$table-prefix-cls: "#{$css-prefix}table";
.#{$table-prefix-cls} {
  color: #555;
  border-radius: $table-border-radius;

  &-wrapper {
    border-radius: $table-border-radius;
    border: 1px solid $table-outside-border-color;//表格内外框线分别调整
    border-bottom: $table-wrapper-border-bottom;
    border-right: $table-wrapper-border-right;
  }

  & th {
    border-bottom: 1px solid $table-outside-border-color;
  }

  & td {
    border-bottom: 1px solid $table-inside-border-color;
  }

  & .h-table-tbody {
    tr:last-child {
      & td {
        border-bottom: 1px solid $table-outside-border-color;
      }
    }
  }

  &-header {
    color: #333;
  }

  &::before {
    background-color: $table-outside-border-color;
  }

  &::after {
    background-color: $table-outside-border-color;
  }

  &-border { //t 原'border'属性对th和td都生效，修改为只对表头生效
    th {
      border-right: 1px solid  $table-hearder-border-color;
    }

    td {
      border-right: 0;
    }
  }

  &-sort {
    float: right;
    margin: 3px  4px 3px  6px;
  }

  & .h-poptip {
    float: right;
    line-height: 18px;
    margin: 0  4px 0  8px;

    & .h-poptip-rel:hover {
      background-color: #ededed;
    }
  }

  &-filter {
    &-list {
      padding: $table-filter-list-padding;

      &-item {
        .h-checkbox-wrapper {
          height: 28px;
          line-height: 28px;
          padding: 0 12px 0 8px;
          font-weight: normal;

          &:hover {
            background-color: #eff5ff;
          }
        }
      }
    }

    &-footer {
      text-align: right;
      border-top: 0;

      & button {
        color: #4686f2;
      }
    }
  }

  &-summation {
    & td {
      background-color: #ededed;
    }
  }
  //调整单元格内多行时的行间距
  &-cell {
    margin: 3px 0;
    line-height: 20px;
    font-size: 12px;
  }

  &-fixed {
    &-header {
      border-right: 1px solid $table-hearder-border-color;
    }

    &-body {
      border-right: 1px solid $table-hearder-border-color;
    }
  }

  &-fixed-right {
    .#{$table-prefix-cls}-fixed-header {
      border-right: 0;
      border-left: 1px solid $table-hearder-border-color;
    }
    .#{$table-prefix-cls}-fixed-body {
      border-right: 0;
      border-left: 1px solid $table-hearder-border-color;
    }
  }
  // //table 加载中 遮罩层
  // .h-spin-fix {
  //      background-color: rgba(255,255,255,.5);
  // }
  // &-body{ 滚动条
  //     @include HS2020ScrollBar
  // }
}