/* 课程列表筛选 */
.list_search{

    width: 1190px;
    margin:10px auto 14px auto;
    background: #fff;
    overflow: hidden;
    font-size: 14px;
    color: #999999;
    padding:5px 0 5px 0;
    }
    .list_search .l_s_tabs{

      width: 96%;
      margin:14px auto;
     overflow: hidden;
     color: #3C3C3C;
      
    }
    .list_search .l_s_tabs h2{
      width: 5%;
      float: left;
    }
    .list_search .l_s_tabs .l_s_tright{
      width: 95%;
      float: left;
      
    }
    .list_search .l_s_tabs .l_s_tright a{

      float:left; 
      margin:0 6px 6px;
      color: #333;
      padding: 3px 0;
      height: 18px;
      line-height: 18px;
    }
    
    .list_search .l_s_tabs .l_s_tright .active{
      color: #FFF;
      /*background: #FE5300;*/
      background: #FE5300;
      border-radius: 2px;
      width: 45px;
      text-align: center;
      /* color: #FE5300 ; */
    }
    .list_search .l_s_zh{
      width: 96%;
      margin:10px auto;
    overflow: hidden;
    }
    .list_search .l_s_zh h2{

      color: #FC584D;
      float: left;
    }
     .list_search .l_s_zh ul{

      float: left;
     }
    .list_search .l_s_zh ul li{

      float: left;
      margin-left: 24px;
    }
.list_search .l_s_zh ul li a{
  
color: #999999
}
    .l-s-down{
    display: inline-block;
      width: 7px;
      margin-left: 3px;
     

    }
    .l-s-down i{
      cursor: pointer;
    }
    .l-s-down .arrow-top,.l-s-down .arrow-bottom{

      float: left;
      width: 7px;
      height: 4px;
      overflow: hidden;
      background: url(/static/images/list_arrow.png) no-repeat;
    }
.l-s-down .arrow-top {
    background-position: 0 0px;
}
.l-s-down .arrow-bottom {
    background-position: 0 -10px;
    margin-top: 2px;
}
.l-s-down .arrow-top_active {
    background-position: 0 -40px;
}
.l-s-down .arrow-bottom_active {
    background-position: 0 -50px;
    margin-top: 2px;
}

/* 课程列表 */
.courseList.index .container .title_list {
  display: block;
  width: 100%;
  height: 64px;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin: 30px 0 20px;
}
/* .courseList.index .container .title_list:first-child {
  margin-top: 45px;
} */
.banner {
  margin-bottom: 10px;
  margin-top: 70px;
}
.courseList.index .container .title_list h2{
  
  font-size:32px;
  color: #3C3C3C;
  font-weight: 600;
  line-height: 55px;
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);/*居中*/
  display: flex;
 /*  background: url(/static/images/list_arrow.png) no-repeat;*/
  
}
/* 标题下划线样式 */
.courseList.index .container .title_list h2::after{
  width: 0.4rem;
  height: 5px;
  border-radius: 3px;
  /*background: #F00718;*/
  background:#FF5A00;
  bottom: -4px;
  content: "";
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
/** 竖杠样式
.courseList.index .container > h2::before{

   display: block;
  content: "";
  width: 0.04rem;
  height: 0.25rem;
  margin-top: 0.13rem;
  background: #FE5300;
  margin-right: 0.1rem;
  float: left;
}
**/
.courseList.index .container span.title_list .a_more{
 /* color: #FE5300;
  height: 20px;
  padding:20px 5px;
  font-weight: normal;
  float: right;
*/
  font-size: 16px;
  /* color: #FE5300; */
  color: #909090;
  padding-left: 10px;
  padding-right: 15px;
  line-height: 53px;
  font-weight: normal;
  float: right;
  position: relative;
}
/* 图片按钮 */
.btn_more {
  width: 130px;
  height: 32px;
  border-radius: 20px;
  background: #FFF;
  position: absolute;
  bottom: 40px;
  left: 30px;
  font-size: 14px;
  color: #F00;
  text-align: center;
  line-height: 32px;
}
.bg_FF2621 {
  background: #FF2621;
  color: #FFF;
}
.bg_FFB500 {
  background: #FFB500;
}

.courseList.index .container span.title_list .a_more i::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-width: 2px 2px 0 0;
    bottom: 22px;
    float:left;
    border-style: solid;
    /* border-color: #FE5300; */
    border-color: #909090;
    transform: matrix(0.7, 0.7, -0.7, 0.7, 0, 0);
    -webkit-transform: matrix(0.7, 0.7, -0.7, 0.7, 0, 0); /* Safari 和 Chrome */
    -ms-transform: matrix(0.7, 0.7, -0.7, 0.7, 0, 0); /* IE 9 */
    -moz-transform: matrix(0.7, 0.7, -0.7, 0.7, 0, 0);/* Firefox */
    -o-transform: matrix(0.7, 0.7, -0.7, 0.7, 0, 0); /* Opera */
  
}

/* 首页标题背景 */
/* .courseList.index .container .title_list img.w654{
  width:654px;
  
}
.courseList.index .container .title_list img.w378{
  width: 378px;
  
}
.courseList.index .container .title_list img.w240{
  width: 240px; 
  height: 35px;
}
.courseList.index .container .title_list img.w330{
  width: 330px;
  
}
.courseList.index .container .title_list img{
    width: 600px;
    height: 60px;
    display: inline-block;
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
    /* image-rendering: crisp-edges;  */
    /* WebKit引擎现不支持该值，Firefox支持 */
    /* position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    margin: auto;
}  */

