/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
  
} 
.wx-swiper-dots{
 
  margin-bottom: 10px;
  
  }
  
  .wx-swiper-dots.wx-swiper-dots-horizontal{
    margin-bottom: 10rpx;
  
  }
  
  .swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal{
    margin-bottom: 2rpx;
}
.swiper-box .wx-swiper-dot{
   width:40rpx;
   display: inline-flex;
   height: 10rpx; 
   margin-left: 20rpx;
   justify-content:space-between;
}
.swiper-box .wx-swiper-dot::before{
   content: '';
   flex-grow: 1;  
   background: rgba(255,255,255,0.8);
   border-radius: 8rpx
}
.swiper-box .wx-swiper-dot-active::before{
   background:rgba(244,0,0,0.8);    
}