.swiper_wrappers{
    padding: 16px;
    background: #fff;
}
.courseNew_ad{
    margin: 16px 24px;
    height:64px;
    border-radius:32px;
    overflow:hidden;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 6px rgba(229,241,255,1);
}
.courseNew_ad_leftIcon{
    float: left;
    width: 64px;
    height: 64px;
}
.scrollWrapper{
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    float: left;
    margin-left: 16px;
}
.my_course {
    margin-bottom: 10px;
}
.course_tab_new_row{
    margin-bottom: 10px;
    padding: 15px;
}
.course_new_row{
    margin-bottom: 10px;
    background: #fff;
    padding: 15px;
}
.course_new_row.pd_0{
    padding-left: 0;
    padding-right: 0;
}
.course_new_forum_row{
    margin-bottom: 10px;
}
.course_new_row_head{
    position: relative;
    padding-left: 12px;
    line-height: 25px;
}
.course_new_row_head::before {
    position: absolute;
    left: 0;
    top: 2.5px;
    content: '';
    width: 4px;
    height: 20px;
    border-width: 0;
    border: none;
    border-style: none;
    background: #4394F9;
}
.course_new_row_train{
    margin-top: 16px;
}
.course_new_row_train_item{
    width: -webkit-calc(50% - 5px);
    width: calc(50% - 5px);
    margin-bottom: 10px;
}
.course_new_row_train .course_new_row_train_item:nth-child(odd){
    margin-right: 10px;
}
.course_new_row_train_name{
    line-height:20px;
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:bold;
    color:rgba(38,38,38,1);
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.course_new_row_train_dp{
    line-height:12px;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    color:rgba(38,38,38,0.60);
    margin-top: 5px;
    height: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.course_new_more_bottom{
    width:172px;
    padding: 11px 0;
    margin: 6px auto 0;
    text-align: center;
    border:1px solid rgba(223,223,223,1);
    border-radius:4px;
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:20px;
    color:rgba(67,148,249,1);
}
.course_new_more_bottom.disabled{
    color: rgba(223,223,223,1);
}
.course_new_row_sys_item{
    display: block;
    padding: 16px 0;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(232,232,232,1);
}
.course_new_row_sys .course_new_row_sys_item:last-child{
    border-bottom: none;
    padding-bottom:0;
}
.course_new_row_sys_img{
    width:140px;
    height: 90px;
}
.course_new_row_content .course_new_row_sys_img{
    width: 100px;
    height: 90px;
}
.course_new_row_sys_img img{
    height:100%;
    object-fit:cover;
}
.course_new_row_sys_text{
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);
    margin-left: 10px;
}
.course_new_row_content .course_new_row_sys_text{
    width: -webkit-calc(100% - 110px);
    width: calc(100% - 110px);
}
.course_new_row_sys_text_wrap{
    min-height: 90px;
}
.course_new_row_sys_name{
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:bold;
    line-height:20px;
    color:rgba(38,38,38,1);
}
.course_new_row_sys_dp{
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:18px;
    color:rgba(38,38,38,0.60);
}
.text_through{
    text-decoration: line-through;
}
.sale_btn{
    box-sizing: border-box;
    padding: 2px 3px;
    border:1px solid rgba(50,161,11,1);
    border-radius:11px;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:14px;
    color:rgba(50,161,11,1);
}
.shiting.sale_btn{
    padding: 2px 10px;
}
.yellow_btn{
    display: inline-block;
    width:80px;
    padding: 6px 0;
    text-align: center;
    background:rgba(255,216,67,1);
    border-radius:14px;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:17px;
    color:rgba(67,6,6,1);
}
a.yellow_btn:hover{
    color:rgba(67,6,6,1);
}
.course_new_content_info{
    text-align: center;
    font-size:0.16rem;
    font-family:Source Han Sans SC;
    line-height:22px;
    color:rgba(38,38,38,1);
    position: relative;
}
.course_new_content_info_left{
    position: absolute;
    top: 0;
    left: 15px;
}
.course_new_content_info_right{
    position: absolute;
    top: 0;
    right: 15px;
}
.course_new_content_dp{
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:17px;
    color:rgba(0,0,0,0.50);
    text-align: center;
    margin-top: 11px;
}
.pay_vip_btn{
    box-sizing: border-box;
    display: block;
    width:127px;
    text-align: center;
    margin: 20px auto 0;
    padding: 6px 0;
    background:rgba(255,216,67,1);
    border-radius:14px;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:17px;
    color:rgba(67,6,6,1);
}
.pay_vip_btn.green{
    background:rgba(243,255,248,1);
    border:1px solid rgba(92,183,64,1);
    color:#5CB740;
}
.pay_vip_btn.grey{
    background:rgba(249,249,249,1);
    border:1px solid rgba(148,148,148,1);
    color:#949494;
}
.go_trains{
    display: block;
    width: 100%;
    padding: 15px;
    text-align: center;
    font-size: 0.16rem;
    margin-top: 10px;
    background: #fff;
}
.course_new_content_share{
    position: absolute;
    left: 50%;
    top:50%;
    margin-left:74px;
    margin-top: -15px;

}
.course_new_content_share i{
    display: inline-block;
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
.course_new_row_content_title{
    text-align: center;
    position: relative;
}
.course_new_row_content_text{
    font-size:0.16rem;
    font-family:Source Han Sans SC;
    font-weight:bold;
    line-height:22px;
    color:rgba(0,0,0,1);
    opacity:0.6;
}
.left_icon{
    position: absolute;
    left: 80px;
    top: 0;
}
.right_icon{
    position: absolute;
    right: 80px;
    top: 0;
}
.color1{
    color: #4394F9;
}
.color2{
    color: rgba(67,148,249,0.7);
}
.color3{
    color: rgba(67,148,249,0.4);
}
.icons{
    margin-left: -16px;
}
.dnjmc_dp{
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(241,241,241,1);
    text-indent: 2em;
}
.noBorder.dnjmc_dp{
    border-bottom:none;
    padding-bottom: 0;
}
.train_btn_row{
    position:relative
}
.train_btn_fixed.train_btn_row{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.train_btn_fixed.train_btn_row .go_train_btn{
    width: 100%;
    margin:0
}
.go_train_btn{
    display: block;
    width:127px;
    text-align: center;
    margin: 16px auto 0;
    padding: 12px 0;
    background:rgba(255,216,67,1);
    border-radius:4px;
    font-size:0.16rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:22px;
    color:rgba(67,6,6,1);
}
.go_train_btn.disable{
    background: #BEBEBE;
    color: #9A9A9A;
}
.course_new_content_log{
    position: absolute;
    left: 50%;
    top:50%;
    margin-left:74px;
    margin-top: -14px;
    color:rgba(177,77,0,1)
}
a.go_train_btn.disable:hover{
    color: #9A9A9A;
}
a.go_train_btn:hover{
    color:rgba(67,6,6,1);
}
a.course_new_content_log:hover{
    color:rgba(177,77,0,1)
}
a.pay_vip_btn:hover{
    color:rgba(67,6,6,1);
}
a.pay_vip_btn.green:hover{
    color:#5CB740;
}
a.pay_vip_btn.grey:hover{
    color:#949494;
}
.swiper-pagination-bullet.yellowActive{
    background: #fff!important;
}
.a-btn.bg_yellow{
    background:rgba(255,216,67,1);
    color:#500B0B;
    font-weight:bold;
}
.a-btn.bg_yellow:hover{
    color:#500B0B!important;
}
.train_sign_row{
    display: block;
    position: relative;
    font-size: 0;
    padding: 20px 25px;
    background:linear-gradient(134deg,rgba(48,43,42,1) 0%,rgba(94,86,83,1) 100%);
    border-radius:6px;
    margin-top: 15px;
}
.train_sign_symbol{
    font-size:0.16rem;
    width: 16px;
    font-family:STXihei;
    font-weight:400;
    line-height:20px;
    color:rgba(255,216,67,1);
}
.train_sign_number{
    width: 80px;
    font-size:0.24rem;
    font-family:Source Han Sans SC;
    font-weight:800;
    color:rgba(255,216,67,1);
}
.train_sign_circle{
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -10px;
    font-size: 0.12rem;
    width:20px;
    height:20px;
    border:1px solid rgba(245,209,5,1);
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
}
.train_sign_circle.bg_yellow{
    width:20px;
    height:20px;
    background:linear-gradient(180deg,rgba(238,201,70,1) 0%,rgba(228,160,61,1) 100%);
    border:none;
    color: #fff;
}
.success_bage{
    width:40px;
    height:40px;
    background:rgba(255,207,23,1);
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-weight: bold;
    margin: 60px auto 0;
    border-radius: 50%;
}
.success_text{
    margin-top: 12px;
    text-align: center;
    font-size:0.2rem;
    font-family:Source Han Sans SC;
    font-weight:bold;
    line-height:28px;
    color:rgba(80,11,11,1);
}
.success_btn{
    box-sizing: border-box;
    display: block;
    width:209px;
    height: 46px;
    text-align: center;
    background:rgba(255,216,67,1);
    border-radius:23px;
    font-size:0.16rem;
    font-family:Source Han Sans SC;
    font-weight:bold;
    line-height:46px;
    color:rgba(80,11,11,1);
    margin: 40px auto 0;
}
a.success_btn:hover{
    color:rgba(80,11,11,1);
}
.success_btn.check_1{
    color: #fff;
     font-weight:normal;
    background:rgba(40,178,139,1);
    margin-top: 20px;
}
.success_btn.check_1:hover{
    color: #fff;
}
.success_btn.check_2:hover{
    color: rgba(38, 38, 38, 0.3);
}
.success_btn.check_2{
    color: rgba(38, 38, 38, 0.3);
     font-weight:normal;
    margin-top: 20px;
    background:#fff;
    margin-top: 20px;
    border: 1px solid rgba(38, 38, 38, 0.3);
}
.content ul.donate_bar {
    margin:0;
    padding:0;
}
.donate_bar li {
    list-style:none;
    margin:0;
    padding:0;
    height: 64px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 64px;
}
/* palyer */
.prism-player .prism-big-play-btn{
    z-index:999!important;
}
.preview-vod-component .preview-component-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9998;
    box-sizing: border-box;
    padding: 0;
    display: none;
}
.preview-vod-component .preview-component-layer .preview-custom {
    width: 100%;
    height: 100%;
    position: relative;

}
.preview-vod-component .preview-custom {
    color: #fff;
    font-size: 14px;
}
.vip-join {
  color: #00c1de;
}

.vip_limit_content {
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  z-index:9;
}

.vip_limit_content .title {
  font-size: 14px;
  line-height: 20PX;
  color: #fff;
  text-align: center;
  width: 100%;
}

.vip_limit_button_box {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.vip_limit_btn {
  display: inline-block;
  min-width: 100px;
  position: relative;
  background: rgba(255,216,67,1);
  padding: 0 35px;
  margin: 0px 5px 20px 5px;
  border-radius: 38px;
  font-size: 18px;
  line-height: 38px;
  color: rgba(67,6,6,1);
  text-align: center;
  cursor: pointer;
}
.vip_limit_btn:hover{
    color:rgba(67,6,6,1);
}
.vip_limit_close {
  text-align: center;
}
.vip_limit_close span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  background: #fff;
  border-radius: 50%;
  font-size: 24px;
  cursor: pointer;
  color: #000;
}
/* end */
.course_new_tab_wrapper{
    background: #fff;
    box-sizing: border-box;
    border-bottom:1px solid rgba(233,233,233,1);
}
.course_new_forum_row .course_new_tab_padding_wrapper{
    padding: 15px 15px 0;
    background: #fff;
}
.course_new_tab_content{
    display: none;
}
.course_new_tab_content.active{
    display: block;
}
.course_new_tab{
    position: relative;
    text-align: center;
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    height:40px;
    line-height:40px;
    color:rgba(38,38,38,1);
}
.course_new_tab.active{
    background: #0071fe;
    color: #fff;
}
.course_new_tab.active::before {
    position: absolute;
    width:20px;
    height:3px;
    content: '';
    background:rgba(0,113,254,1);
    border-radius:2px;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
}
.course_new_classHour_title{
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:20px;
    color:rgba(38,38,38,1);
}
.course_new_classHour_shiting_btn{
    padding: 3px 10px;
    font-size: 0.12rem;
    line-height: 12px;
    background:rgba(247,255,245,1);
    border:1px solid rgba(50,161,11,1);
    color: rgba(50,161,11,1);
    border-radius:9px;
}
.course_new_classHour_row{
    display: block;
    margin-top: 12px;
}
.course_new_classHour_dp{
    position: relative;
    background:rgba(249,251,252,1);
    border-radius:4px;
    padding: 12px;
    margin-top: 12px;
}
.video_dp{
    padding: 16px;
    background: #fff;
}
.left_course_info{
    width: -webkit-calc(100% - 110px);
    width: calc(100% - 110px);
}
.left_course_title{
    font-size:0.16rem;
    font-family:Source Han Sans SC;
    font-weight:600;
    line-height:22px;
    color:rgba(38,38,38,1);
}
.left_course_title1{
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    line-height:20px;
    color:rgba(38,38,38,1);
}
.left_course_price{
    margin-top: 12px;
    line-height:17px;
}
.left_course_price1{
    font-size:0.16rem;
    font-family:Arial;
    font-weight:bold;
    color:rgba(67,148,249,1);
}
.left_course_price2{
    margin-left: 15px;
    font-size:0.12rem;
    font-family:Arial;
    font-weight:400;
    color:rgba(217,217,217,1);
}
.left_course_price3{
    margin-top: 6px;
    line-height:20px;
}
.buy_btn{
    text-align: center;
    width:100px;
    height:36px;
    background:rgba(255,216,67,1);
    border-radius:19px;
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height: 36px;
    color:rgba(67,6,6,1);
}
a.buy_btn:hover{
    color:rgba(67,6,6,1);
}
.course_progress{
    width:100px;
    text-align: right;
}
.left_img,
.middle_content,
.middle_input,
.right_share,
.right_heart{
    display: inline-block;
}
.comment_form .left_img,
.comment_form .middle_input,
.comment_form .right_share
{
    vertical-align: middle;
}
.left_img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: top;
}
.left_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.middle_content{
    margin-left: 15px;
    margin-right: 15px;
    width: -webkit-calc(100% - 94px);
    width: calc(100% - 94px);
}
.right_heart{
    vertical-align: top;
    width: 32px;
    font-size: 0.12rem;
}
.top_info{
    line-height: 17px;
}
.middle_info{
    line-height: 20px;
    margin-top: 4px;
}
.top_icon{
    width: 21px;
    background: url(../image/course_new/heart.png) no-repeat;
    height: 17px;
    background-size: auto 100%;
    margin: auto;
}
.top_icon.c_orange{
      background-position: 0 0;
}
.top_icon.c_black3{
    background-position: -31px 0;
}
.bottom_text{
    line-height: 14px;
    margin-top: 3px;
}
.bottom_image{
    font-size: 0;
    margin-top: 15px;
}
.image_wrapper{
    width: 64px;
    height: 64px;
    margin-left: 16px;
}
.bottom_image .image_wrapper:first-child{
    margin-left: 0;
}
.image_wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.comment_row{
    margin-top: 24px;
}
.comment_row.forum_{
    padding: 15px;
    background: #fff;
    margin-top: 10px;
}
div>.comment_row:first-child{
    margin-top: 0;
}
.middle_input{
    margin-left: 15px;
    margin-right: 15px;
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
    height:32px;
    background:rgba(236,237,241,1);
    border-radius:4px;
    line-height: 32px;
    font-size:0.12rem;
    font-family:PingFangSC-Regular;
    color:rgba(174,183,180,1);
}
.comment_form.hide{
    display: none;
}
.right_share{
    width: 58px;
    text-align: right;
}
.comment_form{
    position: fixed;
    background: #fff;
    padding: 15px 15px;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    left: 0;
    bottom: 0;
}
.comment_slider_bg,
.share_bg
{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #eee;
    background: rgba(0,0,0,.3);
    z-index: 888;
    display: block;
}
.comment_slider_zone{
    padding: 0 15px 15px;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    display: block;
    position: fixed;
    z-index: 889;
    color: black;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    bottom: -350px;
    left: 0;
    background: white;
    padding: 32px 15px 15px;
    border-radius:8px 8px 0px 0px;
}
.comment_slider_wrapper,
.share_wrapper{
    position: relative;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
}
.shows {
    opacity: 1;
    z-index: 10000;
    visibility: visible;
    touch-action: none;
}
.shows .comment_slider_zone{
    bottom: 0;
}
.comment_slider_title{
    position: relative;
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:bold;
    line-height:20px;
    color:rgba(0,0,0,1);
    padding-left: 10px;
}
.comment_slider_title::before {
    position: absolute;
    left: 0;
    top: 2px;
    content: '';
    width: 3px;
    height: 16px;
    border-width: 0;
    border: none;
    border-style: none;
    border-radius: 2px;
    background:rgba(0,113,254,1);
}
.comment_slider_textarea{
    position: relative;
    margin-top: 16px;
    margin-bottom: 16px;
}
.comment_slider_textarea textarea{
    width: 100%;
    height: 160px;
    background:rgba(249,251,255,1);
    border-radius:4px;
    margin-bottom: 0;
    padding:10px;
    border-color:rgba(51,51,51,0.12);
}
.confirm_btn{
    position: absolute;
    top: 15px;
    right: 15px;
    width:60px;
    height:36px;
    text-align: center;
    background:rgba(0,113,254,1);
    opacity:1;
    border-radius:8px;
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:36px;
    color:rgba(255,255,255,1);
    z-index: 890;
}
.confirm_btn.disabled{
    color: #fff;
}
.comment_slider_tips{
    position: absolute;
    right: 8px;
    bottom: -18px;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:17px;
    color:rgba(191,191,191,1);
}
.share_zones{
    box-sizing: border-box;
    top: 50%;
    border-radius:8px;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    margin-top: -305px;
    display: block;
    position: fixed;
    z-index: 889;
    color: black;
    overflow: hidden;
}
.share_zone{
    padding:16px;
    border-radius:8px;
    background: url(../image/course/shareBg.png) repeat;
    background-size: 100%;
    background-position: 0 0;
}
.share_content{
    padding:16px 24px;
    background:rgba(255,255,255,0.9);
    border-radius: 5px;
}
.user_img{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
}
.user_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.user_names{
    margin-top: 16px;
    text-align: center;
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:20px;
    color:rgba(38,38,38,1);
}
.user_slogan{
    margin-top: 7px;
    text-align: center;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:17px;
    color:rgba(162,162,162,1);
    padding-bottom: 16px;
    border-bottom: 1px dashed rgba(193,193,193,0.7);
}
.course_title{
    text-align: center;
    margin-top: 20px;
    font-size:0.16rem;
    font-family:Source Han Sans SC;
    font-weight:600;
    line-height:22px;
    color:rgba(38,38,38,1);
}
.qrCode_wrapper{
    width: 86px;
    height: 86px;
    margin: 16px auto 0;
}
.qrCode_wrapper img{
    width: 100%;
    height: 100%;
}
.qrCode_slogan{
    text-align: center;
    margin-top: 16px;
    font-size:0.12rem;
    font-family:YouYuan;
    font-weight:400;
    line-height:12px;
    color:rgba(191,191,191,1);
}
.course_total_people{
    text-align: center;
    margin-top: 16px;
    color: #262626;
    font-size: 0.12rem;
}
.nums{
    color: #0071FE;
    font-size: 0.18rem;
}
.course_total_people{
    padding-bottom: 16px;
    border-bottom: 1px dashed rgba(193,193,193,0.7);
}
p.course_dp{
    margin-bottom: 0;
}
.course_dp{
    text-align: center;
    margin-top: 16px;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    line-height:21px;
    color:rgba(38,38,38);
    letter-spacing: 0.1px;
}
.nlzg_logo{
    margin: 16px auto 0;
    width: 96px;
}
.nlzg_logo img{
    width: 100%;
}
.save_pic{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,.3);
    font-size: 0.14rem;
    z-index:890;
}
.my_forum_item_row{
   margin-top: 10px;
   padding:15px;
   background: #fff;
}
.flow-default .my_forum_item_row:first-child{
    margin-top: 0;
}
.no_pass_content{
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:17px;
    color:rgba(184,184,184,1);
    padding-top: 10px;
    margin-top: 14px;
    border-top: 1px solid rgba(233,233,233,1);
}
div .course_video_row:first-child{
    margin-top: 0;
}
.course_video_row{
    padding: 15px 15px 15px 21px;
    position: relative;
    background: #fff;
    margin-top: 10px;
}
.course_video_title{
    position: relative;
    line-height: 22px;
}
.course_video_title_text{
    font-size:0.16rem;
    font-family:Source Han Sans SC;
    font-weight:bold;
    color:rgba(38,38,38,1);
}
.course_video_title_right{
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:500;
}
.course_video_title::before{
    position: absolute;
    left: -21px;
    top: 0;
    content: '';
    border-width: 0;
    border: none;
    border-style: none;
    width:6px;
    height:20px;
    background:rgba(0,113,254,1);
    opacity:1;
}
.course_video_next{
    margin-top: 18px;
    line-height:17px;
    font-size: 0.12rem;
}
.course_video_train_row{
    padding: 16px 0 16px 10px;
    border-bottom: 1px solid rgba(233,233,233,1);
}
.course_video_train .course_video_train_row:last-child{
    border-bottom: none;
}
.course_video_train_title{
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:26px;
    color:rgba(38,38,38,1);
}
.course_video_train_after{
    padding-left: 21px;
    margin-top: 8px;
    overflow: hidden;
}
.train_btns{
    width:108px;
    height:40px;
    font-size: 0.14rem;
    text-align: center;
    line-height: 40px;
    background:linear-gradient(137deg,rgba(104,170,254,1) 0%,rgba(67,148,249,1) 100%);
    border-radius:4px;
}
.train_btns.greens{
    background:rgba(92,183,64,1);
}
.course_video_train_btn{
    display: block;
    width:80px;
    height:29px;
    float: right;
    font-size: 0.12rem;
    text-align: center;
    background:rgba(134,196,246,1);
    line-height: 29px;
    border-radius:4px;
}
.right_tiping{
    margin-left: 10px;
    line-height: 20px;
    font-size: 0.12rem;
}
input[type=text].train_input{
    width: 72px;
    margin-bottom: 0;
    padding: 0;
    height: 30px;
    text-align: center;
    border: none;
    border-bottom: 1px solid #262626;
}
input[type=text].train_input.error{
    color: #FB0000;
    border-bottom: 1px solid #FB0000;
}
input[type=text].train_input.right{
    color: #5CB740;
    border-bottom: 1px solid #5CB740;
}
.imagine_zone{
    padding: 10px 15px;
    background:rgba(249,251,252,1);
    border-radius:4px;
}
.items{
    float: left;
    margin-right: 15px;
    width: -webkit-calc(100% / 4 - 15px * 3 / 4);
    width: calc(100% / 4 - 15px * 3 / 4);
    margin-top: 16px;
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:20px;
    color:rgba(126,126,126,1);
    text-align: center;
}
.imagine_zone .items:nth-child(4n){
    margin-right: 0;
}
.imagine_zone .items:nth-child(1),
.imagine_zone .items:nth-child(2),
.imagine_zone .items:nth-child(3),
.imagine_zone .items:nth-child(4)
{
    margin-top: 0;
}
.playing{
    display: inline-block;
    width: 12px;
}
.comment_reply{
    padding: 14px 12px;
    background:rgba(249,252,255,1);
    border-radius:4px;
}
.comment_reply .comment_reply_item:first-child{
    margin-top: 0;
}
.comment_reply_item{
    margin-top: 10px;
}
.reply_middle_info{
    line-height: 20px;
    margin-top: 6px;
}
.pl_47{
    padding-left: 47px;
}
.course_right_btn{
    width:80px;
    height:27px;
    text-align: center;
    line-height: 27px;
    font-size: 0.12rem;
    background:rgba(0,113,254,1);
    border-radius:14px;
}
.course_left{
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
    margin-right: 10px;
}
.top_course_title{
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:bold;
    line-height:20px;
    color:rgba(38,38,38,1);
}
.bottom_course_info{
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:17px;
    color:rgba(38,38,38,1);
    margin-top: 10px;
}
.reply_top_info {
    line-height: 17px;
}
.fixed_wrapper{
    position: fixed;
    width: 100%;
    left: 0;
    top: 46px;
    z-index: 444;
    background-color:#F9FBFC!important;
}
.pd_15{
    padding-left: 15px;
    padding-right: 15px;
}
.brain_row{
    display: block;
    box-sizing: border-box;
    border-bottom: none;
    margin-bottom: 25px;
}
.brain_row_img{
    width: 140px;
    height: 90px;
}
.brain_row_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.brain_row_text{
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);
    margin-left: 10px;
}
.brain_row_text1{
    min-height: 80px;
}
.brain_row_name{
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:bold;
    line-height:20px;
    color:rgba(38,38,38,1);
}
.brain_row_dp{
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:17px;
    color:rgba(38,38,38,0.60);
}
.brain_title{
    padding: 15px;
    background:#FAFAFA ;
    font-size:0.18rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:25px;
    color:rgba(38,38,38,1);
}
.brain_one_h{
    font-size:0.16rem;
    font-family:Source Han Sans SC;
    font-weight:bold;
    line-height:20px;
}
.brain_one_b{
    margin-top: 15px;
}
.brain_one:first-child{
    margin-top: 15px;
}
.brain_one{
    margin-top: 30px;
}

