.xf{position:fixed;bottom:20%;_position:absolute;_top:expression(documentElement.scrollTop

	+documentElement.clientHeight-this.offsetHeight);left:5px;width:90px;box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-
	
	moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box; }
			.xf ul{;height:364px;margin-bottom:40px;box-
	
	sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: 
	
	border-box;}
			.xf li{margin-bottom:1px;width:100%;height:80px; background:#FFF; border:1px solid #3874f6;  -moz-border-radius: 5px;      
	
	/* Gecko browsers */
		-webkit-border-radius: 5px;   /* Webkit browsers */
		border-radius:5px; position:relative;            box-sizing: border-
	
	box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-
	
	box;}
			.xf li a{ display:block;width:100%;padding-top:40px; text-align:center; color:#fff; font-size:14px; cursor:pointer;box-sizing: border-
	
	box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-
	
	box;}
			
		
	
			.xf li.li1{background:url(../kefu/xf_icon1h.gif) no-repeat center 16px #3874f6;box-sizing: border-box;
		
	
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box; 
	
	position:relative}
		
		.kefutell {
		position: absolute;
		left: 92px;
		top: -60px;
		text-align:center;
		display:none;
	   
		width: 
	
	177px;
		height: 198px;
		background-color: #fff;
		border: 1px solid #D7D7D7;
	}
	
	
	.kefutell p {
		width: 155px;
	
		text-align: center;
		font-
	
	size:14px;
		margin-left: 10px;
	}
	
	.kefutell i {
		width: 8px;
		height: 15px;
		position: absolute;
		top: 85px;
		right: -8px;
		background-image: 
	
	url(../kefu/trangle-right-suspension.png);
		background-repeat: no-repeat;
	}
	
		
		
		.xf li.li1:hover{ background:url
	
	(../kefu/xf_icon1.gif) no-repeat center 16px #fff; border:1px solid #fff}
		
		.xf li.li1:hover a{ color:#3874f6}
		  
			.xf li.li2
	
	{background:url(../kefu/xf_icon3h.gif) no-repeat center 12px #3874f6;}
			
			  .xf li.li2:hover{background:url
	
	(../kefu/xf_icon3.gif) no-repeat center 12px #fff; border:1px solid #fff}
			  .xf li.li2:hover a{ color:#3874f6}
			  
		 
	   
	
		 .xf li.li3{background:url(../kefu/xf_ico5h.gif) no-repeat center 12px #3874f6;width:100%; text-align:center; cursor:pointer; position:relative;}
		
	
		
				  .xf li.li3:hover{background:url(../kefu/xf_ico5.gif) no-repeat center 12px #fff; border:1px solid #fff}
		
	
			  
					.xf li.li3:hover a{ color:#3874f6}
		  
			.xf li.li5{background:url(../kefu/xf_im1h.gif) no-
	
	repeat center 12px #3874f6 }
			
			.xf li.li5:hover{ background:url(../kefu/xf_im1.gif) no-repeat center 12px #fff; 
	
	border:1px solid #fff}
			
			.xf li.li5:hover a{ color:#3874f6}
		  
			.xf li.li6{background:url
	
	(../kefu/xf_ico11h.gif) no-repeat center 18px #3874f6;}
			 .xf li.li6:hover{ background:url(../kefu/xf_ico11.gif) no-repeat center 18px #fff; 
	
	border:1px solid #fff}
			
			
			.xf li.li6:hover a{ color:#3874f6}
			
			
		.tencent {
		position: absolute;
		left: 92px;
		top: 0px;
		width: 216px;
		height: 70px;
		display:none;
		
		
	
	background-color: #3874f6;
		
		-moz-border-radius: 5px;      /* Gecko browsers */
		-webkit-border-radius: 5px;   /* Webkit 
	
	browsers */
		border-radius:5px;   
		
		
	}
	
	
	.tencent  span{ display:block; padding-left:25px; background:url(../kefu/telb.png) no-
	
	repeat 15px center; height:70px; line-height:70px; font-size:22px; font-weight:bold; color:#FFF;         }