page { padding-bottom: 170rpx; } .swiper { height: 750rpx; } .swiper swiper-item image{ width: 100%; height: 100%; } /* 商品名称 */ .title { width: 710rpx; height: 148rpx; background-color: #FFFFFF; margin-left: 20rpx; font-size: 36rpx; color: #333333; font-weight: 500; padding: 24rpx; box-sizing: border-box; border-radius: 24rpx; margin-top: 20rpx; } /* 店铺 */ .store { width: 710rpx; height: 80rpx; background-color: #fff; border-radius: 24rpx; margin-left: 20rpx; margin-top: 20rpx; padding: 20rpx 24rpx; box-sizing: border-box; font-size: 28rpx; color: #333333; } .store text { font-size: 28rpx; color: #999999; margin-right: 10rpx; } /* 拼团列表 */ .groupList { width: 710rpx; height: 320rpx; background-color: #fff; margin-left: 20rpx; margin-top: 20rpx; padding: 20rpx 24rpx; box-sizing: border-box; border-radius: 24rpx; } .groupList .group-title { display: flex; justify-content: space-between; margin-bottom: 20rpx; } .newGroup { color: #333333; font-size: 28rpx; font-weight: 600; } .Checkmore { font-size: 24rpx; color: #666666; } .groupList-item { display: flex; align-items: center; } .groupList-item .item-image image { width: 60rpx; height: 60rpx; border-radius: 50%; margin-right: 20rpx; } .groupList-item .item-content { flex: 1; color: #333333; font-size: 20rpx; } .groupList-item .item-content text { color: #FA7D22; font-size: 20rpx; } .groupList-item .item-goGroup { width: 92rpx; height: 40rpx; background-color: #FA7D22; font-size: 28rpx; border-radius: 8rpx; font-size: 20rpx; color: #fff; text-align: center; line-height: 40rpx; } /* 底部开团 */ .bottom { display: flex; position: fixed; bottom: 0; height: 140rpx; /* align-items: center; */ padding-top: 10rpx; box-sizing: border-box; width: 100%; background-color: #fff; } .bottom .oneselfBuy, .toGroupBuy { display: flex; flex-direction: column; justify-content: center; align-items: center; } .bottom .oneselfBuy { width: 334rpx; height: 84rpx; background-color: #FF9F58; border-radius: 42px 0px 0px 42px; margin-left: 40rpx; } .bottom .toGroupBuy { height: 84rpx; width: 334rpx; background-color: #FA7D22; border-radius: 0px 42px 42px 0px; } .bottom-price { color: #fff; font-size: 32rpx; } .bottom-type { color: #fff; font-size: 28rpx; } /* 参与拼团 */ .bottom .isShare{ width: 670rpx; height: 84rpx; background-color: #FA7D22; color: #fff; text-align: center; font-size: 32rpx; line-height: 84rpx; border-radius: 42rpx; margin-left: 40rpx; } /* 拼团中列表查看更多弹出框 */ .groupPop-radius .wux-popup__content{ border-radius: 40rpx } .groupPop{ height: 600rpx; width: 100%; position: relative; overflow-y: auto; padding-bottom: 80rpx; box-sizing: border-box; } .groupPop .tip{ font-size: 24rpx; } .groupPop-title{ width: 300rpx; text-align: center; color: #333; font-size: 32rpx; margin: 0 auto; font-weight: 600; margin-bottom: 20rpx; } .closeImage{ height: 100rpx; width: 70rpx; position: fixed; bottom: 0; left: 50%; transform: translate(-50%); background-color: #fff; width: 100%; display: flex; justify-content: center; align-items: center; border-radius: 8rpx; } .closeImage image{ height: 80rpx; width: 80rpx; }