@charset "utf-8";
/* CSS Document */
.header-box{ width:1180px;}
.header-box .logo{ padding-top:17px;}
.header-box .logo img{ max-height:64px;}
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 .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/line_03.jpg) no-repeat 0 center; padding-left:20px; margin:15px 0 0 15px;}

#header-system .header-box .login-box{ width:155px; height:34px; text-align:center; line-height:34px; margin-top:30px; }
#header-system .header-box .login-box a{ color:#999; font-size:14px; width:auto; display:inline-block; float:left;}
#header-system .header-box .login-box a.login{ border-radius:0;border:none; padding-right:20px; background:url(../images/little/line_9.gif) no-repeat  right center; margin-right:0;margin-left:0;}
#header-system .header-box .login-box a.login:hover{ background-color:inherit; color:#5acbea;background:url(../images/little/line_9.gif) no-repeat  right center;}
#header-system .header-box .login-box a.backToIndex{border-radius:0; background-color:inherit;padding-left:20px; }
#header-system .header-box .login-box a.backToIndex:hover{ background:inherit; color:#5acbea;}

#wrapper-box{ width:100%; min-height:668px; height:auto!Important; height:668px; background:#dcf1f9 url(../images/system/login_bg_02.jpg) no-repeat center top; overflow:hidden;}
#wrapper-box .login-in-box{ width:978px; height:453px; margin:118px auto 0;}
#wrapper-box .login-in-box .login{width:381px; height:195px; background:url(../images/system/login_10.png) no-repeat; padding:118px 158px 140px 155px;}
#wrapper-box .login-in-box .inplist{ margin-bottom:20px; width:364px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #b9e3ef; box-shadow:3px 0 5px #f0f0f0 inset;}
#wrapper-box .login-in-box .inplist input[placeholder]{ font-size:16px; width:100%;}
#wrapper-box .login-in-box .inplist:hover{border:1px solid #32a8f5; box-shadow:3px 0 5px #c5e8ff inset; }
#wrapper-box .login-in-box .inplist input#user_name,#wrapper-box .login-in-box .inplist input#room_id{color:#b9e3ef; width:364px;}
#wrapper-box .login-in-box input.butOn{background:#5acbea; width:384px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-box .login-in-box input.butOn:hover{background:#3fc0e4;}

#footer-box{ text-align:center; color:rgba(15,58,89,0.83); background:url(../images/system/bottom_bg_04.jpg) repeat-x; height:78px; width:100%; line-height:78px;}


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

#header-live-system .header-box .login-box{ width:155px; height:34px; text-align:center; line-height:34px; margin-top:30px; }
#header-live-system .header-box .login-box a{ color:#999; font-size:14px; width:auto; display:inline-block; float:left;}
#header-live-system .header-box .login-box a.login{ border-radius:0;border:none; padding-right:20px; background:url(../images/little/line_9.gif) no-repeat  right center; margin-right:0;}
#header-live-system .header-box .login-box a.login:hover{ background-color:inherit; color:#5acbea;background:url(../images/little/line_9.gif) no-repeat  right center;}
#header-live-system .header-box .login-box a.backToIndex{border-radius:0; background-color:inherit;padding-left:20px; }
#header-live-system .header-box .login-box a.backToIndex:hover{ background:inherit; color:#5acbea;}

#wrapper-live-box{ width:100%; min-height:668px; height:auto!Important; height:668px; background:#56d0a8 url(../images/system/live_bg_02.jpg) no-repeat center top; overflow:hidden;}
#wrapper-live-box .login-in-box{ width:978px; height:453px; margin:118px auto 0;}
#wrapper-live-box .login-in-box .login{width:320px; height:260px; background:#fff;box-shadow:2px 3px 5px rgba(0,0,0,0.15); border-radius:3px; padding:60px;}
#wrapper-live-box .login-in-box .inplist{ margin-bottom:20px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #bfe0d4; box-shadow:3px 0 5px #f0f0f0 inset;}

#wrapper-live-box .login-in-box .inplist.code-box{ width:148px;  position:relative;}
#wrapper-live-box .login-in-box .inplist.code-box img{ position:absolute; left:190px;  top:0px; cursor:pointer; width:130px; height:48px;}
#wrapper-live-box .login-in-box .inplist input#code{color:#bfe0d4; width:128px;}

#wrapper-live-box .login-in-box .inplist input[placeholder]{ font-size:16px; width:100%;}
#wrapper-live-box .login-in-box .inplist:hover{border:1px solid #5dd5a9; box-shadow:3px 0 5px #ccf5e6 inset; }
#wrapper-live-box .login-in-box .inplist input#user_name,#wrapper-live-box .login-in-box .inplist input#room_id{color:#bfe0d4; width:298px;}
#wrapper-live-box .login-in-box input.butOn{background:#5dd5a9; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-live-box .login-in-box input.butOn:hover{background:#07c986;}

#footer-live-box{ text-align:center; color:rgba(36,89,69,0.83); background:url(../images/system/bottom_live_bg_04.jpg) repeat-x; height:78px; width:100%; line-height:78px;}


/*在线学习系统登陆界面*/
#header-learn-system,#header-eduBook-system,#header-adult-education-system{ background:#fff;height:94px;width:100%; border-bottom:1px solid #f1f1f1; box-shadow:0 1px 3px #e5e5e5;}
#header-learn-system .logo a{ display:block;}
#header-learn-system .header-box .login-box a.login{ border-right:1px solid #fff;}
#header-learn-system .logo{width:auto;}
#header-learn-system .logo em.title{ font-size:24px; color:#54d2e8; background:url(../images/system/line_03.jpg) no-repeat 0 center; padding-left:20px; margin:15px 0 0 15px;}

#header-learn-system .header-box .login-box{ width:155px; height:34px; text-align:center; line-height:34px; margin-top:30px; }
#header-learn-system .header-box .login-box a{ color:#999; font-size:14px; width:auto; display:inline-block; float:left;}
#header-learn-system .header-box .login-box a.login{ border-radius:0;border:none; padding-right:20px; background:url(../images/little/line_9.gif) no-repeat  right center; margin-right:0;}
#header-learn-system .header-box .login-box a.login:hover{ background-color:inherit; color:#5acbea;background:url(../images/little/line_9.gif) no-repeat  right center;}
#header-learn-system .header-box .login-box a.backToIndex{border-radius:0; background-color:inherit;padding-left:20px; }
#header-learn-system .header-box .login-box a.backToIndex:hover{ background:inherit; color:#5acbea;}

#wrapper-learn-box{ width:100%; min-height:668px; height:auto!Important; height:668px; background:#54d2e8; overflow:hidden;}
#wrapper-learn-box .login-in-box{ width:978px; height:453px; margin:118px auto 0;}
#wrapper-learn-box .login-in-box .login{width:320px; height:260px;  background:#fff;box-shadow:0px 1px 5px rgba(0,0,0,0.15); border-radius:3px;border-top-left-radius:0px; border-top-right-radius:0px; padding:40px 60px 60px;}
#wrapper-learn-box .login-in-box .login .change-types{ position:absolute; top:-50px; left:0px;}
#wrapper-learn-box .login-in-box .login .change-types a{ font-size:18px; display:inline-block; border-bottom:1px solid #ededed;width:220px; height:50px; line-height:50px; background:#fff; color:#54d2e8;  text-align:center;}
#wrapper-learn-box .login-in-box .login .change-types a.a:hover{ background:#0dc5e7; color:#fff;}
#wrapper-learn-box .login-in-box .login .change-types a.b:hover{ background:#0dc5e7 url(../images/little/line_09.jpg) repeat-y left center; color:#fff;}
#wrapper-learn-box .login-in-box .login .change-types a.a{border-top-left-radius:5px;}
#wrapper-learn-box .login-in-box .login .change-types a.b{border-top-right-radius:5px; background:#fff url(../images/little/line_09.jpg) repeat-y left center;}
#wrapper-learn-box .login-in-box .login .change-types a.cur{ background:#0dc5e7; color:#fff;}

#wrapper-learn-box .login-in-box .inplist{ margin-bottom:20px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #eaedf0; /*box-shadow:3px 0 5px #f0f0f0 inset; */position:relative;}