.courseList.index .container > div{

  width:100%;
  overflow: hidden;
  
}
.courseList.index .container > div:last-child{
  margin-bottom:10px;
}
.courseList.index .container > div a{

  width:285px;
  height: 330px;
  /* height: 278px!important; */
  float: left;
  margin:10px 16px 10px 0;
  /* border:1px solid #E9E9E9; */
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  position: relative;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.10);
  box-sizing: border-box;
  -webkit-box-sizing: content-box;

}
.courseList.index .container > div a .topimg{
  width: 285px;
  height: 152px;
}
.courseList.index .container > div a .a_first_img{

  width:285px;
  height: 288px;
  /* height: 278px!important; */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

.courseList.index .container > div a .zhib_box{

  position: absolute;
  right: 20px;
  top: 52%;
  width: 56px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  background: rgba(39, 194, 178, 0.15);
  border-radius: 2px;
  color: #FE5300;
}
.courseList.index .container > div a .zhib_box img{

  float: left;
  margin:6px 4px 0 6px;
  width: 14px;
}
/* 标签 */
.courseList.index .container > div a .course_tab{
  /* position: absolute;
  right: 0;
  top:0; */
  height: 20px;
  line-height: 20px;
  opacity: 1;
  font-size: 12px;
  color: #fff;
  z-index: 444;
  text-align: center;
  display:block;
  width: 92%;
  margin: 0 auto;
}
.courseList.index .container > div a .course_tab span, .jointlyBox .cardbox .card_fl .course_tab span {

  /* background: #FE5300; */
  /* border-radius: 0px 8px 0px 8px; */
  padding:0 4px;
  float: left;
  /* margin-left: 4px; */
  margin-right:4px;
  background: #EBF6FF;
  color: #1A95F2;
  border-radius: 2px;
}
.courseList.index .container > div a .course_tab span:first-child{
  
  background: rgba(208, 0, 15, 0.0500);
  color: #FE5300;
  /* background:  #FE5300; */
  order: 2
}
.courseList.index .container > div a .course_tab span:nth-child(2n){
 
  background: #EBF6FF;
  color: #1A95F2;
  /* background: #FB931E; */
  order: 1
  
}
.courseList.index .container > div a .course_tab span:nth-child(3n){
  /* margin-left: 4px; */
  background: #EBF6FF;
  color: #1A95F2;
  /* background:#3DABFF; */
  order: 0

}
.courseList.index .container .course_node a:hover{
 /* margin-top: 6px;
  border-top: 2px solid #F00718;
  border-radius: 2px;*/
  border:1px solid #FF5A00;
}
.courseList.index .container .course_node a.none_hover:hover{
  margin-top: 6px;
  border-top: none;
  border-radius: 8px;
}

.courseList.index .container > div a:hover{
  
  margin-top: 2px;
}

.courseList.index .container > div a .fist_a{

  overflow: hidden;
  position: absolute;
  top: 20px;
  left:30px;
  font-size: 22px;
  line-height: 32px;
  color: #fff;
  z-index: 999;
  font-weight: bold;
}
.courseList.index .container > div a .fist_a span{
  font-weight: 100;
  font-size: 16px;
 
}
.courseList.index .container > div a:nth-child(4n){

  margin-right: 0
}
.courseList.index .container > div a h3{

  color: #3C3C3C;
  font-size: 18px;
  width: 92%;
  height: 49px;
  margin:18px auto 0 auto;
  font-weight: bold;
   word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}
.courseList.index .container > div a p{

  color: #999999;
  font-size: 16px;
   width: 92%;
  margin:5px auto 0 auto;
  overflow: hidden;
}
.courseList.index .container > div a .course_zhibo{

   width: 92%;
   margin:0 auto;
  overflow: hidden;
}
.courseList.index .container > div a .course_zhibo p{

    width: 45px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    float: left;
    padding: 0 3px 0 8px;
    margin-right: 4px;
    margin-top: 3px;
    border-radius: 4px;
    background:rgba(208, 0, 15, 0.05);
    color: #FE5300
  
}
.courseList.index .container > div a .course_zhibo .p_zhibo{

  background: rgba(208, 0, 15, 0.05);
  color: #FE5300;
}

.courseList.index .container > div a .course_zhibo p img{
    float: right;
    margin: 5px 4px 0 0;
    width: 12px;
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
    image-rendering: crisp-edges; /* WebKit引擎现不支持该值，Firefox支持 */
}
.courseList.index .container > div a p sub{

  float: left;
  /* height: 24px; */
  height: auto;
  line-height: 24px;
}
.courseList.index .container > div a p sub img{

  float: left;
  width: 20px;
margin: 1px 1px 0 0;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges; /* WebKit引擎现不支持该值，Firefox支持 */
}
.courseList.index .container > div a p sub span{

  color: #FE5300;
}
.courseList.index .container > div a .i_box{

  overflow:hidden;
  /*width: 70%;*/
  float: left
}
.courseList.index .container > div a .i_box p{

  width: 40px;
  float: left;
  margin-right: 2px;
  font-size: 10px;
  text-align: center;
}

.courseList.index .container > div a .i_box_bottom{
  border-top:1px solid #EEEEEE;
  width: 93%;
  margin:8px auto 0 auto;
  padding:8px 0;
  overflow: hidden;
}
.courseList.index .container > div a .i_box_bottom .right{

  text-align: right;
  height: 57px;
  line-height: 57px;
  float: right;color:#FE5300;font-weight: bold;
  font-size: 16px;text-overflow:ellipsis;
}
.courseList.index .container > div a .i_box_bottom .right i{

  font-style: normal;
  text-decoration:line-through;
  color: #999999;
  margin-right: 2px;
  font-weight: normal;
  font-size: 14px;
}
.courseList.index .container > div a .i_box_bottom .right b {
  padding-right: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.courseList.index .container > div a span.tags, .cardbox .card_fl .tags {
  line-height: 20px;
  font-size: 12px;
  color: #999;
  width: 92%;
  margin: 3px auto 0;
  /* word-break: break-all; */
  text-overflow: ellipsis;
  white-space: nowrap;
  /* display: -webkit-box;
  -webkit-box-orient: vertical; */
 /* -webkit-line-clamp: 2;  这里是超出几行省略 */
  overflow: hidden;
  display: block;
  /* padding-left: 5px; */
  padding-bottom: 6px;
  
}
.courseList.index .container > div a .i_box p img{

  display: block;
  width: 32px;
  margin:0 auto 2px auto;
  image-rendering: crisp-edges;
  border-radius: 50%;
}
.courseList.index .container > div a .i_box p span {
  width: 50px;
  height: 22px;
  line-height: 22px;
  display: -webkit-box;
  /* -webkit-box-orient: vertical; */
  text-overflow:clip;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.courseList.index .container > div a .in-btm{

  width: 100%;
  height: 50px;
  margin:0 auto;
  border-top: 1px solid #F5F5F5;
  font-size: 14px;
  color: #999999;
  position: absolute;
  bottom: 0;
  left:50%;
  margin-left:-50%;
  padding: 0 4%;
  box-sizing: border-box;
}
.courseList.index .container > div a .in-btm span{

  line-height: 50px;
  /* overflow: hidden; */
}
.courseList.index .container > div a .in-btm .left{
  width:54%;
  float:left;
}
.in-btm .left .buyNums {
  color:#FE5300;
}
.courseList.index .container > div a .in-btm .right{
  width:44%;
  text-align: right;height: 50px;
  float: right;color:#FE5300;font-weight: bold;
  font-size: 16px;text-overflow:ellipsis;
}
.courseList.index .container > div a .in-btm .right i{

  font-style: normal;
  text-decoration:line-through;
  color: #999999;
  margin-right: 2px;
  font-weight: normal;
  font-size: 14px;
}
.courseList.index .container > div a .in-btm .right b {
  padding-right: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 课程详情 */

.detail_pre{

  display: block;
  margin-bottom: 40px
}
.detail_pre .de_pr_title{

  width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.1rem .4rem;
    font-size: 18px;
    font-weight: 500;
    background: #FFF8F1;
    color: #3C3C3C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
   
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.detail_pre .de_pr_title span{

  color: #F3493A;
  font-size: 14px;
  padding-left: 5px;
}
.detail_pre .de_pr_list,
.de_pr_tebox,
.cont_paybox .de_pr_list{

  width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:.1rem 0.4rem 0.3rem 0.4rem;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.detail_pre .de_pr_list a,
.detail_pre .de_pr_tebox a,
.cont_paybox .de_pr_list a{

  float: left;
  width: 200px;
  height: 85px;
  border:1px solid #F6F6F6;
  background: #F6F6F6;
  margin-right: 24px;

}
.detail_pre .de_pr_tebox a{

  margin:0 0 10px 0;
}
.detail_pre .de_pr_list a p sub,
.cont_paybox .de_pr_list a p sub{


  background: url(../images/common/pre_select.png);
  width: 14px;
  height: 14px;
  float: left;
  margin:6px 0 0 4px;
}
.detail_pre .de_pr_list .hover_a,
.cont_paybox .de_pr_list .hover_a{

  border: 1px solid #FE5300;
  background: rgba(49, 238, 218, 0.18);
}
.detail_pre .de_pr_list .hover_a  p sub,
.cont_paybox .de_pr_list .hover_a p sub{

  background: url(../images/common/pre_checked.png);
  width: 14px;
  height: 14px;
  float: left;
  margin:6px 0 0 4px;
}
.detail_pre .de_pr_list a h2,
.detail_pre .de_pr_tebox a h2,
.cont_paybox .de_pr_list a h2{

  color: #3C3C3C;
  font-size: 14px;
  width: 96%;
  margin:10px auto 5px auto;
}
.detail_pre .de_pr_list a p,
.detail_pre .de_pr_tebox a p,
.cont_paybox .de_pr_list a p{

  width: 96%;
  overflow: hidden;
  font-size: 20px;
  color: #3C3C3C;
  margin:0 auto;
  height: 24px;
  line-height: 24px;
}
.detail_pre .de_pr_tebox a p{

  margin-top: 10px
}
.detail_pre .de_pr_list a p img,
.cont_paybox .de_pr_list a p img{

  width: 14px;
  float: left;
  margin:6px 0 0 4px;
}
.de_pr_tebox .de_prbtn{

  float: left;
  overflow: hidden;

}
.de_pr_tebox .de_prbtn p{

  overflow: hidden;
  height: 24px;
  line-height:24px;
}
.detail_pre .de_pr_tebox .de_pr_aboxs{

  float:left;
  min-width:220px;
  height: 85px;
  margin-bottom: 10px;
}
.detail_pre .de_pr_tebox .de_pr_aboxs sub{

  margin-top: 35px;
}
.detail_pre .de_pr_tebox .de_pr_aboxs1{

  float:left;
  width:200px;
  height: 85px;
  margin-bottom: 10px;
}
.detail_pre .de_pr_tebox .de_pr_aboxs1 sub{

  margin-top: 35px;
}
.detail_pre .de_pr_list a p span,
.detail_pre .de_pr_tebox .de_prbtn p span,
.cont_paybox .de_pr_list a p span{

  float: left;
  font-size: 16px;
  font-weight: 400;
  color: #F3493A;
  margin:0 2px;
}
.detail_pre .de_pr_list a p i,
.detail_pre .de_pr_tebox .de_prbtn p i,
.cont_paybox .de_pr_list a p i{

  font-style: normal;
  color:#999999;
  font-weight: 400;
  text-decoration: line-through;
  font-size: 12px;
  float: left;
}

.detail_pre .de_pr_tebox sub{

  float: left;
  width: 24px;
  height: 24px;
  font-size: 24px;
  text-align: center;
  line-height: 22px;
  margin:20px;
  background: #3C3C3C;
  color: #fff;
  border-radius: 50%;
}
.detail_pre .de_pr_tebox .de_prbtn a{

  width: 140px;
height: 52px;
line-height: 52px;
text-align: center;
background: #F3493A;
border-radius: 4px;
font-size: 20px;
color: #fff;
display: block;
}
.de_pr_actives{

  overflow: hidden;
  display: none;
}
.de_pr_abox{

float: left;
overflow: hidden;
}
.detail_pre h3 {
    font-size: 18px;
    font-weight: 400;
    color: #3C3C3C;
    
    
    overflow: hidden;
    background: #fff;
    padding:.05rem .4rem;

    display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0.1rem;
  width: 100%
}
.detail_pre h3::before{

  display: block;
  content: "";
  width: 0.03rem;
  height: 0.26rem;
  margin-top: 0.02rem;
  background: #FE5300;
  border-radius: 2PX;
  margin-right: 0.1rem;
  margin-left:.25rem;
}

.de_pr_ts{

  width: 94%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    height: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #EEEEEE;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin:0 auto;
}
.detail .container {
  /* padding: 0.3rem 0 0; */
}
.detail .container .parameter {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding:0.2rem 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  margin:.1rem auto 0.3rem auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail .container .parameter > img {
  width: 4.48rem;
  height: 2.54rem;
  margin-right: 0.4rem;
}
.detail .container .parameter .contextBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  overflow: hidden;
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: default;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  color: #3C3C3C 
}
.detail .container .parameter .contextBox > h2 {
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 24px;
  line-height: 0.3rem;
  font-weight: normal;
  color: #3C3C3C;
   margin-bottom: 0.1rem; 

}
.detail .container .parameter .contextBox > sub {
  /* padding: 0.02rem .14rem .02rem .06rem; */
  font-weight: 400;
  background: #F9F9F9;
  
  color: #3C3C3C;
  line-height: 0.25rem;
  font-size: 16px;
  border-radius: 0.05rem;
  margin-bottom: 0.05rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.detail .container .parameter .contextBox > sub .wf_img img {
  float: left;
  width: 20px;
  height: 18px;
}
.wf_tab {
  overflow: hidden;
  display: flex;
  text-overflow: ellipsis;
white-space: nowrap;
}
.detail .container .parameter .contextBox > sub .wf_tab span {
  float: left;
  display: flex;
  
  align-items: center;
  margin-left: 6px;
}
.detail .container .parameter .contextBox > sub .wf_tab span:last-child {

  margin-right: 10px;
}
.detail .container .parameter .contextBox > sub .wf_tab img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.detail .container .parameter .contextBox > sub .title_img{

  position: absolute;
bottom:-95px;
left: 44px;
width: 300px;
height: 80px;
display: none;
z-index: 999

}
.detail .container .parameter .contextBox > sub .title_img i{

  background: url(../images/common/title_img.png) no-repeat;
  width: 26px;
  height: 17px;
  position: absolute;
  top: -15px;
  right: 40px;
}
.detail .container .parameter .contextBox > sub .title_img span{
  width: 290px;
background: #F9F9F9;
  height: 30px;
line-height: 30px;
border:1px solid #D5D5D5;
color: #666666 ;
border-radius: 4px;
display: block;
text-align: center;
font-size: 14px;
}
.detail .container .parameter .contextBox > sub img {
  margin-right: 4px;
  width: 20px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  margin:0.02rem 0 .02rem .06rem;
  
}
.detail .container .parameter .contextBox > sub .fl_left{

  float: left;
  margin:0.02rem 0 .02rem .04rem;
}
.detail .container .parameter .contextBox > sub .c_left img{
  margin: 0.02rem .02rem 0 0;
}
.detail .container .parameter .contextBox > sub .fl_r{

  float: left;
  padding:0.02rem .1rem .02rem 0;
}
.detail .container .parameter .contextBox > sub span {
  /* float: left; */
}
.detail .container .parameter .contextBox > sub .c_left{

  
  padding:0.02rem .35rem .02rem .06rem;
}
.detail .container .parameter .contextBox > sub .c_left img{

  float: left;
}
.detail .container .parameter .contextBox > sub .c_days{

  padding:0.02rem .1rem .02rem .06rem;

}
.detail .container .parameter .contextBox > sub .c_days img{
  cursor: pointer;
  width: 18px;
  float: right;
  margin: 4px 0 0 12px;
}
.detail .container .parameter .contextBox > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.04rem;
}
.detail .container .parameter .contextBox > p b {
  font-size: 0.28rem;
  font-weight: 600;
  line-height: 0.38rem;
  color: #FE5300;
  margin-right: 0.2rem;
  margin-top: 5px;
}
.detail .container .parameter .contextBox > p del {
  position: relative;
  color: #999999;
  font-weight: 400;
  font-size: 0.2rem;
  line-height: 0.27rem;
  margin-top: 5px;
}
.detail .container .parameter .contextBox > p del::before {
  content: "";
  display: block;
  width: 100%;
  height: 2PX;
  background-color: #999999;
  top: 50%;
  left: 0;
  position: absolute;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.detail .container .parameter .contextBox .tagBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin:0.05rem 0 0.04rem 0;
  width: 100%;
  overflow: auto;
}
.detail .container .parameter .contextBox .tagBox span {
  padding: 0 0.1rem;
  font-size: 0.14rem;
  color: #FE5300;
  line-height: 0.22rem;
  margin-right: 0.1rem;
  text-align: center;
  border-radius: 5PX;
  border: 1PX solid #FE5300;
}
.detail .container .parameter .contextBox .btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin:10px 0;
}
.detail .container .parameter .contextBox .btnBox .parameter_error{

  color: #B80006;
  font-size: 16px;
  float: left;
}
.detail .container .parameter .contextBox .btnBox > span {
  color: #B80006;
  font-size: 0.18rem;
  line-height: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail .container .parameter .contextBox .cont_borer{

  width: 99%;
  margin:5px auto 20px auto;
  height: 1px;
  background:none;
  border-bottom: 1px dashed #EBEBEB

}
.detail .container .parameter .contextBox .cont_selects{

  color: #3C3C3C;
  font-size: 0.16rem;
  line-height: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin:0px 0 10px 0;
}
.detail .container .parameter .contextBox .cont_selects h2{

  float: left;
  font-weight: none;
  min-width: 80px;
  margin-bottom: 5px;
}

.detail .container .parameter .contextBox .cont_selects .c_list_select{

  float: left;
  min-width: 40px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 14px;
  margin-right: 10px;
  cursor: pointer;
  border:1px solid #D2D2D2;
  color: #666666;
  position: relative;
  padding:1px 14px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.detail .container .parameter .contextBox .cont_selects .c_list_select_act{

  border:1px solid #FE5300;
  color: #FE5300;

}
.detail .container .parameter .contextBox .cont_selects .c_list_select_act .cont_active{

  background: url(../images/common/cont_actives.png) no-repeat;
  width: 24px;
  height: 22px;
  background-size: 100%;
  position: absolute;
  bottom: -1px;
  right: -1px
}
.detail .container .parameter .contextBox .cont_selects .youhui{

  width: 60px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  position: absolute;
  right: -50px;
  top: -14px;
  color: #fff;
  background: #F3493A;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.detail .container .parameter .contextBox .c_num{

color: #3C3C3C ;
  font-size: 0.14rem;
  line-height: 0.25rem;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

}
.detail .container .parameter .contextBox .c_num span{

  color:#FE5300;
  padding:0 4px;
}
.detail .container .parameter .contextBox .btnBox .parameterBtn {
  background: #FE5300;
  border-radius: 2px;
  width: 1.4rem;
  height: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 0.25rem;
  color: #FFFFFF;
  font-size: 0.18rem;
  font-weight: 400;
  margin-right: 0.2rem;
}
.detail .container .parameter .contextBox .btnBox .zx_btn{

  width: 88px;
height: 38px;
line-height: 38px;
background: #FFFFFF;
border-radius: 2px;
opacity: 1;
border: 1px solid #F3493A;
font-size: 18px;
color: #F3493A;
text-align:center;
font-weight: 400;
}


.introduceDirectory .container {
  padding: 0 0 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.introduceDirectory .container .catalog {
  background: #fff;
  width: 8.75rem;
  padding: 0 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.introduceDirectory .container .catalog ul {
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
          border-bottom: 1px solid #EEEEEE;
}
.introduceDirectory .container .catalog ul li {
  padding: 0.10rem 0.32rem 0.14rem;
  font-size: 0.20rem;
  font-weight: 400;
  color: #3C3C3C;
  line-height: 0.33rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  cursor: pointer;
}
.introduceDirectory .container .catalog ul li img{

  width: 38px;
  margin-top: -20px;
  image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}
.introduceDirectory .container .catalog ul li.active {
  font-weight: 400;
  font-size: 0.20rem;
  color: #FE5300 ;
  border-bottom: 4px solid #FE5300;
}
/* .introduceDirectory .container .catalog ul li.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.04rem;
  background: #FE5300;
  position: absolute;
  bottom: 0;
} */
.introduceDirectory .container .catalog ol li {
  min-height: 7.9rem;
  max-height: 99999.99rem;
}
.introduceDirectory .container .catalog ol li.introduce {
  width: 100%;
  overflow: hidden;
  font-size: 0.24rem;
  /* margin-top: 0.2rem; */
  padding-top: 0.2rem;
  background: #FFF;
}
.introduceDirectory .container .catalog ol li.introduce img {
  max-width: 100%;
}
.introduceDirectory .container .catalog ol li.directory {
  display: none;
}
.introduceDirectory .container .catalog ol li.directory .loopItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  border-bottom: 1px solid #EEEEEE;
}
.introduceDirectory .container .catalog ol li.directory .loopItem h1 {
  white-space: pre;
  font-size: 0.18rem;
  font-weight: 400;
  color: #3C3C3C;
  height: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  
  width: 100%;
}
.introduceDirectory .container .catalog ol li.directory .loopItem h1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.introduceDirectory .container .catalog ol li.directory .loopItem h1 a .selectIcon {
  margin-left: auto;
  width: 0.22rem;
 
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges; /* WebKit引擎现不支持该值，Firefox支持 */
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  cursor: pointer;
}
.introduceDirectory .container .catalog ol li.directory .loopItem h1 a .selectIcon.selected {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.introduceDirectory .container .catalog ol li.directory .loopItem:first-of-type h1 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.introduceDirectory .container .catalog ol li.directory .loopItem dl {
  background: #F9F9F9;
}
.introduceDirectory .container .catalog ol li.directory .loopItem dl::before {
  content: "";
  display: block;
  width: 100%;
  /* height: 0.3rem; */
  background: #fff;
}
.introduceDirectory .container .catalog ol li.directory .loopItem dl:nth-of-type(2n) {
  background: #FFFFFF;
}
.introduceDirectory .container .catalog ol li.directory .loopItem dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.15rem 0.2rem;
  cursor: default;
}
.introduceDirectory .container .catalog ol li.directory .loopItem dl dt .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.2rem;
  font-size: 0.22rem;
  color: #3C3C3C;
  font-weight: 400;
  line-height: 0.3rem;
}
.introduceDirectory .container .catalog ol li.directory .loopItem dl dt .icon img {
  width: 0.24rem;
  
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.introduceDirectory .container .catalog ol li.directory .loopItem dl dt .context {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 66%;
}
.introduceDirectory .container .catalog ol li.directory .loopItem dl dt .context span {
  font-size: 0.16rem;
  font-weight: 400;
  color: #3C3C3C;
  line-height: 0.22rem;
  margin-right: 0.2rem;
  max-width: 85%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.introduceDirectory .container .catalog ol li.directory .loopItem dl dt .context b {
  font-size: 0.16rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.25rem;
}
.introduceDirectory .container .catalog ol li.directory .loopItem dl dt .context .tag {
  margin-right: 0.2rem;
  font-size: 0.12rem;
  font-weight: 400;
  display: block;
  color: #fff;
  border-radius: 2PX;
  border: 1PX solid #FE5300;
  padding: 0.04rem 0.1rem;
  line-height: 0.12rem;
  margin-top: 0.02rem;
  color: #FE5300;
}
.introduceDirectory .container .catalog ol li.directory .loopItem dl dt .time {
  font-size: 0.16rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.25rem;
  margin-left: auto;
}
.introduceDirectory .container .recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  width: 2.85rem;
}
.introduceDirectory .container .recommend > h1,
 .introduceDirectory .container .recommend > h2{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-weight: 400;
  color: #3C3C3C ;
  background: #fff;
  font-size: 0.20rem;
  margin-bottom: 0.15rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* padding-left: 0.1rem; */
  height: 0.5rem;
  /* border-left: 4px solid #FE5300; */
}
 .introduceDirectory .container .recommend > h2::before {
  display: block;
  content: "";
  width: 0.04rem;
  height: 0.26rem;
  margin-top: 0.02rem;
  background: #FE5300;
  border-radius: 2PX;
  margin-right: 0.1rem;
} 
/* .introduceDirectory .container .recommend > h1::before {
  display: block;
  content: "";
  width: 0.03rem;
  height: 0.26rem;
  margin-top: 0.02rem;
  background: #FE5300;
  border-radius: 2PX;
  margin-right: 0.1rem;
} */
.introduceDirectory .container .recommend .loopItem {
  width: 2.85rem;
  background: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  margin-bottom: 0.2rem;
  overflow: hidden;
  border-top-left-radius: 10PX;
  border-top-right-radius: 10PX;
}
.introduceDirectory .container .recommend .loopItem:last-of-type {
  margin-bottom: 0;
}
.introduceDirectory .container .recommend .loopItem > img {
  width: 100%;
  height: 1.62rem;
}
.introduceDirectory .container .recommend .loopItem .contentBox {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.15rem 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* height: 2.72rem; */
  box-sizing: border-box;
}
.introduceDirectory .container .recommend .loopItem .contentBox > h2 {
  color: #3C3C3C;
  font-weight: 400;
  font-size: 0.18rem;
  line-height: 0.25rem;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.introduceDirectory .container .recommend .loopItem .contentBox > sub {
  font-size: 0.14rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.2rem;
  margin: 0.05rem 0;
}
.introduceDirectory .container .recommend .loopItem .contentBox .buyPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.introduceDirectory .container .recommend .loopItem .contentBox .buyPrice span {
  padding: 0.02rem 0;
  border-radius: 5PX;
  color: #B80006;
  font-size: 0.14rem;
  line-height: 0.2rem;
  margin-right: auto;
}
.introduceDirectory .container .recommend .loopItem .contentBox .buyPrice del {
  position: relative;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #999999;
  margin-right: 0.08rem;
}
.introduceDirectory .container .recommend .loopItem .contentBox .buyPrice del::before {
  content: "";
  display: block;
  width: 100%;
  height: 2PX;
  background-color: #999999;
  top: 50%;
  left: 0;
  position: absolute;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.introduceDirectory .container .recommend .loopItem .contentBox .buyPrice b {
  font-size: 0.18rem;
  line-height: 0.25rem;
  color: #B80006;
  font-weight: 600;
}


.teacher_listb{

  overflow: hidden;
  
  /* background: #fff; 
  padding:20px 0;*/
}
.teacher_listb a{

  background: #FFF;
  display: block;
  overflow: hidden;
  width: 88%;
  margin: 0 auto 15px;
  cursor: initial;
  padding: 20px 6%;
}
.teacher_listb a .t_list_tops{

  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 1px solid #EBEBEB;
}
.teacher_listb a .t_list_tops img{

  width: 88px;
  float: left;
  margin-right:5px;
  border-radius: 50%;
}
.teacher_listb a .t_list_tops .t_list_tright{

  float: left;
  margin-left: 8px
}
.teacher_listb a .t_list_tops .t_list_tright h3{

  color: #3C3C3C;
  font-size: 18px;
  margin:23px 0px 10px 0;
  font-weight: 400;

}
.teacher_listb a .t_list_tops .t_list_tright sub{

  overflow: hidden;
}
.teacher_listb a .t_list_tops .t_list_tright sub span{

  background: url(../images/start.png) no-repeat;
  width: 17px;
  height: 16px;
  background-size: 100%;
  float: left;
}
.teacher_listb a .t_list_tops .t_list_tright sub .span_active{

  background: url(../images/start_active.png) no-repeat;
  background-size: 100%;

}
.teacher_listb a .t_list_cont{
min-height: 1px;
  font-size: 14px;
font-weight: 400;
color: #999999;
line-height: 24px;
margin: 6px 0 0px 0;
overflow: hidden;
}
.courseList.index .container > div a.height80 {
  width: 100%;
  height: 80px;
  /* border: 1px solid #FFF; */
  border-radius: 0px;
  float: none;
  position: relative;
  margin: 10px 0;
  display: block;
  box-sizing: border-box;
}


.courseList.index .container > div a.height80 img {
  width: 100%;
  height: 80px;
  image-rendering:crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  
}
.courseList.index .container > div a.height80 .Ptxt {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 30px;

}
.courseList.index .container > div a.height80 .Ptxt span {
  color:#FFF;
  font-size: 28px;
  font-weight: bold;
  line-height: 80px;
}
.courseList.index .container > div a.height80 .Ptxt strong {
  color:#FFFA60;

}
/*  直播预约*/

.bodyCon08{
  
}
.bodyCon08 .students{margin:0 auto;width:1200px;height:200px;position:relative;}
/* .bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;} */
#four_flash{position:relative;width:1200px;height:200px; margin:0 auto;}
#four_flash .flashBg{
  width:1098px;height:120px; margin:0 auto;position:relative;overflow:hidden;padding:30px 0;
  background-color:#FFF;box-shadow: 0px 5px 18px 1px rgba(0,0,0,0.05);}
#four_flash .flashBg ul.mobile{
  width:2000%;height:120px; position:absolute;top:30px; left:0;}
#four_flash .flashBg ul.mobile li{
    display: flex;
    float:left;width:366px;height:120px;color:#999;
}


#four_flash .flashBg ul.mobile li::before {
    margin: 10px 0 0 0;
display: block;
float: left;
width: 1px;
height: 90px;
background-color: #F5F5F5;
content: "";
margin-right:16px;
}

#four_flash .flashBg ul.mobile li img{
    width:156px;
    height:120px;
    display:block; 
    margin-right: 10px;
    border-radius: 5px;
}
#four_flash .flashBg ul.mobile li dd img {
    width:16px;height:16px; display: inline-block;
    margin-right: 3px;
}
#four_flash .flashBg ul.mobile li dd {
    font-size: 14px;display: flex;
    padding-top: 10px;
}
#four_flash .flashBg ul.mobile li dd.js_color {
   
    font-size: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
}
#four_flash .flashBg ul.mobile li dd.js_color span {
    color: #333;
 
}
#four_flash .flashBg ul.mobile li dd.js_color a {
    position: relative;
    width: 80px;
    height: 24px;
    border-radius: 13px;
    background: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #FE5300;
    margin-left: 12px;
    display: block;
}
#four_flash .flashBg ul.mobile li dd.js_color a.border_box {
  width: 78px;
  height: 22px;
  line-height: 24px;
  border:1px solid #FE5300;
}
#four_flash .flashBg ul.mobile li dd.js_color a img {
    
    width: 80px;
    height: 24px;
}
#four_flash .flashBg ul.mobile li dd.js_color a b {
    position: absolute; 
    right: 5px;
    bottom: 5px;
    font-size: 12px;
    font-weight: 400;
}
#four_flash .flashBg ul.mobile li dt {
    font-size: 16px;color: #333;
    padding-top: 10px;
    padding-right:10px;
    line-height: 24px;
    font-weight: 500;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
