prsx-crm/packageA/expenseBreakdown/index.scss

page {
	height: 100vh;
	overflow: hidden;
}

.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;
		}
	}
}

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

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

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

	.row {
		padding-right: 30rpx;
		box-sizing: border-box;
	}

	.two-lines {
		display: flex;

		>view {
			width: 50%;
		}

		.left {
			padding-right: 6rpx;
			box-sizing: border-box;
		}
	}

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

	margin-bottom: 20rpx;

	.bottom {
		display: flex;
		justify-content: space-between;
		align-items: center;
		line-height: 80rpx;
		border-top: 1rpx solid #DDDDDD;
		margin-top: 20rpx;
		font-size: 28rpx;
		color: #666666;

		.iconfont {
			padding: 0 30rpx;
			line-height: 60rpx;
		}
	}
}


.footer {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 750rpx;
	height: 130rpx;
	background: #FFFFFF;
	box-shadow: 0rpx -4rpx 16rpx 2rpx rgba(150, 157, 165, 0.16);
	border-radius: 0rpx 0rpx 0rpx 0rpx;

	.button-class {
		width: 500rpx;
		height: 90rpx;
		background: #3874F6;
		border-radius: 100rpx;

		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 28rpx;
		color: #FFFFFF;
	}
}