#navigation{
    top:0px;
    *top:0px; 
    right:0px;
    width:50px; 
    position:fixed;
    background-color: #333;
    height: 100%;
    font-size: 12px;
    z-index: 9999;
   }
.nav-item{
    width: 100%;
    text-align: center;
    color: #fff;
}
.nav-item:hover{
   cursor: pointer;
}
.nav-item img{
    text-align: center;
    /* vertical-align: middle; */
    border: 0;
    display: block;
    margin: auto;
}
.nav-item span{
    display: block;
    font-size: 12px;
    padding: 10px 0px 16px 0px;
}
#navigation .nav-item a{
    display: block;
    font-size: 12px;
    padding: 10px 0px 16px 0px;
    color: #fff;
    text-decoration: none;
}
.nav-item a:hover{
    text-decoration:none;
    color:#f5a107 !important;
}
.active {
    color: #f5a107;
}
.app,.applet,.service{
    position: relative;
}
.appcode{
    position: absolute;
    top: 0;
    right: 55px;
    z-index: 9999;
}
.appcode3{
    position: absolute;
    top: -30px;
    right: 55px;
    z-index: 9999;
}
.appcode4{
    position: absolute;
    top: -30px;
    right: 55px;
}