/* component/buyImageSwiper/buyImageSwiper.wxss */
.image-swiper{
  height: 425.15rpx;
  top: 20rpx;
}
.image-wrap{
  position: relative;
  width: 100%;
  height: 500rpx;
}
.swiper-item{
  height: 374rpx;
}
.slide-image {
  width: 100%;
  height: 100%;
}

.dots{ 
  position: absolute; 
  left: 0; 
  right: 0; 
  top: 460rpx; 
  display: flex; 
  justify-content: center; 
} 
.dots .dot{ 
  margin: 0 8rpx; 
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.25);
  transition: all .6s; 
} 
.dots .dot.active{ 
  width: 22rpx; 
  height: 10rpx; 
  background: #C09A74; 
  border-radius: 20rpx; 
}