.arco-table {
  @mixin table-cell-text {
    color: var(--Text-1, #211F24);
    font-family: $font-family-regular;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  .arco-table-container {
    border: none !important;
    height: 100%;
    .arco-table-element {
      thead {
        .arco-table-tr {
          .arco-table-th {
            border-bottom: 1px solid var(--Border-1, #d7d7d9);
            background: var(--BG-100, #f7f8fa);
            .arco-table-cell {
              padding: 13px 16px;
              .arco-table-th-title {
                @include table-cell-text;
                font-family: 'PingFangSC-Medium';
              }
              .arco-table-sorter {
                .arco-table-sorter-icon {
                  .arco-icon {
                    color: #939499;
                  }
                  &-active {
                    .arco-icon {
                      color: $color-primary;
                    }
                  }
                }
              }
            }
          }
        }
      }
      tbody {
        .arco-table-tr {
          .arco-table-td {
            .arco-table-cell {
              padding: 13px 16px;
              .arco-table-cell-content,
              .arco-table-td-content {
                @include table-cell-text;
              }
            }
          }
        }
      }
    }
    .arco-scrollbar {
      display: flex;
      flex-direction: column;
      .arco-table-element {
        height: 100%;
      }
      .arco-scrollbar-container{
        flex: 1;
      }
    }
  }
}