.efly-table {
  width: 100%;
  border-spacing: 0;
  background: $color-white;


  thead, tbody {
    width: 100%;

    tr {
      width: 100%;

      &:nth-child(2n-2) {
        background: $color-table-bg;
      }
      th,td {
        padding: 8px 5px;
        @include box-sizing()
      }

      th {
        font-size: $font-default;
        color: $color-text-secondary;
        font-weight: 400;
        border-top: 1px solid $color-border-base;
        border-bottom: 1px solid $color-border-base;

        .efly-table-coloum{
          display: inline-block;
        }
      }

      td {
        font-size: $font-small;
        color: $color-text-regular;
        font-weight: 400;
        text-align: center;
        border-bottom: 1px solid $color-border-base;
        .icon {
          font-size: $font-small;
        }
      }
    }
  }

  .efly-table-loading {
    tr {
      position: relative;
      width: 100%;
      height: 130px;

      img {
        width: 80px;
      }
    }
  }

  .efly-table-nodata {
    tr {
      position: relative;
      width: 100%;
      height: 130px;

      .icon {
        display: block;
        font-size: 80px;
      }
    }
  }
}