@charset "utf-8";
/*html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}*/
/* CSS Document */
* html,* html body{background-image:url(about:blank);background-attachment:fixed} /* 修正IE6振动bug */
body{min-width:1200px; font-size:14px; color:#333;background: #f1f5f9}
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}
.main{ width:1200px; margin:0 auto ;}
.tabCon{display: none; }
.Hidebox{display:none}.Showbox{display:block}
.oh{overflow: hidden;}
.mb5{margin-bottom: 5px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
.mb25{margin-bottom: 25px}
.mb30{margin-bottom: 30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom: 40px}
.mb45{margin-bottom:45px}
.mb50{margin-bottom: 50px}
.mb60{margin-bottom: 60px}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml45{margin-left:45px}
.mr10{margin-right: 10px}
.mr15{margin-right: 15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr35{margin-right:35px}
.mr40{margin-right:40px}
.mr45{margin-right:45px}
.mtb10{margin: 10px 0}
.mtb15{margin: 15px 0}
.mtb20{margin: 20px 0}
.mtb30{margin: 30px 0}
.mtb40{margin: 40px 0}
.mtb60{margin: 60px 0}
.pdt10{padding-top: 10px}
.pdb10{padding-bottom: 10px}
.pd10{padding: 10px}
.pdtb10{padding: 10px 0}
.pdlr10{padding:0 10px}
.pdnt10{padding:0 10px 10px}
.pd15{padding: 15px}
.pdtb15{padding: 15px 0}
.pdlr15{padding:0 15px}
.pdnt15{padding:0 15px 15px}
.pdt15{padding-top: 15px}
.pdb15{padding-bottom: 15px}
.pd20{padding: 20px}
.pdt20{padding-top: 20px}
.pdtb20{padding: 20px 0}
.pdlr20{padding:0 20px}
.pdnt20{padding:0 20px 20px}
.pd30{padding: 30px}
.pdtb30{padding: 30px 0}
.pdlr30{padding:0 30px}
.pdnt30{padding:0 30px 30px}
.H10{height: 10px;}
.H15{height: 15px;}
.H20{height: 20px;}
.H25{height: 25px;}
.H30{height: 30px;}
.br{border: 1px solid #e8e8e8}
.brl{border-left: 1px solid #e8e8e8}
.brt{border-top: 1px solid #e8e8e8}
.brr{border-right: 1px solid #e8e8e8}
.brb{border-bottom: 1px solid #e8e8e8}
.brtno{border-top:none;}
.BgCyan{background: #e8effc}
.BgGray{background: #f5f5f5}
.BgRed{background: #f24343}
.BgOrange{background:#f5a027}
.BgBlue{background: #5983fb}
.BgPink{background: #ff9797}
.BgGreen{background: #69d271}
.BgIndigo{background: #0b6dc8}
.BgWhite{background: #fff}
.Boxs{box-shadow: 0px 0px 5px #e8e8e8;}
.BoxD{box-shadow: 0px 3px 5px rgba(0,0,0,0.1);}
.ColorGray{color: #999}
.ColorGreen{color: #07a224 !important}
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px);}

.W290{width: 290px}
.W890{width: 890px;}
/*none*/
.PublicImg{width: 100%; max-width: 100%}
.ZAuto{z-index: auto !important;}

.nobr{ border-right:0 !important}
.nobb{ border-bottom:0 !important}
.nopr{ padding-right:0 !important}
.nomt{ margin-top:0 !important}
.nomr{ margin-right:0 !important}
/*public botton*/
.NoBtn,.BlueBtn,.RedBtn,.OrangeBtn,.GrayBtn,.WhiteBtn,.PinkBtn,.GreenBtn,.GrayBrBtn{ text-align:center; color:#fff !important; cursor:pointer; font-size:16px; outline:none}
.NoBtn{background:#ebebeb; color:#333 !important; }
.BlueBtn{ background:#0b6dc8}
.RedBtn{ background:#f24343}
.OrangeBtn{ background:#f60}
.PinkBtn{background: #fff1f2;}
.WhiteBtn,.PinkBtn{color: #f24343 !important;border: 1px solid #f24343}
.GrayBtn{ background:#ebebeb; color: #333 !important}
.GrayBrBtn{background: #f3f3f3; border: 1px solid #ddd; color: #333 !important}
.GreenBtn{background: #16a448}
.BorBtn{border: 1px solid #f24343; color: #f24343 !important;text-align:center; cursor:pointer}
.BlueBtn:hover,.OrangeBtn:hover,.WhiteBtn:hover,.BorBtn:hover,.PinkBtn:hover,.GrayBrBtn:hover{ background:#f60 !important;color:#fff !important;border-color: #f60}
.RedBtn:hover,.GrayBtn:hover,.GreenBtn:hover{ background:#f60  !important;color:#fff !important;}
.BtnH40{height: 40px;line-height: 40px; box-sizing: border-box;border-radius: 20px;}
.BtnH30{height: 30px;line-height: 30px; box-sizing: border-box;border-radius: 15px;}
.WhiteBG{ background:#fff;}
a.red,.red{ color:#f00 !important}
a.blue,.blue{color: #005ea7 !important}
a.green,.green{color: #0cb972 !important}
a.red:hover,a.blue:hover,a.green:hover{ text-decoration:underline}

.more a:link,.more a:visited,.more a:active,.more a:hover{ float:left; padding:28px 2px 0 23px; font-size:14px}
.more a:link,.more a:visited,.more a:active{ color:#777}
.more a:hover{ color:#f40}

.tal {text-align:left}
.tac {text-align:center}
.tar {text-align:right}

.Top,.Nav{background: #fff}

.iptTxt{border: 1px solid #e8e8e8;background: #fff; border-radius: 5px;}

.TopArrow{border-color:transparent transparent #dddddd transparent; border-style:dashed dashed solid dashed; border-width:8px;}

.ArrowBox .ArTop,.ArrowBox .ArBtm,.ArrowBox u{width: 0;height: 0;font-size: 0; position: absolute;}
.ArrowBox .ArTop{border-color:transparent transparent #e8e8e8 transparent; border-style:dashed dashed solid dashed; border-width:10px;top: -20px; right: 10px;_display:none;}
.ArrowBox .ArTop u{border-color:transparent transparent #fff transparent; border-style:dashed dashed solid dashed; border-width:8px;top: -6px; right: -8px;}
.ArrowBox .ArBtm{border-color:#e8e8e8 transparent transparent transparent; border-style:solid dashed dashed dashed; border-width:10px;bottom: -20px; right: 10px;_display:none;}
.ArrowBox .ArBtm u{border-color: #fff transparent transparent transparent; border-style:solid dashed dashed dashed; border-width:8px;bottom: -6px; right: -8px;}

.noBg{background-color: transparent !important; box-shadow: none !important;}
/*PublicBg*/
.NoBox{background: url("bg_NoMain.jpg") no-repeat top center;padding-top: 120px;text-align: center; width: 100%;}
.NoBox p{line-height: 30px; color: #999;}

.NavBox li a.More,.SearchBox .InputBtn,.TopBoxR a.App,.Audition .prev, .Audition .next,.CourseSummary i, .CourseSummary em, .CoursePrice a,.ChaoSWPresent li i,.OnLine ul li i,.OnLine .TopClose i{background: url("Index_Bg.png") no-repeat}
/*table公用*/
.Table{ width:100%; text-align:center; background:#dfdfdf}
.Table tr{ background:#fff}
.Table th{ background:#f5f4f9;padding:5px 0; font-size:14px; color:#777}
.Table td{ padding:5px; font-size:14px;}
.Table p{height:30px; line-height:30px;}

a.PubMoreBtn{ width:158px; height:46px; line-height:46px; border:#dfdfdf solid 1px; border-radius:5px; background:#fff; margin:0 auto; color:#666 !important; text-align:center; display:block; font-size:16px}
a:hover.PubMoreBtn{ color:#ef2d36 !important; border-color:#ef2d36}

/*public title*/
.PubTitB{ padding:55px 0 40px; text-align:center}
.PubTitB h2{ font-size:32px; font-weight:300}

/*public title*/
.PubTitB{ padding:55px 0 40px; text-align:center}
.PubTitB h2{ font-size:32px; font-weight:300}

.TopBox{ background:#fff; border-bottom:#fff solid 1px; height:80px; position: fixed; width: 100%;top: 0; left: 0; z-index: 99999}
.TopH{height: 80px;}
.TopBox a.logo{ margin:0 30px 0 50px}
.TopBox a.logo img{ width:auto; height:78px}
.NavBox{ padding-left:10px}
.NavBox li{ position:relative; z-index:999;float: left;}
.NavBox li a{ padding:0 18px; height:80px; line-height:80px; float:left}
.NavBox li a.More{background-position: 50px -285px}
.NavBox li.active a{ background:#ef2d36; color:#fff !important}
.NavBox li.cur a{color:#ef2d36 !important}
.NavBox li.Navout .dropdown{ display:none}
.NavBox li .dropdown{position:absolute; z-index:999999999; left:0; top:81px; width:140px; float:left; background:#fff; border-radius:0 0 5px 5px; box-shadow:0 6px 12px rgba(0,0,0,.175); padding:5px 0}
.NavBox li .dropdown a{ height:28px; line-height:28px; color:#252525 !important; padding:0 0 0 18px; width:122px}
.NavBox li .dropdown a:hover{ background:#f0f0f0; color:#252525 !important}
.TopBoxR{ padding-right:50px}
.TopBoxR a{ margin-left:30px; height:80px; line-height:80px; float:right}
.TopBoxR a.App{padding-right: 30px; width: 60px; color: #ef2d36;font-weight: bold; background-position: -86px -300px}
.SearchBox{ height:30px; padding-top:25px; position:relative; z-index:1}
.SearchBox .InputBox{ width:140px; padding-left:15px; line-height:28px; height:28px; border:#dfdfdf solid 1px; background:#fff; border-radius:30px; outline:none}
.SearchBox .InputBox:focus{ width:180px; transition:all 0.3s}
.SearchBox .InputBtn{ width:40px; height:30px; background-position:7px 3px; position:absolute; right:0; top:25px; z-index:2; border:0; cursor:pointer}
/*焦点图*/
.flexslider{border: none;position:relative; z-index:1; width:100%; height:400px; margin:0 auto; overflow:hidden; background-image:url(loading.gif); background-position:center; background-repeat:no-repeat;border-top: 2px solid #f24343}
.slides{position:relative; z-index:1}
.slides li{height:400px; cursor:pointer}
.flex-control-nav{ z-index:3; position:relative; margin:370px 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;}

/*考试分类*/
.SubjectBox{ padding-bottom:50px}
.SubjectBox a{ width:161px; height:48px; line-height:48px; font-size:16px; background:#ef2d36; color:#fff !important; border-radius:5px; margin:5px 5px 10px; float:left; text-align:center}
.SubjectBox a:hover{ background:#d61c24; color:#ff0 !important}

/*免费试听*/
.AuditionBox{ padding-bottom:40px}
.Audition{position:relative;width:1120px; padding-left:40px}
.Audition .box{overflow:hidden;position:relative;width:1120px; margin:10px auto}
.Audition .list{overflow:hidden;width:9999px; padding-bottom:30px}
.Audition .list li{ width:265px; border-right:#fff solid 20px; text-align:center;float: left;}
.Audition .list li p{ position:relative; z-index:1}
.Audition .list li p i{ position:absolute; left:43%; top:35%; z-index:2; width:36px; height:36px; background-color:#000; opacity:0.5; border:#fff solid 2px; border-radius:50%; filter:Alpha(opacity=50); _display:none}
.Audition .list li p em{ height:0; width:0; overflow: hidden; font-size:0; line-height:0; border-color:transparent transparent transparent #fff; border-style:dotted dotted dotted solid; border-width:11px; margin-left:44%; margin-top:7px; float:left; _display:none}
.Audition .list li p img{ width:265px; height:149px}
.Audition .list li:hover{ transition:all 0.8s; transform:translate(0,-7px);-webkit-transform:translate(0,-7px); -moz-transform:translate(0,-7px);-o-transform:translate(0,-7px);-ms-transform:translate(0,-7px)}
.Audition .list li h2{ font-weight:300; font-size:14px; margin-top:10px}
.Audition .prev,.Audition .next{position:absolute;top:30%; width:40px;height:50px; font:0/0 Arial;cursor:pointer}
.Audition .prev{left:0;background-position:0 -43px}
.Audition .next{right:-40px;background-position:-33px -43px}
.Audition .prev:hover{background-position:0 -93px}
.Audition .next:hover{background-position:-33px -93px}

/*精品课程*/
.HomeCourse{ padding-bottom:50px}
.HomeCourseTab{ padding:20px 0}
.HomeCourseTab .on,.HomeCourseTab .off{ float:left; margin-right:20px; padding:0 25px; border-radius:5px; height:38px; line-height:38px; cursor:pointer}
.HomeCourseTab .on{ background:#ef2d36; color:#fff}
/*公用课程列表*/
.CoursePubList{ padding-bottom:20px}
.CoursePubList li{ width:263px; background:#fff; border:#d3e2ef solid 1px; border-radius:4px; margin-right:20px; margin-bottom:20px; margin-top:10px; padding:10px;float: left;}

.CoursePubList li:hover,.TeacherList li:hover,.TeacherSubCont .pic:hover{ transition:all 0.5s; transform:translate(0,-8px);-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px);-o-transform:translate(0,-8px);-ms-transform:translate(0,-8px); box-shadow:0 6px 12px rgba(0,0,0,.155); border-color:#e02a2a}
a.CourseIMG{ width:263px; height:148px; position:relative; z-index:2; overflow:hidden}
a.CourseIMG i{ position:absolute; left:43%; top:35%; z-index:3; width:36px; height:36px; overflow:hidden; background-color:#000; opacity:0.5; border:#fff solid 2px; border-radius:50%; _display:none}
a.CourseIMG em{ height:0; width:0; overflow:hidden; font-size:0; line-height:0; border-color:transparent transparent transparent #fff; border-style:dotted dotted dotted solid; border-width:11px; margin-left:44%; margin-top:7px; float:left; _display:none}
a.CourseIMG span{ position:absolute; bottom:0; z-index:3; background:#000; height:32px; line-height:32px; opacity:0.5; width:100%; display:block; filter:Alpha(opacity=50)}
a.CourseIMG h2{ position:absolute; bottom:0; z-index:4; height:32px; line-height:32px; width:100%; text-align:center; font-weight:300; font-size:14px; color:#ff0}
a.CourseIMG img{ width:263px; height:148px}
a:hover.CourseIMG h2{ color:#fff}
.CourseSummary{ padding:12px 0; font-size:12px; height:14px; line-height:14px; color:#666; width:100%; display:block}
.CourseSummary i{ background-position:-488px 1px; padding-left:16px;font-size: 12px; float:left}
.CourseSummary em{ background-position:-488px -41px; padding-left:16px;font-size: 12px; float:right}
.CoursePrice{ width:100%; padding-top:5px; height:31px; line-height:30px}
.CoursePrice b{ float:left; font-size:18px; color:#ef2d36}
.CoursePrice a{ width:63px; height:31px; font-size:0; background-position:-100px 0; border-radius:3px; float:right}
.CoursePrice a:hover{ background-position:-165px 0}
/*介绍*/
.ChaoSWPresent{ background:#fc3e3e; padding:60px 0 55px; margin-bottom:20px}
.ChaoSWPresent li{ width:33%; text-align:center;float: left;}
.ChaoSWPresent li i{ width:133px; height:133px; margin:0 auto; display:block}
.ChaoSWPresent li i.QAICO{ background-position:0 -151px}
.ChaoSWPresent li i.TKICO{ background-position:-150px -151px}
.ChaoSWPresent li i.APPICO{ background-position:-290px -151px}
.ChaoSWPresent li p{ font-size:18px; line-height:36px; color:#fff; padding-top:25px}
/*新闻动态*/
.HomeNewBox{ padding-bottom:60px}
.HomeNewLeft{ height:501px}
.HomeNewRight{ height:220px}
.HomeNewBorder{ width:542px; padding:17px; background:#fff; border:#d3e2ef solid 1px; border-radius:5px; margin:25px 10px 0; _margin:18px 5px 0}
.HomeNewBorder .tit{ border-bottom:#e8e8e8 solid 1px; padding-bottom:15px; height:18px; line-height:18px; overflow:hidden}
.HomeNewBorder .tit h2{ float:left; font-size:16px; font-weight:300; color:#444; text-indent:5px}
.HomeNewBorder .tit a{ float:right; font-size:40px; color:#999 !important; margin-top:-12px; padding-right:5px}
.HomeNewBorder .tit a:hover{ color:#ef2d36 !important}

.PubNewList{ width:100%; float:left}
.PubNewList li{ width:100%; height:35px; text-indent:10px; float:left; font-size:14px; line-height:35px; color:#999; overflow:hidden}
.PubNewList li a{padding-left:5px}
.PubNewList li i,.PubNewList li em{ float:right; padding:0 2px 0 18px; font-size:13px; font-family:"Arial"}
.PubNewList li i{ color:#e02a2a}
.PubNewList li em{ color:#bbb}
/*考试提醒*/
.TimeTit{ height:35px; line-height:35px; background:#f0f0f0}
.TimeTit p{ width:33%; float:left; color:#666666; text-align:center}
.scrollbox{ width:100%; margin: 0 auto; overflow: hidden}
.scrollDiv{width:100%;height:433px; overflow:hidden}/*这里的高度和超出隐藏是必须的*/
.scrollDiv li{ width:100%; overflow:hidden; vertical-align:bottom; zoom:1; text-align:center}
.scrollDiv li p{width:33%; height:44px; line-height:44px; overflow:hidden; color:#ef2d36; float:left}
.scrollDiv li p:first-child{ color:#666}

/*首页新闻*/
.HomeNewCont{ padding-top:15px}
.HomeNewCont img{ float:left; width:208px; height:168px; margin-top:3px}
.HomeNewCont .PubNewList{ width:325px !important; float:right}

/*教师模块*/
.HomeTeacherBox { padding-bottom:60px}
.HomeTeacherBox .TeacherList{ padding-bottom:25px; padding-top:0 !important}
.TeacherList{ padding:20px 0}
.TeacherList li{ width:258px; height:345px; padding:10px; border:#e8e8e8 solid 1px; border-radius:5px; text-align:center; background:#fff; margin:0 10px 20px; _margin:0 8px 20px; line-height:30px;float: left;}
.TeacherList li img{ width:258px; height:211px}
.TeacherList li h2{ font-size:16px; color:#ef2d36; font-weight:300; padding-top:8px}
.TeacherList li p{ color:#444;height: 30px;overflow: hidden;}
.TeacherList li a.btn{ width:168px; height:40px; line-height:40px; font-size:16px; color:#fff !important; margin:10px auto 0; background:#ef2d36; display:inline-block; border-radius:4px}
.TeacherList li a:hover.btn{ color:#ff0 !important; background:#f40}


/*课程广告*/
.CourseAdv{ height:429px}
.CourseAdv .CourseAdvGG{ padding-left:390px; text-align:center}
.CourseAdv .CourseAdvGG h2{ font-size:50px; padding-top:155px; color:#fff}
.CourseAdv .CourseAdvGG a.btn{ width:245px; height:52px; line-height:52px; border-radius:5px; font-size:20px; color:#fff !important; background:#ff4400; margin-top:55px; display:inline-block}
.CourseAdv .CourseAdvGG a:hover.btn{ background:#ff0; color:#ef2d36 !important}
/*link*/
.LinkBox{ padding:20px 0}
.LinkBox .LinkTit{ width:70px; line-height:30px; text-align:center;}
.LinkBox .LinkCont{ width:1125px}
.LinkBox .LinkCont a{ margin-left:25px; line-height:30px; white-space:nowrap;}

.Footer{text-align: center;padding: 20px; line-height: 30px; background: #fff; border-top: 1px solid #e8e8e8}
.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: -490px -5px}
.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 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: -440px -50px}
.OnLine ul li.QQ i{background-position: -440px -90px}
.OnLine ul li.Server i{background-position: -440px -130px}
.OnLine ul li.GoTop{border: none}
.OnLine ul li.GoTop i{background-position: -440px -170px}
.OnLine ul li.WeCat i{background-position: -440px -210px}
.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:-479px -50px }
.OnLine ul li.QQ:hover i{background-position:-479px -90px }
.OnLine ul li.QQ:hover .Con{display: block; left: -120px;}
.OnLine ul li.Server:hover i{background-position:-479px -130px }
.OnLine ul li.GoTop:hover i{background-position:-479px -170px }
.OnLine ul li.WeCat:hover i{background-position:-480px -210px }
.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("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("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;/* height: 500px; *//* overflow: hidden; *//* overflow-y: scroll; */}
.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("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("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("https://img.chaosw.com/static/cswSub1/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("https://img.chaosw.com/static/cswSub1/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("https://img.chaosw.com/static/cswSub1/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("https://img.chaosw.com/static/cswSub1/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("http://img.chaosw.com/images/ico_close.png") no-repeat center center #dc360e; width: 43px; height: 43px; border-radius: 50%; cursor: pointer; position: absolute; bottom: 0; left: 50%; margin-left: -21px;}
.layerAdv i{background: url("http://img.chaosw.com/images/ico_close.png") no-repeat center center #dc360e; width: 43px; height: 43px; border-radius: 50%; cursor: pointer; position: absolute; bottom: 0; left: 50%; margin-left: -21px;}