parking_h5/pages/chargeStandard/chargeStandard.scss

.charge {
	background-color: #F6F6FF;
	.charge-rules-container {
		margin-bottom: 20rpx;
		.charge-list {
			width: 100%;
			margin: 0 auto;
			padding: 33rpx 38rpx;
			display: flex;
			justify-content: space-between;
			background-color: #F6F6FF;
			.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;
					}
				}
			}
		}
	}
	.charge-rules-list {
		padding: 32rpx 40rpx;
		border-radius: 25rpx;
		background-color: #fff;
	}
	.charge-type {
		text {
			font-size: 32rpx;
			font-weight: 400;
			color: #2E2E2E;
			line-height: 40rpx;
			font-family: PingFangSC-Regular, PingFang SC;
		}
	}
	.charge-rule-list-header {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		.charge-time {
			display: flex;
			flex-direction: row;
			font-size: 24rpx;
			line-height: 40rpx;
			color: #999999;
			view:first-child {
				margin-right: 40rpx;
			}
			text {
				color: #008CFF;
				margin-left: 10rpx;
			}
		}
	}
	.charge-rules-box {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 25rpx 0;
		border-bottom: solid 2rpx #EAEAEA;
		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;
	}
}