*{
            margin: 0;
            padding:0;
        }
        ul{
            list-style: none;
        }
        #right-nav{
            width:64px;
            height: 100%;
            position: fixed;
            top:200px;
            right:0;
            z-index: 20;
            border-right: 5px solid  #ffffff;
        }
        #right-nav .w{
            position: fixed;
            bottom:22px;
            right:0;
            width:64px;
            height: 55%;
        }
        #right-nav-list1{
            position: relative;
            right: 0;
            top: 0;
            z-index: 20;
        }
        #right-nav-list2{
            position: fixed;
            right: 0;
            bottom: 0;
            z-index: 20;
        }
        #right-nav li{
            position: relative;
            left: 0;
            top: 0;
            height: 64px;
            width: 64px;
            margin-bottom: 1px;
            text-align:center;
        }
        #right-nav li a{
            width: 100%;
            height: 100%;
            display: block;
            background: #000000;
            padding: 7px;
            box-sizing: border-box;
            border-radius: 3px;
            /*transition: all linear 300ms;*/
        }
        #right-nav li div{
            position: absolute;
            left: 50px;
            top: 0;
            z-index: -1;
            font-size: 14px;
            background: #ffffff;
            color: #000000;
            min-height: 34px;
           height:100%;
            width: 200px;
            line-height: 31px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            border-radius: 3px;
            transition: all linear 300ms;
        }
        #right-nav li:hover,#right-nav li:hover a{
            background-color: #ffffff;
        }
        #right-nav li:hover div{
            left:-200px;
        }