#app{height:100%}html,body{height:100%;position:relative}body{color:#fff;background:#000;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;justify-content:center;align-items:center;font-size:18px;display:flex}body{color:#000;background:#000}.swiper{width:100%;height:300px;margin-left:auto;margin-right:auto}.swiper-slide{background-position:50%;background-size:cover}.mySwiper2{width:100%;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}.swiper-slide img{object-fit:cover;width:100%;height:100%;display:block}.swiper-button-next,.swiper-button-prev{color:red;background:#fff;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 5px #0003}.dark .swiper-button-next,.dark .swiper-button-prev{color:red;background:#000;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 5px #0003}.swiper-button-next:after,.swiper-button-prev:after{font-size:18px;font-weight:700}