.image-gallery-container[data-v-fa87058c]{display:flex;gap:4px;height:500px}.main-image-container[data-v-fa87058c]{align-items:center;background-color:#f5f7fa;display:flex;flex:3;justify-content:center;overflow:hidden}.main-image[data-v-fa87058c]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.image-placeholder[data-v-fa87058c]{align-items:center;color:#909399;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center;width:100%}.thumbnail-container[data-v-fa87058c]{display:flex;flex:1;flex-direction:column;gap:4px;justify-content:space-between}.scroll-btn[data-v-fa87058c]{align-items:center;background-color:#6b6b6b!important;border:none;border-radius:0;color:#fff;display:flex;height:32px;justify-content:center;transition:all .3s;width:100%}.scroll-btn[data-v-fa87058c]:not(:disabled){background-color:var(--nd-color)!important}.scroll-btn[data-v-fa87058c]:disabled{cursor:not-allowed;opacity:.5}.thumbnails-wrapper[data-v-fa87058c]{background-color:#f5f7fa;height:100%;overflow:hidden;position:relative}.thumbnails-list[data-v-fa87058c]{display:flex;flex-direction:column;gap:4px;left:0;position:absolute;top:0;transition:transform .3s ease;width:100%}.thumbnail-item[data-v-fa87058c]{border:2px solid transparent;cursor:pointer;height:100px;-o-object-fit:cover;object-fit:cover;overflow:hidden;transition:all .3s;width:100%}.thumbnail-item[data-v-fa87058c]:hover{transform:scale(1.02)}.active-thumbnail[data-v-fa87058c]:hover{transform:scale(1)}.active-thumbnail[data-v-fa87058c]{border-color:var(--nd-color)!important;box-shadow:0 0 0 2px rgba(var(--nd-color),.2)}.thumbnail-placeholder[data-v-fa87058c]{align-items:center;background-color:#e4e7ed;color:#909399;display:flex;height:100%;justify-content:center;width:100%}.mobile-thumbnail-container[data-v-fa87058c]{align-items:center;background-color:#f5f7fa;display:none;margin-top:16px;padding:8px}.mobile-scroll-btn[data-v-fa87058c]{align-items:center;background-color:#6b6b6b!important;border:none;border-radius:0;color:#fff;display:flex;height:80px;justify-content:center;transition:all .3s;width:40px}.mobile-scroll-btn[data-v-fa87058c]:not(:disabled){background-color:var(--nd-color)!important}.mobile-scroll-btn[data-v-fa87058c]:disabled{cursor:not-allowed;opacity:.5}.left-btn[data-v-fa87058c]{margin-right:8px}.right-btn[data-v-fa87058c]{margin-left:8px}.mobile-thumbnails-wrapper[data-v-fa87058c]{flex:1;height:80px;overflow:hidden;position:relative}.mobile-thumbnails-list[data-v-fa87058c]{display:flex;gap:2px;height:100%;left:0;position:absolute;top:0;transition:transform .3s ease}.mobile-thumbnail-item[data-v-fa87058c]{border:2px solid transparent;cursor:pointer;height:80px;min-width:80px;-o-object-fit:cover;object-fit:cover;overflow:hidden;transition:all .3s;width:80px}.mobile-thumbnail-item[data-v-fa87058c]:hover{transform:scale(1.02)}.active-mobile-thumbnail[data-v-fa87058c]:hover{transform:scale(1)}.active-mobile-thumbnail[data-v-fa87058c]{border-color:var(--nd-color)!important;box-shadow:0 0 0 2px rgba(var(--nd-color),.2)}.mobile-thumbnail-placeholder[data-v-fa87058c]{align-items:center;background-color:#e4e7ed;color:#909399;display:flex;height:100%;justify-content:center;width:100%}.image-gallery-container.mobile-mode[data-v-fa87058c]{flex-direction:row;height:300px}.mobile-mode .main-image-container[data-v-fa87058c]{flex:2}.mobile-mode .thumbnail-container[data-v-fa87058c]{display:none}.mobile-mode.mobile-thumbnail-container[data-v-fa87058c]{display:flex;flex:1;padding:0}@media(max-width:767px){.image-gallery-container[data-v-fa87058c]{flex-direction:row;height:300px}.main-image-container[data-v-fa87058c]{flex:2}.thumbnail-container[data-v-fa87058c]{display:none}.mobile-thumbnail-container[data-v-fa87058c]{display:flex;flex:1;padding:0}[data-v-fa87058c] .el-image-viewer__wrapper{height:100%;width:100%}}