#four_flash .flashBg ul.mobile li p{font-size:16px; text-align:center;width:250px; line-height:24px;margin-top:10px;}
#four_flash .flashBg ul.mobile li a{display:block;background:url(../images/jiantou.png);width:31px;height:31px;border:0px;margin:8px auto;}
#four_flash .flashBg ul.mobile li a:hover{background:url(../images/jiantou2.png);}
#four_flash .but_left{width:33px;height:100px;position:absolute; top:60px; left:0px;cursor: pointer;}
#four_flash .but_right{width:33px;height:100px; position:absolute; top:60px; right:0px;cursor: pointer;}
#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}

/* 试听 */
.courseList.index .container .title_list img.w413 {
  width: 413px;
  height: 35px; 
}

.courseList.index .container > div a.box-show {
  background: #FFFFFF;
  /* box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.05); */
  box-shadow:0px 0px 4px 0px rgba(0,0,0,0.10);
  height: auto;
}
.courseList.index .container > div a.box-show  .st_bgImg {
  /* width:285px; */
  height: 172px;
  background: url(../images/home/st-img2.png) no-repeat;
  background-size: 100% 100%;
  font-size: 24px;
  color: #FFF;
  display: flex;
  align-items: center;
  padding-left: 25px;
  box-sizing: border-box;
}
.courseList.index .container > div a.box-show  .st_bgImg img {
  width: 30px;
  height: 30px;
  margin-right: 7px;

}
.courseList.index .container > div a.box-show img {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  border-radius: 50%;
}
.courseList.index .container > div a.box-show .techbox p {
  color: #333;
  padding: 10px 0 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.courseList.index .container > div a.box-show .techbox .boxflex {
  display: flex;
  align-items: center;
  color: #999;
  padding: 3px 0 10px;
  font-size: 14px;
}

/* 师资 */
.courseList.index .container .title_list img.w443 {
  width: 222px;
  height: 38px; 
}
.courseList.index .container .title_list img.w717 {
  width: 359px;
  height: 36px; 
}
.courseList.index .container > div a.no_border {
  border:0;
 height: auto;
  /* width: 287px; */
  padding-bottom: 20px;
  cursor: default;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.10);
}
.courseList.index .container > div a.no_border img {
  width: 287px;
}
.courseList.index .container > div a.no_border h3 {
  /* width: 285px; */
  width: 86%;
  font-size: 20px;
  color: #333;
  /* justify-content: center; */
  display: flex;
  align-items: center;
  margin: 15px auto 0;
  box-sizing: border-box; 
}
.courseList.index .container > div a.no_border h3 span {
  font-weight: 500;
  font-size: 14px;
  padding-top:4px
  /* border-left: 1px solid #CFCFCF; */
}
.courseList.index .container > div a.no_border h3 span::before {
  content: "";
  width: 1px;
  height: 15px; 
  background-color:#CFCFCF;
  margin:0 12px 0;
  display: inline-block;
}
/* .courseList.index .container > div a.no_border h3 i {
  font-weight: 100;
  width: 1px;
  height: 13px; 
  background-color:#CFCFCF;
  margin:0 10px;
} */
.courseList.index .container > div a.no_border p {
  line-height: 22px;
  font-size: 14px;
  height: 90px;
  color: #999999;
  text-align: left;
  word-break: break-all;/*自动换行*/
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
   /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
    
}

