$g-longin-info-height: 30px;
$g-head-height: 110px;


.main-#{$name}{
  height: 100%;
  box-sizing: border-box;
  font-size: $font-size;
  .g-head{
    height: 110px;
    width: 100%;
    // background-color: $g-head-bg-color; 
    color: $g-head-font-color;
    .g-login-info{
      background-color: $login-info-bg-color;
      height: $g-longin-info-height;
      line-height: $g-longin-info-height;
      text-align: right;
      span{
        display: inline-block;
        height:$g-longin-info-height;
        vertical-align: top;
      }
      .u-platform-switch{
        position: relative;
        margin-right: 50px;
        .u-platform-chosed{
          cursor: pointer;
          .el-dropdown{
            color: $g-head-font-color;
            font-size: $font-size;
          }
        }
      }
      .u-drop-out-login{
        margin: 0 22px;
        cursor: pointer;
      }
      .u-fast-btn{
        margin-right: 30px;
        .u-diviing-line{
          margin: 0 5px;
        }
      }
    }
    a{
      color: $g-head-font-color;
    }
    .g-nav{ // 导航栏
      height: calc(100% - #{$g-longin-info-height});
      .u-title{
        float: left;
        height: 46px;
        margin-right: 50px;
        margin-left: 20px;
        margin-top: 18px;
        img{
          display: inline-block;
          vertical-align: top;
        }
        .u-title-name{
          display: inline-block;
          margin-left: 10px;
          span{
            display: block;
          }
          .name{
            font-size: $login-title-font-size;
            font-weight: bold;
          }
        }
      }
      nav{
        float: left;
        height: 100%;
        li{
          float: left;
          height: 100%;
          &.active{
            background: $nav-active-bg-color;
          }
          a{
            display: inline-block;
            line-height: 80px;
            height: 100%;
            font-weight: bold;
            padding-left: 30px;
            padding-right: 30px;
            font-size: $nav-font-size;
          }
        }
      }
    }
  }
  .g-content{
    display: flex;
    height: calc(100% - #{$g-head-height});
    width: 100%;
    .g-left{
      // width: 300px;
      float: left;
      height: 100%;
      .el-menu{
        border-right: none;
      }
      .el-menu-item-group__title{
        padding: 0;
      }
      .el-menu-item{
        font-size: 16px;
        padding-left: 86px!important;
      }
      .el-submenu__title{
        border-left: 5px solid white;
        padding-left: 25px;
        font-size: 16px;
        &.is-active{
          border-color: blue; 
        }
        i{
          display: none;
        }
        .u-icon{
          margin-left: 10px;
          margin-right: 35px;
        }
      }
    }
    .g-main{
      float: right;
      width: 100%;
      overflow: auto;
      height: 100%;
    }
  }
}