/*
@author:njf
*/
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;background:#2e0e59;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.hide{ display: none;}
.icon{ background: url("/images/zhuanti/caikuaiyinluren/icon.png") no-repeat;}
.header-wrap{ background: #fff;}
.layout{ width: 1200px; margin: 0 auto;}
.title{ text-align: center; color: #fff; margin: 20px 0;}
.title h3{ background: url("/images/zhuanti/caikuaiyinluren/titleBg.png") no-repeat; height:80px; padding-top: 20px; width: 365px; margin: 0 auto; text-align: center; font-size:36px;}
.title p{ text-align: center; font-size: 24px; margin-top: 10px;}
.title p i{ display: inline-block; width:8px; height: 8px; border-radius: 8px; border: 2px solid #ed04ff; background: #fff; margin: 0 15px;}
.headTop{height: 540px;}

.teacherMore{ overflow: hidden;width: 1200px;}
.teacherListDisplay ul{ padding-left:30px;}
.teacherListDisplay ul li{float: left; background: url("/images/zhuanti/caikuaiyinluren/teacherBg.png") no-repeat -6px 0; width: 371px; height: 257px; margin: 0 4px;}
.teacherListDisplay ul li dl dt{ width: 106px; font-weight: bold; height: 32px; text-align: center; line-height: 32px; border: 2px solid #ffff6e; border-radius: 6px; box-shadow: 0 0 15px #897859; font-size: 16px; color: #ffff6e; margin: 0 auto;}
.teacherListDisplay ul li dl dd{float: left; margin:7px 0 0 18px;}
.teacherListDisplay ul li dl dd strong{color: #fff; left:13px;right:7px;bottom:13px;text-align:center;}
.teacherListDisplay ul li dl dd.on strong{ color: #ed04ff;}
.teacherListDisplay ul li dl dd.on i{ background-position: 0 -62px; display: block; width: 115px; height: 15px; bottom: -15px; left:18px;}
.teacherListDisplay ul li dl dd a:hover{ margin-top: -5px; display: inline-block;}

.teacherListDisplay ul li.teacherListBg{background: url("/images/zhuanti/caikuaiyinluren/teacherBgh3-2.png") no-repeat -6px 0; width:333px; height: 222px; margin: 0;}
.teacherListDisplay ul li.teacherListBg dl dd{margin: 7px 0 0 11px;}
.teacherListDisplay ul li.teacherListBg01{background: url("/images/zhuanti/caikuaiyinluren/teacherBg3-3.png") no-repeat -6px 0; width:475px;margin: 0;}
.teacherListDisplay ul li.teacherListBg01 dl dd{margin: 7px 0 0 7px;}




.teacherContent{ background: #5c2fcb; border: 4px solid #ed04ff; box-shadow: 0 0 15px #7d068b; border-radius: 10px; padding: 20px;margin: 20px 0 35px;}
.teacherConLeft{ width: 450px; float: left; color: #fff; font-size: 16px; border-right: 1px solid #4b179b; margin-top: 25px;}
.teacherConLeft dl dt{float: left;margin:0 0 -20px -14px;position:static;}
.teacherConLeft dl dd{ padding:5px 0 0 240px; line-height: 28px;}
.teacherConLeft dl dd strong{ font-size: 20px; display: block; margin-bottom: 25px;}
.teacherConLeft dl dd a.video{display: block; color: #fff; width:126px; height:36px; line-height:36px;border-radius: 18px; background: #cd04ff; margin: 40px 0 25px; text-decoration: none;}
.teacherConLeft dl dd a.video i{display: inline-block; float: left; background-position: 0 -29px; width: 20px; height: 20px; margin:9px 10px 0 12px;}
.teacherConLeft dl dd a.video:hover{ background-color: #ed04ff;}
.teacherConRight{ width: 681px; float: left; padding-left: 20px;}
.teacherConRight h4{ background-position:-27px -25px; font-size: 20px; color: #fff; padding: 0 0 0 35px; margin:0 0 20px 15px;}
.teacherConRight ul{ background: url("/images/zhuanti/caikuaiyinluren/bookshelf.jpg") no-repeat 15px 128px; color: #e2e2e2; text-align: center;}
.teacherConRight ul li{display: inline-block;*display:inline;*zoom:1;vertical-align: top; width:110px; height: 198px; font-size: 12px;overflow: hidden; }
.teacherConRight ul li a{ color: #fff; text-decoration:none;}
.teacherConRight ul li span{ display: block; margin:20px 0 0 12px; text-align: center;}
.soonComing{ color: #fff; font-size: 18px; width: 395px; margin:56px auto;}
.soonComing p{ padding-top: 65px; line-height: 36px;}
.soonComing strong{ font-size: 20px; display: block;}
.soonComing img{float: left; display:block; padding-right: 55px;}

/* .teacherMore  a.swiper-button-next,.teacherMore  a.swiper-button-prev,.teacherMore  a.last{ display: block; width:30px; height:120px; padding-top: 10px; border-radius:8px; text-align: center; border:3px solid #db04e9; box-shadow: 0 0 12px #8f0595; color: #fdfd6e; font-size:14px; background: #5c2fcb; left:0px; top:70px; text-decoration: none;}
.teacherMore  a.swiper-button-next{ right: 10px; left: auto;}
.teacherMore  a.swiper-button-next i,.teacherMore  a.swiper-button-prev i,.teacherMore  a.last i{display: inline-block; background-position:0px 0; width:20px; height:20px; margin-top:6px;}
.teacherMore  a.swiper-button-next i{ background-position: -23px 0;}
.teacherMore  a.last{ color: #b1a3e3;right:10px; left: auto; top:48px;}
.teacherMore  a.last i{background-position:-45px 0;}
 */
.teacherSwiperAll,.teacherSwiperAll .swiper-wrapper{overflow: hidden;}
 .teacherSwiperAll  a.arrow-left,.teacherSwiperAll a.arrow-right,.teacherSwiperAll  a.last{ display: block; width:30px; height:120px; padding-top: 10px; border-radius:8px; text-align: center; color: #fdfd6e; font-size:14px;/*  background: #5c2fcb; */ left:0px; top:70px; text-decoration: none;}
 .teacherSwiperAll  a.swiper-button-next{ right: 10px; left: auto;}
 .teacherSwiperAll  a.arrow-left i,.teacherSwiperAll  a.arrow-right i,.teacherSwiperAll  a.last i{display: inline-block; background-position:0px 0; width:20px; height:20px; margin-top:6px;}
 .teacherSwiperAll  a.arrow-right i{ background-position: -23px 0;}
 .teacherSwiperAll  a.last{ color: #b1a3e3;right:10px; left: auto; top:70px;}
 .teacherSwiperAll  a.last i{background-position:-45px 0;}




.winningAward{background: #5c2fcb; border: 4px solid #ed04ff; box-shadow: 0 0 15px #7d068b; border-radius: 10px; margin-bottom: 50px; padding: 30px 26px;}
.winningAward  p{ padding: 20px;color: #333; font-size: 16px; background:url("/images/zhuanti/caikuaiyinluren/giftBg.png") no-repeat right bottom #dabfff; border-radius: 10px; line-height: 32px;}
.winningAward  p span{ font-weight: bold; }
.winningAward .wbContent{ width: 1140px; margin: 0 auto 25px;}
.winningAward p span i{display: inline-block; width: 8px; height: 8px; border-radius:50%; background: #ed04ff; margin: 0 8px;}
.winningAward .linkWxBtn{ display: block; width:230px; height: 50px; line-height: 50px; text-align: center; background: #cd04ff; font-size: 20px; color: #fff; border-radius: 25px; margin:34px auto 0; font-weight: bold;}
.winningAward a.linkWxBtn:hover{ display: block; width: 230px; height: 50px; background: #ed04ff; text-decoration: none;}


.hotPost{background: #5c2fcb; border: 4px solid #ed04ff; box-shadow: 0 0 15px #7d068b; border-radius: 10px; padding: 10px 0; height: 680px; overflow-y: auto; margin-bottom: 50px;}
.hotPost dl{ border-bottom: 1px solid #451e92; height:240px; margin: 24px 28px 0;}
.hotPost dl dt{color: #fff; font-size: 16px; margin:0 0 20px 0px;}
.hotPost dl dt a{ color: #fff;}
.hotPost dl dt span{ background: #ae97e5; border-radius: 6px; color: #5c2fcb; padding:3px 8px 5px; margin-right: 8px; font-size: 14px;}
.hotPost dl dd{ float: left; margin-right: 22px;}
.hotPost dl dd.last{ margin-right: 0;}
.mCustomScrollBox{ overflow: auto;}
/*.hotPost .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #8563d8;}*/
.hotPost .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background: #8563d8;}


.recommendationList ul.tabList{ text-align: center; margin-bottom: 38px;}
.recommendationList ul.tabList li{ display: inline-block;*display:inline; zoom: 1; text-align: center; width: 210px; height: 56px; border-radius: 28px; color: #fff; font-size: 22px; line-height: 56px; background: #5c2fcb; margin-right: 30px; cursor: pointer;}
.recommendationList ul.tabList li.on{ font-weight: bold; border: 2px solid #ed04ff; color: #fff;}
.recommendationList ul.tabList li.last{ margin-right: 0;}
.recommendationCon h4{ text-align: center; font-size: 20px; padding:58px 0 30px;}
.recommendationCon ul{ text-align: left; vertical-align:top;}
.recommendationCon ul li{ background:url("/images/zhuanti/caikuaiyinluren/displayBg.png") no-repeat center top; width: 343px; height: 493px; overflow: hidden; vertical-align: top; float: left; margin:0 19px 20px 0; color: #fff; padding:0 22px;position:relative;}
.recommendationCon ul li.last{ margin-right: 0;}
.recommendationCon ul li strong{ display: block; margin-bottom: 3px;}
.recommendationCon ul li p{ margin-bottom: 22px;}
.recommendationCon ul li.none{display: none;}
.recommendationCon ul li.last.marginTop{ margin-top: -20px;}
.recommendationCon  p.recomTeacher{ font-weight: bold; font-size: 16px; bottom: 0; left:22px;}
.recommendationCon  p.recomTeacher i{ background-position: 0 -98px; display: block; width: 28px; height: 32px; float: left; margin-right: 8px;}
.recommendationCon a.moreThan{ display: block; width: 256px; margin: 26px auto 36px; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; border: 2px solid #ed04ff; background-color: #5c2fcb; background-position:175px -129px; color: #fff; font-size: 18px; text-decoration: none;}
.recommendationCon a.moreThan.on{ background-position:175px -155px;}
.recommendationCon a.moreThan:hover{background-color: #5617d8;}
/*.recommendationCon .recommendationCon-text{max-height:288px;overflow:hidden;overflow-y:auto;}*/


.recomingSoon{background: #5c2fcb; border: 4px solid #ed04ff; box-shadow: 0 0 15px #7d068b; border-radius: 10px; padding: 20px; height: 300px; margin: 20px 0 35px;}
.recomingSoon .soonComing{ color: #fff; font-size: 18px; width: 405px; margin:56px auto 0;}
.recomingSoon .soonComing p{ padding-top: 65px; line-height: 36px;}
.recomingSoon .soonComing strong{ font-size: 20px; display: block;}
.recomingSoon .soonComing img{float: left; display:block; padding-right: 55px;}


.wxcontent{background:url("/images/zhuanti/caikuaiyinluren/ewmBg.png") no-repeat center top; height: 280px; width: 1200px; margin: 0 auto; text-align: center; padding-top: 45px;}
.wxcontent ul li{ display: inline-block; width: 170px; height: 170px; color: #fff; font-size: 18px; margin: 0 42px;}
.wxcontent ul li img{ padding: 10px; border-radius: 8px; background: #fff; margin-bottom: 15px;}


.rightFixedNav{position: fixed; left:20px; top: 50%; background:url("/images/zhuanti/caikuaiyinluren/rightFix2023.png") no-repeat; width: 72px; padding: 0 7px; height: 246px;}
.rightFixedNav ul{ padding: 80px 0 0 0px;}
.rightFixedNav ul li{ width: 72px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #39e1ff; color: #fff; border-radius: 14px; margin-top:8px;}
.rightFixedNav .gotoTop{ font-weight: bold; color: #fff; font-size:14px; text-align: center; display:block; margin:22px 0 0 5px; text-decoration: none;}
.rightFixedNav ul li a{ color: #fff; text-decoration: none;}
.rightFixedNav ul li.on a{ color: #39e1ff;}
.rightFixedNav a.gotoTop:hover{ color: #39e1ff;}


.teacher-panel{margin:0 15px;border-bottom:1px solid #c287f1;position:relative;z-index:1;}
.teacher-info{width:550px;min-height:318px;}
.teacher-info .teacher-photo{width:212px;height:318px;overflow:hidden;}
.teacher-info .teacher-main{margin-left:230px;padding-top:7px;color:#fff;}
.teacher-info .teacher-abs{padding-bottom:15px;}
.teacher-info .teacher-abs strong,.teacher-info .teacher-evaluate strong{height:50px;line-height:50px;padding-left:40px;font-size:20px;display:block;background:url(/images/zhuanti/caikuaiyinluren/teacher-icon1.png) no-repeat left center;}
.teacher-info .teacher-abs p{line-height:26px;font-size:16px;}
.teacher-info .teacher-evaluate strong{background-image:url(/images/zhuanti/caikuaiyinluren/teacher-icon2.png);}
.teacher-info .teacher-evaluate-list{height:70px;overflow:hidden;margin-top:10px;}
.teacher-info .teacher-evaluate-list ul li{padding:0 14px;height:30px;line-height:30px;margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff;background:#7d59d5;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
/*
.teacher-info .go-comment{height:22px;line-height:22px;padding:0 13px;display:inline-block;color:#fff;font-size:14px;margin-left:10px;background:#ff5f4f;background:-webkit-linear-gradient(left,#ff5f4f,#ff901d);background:-moz-linear-gradient(left,#ff5f4f,#ff901d);background:linear-gradient(left,#ff5f4f,#ff901d);-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
*/
.teacher-info .go-comment{height:22px;line-height:22px;display:inline-block;margin:17px 0 0 10px;vertical-align:top;}
.teacher-video{position:absolute;right:46px;top:0;}
.teacher-video img{cursor:pointer;}

.teacher-recommend{margin:28px 15px 0;}
.teacher-recommend h5{height:34px;line-height:34px;padding-left:35px;margin-bottom:18px;background-position:-27px -25px;font-size:20px;color:#fff;}
.teacher-recommend ul{background:url(/images/zhuanti/caikuaiyinluren/teacher-recommend-line.png) no-repeat center 127px;font-size:0;}
.teacher-recommend ul li{width:166px;height:190px;margin:0 10px;display:inline-block;*display:inline;*zoom:1;color:#e2e2e2;font-size:14px;text-align:center;}
.teacher-recommend ul li .cover{height:134px;overflow:hidden;margin-bottom:20px;}
.teacher-recommend ul li .cover img{display:block;margin:0 auto;}

.vote-anchorId{height:1px;overflow:hidden;display:none;}
.vote-mod{margin:35px 15px 0;background:url(/images/zhuanti/caikuaiyinluren/vote-bg.png) repeat;padding:10px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
.vote-main{padding:22px 30px 30px;background:url(/images/zhuanti/caikuaiyinluren/vote-right-icon.gif) no-repeat right bottom #ecdeff;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
.vote-mod .vote-title{height:34px;margin-bottom:16px;}
.vote-mod .vote-title p{text-align:right;}
.vote-mod .vote-rule-handle{line-height:20px;padding:0 12px;background:#e6b2ff;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;}
.vote-mod .vote-content{margin-right:180px;position:relative;z-index:1;}
.vote-mod .vote-content h6{margin-bottom:15px;line-height:32px;padding-left:23px;font-size:18px;background:url(/images/zhuanti/caikuaiyinluren/vote-dot-icon.png) no-repeat left 13px;}
.vote-mod .vote-options{font-size:0;}
.vote-mod .vote-options-item{width:360px;margin:0 40px 8px 0;display:inline-block;*display:inline;*zoom:1;font-size:14px;vertical-align:top;}
.vote-mod .vote-options-item p{line-height:22px;padding-left:28px;background:url(/images/zhuanti/caikuaiyinluren/vote-checkbox.png) no-repeat left 2px;cursor:pointer;}
.vote-mod .vote-options-on p{background-image:url(/images/zhuanti/caikuaiyinluren/vote-checkbox-1.png);}
.vote-mod .vote-options-radio .vote-options-item p{background-image:url(/images/zhuanti/caikuaiyinluren/vote-radio.png);}
.vote-mod .vote-options-radio .vote-options-on p{background-image:url(/images/zhuanti/caikuaiyinluren/vote-radio-1.png);}
.vote-mod .vote-options-result{padding-left:28px;color:#cd04ff;font-size:12px;display:none;}
.vote-mod .vote-btns{font-size:0;text-align:center;padding-top:25px;}
.vote-mod .vote-btns a,.vote-mod .vote-btns span{height:50px;line-height:50px;padding:0 50px;margin:0 10px;font-size:18px;background:#cd04ff;color:#fff;display:none;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.vote-mod .vote-btns span{background:#c3c3c3;}
.vote-mod .vote-login{height:100%;line-height:1000px;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;background:#fff;filter:alpha(opacity=0);opacity:0;}

.vote-pop{width:498px;padding:10px;background:#7f54e6;position:fixed;left:50%;top:50%;margin-left:-259px;z-index:800;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;-webkit-box-shadow:0 0 6px rgba(255,255,255,.5) inset;-moz-box-shadow:0 0 6px rgba(255,255,255,.5) inset;box-shadow:0 0 6px rgba(255,255,255,.5) inset;display:none;}
.vote-pop .vote-pop-main{padding:50px 0 30px;background:url(/images/zhuanti/caikuaiyinluren/vote-pop-bottom-bg.png) no-repeat center bottom #fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.vote-pop .vote-pop-icon{width:60px;height:60px;position:absolute;right:10px;bottom:10px;background:url(/images/zhuanti/caikuaiyinluren/vote-pop-bottom-icon.png) no-repeat;}
.vote-pop .vote-pop-title{height:85px;line-height:52px;position:absolute;left:0;top:-24px;right:0;font-size:22px;color:#fff;background:url(/images/zhuanti/caikuaiyinluren/vote-pop-title.png) no-repeat center top;text-align:center;}
.vote-pop .vote-pop-rule-text{line-height:24px;margin:0 30px;}
.vote-pop .vote-pop-btns{font-size:0;text-align:center;padding-top:14px;}
.vote-pop .vote-pop-btns a{padding:0 48px;height:40px;line-height:40px;background:#5f32cd;font-size:18px;color:#fff;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;display:inline-block;}
.vote-pop .vote-pop-btns .vote-lottery-noChance{display:none;}
.vote-pop .vote-pop-close{width:40px;height:40px;line-height:160px;overflow:hidden;position:absolute;right:32px;top:-70px;background:url(/images/zhuanti/caikuaiyinluren/vote-pop-close.png) no-repeat;}
.vote-pop-mask{width:100%;height:100%;position:fixed;left:0;top:0;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:700;display:none;}
.lottery-main{font-size:0;text-align:center;}
.lottery-main li{width:126px;height:126px;border:6px solid #d2c2ff;margin:0 6px 12px;-webkit-border-radius:28px;-moz-border-radius:28px;border-radius:28px;overflow:hidden;display:inline-block;*display:inline;*zoom:1;}
.lottery-main li.on{border-color:#fcc94e;}
.lottery-explain{line-height:28px;padding:0 20px;text-align:center;display:none;}



.teacher-LiveList{padding-top: 25px;}
.teacher-LiveList h3{ font-size: 20px; color: #fff; background: url(/images/zhuanti/caikuaiyinluren/liveIconList.png) no-repeat 0 2px; padding-left:40px;}
.teacher-LiveList p{ padding: 15px 0 10px;}
.teacher-LiveList p i{display: inline-block;*display:inline; zoom: 1; width: 6px; height: 6px; border-radius: 50%; border: 2px solid #fff; background: #e57afe; margin-right: 5px;}
.teacher-LiveList span{ background: #7d59d5; height: 30px; line-height: 30px; border-radius: 15px; padding: 0 10px; font-size: 14px;display: inline-block;*display:inline; zoom: 1; }
.teacher-videoLive{position:absolute;right:46px;top:0;}
.teacher-videoLive img{cursor:pointer;}
.header-mod{ background: #fff;}
.teacher-videoLive .playBtn{ width: 134px; height: 40px; line-height: 40px; text-align: center; border: 2px solid #fff; border-radius: 25px; background: #cd04ff; left: 50%; top: 50%; font-weight: bold; margin-top: -20px; margin-left: -67px; color: #fff; font-size: 16px;}
.teacher-videoLive .playBtn i{display: inline-block;*display:inline; zoom: 1; background: url(/images/zhuanti/caikuaiyinluren/liveIcon.png) no-repeat; width: 20px; height: 20px; margin:10px 2px 0 0px; vertical-align: top;}
.teacher-videoLive p{ position: absolute; left:0; top: 50px; width: 486px; text-align: center; color: #fff;}
.teacher-videoLive .playBtn.live-pact{ animation: get-scale 1.5s infinite linear;}
.teacher-videoLive .playBtn.live-other{ background: #a0a0a0;}
@-webkit-keyframes get-scale {
 0% {
  -webkit-transform: scale(1);
  transform: scale(1);
 }
 50% {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
 }
 100% {
  -webkit-transform: scale(1);
  transform: scale(1);
 }
}

@keyframes get-scale {
 0% {
  -webkit-transform: scale(1);
  transform: scale(1);
 }
 50% {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
 }
 100% {
  -webkit-transform: scale(1);
  transform: scale(1);
 }
}