#wrapper-learn-box .login-in-box .inplist .changeLei{ background:none; border:none; position:absolute; left:65px; height:38px; width:241px; font-size:16px;color:#999;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/register/jian_bot.png) no-repeat right center;outline:none; }
#wrapper-learn-box .login-in-box .inplist .ico_lei{ position:absolute; left:10px; top:9px; background:url(../images/register/lei_ico.png) no-repeat left center; width:40px; height:32px; border-right:1px solid #e8ecef;}
#wrapper-learn-box .login-in-box .inplist .ico_name{ position:absolute; left:10px; top:9px; background:url(../images/register/name_ico.png) no-repeat left center; width:40px; height:32px; border-right:1px solid #e8ecef;}
#wrapper-learn-box .login-in-box .inplist .ico_sfz{ position:absolute; left:10px; top:9px; background:url(../images/register/sfz_ico.png) no-repeat left center; width:40px; height:32px; border-right:1px solid #e8ecef;}
#wrapper-learn-box .login-in-box .inplist .ico_zkzh{ position:absolute; left:10px; top:9px; background:url(../images/register/zkzh_ico.png) no-repeat left center; width:40px; height:32px; border-right:1px solid #e8ecef;}
#wrapper-learn-box .login-in-box .inplist .ico_password{ position:absolute; left:10px; top:9px; background:url(../images/register/password_ico.png) no-repeat left center; width:40px; height:32px; border-right:1px solid #e8ecef;}

#wrapper-learn-box .login-in-box .inplist.code-box{ width:148px;  position:relative;}
#wrapper-learn-box .login-in-box .inplist.code-box img{ position:absolute; left:190px; top:0px; cursor:pointer; width:130px; height:48px;}
#wrapper-learn-box .login-in-box .inplist input#code{color:#9be2ef; width:128px;}

#wrapper-learn-box .login-in-box .inplist input[placeholder]{ font-size:16px;color:#999; width:241px; margin-left:55px;}
#wrapper-learn-box .login-in-box .inplist:hover{border:1px solid #54d2e8; box-shadow:3px 0 5px #ccf5e6 inset; }
#wrapper-learn-box .login-in-box .inplist input#user_name,#wrapper-learn-box .login-in-box .inplist input#room_id{color:#9be2ef; width:298px;}
#wrapper-learn-box .login-in-box input.butOn{background:#54d2e8; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-learn-box .login-in-box input.butOn:hover{background:#0dc5e7;}

#footer-learn-box{ text-align:center; color:#18343a; background:url(../images/system/learn_footer.jpg) no-repeat center; height:77px; width:100%; line-height:77px;}

/*新调整（2020.10.20）*/
#wrapper-learn-box .login-in-box.new2020 .login{height:280px; }

#wrapper-learn-box .automatic  a{ color:#666;}
#wrapper-learn-box .automatic  a:hover{ color:#54d2e8;}


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

#header-management-system .header-box .login-box{ width:155px; height:34px; text-align:center; line-height:34px; margin-top:30px; }
#header-management-system .header-box .login-box a{ color:#999; font-size:14px; width:auto; display:inline-block; float:left;}
#header-management-system .header-box .login-box a.login{ border-radius:0;border:none; padding-right:20px; background:url(../images/little/line_9.gif) no-repeat  right center; margin-right:0;}
#header-management-system .header-box .login-box a.login:hover{ background-color:inherit; color:#778baa;background:url(../images/little/line_9.gif) no-repeat  right center;}
#header-management-system .header-box .login-box a.backToIndex{border-radius:0; background-color:inherit;padding-left:20px; }
#header-management-system .header-box .login-box a.backToIndex:hover{ background:inherit; color:#778baa;}

#wrapper-management-box{ width:100%; min-height:746px; height:auto!Important; height:746px;background:#eff4f5 url(../images/system/hotel_01.png) no-repeat center bottom; overflow:hidden;}
#wrapper-management-box .login-in-box{width:100%; height:425px; margin:0 auto;background:url(../images/system/management_bg_01.jpg) no-repeat center top; overflow:hidden;}
#wrapper-management-box .login-in-box .login{width:320px; height:260px; background:#fff;box-shadow:2px 3px 5px rgba(0,0,0,0.15); border-radius:3px; padding:70px 100px; margin:15px auto 0; }
#wrapper-management-box .login-in-box .inplist{ margin-bottom:20px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #9bd3f3; box-shadow:3px 0 5px #f0f0f0 inset;}

#wrapper-management-box .login-in-box .inplist.code-box{ width:148px;  position:relative;}
#wrapper-management-box .login-in-box .inplist.code-box img{ position:absolute; left:190px; top:0px; cursor:pointer; width:130px; height:48px;}
#wrapper-management-box .login-in-box .inplist input#code{color:#9bd3f3; width:128px;}

#wrapper-management-box .login-in-box .inplist input[placeholder]{ font-size:16px; width:100%;}
#wrapper-management-box .login-in-box .inplist:hover{border:1px solid #9bd3f3; box-shadow:3px 0 5px #bee6fd inset; }
#wrapper-management-box .login-in-box .inplist input#user_name,#wrapper-management-box .login-in-box .inplist input#room_id{color:#9bd3f3; width:298px;}
#wrapper-management-box .login-in-box input.butOn{background:#07c986; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-management-box .login-in-box input.butOn:hover{background:#06bb7c;}

#footer-management-box,#footer-exam-box,#footer-content-box{ text-align:center; color:#7989a1;  height:77px; width:100%; line-height:77px; position:fixed; bottom:0;}

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

#header-eaxm-system .header-box .login-box{ width:175px; height:34px; text-align:center; line-height:34px; margin-top:30px; }
#header-eaxm-system .header-box .login-box a{ color:#999; font-size:14px; width:auto; display:inline-block; float:left;}
#header-eaxm-system .header-box .login-box a.login{ border-radius:0;border:none; padding-right:20px; background:url(../images/little/line_9.gif) no-repeat  right center; margin-right:0;}
#header-eaxm-system .header-box .login-box a.login:hover{ background-color:inherit; color:#778baa;background:url(../images/little/line_9.gif) no-repeat  right center;}
#header-eaxm-system .header-box .login-box a.backToIndex{border-radius:0; background-color:inherit;padding-left:20px; }
#header-eaxm-system .header-box .login-box a.backToIndex:hover{ background:inherit; color:#778baa;}

#wrapper-eaxm-box{ width:100%; min-height:668px; height:auto!Important; height:668px;
 background:url(../images/system/management_bg.jpg) no-repeat center bottom,
 url(../images/system/bg_03.jpg); overflow:hidden;}
#wrapper-eaxm-box .login-in-box{ width:930px; height:340px; margin:118px auto 0;}
#wrapper-eaxm-box .login-in-box .login{width:320px; height:200px; background:#fff;box-shadow:2px 3px 5px rgba(0,0,0,0.15); border-radius:3px; padding:60px;}
#wrapper-eaxm-box .login-in-box .inplist{ margin-bottom:20px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #bfcfe6; box-shadow:3px 0 5px #f0f0f0 inset;}

#wrapper-eaxm-box.new .login-in-box{height:400px;}
#wrapper-eaxm-box.new .login-in-box .login{ height:260px;}

#wrapper-eaxm-box .login-in-box .inplist.code-box{ width:148px;  position:relative;}
#wrapper-eaxm-box .login-in-box .inplist.code-box img{ position:absolute; left:190px; top:0px; cursor:pointer; width:130px; height:48px;}
#wrapper-eaxm-box .login-in-box .inplist input#code{color:#d8c9a4; width:128px;}

#wrapper-eaxm-box .login-in-box .inplist input[placeholder]{ font-size:16px;}
#wrapper-eaxm-box .login-in-box .inplist:hover{border:1px solid #bfcfe6; box-shadow:3px 0 5px #d1e1f8 inset; }
#wrapper-eaxm-box .login-in-box .inplist input#user_name,#wrapper-eaxm-box .login-in-box .inplist input#room_id,#wrapper-eaxm-box .login-in-box .inplist input#userValidate,#wrapper-eaxm-box .login-in-box .inplist input#sfzh,#wrapper-eaxm-box .login-in-box .inplist input#kszkz{color:#bfcfe6; width:298px;}
#wrapper-eaxm-box .login-in-box input.butOn{background:#7ad0db; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-eaxm-box .login-in-box input.butOn:hover{background:#72bcc5;}


