.vod-course-item-comp[data-v-5e3808bf]{width:100%;height:auto;display:flex;cursor:pointer;flex-direction:column;border-radius:8px}.vod-course-item-comp[data-v-5e3808bf]:hover{box-shadow:0 4px 8px 0 hsla(0,0%,40%,.1)}.vod-course-item-comp:hover .vod-course-thumb .thumb-bar[data-v-5e3808bf]{transform:scale(1.1)}.vod-course-item-comp .vod-course-thumb[data-v-5e3808bf]{width:264px;height:198px;border-radius:8px 8px 0 0;overflow:hidden}.vod-course-item-comp .vod-course-thumb .thumb-bar[data-v-5e3808bf]{width:100%;aspect-ratio:1.5;transition:all .3s}.vod-course-item-comp .vod-course-thumb .thumb-bar img[data-v-5e3808bf]{width:100%;height:100%}.vod-course-item-comp .vod-course-body[data-v-5e3808bf]{box-sizing:border-box;width:100%;height:auto;background-color:#fff;border-radius:0 0 8px 8px;flex:1;padding:15px 15px 15px 10px}.vod-course-item-comp .vod-course-body .vod-course-title[data-v-5e3808bf]{width:100%;height:20px;float:left;font-size:16px;font-weight:600;color:#333;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:20px}.vod-course-item-comp .vod-course-body .vod-course-info[data-v-5e3808bf]{width:100%;height:20px;float:left;display:flex;align-items:center}.vod-course-item-comp .vod-course-body .vod-course-info .vod-course-sub[data-v-5e3808bf]{flex:1;text-align:left;height:14px;font-size:14px;font-weight:400;color:#999;line-height:14px}.vod-course-item-comp .vod-course-body .vod-course-info .vod-course-charge[data-v-5e3808bf]{flex:1;text-align:right;height:20px;font-size:20px;line-height:20px;font-weight:600}.vod-course-item-comp .vod-course-body .vod-course-info .vod-course-charge .charge-text[data-v-5e3808bf]{color:#ff5858}.vod-course-item-comp .vod-course-body .vod-course-info .vod-course-charge .charge-text .unit[data-v-5e3808bf]{font-size:14px}.vod-course-item-comp .vod-course-body .vod-course-info .vod-course-charge .free-text[data-v-5e3808bf]{font-size:14px;color:#04c877}.meedu-filter-box[data-v-08b4dbb2]{width:100%}.meedu-filter-box .category2-box[data-v-08b4dbb2]{width:100%!important;height:auto;background:#fff}.meedu-filter-box .category2-box .category2[data-v-08b4dbb2]{max-width:1200px;height:auto;margin:0 auto;box-sizing:border-box;padding:15px 30px 5px 0}.meedu-filter-box .category2-box .category2 .box[data-v-08b4dbb2]{width:100%;height:auto;display:flex;flex-direction:row}@media (max-width:1500px){.meedu-filter-box .category2-box .category2 .box[data-v-08b4dbb2]{width:100%!important}}.meedu-filter-box .category2-box .category2 .box .label[data-v-08b4dbb2]{width:50px;height:14px;font-size:14px;font-weight:400;color:#666;line-height:14px;margin-right:15px;margin-top:10px}.meedu-filter-box .category2-box .category2 .box .item-box[data-v-08b4dbb2]{max-width:1068px;display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;flex:1}@media (max-width:1500px){.meedu-filter-box .category2-box .category2 .box .item-box[data-v-08b4dbb2]{overflow-y:auto;flex-wrap:nowrap}}.meedu-filter-box .category2-box .category2 .box .item-box .item[data-v-08b4dbb2]{display:flex;justify-content:center;align-items:center;margin-right:20px;font-size:14px;font-weight:400;color:#333;line-height:14px;padding:10px 15px;cursor:pointer;margin-bottom:10px;white-space:nowrap}.meedu-filter-box .category2-box .category2 .box .item-box .item.active[data-v-08b4dbb2]{background-color:rgba(160,175,187,.15);border-radius:4px;color:#3ca7fa}.meedu-filter-box .category2-box .category2 .box2[data-v-08b4dbb2]{width:100%;height:auto;display:flex;flex-direction:row;margin-top:25px}.meedu-filter-box .category2-box .category2 .box2 .label[data-v-08b4dbb2]{width:auto;height:24px;font-size:14px;font-weight:400;color:#666;line-height:24px;margin-right:20px}.meedu-filter-box .category2-box .category2 .box2 .item-box[data-v-08b4dbb2]{width:1053px;display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;margin-bottom:5px}.meedu-filter-box .category2-box .category2 .box2 .item-box .item[data-v-08b4dbb2]{padding:4px 9px;display:flex;justify-content:center;align-items:center;margin-right:30px;font-size:14px;font-weight:400;color:#333;line-height:14px;border:1px solid #fff;cursor:pointer;margin-bottom:10px}.meedu-filter-box .category2-box .category2 .box2 .item-box .item.active[data-v-08b4dbb2]{color:#3ca7fa;border-radius:13px;border:1px solid #3ca7fa}.meedu-filter-box .category1-box[data-v-08b4dbb2]{width:100%;height:74px;padding:30px 0 20px 0;box-sizing:border-box}@media (max-width:1500px){.meedu-filter-box .category1-box[data-v-08b4dbb2]{padding:30px 5px 20px}}.meedu-filter-box .category1-box .box[data-v-08b4dbb2]{width:1200px;height:74px;margin:0 0;display:flex;flex-wrap:wrap;flex-direction:row}.meedu-filter-box .category1-box .box .item[data-v-08b4dbb2]{width:60px;height:14px;text-align:left;color:#666;margin-right:30px;line-height:14px;margin-bottom:10px}.meedu-filter-box .category1-box .box .item.active[data-v-08b4dbb2]{color:#3ca7fa}.meedu-filter-box .category1-box .box .item[data-v-08b4dbb2]:not(:last-of-type){border-right:1px solid #ccc}.meedu-filter-box .category1-box .box .item span[data-v-08b4dbb2]{height:14px;font-size:14px;font-weight:400;line-height:14px;cursor:pointer}@keyframes el-skeleton-loading-f5265c4c{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-f5265c4c]{width:100%;margin:0 60px;display:grid;row-gap:30px;box-sizing:border-box;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden}.skeleton .item[data-v-f5265c4c]{width:264px;height:auto;display:flex;flex-direction:column}.skeleton .item .thumb[data-v-f5265c4c]{width:100%;height:198px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-f5265c4c 1.4s ease infinite}.skeleton .item .body[data-v-f5265c4c]{box-sizing:border-box;width:100%;height:75px;padding:15px}.skeleton .item .body .title[data-v-f5265c4c]{width:100px;height:16px;margin-bottom:9px}.skeleton .item .body .info[data-v-f5265c4c],.skeleton .item .body .title[data-v-f5265c4c]{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-f5265c4c 1.4s ease infinite}.skeleton .item .body .info[data-v-f5265c4c]{width:60px;height:14px}@keyframes el-skeleton-loading-9e12de94{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-9e12de94]{width:100%;height:70px;background:#fff;padding:18px 0 8px 0;box-sizing:border-box}.skeleton .box[data-v-9e12de94]{width:100%;height:auto;margin:0 60px;display:flex;flex-direction:row;align-items:center}.skeleton .box .item[data-v-9e12de94]{width:760px;height:34px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-9e12de94 1.4s ease infinite}@keyframes el-skeleton-loading-56567f58{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-56567f58]{width:100%;margin:0 60px;padding:30px 0 20px 0;box-sizing:border-box}.skeleton .item[data-v-56567f58]{width:264px;height:16px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-56567f58 1.4s ease infinite}.content .contanier[data-v-4a4697ec]{min-height:500px;margin:0 60px;display:grid;row-gap:30px;-moz-column-gap:48px;column-gap:48px;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;box-sizing:border-box}@media (max-width:1500px){.content .contanier[data-v-4a4697ec]{width:100%!important;margin:0!important;padding:0 10px!important}}@media (max-width:1200px){.content .contanier[data-v-4a4697ec]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1000px){.content .contanier[data-v-4a4697ec]{-moz-column-gap:30px;column-gap:30px;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:500px){.content .contanier[data-v-4a4697ec]{grid-template-columns:repeat(2,minmax(0,1fr))}}.content #page[data-v-4a4697ec]{max-width:1400px;margin:0 auto;margin-top:70px;display:flex;flex-direction:row;justify-content:center}@media (max-width:1500px){.contanier[data-v-4a4697ec],[data-v-4a4697ec] .box{width:1400px!important;margin:0 10px!important}[data-v-4a4697ec] .category2-box .category2{margin:0 10px!important}[data-v-4a4697ec] .meedu-filter-box .category1-box .box{width:100%!important;margin:0!important;padding:0 10px;box-sizing:border-box}}[data-v-4a4697ec] .category1-box .box,[data-v-4a4697ec] .category2{margin:0 60px!important}[data-v-4a4697ec] .vod-course-item-comp .vod-course-thumb{width:100%;height:100%}