.zoom-pic-container[data-v-8fdcd7c5]{display:inline-block;position:relative}.main-pic-wrap[data-v-8fdcd7c5]{width:var(--v059e2de8);height:var(--v0e17c7f6);cursor:crosshair;background:#f5f5f5;border:1px solid #ebeef5;border-radius:4px;position:relative;overflow:hidden}.main-pic-wrap .main-pic-list[data-v-8fdcd7c5]{width:100%;height:100%;transition:transform .3s;display:flex}.main-pic-wrap .main-pic-list .main-pic-item[data-v-8fdcd7c5]{flex:0 0 100%;width:100%;height:100%}.main-pic-wrap .main-pic-list .main-pic-item .main-img[data-v-8fdcd7c5]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.main-pic-wrap .nav-btn[data-v-8fdcd7c5]{color:#fff;cursor:pointer;z-index:2;background:#0000004d;border:none;justify-content:center;align-items:center;width:36px;height:48px;font-size:18px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.main-pic-wrap .nav-btn[data-v-8fdcd7c5]:hover:not(:disabled){background:#00000080}.main-pic-wrap .nav-btn[data-v-8fdcd7c5]:disabled{opacity:.3;cursor:not-allowed}.main-pic-wrap .nav-btn.nav-prev[data-v-8fdcd7c5]{left:0}.main-pic-wrap .nav-btn.nav-next[data-v-8fdcd7c5]{right:0}.main-pic-wrap .pic-counter[data-v-8fdcd7c5]{color:#fff;z-index:2;background:#00000080;border-radius:10px;padding:2px 8px;font-size:12px;position:absolute;bottom:8px;right:8px}.main-pic-wrap .zoom-lens[data-v-8fdcd7c5]{z-index:3;background:#fff6;border:1px solid #ddd;left:0}.big-pic-box[data-v-8fdcd7c5],.main-pic-wrap .zoom-lens[data-v-8fdcd7c5]{pointer-events:none;position:absolute;top:0}.big-pic-box[data-v-8fdcd7c5]{z-index:99;box-sizing:border-box;background:#fff;border:1px solid #ebeef5;border-radius:4px;overflow:hidden}.big-pic-box .big-pic[data-v-8fdcd7c5]{position:absolute;top:0;left:0}.thumbs-wrap[data-v-8fdcd7c5]{width:var(--v059e2de8);align-items:center;margin-top:12px;display:flex;position:relative}.thumbs-wrap .thumbs-scroll[data-v-8fdcd7c5]{flex:1;overflow:hidden}.thumbs-wrap .thumbs-scroll .thumbs-list[data-v-8fdcd7c5]{gap:8px;transition:transform .3s;display:flex}.thumbs-wrap .thumbs-scroll .thumbs-list .thumb-item[data-v-8fdcd7c5]{cursor:pointer;box-sizing:border-box;border:2px solid #0000;border-radius:4px;flex-shrink:0;width:62px;height:62px;transition:border-color .2s;overflow:hidden}.thumbs-wrap .thumbs-scroll .thumbs-list .thumb-item.is-active[data-v-8fdcd7c5]{border-color:#ca141d}.thumbs-wrap .thumbs-scroll .thumbs-list .thumb-item .thumb-img[data-v-8fdcd7c5]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.thumbs-wrap .thumb-nav[data-v-8fdcd7c5]{cursor:pointer;color:#909399;background:#fff;border:1px solid #ebeef5;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:62px;transition:all .2s;display:flex}.thumbs-wrap .thumb-nav[data-v-8fdcd7c5]:hover{color:#ca141d;border-color:#ca141d}.thumbs-wrap .thumb-nav.thumb-prev[data-v-8fdcd7c5]{margin-right:8px}.thumbs-wrap .thumb-nav.thumb-next[data-v-8fdcd7c5]{margin-left:8px}