/*
 * @Author       : yuanrunwei
 * @Date         : 2020-05-18 12:05:37
 * @LastEditors: XuTongZhang
 * @LastEditTime: 2020-08-17 17:22:36
 * @FilePath     : \ambre-admin-noob\src\components\vNav\vNav.scss
 */ 
.vNavCom{
  position: fixed;
  height:100%;
  z-index:101;
  .el-menu{
    border-right:none;
    .is-active{
      .a_menu{
        color: #5d77ad;
      }
    }
    /deep/.el-submenu{
      .el-submenu__title{
        padding-left: 38px!important;
        font-size: 16px;
        .a_menu{
          margin-left: 17px;
        }
      }
    }
  }

  .el-menu-item{
    text-align: center;
    // border-top-right-radius: 50px;
    // border-bottom-right-radius: 50px;
    line-height:40px !important;
    height:40px !important;
    // padding-left:51px !important;
    // margin-left: 40px;
    width:160px;
    margin: auto;
    color: #5d77ad!important;
    min-width: 80px !important;
    border-radius: 3px;
  }
  .el-menu-item.active{
    background-color:#00a0e9 !important;
    color: #fff !important;
    width:160px;
    min-width: 80px;

  }
  .el-menu-item{
    &:hover{
        background:#00a0e9 !important;
        color: #fff!important;
    }
    &:active,&:visited{
        // background:#2493a7 !important;
        color: #8D9498!important;
    }
  }
  .logo{
    width:100%;
    text-align: center;
    img{
      padding:20px 0;
      display: inline-block;
      width:150px;
    }
  }
}
.f-16{
  font-size: 16px;
}
.f-17{
  font-size: 17px;
}
