parking_pda/pages/parking/parking.scss

.roadspace-list{
	float: left;
	margin-top: 30rpx;
	margin-left: 22rpx;
	.roadspace-list-item{
		float: left;
		width: calc( 50% - 18rpx );
		margin-bottom: 13rpx;
		margin-left: 18rpx;
		.block{
			overflow: hidden;
			margin-bottom: 9rpx;
			height: 129rpx;
			background: #D6EBFD;
			border-radius: 11rpx;
		}
		.text{
			font-size: 32rpx;
			line-height: 45rpx;
			font-weight: 500;
			color: #767676;
			text-align: center;
		}
	}
	.roadspace-list-item.used{
		.block{
			border: 2rpx solid #379EFA;
			background-color: #fff;
		}
		.block-top{
			height: 75rpx;
			background-color: #3397FA;
			display: flex;
			align-items: center;
			padding-left: 40rpx;
			color: #fff;
			.car-no{
				margin-left: 27rpx;
				font-size: 36rpx;
				font-weight: 500;
				color: #FFFFFF;
				letter-spacing: 1px;
			}
		}
		.block-bottom{
			height: calc( 100% - 75rpx );
			display: flex;
			align-items: center;
			padding-left: 40rpx;
			color: #BEBEBE;
			.time{
				margin-left: 29rpx;
			}
		}
		
		
	}
}


.bottom-btn{
	position: fixed;
	left: 40rpx;
	right: 40rpx;
	bottom: 47rpx;
	height: 85rpx;
	line-height: 85rpx;
	background: #3397FA;
	box-shadow: 0px 9rpx 9rpx 0px rgba(0, 0, 0, 0.03);
	border-radius: 10rpx;
	text-align: center;
	font-size: 28rpx;
	font-weight: 500;
	color: #FFF;
	letter-spacing: 1px
}
.page{
	z-index: 99;
	position: fixed;
	left: 40rpx;
	right: 40rpx;
	bottom: 60rpx;
	height: 85rpx;
	line-height: 85rpx;
	border-radius: 10rpx;
	text-align: center;
	font-size: 28rpx;
	font-weight: 500;
	color: #FFF;
	letter-spacing: 1px
}
.bt1{
	float: left;
	width: 80rpx;
	margin-top: 40rpx;
	margin-left: 40rpx;
}
.bt2{
	float: right;
	width: 80rpx;
	margin-top: 40rpx;
	margin-right: 40rpx;
}