parking_h5_all/pages/invoiceModule/invoiceDetails/invoiceDetails.scss

page {
  background-color: #f5f9fc;
}
.details {
  padding: 20rpx 30rpx;
  font-family: PingFang SC;

  &-invoice {
    margin-bottom: 60rpx;

    &-title {
      color: #333333;
      font-size: 34rpx;
      font-weight: bold;
      margin-bottom: 20rpx;
    }

    &-list {
      padding: 40rpx;
      border-radius: 16rpx;
      background-color: #fff;

      &-item {
        display: flex;
        font-size: 32rpx;
        margin-bottom: 20rpx;

        &-label {
          color: #999999;
          width: 160rpx;
          text-align: right;
        }

        &-content {
          color: #333;
        }
        .primary {
          color: #19be6b;
        }

        .error {
          color: #fa3534;
        }

        .info {
          color: #333333;
        }
        .view-text {
          color: #2e73ff;
        }
      }

      .bottom-top {
        border-top: solid 1px #eeeeee;
      }

      .view-btn {
        justify-content: center;
        color: #2e73ff;
        padding: 20rpx 0 0;
        margin-bottom: 0;
      }
    }
  }

  &-order {
    &-title {
      color: #333333;
      font-size: 34rpx;
      font-weight: bold;
      margin-bottom: 20rpx;
    }

    &-list {
      &-item {
        background-color: #fff;
        border-radius: 16rpx;
        padding: 24rpx 50rpx;
        margin-bottom: 20rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;

        &-left {
          font-size: 30rpx;
          color: #333333;
          line-height: 50rpx;
          .money {
            font-weight: bold;
            font-size: 34rpx;
          }
          .time {
            color: #999999;
            font-size: 28rpx;
          }
        }

        &-right {
          font-size: 30rpx;
          color: #333333;
        }
      }
    }
  }

  &-pop {
    padding: 50rpx;

    &-title {
      text-align: center;
      margin-bottom: 30rpx;
      font-size: 34rpx;
      font-weight: bold;
    }

    &-list {

      &-item {
        display: flex;
        line-height: 50rpx;
        font-size: 32rpx;

        &-label {
          color: #999999;
        }

        &-content {
          color: #333333;
        }
      }
    }
  }
}