/* 首页关于展鹏 */
.about_sizheng {
  width: auto;
  min-width: 1190px;
  /* border: 1px solid #E9E9E9; */
  /* border: 1px solid hsla(0, 0%, 0%, 0.1); */
  border-radius: 2px;
  overflow: hidden;
  /* background: #fff; */
  position: relative;
  padding: 0px 0 40px;
}
.courseList.index .container .SZbox {
  width: 99.8%;
  background: #FFF;
  border-radius: 8px;
  /* height: 220px; */
  display: flex;
  justify-content:left;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.10);
}

.courseList.index .container .SZbox .SZbox_fl {
  width: 50%;
  float: left;
}
.courseList.index.about_sizheng .container {
  min-height: 380px;
}
.courseList.index .container .SZbox .SZbox_fl img {
  width: 100%;
  height: 100%;
}
.courseList.index .container .SZbox ul.SZbox_fr {
  width: 49.5%;
  color: #666666;
  /* display: flex; */
  /* justify-content: space-around; */
  line-height: 22px;
  padding-top: 15px;
  padding-bottom: 25px;
  /* box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.10); */
}

.courseList.index .container .SZbox .SZbox_fr li {
  padding: 0px 1% 0 5%;
  width: 94%;
  font-size: 14px;
}
.courseList.index .container .SZbox .SZbox_fr li h4 {
  display: flex;
  color: #333;
  font-size: 18px;
  align-items: center;
  padding-top: 20px;
}
.courseList.index .container .SZbox .SZbox_fr li h4::before {
  height: 16px;
  width: 3px;
  border-radius: 1px;
  content: "";
  /*background-color: #F00718;*/
  background-color: #FF5A00;
  margin-right: 7px;
}

