.preview[data-v-4b00a39e]{position:fixed;top:0;left:0;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:2003}.preview .close_btn[data-v-4b00a39e]{position:absolute;top:10px;right:10px;color:#fffdfd;background:#333;border:none;z-index:2}.preview .preview_content[data-v-4b00a39e]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;color:#fffdfd;overflow:hidden}.preview .preview_content .preview_toolbar[data-v-4b00a39e]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px 6px 6px 6px;width:360px;height:60px;bottom:30px;background-color:#000;z-index:3}.preview .preview_content .preview_toolbar .toolbar_btn[data-v-4b00a39e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fffdfd}.preview .preview_content .preview_toolbar .toolbar_btn i[data-v-4b00a39e]{font-size:18px}.preview .preview_content .preview_toolbar .toolbar_btn span[data-v-4b00a39e]{margin-left:0}.preview .preview_content.preview_content--nameless[data-v-4b00a39e]{padding-bottom:10px}.preview .preview_content .left_icon[data-v-4b00a39e]{left:40px}.preview .preview_content .left_icon[data-v-4b00a39e],.preview .preview_content .right_icon[data-v-4b00a39e]{position:absolute;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;background:#333;z-index:3;border-radius:50%;cursor:pointer}.preview .preview_content .right_icon[data-v-4b00a39e]{right:40px}.preview .preview_content img[data-v-4b00a39e]{width:auto;height:auto;-o-object-fit:contain;object-fit:contain;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab;-webkit-transition:max-width .2s ease,max-height .2s ease;transition:max-width .2s ease,max-height .2s ease}.preview .preview_content img.thumbnail[data-v-4b00a39e]{width:112px;height:112px}.preview .img_list[data-v-4b00a39e]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100px;background:#fff;overflow:hidden;padding:10px;white-space:nowrap;gap:10px;text-align:center;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.preview .img_list.drawer-closed[data-v-4b00a39e]{display:none;-webkit-transform:translateY(100%);transform:translateY(100%)}.preview .img_list .img_item[data-v-4b00a39e]{width:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;color:#333}.preview .img_list .img_item.img_item--nameless[data-v-4b00a39e]{width:90px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.preview .img_list .img_item.img_item--nameless .img_box img[data-v-4b00a39e]{width:64px;height:64px}.preview .img_list .img_item .img_box[data-v-4b00a39e]{position:relative;overflow:hidden;border-radius:3px;cursor:pointer}.preview .img_list .img_item .img_box img[data-v-4b00a39e]{width:45px;height:45px;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.preview .img_list .img_item .img_box .mark_box[data-v-4b00a39e]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;right:-20px;top:-20px;width:40px;height:40px;-webkit-transform:rotate(45deg);transform:rotate(45deg);color:#fff;font-size:10px;background:#ff383c}.preview .img_list .img_item .img_box.active[data-v-4b00a39e]{border:1px solid #1890ff;-webkit-box-shadow:0 12px 12px -5px #8d8d8d;box-shadow:0 12px 12px -5px #8d8d8d}.preview .img_list .img_item span[data-v-4b00a39e]{width:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.preview .img_list .img_item[data-v-4b00a39e]:last-child{margin-right:auto}.preview .img_list .img_item[data-v-4b00a39e]:first-child{margin-left:auto}.preview .img_list_float_box[data-v-4b00a39e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:26px;height:14px;background:#fff;position:absolute;border-radius:3px 3px 0 0;bottom:93px;right:49%;-webkit-transition:bottom .3s ease,-webkit-transform .3s ease;transition:bottom .3s ease,-webkit-transform .3s ease;transition:bottom .3s ease,transform .3s ease;transition:bottom .3s ease,transform .3s ease,-webkit-transform .3s ease;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.preview .img_list_float_box.drawer-closed[data-v-4b00a39e]{bottom:-7px}.preview .left_filter_box[data-v-4b00a39e]{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.9)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,hsla(0,0%,100%,.9) 0,hsla(0,0%,100%,0));left:0}.preview .left_filter_box[data-v-4b00a39e],.preview .right_filter_box[data-v-4b00a39e]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;backdrop-filter:blur(1px);bottom:0;z-index:1;font-size:30px;width:100px;height:100px}.preview .right_filter_box[data-v-4b00a39e]{background:-webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,.9)),to(hsla(0,0%,100%,0)));background:linear-gradient(270deg,hsla(0,0%,100%,.9) 0,hsla(0,0%,100%,0));right:0}.mask[data-v-4b00a39e]{position:fixed;top:0;left:0;height:100vh;background-color:#000;opacity:.5;z-index:2002}.file-upload[data-v-eadb1e90]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.file-upload__action[data-v-eadb1e90]{margin-bottom:16px}.file-upload__button[data-v-eadb1e90]{cursor:pointer;width:112px;height:112px;border:1px dashed #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.file-upload__button.uploading[data-v-eadb1e90]{opacity:.7;cursor:not-allowed}.file-upload__list[data-v-eadb1e90]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.file-item[data-v-eadb1e90]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;border-radius:3px;-webkit-transition:all .25s ease;transition:all .25s ease}.file-item__preview[data-v-eadb1e90]{position:relative;width:112px;height:112px;background:#f5f6f7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.file-item__preview img[data-v-eadb1e90]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.file-item__icon[data-v-eadb1e90]{width:72px}.file-item__mask[data-v-eadb1e90]{position:absolute;inset:0;background:rgba(0,0,0,.55);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;pointer-events:none}.file-item__mask .mask-icon[data-v-eadb1e90]{font-size:18px;color:#fff;pointer-events:auto;-webkit-transition:color .2s;transition:color .2s}.file-item__mask .mask-icon[data-v-eadb1e90]:hover{color:#1890ff}.file-item__preview:hover .file-item__mask[data-v-eadb1e90]{opacity:1;pointer-events:auto}.file-item__info[data-v-eadb1e90]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.file-item__name[data-v-eadb1e90]{font-size:12px;width:112px;color:#333;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item__time[data-v-eadb1e90],.file-item__uploader[data-v-eadb1e90]{font-size:12px;color:rgba(0,0,0,.4);line-height:20px}