﻿#kf-kefuQQ{position:relative; }
#kf-kefu{position: absolute;left: -140px;width: 140px;background:url(/template/common/kefu/kefu/images/f-middle.png) repeat-y;display:none;padding:20px 0;border-radius:10px;overflow:hidden;}
#kf-kefuQQ:hover  #kf-kefu{display:inline-block;}
#kf-kefu img{cursor:pointer;}
#kf-kefu div{padding:5px 0px; width:110px;  background-color:#f9f9f9;margin:0 auto;}
#kf-kefu div p{ line-height:25px; font-size:13px; display:block;margin:0 auto; width:94px;}
#kf-kefu div p img{margin-top:5px;}
#kf-kefu div a{display:block;text-align:center;border-bottom:1px dashed #ccc;}
#kf-kefu div a:link{color:#333;}
#kf-kefu div a:visited{color:#333;}
#kf-kefu div a:hover{color:orange;background:none;}

.kf-nav{
	position:fixed;
	top:26%;
	right:10px;
	background:url(/template/common/kefu/kefu/images/f-nav-bg.png)  no-repeat;
	width:72px;
	height:560px;
	padding-right:7px;
	z-index:41
}
.kf-nav p{text-align:center;}
.kf-nav .kf-search,.kf-nav .kf-menu,.kf-nav .kf-top,.kf-nav .kf-share{
	text-align:center;
}
.kf-nav .kf-search a,.kf-nav .kf-top a{
	background:url(/template/common/kefu/kefu/images/ico1.png)  no-repeat -76px -363px;
	width:53px;
	height:53px;
	display:inline-block;
}
.kf-nav .kf-menu a{
	width:53px;
	height:53px;
	display:inline-block;
	background: url(/template/common/kefu/kefu/images/ico1.png)  no-repeat scroll -76px -363px rgba(0, 0, 0, 0);
}

.kf-nav .kf-top a{
	background-position:-1px -567px;
}
.kf-nav .kf-top{
	margin-top:14px;
}
.kf-nav .kf-share{
	position:relative;
	border-top:1px solid #606060
}
.kf-nav .kf-share a{
	height:52px;
	width:100%;
	display:inline-block;
	padding-top:14px;
}
.kf-nav .kf-share a:hover{
	background:#343434
}
.kf-nav .kf-share a:hover .kf-code{
	display:block
}

.kf-nav .kf-c-bottom,.kf-nav .kf-c-top{
	height:10px;
}

.kf-nav .kf-code{
	position:absolute;
	left:-151px;
	bottom:-54px;
	width:152px;
	display:none;
}
.kf-nav .kf-code ol{
	padding-top:9px;
}
.kf-nav .kf-code ol p{
	line-height:24px;
	color:#FFF
}
.kf-nav .kf-code ol li{
	padding-bottom:3px;
}

.kf-nav .kf-c-top{
	background:url(/template/common/kefu/kefu/images/f-top.png) repeat-y;
}
.kf-nav .kf-c-bottom{
	background:url(/template/common/kefu/kefu/images/f-bottom.png) repeat-y;
}
.kf-nav .kf-c-er{
	background:url(/template/common/kefu/kefu/images/f-middle.png) repeat-y;
}
.kf-nav .kf-share a b{
	font-weight:normal;
	margin-top:6px;
}
.kf-nav .kf-search i,.kf-nav .kf-menu i,.kf-nav .kf-top i,.kf-nav .kf-share i{
	background:url(/template/common/kefu/kefu/images/ico1.png)  no-repeat 0 0;
	width:34px;
	height:34px;
	display:inline-block;
}
.kf-nav .kf-search i{
	background-position:-170px -99px;
	margin-top:10px;
}
.kf-nav .kf-share i{
	background-position:-96px -99px;
	display:block;
	margin:0 auto
}
.kf-nav .kf-top i{
	background-position:2px -99px;
	margin-top:16px
}
.kf-nav .kf-search a:hover,.kf-nav .kf-menu a:hover,.kf-nav .kf-top a:hover{
	background:url(/template/common/kefu/kefu/images/ico1.png)  no-repeat 0 -363px;
}
.kf-nav .kf-search,.kf-nav .kf-menu,.kf-nav .kf-list{
	margin-top:14px;
}
.kf-nav .kf-list{
	width:72px;
	margin:14px auto 0;
}
.kf-nav .kf-list li{
	height:47px;
	line-height:47px;
	color:#FFF;
	text-align:center;
	border-bottom:1px solid #292929;
	border-top:1px solid #5c5c5c;
}
.kf-nav .kf-list li a{
	display:inline-block;
	width:100%;
	color:#fff;

}
.kf-nav .kf-list li a:hover{
	background:#323232;
	color:red;
}
.kf-nav li.kf-join{
	height:40px;
	line-height:40px;
	border-top:none;
}
.kf-nav .kf-1{
	margin-top:10px;
}
.kf-nav .kf-1,.kf-nav .kf-2{
	color:#FFF;

}
.kf-nav .kf-menu:hover p{
	color:#474747
}
.kf-nav .kf-2{
	font-size:12px;
	line-height:12px;
	margin-top:2px;
}
