parking_h5/pages/chargeStandard/chargeStandard.scss

.charge {
	background-color: #F6F6FF;
	.charge-rules-container {
		background-color: #fff;
		border-radius: 25rpx;
		padding: 32rpx 40rpx;
		margin-bottom: 20rpx;
	}
	.charge-type {
		text {
			font-size: 32rpx;
			font-weight: 400;
			color: #2E2E2E;
			line-height: 40rpx;
			font-family: PingFangSC-Regular, PingFang SC;
		}
	}
	.charge-rules {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 25rpx 0;
		border-bottom: solid 2rpx #979797;
		view:first-child {
			color: #2A2A2A;
			font-weight: 400;
		}
		view.charge-rules-right {
			width: 70%;
			view {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				font-size: 24rpx;
				font-weight: 400;
				color: #6E6E6E;
				line-height: 40rpx;
			}
		}
	}
	.charge-instructions {
		background-color: #fff;
		border-radius: 25rpx;
		padding: 40rpx;
		.charge-instructions-title {
			line-height: 40rpx;
			font-size: 32rpx;
			color: #2e2e2e;
			margin-bottom: 30rpx;
		}
		.charge-instructions-item {
			text-indent: -1.5em;
			margin-left: 1.5em;
			line-height: 40rpx;
			font-size: 24rpx;
			color: #757575;
		}
	}
	.charge-telphone {
		margin-top: 30rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #757575;
		line-height: 40rpx;
	}
	.charge-list {
		width: calc(100% - 78rpx);
		margin: 0 auto;
		padding: 33rpx 0;
		display: flex;
		justify-content: space-between;
		.charge-list-item {
			width: 32%;
			margin-right: 2%;
			background-color: #fff;
			border-radius: 10rpx;
			padding: 29rpx;
			text-align: center;
			&:last-child {
				margin-right: 0;
			}
			view {
				&:first-child {
					color: #008CFF;
					font-size: 30rpx;
					font-weight: 500;
					line-height: 42rpx;
				}
				&:last-child {
					color: #999999;
					font-size: 24rpx;
					font-weight: 400;
					margin-top: 7rpx;
					line-height: 33rpx;
				}
			}
		}
	}
}