.xf { position:fixed; right:18px;bottom:20px; width:80px; height:480px; z-index:99999;border-radius:10px; box-shadow: 3px 3px 5px #666; background:#FDFDFD;}
.xf ul { width:80px; height:480px; margin-bottom:10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;border-radius:10px; }
.xf li { width:100%; height:80px; margin-bottom:0px; 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:42px; text-align:center; color:#858585; font-size:12px; 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_ico1.png") no-repeat center 20px; position:relative }
.xf li.li1 a:hover { background:url("/images/xf_ico1h.png") no-repeat center 20px; color:#FEC516;}
.xf li.li2 { background:url("/images/xf_ico2.png") no-repeat center 20px; }
.xf li.li2 a:hover { background:url("/images/xf_ico2h.png") no-repeat center 20px; color:#FEC516;}
.xf li.li3 { background:url("/images/xf_ico3.png") no-repeat center 20px; width:100%; text-align:center; cursor:pointer; position:relative; }
.xf li.li3 a:hover { background:url("/images/xf_ico3h.png") no-repeat center 20px; color:#FEC516;}
.xf li.li4 { background:url("/images/xf_ico4.png") no-repeat center 20px; width:100%; text-align:center; cursor:pointer; position:relative; }
.xf li.li4 a:hover { background:url("/images/xf_ico4h.png") no-repeat center 20px; color:#FEC516;}

.kefutell { position: absolute; left: -173px; top: -30px; text-align:center; padding-top:5px; display:none; width: 158px; height: 188px; background-color: #FFF;  box-shadow: 2px 2px 4px #CCC;border-radius:16px;}
.kefutell p { width: 125px; 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; }

.tencent { position: absolute; left: -210px; top: 0px; width: 200px; height: 90px; padding-top:10px; display:none; background-color: #FEC516;border-radius:10px;}
.tencent span { display:block; text-align:center; height:90px; line-height:38px; font-size:24px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; }