.right_bar{ position:fixed; top:300px; right:0; width:50px; height:203px; z-index:10; } .right_bar li{ width:62px; height:50px; z-index:20; } .right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0; } .right_bar li.rtbar_li1{ top:0; width:172px; } .right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; } .right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:126px; } .right_bar li.rtbar_li4{ top:153px; } .rtbar_li4{ position:absolute; top:153px; left:0; } .right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#072c87; opacity:0.8; border-radius:6px; } .right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px; } .right_bar li a:hover{ background-color:#b3d101; opacity:1; } .rtbar_shwx{ display:none; position:absolute; top:-120px; left:-160px; padding-bottom:9px; } .rtbar_shwx img{ padding:14px; background-color:#FFF; } .right_bar{ display:none; } .rtbar_shwx{ top:-50px; }