.ztxk-tabs {
  &.ztxk-tabs--marginTop {
    .ant-tabs-nav {
      margin-top: @margin-base;
    }
  }
  &.ztxk-tabs--marginBottom {
    .ant-tabs-nav {
      margin-bottom: @margin-base;
    }
  }
  .ant-tabs-nav,
  .ant-tabs-tab {
    margin-left: 0;
    margin-right: 0;
  }

  .ant-tabs-nav {
    &::before {
      border-bottom-color: @tabs-nav-color-split;
    }
  }
  &.ztxk-tabs--type-message {
    .ant-tabs-extra-content {
      display: flex;
      align-items: center;
      justify-content: space-around;
    }
    .tabs-self--type-container {
      display: flex;
      .tabs-self--type-msg {
        margin-left: 10px;
      }
    }
  }

  &.ztxk-tabs--header {
    .ant-tabs-tab,
    .ant-tabs-nav .ant-tabs-tab {
      background: #fff;
      border-bottom-color: #fff;
      padding: 0;
      border: 1px solid #f0f0f0;
      &.ant-tabs-tab-active {
        background: rgb(233, 236, 243);
        border-bottom-color: rgb(233, 236, 243);
      }
      > div {
        color: rgb(118, 134, 150);
        display: inline-block;
        height: 38px;
        line-height: 38px;
        padding: 0px 5px 0px 10px;
      }
      .ant-tabs-tab-remove {
        width: 22px;
        padding-right: 9px;
        padding-left: 1px;
        height: 38px;
        line-height: 38px;
        margin-right: 0px;
        margin-left: 0px;
      }
    }
  }
  &.ztxk-tabs--content {
    .ant-tabs-tab {
      padding: 6px 16px;
      background: rgb(235, 243, 254);
      border: 1px solid rgb(205, 217, 230);
      line-height: 20px;
      &:not(:last-of-type) {
        margin-right: -1px !important;
      }
      &.ant-tabs-tab-active {
        background: rgb(255, 255, 255);
        border-bottom: 1px solid rgb(255, 255, 255);
        .ant-tabs-tab-btn {
          color: @weight-2;
        }
      }
      .tabs-self--type {
        display: flex;
        justify-content: space-between;
        align-items: center;
        .anticon {
          margin-right: 0;
        }
      }
    }
  }
  &.ztxk-tabs--isFlex {
    height: 100%;
    .ant-tabs-content {
      height: 100%;
      .ant-tabs-tabpane {
        display: flex;
        flex-direction: column;
        height: 100%;
      }
      .ant-tabs-tabpane-hidden {
        display: none;
      }
    }
  }
  &.ztxk-tabs--stickyTop {
    > .ant-tabs-nav {
      position: sticky;
      z-index: 100;
      background: #fff;
    }
  }
  &.ztxk-tabs--nonBorder {
    .ant-tabs-tab {
      border: none;
    }
  }
}