cip-components/main/cip-main-tabs/index.less

.cip-main-tabs{
  margin-top:8px;
  .el-tabs{
    border: none;
    .el-tabs__header{
      border: none;
    }
    .el-tabs__nav{
      border: none !important;
    }
    &__item{
      //border: none !important;
      border-radius: 7px;
      margin-top: 6px;
      margin-right: -24px;
      height: 38px;
      line-height: 38px;
      mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);
      mask-size: 100% 100%;
      padding: 0 30px !important;
      display: inline-flex;
      align-items: center;
      &:hover{
        background: #dee1e6;
        color: inherit;
      }
      &.is-active{
        border: none;
        color: #1890ff;
        background: #e8f4ff;
      }
    }
  }
  .el-tabs__header.is-top{
    margin: 0;
  }
  .cip-main-tab__label{
    display: inline-block;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}