#app{height:100%}.product-swipper{width:60%}.swiper{width:93%;height:100%}.swiper-slide{text-align:center;background:#fff;justify-content:center;align-items:center;font-size:18px;display:flex}.swiper-slide img{object-fit:cover;width:100%;height:100%;display:block}.mySwiper2{width:93%;height:80%}.mySwiper{box-sizing:border-box;height:20%;padding:10px 0}.mySwiper .swiper-slide{opacity:.4;width:25%;height:100%}.mySwiper .swiper-slide-thumb-active{opacity:1}.main-swiper .swiper-slide img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:767px){.swiper,.product-swipper{width:100%}.main-swiper{height:90%;margin-bottom:20px}.product-swipper{height:100%}}.main-swiper{height:80%;margin-bottom:20px}.thumbs-swiper{height:100px}@media (min-width:320px) and (max-width:767px){.thumbs-swiper{height:100%}}.main-image{object-fit:contain;width:100%;height:100%}.thumb-wrapper{cursor:pointer;opacity:.5;height:100%;transition:opacity .3s}.thumb-wrapper:hover,.swiper-slide-thumb-active .thumb-wrapper{opacity:1}.thumb-image{object-fit:cover;width:100%;height:100%}