parking_h5/pages/payPage/payPage.scss

.order-info{
	margin-top: 50rpx;
	margin-bottom: 75rpx;
	.order-info-top{
		position: relative;
		border-top-left-radius: 20rpx;
		border-top-right-radius: 20rpx;
		color: #fff;
		padding: 35rpx 40rpx;
		background: linear-gradient(135deg, #00BFFF 0%, #008DFF 100%);
		.addr{
			margin-bottom: 16rpx;
			.addr-text{
				margin-left: 17rpx;
				font-size: 24rpx;
				font-weight: 400;
			}
		}
		.car{
			.car-no{
				font-size: 40rpx;
				font-weight: 500;
				color: #FFFFFF;
				letter-spacing: 1px;
				line-height: 56rpx;
				margin-right: 13rpx;
			}
			.car-type{
				font-size: 24rpx;
			}
		}
		.time{
			font-size: 22rpx;
			font-weight: 400;
			color: #CDECFF;
			line-height: 30rpx;
			margin-bottom: 3rpx;
		}
		.duration{
			margin-top: 17rpx;
			font-size: 30rpx;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 42rpx;
			letter-spacing: 1px;
		}
		.total-amount{
			position: absolute;
			right: 40rpx;
			bottom: 25rpx;
			font-size: 60rpx;
			font-weight: 500;
			color: #FFFFFF;
			letter-spacing: 2rpx;
		}
	}
	.order-info-bottom{
		padding-top: 44rpx;
		padding-bottom: 56rpx;
		background: #FFFFFF;
		border-bottom-left-radius: 20rpx;
		border-bottom-right-radius: 20rpx;
		box-shadow: 0px 6rpx 14rpx 0px rgba(200, 200, 200, 0.5);
		.u-cell{padding-left: 40rpx;padding-right: 40rpx;}
		/deep/ .u-iconfont{color: #D8D8D8;}
		.pay-amount{
			border-top: 1px solid #CACACA;
			padding-top: 33rpx;
			padding: 33rpx 40rpx 9rpx;
			color: #FF751D;
			.title{
				font-size: 30rpx;
				font-weight: 600;
				color: #FF751D;
				line-height: 42rpx;
				letter-spacing: 1px;
			}
			.amount{
				font-size: 36rpx;
				font-weight: 600;
				color: #FF8233;
				line-height: 33rpx;
				letter-spacing: 1px;
				.rmb{
					font-size: 24rpx;
					margin-right: 5rpx;
				}
			}
		}
		.tip{
			font-size: 22rpx;
			font-weight: 400;
			color: #999999;
			line-height: 30rpx;
			padding: 0 40rpx;
		}
	}
}