.cropper-res-img[data-v-9981ee82]{width:100px;height:100px;border:1px dashed $primary;border-radius:3px;margin-bottom:18px;text-align:center;cursor:pointer;transition:all .28s;position:relative;background:#eee 50%/contain no-repeat;justify-content:center;align-items:center;display:flex}.cropper-res-img[data-v-9981ee82]:hover{color:$primary}.cropper-res-img .cropper-res-img-title[data-v-9981ee82]{width:80px;color:#eee;padding:6px 8px;border-radius:4px;text-align:center;transform:translateX(-50%);background:rgba(0,0,0,.7);transition:all .28s;position:absolute;left:50%;bottom:10px;&[data-v-9981ee82]:hover{background:rgba(0,0,0,.8);color:#fff}}.cropper-res-img img[data-v-9981ee82]{display:inline-block;max-width:100%;max-height:100%}.image-list-wrapper[data-v-9981ee82]{height:48vh}.image-list-wrapper .image-item[data-v-9981ee82]{width:120px;height:120px;float:left;background:#eee 50%/contain no-repeat;cursor:pointer;justify-content:center;align-items:center;display:flex;transition:all .28s;margin:5px}.image-list-wrapper .image-item[data-v-9981ee82]:hover{box-shadow:0 0 16px 0 rgba(0,0,0,.16);transform:translate3d(0,-2px,0)}.image-list-wrapper .image-item img[data-v-9981ee82]{display:inline-block;max-width:100%;max-height:100%}.preview-main[data-v-43288b22]{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:rgba(0,0,0,.8)}.preview-main.show[data-v-43288b22]{display:flex}.iframe-wrapper[data-v-43288b22]{position:absolute;left:50%;top:50%;background:#f1f1f1;transform:translate(-50%,-50%)}.input-wr[data-v-43288b22]{width:100px;margin-right:10px}