page {
  background-color: #F5F9FC;
}
.invoice-header {

  &-list {
    padding: 20rpx 30rpx;

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

      .left {
        width: 50%;
        font-size: 32rpx;

        &-item {
          margin-bottom: 10rpx;
          font-weight: bold;
          color: #333333;
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;

          &:last-child {
            font-weight: normal;
            color: #666666;
            margin-top: 20rpx;
          }
        }
      }

      .center {
        font-size: 24rpx;
        background-color: #F5F9FC;
        border-radius: 18rpx;
        color: #2E73FF;
        padding: 10rpx 16rpx;
        align-self: flex-start;
      }
    }
  }

  &-bottom {
    padding: 30rpx;
  }
}
