.card-item[data-v-78ac8db2]{flex-wrap:nowrap;position:relative;width:100%}.card-item:hover .video-title[data-v-78ac8db2]{color:var(--cur-primary-color)}.card-item .video-img[data-v-78ac8db2]{border-radius:.5rem;overflow:hidden}.card-item .video-img .video-modal[data-v-78ac8db2]{align-items:center;display:flex;justify-content:center;opacity:0;transition:all .2s ease}.card-item .video-img .video-modal .paly-icon[data-v-78ac8db2]{height:2.5rem;opacity:0;transition:all .3s ease;width:2.5rem}.card-item .video-img:hover img[data-v-78ac8db2]{transform:scale(1.05)}.card-item .video-img:hover .video-modal[data-v-78ac8db2]{background-color:#00101f80;opacity:1}.card-item .video-img:hover .video-modal .paly-icon[data-v-78ac8db2]{opacity:1}.card-item img[data-v-78ac8db2]{aspect-ratio:16 / 9;background-color:transparent;transition:all .5s ease;width:100%}.card-item .duration[data-v-78ac8db2]{background-color:#00101f99;border-radius:.375rem;color:#fff;font-size:.75rem;line-height:.875rem;padding:.25rem .5rem}.card-item .video-title[data-v-78ac8db2]{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.card-item .publish-data[data-v-78ac8db2]{color:#00101f66}@media screen and (max-width:64rem){.card-item .video-title[data-v-78ac8db2]{font-size:1rem}}