.gallery-wrap[data-v-bb874a70]{background:#fff;height:100%;display:flex;flex-direction:column;padding-top:50px;box-sizing:border-box;overflow-x:hidden}.gallery-header[data-v-bb874a70]{padding:20px 24px;border-bottom:1px solid #f2f2f2}.gallery-header .gallery-title[data-v-bb874a70]{font-size:18px;font-weight:700;color:#333}.gallery-header .gallery-tips[data-v-bb874a70]{margin-top:6px;font-size:13px;color:#939599}.gallery-container[data-v-bb874a70]{display:flex;flex:1;overflow:hidden}.gallery-left[data-v-bb874a70]{width:220px;border-right:1px solid #f2f2f2;padding:16px 0;box-sizing:border-box;flex-shrink:0}.gallery-left-up[data-v-bb874a70]{padding:0 16px;display:flex;align-items:center;justify-content:space-between}.gallery-left-up h5[data-v-bb874a70]{font-size:15px;color:#333;font-weight:500}.gallery-left-up .group-add-btn[data-v-bb874a70]{padding:0;font-size:13px}.gallery-group-box[data-v-bb874a70]{margin-top:12px;max-height:calc(100vh - 300px);overflow-y:auto;overflow-x:hidden}.gallery-group-item[data-v-bb874a70]{height:36px;line-height:36px;width:100%;font-size:14px;padding:0 16px;box-sizing:border-box;border-radius:4px;cursor:pointer;position:relative;transition:.3s;display:flex;align-items:center;color:#333}.gallery-group-item .group-text[data-v-bb874a70]{margin-left:8px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-group-item .group-operate[data-v-bb874a70]{display:none}.gallery-group-item[data-v-bb874a70]:hover{color:var(--fontColor,#fb6638);background:var(--primary-tips,#fff3ef)}.gallery-group-item:hover .group-operate[data-v-bb874a70]{display:flex;align-items:center}.gallery-group-item.active[data-v-bb874a70]{color:var(--fontColor,#fb6638);background:var(--primary-tips,#fff3ef)}.group-del[data-v-bb874a70],.group-edit[data-v-bb874a70]{font-size:14px;cursor:pointer;padding:0 4px;color:#999}.group-del[data-v-bb874a70]:hover,.group-edit[data-v-bb874a70]:hover{color:var(--fontColor,#fb6638)}.group-add-title[data-v-bb874a70]{font-size:14px}.group-add-title i[data-v-bb874a70]{color:#fbc712;margin-right:4px}.group-add-input[data-v-bb874a70]{width:100%;margin:10px 0}.group-add-foot[data-v-bb874a70]{margin-top:5px}.gallery-right[data-v-bb874a70]{flex:1;padding:16px 24px;box-sizing:border-box;display:flex;flex-direction:column;min-height:0}.gallery-right-head[data-v-bb874a70]{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;flex-wrap:wrap;flex-shrink:0}.gallery-search[data-v-bb874a70]{width:320px}.gallery-operate[data-v-bb874a70]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.gallery-operate .el-checkbox[data-v-bb874a70]{margin-right:0}.gallery-operate .el-button[data-v-bb874a70]{margin-left:0}.gallery-content[data-v-bb874a70]{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;overflow-y:auto;overflow-x:hidden;padding-bottom:16px;align-content:start}.gallery-item[data-v-bb874a70]{position:relative;cursor:pointer}.img-box[data-v-bb874a70]{width:100%;padding-bottom:100%;background-size:contain;background-repeat:no-repeat;background-position:50%;background-color:#f5f5f5;border-radius:4px;border:1px solid #eee;position:relative}.img-mask[data-v-bb874a70]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);border-radius:4px;color:#fff;display:none;align-items:center;justify-content:center;font-size:28px}.img-mask.active[data-v-bb874a70]{display:flex}.img-delete[data-v-bb874a70]{position:absolute;top:-8px;right:-8px;display:none;font-size:18px;color:#f56c6c;background:#fff;border-radius:50%}.gallery-item:hover .img-delete[data-v-bb874a70]{display:block}.img-move[data-v-bb874a70]{position:absolute;bottom:32px;right:4px;display:none;font-size:11px;color:#fff;background:rgba(0,0,0,.5);padding:2px 6px;border-radius:3px;cursor:pointer;z-index:2}.gallery-item:hover .img-move[data-v-bb874a70]{display:block}.img-move[data-v-bb874a70]:hover{background:rgba(0,0,0,.8)}.img-size[data-v-bb874a70]{position:absolute;height:24px;line-height:24px;text-align:center;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:#fff;font-size:12px;display:none}.gallery-item:hover .img-size[data-v-bb874a70]{display:block}.img-title[data-v-bb874a70]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;color:#666;text-align:center}.gallery-empty[data-v-bb874a70]{width:100%;text-align:center;color:#ccc;padding-top:80px}.gallery-empty i[data-v-bb874a70]{font-size:60px}.gallery-empty p[data-v-bb874a70]{margin-top:10px;font-size:14px}.gallery-foot[data-v-bb874a70]{display:flex;justify-content:flex-end;padding-top:12px;flex-shrink:0;margin-top:auto}