.index-container
  .menu-container 
    position: fixed
    width: 180px
    height: 100%
    z-index: 99
    background-color: #e5e5e9
    transition: all .5s ease
    .k-menu
      width: 100%
    .k-header
      .icon
        display: inline-block
        font-size: 22px
        margin: 14px 8px 14px 16px
      .icon-kpc-sense::after
        // content: url('../../image/overview/yunanquan.svg')
      .menu-title
        vertical-align: top
      padding: 0
      color: #4C4C4C
      font-size: 14px
    .k-menu-item
      span
        line-height: 22px
        font-size: 12px

    .show-menu
      background-color: #fff
    .hide-menu
      right: -18px !important
      background-color: #E5E5E9

    .hide-menu-icon,
    .show-menu-icon
      line-height: 20px
      vertical-align: super
      font-size: 14px


    .toggle-btn
      display: inline-block
      position: absolute
      top: 50%
      right: 0
      cursor: pointer
      width: 18px
      height: 20px
      font-size: 16px
      text-align: center
      color: #999999


      .btn-top
        top: -5px
        right: 0
        position: absolute
        display: inline-block
        width: 0
        height: 0
        border-bottom: 5px solid #fff
        border-left: 18px solid transparent

      .btn-bottom
        bottom: -5px
        right: 0
        position: absolute
        display: inline-block
        width: 0
        height: 0
        border-top: 5px solid #fff
        border-left: 18px solid transparent

    .hide-menu > .btn-top
      border-bottom: 5px solid #E5E5E9
      border-right: 18px solid transparent
      border-left: none

    .hide-menu > .btn-bottom
      border-top: 5px solid #E5E5E9
      border-right: 18px solid transparent
      border-left: none

      .show-menu-icon
        background-color: #fff

      .hide-menu-icon
        background-color: #fff

  .shrink_menu
    width: 0px
  .console-container
    // display: flex
    flex-direction: column
    height 100%
    padding: 10px 20px
    transition: all .5s ease
    box-sizing: border-box
  .shrink_menu ~ .console-container
    margin-left: 0px
  .common-header
    display: flex
    justify-content: space-between
  .menu-margin 
    margin-left: 180px
  .ksc-loading-mask
    width: 100%
    height: 100%
    position: fixed
    top: 0
    left: 0
    bottom: 0
    z-index: 1000
    background-color: rgba(255, 255, 255, .3)
    background-image: url("data:image/gif;base64,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")
    background-position: 50% 35%
    background-repeat: no-repeat