.container-content[data-v-1b99bd66]{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;min-height:298px}.container-content .content-item[data-v-1b99bd66]{width:224px;height:274px;background:#fff;border-radius:4px;cursor:pointer;margin-top:24px;margin-right:19px}.container-content .content-item .content-item__img[data-v-1b99bd66]{width:224px;height:126px;border-radius:4px 4px 0 0;background-size:100% 100%;background-repeat:no-repeat}.container-content .content-item .content-item__cover[data-v-1b99bd66]{width:224px;height:126px;border-radius:4px 4px 0 0}.container-content .content-item .content-item__box[data-v-1b99bd66]{padding:12px;padding-bottom:0}.container-content .content-item .content-item__box .content-item__title[data-v-1b99bd66]{display:flex;align-items:flex-start}.container-content .content-item .content-item__box .content-item__title>span[data-v-1b99bd66]{display:inline-block;min-width:28px;height:18px;margin-top:2px;margin-right:5px;padding:0 2px;line-height:18px;font-size:12px;color:#fff;text-align:center;background:linear-gradient(180deg,#ff564e,#ff8753);border-radius:2px}.container-content .content-item .content-item__box .content-item__title .micro[data-v-1b99bd66]{background:linear-gradient(180deg,#32bbfe,#00ddce)}.container-content .content-item .content-item__box .content-item__title .course-title[data-v-1b99bd66]{word-break:break-all}.container-content .content-item .content-item__box .content-item__title p[data-v-1b99bd66]{flex:1;font-size:14px;font-weight:400;line-height:22px;color:var(--c-text);text-align:left;min-height:44px}.container-content .content-item .content-item__box .content-item__desc[data-v-1b99bd66]{font-size:12px;font-weight:400;color:var(--c-text-sub);margin:10px 0 20px 0;text-align:left;height:16px}.container-content .content-item .content-item__box .content-item__author[data-v-1b99bd66]{display:flex;justify-content:space-between;align-items:center}.container-content .content-item .content-item__box .content-item__author>div[data-v-1b99bd66]{display:flex;align-items:center}.container-content .content-item .content-item__box .content-item__author>div .icon[data-v-1b99bd66]{color:#adb3c0}.container-content .content-item .content-item__box .content-item__author .author-avator[data-v-1b99bd66]{width:24px;height:24px;background:#ccc;border-radius:50%;border:1px solid #dfe4e9}.container-content .content-item .content-item__box .content-item__author .author-text[data-v-1b99bd66]{word-break:break-all;font-size:12px;font-weight:400;color:#adb3c0}.container-content .content-item .content-item__box .content-item__author .nowrap[data-v-1b99bd66]{white-space:nowrap;margin-right:2px}.materials-wrap[data-v-376fb1b6]{width:100%;padding:12px 0}.materials-wrap .materials-container[data-v-376fb1b6]{width:1200px;margin:0 auto}.materials-wrap .materials-container .materials-nav[data-v-376fb1b6]{width:100%;box-sizing:border-box;padding:20px;background-color:#fff;border-radius:4px}.materials-wrap .materials-container .materials-nav .materials-nav__box[data-v-376fb1b6]{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;border-bottom:1px solid #f0f3f7}.materials-wrap .materials-container .materials-nav .materials-nav__box .nav-box__items[data-v-376fb1b6]{flex:1;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.materials-wrap .materials-container .materials-nav .materials-nav__box span[data-v-376fb1b6]{display:inline-block;font-size:14px;font-weight:400;color:var(--c-text-sub);margin:0 24px 20px 0;cursor:pointer;transition:all .3s}.materials-wrap .materials-container .materials-nav .materials-nav__box span[data-v-376fb1b6]:hover{color:var(--c-primary)}.materials-wrap .materials-container .materials-nav .materials-nav__box .title[data-v-376fb1b6]{font-size:14px;font-weight:400;color:var(--c-text)}.materials-wrap .materials-container .materials-nav .materials-nav__box .title[data-v-376fb1b6]:hover{color:var(--c-text)}.materials-wrap .materials-container .materials-nav .materials-nav__box .name-active[data-v-376fb1b6]{color:var(--c-primary)}.materials-wrap .materials-container .materials-nav .materials-nav__box[data-v-376fb1b6]:nth-child(2){padding-top:20px;border-bottom:none}.materials-wrap .materials-container .course-type[data-v-376fb1b6]{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-bottom:12px;border-bottom:1px solid #e3e8f2}.materials-wrap .materials-container .course-type__course .course-item[data-v-376fb1b6]{position:relative;cursor:pointer;margin-right:32px;width:58px;font-size:14px;color:var(--c-text)}.materials-wrap .materials-container .course-type__course .course-item.active-course[data-v-376fb1b6]{color:var(--c-primary)}.materials-wrap .materials-container .course-type__course .course-item.active-course[data-v-376fb1b6]:after{content:"";position:absolute;left:0;bottom:-13px;width:100%;height:2px;background-color:var(--c-primary)}.materials-wrap .materials-container .course-type__type .type-item[data-v-376fb1b6]{display:inline-block;cursor:pointer;width:49px;height:24px;text-align:center;line-height:24px;border-radius:2px 0 0 2px;font-size:12px;color:var(--c-text-sub);border:1px solid #e7eaef}.materials-wrap .materials-container .course-type__type .type-item.type-active[data-v-376fb1b6]{border-color:var(--c-primary);background:var(--c-primary-fill);color:var(--c-primary)}