.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; overflow: hidden; position: relative; } .dots { position: absolute; left: 0; right: 0; bottom: 20rpx; display: flex; justify-content: center; } .dot { margin: 0 8rpx; width: 14rpx; height: 14rpx; background: #fff; border-radius: 8rpx; transition: all 0.6s; } .dot.active { width: 24rpx; background: #f80; } .bannerbg { width: 100%; } .bannerbg image { display: block; width: 100%; }