仿凡科网站右侧悬浮窗代码

最近有些朋友一直在问我的网站(星空社区)右侧悬浮框是如何实现的，其实代码的话我也是参考了钻芒博客的相关代码的，今天分享给大家。

可以自己自定义图标，在css更改图片链接即可（背景图标和鼠标hover浮动图标）。
如果要自己添加在css里写好就可以了。图标可以使用https://www.iconfont.cn
预览:

<div class="wapnone fk_service">
    <ul>
        <li>
            <div class="fk_service_consult_cont1" style="display: none;"> <span class="fk_service_triangle"></span> 在线咨询 </div>
        </li>
        <li class="fk_service_box fk_service_consult">
            <div class="fk_service_consult_cont"> <span class="fk_service_triangle"></span>
                <div class="fk_service_consult_cont_top"> <span class="fk_service_hint"> <span class="fk_service_icon&q