.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] .course-list-mobile{padding-bottom:34px}.course-list-mobile .course-filters{position:absolute;z-index:999;height:22px;box-sizing:content-box;display:flex;align-items:center;width:100%}[dir] .course-list-mobile .course-filters{padding:10px 0;margin-top:-2px;background-color:#fff}.course-list-mobile .course-filters .course-filter{width:33.333333%;height:22px;line-height:22px;font-size:14px}[dir] .course-list-mobile .course-filters .course-filter:nth-child(2){text-align:center}[dir=ltr] .course-list-mobile .course-filters .course-filter:nth-child(3){text-align:right}[dir=rtl] .course-list-mobile .course-filters .course-filter:nth-child(3){text-align:left}[dir] .course-list-mobile .course-filters .course-filter .course-filter-btn{padding:0 10px}.course-list-mobile .course-filters .course-filter .course-filter-btn span{display:inline-block;vertical-align:middle}.course-list-mobile .course-filters .course-filter .course-filter-btn .text{max-width:calc(100% - 30px)}[dir=ltr] .course-list-mobile .course-filters .course-filter .course-filter-btn.active .iconfont{transform:rotate(-180deg)}[dir=rtl] .course-list-mobile .course-filters .course-filter .course-filter-btn.active .iconfont{transform:rotate(180deg)}.course-list-mobile .sort-num{width:100%;position:absolute;top:172px;display:flex;justify-content:space-between;z-index:2}[dir] .course-list-mobile .sort-num{padding:12px 10px;background:#f6f6f6}[dir=ltr] .course-list-mobile .sort-num{left:0}[dir=rtl] .course-list-mobile .sort-num{right:0}.course-list-mobile .sort-num .num{display:flex;align-items:center}.course-list-mobile .sort-num .num .title{color:#000;font-size:14px;font-weight:400;line-height:20px}.course-list-mobile .sort-num .num .total{color:#1890ff;font-size:14px;font-weight:400;line-height:14px}[dir] .course-list-mobile .sort-num .num .total{padding:3px 9px;border-radius:10px;background:#dfe9f7}[dir=ltr] .course-list-mobile .sort-num .num .total{margin-left:9px}[dir=rtl] .course-list-mobile .sort-num .num .total{margin-right:9px}.course-list-mobile .sort-num .sort{color:#303133;font-size:14px;font-weight:400;line-height:20px}[dir=ltr] .course-list-mobile .sort-num .sort span{margin-left:16px}[dir=rtl] .course-list-mobile .sort-num .sort span{margin-right:16px}[dir] .course-list-mobile .course-list-container{padding:88px 10px 0}.course-list-mobile .course-list-container .course-list{gap:10px}[dir=ltr] .course-list-mobile .course-list-container .course-list{margin-right:-10px}[dir=rtl] .course-list-mobile .course-list-container .course-list{margin-left:-10px}.course-list-mobile .course-list-container .course-list>div{width:calc(50% - 10px)}[dir] .course-list-mobile .course-list-container .course-list>div{margin-bottom:5px}div.course-filter-popper{top:162px!important;width:100%;height:calc(100% - 100px);-webkit-tap-highlight-color:rgba(0,0,0,0)}[dir] div.course-filter-popper{padding:0!important;background-color:rgba(0,0,0,.5);box-shadow:none;border:0!important;border-radius:0}[dir=ltr] div.course-filter-popper{left:0!important}[dir=rtl] div.course-filter-popper{right:0!important}div.course-filter-popper .popper-content{max-height:310px;overflow-y:auto}[dir] div.course-filter-popper .popper-content{background-color:#fff}div.course-filter-popper .popper-content .item{position:relative;font-size:14px;line-height:22px}[dir] div.course-filter-popper .popper-content .item{cursor:pointer}[dir=ltr] div.course-filter-popper .popper-content .item{padding:10px 50px 10px 10px}[dir=rtl] div.course-filter-popper .popper-content .item{padding:10px 10px 10px 50px}div.course-filter-popper .popper-content .item .iconfont{display:none;position:absolute;top:10px;font-size:14px}[dir=ltr] div.course-filter-popper .popper-content .item .iconfont{right:10px}[dir=rtl] div.course-filter-popper .popper-content .item .iconfont{left:10px}div.course-filter-popper .popper-content .item.active .iconfont{display:block}