/* .index-slide-view { position: relative; width: 750rpx; height: 258rpx; overflow: hidden; margin: 0 auto; } .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%; } */ .imageContainer{ width: 100%; height: 304rpx; } .itemImg{ position: absolute; width: 640rpx; height: 227rpx; border-radius: 15rpx; overflow: hidden; z-index: 5; opacity: 0.7; top: 20%; margin: 0 20rpx; } .active{ opacity: 1; z-index: 10; width: 640rpx; height: 270rpx; top: 11%; transition:all .2s ease-in 0s; } .item{ width: 100%; height: 304rpx; overflow: hidden; border-radius: 16rpx; } .index-slide-view{ margin-top: -30rpx; }