.head {
	width: 100vw;
	background: #FFFFFF;
	padding: 20rpx 30rpx;
	box-sizing: border-box;

	.title {
		line-height: 44rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 32rpx;
		color: #333333;
	}

	.amount {
		color: #666666;
		font-size: 24rpx;
		line-height: 34rpx;
		margin-top: 8rpx;

		text {
			color: #FF3B30;
			font-weight: bold;
		}
	}

	.date {
		color: #666666;
		font-size: 24rpx;
		line-height: 34rpx;
		margin-top: 8rpx;

		.value {
			color: #333;
		}
	}
}

.search {
	display: flex;
	height: 100rpx;
	align-items: center;
	overflow: hidden;

	.label {
		width: 114rpx;
		font-family: PingFang SC, PingFang SC;
		font-size: 28rpx;
		color: #666666;
		flex-shrink: 0;
		font-weight: bold;
		padding: 0 30rpx;
		margin: 0;
	}

	.box {
		flex: 1;

		.custom-class {
			--search-background-color: #fff !important;
		}
	}
}

.item {
	width: 100vw;
	background-color: #fff;
	padding: 30rpx;
	box-sizing: border-box;
	margin-bottom: 20rpx;

	.row,
	.col {
		line-height: 34rpx;
		font-family: PingFang SC, PingFang SC;
		font-size: 24rpx;
		color: #333333;
		margin-top: 8rpx;
	}

	.row:first-child {
		margin-top: 0;
	}

	.two-box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;

		.col {
			width: 50% !important;
			flex-shrink: 0;
		}
	}

	.price {
		color: #FF3B30;
		font-weight: bold;
	}
}