.sp-menu-first {
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 38px;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    border-bottom: 1px solid #E8E8E8;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .sp-menu-first:hover>div{
        background-color: #1E74D5;
        color: #fff;
    }

    .sp-menu-first > i {
        float: left;
        width: 23px;
        padding-left: 10px;
        line-height: 38px;
    }
    
.sp-menu-second {
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 38px;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    border-bottom: 1px solid #E8E8E8;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .sp-menu-second:hover>div{
        background-color: #1E74D5;
        color: #fff;
    }

    .sp-menu-second > i {
        float: left;
        width: 23px;
        padding-left: 10px;
        line-height: 38px;
    }

.active{
    background: #1E74D5 !important;
    color: #fff !important;
}

    .active:hover{
        background: #1E74D5 !important;
    }