body{overflow:hidden}.course{padding-bottom:1.94rem;min-height:100vh;background-color:#F7F6F5}.course header{height:2.93rem;background-image:url("https://static163.163wkt.com/static/mobile/images/course/bg.png");background-size:contain;padding:0 0.4rem}.course header .nav-tabs{padding-top:0.5rem;font-size:0.42rem}.course header .nav-tabs ul{display:flex;justify-content:space-between}.course header .nav-tabs ul li{font-size:0.42rem;display:flex;align-items:center;color:#787573}.course header .nav-tabs ul li img{height:0.32rem;margin-left:0.05rem}.course header .nav-tabs ul li .filter{width:0.53rem;height:0.53rem}.course header .nav-tabs ul .active{color:#F08519;position:relative}.course header .nav-tabs ul .active::after{content:'';width:0.58rem;height:0.13rem;background:linear-gradient(90deg, #F08519 0%, #FFB366 100%);display:block;position:absolute;left:50%;bottom:-0.29rem;border-radius:0.48rem;margin-left:-0.29rem}.course header .filter{margin-top:0.61rem;height:0.93rem}.course header .filter .tag-list .item-tag{font-size:0.34rem;padding:0.1rem 0.24rem;background-color:#F7F6F5;color:#ADAAA8;float:left;border-radius:2.08rem}.course header .filter .tag-list .active{background-color:#F08519;color:#fff}.course header .filter .tag-list .item-tag+.item-tag{margin-left:0.13rem}.course header .filter .filter-icon{display:flex;font-size:0.53rem}.course header .filter .filter-icon span{color:#787573;font-size:0.37rem}.course header .filter .filter-icon img{width:0.4rem;height:0.4rem}.course .course-list{padding:0 0.26rem;margin-top:0.13rem;overflow:scroll;max-height:calc(100vh - 5.12rem);padding-top:0.13rem;background:#f5f5f5}.course .course-list a{display:block}.course .course-list a+a{margin-top:0.26rem}.course .course-list .item-course{border-bottom:1px solid #F0EEEB;background-color:#fff;padding:0 0.4rem;padding-bottom:0.4rem;border-radius:0.2rem}.course .course-list .item-course .course-top{padding-top:0.4rem}.course .course-list .item-course .item-cover{font-size:initial;width:3.3rem;height:2.13rem;margin-right:0.26rem}.course .course-list .item-course .item-cover img{width:100%;height:100%;border-radius:0.16rem;vertical-align:bottom;object-fit:cover}.course .course-list .item-course .item-info{padding:0 0.26rem}.course .course-list .item-course .item-info .title{font-size:0.4rem;color:#363331}.course .course-list .item-course .item-info .name{font-size:0.34rem;color:#787573;padding-top:0.26rem}.course .course-list .item-course .item-info .name img{width:0.4rem;height:0.4rem;border-radius:50%;margin-right:0.05rem}.course .course-list .item-course .item-info .count{font-size:0.34rem;color:#ADAAA8;margin-top:0.29rem;width:100%;justify-content:space-between}.course .course-list .item-course .item-info .count .tag{padding:0.16rem;border-radius:0.1rem;font-size:0.29rem;background-color:#F08519;color:#fff}.course .course-list .item-course .item-info .count p{color:#F08519}.course .course-list .item-course .item-info .count p span{font-size:0.48rem}.course .course-list .item-course .course-bottom{margin-top:0.5rem}.course .course-list .item-course .course-bottom .left-text p{font-size:0.32rem;color:#F08519}.course .course-list .item-course .course-bottom .left-text p span{font-size:0.48rem}.course .course-list .item-course .course-bottom .left-text p+span{color:#ADAAA8;margin-left:0.26rem}.course .course-list .item-course .course-bottom button{height:0.74rem;padding:0 0.25rem;font-size:0.37rem;background:linear-gradient(90deg, #f08519 0%, #f06018 100%);color:#fff;border:none;outline:none}.course .course-list .item-course .course-bottom .end{background:#FFEEDE;color:#F08519}.course .course-list a:last-child .item-course{border-bottom:0}