.wx-swiper-dots.wx-swiper-dots-horizontal{

margin-bottom: 5rpx;

float: left;

text-align: center;

}

.wx-swiper-dot::before{

content: ‘‘;

flex-grow: 1;

background: white;

border-radius: 15rpx;

border: 0rpx;

opacity: 0.5;

}

.wx-swiper-dot.wx-swiper-dot{

width: 12rpx;

height: 12rpx;

border-radius: 12rpx;

background: white;

opacity: 0.5;

}

.wx-swiper-dot.wx-swiper-dot-active{

width: 30rpx;

height: 12rpx;

border-radius: 12rpx;

background:white;

opacity: 1;

}