/**********详情页头部************/
.video-js{
      background-color:#e52641;  
}
.video-js.vjs-fluid{
  width: 100%;
  height: auto;
  margin:0 auto;
  border-radius: .2rem;
  overflow: hidden;
}
.video .video-js .vjs-big-play-button{
  background-color: rgba(0, 0, 0, .45) !important;
  width: 1em !important;
  height: 1em !important;
  line-height: 1em !important;
  margin-left: -.5em!important;
  margin-top: -.5em !important;
  font-size: 6em;
  border-radius: 50%;
  border: none;
}
.video{width: 1200px;margin:0 auto;overflow: hidden;min-height:490px;}
.video-left{width: 870px;float: left;}
.video-right{margin-left: 870px;  overflow: scroll;height: 490px;background:#f3f4f5;padding-left: 20px;text-align: left;}
.video-right p{font-size: 16px;line-height: 20px;}
.video-right img{width: 100%;height: auto;}

.video h2{font-size: 18px;color: #242424;padding:20px 0 0;line-height: 18px;cursor: pointer;background: url('http://imgs.52jiaoshi.com/1545899154.png') no-repeat 98% 80%;background-size:14px 8px; font-weight: bold;}
.video h3{font-size:14px;line-height: 16px;color: #505656;cursor: pointer;padding-bottom: 5px;background: url('http://imgs.52jiaoshi.com/1545899154.png') no-repeat 98% 50%;background-size:14px 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 40px;}
.class_3 li,.class_2 li{cursor: pointer;height: 36px;line-height: 36px;padding-left: 40px;margin-left: -20px;padding-right: 50px;position: relative;}
.class_3 li span,.class_2 li span{color: #757576;font-size: 12px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;display:block;}
.class_3 li.active,.class_2 li.active{background: #e5e8ea;}
.class_3 li.active span,.class_2 li.active span{color: #3eccb3;}
.class_3 li span.si,.class_2 li span.si{margin-right:24px;}
.class_3 li i,.class_2 li i{float:right;height: 18px;line-height: 18px;background: #3eccb3;color: #fff;text-align: center;font-size: 12px;border-radius: 3px;margin:9px 0;}
.level_2 .level_3:first-child{padding-top: 20px;}
.level_3{padding-top: 10px;}
::-webkit-scrollbar{height:2px;width:2px;background:#f5f5f5;border-radius: 2px;}
::-webkit-scrollbar-thumb{background:#c3c3c3}
::-webkit-scrollbar-thumb:hover{background:#929292}
::-webkit-scrollbar-corner{background:#f5f5f5}
.video-title{font-size: 18px;color: #202026;line-height: 18px;padding: 14px 0;border-bottom: 1px solid #e0e5e9;}

.ClassHeader{padding:50px 0 0;}
.classmsg{height: 120px;background: #fafbfb;position: relative;}
.classmsg_left{width: 580px;float: left;text-align: left;height: 120px;line-height: 120px;}
.classmsg_left .classname{font-size: 20px;color: #333;line-height: 28px;padding:25px 0 5px;}
.classmsg_left .classdesc{font-size: 14px;color: #999;line-height: 28px;}
.classmsg_right{margin-left: 620px;text-align: left;}

.classmsg_right .price{font-size: 16px;color: #999;padding-top: 25px;}
.classmsg_right .price .p1{color: #f84a4a;font-size: 18px;}
.classmsg_right .price .nowprice{color: #f84a4a;font-size: 30px;}
.classmsg_right .price .ori_price{text-decoration:line-through;}
.classmsg_right .classtip{font-size: 14px;color:#f84a4a;background: #ffe6d6;height: 22px;line-height: 22px;padding: 0 10px;display: inline-block; }
.btns{position: absolute;right: 0;width: 420px;top: 35px;}
#finex_box{width: 250px;height: 50px;text-align: left;margin-left: 170px;position: relative;}
a.btn-buy{width:150px;font-size:20px;text-decoration:none;display:inline-block;line-height: 50px;background-color:#f84a4a; text-align:center; color:#FFF;margin-left: 0; }
.d-buybtn .WX_code{display: inline-block;width: 100px;background: #f84a4a;font-size: 16px;color: #fff;
            text-align: center;height: 50px;position: absolute;right: 0;top:0;}
.d-buybtn .WX_code dd{position: relative;}
.d-buybtn .WX_code dd img{width: 90px;height: 90px;}
.d-buybtn .WX_code dd{background: #fff;padding:15px;text-align: center;position: absolute;top:65px;left: -12px;width: 90px;z-index: 99;
            border:1px solid #e5e5e5;display: none;}
.d-buybtn .WX_code .line{position: absolute;left:0;top:16px;width: 1px;height: 18px;background: #fff;}

.d-buybtn .WX_code dd img.JT{position: absolute;left:50%;top: -8px;margin-left: -9px;width: 19px;height: 8px;}     
.record_classinfo{padding:20px;background: #fff;margin-bottom: 20px;}  
.record_classinfo ul li{float: left;}  
.record_classinfo .record_title{font-size: 18px;line-height: 18px;color: #333;font-weight: bold;padding-bottom: 30px;}      
.record_classinfo .record_classname{font-size: 18px;line-height: 20px;color: #333;padding-bottom: 20px;}  
.record_lable span{display: inline-block;color: #999;width: 48%;text-align: left;font-size: 14px;line-height: 14px;padding-bottom: 20px;}
.qqgroup{text-align: center;display: block;width: 100%;height: 40px;line-height: 40px;background: #ffe6d6;}
.qqgroup img{width: 23px;height: 26px;vertical-align: middle;position: relative;top:-2px;}
.qqgroup span{color: #f84a4a;display: inline-block;padding-left: 5px;font-size: 16px;}