.layoutContainer {
  height: 100%;
  background-color: #f0f7f7;

  // 激活状态样式
  &.active {}

  .tabBarHeader {
    background-color: transparent;
    padding: 0;
    width: 100%;

    .tabBarRow {
      padding: 0 12px;
      // background-color: red !important;

      .tabBarLeft {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-items: center;

        .leftLogo {
          width: 36px;
          height: 36px;
          margin: 0 12px;
        }

        .leftMenu {
          width: calc(100% - 52px);
        }
      }

      .tabBarRight {
        text-align: right;
        display: flex;
        justify-content: flex-end;
        flex-wrap: nowrap;
        align-items: center;

        .tabBarRightAvaTor {
          margin-right: 20px;
        }

        .tabBarRightName {
          margin-right: 5px;
        }

        .tabBarRightBtn {
          height: 100%;
        }
      }
    }
  }

  .contentMain {
    height: calc(100% - 46px);
    overflow-y: hidden;
  }

  // 覆盖面包屑激活文本样式
  :global {
    .breadcrumb-item-text-active {
      color: #006665 !important;
      font-weight: 500 !important;
    }
  }
}