.clearfix:after {content: '';height: 0;display: block;clear: both;overflow: hidden;visibility: hidden;}
 .clearfix {zoom: 1;}
/* 课程筛选列表页 */
.top-fixed{width: 100%;position: fixed;z-index: 3;top: 3rem;background: #FFF;}
.top-fixed .swiper-container{border-bottom: .02666667rem solid #D9DDE1;padding: 0 .75rem;height: 2rem;line-height: 2rem;}
.top-fixed .firstNav li{width: auto;}
.top-fixed .firstNav li a{color: #71777D;font-size: .7rem;}
.top-fixed .firstNav li a.active{color: #2B333B;}
.top-fixed .firstNav li a.active::after{display: block;content: "";width: 1rem;height: .1rem;background: #F01414;border-radius: .05333333rem;position: absolute;left: 32%;bottom: 0;}
.top-fixed .filter-wrap{width: 100%;height: 2rem;line-height: 2rem;padding: 0 .75rem;border-bottom: 1px solid #eee;}
.top-fixed .filter-wrap p{font-size: 0.67rem;color: #F01414;}
.top-fixed .filter-wrap p i{font-size: 0.6rem;padding-left: .2rem;color: #F01414;}
.top-fixed .sort-box{background-color: #fff;padding: 0 .75rem;}
.top-fixed .sort-box li{font-size: 0.67rem;color: #71777D;line-height: 1.8rem;}
.top-fixed .sort-box li.active{color: rgba(240,20,20,.6);}
.course_main{margin-top: 7rem;}
.course_main .aui-list .list-item{margin: 0 .75rem;margin-top: 1rem;}
.course_main .aui-list .list-item:first-child{margin-top: .6rem;}
.course_main .aui-list .list-item .list-info{padding-left: .5rem;}
.course_main .aui-list .list-item .list-info .aui-list-item-title{font-size: .7rem;line-height: 1.2rem;height: 2.5rem;}
.course_main .aui-list .list-item .list-info .aui-list-item-title a{color: #2B333B;}
.course_main .aui-list .list-item .list-info .level{font-size: .6rem;color: #71777D;}
.course_main .aui-list .list-item .list-info .level a{color: rgba(240,20,20,.6);}
.course_main .aui-list .list-item .list-pic img{border-radius: .4rem;}


/* 课程详情页 */
.course_details .banner{position: relative;box-sizing: border-box;width: 100%;height:8.5rem;padding-top: 3.6rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.course_details .banner::after{display: block;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 8.5rem;background: rgba(0,0,0,.4);z-index: 1;}
.course_details .banner h2{color: #fff;text-align: center;z-index: 2;position: relative;font-size: .8rem;}
.layui-tab{margin: 0!important;}
.layui-tab-title{background-color: #fff;}
.layui-tab-title li{width: 50%;}
.layui-tab-content{padding: 0!important;}
.layui-tab-brief>.layui-tab-title .layui-this{color:#fc8b5b!important;}
.layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #fc8b5b!important;}
.fix_btn{position: fixed;bottom: 0;width: 100%;height: 2.5rem;line-height:2.5rem;text-align: center;}
.fix_btn a{width: 50%;color: #fff;display: inline-block;float: left;font-size: .8rem;}
.fix_btn a:hover,.fix_btn a:visited{color: #fff;}
.fix_btn .try{background-color: #f29708;}
.fix_btn .VipFree{background-color: #ef6b07;}
.fix_btn .play{width: 100%;background-color: #f29708;}
.c_con{padding: .75rem;}
.introduce .info{box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);background-color: #fff;}
.introduce .info p{line-height: 1.5rem;}
.introduce .info p span{color: #fc8b5b;}
.introduce .teacherInfo{background-color: #fff;margin-top: 10px;}
.introduce .teacherInfo h3{font-size: .75rem;margin-bottom: 10px;}
.introduce .teacherInfo .teacher_list .name img{width: 30px;height: 30px;border-radius: 50%;vertical-align: middle;margin-right: 5px;}
.introduce .teacherInfo .teacher_list .introduce{color: #757575;line-height: 1rem;margin-top: 10px;}
.introduce .teacherInfo .teacher_list{margin-bottom: 20px;}
.chapter .title{font-size: .8rem;font-weight: bold;}
.chapter_list a{display: block;background-color: #fff;width: 100%;height: 2rem;line-height: 2rem;box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);padding: 0 .5rem;margin-bottom: .5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chapter_list a i{float: right;}
.chapter_list a.active{color: #fc8b5b;}
.layui-colla-title{background-color: transparent!important;font-size: 15px!important;}
.first_chapter{padding: .5rem .75rem;background-color: #def2fd;color: #333;margin-bottom: 10px;}
.layui-collapse,.layui-colla-content{border: none!important;}
.chapter .chapter_con{margin-bottom: 20px;}
.problem{background-color: #fff;padding-bottom: 0;}
.problem .problem_content{width: 100%;font-size: .7rem;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow: hidden;padding-bottom: .5rem;}
.problem .problem_content a{color: #333;}
.problem_list{border-bottom: 1px solid #eee;margin-bottom: 1rem;}
.problem .info{color: #999;font-size: .55rem;padding-bottom: .5rem;}
.problem .info:last-child{border: none;}
.problem .info .num{width: 50%;text-align: left; float: left;display: inline-block;}
.problem .info .num a{color: #fc8b5b;}
.problem .info .myAnswer{line-height: 1rem;}
.problem .info .myAnswer span i{color: #fc8b5b;font-style: normal;}
.problem .info .myAnswer img{max-width: 100%;display: block;}
.problem .info .time{width: 50%;text-align: right; float: right;display: inline-block;}
.related_video{background-color: #fff;padding-bottom: 0;}
.related_video .list .list-item{width: 48%;float: left;margin-bottom: 15px;}
.related_video .list .list-item:nth-child(2n){margin-left: 4%;}
.related_video .list .list-item:last-child{border: none;}
.related_video .list .list-item .list-info{text-align: center;padding-top: 5px;}
.related_video .list .list-item .list-info .aui-list-item-title{font-size: .7rem;line-height: 1rem;height: 1rem;}
.related_video .list .list-item .list-info .aui-list-item-title a{color: #2B333B;}
.related_video .list .list-item .list-info .level{font-size: .6rem;color: #71777D;}
.related_video .list .list-item .list-info .level a{color: rgba(240,20,20,.6);}
.related_video .list .list-item .list-pic img{border-radius: .4rem;}
.related_video .info{color: #757575;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }

/* 课后问答详情页 */
.my_answer_box{background-color: #fff;padding: .75rem;box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);}
.my_answer_box textarea{height: 7rem;padding-bottom: .75rem;}
.my_answer_box .words_num{float: right;text-align: right;}
.my_answer_box .words_num span{color:#fc8b5b;}
.reply_btn{margin-top: 3rem;}
.reply_btn a{display: block;width: 50%;margin: 0 auto;height: 2rem;line-height: 2rem;background-color: #099ff5;color: #fff;text-align: center;border-radius: .3rem;}
.upload_pic{background-color: #fff;margin-top: 1rem;padding: .75rem;}
.upload_pic ul{margin-top: .75rem;}
.upload_pic ul li{background: #ebf4ff url('../../images/mobile/icont-jia.png') no-repeat center center;background-size: 40%; width: 30%;margin-right: 5%;height: 5rem;float: left;}
.upload_pic ul li:nth-child(3n){margin-right: 0;}
.upload_pic .info{margin-top: 1rem;}
.upload_pic .info p span{color: #fc8b5b;}
.upload_pic .info .pic_num{float: left;text-align: left;}
.upload_pic .info .pic_bignum{float: right;text-align: right;}

/* 视频播放页 */
.course_play_title{margin: 1rem .75rem 0 .75rem;padding-bottom: .75rem;}
.course_play_title p{font-size: .8rem;color: #333;}
.course_play_title span{font-size: .65rem;color: #999;margin-top: .5rem;display: block;}
.recommend{margin: 0.75rem;}
.recommend .title{font-size: .8rem;margin-bottom: .75rem;}
.recommend .list .list-item{width: 48%;float: left;margin-right: 4%;margin-bottom: .75rem;}
.recommend .list .list-item:nth-child(2n){margin-right: 0;}
.recommend .list .list-item p{line-height: 1rem;}
.recommend .list .list-item .tit{text-align: center;font-size: .7rem;color: #333;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; margin: 5px 0;}
.recommend .list .list-item .info{font-size: .6rem;color: #999;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;}
.list-item-pic{width: 100%;height: 0px;padding-bottom: 5rem;position: relative;overflow: hidden;}

.page{text-align: center;margin: 20px 0;}

/* 教师列表 */
.teacherInfo{background-color: #fff;}
.teacherInfo .name img{width: 100%;border-radius: 50%;}
.teacherInfo .name .left{width: 15%;float: left;}
.teacherInfo .name .right{float: left;margin:8px 0 0 10px;}
.teacherInfo .introduce{margin: 10px 0 0 0;}
.teacherInfo .teacher_list{border-bottom: 1px solid #eee;padding: 20px 0;}
.teacherInfo .teacher_list:first-child{padding-top: 0;}
.teacherInfo .teacher_list:last-child{border-bottom: 0;padding-bottom: 0;}
.empty-div{
    text-align: center;
    margin-top: 2rem;
}
.empty-div img{
    width: 40%;
    margin-bottom: 2rem;
}
.empty-div p{
    font-size: .8rem;
}