parking_h5_all/pages/OnsitePayment/OnsitePayment.scss

.parking-lock {
  min-height: calc(100vh - 88rpx);
  background-color: #f6f6ff;
  &-box {
    padding: 40rpx 0 0;
  }
  &-title {
    font-size: 46rpx;
    color: #292929;
    text-align: center;
    padding-top: 31rpx;
    line-height: 65rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
  }
  &-tips {
    width: calc(100% - 72rpx);
    font-size: 30rpx;
    color: #777777;
    text-align: center;
    margin: 10rpx auto;
    line-height: 47rpx;
  }
  &-info {
    width: calc(100% - 72rpx);
    margin: 31rpx auto 54rpx;
    background-color: #fff;
    border-radius: 15rpx;
    padding: 39rpx 41rpx;
    &-item {
      display: flex;
      margin-bottom: 16rpx;
      view {
        font-size: 28rpx;
        &:first-child {
          width: 30%;
          color: #2a2a2a;
        }
        &:last-child {
          color: #6e6e6e;
        }
      }
      .really-money {
        color: #fa7319 !important;
      }
    }
  }
  &-pay-btn {
    width: calc(100% - 72rpx);
    margin: 0 auto;
    button {
      width: 100%;
      height: 100rpx;
      line-height: 100rpx;
      background-color: #008cff;
      border: none;
      color: #fff;
      box-shadow: 0px 7px 13px 0px rgba(16, 153, 250, 0.31);
      font-size: 28rpx;
      font-weight: 500;
    }
  }
  &-pay-attention {
    width: calc(100% - 100rpx);
    margin: 50rpx auto;
    color: #777777;
  }
}