// 左侧菜单样式
.nav-menu {
  .el-menu {
    border: transparent;
    background-color: transparent !important;
  }
  .el-submenu__title, .el-menu-item{
    i{
      color: #ffffff;
    }
  }
  ul > li{
    font-size: 15px;
    font-weight: 600;
  }
  .el-submenu__title, .el-menu-item{
    font-size: 15px;
    background-color: transparent !important;
    &::before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 0;
      height: 100%;
      background: rgba(255,255,255,.1) !important;
    }
  }
  &:not(.is-collapse) {
    // hover属性
    .el-submenu__title:hover, .el-menu-item:hover{
      background: transparent !important;
      &::before{
        transition: all linear .3s;
        width: 100%;
      }
    }
    // 选中菜单样式
    .el-menu{
      .is-active{
        background: rgba(255,255,255,.1) !important;
        color: #4091FF !important;
      }
      .is-opened{
        background: transparent !important;
      }
    }
  }
  /deep/.el-menu {
    & > .el-menu-item {
      background-color: transparent !important;
      &:hover {
        background-color: rgba(255, 255, 255, 0.1) !important;
      }
    }
    .el-submenu {
      .el-submenu__title {
        background-color: transparent !important;
        &:hover {
          background-color: rgba(255, 255, 255, 0.1) !important;
        }
      }
    }
  }
}
.nav-menu-popper {
  .el-menu {
    li {
      &:hover {
        background: rgba(255, 255, 255, 0.1) !important;
      }
      &.is-active {
        background: rgba(255, 255, 255, 0.1) !important;
      }
      //&:first-child {
      //  border-top-left-radius: 15px;
      //  border-top-right-radius: 15px;
      //}
      //&:last-child {
      //  border-bottom-left-radius: 15px;
      //  border-bottom-right-radius: 15px;
      //}
    }
  }
}


.el-drawer__header{
  &>span:first-child{
    outline: none!important;
  }
}
.el-drawer{
  outline: none!important;
}