
/* 新增 */
.page-my-balance {
  background: #f2f3f7;
	padding-bottom: env(safe-area-inset-bottom);
	.balance-box {
		padding-top: 40rpx;
		position: relative;
		.bg {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			height: 323rpx;
			border-radius: 0 0 24rpx 24rpx;
			background: #FC1B35;
		}
		.balance-card {
			position: relative;
			z-index: 2;
			background: #ffffff;
			border-radius: 20rpx;
			padding: 40rpx 30rpx;
			margin: 0 30rpx;
		}
		.number-box {
			padding: 20rpx 0;
			position: relative;
			.text-box {
				flex: 1;
				margin-right: 20rpx;
				overflow-x: auto;
				scrollbar-color: transparent transparent;
				.text {
					text-align: center;
					font-size: 24rpx;
					color: #333333;
					margin-bottom: 8rpx;
				}
				.number {
					text-align: center;
					font-size: 70rpx;
					font-family: PingFangSC-Medium, tahoma;
					height: 98rpx;
					line-height: 82rpx;
					color: #333333;
					font-weight: bold;
				}
			}
		}
		.btns {
			display: flex;
			margin-top: 50rpx;
			.btn {
				color: #ffffff;
				font-size: 28rpx;
				font-weight: bold;
				flex: 1;
				text-align: center;
				border-radius: 60rpx;
				height: 72rpx;
				line-height: 72rpx;
				background-color: #FC1B35;
			}
			.btn.allinpayRecharge {
				margin-right: 30rpx;
				background: #F2F3F7;
				color: #333333;
			}
		}
		.cumulative {
			text-align: center;
			font-size: 28rpx;
			color: #666666;
		}
	}
	.balance-det {
		margin: 30rpx 30rpx 0;
		padding: 30rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		.tit {
			font-size: 28rpx;
			font-weight: 600;
			margin-bottom: 10rpx;
		}
		.det-box {
			.item {
				padding: 30rpx 0;
				border-bottom: 2rpx solid #f9f9f9;
				display: flex;
				justify-content: space-between;
				&:last-child {
					border-bottom: 0;
				}
				.text-box {
					.text {
						font-size: 26rpx;
					}
					.time {
						margin-left: 10rpx;
						color: #999;
					}
				}
				.number {
					font-size: 26rpx;
					color: #333333;
					font-weight: bold;
				}
				.number.red {
					color: #fc1b35;
				}
			}
		}
		.text-box-title {
			display: flex;
			align-items: center;
			color: #333333;
		}
		.orderIds {
			margin-top: 10rpx;
			font-size: 24rpx;
			color: #999;
		}
	}
}
