parking_h5/pages/favourableActivity/favourableActivity.scss

.container {
	height: calc(100vh - 88rpx);
	.penny-parking {
		height: 100%;
		background-color: #B3DDFF;
		padding-top: 39rpx;
		.penny-parking-icon {
			width: calc(100% - 56rpx);
			height: 141rpx;
			margin: 0 auto;
			background-image: url('/static/img/penny-parking-icon.png');
			background-position: center center;
			background-size: 100% 100%;
		}
		.penny-parking-content {
			width: 100%;
			background-image: url('/static/img/penny-parking-bg.png');
			// background-size: 100% 100%;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			view {
				&:nth-child(1) {
					color: #4E4E4E;
					font-size: 28rpx;
					font-weight: 300;
					text-align: center;
				}
				&:nth-child(2) {
					margin-top: 400rpx;
					color: #1A517E;
					font-weight: 400;
					font-size: 26rpx;
					line-height: 52rpx;
					padding: 0 39rpx;
				}
				&:nth-child(3) {
					margin-top: 60rpx;
					color: #1A517E;
					font-weight: 400;
					font-size: 26rpx;
					line-height: 52rpx;
					padding: 0 39rpx;
				}
				button {
					width: calc(100% - 56rpx);
					height: 96rpx;
					line-height: 96rpx;
					background-color: #008CFF;
					color: #fff;
					margin-top: 80rpx;
					border-radius: 10rpx;
					font-size: 28rpx;
					font-weight: 500;
					border: none;
				}
			}
		}
	}
	.eighty-percent-of-parking {
		height: 100%;
		background-color: #FFECEC;
		padding-top: 39rpx;
		.penny-parking-icon {
			width: calc(100% - 84rpx);
			height: 141rpx;
			margin: 0 auto;
			background-image: url('/static/img/eighty-percent-parking-icon.png');
			background-position: center center;
			background-size: 100% 100%;
		}
		.penny-parking-content {
			width: 100%;
			background-image: url('/static/img/eighty-percent-parking-bg.png');
			background-size: 554rpx 551rpx;
			background-position: top;
			background-repeat: no-repeat;
			view {
				&:nth-child(1) {
					color: #4F4F4F;
					font-size: 30rpx;
					font-weight: 300;
					text-align: center;
				}
				&:nth-child(2) {
					margin-top: 500rpx;
					color: #946969;
					font-weight: 400;
					font-size: 26rpx;
					line-height: 52rpx;
					padding: 0 39rpx;
				}
				&:nth-child(3) {
					margin-top: 60rpx;
					color: #946969;
					font-weight: 400;
					font-size: 26rpx;
					line-height: 52rpx;
					padding: 0 39rpx;
				}
				button {
					width: calc(100% - 56rpx);
					height: 96rpx;
					line-height: 96rpx;
					background-color: #FFBABA;
					background: linear-gradient(#FFA9A9,#FF8C8C);
					color: #fff;
					margin-top: 60rpx;
					border-radius: 10rpx;
					font-size: 28rpx;
					font-weight: 500;
					border: none;
				}
			}
		}
	}
}