.mod-elevator{position:fixed;width:50px;left:50%;top:150px;margin-left:625px;font-family:Tahoma,"Microsoft YaHei",sans-serif;font-size:12px;z-index:999}.mod-elevator .banner{width:36px;height:42px;display:none;padding:2px 5px;border:2px solid #363a43;background-color:#fff;margin-bottom:6px}.mod-elevator .banner .icon{display:none;line-height:44px}.mod-elevator .banner span.title{display:block;font-size:14px;line-height:15px;font-weight:700;margin-top:6px}.mod-elevator:hover .banner .title{display:none}.mod-elevator:hover .icon{display:block}.mod-elevator ul{*height:0;zoom:1}.mod-elevator ul li{position:relative;width:50px;height:44px;text-align:center;cursor:pointer;transform:scale(0);background:#363a43;overflow:hidden}.mod-elevator ul li:hover{overflow:visible}.mod-elevator ul li a{float:right;display:block;width:100%;height:44px;line-height:44px;transition:all .3s linear}.mod-elevator ul li span.text,.mod-elevator ul li span.addition{z-index:9;color:#fff;line-height:44px;height:44px}.mod-elevator ul li span.single-text{position:static;z-index:9;color:#fff;line-height:15px}.mod-elevator ul li span.text{width:50px;display:block;margin-right:-10px;float:left}.mod-elevator ul li span.addition{text-align:left;opacity:.3}.mod-elevator ul li a:hover{text-decoration:none;background:#ff2b2b;float:right}.mod-elevator ul li a:hover span.text{width:33px}.mod-elevator ul li a:hover span.addition{opacity:1}.mod-elevator.show{animation:zoomIn .5s}.mod-elevator.show .banner{display:block}.mod-elevator.show ul{height:auto}.mod-elevator.show ul li{transform:scale(1);height:44px}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3,.3,.3)}50%{opacity:1}}