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

#header-system{ background:#fff;height:80px;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:25px; margin:15px 0 0 25px;}


/*系统中心界面*/
#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; height:390px; margin:0 auto;}
.system-tree-box span{ display:block; width:320px; height:115px; padding:30px 10px 20px; text-align:center;}
.system-tree-box span em.tit{ display:block; color:#fff; font-size:18px; line-height:28px; margin-top:10px;}
.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 .middle{ background:rgba(255,255,255,0.7); padding:20px; border-radius:3px; width:700px; margin:0 auto;}
.system-tree-box .middle .top span.a{ background:#07c986; }
.system-tree-box .middle .top span.b{ background:#ff942a; }
.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 .middle .top span.b img.fl{ margin-left:40px;}

.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 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: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;}

#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; text-align:center;}
#footer-box.footer-center a{color:#478785;}
#footer-box.footer-center a:hover{ text-decoration:underline;}


/*2020.4.16新版上线*/
body{ background:#f5f5f5;}
#system-center{ width:1100px; margin:20px auto; padding:40px; background:#fff;}
#system-center .module h2{ border-bottom:1px solid #ededed; padding-bottom:15px;}
#system-center .module h2 .tit{ border-bottom:2px solid #32a8f5; padding-bottom:13px; font-size:20px; color:#333;}
#system-center .list li{float:left; margin-right:20px;}
#system-center .list li a{ width:280px; height:80px; line-height:80px; font-size:16px; display:inline-block; color:#fff; border-radius:5px; text-align:center;}
#system-center .list li a:hover{ opacity:0.8;}
#system-center .list li a.b1{ background: -webkit-linear-gradient(#56dcff, #2cadff); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#56dcff, #2cadff); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#56dcff, #2cadff); /* Firefox 3.6 - 15 */background: linear-gradient(#56dcff, #2cadff);}
#system-center .list li a.b2{ background: -webkit-linear-gradient(#73f5c9, #28cf97); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#73f5c9, #28cf97); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#73f5c9, #28cf97); /* Firefox 3.6 - 15 */background: linear-gradient(#73f5c9, #28cf97);}
#system-center .list li a.b3{ background: -webkit-linear-gradient(#fcd0a9, #f6b342); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#fcd0a9, #f6b342); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#fcd0a9, #f6b342); /* Firefox 3.6 - 15 */background: linear-gradient(#fcd0a9, #f6b342);}
#system-center .list li .ico{width:34px; height:34px; vertical-align:middle; margin-right:10px; display:inline-block;}
#system-center .list li .a .ico{ background:url(../images/system/center/ico_a.png) no-repeat;}
#system-center .list li .b .ico{ background:url(../images/system/center/ico_b.png) no-repeat;}
#system-center .list li .c .ico{ background:url(../images/system/center/ico_c.png) no-repeat;}
#system-center .list li .d .ico{ background:url(../images/system/center/ico_d.png) no-repeat;}
#system-center .list li .e .ico{ background:url(../images/system/center/ico_e.png) no-repeat;}
#system-center .list li .f .ico{ background:url(../images/system/center/ico_f.png) no-repeat;}

/*.system-tan{ display:none; padding: 35px 40px 40px; width: 300px;position: fixed;top: 50%;left: 50%;margin-left: -150px;margin-top: -145px;background: #fff;z-index: 1009;}
.system-tan i.close{ background:#f97e7e url(../images/system/center/close_w.png) no-repeat center; height:32px; width:32px; display:block; position:absolute; right:-16px; top:-16px; border-radius:50%; cursor:pointer; transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.system-tan .msg-content{ text-align:center; color:#333; font-size:16px;}
.system-tan .msg-content .qu{ width:100px; height:35px;margin-right:20px;  line-height:35px; color:#72c6f6; border:1px solid #72c6f6;border-radius:3px; text-align:center; cursor:pointer;}
.system-tan .item{ border-bottom:1px solid #ededed; padding-bottom:15px; color:#333; font-size:16px; }

.chose-box{ text-align:center;}
.chose-box a{ position:relative; width:90px; height:40px; line-height:40px; border:1px solid #e8ecef; border-radius:8px;color:#666; display:inline-block; margin-right:12px;}
.chose-box a i.gou{ background:url(../images/system/center/gou.png) no-repeat; width:24px; height:24px; position:absolute; right:0px; bottom:0px; display:none;}
.chose-box a.on{border:1px solid #32a8f5; color:#32a8f5;}
.chose-box a.on i.gou{ display:block;}
.chose-box .btn{}
.chose-box .btn a.sure{width:140px; height:40px; line-height:40px; border:1px solid #32a8f5; background:#32a8f5; border-radius:5px; text-align:center; color:#fff;}

.changeBox{ text-align:center;}
.changeBox a{ display:inline-block; padding:0 20px; height:38px; line-height:38px; border:1px solid #32a8f5; color:#32a8f5; border-radius:3px; margin:0 10px;}
.changeBox a:hover,.changeBox a.on{ background:#32a8f5; color:#fff;}*/

/*2020.8.19新版上线*/
#system-box.new{ width:100%; background: url(../images/system/center/center_bg.jpg) no-repeat; background-size:cover; overflow:hidden; position:relative;}
#system-box.new .system-tree-box .left{ background:rgba(255,255,255,0.1); padding:20px; border-radius:3px; width:520px;}
#system-box.new .system-tree-box span{ display:block; width:250px; height:130px; border-radius:5px; padding:55px 0px; text-align:center;}
#system-box.new .system-tree-box span em.tit{ display:block; color:#fff; font-size:20px; line-height:28px; margin-top:20px;}
#system-box.new .system-tree-box span a{ display:block;}
#system-box.new .system-tree-box span a i.img{ display:inline-block;width:90px; height:90px; line-height:90px;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-box.new .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-box.new .system-tree-box span a i.img img{ vertical-align:middle; }

#system-box.new .system-tree-box .left .top span.a{ background: -moz-linear-gradient(top,  #15a3ff 0%, #057bc8 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#15a3ff), color-stop(100%,#057bc8));  background: -webkit-linear-gradient(top,  #15a3ff 0%,#057bc8 100%);  background: -o-linear-gradient(top,  #15a3ff 0%,#057bc8 100%); background: -ms-linear-gradient(top,  #15a3ff 0%,#057bc8 100%);background: linear-gradient(#15a3ff, #057bc8); }
#system-box.new .system-tree-box .left .top span.b{ background: -moz-linear-gradient(top,  #74edbb 0%, #0ca788 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74edbb), color-stop(100%,#0ca788));  background: -webkit-linear-gradient(top,  #74edbb 0%,#0ca788 100%);  background: -o-linear-gradient(top,  #74edbb 0%,#0ca788 100%); background: -ms-linear-gradient(top,  #74edbb 0%,#0ca788 100%);background: linear-gradient(#74edbb, #0ca788); }
#system-box.new .system-tree-box .left .bottom span.c{background: -moz-linear-gradient(top,  #427ae9 0%, #124aba 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#427ae9), color-stop(100%,#124aba));  background: -webkit-linear-gradient(top,  #427ae9 0%,#124aba 100%);  background: -o-linear-gradient(top,  #427ae9 0%,#124aba 100%); background: -ms-linear-gradient(top,  #427ae9 0%,#124aba 100%);background: linear-gradient(#427ae9, #124aba);width:100%;}

#system-box.new .system-tree-box .right span.d{background: -moz-linear-gradient(top,  #e6a793 0%, #ed874f 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6a793), color-stop(100%,#ed874f));  background: -webkit-linear-gradient(top,  #e6a793 0%,#ed874f 100%);  background: -o-linear-gradient(top,  #e6a793 0%,#ed874f 100%); background: -ms-linear-gradient(top,  #e6a793 0%,#ed874f 100%);background: linear-gradient(#e6a793, #ed874f); }
#system-box.new .system-tree-box .right span.e{background: -moz-linear-gradient(top,  #42c4d7 0%, #077d8f 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42c4d7), color-stop(100%,#077d8f));  background: -webkit-linear-gradient(top,  #42c4d7 0%,#077d8f 100%);  background: -o-linear-gradient(top,  #42c4d7 0%,#077d8f 100%); background: -ms-linear-gradient(top,  #42c4d7 0%,#077d8f 100%);background: linear-gradient(#42c4d7, #077d8f);}
#system-box.new .system-tree-box .right span.f{background: -moz-linear-gradient(top,  #10c4b9 0%, #108c98 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10c4b9), color-stop(100%,#108c98));  background: -webkit-linear-gradient(top,  #10c4b9 0%,#108c98 100%);  background: -o-linear-gradient(top,  #10c4b9 0%,#108c98 100%); background: -ms-linear-gradient(top,  #10c4b9 0%,#108c98 100%);background: linear-gradient(#10c4b9, #108c98);}

#system-box.new .system-tree-box .left .top span.a i.img{background:rgba(255,255,255,0.1) url(../images/system/center/ico_01.png) no-repeat center;}
#system-box.new .system-tree-box .left .top span.b i.img{background:rgba(255,255,255,0.1) url(../images/system/center/ico_02.png) no-repeat center;}
#system-box.new .system-tree-box .bottom span.c i.img{background:rgba(255,255,255,0.1) url(../images/system/center/ico_03.png) no-repeat center;}
#system-box.new .system-tree-box .right span.d i.img{background:rgba(255,255,255,0.1) url(../images/system/center/ico_04.png) no-repeat center;}
.system-tree-box .right span.e i.img{background:rgba(255,255,255,0.1) url(../images/system/center/ico_05.png) no-repeat center;}
.system-tree-box .right span.f i.img{background:rgba(255,255,255,0.1) url(../images/system/center/ico_06.png) no-repeat center;}

#system-box.new .system-tree-box .right{ width:600px;}
#system-box.new .system-tree-box .right .bgBox{ background:rgba(255,255,255,0.1); padding:20px; border-radius:3px; width:250px; height:500px;}
#system-box.new .system-tree-box .right span.d,#system-box.new .system-tree-box .right span.f{ width:250px; height:130px; padding:55px 0; }
#system-box.new .system-tree-box .right span.e{ width:250px;padding:190px 0; height:calc(100% - 380px);}

/*弹窗*/
.system-tan{ display:none; padding: 35px 40px 30px; width: 300px;position: fixed;top: 50%;left: 50%;margin-left: -150px;margin-top: -145px;background: #fff;z-index: 1009;}
.system-tan i.close{ background:#f97e7e url(../images/system/center/close_w.png) no-repeat center; height:32px; width:32px; display:block; position:absolute; right:-16px; top:-16px; border-radius:50%; cursor:pointer; transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.system-tan .msg-content{ text-align:center; color:#333; font-size:16px;}
.system-tan .msg-content .qu{ width:100px; height:35px;margin-right:20px;  line-height:35px; color:#72c6f6; border:1px solid #72c6f6;border-radius:3px; text-align:center; cursor:pointer;}
.system-tan .item{ border-bottom:1px solid #ededed; padding-bottom:15px; color:#333; font-size:16px; }

.chose-box{ text-align:center;}
.chose-box a{ position:relative; width:300px; height:40px; line-height:40px; border:1px solid #e8ecef; border-radius:8px;color:#666; display:inline-block; margin-bottom:10px;}
.chose-box a i.gou{ background:url(../images/system/center/gou.png) no-repeat; width:24px; height:24px; position:absolute; right:0px; bottom:0px; display:none;}
.chose-box a.on{border:1px solid #32a8f5; color:#fff; background:#32a8f5;}
/*.chose-box a.on i.gou{ display:block;}*/
.chose-box .btn{}
.chose-box .btn a.sure{width:140px; height:40px; line-height:40px; border:1px solid #32a8f5; background:#32a8f5; border-radius:5px; text-align:center; color:#fff;}
.chose-box a.back{width:120px; height:40px; line-height:40px; margin-top:10px; display:none;}
.chose-box a.back:hover{border:1px solid #32a8f5; background:#32a8f5;color:#fff;}

.chose-box .img{ text-align:center; line-height:30px; font-size:16px; color:#666; margin-top:30px;}
.chose-box .img img{ width:180px; height:180px; display:inline-block; margin-top:10px;}

@media(max-width:900px) {
.header-box,#footer .footer-box{ width:710px; padding:0 20px;}
#system-center{ width:670px; height:auto!important;}
#system-center .module h2 .tit{ font-size:24px;}
#system-center .list{ width:750px;}
#system-center .list li{ margin-bottom:20px;}
#system-center .list li a{ font-size:24px; width:325px;}
.changeBox a{ font-size:24px; height:48px; line-height:48px;}

#system-box{ height:auto!important; padding-bottom:80px;}
.system-tree-box{ width:750px; margin-top:80px!important;}
#system-box.new .system-tree-box span em.tit{ font-size:28px; line-height:42px;}
#system-box.new .system-tree-box .left{ width:520px; margin-left:95px;}
#system-box.new .system-tree-box .right{ width:520px;padding:0 20px 20px; border-radius:3px; margin:0px 95px 0 0;background:rgba(255,255,255,0.1);}
#system-box.new .system-tree-box .right .bgBox{ padding:0; background:none; width:520px; height:auto;}
#system-box.new .system-tree-box .right span.d,#system-box.new .system-tree-box .right span.f{padding:55px 0; height:auto;width:250px;  float:left;}
#system-box.new .system-tree-box .right span.f{ float:right; margin-top:0!important;}
#system-box.new .system-tree-box .right span.e{padding:55px 0; height:auto; width:520px; margin-top:20px; }

.system-tan{ display:none; padding: 35px 40px 30px; width: 400px;margin-left: -250px;margin-top: -145px;}
.system-tan i.close{ width:40px; height:40px; right:-20px; top:-20px; }
.system-tan .msg-content,.system-tan .item{ font-size:28px;}
.system-tan .msg-content .qu{ width:100px; height:35px;line-height:35px;}

.chose-box a{width:400px; height:50px; line-height:50px; font-size:24px; margin-bottom:20px;}
.chose-box .btn a.sure{width:140px; height:40px; line-height:40px; }
.chose-box .img{ font-size:28px;}
.chose-box .img img{ margin-top:20px;}
.chose-box a.back{ width:140px; height:50px; line-height:50px; }

#footer{min-width:750px;margin: 0 auto;}
#footer .code span em{ line-height:44px; font-size:20px;}
#footer .subnav{ width:100%; margin-top:30px; padding-bottom:25px;}
#footer .subnav a{ background:url(https://www.yaoxuedao.com/images/little/line.jpg) no-repeat right center;font-size:24px;}
#footer .copyright{  width:100%; height:auto; padding:15px 0;line-height:34px;font-size:24px;}
#footer .copyright .phone{ display:block;}

}