/* banner */ .homeBanner { width: 100vw; height: 306rpx; background-color: #FFFFFF; } .swiperBanner { width: 702rpx; height: 286rpx; padding-top: 20rpx; margin: 0 auto; border-radius: 10rpx; overflow: hidden; } .swiperBanner swiper-item, .swiperBanner image { width: 100%; height: 100%; } /* 宫格 */ .grid_box { width: 100vw; padding: 0 30rpx; box-sizing: border-box; background-color: #FFFFFF; } /* 展示区域title image */ .display-title_image { width: 32rpx; height: 32rpx; margin: 0 6rpx; } .display-box-showList-button-box { position: relative; width: 96rpx; height: 30rpx; border-radius: 8rpx; margin-left: 12rpx; } /* 展示区盒子内部按钮 */ .display-box-showList-button { width: 96rpx !important; height: 30rpx !important; border-radius: 8rpx !important; } .display-box-showList-button-text { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 18rpx; font-weight: 500; color: #FFFFFF; top: 0; left: 0; pointer-events: none; } /* 合作商家banner */ .businessPartnerBanner { width: 100%; height: 320rpx; } .businessPartnerBanner>swiper-item { width: 100%; height: 300rpx; }