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

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

    .tabBarRow {
      padding: 0 12px;

      .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;
  }
}
