body,html{font-family: PingFang SC,SimHei,Arial,Microsoft Yahei,Lantinghei SC,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif; background: #FFF;}
img{ max-width: 100%; border:0; border:none; }
.courseDetailWarp{margin-top: 5.4rem;}
.headbar{position: fixed; height: 3.125rem; background: #fff; line-height: 3.125rem; left: 0; top: 0; z-index: 100; box-shadow: 0 0 7px 3px rgba(0,0,0,.05); -webkit-box-shadow:0 0 7px 3px rgba(0,0,0,.05); padding: 0 .9375rem; width: 100%;}
.headWarp{width: 100%; height: 100%; position: relative; text-align: center;}
.headbar{border-bottom: 1px solid #eee;}
.headlogo{position: absolute; top:0; left: 0; width: 1.25rem; height: 100%; margin-top: -.453125rem;}
.headlogo img{width: 0.5rem; height: .90625rem; margin-top: 1.5625rem; display: block;}
.headTitle{width: 60%; height: 100%; font-size: 1.125rem; line-height: 3.125rem; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; color: #666; font-size: 0.875rem; margin-left: 1.25rem; text-align: left; float: left;}
.mineha{
  float: right;
  margin-right: 1rem;
  cursor: pointer;
  margin-top: 0;
}
.headWarp .icon-touxiang{
  display: block;
    padding: 0px 12px;
    font-size: 1.875rem;
    color: #666;
}
.courseDetailWarp .courseImg img{width: 100%; vertical-align: middle;}
.courseImg{width: 100%;}
.play_img{position: relative;}
.play_img .live_msg{position: absolute; top: 0; width: 100%; color: #fff; font-size: 1.0rem; background-color: rgba(0,0,0,.7); height: 100%; }
.play_img .live_msg .ready{width: 7.5rem; height: 1.875rem; margin:0 auto; background: #49b849; 
  border-radius: 20px; line-height: 1.875rem; cursor: pointer; text-align: center; 
  margin-top:10%;}
#player > div{margin-left: auto; margin-right: auto;}
.tab_nav{border-bottom: 1px solid #eee;}
.tab_box .tab_nav ul{display: flex; height: 2.5rem;}
.tab_box .tab_nav ul li{flex:1; text-align: center; font-size: 1.0rem; line-height: 2.5rem; color: #707070; cursor: pointer;} 
.tab_box .tab_nav ul li.tab_cur span{border-bottom:solid 3px #49b849; color:#49b849; line-height: 2.375rem; display: inline-block; padding: 0 10px; cursor: pointer;}
.tab_con{border-top: 7px solid #f5f5f5; margin-bottom: 3.4375rem;}
.item-title{padding:0.75rem;}
.item-title .class-title{font-size:0.9375rem; color: #333; line-height: 2.375rem;}
.sub-title{font-size: 0.75rem; color: #ababab; line-height: 1.25rem;word-break:break-all; word-wrap:break-word;}
.course_price .new_price{color: #f62401; font-size: 0.9375rem; line-height: 1.875rem;}
.course_price .old_price{color: #49b849; font-size: 0.9375rem; line-height: 1.875rem; font-family: "微软雅黑";}
.course_price .line-throu{color: #ababab; font-size: 0.75rem; text-decoration: line-through; margin-left: 5px;}
.course_detail{background: #FFF;}
.course_detail .nd-warp{display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;flex-direction: row;display: -moz-box;-moz-box-orient: horizontal;display: -webkit-box;-webkit-box-orient: horizontal;display: box;box-orient: horizontal; border-top: 1px solid #eee;}
.course_detail .nd-warp li {text-align: center;border-right: 1px solid #eee;font-size: 0.75rem;color: #71777d;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;flex:1;height: 1.375rem;line-height: 1.375rem;margin: 0.625rem 0;}
.course_detail img{display: block;}
.chapter_list{margin-bottom: 3.125rem;}
.display-none{ display: none;}
.chapter_list .chapter .chapter-title{background: #f7f9fc; font-size: 0.9375rem; color: #333; 
  line-height: 1.5rem; 
padding: 0.5rem 0 0.75rem 0.5rem;} 
.chapter_list .course-list{font-size:0.9375rem; color: #333; line-height: 1.875rem;}
.ml{font-size: 15px; line-height: 19px;}
.ml li{padding-left: 0.9375rem; color: #666; cursor: pointer; border-bottom: 1px solid #f5f5f5;}
.ml li.on{color: #49b849;}
.ml .rt-box{padding:0.75rem 0;display: box; display: flex; }
.ml .rt-box .section_msg{
  flex: 1;
  overflow: hidden;
}
.ml .disable .rt-box  .type-icon:after{color: #ccc; border: 1px solid #ccc;}
.ml .disable .rt-box .lesson-name{color: #ccc; font-size: 0.75rem;}
.ml  .rt-box .audition{color: #49b849; width: 15%;  font-size: 0.75rem;}
.ml .rt-box .type-icon{
  margin-right: 9px; 
  font-size: 10px; 
  color: #49b849; 
  text-align: center; 
  border-radius: 2px;
   width: 26px; 
  line-height: 20px;}
.ml .rt-box .type-icon:after{
  border: 1px solid #49b849; 
  padding: 1px; 
  border-radius: 2px; 
  color: #49b849; 
  /* content: "视频";  */
} 
.ml .rt-box .lesson-name{
  /* width: 75% !important;  */
  width: 100%;
  font-size: 0.8125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
   }
   .schedule_status span{
    font-size: 0.75rem;
    color: #808080;
   }
/* .signUp{position: fixed; bottom: 0; width: 100%; height: 2.8125rem; color: #FFF; background: #49b849; font-size: 1.0rem; text-align: center; line-height: 2.8125rem; } */
.signUp_isexpiry{
  position: fixed; bottom: 0; 
  width: 100%; 
  max-width: 640px;
  height: 2.8125rem; color: #FFF; background: #999; font-size: 1.0rem; text-align: center; line-height: 2.8125rem; display: none;}
.lecture{padding: 1.25rem; border-bottom: 7px solid #f5f5f5;}
.lecture-wrap{display: flex; }
.lecture-img{flex:0 0 69px; margin-right: 0.9375rem;}
.lecture-text{flex:1;}
.lecture-name{font-size: 0.875rem; color: #666; line-height: 1.875rem; padding-top: 0.3125rem;}
.lecture-type{padding: 0.1875rem 0; color: #999;  font-size: 0.75rem; margin-top: 0.3125rem;}
.lecture-detail{height: 5.0rem; color: #ababab; font-size: 0.75rem; line-height: 1.25rem; overflow: hidden;word-break:break-all;word-wrap:break-word; padding-top: 0.5rem;}
.tips-public{display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 98;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);}
.tips-public .shoppinggo{display: none;
  position: fixed;
  left: 50%;
  top: 40%;
  width: 260px;
  z-index: 9999;
  margin-left: -130px;
  background: white;
  border: 1px solid #d8d8d8; 
  border-radius: 6px;}
.tips-public .shoppinggo .del-header1{display: block;
  width: 100%;
  height: 39px;
  font-size: 18px;
  line-height: 39px;
  color: #222;
  font-family: "微软雅黑";
  text-align: center;
  padding-top: 10px;}

.tips-public .shoppinggo .qxIntro1{
  text-align: center;
  font-size: 14px;
  color: #727272;
  line-height: 30px;
  font-family: "微软雅黑";
  margin-bottom: 20px;
}
.tips-public .shoppinggo .qxBtn1{
  height: 50px;
  width: 100%;
  border-top: 1px solid #ebebeb;
}
.tips-public .shoppinggo .qxBtn1 a{
  width: 129px;
  height: 40px;
  float: left;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
  margin: 6px 0;
  font-family: "微软雅黑";
}
.tips-public .shoppinggo .qxBtn1 .ok1{
  border-right: 1px solid #e2e2e2;
  color: #ff7385;
}
.tips-public .shoppinggo .qxBtn1 .ok1:hover{
  color: #ff475f;
}
.tips-public .shoppinggo .qxBtn1 .qx1{
  color: #999;
}
.tips-public .shoppinggo .qxBtn1 .qx1:hover{
  color: #ff7385;
}

.close_dl{width: 12px; position: absolute; right: 10px; top: 10px; font-size: 0; cursor: pointer;}


.bot{
  position: fixed; 
  bottom: 0; 
  left: 0;
  right: 0;
  margin: auto;
  max-width: 640px;
  width: 100%; 
  height: 3.063rem;
  background: #fff; 
  border-top: 1px solid #e5e5e5;
}
.bot-info{
  float: left;
  margin-left: 1.375rem;
  margin-top: .5rem;
}
.bot-info .bot_price{
  color: #0bd859;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.3rem;
}
.bot_count{
  color: #bbbbbb;
  font-size: .688rem;
  line-height: 1.3rem;
}
.service{
  float: right;
  margin: .469rem 1rem 0 0;
  padding-left: .875rem;
  border-left: .031rem solid #eeeeef;
}
.service img{
  width: 1.375rem;
  height: 1.09375rem;
  display: block;
  margin: 0 auto;
}
.service p{
  font-size: 0.75rem;
  color: #0bd859;
  margin-top: .2rem;
}
.signUp,.signSer{
  float: right;
  color: #FFF; 
  background: #0bd859; 
  font-size: .938rem; 
  text-align: center;
  cursor: pointer;
  width: 9.375rem;
	height: 3.063rem;
  line-height: 3.063rem;
}


.free_audition{
  color: #0bd859 !important;
  border: 1px solid #0bd859;
}