/*¹Ì¶¨µÄÐü¸¡´°*/


/*ĬÈÏÀ¶É«*/
.SonlineBox{ 
	width:60px;
	z-index:999; 
	top:150px; 
	position:fixed;
	right:10px;
}





.side-menu li{
    width:60px;
	height:60px;	
    position:relative;
	cursor: pointer;
	margin-bottom: 4px;
}





.side-menu li .wx{
    background: #fff;
	position:absolute;
	left:-165px;
	top:0;
	transition: 0.5s;
	padding-bottom: 8px;
	text-align: center;
	display: none;
}
.side-menu li .wx span {
    font-size: 16px;
	color: #666666;
	margin-top: -5px;
}
.side-menu li .wx img {
    width: 160px;
	height: 160px;
	display: block;
}


.side-menu .side-info{ 
	position:absolute;
	left:-171px;
	top:0;
	transition: 0.5s;
	/* height:80px; */
	background:#5F6066;
	color:#fff;
	font-size:18px;
	line-height:36px;
	padding: 8px 20px;
	display: none;
}

.side-menu li > img:nth-of-type(1),.side-menu li > a > img:nth-of-type(1) {
    display: block;
	width: 60px;
	height: 60px;
}
.side-menu li > img:nth-of-type(2), .side-menu li > a > img:nth-of-type(2){
    display: none;
	width: 60px;
	height: 60px;
}
.side-menu li:hover > img:nth-of-type(1), .side-menu li:hover > a > img:nth-of-type(1){
	 display: none;
   
}
.side-menu li:hover > img:nth-of-type(2), .side-menu li:hover > a > img:nth-of-type(2){
    display: block;
}

.side-menu li:hover .wx, .side-menu li:hover .side-info{
    display: block;
}


















.side-menu .to-top{
    background:url("../images/qqimg/to-top.png") no-repeat;
}