parking_h5_all/pages/center/order/order.scss

.swiper-wrap{
	display: flex;
	flex-direction: column;
	height: calc(100vh - var(--window-top));
	width: 100%;
	.swiper-box {
		flex: 1;
	}
}
.page-box{
	margin: 25rpx 40rpx;
	.order{
		overflow: hidden;
		margin-bottom: 20rpx;
		background-color: #fff;
		border-radius: 15rpx;
		.order-top{
			margin-bottom: 31rpx;
			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;
			}
			.order-top-right{
				padding: 0 15rpx;
				height: 50rpx;
				line-height: 48rpx;
				border-radius: 5rpx;
				border: 1px solid #FA6400;
				color: #FA6400;
				&-finished{
					border-color: #BDBDBD;
					color: #858585;
				}
			}
			.apply-refund {
				border-color: #BDBDBD;
				color: #858585;
				margin-right: 5rpx;
			}
		}
		.order-center{
			padding: 0 40rpx 25rpx;
			border-bottom: 1px solid #DFDFDF;
			.order-center-item{
				margin-bottom: 9rpx;
				font-size: 26rpx;
				font-weight: 400;
				color: #595959;
				line-height: 37rpx;
				letter-spacing: 1px;
				.pay-amount{
					color: #FA6400;
				}
			}
		}
	}
}

.type-list {
	height: 236rpx;
	width: 116rpx;
	position: fixed;
	right: 53rpx;
	bottom: 93rpx;
	z-index: 100;
	&-item {
		width: 116rpx;
		height: 116rpx;
		line-height: 116rpx;
		text-align: center;
		background: url('../../../static/img/type-not-current.svg') no-repeat center center;
		background-size: 100% 100%;
		color: #008cff;
	}
	&-item-current {
		background: url('../../../static/img/type-current.svg') no-repeat center center;
		background-size: 100% 100%;
		color: #fff;
	}
}