.nav-slide
{
    position: fixed;
    top:/*50px*/ 32%;
    right: -160px;
    width: 160px;
    background: transparent;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom-right-radius: 5px; z-index:999
}
.btn-slide {
    position: absolute;
    top: 0;
    left: -37px;
    width: 10px;
    height: 20px;
    padding: 5px 25px 30px 10px;
   /* background: #e92e09;*/
    color: #FFF;
    cursor: pointer;
   /* border: 1px solid #e92e09;*/
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    opacity: 0.8;
   border:1px solid #0a1c2d; 
   background: rgb(18,47,74);
background-image: linear-gradient(0deg, rgba(18,47,74,1) 0%, rgba(10,28,45,1) 100%);
 
}
.head-slide {
    position: relative;
    top: 0;
    left: 0;
    width: 160px;
    height: 38px;
    padding: 6px 10px 10px;
    margin: 0;
    /*background: #e92e09;*/
    color: #FFF;
    cursor: pointer;
    opacity: 0.8;
    border-bottom: 1px solid #fff;
    
    background: rgb(18,47,74);
background-image: linear-gradient(0deg, rgba(18,47,74,1) 0%, rgba(10,28,45,1) 100%);
font-size:14px
}


.head-slide a{
	color:#fff
}
.head-slide:hover {
            background: rgb(9, 27, 44); /* change the direction of the change here */
            }
.nav1
{
    list-style: none;
    padding: 0;
    margin: 0;
    background: #CCC;
    border-bottom-right-radius: 5px;
}
.nav1 li
{
}
.nav1 li a
{
    display: block;
    padding: 5px 0 5px 10px;
}
.nav1 li a:hover
{
    text-decoration: none;
    background: #AAA;
    color: #FFF;
}
.nav-body:last-child .nav1 li:last-child a
{
    border-bottom-right-radius: 5px;
}