.class-item[data-v-abf16720]{position:relative;height:2.32rem;margin-top:.64rem;padding-left:4.693333rem}.class-item[data-v-abf16720]:first-child{margin-top:0}.class-item .thumb-wrap[data-v-abf16720]{overflow:hidden;position:absolute;top:0;left:0;width:4.16rem;height:2.32rem;background:#eee;border-radius:.133333rem}.class-item .thumb-wrap .badge[data-v-abf16720]{position:absolute;top:0;left:0;z-index:2;width:1.173333rem;height:.506667rem;line-height:.506667rem;text-align:center;font-size:.266667rem;color:#fff;background:#ff8b3d;border-radius:0 .053333rem .213333rem 0}.class-item .thumb-wrap .icon-play[data-v-abf16720]{font-size:.266667rem}.class-item .thumb-wrap .text[data-v-abf16720]{position:absolute;bottom:0;left:0;right:0;z-index:2;height:.8rem;padding:.266667rem .266667rem 0;line-height:.44rem;font-size:.32rem;color:#fff;background:linear-gradient(180deg,rgba(51,51,51,0),#000)}.class-item .title[data-v-abf16720]{height:1.12rem;line-height:.56rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.class-item .sub[data-v-abf16720]{margin-top:.266667rem;line-height:.426667rem;font-size:.32rem;color:#999}.class-item .btn[data-v-abf16720]{margin-top:.666667rem;width:1.92rem;height:.533333rem;line-height:.533333rem;text-align:center;font-size:.32rem;color:#fff;background:#6166ff;border-radius:.266667rem}.class-item .btn.light[data-v-abf16720]{color:#333;background:#efefff}.bottom[data-v-079805ee]{color:#ccc}.bottom[data-v-079805ee],.empty-list[data-v-51b49400]{margin-top:.64rem;margin-bottom:.72rem;text-align:center;font-size:.32rem}.page-class-list[data-v-a7301866]{height:100vh;padding-top:2.666667rem;padding-bottom:1.6rem;background:#fff}.page-class-list.disabled-scroll[data-v-a7301866]{overflow:hidden;height:100vh}.tabs[data-v-a7301866]{position:fixed;top:0;right:0;left:0;z-index:2;display:flex;height:1.173333rem;line-height:1.173333rem;text-align:center;background:#fafafa}.tabs .item[data-v-a7301866]{flex:1;font-weight:700;font-size:.48rem;color:#999;transition:all .3s}.tabs .item.active[data-v-a7301866]{color:#333}.filter[data-v-a7301866]{position:fixed;top:1.173333rem;right:0;left:0;z-index:2;padding:.48rem .533333rem .16rem;line-height:.533333rem;background:#fff}.filter .item[data-v-a7301866]{margin-right:.4rem;font-size:.32rem}.filter .item .title[data-v-a7301866]{color:#999}.filter .btn[data-v-a7301866]{position:absolute;top:.48rem;right:.533333rem;width:1.92rem;height:.533333rem;line-height:.533333rem;text-align:center;font-size:.32rem;color:#fff;background:#6166ff;border-radius:.266667rem}.filter .btn.light[data-v-a7301866]{color:#333;background:#efefff}.class-wrap[data-v-a7301866]{height:100%}.class-wrap .list[data-v-a7301866]{overflow:auto;height:100%;padding-left:.533333rem;padding-right:.533333rem;-webkit-overflow-scrolling:touch}.class-wrap .more[data-v-a7301866]{margin:.64rem auto;width:3.52rem;height:.8rem;line-height:.8rem;text-align:center;font-size:.32rem;color:#fff;background:#6166ff;border-radius:.4rem}.class-wrap .more.light[data-v-a7301866]{color:#333;background:#efefff}.select-wrap[data-v-a7301866]{margin-bottom:.04rem}.select-wrap .wrap-title[data-v-a7301866]{margin-top:.64rem;margin-bottom:.2rem;line-height:.746667rem;font-weight:700;font-size:.533333rem}.select-wrap .list[data-v-a7301866]{display:flex;flex-flow:row wrap;margin-left:-.133333rem}.select-wrap .item[data-v-a7301866]{margin:.2rem .133333rem;padding-left:.32rem;padding-right:.32rem;line-height:.72rem;background:#fafafa;border-radius:.106667rem}.select-wrap .item.active[data-v-a7301866]{color:#fff;background:#6166ff}