@charset "utf-8";
img {border: 0 none;max-width:100%;}
.login-body{background: url(../images/dl_bg.jpg) center 0 no-repeat !important;}
.reg-body{background: url(../images/bg.png) center 40px #fff no-repeat !important;}
.login-head{ width:100%; margin:0 auto; background:#fff;position:relative; z-index:1; box-shadow:5px 2px 3px #ddd; }
.login-head-con{ width:1000px; margin:0 auto; height:113px;}
.login-logo{ padding:28px 0;}
.logoPic{ display:inline-block; float:left; width:250px; height:60px; font:300 0/0 "arial"; color:#fff}
.login-logo i{ display:block; float:left; height:55px; line-height:2px; font-size:1px; width:1px; background:#d0d0d0; margin:0 20px;}
.login-logo span{ font:500 40px/55px "\5FAE\8F6F\96C5\9ED1"; color:#666; display:inline; float:left; white-space:nowrap; overflow:hidden}
.login-head-right{font-size:16px; padding:43px 0 28px 0; color:#666;}
.login-head-right a{  font:300 16px/42px "\5FAE\8F6F\96C5\9ED1";text-align:center; color:#666; padding:0 10px}
.login-head-right a:hover{ color:#ff6f3d}
.main{width:1000px; margin:20px auto; background: #fff; min-height:570px; font-size:12px; _height:570px; overflow: visible;border-radius:2px;}
.login-main{ background: none;}
.main.login-main .inputFrame{ padding:10px 15px 20px; position: relative; width:289px; margin-top:135px; float: right; background: #fff; box-shadow: 0px 0px 5px #ccc;}
.main.login-main .Frame_tit a{ width:213px;}
.main.login-main ul.inputFrame_info{ width:288px;}
.main.login-main .cline .txt{  width:235px;}
.main.login-main .inputFrame_btn{ width:100%;}
.main.login-main .loginOthers  a{ margin-bottom:20px;}
.main.login-main .clineCode{ width:168px; }
.main.login-main li.w2 .cline{ width:250px; float:left; }
.main.login-main li.w2  .txt{ width:175px; }
.main.login-main li.w3 .cline{ width:112px; float:left; }
.main.login-main li.w3  .txt{ width:71px; }
.main.login-main li.w3 .clineCode{ width:169px;  }
.main.login-main li.w3 .code_img{ float:left; width:76px; height: 36px; display:block; }
.main.login-main li.w3 .code_img img{ float: left;}
.main.login-main li.w3 .change_code{ line-height:36px; width:85px; cursor:pointer; color:#ee491f; font-size:12px; float:right; margin:0;  }
.main.login-main li.w4{ margin-top:15px;}
.inputFrame{ padding:0 43px 0 45px;width:372px;  }
.loginFrame{ width:780px; padding:56px 0; background:#fff; border-radius:3px; z-index:1000; position:relative;}
.loginFrame .close{ background:url(../images/dl_icons.png) 0 -303px; width:37px; height:28px; display:block; position:absolute; top:10px; right:10px;} 
.loginFrame .close:hover{  background:url(../images/dl_icons.png) -48px -303px;}
.Frame_tit{ background:none; height:40px; line-height:40px; margin-bottom: 15px;}
.Frame_tit a{ font-size: 14px; margin-right: 20px; padding-bottom: 5px; border-bottom: 1px solid #fff;}
.Frame_tit a.z_on{  color:#ff5c33; border-bottom: 1px solid #ff5c33;}
ul.inputFrame_info{ display:block; clear:both; width:371px;}
ul.inputFrame_info li{ margin-top:15px; display:block; width:100%; float:left; }
ul.inputFrame_info li.w1{ margin-top:10px; vertical-align:middle; line-height:22px;color:#666; height:22px; }
ul.inputFrame_info li.w1 .checkbox{ margin-right:5px; vertical-align:middle; }
ul.inputFrame_info li.w1 a{ color:#666; font-size:12px; padding:0 3px}
ul.inputFrame_info li a.redTxt{ color:#ff5c33;}
ul.inputFrame_info li a.blueTxt{ color:#518ab3;}
.cline{ border:1px solid #e6e6e6; height:34px; position:relative;}
.cline .txt{ border:0; display:block; width:297px; height:20px; float:left; line-height:20px; margin: 7px 0;}
.inptIcons{ height:22px; display:block; margin:6px 0; width:36px;float:left; }
.inptIcons.zh{ background:url(../images/dl_icons.png) 5px  4px no-repeat; }
.inptIcons.mm{ background:url(../images/dl_icons.png) -39px  5px no-repeat;}
.inptIcons.sj{ background:url(../images/dl_icons.png) -84px  5px no-repeat;}
.inptIcons.dx{ background:url(../images/dl_icons.png) -124px  5px no-repeat;}
ul.inputFrame_info li.w2 .cline{ width:210px; float:left; }
ul.inputFrame_info li.w2  .txt{ width:135px; }
.clineCode{width:148px; cursor:pointer; color:#ee491f; font-size:14px; float:left; padding:0;  margin-left:5px;} 
.clineCode a.get_code{ display:block; height:34px; line-height:34px; border:1px solid #f3d5ccfloat:left; background:#fffaf9; color:#ff6f3d;border:1px solid #f3d5cc; text-align:center; background:#fffaf0;}
.clineCode a.wait_code{ border:1px solid #e0e0e0; color:#aaa; background:#f5f5f5;}
input.frameInput_text:hover{  border:1px solid #f26033; box-shadow:2px 2px 5px #fddfd6;}
input.frameInput_text:focus{ border:1px solid #f26033; box-shadow:2px 2px 5px #fddfd6;}
.cline:hover{  border:1px solid #f26033; box-shadow:2px 2px 5px #fddfd6;}
.inputFrame_btn{ background:#ff5c33; border:none;color:#fff; width:369px; height:36px; font-size:14px; cursor:pointer } 
.inputFrame_btn:hover{ background:#ff3f0f; border-color:#ff3f0f;}
.cline .eyesOpen,.cline .eyesClose{ display:block;  width:34px; height:34px; position:absolute; right:0; top:0;z-index:1; background:url(../images/dl_icons.png) no-repeat #fff; }
.cline .eyesOpen{ background-position: -44px -165px;}
.cline .eyesClose{ background-position: 3px -165px;}
.warn{ float:left; width:100%;height:16px; line-height:16px; padding:15px 0 5px 0; color:red; }
.warn .flase , .warn .remind{ display:block; background:url(../images/zc.png) no-repeat;width:16px; height:16px; vertical-align:middle; margin-right:5px; float:left;  color:#666;}
.warn .flase{  background-position:0 -67px; }
.warn .remind{   background-position:-20px -67px;}
.warn2{ margin-bottom:-10px;}
.loginOthers{ padding:0 45px 0 40px; width:229px;}
.loginOthers ul li{ width:100%; }
.loginOthers h3{ font-size:16px; padding:20px 0 25px;}
.loginOthers  a{ display:block; background:#f9f9f9; box-shadow:0 2px 3px #f3f3f3; box-shadow:0 1px 0 #fff inset; height:53px; font:15px/53px "microsoft yahei"; margin-bottom:15px; border-radius:3px ; _padding-top:10px; border:1px solid #e3e3e3; }
.loginOthers  a i{ display:inline-block; width:35px; height:35px; margin:0 10px; background:url(../images/dl_icons.png) no-repeat; vertical-align:middle;}
.loginOthers  a.sina i{ background-position:0 -63px;}
.loginOthers  a.QQ i{ background-position:-48px -63px;}
.loginOthers  a.weixin i{ background-position:-97px -63px;}
.loginOthers  a:hover{ background:#f1f1f1;}
.loginTwo{ position: absolute; top:15px; right: 15px; cursor: pointer;}
.loginCon1{ margin: 40px 0 15px; text-align: center; font-size: 12px;}
.loginCon1 img{ width: 160px;}

.product{width:100%;background:#fff;margin-top:45px;margin-bottom:-40px;}
.product ul{ display:block; margin:0 auto; padding-top:35px;}
.product ul li{ float:left; padding:0 32px; border-right:1px dotted #dfdfdf; width:160px;}
.product ul li a{ display:block; }
.product ul li h3{ display:block; height:40px; line-height:40px; font-size:26px; color:#666; }
.product ul li i{ display:block; background:url(../images/dl_icons.png) no-repeat; width:36px; height:36px; float:left; margin-right:20px; vertical-align:middle;}
.product ul li i.course{ background-position: -1px -104px;}
.product ul li i.test{ background-position: -48px -106px;}
.product ul li i.app{ background-position: -94px -104px;}
.product ul li i.primary{ background-position: -139px -107px;}
.product ul li p{ margin-top:20px; line-height:26px; font-size:14px; color:#999; }
.code_img{ height:auto; width:110px;float:left; margin-right:5px; background:#f7f7f7;}

.mainBg{background:#fff;border:1px solid #ddd;width:998px;}
.gg-big-img { width: 1000px;height: 80px;margin: 20px auto -30px;}
.regWays{ width:209px;  text-align:center;}
.regWays ul li{ border-bottom:1px solid #dfdfdf; color:#666;  width:100%; }
.regWays ul li a{ padding:40px 0; width:100%; display:block;}
.regWays h3{ font: 500 18px/24px "microsoft yahei"; height:24px; display:block;  }
.regWays h3 .icon{ width:24px; height:24px; display:inline-block;vertical-align:middle; margin-right:5px;}
.regWays h3 .custom{ background-position:0 -1px;}
.regWays h3 .email{ background-position:-32px -6px;}
.regWays h3 .phone{ background-position:-70px -1px;}

.regWays ul li.z-on h3{ font-weight:700; color:#f26033}
.regWays ul li.z-on .custom , .regWays h3 .custom:hover{ background-position:0 -32px;}
.regWays ul li.z-on .email , .regWays h3 .email:hover{ background-position:-32px -36px;}
.regWays ul li.z-on .phone , .regWays h3 .phone:hover{ background-position:-70px -31px;}

.regWays p{ color:#999; margin-top:10px;}
.regWays ul li.z-on{ border:1px solid #ff6f3d; width:209px; margin-left:-1px; position:relative; background:#fff; color:#f26033; cursor:pointer; }
.regWays ul li.z-on i.sj{ background:url(../images/zc.png) -81px -91px;width:19px; height:23px; display:block; position:absolute; right:-12px; top:45%; }
.regWays ul li.z-on p{color:#f26033;  }


.regForm{ padding:55px 25px 55px 60px; width:703px;}
.frame{ height:50px; margin-bottom:25px; width:100%; }
.frameInput{ float:left; font-size:12px; position:relative; width:100%;}
.frameInput label{ text-align:right; float:left;line-height:50px;  padding-right:10px; width:85px; display:block;}
.frameInput_text { width:360px;height:48px;border:1px solid #e0e0e0;padding-left:15px;display:inline; font:14px/50px ""; float:left; margin-right:20px; float:left;}
.frameInput_text.w140{ width:130px; }
.frameInput span.inputText{ line-height:50px; font-weight:700; padding-left:20px;}
.change_code{ line-height:50px; width:90px; cursor:pointer; color:#ee491f; font-size:12px; float:left; margin-right:20px;}
.frame a.get_code{ display:block; height:48px;border:1px solid #f3d5cc; width:200px;float:left; line-height:48px; text-align:center; background:#fffaf9; color:#ff6f3d}
.frame a.wait_code{ border:1px solid #e0e0e0; color:#aaa; background:#f5f5f5;}

p.agreen{ padding-left:100px;}
p.agreen .checked{ background:url(../images/zc.png) -64px -68px no-repeat; width:15px; height:16px; display:inline-block; vertical-align:middle; margin-right:8px;} 
p.agreen .no_checked{ background:url(../images/zc.png) -83px -68px no-repeat; width:15px; height:16px; display:inline-block; vertical-align:middle; margin-right:8px;} 
p.agreen a{ color:#2da4ff;}
.frame .submit{ background:#ff6f3d; border:0; color:#fff; width:360px; margin-left:100px; height:48px; line-height:48px; border-radius:3px; font-weight:700; cursor:pointer; font-size:15px;}
.frame .submit:hover{ background:#ff8054;}
.frameInfo{ float:right; width:205px; height:40px; font-size:12px; padding-top:10px; line-height:20px;}
.frameInfo i{ display:block; background:url(../images/zc.png) no-repeat;width:16px; height:24px; vertical-align:middle; margin-right:5px; float:left; margin-top:3px;}
.frameInfo span.flase i{  background-position:0 -67px; }
.frameInfo span.wran i{ background-position:-20px -67px; }
.frameInfo span.true i{  background-position:-41px -67px; display:none; }
.frameInfo span.error i{  background-position:0 -67px; }
.frameInfo span.tip i{ background-position:-20px -67px; }
.frameInfo span.ok i{  background-position:-41px -67px;display:none; }

.frameInput a.eyesOpen,.frameInput a.eyesClose{ display:block;  width:34px; height:34px; position:absolute; right:250px; top:8px;z-index:1; background:url(../images/zc.png) no-repeat} 
.frameInput a.eyesOpen{ background-position:0 -92px;display:none;}
.frameInput a.eyesClose{background-position: -39px -93px ; }
.redTxt,a.redTxt:link,a.redTxt:visited,.redTxt a{ color:red;}
.orgTxt,a.orgTxt:link,a.orgTxt:visited,.orgTxt a{ color:#f28d32;}
.grayTxt,a.grayTxt:link,a.grayTxt:visited,.grayTxt a{ color:#9093a6;}a.grayTxt:hover{ color:#666;}
.blueTxt,a.blueTxt:link,a.blueTxt:visited,.blueTxt a{ color:#4790d2;}
.greenTxt,a.greenTxt:link,a.greenTxt:visited,.greenTxt a{ color:#62a612;}

/*找回密码*/
.pwdStep{padding: 40px 53px;width: 862px;background: #fff;margin: 20px 13px;}
.c-69c{ color: #69c;}
.pwdStep ul{ background:url(../images/dl_icons.png) 0 -670px ; width:100%;}
.pwdStep ul li{ display:block; float:left; width:100px; text-align:center; margin-right: 146px;}
.pwdStep ul li a{ cursor:default ;}
.pwdStep ul li h3{ font:16px/34px "microsoft yahei"; color:#666;} 
.pwdStep ul li span{ display:block; width:68px; height:68px; margin:0 auto; background:url(../images/dl_icons.png) no-repeat;}
.pwdStep ul li a{ display:block;}
.pwdStep ul li.list_ok a h3 , .pwdStep ul li.list_on a h3{ color:#ff5c33;}
.pwdStep ul li.list_ok span.user{ background-position:0 -344px;}
.pwdStep ul li.list_ok span.verification{ background-position:-82px -344px;}
.pwdStep ul li.list_ok span.pwd{ background-position:-1px -422px;}
.pwdStep ul li.list_ok span.finish{ background-position:-82px -422px;}

.pwdStep ul li.list_on span.verification{ background-position:-1px -504px;}
.pwdStep ul li.list_on span.pwd{ background-position:-82px -504px;}

.pwdStep ul li.list_no span.verification{ background-position:0 -809px;}
.pwdStep ul li.list_no span.pwd{ background-position:-82px -584px;}
.pwdStep ul li.list_no span.finish{ background-position:-1px -584px;}

.centered-block{ margin-left: auto !important; margin-right: auto !important; } 
.pwdCont{ width:1000px; padding-top:40px; padding-bottom:100px;}
.pwdFrame{ height:45px; margin-bottom:25px; width:100%; clear:both }
.pwdInput{ float:left; width:100%;}
.pwdInput label{ text-align:right; float:left;line-height:45px;  padding-right:10px; width:15%; display:block;}
.pwdInput_text { width:48%;height:43px;border:1px solid #e0e0e0;padding-left:20px;display:inline; font:14px/43px ""; float:left; }

.pwdInput_text.w140{ width:22%;}
.pwdInput_text.w160{ width:29%;}
.pwdFrame .code_img{ height:45px; width:15%;float:left; margin:0 10px; background:#f7f7f7}
.pwdFrame .change_code{ line-height:45px; width:95px; cursor:pointer; color:#3283c1; font-size:13px; text-decoration:underline}
.pwdInput span.inputText{ line-height:45px; font-weight:700; padding-left:20px;}
input.pwdInput_text:hover{  border:1px solid #f26033; box-shadow:2px 2px 5px #fddfd6;}
input.pwdInput_text:focus{ border:1px solid #f26033; box-shadow:2px 2px 5px #fddfd6;}
.pwdFrame .submit{color:#fff; width:37%; margin-left:16%;height:48px; border:0;color:#fff; line-height:43px; border-radius:3px; cursor:pointer; display:block;  background:#ff5c33; font-size:16px;  }
.pwdFrame .submit:hover{ background:#ff6f3d; border-color:#ff6f3d;  box-shadow:0 2px 3px #f3f3f3;}
.select{ float:left; width:32%;height:auto; background:url(../images/dl_icons.png) right  -906px no-repeat #fff;border:1px solid #e0e0e0; position:relative; } 
.select-btn{ float:left; width:74%; padding-right:20px; font:300 14px/43px "Microsoft YaHei";  height:43px;overflow:hidden; padding-left:20px; display:block;  }
ul.select-list{ display:block; float:left; background:#fff;width:100%;padding:0px;border:1px solid #e0e0e0; position:relative; margin-left:-1px; max-height:80px;overflow-y:auto;overflow-x:hidden; position:absolute; left:0; top:43px; z-index:9; }
ul.select-list li{ height:40px; line-height:40px; font-size:14px!important; padding-left:20px; border-top:1px solid #eee; margin-top:-1px; }
ul.select-list li:hover{ background:#f5f5f5;}
.pwdFrame a.get_code{ display:block; height:43px;border:1px solid #f3d5ccfloat:left; line-height:43px;background:#fffaf9; color:#ff6f3d;border:1px solid #f3d5cc; text-align:center; background:#fffaf0; float:left; width:28%; margin-left:10px;}
.pwdFrame a.wait_code{ border:1px solid #e0e0e0; color:#aaa; background:#f5f5f5;}

.tb1 .frameInfo{ width:18%; }
.tb1 .pwdFrame,.tb2 .pwdFrame{ margin-bottom:15px;}
.tb2 .pwdInput{ width:100%;}
.tb2  .select{ width:73%}
.tb2 .pwdInput label{ width:23%;}
.tb2 .pwdFrame .submit{ width:73%; margin-left:26%; }
.tips{ background:#fffcf7; border:1px solid #ffe9e1; padding:20px 25px; line-height:23px; font-size:13px; color:#666; margin:20px 50px 40px; display:inline-block; width:900px;}
.tips h4{ font-size:16px; color:#333; margin-bottom:5px;}

dl.pwdCont_send{ color:#666; text-align:center; font-family:"microsoft yahei"}
dl.pwdCont_send dt{ width:100%; height:84px; }
dl.pwdCont_send dt i{ display:block; background:url(../images/dl_icons.png) no-repeat; height:84px;}
dl.pwdCont_send dt i.sendEmail{ background-position: center -1004px;}
dl.pwdCont_send dt  i.success{ background-position: center -1166px;}
dl.pwdCont_send dd.f-ln36{ line-height:36px;}
dl.pwdCont_send a.resend , dl.pwdCont_send a.ok{ display:block; width:40%; text-align:center; float:left; margin-left:7%; display:inline; height:45px; line-height:45px;border:1px solid #dfdfdf; font-size:16px; border-radius:3px;}
dl.pwdCont_send a.resend{ background:#f4f4f4;box-shadow:0 1px 0 #fff inset; color:#333;}
dl.pwdCont_send a.ok{ background:#ff6f3d; border-color:#ff6f3d;  color:#fff;}
dl.pwdCont_send a.resend:hover{ background:#e5e5e5;box-shadow:none; }
dl.pwdCont_send a.ok:hover{ background:#f6481c;}

/*Feedback*/

.Feedback{ background: #fff; width: 892px; margin: 0 ; padding: 45px 54px; position:relative;  }
.Feedback  i{ background:url(../images/dl_icons.png) -105px -158px; width:34px; height:34px; position:absolute; left:0px; top:0px;}
.Feedback h3{ font-size:21px; line-height:30px; border-bottom:1px solid #eee; padding-bottom:35px}
.Feedback h3 span{ padding-left:25px ; font-size:15px; color:#666;}

.suggestion{ margin-top:30px; width:100%; }
.suggestion h2{  font-size:16px; color:#ff5c33;}
.suggestion h2 span{ font-size:13px; line-height:21px; padding-left:30px; padding-top:10px; color:#999; display:block;}
.suggestion_cont{ padding:30px 20px; font-size:14px;color:#666;}
.suggestion_cont ul li{ height:30px; line-height:30px;  float:left;  margin-right:45px; } 
.suggestion_cont ul li .radio{ margin-right:8px;vertical-align:middle; font-family:Tahoma ,Microsoft Yahei;}

.textarea{ border:1px solid #eee; background:#fafafa; width:846px; padding:15px; min-height:85px; _height:85px; }
.inputArea{ height:40px; line-height:40px; margin-bottom:15px; width:47%; margin-left:10px;}
.inputArea label{ width:100px; display:block; float:left; color:#333;}
.inputArea .inputFile{ height:40px; width:280px; border:1px solid #d4d4d4; padding-left:10px;}

.suggestion_cont input:focus,.suggestion_cont textarea:focus{ border:1px solid #f5baba; box-shadow:0 2px 5px 3px #fce8e8; background:#fff;}
.suggestion_cont .tb{ text-align:center; }
.suggestion_cont .tb tr{ height:44px; line-height:44px;}
.suggestion_cont .tb tr.bGrey{ background:#fafafa; height:37px; line-height:37px;}
.suggestion_cont placeholder{ font-family:microsoft yahei ;}

.suggestion_cont a{ background:#ff5c33; color:#fff!important; width:235px; height:47px; line-height:47px; border-radius:3px; font-size:16px;display:block; text-align:center; margin:50px  auto 0; }
.suggestion_cont a:hover{ opacity:0.8;}

p.yz_tis{ color:red; line-height:30px;}
p.yz_tis em{ color:#666; font-size:14px;}
a.service{ width:120px; text-align:center ; margin:20px  auto 0; display:block; line-height:36px; color:#fff; background:#57a7f5; border-radius:3px;}
a.service:hover{ opacity:0.8;}

.xyTit{ height:55px;text-align:center; text-indent:2em; font: 700 18px/55px "microsoft yahei"; border-bottom:1px solid #eee; background:#f9f9f9;}
.xyCont{ padding:30px 50px 50px; line-height:24px; font-family:Arial, SimSun}
.xyCont h5{ font-weight:600; font-size:14px; margin:12px 0;}
.xyCont br{ display:inline; line-height:0; }
.xyCont a.close{ text-align:center; background:#f5f5f5; border:1px solid #ddd; padding:10px 20px; width:100px; margin:20px auto 0; display:block; border-radius:3px;}
.xyCont a.close:hover{ background:#f1f1f1; color:#333;  border-color:#bbb;}



.loginRight img{ width:220px;}
.loginRight { text-align: center; padding-top:30px;}
img {border: 0 none;max-width:100%;}