.img-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;-webkit-user-select:none;-moz-user-select:none;user-select:none}.img-preview-content{display:flex;width:100%;height:100%;color:#fff;justify-content:center;align-items:center;touch-action:none;overscroll-behavior:contain}.img-preview-image{cursor:pointer;transition:transform .3s;touch-action:none;-webkit-user-drag:none}.img-preview__close{position:absolute;top:-40px;right:-40px;width:80px;height:80px;overflow:hidden;color:#fff;cursor:pointer;background-color:#00000080;border-radius:50%;transition:all .2s}.img-preview__close-icon{position:absolute;top:46px;left:16px;font-size:16px}.img-preview__close:hover{background-color:#000c}.img-preview__index{position:absolute;bottom:5%;left:50%;padding:0 22px;font-size:16px;background:#6d6d6d99;border-radius:15px;transform:translate(-50%)}.img-preview__controller{position:absolute;bottom:10%;left:50%;display:flex;width:260px;height:44px;padding:0 22px;margin-left:-139px;background:#6d6d6d99;border-radius:22px;justify-content:center}.img-preview__controller-item{display:flex;height:100%;padding:0 9px;font-size:24px;cursor:pointer;transition:all .2s}.img-preview__controller-item:hover{transform:scale(1.2)}.img-preview__controller-item img{width:1em}.img-preview__arrow{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:28px;cursor:pointer;background-color:#00000080;border-radius:50%;transition:all .2s}.img-preview__arrow:hover{background-color:#000c}.img-preview__arrow.left{left:50px}.img-preview__arrow.right{right:50px}@media(max-width:768px){.img-preview__close{top:6px;right:6px;width:46px;height:46px}.img-preview__close-icon{top:15px;left:15px}.img-preview__controller{bottom:5%;left:50%;width:auto;padding:0 12px;margin-left:0;transform:translate(-50%)}.img-preview__arrow{width:40px;height:40px;font-size:22px}.img-preview__arrow.left{left:8px}.img-preview__arrow.right{right:8px}}.jeecg-image-preview{display:flex;flex-wrap:wrap;gap:8px}.jeecg-image-preview .ip-thumb{position:relative;overflow:hidden;flex-shrink:0;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s}.jeecg-image-preview .ip-thumb:hover{border-color:#2f54eb;box-shadow:0 4px 14px #2f54eb26;transform:translateY(-2px)}.jeecg-image-preview .ip-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.jeecg-image-preview .ip-thumb:after{position:absolute;top:50%;left:50%;display:none;font-size:20px;color:#cbd5e1;content:"加载失败";transform:translate(-50%,-50%)}.jeecg-image-preview .ip-thumb.ip-thumb--error:after{display:block}