body{overflow:hidden}.course{padding-bottom:1.94rem;min-height:100vh;background-color:#F7F6F5}.course header{height:2.93rem;background-color:#fff;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:#3688f8;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 img{width:0.53rem;height:0.53rem}.course .course-list{padding:0 0.26rem;padding-bottom:0.26rem;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:0.26rem;margin-top:0.13rem;overflow:scroll;max-height:calc(100vh - 5.1rem);background:#fff;padding-top:0.13rem}.course .course-list .item-course{height:100%;background-color:#F7F6F5;display:flex;flex-direction:column}.course .course-list .item-course .item-cover{font-size:initial;height:2.8rem}.course .course-list .item-course .item-cover img{width:100%;height:100%;border-radius:0.16rem 0.16rem 0 0;vertical-align:bottom}.course .course-list .item-course .item-info{padding:0.24rem 0.26rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.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;margin-top:0.13rem}.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 p{color:#F08519}.course .course-list .item-course .item-info .count p span{font-size:0.48rem}