.index-slide-view{ position: relative; width: 710rpx; height: 260rpx; overflow: hidden; /* margin:-132rpx auto 0; */ border-radius:16rpx; box-shadow: 0 6px 20px 0 rgba(0,0,0,0.15); } .index-slide, swiper-item .index-slide-image { display: block; width: 710rpx; height: 260rpx; margin: 0 auto; border-radius:16rpx; overflow: hidden; position: relative; } .index-slide-view .dots{ position: absolute; left: 0; right: 0; bottom: 20rpx; display: flex; justify-content: center; } .index-slide-view .dots .dot{ margin: 0 8rpx; width: 12rpx; height: 12rpx; background: #b6b6b7; border-radius: 50%; transition: all .6s; } .index-slide-view .dots .dot.active{ background: #02C0FF; width: 30rpx; height: 12rpx; border-radius:10rpx; opacity: 1; } .bannerbg{ width: 100%; } .bannerbg image{ display: block; width: 100%; }