.trainsCourse_item_title {
    font-size: 0.14rem;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 20px;
    color: rgba(7,36,71,0.45);
    padding-top: 16px;
}
.index_row1 {
    margin-top: 12px;
}
.free_course_item {
    margin-right: 10px;
    width: -webkit-calc(100% / 3 - 20px / 3);
    width: calc(100% / 3 - 20px / 3);
    background: rgba(228,246,239,1);
    border-radius: 4px;
    text-align: center;
    padding: 7px 0;
    font-size: 0.16rem;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 22px;
    color: rgba(40,178,139,1);
}
.course_train_title {
    line-height: 28px;
    margin-top: 24px;
}
.course_train_title_btn {
    display: inline-block;
    text-align: center;
    width: 74px;
    height: 28px;
    background: rgba(229,242,255,1);
    border-radius: 2px;
    font-size: 0.14rem;
    font-family: Source Han Sans SC;
    font-weight: 500;
    line-height: 28px;
    color: rgba(0,113,254,1);
}
.course_train_title_btn_dp {
    display: inline-block;
    font-size: 0.12rem;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 28px;
    color: rgba(7,36,71,0.45);
    margin-left: 10px;
}
.index_course_wrapper {
    margin-top: 16px;
}
.home_page_img_box {
    font-size: 0;
}
.index_course_one {
    box-sizing: border-box;
    margin-right: 10px;
    width: 160px;
    background: rgba(255,255,255,1);
}
.index_course_wrapper .index_course_two:nth-child(2n){
    margin-right: 0;
}
.index_course_two{
    box-sizing: border-box;
    margin-right: 10px;
    width: calc(50% - 5px);
    background: rgba(255,255,255,1);
    margin-bottom: 20px;
}
.index_course_one .index_course_img{
    width: 160px;
    height: 90px;
}
.index_course_img {
    width: 100%;
}
.index_course_img img {
    width: 100%;
    object-fit: cover;
}
.index_course_dp ,
.index_course_dp1{
    box-sizing: border-box;
    width: 100%;
    height: 20px;
    text-align: left;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 20px;
}
.index_course_dp{
    font-size:0.14rem;

    margin-top: 10px;
    color: rgba(38,38,38,1);
}
.index_course_dp1{
    font-size: 0.12rem;
    margin-top: 5px;
    color:rgba(38,38,38,0.60);
}

