.course-list[data-v-01228880]{display:flex;flex-wrap:wrap}.course-list .course-card[data-v-01228880]{overflow:hidden}[dir] .course-list .course-card[data-v-01228880]{background:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.05);cursor:pointer}.course-list .course-card .cover-wrapper[data-v-01228880]{position:relative}.course-list .course-card .view-count[data-v-01228880]{position:absolute;bottom:8px;display:flex;align-items:center;justify-content:center}[dir] .course-list .course-card .view-count[data-v-01228880]{border-radius:6px;background:rgba(0,0,0,.3);padding:2px 8px}[dir=ltr] .course-list .course-card .view-count[data-v-01228880]{right:8px}[dir=rtl] .course-list .course-card .view-count[data-v-01228880]{left:8px}.course-list .course-card .view-count .iconfont[data-v-01228880]{font-size:16px}[dir=ltr] .course-list .course-card .view-count .iconfont[data-v-01228880]{margin-right:4px}[dir=rtl] .course-list .course-card .view-count .iconfont[data-v-01228880]{margin-left:4px}.course-list .course-card .view-count span[data-v-01228880]{color:#fff;font-size:12px;line-height:18px}@media (max-width:768px){[dir] .course-list .course-card[data-v-01228880]{border-radius:0;box-shadow:0 2.47px 6.19px 0 rgba(0,0,0,.05)}}.course-list .course-card .cover-wrapper[data-v-01228880]{width:100%}.course-list .course-card .cover-wrapper .course-default[data-v-01228880]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:128px}[dir] .course-list .course-card .cover-wrapper .course-default[data-v-01228880]{background:#e8f3ff}.course-list .course-card .cover-wrapper .course-default img[data-v-01228880]{height:68px}.course-list .course-card .cover-wrapper .course-default .img-text[data-v-01228880]{font-size:14px;color:#69b1ff}[dir] .course-list .course-card .cover-wrapper .course-default .img-text[data-v-01228880]{margin-top:6px}@media (max-width:768px){.course-list .course-card .cover-wrapper .course-default[data-v-01228880]{height:78px}.course-list .course-card .cover-wrapper .course-default img[data-v-01228880]{height:40px}.course-list .course-card .cover-wrapper .course-default .img-text[data-v-01228880]{font-size:12px}}.course-list .course-card .cover-wrapper>img[data-v-01228880]{width:100%;height:128px;object-fit:cover}@media (max-width:768px){.course-list .course-card .cover-wrapper>img[data-v-01228880]{height:78px}}.course-list .course-card .course-name[data-v-01228880]{font-size:18px}[dir] .course-list .course-card .course-name[data-v-01228880]{margin:14px 15px 20px}@media (max-width:768px){.course-list .course-card .course-name[data-v-01228880]{font-size:14px}[dir] .course-list .course-card .course-name[data-v-01228880]{margin:8px 10px}}.course-list .course-card .info[data-v-01228880]{font-size:12px;color:#969696}[dir] .course-list .course-card .info[data-v-01228880]{padding:0 15px 16px}@media (max-width:768px){.course-list .course-card .info[data-v-01228880]{font-size:12px}[dir] .course-list .course-card .info[data-v-01228880]{padding:0 10px 10px}.course-list .course-card .info .time[data-v-01228880]{display:none}}.course-list .course-card .info .teacher-name[data-v-01228880]{display:flex;align-items:center}[dir] .course-list .course-card .info .teacher-name[data-v-01228880]{margin-bottom:5px}[dir] .course-list .course-card .info .teacher-name>img[data-v-01228880]{margin-bottom:2px}.course-list .course-card .info .teacher-name>span[data-v-01228880]{flex:1;width:0}.course-list .course-card .info img[data-v-01228880]{vertical-align:text-top}[dir=ltr] .course-list .course-card .info img[data-v-01228880]{margin-right:4px}[dir=rtl] .course-list .course-card .info img[data-v-01228880]{margin-left:4px}[dir] .portal-custom-pagination{margin-top:36px;text-align:center}.portal-custom-pagination .el-pagination,.portal-custom-pagination .el-pagination__jump{display:inline-block;vertical-align:middle}.portal-custom-pagination .el-pagination .el-pagination__total{line-height:32px;font-size:14px;color:#444}[dir=ltr] .portal-custom-pagination .el-pagination .el-pagination__total{margin-right:5px}[dir=rtl] .portal-custom-pagination .el-pagination .el-pagination__total{margin-left:5px}.portal-custom-pagination .el-pagination .el-pager li,.portal-custom-pagination .el-pagination button{line-height:26px;font-weight:400;color:#969696}[dir] .portal-custom-pagination .el-pagination .el-pager li,[dir] .portal-custom-pagination .el-pagination button{border:1px solid #dedede;border-radius:4px}.portal-custom-pagination .el-pagination .el-pager li:disabled,.portal-custom-pagination .el-pagination button:disabled{display:none}.portal-custom-pagination .el-pagination .el-pager li.active,.portal-custom-pagination .el-pagination .el-pager li.more,.portal-custom-pagination .el-pagination button.active,.portal-custom-pagination .el-pagination button.more{line-height:28px}[dir] .portal-custom-pagination .el-pagination .el-pager li.active,[dir] .portal-custom-pagination .el-pagination .el-pager li.more,[dir] .portal-custom-pagination .el-pagination button.active,[dir] .portal-custom-pagination .el-pagination button.more{border:0}.portal-custom-pagination .el-pagination__jump{font-size:14px;color:#444}[dir=ltr] .portal-custom-pagination .el-pagination__jump{margin-left:24px}[dir=rtl] .portal-custom-pagination .el-pagination__jump{margin-right:24px}.portal-custom-pagination .el-pagination__jump .el-input .el-input__inner{width:60px}[dir] .portal-custom-pagination .el-pagination__jump .el-input .el-input__inner{text-align:center;border:1px solid #dedede;border-radius:4px}[dir] .topic-detail-page[data-v-3ba63425]{padding-bottom:80px}[dir] .topic-detail-page .el-dialog .content[data-v-3ba63425]{text-align:center}.topic-detail-page .el-dialog .content .title[data-v-3ba63425]{color:#000;font-weight:700;font-size:20px}[dir] .topic-detail-page .el-dialog .content .el-button[data-v-3ba63425]{margin:20px 0}.topic-detail-page .el-dialog .content .qr-code[data-v-3ba63425]{width:120px;height:120px}[dir] .topic-detail-page .el-dialog .content .qr-code[data-v-3ba63425]{background:#fff}[dir=ltr] .topic-detail-page .el-dialog .content .qr-code[data-v-3ba63425]{margin-left:50%;transform:translateX(-50%)}[dir=rtl] .topic-detail-page .el-dialog .content .qr-code[data-v-3ba63425]{margin-right:50%;transform:translateX(50%)}[dir] .topic-detail-page .el-dialog .content .qr-code img[data-v-3ba63425]{margin:0 auto}@media (max-width:768px){[dir] .topic-detail-page[data-v-3ba63425]{padding-bottom:32px}}[dir] .topic-detail-page .topic-detail-content[data-v-3ba63425]{background-image:url(../../static/img/topic_banner.f9de5956.png);background-repeat:no-repeat;background-position:top;background-size:100% 186px}[dir] .topic-detail-page .topic-detail-content .topic-detail-info[data-v-3ba63425]{margin-bottom:20px;padding-top:20px}.topic-detail-page .topic-detail-content .topic-detail-info .breadcrumbs[data-v-3ba63425]{font-size:14px;line-height:16px;color:#fff}[dir] .topic-detail-page .topic-detail-content .topic-detail-info .breadcrumbs[data-v-3ba63425]{margin-bottom:20px}[dir] .topic-detail-page .topic-detail-content .topic-detail-info .breadcrumbs .link[data-v-3ba63425]{cursor:pointer}.topic-detail-page .topic-detail-content .topic-detail-info .detail[data-v-3ba63425]{display:flex}[dir] .topic-detail-page .topic-detail-content .topic-detail-info .detail[data-v-3ba63425]{padding:16px;background:#fff;border-radius:8px;box-shadow:0 0 12px 0 rgba(0,0,0,.05)}.topic-detail-page .topic-detail-content .topic-detail-info .detail .cover[data-v-3ba63425]{width:258px;min-width:258px;height:132px;overflow:hidden}[dir] .topic-detail-page .topic-detail-content .topic-detail-info .detail .cover[data-v-3ba63425]{border-radius:8px}[dir=ltr] .topic-detail-page .topic-detail-content .topic-detail-info .detail .cover[data-v-3ba63425]{margin-right:20px}[dir=rtl] .topic-detail-page .topic-detail-content .topic-detail-info .detail .cover[data-v-3ba63425]{margin-left:20px}.topic-detail-page .topic-detail-content .topic-detail-info .detail .cover img[data-v-3ba63425]{width:100%;height:100%;object-fit:cover}.topic-detail-page .topic-detail-content .topic-detail-info .detail .info[data-v-3ba63425]{width:calc(100% - 290px)}.topic-detail-page .topic-detail-content .topic-detail-info .detail .info .title[data-v-3ba63425]{font-size:24px;line-height:28px}[dir] .topic-detail-page .topic-detail-content .topic-detail-info .detail .info .title[data-v-3ba63425]{margin:10px 0 15px}.topic-detail-page .topic-detail-content .topic-detail-info .detail .info .desc[data-v-3ba63425]{max-height:54px;min-height:2em;line-height:18px;font-size:12px;color:#969696;overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3}@media (max-width:768px){.topic-detail-page .topic-detail-content .topic-detail-info .detail[data-v-3ba63425]{display:block}[dir] .topic-detail-page .topic-detail-content .topic-detail-info .detail[data-v-3ba63425]{padding:24px 24px 10px}.topic-detail-page .topic-detail-content .topic-detail-info .detail .cover[data-v-3ba63425]{width:calc(100% - 16px);min-width:unset;height:150px}[dir] .topic-detail-page .topic-detail-content .topic-detail-info .detail .cover[data-v-3ba63425]{margin:0 auto 16px}.topic-detail-page .topic-detail-content .topic-detail-info .detail .info[data-v-3ba63425]{width:100%}[dir] .topic-detail-page .topic-detail-content .topic-detail-info .detail .info[data-v-3ba63425]{text-align:center}.topic-detail-page .topic-detail-content .topic-detail-info .detail .info .title[data-v-3ba63425]{font-size:16px;line-height:18px}[dir] .topic-detail-page .topic-detail-content .topic-detail-info .detail .info .title[data-v-3ba63425]{margin-bottom:10px}[dir=ltr] .topic-detail-page .topic-detail-content .topic-detail-info .detail .info .desc[data-v-3ba63425]{text-align:left}[dir=rtl] .topic-detail-page .topic-detail-content .topic-detail-info .detail .info .desc[data-v-3ba63425]{text-align:right}}.topic-detail-page .topic-detail-content .detail-bottom[data-v-3ba63425]{display:flex;min-height:60vh}[dir] .topic-detail-page .topic-detail-content .detail-bottom[data-v-3ba63425]{margin-top:16px}.topic-detail-page .topic-detail-content .detail-bottom .detail-bottom-left[data-v-3ba63425]{width:20%}[dir=ltr] .topic-detail-page .topic-detail-content .detail-bottom .detail-bottom-left[data-v-3ba63425]{margin-right:30px}[dir=rtl] .topic-detail-page .topic-detail-content .detail-bottom .detail-bottom-left[data-v-3ba63425]{margin-left:30px}.topic-detail-page .topic-detail-content .detail-bottom .detail-bottom-right[data-v-3ba63425]{width:100%;flex:1}[dir] .topic-detail-page .topic-detail-content .detail-bottom .detail-bottom-right[data-v-3ba63425]{padding:16px 0}.topic-detail-page .topic-detail-content .mobile-dropdown[data-v-3ba63425]{display:flex;align-items:center;justify-content:space-between;font-size:14px}[dir] .topic-detail-page .topic-detail-content .mobile-dropdown[data-v-3ba63425]{margin-bottom:20px}.topic-detail-page .topic-detail-content .mobile-dropdown .num[data-v-3ba63425]{color:#ec1f1f}[dir] .topic-detail-page .topic-detail-content .mobile-dropdown .num[data-v-3ba63425]{border-radius:100px;background:rgba(253,34,34,.1);padding:4px 8px}.topic-detail-page .topic-detail-content .topic-filter-wrapper[data-v-3ba63425]{display:flex;align-items:center}[dir] .topic-detail-page .topic-detail-content .topic-filter-wrapper[data-v-3ba63425]{margin-bottom:26px}.topic-detail-page .topic-detail-content .topic-filter-wrapper .num-wrapper[data-v-3ba63425]{font-size:16px}.topic-detail-page .topic-detail-content .topic-filter-wrapper .num-wrapper div[data-v-3ba63425]{display:inline-block;vertical-align:middle}.topic-detail-page .topic-detail-content .topic-filter-wrapper .num-wrapper .tag[data-v-3ba63425]{font-size:16px;line-height:1.2;color:#ec1f1f}[dir] .topic-detail-page .topic-detail-content .topic-filter-wrapper .num-wrapper .tag[data-v-3ba63425]{padding:1px 8px;background-color:rgba(253,34,34,.1);border-radius:100px}[dir=ltr] .topic-detail-page .topic-detail-content .topic-filter-wrapper .share-qrCode[data-v-3ba63425]{margin-left:36px}[dir=rtl] .topic-detail-page .topic-detail-content .topic-filter-wrapper .share-qrCode[data-v-3ba63425]{margin-right:36px}[dir] .topic-detail-page .topic-detail-content .topic-filter-wrapper .share-qrCode>span[data-v-3ba63425]{cursor:pointer}[dir=ltr] .topic-detail-page .topic-detail-content .topic-filter-wrapper .share-qrCode>span[data-v-3ba63425]{margin-left:12px}[dir=rtl] .topic-detail-page .topic-detail-content .topic-filter-wrapper .share-qrCode>span[data-v-3ba63425]{margin-right:12px}@media (max-width:768px){[dir] .topic-detail-page .topic-detail-content .topic-filter-wrapper[data-v-3ba63425]{margin-bottom:15px}.topic-detail-page .topic-detail-content .topic-filter-wrapper .num-wrapper .tag[data-v-3ba63425],.topic-detail-page .topic-detail-content .topic-filter-wrapper .num-wrapper[data-v-3ba63425]{font-size:14px}}.topic-detail-page .topic-detail-content .topic-course-list[data-v-3ba63425]{gap:24px}[dir=ltr] .topic-detail-page .topic-detail-content .topic-course-list[data-v-3ba63425]{margin-right:-24px;margin-left:0}[dir=rtl] .topic-detail-page .topic-detail-content .topic-course-list[data-v-3ba63425]{margin-left:-24px;margin-right:0}.topic-detail-page .topic-detail-content .topic-course-list[data-v-3ba63425]>div{width:calc(25% - 24px)}@media (max-width:768px){.topic-detail-page .topic-detail-content .topic-course-list[data-v-3ba63425]{gap:15px}[dir=ltr] .topic-detail-page .topic-detail-content .topic-course-list[data-v-3ba63425]{margin-right:-15px}[dir=rtl] .topic-detail-page .topic-detail-content .topic-course-list[data-v-3ba63425]{margin-left:-15px}.topic-detail-page .topic-detail-content .topic-course-list[data-v-3ba63425]>div{width:calc(50% - 15px)}}[dir] .topic-detail-page .topic-detail-content .el-pagination[data-v-3ba63425]{margin-top:36px;text-align:center}@media (max-width:768px){[dir] .topic-detail-page .topic-detail-content>.page-container[data-v-3ba63425]{padding:0 10px}}.mobile-el-dropdown{width:100%}[dir] .mobile-el-dropdown{box-shadow:unset!important}[dir=ltr] .mobile-el-dropdown{left:0!important}[dir=rtl] .mobile-el-dropdown{right:0!important}.mobile-el-dropdown .active{color:var(--color-primary,#1677ff)}.mobile-el-dropdown .el-dropdown-menu__item{display:flex;justify-content:space-between}.mobile-el-dropdown .el-dropdown-menu__item .dropdown-num{color:#777}