.showpic-dialog[data-v-c05c4ce2]{border-radius:8px;overflow:hidden}.showpic-dialog[data-v-c05c4ce2] .el-dialog__header{padding:16px 20px;border-bottom:1px solid #f0f0f0}.showpic-dialog[data-v-c05c4ce2] .el-dialog__header .el-dialog__title{font-size:18px;font-weight:500;color:#303133}.showpic-dialog[data-v-c05c4ce2] .el-dialog__body{padding:24px}.showpic-container[data-v-c05c4ce2]{min-height:200px}.showpic-gallery[data-v-c05c4ce2]{display:flex;flex-wrap:wrap;gap:16px;margin:0 auto}.showpic-item[data-v-c05c4ce2]{position:relative;width:180px;height:180px;border-radius:6px;overflow:hidden;cursor:pointer;transition:all .3s;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.showpic-item[data-v-c05c4ce2]:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.showpic-item:hover .showpic-hover[data-v-c05c4ce2]{opacity:1}.showpic-item[data-v-c05c4ce2] .el-image{width:100%;height:100%}.showpic-item .image-error[data-v-c05c4ce2]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#f5f7fa;color:#909399;font-size:30px}.showpic-item .showpic-hover[data-v-c05c4ce2]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}.showpic-item .showpic-hover i[data-v-c05c4ce2]{font-size:36px;color:#fff}.no-images[data-v-c05c4ce2]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;color:#909399}.no-images i[data-v-c05c4ce2]{font-size:48px;margin-bottom:12px}.no-images p[data-v-c05c4ce2]{margin:0;font-size:16px}@media screen and (max-width:768px){.showpic-gallery[data-v-c05c4ce2]{justify-content:center}.showpic-item[data-v-c05c4ce2]{width:140px;height:140px}}