.categories[data-v-b850a0a6]{position:relative;height:100%}.categories .top-block[data-v-b850a0a6]{width:100%;height:148px;background:#fff;display:flex;justify-content:center;align-items:center}.categories .top-block .top-content[data-v-b850a0a6]{width:1200px;height:148px}.categories .top-block .top-content .class-1[data-v-b850a0a6],.categories .top-block .top-content .class-2[data-v-b850a0a6]{margin-top:32px;display:flex;align-items:center}.categories .top-block .top-content .class-1 .title[data-v-b850a0a6],.categories .top-block .top-content .class-2 .title[data-v-b850a0a6]{font-size:18px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#000;margin-right:32px;white-space:nowrap}.categories .top-block .top-content .class-1 .options[data-v-b850a0a6]::-webkit-scrollbar,.categories .top-block .top-content .class-2 .options[data-v-b850a0a6]::-webkit-scrollbar{width:0;height:0}.categories .top-block .top-content .class-1 .options[data-v-b850a0a6],.categories .top-block .top-content .class-2 .options[data-v-b850a0a6]{display:flex;align-items:center;width:100%}.categories .top-block .top-content .class-1 .options .item[data-v-b850a0a6],.categories .top-block .top-content .class-2 .options .item[data-v-b850a0a6]{font-size:16px;font-weight:400;color:#37363b;padding:4px 16px;height:30px;margin-right:24px;cursor:pointer;white-space:nowrap}.categories .top-block .top-content .class-1 .options .item[data-v-b850a0a6]:hover,.categories .top-block .top-content .class-2 .options .item[data-v-b850a0a6]:hover{color:#0ad192}.categories .top-block .top-content .class-1 .options .active[data-v-b850a0a6],.categories .top-block .top-content .class-2 .options .active[data-v-b850a0a6]{font-size:16px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#fff;background:#0ad192;border-radius:54px 54px 54px 54px}.categories .top-block .top-content .class-1 .options .active[data-v-b850a0a6]:hover,.categories .top-block .top-content .class-2 .options .active[data-v-b850a0a6]:hover{color:#fff}.categories .content[data-v-b850a0a6]{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:122px}.categories .content .list[data-v-b850a0a6]{width:1200px;display:flex;flex-wrap:wrap}.categories .content .list .course[data-v-b850a0a6]:hover{transition:transform .5s}.categories .content .list .course[data-v-b850a0a6]{margin-top:24px;width:282px;background-color:#fff;border-radius:8px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.05)}.categories .content .list .course .course-img[data-v-b850a0a6]{width:282px;height:158px;position:relative;overflow:hidden}.categories .content .list .course .course-img .image[data-v-b850a0a6]{width:282px}.categories .content .list .course .course-img .sale[data-v-b850a0a6]{position:absolute;left:0;top:0;text-align:center;line-height:30px;width:58px;height:30px;background:#ff7620;border-radius:8px 0 8px 0;font-size:16px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#fff}.categories .content .list .course .course-main[data-v-b850a0a6]{box-sizing:border-box;padding:20px 16px 16px 16px;position:relative}.categories .content .list .course .course-main .free[data-v-b850a0a6]{position:absolute;top:-4px;right:12px;width:79px;height:29px}.categories .content .list .course .course-main .top[data-v-b850a0a6]{height:159px;display:flex;flex-direction:column;justify-content:space-between}.categories .content .list .course .course-main .course-text[data-v-b850a0a6]{font-size:16px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#333;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.categories .content .list .course .course-main .course-text .type[data-v-b850a0a6]{position:relative;top:-2px;margin-right:1px;display:inline-block;border-radius:10px 8px 1px 10px;padding:1px 8px;font-size:12px;font-family:PingFang SC;font-weight:500;color:#fff;line-height:16px}.categories .content .list .course .course-main .course-detail[data-v-b850a0a6]{margin-top:8px;font-size:12px;font-family:PingFang SC;font-weight:400;color:#6b6a6f}.categories .content .list .course .course-main .teacher-list[data-v-b850a0a6]{display:flex}.categories .content .list .course .course-main .teacher-list .teacher[data-v-b850a0a6]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:28px}.categories .content .list .course .course-main .teacher-list .teacher .teacher-img[data-v-b850a0a6]{width:46px;height:46px;border-radius:46px}.categories .content .list .course .course-main .teacher-list .teacher .name[data-v-b850a0a6]{text-align:center;margin-top:4px;font-size:11px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#9899a2;max-width:55px}.categories .content .list .course .course-main .money[data-v-b850a0a6]{margin-top:12px;display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #efefef;padding-top:12px}.categories .content .list .course .course-main .money .price[data-v-b850a0a6]{font-size:20px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#ff4141}.categories .content .list .course .course-main .money .unti_mini[data-v-b850a0a6]{font-size:14px;font-weight:700}.categories .content .list .course .course-main .money .toll[data-v-b850a0a6]{font-size:12px;font-family:PingFang SC-Medium,PingFang SC;font-weight:400;color:#cacaca}.categories .content .list .course[data-v-b850a0a6]:hover{cursor:pointer;transform:translateY(-5px);transition:transform .3s;box-shadow:0 2px 20px 0 rgba(0,0,0,.2)!important}.categories .content .list .original-price[data-v-b850a0a6]{font-size:14px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#cacaca;margin-right:7px;text-decoration:line-through}.categories .el-pagination[data-v-b850a0a6]{margin-top:40px;position:absolute;left:50%;bottom:50px;transform:translateX(-50%)}.categories[data-v-b850a0a6] .btn-next,.categories[data-v-b850a0a6] .btn-prev{width:32px;height:32px;background:#fff;border-radius:2px 2px 2px 2px;border:1px solid #efefef}.categories[data-v-b850a0a6] .btn-next .el-icon,.categories[data-v-b850a0a6] .btn-prev .el-icon{font-size:16px!important}.categories[data-v-b850a0a6] .el-pager .number{font-size:14px!important;width:32px;height:32px;background:#fff;border-radius:2px 2px 2px 2px;border:1px solid #efefef}.categories[data-v-b850a0a6] .el-pager li:hover{color:#0ad192}.categories[data-v-b850a0a6] .el-pager li.active{color:#fff}.categories[data-v-b850a0a6] .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#0ad192}.categories[data-v-b850a0a6] .van-tab{padding:0 24px!important;font-size:16px;font-weight:400;color:#37363b}.categories[data-v-b850a0a6] .van-tab--active{font-size:16px;margin:auto 12px;height:30px;font-weight:500;color:#fff;background:#0ad192;border-radius:54px 54px 54px 54px}.categories[data-v-b850a0a6] .van-tabs__nav--line.van-tabs__nav--complete{padding-left:0}