ydd_front/mer_uniapp/pages/activity/static/css/activity.scss

	
	/**
	 * 拼团、积分商品列表页样式
	 */
	.w-210{
		width: 420rpx !important;
	}
	.activity-box{
		padding-bottom: calc(0rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
		padding-bottom: calc(0rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
	}
	.activity_header {
		background-size: cover;
		position: relative;
		top: 0;
		left: 0;
		// z-index: 9;
		width: 100%;
		/* #ifdef H5 */
		height: 460rpx;
		/* #endif */
		/* #ifndef H5*/
		height: 540rpx;
		/* #endif */
	}
	.list-box{
		padding-bottom: calc(0rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
		padding-bottom: calc(0rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
		position: relative;
		background-color: #f5f5f5;
		border-radius: 40rpx;
		padding: 20rpx 24rpx;
		// z-index: 99;
		/* #ifdef H5 */
		top: -40rpx;
		/* #endif */
		/* #ifndef H5*/
		top: -90rpx;
		/* #endif */
		height: 200rpx;
		.list-item{
			background-color: #fff;
			border-radius: 12px 12px 12px 12px;
			margin-bottom: 20rpx;
		}
	}
	.group-bottom {
	    width: 100%;
	    padding: 20rpx;
		
	    .img {
	        width: 240rpx;
	        height: 240rpx;
			image{
				width: 100%;
				height: 100%;
				border-radius: 20rpx;
			}
	    }
		
	    .big-img.img {
	        width: 100%;
	        height: 324rpx;
	    }
		
	    .three-img.img {
	        width: 100%;
	        height: 210rpx;
	    }
		
	    .four-img {
	        width: 240rpx;
	        height: 240rpx;
	    }
		
	    .group-bottom-right {
	        width: 400rpx;
		
	        .right-top {
	            .title {
	                font-size: 28rpx;
	                color: #333333;
	            }
		
	            .pink {
	                margin-top: 16rpx;
	                font-size: 22rpx;
		
	                .people {
						background-color: #E93323;
	                    color: #fff;
	                    padding: 4rpx 12rpx;
	                    border-radius: 8rpx 0 0 8rpx;
	                }
		
	                .groupNum {
	                    color: #E93323;
	                    background: rgba(211, 56, 42, 0.1);
	                    padding: 4rpx 12rpx;
	                    border-radius: 0 8rpx 8rpx 0;
	                }
	            }
	        }
		
	        .right-bottom {
		
	            .price {
		
	                .pinkNum {
		
	                    .pinkNum-num {
	                        font-weight: 600;
	                        font-size: 36rpx;
	                    }
	                }
		
	                .num {
	                    color: #999999;
						font-weight: 400;
						text-decoration-line: line-through;
	                }
	            }
		
	            .btnBox {
	                margin-top: 28rpx;
	                font-size: 22rpx;
		
	                .btn {
	                    padding: 12rpx 20rpx;
	                    border-radius: 50rpx;
						background: linear-gradient( 90deg, #FF7931 0%, #E93323 100%);
						border-radius: 25px 25px 25px 25px;
						color: #fff;
						font-size: 24rpx;
	                }
	            }
				.pinkNum-title{
					color: #E93323;
					font-size: 22rpx;
				}
	        }
	    }
	}