.scroll-outter[data-v-001d55a2]{position:relative}.img-wrap[data-v-001d55a2]{gap:12px}.img-item[data-v-001d55a2]{cursor:pointer;transition:all .1s linear;flex-basis:calc(100% / var(--col-num, 4) - 12px * (var(--col-num, 4) - 1) / var(--col-num, 4))}.img-item>div[data-v-001d55a2]{height:0;padding-top:100%;background-color:#f4f5f7;border-radius:8px;position:relative;overflow:hidden}.img-item[data-v-001d55a2]:not(.is-upload):hover,.img-item.active[data-v-001d55a2]{padding:3px}.is-upload>div[data-v-001d55a2]{background-color:#fff}.is-upload[data-v-001d55a2] .upload-video-wrap{height:100%}.upload-btn[data-v-001d55a2]{background-color:#2d8af50f;border:2px dashed #dcdfe6;border-radius:8px;flex-direction:column}.upload-btn[data-v-001d55a2]:hover{border-color:#409eff}.upload-btn>svg[data-v-001d55a2]{color:#2d8af5;font-size:32px;margin-bottom:6px}.upload-btn>span[data-v-001d55a2]{font-size:13px;white-space:nowrap}.upload-btn .upload-tip[data-v-001d55a2]{font-size:12px;color:#999}@media screen and (min-width: 837px) and (max-width: 1200px){.img-wrap[data-v-001d55a2]{--col-num: 3}}@media screen and (max-width: 560px){.img-wrap[data-v-001d55a2]{--col-num: 3}.upload-tip[data-v-001d55a2]{display:none}}