@import '/mixin.scss';
// 主页的
.tableBlock-tabs {
  .icon-size{
    font-size: 22px !important;
    @include mobile {
      font-size: 18px !important;
    }
  }
  .el-tabs__active-bar {
    height: 4px;
    // width: 32px !important;
    // transform: translateX(calc(calc(getWidth() / 3 - 32px) / 2)) !important;
    // height: $w !important;
    // transform: translateX(100%) !important;
    background: #1de9b6;
    @include mobile {
      height: 3px;
    }
  }
  .el-tabs__nav {
    @include mobile {
      display: flex;
      flex: 1;
      width: 100%;
    }
    .el-tabs__item.is-active {
      color: #ffffff;
    }
    .el-tabs__item {
      color: #7d7d7e;
      font-size: 22px;
      @include mobile {
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
        padding: 0;
      }
      &:hover {
        color: #ffffff;
      }
    }
  }
  .el-tabs__nav-wrap {
    &::after {
      height: 0px;
      border-bottom: 1px solid #3b3b3c;
    }
  }
}
// 详情页面的
.details-tabs{
  .el-tabs__active-bar {
    display: none;
  }
  .el-tabs__nav {      
    display: flex;
    flex: 1;
    @include mobile {
      width: auto;
    }
    .el-tabs__item.is-active {
      color: #ffffff;
      background: #5834B6;
    }
    .el-tabs__item {
      display: flex;
      flex: 1;
      padding: 20px 40px !important;
      background: #2B2B2C;
      height: auto;
      width: auto;
      color: #ffffff;
      font-size: 16px;
      font-weight: 500;
      @include mobile{
        padding: 10px 24px !important;
      }
      &:hover {
        color: #ffffff;
      }
    }
  }
  .el-tabs__nav-wrap {
    &::after {
      height: 0px;
      border-bottom: 1px solid #3b3b3c;
    }
  }
}