parking_h5/pages/payLists/payLists.scss

page {
	padding-bottom: 240rpx;
}
.swiper-wrap{
	display: flex;
	flex-direction: column;
	height: calc(100vh - var(--window-top));
	width: 100%;
	.swiper-box {
		flex: 1;
	}
}
.page-box{
	margin: 25rpx 40rpx;
	.pay{
		overflow: hidden;
		margin-bottom: 20rpx;
		background-color: #fff;
		border-radius: 15rpx;
		.pay-top{
			margin-bottom: 20rpx;
			padding: 25rpx 40rpx;
			border-bottom: 1px solid #DFDFDF;
			.car{
				font-size: 32rpx;
				font-weight: 600;
				color: #3A3A3A;
				line-height: 45rpx;
				letter-spacing: 1px
			}
			.addr{
				color: #858585;
				font-size: 26rpx;
				line-height: 37rpx;
			}
			.pay-top-right{
				padding: 0 15rpx;
				height: 50rpx;
				line-height: 48rpx;
				border-radius: 5rpx;
				border: 1px solid #FA6400;
				color: #FA6400;
			}
		}
		.pay-center{
			padding: 0 40rpx 25rpx;
			border-bottom: 1px solid #DFDFDF;
			.pay-center-item{
				margin-bottom: 9rpx;
				font-size: 26rpx;
				font-weight: 400;
				color: #595959;
				line-height: 37rpx;
				letter-spacing: 1px;
				.pay-amount {
					color: #FA6400;
				}
			}
		}
		.u-cell_title{
			color: "#008CFF" ;
		}
	}
}
.bottom{
	background-color: #FFFFFF;
	height: 240rpx;
	width: 100%;
	position: fixed;
	z-index: 1000;
	bottom: 0;
}
.bottom-total{
	font-size: 32rpx;
	border-radius: 6rpx;
	width: 710rpx;
	text-align: center;
	padding-top: 16rpx;
	background-color: #E4F3FF;
	height: 72rpx;
	margin: 60rpx 20rpx;
	.total{
		color: #3397FA;
	}
}
.button-wrap{
	height: 120rpx;
	.button{
		position: fixed;
		left: 20rpx;
		bottom: 10rpx;
		right: 20rpx;
		z-index: 999;
	}
}
.pay-tips {
	width: calc(100% - 34rpx);
	margin: 23rpx auto;
	border-top: solid 1px #979797;
	padding: 38rpx 0;
	color: #5F5F5F;
	text {
		color: #3397FA;
		padding: 0 10rpx;
	}
}
.pay-way {
	display: flex;
	justify-content: space-between;
	width: calc(100% - 34rpx);
	border-top: solid 1px #979797;
	margin: 23rpx auto;
	padding: 38rpx 86rpx;
	.pay-way-item {
		text-align: center;
		font-size: 30rpx;
		color: #5F5F5F;
		image {
			width: 143rpx;
			height: 143rpx;
		}
	}
}
.pay-way-close-btn {
	width: calc(100% - 34rpx);
	margin: 0 auto 68rpx;
	border: none;
	background-color: #3397FA;
	color: #fff;
	border-radius: 10rpx;
}