page {
	background: #FFFFFF;
}

.info {
	padding: 20rpx;
	width: 100%;
}

.info-one {
	position: relative;
	width: 100%;
	margin-bottom: 30rpx;
	z-index: 10;
}

.info-one .bga {
	width: 100%;
	height: 160rpx;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

.info-content {
	height: 160rpx;
	width: 100%;
	color: #fff;
	padding: 0 24rpx;
	line-height: 1;
	position: relative;
}

.info-btn {
	background-color: #fff;
	width: 160rpx;
	height: 56rpx;
	border-radius: 28rpx;
}

.info-footer {
	background-color: #fff;
	padding: 24rpx 24rpx 32rpx 24rpx;
	border-radius: 0 0 16rpx 16rpx;
	border: 1rpx solid #cfcfcf;
	border-top: none;
	color: #666;	font-size: 28rpx;
}
	.more-down {
		width: 33rpx;
		height: 33rpx;
	}
		
	.more-down-deg {
		transform: rotate(180deg);
		animation: showPopUp 0.2s;
		animation-fill-mode: forwards;
	}
		
	@keyframes showPopUp {
		0% {
			transform: rotate(0deg);
		}
		
		100% {
			transform: rotate(180deg);
		}
	}
	.CouponContentC {
		color: #999999;
	}
	.coupon-foot{
		padding: 20rpx;
		font-size: 28rpx;
		border-bottom: 1rpx solid #F1F1F1;
	}