.image-list[data-v-17f89412]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.image[data-v-17f89412]{cursor:pointer}.image .cover[data-v-17f89412]{width:204px;height:115px;border-radius:6px;overflow:hidden;position:relative}.image .cover img[data-v-17f89412],.image .cover video[data-v-17f89412]{width:100%;height:115px;-o-object-fit:cover;object-fit:cover}.image .cover .icon[data-v-17f89412]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);font-size:24px;-webkit-transition:all .3s;transition:all .3s}.image .cover .el-icon-video-play[data-v-17f89412]{color:hsla(0,0%,100%,.6);font-size:36px}.image:hover .icon[data-v-17f89412]{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.image .resourceName[data-v-17f89412],.image .user[data-v-17f89412]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:hsla(0,0%,100%,.8);font-size:12px;font-weight:400;line-height:18px;margin-top:4px}.image .resourceName[data-v-17f89412]{margin-top:8px}