@include b(view-detabexpview) {
  // 分页头部样式
  .ivu-tabs-nav .ivu-tabs-tab {
    font-size: getCssVar('font-size', 'medium');
  }

  .ivu-tabs-nav .ivu-tabs-tab-active {
    color: getCssVar('color', 'primary');
  }
  .ivu-tabs-nav .ivu-tabs-ink-bar {
    background-color: getCssVar('color', 'primary');
  }

  // 分页高度撑满，头部固定，内容区出滚动条
  .#{bem('view-layout-content','body')} {
    > .ivu-tabs {
      height: 100%;

      // 分页margin-bottom清除
      > .ivu-tabs-bar {
        margin-bottom: 0;
      }

      // 内容高度撑满除头部的区域
      > .ivu-tabs-content {
        height: calc(100% - 39px);

        > .ivu-tabs-tabpane {
          height: 100%;
          overflow: auto;
        }
      }
    }
  }

  @include e(tab) {
    z-index: 1;
  }

  @include m(route) {
    // 分页高度自适应，分页内容区隐藏
    .#{bem('view-layout-content','body')} {
      position: relative;

      > .ivu-tabs {
        height: auto;

        // 内容高度撑满除头部的区域
        > .ivu-tabs-content {
          display: none;
        }
      }
    }

    @include e(route-content) {
      height: calc(100% - 39px);
      background-color: getCssVar(view-layout-route-bg-color);
      > .#{bem('view-layout')} {
        .#{bem('view-layout-header')} {
          position: absolute;
          top: -54px;
          right: 0;
          z-index: 500;
          width: auto;
          background-color: transparent;
          border: 0;
          .#{bem('view-layout-header-content', 'caption')} {
            display: none;
          }
        }
      }
      > .#{bem(exp-view)} {
        display: flex;
        padding: getCssVar(padding) 0;
        .#{bem(exp-view-right)} {
          > .#{bem('view-layout')} {
            .#{bem('view-layout-header')} {
              width: auto;
              margin-right: getCssVar(margin);
            }
          }
        }
      }
    }
  }
}
