parking_h5_all/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-position: center 40px;
      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;
        }
      }
    }
  }
}