@include b(tab-page-exp) {
  @include set-component-css-var('tab-page-exp', $tab-page-exp);
  @include set-component-css-var('tab-page-exp-item', $tab-page-exp-item);
  @include flex(row, center, center);

  position: relative;
  padding: getCssVar('tab-page-exp', 'padding');
  @include e(left) {
    display: flex;
    align-items: center;
    width: getCssVar('tab-page-exp', 'left-width');

    .ivu-tabs {
      width: 100%;

      .ivu-tabs-bar{
        margin: 0;
        border: none;
      }

      .ivu-tabs-nav .ivu-tabs-tab {
        display: inline-block;
        height: getCssVar('tab-page-exp-item', 'height');
        padding: getCssVar('tab-page-exp-item', 'padding');
        margin: getCssVar('tab-page-exp-item', 'margin');
        overflow: hidden;
        font-size: getCssVar('tab-page-exp-item', 'font-size');
        line-height: getCssVar('tab-page-exp-item', 'line-height');
        vertical-align: middle;
        background-color: getCssVar('tab-page-exp-item', 'bg-color');
        border-radius: getCssVar('tab-page-exp-item', 'border-radius');
        opacity: getCssVar('tab-page-exp-item', 'opacity');
      }

    }
  }

  @include e(right) {
    width: getCssVar('tab-page-exp', 'right-width');
  }
}
