.main[data-v-a8beb504]{border-bottom:1px solid #eee;border-top:1px solid #eee;display:flex;min-height:calc(100vh - 60px)}.main .side-menu[data-v-a8beb504]{border-right:1px solid #eee;box-sizing:border-box;flex:0 0 279px;padding:20px;width:279px}.main .side-menu .title[data-v-a8beb504]{font-size:14px;font-weight:700;margin:0 0 20px;text-align:center}.main .side-menu .menu[data-v-a8beb504]{display:flex;flex-wrap:wrap;margin:0 0 0 -10px}.main .side-menu .menu .item[data-v-a8beb504]{background:#fafbfb;border-radius:8px;flex:0 0 45.9%;margin:0 0 10px 10px;padding:8px 0;text-align:center}.main .side-menu .menu .item .icon[data-v-a8beb504]{height:25px;width:25px}.main .side-menu .menu .item .icon img[data-v-a8beb504]{display:block;height:auto;width:25px}.main .side-menu .menu .item .name[data-v-a8beb504]{font-size:12px;line-height:19px}.main .panel[data-v-a8beb504]{align-items:center;box-sizing:border-box;display:flex;flex:1;flex-direction:column;justify-content:center;padding:24px}.main .panel .upload-panel[data-v-a8beb504]{color:#333;margin:0 auto;max-width:872px;padding-top:30px;width:100%}.main .panel .upload-panel .head-title[data-v-a8beb504]{font-size:29px;font-weight:700;line-height:39px;text-align:center}.main .panel .upload-panel .support-tips[data-v-a8beb504]{font-size:14px;line-height:19px;margin:8px 0 30px;text-align:center}.main .panel .upload-panel .support-tips span[data-v-a8beb504]{color:#3c92ff}.main .panel .upload-panel .panel-main[data-v-a8beb504]{margin-bottom:40px}.main .panel .upload-panel .upload-demo[data-v-a8beb504] .el-upload{display:block}.main .panel .upload-panel .upload-demo[data-v-a8beb504] .el-upload .el-upload-dragger{box-sizing:border-box;height:auto;padding:30px;width:100%}.main .panel .upload-panel .upload-demo .upload-area[data-v-a8beb504]{margin:0 auto;position:relative;width:235px}.main .panel .upload-panel .upload-demo .upload-area .support-img[data-v-a8beb504]{display:block;height:auto;margin:0 auto 10px;opacity:.5;width:180px}.main .panel .upload-panel .upload-demo .upload-area .upload-button[data-v-a8beb504]{font-size:16px;font-weight:700;line-height:22px;width:180px}.main .panel .upload-panel .upload-demo .upload-area .upload-button[data-v-a8beb504] .el-icon-upload{color:#fff;font-size:22px;font-weight:400;line-height:22px;margin:0}.main .panel .upload-panel .upload-demo .upload-area .el-upload__text[data-v-a8beb504]{color:#999;font-size:16px;margin:0 0 30px;position:relative}.main .panel .upload-panel .upload-demo .upload-area .el-upload__text .area-tip[data-v-a8beb504]{position:absolute;right:-50px;top:0}.main .panel .upload-panel .upload-demo .upload-area .el-upload__tip[data-v-a8beb504]{color:#999;font-size:13px;margin-top:20px}.main .file-list[data-v-a8beb504]{margin-bottom:20px}.main .file-list .file-list-head[data-v-a8beb504]{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin:0 0 10px}.main .file-list .file-list-head .file-list-head-left[data-v-a8beb504]{color:#333;line-height:28px}.main .file-list .file-list-head .file-list-head-left .sp1[data-v-a8beb504]{color:#0076fe}.main .file-list .file-list-head .file-list-head-left .sp3[data-v-a8beb504]{color:#999;font-size:12px}.main .file-list .file-list-head .file-list-head-right[data-v-a8beb504]{align-items:center;color:#999;display:flex}.main .file-list .file-list-head .file-list-head-right .tip[data-v-a8beb504]{margin-right:20px}.main .file-list .file-list-scroll[data-v-a8beb504]{height:300px;overflow-x:hidden;overflow-y:auto}.main .file-list .file-list-scroll[data-v-a8beb504]::-webkit-scrollbar{width:6px}.main .file-list .file-list-scroll[data-v-a8beb504]::-webkit-scrollbar-track{background:#f1f1f1}.main .file-list .file-list-scroll[data-v-a8beb504]::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.main .file-list .file-list-scroll[data-v-a8beb504]::-webkit-scrollbar-thumb:hover{background:#555}.main .file-list .file-list-scroll .item[data-v-a8beb504]{background:#fafafa;border-radius:8px;box-sizing:border-box;display:flex;height:60px;margin:0 0 10px;padding:10px 10px 10px 0;position:relative;-webkit-user-select:none}.main .file-list .file-list-scroll .item .icon[data-v-a8beb504]{align-items:center;cursor:move;display:flex;flex:0 0 40px;height:40px;justify-content:center;width:40px}.main .file-list .file-list-scroll .item .preview[data-v-a8beb504]{background:#eee;border-radius:2px;cursor:pointer;flex:0 0 40px;height:40px;margin:0 10px 0 0;overflow:hidden;position:relative;width:40px}.main .file-list .file-list-scroll .item .preview .preview-img[data-v-a8beb504]{height:40px;width:40px}.main .file-list .file-list-scroll .item .preview span[data-v-a8beb504]{align-items:center;background:rgba(0,0,0,.5);border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;left:50%;line-height:20px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:20px}.main .file-list .file-list-scroll .item .preview:hover span[data-v-a8beb504]{opacity:1}.main .file-list .file-list-scroll .item .file-info[data-v-a8beb504]{color:#666;display:flex;flex:0 0 400px;flex-direction:column;font-size:12px;height:40px;justify-content:center;line-height:14px}.main .file-list .file-list-scroll .item .file-info .name[data-v-a8beb504]{font-size:13px;margin:0 0 6px}.main .file-list .file-list-scroll .item .file-info .info span[data-v-a8beb504]{margin:0 10px 0 0}.main .file-list .file-list-scroll .item .opt[data-v-a8beb504]{align-items:center;color:#333;display:flex;height:40px;position:absolute;right:10px;top:10px}.main .file-list .file-list-scroll .item .opt .status .success[data-v-a8beb504]{color:#67c23a}.main .file-list .file-list-scroll .item .opt .status .fail[data-v-a8beb504]{color:#f56c6c}.main .file-list .file-list-scroll .item .opt .text-button[data-v-a8beb504]{cursor:pointer;margin:0 0 0 10px}.main .file-list .file-list-scroll .item .opt .text-button i[data-v-a8beb504]{margin:0 3px 0 0}.main .file-list .file-list-scroll .item .opt .text-button[data-v-a8beb504]:hover{color:#409eff}.main .file-list .file-list-scroll .item .opt .text-button.text-danger[data-v-a8beb504]:hover{color:#f56c6c}.main .file-list .file-list-scroll .item .progress[data-v-a8beb504]{bottom:0;left:10px;position:absolute;right:10px}.main .file-list .file-list-scroll .list-grid[data-v-a8beb504]{font-size:0;margin:0 0 0 -10px}.main .file-list .file-list-scroll .list-grid .item-grid[data-v-a8beb504]{display:inline-block;margin:0 0 10px 10px;-webkit-user-select:none;width:85px}.main .file-list .file-list-scroll .list-grid .item-grid .preview[data-v-a8beb504]{background:#fff;border:1px solid #eee;border-radius:5px;height:115px;overflow:hidden;position:relative;width:85px}.main .file-list .file-list-scroll .list-grid .item-grid .preview[data-v-a8beb504]:after{background:rgba(0,0,0,.2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .5s ease;visibility:hidden;width:100%;z-index:1}.main .file-list .file-list-scroll .list-grid .item-grid .preview .preview-img[data-v-a8beb504]{height:115px;width:85px}.main .file-list .file-list-scroll .list-grid .item-grid .preview .button[data-v-a8beb504]{display:flex;font-size:0;justify-content:flex-end;position:absolute;right:5px;top:5px;z-index:20}.main .file-list .file-list-scroll .list-grid .item-grid .preview .button .btn[data-v-a8beb504]{align-items:center;background:rgba(0,0,0,.8);border-radius:5px;color:#fff;cursor:pointer;display:flex;flex:0 0 25px;font-size:12px;height:25px;justify-content:center;margin:0 0 0 5px;opacity:0;overflow:hidden;transition:all .5s ease;visibility:hidden;width:25px}.main .file-list .file-list-scroll .list-grid .item-grid .preview:hover .button .btn[data-v-a8beb504],.main .file-list .file-list-scroll .list-grid .item-grid .preview[data-v-a8beb504]:hover:after{opacity:1;visibility:visible}.main .file-list .file-list-scroll .list-grid .item-grid .preview .loading[data-v-a8beb504]{height:100%;left:0;position:absolute;top:0;width:100%}.main .file-list .file-list-scroll .list-grid .item-grid .preview .msg[data-v-a8beb504]{background:rgba(0,0,0,.8);bottom:0;box-sizing:border-box;color:#fff;font-size:10px;left:0;line-height:14px;padding:5px;position:absolute;text-align:center;width:100%}.main .file-list .file-list-scroll .list-grid .item-grid .name[data-v-a8beb504]{font-size:12px;height:20px;line-height:20px;margin:5px 0;overflow:hidden;text-align:center;text-overflow:ellipsis;width:85px}.main .file-list .file-list-scroll .list-grid .item-grid .replace[data-v-a8beb504],.main .merge[data-v-a8beb504]{display:flex;justify-content:center}.main .merge .merge-button[data-v-a8beb504]{border-radius:47px;font-size:16px;font-weight:700;height:47px}.main .panel-foot .tpl-tip[data-v-a8beb504]{color:#333;font-size:14px;margin-bottom:40px;padding-top:20px;text-align:center}.main .panel-foot .tpl-tip .link[data-v-a8beb504]{color:var(--el-color-primary)}.main .panel-foot .tpl-tip .link[data-v-a8beb504]:hover{-webkit-text-decoration:underline;text-decoration:underline}.main .panel-foot .tpl-panel[data-v-a8beb504]{display:flex;justify-content:center;margin-bottom:50px}.main .panel-foot .tpl-panel .item[data-v-a8beb504]{border:1px solid #fafafa;border-radius:10px;box-shadow:0 2px 8px 0 rgba(0,0,0,.04);box-sizing:border-box;cursor:pointer;flex:0 0 140px;margin:0 22px;overflow:hidden;padding:10px;transition:all .3s ease;width:140px}.main .panel-foot .tpl-panel .item[data-v-a8beb504]:hover{border-color:var(--el-color-primary);transform:translateY(-5px)}.main .panel-foot .tpl-panel .item .pic img[data-v-a8beb504]{display:block;height:auto;margin:0 auto;width:120px}.main .panel-foot .tpl-panel .item .name[data-v-a8beb504]{font-size:14px;padding:10px 0 0;text-align:center}.main .panel-foot .tool-panel[data-v-a8beb504]{color:#999;font-size:14px;line-height:20px;text-align:center}.main .panel-foot .tool-panel .link[data-v-a8beb504]{color:#999}