@keyframes el-skeleton-loading-2f5251d4{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-2f5251d4]{width:100%;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;margin-top:100px}.skeleton .item[data-v-2f5251d4]{width:100%;margin-top:30px;height:116px;border-radius:8px;display:flex;box-sizing:border-box;margin-bottom:10px;align-items:center;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-2f5251d4 1.4s ease infinite}.none[data-v-9ee437e0]{width:100%;height:100%;float:left}.none.active[data-v-9ee437e0]{background-color:#fff}.none.gray[data-v-9ee437e0]{background-color:#f6f6f6}.none .empty-box[data-v-9ee437e0]{width:100%;height:auto;float:left;text-align:center;padding-top:50px;padding-bottom:50px}.none .empty-box .image-empty-item[data-v-9ee437e0]{display:inline-block}.none .empty-box .image-empty-item img[data-v-9ee437e0]{width:120px;height:120px}.none .empty-box .word[data-v-9ee437e0]{font-size:16px;color:#bfbfbf;margin-top:10px}.footer[data-v-196d2307]{position:fixed;bottom:0;left:0;right:0;width:100%;height:53px;background:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:5px 50px;z-index:100}.footer .item[data-v-196d2307]{height:53px;display:flex;flex-direction:column;cursor:pointer}.footer .item img[data-v-196d2307]{width:28px;height:28px;margin-bottom:3px}.footer .item span[data-v-196d2307]{height:11px;font-size:11px;font-weight:400;color:#333;line-height:11px;text-align:center}.footer .item .active[data-v-196d2307]{color:#1784ed}.filter-box[data-v-1a92977e]{width:100%;height:auto;float:left;box-sizing:border-box;background-color:#fff;display:flex;line-height:30px;padding:16px 16px;position:fixed;z-index:999}.filter-box .select[data-v-1a92977e]{flex:1;height:auto;position:relative;font-size:15px;font-weight:400;display:flex;align-items:center}.filter-box .select .icon[data-v-1a92977e]{width:24px;height:24px;margin-right:5px}.picker[data-v-1a92977e]{width:100%;position:fixed;bottom:0}.paper[data-v-1a92977e]{padding:0 16px;margin-top:60px;margin-bottom:60px}.topic-item[data-v-1a92977e]{width:100%;display:flex;padding:15px;box-sizing:border-box}.vod-course-item-comp[data-v-1a92977e]{width:100%;height:auto;float:left;display:flex}.vod-course-thumb[data-v-1a92977e]{width:120px;height:90px;margin-right:10px}.vod-course-thumb img[data-v-1a92977e]{width:120px;height:90px;border-radius:4px}.vod-course-body[data-v-1a92977e]{flex:1;padding-top:5px}.vod-course-title[data-v-1a92977e]{width:100%;height:40px;float:left;font-size:15px;font-weight:500;color:#171923;line-height:20px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:15px}.vod-course-info[data-v-1a92977e]{width:100%;height:auto;float:left;display:flex;align-items:center;position:relative}.lock[data-v-1a92977e]{position:absolute;right:16px;width:16px;height:16px}.lock img[data-v-1a92977e]{width:16px;height:16px;border-radius:0;overflow:visible;opacity:1;transition:opacity .5s ease-in-out 0s;background-color:transparent}.vod-course-sub[data-v-1a92977e]{flex:1;text-align:left;font-size:12px;font-weight:400;color:#999;line-height:12px}