div>.free_course_item:nth-child(3n) {
    margin-right: 0;
}
.home_page_img_box a:last-child {
    margin-right: 0;
}
.nav_href_header_pay_btn{
    display: block;
    text-align: center;
    line-height: 28px;
    width: 80px;
    height: 28px;
    background: rgba(255,216,67,1);
    border-radius: 14px;
    font-size: 0.12rem;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: rgba(67,6,6,1);
}
.t_type_btns{
    display: block;
    width:100%;
    background:linear-gradient(124deg,rgba(247,237,215,1) 0%,rgba(233,206,147,1) 100%);
    box-shadow:0px 4px 11px rgba(213,213,213,0.09);
    border-radius:12px 12px 0px 0px;
    box-sizing: border-box;
    padding: 18px 15px;
}
.type_1_t{
    width: 50px;
    font-size:0.16rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:22px;
    color:rgba(102,70,48,1);
    margin-right: 15px;
}
.type_2_t{
    width: calc(100% - 145px);
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:16px;
    color:rgba(169,120,53,1);
}
.type_3_t{
    width:80px;
    height:29px;
    background:rgba(255,255,255,1);
    border-radius:14px;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:29px;
    color:rgba(102,70,48,1);
    text-align: center;
}
.type_13_t{
    width:104px;
    height:29px;
    border:1px solid rgba(191,134,57,1);
    box-sizing: border-box;
    border-radius:14px;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    color:rgba(191,134,57,1);
    text-align: center;
    line-height: 29px;
}
.type_11_t{
    width: calc(100% - 104px);
}
.type_11_t_top{
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:20px;
    color:rgba(102,70,48,1);
}
.type_11_t_bottom{
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:17px;
    margin-top: 4px;
    color:rgba(169,120,53,1);
}
.type_11_c1{
    color:rgba(254,209,98,1);
}
.type_31_t{
    width: 85px;
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:22px;
    color:rgba(102,70,48,1);
    margin-right: 5px;
}
.type_32_t{
    width: calc(100% - 194px);
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:17px;
    color:rgba(169,120,53,1);
}
.type_33_t{
    box-sizing: border-box;
    width:104px;
    height:29px;
    border:1px solid rgba(255,216,67,1);
    border-radius:14px;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    color:rgba(255,216,67,1);
    text-align: center;
    line-height: 29px;
}
.check_teacher_row{
    padding: 16px;
    background: #fff;
    margin-top: 10px;
}
.check_tips{
    font-size:14px;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:20px;
    color:rgba(0,0,0,1);
}
.check_btn{
    width:99px;
    height:36px;
    text-align: center;
    line-height: 36px;
    box-sizing: border-box;
    border-radius:20px;
    font-size: 0.14rem;
}
.check_btn1{
    border:1px solid rgba(193,193,193,1);
    color: rgba(193,193,193,1);
}
a.check_btn1:hover{
    color: rgba(193,193,193,1);
}
.check_btn2{
    border:1px solid rgba(40,178,139,1);
    color: rgba(40,178,139,1);
}
a.check_btn2:hover{
    color: rgba(40,178,139,1);
}