/*内容管理系统*/
#header-content-system{ background:#fff;height:94px;width:100%; border-bottom:1px solid #f1f1f1; box-shadow:0 1px 3px #e5e5e5;}
#header-content-system .logo a{ display:block;}
#header-content-system .header-box .login-box a.login{ border-right:1px solid #fff;}
#header-content-system .logo{width:auto;}
#header-content-system .logo em.title{ font-size:24px; color:#778baa; background:url(../images/system/line_03.jpg) no-repeat 0 center; padding-left:20px; margin:15px 0 0 15px;}

#header-content-system .header-box .login-box{ width:155px; height:34px; text-align:center; line-height:34px; margin-top:30px; }
#header-content-system .header-box .login-box a{ color:#999; font-size:14px; width:auto; display:inline-block; float:left;}
#header-content-system .header-box .login-box a.login{ border-radius:0;border:none; padding-right:20px; background:url(../images/little/line_9.gif) no-repeat  right center; margin-right:0;}
#header-content-system .header-box .login-box a.login:hover{ background-color:inherit; color:#778baa;background:url(../images/little/line_9.gif) no-repeat  right center;}
#header-content-system .header-box .login-box a.backToIndex{border-radius:0; background-color:inherit;padding-left:20px; }
#header-content-system .header-box .login-box a.backToIndex:hover{ background:inherit; color:#778baa;}

#wrapper-content-box{ width:100%; min-height:746px; height:auto!Important; height:746px;background:#4498c2 url(../images/system/exam_bg_03.png) no-repeat center top; overflow:hidden;}
#wrapper-content-box .login-in-box{width:650px; height:333px; margin:0 auto;background:url(../images/system/exam_login_03.png) no-repeat center top; overflow:hidden;}
#wrapper-content-box .login-in-box .login{width:320px; height:230px;padding:40px 100px; margin:6px 0 0 90px;}
#wrapper-content-box .login-in-box em.fl{ width:60px; color:#5390b1; font-size:14px; line-height:40px; text-align:right; margin-right:10px;}
#wrapper-content-box .login-in-box .inplist{ margin-bottom:20px;width:320px;height:40px; font-size:16px;  }
#wrapper-content-box .login-in-box .inplist input.fl{width:228px;border-radius:3px; padding:5px 10px; line-height:30px; border:1px solid #cbdce9; background:#fff; box-shadow:3px 0 5px #f0f0f0 inset;}

#wrapper-content-box .login-in-box .inplist.code-box{ width:320px;  position:relative;}
#wrapper-content-box .login-in-box .inplist.code-box img{ position:absolute; right:0px; top:0px; cursor:pointer; width:108px; height:40px;}
#wrapper-content-box .login-in-box .inplist input#code{color:#9bd3f3; width:110px;}

#wrapper-content-box .login-in-box .inplist input[placeholder]{ font-size:16px; width:100%;}
#wrapper-content-box .login-in-box .inplist input.fl:hover{border:1px solid #9bd3f3; box-shadow:3px 0 5px #bee6fd inset; }
#wrapper-content-box .login-in-box .inplist input#user_name,#wrapper-content-box .login-in-box .inplist input#room_id{color:#9bd3f3; width:228px;}
#wrapper-content-box .login-in-box input.butOn{background:#64bde8; width:140px; height:40px; line-height:40px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px; margin-left:70px;}
#wrapper-content-box .login-in-box input.butOn:hover{background:#4498c2;}

#footer-content-box{color:#fff;  }

