span i {
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-bottom;
}
:host ::ng-deep .ant-menu-submenu-title > span:hover{
    color: #ffffff;
}

:host ::ng-deep .ant-menu-submenu-title:hover .sy_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -82px -154px;
}

    /**首页**/

.sy_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -46px -46px;
}

/**告警管理**/

:host ::ng-deep .ant-menu-submenu-title:hover .gjgl_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -10px -10px;
}
.gjgl_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -46px -10px;
}

/**工作总揽**/
.gzzl_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -10px -46px;
}
:host ::ng-deep .ant-menu-submenu-title:hover .gzzl_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -82px -10px;
}

/**统计分析**/
.tjfx_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -82px -46px;
}
:host ::ng-deep .ant-menu-submenu-title:hover .tjfx_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -10px -82px;
}

/**网络拓扑**/
.wltp_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -46px -82px;
}
:host ::ng-deep .ant-menu-submenu-title:hover .wltp_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -46px -154px;
}

/**系统变更**/
.xtbg_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -82px -82px;
}
:host ::ng-deep .ant-menu-submenu-title:hover .xtbg_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -190px -10px;
}

/**系统管理**/
.xtgl_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -118px -10px;
}
:host ::ng-deep .ant-menu-submenu-title:hover .xtgl_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -118px -46px;
}

/**业务监管**/
.ywjg_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -118px -82px;
}
:host ::ng-deep .ant-menu-submenu-title:hover .ywjg_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -154px -82px;
}

/** 项目管理 **/
.xmgl_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -10px -118px;
}
:host ::ng-deep .ant-menu-submenu-title:hover .xmgl_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -154px -154px;
}

/** 运维工作 **/
.ywgz_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -46px -118px;
}
:host ::ng-deep .ant-menu-submenu-title:hover .ywgz_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -118px -118px;
}

/** 知识库 **/
.zsk_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -154px -10px;
}
:host ::ng-deep .ant-menu-submenu-title:hover .zsk_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -154px -46px;
}

/** 业务监管 **/
.ywjg_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -118px -82px;
}
:host ::ng-deep .ant-menu-submenu-title:hover .ywjg_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -154px -82px;
}

/** 综合监控 **/
.zhjk_normal{
     width: 16px;
     height: 16px;
     background: url("../../../content/images/css_sprites.png") -154px -118px;
 }
:host ::ng-deep .ant-menu-submenu-title:hover .zhjk_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -118px -154px;
}

/** 智能预警 **/
.znyj_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -82px -118px;
}
:host ::ng-deep .ant-menu-submenu-title:hover .znyj_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/css_sprites.png") -10px -154px;
}

/** 绩效管理 **/
.jxgl_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/jxgl.png");
}
:host ::ng-deep .ant-menu-submenu-title:hover .jxgl_normal{
    width: 16px;
    height: 16px;
    background: url("../../../content/images/jxgl_hover.png");
}

.square{
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #bec9d4;
    border-radius: 2px;
    margin-right: 10px;
    font-size: 13px;
}
.menu-item-diy{
    padding-left: 28px !important;
}
.ant-menu ul, .ant-menu ol{
    background-color: #161822;
}