.courseList.index .container .SZbox .SZbox_fr li h4 img {
  width: 17px;
  height: 17px;
  margin-left: 5px;
}

.courseList.index .container .SZbox .SZbox_fr li p {
  padding: 10px 10px 0 10px;
  color: #616161;
  /* font-weight: 600; */
  font-size: 14px;
  line-height: 22px;
  font-family:arial, 'Courier New', Courier, monospace;
}
/* 联报课程板块 */
.jointlyBox {
  margin-bottom: 15px;
  background: #FFF;
  padding: 0.3rem 0;
}
.jointlyBox .jointlyTip {
  font-size: 20px;
  border-bottom: 1px solid #F5F5F5;
  padding-bottom: 10px;
}
.jointlyBox .jointlyTip span, .jointlyBox .cardbox .card_fl .kc_time span {
  color:#FE5300;
}
.jointlyBox .cardbox {
  font-size: 20px;
  display: flex;
justify-content: space-between;
border-bottom: 1px solid #F5F5F5;
padding: 20px 0 15px;
}
.jointlyBox .cardbox .card_fl a {
  font-size: 18px;
  color: #333;
}
.jointlyBox .cardbox .card_fl .tags {
  width: auto;
  padding-left: 0;
}
.jointlyBox .cardbox .card_fl .kc_time {
  display: flex;
  align-items: center;
  padding: 10px 0 0;
  font-size: 16px;
  color: #999;
}
.jointlyBox .cardbox .card_fl .kc_time img {
  width: 20px;
  margin: 1px 1px 0 0;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.jointlyBox .cardbox .card_fl .teacher {
  clear: both;
  display: flex;
  padding: 10px 0 0;
}
.jointlyBox .cardbox .card_fl .teacher p {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-right:30px;
}
.jointlyBox .cardbox .card_fl .teacher img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin: 1px 1px 0 0;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.jointlyBox .cardbox .course_tab {
  font-size: 14px;
}
.jointlyBox .cardbox .card_fl .course_tab span {
  margin-left: 0;
  margin-right: 5px;
}
.jointlyBox .cardbox .course_tab span:nth-child(3n) {
  color:#FE5300;
  background: rgba(208, 0, 15, 0.0500);
}
.jointlyBox .cardbox .card_fr span {
  font-size: 14px;
  color: #979EA5;
  display: block;
  text-decoration: line-through;
  text-align: right;
}
.jointlyBox .cardbox .card_fr span:first-child {
  font-size: 26px;
  color: #FE5300;
  text-decoration: none;
  font-weight: bold;
}
.jointlyBox .btnBox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 25px;
}
.jointlyBox .btnBox a {
  width: 130px;
  height: 46px;
  line-height: 46px;
  border: 1px solid #FE5300;
  background: #FE5300;
  color:#FFF;
  font-size: 18px;
  text-align: center;
  margin-left: 30px;
  border-radius: 5px;
}
.jointlyBox .btnBox a:first-child {
  background: #FFF;
  color:#FE5300;

}
.courseList.index .container > .course_node_mianshi a{
  height: 282px;
}
.courseList.index .container > .course_node a .tabbox{
  position: absolute;
  top: -10px;
  left: 0;
  z-index: 999;
}
.courseList.index .container > .course_node a .tabbox span{
  padding:4px 6px;
  background: #000000;
  color:#fff;
  font-size: 12px;
  border-radius: 4px 0 4px 0;
  margin-right: 4px
}

