.swiper-container{ height:600rpx; position: relative; } .swiper-container .nav{ position: absolute; background: rgba(0, 0, 0, 0.7); border-radius: 60rpx; color: #fff; font-size: 24rpx; right: 20rpx; bottom: 54rpx; padding: 8rpx 16rpx; } .swiper-container .nav .icon{ width:28rpx;height:28rpx; vertical-align: middle; } .swiper-container .nav .right-arrow{ width:16rpx;height:16rpx; vertical-align: middle; } .swiper-container .nav .text{ vertical-align: middle; margin:0 2rpx 0 8rpx; } .swiper{height: 100%;} .swiper .image{ width:100%; height:100%; } .shop-info{} .shop-info .address{ display: flex; } .shop-info .name{ font-weight: 500; font-size: 44rpx; } .shop-info .time{ font: 25rpx; margin-top:20rpx; } .shop-info .spliter{ border-bottom: 1px solid rgba(153, 153, 153, 0.2); margin:16rpx 0 30rpx 0; } .shop-info .address .left{ flex:1; } .shop-info .address .l1{ font-size: 26rpx; white-space: nowrap; margin-top:6rpx; } .shop-info .address .l2{ font-size: 24rpx; color: #888888; margin-top:40rpx } .shop-info .address .right{ font-size:22rpx; color: #888888; text-align: center; margin-left: 44rpx; } .shop-info .address .icon-con{ padding:8rpx; background: rgba(153, 153, 153, 0.1); display: inline-block; border-radius: 50%; } .shop-info .address .icon{ width:30rpx;height:30rpx; } .shop-info .address .right .text{ margin-top:26rpx; } .page-container.shop-info{ margin:0; margin-top:-34rpx; position: relative; } .page-container.group-buy{ margin-left: 0; margin-right: 0; } .group-buy .head{ display: flex; justify-content: space-between; } .group-buy .h-icon{ width:144rpx;height:36rpx; } .group-buy .h-right{ font-size:24rpx; color: #555555; display: flex; align-items: center; } .group-buy .h-right .avatar{ width:32rpx;height:32rpx; margin-right:10rpx; } .group-buy .item{ display: flex; margin:40rpx 0; } .group-buy .item .image{ width:200rpx;height: 200rpx; } .group-buy .item .right{ flex:1; margin-left:24rpx; } .group-buy .item .right .title{ font-size: 30rpx; font-weight: 500; } .group-buy .item .right .tags{ display: flex; gap: 10rpx; margin-top:20rpx; } .group-buy .item .right .tag{ font-size:20rpx; padding:6rpx 10rpx; color: #888888; border: 0.5px solid rgba(153, 153, 153, 0.5); border-radius: 6rpx; } .group-buy .item .right .money{ color:#EB0000; font-size: 32rpx; } .group-buy .item .right .money::before{ content:"¥"; font-size: 24rpx; } .group-buy .item .right .money-disable{ color: #888888; text-decoration: line-through; margin-left: 10rpx; } .group-buy .item .right .money-disable::before{ content:"¥"; } .group-buy .item .promation{ border-radius: 6rpx; background-color: #FFECEC; color: #FF3A3A; font-size: 20rpx; display: inline-flex; padding:4px 6px; align-items: center; margin-top:20rpx; } .group-buy .item .promation .icon{ width:24rpx;height:24rpx; } .group-buy .item .right .bottom{ display: flex; margin-top:30rpx; align-items: flex-end; } .group-buy .item .b-left{ flex:1; } .group-buy .item .button{ border-radius: 12rpx; font-size: 26rpx; font-weight: normal; line-height: 1; padding:14rpx 36rpx; }