*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{height: 100%;}
body{word-break: break-word;height: 100%;}
.bgc-e{background: #eee;}
.bgc-f{background: #fff;}
.color-primary{color:#C01820!important;}
.border-f2{border: 1px solid #F2F2F2;}
.ui-header ~ .ui-container{border-top-width: 44px;}
h2.headline i, ul.headline li i{background-color: #C01820;}
h2.headline, ul.headline li{color: #666;font-size: 16px;}
.plr15{padding-left: 15px;padding-right: 15px; }
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.pd0{padding: 0;}
.pt18{padding-top: 18px;}
.pt20{padding-top: 20px;}
.pt15{padding-top: 15px;}
.pb18{padding-bottom: 18px;}
.mt28{margin-top: 28px;}
.bt-footer{border-bottom: 62px solid transparent;}
.mb0{margin-bottom: 0!important;}
.show-flex{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.ht100{height: 100%;}
.fz14{font-size: 14px;}
.fz12{font-size: 12px!important;}
.text-center{text-align: center;}
/*头部*/
.ui-header{background: #c01820;height:44px;}
.ui-header .titl{color: #fff;font-size: 16px;font-weight: bold;}
.header-top-box .logo-box{font-weight: normal;font-size: 14px;background-size: 18px;margin-left: 10px;margin-right: 10px;padding-left: 21px;}
.ui-header .personal{color: #fff;font-size: 14px;margin-right: 10px;}
.ui-header .personal .avatar{display: inline-block;vertical-align: middle;width: 30px;height: 30px;border: 1px solid #F2F2F2;border-radius: 50%;overflow: hidden;margin-left: 5px;}
/*箭头*/
.arrow-btn{position: relative;}
.arrow-btn:after{font-family: "iconfont" !important;font-size: 30px;line-height: 42px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;display: block;color: rgba(0, 0, 0, 0.5);color: #c7c7c7;content: "";position: absolute;right: 15px;top: 50%;margin-top: -22px;margin-right: -27px;}
.content-title{border-bottom: 1px solid #eee;}
.content-title .num{color: #666;font-size: 12px;font-weight: normal;padding-left: 8px;}
.content-title .all-btn{padding-right: 15px;color: #666;font-size: 14px;position: absolute;right: 15px;top:50%;margin-top: -8px;}
.content-title .subtitl{color: #666;font-size: 12px;position: absolute;left: 101px;top:50%;margin-top: -8px;}
/*查看更多*/
.more-btn{display: block;width:100%;height: 40px;line-height:38px;border: 1px solid #E4E4E4;border-radius: 2px;color: #999;font-size: 14px;text-align: center;}
/*标题*/
.second-title{height: 50px;}
/*底部导航*/
.footer-nav{height: 64px;padding: 0 30px;-webkit-box-shadow:  0px -8px 11px 1px rgba(0, 0, 0, 0.04);box-shadow:  0px -8px 11px 1px rgba(0, 0, 0, 0.04);}
.footer-nav a{display: block;color: #999;font-size: 12px;}
.footer-nav a.active{color: #C01820;}
.footer-nav a.index{padding-top:28px;background: url("../../img/2021_m/dashiban/icon_tab_dsb.png") no-repeat top center/24px 24px;opacity: 1;white-space: nowrap;}
.footer-nav .index.active{padding-top:28px;background: url("../../img/2021_m/dashiban/icon_tab_dsb_active.png") no-repeat top center/24px 24px;opacity: 1;white-space: nowrap;}
.footer-nav a.learn{padding-top:28px;background: url("../../img/2021_m/dashiban/icon_tab_learn.png") no-repeat top center/24px 24px;opacity: 1;white-space: nowrap;}
.footer-nav a.learn.active{padding-top:28px;background: url("../../img/2021_m/dashiban/icon_tab_learn_active.png") no-repeat top center/24px 24px;opacity: 1;white-space: nowrap;}
.footer-nav a.my{padding-top:28px;background: url("../../img/2021_m/dashiban/icon_tab_my.png") no-repeat top center/24px 24px;opacity: 1;white-space: nowrap;}
.footer-nav a.my.active{padding-top:28px;background: url("../../img/2021_m/dashiban/icon_tab_my_active.png") no-repeat top center/24px 24px;opacity: 1;white-space: nowrap;}
/*标签*/
.sign-default{display: inline-block;vertical-align: middle;padding:0 1px;height: 16px;line-height:14px;border: 1px solid #999999;border-radius: 2px;font-size: 12px;color: #666;font-weight: normal;}
.sign-default.orange{border-color: #FF6602;color: #FF6602;}
/*首页*/
/*banner*/
.bt{width:100%;height:0;position:relative;padding-top:42.8%;}
.bt .bt-cnt{width:100%;height:100%;position:absolute;top:0;overflow:hidden;}
.bt .swiper-container{width:100%;height:100%;}
.bt>.swiper-pagination-bullets{bottom:5px;}
.bt .swiper-pagination-bullet-active{background:#C01820;}
/* 导师推荐 */
.master-tuijian .master-tuijian-list li .data-photo-container{width: 71px;height: 71px;border: 1px solid #E7E3DF;border-radius: 1px;overflow: hidden;margin-right: 9px;}
.master-tuijian .master-tuijian-list li{border-bottom: 1px solid #eee;}
.master-tuijian .master-tuijian-list li:last-child{border-bottom:0}
.master-tuijian .master-tuijian-list li a{padding: 15px;}
.master-tuijian-list li .right-txt {width: calc(100% - 84px);}
.master-tuijian-list li .right-txt .title{font-size: 14px;line-height: 14px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;}
.master-tuijian-list li .right-txt .desc{font-size: 12px;line-height: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #666666;margin-top: 9px;}
.master-tuijian-list li .right-txt .info{font-size: 12px;line-height: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #666666;margin-top: 19px;}
.master-tuijian-list li .right-txt .info span{margin-right: 7px;}

/* 大师班 */
.master-class .master-class-list{padding: 18px 15px 20px 15px;}
.master-class .master-class-list li{-webkit-box-shadow: 0px 0px 6px 0px rgba(4, 0, 0, 0.08);box-shadow: 0px 0px 6px 0px rgba(4, 0, 0, 0.08);border-radius: 5px;padding: 15px;margin-bottom: 16px;}
.master-class .master-class-list .thumb{width: 101px;height: 65px;border: 1px solid #E7E3DF;margin-right: 9px;}
.master-class-list li .right-txt .title{font-size: 14px;line-height: 22px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;margin-top: -4px;}
.master-class-list li .right-txt .info{font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #666666;margin-top: 4px;}
.master-class-list li .right-txt .info span{margin-right: 7px;}
.master-class-list li .right-txt .avatar-con{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin-top: 8px;}
.master-class-list li .right-txt .avatar-con .avatar{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.master-class-list li .right-txt .avatar-con .learn-now{font-size: 12px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;padding-right:8px;background: url("../../img/2021_m/dashiban/icon_arrow_black.png") no-repeat 50px center/6px 11px;opacity: 1;}
.master-class-list li .right-txt .avatar-con img{width: 18px;height: 18px;border-radius: 50%;margin-right: 3px;}
.master-class-list li .right-txt .avatar-con h4{color:#666;font-size:12px}
.master-class-list li .price-con{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: 15px;position: relative;height: 16px;line-height: 16px;}
.master-class-list li .price-con .sign-default{display: inline-block;position: absolute;left: 0;top: 0;}
.master-class-list li .price-con .price{position: absolute;right: 0;width: 100%;padding-left: 108px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-moz-box-orient: horizontal;-moz-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
/* .master-class-list li .price-con .price span{font-size: 12px;line-height: 12px;} */
.master-class-list li .price-con .price .price1{font-size: 12px;line-height: 12px; color: #999999;text-decoration: line-through;}
.master-class-list li .price-con .price .price2{font-size: 12px;color: #FF6602;}
.master-class-list li .price-con .price .price2 img{margin-top: -3px;vertical-align: middle;}
.master-class-list li .bottom-info{display:block;padding-top: 15px;font-size: 12px;color: #666;border-top: 1px solid #eee;margin-top: 15px;}
.master-class-list li .bottom-info p {margin-bottom: 10px;}
.master-class-list li .bottom-info p:last-child{margin-bottom: 0;}

.index-page .empty-con{margin-top: -10px;padding-top: 100px;}

/* 最近学习 */
.recently-list li{border-bottom: 1px solid #eee;}
.recently-list li:last-child{border-bottom:0}
.recently-list li a{padding: 15px 15px 20px 15px;}
.recently-list li a .thumb{width: 99px;height: 64px;border-radius: 1px;margin-right: 11px;}
.recently-list li .right-txt {width: calc(100% - 112px);}
.recently-list li .right-txt .title{font-size: 14px;line-height: 20px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;}
.recently-list li .right-txt .desc{font-size: 12px;line-height: 12px;color: #666666;margin-top: 10px;}
.recently-list li .right-txt .desc .nowrap-txt{display: inline-block;vertical-align:middle;max-width: 67%;max-width: calc(100vw - 240px);}
.recently-list li .right-txt .info{font-size: 12px;line-height: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #666666;margin-top: 15px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.recently-list li .right-txt .info .progress-con{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.recently-list li .right-txt .info .progress-con img{margin-top: 1px;}
.recently-list li .right-txt .info .progress-con span{margin-left: 3px;display: inline-block;}
.recently-list li .right-txt .info .time-con{margin-right: 20px;}
.recently-list li .right-txt .info .time-con img{vertical-align: middle;margin-top: -2px;margin-right: 2px;}
.recently-list .mask-con{position: relative;}
.recently-list .mask-img{width: 99px;height: 64px;border-radius: 1px;position: absolute;left: 0;top: 0;background: rgb(0 0 0 / 60%);display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.recently-list .mask-con .play-icon{width: 21px;height: 20px;}

/* 我的课程 */
.learn-page .master-class-list li{border-bottom: 1px solid #eee;}
.learn-page .master-class-list li:last-child{border-bottom:0}
.learn-page .master-class-list li a{padding: 17px 15px 15px 16px;display: block;}
.learn-page .master-class-list .thumb{width: 101px;height: 65px;margin-right: 9px;border: 1px solid #E7E3DF;}
.learn-page .master-class-list .top-info{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.learn-page .master-class-list .top-info .right-txt {width: calc(100% - 115px);}

/*学习*/
.learn-tabnav{height: 50px;padding: 0 68px;border-bottom: 1px solid #eee;}
.learn-tabnav a{display: block;color: #999;font-size: 12px;line-height: 50px;}
.learn-tabnav .active{position: relative;}
.learn-tabnav .active:after{content: "";position: absolute;bottom: 0;left: 50%;width: 60px;height: 2px;background: #C01820;border-radius: 1px;margin-left: -30px;}
.learn-tabnav .active a{font-weight: bold;color:#333;}

.tab-nav-con {padding:25px 38px 15px;}
.tab-nav-con .tab-nav{height: 32px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;border: 1px solid rgb(238 238 238);border-radius: 6px;}
.tab-nav-con .tab-nav{height: 32px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;border: 1px solid #eeeeee;border-radius: 6px;}
.tab-nav-con .tab-nav li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;border-right: 1px solid #eee;text-align: center;height: 32px;line-height: 32px;}
.tab-nav-con .tab-nav li:first-child{border-radius: 6px 0px 0px 6px;}
.tab-nav-con .tab-nav li:last-child{border-right: 0;border-radius: 0px 6px 6px 0px;}
.tab-nav-con .tab-nav li a{font-size: 12px;font-weight: 400;color: #999999;display: block;}
.tab-nav-con .tab-nav li.active{background: #C01820;}
.tab-nav-con .tab-nav li.active a{font-weight: bold;color: #FFFFFF !important;}

/* 我的还课 */
.course-list li:not(:last-child){border-bottom: 1px solid #eee;}
.course-list li>a{display: block;padding:14px 15px 20px;}
.course-list li .top-titl h4{font-size: 14px;font-weight: bold;color: #333333;}
.course-list li .top-titl h4 span{display: inline-block;}
.course-list li .rig-con{width: 99px;text-align: right;}
.course-list li .rig-con .go-oparate{font-size: 12px;color: #333333;padding-right:14px;}
.course-list li .rig-con .go-oparate:after{font-size: 22px;line-height: 22px;margin-top: -11px;margin-right: -22px;color: #B2B2B2;}
.course-list li .desc-info{font-size: 12px;color: #666666;line-height: 18px;margin-top:10px;margin-bottom: 14px;padding-right: 99px;}
.course-list li .time-con{font-size: 12px;color: #666666;}
.course-list li .time-con img{margin-right: 2px;vertical-align: middle;margin-top: -2px;}
.course-list li .bom-state{margin-top: 15px;height: 32px;background: #F6F6F6;border-radius: 4px;padding: 10px 15px 9px 15px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.course-list li .bom-state .txt{font-size: 12px;color: #666666}
.course-list li .bom-state .line{width: 1px;height: 8px;background: #DDDDDD !important;margin: 0 12px;display: inline-block;}
.course-list li .bom-state .star-box{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.course-list li .bom-state .star-box p{font-size: 12px;color: #666666;}
.course-list li .bom-state .star{display:inline-block;vertical-align:middle;width:12px;height:12px;background:url("../../img/2021_m/icon_star.png") no-repeat center center/12px 12px;margin-left: 5px;margin-top: -2px;}
.course-list li .bom-state .star.active{background-image:url("../../img/2021_m/icon_star_active.png");}
/* 个人中心 */
.ucenter-page .top-box{position: relative;padding: 108px 16px 0;}
.ucenter-page .top-lower-bg{width: 100%;height: 150px;position: absolute;top: 0;left: 0;z-index: 1;background-size:cover;}
.ucenter-page .person-con{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);padding: 0 16px 42px;}
.ucenter-page .person-con .thumb{width: 68px;height: 68px;border: 1px solid rgba(199,199,199,.45);border-radius: 50%;overflow: hidden;margin-right: 10px;padding: 5px;}
.ucenter-page .person-con .thumb img{border-radius: 50%;}
.ucenter-page .person-con .rig-info{display:block;width: 80px;height: 25px;line-height: 25px; border: 1px solid #E5E5E5; border-radius: 13px;text-align: center;font-size: 12px;color: #DDDDDD;margin-left: 10px;}
.ucenter-page .person-con .info-desc .name{font-size: 16px;font-weight: bold;color: #FFFFFF;}
.ucenter-page .person-con .info-desc .sign{font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #EEEEEE;margin-top: 4px;}
.ucenter-page .person-con .info-desc .sign span:first-child{margin-right: 20px;}


.top-box .top-over{position: relative;z-index: 2;background: #FFFFFF;-webkit-box-shadow: 0px 0px 15px 1px rgba(77, 70, 69, 0.1);box-shadow: 0px 0px 15px 1px rgba(77, 70, 69, 0.2);border-radius: 8px;height: 75px;}
.top-box .top-over .top-over-list{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;padding: 17px 34px 0 34px;}
.top-box .top-over .top-over-list li a{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.top-box .top-over .top-over-list li a span{font-size: 12px;color: #202020;margin-top: 10px;}

.ucenter-page .tutor-port{height: 50px;margin: 10px 15px 0 15px; padding: 16px 14px; background: #FFFFFF;-webkit-box-shadow: 0px 0px 15px 1px rgba(77, 70, 69, 0.1);box-shadow: 0px 0px 15px 1px rgba(77, 70, 69, 0.1);border-radius: 6px;}
.ucenter-page .tutor-port a{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: -2px;}
.ucenter-page .tutor-port a p{font-size: 16px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;}

/* 没有购买空状态 */
.nobuydata_show{width:100%;background:#fff url("../../img/2021_m/dashiban/img_nobuy.png") no-repeat center 28px/158px auto;text-align: center;padding:165px 0 54px;font-size: 12px;color: #666;}
.nobuydata_show .btn{display:block;width: 82px;height: 26px;line-height:26px;background: #fff;border: 1px solid #C01820;border-radius: 13px;color: #C01820;font-size: 12px;text-align: center;font-weight: bold;margin: 15px auto 0;margin-top: 30px;}
/* .learning-page .nodata_show .btn{display:block;width: 82px;height: 26px;line-height:26px;background: #fff;border: 1px solid #C01820;border-radius: 13px;color: #C01820;font-size: 12px;text-align: center;font-weight: bold;margin: 15px auto 0;} */
.empty-con{padding-top: 100px;padding-bottom: 150px;}
/* empty-con */
/* 购买记录 */
.buy-record .buy-record-list li{padding: 20px 15px;border-bottom:1px solid #eee;position: relative;}
.buy-record .buy-record-list li .title{font-size: 14px;font-weight: bold;color: #333333;line-height: 22px;}
.buy-record .buy-record-list li .time{font-size: 12px;font-weight: 400;color: #666666;margin-top: 12px;}
.buy-record .buy-record-list li .recharge{width: 48px;height: 22px;line-height: 20px; text-align: center; background: #FFFFFF;border: 1px solid #F66400;border-radius: 10px;color: #F66400;font-size: 14px;position: absolute;right: 15px;bottom: 20px;}

/* 导师内容页 */
.tutorDetail-page .tutor-space{position: relative;overflow: hidden;}
.tutorDetail-page .bg-blur {text-align: center;position: absolute;left: 0;right: 0;bottom: 0;top: 0;background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-filter: blur(8px);-moz-filter: blur(8px);-o-filter: blur(8px);-ms-filter: blur(8px);filter: blur(8px);}
.tutorDetail-page .tutor-con{background-color: rgba(0, 0, 0, 0.75);position: relative;z-index: 22;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 15px 35px;}
.tutorDetail-page .tutor-avatar{width: 94px;height: 94px;border: 2px solid #FFFFFF;border-radius: 4px;background-color: rgba(255, 255, 255, 0.3);}
.tutorDetail-page .tutor-avatar img{width: 90px;height: 90px;border-radius: 4px;}
.tutorDetail-page .tutor-con .tutor-con-flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-top: 30px;}
.tutorDetail-page .tutor-con .titl{font-size: 18px;font-family: Microsoft YaHei;font-weight: bold;color: #FFFFFF;margin-top:16px}
.tutorDetail-page .tutor-con .desc{font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #DDDDDD;margin-top: 8px;}
.tutorDetail-page .tutor-con .other-space{margin-top: 17px;font-size: 0;}
.tutorDetail-page .tutor-con .subject{margin-right: 10px;}
.tutorDetail-page .tutor-con .other-space a{display:inline-block;height: 25px;line-height: 24px;padding: 0 12px;border: 1px solid rgba(238, 238, 238, 0.42);border-radius: 16px;font-size: 12px;color: #FFFFFF;font-weight: 300;}
.master-class .content-title .info{padding-right: 15px;color: #999999;font-size: 12px;position: absolute;left: 84px;top: 50%;margin-top: -8px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.master-class .content-title .info em{display: inline-block;width: 1px;height: 12px;background: #EEEEEE;margin: 0 12px;}

/* 商品页 */
.good-page .cover-con{width: 100%;padding-top: 62.4%;position: relative;}
.good-page .cover-con>img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;-o-object-fit: cover;object-fit: cover;}
.good-page .class-info{padding: 18px 15px;margin-bottom: 1px;}
.good-page .class-info h1{font-size: 18px;font-weight: bold;color: #333333;line-height: 18px;margin-bottom: 6px;}
.good-page .class-info .info-con{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.good-page .class-info .info-con .price-list .price1{font-size: 14px;font-weight: bold;color: #FF6702;}
.good-page .class-info .info-con .price-list .price2{font-size: 12px; color: #999999;margin-left: 8px;text-decoration: line-through;}
.good-page .class-info .info-con .persons{font-size: 12px; color: #666666;}
.goods_coupon{padding:12px 15px;font-size: 14px;}
.goods_coupon .title,.goods_coupon ul,.goods_coupon ul li{float:left;}
.goods_coupon .title{color:#333;font-weight: bold;line-height: 28px;}
.goods_coupon .coupon_item{color:#FF6702;background: #FFF5EE;border-radius: 2px;margin-left: 16px;cursor: default;}
.goods_coupon .coupon_item .coupon_value{float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:28px;line-height:28px;font-weight: bold;width:58px;text-align:center;font-size: 16px;border:dashed #FF6702;border-width: 1px 0 1px 1px;border-radius:2px 0 0 2px;}
.goods_coupon .coupon_item .coupon_other{float:left;border:1px solid #FF6702;font-size: 14px;width:40px;height:28px;line-height:28px;text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius:0 2px 2px 0;}
.goods_coupon .coupon_item.active{color:#fff;background: #FF6702;}
.goods_coupon .coupon_item.active .coupon_other{border-left:1px dotted #fff;}
.goods_coupon .ui-icon{color: #bbb;line-height: 28px;width: 20px;}
.exchange-cdkey{display:block;color: #666;}
.exchange-cdkey img{vertical-align: middle;margin-right: 10px;margin-top: -2px;}
.goods_books{font-size: 14px;padding-top:9px;padding-bottom:9px;}
.goods_books a{color:#666;display: block;}
.btn-member-yearly{padding:12px 15px;display:block;border-top:1px solid #f2f2f2}@media(min-width:560px){.btn-member-yearly{padding-left:30px;padding-right:30px;}}

.good-page .tutor-info{padding: 15px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 1px;}
.good-page .tutor-info .person-info{width: calc(100% - 76px);}
.good-page .tutor-info .thumb{width: 61px;height: 61px;margin-right: 10px;width: 62px;height: 62px;border: 1px solid #EEEEEE;border-radius: 1px;overflow: hidden;}
.good-page .tutor-info .titl{font-weight: bold;font-size: 14px;color: #333333;}
.good-page .tutor-info .desc{font-size: 12px;color: #666666;margin-top:16px;}

/* 课时列表 */
.good-page{padding-bottom: 60px;}
.good-page .course-time li .rig-titl{max-width: 89%;}
.good-page .course-time{margin-top: -15px;}
.good-page .course-time li{padding: 25px 15px 25px 0;border-bottom: 1px solid #eee;}
.good-page .course-time li a .num{font-size: 12px;color: #999999;width:46px;text-align: center;}
.good-page .course-time li a .title{font-size: 14px;color: #333333;}
.good-page .course-time li a .time{font-size: 12px;color: #666666;margin-top: 12px;}
.good-page .check-all{height: 44px;line-height: 44px;background: #FFFFFF;font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #666666;text-align: center;}
.good-page .intro-img{padding: 0 14px 24px 14px;margin: 0 auto;width: 100%;}
.good-page .content{padding: 5px 14px 24px 14px;font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #666666;}
.goods-footer-box{height:60px;border-top:1px solid #EEE;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 0 10px;-webkit-box-align: center;}
.goods-footer-box .btn-buy{display:block;width:100%;height:36px;line-height:36px;background:#FD6420;border-radius:18px;font-size:14px;color:#fff;text-align:center}
.goods-footer-box .avatar{width: 34px;height: 34px;border-radius: 50%;overflow: hidden;margin-right: 6px;border: 1px solid #EEEEEE;}
.goods-footer-box .ui-list-info{padding: 0;}
.goods-footer-box .tip{color: #666;font-size: 12px;}
.goods-footer-box .titl{color: #333;font-size: 13px;line-height: 1.4;}
.goods-footer-box .titl-cnt{display: -webkit-inline-box;color: #333;font-size: 13px;max-width: 100%;}
.goods-footer-box .svip-sign{display:inline-block;vertical-align:middle;margin-left:5px;}
.goods-footer-box .btn-xf{display: block;width: 46px;height: 20px;line-height: 20px;border: 1px solid #F66400;border-radius: 10px;font-size: 14px;color: #F66400;text-align: center;margin-left: 6px;}

.good-page .content-title{border-bottom: 0 !important;}

/*激活券底部*/
.quan-footer{height: 46px;line-height: 45px;background: #fff;color: #333;font-size: 14px;padding-left: 11px;border-top: 1px solid #F2F2F2;}
.quan-footer .quan-icon{display:inline-block;vertical-align:top;width:21px;height: 100%;background:url("../../img/coupon.png") no-repeat center center/100%;margin-right: 6px;}
.quan-footer a{width: 100px;height:46px;line-height:46px;background: #FF6702;text-align: center;color: #fff;font-size: 16px;font-weight: bold;margin-top: -1px;}
.code-sure .ui-dialog-bd{text-align: center;line-height:24px;}
.code-sure .ui-dialog-ft button{color: #333333;}
.code-sure .ui-dialog-ft button:first-child{color: #666666;}
.btn-box-voucher{height:60px;display:-webkit-box;}
.btn-box-voucher .l{-webkit-box-flex:1;padding:10px 10px 10px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;line-height:20px}
.btn-box-voucher .l .sec{font-size:12px;color:#666}
.btn-box-voucher .r{margin-top:11px;margin-right:11px;width:124px;height:38px;}
.btn-box-voucher .r .j-btn{display:block;width:100%;height:100%;background:#C01820;border-radius:19px;font-size:16px;font-weight:bold;color:#fff;line-height:38px;}

/*兑换激活码弹框*/
.coupon-container{ position: fixed;top: 0px;left: auto;width: 100%;height: 100%;z-index: 9999;background: rgba(0, 0, 0, 0.4);max-width: 720px;display: none;}
.coupon-container .coupon-box{position: absolute;bottom:0;width: 100%;max-height: calc(100% - 60px);overflow-y: auto;}
.coupon-container .coupon-box h2.headline i{background: #FF6702;height:18px;}
.coupon-container .coupon-box .ui-dialog-close:before{top:11px;right:10px;}
.coupon-container .input-box{padding:25px 15px 30px;}
.coupon-container .input-box input{height:35px;line-height: 35px;background: #eee;border: 1px solid #e5e5e5;color:#333;font-size: 14px;padding:0 10px;}
.coupon-container .input-box button{width:64px;height:36px;line-height:35px;text-align:center;background:#FF6702;color:#fff;font-size: 14px;margin-left: 9px;}
.coupon-container .user-box{text-align: center;padding:25px 15px 0;border-top: 5px solid #f2f2f2;}
.coupon-container .user-box .username{font-size: 14px;color: #666;}
.coupon-container .user-box .username span{color: #333333;font-weight: bold;}
.coupon-container .user-box .username img{width: 28px;height: 28px;border: 1px solid #EEEEEE;border-radius: 50%;-o-object-fit: cover;object-fit: cover;vertical-align: middle;margin-right: 6px;margin-top: -2px;margin-left: 6px;}
.coupon-container .user-box .no-login{font-size: 14px;color: #999999;margin-top: 20px;}
.coupon-container .user-box .no-login a{color: #FF6702;font-weight: bold;padding-left: 13px;}
.coupon-container .user-box .no-login img{vertical-align: middle;margin-left: 4px;margin-top: -2px;}

/* 全部课时弹框css */
.jmlb-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;opacity:0;pointer-events:none;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align: end;background:rgba(0,0,0,0.4);}
.jmlb-box.show {pointer-events:inherit;opacity:1;}
.jmlb-box.show .jmlb-wrap{-webkit-transform: translateY(0);-webkit-transition-delay: 0.3s; }
.jmlb-wrap{display:block;position:fixed;left:0;right:0;bottom:0;top:45%;height:55%;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateY(100%);-webkit-transition-property:all;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:0.3s;}
.jmlb-wrap .container{top:50px;position:absolute;bottom:0;left:0;right:0;overflow:hidden;overflow-y:scroll;}
.jmlb-wrap .container::-webkit-scrollbar{display:none}
.jmlb-close{position:fixed;height:50px;left:0;right:0;}
.jmlb-close .btn-close{width:40px;height:100%;text-align:center;position:absolute;z-index:1001;right:0;}
.jmlb-close .btn-close i{margin-top:15px;display:inline-block;height:9px;width:9px;border-width:0 0 2px 2px;border-color:#c9c9c9;border-style:solid;-webkit-transform:matrix(.71,-.71,.71,.71,0,0);-ms-transform:matrix(.71,-.71,.71,.71,0,0);transform:matrix(.71,-.71,.71,.71,0,0);}
.jmlb-close small{font-size:14px;color:#999;margin-left:5px}

.forbidrootscroll{height: 100%;overflow: hidden;}

/* 大师课内容页 */
.mastertvDetail-page .top-video{width:100%;padding-top:48.26%;position:relative;background: #000;}
.mastertvDetail-page .top-video>div{position: absolute;top:0;left: 0;width: 100%;height:100%;}
.player-container{width: 100%;height:100%;}
.mastertvDetail-page .top-video .video-state{color: #FCFCFC;font-size:16px;text-align: center;} 
.mastertvDetail-page .top-video .video-state .red{color:#C01820;}
.mastertvDetail-page .top-video .video-state .btn{display:inline-block;min-width: 84px;padding:0 9px;height: 30px;background: #C01820;border-radius: 4px;color:#FCFCFC;line-height:30px;margin:5px auto 0;}
.mastertvDetail-page .top-video .video-state img{vertical-align: top;margin-bottom:10px;}
.mastertvDetail-page .chapter-show{background:#1B1B1B;}
.mastertvDetail-page .chapter-show .v-title{padding:16px 15px;color:#FCFCFC;font-size:16px;line-height: 18px;}
.mastertvDetail-page .chapter-show .v-title .sign{display: inline-block;vertical-align: top;height: 16px;border: 1px solid #999999;border-radius: 2px;padding:0 1px;line-height:14px;color:#C6C6C6;font-size: 12px;margin-right:10px;}
.mastertvDetail-page .chapter-show .v-title .ui-list-info{margin-top:-2px;line-height:20px;}
.mastertvDetail-page .chapter-show .c-list{padding:0 4px 20px 14px;overflow-x: auto;}
.mastertvDetail-page .chapter-show .c-list::-webkit-scrollbar{display: none;}
.mastertvDetail-page .chapter-show .c-list li{width: 90px;height: 40px;border-radius: 4px;border: 1px solid #3E3E3E;line-height:38px;font-size:14px;text-align: center;margin-right:10px;}
.mastertvDetail-page .chapter-show .c-list li a{display:block;color:#FCFCFC;}
.mastertvDetail-page .chapter-show .c-list li.active{background:#3E3E3E;}
.mastertvDetail-page .learn-tabnav{border-bottom:0;}
.mastertvDetail-page .learn-tabnav a{color:#666;font-size: 14px;}
.mastertvDetail-page .learn-tabnav .active:after{width:30px;margin-left: -15px;background:#c01820;}
.mastertvDetail-page .learn-tabnav .active a{color: #333;}
.mastertvDetail-page .content-title{border-bottom:0;}
.mastertvDetail-page .tutor-info{padding: 15px;margin-top:1px;}
.mastertvDetail-page .tutor-info .thumb{width: 62px;height: 62px;margin-right: 10px;border: 1px solid #EEEEEE;border-radius:1px;overflow:hidden;}
.mastertvDetail-page .tutor-info .titl{font-weight: bold;font-size: 14px;color: #333333;}
.mastertvDetail-page .tutor-info .titl span{color:#999;font-size:12px;font-weight: normal;padding-left:9px;}
.mastertvDetail-page .tutor-info .desc{font-size: 12px;color: #666666;margin-top:16px;}
.mastertvDetail-page .course-box{padding:20px 14px 15px;}
.mastertvDetail-page .course-box .course-title{color:#333;font-size: 18px;font-weight: bold;line-height: 30px;margin-bottom:10px;}
.mastertvDetail-page .course-box p{color:#666;font-size: 12px;}
.mastertvDetail-page .course-box .line{display: inline-block;vertical-align: middle;width: 1px;height: 12px;background: #EEEEEE;margin:-2px 10px 0;}
.mastertvDetail-page .jiemu-list li .rig-titl{max-width: 89%;}
.mastertvDetail-page .jiemu-list{margin-top: -15px;}
.mastertvDetail-page .jiemu-list li{padding: 25px 0;border-bottom: 1px solid #eee;}
.mastertvDetail-page .jiemu-list li .num{font-size: 12px;color: #999999;width:46px;text-align: center;}
.mastertvDetail-page .jiemu-list li .title{font-size: 14px;color: #333333;line-height:18px;}
.mastertvDetail-page .jiemu-list li .other{font-size: 12px;color: #666666;margin-top: 12px;}
.mastertvDetail-page .jiemu-list li .other span{padding-left:30px;}
.mastertvDetail-page .jiemu-list li .play-stste{display:none;width:46px;height:18px;background: url(../../img/2021_m/dashiban/icon_course_play.png) no-repeat center top/18px;}
.mastertvDetail-page .jiemu-list li .state{width:46px;}
.mastertvDetail-page .jiemu-list li:last-child{border-bottom:0;}
.mastertvDetail-page .jiemu-list .finish .state{height:15px;background: url(../../img/2021_m/dashiban/icon_course_gou.png) no-repeat center top/15px;}
.mastertvDetail-page .jiemu-list .lock .state{height:14px;background: url(../../img/2021_m/dashiban/icon_course_lock.png) no-repeat center top/12px 14px;}
.mastertvDetail-page .jiemu-list .unlock .state{height:14px;background: url(../../img/2021_m/dashiban/icon_course_unlock.png) no-repeat center top/12px 14px;}
.mastertvDetail-page .jiemu-list .play .play-stste{display:block;}
.mastertvDetail-page .jiemu-list .play .num{display:none;}
.mastertvDetail-page .jiemu-list .play .title{font-weight:bold;}
.mastertvDetail-page .demand-box{padding:20px 14px 4px;}
.mastertvDetail-page .demand-box .demand-title{color:#333;font-size:14px;font-weight: bold;margin-bottom: 20px;}
.mastertvDetail-page .demand-box .demand-title span{display:inline-block;vertical-align: middle;max-width:50%;margin-top: -4px;}
.mastertvDetail-page .demand-box .demand-item{-webkit-box-shadow: 0px 0px 6px 0px rgba(4, 0, 0, 0.08);box-shadow: 0px 0px 6px 0px rgba(4, 0, 0, 0.08);border-radius: 5px;padding:15px;margin-bottom:18px;}
.mastertvDetail-page .demand-box .demand-item .title{color:#333;font-size:16px;}
.mastertvDetail-page .demand-box .demand-item .state{width: 54px;height: 20px;border: 1px solid rgba(192,24,32,.42);border-radius: 2px;line-height:18px;font-size:12px;text-align: center;color:#C01820;}
.mastertvDetail-page .demand-box .demand-item .finish{border-color:rgba(187,187,187,.42);color:#999;}
.mastertvDetail-page .demand-box .demand-item .progress-info{color: #666;font-size: 12px;margin-top: 20px;}
.mastertvDetail-page .demand-box .demand-item .progress{height: 6px;background: #E9E9E9;border: 1px solid #E1E1E1;border-radius: 3px;margin-right:14px;}
.mastertvDetail-page .demand-box .demand-item .progress .inner{height: 100%;background: #C01820;border-radius: 3px;max-width: 100%;}
.mastertvDetail-page .demand-box .demand-item .desc{color:#666;font-size:14px;margin-top:16px;}
.mastertvDetail-page .demand-box .demand-item .btn{display:block;margin-top:18px;height: 34px;background: #C01820;border-radius: 17px;line-height:34px;color:#fff;font-size: 14px;text-align:center;}
.mastertvDetail-page .demand-box .demand-item .btn.disabled{background: #bbb;color: #fff;}
.mastertvDetail-page .demand-box .done-show{color:#32B16C;font-size:14px;text-align:center;background:url(../../img/2021_m/dashiban/img_done.png) no-repeat center top/55px;padding-top:65px;margin-bottom:20px;}
.mastertvDetail-page .return-tabnav{padding: 0 38px;text-align: center;}
.mastertvDetail-page .return-tabnav ul{border: 1px solid #EEEEEE;border-radius: 6px;overflow: hidden;}
.mastertvDetail-page .return-tabnav li{width: 50%;height: 30px;line-height: 30px;font-size: 14px;}
.mastertvDetail-page .return-tabnav li a{display:block;color: #999;}
.mastertvDetail-page .return-tabnav li.active{background: #C01820;font-weight: bold;}
.mastertvDetail-page .return-tabnav li.active a{color: #fff;}
.mastertvDetail-page .return-list>li{padding:15px 15px 0;border-bottom:1px solid #eee;}
.mastertvDetail-page .current-return{padding: 25px 15px 53px;}
/*我的还课*/
.return-box .user-info .avatar{width: 36px;height: 36px;border: 1px solid #EEEEEE;border-radius: 50%;overflow:hidden;margin-right: 5px;}
.return-box .user-info .name{color:#333;font-size: 14px;line-height:18px;}
.return-box .user-info .time{color:#999;font-size: 12px;}
.return-box .desc{color:#666;font-size:14px;line-height: 18px;margin-top: 6px;}
.return-box .video-list{margin-top:6px;margin-left: -8px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.return-box .video-list li{width: 33.3%;padding-left:8px;margin-bottom: 8px;}
.return-box .video-list .video{width: 100%;padding-top: 60.7%;position: relative;}
.return-box .video-list .video img{position:absolute;top:0;left:0;}
.return-box .video-list .video:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6) url(../../img/2021_m/dashiban/icon_play.png) no-repeat center center/21px;z-index: 2;}
.return-box .video-list .video .duration{position: absolute;bottom: 0;right: 4px;color: #bbb;font-size: 12px;z-index: 3}
.return-box .comment-info{background:#f6f6f6;border-radius:4px;padding:15px;margin-top: 10px;}
.return-box .comment-info .user-info{margin-bottom:15px;}
.return-box .comment-info .avatar{width: 20px;height: 20px;border-radius: 2px;margin-right:5px;}
.return-box .state{color:#333;font-size:12px;}
.return-box .state img{vertical-align: middle;margin-top: -2px;margin-right: 2px;}
.return-box .comment-info .star-box{font-size: 12px;color: #666;padding-left:28px;}
.return-box .comment-info .star{display:inline-block;vertical-align:middle;width:12px;height:12px;background:url("../../img/2021_m/icon_star.png") no-repeat center center/12px 12px;margin-left: 5px;margin-top: -4px;}
.return-box .comment-info .star.active{background-image:url("../../img/2021_m/icon_star_active.png");}
.return-box .comment-info .btn,.return-box .edit-btn{display:block;width: 70px;height: 22px;background: #FFFFFF;border: 1px solid #BBBBBB;border-radius: 11px;line-height:20px;text-align: center;color:#666;font-size:12px;}
.return-box .no-comment{height: 42px;background: #F6F6F6;border-radius: 4px;color:#666;font-size:12px;line-height: 42px;padding: 0 10px;margin-top: 10px;}
.return-box .no-comment a{display: block;width: 70px;height: 22px;background: #FFFFFF;border: 1px solid #BBBBBB;border-radius: 11px;line-height: 20px;text-align: center;color: #666;font-size: 12px;}
.return-box .comment-sign{display: inline-block;vertical-align: middle;background: #000;color: #fff;font-size: 12px;height: 15px;line-height: 15px;padding: 0 2px;border-radius: 2px;margin-right: 5px;margin-top: -2px;}
.return-box .comment-info .type{height: 16px;margin-top:2px;}
.return-box .comment-info .type span{vertical-align: top;}
.return-box .reply-titl{color: #999;font-size: 12px;text-align: center;position: relative;margin-top: 20px;}
.return-box .reply-titl:before{content: "";position: absolute;top:50%;left: 0;width: 100%;height: 1px;background: #eee;}
.return-box .reply-titl span{display: inline-block;padding: 0 12px;background: #fff;position: relative;z-index: 2;}
.return-box .other-info{line-height: 44px;color: #666;font-size: 12px;}
.return-box .other-info a{color: #666;}
.return-box .other-info .circle{display: inline-block;vertical-align: middle;width: 4px;height: 4px;background: #CC3729;border-radius: 50%;margin-right: 3px;margin-top: -2px;}
.return-box .other-info .icon-commented{display: inline-block;width: 14px;height: 14px;background: url(../../img/dongtai_comment.png) no-repeat center top/100%;margin-right: 5px;vertical-align: middle;}
.return-box .other-info .star-point img{vertical-align: middle;margin-right: 3px;margin-top: -5px;}
/*评论*/
.return-box .reply-list{padding-top: 15px;}
.return-box .reply-list li{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;margin-bottom: 20px;}
.return-box .reply-list .avatar{width: 43px;height: 43px;border: 1px solid #EEEEEE;border-radius: 5px;overflow: hidden;-webkit-box-flex: 0;-webkit-flex: 0 0 43px;-moz-box-flex: 0;-ms-flex: 0 0 43px;flex: 0 0 43px;}
.return-box .reply-list .intro{-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}
.return-box .reply-list .intro .top{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;height: 16px;margin-bottom: 5px;}
.return-box .reply-list .intro .type{display:inline-block;vertical-align:top;width: 30px;height: 16px;background: #FF5B5B;border-radius: 2px;font-size: 12px;color: #fff;line-height: 16px;text-align: center;margin-right: 5px;}
.return-box .reply-list .intro .uname{display:inline-block;vertical-align:top;color: #333;font-size: 14px;max-width: calc(100% - 138px);white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;line-height: 16px;}
.return-box .reply-list .intro .time{color: #999;font-size: 12px;padding: 0 4px;}
.return-box .reply-list .cnt .txt{display:inline-block;vertical-align:top;background: #F5F5F5;border-radius: 5px;max-width: 100%;color: #333;font-size: 14px;line-height: 22px;padding: 10px;position: relative;}
.return-box .reply-list .cnt .txt:after{content: "";position: absolute;top:15px;left: -7px;width:8px;height:11px;background: url("../../img/2021_m/dashiban/icon_arrow_comment.png") no-repeat center/100%;}
.return-box .reply-list .cnt .img{display: block;width: 130px;}
.return-box .reply-list .cnt .img img{width: 100%;height: auto;vertical-align: top;}
.return-box .reply-list .cnt .video{width: 130px;height: 80px;position: relative;}
.return-box .reply-list .cnt .video:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6) url(../../img/2021_m/dashiban/icon_play.png) no-repeat center center/21px;}
.return-box .reply-list .cnt .video .duration{position: absolute;bottom: 5px;right: 4px;color: #fff;font-size: 12px;}
.return-box .reply-list .justify-r{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-moz-box-orient: horizontal;-moz-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.return-box .reply-list .justify-l .avatar{margin-right: 10px;}
.return-box .reply-list .justify-l .intro{padding-right: 50px;}
.return-box .reply-list .justify-r .intro{padding-left: 50px;}
.return-box .reply-list .justify-r .intro .uname{max-width: calc(100% - 103px);}
.return-box .reply-list .justify-r .avatar{margin-left: 10px;}
.return-box .reply-list .justify-r .top{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-moz-box-orient: horizontal;-moz-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.return-box .reply-list .justify-r .cnt{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-moz-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.return-box .reply-list .justify-r .cnt .txt:after{left: auto;right: -7px;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.return-box .reply-list .cnt .audio{padding: 8px 6px 8px 10px;font-size: 0;}
.return-box .reply-list .cnt .audio .status{display:inline-block;vertical-align:middle;width: 26px;height: 26px;background-color: rgba(9,203,41,.8);border-radius: 50%;background-position: center center;background-repeat: no-repeat;background-size: 12px auto;}
.return-box .reply-list .cnt .audio .play{background-image: url("../../img/2021_m/dashiban/icon_audio_play.png");}
.return-box .reply-list .cnt .audio .pause{background-image: url("../../img/2021_m/dashiban/icon_audio_pause.png");}
.return-box .reply-list .cnt .audio .progress{display:inline-block;vertical-align:middle;width: 82px;height: 23px;background: #D2D2D2;margin-left: 6px;position: relative;}
.return-box .reply-list .cnt .audio .progress .inner{width: 0;height: 23px;background: #09CB29;}
.return-box .reply-list .cnt .audio .progress:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: url("../../img/2021_m/dashiban/icon_audio_progress.png") no-repeat center center/100%;}

.pb52{padding-bottom: 52px;}
.returnDetail-cnt{padding:20px 15px;}
.returnDetail-cnt .title-box{padding-bottom:20px;border-bottom:1px dashed #eee;margin-bottom:15px;}
.returnDetail-cnt .title-box .title{color:#333;font-size:18px;font-weight: bold;margin-bottom: 10px;}
.returnDetail-cnt .title-box .title span{display:inline-block;vertical-align: middle;max-width:60%;max-width:calc(100% - 150px);margin-top: -4px;}
.returnDetail-cnt .title-box .desc{color:#666;font-size:14px;}
.returnDetail-cnt .learn-tabnav{border-bottom: 0;}
.returnDetail-cnt .learn-tabnav a{color: #666;font-size: 14px;}
.returnDetail-cnt .learn-tabnav .active a{color: #333;font-weight: normal;}
.returnDetail-cnt .h-id{display: inline-block;height: 26px;border: 1px solid #E2E2E2;border-radius: 12px;line-height: 24px;padding: 0 10px;color: #999;font-size: 12px;margin-bottom: 10px;}
.reply-footer{height: 52px;border-top:2px solid #eee;}
.reply-footer>div{margin-left:0;height: 50px;}
.reply-footer .ui-input input{opacity:.8;}
.reply-footer .ui-btn{margin-right:0;height:30px;line-height:30px;color:#5c85ae;background:#fff;border: 1px solid #F2F2F2;}
.reply-footer .upload-btn{display: block;width: 26px;height: 26px;background: url("../../img/2021_m/dashiban/icon_img_btn.png") no-repeat center center/100%;}
/* 上传还课视频 */
.upload-page{padding-bottom:70px;} 
.upload-page .title-box{padding:20px 15px;}
.upload-page .title-box .title{color:#333;font-size:18px;font-weight: bold;margin-bottom: 10px;}
.upload-page .title-box .title span{display:inline-block;vertical-align: middle;max-width:60%;max-width:calc(100% - 150px);margin-top: -4px;}
.upload-page .title-box .desc{color:#666;font-size:14px;}
.upload-page .upload-box{padding:20px 15px;}
.upload-page .video-list{padding: 15px 5px 5px 15px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.upload-page .video-list li{width: 33.3%;padding-right: 10px;margin-bottom: 12px;}
.upload-page .video-list li>div{width: 100%;padding-top: 100%;background: #F6F6F6;border: 1px solid #EEEEEE;border-radius: 3px;overflow: hidden;position: relative;}
.upload-page .video-list li .cancel{display: block;position: absolute;top:6px;right: 6px;width: 18px;height: 18px;background:url(../../img/v/mobile/cha.png) no-repeat center center/100%;border-radius: 50%;}
.upload-page .video-list li .progress-info{position: absolute;top:0;left: 0;width: 100%;height: 100%;padding: 20px 18px 0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.upload-page .video-list li .progress-info p{color: #999;font-size: 12px;text-align: center;}
.upload-page .video-list li .progress-info p img{vertical-align: middle;margin-top: -2px;margin-right: 2px;}
.upload-page .video-list li .progress-info .p-fail{color: #CC3729;}
.upload-page .video-list li .progress-info .p-box{width:100%;height: 4px;background: #FFFFFF;border-radius: 2px;margin-bottom: 20px;}
.upload-page .video-list li .progress-info .p-inner{height:100%;background: #CC3729;border-radius: 2px;}
.hide{display: none;}
.upload-page .video-list li .play>img{position: absolute;top:0;left: 0;}
.upload-page .video-list li .play .cover{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-top: 15px;}
.upload-page .video-list li .play .cover p{color: #fff;font-size: 12px;margin-top: 15px;}
.upload-page .video-list li .upload-btn{position: absolute;top:0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-top: 15px;}
.upload-page .video-list li .upload-btn p{color: #999;font-size: 12px;margin-top: 15px;}
.upload-page .video-list li .upload-btn input{position: absolute;top:0;left: 0;width: 100%;height: 100%;opacity: 0;}

.upload-page .desc-box{border-top:1px solid #eee;padding:20px 15px;}
.upload-page .d-titl{color:#333;font-size:14px;margin-bottom:14px;}
.upload-page .textarea-cnt{width:100%;height: 204px;background: #F5F5F5;border: 1px solid #E5E5E5;border-radius: 4px;padding:12px 15px 0;}
.upload-page .textarea-cnt textarea{width:100%;height:140px;background: #F5F5F5;border:0;font-size:14px;color:#666;line-height:23px;}
.upload-page .textarea-cnt textarea::-webkit-scrollbar {width: 4px;}
.upload-page .textarea-cnt textarea::-webkit-scrollbar-track {background: transparent;}
.upload-page .textarea-cnt textarea::-webkit-scrollbar-thumb {border-radius: 2px;background: #ddd;}
.upload-page .textarea-cnt .num{line-height:42px;color:#bbb;font-size:12px;text-align: right;}
.upload-footer{height:60px;padding:10px 22px;}
.upload-footer a{display:block;width:100%;height:100%;background: #C01820;border-radius: 20px;color:#fff;font-size:16px;text-align: center;line-height:40px;}

/*视频弹框*/
.pop-video-box .cover{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2000}
.pop-video-box .close{position:absolute;top:0;right:20px;font-size:50px;color:#fff;z-index:999;cursor:pointer;}
.pop-video-box .video-box{display:none;position:fixed;top:50%;left:50%;width:100%;height:80%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2001}
.pop-video-box.show .cover,.pop-video-box.show .video-box{display:block}
/*公共弹窗*/
.z-dialog-box{display:none;position:fixed;top:0;left:auto;width:100%;height:100%;max-width:750px;background:rgba(0,0,0,.5);z-index: 101;}
.z-dialog-box .dialog-cnt{position:absolute;top:50%;left:50%;width:80%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius: 2px;background: #fff;overflow: hidden;}
.z-dialog-box .dialog-bd{padding: 35px 12px;}
.z-dialog-box .dialog-bd h3{color: #333;font-size: 20px;margin-bottom: 15px;}
.z-dialog-box .dialog-bd p{color: #666;font-size: 16px;line-height: 20px;}
.z-dialog-box .dialog-ft{height: 45px;line-height: 44px;border-top:1px solid #eee;}
.z-dialog-box .dialog-ft a{color: #333;font-size: 18px;}
.z-dialog-box .dialog-ft a:last-child{border-left: 1px solid #eee;}
/*照片大图*/
.pic-b-show{position:fixed;z-index:-1;opacity:0;background:rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;}
.pic-b-show .swiper-container2 {position: relative;width: 100%;height: 100%;}
.pic-b-show .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.pic-b-show .swiper-slide{width:100%;height:100%;display:table}
.pic-b-show .swiper-slide .cell{width:100%;;height:100%;display:table-cell;vertical-align:middle;text-align:center;}
.pic-b-show .swiper-slide img{max-width:100vw;max-height:80vh;margin:0 auto;}
.pic-b-show .swiper-pagination2{position:absolute;bottom:0.2rem;text-align:center;width:100%;}
.pic-b-show .swiper-pagination2 span{margin:0 0.05rem;border:1px solid #fff;opacity:.8;}
.pic-b-show .swiper-pagination-bullet-active{opacity:1;background:#A21F24;}
/*兑换优惠券弹框*/
.coupon-container{ position: fixed;top: 0px;left: auto;width: 100%;height: 100%;z-index: 9999;background: rgba(0, 0, 0, 0.4);max-width: 720px;display: none;}
.coupon-container .coupon-box{position: absolute;bottom:0;width: 100%;max-height: calc(100% - 60px);overflow-y: auto;}
.coupon-container .coupon-box h2.headline i{background: #FF6702;height:18px;}
.coupon-container .coupon-box .ui-dialog-close:before{top:11px;right:10px;}
.coupon-container .coupon-main{background: #eee;padding-top: 12px;}
.coupon-container .coupon-list{background: #eee;}
.coupon-list{padding:12px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.coupon-list li{background: #fff;padding-left: 0;height:88px;margin-bottom: 12px;/* -webkit-box-shadow: 0 0 14px 4px rgba(0,0,0,0.1); */-webkit-box-shadow: 0 0 14px 4px rgba(0,0,0,0.1);box-shadow: 0 0 14px 4px rgba(0,0,0,0.1);}
.coupon-list li .coupon-value{width:89px;height:100%;padding-top:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;text-align:center;background-image: -o-radial-gradient(transparent 0, transparent 4px, #FF6702 4px);background-image: radial-gradient(transparent 0, transparent 4px, #FF6702 4px);background-size: 14px 4px;background-position:15px 10px;position: relative;z-index: 0;}
.coupon-list li .coupon-value:before{content: ' ';display: block;background-color: #FF6702;position: absolute;top: 0;bottom: 0;left: 4px;right: 6px;z-index: -1;}
.coupon-list li .coupon-value .value{font-size: 20px;font-weight: bold;margin-bottom: 7px;}
.coupon-list li .ui-list-info .title{font-weight: bold;color: #333;line-height:22px;height:44px;}
.coupon-list li .ui-list-info .time{color: #666;margin-top: 6px;}
.coupon-container .small-title{color: #999;font-size: 12px;text-align: center;padding:8px 0 3px 0;}
.coupon-list li .ui-list-info .sign{color:#999;line-height: 28px;}
.coupon-container .coupon-main .sign span{display:inline-block;padding: 0 3px;height:20px;line-height:20px;background:#CFA972;border-radius:2px;color:#fff;text-align: center;}
.coupon-container .coupon-main .coupon-list li{margin-bottom: 10px;cursor: default;}
.coupon-container .coupon-main .coupon-list li:last-child{margin-bottom: 0;}
.coupon-container .coupon-main .receive span{width:55px;text-align:center;padding:0;border: 1px solid #CFA972;background: #fff;color: #CFA972;}

/*上传提示弹窗*/
.upload-dialog .dialog-bd h3{color: #333;font-size: 15px;margin-bottom: 0;}
.upload-dialog .dialog-ft a{font-size: 15px;}
.upload-dialog .dialog-ft .cancel{color: #666;}
/*作业完成弹窗*/
.task-popup{position: fixed;top:0;left: auto;max-width: 720px;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 999;padding: 0 62px;display: none;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.task-popup.show{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.task-popup .task-box{width: 250px;background: #333333;border-radius: 10px;position: relative;padding:0 22px 28px;text-align: center;}
.task-popup .task-box .cancel-btn{display: block;width: 15px;height: 14px;background: url("../../img/2021_m/dashiban/icon_task_cha.png") no-repeat center center/auto 100%;position: absolute;top:15px;right: 12px;}
.task-popup .task-box .state .sign{width:169px;height:132px;background-image:url("../../img/2021_m/dashiban/img_task_state_1.png");background-size:auto 100%;background-repeat:no-repeat;margin: 0 auto;}
.task-popup .task-box .state .titl{height:19px;background: url("../../img/2021_m/dashiban/img_task_state_txt_1.png") no-repeat center top/97px;}
.task-popup .task-box .state2 .sign{background-image: url("../../img/2021_m/dashiban/img_task_state_2.png");}
.task-popup .task-box .state2 .titl{background-image: url("../../img/2021_m/dashiban/img_task_state_txt_2.png");}
.task-popup .task-box .state3 .sign{background-image: url("../../img/2021_m/dashiban/img_task_state_3.png");}
.task-popup .task-box .state3 .titl{background-image: url("../../img/2021_m/dashiban/img_task_state_txt_3.png");}
.task-popup.show .task-box .state .sign{-webkit-animation: popupShow 1.5s steps(14) .1s forwards;animation: popupShow 1.5s steps(14) .1s forwards;}
@-webkit-keyframes popupShow { 0%{background-position: 0 0;} 100%{background-position: -2366px 0;} }
@keyframes popupShow { 0%{background-position: 0 0;} 100%{background-position: -2366px 0;} }
.task-popup .task-box .cnt{padding: 20px 0 0;margin-top: 24px;border-top: 1px solid rgba(255,255,255,.1);}
.task-popup .task-box .cnt .titl{font-size: 15px;color: #FFFFFF;line-height: 20px;}
.task-popup .task-box .cnt .titl span{display: inline-block;vertical-align: middle;max-width: 105px;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;margin-top: -2px;}
.task-popup .task-box .cnt .tip{color: #bbb;font-size: 14px;margin-top: 15px;}
.task-popup .task-box .star-show{color: #bbb;font-size: 12px;margin-top: 15px;}
.task-popup .task-box .star{display:inline-block;vertical-align:middle;width:12px;height:12px;background:url("../../img/2021_m/dashiban/icon_task_star.png") no-repeat center center/12px 12px;margin-left: 5px;margin-top: -2px;}
.task-popup .task-box .star.active{background-image:url("../../img/2021_m/dashiban/icon_task_star_active.png");}
.task-popup .task-box .btns{margin-top: 25px;}
.task-popup .task-box .btns a{display: inline-block;vertical-align: top;width: 90px;height: 31px;border: 1px solid #BBBBBB;border-radius: 16px;line-height: 30px;color: #fff;font-size: 14px;}
.task-popup .task-box .btns .bg{background: #FCF0D4;border-color:#FCF0D4;color: #333; }
.task-popup .task-box .ui-justify-flex a{display: block;}