/* banner轮播 */ .diy-banner.data-v-207e7e3c { position: relative; padding: 30rpx; background-color: #FFFFFF; } .diy-banner .slide-image.data-v-207e7e3c { width: 100%; height: 100%; margin: 0 auto; display: block; } /* 底部指示器 */ .swiper-indicator.data-v-207e7e3c { height: 28rpx; padding: 0 20rpx; position: absolute; left: 0; right: 0; bottom: 20rpx; text-align: right; } .indicator-item.data-v-207e7e3c { display: inline-block; height: 12rpx; width: 12rpx; border-radius: 20rpx; background: rgba(204, 204, 204, .6); margin: 0 8rpx; font-size: 24rpx; } .swiper-indicator.arc .indicator-item.data-v-207e7e3c { width: 24rpx; border-radius: 12rpx; } .swiper-indicator.square .indicator-item.data-v-207e7e3c { display: inline-block; height: 6rpx; width: 32rpx; border-radius: 0; } .swiper-indicator.arc2 .indicator-item.data-v-207e7e3c { width: auto; height: 28rpx; line-height: 28rpx; color: #fff; padding: 0 10rpx; vertical-align:top; } .indicator-item.active.data-v-207e7e3c { background: #fff; }