.f-show{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}
.f-win{border:1px solid #BABECB;background:#fff;color:#444;box-shadow:0 2px 5px #ccc}
.u-more{display:block;font-size:0;margin-top:4px}
.u-more span{display:inline-block;float:left;height:20px;line-height:20px;font-size:13px;color:#666}
.u-more span.icn{width:18px;margin-left:3px}
.u-more:hover span{color:#10ae58}
.u-more:hover .icn{background-position:-1px -1690px}
.u-slidepg{position:absolute;width:100%;text-align:center}
.u-slidepg ul{height:6px;position:relative}
.u-slidepg ul li{width:12px;height:6px;background:rgba(0,0,0,.3);margin-right:8px;float:left;text-indent:100px;overflow:hidden;cursor:pointer}
.u-slidepg ul li.js-selected{cursor:default;background:#00a650}
.f-fl{float:left}
.f-fr{float:right}
.f-pa{position:absolute}
.f-f0{/* font-family:Arial,"Hiragino Sans GB",\5fae\8f6f\96c5\9ed1,Helvetica,sans-serif; */}
.f-f1{font-family:Arial,"Hiragino Sans GB",SimSun,\5b8b\4f53,Georgia,serif}
.f-fs0{font-size:12px}
.f-fs1{font-size:14px}
.f-fs2{font-size:16px}
.f-hl{color:#ff6000}
.s-fc1{color:#444}
.s-fc2{color:#999}
.s-fc3{color:#39a030}
.s-fc4{color:#191919}
.s-fc5{color:#666}
.s-fc6{color:#ccc}
.s-fc7{color:#7E7E7E}
.s-fc8{color:#b2b2b2}
.s-fc9{color:#c33}
.s-fcorange{color:#ff6000}
.f-fc0{color:#000}
.f-fc3{color:#333}
.f-fc6{color:#666}
.f-fc9{color:#999}
.f-fcf{color:#fff}
.f-fcred{color:#D80000}
.f-fcgreen{color:#39a030}
.f-fcorange{color:#FF9000}
a.f-fcgreen{color:#39a030}
a.f-fcgreen:hover{text-decoration:underline}
a.f-fc0:hover,a.f-fc3:hover,a.f-fc6:hover,a.f-fc9:hover,a.f-fcf:hover,a:hover .f-fc0,a:hover .f-fc3,a:hover .f-fc6,a:hover .f-fc9,a:hover .f-fcf{color:#00aeef;text-decoration:none}
.f-icon{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fadeInOut{animation-name:fadeInOut;animation-duration:.4s;animation-timing-function:ease-in-out}
@keyframes fadeInOut{0%{opacity:0}
50%{opacity:0}
100%{opacity:1}
}
.x-hide,.x-hoverItem .x-child{-webkit-transition-property:opacity,-webkit-transform;-moz-transition-property:opacity,-webkit-transform;-ms-transition-property:opacity,-webkit-transform;-o-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-webkit-transition-duration:.15s;-moz-transition-duration:.15s;-ms-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transform:scale(.9);opacity:0;pointer-events:none;display:none\9;visibility:hidden}
.x-hoverItem:hover .x-child,.x-show{opacity:1;-webkit-transform:scale(1);pointer-events:all;display:block\9;visibility:visible}
.u-msgItem{border-top:1px dotted #dbdbdb}
.m-slide .lbevel,.m-slide .rbevel{/* background:url(/Public/images/bevel.png) no-repeat 9999px 9999px; */z-index:99999999999;}
.j-hover{-webkit-box-shadow:0 2px 2px rgba(0,0,0,.3);-moz-box-shadow:0 2px 2px rgba(0,0,0,.3);box-shadow:0 2px 2px rgba(0,0,0,.3)}
.j-hover .btn{background-position:77px -50px}
.j-hover .btn div{background-position:-40px -50px;color:#fff}
.u-indexnavcatebtn{position:absolute;top:-1px;left:-1px;width:225px;height:72px;background-color: #f1faff;overflow:hidden;color: #a28686;}
.u-indexnavcatebtn .cbtn{display:block}
.u-indexnavcatebtn .cbtn .ic{margin:19px 10px 0 20px;width:16px;height:14px;background-position:0 0}
.u-indexnavcatebtn .cbtn .qb{line-height:54px;font-size:20px;}
.u-indexnavcatedialog{left:-1px;top:71px;width:224px;height:444px}
.u-indexnavcatedialog a:hover{text-decoration:none}
.u-indexnavcatedialog .cateleft{z-index:2;top:0;left:0;width:225px;height:444px}
.u-indexnavcatedialog .cateleft .catebg{top:0;left:0;width:100%;height:100%;background-color: #0099CC;color: #fff;}
.u-indexnavcatedialog .cateleft .items{top:0;left:0;padding:10px 0;height:420px;width:100%;color: #fff;}
.u-indexnavcatedialog .cateleft .item{height:54px;padding:0 13px;position:relative}
.u-indexnavcatedialog .cateleft .item a:hover{color:#00aeef!important}
.u-indexnavcatedialog .cateleft .item .inn{position:relative;z-index:2;height:63px;padding:0 0 0 5px;border-bottom:1px solid #666;border-bottom:1px solid rgba(255,255,255,.2)}
.u-indexnavcatedialog .cateleft .item .inn .first{display:inline-block;color:#fff;font-size:14px;line-height:1;padding:20px 0 14px 0}
.u-indexnavcatedialog .cateleft .item .inn .second{color:#fff;font-size:12px;margin-right:9px;line-height:1}
.u-indexnavcatedialog .cateleft .item .curbg{display:none;position:absolute;z-index:1;top:-1px;left:0;width:225px;height:54px;border-top: 1px solid #006699;border-bottom: 1px solid #006699;background-color: #006699;color: #fff!important;}
.u-indexnavcatedialog .cateleft .item.cur .inn{border-bottom:none}
.u-indexnavcatedialog .cateleft .item.cur .inn .first{color:#fff}
.u-indexnavcatedialog .cateleft .item.cur .inn .second{color:#fff}
.u-indexnavcatedialog .cateleft .item.cur a:hover{
	text-decoration:underline;
	color:#fff!important;
}
.u-indexnavcatedialog .cateleft .item.cur .curbg{display:block}
.u-indexnavcatedialog .cateleft .item.last .inn{border-bottom:none}
.u-indexnavcatedialog .cateright{display:none;top:0;left:224px;width:734px;z-index:1;position:relative;height:437px;background-color: #006699;border: 1px solid #006699;}
.u-indexnavcatedialog .cateright.cur{display:block}
.u-indexnavcatedialog .cateright .close{top:20px;right:20px;width: 19px;height: 20px;background-position:-155px 0;z-index:10;color: #fff;border-radius: 30px;text-align: center;line-height: 20px;padding-left: 5px;}
.u-indexnavcatedialog .cateright .close:hover{
    color:#f00;
}
.u-indexnavcatedialog .cateright .rwrap{display:none;top:0;left:40px;right:0;bottom:0}
.u-indexnavcatedialog .cateright .rwrap.cur{display:block}
.u-indexnavcatedialog .cateright .rwrap .tit{display:inline-block;font-size:14px;color: #fff;line-height:1;padding:15px 0 15px 0;font-weight: bold;}
.u-indexnavcatedialog .cateright .rwrap .links-body{max-width:640px;line-height:18px;position:relative;}
.u-indexnavcatedialog .cateright .rwrap .links-body span{padding:0 10px;color: #4fa9d6;}
.u-indexnavcatedialog .cateright .rwrap .links-body a{line-height:25px;font-size:14px;color: #fff;}
.u-indexnavcatedialog .cateright .rwrap .links-body a:hover{
	text-decoration:underline;
}
.u-indexnavcatedialog .cateright .pic{right:0;bottom:0;max-width:480px;max-height:300px}
.u-indexnavcatedialog .cateright .tag-course{
    padding: 3px 10px!important;
    color: #666 !important;
    background: #f1faff;
    margin-right: 10px;
    font-size: 12px;
}
.u-indexnavcatedialog .cateright .tag-package{
    padding: 3px 10px!important;
    color: #fff !important;
    background: #4394c4;
    margin-right: 10px;
    font-size: 12px;
}
.u-indexnavcatedialog .cateright .btn-other{
    width: 44px;
    font-size: 12px;
    text-align: center;
    display: block;
    background: #4394c4;
    font-size: 12px;
    color: #555;
}
.u-indexnavcatedialog .cateright .btn-other:hover{
    color: #00aeff;
}
.u-navapptip{top:100%;left:-125px;padding:20px;background-color:#fff;height:140px;width:310px;border:1px solid #ddd;box-sizing:content-box}
.u-navapptip .arrr{top:-9px;left:50%;margin-left:-7px;width:14px;height:9px;background-position:-187px 0}
.u-navapptip .ewm{width:140px;height:140px;margin-right:20px}
.u-navapptip .rcon{width:150px}
.u-navapptip .rcon .txt{line-height:28px;font-size:17px;color:#666;margin-top:40px}
.u-navapptip .rcon .store{display:block;width:150px;height:44px;margin-top:10px}
.u-navapptip .rcon .store.apple{background-position:0 -28px}
.u-navapptip .rcon .store.android{background-position:0 -76px}
.u-navdropmenu{top:100%;left:-25px;width: 188px;padding:0;background:#fff;border:1px solid #ddd;}
.u-navdropmenu .arrr{top:-9px;left:50%;margin-left:-7px;width:14px;height:9px;background-position:-187px 0}
.u-navdropmenu .dropitem{text-align:center;line-height:55px;font-size:16px;color:#666;display:block}
.u-navdropmenu .dropitem span{margin:0 9px;display:block;border-bottom:1px solid #ddd}
.u-navdropmenu .dropitem:hover{background-color:#f8f8f8;color:#00aeef}
.u-navdropmenu .dropitem.last span{border-bottom:none}
.m-indextopwrap .jrbg{top:0;left:0;width:100%;height: 52px;text-align:center;overflow:hidden;}
.m-indextopwrap .jrbg img{height:100%}
.m-indextopnav{z-index:10;position:relative;height: 72px;}
.m-indextopnav .topnav{z-index:1;height:71px;background-color:#fff;border: 1px solid #f1faff;border-bottom:none;/* margin-top:30px */}
.m-indextopnav .topnav .mainnav{float:left;height:71px;padding-left:240px}
.m-indextopnav .topnav .mainnav .nitem{cursor:pointer;position:relative;float:left;color:#333;font-size:16px;line-height: 50px;padding:0 18px;}
.m-indextopnav .topnav .mainnav .nitem.selected,.m-indextopnav .topnav .mainnav .nitem:hover{color: #09a7ff;}
#m-slide-container{z-index:1;min-height: 456px;position:relative;/* top: -109px; *//* margin-bottom:-17px; */}
.m-slide{background-color:#ddd;width:100%;min-height:353px;height: 438px;overflow:hidden;}
.m-slide .bg_color li{width:100%;height:100%;position:absolute}
.m-slide .m-slide-wrap{height:440px;padding-top: 0;}
.m-slide .lbtn,.m-slide .rbtn{position:absolute;height:70px;width:40px;top:50%;margin-top:-35px;background:url(/Public/images/indexSlideArrow.png) no-repeat 0 0;z-index:100}
.m-slide .lbtn{left:244px;background-position:0 0}
.m-slide .lbtn:hover{background-position:0 -95px}
.m-slide .rbtn{left:920px;background-position:-66px 0}
.m-slide .rbtn:hover{background-position:-66px -95px}
.m-slide .slide{display:block;overflow:hidden;margin:0 auto;position:relative}
.m-slide .slide img{height:440px;width:960px}
.m-slide .u-slidepg{bottom:30px}
.m-slide .u-slidepg ul{vertical-align:bottom;height:16px}
.m-slide .u-slidepg ul li{position:relative;width:8px;height:16px;background:0 0}
.m-slide .u-slidepg ul li:after{background-color:rgba(255,255,255,.7);content:'.';text-indent:-99px;position:absolute;bottom:0;left:0;width:8px;height:8px}
.m-slide .u-slidepg ul li.js-selected{background:0 0}
.m-slide .u-slidepg ul li.js-selected:after{-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;transition:all .6s ease 0s;height:16px;background-color:#fff}
.m-slide .lbevel,.m-slide .rbevel{width:414px;height: 439px;}
.m-slide .lbevel{top:0;right:50%;margin-right:480px;background-position:0 0}
.m-slide .rbevel{top:0;left:50%;margin-left:480px;background-position:-414px 0}
.m-slide .sideNav{width:228px;height:348px;right:0;top: 32px;background:#fff;z-index:999;}
.m-slide .sideNav .sideimg{width:228px;height:150px}
.m-slide .sideNav .cnt{line-height:30px;font-size:14px;padding:10px 20px;min-height:115px}
.m-slide .sideNav .cnt a{display:block;line-height:30px;width:188px}
@media screen and (min-width:1210px){.m-slide .lbevel{margin-right:602.5px}
.m-slide .rbevel{margin-left:602.5px}
}
.m-micro{top: -18px;z-index:40;position:relative;}
.m-micro .m-micro-wrap{border-top:none;padding: 10px 0px;background-color:#F1FAFF;border: 1px solid #ddd;}
.m-micro .m-micro-wrap ul.center-block li .icon-box i {
    display: inline-block;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    color: #373d41;
    padding-right: 35px;
    padding-left: 20px;
}
.m-micro .m-micro-wrap ul.center-block li .icon-box span {
    display: inline-block;
    width: 44px;
    height: 51px;
    background: url(/Public/images/lightspot_icon.png) no-repeat;
    -webkit-transition: background-position 300ms;
    -moz-transition: background-position 300ms;
    -o-transition: background-position 300ms;
    transition: background-position 300ms;
}
 ul.center-block li .icon-box {
    border-right: 1px solid #e7e6e6;
    padding-left: 40px;
}
 ul.center-block li .icon-box2 {
    border-right: 0!important;
}
 ul.center-block  li .icon-box .span1 {
    background-position: 0 -52px!important;
  }
 ul.center-block  li .icon-box .span2 {
    background-position: -44px -52px!important;
  }
 ul.center-block  li .icon-box .span3 {
    background-position: -88px -52px!important;
  }
 ul.center-block  li .icon-box .span4 {
    background-position: -132px -52px!important;
  }
 ul.center-block li .icon-box .span5 {
    background-position: -176px -52px!important;
  }
 ul.center-block li .icon-box .span6 {
    background-position: -220px -52px!important;
  }
 ul.center-block li:hover i {
    color: #00aeff!important;
  }
 ul.center-block li:hover .span1 {
    background-position: 0 -1px!important;
  }
 ul.center-block li:hover .span2 {
    background-position: -44px 0px!important;
  }
 ul.center-block li:hover .span3 {
    background-position: -88px -1px!important;
  }
 ul.center-block li:hover .span4 {
    background-position: -132px -1px!important;
  }
 ul.center-block li:hover .span5 {
    background-position: -176px -1px!important;
  }
 ul.center-block li:hover .span6 {
    background-position: -220px -1px!important;
  }
.course_choiceness{top: 0;}
.course_choiceness .cc-head h2{font-size:26px;color:#D9464C;margin-bottom:10px;float: left;}
.course_choiceness .cc-tab{float: left;margin-top: 12px;font-size: 16px;margin-left: 32px;}
.course_choiceness .cc-tab a{padding:10px 10px;padding-bottom:10px;color: #333;}
.course_choiceness .cc-tab a.cur{border-bottom: 3px solid #d9464c;color: #d9464c;margin-bottom: 4px;}
.course_choiceness .cc-body{border-top:2px solid #D9464C;border-left:1px solid #E6E6E6;display:inline-block;margin-top: 0px;}
.course_choiceness .cc-body li{width:300px;height:305px;border:1px solid #e6e6e6;border-width:0 1px 1px 0;float:left;display:inline-block}
.course_choiceness .cc-body li:hover{border-bottom:1px solid #00AEEF}
.course_choiceness .cc-body .cc-type{background:#BE1A21;color:#fff;padding:2px 5px;margin-right:5px;border-radius:5px}
.course_choiceness .cc-body .coupon{background:#07AC1A;color:#fff;padding:2px 5px;margin-left:5px;border-radius:5px}
.course_choiceness .cc-body .course-cover img{width:240px;height:180px;margin-top:10px}
.course_choiceness .cc-body .course-cover img{-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;border-color:#dfdfdf;box-shadow:0 0 4px 2px rgba(0,0,0,.15);z-index:2}
.course_choiceness .cc-body li:hover .course-cover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
.course_choiceness .course-info1{line-height:28px;margin:0 30px}
.course_choiceness .course-info2{line-height:22px;margin:0 30px;height:20px}
.course_choiceness .course-hideinfo{position:absolute;margin-top:-250px;background:rgba(255,255,255,.85);width:264px;height:120px;padding:0 15px;z-index:2;display:none;overflow:hidden}
.course_choiceness .course-hideinfo a.audition{border:none;color:#fff;font-size:18px;height:58px;margin-right:5px;float:left;width:200px;background:#00AEEF;text-align:center;line-height:59px;margin-left:33px;margin-top:15px}
.course_choiceness .course-hideinfo a.school{display:inline-block;text-align:center;margin:15px 0;width:197px;border:1px solid #00AEEF;margin-left:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.course_choiceness .discount{text-decoration:line-through;color:#999;margin-left:10px;font-size:12px;flaot:right;margin-right:10px;line-height:30px}
.course_choiceness .keshi{float:right}
.course_choiceness p{margin:10px 30px}
.course_choiceness .course-name{width:240px;height:18px;line-height:18px;font-weight:700;margin:0 30px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.orange{color:#212432;font-family:Arial;padding:0 2px;font-size:14px}
.bold{font-weight:700}
.per_num{margin-right:0;font-size:12px;float:right;background:url(/Public/images/l_touxiang.png) no-repeat scroll 0 0;padding:0 0 0 18px;line-height:18px}
.discount{text-decoration:line-through;color:#999;margin-left:10px;font-size:12px;flaot:right;margin-right:10px;line-height:30px}
.web_focus{width: 610px;position:relative;float:left;margin-top:20px;margin-right: 20px;}
.web_focus .wf-head{margin-bottom:10px;margin-right:20px;height: 30px;}
.web_focus .wf-body{border-right:1px solid #e6e6e6;height: 320px;margin-right: 0px;}
.web_focus h2{font-size:24px;color: #333;width:150px;/* border-bottom: 1px solid #333; */padding-bottom:10px;margin-bottom:-1px;/* font-weight:700; */float: left;}
.web_focus .wf-head a{
	float:right;
	height: 34px;
	padding-top: 10px;
}
.web_focus .wf-body li{clear:both;font-size:15px;line-height:32px;width:580px}
.web_focus .wf-body li a{display:inline-block;width:440px;float:left;height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #666;}
.web_focus .wf-body li a:hover{text-decoration:none}
.ab-date,.web_focus .wf-body .wf-date{float:right;color:#978787}
.web_focus .wf-body .newsNum-bg{color:#fff;font-size:14px;height:20px;margin-right:10px;width:20px;display:inline-block;text-align:center;line-height:20px;margin-top:6px}
.newsNum-3,.web_focus .wf-body .newsNum-2{background:#EE3131;float:left}
.newsNum-10,.newsNum-5,.newsNum-6,.newsNum-7,.newsNum-8,.newsNum-9,.web_focus .wf-body .newsNum-4{background:#BEBEBE;float:left}
.web_focus dl{height:120px;margin-bottom:10px;margin-right:20px}
.web_focus dl:hover{border-color:#dfdfdf;box-shadow:0 0 4px 2px rgba(0,0,0,.15);z-index:2}
.web_focus dt{float:left}
.web_focus dd{float:left;width:360px;height:88px;padding-left:24px;padding-top:6px}
.web_focus dd a{font-size:18px;color:#D82121;font-weight:700;max-height:48px;display:block;overflow:hidden}
.web_focus dd p{font-size:14px;text-indent:2em;height:60px;overflow:hidden;margin-top:6px}
.art_box{float:left;margin-top:20px}
.art_box .ab-head{margin-bottom:10px;height: 30px;}
.art_box .ab-head a{float:right;height: 34px;padding-top: 10px;}

.art_box h2{font-size:24px;color: #333;width:175px;/* border-bottom: 1px solid #333; */padding-bottom:10px;margin-bottom:-1px;/* font-weight:700; */float: left;}
.art_box dl{height:120px;margin-bottom:10px}
.art_box dl:hover{border-color:#dfdfdf;box-shadow:0 0 4px 2px rgba(0,0,0,.15);z-index:2}
.art_box dt{float:left}
.art_box dd{float:left;width:360px;padding-left:24px;padding-top:6px}
.art_box dd a{font-size:18px;color:#00AEEF;font-weight:700;max-height:48px;display:block;overflow:hidden}
.art_box dd p{font-size:14px;text-indent:2em;height:60px;overflow:hidden;margin-top:6px}
.art_box .ab-body li{font-size:15px;line-height:32px;width: 560px;clear:both;}
.art_box .ab-body .bt-date{float:right;color:#978787}
.art_box .ab-body li a{display:inline-block;width: 465px;float:left;height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #666;}
.art_box .ab-body li a:hover{text-decoration:none}
.art_box .ab-body .artNum-bg{color:#fff;font-size:14px;height:20px;margin-right:10px;width:20px;display:inline-block;text-align:center;line-height:20px;float:left;margin-top:6px}
.artNum-3,.art_box .ab-body .artNum-2{background:#00AEEF;float:left}
.artNum-10,.artNum-5,.artNum-6,.artNum-7,.artNum-8,.artNum-9,.art_box .ab-body .artNum-4{background:#BEBEBE;float:left}

.book_box{margin-top:35px;float:left;border-top:1px solid #e6e6e6;padding-top:15px}
.book_box h2{font-size:24px;margin-bottom:16px;color:#F5950E}
.book_box .bb-body{width:776px;height:350px;border:1px solid #F5958E}
.book_box dl{float:left}
.book_box ul{width:450px;height:320px;background:#fff;float:left;margin-left:-26px;padding:15px 0}
.book_box li{width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.book_box a{line-height:32px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-2,.bn-3,.book_box .bn-1{line-height:18px;width:20px;height:18px;background:#FE9728;display:inline-block;text-align:center;color:#fff;margin-right:10px;font-size:14px}
.bn-10,.bn-5,.bn-6,.bn-7,.bn-8,.bn-9,.book_box .bn-4{line-height:18px;width:20px;height:18px;background:#BEBEBE;display:inline-block;text-align:center;color:#fff;margin-right:10px}
.tag_box{width:390px;float:left;margin-top:35px;margin-left:30px;border-top:1px solid #e6e6e6;padding-top:15px}
.tag_box h2{font-size:24px;margin-bottom:10px;color:#00AEEF}
.tag_box .tb-body li{float:left}
.tag_box .tb-body a{display:block;background:#4C9BE5;color:#fff;padding:5px 10px;margin:5px 5px}
.tag_box .tb-body a:hover{background:#00aeef}
.hot_school .hs-head{width: 150px;display: inline-block;float: left;}
.hot_school .hs-head h2{width:140px;font-size:24px;color: #06a9ff;line-height:50px;padding:0 15px;font-weight: bold;}
.hot_school .right-element{float:right;margin-top:-31px}
.hot_school .right-element a{margin-right:15px;color: #e09600;}
.hot_school .hs-body{height:150px}
.hot_school{width:100%;height: 110px;margin:0 auto;margin-top:11px;}
.hot_school .tmsg-box{width: 150px;height: 65px;border: 1px solid #ffffff;float:left;margin-left:24px;margin-left:22px\9;margin-bottom:10px;background:#fff;}
.hot_school .tmsg-box:hover{border:1px solid #05aaff}
.hot_school .tmsg-box:first-child{margin-left:0}
.hot_school .tmsg-box:nth-child(7){margin-left:0}
.hot_school .tmsg-box .t-pic{width: 150px;height: 70px;float:left;position:relative;text-align:center;}
.hot_school .tmsg-box .t-pic img{width: 150px;height:auto;}
.hot_school .tmsg-box .t-msg{width:250px;width:229px\9;height:110px;float:right;padding-left:11px}
.hot_school .tmsg-box .t-msg .t-name-box{width:100%;height:26px;line-height:26px;font-size:16px;color:#2A262D;margin-top:3px}
.hot_school .tmsg-box .t-msg .t-name-box .tname{max-width:150px;height:26px;font-size:16px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000}
.hot_school .tmsg-box .t-msg .t-name-box .tname:hover{max-width:150px;height:26px;font-size:16px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#46B0E7}
.hot_school .tmsg-box .t-msg .t-name-box .tnamelink{max-width:150px;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000}
.hot_school .tmsg-box .t-msg .t-name-box .tnamelink:hover{color:#46B0E7}
.hot_school .tmsg-box .t-msg .t-course-box{width:100%;height:10px;line-height:10px;line-height:13px\9;color:#262A2D;font-size:12px;color:#2A262D;margin-top:5px;margin-bottom:3px}
.hot_school .tmsg-box .t-msg .t-course-box span{font-size:14px;color:#FFB900;margin-right:3px;margin-left:15px}
.hot_school .tmsg-box .t-msg .t-course-box span:first-child{margin-left:0}
.hot_school .tmsg-box .t-msg .t-field{width:100%;height:30px;font-size:12px;line-height:20px;color:#262A2D}
.hot_school .tmsg-box .t-msg .t-field span{max-width:66%;height:20px;line-height:20px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;top:5px}
.hot_school .tmsg-box .t-msg .ask-btn{width:110px;height:27px;background-color:#FAB529;line-height:27px;font-size:14px;text-align:center;color:#FFF;border-radius:4px;cursor:pointer}
.hot_school .tmsg-box .t-msg .ask-btn a{width:100%;height:100%;display:block;color:#FFF;text-decoration:none}
.hot_school .tmsg-box .t-msg .ask-btn a:hover{color:#FFF;text-decoration:none}

/*couponPackImg*/
.couponPackImg{
  margin-top:5px;
  border-radius: 10px;
  box-shadow: 0px 0px 0px #ffffff;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.couponPackImg:hover{
  margin-top:0px;
  box-shadow: 0px 0px 10px #777777;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
/*myClass*/

.myClass-box .hd{height: 50px;border-bottom: 1px solid #ececec;margin-bottom: 20px;/* text-align: right; */}
.myClass-box .hd li{
  
float: left;
  
line-height: 50px;
  
padding: 0 20px;
  
font-size: 20px;
  
cursor: pointer;
}
.myClass-box .hd li:hover{
  color:#00aeff;
}
.myClass-box .hd li.on{
  border-bottom:4px solid #00aeff;  
}

.myClass-box .hd .modifyMyClass_btn{
  border:1px solid #ddd;
  padding: 5px 10px;
  border-radius: 3px;
  margin-top: 11px;
  display: inline-block;
  float: right;
  color: #dd4603;
}


.myClass-box .bd .g-mn2 {
    float: left;
    width: 100%;
}
.myClass-box .bd .g-mn2c {
    margin-right: 245px;
}

.myClass-box .bd .g-container {
    margin-left: -20px;
    position: relative;
    z-index: 0;
}

.myClass-box .bd .m-block-it .g-cell2 {
    height: 184px;
}

.myClass-box .bd .g-container .g-cell2 {
    width: 470px;
    float: left;
    margin-left: 20px;
}

.myClass-box .bd .x-zoomImg {
    overflow: hidden;
}

.myClass-box .bd .x-zoomImg img {
    vertical-align: middle;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.myClass-box .bd .x-zoomImg img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}

.myClass-box a.moreClassCourse{
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
  width: 205px;
  display: inline-block;
  text-align: center;
  padding: 25px 10px;
  background: #efefef;
  color: #616161;
}
.myClass-box a.moreClassCourse:hover{
    background:#00aeff;
    color:#fff;
}
.myClass-box .bd  .u-cover {
    background-color: #fff;
    float: left;
    height: 220px;
    margin: 0 0 30px 20px;
    position: relative;
    width: 225px;
}

.myClass-box .bd .u-cover .wrap {
    width: 100%;
    height: 236px;
    display: block;
    position: relative;
    overflow: inherit;
}

.myClass-box .bd .u-cover:hover .tit{
   color:#00aeff;
}

.myClass-box .bd .u-cover:hover{box-shadow:0 2px 2px rgba(0,0,0,0)}

.myClass-box .bd  .u-cover .img {
    padding: 0;
    height: initial;
    width: initial;
}

.myClass-box .bd .u-cover .pic {
    height: 168px;
}
.myClass-box .bd .u-cover .price{
  font-size:14px;
  color:#212432;
  padding-left:3px;
  line-height: 28px;
  height: 28px;
}
.myClass-box .bd .u-cover .pic .imgPic {
    width: 225px;
    height: 168px;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.myClass-box .bd .u-cover .tit {
    color: #333;
    padding: 0 5px;
    position: relative;
    margin-top: 5px;
    height: 1.4em;
    height: 38px;
    overflow: hidden;
}
.myClass-box .bd .u-cover .orgName {
    display: block;
    padding: 0 5px;
    line-height: 20px;
    height: 23px;
    color: #999;
}

.myClass-box .bd .listrec{
    padding:20px;
}
.myClass-box .bd .listlink {
    color: #fff;
    line-height: 28px;
    padding:5px 10px;
    display:inline-block;
    font-size:14px;
}



.main-category-content {
    width: 1200px;
    height: 600px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0 36px;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 99999999999999;
    border-radius: 3px;
}

.main-category-tt {
    font-size: 24px;
    height: 32px;
    line-height: 32px;
    color: #188eee;
    margin-top: 30px;
    text-align: left;
}

.main-category-subtitle {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #999;
}

.main-category-list {
    margin-left: -15px;
}

.main-category-item {
    width: 268px;
    height: 150px;
    float: left;
    text-align: left;
    margin-top: 10px;
    margin-left: 15px;
    color: #75aaef;
}

.main-category-item--2 {
    color: #f35b19;
}
.main-category-item--3 {
    color: #257dc5;
}
.main-category-item--4 {
    color: #6fd4be;
}
.main-category-item--5 {
    color: #69115c;
}
.main-category-item--6 {
    color: #9a7518;
}
.main-category-item--7 {
    color: #666;
}
.main-category-item--8 {
    color: #8748ab;
}
.main-category-item--9 {
    color: #00aeff;
}
.main-category-item--10 {
    color: #166352;
}
.main-category-item--11 {
    color: #77908a;
}
.main-category-item--12 {
    color: #6d2369;
}
.main-category-item--1 .small-category-item.active {
    background: #2884fd;
    color:#fff;
}
.main-category-item--2 .small-category-item.active {
    background: #f35b19;
    color:#fff;
}
.main-category-item--3 .small-category-item.active {
    background: #1888e6;
    color:#fff;
}
.main-category-item--4 .small-category-item.active {
    background: #2cad91;
    color:#fff;
}
.main-category-item--5 .small-category-item.active {
    background: #6b135e;
    color:#fff;
}
.main-category-item--6 .small-category-item.active {
    background: #9a7518;
    color:#fff;
}
.main-category-item--7 .small-category-item.active {
    background: #696868;
    color:#fff;
}
.main-category-item--8 .small-category-item.active {
    background: #8441ab;
    color:#fff;
}
.main-category-item--9 .small-category-item.active {
    background: #00aeff;
    color:#fff;
}
.main-category-item--10 .small-category-item.active {
    background: #186554;
    color:#fff;
}
.main-category-item--11 .small-category-item.active {
    background: #58736d;
    color:#fff;
}
.main-category-item--12 .small-category-item.active {
    background: #6d2369;
    color:#fff;
}
.main-category-item h3 {
    font-size: 22px;
    line-height: 1;
}

.small-category {
    margin-top: 2px;
}

.small-category-item {
    float: left;
    padding: 5px 6px;
    border: 1px solid;
    border-radius: 80px;
    cursor: pointer;
    margin: 5px 5px 0 0;
    line-height: 14px;
}

.main-category-save {margin-left: 400px;background: #00aeff;color: #fff!important;border: 1px solid #00aeff;}

.main-category-save, .main-category-cancel {
    margin-top: -10px;
    width: 120px;
    font-size: 18px;
    padding: 10px;
    border: 1px solid #00aeff;
    margin-right: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    color: #00aeff;
}

.main-category-save:hover{
  color:#fff;
}



/*hotTeacher_box*/

.hotTeacher_box{
    margin-top: 30px;
}
.hotTeacher_box .htb-head{
    height: 50px;
    margin-bottom: 100px;
    border-bottom: 1px solid #e6e6e6;
}
.hotTeacher_box .htb-head h2{
    font-size: 24px;
    margin-bottom: 16px;
    color: #3bb100;
    text-align: center;
}
.hotTeacher_box li.htb-item{
  
width: 280px;
  
height: 180px;
  
border: 1px solid #ececec;
  
float: left;
  
margin-right: 23px;
  
position: relative;
  
background: #f1f1f1;
  
margin-bottom: 70px;
  
border-radius: 10px;
}

.hotTeacher_box li.htb-item:nth-child(4n){
  margin-right: 0px;
}

.hotTeacher_box .htb-avatar {
  width: 80px;
  position: absolute;
  left: 100px;
  top: -45px;
  background: #fff;
  border-radius: 50px;
}
.hotTeacher_box .htb-avatar img{
  width: 80px;
  height: 80px;
  border-radius: 50px;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 3px 3px 10px #a2a2a2;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;

}
.hotTeacher_box li:hover .htb-avatar img{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.hotTeacher_box .htb-info{
  /* width: 280px; */
  padding: 0 25px;
  padding-top: 60px;
  margin-bottom: 13px;
}
.hotTeacher_box li:hover {
      border-bottom: 1px solid #e6e6e6;
    box-shadow: 3px 1px 15px #c5c5c5;
}

.hotTeacher_box .htb-info h3{
  
text-align: center;
  
font-size: 16px;
  
font-weight: bold;
  
margin-bottom: 10px;
  
}
.hotTeacher_box li:hover .htb-info h3{
  text-shadow: 4px 1px 3px #cacaca;
  color: #00aeff;
}
.hotTeacher_box .htb-tags-box{
  text-align:center;
  position: relative;
  width: 100%;
}
.hotTeacher_box .htb-tags{
  text-align: center;
  height: 32px;
  display: inline-block;
}
.hotTeacher_box .htb-tags-item{
  float:left;
  padding: 3px 8px;
  background: #41c300;
  margin-right: 10px;
  border-radius: 18px;
  font-size: 12px;
  color: #fff;
  cursor: default;
}
.hotTeacher_box .htb-intro{
  clear:both;
  text-align: center;
  height: 32px;
  overflow: hidden;
}
.hotTeacher_box .into-link{
  background: #4c9be5;
  color: #fff;
  padding: 5px 10px;
  margin-left: 72px;
  margin-top: 0px;
  display: inline-block;
  opacity:0;
  border-radius:30px;
}
.hotTeacher_box li:hover .into-link{
   margin-top: 12px;
}
.hotTeacher_box li:hover .into-link{
  display: inline-block;
  opacity:1;
  border-radius:30px;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
.hotTeacher_box .into-link:hover{
  background: #00aeff;
}



.courseDisplay-box{
		margin-bottom: 50px;
		margin-top: 15px;
	}
.courseDisplay-box .hd{
		background: #f1f1f1;
		margin-bottom: 14px;
		display: block;
		height: 50px;
		background: url(/Public/images/seckill_hd.png) no-repeat 0 0;
		color: #fff;
		clear: both;
	}
.courseDisplay-box .cd-title{

float: left;

width: 465px;

font-size: 14px;

padding-left: 16px;

color: #fff;

line-height: 50px;
}
.courseDisplay-box .cd-title a{
	color: #fff;
}
.courseDisplay-box .cd-title img{
	    float: left;
}
.courseDisplay-box .cd-countdown{

float: right;

font-size: 14px;

padding-right: 5px;

margin-top: 12px;
}
.courseDisplay-box ul.countdown {
    list-style: none;
    padding: 0;
    text-align: center;
    margin: 0;
    width: 110px;
    color: #ffffff;
    display: none;
}
.courseDisplay-box ul.countdown li {
    display: inline-block;
}
.courseDisplay-box ul.countdown li span {
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
    color: #fff;
    padding: 1px 2px;
    border-radius: 5px;
    background: #000;
    color: #fff;
}
.courseDisplay-box ul.countdown li.seperator {
    font-size: 20px;
    margin: 0 3px;
}
.courseDisplay-box ul.countdown li p {
    color: #a7abb1;
    font-size: 14px;
}
.ms_courseList .fl{
		float: left;
	}
.ms_courseList .fr{
		float: right;
	}
.ms_courseList .del{
		text-decoration: line-through;
	}
.ms_courseList .b-red{
		color: #212432;
		font-size: 16px;
	}
.ms_courseList .orange{
		color: #ff9700;
	}
.ms_courseList .gray{
		color: #9a9a9a;
		height: 20px;
		line-height: 20px;
		margin-right: 5px;
	}
.ms_courseList .discount{
		background: #f00;
		color: #fff;
		padding: 1px 5px;
		margin-right: 6px;
		border-radius: 3px;
		line-height: 18px;
		text-decoration: none;
		margin-left: 5px;
	}

.ms_courseList{
		padding-left: 5px;
		padding-top: 15px;
		clear: both;
	}
.ms_courseList_Item{
		height: 290px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #ddd;
		width: 257px;
		float: left;
		transition: all .6s;
		padding: 20px;
		overflow: hidden;
	}
.ms_courseList_Item:nth-child(4n){
		border-right: 1px solid #ddd;
	}
.ms_courseList_Item:nth-last-child(1){
		border-right: 1px solid #ddd;
	}
.ms_courseList_Item:nth-last-child(1),.courseList_Item:nth-last-child(2),.courseList_Item:nth-last-child(3),.courseList_Item:nth-last-child(4){
		border-bottom: 1px solid #ddd;
	}
.ms_courseList_Item:hover{
		border: 1px dashed #fff;
		box-shadow:0 0 10px 5px rgba(0,0,0,0.1);
		transform:translate3d(0, -2px, 0);
	}
.ms_courseList_Item .cover_box{
		position: relative;
	}
.ms_courseList_Item .cover_img{
		width: 257px;
		height: 193px;
	}
.ms_courseList_Item .player_btn{
		position: absolute;
		left: 82px;
		top: 50px;
		width: 90px;
		height: 90px;
		visibility: hidden;
		opacity: 0;
		transition: all 1s ease 0s;
	}
.ms_courseList_Item:hover .player_btn{
		visibility: visible;
		opacity: 1;
	}
.ms_courseList_Item p.TranslucentText {
		width: 237px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		color: #e6e6e5;
		position: absolute;
		left: 0;
		top: 164px;
		padding: 0 10px;
		overflow: hidden;
		background: rgba(0,0,0,.61);
	}
.ms_courseList_Item .info-title{
		font-size: 14px;
		padding: 5px 0;
		height: 40px;
		overflow: hidden;
		font-weight: bold;
	}
.ms_courseList_Item .info-price{
		width: 135px;
		float: left;
	}
.ms_courseList_Item .info-tags{
		width: 120px;
		float: right;
		text-align: right;
	}
.ms_courseList_Item .into{
		background: #000;
		color: #fff;
		padding: 5px;
		border-radius: 3px;
	}
.ms_courseList_Item .into.on{

		background: #de1414;

	}
.ms_courseList_Item .info-tags span{
		padding: 8px 3px;
		font-size: 12px;
		color: #a9a9a9;
		margin-left: 5px;
		display: inline-block;
		margin-bottom: 5px;
	}

.ms_courseList_Item:nth-last-child(1), .ms_courseList_Item:nth-last-child(2), .ms_courseList_Item:nth-last-child(3), .ms_courseList_Item:nth-last-child(4) {
		border-bottom: 1px solid #ddd;
	}

.courseClass-show{
		display: inline-block;
		margin-bottom: 50px;
	}
.courseClass-show .kkjfont{
	    margin-right:5px;
}
.courseClass-show.classBox_1 .hd {
		background-image: -webkit-linear-gradient(90deg,#ff766c,#ff3f33);
		background-image: -webkit-linear-gradient(left,#ff766c,#ff3f33);
		background-image: -moz-linear-gradient(left,#ff766c,#ff3f33);
		background-image: linear-gradient(90deg,#ff766c,#ff3f33);
	}
.courseClass-show.classBox_2 .hd {
		background-image: -webkit-linear-gradient(90deg,#ffb74d,#ff8803);
		background-image: -webkit-linear-gradient(left,#ffb74d,#ff8803);
		background-image: -moz-linear-gradient(left,#ffb74d,#ff8803);
		background-image: linear-gradient(90deg,#ffb74d,#ff8803);
	}
.courseClass-show.classBox_3 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#58dd8d,#00ad33);
	}
.courseClass-show.classBox_4 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#2196F3,#0992ff);
	}
.courseClass-show.classBox_5 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#58dd8d,#00ad33);
	}
.courseClass-show.classBox_6 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#ffc518,#d29d00);
	}
.courseClass-show.classBox_7 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#ff6f42,#ff5018);
	}
.courseClass-show.classBox_8 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#e2aa00,#FF9800);
	}
.courseClass-show.classBox_9 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#38ccbe,#009688);
	}
.courseClass-show.classBox_10 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#9E9E9E,#6e7392);
	}
.courseClass-show.classBox_11 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#FFC107,#FF9800);
	}
.courseClass-show.classBox_12 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#40aaff,#2196F3);
	}
.courseClass-show.classBox_13 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#009688,#008a7d);
	}
.courseClass-show.classBox_14 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#41abff,#008eff);
	}
.courseClass-show.classBox_15 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#ff857c,#ff5a57);
	}
.courseClass-show.classBox_16 .hd {
		background-image: -webkit-linear-gradient(90deg,#58dd8d,#00ad33);
		background-image: -webkit-linear-gradient(left,#58dd8d,#00ad33);
		background-image: -moz-linear-gradient(left,#58dd8d,#00ad33);
		background-image: linear-gradient(90deg,#8BC34A,#4CAF50);
	}
.courseClass-show.classBox_17 .hd {
		background-image: -webkit-linear-gradient(90deg,#00aeff,#029ae2);
		background-image: -webkit-linear-gradient(left,#00aeff,#029ae2);
		background-image: -moz-linear-gradient(left,#00aeff,#029ae2);
		background-image: linear-gradient(90deg,#00aeff,#029ae2);
	}
.courseClass-show .hd {
		height: 26px;
		padding: 16px 20px 16px 25px;
		background-color: #999;
	}
.courseClass-show .hd h3{
		float: left;
		font-size: 20px;
		color: #fff;
		height: 26px;
		line-height: 30px;
		font-weight: 400;
		font-family: fzzhengheis-el-gbregular;
		word-wrap: break-word;
		word-break: break-all;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
.courseClass-show .hd h3 a{
		color: #fff;
	}
.class-tags {
		float: right;
		max-width: 1080px;
		height: 28px;
		text-align: right;
		overflow: hidden;
	}
.class-tag-item {
		display: inline-block;
		height: 24px;
		line-height: 24px;
		padding: 0 10px;
		color: #fff;
		font-size: 12px;
		margin-left: 10px;
		margin-bottom: 10px;
		max-width: 100px;
		overflow: hidden;
		word-wrap: break-word;
		word-break: break-all;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
.classBox_1 .class-tag-item {
		border-color: #c5c5c5;
	}
.classBox_2 .class-tag-item {
		border-color: #ffd3a2;
	}
.classBox_3 .class-tag-item {
		border-color: #00f148;
	}
.classBox_4 .class-tag-item {
		border-color: #86c9ff;
	}
.classBox_5 .class-tag-item {
		border-color: #00f148;
	}
.classBox_6 .class-tag-item {
		border-color: #ffd24e;
	}
.classBox_7 .class-tag-item {
		border-color: #ffb097;
	}
.classBox_8 .class-tag-item {
		border-color: #ffdb77;
	}
.classBox_9 .class-tag-item {
		border-color: #16cebc;
	}
.classBox_10 .class-tag-item {
		border-color: #b1b1b1;
	}
.classBox_11 .class-tag-item {
		border-color: #ffc441;
	}
.classBox_12 .class-tag-item {
		border-color: #88caff;
	}
.classBox_13 .class-tag-item {
		border-color: #00cab6;
	}
.classBox_14 .class-tag-item {
		border-color: #a7d7ff;
	}
.classBox_15 .class-tag-item {
		border-color: #ffa7a1;
	}
.classBox_16 .class-tag-item {
		border-color: #44e600;
	}
.class-tag-item:hover{
		color: #fff!important;
		border-color: #fff;
	}
.class-tag-item{
		background-color: hsla(0,0%,100%,.2);
		color:#fff;
		border: 1px solid;
	}
.class-tag-item.special{color: rgba(246, 246, 246, .71);}
.courseClass-show a:hover{color: #00aeff}
.courseClass-show .fl{
		float: left;
	}
.courseClass-show .fr{
		float: right;
	}
.courseClass-show .del{
		text-decoration: line-through;
	}
.courseClass-show .b-red{
		color: #212432;
		font-size: 14px;
	}
.courseClass-show .orange{
		color: #ff9700;
	}
.courseClass-show .gray{
		color: #9a9a9a;
		height: 20px;
		line-height: 20px;
		margin-right: 5px;
	}
.courseClass-show .discount{
		background: #f00;
		color: #fff;
		padding: 1px 5px;
		margin-right: 6px;
		border-radius: 3px;
		line-height: 18px;
		text-decoration: none;
	}
.roadmapList{
		overflow: hidden;
		padding-left: 10px;
		padding-top: 15px;
		width: 1040px;
		height: 205px;
		float: left;
	}
.roadmapList_Item{
		float: left;
		width: 990px;
		padding: 20px;
		transition: all .3s;
	}
.roadmapList_Item:hover{
		border-bottom:0px;
		box-shadow:0 0 10px 5px rgba(0,0,0,0.1);
		transform:translate3d(0, -2px, 0);
	}
.roadmapList_Item:hover h3 a{
		color:#00aeff;
	}
.roadmapList .cover_img{
		float: left;
		width: 200px;
		height: 150px;
		background: #ececec;
		position: relative;
	}
.roadmapList .class_text{
		position: absolute;
		top: -1px;
		left: 0px;
		background: rgba(0, 0, 0, 0.3);
		color: #fff;
		padding: 3px 10px;
	}
.roadmapList .content_info{
		float: left;
		padding-left: 10px;
	}

.roadmapList .content_count{
		margin-bottom: 10px;
		color: #666;
	}
.roadmapList .content_info h3{
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 5px;
	}
.roadmapList .content_ico{
		font-size: 12px;
		background: #FF5722;
		color: #fff;
		padding: 3px 5px;
		margin-left: 15px;
		position: relative;
		padding-right: 7px;
		cursor: default;
	}
.roadmapList .content_ico:before{
		content: "";
		position: absolute;
		top: 0;
		border: 0 solid #ffffff;
		border-width: 11px 7px;
		width: 0;
		height: 0;
		border-right-color: #ff5722;
		left: -14px;
	}
.roadmap_path{
		height: 40px;
		width: 780px;
	}
.roadmap_path dd {
		float: left;
	}
.roadmap_path dd{
		color: #797979;
		display: block;
		background: #ececec;
		text-decoration: none;
		position: relative;
		height: 32px;
		line-height: 32px;
		padding: 0 10px 0 5px;
		text-align: center;
		margin-right: 23px;
		left: 20px;
		cursor:inherit;
		margin-bottom: 5px;
	}

.roadmap_path dd:first-child{
		border: none;
	}

.roadmap_path dd:last-child{
		border: none;
	}
.roadmap_path dd:before, .roadmap_path dd:after {
		content: "";
		position: absolute;
		top: 0;
		border: 0 solid #ececec;
		border-width: 16px 10px;
		width: 0;
		height: 0;
	}
.roadmap_path dd:before {
		left: -20px;
		border-left-color: transparent;
	}
.roadmap_path dd:after {
		left: 100%;
		border-color: transparent;
		border-left-color: #ececec;
	}
.roadmap_path dd:hover {
		background-color: #1abc9c;
		color:#fff;
	}
.roadmap_path dd:hover:before {
		border-color: #1abc9c;
		border-left-color: transparent;
	}
.roadmap_path dd:hover:after {
		border-left-color: #1abc9c;
	}
.roadmap_path dd:active {
		background-color: #16a085;
	}
.roadmap_path dd:active:before {
		border-color: #16a085;
		border-left-color: transparent;
	}
.roadmap_path dd:active:after {
		border-left-color: #16a085;
	}

.roadmapList .content_text{
		width: 780px;
		text-indent: 2em;
		margin-bottom: 5px;
		height: 32px;
		overflow: hidden;
	}

.roadmapList .content_a{
		float: right;
		background: #00aeff;
		padding: 5px 20px;
		color: #fff;
		border-radius: 2px;
		font-size: 14px;
	}
.roadmapList .content_a:hover{
		background:#00a2ec;
		color: #fff;
	}
.roadmapMore{
		width: 155px;
		float: right;
		height: 185px;
		padding-top: 16px;
		font-size: 16px;
		background: #ececec;
		text-align: center;
		margin-top: 12px;
		color: #888;
	}
.roadmapMore .more_btn{
		display: inline-block;
		height: 50px;
		width: 130px;
		font-size: 12px;
		line-height: 50px;
		background: #fff;
		margin-bottom: 10px;
		border-radius: 3px;
		color: #666;
		border: 1px solid #fff;
	}
.roadmapMore .more_btn:hover{
		border: 1px solid #00eaff;
	}
.packageList	{overflow: hidden;padding-left: 10px;padding-top: 15px;}
.packageList_Item{float: left;width: 550px;padding:20px;border-bottom: 1px dashed #ddd;transition:all .3s;}
.packageList_Item:hover{
		border-bottom: 1px dashed #00aeff;
		box-shadow:0 0 10px 5px rgba(0,0,0,0.1);
		transform:translate3d(0, -2px, 0);
	}
.packageList_Item:nth-child(2n-1){
		border-right: 1px dashed #ddd;
	}
.pli_up	{width: 550px;display: inline-block;height: 120px;padding-bottom:10px;border-bottom: 1px solid #DDD;}
.pli_up_img	{
		position: relative;
	}
.pli_up_img img	{width: 150px;height: 112px;}
.pli_up_info	{width: 390px;}
.pli_up_info h3	{height: 24px;overflow: hidden;}
.pli_up_intro	{margin:5px 0px;line-height: 1.5;height:38px;overflow: hidden;}
.pli_down	{}
.pli_down h3	{margin-bottom: 5px;color:#9a9a9a}
.pli_down ul	{height: 80px;overflow: hidden;}
.pli_down li	{line-height: 20px;}
.pli_down>p	{margin-top:-20px;height: 20px;line-height: 20px;}

.packageList .act-packagePrice{
		position: absolute;
		left: 0;
		background: #007ead;
		color: #fff;
		padding: 3px 7px;
		text-align: center;
	}
.courseList{
		padding-left: 10px;
		padding-top: 15px;
		clear: both;
	}
.courseList_Item{
		 height: 290px;
		 border-top: 1px solid #ddd;
		 border-bottom: 1px solid #fff;
		 border-left: 1px solid #ddd;
		 width: 257px;
		 float: left;
		 transition: all .6s;
		 padding: 20px;
		 overflow: hidden;
	}
.courseList_Item:nth-child(4n){
		border-right: 1px solid #ddd;
	}
.courseList_Item:nth-last-child(1){
		border-right: 1px solid #ddd;
	}
.courseList_Item:nth-last-child(1),.courseList_Item:nth-last-child(2),.courseList_Item:nth-last-child(3),.courseList_Item:nth-last-child(4){
		border-bottom: 1px solid #ddd;
	}
.courseList_Item:hover{
		border: 1px dashed #fff;
		box-shadow:0 0 10px 5px rgba(0,0,0,0.1);
		transform:translate3d(0, -2px, 0);
	}
.courseList_Item .cover_box{
		position: relative;
	}
.courseList_Item .cover_img{
		width: 257px;
		height: 193px;
	}
.courseList_Item .player_btn{
		position: absolute;
		left: 82px;
		top: 50px;
		width: 90px;
		height: 90px;
		visibility: hidden;
		opacity: 0;
		transition: all 1s ease 0s;
	}
.courseList_Item:hover .player_btn{
		visibility: visible;
		opacity: 1;
	}
.courseList_Item p.TranslucentText {
		width: 237px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		color: #e6e6e5;
		position: absolute;
		left: 0;
		top: 164px;
		padding: 0 10px;
		overflow: hidden;
		background: rgba(0,0,0,.61);
	}
.courseList_Item .info-title{
		font-size: 14px;
		padding: 5px 0;
		height: 40px;
		overflow: hidden;
		font-weight: bold;
	}
.courseList_Item .info-price{
		width: 135px;
		float: left;
	}
.courseList_Item .info-tags{
		width: 120px;
		float: right;
		text-align: right;
	}
.courseList_Item .info-tags span{
		border: 1px solid #ddd;
		padding: 1px 3px;
		font-size: 12px;
		color: #a9a9a9;
		margin-left: 5px;
		display: inline-block;
		margin-bottom: 5px;
	}
.courseList_Item:hover .info-tags span{
		border: 1px solid #00aeff;
		color:#00aeff;
	}
.leftSideBox{
		position: fixed;
		top: 20%;
		z-index: 9999999;
		transition: all 1s;
		opacity: 0;
		visibility: hidden;
	}
.leftSideBox a{
		display: block;
		/*background-image: linear-gradient(90deg,#00aeff,#2590ff);*/
background:#0099CC;
		/* width: 60px; */
		height: 25px;
		line-height: 25px;
		text-align: right;
		padding: 0 10px;
		color: #fff;
		margin-left: 1px;
	}
.leftSideBox a.on{
		background: #006699;
	}
.leftSideBox a:hover{
		background: #006699;
	}