parking_pda/pages/getout/getoutpage/getoutpage.scss

.car-info{
	margin-top: 20rpx;
	padding: 40rpx;
	.car-info-img{
		width: 220rpx;
		height: 287rpx;;
		padding: 14rpx;
		margin-right: 35rpx;
		box-sizing: border-box;
		background: #FFFFFF;
		box-shadow: 0px 0px 8rpx 3rpx rgba(166, 166, 166, 0.29);
		border-radius: 10rpx;
	}
	.car-info-text{
		.text-item{
			padding-bottom: 10rpx;
			margin-bottom: 10rpx;
			border-bottom: 1px solid #EAEAEA;
			font-size: 30rpx;
			font-weight: 400;
			color: #8A8A8A;
			line-height: 42rpx;
			letter-spacing: 1px;
			.car{
				font-size: 40rpx;
				font-weight: 500;
				color: #3D3D3D;
				line-height: 56rpx;
			}
			.balance{
				font-size: 32rpx;
				font-weight: 500;
				color: #FA6400;
				line-height: 45rpx;
			}
			.recharge{
				padding: 0 22rpx;
				height: 36rpx;
				line-height: 36rpx;
				background: #3397FA;
				color: #fff;
				border-radius: 5rpx;
				font-size: 18rpx;
			}
		}
	}
}
.parking-info{
	border-top: 20rpx solid #F4F4F4;
	// background: #EDF6FF;
	border-radius: 10rpx;
	padding: 40rpx;
	.parking-info-item{
		padding: 22rpx 0 18rpx;
		border-bottom: 1px solid #EAEAEA;
		margin-bottom: 9rpx;
		font-size: 36rpx;
		font-weight: 400;
		color: #818181;
		line-height: 50rpx;
		letter-spacing: 1px;
	}
}
.bottom-btn-box{
	bottom: 60rpx;
}
.popup{
	/deep/ .uni-scroll-view-content{
		padding: 39rpx 34rpx 77rpx;
		box-sizing: border-box;
	}
	.popup-title{
		font-size: 46rpx;
		color: #404040;
		line-height: 65rpx;
		text-align: center;
		border-bottom: 1px solid #D5D5D5;
		padding-bottom: 23rpx;
		margin-bottom: 33rpx;
	}
}
.orderDetails{
	dl{
		display: flex;
		font-size: 36rpx;
		line-height: 60rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
		color: #5F5F5F;
	}
	.tip{
		margin: 49rpx 30rpx 47rpx;
		font-size: 36rpx;
		font-weight: 400;
		color: #5F5F5F;
		line-height: 51rpx;
	}
	.details-footer-btn{
		flex: 1;
		height: 85rpx;
		line-height: 85rpx;
		text-align: center;
		font-size: 30rpx;
		font-weight: 500;
		color: #fff;
		border-radius: 10rpx;
		background-color: #EBF1FF;
		color: #3698FA;
		border-radius: 10rpx;
		&--blue{
			background-color: #3397FA;
			color: #fff;
		}
		&--yellow{
			background-color: #FF9A57;
			color: #fff;
		}
	}
	.details-footer-btn + .details-footer-btn{
		margin-left: 15rpx;
	}
}

.payway-popup{
	.payway-item{
		text-align: center;
		font-size: 30rpx;
		font-weight: 400;
		color: #5F5F5F;
		line-height: 51rpx;
		// .icon-wrap{
		// 	width: 143rpx;
		// 	height: 143rpx;
		// 	line-height: 143rpx;
		// 	border-radius: 50%;
		// 	border: 18rpx solid;
		// 	margin-bottom: 9rpx;
		// }
	}
	.payway-popup-btn{
		margin-top: 42rpx;
		height: 85rpx;
		line-height: 85rpx;
		background: #3397FA;
		box-shadow: 0px 9rpx 9rpx 0px rgba(0, 0, 0, 0.03);
		text-align: center;
		border-radius: 10rpx;
		font-size: 30rpx;
		font-weight: 500;
		color: #FFFFFF;
	}
}

.qrcode-popup{
	text-align: center;
	.qrcode-popup-btn{
		margin-top: 42rpx;
		height: 85rpx;
		line-height: 85rpx;
		background: #3397FA;
		box-shadow: 0px 9rpx 9rpx 0px rgba(0, 0, 0, 0.03);
		text-align: center;
		border-radius: 10rpx;
		font-size: 30rpx;
		font-weight: 500;
		color: #FFFFFF;
	}
}