<!doctype html>
<html><head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
img{border:0;}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
img{page-break-inside:avoid;}
img{max-width:100%!important;}
}
img{vertical-align:middle;}
.text-center{text-align:center;}
img{border:0;vertical-align:top;}
*:focus{outline:none!important;}
img{vertical-align:middle;}
:active,:focus{outline:none!important;}
.width-200{width:200px!important;}
.kefu{position:fixed;z-index:1;right:0;top:0;padding-top:216px;height:100%;width:50px;}
.kefu .kefu-nav{width:50px;height:50px;margin-bottom:10px;background-image:url('https://56dz.com/static/assets/images/kf.jpg');background-repeat:no-repeat;border:1px solid #ddd;border-radius:4px;cursor:pointer;}
.kefu .kefu-wx{background-position:0 -100px;}
.kefu .kefu-con{display:BLOCK;position:absolute;right:50px;padding-right:10px;transition:all 200ms;}
.kefu .kefu-nav:hover>.kefu-con{display:BLOCK;}
.kefu .kefu-info{padding:10px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.1);}
.kefu .kefu-info:after{content:'';position:absolute;top:10px;right:-3px;width:0;height:0;border-width:6px 6px 6px 8px;border-style:solid;border-color:transparent transparent transparent #fff;}
</style>
</head>
<body>
<div class="kefu">
<div class="kefu-nav kefu-wx">
<div class="kefu-con">
<div class="kefu-info width-200">
<img src="http://zzsx.com/skin/default/images/weixin.jpg" width="180">
</div>
</div>
</div>
</div>
</body>
</html>