parking_h5_all/pages/parkingInformation/parkingInformation.scss

.parking-information {
  background-color: #fff;
  width: 100%;
  .parking-information-slider {
    image {
      width: 100%;
      height: 410rpx;
    }
  }
  .parking-information-content {
    padding: 35rpx 40rpx;
    .parking-information-content-title {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      border-bottom: solid 1px #979797;
      padding-bottom: 25rpx;
      .pict-left {
        .title {
          font-size: 32rpx;
          color: #484848;
          font-weight: 600;
          text {
            font-size: 24rpx;
            color: #aaaaaa;
            margin-left: 19rpx;
          }
        }
        .subtitle {
          font-size: 24rpx;
          color: #969696;
          font-weight: 400;
          line-height: 33rpx;
          margin-top: 10rpx;
        }
        .tags {
          display: flex;
          word-wrap: break-word;
          margin-top: 10rpx;
          .tag {
            padding: 3rpx 18rpx;
            border: solid 2rpx #fa6400;
            border-radius: 4px;
            color: #fa6400;
            margin-right: 10rpx;
            font-size: 18rpx;
          }
        }
      }
      .pict-right {
        text-align: center;
        font-size: 18rpx;
        color: #3a3a3a;
        font-weight: 400;
        image {
          width: 44rpx;
          height: 44rpx;
        }
      }
    }
    .parking-information-content-subtitle {
      font-size: 24rpx;
      color: #3a3a3a;
      margin: 13rpx 0;
    }
    .parking-information-content-time {
      color: #555555;
      font-size: 24rpx;
      margin-bottom: 73rpx;
      margin-top: 23rpx;
      display: flex;
      flex-direction: row;
      view {
        width: 50%;
      }
    }
    .parking-information-content-cars {
      display: flex;
      justify-content: space-between;
      .picc-tag {
        width: 48%;
        background-color: #f6f6ff;
        border-radius: 15rpx;
        height: 139rpx;
        align-items: center;
        text-align: center;
        view {
          line-height: 50rpx;
          &:first-child {
            color: #1997ff;
            font-size: 56rpx;
            padding-top: 28rpx;
          }
          &:last-child {
            color: #838383;
            font-size: 24rpx;
          }
        }
      }
    }
    .parking-information-content-price {
      text-align: center;
      margin: 37rpx 0 81rpx 0;
      font-size: 24rpx;
      color: #a4a4a4;
      font-weight: 400;
      text {
        margin-right: 33rpx;
      }
    }
    .parking-information-content-button {
      background-color: #008cff;
      color: #fff;
      height: 100rpx;
    }
    .parking-information-content-rule {
      padding: 33rpx 0 37rpx 0;
      font-size: 24rpx;
      color: #3a3a3a;
      line-height: 40rpx;
      border-bottom: solid 2rpx #dddddd;
    }
    .parking-information-content-telphone {
      padding: 23rpx 0 33rpx 0;
      font-size: 24rpx;
      color: #3a3a3a;
      line-height: 45rpx;
    }
  }
}