.upload-page[data-v-0e39af19]{padding:50px 0;background-color:#f2f2f2}.upload-box[data-v-0e39af19]{margin:0 auto;width:60%;padding:50px 0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.upload-box .box span[data-v-0e39af19]{width:120px;height:120px;line-height:120px;background-color:rgba(var(--main-color-rgb),.08);color:var(--main-color);font-size:40px;border-radius:50%;pointer-events:none}.upload-box .box p[data-v-0e39af19]{padding:30px 0 10px;font-size:20px;pointer-events:none}.upload-box .btn[data-v-0e39af19]{position:relative;margin:0 auto;width:220px;height:45px;font-size:18px;border-radius:3px;background-color:var(--main-color);color:#fff;overflow:hidden}.upload-box .btn input[data-v-0e39af19]{position:absolute;right:0;bottom:0;width:600px;height:300px;opacity:0;cursor:pointer}.list-image[data-v-32046609]{width:48px;height:48px}.list-image[data-v-32046609] .image-error-slot{width:100%;height:100%;line-height:48px;text-align:center;background:#f5f7fa no-repeat 50% 50%/auto 60%;color:#909399;font-size:20px}.thumb-image[data-v-32046609]{display:block;width:100%;height:180px}.thumb-image[data-v-32046609] .image-error-slot{width:100%;height:100%;line-height:180px;text-align:center;background:#f5f7fa no-repeat 50% 50%/auto 35%;color:#909399;font-size:50px}.image-list[data-v-32046609]{margin:-10px}.image-list .item[data-v-32046609]{position:relative;padding:10px;width:25%}.image-list .item:hover .box[data-v-32046609]{position:absolute;left:10px;top:10px;right:10px;z-index:9}.image-list .item:hover .tag-list[data-v-32046609]{display:block}.image-list .box[data-v-32046609]{background-color:#fff;padding:0 15px;border-radius:4px;border:1px solid #eee;-webkit-transition:all .3s;transition:all .3s}.image-list .box .action label[data-v-32046609]{margin:0!important}.image-list .box .action .btns[data-v-32046609]{opacity:0;padding:8px 0}.image-list .box .action .btns span[data-v-32046609]{display:inline-block;font-size:14px;color:#409eff;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;border-radius:50%}.image-list .box .action .btns span.fa-trash-o[data-v-32046609]{color:red}.image-list .box .action .btns span[data-v-32046609]:hover{background-color:#409eff;color:#fff}.image-list .box .action .btns span.fa-trash-o[data-v-32046609]:hover{background-color:#f56c6c;color:#fff}.image-list .box .info[data-v-32046609]{padding:15px 0;color:#888}.image-list .box .tag-list[data-v-32046609]{display:none;padding-top:5px}.image-list .box[data-v-32046609]:hover{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.1)}.image-list .box:hover .info[data-v-32046609]{color:#333}.image-list .box:hover .action .btns[data-v-32046609]{opacity:1}.my-tab[data-v-32046609] .el-tabs__item{padding:0 10px}@media screen and (max-width:1600px){.thumb-image[data-v-32046609],.thumb-image[data-v-32046609] .image-error-slot{height:150px}}@media screen and (max-width:1440px){.thumb-image[data-v-32046609],.thumb-image[data-v-32046609] .image-error-slot{height:120px}}@media screen and (max-width:1280px){.image-list .item[data-v-32046609]{width:33.33%}.thumb-image[data-v-32046609],.thumb-image[data-v-32046609] .image-error-slot{height:100px}}@media screen and (max-width:1100px){.image-list .item[data-v-32046609]{width:50%}}