.main-slide {
   position: relative;
}
.main-button-hb {
   position: absolute;
   top: 50%;
   z-index: 10;
   width: 100%;
}
.main-button-hb,
.main-button-hb > * {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
}
.main-button-hb .button-prev,
.main-button-hb .button-next {
   position: absolute;
}

.swiper-btn-wrap {
   position: relative;
   padding: 0px 5px;
}
.swiper-btn-wrap:after {
   content:'';
   background-color: #000;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0.5;
}
.swiper-btn-wrap i {
   position: relative;
   z-index: 1;
   /* padding: 7px 15px 6px; */
}
.home-page-banner .swiper-btn-wrap:after {
   opacity: 0.5;
}
.main-button-hb > .swiper-button-disabled {
   opacity: 0.25;
   cursor: default;
   /* display: none; */
   /* background-color: #ff0000; */
}
.main-button-hb .button-prev {
   left: 0;
}
.main-button-hb .button-next {
   right: 0;
}
.main-slide .equipment-image-item.main-button-hb > * {
   font-size: 40px;
}
.main-slide .main-button-hb > * {
   color: var(--white-color);
   font-size: 40px;
}
@media screen and (min-width: 1024px) {
   .main-slide .main-button-hb > * {
      font-size: 60px;
   }
   .main-slide .main-button-hb.equipment-image-item > * {
      font-size: 50px;
   }
}
@media screen and (min-width: 1280px) {
   .main-slide .main-button-hb > * {
      font-size: 70px;
   }
}
/* @media screen and (min-width: 1280px) {
   .main-slide .main-button-hb > * {
      font-size: 70px;
   }
} */
/************* Album Swiper Slide *************/
.album-detail-swiper-main .img-scale {
   background-color: #000;
   /* padding-top: 65%; */
}
.album-swiper-slide .img-scale {
   background-color: #000;
   /* padding-top: 65%; */
}
/* @media screen and (min-width: 1280px) {
   .album-swiper-slide .img-scale {
      padding-top: 56.25%;
   }
} */
/* .album-detail-swiper-main .img-scale,
.album-detail-swiper-thumb .img-scale {
   padding-top: 56.25%;
} */
/* .album-swiper-slide .img-scale,
.album-detail-swiper-main .img-scale {
   border-left: 1px solid var(--white-color);
   border-right: 1px solid var(--white-color);
} */
.album-swiper-slide .swiper-slide-next .img-scale img,
.album-swiper-slide .swiper-slide-prev .img-scale img {
   opacity: 0.2;
}
.album-detail-swiper-main .swiper-slide-next .img-scale img,
.album-detail-swiper-main .swiper-slide-prev .img-scale img {
   opacity: 0.2;
}
.album-swiper-slide .swiper-slide-prev .image-caption,
.album-swiper-slide .swiper-slide-next .image-caption {
   display: none;
}
.album-detail-swiper-main .swiper-slide-prev .image-caption,
.album-detail-swiper-main .swiper-slide-next .image-caption {
   display: none;
}
.album-swiper-slide .swiper-slide {
   position: relative;
}
.album-detail-swiper-main {
   margin-bottom: 1px;
}
.swiper-slide-thumb-active .img-scale {
   background-color: #000;
}
.swiper-slide-thumb-active .img-scale img {
   opacity: 0.4;
}
/* .swiper-slide.swiper-slide-active {
   overflow: hidden;
} */
/* .album-swiper-slide .main-button > * {
   color: var(--main-color);
} */
/* @media screen and (min-width: 1024px) {
   .album-swiper-slide .main-button > * {
      color: #ccc;
   }
   .album-swiper-slide .main-button .button-prev {
      left: 10%;
   }
   .album-swiper-slide .main-button .button-next {
      right: 10%;
   }
} */
.swiper-pagination {
   bottom: 25px !important;
   /* left: 0 !important; */
}
.swiper-pagination-bullet {
   width: 25px !important;
   height: 5px !important;
   border-radius: 2px !important;
   opacity: 0.25 !important;
   background-color: #fff !important;
}
.swiper-pagination-bullet-active {
   background-color: var(--white-color) !important;
   opacity: 1 !important;
}
/************* Album Swiper Slide *************/