.invoice {
  background-color: #f5f9fc;
  height: 100vh;
  &-navbar {
    &-right {
      color: #fff;
      margin-right: 30rpx;
    }
  }

  &-content {
    margin-top: 44px;
  }

  &-list {
    padding: 30rpx;

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

      &-left {
        &-item {
          display: flex;
          font-size: 30rpx;
          color: #333333;
          margin-bottom: 16rpx;

          &:last-child {
            margin-bottom: 0;
          }

          .left {
            color: #999;
          }

          .money {
            font-weight: bold;
            font-size: 34rpx;
          }

          .time {
            color: #999;
          }

          .status {
            margin-right: 40rpx;
          }
        }
      }

      &-right {
        font-size: 28rpx;

        .arrow-right {
          text-align: right;
          margin-bottom: 30rpx;
        }

        .primary {
          color: #19be6b;
        }

        .error {
          color: #fa3534;
        }

        .info {
          color: #333333;
        }
      }
    }
  }
}
