@charset "utf-8";

.side{position:fixed;width:50px;right:0;top:400px;z-index:100;}
.side ul li{width:50px;height:50px;float:left;position:relative;margin-bottom:2px;}
.side ul li .sidebox{position:absolute;width:50px;height:50px;border-radius:5px 0 0 5px;top:0;right:0;transition:all 0.3s;background:#000022;color:#fff;font:16px/50px "微软雅黑";overflow:hidden;}
.side ul li a:hover .sidebox{width:175px;box-sizing:border-box;}
.side ul li img{float:right;max-width:100%;}
.side2{position:fixed;width:40px;right:10px;z-index:100;top:550px;height:80px;}
.side2 ul li{width:40px;height:40px;}
.side2 ul li a{display:block;background-color:#e4392a;height:40px;width:40px;text-align:center;line-height:40px;}
.side2 ul li a img{margin-top:12px;}
.side2 ul li a:hover{background-color:#000022;}
.side2 ul li .weixin{position:absolute;left:-154px;bottom:0;display:none;width:141px;}
.side2 ul li .weixin em{background:url(../images/arr3.png) no-repeat;width:5px;height:17px;display:block;position:absolute;right:-5px;top:50%;margin-top:3px;}
.side2 ul li .weixin img{display:block;width:140px;height:140px;}