@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; height: 650px}
.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*/
.noBg{background-color: transparent !important; box-shadow: none !important;}
.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;}
 
/*PublicBg*/
.NoBox{background: url("/static/front/new_img/bg_NoMain.jpg") no-repeat top center;padding-top: 120px;text-align: center; width: 100%;}
.NoBox p{line-height: 30px; color: #999;}
 
.header .tel,.header .app,.imgTitA i,.bookList ul li .Oper .Car,.audition .prev,.audition .next,.appDown .app i,.indexTitle,.OnLine ul li i,.OnLine .TopClose i{background: url("/static/front/new_img/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;}
 
.header,.topBox,.top .search,.topBox .Fixed{background-color: #fff}
 

 

 
 
.indexTitle,.courseRecom,.indexInfor,.auditionBox{background-color: #fff;}
.indexTitle a.more:hover,.courseRecom .column,.courseRecom .course li .Btn:hover,.imgTitA a:hover,.bookList ul li .Oper .Car,.audition .list li .btn{background-color: #4877fe; color: #fff !important}
.bookList ul li .Oper .Car:hover,.audition .list li .btn:hover{background-color: #f60}
 
.indexTitle a.more:hover,.courseRecom .course li .Btn,.courseRecom .course li:hover,.imgTitA a:hover{border-color: #4877fe}
 
.courseRecom .column li:hover,.courseRecom .column li.cur,.courseRecom .course li .Price p,.courseRecom .course li .Btn,.bookList ul li .Oper{color: #4877fe !important}
.audition .list li h2{color: #fc4d55}
 
 
/*焦点图*/
.flexslider{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;}
.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;font-size: 0;}
.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;}
 
/*置顶课程*/
.topCourse{margin-top: 20px;width: 1200px;overflow: hidden;}
.topCourse .list{margin-left: -15px;}
.topCourse .list .li{width: 228px; margin:0 0 15px 15px;float: left;}
.topCourse .list .li img{width: 228px;}
 
/*Title*/
.indexTitle{margin-top: 20px;padding: 16px 16px 0 70px; height: 62px; overflow: hidden;}
.indexTitle .name{font-size: 38px; font-weight: bold;line-height: 62px;}
.indexTitle .category{height: 40px; line-height: 20px; width: 32px;font-size: 16px;margin: 11px 5px}
.indexTitle a.more{width: 88px; height: 28px;line-height: 28px;text-align: center;display: block;border-radius: 15px;margin-top: 16px;}
.indexTitleA{border-bottom: 1px solid #c9d7fe; background-position: 12px -1px;color: #4877fe}
.indexTitleA a.more{color: #4877fe}
.indexTitleA a.more{border: 1px solid #4877fe}
.indexTitleB{border-bottom: 1px solid #a9f5e6; background-position: 12px -101px;color: #00cea6}
.indexTitleB a.more{color: #00cea6}
.indexTitleB a.more{border: 1px solid #15d2ad}
.indexTitleC{border-bottom: 1px solid #fdc196; background-position: 12px -201px;color: #f97f26}
.indexTitleC a.more{color: #f97f26}
.indexTitleC a.more{border: 1px solid #f97f26}
.indexTitleD{border-bottom: 1px solid #ffa8ac; background-position: 12px -301px;color: #fc4d55}
.indexTitleD a.more{color: #fc4d55}
.indexTitleD a.more{border: 1px solid #fc4d55}
 
/*课程推荐*/
.courseRecom{overflow: hidden;}
.courseRecom .column{width: 222px;padding-left: 8px; min-height: 650px;} 
.courseRecom .column h2,.courseRecom .column li{padding: 10px 16px; line-height: 40px;}
.courseRecom .column h2{font-size: 18px; color: #021a61;}
.courseRecom .column li{font-size: 16px; color: #fff;cursor: pointer;}
.courseRecom .column li:hover,.courseRecom .column li.cur{background-color: #fff;}
.courseRecom .course{width: 945px;padding: 25px 2px 0 0}
.courseRecom .course li{ border: 1px solid #dfdfdf;float: left; margin:0 25px 20px 0;padding: 6px 7px 12px 7px; width: 274px; _display: inline}
.courseRecom .course li img{width: 274px; height: 190px;}
.courseRecom .course li h2{height: 48px; line-height: 48px; font-size: 16px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  text-align: center;}
.courseRecom .course li .Type{height: 32px; line-height: 32px; padding-left: 8px; font-size: 12px; color: #666}
.courseRecom .course li .Price{ height: 34px; margin-top: 10px}
.courseRecom .course li .Price p{line-height: 34px; font-size: 24px; font-weight: bold;}
.courseRecom .course li .Btn{height: 32px;line-height: 32px; width: 102px; border-width: 1px;border-style:  solid; border-radius: 5px; font-size: 16px;  float: right; text-align: center;}
.courseRecom .course li:hover,.bookList li:hover,.audition .list li:hover{cursor: pointer; transition:all 0.5s; transform:translate(0,-4px);-webkit-transform:translate(0,-4px); -moz-transform:translate(0,-4px);-o-transform:translate(0,-4px);-ms-transform:translate(0,-4px); box-shadow:0 2px 5px rgba(0,0,0,0.22); }
 
 
.imgTitA{background: url("/static/front/new_img/bg_imgTitA.jpg") no-repeat center center;height: 70px;padding: 50px 0;margin-top: 20px;}
.imgTitA p{font-size: 48px; color: #fff;line-height: 70px; font-weight: bold; margin:0 80px; }
.imgTitA a{ height: 48px; line-height: 48px; font-size: 20px; color: #fff; border: 1px solid #fff;border-radius: 25px; padding: 0 28px 0 80px; position: relative; margin: 10px}
.imgTitA a i{position: absolute;width: 32px; height: 32px; left: 36px; top: 9px;background-position: -120px -420px}
/*资讯新闻*/
.indexInfor{padding: 30px 30px 35px 25px;overflow: hidden;}
.indexInfor .img{width: 230px}
.indexInfor .list{width: 880px;}
.indexInfor .list li{height: 26px;line-height: 26px;width: 780px;padding:10px 100px 10px 0; font-size: 16px; position: relative;}
.indexInfor .list li span{position: absolute;line-height: 26px; right: 0; top: 10px;color: #999999}
 
/*图书商城*/
.bookList{margin-top: 20px;}
.bookList ul{margin-left: -13px;}
.bookList ul li{width: 268px; height: 352px; background: #fff; border: 1px solid #e8e8e8; border-radius: 5px; padding:12px 10px;float: left; margin:0 0 13px 13px;  _display: inline}
.bookList ul li img{width: 260px; height: 260px;}
.bookList ul li .Tit{height: 48px; line-height: 24px; font-size: 16px; overflow: hidden;}
.bookList ul li .Oper{margin-top: 14px; height: 32px; font-size: 20px;font-weight: bold; padding-right:70px; position: relative; line-height: 32px;}
.bookList ul li .Oper s{font-size: 14px; color: #999; font-weight: normal; margin-left: 5px}
.bookList ul li .Oper .Car{width: 64px; text-indent: 16px; text-align: center; font-size: 14px; font-weight: normal; height: 32px; right: 0; top: 0; position: absolute; border-radius: 3px; background-position: -115px -652px;}
.bookList ul li .Oper .Car a{color: #fff}
 
.auditionBox{padding-top: 15px;}
.audition{position:relative;width: 1148px;padding: 0 26px;}
.audition .box{overflow:hidden;position:relative;width:1148px; margin:0 auto}
.audition .list{overflow:hidden;width:999999px; padding:10px 0 30px}
.audition .list li{ width:198px; padding:10px; border: 1px solid #e8e8e8; margin-right:12px; text-align:center;float: left;}
.audition .list li img{ width:198px;}
.audition .list li h2{  height: 30px; line-height: 30px; margin-top:10px}
.audition .list li p{height: 30px; line-height: 30px; overflow: hidden;}
.audition .list li .btn{width: 168px; height: 40px; line-height: 40px; font-size: 16px; display: block; border-radius: 3px; margin: 18px auto 10px}
.audition .prev,.audition .next{background-color: rgba(0,0,0,0.35); position:absolute; top:50%; width:26px;height:110px; margin-top: -110px; font:0/0 Arial;cursor:pointer}
.audition .prev{left:0;background-position:-115px -481px}
.audition .next{right:0;background-position:-140px -481px}
.audition .prev:hover{background-position:-115px -547px}
.audition .next:hover{background-position:-140px -547px}
 
.appDown{background: url("/static/front/new_img/bg_appDown.jpg") no-repeat center center;height: 350px; overflow: hidden; margin-top: 20px;}
.appDown .title{margin-top: 80px; line-height: 60px; height: 120px;}
.appDown .title p{font-size: 30px; color: #fff}
.appDown .title p em{font-size: 36px;font-weight: bold;}
.appDown .app{width: 548px;margin: 48px auto 0}
.appDown .app a{width: 240px;  height: 48px; line-height: 48px; text-align: center;font-size: 18px; color: #fff; border-radius: 24px; position: relative; }
.appDown .app a i{width: 34px; height: 34px; position: absolute; left: 40px; top: 7px}
.appDown .app a.ios{background-color: #252525}
.appDown .app a.ios i{background-position: -180px -580px}
.appDown .app a.android{background-color: #6ac335}
.appDown .app a.android i{background-position: -180px -620px}
.appDown .app a img{position: absolute; bottom: 48px; left:-18px; display: none; }
.appDown .app a:hover img{display: block;}
 
 
 
.Btm{background-color: #2e2e2e;padding: 15px 0}
.Btm .tit{line-height: 30px; color: #666666}
.Btm a:hover{text-decoration: underline}
.linkList{line-height: 30px;}
.linkList a,.btmNav .list a{color: #bfbfbf;margin-left: 24px;}
.btm{border-top: 1px solid #393939;margin-top: 10px; padding-top: 18px;}
.btmNav{width: 265px; border-right: 1px solid #393939}
.btmNav .list{margin-top: 10px;}
.btmNav .list a{width: 90px; line-height: 30px; overflow: hidden;float: left;}
.btmContact{width: 934px;border-left: 1px solid #393939;margin-left: -1px;}
.btmContact .info{width: 700px;margin-left: 48px;}
.btmContact .info .txt{line-height: 28px; color: #bfbfbf;margin-top: 10px;}
.btmContact .info .txt a{color: #bfbfbf;}
.btmContact .ewm{width: 120px; height: 120px; margin: 6px 26px;}
 
.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 -415px}
.OnLineCur{right: -72px;}
.OnLineCur .TopClose{right: 28px;}
.OnLine ul li{width: 50px; height: 36px; 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: 0 -460px}
.OnLine ul li.QQ i{background-position: 0 -500px}
.OnLine ul li.Server i{background-position: 0 -540px}
.OnLine ul li.GoTop{border: none}
.OnLine ul li.GoTop i{background-position:0 -580px}
.OnLine ul li.WeCat i{background-position:0 -620px}
.OnLine ul li:hover{cursor: pointer;}
.OnLine ul li .Con{ position: absolute; width: 145px;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:20px; font-weight: bold; color: #f24343; line-height: 13px; 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: -183px;}
.OnLine ul li.Tel:hover i{background-position:-39px -460px }
.OnLine ul li.QQ:hover i{background-position:-39px -500px }
.OnLine ul li.QQ:hover .Con{display: block; left: -120px;}
.OnLine ul li.Server:hover i{background-position:-39px -540px }
.OnLine ul li.GoTop:hover i{background-position:-39px -580px }
.OnLine ul li.WeCat:hover i{background-position:-40px -620px }
.OnLine ul li.WeCat:hover .Con{display: block; left: -150px;}
 
.courseLine ul li p,.courseLine ul li i,.courseLine ul li p .btn u,.courseLine .close{background: url("/static/front/new_img/Pub_Grid.png") no-repeat;}
.courseLineBox{width: 243px; overflow: hidden;}
.courseLine{width: 243px;position: fixed;left: 10px;top: 116px;z-index: 99999;}
.courseTop{width: 210px; height: 78px;background: url("/static/front/new_img/bg_courseLineTop.png") no-repeat; text-align: center;font-size: 20px;color: #fff; line-height: 42px;padding: 45px 33px 0 0;}
.courseLine ul{width: 210px;margin: 0 15px 0 16px;border-radius: 0 0 6px 6px;background: #ed3f3f;padding-bottom: 11px;overflow: hidden;}
.courseLine ul li{width: 172px;height: 100px;padding: 14px 8px 0;background: #fff;border-radius: 4px;border: 2px solid #ffce43;margin: 16px auto 0;position: relative;}
.courseLine ul li h2{width: 76px;height: 20px;line-height: 20px;text-align: center;font-size: 14px;border:2px solid #ccc;border-radius: 12px;overflow: hidden;position: absolute;left: 50%;margin-left: -40px;top: -14px;}
.courseLine ul li .name{height: 40px;line-height: 20px;font-size: 14px;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.courseLine ul li p{height: 20px;line-height: 20px;margin-top: 5px;font-size: 12px;padding-left: 18px;overflow: hidden;position: relative;}
.courseLine ul li p.course{padding-right: 70px;font-size: 12px;color: #4151b9;background-position:-20px -57px;}
.courseLine ul li p .btn{width: 68px; height: 20px;color: #fff; font-size: 12px; background: #4151b9; text-align: center; overflow: hidden; border-radius: 10px;position: absolute; right: 0; top: 0;}
.courseLine ul li p .btn u{height: 20px;width: 8px;background-position: 0 -55px;display: inline-block;vertical-align: middle;}
.courseLine ul li p span{color: #999999;}
.courseLine ul li p.teacher{background-position:-20px -27px;}
.courseLine ul li i{width: 8px; height: 40px; position: absolute;top: -29px;background-position: 0 0;}
.courseLine ul li i.l{left: 3px;}
.courseLine ul li i.r{right: 3px;}
.courseLine ul li p.courselive{color: #fc4d55;background-position:-20px 3px;}
.courseLine ul li p.courselive .btn{background: #fc4d55;}
 
.courseLine .close{width: 29px;height: 29px;position: absolute;right: 7px;top: -20px;cursor: pointer;background-position: 0 -90px;}
 
.courseLine ul li.free h2{border-color: #ed3f3f; background: #fff; color: #ed3f3f;}
.courseLine ul li.pay h2{border-color: #ffce43;background: #ffac01;color: #fff;}
.courseLineOff{width: 84px;height: 42px;line-height: 42px; text-align:center;font-size:20px;color:#fff;padding:25px 36px 0 0; background: url("/static/front/new_img/bg_courseLineOff.png") no-repeat;position: absolute;right: -118px;top: 50%;margin-top: -33px;cursor: pointer; display: none;}
.courseOff{left: -300px;}
.courseOff .courseLineOff{display: block;}
 
.courseLine ul li.free h2{border-color: #ed3f3f; background: #fff; color: #ed3f3f;}
.courseLine ul li.pay h2{border-color: #ffce43;background: #ffac01;color: #fff;}
.courseLineOff{width: 84px;height: 42px;line-height: 42px; text-align:center;font-size:20px;color:#fff;padding:25px 36px 0 0; background: url("/static/front/new_img/bg_courseLineOff.png") no-repeat;position: absolute;right: -120px;top: 50%;margin-top: -33px;cursor: pointer; display: none;}
.courseOff{left: -240px;}
.courseOff .courseLineOff{display: block;}
 
.yqOnline{width: 135px; height: 42px; display: block; cursor: pointer; background: url("/static/front/new_img/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("/static/front/new_img/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("/static/front/new_img/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("/static/front/new_img/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("/static/front/new_img/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("/static/front/new_img/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;}

.flexslider img{
    width: 100%;
    height: 100%;
}