.yz-tabs-container {
  display: flex;
  flex-direction: column;
  flex: 1;

  .at-tabs {
    display: flex !important;
    flex-direction: column !important;
    overflow-y: hidden;
    max-height: 90px;
  }

  .at-tabs__body {
    //flex: 1 !important;
    //hidden会导致其他tab不显示，所以目前只能设置内容高度
    //overflow-y: hidden;
  }

  .at-tabs-pane {
    //减掉tabbar的高度
    height: 0 !important;
  }


  .relative {
    position: relative;
  }
  .flex {
    display: flex;
  }
  .flex-column {
    flex-direction: column;
  }
  .absolute {
    position: absolute;
  }
  .absolute--fill {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .flex-grow-1 {
    flex-grow: 1;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .at-tabs-pane__visible {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
    //必须覆盖，否则如果内容过短，可能会显示隐藏的内容
    background-color: white;
  }

  .at-tabs-pane__invisible {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    //防止多个tab叠加在一起显示多个loading的问题(因为loading的默认是absolute z-index:0)
    z-index: -1;
  }
}