/*师资介绍*/
.teacherContainer{
  background:url(../images/teacherNew/teacherbg.png) no-repeat;
  width: 1190px;
  height: 440px;
  background-size: 1190px 440px;
}
.teacherContainer .t_left{
  /*width: 750px;*/
  width: 60%;
  float: left;
  margin-left: 80px;
  padding-top: 56px;
}
.teacherContainer .t_left h2{
  font-size: 36px;
  color: #fff;
  font-weight: 500;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}
.teacherContainer .t_left h2 span{
  font-size: 16px;
  font-weight: normal;
  margin-left: 14px;
}
.teacherContainer .teacherLable{
  overflow: hidden;
  margin-top: 20px;
}
.teacherContainer .teacherLable div{
  padding:8px 20px;
  background:linear-gradient(to right,#FFF7F0,#FFD1B1);
  font-size: 14px;
  color: #B67348;
  margin-right: 16px;
  border-radius: 8px 2px 8px 2px;
  float: left;
}
.teacherContainer .teachetCont{
 font-size: 14px;
 color: #fff;
 line-height: 24px;
 margin: 20px 0;
 min-height: 120px; 
}
.teacherContainer .teacherList{
  overflow: hidden;
  margin-top: 20px;
  /* padding:8px 20px; */
  margin-left: 80px;
  float: left;
}
.teacherContainer .teacherList div{
  width: 70px;
  height: 66px;
  text-align: center;
  float: left;
  cursor: pointer;
}
.teacherContainer .teacherList div img{
  width: 60px;
  height: 60px;
  margin:3px auto;
}
.teacherContainer .t_right{
 float: right;
 width: 247px;
 position: relative;
 height: 440px
}
.teacherContainer .t_right img{
  width: 400px;
  position: absolute;
  bottom: 0;
  right: 0
}
@media (min-width: 1600px) {

  .courseList.index .container {
    width: 1460px;
    
  }

  .courseList.index .container > h2{

    /* font-size:34px; */
    
  }
  .bodyCon08 .students, #four_flash {
    width: 1460px;
  }
  #four_flash .flashBg {
    width: 1358px;
  }
  #four_flash .flashBg ul.mobile li {
    width: 452px;
  }
  #four_flash .flashBg ul.mobile li img {
    width: 206px;
  }
  
