.index-slide-view{ position: relative; width: 750rpx; height: 258rpx; overflow: hidden; margin:0 auto; /* 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: 690rpx; height: 258rpx; margin: 0 auto; border-radius:16rpx; /* 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%; }