#kf {
	width:50px;
	position: fixed;
	z-index: 99999;
	bottom:150px;
	right:20px;
}

#kf li{
	position: relative;
	width:50px;
	height:50px;
	margin-bottom:10px;
	background-image: url(kf.gif);
	background-repeat: no-repeat;
	border-radius: 50%;
	cursor: pointer;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
li#kf_dcf{background-position: 0px 0px;}
li#kf_blog{background-position: 0px -102px;}
li#kf_wx{background-position: 0px -153px;}
li#kf_wap{background-position: 0px -204px;}
li#kf_jqr{background-position: 0px -51px;}
li#kf_back{background-position: center -316px;width:30px;height:30px;margin-left:10px;box-shadow: 1px 2px 10px #AFD6FF;}

li#kf_close{background-position: center -265px;width:30px;height:30px;margin-left:10px;box-shadow: 1px 2px 10px #AFD6FF;}
#kf li.kf_closed{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
li#kf_close:hover{animation: donghua 0.3s linear 0s 1 normal;-webkit-animation: donghua 0.3s linear 0s 1 normal;}
@keyframes donghua{from {transform: rotate(45deg);}to {transform: rotate(90deg);}}
@-webkit-keyframes donghua1{from {transform: rotate(45deg);}to {transform: rotate(90deg);}}


#kf a{
	width:50px;
	height:50px;
	display: block;
	color: #FFFFFF;
}
#kf a b{
	box-sizing: border-box;
	position: absolute;
	z-index: 2;
	width:50px;
	line-height:15px;
	height:50px;
	padding-top:10px;
	background-color: #65AFEA;
	letter-spacing: 3px;
	text-align: center;
	font-size:12px;
	font-weight: normal;
	border-radius: 50%;
	box-shadow: 1px 2px 20px #4ea5ff;
	display: none;
}



#kf a div{
	position: absolute;
	z-index: 1;
	top:0px;
	right:61px;
	width:147px;
	height:160px;
	display: none;		
	background-image: url(wx.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#kf #kf_blog a div{background-image: url(wb.png);/*top:-51px;*/}
#kf #kf_dcf a div{background-image: url(dcf.png);top:-51px;}
#kf #kf_wap a div{background-image: url(wap.png);}
#kf #kf_jqr a div{background-image: url(jqr.png);right:50px;}
#kf a:hover b,#kf a:hover div,#kf a:hover p{
	display: block;	
}