.check_btn3{
    background:rgba(40,178,139,1);
    color:rgba(255,255,255,1);
}
a.check_btn3:hover{
    color: rgba(255,255,255,1);
}
.check_teacher_l{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
}
.check_teacher_m{
    margin-left: 10px;
    width: calc(100% - 155px);
}
.check_teacher_m>div{
    height: 64px;
    line-height: 20px;
}
.check_teacher_l img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.check_teacher_r{
    width:81px;
    height:36px;
    background:rgba(40,178,139,1);
    border-radius:19px;
    font-size: 0.14rem;
    text-align: center;
    line-height: 36px;
}
.train_list_wrapper{
    margin-top: 50px;
}
.train_a_btn{
    display: block;
    width: 150px;
    box-sizing: border-box;
    border: 1px solid rgba(178,178,178,1);
    border-radius: 4px;
    font-size: 0.14rem;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 18px;
    margin:0 auto 15px;
    text-align: center;
    background: #fff;
}

.c_t_s_group{
    box-sizing: border-box;
    width: 100%;
    border-bottom: 2px solid #f3f3f3;
}
.c_t_s_btn{
    width: 50%;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    color: #000;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 22px;
    padding: 10px 0;
}
.c_t_s_btn.active{
    color: #2484FE;
}
.c_t_s_btn.active::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -2px;
    background: #2484FE;
}
.c_t_s_body{
    display: none;
}
.c_t_s_body.active{
    display: block;
}
.c_t_s_select{
    align-items: center;
    box-sizing: border-box;
    padding: 15px 5px;
    line-height: 22px;
    border-bottom: 1px solid #f3f3f3;
}

.c_t_s_body .c_t_s_select:last-child{
    border-bottom: none;
}
.c_t_s_icon{
    font-size: 0.12rem;
    width:20px;
    height:20px;
    margin-right: 8px;
    border:1px solid #000;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
}
.c_t_s_icon i{
    display: none;
}
.c_t_s_select.active .c_t_s_icon{
    background:linear-gradient(180deg,rgba(238,201,70,1) 0%,rgba(228,160,61,1) 100%);
    border:none;
    color: #fff;
}
.c_t_s_select.active .c_t_s_icon i{
    display: block;
}

.c_t_s_price{
    margin-left: 10px;
}
.c_t_s_old_price{
    margin-right: 10px;
    text-decoration:line-through;
    font-size: 0.12rem
}
.c_t_s_new_price{
    color: #2484FE;
}
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
    .train_btn_fixed.train_btn_row {
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
}