.xf{position:fixed;bottom:20%;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);right: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 #353430;  -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(../images/xf_icon1.png) no-repeat center 16px #353430;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;

    right:120px;

    top: -60px;

	text-align:center;

	display:none; padding:12px 0px 0px 0px;

   

    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(../images/trangle-right-suspension.png);

    background-repeat: no-repeat;

}



	

	

	.xf li.li1:hover{ background:url(../images/xf_icon1.png) no-repeat center 16px #f48000; border:1px solid #f48000}

	

	.xf li.li1:hover a{ color:#fff}

      

        .xf li.li2{background:url(../images/xf_icon3.png) no-repeat center 12px #353430;}

		

		  .xf li.li2:hover{background:url(../images/xf_icon3.png) no-repeat center 12px #f48000; border:1px solid #f48000}

		  .xf li.li2:hover a{ color:#fff}

		  

     

        .xf li.li3{background:url(../images/xf_ico5.png) no-repeat center 12px #353430;width:100%; text-align:center; cursor:pointer; position:relative;}

		

			  .xf li.li3:hover{background:url(../images/xf_ico5.png) no-repeat center 12px #f48000; border:1px solid #f48000}

			  

			    .xf li.li3:hover a{ color:#fff}

      

        .xf li.li5{background:url(../images/xf_im1.png) no-repeat center 12px #353430 }

		

		.xf li.li5:hover{ background:url(../images/xf_im1.png) no-repeat center 12px #f48000; border:1px solid #f48000}

		

		.xf li.li5:hover a{ color:#fff}

      

        .xf li.li6{background:url(../images/xf_ico11.png) no-repeat center 18px #353430;}

     	.xf li.li6:hover{ background:url(../images/xf_ico11.png) no-repeat center 18px #f48000; border:1px solid #f48000}

		

		

		.xf li.li6:hover a{ color:#fff}

		

		

	.tencent {

	position: absolute;

	right: 92px;

	top: 0px;

	width: 216px;

	height: 70px;

	display:none;

	

	background-color: #353430;

	

	-moz-border-radius: 5px;      /* Gecko browsers */

    -webkit-border-radius: 5px;   /* Webkit browsers */

    border-radius:5px;   

	

	

}





.tencent  span{ display:block; padding-left:5px; background:url(../images/telb.png) no-repeat 15px center; height:70px; line-height:70px; font-size:18px; font-weight:bold; color:#FFF;         }