:global {
  @main-prefix: main;

  .@{main-prefix} {
    position        : relative;
    width           : 100%;
    height          : 100%;
    background-color: #f4f7ff;

    &.float {
      .@{main-prefix}__body {
        padding: 0;
      }
    }

   

    &__body {
      //  position: relative;
      width   : 100%;
      height  : 100%;
      padding : 0px 0 0 100px;
      display: flex;
      flex-direction: row;
      overflow: auto;

      &-right {
        display: flex;
        flex-direction: column;
        flex: 1;
        width: calc(100% - 100px);
        // overflow-x: hidden;
        overflow: auto;
      }

      &-sider {
        width   : auto;
        height  : 100%;
        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);
        min-width: 90px;
        border-radius: 10px;
        
        
      }
      &-sider ::-webkit-scrollbar {
        display: none;
      }
      &-header {
        width   : 100%;
        height  : 52px;
        // z-index : 999;
      }
      &-content {
        width : 100%;
        height: ~'calc(100% - 52px)';
        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;
    }
  }
}