.courseList.index .container > div a{

  width: 345px;
  height: 370px;
  margin-right: 24px;
}
.courseList.index .container > div a .i_box p{
  width: 50px
}
.courseList.index .container > div a .topimg{
  width: 345px;
  height: 184px
}
.courseList.index .container > div a.no_border {
  width: 347px;
}
.courseList.index .container > div a.no_border img {
  width: 347px;
}
.courseList.index .container > div a .a_first_img{

  width: 345px;
  height: 343px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
  .courseList.index .container > div a .fist_a{
  
    /* font-size: 36px; */
  }
  .courseList.index .container > div a .fist_a span{

    /* font-size: 20px; */
 
  }
 /* .courseList.index .container > div a{

    height: 303px;
  }*/
  .courseList.index .container > div a h3{
  
    /* font-size: 22px; */
  }
  .courseList.index .container > div a .i_box p{

    /* font-size: 16px; */
  }

  .courseList.index .container > div a .in-btm{

    /* font-size: 16px; */
  }
  .courseList.index .container > .course_node_mianshi a{
  height: 317px
}
  .list_ml,.list_search{

    width: 1460px;
  }
.detail .container .parameter > img{
      width: 565px;
      height:321px;
}
.detail .container .parameter .contextBox > h2{

  /* font-size: 30px; */
}
 .detail .container .parameter .contextBox > sub{
  /* font-size: 18px; */
 } 
 .introduceDirectory .container .catalog{

  width: 1074px;
 }
 .introduceDirectory .container .recommend{

width: 354px;
 }
 .list_search{

  width: 1460px;
  margin: 10px auto 14px auto;
 }
 .detail .container .parameter .contextBox > sub .title_img{

  left: 110px;
 }
 .courseList.index .container .SZbox .SZbox_fr li h4 {
   /* font-size: 22px;
   padding-top: 20px; */
 }
 .courseList.index .container .SZbox .SZbox_fr li p {
   /* font-size: 16px;
   line-height: 26px;
   padding-top: 10px; */
 }
 .teacherContainer{
  width: 1460px;
  height: 540px;
  background-size: 1460px 540px;
}
.teacherContainer .t_left{
  padding-top: 60px
}
.teacherContainer .t_left h2{
  font-size: 40px;
  padding-bottom: 20px;
  }
.teacherContainer .teacherLable{
  margin-top: 30px
}
.teacherContainer .teachetCont{
  font-size: 16px;
  line-height: 32px;
  margin:30px auto;
  min-height: 120px; 
}
.teacherContainer .teacherList{
  margin-top: 36px
}
.teacherContainer .teacherList div{
  width: 84px;
  height: 80px;
}
.teacherContainer .teacherList div img{
  width: 74px;
  height: 74px;
}
.teacherContainer .t_right{
  height: 540px
}
.teacherContainer .t_right img{
  width: 490px;
}
} /*>=1600的设备*/