/* CSS Document */


#float_button {
	position:fixed;
	top:40%;
	right:0px;
	width:60px;
	text-align:left;
	z-index:999;
}

#float_button a {
	display:block;
	margin-bottom:7px;
	padding:15px;
	width:30px;
	height:30px;
	border-radius:50px;
	background-color:#93D7FF;
}

#float_button a:hover {
	background-color:#40B6FE;
}


/* 热线电话 */
#float_Phone {
	display:block;
	width:160px;
	height:25px;
	line-height:25px;
	white-space:nowrap;
	overflow:hidden;
}

#float_Phone:hover {
	margin-left:-140px;
	width:160px;
}

#float_Phone:hover span {
	opacity:1;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

#float_Phone img {
	vertical-align:middle;
}

#float_Phone span {
	
	width:120px;
	color:#FFF;
	font-size:16px;
	text-align:center;
	opacity:0;
}


/* 二维码 */
#QRcode {
	position:absolute;
	display:none;
	top:5px;
	left:-185px;
	padding:30px;
	border:1px solid #CCC;
	border-radius:5px;
	background-color:#FFF;
	opacity:0;
	z-index:888;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

#QRcode img {
	width:120px;
	height:120px;
}

#float_button:hover #QRcode {
	display:block;
}

#float_QRcode:hover #QRcode {
	display:block;
	opacity:1;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}