.mx-ui-tab{
  .ui-tab-header {
    display: flex;
    position: relative;
    .tab-header-item {
      flex: 1;
      text-align: center;
      background: #fff;
      height: 43px;
      line-height: 43px;
    }

    .tab-active {
      color: #108ee9;
    }

    .active-line {
      position: absolute;
      height: 2px;
      background-color: #108ee9;
      bottom: 0;
      transform: translate3d(0px, 0px, 0px);
      transition: .2s cubic-bezier(.86,0,.07,1);
      z-index: 1;
    }
  }

  .ui-tab-content {
    display: flex;
    zoom: 1;
    transition: transform .3s cubic-bezier(0.86, 0, 0.07, 1);
    .content-item {
      box-sizing: border-box;
      width: 100%;
      flex-shrink: 0;
    }
  }
  &-no-animate {
    .active-line, .ui-tab-content {
      transition: none !important;
    }
  }
}