@charset "utf-8";
/* CSS Document */
.header-box{ width:1180px;}
.header-box .logo{ padding-top:17px;}
strong{ font:inherit;}


/*头部二维码下载*/
.phone-down{margin-right:60px; height:28px;line-height:28px; padding:35px 0; position:relative;}
.phone-down a.app{ background:url(../images/phone.png) no-repeat;color:#333; font-size:16px; display:inline-block; padding-left:30px; }
.phone-down a.app:hover{ color:#32a8f5; }

.phone-down a.app .code{ position:absolute; z-index:101;top:76px; left:-30px; width:170px; height:200px;-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; filter:alpha(opacity=0);-webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);visibility:hidden; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; text-align:center; }
.phone-down a.app:hover .code{visibility:visible;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);-webkit-transform: translate3d(0px,-10px, 0px);-moz-transform: translate3d(0px, -10px, 0px);-o-transform: translate3d(0px, -10px, 0px);transform: translate3d(0px, -10px, 0px);}

.phone-down a.app:hover .code.zikao{background:url(../images/app_download/micro_zikao_play.png) no-repeat; }/*自考*/
.phone-down a.app:hover .code.answering{background:url(../images/app_download/micro_answering_play.png) no-repeat;}/*答辩系统*/
.phone-down a.app:hover .code.rz{background:url(../images/app_download/micro_rz_play.png) no-repeat;}/*职业认证*/
.phone-down a.app:hover .code.ck{background:url(../images/app_download/micro_ck_play.png) no-repeat;}/*成考*/

/*在线答辩系统中心登陆界面*/
#header-system{ background:#fff;height:94px;width:100%; border-bottom:1px solid #f1f1f1; box-shadow:0 1px 3px #e5e5e5;}
#header-system .logo a{ display:block;}
#header-system .logo a img{ max-height:60px;}
#header-system .header-box .login-box a.login{ border-right:1px solid #fff;}
#header-system .logo{width:auto;}
#header-system .logo em.title{ font-size:24px; color:#778baa; background:url(../images/system/2020/line_03.jpg) no-repeat 0 center; padding-left:20px; margin:15px 0 0 20px;}

#systemBox{ width:100%; min-height:668px; height:auto!Important; height:668px;overflow:hidden;}

#systemBox .loginInBox{ width:843px; height:390px; margin:118px auto 0; background:#fff; border-radius:10px; }
#systemBox .loginInBox .leiBox{ width:363px; height:390px; text-align:center;position:relative;}
#systemBox .loginInBox .leiBox .item{width:363px; font-size:28px; color:rgba(255,255,255,0.5); position:absolute; bottom:65px;}

#systemBox .loginInBox .loginBox{width:380px; height:290px; padding:50px;}
#systemBox .loginInBox .loginBox .tit{ font-size:24px; color:#333; text-align:center; margin-bottom:40px;}
#systemBox .loginInBox .inplist{ margin-bottom:20px; width:308px;height:38px; line-height:38px; border-radius:3px; padding:5px 20px 5px 65px; font-size:16px; position:relative; background:#f7f7f5; border:1px solid #f2f2f2; color:#333;}
#systemBox .loginInBox .inplist.yzm{width:158px;}
#systemBox .loginInBox .inplist input[placeholder]{ font-size:16px; width:310px;}
#systemBox .loginInBox .inplist.yzm input[placeholder]{width:160px;}
#systemBox .loginInBox .inplist.yzm .VerificationCode{ width:130px; text-align:center;height:46px; line-height:46px; color:#32a8f5; border:1px solid #32a8f5; border-radius:3px; position:absolute; right:-150px; top:0px; display:inline-block;}

/*#systemBox .loginInBox .inplist:hover{box-shadow: 1px 2px 3px #e5e5e5;}*/

#systemBox .loginInBox .inplist .ico{ width:40px; height:30px; display:inline-block; border-right:1px solid #ededed; position:absolute; left:10px; top:10px;}
#systemBox .loginInBox .inplist .ico.per{ background:url(../images/system/2020/per.png) no-repeat;}
#systemBox .loginInBox .inplist .ico.pass{ background:url(../images/system/2020/pass.png) no-repeat;}
#systemBox .loginInBox .inplist .ico.sfz{ background:url(../images/system/2020/sfz.png) no-repeat;}
#systemBox .loginInBox .inplist .ico.phone{ background:url(../images/system/2020/phone.png) no-repeat;}
#systemBox .loginInBox .inplist .ico.yzm{ background:url(../images/system/2020/yzm.png) no-repeat;}


