.vod-course-item-comp[data-v-1d0df56a]{width:100%;height:auto;display:flex;cursor:pointer;flex-direction:column;border-radius:8px}.vod-course-item-comp:hover .vod-course-thumb .thumb-bar[data-v-1d0df56a]{transform:scale(1.1)}.vod-course-item-comp .vod-course-thumb[data-v-1d0df56a]{width:100%;border-radius:8px 8px 0 0;overflow:hidden}.vod-course-item-comp .vod-course-thumb .thumb-bar[data-v-1d0df56a]{width:100%;height:100%;transition:all .3s}.vod-course-item-comp .vod-course-body[data-v-1d0df56a]{box-sizing:border-box;width:100%;height:auto;background-color:#f9f9f9;border-radius:0 0 8px 8px;flex:1;height:36px;line-height:36px}.vod-course-item-comp .vod-course-body .vod-course-title[data-v-1d0df56a]{width:100%;font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent:1em}.vod-course-item-comp .vod-course-body .vod-course-info[data-v-1d0df56a]{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-1d0df56a]{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-1d0df56a]{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-1d0df56a]{color:#ff5858}.vod-course-item-comp .vod-course-body .vod-course-info .vod-course-charge .charge-text .unit[data-v-1d0df56a]{font-size:14px}.vod-course-item-comp .vod-course-body .vod-course-info .vod-course-charge .free-text[data-v-1d0df56a]{font-size:14px;color:#04c877}.index-section-ritems .vod-course-item-comp .vod-course-thumb[data-v-1d0df56a]{width:100%;height:90px;border-radius:8px 8px 0 0;overflow:hidden}.index-section-ritems .vod-course-item-comp .vod-course-thumb .thumb-bar[data-v-1d0df56a]{width:100%;height:100%;transition:all .3s}.index-section-ritems .vod-course-item-comp .vod-course-body[data-v-1d0df56a]{height:30px;line-height:30px;background-color:transparent}.index-section-ritems .vod-course-item-comp .vod-course-body .vod-course-title[data-v-1d0df56a]{height:30px;line-height:30px;text-indent:0}@keyframes el-skeleton-loading-39bf19da{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-39bf19da]{width:1400px;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-39bf19da]{width:264px;height:auto;display:flex;flex-direction:column}.skeleton .item .thumb[data-v-39bf19da]{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-39bf19da 1.4s ease infinite}.skeleton .item .body[data-v-39bf19da]{box-sizing:border-box;width:100%;height:75px;padding:15px}.skeleton .item .body .title[data-v-39bf19da]{width:100px;height:16px;margin-bottom:9px}.skeleton .item .body .info[data-v-39bf19da],.skeleton .item .body .title[data-v-39bf19da]{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-39bf19da 1.4s ease infinite}.skeleton .item .body .info[data-v-39bf19da]{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-75d64f2c]{width:1400px;min-height:500px;margin:30px auto 0 auto;display:grid;row-gap:30px;-moz-column-gap:48px;column-gap:48px;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.content #page[data-v-75d64f2c]{width:1400px;margin:0 auto;margin-top:70px;display:flex;flex-direction:row;justify-content:center}