.vod-course-item-comp[data-v-e270e774]{width:255px;height:auto;display:flex;cursor:pointer;flex-direction:column;border-radius:8px}.vod-course-item-comp[data-v-e270e774]:hover{box-shadow:0 4px 8px 0 hsla(0,0%,40%,.1)}.vod-course-item-comp:hover .vod-course-thumb img[data-v-e270e774]{transform:scale(1.1)}.vod-course-item-comp .vod-course-thumb[data-v-e270e774]{width:255px;height:191px;border-radius:8px 8px 0 0;overflow:hidden}.vod-course-item-comp .vod-course-thumb img[data-v-e270e774]{width:100%;height:100%;border-radius:8px 8px 0 0;transition:all .5s}.vod-course-item-comp .vod-course-body[data-v-e270e774]{box-sizing:border-box;position:relative;width:100%;height:123px;background-color:#fff;border-radius:0 0 8px 8px;padding:15px 13px;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea}.vod-course-item-comp .vod-course-body .vod-course-title[data-v-e270e774]{width:100%;height:44px;float:left;font-size:14px;font-weight:400;color:#333;line-height:22px;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:9px}.vod-course-item-comp .vod-course-body .vod-course-info[data-v-e270e774]{width:100%;height:20px;float:left;display:flex;align-items:center}.vod-course-item-comp .vod-course-body .vod-course-info .vod-course-charge[data-v-e270e774]{flex:1;text-align:left;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-e270e774]{color:#ff5858}.vod-course-item-comp .vod-course-body .vod-course-info .vod-course-charge .charge-text .unit[data-v-e270e774]{font-size:14px}.vod-course-item-comp .vod-course-body .vod-course-info .vod-course-charge .free-text[data-v-e270e774]{font-size:14px;color:#04c877}.vod-course-item-comp .vod-course-body .play-btn[data-v-e270e774]{display:inline-block;width:158px;height:43px;position:absolute;bottom:-5px;right:-1px;background-image:url(data:image/png;base64,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);background-size:100% 100%;cursor:pointer}.vod-course-item-comp .vod-course-body .play-btn span[data-v-e270e774]{display:inline-block;width:62px;height:23px;font-size:15px;font-weight:400;color:#997678;line-height:22px;margin-top:10px;margin-left:73px}@keyframes el-skeleton-loading-b711b8de{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-b711b8de]{width:1200px;margin:0 auto;display:grid;row-gap:30px;-moz-column-gap:48px;column-gap:48px;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.skeleton .item[data-v-b711b8de]{width:264px;height:auto;display:flex;flex-direction:column}.skeleton .item .thumb[data-v-b711b8de]{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-b711b8de 1.4s ease infinite}.skeleton .item .body[data-v-b711b8de]{box-sizing:border-box;width:100%;height:75px;padding:15px}.skeleton .item .body .title[data-v-b711b8de]{width:100px;height:16px;margin-bottom:9px}.skeleton .item .body .info[data-v-b711b8de],.skeleton .item .body .title[data-v-b711b8de]{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-b711b8de 1.4s ease infinite}.skeleton .item .body .info[data-v-b711b8de]{width:60px;height:14px}@keyframes el-skeleton-loading-61e12ecc{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-61e12ecc]{width:1200px;margin:0 auto;padding:30px 0 20px 0;box-sizing:border-box}.skeleton .item[data-v-61e12ecc]{width:264px;height:16px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-61e12ecc 1.4s ease infinite}.content .contanier[data-v-72585ddf]{width:1200px;background:#fff;min-height:500px;margin:0 auto;margin-top:20px;padding:50px 30px;box-sizing:border-box;display:grid;row-gap:30px;-moz-column-gap:40px;column-gap:40px;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.content #page[data-v-72585ddf]{width:1200px;margin:0 auto;margin-top:70px;display:flex;flex-direction:row;justify-content:center}