#dy_quicknav { position:fixed; top:40%; right:10px; z-index:9999; }
#dy_quicknav ul{padding:0px !important;}
#dy_quicknav ul li {margin-bottom:10px; cursor:pointer;list-style: none;}
#dy_quicknav ul .code {position:relative; }
#dy_quicknav ul .code .pic {position:absolute; right:50px; top:0; display:none; padding:0 10px 10px; width:200px;  filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; text-align:center; background:#f1f1f1; }
#dy_quicknav ul .code .pic p { margin-bottom:0px; }
/*#dy_quicknav ul .code .pic span { font-size:14px; line-height:2em; }*/
#dy_quicknav ul .code .pic img {width:100%; }
#dy_quicknav ul .code .pic::after { content:''; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #f1f1f1;  position:absolute; top:20px; text-align:center; left:148px;  margin-left:-12px; z-index:10; transform:rotate(-90deg); -ms-transform:rotate(-90deg);  -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg);  } 
#dy_quicknav ul .code:hover .pic {display:block; }
#dy_quicknav ul .gotop {display:list-item; }