.screen-box[data-v-4321280c]{width:1200px;margin:0 auto}.screen-box ul[data-v-4321280c]{padding:0 20px}.screen-box ul li[data-v-4321280c]{display:block;overflow:hidden}.screen-box ul li span[data-v-4321280c]{float:left;padding:0 10px;font-size:14px;line-height:24px;color:#666;margin:9px 0 7px;border-radius:4px;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.screen-box ul li span[data-v-4321280c]:hover{color:#409dfa;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.screen-box ul li .active[data-v-4321280c]{background:#409dfa;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.screen-box ul li .active[data-v-4321280c]:hover{color:#fff}.school-system[data-v-4321280c]{background:#f0f0f0}.screen-type[data-v-4321280c]{background:#fff;border-bottom:1px dashed #e6e6e6}.lastEle[data-v-4321280c]{border-bottom:none}.items-box[data-v-580785fa]{float:left;width:285px;height:260px;margin-right:20px;margin-bottom:20px;background:hsla(0,0%,100%,.6);cursor:pointer}.items-box .coverImage[data-v-580785fa]{width:285px;height:160px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.items-box .coverImage img[data-v-580785fa]{height:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.items-box .coverImage:hover img[data-v-580785fa]{-webkit-transform:scale(1.06);transform:scale(1.06);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.items-box .course-desc[data-v-580785fa]{padding:0 12px}.items-box .course-desc .inner-title[data-v-580785fa]{padding:12px 0;height:64px;overflow:hidden}.items-box .course-desc .inner-title .course-name[data-v-580785fa]{float:left;max-width:190px;height:40px;font-size:16px;line-height:20px;color:#333;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.items-box .course-desc .inner-title .course-status[data-v-580785fa]{float:right;padding:0 8px;font-size:12px;line-height:20px;color:#fff;margin-left:6px;border-radius:10px;vertical-align:middle}.items-box .course-desc .inner-title .status1[data-v-580785fa]{background:#38dbc5}.items-box .course-desc .inner-title .status2[data-v-580785fa]{background:#ff6c68}.items-box .course-desc .inner-title .status3[data-v-580785fa]{background:#d2d2d2}.items-box .course-desc .inner-type span[data-v-580785fa]{font-size:12px;line-height:16px}.items-box .course-desc .inner-type .subject[data-v-580785fa]{color:#409dfa;max-width:120px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.items-box .course-desc .inner-type .chapter[data-v-580785fa]{margin-left:14px;color:#59c816}.items-box .course-desc .inner-type .person[data-v-580785fa]{color:#999}.items-box[data-v-580785fa]:hover{background:#fff}.items-box[data-v-580785fa]:nth-child(4n){margin-right:0}.public-page[data-v-610f21ed]{text-align:center;padding:20px 0}.public-page[data-v-610f21ed] .el-pagination.is-background .el-pager li:not(.disabled).active{background:#37a4f1;color:#fff}.wrapper[data-v-3a7ae1d8]{width:100%;min-height:calc(100vh - 100px);min-width:1200px;background:#f5f5f5}.wrapper .main[data-v-3a7ae1d8]{width:1200px;margin:0 auto;padding:20px 0 60px}.wrapper .main .activity-list[data-v-3a7ae1d8]{padding:16px 0;min-height:292px;overflow:hidden}