
.page-my-integral {
  background: #f2f3f7;
	padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
	.integral-box {
		padding: 40rpx 30rpx;
		position: relative;
		text-align: center;
		color: #fff;
		.bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 330rpx;
			font-size: 0;
		}
		.number {
			position: relative;
			font-size: 70rpx;
			margin-top: 20rpx;
		}
		.des {
			opacity: .5;
			margin-top: 10rpx;
		}
	}
	.actions {
		position: relative;
		margin: 0 30rpx;
		background: #fff;
		border-radius: 10rpx;
		padding: 36rpx 36rpx 36rpx 30rpx;
		.item {
			display: flex;
			margin-bottom: 30rpx;
			padding-bottom: 30rpx;
			border-bottom: 2rpx solid #f9f9f9;
			&:last-child {
				margin-bottom: 0;
				padding-bottom: 0;
				border: 0;
			}
			.img {
				width: 36rpx;
				height: 36rpx;
				font-size: 0;
			}
			.text-arrow {
				flex: 1;
				margin-left: 20rpx;
				.text {
					font-size: 28rpx;
					font-weight: 600;
					line-height: 1;
				}
				.des {
					margin-top: 16rpx;
					color: #999;
				}
				&::after {
					width: 14rpx;
					height: 14rpx;
					border-top: 2rpx solid #ccc;
					border-right: 2rpx solid #ccc;
				}
			}
		}
	}
	.detail {
		padding: 30rpx 30rpx 0;
		.tit {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			padding: 0 20rpx;
			.text {
				font-size: 28rpx;
				font-weight: 600;
			}
			.text-arrow {
				color: #999;
				&::after {
					border-top: 2rpx solid #999;
					border-right: 2rpx solid #999;
				}
			}
		}
		.con-box {
			margin-top: 30rpx;
			border-radius: 10rpx;
			background: #fff;
			padding: 30rpx;
			.item {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 20rpx;
				padding-bottom: 20rpx;
				border-bottom: 2rpx solid #f9f9f9;
				&:last-child {
					margin-bottom: 0;
					padding-bottom: 0;
					border: 0;
				}
				.text-box {
					flex: 1;
					.text {
						font-weight: 600;
					}
					.time {
						color: #999;
						margin-top: 10rpx;
					}
				}
				.number {
					font-size: 28rpx;
					color: #fc1b35;
					font-weight: 600;
				}
				.number.black {
					color: #333;
				}
			}
		}
	}
	.prods {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 12rpx 30rpx 0;
	}
}
