.sidr{
    display:none;
    position:absolute;
    position:fixed;
    top:0;
    height:100%;
    z-index:999999;
    width:260px;
    overflow-x:none;
    overflow-y:auto;
    font-size:15px;
    background:#333;
    color:#fff;
    -webkit-box-shadow:inset 0 0 5px 5px #222;
    -moz-box-shadow:inset 0 0 5px 5px #222;
    box-shadow:inset 0 0 5px 5px #222
}
.sidr .sidr-inner{
    padding:0 0 15px
}
.sidr .sidr-inner>p{
    margin-left:15px;
    margin-right:15px
}
.sidr.right{
    left:auto;right:-260px
}
.sidr.left{
    left:-260px;right:auto
}
.sidr p{
    font-size:13px;
    margin:0 0 12px
}
.sidr p a{
    color:rgba(255,255,255,0.9)
}
.sidr ul{
    display:block;
    margin:0 0 15px;
    padding:0;
    border-top:1px solid #1a1a1a;
    border-bottom:1px solid #4d4d4d
}
.sidr ul li{
    display:block;
    margin:0;
    border-top:1px solid #4d4d4d;
    border-bottom:1px solid #1a1a1a
}
.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{
    border-top:none;
}
.sidr ul li:hover>a{
    color:red;
    font-weight: bold;
}
.sidr ul li a,.sidr ul li span{
    padding:5px 15px;
    display:block;
    text-decoration:none;color:#fff
}
.sidr ul li ul{
    border-bottom:none;margin:0
}
.sidr ul li ul li{
    color: #f1f1f1;
}
.sidr ul li ul li:last-child{
    border-bottom:none
}
.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{
    border-top:none;line-height:41px
}

.sidr ul li ul li a,.sidr ul li ul li span{
    color:rgba(255,255,255,0.8);
    padding-left:30px
}