/*系统中心界面*/
#system-box{ width:100%; /*min-height:750px; height:auto!Important; height:750px; */background:#6de1de url(../images/system/index_bg_01.jpg) repeat-x center top; overflow:hidden; position:relative;}
.system-tree-box{ /*width:1180px; */width:955px; height:410px; margin:0 auto;}
.system-tree-box .left{ background:rgba(255,255,255,0.7); padding:20px; border-radius:3px; width:340px;}
.system-tree-box .left .top{}
.system-tree-box span{ display:block; width:145px; height:125px; padding:35px 10px 20px; text-align:center;}
.system-tree-box span em.tit{ display:block; color:#fff; font-size:16px; line-height:26px; margin-top:15px;}
.system-tree-box span a{ display:block;}
.system-tree-box span a i.img{ display:inline-block;width:70px; height:70px; line-height:70px;border-radius:50%;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.system-tree-box span a:hover i.img{-webkit-transform: translate3d(0px, -10px, 0px); -moz-transform: translate3d(0px, -10px, 0px); -o-transform: translate3d(0px,-10px, 0px); transform: translate3d(0px, -10px, 0px); }

.system-tree-box span a i.img img{ vertical-align:middle; }
.system-tree-box .left .top span.a{ background:#e2b029;}
.system-tree-box .left .top span.b{background:#41bfb9;}
.system-tree-box .left .bottom span.a{ background:#f47070; width:320px;}
.system-tree-box .left .bottom span.a a.fr{ display:block; width:145px; height:140px; text-align:center;}

.system-tree-box .middle{ background:rgba(255,255,255,0.7); padding:20px; border-radius:3px; width:515px; margin-left:20px;}
.system-tree-box .middle .top span.a{ background:#07c986; width:145px;}
.system-tree-box .middle .top span.b{ background:#ff942a; width:320px;}
.system-tree-box .middle .top span.b a.fr{ display:block; width:145px; height:140px; text-align:center;}
.system-tree-box .middle .bottom span.a{ background:#15add4; margin-right:10px;}
.system-tree-box .middle .bottom span.b{background:#537ea1; margin-right:10px;}
.system-tree-box .middle .bottom span.c{background:#65c58a;}
.system-tree-box .left .bottom span.a img.fl{ margin-left:35px;}
.system-tree-box .middle .top span.b img.fl{ margin-left:40px;}

.system-tree-box .left .top span.a i.img{ background:rgba(255,255,255,0.1) url(../images/system/j.png) no-repeat center;}
.system-tree-box .left .top span.a a:hover i.img{ background:rgba(255,255,255,1) url(../images/system/j_h.png) no-repeat center;}
.system-tree-box .left .top span.b i.img{ background:rgba(255,255,255,0.1) url(../images/system/i.png) no-repeat center;}
.system-tree-box .left .top span.b a:hover i.img{ background:rgba(255,255,255,1) url(../images/system/i_h.png) no-repeat center;}
.system-tree-box .left .bottom span.a a.fr i.img{background:rgba(255,255,255,0.1) url(../images/system/k.png) no-repeat center;}
.system-tree-box .left .bottom span.a a.fr:hover i.img{background:rgba(255,255,255,1) url(../images/system/k_h.png) no-repeat center;}
.system-tree-box .middle .top span.a i.img{background:rgba(255,255,255,0.1) url(../images/system/a.png) no-repeat center;}
.system-tree-box .middle .top span.a a:hover i.img{background:rgba(255,255,255,1) url(../images/system/a_h.png) no-repeat center;}
.system-tree-box .middle .top span.b a.fr i.img{background:rgba(255,255,255,0.1) url(../images/system/f.png) no-repeat center;}
.system-tree-box .middle .top span.b a.fr:hover i.img{background:rgba(255,255,255,1) url(../images/system/f_h.png) no-repeat center;}
.system-tree-box .middle .bottom span.a i.img{background:rgba(255,255,255,0.1) url(../images/system/e.png) no-repeat center;}
.system-tree-box .middle .bottom span.a a:hover i.img{background:rgba(255,255,255,1) url(../images/system/e_h.png) no-repeat center;}
.system-tree-box .middle .bottom span.b i.img{background:rgba(255,255,255,0.1) url(../images/system/b.png) no-repeat center;}
.system-tree-box .middle .bottom span.b a:hover i.img{background:rgba(255,255,255,1) url(../images/system/b_h.png) no-repeat center;}
.system-tree-box .middle .bottom span.c i.img{background:rgba(255,255,255,0.1) url(../images/system/d.png) no-repeat center;}
.system-tree-box .middle .bottom span.c a:hover i.img{background:rgba(255,255,255,1) url(../images/system/d_h.png) no-repeat center;}

.system-tree-box .right{ background:rgba(255,255,255,0.7); padding:20px; border-radius:3px; width:165px;}
.system-tree-box .right span.a{ background:#6fc83f; width:145px;}
.system-tree-box .right span.b{ background:#a860d5; width:145px; margin-top:10px;}
.system-tree-box .right span.a i.img{ background:rgba(255,255,255,0.1) url(../images/system/g.png) no-repeat center;}
.system-tree-box .right span.a a:hover i.img{ background:rgba(255,255,255,1) url(../images/system/g_h.png) no-repeat center;}
.system-tree-box .right span.b i.img{ background:rgba(255,255,255,0.1) url(../images/system/h.png) no-repeat center;}
.system-tree-box .right span.b a:hover i.img{ background:rgba(255,255,255,1) url(../images/system/h_h.png) no-repeat center;}


#system-box .system-center{ position:absolute; bottom:70px; width:715px; height:510px;}
#system-box .system-center .icoItem{ width:160px; height:160px; position:absolute; text-align:center;}
#system-box .system-center .icoItem a{ width:140px; height:90px; padding:25px 0; border-radius:50%; border:10px solid #fff; display:block; box-shadow:4px 0px 5px rgba(214,214,214,0.75);-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
#system-box .system-center .icoItem em.img{ display:inline-block; height:45px; width:50px; overflow:hidden;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
#system-box .system-center .icoItem strong.tit{ display:block; font-size:16px; font-weight:600; color:#fff;}
#system-box .system-center .icoItem a:hover em.img{ -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -o-transform:translateY(-5px); transform:translateY(-5px);}

#system-box .system-center .icoItem.a{ left:70px; top:50px;}
#system-box .system-center .icoItem.a a{background:#f47c7b;-webkit-animation: balloon 6s ease-in-out infinite;
-moz-animation: balloon 6s ease-in-out infinite;
-o-animation: balloon 6s ease-in-out infinite;
animation: balloon 6s ease-in-out infinite;}
@-webkit-keyframes balloon {
		0%, 100% {-webkit-transform: translateY(0) rotate(-2deg);}
		50% {-webkit-transform: translateY(-10px) rotate(4deg);}
}
@-moz-keyframes balloon {
	0%, 100% {-moz-transform: translateY(0) rotate(-2deg);}
	50% {-moz-transform: translateY(-10px) rotate(4deg);}
}
@-o-keyframes balloon {
	0%, 100% {-o-transform: translateY(0) rotate(-2deg);}
	50% {-o-transform: translateY(-10px) rotate(4deg);}
}
@keyframes balloon {
	0%, 100% {transform: translateY(0) rotate(-2deg);}
	50% {transform: translateY(-10px) rotate(4deg);}
}

#system-box .system-center .icoItem.b{ right:75px; top:95px;}
#system-box .system-center .icoItem.b a{background:#ff9b0d;-webkit-animation: balloon1 6s ease-in-out infinite;
-moz-animation: balloon1 6s ease-in-out infinite;
-o-animation: balloon1 6s ease-in-out infinite;
animation: balloon1 6s ease-in-out infinite;}
@-webkit-keyframes balloon1 {
		0%, 100% {-webkit-transform: translateY(0) rotate(-6deg);}
		50% {-webkit-transform: translateY(-14px) rotate(8deg);}
}
@-moz-keyframes balloon1 {
	0%, 100% {-moz-transform: translateY(0) rotate(-6deg);}
	50% {-moz-transform: translateY(-14px) rotate(8deg);}
}
@-o-keyframes balloon1 {
	0%, 100% {-o-transform: translateY(0) rotate(-6deg);}
	50% {-o-transform: translateY(-14px) rotate(8deg);}
}
@keyframes balloon1 {
	0%, 100% {transform: translateY(0) rotate(-6deg);}
	50% {transform: translateY(-14px) rotate(8deg);}
}

#system-box .system-center .icoItem.c{ right:280px; top:-75px;}
#system-box .system-center .icoItem.c a{background:#64d0a6;-webkit-animation: balloon1 6s ease-in-out infinite;
-moz-animation: balloon1 6s ease-in-out infinite;
-o-animation: balloon1 6s ease-in-out infinite;
animation: balloon1 6s ease-in-out infinite;}

#system-box .system-center .icoItem.d{ right:0px; top:265px;}
#system-box .system-center .icoItem.d a{background:#73b3e4;-webkit-animation: balloon 6s ease-in-out infinite;
-moz-animation: balloon 6s ease-in-out infinite;
-o-animation: balloon 6s ease-in-out infinite;
animation: balloon 6s ease-in-out infinite;}

#system-box .system-center .icoItem.e{ left:15px; top:250px;}
#system-box .system-center .icoItem.e a{background:#55d3ee;-webkit-animation: balloon1 6s ease-in-out infinite;
-moz-animation: balloon1 6s ease-in-out infinite;
-o-animation: balloon1 6s ease-in-out infinite;
animation: balloon1 6s ease-in-out infinite;}

#system-box .system-center .icoItem.a a:hover,#system-box .system-center .icoItem.b a:hover,#system-box .system-center .icoItem.c a:hover,#system-box .system-center .icoItem.d a:hover,#system-box .system-center .icoItem.e a:hover{ animation:none;}

#footer-box.footer-center{ background:url(../images/system/bottom_bg_02.jpg) repeat-x center; position:fixed; bottom:0; width:100%; height:62px;line-height:62px; color:#478785;}

/*实训系统中心界面*/
#header-practice-system{ background:#fff;height:94px;width:100%; border-bottom:1px solid #f1f1f1; box-shadow:0 1px 3px #e5e5e5;}
#header-practice-system .logo a{ display:block;}
#header-practice-system .header-box .login-box a.login{ border-right:1px solid #fff;}
#header-practice-system .logo{width:auto;}
#header-practice-system .logo em.title{ font-size:24px; color:#41bfb9; background:url(../images/system/line_03.jpg) no-repeat 0 center; padding-left:20px; margin:15px 0 0 15px;}

#header-practice-system .header-box .login-box{ width:155px; height:34px; text-align:center; line-height:34px; margin-top:30px; }
#header-practice-system .header-box .login-box a{ color:#999; font-size:14px; width:auto; display:inline-block; float:left;}
#header-practice-system .header-box .login-box a.login{ border-radius:0;border:none; padding-right:20px; background:url(../images/little/line_9.gif) no-repeat  right center; margin-right:0;}
#header-practice-system .header-box .login-box a.login:hover{ background-color:inherit; color:#41bfb9;background:url(../images/little/line_9.gif) no-repeat  right center;}
#header-practice-system .header-box .login-box a.backToIndex{border-radius:0; background-color:inherit;padding-left:20px; }
#header-practice-system .header-box .login-box a.backToIndex:hover{ background:inherit; color:#41bfb9;}

#wrapper-practice-box{ width:100%; /*min-height:668px; height:auto!Important; height:668px;*/background: url(../images/system/practice_bg.jpg); overflow:hidden;}
#wrapper-practice-box .login-in-box{ width:1050px; height:340px; margin:118px auto 0;}
#wrapper-practice-box .login-in-box .login{width:320px; height:330px; background:#fff; margin-right:70px;box-shadow:2px 3px 5px rgba(0,0,0,0.15); border-radius:3px; padding:60px;}
#wrapper-practice-box .login-in-box .inplist{ margin-bottom:20px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #41bfb9; box-shadow:3px 0 5px #f0f0f0 inset;}

#wrapper-practice-box .login-in-box .inplist.code-box{ width:148px;  position:relative;}
#wrapper-practice-box .login-in-box .inplist.code-box img{ position:absolute; left:190px; top:0px; cursor:pointer; width:130px; height:48px;}
#wrapper-practice-box .login-in-box .inplist input#code{color:#41bfb9; width:128px;}

#wrapper-practice-box .login-in-box .inplist input[placeholder]{ font-size:16px;color:#41bfb9; width:100%;  }
#wrapper-practice-box .login-in-box .inplist:hover{border:1px solid #41bfb9; box-shadow:3px 0 5px #d1e1f8 inset; }
#wrapper-practice-box .login-in-box .inplist input#user_name,#wrapper-practice-box .login-in-box .inplist input#room_id{color:#41bfb9; width:298px;}
#wrapper-practice-box .login-in-box input.butOn{background:#41bfb9; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-practice-box .login-in-box input.butOn:hover{background:#1a9791;}

#wrapper-practice-box #footer-management-box{ background:url(../images/system/practice_foot.jpg) repeat-x top center, url(../images/system/practice_bg.jpg); color:#125f5b;}

#wrapper-practice-box .login-in-box .login .change-box{width:320px; height:50px; line-height:50px; margin-bottom:20px; text-align:center; border-bottom:1px solid #41bfb9; }
#wrapper-practice-box .login-in-box .login .change-box a{ width:160px; height:50px; color:#41bfb9; font-size:16px; float:left; }
#wrapper-practice-box .login-in-box .login .change-box a.on{ background:#41bfb9; color:#fff;border-top-left-radius:3px; border-top-right-radius:3px;}


/*教师资格证系统登陆界面*/
#wrapper-teach-box{ width:100%;}
#wrapper-teach-box .logo-box{position:absolute; bottom:420px;}
#wrapper-teach-box .logo-box img{/* width:442px;*/ height:100px;}
#wrapper-teach-box .login-in-box{width:100%;  background:#1aa094 url(../images/system/teach_bg_01.jpg) no-repeat center bottom; position:relative;z-index:2; }
#wrapper-teach-box .login-in-box .login{width:320px; height:260px; background:#fff;box-shadow:2px 3px 5px rgba(0,0,0,0.15); border-radius:3px; padding:70px 100px;position:absolute; bottom:-40px; z-index:2; }
#wrapper-teach-box .login-in-box .login img{ display:block;}
#wrapper-teach-box .login-in-box.xuedao .login{ height:200px; padding:70px 100px; bottom:-40px; z-index:2; }
#wrapper-teach-box .logo-box{position:absolute; bottom:360px;}

#wrapper-teach-box .login-in-box .inplist{ margin-bottom:20px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #41bfb9; box-shadow:3px 0 5px #f0f0f0 inset;}

#wrapper-teach-box .login-in-box .inplist.code-box{ width:148px;  position:relative;}
#wrapper-teach-box .login-in-box .inplist.code-box img{ position:absolute; left:190px; top:0px; cursor:pointer; width:130px; height:48px;}
#wrapper-teach-box .login-in-box .inplist input#code{color:#41bfb9; width:128px;}

#wrapper-teach-box .login-in-box .inplist input[placeholder]{ font-size:16px; color:#41bfb9;-moz-box-shadow: 0 0 0px 1000px white inset !important;-o-box-shadow: 0 0 0px 1000px white inset !important;-ms-box-shadow: 0 0 0px 1000px white inset !important;-webkit-box-shadow: 0 0 0px 1000px white inset !important;box-shadow: 0 0 0px 1000px white inset !important;}
#wrapper-teach-box .login-in-box .inplist:hover{border:1px solid #41bfb9; box-shadow:3px 0 5px #bee6fd inset; }
#wrapper-teach-box .login-in-box .inplist input#user_name,#wrapper-management-box .login-in-box .inplist input#room_id{color:#41bfb9; width:298px;}
#wrapper-teach-box .login-in-box input.butOn{background:#41bfb9; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-teach-box .login-in-box input.butOn:hover{background:#1a9791;}

#footer-teach-box{ text-align:center; color:#666; background:#d7f4f1;  height:140px; width:100%; line-height:180px; position:fixed; bottom:0; z-index:1;}

/*弹窗*/
.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;}


/*教师-客户管理系统*/
html,body{ height:100%;}
#wrapper-customer-box{ width:100%; background:#1c6cc8 url(../images/system/teach_system_bg.png) repeat-x bottom center;overflow:hidden;}
#wrapper-customer-box .logo-img{ margin-bottom:20px; text-align:center;}
#wrapper-customer-box .login-in-box{width:700px; height:440px; margin:90px auto 0; overflow:hidden;background:#fff;box-shadow:2px 3px 5px rgba(0,0,0,0.15);border-radius:8px;}
#wrapper-customer-box .login-in-box .login{width:365px; height:260px; margin-left:68px; margin-top:20px; padding:35px 100px 70px; }

#wrapper-customer-box .login-in-box .inplist{ margin-bottom:20px; margin-left:20px; width:300px;height:34px; color:#2d78cc; line-height:34px; font-size:14px; position:relative;padding:5px 10px;}
#wrapper-customer-box .login-in-box .inplist input{ position:absolute; left:75px; top:0px; width:220px;height:34px; line-height:34px; border-radius:3px;padding:5px 10px;  font-size:14px; border:1px solid #acdbff; box-shadow:3px 0 5px #f0f0f0 inset;}
#wrapper-customer-box .login-in-box .inplist input:hover{border:1px solid #77b8ea; box-shadow:3px 0 5px #bee6fd inset;}

#wrapper-customer-box .login-in-box .inplist.code-box input{ width:148px; }
#wrapper-customer-box .login-in-box .inplist.code-box img{ position:absolute; left:220px; top:0px; cursor:pointer; width:100px; height:48px;}
#wrapper-customer-box .login-in-box .inplist input#code{color:#32a8f5; width:108px;}

#wrapper-customer-box .login-in-box .inplist input[placeholder]{ font-size:16px; color:#32a8f5;}
#wrapper-customer-box .login-in-box .inplist input#user_name,#wrapper-management-box .login-in-box .inplist input#room_id{color:#32a8f5; width:220px;}
#wrapper-customer-box .login-in-box input.butOn{ margin-left:95px;background:#32a8f5; width:130px; height:40px; line-height:40px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-customer-box .login-in-box input.butOn:hover{background:#2b75cb;}

#footer-customer-box{ text-align:center; color:#fff;  height:60px; width:100%; line-height:60px;}
#footer-customer-box a{ color:#fff;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#footer-customer-box a:hover{ opacity:0.8; }

/*=========院校合作========*/
#system-box.college{ width:100%; background:#fff url(../images/system/college/college_bg.png) repeat-x bottom center; overflow:hidden; position:relative;}

#system-box.college .guide-meng{ background:url(../images/guide/bg.png); position:absolute; top:0px; width:100%; height:100%; z-index:1;
-webkit-animation: login-bg 6s ease-in-out infinite;
-moz-animation: login-bg 6s ease-in-out infinite;
-o-animation: login-bg 6s ease-in-out infinite;
animation: login-bg 6s ease-in-out infinite;}
#system-box.college .guide-meng-no{ background:url(../images/guide/bg.png); position:absolute; top:0px; width:100%; height:100%; z-index:1;}

.guide-list-box{width:1180px; margin:0 auto;}
.guide-list{width:1200px; }
.guide-list li{ width:380px; height:300px; position:relative; margin:0 20px 20px 0; float:left;}
.guide-list li a:hover .img img{-webkit-transform: scale(1.20, 1.20);-moz-transform: scale(1.20, 1.20);-o-transform: scale(1.20, 1.20);transform: scale(1.20, 1.20); }
.guide-list li .img,.guide-list li .img img{width:380px; height:300px; position:absolute; border-radius:5px; z-index:2; overflow:hidden;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.guide-list li .meng{width:380px; height:300px;position:absolute; z-index:1; left:0px; top:0px;border-radius:5px;}
.guide-list li .meng.a1{background:#00973d;}
.guide-list li .meng.a2{background:#0d4093;}
.guide-list li .meng.a3{background:#0263b2;}
.guide-list li .meng.a4{background:url(../images/index/index_04.png) no-repeat;}
.guide-list li .meng.a5{background:url(../images/index/index_05.png) no-repeat;}
.guide-list li .meng.a6{background:url(../images/index/index_06.png) no-repeat;}
.guide-list li .info{ color:#fff; width:380px; height:220px; padding:50px 0px 30px; text-align:center;position:absolute; z-index:3; left:0px; top:0px;}
.guide-list li .info .ico{ width:auto; height:180px; display:inline-block;}
.guide-list li .info .tit{ font-weight:500; font-size:24px; line-height:34px; display:block;}
.guide-list li .info .line-box{ position:absolute; width:100%; height:2px; text-align:center; bottom:60px; left:0px;}
.guide-list li .info .line{ height:2px; width:30px; display:inline-block; background:#fff;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.guide-list li a:hover .line{width:60px;}

#footer-box.college{ text-align:center; color:#cecece; background:#000; height:78px; width:100%; line-height:78px;}


/*项目管理界面（学到慕课整合2018.5.11）*/
#header-project-system{ background:#fff;height:94px;width:100%; border-bottom:1px solid #f1f1f1; box-shadow:0 1px 3px #e5e5e5;}
#header-project-system .logo a{ display:block;}
#header-project-system .logo a img{ height:40px; margin-top:10px;}
#header-project-system .header-box .login-box a.login{ border-right:1px solid #fff;}
#header-project-system .logo{width:auto;}
#header-project-system .logo em.title{ font-size:24px; color:#32a8f5; background:url(../images/system/line_03.jpg) no-repeat 0 center; padding-left:20px; margin:15px 0 0 15px;}

#header-project-system .header-box .login-box{ width:175px; height:34px; text-align:center; line-height:34px; margin-top:30px; }
#header-project-system .header-box .login-box a{ color:#999; font-size:14px; width:auto; display:inline-block; float:left;}
#header-project-system .header-box .login-box a.login{ border-radius:0;border:none; padding-right:20px; background:url(../images/little/line_9.gif) no-repeat  right center; margin-right:0;}
#header-project-system .header-box .login-box a.login:hover{ background-color:inherit; color:#32a8f5;background:url(../images/little/line_9.gif) no-repeat  right center;}
#header-project-system .header-box .login-box a.backToIndex{border-radius:0; background-color:inherit;padding-left:20px; }
#header-project-system .header-box .login-box a.backToIndex:hover{ background:inherit; color:#32a8f5;}

#wrapper-project-box{ width:100%; min-height:668px; height:auto!Important; height:668px;
 background:url(../images/system/project_bg.jpg) no-repeat center bottom,
 url(../images/system/bg_04.jpg); overflow:hidden;}
#wrapper-project-box .login-in-box{ width:930px; height:340px; margin:118px auto 0;}
#wrapper-project-box .login-in-box .login{width:320px; height:260px; background:#fff;box-shadow:2px 3px 5px rgba(0,0,0,0.15); border-radius:3px; padding:60px;margin-top:40px;}
#wrapper-project-box .login-in-box .inplist{ margin-bottom:20px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #6ac4ff; box-shadow:3px 0 5px #e5f5ff inset;}

#wrapper-project-box .login-in-box .inplist.code-box{ width:148px;  position:relative;}
#wrapper-project-box .login-in-box .inplist.code-box img{ position:absolute; left:190px; top:0px; cursor:pointer; width:130px; height:48px;}
#wrapper-project-box .login-in-box .inplist input#code{color:#d8c9a4; width:128px;}

#wrapper-project-box .login-in-box .inplist input[placeholder]{ font-size:16px; line-height:38px;}
#wrapper-project-box .login-in-box .inplist:hover{border:1px solid #6ac4ff; box-shadow:3px 0 5px #d7eefc inset; }
#wrapper-project-box .login-in-box .inplist input#user_name,#wrapper-project-box .login-in-box .inplist input#room_id{color:#6ac4ff; width:298px;}
#wrapper-project-box .login-in-box input.butOn{background:#6ac4ff; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-project-box .login-in-box input.butOn:hover{background:#32a8f5;}

#footer-project-box{  text-align:center; color:#fff;  height:77px; width:100%; line-height:77px; position:fixed; bottom:0;}


/*海南考试局*/
#wrapper-examination-box{ width:100%; background:#5f7eff url(../images/system/examination_bg_01.jpg) repeat-x top center; overflow:hidden;}
#wrapper-examination-box .login-in-box{ width:1060px; height:340px; margin:118px auto 0;}
#wrapper-examination-box .login-in-box .login{width:320px; height:200px; background:#fff;box-shadow:2px 3px 5px rgba(0,0,0,0.15); border-radius:3px; padding:60px;}
#wrapper-examination-box .login-in-box .inplist{ margin-bottom:20px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #bfcfe6; box-shadow:3px 0 5px #f0f0f0 inset;}

#wrapper-examination-box .login-in-box{height:400px;}
#wrapper-examination-box .login-in-box .img h1{ margin-bottom:80px; }
#wrapper-examination-box .login-in-box .login{ height:210px; margin-top:160px;}

#wrapper-examination-box .login-in-box .inplist.code-box{ width:148px;  position:relative;}
#wrapper-examination-box .login-in-box .inplist.code-box img{ position:absolute; left:190px; top:0px; cursor:pointer; width:130px; height:48px;}
#wrapper-examination-box .login-in-box .inplist input#code{color:#d8c9a4; width:128px;}

#wrapper-examination-box .login-in-box .inplist input[placeholder]{ font-size:16px;}
#wrapper-examination-box .login-in-box .inplist:hover{border:1px solid #ddeafe; box-shadow:1px 0 2px #eeeff1 inset; }
#wrapper-examination-box .login-in-box .inplist input#user_name,#wrapper-examination-box .login-in-box .inplist input#room_id,#wrapper-examination-box .login-in-box .inplist input#userValidate{color:#bfcfe6; width:298px;}
#wrapper-examination-box .login-in-box input.butOn{background:#5c9bff; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-examination-box .login-in-box input.butOn:hover{background:#3f83ef;}

.registered{ margin-top:10px; text-align:right;}
.registered a{ color:#5c9bff;}
.registered a:hover,.registered a:hover i.ico{ color:#3f83ef;}
.registered i.ico{ font-family:"宋体"; font-size:14px; margin-left:5px;}

#footer-examination-box{/* background:#000;*/ text-align:center; color:#fff;height:78px; width:100%; line-height:78px; position:fixed; bottom:0px;}
#footer-examination-box a{ color:#fff;}


/*四川师范大学过程性考核系统*/
#wrapper-process-box{ width:100%; background:#027953 url(../images/process_assessment/login_bg_01.jpg) repeat-x top center; overflow:hidden;}
#wrapper-process-box .login-in-box{ width:1040px; height:340px; margin:170px auto 0;}
#wrapper-process-box .login-in-box .login{width:320px; height:200px; background:#fff;box-shadow:0px 8px 8px rgba(27,102,84,0.5); border-radius:3px; padding:100px 60px;}
#wrapper-process-box .login-in-box .inplist{ margin-bottom:20px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #b9d6cd; box-shadow:3px 0 5px #e4f4ef inset;}

#wrapper-process-box .login-in-box{height:400px;}
#wrapper-process-box .login-in-box .img{ width:550px;}
#wrapper-process-box .login-in-box .login{ height:190px; margin-top:10px;}

#wrapper-process-box .login-in-box .inplist.code-box{ width:148px;  position:relative;}
#wrapper-process-box .login-in-box .inplist.code-box img{ position:absolute; left:190px; top:0px; cursor:pointer; width:130px; height:48px;}
#wrapper-process-box .login-in-box .inplist input#code{color:#d8c9a4; width:128px;}

#wrapper-process-box .login-in-box .inplist input[placeholder]{ font-size:16px;}
#wrapper-process-box .login-in-box .inplist:hover{border:1px solid #ddeafe; box-shadow:1px 0 2px #eeeff1 inset; }
#wrapper-process-box .login-in-box .inplist input#user_name,#wrapper-process-box .login-in-box .inplist input#room_id,#wrapper-process-box .login-in-box .inplist input#userValidate{color:#bfcfe6; width:298px;}
#wrapper-process-box .login-in-box input.butOn{background:#1ea479; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-process-box .login-in-box input.butOn:hover{background:#027953;}

#footer-process-box{ text-align:center; color:#fff;height:78px; width:100%; line-height:78px; position:fixed; bottom:0px;}
#footer-process-box a{ color:#fff;}

/*后台（老师）*/
#wrapper-process-box.admin{ width:100%; background:url(../images/process_assessment/admin_bg.jpg) no-repeat; background-size:cover;}
#wrapper-process-box.admin .login-in-box{ width:878px;}
#wrapper-process-box.admin .img-box{ background:rgba(9,86,61,0.8); padding:58px 60px; border-top-left-radius:3px;  border-bottom-left-radius:3px;}
#wrapper-process-box.admin .login-in-box .login{ border-top-left-radius:0px;  border-bottom-left-radius:0px; margin-top:0;}


/*海口经济学院（一专三证）*/
#wrapper-hkjjxyLogin-box{ width:100%; background:#4570b5; overflow:hidden;}
#wrapper-hkjjxyLogin-box .login-in-box{ width:960px; height:340px; margin:170px auto 0;}
#wrapper-hkjjxyLogin-box .login-in-box .login{width:320px; height:200px; background:#fff;box-shadow:0px 8px 8px rgba(69,112,181,0.5); border-radius:3px; padding:100px 60px;}
#wrapper-hkjjxyLogin-box .login-in-box .inplist{ margin-bottom:20px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #a4bde6; box-shadow:3px 0 5px #e3edfd inset;}

#wrapper-hkjjxyLogin-box .login-in-box{height:400px;}
#wrapper-hkjjxyLogin-box .login-in-box .img{ width:470px;}
#wrapper-hkjjxyLogin-box .login-in-box .login{ height:190px; margin-top:20px;}

#wrapper-hkjjxyLogin-box .login-in-box .inplist.code-box{ width:148px;  position:relative;}
#wrapper-hkjjxyLogin-box .login-in-box .inplist.code-box img{ position:absolute; left:190px; top:0px; cursor:pointer; width:130px; height:48px;}
#wrapper-hkjjxyLogin-box .login-in-box .inplist input#code{color:#d8c9a4; width:128px;}

#wrapper-hkjjxyLogin-box .login-in-box .inplist input[placeholder]{ font-size:16px;}
#wrapper-hkjjxyLogin-box .login-in-box .inplist:hover{border:1px solid #a4bde6; box-shadow:1px 0 2px #d4e4fe inset; }
#wrapper-hkjjxyLogin-box .login-in-box .inplist input#user_name,#wrapper-hkjjxyLogin-box .login-in-box .inplist input#room_id,#wrapper-hkjjxyLogin-box .login-in-box .inplist input#userValidate{color:#bfcfe6; width:298px;}
#wrapper-hkjjxyLogin-box .login-in-box input.butOn{background:#4570b5; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-hkjjxyLogin-box .login-in-box input.butOn:hover{background:#3763aa;}

#footer-hkjjxyLogin-box{background:#4570b5; border-top:1px solid #4f7cc4; text-align:center; color:#fff;height:78px; width:100%; line-height:78px; position:fixed; bottom:0px;}
#footer-hkjjxyLogin-box a{ color:#fff;}


/*在线学习系统（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 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;}


/*海口经济学院-论文答辩系统-管理后台*/
#wrapper-hk-answering{ width:100%; height:100%; background:url(../images/system/answering_system/hkjjxy_admin_bg.jpg) no-repeat bottom center; background-size:cover;overflow:hidden;}
#wrapper-hk-answering .logo-img{ margin-bottom:20px;}
#wrapper-hk-answering .login-in-box{width:700px; height:380px; margin:90px auto 0; overflow:hidden;background:#fff;box-shadow:2px 3px 5px rgba(0,0,0,0.15);border-radius:8px;}
#wrapper-hk-answering .login-in-box .login{width:365px; height:260px; margin-left:68px; margin-top:20px; padding:35px 100px 70px; }

#wrapper-hk-answering .login-in-box .inplist{ margin-bottom:20px; margin-left:20px; width:300px;height:34px; color:#2d78cc; line-height:34px; font-size:14px; position:relative;padding:5px 10px;}
#wrapper-hk-answering .login-in-box .inplist input{ position:absolute; left:75px; top:0px; width:220px;height:34px; line-height:34px; border-radius:3px;padding:5px 10px;  font-size:14px; border:1px solid #97b5f2; box-shadow:3px 0 5px #f0f0f0 inset;}
#wrapper-hk-answering .login-in-box .inplist input:hover{border:1px solid #77b8ea; box-shadow:3px 0 5px #bee6fd inset;}

#wrapper-hk-answering .login-in-box .inplist.code-box input{ width:148px; }
#wrapper-hk-answering .login-in-box .inplist.code-box img{ position:absolute; left:220px; top:0px; cursor:pointer; width:100px; height:48px;}
#wrapper-hk-answering .login-in-box .inplist input#code{color:#32a8f5; width:108px;}

#wrapper-hk-answering .login-in-box .inplist input[placeholder]{ font-size:16px; color:#3669cf;}
#wrapper-hk-answering .login-in-box .inplist input#user_name,#wrapper-hk-answering .login-in-box .inplist input#room_id{color:#3669cf; width:220px;}
#wrapper-hk-answering .login-in-box input.butOn{ margin-left:95px;background:#3669cf; width:242px; height:40px; line-height:40px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-hk-answering .login-in-box input.butOn:hover{background:#2a58b3;}

#footer-answering-box{ text-align:center; color:#fff;  height:60px; width:100%; line-height:60px;}
#footer-answering-box a{ color:#fff; }


/*论文答辩系统-老师登录*/
#wrapper-answering-box{ width:100%; min-height:668px; height:auto!Important; height:668px; background:#3669cf url(../images/system/answering_system/hkjjxy_logo_bg.jpg) no-repeat center bottom; overflow:hidden;}
#wrapper-answering-box .login-in-box{ width:1000px; height:340px; margin:118px auto 0;}
#wrapper-answering-box .login-in-box .login{width:320px; height:200px; background:#fff;box-shadow:2px 3px 5px rgba(0,0,0,0.15); border-radius:3px; padding:60px;}
#wrapper-answering-box .login-in-box .inplist{ margin-bottom:20px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #97b5f2; box-shadow:3px 0 5px #f0f0f0 inset;}

#wrapper-answering-box.new .login-in-box{height:400px;}
#wrapper-answering-box.new .login-in-box .login{ height:230px;}

#wrapper-answering-box .login-in-box .inplist.code-box{ width:148px;  position:relative;}
#wrapper-answering-box .login-in-box .inplist.code-box img{ position:absolute; left:190px; top:0px; cursor:pointer; width:130px; height:48px;}
#wrapper-answering-box .login-in-box .inplist input#code{color:#d8c9a4; width:128px;}

#wrapper-answering-box .login-in-box .inplist input[placeholder]{ font-size:16px;}
#wrapper-answering-box .login-in-box .inplist:hover{border:1px solid #bfcfe6; box-shadow:3px 0 5px #d1e1f8 inset; }
#wrapper-answering-box .login-in-box .inplist input#user_name,#wrapper-answering-box .login-in-box .inplist input#room_id,#wrapper-answering-box .login-in-box .inplist input#userValidate{color:#bfcfe6; width:298px;}
#wrapper-answering-box .login-in-box input.butOn{background:#3669cf; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-answering-box .login-in-box input.butOn:hover{background:#2a58b3;}

#header-eaxm-system .phone-down{ padding:34px 0;}
#header-eaxm-system .phone-down a.app .code.zikao{ top:70px;}

#footer-management-box.colorWhite a{ color:#fff;}


/*证书在线学习系统登陆界面*/
#header-eduBook-system .logo em.title{ font-size:24px; color:#319cee; background:url(../images/system/line_03.jpg) no-repeat 0 center; padding-left:20px; margin:15px 0 0 15px;}

#wrapper-eduBook-box{ width:100%; min-height:668px; height:auto!Important; height:668px; background:url(../images/system/1x_bg_02.jpg) no-repeat 0 center; background-size:cover; overflow:hidden;}
#wrapper-eduBook-box .login-in-box{ width:524px; height:430px; margin:118px auto 0; position:relative;background:url(../images/system/1X_login_bg.png) no-repeat 0 center; border-radius:5px;}
#wrapper-eduBook-box .login-info{ position:absolute; top:80px; left:20px;width:480px; text-align: center; color:#fff;}
#wrapper-eduBook-box .login-info h3{ font-size:24px;}
#wrapper-eduBook-box .login-info h4{ font-size:12px; margin-top:5px;}

#wrapper-eduBook-box .login-in-box .login{width:360px; height:260px; position:absolute; top:190px; left:95px;}
#wrapper-eduBook-box .login-in-box .inplist{ margin:45px 0 30px 30px; width:268px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px;}

#wrapper-eduBook-box .login-in-box .inplist input[placeholder]{ font-size:16px;color:#319cee; width:296px;}
#wrapper-eduBook-box .login-in-box .inplist input#user_name,#wrapper-learn-box .login-in-box .inplist input#room_id{color:#9be2ef; width:298px;}

#wrapper-eduBook-box .login-in-box input.butOn{background:#319cee; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-eduBook-box .login-in-box input.butOn:hover{background:#2482ca;}

#footer-eduBook-box{ position:fixed; bottom:0px; left:0px; text-align:center; color:#fff;  height:77px; width:100%; line-height:77px;}


/*成教在线学习系统登陆界面*/
#header-adult-education-system .logo em.title{ font-size:24px; color:#00529b; background:url(../images/system/line_03.jpg) no-repeat 0 center; padding-left:20px; margin:15px 0 0 15px;}

#wrapper-adult-education-box{ width:100%; min-height:668px; height:auto!Important; height:668px; background:url(../images/system/chengkao_bg_01.jpg) no-repeat 0 center; background-size:cover; overflow:hidden;}
#wrapper-adult-education-box .login-in-box{ width:700px; height:370px; margin:118px auto 0; position:relative;background:#fff;box-shadow:2px 3px 5px rgba(0,0,0,0.15); border-radius:5px;}
#wrapper-adult-education-box .login-in-box i.ico-02{ position:absolute; right:10px; bottom:20px; background:url(../images/system/chengjiao_img_03.jpg) no-repeat; width:286px; height:308px; display:inline-block;}
#wrapper-adult-education-box .login-in-box .login{width:360px; height:260px; position:absolute; top:60px; left:50px; }
#wrapper-adult-education-box .login-in-box .login .tit{ width:320px;font-size:36px; color:#00529b; text-align:center;font-weight:600;}
#wrapper-adult-education-box .login-in-box .inplist{ margin:40px 0 30px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #8ab5db; box-shadow:3px 0 5px #d4e9fa inset;}

#wrapper-adult-education-box .login-in-box .inplist input[placeholder]{ font-size:16px;color:#319cee; width:296px;}
#wrapper-adult-education-box .login-in-box .inplist:hover{border:1px solid #00529b; box-shadow:3px 0 5px #b0d8f7 inset; }
#wrapper-adult-education-box .login-in-box .inplist input#user_name,#wrapper-learn-box .login-in-box .inplist input#room_id{color:#9be2ef; width:298px;}

#wrapper-adult-education-box .login-in-box input.butOn{background:#00529b; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-adult-education-box .login-in-box input.butOn:hover{background:#03457f;}

#footer-adult-education-box{ position:fixed; bottom:0px; left:0px; text-align:center; color:#fff;  height:77px; width:100%; line-height:77px;}

/*新调整（2020.10.20）*/
#wrapper-adult-education-box .login-in-box.new2020{ height:410px; margin:100px auto 0;}
#wrapper-adult-education-box .login-in-box.new2020 .login{width:322px; height:260px; position:absolute; top:40px; left:50px; }

#wrapper-adult-education-box .automatic  a{ color:#666;}
#wrapper-adult-education-box .automatic  a:hover{ color:#00529b;}

/*“1+X”证书培训平台登陆界面*/
#header-1x-system{ background:#fff;height:94px;width:100%; border-bottom:1px solid #f1f1f1; box-shadow:0 1px 3px #e5e5e5;}
#header-1x-system .logo a{ display:block;}
#header-1x-system .header-box .login-box a.login{ border-right:1px solid #fff;}
#header-1x-system .logo{width:auto;}
#header-1x-system .logo em.title{ font-size:24px; color:#0263b2; background:url(../images/system/line_03.jpg) no-repeat 0 center; padding-left:20px; margin:15px 0 0 15px;}

#header-1x-system .header-box .login-box{ width:155px; height:34px; text-align:center; line-height:34px; margin-top:30px; }
#header-1x-system .header-box .login-box a{ color:#999; font-size:14px; width:auto; display:inline-block; float:left;}
#header-1x-system .header-box .login-box a.login{ border-radius:0;border:none; padding-right:20px; background:url(../images/little/line_9.gif) no-repeat  right center; margin-right:0;}
#header-1x-system .header-box .login-box a.login:hover{ background-color:inherit; color:#5acbea;background:url(../images/little/line_9.gif) no-repeat  right center;}
#header-1x-system .header-box .login-box a.backToIndex{border-radius:0; background-color:inherit;padding-left:20px; }
#header-1x-system .header-box .login-box a.backToIndex:hover{ background:inherit; color:#5acbea;}

#wrapper-1x-box{ width:100%; min-height:668px; height:auto!Important; height:668px; background:#0263b2; overflow:hidden;}
#wrapper-1x-box .login-in-box{ width:978px; height:453px; margin:118px auto 0;}
#wrapper-1x-box .login-in-box .login{width:320px; height:260px; background:#fff;box-shadow:2px 3px 5px rgba(0,0,0,0.15); border-radius:3px; padding:60px;}
#wrapper-1x-box .login-in-box .inplist{ margin-bottom:20px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #519bd6; box-shadow:3px 0 5px #bddffa inset;}

#wrapper-1x-box .login-in-box .inplist.code-box{ width:148px;  position:relative;}
#wrapper-1x-box .login-in-box .inplist.code-box img{ position:absolute; left:190px;  top:0px; cursor:pointer; width:130px; height:48px;}
#wrapper-1x-box .login-in-box .inplist input#code{color:#bfe0d4; width:128px;}

#wrapper-1x-box .login-in-box .inplist input[placeholder]{ font-size:16px;}
#wrapper-1x-box .login-in-box .inplist:hover{border:1px solid #0263b2; box-shadow:3px 0 5px #a9d0f0 inset; }
#wrapper-1x-box .login-in-box .inplist input#user_name,#wrapper-1x-box .login-in-box .inplist input#room_id{color:#9dcaef; width:298px;}
#wrapper-1x-box .login-in-box input.butOn{background:#0263b2; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-1x-box .login-in-box input.butOn:hover{background:#02569b;}

#footer-1x-box{ border-top:1px solid rgba(255,255,255,0.17); text-align:center; color:#fff; background:#0263b2; height:78px; width:100%; line-height:78px;}


/*恒信源登陆界面*/
#header-hxy-system{ background:#fff;height:94px;width:100%; border-bottom:1px solid #f1f1f1; box-shadow:0 1px 3px #e5e5e5;}
#header-hxy-system .logo a{ display:block;}
#header-hxy-system .header-box .login-box a.login{ border-right:1px solid #fff;}
#header-hxy-system .logo{width:auto;}
#header-hxy-system .logo em.title{ font-size:24px; color:#778baa; background:url(../images/system/line_03.jpg) no-repeat 0 center; padding-left:20px; margin:15px 0 0 15px;}

#wrapper-hxy-box{ width:100%; background:url(../images/system/hxy_admin_bg_02.jpg) no-repeat; background-size:cover; overflow:hidden;}
#wrapper-hxy-box .login-in-box{width:100%; height:425px; margin:0 auto; overflow:hidden;}
#wrapper-hxy-box .login-in-box .login{width:320px; height:260px; background:#fff;box-shadow:2px 3px 5px rgba(0,0,0,0.15); border-radius:3px; padding:70px 100px; margin:15px auto 0;}
#wrapper-hxy-box .login-in-box .login h2.tit{ width:320px; text-align:center; display:inline-block; font-size:26px; line-height:30px; margin-bottom:40px; font-weight:600; color:#007ff4;}
#wrapper-hxy-box .login-in-box .inplist{ margin-bottom:20px; width:298px;height:38px; line-height:38px; border-radius:3px; padding:5px 10px; font-size:16px; border:1px solid #9dcdfa; box-shadow:3px 0 5px #f0f0f0 inset;}

#wrapper-hxy-box .login-in-box .inplist input[placeholder]{ font-size:16px;}
#wrapper-hxy-box .login-in-box .inplist:hover{border:1px solid #9bd3f3; box-shadow:3px 0 5px #bee6fd inset; }
#wrapper-hxy-box .login-in-box .inplist input#user_name,#wrapper-hxy-box .login-in-box .inplist input#room_id{color:#9bd3f3; width:298px;}
#wrapper-hxy-box .login-in-box input.butOn{background:#007ff4; width:320px; height:50px; line-height:50px; color:#fff; cursor:pointer; border-radius:3px; font-size:16px;}
#wrapper-hxy-box .login-in-box input.butOn:hover{background:#2d98fb;}

#footer-hxy-box{ background:#383838; text-align:center; color:#fff;  height:50px; width:100%; line-height:50px; position:fixed; bottom:0;}


/*电子签名(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; }

@media only screen and (max-width:1000px) {
.header-box{ width:750px;}
#header-learn-system .logo em.title{ font-size:32px;}
.phone-down a.app{ font-size:28px;}
}