左側(cè)客戶功能

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

<title></title>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

<style>

* {

margin: 0px;

padding: 0px;

list-style: none;

}

@media screen and (max-width: 1500px) #h_lxfs_38 {

left: 0px;

}

#h_lxfs_38 {

display: block;

position: fixed;

left: 15%;

top: 10%;

}

.xyh_online_view {

display: none;

font-size: 12px;

color: #666666;

z-index: 9999;

}

.xyh_online_view dl,

.xyh_online_view dd,

.xyh_online_view dt {

padding: 0px;

margin: 0px;

list-style: none;

}

.hb_kf_1 {

border-bottom: 3px dashed #707072;

}

.xyh_online_view .body dd {

border-bottom: #e6e5e4 1px solid;

word-wrap: break-word;

word-break: normal;

margin-bottom: 10px;

}

.hb_kf_1 dd:nth-child(1) {

background: url(images/close.png) no-repeat 48px 13px #006DB2;

width: 58px;

line-height: 35px !important;

color: #FFF;

}

.xyh_online_view .title {

height: 36px;

line-height: 36px;

color: #1B1A1A;

font-weight: bold;

overflow: hidden;

text-align: center;

}

.xyh_online_view dl,

.xyh_online_view dd,

.xyh_online_view dt {

padding: 0px;

margin: 0px;

list-style: none;

}

.hb_kf_1 {

border-bottom: 3px dashed #707072;

}

.cl {

zoom: 1;

}

.xyh_online_view .body dd {

border-bottom: #e6e5e4 1px solid;

word-wrap: break-word;

word-break: normal;

margin-bottom: 10px;

}

.xyh_online_view .qq {

text-align: center;

position: relative;

}

.h_kftx img {

width: 50px;

height: 50px;

cursor: pointer;

}

img {

border: 0 none;

vertical-align: top;

}

.hb_kf_1 .qq div:nth-child(2) {

position: absolute;

left: 57px;

top: -50px;

background: #FFF;

}

.hb_kf_2 {

display: none;

font-size: 15px;

line-height: 25px;

}

.hb_kf_2 a {

line-height: 30px;

}

.xyh_online_view a {

color: #00a0e9;

}

.xyh_online_view dl,

.xyh_online_view dd,

.xyh_online_view dt {

padding: 0px;

margin: 0px;

list-style: none;

}

.xyh_online_view dd.noborder {

border: none;

}

.xyh_online_view .body dd {

border-bottom: #e6e5e4 1px solid;

word-wrap: break-word;

word-break: normal;

margin-bottom: 10px;

}

.xyh_online_view .msg {

height: 25px;

line-height: 36px;

text-align: center;

}

.xyh_online_view .msg a:link,

.xyh_online_view .msg a:visited {

display: block;

color: #ff6600;

text-decoration: none;

}

.xyh_online_view a {

color: #00a0e9;

}

</style>

</head>

<body>

<div id="h_lxfs_38" class="xyh_online_view">

<div class="body">

<dl class="hb_kf_1">

<dd class="title hb_kf_1 hb_o cl">客服</dd>

<dd class="qq">

<div class="h_kftx_0">

<div class="h_kftx">

<img src="http://www.hzsaili.com/Public/Home/default/images/adf/hb_taoxiang_a.png" alt="王順鸞頭像">

</div>

<div class="hb_kf_2">

<img src="http://www.hzsaili.com/Public/Home/default/images/adf/h_wx_0.jpg" alt="王順鸞微信" />

<p>微信掃我有優(yōu)惠</p>

<p>芳  芳</p>

<p>19959315899</p>

<a target="_blank" >

<img border="0" src="http://www.hzsaili.com/Public/Home/default/images/adf/qq_q.jpg">

</a>

</div>

</div>

</dd>

<dd class="qq">

<div class="h_kftx_1">

<div class="h_kftx">

<img src="http://www.hzsaili.com/Public/Home/default/images/adf/hb_taoxiang_b.png" alt="陳亭亭頭像">

</div>

<div class="hb_kf_2">

<img src="http://www.hzsaili.com/Public/Home/default/images/adf/h_wx_4.jpg" alt="陳亭亭微信">

<p>微信掃我有優(yōu)惠</p>

<p>陳亭亭</p>

<p>13606816217</p>

<a target="_blank" >

<img border="0" src="http://www.hzsaili.com/Public/Home/default/images/adf/qq_q.jpg">

</a>

</div>

</div>

</dd>

<dd class="qq">

<div class="h_kftx_2">

<div class="h_kftx">

<img src="http://www.hzsaili.com/Public/Home/default/images/adf/hb_taoxiang_c.png" alt="張林楓頭像">

</div>

<div class="hb_kf_2">

<img src="http://www.hzsaili.com/Public/Home/default/images/adf/h_wx_8.jpg" alt="張林楓微信">

<p>微信掃我有優(yōu)惠</p>

<p>張林楓</p>

<p>13806504065</p>

<a target="_blank" >

<img border="0" src="http://www.hzsaili.com/Public/Home/default/images/adf/qq_q.jpg">

</a>

</div>

</div>

</dd>

<dd class="qq">

<div class="h_kftx_3">

<div class="h_kftx">

<img src="http://www.hzsaili.com/Public/Home/default/images/adf/hb_taoxiang_d.png" alt="廖? 婷頭像">

</div>

<div class="hb_kf_2">

<img src="http://www.hzsaili.com/Public/Home/default/images/adf/h_wx_12.jpg" alt="廖? 婷微信">

<p>微信掃我有優(yōu)惠</p>

<p>廖婷</p>

<p>18357117649</p>

<a target="_blank" >

<img border="0" src="http://www.hzsaili.com/Public/Home/default/images/adf/qq_q.jpg">

</a>

</div>

</div>

</dd>

</dl>

<dl>

<dd class="msg noborder"><a href="/index.php/Search/index.html" target="_blank"></a></dd>

</dl>

</div>

<div class="hb_cjwx"></div>

</div>

<script>

$(function() {

$(".h_kftx").mouseover(function() {

$(this).next().css("display", "block").mouseout(function() {

$(this).css("display", "none");

});

}).mouseout(function() {

$(this).next().css("display", "none").mouseover(function() {

$(this).css("display", "block");

});

});

})

</script>

</body>

</html>