.group-purchase-container { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; max-width: 750rpx; margin: 0 auto; background-color: #ffffff; } /* 顶部横幅 */ .banner-content { z-index: 1; } .banner-title { font-size: 36rpx; font-weight: bold; margin-bottom: 10rpx; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } .banner-subtitle { font-size: 18rpx; background-color: rgba(255, 255, 255, 0.2); padding: 5rpx 10rpx; border-radius: 4rpx; display: inline-block; } /* 商品列表 */ .goods-list { background-color: #ffffff; padding: 30rpx 20rpx; height: 80vh; overflow-y: auto; } .goods-item { border-radius: 10rpx; padding: 15rpx; margin-bottom: 25rpx; display: flex; } .goods-item2 { border-radius: 10rpx; padding: 15rpx; margin-bottom: 25rpx; display: flex; } .goods-image { width: 140rpx; height: 140rpx; border-radius: 15rpx; overflow: hidden; margin-right: 15rpx; } .goods-image image { width: 100%; height: 100%; object-fit: cover; } .goods-info { flex: 1; display: flex; flex-direction: column; justify-content: space-between; position: relative; } .goods-name { font-size: 28rpx; font-weight: bold; margin-bottom: 8rpx; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .goods-desc { font-size: 22rpx; color: #666; margin-bottom: 10rpx; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .goods-price { font-size: 28rpx; color: #e63946; margin-bottom: 10rpx; } .price-container { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10rpx; } .group-price { font-size: 28rpx; color: #e63946; margin-right: 10rpx; border-radius: 4rpx; display: flex; } .group-price1{ width: 100rpx; padding: 10rpx 15rpx; color: #ffffff; background-color: #fc5d15; border-radius: 15rpx 0 0 15rpx; } .group-price2{ width: auto; padding: 10rpx 15rpx; background: linear-gradient(to bottom, #fef6d6, #fee8a9); border-radius: 0 15rpx 15rpx 0; } .original-price { font-size: 26rpx; color: #999; } .countdown { width: auto; font-size: 22rpx; padding: 10rpx 20rpx; color: #ffffff; margin-bottom: 15rpx; border-radius: 50rpx; background-color: #fe2f01; position: absolute; /* top: 120rpx; */ bottom: -30rpx; right: 0; } .quantity-control { display: flex; align-items: center; justify-content: flex-end; } .decrease-btn { width: 40rpx; height: 40rpx; background-color: #f5f5f5; border: 1rpx solid #ccc; border-radius: 50%; line-height: 33rpx; text-align: center; font-size: 28rpx; color: #333; } .increase-btn { width: 40rpx; height: 40rpx; background-color: #ff502a; border-radius: 50%; line-height: 33rpx; text-align: center; font-size: 28rpx; color: #ffffff; } .quantity { margin: 0 15rpx; font-size: 24rpx; width: 40rpx; text-align: center; } /* 购物车按钮 */ .shop_car { width: 140rpx; height: 140rpx; position: fixed; right: 33rpx; bottom: 80rpx; z-index: 10; } .shop_car image { width: 100%; height: 100%; } .u-badge { position: absolute; right: 0; top: -10rpx; } /* 规格标签样式 */ .specification-tag { width: 130rpx; display: flex; align-items: center; justify-content: center; background-color: #feeceb; padding: 10rpx 20rpx; border-radius: 40rpx; margin: 15rpx 0; font-size: 26rpx; color: #dd4020; } .specification-tag text { margin-right: 5rpx; } /* 货品列表样式 */ .sku-list { margin-top: 10rpx; padding: 15rpx; background-color: #f9f9f9; border-radius: 10rpx; } .sku-item{ position: relative; margin-bottom: 30rpx; } .sku-info{ display: flex; align-items: center; justify-content: center; } .sku-image{ width: 100rpx; height: 100rpx; border-radius: 15rpx; overflow: hidden; margin-right: 15rpx; } .sku-price { font-size: 26rpx; color: #e63946; margin-right: 10rpx; border-radius: 4rpx; display: flex; margin-top: 15rpx; } .sku-price1{ width: auto; padding: 10rpx 15rpx; color: #ffffff; background-color: #fc5d15; border-radius: 15rpx 0 0 15rpx; } .sku-price2{ width: auto; padding: 10rpx 15rpx; background: linear-gradient(to bottom, #fef6d6, #fee8a9); border-radius: 0 15rpx 15rpx 0; } .sku-control { display: flex; align-items: center; justify-content: flex-end; margin-top: 15rpx; } .sku-countdown { width: auto; font-size: 22rpx; padding: 5rpx 20rpx; color: #ffffff; margin-bottom: 15rpx; border-radius: 50rpx; background-color: #fe2f01; position: absolute; top: 170rpx; right: 0; }