.title-wrapper[data-v-2fcdbf54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f2f4f9;padding-left:41px;height:var(--title-wrapper-height);line-height:var(--title-wrapper-height);margin-bottom:var(--title-wrapper-margin-bottom)}.title-wrapper .title[data-v-2fcdbf54]{font-weight:700;font-size:var(--title-font-size)}.title-wrapper .right .home[data-v-2fcdbf54],.title-wrapper .right[data-v-2fcdbf54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title-wrapper .right .home[data-v-2fcdbf54]{cursor:pointer;margin-right:8px}.title-wrapper .right .back[data-v-2fcdbf54]{cursor:pointer;color:var(--title-font-color);font-size:var(--title-font-size)}.title-wrapper .right .back svg[data-v-2fcdbf54]{font-size:18px;vertical-align:middle}.title-wrapper .right .back span[data-v-2fcdbf54]{margin:0 5px;font-size:var(--content-font-size)}.app-container[data-v-01f418a0]{--image-area-top:176px}.app-container .icon[data-v-01f418a0]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.app-container .loading-button[data-v-01f418a0]{height:45px}.app-container .loading-button[data-v-01f418a0] .el-loading-mask{width:45px;left:-9px;border-radius:3px}.app-container[data-v-01f418a0] .el-loading-mask .el-loading-spinner .el-loading-text{color:#e6e6e6}.app-container[data-v-01f418a0] .el-loading-mask .el-loading-spinner i,.app-container[data-v-01f418a0] .el-loading-mask .el-loading-spinner svg{background-size:contain;background-image:url(/img/loading.svg);background-repeat:no-repeat}.app-container[data-v-01f418a0] .el-loading-mask .el-loading-spinner i circle,.app-container[data-v-01f418a0] .el-loading-mask .el-loading-spinner svg circle{display:none}.row-data-wrapper[data-v-01f418a0]{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #ddd}.row-data-wrapper .row-data[data-v-01f418a0]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-bottom:6px}.row-data-wrapper .row-data .el-row[data-v-01f418a0]{padding:5px}.row-data-wrapper .row-data .el-col[data-v-01f418a0]{margin:0;font-size:var(--content-font-size)}.row-data-wrapper .row-data .el-col span.label[data-v-01f418a0]{color:#a0a0a0;font-size:var(--content-font-size);font-weight:400;display:inline-block}.row-data-wrapper .row-data .el-col span.label+span[data-v-01f418a0]{text-align:left}.flex-center[data-v-01f418a0]{width:100%;height:100%;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}.el-pagination[data-v-01f418a0]{overflow-y:auto}.el-pagination[data-v-01f418a0] .el-pagination__jump{margin-left:0}.table-wrapper[data-v-01f418a0]{width:100%;margin-bottom:16px;height:calc(100vh - var(--image-area-top))!important}.table-area[data-v-01f418a0]{height:100%;overflow:auto}.images-area[data-v-01f418a0]{overflow-y:auto;margin:0 0;border-radius:4px;height:calc(100vh - var(--image-area-top))!important}.images-area .el-col[data-v-01f418a0]{padding:5px}.images-area div.image-wrapper[data-v-01f418a0]{height:100%;border-radius:3px;position:relative;border:1px solid #e9e9eb}.images-area div.image-wrapper img[data-v-01f418a0]{height:100%;margin:0 auto;max-width:100%;vertical-align:middle}.images-area div.image-wrapper .download-wrapper[data-v-01f418a0]{position:absolute;right:8px;top:6px;cursor:pointer}.images-area div.image-wrapper .download-wrapper svg[data-v-01f418a0]{position:absolute;font-size:1.6rem;right:0;z-index:100;color:#fff}.images-area div.image-wrapper .download-wrapper[data-v-01f418a0]:before{content:"";display:block;background:#000;width:15px;height:15px;position:absolute;top:5px;right:5px;z-index:10}.images-area div.image-wrapper div.image-detail-area[data-v-01f418a0]{position:absolute;bottom:0;background:#000;color:#fff;padding:10px;border-radius:3px;font-size:var(--content-font-size);line-height:26px;font-weight:400;width:100%}.images-area div.image-wrapper div.image-detail-area .el-icon-caret-left[data-v-01f418a0]{position:absolute;left:-20px;top:calc(50% - 20px);font-size:2rem;color:#000}.btn-area[data-v-01f418a0]{margin-bottom:10px}.btn-area .download-all-area[data-v-01f418a0]{display:inline-block}.btn-area .upload-area[data-v-01f418a0]{display:inline-block;margin-left:10px;background:rgba(230,226,226,.7098039216);border-radius:4px}.btn-area .el-icon-download[data-v-01f418a0],.btn-area .el-icon-upload[data-v-01f418a0]{font-size:2rem;vertical-align:middle;cursor:pointer}.table-area[data-v-01f418a0]{width:100%}.table-area #image-url[data-v-01f418a0]{color:#03a9f4}.no-data[data-v-01f418a0]{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;-ms-flex-line-pack:center;align-content:center}.loading-mask-daf[data-v-01f418a0] .el-icon-loading{font-size:1.6rem;color:#fff;margin-top:9px}.mode-tab[data-v-01f418a0]{float:right;padding:20px 3px 0;font-size:1.4rem;border-radius:3px}.mode-tab>span[data-v-01f418a0]{padding:0 1px;cursor:pointer;margin-right:8px;border-radius:3px;background-color:#e2ecff;border:1px solid #c7dafd}.mode-tab>span[data-v-01f418a0]:hover{background-color:#0075ff}.mode-tab>span:hover svg[data-v-01f418a0]{color:#fff!important}.mode-tab>span.active-tab[data-v-01f418a0]{background-color:#2963c6}.mode-tab>span svg[data-v-01f418a0]:focus{outline:none}.mode-tab>i[data-v-01f418a0]{cursor:pointer;border-radius:4px;margin-left:4px}.mode-tab>i[data-v-01f418a0]:hover{background:#03a9f4;color:#fff}.mode-tab i.active-tab[data-v-01f418a0]{background:#2196f3;color:#fff}.demo-image__error .image-slot .el-icon[data-v-01f418a0],.demo-image__error .image-slot[data-v-01f418a0]{font-size:30px}.demo-image__error .el-image[data-v-01f418a0]{width:100%;height:200px}