.banner[data-v-8cf4abf2]{height:280px;background:url(../img/college-banner1.4b7d3102.png) no-repeat 50%/cover;padding-top:60px}.banner .title[data-v-8cf4abf2]{width:318px}.banner p[data-v-8cf4abf2]{font-size:24px;color:#fff;margin-top:21px}.banner .search[data-v-8cf4abf2]{width:688px;height:46px;background:#fff;margin-top:32px;border-radius:8px;overflow:hidden}.banner .search input[data-v-8cf4abf2]{flex:1;height:100%;padding-left:20px;font-size:16px;color:#333}.banner .search button[data-v-8cf4abf2]{width:80px;height:40px;background:#009688;border-radius:6px;border:none;margin-right:3px;cursor:pointer}.banner .search button img[data-v-8cf4abf2]{width:24px}.filter[data-v-8cf4abf2]{height:60px;background:#fff;border-radius:8px;margin-top:24px;padding:0 24px;margin-bottom:24px}.filter span[data-v-8cf4abf2]{font-size:14px;color:#181818}.filter .tab[data-v-8cf4abf2]{font-size:14px;color:#666;margin-left:16px;cursor:pointer}.filter .tab.active[data-v-8cf4abf2]{color:#009688}.pagination[data-v-8cf4abf2]{text-align:center;margin-top:50px}.lesson-list[data-v-8cf4abf2]{margin-left:-16px;margin-top:-16px;flex-wrap:wrap}.lesson-list .item[data-v-8cf4abf2]{width:288px;background:#fff;border-radius:8px;box-shadow:0 10px 16px 1px rgba(0,0,0,.05);overflow:hidden;margin-left:16px;margin-top:16px;position:relative;transition:transform .3s}.lesson-list .item .poster[data-v-8cf4abf2]{height:162px;position:relative}.lesson-list .item .poster img[data-v-8cf4abf2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lesson-list .item .poster .play[data-v-8cf4abf2]{display:flex;position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;color:#000}.lesson-list .item .poster .play .svg-icon[data-v-8cf4abf2]{width:54px;height:54px}.lesson-list .item .poster .vip-tag[data-v-8cf4abf2]{position:absolute;left:0;top:0;width:58px;height:48px}.lesson-list .item .text[data-v-8cf4abf2]{height:78px;padding:16px}.lesson-list .item .text p[data-v-8cf4abf2]{font-size:16px;color:#181818;line-height:24px}.lesson-list .item .text .data[data-v-8cf4abf2]{margin-top:auto;font-size:14px;color:#999}.lesson-list .item .text .data .experts[data-v-8cf4abf2]{width:50%}.lesson-list .item .text .data .experts .avatars[data-v-8cf4abf2]{flex-shrink:0}.lesson-list .item .text .data .experts .avatars img[data-v-8cf4abf2]{width:24px;height:24px;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0;border-radius:50%;border:1px solid #ccc;position:relative}.lesson-list .item .text .data .experts .avatars img+img[data-v-8cf4abf2]{margin-left:-12px}.lesson-list .item .text .data .experts .names[data-v-8cf4abf2]{font-size:14px;color:#666;margin-left:4px}.lesson-list .item[data-v-8cf4abf2]:hover{transform:translateY(-4px)}.lesson-list .item:hover .title[data-v-8cf4abf2]{color:#009688;font-weight:700}.special-list[data-v-8cf4abf2]{margin-left:-24px;display:flex;flex-wrap:wrap}.special-list .item[data-v-8cf4abf2]{width:588px;height:218px;background:#fff;border-radius:4px;margin-left:24px;margin-top:48px;padding:24px 24px 16px;position:relative;transition:all .3s;box-shadow:0 10px 16px 1px rgba(0,0,0,.05)}.special-list .item[data-v-8cf4abf2]:hover{transform:translateY(-4px)}.special-list .item:hover .name[data-v-8cf4abf2]{color:#009688!important}.special-list .item .text[data-v-8cf4abf2]{width:236px;height:150px}.special-list .item .text .name[data-v-8cf4abf2]{font-size:16px;font-weight:700;color:#333}.special-list .item .text .desc[data-v-8cf4abf2]{font-size:14px;color:#666;margin-top:12px}.special-list .item .poster[data-v-8cf4abf2]{width:288px;height:162px;position:absolute;right:24px;top:-24px}.special-list .item .poster[data-v-8cf4abf2]:before{position:absolute;left:16px;bottom:-12px;content:"";width:256px;height:12px;background:#ccc;border-radius:0 0 8px 8px}.special-list .item .poster[data-v-8cf4abf2]:after{position:absolute;left:32px;bottom:-24px;content:"";width:224px;height:12px;background:#eee;border-radius:0 0 8px 8px}.special-list .item .poster img[data-v-8cf4abf2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.special-list .item .poster .vip-tag[data-v-8cf4abf2]{position:absolute;left:0;top:0;width:58px;height:48px}.special-list .item .foot .button[data-v-8cf4abf2]{width:70px;height:29px;border-radius:4px;border:1px solid #ed8f26;font-size:12px;color:#ed8f26;text-align:center;line-height:29px}.special-list .item .foot .button[data-v-8cf4abf2]:hover{background:#ed8f26;color:#fff}.special-list .item .foot .data[data-v-8cf4abf2]{font-size:12px;color:#999}.file-list[data-v-8cf4abf2]{display:flex;flex-wrap:wrap;margin-left:-24px;margin-top:-24px}.file-list .item[data-v-8cf4abf2]{width:588px;height:194px;background:#fff;margin-left:24px;margin-top:24px;padding:16px;border-radius:8px}.file-list .item .text[data-v-8cf4abf2]{flex:1;padding-right:16px}.file-list .item .text .name[data-v-8cf4abf2]{font-weight:700;font-size:16px;color:#181818;line-height:24px}.file-list .item .text .desc[data-v-8cf4abf2]{font-size:14px;color:#666;line-height:21px}.file-list .item .poster[data-v-8cf4abf2]{width:288px;height:162px}.file-list .item .poster img[data-v-8cf4abf2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}