.index-slide-view{ position: relative; width: 710rpx; height: 260rpx; overflow: hidden; margin:-126rpx auto 0; border-radius:16rpx; z-index: 10000; box-shadow: 0 6px 20px 0 rgba(0,0,0,0.30); } .index-slide, swiper-item .index-slide-image { display: block; width: 710rpx; height: 260rpx; margin: 0 auto; border-radius:16rpx; overflow: hidden; position: relative; z-index: 100; } .index-slide-view .dots{ position: absolute; left: 0; right: 0; bottom: 20rpx; display: flex; justify-content: center; z-index: 10000; } .index-slide-view .dots .dot{ margin: 0 8rpx; width: 12rpx; height: 12rpx; background: #fff; 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%; }