// $header-height:72px;
// $menu-width: 230px;



// 内容层
.layout-content {

  height: 100%;
  width: 100%;
  min-width: 900px;
  background-size: cover;
  background-position: center;
  position: relative;


  .layout-header {
    height: 72px;
    background: url('@/assets/images/base/title-bg.svg') repeat fixed;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

    // logo区域
    .logo {
      margin-left: 32px;
      min-width: 176px;
      height: 22px;
      font-size: 22px;
      font-family: Microsoft YaHei-Bold, Microsoft YaHei;
      font-weight: bold;
      color: #FFFFFF;
      line-height: 22px;
      cursor: pointer;

      img {
        height: 60px;
      }
    }

  }

  .layout-container {
    display: flex;
    height: calc(100% - 72px);

    .layout-container-aside {
      position: relative;
      width: 230px;
      height: 100%;
      overflow: hidden;


      .page-container-body-wrapper-inner {
        padding: 20px;
        position: relative;
      }

      // $bottom-div-height:10px;

      .el-scrollbar__wrap {
        overflow-y: auto !important;
        overflow-x: hidden !important;
      }

      .el-scrollbar__bar.is-vertical {
        right: 0px;
      }

      .el-scrollbar {
        //height: calc(100% - 72px + 10px);
        height: calc(100% + 10px);
        transition: width 0.28s;
        width: 230px !important;
        position: absolute;
        overflow: hidden;
        background-color: #fff;
      }

      .bottom-div {
        height: 10px;
      }

      .el-scrollbar__thumb {
         background-color: #fbe1e0 !important;
      }


    }


    .layout-container-main {
      margin-left: 16px;
      padding: 0px;
      width: calc(100% - 200px);
      height: 100%;
      position: relative;
      overflow: hidden;

    }
  }
}