#systemBox .loginInBox input.butOn{background:#319cee; width:392px; height:50px; line-height:50px; margin-top:20px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#systemBox .loginInBox input.butOn:hover{ opacity:0.8;}

.automatic.te a{ color:#666;}

#footer-box{ text-align:center; color:rgba(255,255,255,0.5); background:#616163; height:64px; width:100%; line-height:64px;}
#footer-box a{ color:rgba(255,255,255,0.5);}


/*在线考试*/
#systemBox.zxks{ background:url(../images/system/2020/zxks_bg.jpg) no-repeat center top; background-size:cover; }
#systemBox.zxks .loginInBox .leiBox{background:url(../images/system/2020/zxks_img.png) no-repeat;}
#systemBox.zxks .loginInBox input.butOn{background:#319cee;}
#systemBox.zxks .automatic.te a:hover{ color:#319cee;}

/*在线论文指导与答辩系统*/
#systemBox.dbxt{ background:url(../images/system/2020/zxks_bg.jpg) no-repeat center top; background-size:cover; }
#systemBox.dbxt .loginInBox .leiBox{background:url(../images/system/2020/lwdb_img.png) no-repeat;}
#systemBox.dbxt .loginInBox input.butOn{background:#3669cf;}
#systemBox.dbxt .automatic.te a:hover{ color:#3669cf;}

/*在线学习*/
#systemBox.zxxx{ background:url(../images/system/2020/zxks_bg.jpg) no-repeat center top; background-size:cover; }
#systemBox.zxxx .loginInBox .leiBox{background:url(../images/system/2020/zxxx_img.png) no-repeat;}
#systemBox.zxxx .loginInBox input.butOn{background:#319cee;}
#systemBox.zxxx .automatic.te a:hover{ color:#319cee;}

/*中国中小企业协会*/
#systemBox.zxqy{ background:url(../images/system/2020/zxks_bg.jpg) no-repeat center top; background-size:cover; }
#systemBox.zxqy .loginInBox{height:470px; border-radius:14px; margin-top:51px;}
#systemBox.zxqy .loginInBox .loginBox{height:370px;}
#systemBox.zxqy .loginInBox .leiBox{height:470px;background:url(../images/system/2020/zxqy_img.png) no-repeat;}
#systemBox.zxqy .loginInBox .leiBox .item{ font-size:26px; bottom:90px;}
#systemBox.zxqy .loginInBox input.butOn{background:#285cac;}
#systemBox.zxqy .mention{ margin-top:15px; font-size:12px; color:#ff5500; line-height:20px;}
#systemBox.zxqy .mentionBox{ width:803px; margin:30px auto 0; padding-bottom:60px; color:#fff; line-height:24px;}
#systemBox.zxqy .mentionBox .item{ border-left:2px solid #fff; padding-left:10px; height:14px; line-height:14px; margin-bottom:10px;} 
#systemBox.zxqy .automatic.te a:hover{ color:#285cac;}

/*弹窗*/
.system-change-tan{display:none; padding:40px 60px; border-radius:3px; width:700px; height:380px; position:fixed; top:50%; left:50%; margin-left:-410px; margin-top:-230px; background:#fff; z-index:1009;}
.system-change-tan  i.close{ background:#41bfb9 url(https://www.yaoxuedao.com/images/learn_center/learn_little_bg.png) no-repeat -9px -617px; height:32px; width:32px; display:block; position:absolute; right:-16px; top:-16px; border-radius:50%; cursor:pointer; }
.system-change-tan  i.close:hover{ background:#2fb6b0 url(https://www.yaoxuedao.com/images/learn_center/learn_little_bg.png) no-repeat -9px -617px;  }
.system-change-tan  .tan-tit{ font-size:16px; color:#333; border-bottom:1px solid #e7e7e7; line-height:26px; }
.system-change-tan  .tan-tit strong{font-size:16px;  height:29px;display:inline-block;padding-bottom:5px; cursor:pointer; margin-right:30px; color:#666; }
.system-change-tan  .tan-tit strong.on{border-bottom:2px solid #41bfb9;  color:#333333;}
.system-change-tan  .tan-content{ color:#666; line-height:24px; margin-top:15px;}

.system-list{max-height:260px; overflow:auto;}
.system-list a{ width:190px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; padding:10px; margin:20px 20px 0 0; line-height:26px; color:#666; border: 1px solid #ecf1f4;background: #f7f9fb; float:left;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.system-list a:hover,.system-list a.cur{border: 1px solid #41bfb9;background: #41bfb9; color:#fff; }

.system-change-tan.autoScore{ height:480px; margin-top:-280px;}
.system-change-tan.autoScore .system-list{max-height:360px;}
.system-list .module-title{ border-bottom:1px solid #e5e5e5; width:676px; }
.system-list .module-title em{ font-size:16px; background:#41bfb9; border-top-left-radius:3px;border-top-right-radius:3px; padding:0 20px; height:45px; line-height:45px; display:inline-block; margin-top:20px; color:#fff;}
.system-list .module-list{ width:100%; /*max-height:444px; height:auto!important; height:444px;*/ margin-bottom:20px; overflow:hidden;}
/*按钮*/
.btn-list a.sure{ width:85px; height:44px; padding:0 20px; border-radius:3px; display:inline-block; line-height:44px; color:#fff;
background: -webkit-linear-gradient(#9aa1a5,#a9b4c0); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#9aa1a5,#a9b4c0); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#9aa1a5,#a9b4c0); /* Firefox 3.6 - 15 */
background: linear-gradient(#9aa1a5,#a9b4c0); }
.btn-list a.sure:hover{
background: -webkit-linear-gradient(#289e98,#41bfb9); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#289e98,#41bfb9); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#289e98,#41bfb9); /* Firefox 3.6 - 15 */
background: linear-gradient(#289e98,#41bfb9); }

.btn-list a.cancel{ color:#999; margin-left:15px;}
.btn-list a.cancel:hover{ color:#41bfb9;}

/*在线学习系统专业切换（2018.9.21）*/
.education-tan{ display:none; padding:60px; width:360px; max-height:320px; position:fixed; top:50%; left:50%; margin-left:-180px; margin-top:-160px; background:#fff; z-index:1009;}
.education-tan i.close,.signatureTanBox i.close{ background:#f97e7e url(../images/learn_center/learn_little_bg.png) no-repeat -9px -617px; height:32px; width:32px; display:block; position:absolute; right:-16px; top:-16px; border-radius:50%; cursor:pointer; }
.education-tan i.close:hover,.signatureTanBox i.close:hover{ background:#eb6565 url(../images/learn_center/learn_little_bg.png) no-repeat -9px -617px;  }

.education-tan .content{ text-align:center;}
.education-tan .content .info{ font-size:18px; line-height:26px; color:#444; }
.education-tan .content .info p.te{ color:#eb6565; font-size:16px; border-bottom:1px dashed #e5e5e5; padding-bottom:15px;}
.education-tan .content .btn{ max-height:250px; overflow-y:auto;}
.education-tan .content .btn a{ min-width:160px; height:40px; line-height:40px; width:auto; padding:0 20px; margin-top:10px; font-size:14px; display:inline-block; color:#54d2e8; border:1px solid #54d2e8; border-radius:3px; }
.education-tan .content .btn a:hover{ background:#54d2e8; color:#fff; }


.system-change-tan.answering-system{ height:420px; margin-top:-240px;}
.system-change-tan.answering-system .system-list{max-height:360px;}

/*电子签名(2019.11.22)*/
.signatureTanBox{ width:600px; padding:80px 40px; position:fixed; top:50%; left:50%; margin-left:-340px; margin-top:-280px; background:#fff; z-index:1009;}
.signatureTanBox .info{color:#999; text-align:center; }
.signatureTanBox .info .time{ color:#FF7173; margin-top:5px;font-size:16px;}
.signatureTanBox .info .tit{ color:#444; font-size:16px;}
.signatureTanBox .info .img{ margin-top:20px;}
.signatureTanBox .info .img img{ display:inline-block; max-width:200px;}

.signatureTanBox .info .scuess{ color:#FF7173; font-size:18px; background:url(../images/learn_center/scuessImg.png) no-repeat; line-height:36px; display:inline-block; padding-left:46px;}
.signatureTanBox .info p a.a{ margin:0 5px; color:#2AACFF;}
.joinSystem{ padding:0 50px; height:50px; line-height:50px; background:#2AACFF; display:inline-block; border-radius:50px; color:#fff;}
.joinSystem:hover{ opacity:0.8; }


/*登录切换(2020.6.23)*/
.loginBox .change-types{ position:absolute; top:0px; left:0px; border-bottom:1px solid #e5e5e5; width:480px; height:60px; margin-bottom:40px;}
.loginBox .change-types a{line-height:60px; height:60px; display:inline-block; width:240px; text-align:center; font-size:18px; color:#666;}
.loginBox .change-types a.on{ border-bottom:2px solid #32a8f5; height:59px; color:#32a8f5; }

.changeLogin{ position:absolute; top:80px; right:40px; color:#999; font-size:12px; text-align:right; padding-left:30px; background:url(../images/system/2020/new_ico.png) no-repeat left center;}
.changeLogin.pass{background:url(../images/system/2020/small_pass.png) no-repeat left center;}