:global {
    @main-prefix: main;
  
    .@{main-prefix} {
      position        : relative;
      width           : 100%;
      height          : 100%;
      background-color: #f2f2f2;
  
      &.float {
        .@{main-prefix}__body {
          padding: 0;
        }
      }
  
      &__header {
        position: absolute;
        top     : 0;
        left    : 0;
        width   : 100%;
        height  : 52px;
        z-index : 999;
      }
  
      &__body {
         position: relative;
        width   : 100%;
        height  : 100%;
        padding : 52px 0 0 82px;
        display: flex;
        flex-direction: row;
        overflow: auto;
  
        &-sider {
          // width   : 256px;
          height  : ~'calc(100% - 52px)';
          position: fixed;
          // top     : 52px;
          top:52px;
          bottom: 0;
          left    : 0;
          z-index : 998;
          overflow: auto;
          box-shadow      : 0 0 8px rgba(0, 0, 0, 0.25);
          
          
        }
        &-sider ::-webkit-scrollbar {
          display: none;
        }
        &-content {
          width : 100%;
          height: 100%;
          flex:1
        }
      }
  
      &__body2 {
        position: relative;
        width   : 100%;
        height  : 100%;
        // padding : 52px 0 0 76px;
  
        &-sider {
          width   : 76px;
          height  : ~'calc(100% - 52px)';
          position: absolute;
          top     : 52px;
          left    : 0;
          z-index : 998;
        }
        &-content {
          width : 100%;
          height: 100%;
        }
      }
  
      &__backend {
        position   : relative;
        width      : 100%;
        height     : 100%;
        padding-top: 52px;
      }
    }
  }