﻿* html,* html body{background-image:url(about:blank);background-attachment:fixed}
body{min-width:1200px;font-size:14px;color:#333}
html,body,div,ul,li,ol,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,p,br,pre,textarea,blockquote,span,button{margin:0;padding:0;border:0;font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体"}
li{list-style-type:none}
label{cursor:pointer}
img{vertical-align:top;border:0;transition:all 0.5s}
em,i,b{font-style:normal;font-size:0}
ul,li{list-style:none}
u{text-decoration:none}
input,select{vertical-align:middle;outline:none;border:0;font-family:"Microsoft YaHei","微软雅黑";padding:0}
textarea{outline:none}
h1,h2,h3,h4,h5{font-weight:normal;color:#545353}
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{*zoom:1}
.clear{clear:both}
a:link{text-decoration:none;color:#252525}
a:visited{text-decoration:none;color:#666666}
a:hover,a:active{color:#f00}
input[disabled]{background:none;text-align:center;text-indent:0 !important}
input[type="button"],input[type="submit"]{box-sizing:content-box;padding:0}
.fl{float:left}
.fr{float:right}
button{border:none;background-color:transparent;outline:none}
.main{width:1200px;margin:0 auto}
.showBox{display:block !important}
.header i,.footer .textBox i,.classNavCont u,.newBook .newCont li i,.courseBox i,.header .selectBoxs::after{background:url('../image/index.png') no-repeat}
.header{height:168px}
.header .topCont{height:50px;background:#ea554f;color:#fff}
.header .topCont .loginBox{padding-top:10px}
.header .topCont .loginBox a{font-size:15px;color:#fff;padding:0 16px;display:inline-block;height:30px;line-height:30px}
.header .topCont .loginBox u{vertical-align:1px}
.header .topCont .loginBox{margin-left:-16px}
.header .topCont .loginBox .appDownload{width:112px;background:#f5756f;border-radius:30px;text-align:center;padding:0}
.header .topCont .rightBox{padding-top:10px}
.header .topCont .rightBox .phone{font-size:15px;color:#fff;line-height:30px;margin-right:20px}
.header .topCont .rightBox .searchBox{width:316px;height:30px;border-radius:30px;background:#fff;overflow:hidden}
.header .topCont .rightBox .searchBox input{width:120px;line-height:20px;padding-left:14px;border-left:1px dashed #dfdfdf;margin-top:5px}
.header .topCont .rightBox .searchBox a{display:block;width:40px;height:30px;float:right}
.header .topCont .rightBox .searchBox a i{display:inline-block;width:19px;height:19px;background-position:-51px -10px;margin:4px 0 0 5px}
.header .contBox{height:118px}
.header .contBox h1{width:240px}
.header .contBox h1 img{max-width:100%;margin-top:16px;height:80px}
.header .contBox h1 a{font-size:42px;color:#1c171d;font-weight:bold}
.header .contBox .navBox{padding-top:50px}
.header .contBox .navBox li{float:left;margin-left:60px}
.header .contBox .navBox li a{font-size:16px;color:#333333}
.header .contBox .navBox li.cur a,.header .contBox .navBox li:hover a{color:#ea554f}
.header .selectBoxs{float:left;position:relative}
.header .selectBoxs::after{content:'';display:inline-block;width:8px;height:5px;background-position:-164px -48px;position:absolute;right:16px;top:13px}
.header .selectBoxs select{padding:5px 30px 5px 25px;outline:none;border:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.header .selectBoxs select option{width:64px;padding:10px 0;height:40px;border:1px solid #cccccc;position:relative}
.flexslider{position:relative;z-index:1;width:100%;height:519px;margin:-1px auto;overflow:hidden;background-position:center;background-repeat:no-repeat}
.slides{position:relative;z-index:1}
.slides li{height:519px;cursor:pointer;background-size:cover !important}
.flex-control-nav{z-index:3;position:relative;margin:490px auto 0;text-align:center}
.flex-control-nav li{width:16px;display:inline-block;height:16px;margin:0 8px;text-align:center;*display:inline;zoom:1}
.flex-control-nav a{display:inline-block;width:16px;height:16px;overflow:hidden;background:#fff;border-radius:50%;cursor:pointer;font-size:0}
.flex-control-nav .flex-active{background:#f24343}
.main{position:relative}
.classNavCont{padding-top:14px;width:290px;background:#fff;position:absolute;top:28px;left:0;z-index:100;height:448px;border-radius:10px}
.classNavCont li{padding:0 15px;height:71px;position:relative}
.classNavCont li .listBox{border-bottom:1px dashed #dbdbdb;height:71px}
.classNavCont li .listBox h3{font-size:18px;color:#111111;font-weight:bold;padding-top:12px}
.classNavCont li .listBox h3 u{display:block;width:11px;height:11px;background-position:-109px -10px;float:right;margin:8px 4px 0 0}
.classNavCont li .listBox p{padding-top:3px;overflow:hidden;width:100%;height:23px}
.classNavCont li .listBox p a{font-size:15px;color:#999999;margin-right:12px;white-space:nowrap}
.classNavCont li .listBox p a:last-child{margin-right:0}
.classNavCont li .textBox{display:none;position:absolute;width:570px;min-height:164px;border-bottom:3px solid #ea554f;padding:40px 20px 0;background:#f2f5f8;right:-610px;top:0}
.classNavCont li .textBox a{font-size:15px;color:#666666;display:inline-block;width:138px;font-size:15px;color:#666666;margin-bottom:15px}
.classNavCont li:hover .textBox{display:block}
.classNavCont li:nth-child(4) .textBox{bottom:0;top:auto}
.classNavCont li:nth-child(5) .textBox{bottom:0;top:auto}
.classNavCont li:hover h3{color:#ea554f}
.classNavCont li:hover{background:#f2f5f8}
.classNavCont li .textBox a:hover,.classNavCont li .listBox a:hover{color:#ea554f}
.title{text-align:center}
.title i{display:inline-block;width:7px;height:7px;border-radius:7px;background:#ea5547;vertical-align:5px}
.title span{font-size:26px;color:#111111;font-weight:bold;padding:0 18px}
.liveBox{padding:58px 0}
.liveBox .contBox{width:1200px;overflow:hidden;height:255px;padding-top:10px}
.liveBox .contBox .swiper-slide{width:310px}
.liveBox .contBox .swiper-container{width:1240px}
.liveBox .contBox .listCont .headPic{width:100%;height:55px;padding:24px 0;border-bottom:1px dotted #d2d2d2;position:relative}
.liveBox .contBox .listCont .headPic .picBox{margin-left:40px}
.liveBox .contBox .listCont .headPic .picBox img{width:54px;height:54px;border-radius:54px}
.liveBox .contBox .listCont .headPic .textBox{margin-left:10px;padding-top:5px}
.liveBox .contBox .listCont .headPic .textBox u{vertical-align:2px;margin-right:8px;display:inline-block;width:35px;height:20px;border-radius:20px;text-align:center;line-height:20px;font-size:12px;color:#fff;background-image:-moz-linear-gradient(0deg,rgb(240,45,52) 0%,rgb(243,88,92) 58%,rgb(245,130,132) 100%);background-image:-webkit-linear-gradient(0deg,rgb(240,45,52) 0%,rgb(243,88,92) 58%,rgb(245,130,132) 100%);background-image:-ms-linear-gradient(0deg,rgb(240,45,52) 0%,rgb(243,88,92) 58%,rgb(245,130,132) 100%)}
.liveBox .contBox .listCont .headPic .textBox u.free{background-image:-moz-linear-gradient(0deg,rgb(255,184,84) 0%,rgb(255,192,100) 58%,rgb(255,200,116) 100%);background-image:-webkit-linear-gradient(0deg,rgb(255,184,84) 0%,rgb(255,192,100) 58%,rgb(255,200,116) 100%);background-image:-ms-linear-gradient(0deg,rgb(255,184,84) 0%,rgb(255,192,100) 58%,rgb(255,200,116) 100%)}
.liveBox .contBox .listCont .headPic .textBox .examText{font-size:15px;color:#999;padding-top:5px}
.liveBox .contBox .listCont .headPic em{display:inline-block;width:10px;height:10px;border-radius:10px;border:2px solid #aaaaaa;background:#fff;position:absolute;bottom:-7px;left:125px}
.liveBox .contBox .listCont .infoBox{width:237px;height:126px;background:#ededed;border-radius:0 0 30px 0;margin-top:25px;padding:0 14px}
.liveBox .contBox .listCont .infoBox h4{padding-top:20px;line-height:1.8em;color:#111111;height:50px;overflow:hidden;font-size:16px}
.liveBox .contBox .listCont .infoBox .time{padding-top:10px}
.liveBox .contBox .listCont .infoBox .time span{font-size:14px;color:#8e9398;margin-right:10px}
.liveBox .contBox .listCont:hover em{border-color:#ea554f}
.liveBox .contBox .listCont:hover .infoBox{background:#ea554f}
.liveBox .contBox .listCont:hover .infoBox h4{color:#fff}
.liveBox .contBox .listCont:hover .infoBox .time span{color:#fff}
.newsBox{padding:60px 0;background:#f5f5f5}
.newsBox .newsInfo{width:560px}
.newsBox .newsInfo h2{width:320px;height:72px;background:url('../image/newsLogo.png') no-repeat}
.newsBox .newsInfo .textBox{padding-top:40px}
.newsBox .newsInfo .textBox h3{font-size:22px;color:#111111}
.newsBox .newsInfo .textBox p{font-size:20px;color:#666666;line-height:1.6;padding-top:20px}
.newsBox .newsInfo .textBox p a{color:#666666}
.newsBox .newsInfo .listBox{padding-top:40px}
.newsBox .newsInfo .listBox li{font-size:18px;color:#111;margin-bottom:15px;width:560px}
.newsBox .newsInfo .listBox li a{color:#111;display:inline-block;height:24px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:460px}
.newsBox .newsInfo .listBox li:hover a,.newsBox .newsInfo .listBox li:hover span{color:#ea554f}
.newsBox .newsInfo .listBox li i{display:block;float:left;width:22px;height:22px;border-radius:22px;background:#f5f5f5;border:1px solid #333;text-align:center;margin-right:15px}
.newsBox .newsInfo .listBox li i u{display:inline-block;width:7px;height:7px;border-radius:7px;background:#333333;margin-top:7.5px}
.newsBox .newsInfo .listBox li:last-child{margin-bottom:0}
.newsBox .newsInfo .listBox li span{float:right}
.newsBox .newsList{width:542px}
.newsBox .newsList li{height:91px;margin-bottom:30px}
.newsBox .newsList li:last-child{margin-bottom:0}
.newsBox .newsList .time{padding:0 10px;border:1px solid #c9c9c9;width:68px;text-align:center;border-radius:20px}
.newsBox .newsList .time .year{font-size:26px;color:#999999;border-bottom:1px solid #dfdfdf;line-height:38px;padding-top:6px}
.newsBox .newsList .time .date{font-size:24px;color:#111;line-height:38px;padding-bottom:6px}
.newsBox .newsList .textBox{width:430px;float:right}
.newsBox .newsList .textBox h3{font-size:16px;color:#111;padding-top:8px}
.newsBox .newsList .textBox h3 a{color:#111}
.newsBox .newsList .textBox h3 a:hover{color:#f00}
.newsBox .newsList .textBox p{font-size:15px;color:#999;padding-top:10px;line-height:1.6}
.newsBox .newsList .textBox p a{color:#999}
.courseBox{padding:56px 0 26px}
.courseBox .contBox{padding-top:30px}
.courseBox .contBox li{transition:all .3s;position:relative;top:0;width:275px;border:1px solid #dbdbdb;border-bottom:0;border-radius:8px;overflow:hidden;float:left;margin-right:30px;margin-bottom:30px}
.courseBox .contBox li:hover{top:-5px}
.courseBox .contBox li:hover .priceBox{border-bottom-color:#ea554f}
.courseBox .contBox li:nth-child(4n){margin-right:0}
.courseBox .contBox li .pic{padding:25px 14px 18px;width:248px;height:140px}
.courseBox .contBox li .pic img{width:100%;height:140px}
.courseBox .contBox li .infoBox{padding:0 12px 20px}
.courseBox .contBox li .infoBox h3{font-size:16px;color:#111111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.courseBox .contBox li .infoBox p{padding-top:6px}
.courseBox .contBox li .infoBox p span{font-size:16px;color:#999999}
.courseBox .contBox li .infoBox p em{color:#333;font-size:16px}
.courseBox .contBox li .priceBox{border-top:1px solid #dbdbdb;padding:16px 15px;border-bottom:4px solid #666666;transition:all .3s;min-height:73px;box-sizing:border-box}
.courseBox .contBox li .priceBox span{height:36px;line-height:36px;font-size:24px;color:#ea554f}
.courseBox .contBox li .priceBox a{display:block;width:107px;height:34px;border:2px solid #ea554f;text-align:center;line-height:34px;border-radius:34px;float:right;font-size:15px;color:#ea554f}
.courseBox .contBox li .priceBox a i{display:inline-block;width:4px;height:8px;background-position:-143px -46px;vertical-align:1px}
.courseBox .contBox li .priceBox a i:last-child{background-position:-149px -46px}
.courseBox .contBox li .priceBox a em{margin:0 5px;font-size:15px}
.bankBox{padding:40px 0;background:#f5f5f5;position:relative}
.bankBox .numbox{width:982px;height:93px;background:url('../image/numBg.png') no-repeat;margin:30px auto 0}
.bankBox .listBox{padding:20px 6px 0}
.bankBox .listBox li{width:257px;float:left;padding:0 20px}
.bankBox .listBox li h3{font-size:20px;color:#111111;text-align:center}
.bankBox .listBox li p{font-size:16px;color:#666;padding-top:14px;line-height:1.6;height:75px;overflow:hidden}
.bankBox .btnBox{height:62px;text-align:center;width:100%;margin-top:40px}
.bankBox .btnBox a{display:inline-block;height:62px;width:260px;border-radius:5px;background:#ea554f;text-align:center;line-height:62px;font-size:22px;color:#ffffff}
.newBook{border-bottom:1px solid #EDEDED;padding:80px 0 10px}
.newBook .newCont{width:1200px;margin:0 auto;padding:30px 0 30px}
.newBook .newCont li{width:50%;float:left;box-sizing:border-box;padding:7px 100px 7px 0;font-size:16px;color:#909090;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newBook .newCont li i{display:inline-block;width:18px;height:18px;background-position:-155px -10px;vertical-align:-4px;margin-right:10px}
.newBook .newCont li i a{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newBook .newCont li .project{text-align:right;margin-top:5px}
.newBook .newCont li .project a{font-size:14px;color:#999;margin-left:20px}
.bookBox{padding:40px 0 30px}
.bookBox .bookCont{width:1200px;overflow:hidden;height:500px;position:relative;padding:30px 0}
.bookBox .bookCont .swiper-container3{width:1240px;height:100%}
.bookBox .bookCont .listCont{cursor:pointer;width:375px;height:480px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1)}
.bookBox .bookCont .listCont h2{display:none;transition:all .3s;height:58px;line-height:58px;text-align:center;font-size:18px;color:#333;font-weight:bold;background:#e2e2e2}
.bookBox .bookCont .listCont .picBox{text-align:center;height:297px;padding-top:30px}
.bookBox .bookCont .listCont .picBox img{width:201px}
.bookBox .bookCont .listCont .text{padding:0 24px}
.bookBox .bookCont .listCont .text h3{text-align:center;font-size:22px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bookBox .bookCont .listCont .text .price{margin-top:16px}
.bookBox .bookCont .listCont .text .price span{font-size:16px;color:#999;display:block;margin-bottom:16px}
.bookBox .bookCont .listCont .text a{margin:0 auto;display:block;width:120px;height:40px;border-radius:20px;background:#fff;text-align:center;line-height:40px;font-size:16px;color:#ea554f;border:1px solid #ea554f}
.swiper-container3 .pagination{position:absolute;width:100%;bottom:10px;text-align:center}
.swiper-container3 .swiper-slide .listCont:first-of-type{margin:0 20px 0 5px}
.swiper-container3 .swiper-slide .listCont:last-of-type{margin:0 5px 0 20px}
.swiper-container3 .swiper-slide .listCont{display:inline-block;margin:0 10px}
.swiper-container3 .swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background:#BFBFBF;margin-right:5px;opacity:0.8;border:1px solid #fff;cursor:pointer}
.swiper-container3 .swiper-visible-switch{background:#BFBFBF}
.swiper-container3 .swiper-active-switch{background:#ea554f;width:30px;height:10px;border-radius:8px}
.commentBox{padding:25px 0 35px;background:url('../image/comment_bg.png') no-repeat;background-size:100% auto;background-position:center}
.commentBox .comment{position:relative;width:1200px;height:165px;overflow:hidden;padding-top:30px}
.commentBox .commentList{position:absolute}
.commentBox .commentList li{border-bottom:4px solid #666;padding:0 30px;margin:0 15px 15px 0;width:310px;height:160px;background:#fff;background:#fff;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);border-radius:5px;float:left}
.commentBox .commentList li:hover{border-bottom-color:#ea554f}
.commentBox .commentList li .top{padding-top:40px}
.commentBox .commentList li .top .name{font-size:15px;color:#111111}
.commentBox .commentList li .top .name i{display:inline-block;width:16px;height:18px;background-position:-140px -29px;vertical-align:-2px;margin-right:6px}
.commentBox .commentList li .top .time{font-size:14px;color:#999999;float:right}
.commentBox .commentList li .text{font-size:15px;color:#666666;padding-top:12px;line-height:1.8em}
.footer{width:100%;height:310px;background:#21242b}
.footer .textBox .linkBox{margin-left:-26px;padding-top:50px}
.footer .textBox .linkBox u{vertical-align:2px;color:#fff}
.footer .textBox .linkBox a{font-size:18px;color:#fff;padding:0 26px}
.footer .textBox .linkBox{margin-bottom:25px}
.footer .textBox p{font-size:16px;color:#9399a8;line-height:30px;margin-bottom:15px;}
.footer .textBox p.phone{background-position:-10px -46px}
.footer .textBox p.add{width:420px;background-position:-54px -46px}
.footer .textBox p.copyright a{font-size:16px;color:#9399a8;margin-left:25px;background-position:-98px -46px;}
.footer .textBox p i{display:block;width:31px;height:31px;float:left;margin-right:16px}
.footer .textBox p.phone i{background-position:-10px -46px}
.footer .textBox p.add i{background-position:-10px -46px}
.footer .textBox p.copyright i{background-position:-10px -46px}
.footer .codeBox{padding-top:56px}
.footer .codeBox p{width:170px;height:170px}
.footer .codeBox p img{width:100%;height:100%}
.footer .codeBox h3{text-align:center;font-size:14px;color:#9399a8;padding-top:10px;}
.OnLine{width:50px;padding:0 10px;border:1px solid #e8e8e8;background:#fff;border-radius:0 0 5px 5px;position:fixed;right:0;top:50%;transform:translate(0,-50%);z-index:10000000;_position:absolute;_right:expression(eval(document.documentElement.scrollRight));_top:expression(eval(document.documentElement.scrollTop+100));_margin-top:0}
.OnLine .TopClose{height:38px;line-height:38px;width:54px;padding-left:38px;text-align:center;background-color:#fc4d55;font-size:16px;border-radius:5px 0 0 5px;color:#fff;cursor:pointer;position:absolute;right:0;top:-38px}
.OnLine .TopClose i{position:absolute;left:8px;top:4px;width:30px;height:30px;background-position:-50px -345px}
.OnLineCur{right:-72px}
.OnLineCur .TopClose{right:28px}
.OnLine ul li{width:50px;height:64px;padding:8px 0;text-align:center;border-bottom:1px solid #e8e8e8;position:relative}
.OnLine .TopClose i,.OnLine ul li i{background-image:url('../image/Index_Bg_old.png')}
.OnLine ul li i{height:40px;width:40px;display:block;margin:0 auto}
.OnLine ul li p{height:24px;line-height:24px}
.OnLine ul li.Tel i{background-position:0 -390px}
.OnLine ul li.QQ i{background-position:0 -430px}
.OnLine ul li.Server i{background-position:0 -470px}
.OnLine ul li.GoTop{border:none}
.OnLine ul li.GoTop i{background-position:0 -510px}
.OnLine ul li.WeCat i{background-position:0 -550px}
.OnLine ul li:hover{cursor:pointer}
.OnLine ul li .Con{position:absolute;width:240px;left:0;top:-1px;border:1px solid #e8e8e8;border-radius:5px 0 0 5px;border-right:none;background:#fff;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s;opacity:0;filter:alpha(opacity=0);word-wrap:break-word;display:none}
.OnLine ul li.Tel .Con{font-size:28px;font-weight:bold;color:#f24343;line-height:40px;padding:20px}
.OnLine ul li.QQ .Con{width:120px;padding:10px 0}
.OnLine ul li.QQ .Con p{line-height:32px;height:32px}
.OnLine ul li.QQ .Con p a{display:block;line-height:32px}
.OnLine ul li.QQ .Con p img{height:28px;margin:2px auto}
.OnLine ul li.WeCat .Con{width:120px;padding:10px;top:-30px}
.OnLine ul li.WeCat .Con img{width:120px;height:120px}
.OnLine ul li:hover{cursor:pointer}
.OnLine ul li:hover .Con{opacity:1;filter:alpha(opacity=100);display:block}
.OnLine ul li.Tel:hover .Con{display:block;left:-280px}
.OnLine ul li.Tel:hover i{background-position:-39px -390px}
.OnLine ul li.QQ:hover i{background-position:-39px -430px}
.OnLine ul li.QQ:hover .Con{display:block;left:-120px}
.OnLine ul li.Server:hover i{background-position:-39px -470px}
.OnLine ul li.GoTop:hover i{background-position:-39px -510px}
.OnLine ul li.WeCat:hover i{background-position:-40px -550px}
.OnLine ul li.WeCat:hover .Con{display:block;left:-150px}
.courseLine ul li p .btn u,.courseLine .close,.courseOff .courseLineOff i,.courseLine ul li .info span,.courseTop i,.courseLine ul li .name span,.courseLine ul li .course .teacher i{background:url("../image/Pub_Grid.png") no-repeat}
.courseLine{width:246px;height:602px;box-shadow:0 0 10px rgba(0,0,0,.5);position:fixed;left:45px;top:116px;z-index:99999;border-radius:10px;background:#fff}
.courseTop{width:246px;height:58px;background:url("../image/bg_courseLineTop.png") no-repeat;text-align:center;font-size:20px;font-weight:bold;color:#fff;line-height:58px}
.courseTop i{display:inline;width:28px;height:28px;background-position:-43px -10px;background-position:-10px -10px;vertical-align:-6px;margin-right:10px}
.courseTop a{color:#fff}
.courseLine .contBox{width:100%;height:516px;background:#fff;border-radius:0 0 10px 10px;padding-top:10px;overflow:hidden;overflow-y:scroll}
.courseLine .contBox::-webkit-scrollbar{display:none}
.courseLine ul{width:228px;border-left:1px solid #d5d5d5;border-radius:0 0 6px 6px;margin-left:18px}
.courseLine ul li{width:195px;background:#fff;position:relative;padding-left:14px;margin-bottom:30px;margin-top:20px}
.courseLine ul li .info{position:relative;top:-6px}
.courseLine ul li .info i{display:inline-block;width:15px;height:15px;border-radius:15px;text-align:center;background:#ededed;position:absolute;left:-22px;top:5px}
.courseLine ul li .info b{display:inline-block;width:9px;height:9px;border-radius:9px;background:#d6d6d6;margin-top:3px}
.courseLine ul li .info span{display:inline-block;width:137px;height:25px;text-align:center;line-height:25px;font-size:16px;color:#333333;background-position:0 -44px}
.courseLine ul li .info em{display:inline-block;width:50px;height:25px;background:#a0b5ee;border-radius:25px;text-align:center;line-height:25px;font-size:14px;color:#fff;margin-left:6px}
.courseLine ul li .info em.free{width:48px;height:23px;border:1px solid #4067cc;background:#fff;color:#4067cc;line-height:23px}
.courseLine ul li .course{padding-top:4px}
.courseLine ul li .course .tit{font-size:16px;color:#000000}
.courseLine ul li .course .teacher{float:right;color:#333}
.courseLine ul li .course .teacher i{display:inline-block;width:15px;height:16px;background-position:-105px -10px;vertical-align:-3px;margin-right:4px}
.courseLine ul li .name{font-size:14px;color:#666666;line-height:1.6;padding-top:6px}
.courseLine ul li .btnBox{padding-top:8px}
.courseLine ul li .btnBox em{font-size:16px;color:#fff;display:inline-block;width:134px;height:30px;background:#4067cc;border-radius:30px;text-align:center;line-height:30px}
.courseLineOff{width:59px;height:186px;text-align:center;font-size:20px;color:#fff;background:url("../image/bg_courseLineOff.png") no-repeat;position:fixed;left:0;top:50%;margin-top:-33px;cursor:pointer;display:none}
.courseOff{left:-246px}
.courseOff .courseLineOff{display:block}
.courseOff .courseLineOff i{display:inline-block;width:24px;height:24px;background-position:-43px -10px;margin-top:36px}
.courseOff .courseLineOff span{display:inline-block;padding:0 18px}
.courseLine .close{cursor:pointer;position:absolute;top:10px;width:22px;height:21px;background-position:-71px -10px;right:10px;margin-left:-15px}
.yqOnline{width:135px;height:42px;display:block;cursor:pointer;background:url("../image/bg_yqLine.png") no-repeat;position:fixed;left:0;top:40%;z-index:99}
.layerYQVideo{position:fixed;right:100px;top:50%;margin-top:-230px;display:none;z-index:999999}
.layerYQVideo i{background:url("../image/closeBtn.png") no-repeat;cursor:pointer;width:24px;height:24px;display:block;position:absolute;right:-12px;top:-12px;z-index:1000000}
.layerYQCourse{width:700px;height:400px;background:url("../image/Bg_YiQingCourse.jpg") no-repeat;position:fixed;left:50%;top:50%;margin:-200px 0 0 -350px;z-index:999999;display:none}
.layerYQCourse i{background:url("../image/closeBtn.png") no-repeat;cursor:pointer;width:24px;height:24px;display:block;position:absolute;right:-12px;top:-12px}
.layerYQCourse a{width:200px;padding-right:38px;height:50px;line-height:50px;text-align:center;font-size:24px;color:#fff;display:block;margin:240px auto 0}
.layerYQCourse a:hover,.layerYQReceive a:hover{text-decoration:underline}
.layerYQReceive{width:400px;height:260px;background:url("../image/Bg_YiQingReceive.jpg") no-repeat;border-radius:8px;overflow:hidden;position:fixed;left:50%;top:50%;margin:-130px 0 0 -200px;z-index:999999;display:none}
.layerYQReceive i{width:26px;height:26px;cursor:pointer;display:block;position:absolute;right:10px;top:10px}
.layerYQReceive a{font-size:16px;color:#fff;height:40px;line-height:40px;display:block;width:160px;padding-right:20px;text-align:center;font-weight:bold;margin:210px auto 0}
.Adv{overflow:hidden}
.Adv img{width:1920px;position:relative;left:50%;margin-left:-960px}
.layerAdv{position:relative;padding-bottom:60px}
.layerAdv img{display:block}
.layerAdv i{background:url("../image/ico_close1.png") no-repeat center center #dc360e;width:43px;height:43px;border-radius:50%;cursor:pointer;position:absolute;bottom:0;left:50%;margin-left:-21px}
.HeaderUser{height:34px;padding:8px 0;position:relative}
.HeaderUser img{width:36px;height:32px;margin:0;border-radius:50%}
.HeaderUser .Name{width:112px;font-size:14px;text-align:right;padding-right:16px;height:34px;line-height:34px;position:relative;cursor:pointer}
.HeaderUser .Name .Arrow{width:7px;height:4px;background-position:0 0;position:absolute;top:16px;right:4px;display:block}
.HeaderUser .Name:hover .Arrow,.HeaderUser .Name.cur .Arrow{background-position:-15px 0}
.HeaderUser .Name:hover .UserList,.HeaderUser .Name.cur .UserList{display:block;_display:inline}
.HeaderUser .UserList{width:160px;background:#fff;position:absolute;right:0px;top:35px;z-index:100;display:none;border-radius:0 0 5px 5px;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.HeaderUser .UserList .List{width:140px;margin:8px 10px 0}
.HeaderUser .UserList .List a{height:35px;line-height:35px;font-size:13px;position:relative;width:110px;padding-left:30px;display:block;text-align:left;overflow:hidden}
.HeaderUser .UserList .List a i{width:20px;height:20px;top:7px;left:2px;position:absolute}
.HeaderUser .UserList .List a i.i1{background-position:0 -10px}
.HeaderUser .UserList .List a i.i2{background-position:0 -28px}
.HeaderUser .UserList .List a i.i3{background-position:0 -48px}
.HeaderUser .UserList .List a i.i4{background-position:0 -69px}
.HeaderUser .UserList .List a i.i5{background-position:0 -89px}
.HeaderUser .UserList .List a i.i6{background-position:0 -109px}
.HeaderUser .UserList .List a span{color:#ff0000;margin-left:5px}
.HeaderUser .UserList .List a:hover{color:#ff0000}
.HeaderUser .UserList .List a:hover i.i1{background-position:-20px -10px}
.HeaderUser .UserList .List a:hover i.i2{background-position:-20px -28px}
.HeaderUser .UserList .List a:hover i.i3{background-position:-20px -48px}
.HeaderUser .UserList .List a:hover i.i4{background-position:-20px -69px}
.HeaderUser .UserList .List a:hover i.i5{background-position:-20px -89px}
.HeaderUser .UserList .List a:hover i.i6{background-position:-20px -109px}
.HeaderUser i{background:url('https://img.chaosw.com/static/csw1.3/Index_Bg.png') no-repeat}
.guideBox{padding-top:10px;width:100%;background:url('../image/guideBg.png') no-repeat center top;background-position:50% 18px}
.guideBox .subNav{display:flex;justify-content:center;padding-top:20px}
.guideBox .subNav li{cursor:pointer;float:left;margin-right:12px;padding:0 15px;border-radius:5px;height:28px;line-height:28px;text-align:center;font-size:16px;color:#666666}
.guideBox .subNav li i{display:inline-block;width:5px;height:5px;border-radius:5px;background-color:#bfc7ce;margin-left:10px;vertical-align:4px}
.guideBox .subNav li.cur{background-color:#eeeeee;color:#333}
.guideBox .subNav li.cur i{background-color:#333}
.guideBox .moreBtn{text-align:center;margin-top:26px}
.guideBox .moreBtn a{display:inline-block;height:46px;padding:0 30px;border-radius:6px;border:1px solid #dfdfdf;line-height:46px;font-size:16px;color:#666666}
.guideBox .process{padding-top:64px}
.guideBox .process li{float:left;width:115px;height:115px;position:relative;margin-right:65px}
.guideBox .process li .item{text-align:center;width:115px;height:115px;border-radius:50%;background-image:-moz-linear-gradient( 0deg,rgb(255,130,86) 0%,rgb(252,94,85) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(255,130,86) 0%,rgb(252,94,85) 100%);background-image:-ms-linear-gradient( 0deg,rgb(255,130,86) 0%,rgb(252,94,85) 100%)}
.guideBox .process li .item h3{padding-top:30px;font-size:18px;color:#fff;font-weight:bold}
.guideBox .process li .item p{font-size:16px;color:#fff;margin-top:2px}
.guideBox .process li i{display:inline-block;width:45px;height:21px;background:url('../image/icon_arrow_red.png') no-repeat;position:absolute;top:50%;margin-top:-11px;right:-55px}
.guideBox .process li:last-child{margin-right:0}
.guideBox .process li:last-child i{display:none}
.guideBox .infoBox{margin-top:70px}
.guideBox .infoBox dl{width:587px;height:42px;margin-bottom:20px;margin-right:24px;background:#eaeaea;border-radius:42px;float:left}
.guideBox .infoBox dl:nth-child(2n){margin-right:0}
.guideBox .infoBox dl dt{display:block;float:left;width:120px;line-height:42px;background-color:#fe7456;border-radius:42px;text-align:center;font-size:16px;color:#fff;font-weight:bold}
.guideBox .infoBox dl dd{display:block;float:left;margin-top:11px;padding:0 15px;border-right:1px solid #cbcbcb;font-size:14px;color:#333333}
.guideBox .infoBox dl dd:last-child{border:0}
.newBook .newCont li a em{display:inline-block;width:48px;line-height:20px;text-align:center;background-color:#ff0000;text-align:center;font-size:12px;color:#fff;border-radius:20px;margin-right:8px;vertical-align:1px}
.newBook .moreBtn{text-align:center;margin-top:26px}
.newBook .moreBtn a{display:inline-block;height:46px;padding:0 30px;border-radius:6px;border:1px solid #dfdfdf;line-height:46px;font-size:16px;color:#666666}
.newIcon_hot{overflow:inherit !important}
.newIcon_hot span{position:relative;overflow:inherit !important}
.newIcon_hot span::after{content:'';width:14px;height:19px;background:url('../image/icon_hot_pc_3.png') no-repeat;position:absolute;right:-18px;top:0px}
.classNavCont li .listBox p{height:20px !important}
.classNavCont li .listBox p a{margin-right:26px}
.courseBox .contBox li .priceBox span.btn{display:block;width:107px;height:34px;border:2px solid #ea554f;text-align:center;line-height:34px;border-radius:34px;float:right;font-size:15px;color:#ea554f}
.courseBox .contBox li .priceBox span.btn i{display:inline-block;width:4px;height:8px;background-position:-143px -46px;vertical-align:1px}
.courseBox .contBox li .priceBox span.btn i:last-child{background-position:-149px -46px}
.courseBox .contBox li .priceBox span.btn em{margin:0 5px;font-size:15px}