@keyframes el-skeleton-loading-38b70678{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-38b70678]{width:100%;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;margin-top:100px}.skeleton .item[data-v-38b70678]{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-38b70678 1.4s ease infinite}.none[data-v-1c4a1354]{width:100%;height:100%;float:left}.none.active[data-v-1c4a1354]{background-color:#fff}.none.gray[data-v-1c4a1354]{background-color:#f6f6f6}.none .empty-box[data-v-1c4a1354]{width:100%;height:auto;float:left;text-align:center;padding-top:50px;padding-bottom:50px}.none .empty-box .image-empty-item[data-v-1c4a1354]{display:inline-block}.none .empty-box .image-empty-item img[data-v-1c4a1354]{width:120px;height:120px}.none .empty-box .word[data-v-1c4a1354]{font-size:16px;color:#bfbfbf;margin-top:10px}.footer[data-v-3f0389a7]{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-3f0389a7]{height:53px;display:flex;flex-direction:column;cursor:pointer}.footer .item img[data-v-3f0389a7]{width:28px;height:28px;margin-bottom:3px}.footer .item span[data-v-3f0389a7]{height:11px;font-size:11px;font-weight:400;color:#333;line-height:11px;text-align:center}.footer .item .active[data-v-3f0389a7]{color:#1784ed}.filter-box[data-v-55381ed8]{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-55381ed8]{flex:1;height:auto;position:relative;font-size:15px;font-weight:400;display:flex;align-items:center}.filter-box .select .icon[data-v-55381ed8]{width:24px;height:24px;margin-right:5px}.picker[data-v-55381ed8]{width:100%;position:fixed;bottom:0}.paper[data-v-55381ed8]{padding:0 16px;margin-top:60px;margin-bottom:60px}.topic-item[data-v-55381ed8]{width:100%;display:flex;padding:15px;box-sizing:border-box}.vod-course-item-comp[data-v-55381ed8]{width:100%;height:auto;float:left;display:flex}.vod-course-thumb[data-v-55381ed8]{width:120px;height:90px;margin-right:10px}.vod-course-thumb img[data-v-55381ed8]{width:120px;height:90px;border-radius:4px}.vod-course-body[data-v-55381ed8]{flex:1;padding-top:5px}.vod-course-title[data-v-55381ed8]{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-55381ed8]{width:100%;height:auto;float:left;display:flex;align-items:center;position:relative}.lock[data-v-55381ed8]{position:absolute;right:16px;width:16px;height:16px}.lock img[data-v-55381ed8]{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-55381ed8]{flex:1;text-align:left;font-size:12px;font-weight:400;color:#999;line-height:12px}