.header { position: relative; } .header .headerBg { position: absolute; z-index: -2; width: 100%; height: 100%; background-color: #F2F6FC; } .header .swiper { margin: 0 auto; width: 700rpx; height: 250rpx; border-radius: 30rpx; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; } .header .swiper .swiper-item { width: 100%; height: 100%; border-radius: 20rpx; overflow: hidden; object-fit: cover; }