#app{height:100%}html,body{position:relative;height:100%}body{background:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#fff;margin:0;padding:0}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;background:#444;display:flex;justify-content:center;align-items:center}body{background:#000;color:#000}.swiper{width:100%;margin-left:auto;margin-right:auto}.swiper-slide{background-size:cover;background-position:center}.mySwiper2{height:80%;width:100%}.mySwiper{height:20%;box-sizing:border-box;padding:10px 0}.mySwiper .swiper-slide{width:25%;height:100%;opacity:.4}.mySwiper .swiper-slide-thumb-active{opacity:1}.swiper-slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-swiper{height:280px}.thumb-swiper{height:50px}.main-swiper .swiper-button-next,.main-swiper .swiper-button-prev{color:#2f0cf4}