.page {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../../static/bg.png) no-repeat;
	background-size: 100%;
}

/* 优惠券tab */
.coupon-tab {
	display: flex;
	align-items: center;
	width: 100%;
	margin-top: 40rpx;
	.tab {
		position: relative;
		z-index: 0;
		width: 30%;
		height: 120rpx;
		background-color: #fff;
		margin: 0 20rpx;
		border-radius: 20rpx;
		text-align: center;
		color: #5A7EFF;
		.tab-title {
			position: relative;
			z-index: 99;
			font-size: 32rpx;
			margin-top: 20rpx;
			font-weight: bold;
		}
		.tab-title-small {
			position: relative;
			z-index: 99;
		}
	}
	.action {
		.tab-title {
			color: #fff;
		}
		.tab-title-small {
			color: #fff;
		}
		.line {
			position: absolute;
			top: 0;
			z-index: 0;
			width: 100%;
			height: 230rpx;
			background: url(../../static/MyCoupon1.png) no-repeat;
			background-size: 100%;
		}
	}
}
.integral-payment{
    display:flex;
	width: 94%;
	margin: 40rpx 20rpx;
	flex-wrap: wrap;
	justify-content: space-between;
	.list{
		width: 45%;
		height: 200rpx;
		border: 2rpx solid #577EFF;
		border-radius: 20rpx;
		padding: 30rpx 0;
		flex-wrap: wrap;
		margin-bottom: 20rpx;
		.title{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			image {
				width: 80rpx;
				height: 80rpx;
			}
			text{
				color: #212121;
				font-size: 28rpx;
				font-weight: bold;
			}
		}
		.mess{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			margin-top: 20rpx;
			image {
				width: 20rpx;
				height: 20rpx;
				margin-left: 20rpx;
			}
			text{
				color: #577EFF;
				font-size: 32rpx;
			}
		}
	}
}
.my-phone {
	position: absolute;
	bottom: 0;
	/* #ifdef MP */
	bottom: env(safe-area-inset-bottom);
	/* #endif */
	left: 26%;
	text-align: center;
	color: #A2A2A2;
	margin-top: 40rpx;
	view {
		margin-bottom: 10rpx;
	}
}