@charset "UTF-8";
html,
body {
  position: relative;
  height: 100%;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  background-color: #eee;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.swiper-bottom-wrap {
  max-width: 1280px;
  height: 40px;
  position: relative;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
}

.swiper-scrollbar {
  width: 375px !important;
  height: 2px !important;
  background: rgba(255, 255, 255, 0.4);
  bottom: 20px !important;
  left: 0 !important;
}

.swiper-container-horizontal > .swiper-scrollbar {
  /* transform: translateX(-50%); */
}

.swiper-scrollbar-drag {
  background-color: white;
}

.swiper-bottom-wrap .button-wrap {
  width: 80px;
  height: 40px;
  position: absolute;
  bottom: 30px;
  right: 43px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  position: absolute;
  color: rgba(255, 255, 255, 0.7);
  font-size: 19px;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 40px;
}

.swiper-button-next:after {
  right: -13.5px;
}