jje_spread_uniapp/pages/purchaseCoupon/index.rpx.css

.page {
	/*background-image: url('/static/my/bg1.png');*/
	/*background-repeat: no-repeat;*/
	/*background-size: 100% 30%;*/
	background-color: #F9F9F9;
	padding: 0 32rpx;
	min-height: 100vh;
}
.coupon{
	width: 686rpx;
	height: 188rpx;
	background-image: url('/static/my/couponBg.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 24rpx;
}
.couponLeft{
	width: 195rpx;
	height: 188rpx;
	text-align: center;
}
.couponRight{
	width: 490rpx;
	height: 188rpx;
}
.couponRight1{
	width: 450rpx;
	height: 188rpx;
	margin-left: 20rpx;
}
.discounts{
	height: 52rpx;
	font-weight: bold;
	font-size: 36rpx;
	color: #333333;
	line-height: 52rpx;
	text-align: center;
	margin-top: 46rpx;
}
.condition{
	height: 36rpx;
	font-weight: 400;
	font-size: 20rpx;
	color: #333333;
	line-height: 36rpx;
	text-align: center;
	margin-top: 8rpx;
}
.couponMsg{
    width: 294rpx;
}
.purchaseBtn{
	width: 156rpx;
	height: 64rpx;
	background: #FFE05C;
	border-radius: 32rpx;

	font-weight: 400;
	font-size: 24rpx;
	color: #333333;
	line-height: 64rpx;
	text-align: center;
}
.couponName{
	height: 44rpx;
	font-weight: bold;
	font-size: 28rpx;
	color: #333333;
	line-height: 44rpx;
	text-align: left;
	margin-top: 16rpx;
}
.couponValue{
	height: 36rpx;
	font-weight: 400;
	font-size: 20rpx;
	color: #999999;
	line-height: 36rpx;
	text-align: left;
}
.price{
	margin-top: 16rpx;
}
.couponPrice{
	height: 44rpx;
	font-weight: bold;
	font-size: 28rpx;
	color: #ED569F;
	line-height: 44rpx;
	text-align: right;
	font-style: normal;
}
.purchasePopup{
	height: 672rpx;
	background: #F9F9F9;
	border-radius: 24rpx 24rpx 0rpx 0rpx;
	padding: 26rpx 32rpx 0rpx 32rpx;
}
.popupTitle{
	height: 48rpx;
	font-weight: bold;
	font-size: 32rpx;
	color: #111111;
	line-height: 48rpx;
}
.conView{
	width: 686rpx;
	height: 108rpx;
	background: #FFF6CE;
	border-radius: 54rpx;
	overflow: hidden;
}
.conPriceValue{
	font-weight: 400;
	font-size: 24rpx;
	color: #333333;
	line-height: 108rpx;
	margin-left: 32rpx;
}
.conPrice{
	font-weight: bold;
	font-size: 36rpx;
	color: #111111;
	line-height: 52rpx;
	margin-left: 8rpx;
}
.conBtn{
	width: 220rpx;
	height: 108rpx;
	background: #FFE05C;
	border-radius: 0rpx 60rpx 60rpx 0rpx;
	text-align: center;

	font-weight: bold;
	font-size: 32rpx;
	color: #111111;
	line-height: 108rpx;
}
.title{
	height: 44rpx;
	font-weight: 500;
	font-size: 28rpx;
	color: #333333;
	line-height: 44rpx;
}
.couponPrice1{
	height: 48rpx;
	font-weight: 500;
	font-size: 32rpx;
	color: #ED569F;
	line-height: 48rpx;
}
.titleView{
	padding: 32rpx 0;
}
.bordBottom{
	border-bottom: 2rpx solid #EEEEEE;
}