右侧客服框代码 1

woodchen
2022-12-06 / 0 评论 / 3 阅读 / 正在检测是否收录...

HTML

<div class="kefu_floatDtt">在线客服</div>
    <div class="kefu_floatShadow">
        <ul class="kefu_floatDqq">
            <li style="padding-left:0px;"><a class="kefu_qqkefu" target="_blank" href="tencent://message/?uin=44295105&Site=www.czl.net&Menu=yes"><img src="https://cdn.czl.net/online_kefu/img/qq.webp" align="absmiddle">&nbsp;&nbsp;客服1号</a></li>
            <li style="padding-left:0px;"><a class="kefu_qqkefu" target="_blank" href="tencent://message/?uin=2422877797&Site=www.czl.net&Menu=yes"><img src="https://cdn.czl.net/online_kefu/img/qq.webp" align="absmiddle">&nbsp;&nbsp;客服2号</a></li>
        </ul>
        <div class="kefu_floatDtt">热线电话</div>
        <div class="kefu_floatDtel"><img src="https://cdn.czl.net/online_kefu/img/phone.webp" width="100" height="30" alt="在线电话"></div>
        <div style="text-align:center;padding:10PX 0 5px 0;background:#EBEBEB;"><img src="https://cdn.czl.net/online_kefu/img/wap_ico.webp" width="110"  alt="微信二维码"><br>扫码添加微信</div>
    </div>

CSS

.kefutitle{color:#666;text-decoration:none;outline:none;}
.kefu_qqkefu{color:#666;text-decoration:none;outline:none;font-size: 14px;}

.kefu_floatDtt{width:100%;height:45px;line-height:45px; background:#113256;color:#fff;font-size:15px;text-indent:15px;position:relative;}
.kefu_floatShadow ul{list-style:none;}
.kefu_floatDqq{padding:0 12px;}
.kefu_floatDqq img{border:none;outline:none;}
.kefu_floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
.kefu_floatDtel{padding:15px 10px 15px 10px;}
.kefu_floatDtel img{display:block;}
.kefu_floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
0

评论 (0)

取消