.yb-image-uploader{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:0;bottom:0;z-index:9999;background:#fff}.yb-image-uploader .files-table-main{position:relative;height:100%;overflow:auto;padding:0 20px}.yb-image-uploader .files-table-main .selectDir{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#aaa;cursor:pointer;border:2px dashed #ccc;box-sizing:border-box}.yb-image-uploader .files-table-main .selectDir.noboard{border:none}.yb-image-uploader .files-table-main .selectDir .icon{width:100px;height:100px;margin-bottom:20px}.yb-image-uploader .waiting{color:#1890ff}.yb-image-uploader .success{color:#13ce66}.yb-image-uploader .fail{color:#ff4d4f}.yb-image-uploader .hidden{display:none}[data-v-96e42e90]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}[data-v-96e42e90] .el-collapse,[data-v-96e42e90] .el-collapse-item__header,[data-v-96e42e90] .el-collapse-item__wrap{border:none}[data-v-96e42e90] .el-collapse-item__content{padding-bottom:0}.image-select-dialog[data-v-96e42e90]{min-width:60%;min-height:60%}.image-select-dialog>.el-dialog__body[data-v-96e42e90]{padding:0;border-top:none}.image-select .wapper-header .tools .bgcolors[data-v-96e42e90],.image-select .wapper-header .tools[data-v-96e42e90],.image-select .wapper-header[data-v-96e42e90],.image-select .wapper-main .wapper-left>ul>li .num[data-v-96e42e90],.image-select .wapper-main .wapper-left>ul>li[data-v-96e42e90]{display:flex;align-items:center;justify-content:space-between}.image-select[data-v-96e42e90]{font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:604px;overflow:hidden;position:relative}.image-select .wapper-header[data-v-96e42e90]{margin:15px 0 20px 0}.image-select .wapper-header .el-button-group .el-dropdown__caret-button[data-v-96e42e90]{width:auto!important}.image-select .wapper-header .tips .max[data-v-96e42e90]{margin:0 2px;color:#398bf7}.image-select .wapper-header .tips .mr-20[data-v-96e42e90]{margin-right:20px}.image-select .wapper-header .tips .nowcount[data-v-96e42e90]{margin:0 2px;color:#f74a3f}.image-select .wapper-header .tools[data-v-96e42e90]{margin-left:20px}.image-select .wapper-header .tools .bgcolors[data-v-96e42e90]{margin-right:30px}.image-select .wapper-header .tools .bgcolors .mx-20[data-v-96e42e90]{margin:0 20px}.image-select .wapper-header .tools .bgcolors span[data-v-96e42e90]{width:20px;height:20px;overflow:hidden;cursor:pointer;border:2px solid #b8b8b8;border-radius:5px}.image-select .wapper-header .tools .bgcolors span.active[data-v-96e42e90]{border:2px solid #398bf7}.image-select .wapper-header .tools .bgcolors span.white[data-v-96e42e90]{background:#fff}.image-select .wapper-header .tools .bgcolors span.black[data-v-96e42e90]{background:#000}.image-select .wapper-header .tools .bgcolors span.gray[data-v-96e42e90]{background:#ccc}.image-select .wapper-main[data-v-96e42e90]{overflow:hidden;border-top:1px solid #ddd}.image-select .wapper-main .wapper-left[data-v-96e42e90]{width:180px;border-right:1px solid #ddd}.image-select .wapper-main .wapper-left>ul[data-v-96e42e90]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.image-select .wapper-main .wapper-left>ul>li[data-v-96e42e90]{padding:12px 10px;cursor:pointer;transition:all .25s}.image-select .wapper-main .wapper-left>ul>li .num[data-v-96e42e90]{justify-content:center;height:20px;padding:0 7px;font-size:12px;color:#fff;background:#999;border-radius:10px}.image-select .wapper-main .wapper-left>ul>li.active[data-v-96e42e90],.image-select .wapper-main .wapper-left>ul>li[data-v-96e42e90]:hover{color:#fff;background:#398bf7}.image-select .wapper-main .wapper-left>ul>li.active .num[data-v-96e42e90],.image-select .wapper-main .wapper-left>ul>li:hover .num[data-v-96e42e90]{color:#666;background:#fff}.image-select .wapper-main .wapper-right[data-v-96e42e90]{overflow:hidden}.image-select .wapper-main .wapper-right>ul[data-v-96e42e90]{width:100%;padding-top:15px;padding-right:15px;overflow:auto;list-style:none}.image-select .wapper-main .wapper-right>ul[data-v-96e42e90]::-webkit-scrollbar{display:none}.image-select .wapper-main .wapper-right>ul>li[data-v-96e42e90]{position:relative;display:flex;align-items:center;justify-content:center;float:left;width:150px;height:150px;margin-bottom:15px;margin-left:15px;text-align:center;list-style:none;cursor:pointer}.image-select .wapper-main .wapper-right>ul>li.active[data-v-96e42e90]:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:101;pointer-events:none;content:"";border:2px solid #07d}.image-select .wapper-main .wapper-right>ul>li .icon_ok[data-v-96e42e90]{position:absolute;right:-5px;bottom:-5px;z-index:1;width:35px;height:35px;color:#07d}.image-select .wapper-main .wapper-right>ul>li .delete-image[data-v-96e42e90]{z-index:100;position:absolute;font-size:16px;top:0;right:0;border:1px solid #1890ff;padding:5px;background:#1890ff;color:#fff;opacity:.7}.image-select .wapper-main .wapper-right>ul>li .delete-image[data-v-96e42e90]:hover{opacity:1}.image-select .wapper-main .wapper-right>ul>li .img-wapper[data-v-96e42e90]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative}.image-select .wapper-main .wapper-right>ul>li .img-wapper span[data-v-96e42e90]{width:100%;padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-select .wapper-main .wapper-right>ul>li .img-wapper .el-tooltip[data-v-96e42e90]{position:absolute;bottom:0;left:0;background:rgba(0,0,0,.3);color:#fff}.image-select .wapper-main .wapper-right>ul>li img[data-v-96e42e90]{width:150px!important;height:150px!important;-o-object-fit:cover;object-fit:cover;pointer-events:none;cursor:pointer;border:none;flex-shrink:0}.image-select .wapper-main .wapper-right>ul>li .upload-progress[data-v-96e42e90]{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4)}.image-select .wapper-main .wapper-right>ul>li .upload-progress .el-progress__text[data-v-96e42e90]{color:#fff}.image-select .wapper-main .wapper-right>ul .add[data-v-96e42e90]{display:flex;align-items:center;justify-content:center;font-size:40px;border:1px dashed #999}.image-select-1100-720[data-v-96e42e90]{width:1100px!important;height:720px!important}.image-wrapper[data-v-96e42e90]{flex:1;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}.image-wrapper .wrapper-left[data-v-96e42e90]{flex:0 0 190px;width:190px;border-right:1px solid #d8d8d8}.image-wrapper .wrapper-left .add-image[data-v-96e42e90]{margin-top:20px;margin-bottom:10px;padding:9px 43px;border:1px solid #d8d8d8;font-size:14px;font-weight:500;text-align:left;color:#3280f6}.image-wrapper .wrapper-left .album-image[data-v-96e42e90]{height:540px;overflow-y:auto}.image-wrapper .wrapper-left .album-image .album-image-list[data-v-96e42e90]{display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 20px;height:40px;cursor:pointer}.image-wrapper .wrapper-left .album-image .album-image-list.active[data-v-96e42e90]{color:#3280f6;background:rgba(50,128,246,.12)}.image-wrapper .wrapper-left .album-image .album-image-list[data-v-96e42e90]:hover{background:rgba(50,128,246,.12)}.image-wrapper .wrapper-left .album-image .album-image-item[data-v-96e42e90]{font-size:14px;font-weight:500;text-align:left;color:#2a2b2d;padding:15px 20px;cursor:pointer}.image-wrapper .wrapper-right[data-v-96e42e90]{flex:1}.image-wrapper .wrapper-right .wrapper-right-top[data-v-96e42e90]{padding:13px 20px 10px 20px}.image-wrapper .wrapper-right .wrapper-right-top .tips[data-v-96e42e90],.image-wrapper .wrapper-right .wrapper-right-top .tools[data-v-96e42e90]{display:flex;align-items:center}.image-wrapper .wrapper-right .wrapper-right-top .tools .tools-input[data-v-96e42e90]{width:150px;margin-right:30px}.image-wrapper .wrapper-right .wrapper-right-top .tools .tools-color[data-v-96e42e90]{display:flex;justify-content:space-between;align-items:center;width:100px;margin-right:30px}.image-wrapper .wrapper-right .wrapper-right-top .tools .tools-color .tools-color-item[data-v-96e42e90]{width:20px;height:20px;border:2px solid #b8b8b8;border-radius:5px;overflow:hidden;cursor:pointer}.image-wrapper .wrapper-right .wrapper-right-top .tools .tools-color .tools-color-item.white[data-v-96e42e90]{background:#fff}.image-wrapper .wrapper-right .wrapper-right-top .tools .tools-color .tools-color-item.black[data-v-96e42e90]{background:#000}.image-wrapper .wrapper-right .wrapper-right-top .tools .tools-color .tools-color-item.gray[data-v-96e42e90]{background:#ccc}.image-wrapper .wrapper-right .wrapper-right-top .tools .tools-color .tools-color-item.active[data-v-96e42e90]{border:2px solid #398bf7}.image-wrapper .wrapper-right .wrapper-right-top .tools .el-button-group .el-dropdown__caret-button[data-v-96e42e90]{width:auto!important}.image-wrapper .wrapper-right .wrapper-right-bottom[data-v-96e42e90]{position:relative;padding-top:20px;padding-left:20px;height:549px;overflow-y:auto}.image-wrapper .wrapper-right .wrapper-right-bottom .scroll-wrapper[data-v-96e42e90]{flex-wrap:wrap}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item[data-v-96e42e90]{margin-right:54px;margin-bottom:20px}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item .image-item-wrapper[data-v-96e42e90]{position:relative;cursor:pointer;font-size:24px}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item .image-item-wrapper .el-image[data-v-96e42e90]{width:120px;height:120px;overflow:hidden}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item .image-item-wrapper.white .el-image[data-v-96e42e90]{background:#fff}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item .image-item-wrapper.black .el-image[data-v-96e42e90]{background:#000}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item .image-item-wrapper.gray .el-image[data-v-96e42e90]{background:#ccc}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item .image-item-wrapper .image-icon-delete[data-v-96e42e90]{display:none;position:absolute;top:-10px;right:-10px;width:21px;height:21px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAtFBMVEVHcEz/VBL/VBP/UxL/VRP/UQ3/VQv/UxL/AAD/VBL/VQ7/VBL/VBP/VBL/VBP/VBL/VRP/VBP/VRP/VhH/UxP/VBP/UxP/UhL/UhP/TQ3/UxP/UBP/URH/VBL/UxL/UBD/Wg//UxP/URL/TxH/UxP/VBL/VBP/////spr/sZn/s5v/sJf/XyL/tJz//Pz/r5T/r5X/rZL/rJL/XCD/rpP/XSD//f3/sZr/xrX/ybj/ybn/xrTGXRJhAAAAJnRSTlMAwtWBvRMYKwHPEv3Xffir9/bxWf7woFe9FLs2PKqfEBG8OT2ynvULrZEAAAFBSURBVDjLnVXFdsMwEJw06DAzlXbipGEo/f9/9RAQ1HaszEm7mictjFbAo0h32l6rKdJsee1OOoL48lYTDbXRIISY7cs/9LMBxFypLAEol3I2s5eSEKSskDNFCUUxozPzTxKBp7wWZ0IikVDxJuUOkrcqFe5RC9eadeUuumfmq+b6kBBjCACoKMf3yleGv/pVRgUAptWbvT+Ry6uxJHm8bVWnABraNQeS8/NyTnKjbTUAjPXwZiRnxuKKdwCekeqc5EJkoY6/wANQN8vik9xuSfqmvw7ALuGMpH27iEgAVTYkuZY41HVs6iWAzwBqQFq7XXBaDsWK2YKx1diN2diD1diJksuRplxOeyWXiSXCL1OEP5YIMYwvbaRiPxiXZ+jwuF1GhsMgchlvkUOz9/goBpB9jjngAWAwivltOH1G0fgD/dK75OCR/cYAAAAASUVORK5CYII=) 50% no-repeat;background-size:21px 21px}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item .image-item-wrapper .image-size-mask[data-v-96e42e90]{display:none;padding:5px 0;position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.5);font-size:13px;font-weight:500;text-align:center;color:#fff}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item .image-item-wrapper:hover .image-icon-delete[data-v-96e42e90],.image-wrapper .wrapper-right .wrapper-right-bottom .image-item .image-item-wrapper:hover .image-size-mask[data-v-96e42e90]{display:block}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item .image-item-name[data-v-96e42e90]{max-width:120px;overflow:hidden;color:#2a2b2d}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item.upload .image-item-wrapper[data-v-96e42e90]{flex-direction:column;flex:0 0 120px;width:120px;height:120px;border:1px dashed #999;color:#3280f6}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item.upload .image-item-wrapper .el-button[data-v-96e42e90]{margin-top:10px;padding:0!important}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item.upload .image-item-name[data-v-96e42e90]{color:#3280f6}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item.active .image-item-wrapper[data-v-96e42e90]{border:2px solid #07d}.image-wrapper .wrapper-right .wrapper-right-bottom .image-item.active .image-item-wrapper .el-image[data-v-96e42e90]{width:116px;height:116px}.scroll-end[data-v-96e42e90]{transition:opacity .5s linear}.scroll-end.hidden[data-v-96e42e90]{opacity:0}