﻿@charset "utf-8";
/* CSS Document */
body {font-family:"Microsoft Yahei", Arial, Tahoma,"Microsoft Yahei";margin:0;padding:0;font-size:12px;color:#000; background:#fff;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td,img{margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
img{border:0;}

h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}

/* Link */
a{color:#3e3a39;text-decoration:none; outline:none;}
a:hover {text-decoration:none;outline:none}
a.more_a{color:#C12023;}
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.condiv{width:1200px;height:auto; margin:0 auto;}


/*banner*/
.banner{width:100%;height:589px; background:url(../images/banner-bg.jpg) center no-repeat;min-width:1200px;}
.banner-img01{ width:1200px; height:390px;background:url(../images/banner-img01.jpg) center no-repeat; position:relative}

.banner-img02{ width:1200px; height:199px;background:url(../images/banner-img02.jpg) center no-repeat;}
.logo{ position:absolute;left:48px;top:20px;}
.back{ position:absolute;right:46px;top:40px;}


/*福利1*/
.award01{width:100%;height:706px; background:url(../images/fl01-bg.jpg) center no-repeat;min-width:1200px;}
.title01{width:1200px;height:180px; padding-top:105px;background:url(../images/title01.png) 270px no-repeat; text-align:center}
.title01 span{font-size:38px; font-weight:bold;color:#4f4848; line-height:120px;padding-left:194px;}

.lesson{width:1200px;height:auto;margin:0 auto;}
.lesson-kc{width:373px;height:340px;float:left; }
.lesson-kc h2{font-size:26px;color:#fff;font-weight:bold;padding-top:47px;width:auto; text-align:center}
.lesson-kc span{font-size:24px;color:#ffd202;display:block;text-align:center;padding-top:26px;}
.fl_p{padding-top:25px;width:366px;padding-left:9px; text-align:center}
.fl_p p{font-size:18px; color:#fff;line-height:25px;}
.fl_p p b{font-size:23px;font-weight:bold;color:#fcd316;}
.lesson-kc .btn{padding-top:30px;padding-left:35px;text-align:center;}
.lesson-kc .btn a{font-size:18px;height:45px;line-height:40px;width:150px; text-align:center;display:inline-block;margin-right:15px;-moz-transition:all 0.8s ease;transition:all 0.8s ease;}
.lesson-kc .btn a:hover{color:#ff0000;}
.btn01{background:url(../images/btn01.png) no-repeat;}
.btn02{background:url(../images/btn02.png) no-repeat;}
.qian_kc{background:url(../images/qian_bg.jpg) no-repeat;margin-right:36px;}
.qian_kc h2{padding-left:12px;}
.H5_kc{background:url(../images/h5_bg.png) no-repeat;margin-right:36px;}
.H5_kc h2{padding-left:12px;}
.javaee_kc{background:url(../images/javaee_bg.png) no-repeat;margin-right:36px;}
.javaee_kc h2{padding-left:12px;}


/*6大优势*/
.youshi{width:100%;height:543px;background:url(../images/fl01-bg02.jpg) center no-repeat;min-width:1200px;}
.youshi-con{width:1200px;height:510px;background:url(../images/youshi_bg.png) center no-repeat;}
.youshi-con h2{font-size:32px;color:#fff; font-weight:bold; display:block; text-align:center;line-height:64px;}
.youshi-con h2 b{color:#ffd202;font-size:48px;}
.youshi-list{width:1150px;height:auto;padding-top:54px;padding-left:30px;}
.youshi-list li{width:280px;height:142px;float:left;padding:0 50px 0px 50px;margin-bottom:50px;border-right:1px solid #dfba51 }
.youshi-list li span{color:#232323;font-size:22px; font-weight:bold;display:block; text-align:center;line-height:52px;}
.youshi-list li p{font-size:16px;color:#2e2d2d;line-height:26px;}

/*福利2*/
.award02{width:100%;height:847px;background:url(../images/fl02-bg.jpg) center no-repeat;min-width:1200px;}
.title02{width:1200px;height:180px; padding-top:40px;background:url(../images/title02.png) 270px no-repeat; text-align:center}
.title02 span{font-size:38px; font-weight:bold;color:#4f4848; line-height:178px;padding-left:220px;}
.award-div{width:600px;height:520px;float:left;background:#C12023; background:url(../images/award-bg.jpg) no-repeat;margin-top:40px;}

.award-div{width:600px;height:520px;}
.award-div table{background:none;margin:44px 0 0 52px}
.award-div table td{position:relative;width:164px;height:133px;text-align:center;color:#333;font-index:-999}
.award-div table td img{display:block;width:164px;height:133px;margin:5px 5px 0 0 ;}
.award-div table td a{width:163px;height:134px;display:block;text-decoration:none;background:url(../images/lottery1.jpg) no-repeat top center;margin-top:5px;}
.award-div table td a:hover{background-image:url(../images/lottery2.jpg);}
.award-div table td.active .mask{display:block;}
.mask{
    width:97%;
    height:97%;
    position:absolute;
    left:0;
    top:4px;
    background-color: rgba(0,0,0,0.6);
	border-radius:22px;
    display:none;
}


.award-rt{width:570px;height:auto;float:right;}
.rule{width:570px;height:290px;background:#edd2ac; border-radius:18px;margin-top:40px;}
.rule h2{font-weight:bold;color:#dd2736;font-size:24px;line-height:66px; text-align:center;display:block}
.rule ul{padding:0 14px 0 22px;}
.rule ul li{font-size:14px;line-height:26px;color:#4f4848;}
.rule ul li em{font-style:normal;color:#e6172b;}

.win-con{width:570px;height:208px;background:#e53b4c; border-radius:18px;margin-top:20px;overflow:hidden}
.win-con h2{font-weight:bold;color:#fdef6e;font-size:24px;line-height:62px; text-align:center;display:block;background:#e53b4c}
.winlist{width:520px;margin:0 20px 0 30px; overflow:hidden;}
.winlist ul li{color:#fff;width:520px; line-height:34px;font-size:14px;float:left;padding-left:24px;}
.winlist ul li span{padding-left:28px;}
.winlist ul li p{width:200px; text-align:center;float:right;padding-right:20px;}


/*结尾*/
.footer{width:100%;height:449px;background:url(../images/foot-bg.jpg) center no-repeat;min-width:1200px;}
.foot-p{font-size:24px;line-height:40px; text-align:center;color:#fff; padding-top:128px;}
.sign{width:100%;display:block; text-align:center;min-width:1200px;}
.sign-btn{width:216px;line-height:46px; border-radius:50px;background:#ffd202; text-align:center;display:inline-block;font-size:26px;color:#e32e0f;margin-top:22px;-moz-transition:all 0.8s ease;transition:all 0.8s ease;}


/*留下手机号*/
.bg_zz{position:fixed;width:100%;height:100%;background:#000;opacity:0.8;z-index:5;top:0;left:0;display:none;}
.login{position:fixed;width:458px;height:583px;top:5%;margin-left:-229px;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;background:#fff;overflow:hidden;left:50%;z-index:10;background:url(../images/login_bg.png) center no-repeat; 
display:none}
.login_nr{width:334px;height:auto;margin:0 auto; margin-top:200px; position:relative}
span.close{ position:absolute;top:106px;right:10px; cursor:pointer}
.login_nr p.get{color:#e3120f;font-size:16px;line-height:36px;width:100%; text-align:center;display:block; }
.login_nr p.get b{font-size:20px; font-weight:bold;}
.login_nr h2{width:100%;font-size:24px; text-align:center;display:block;color:#333;padding-top:10px;}
.login_list{width:334px;height:auto;margin-top:25px;}
.login_list li{line-height:40px; position:relative} 
.login_list li span{width:90px; text-align:center;font-size:16px;color:#333; display:inline-block}
.login_list li input{padding:5px 0;line-height:22px;height:22px; border:1px solid #dedbbc; box-shadow: rgba(222,219,188,0.5); text-indent:10px;width:218px;font-size:14px;font-family:"Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei"; } 
.login_list li .like-kc{width:218px; height:40px;line-height:22px;border:1px solid #dfdede; font-size: 16px; background:#fff; font-family:"Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei"; cursor:pointer; padding: 0 5px;font-size:14px;color:#333} 
.login_btn{text-align:center;display:block;margin-top:16px;padding-left:78px;} 
.login_btn .button{padding:0;width:185px;height:42px;line-height:40px;background:#e8403e; border-radius:20px;color:#fff;font-size:16px; text-align:center;display:block;cursor:pointer; outline:none}

.login_list li.tishi{font-size:14px;color:#e8403e; text-align:center;line-height:40px;}
.login_list li .error{height:22px; position:absolute;top:-15px;right:0;background:url(../images/error-img.png) 14px 22px no-repeat ;color:#fff;font-size:12px;line-height:22px;width:180px; border-radius:5px; background:#e8403e}
.login_list li .error p{background:#e8403e}

 





