.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 0.2s ease-in 0s; } .item { width: 100%; height: 304rpx; overflow: hidden; border-radius: 16rpx; } .index-slide-view { margin-top: -30rpx; } .index-slide-view1 { /* margin-top: -40rpx; */ } .imageContainer1 { width: 100%; height: 420rpx; } .itemImg1 { /* position: absolute; */ width: 100%; height: 420rpx; /* border-radius: 15rpx; */ overflow: hidden; z-index: 5; opacity: 0.7; /* top: 12%; */ /* margin: 0 20rpx; */ } .active1_a { opacity: 1; z-index: 10; width: 100%; height: 420rpx; /* top: 11%; */ transition: all 0.2s ease-in 0s; } .active1 { opacity: 1; z-index: 10; width: 100%; height: 420rpx; /* top: 17%; */ transition: all 0.2s ease-in 0s; } .item1 { width: 100%; /* height: 360rpx; */ height: 420rpx; overflow: hidden; /* border-radius: 16rpx; */ }