sports_web/Application/Home/View/Public/agentfooter.blade.php

<ul class="Absolutely">
    <li>
        <a href="https://www.xin8388.com/" target="view_window"><img src="/Public/Home/img/app.png" alt=""/></a>
        <div>APP下载</div>
    </li>
    <li  id='qq'>
        <a target="_blank" href="https://f88.live800.com/live800/chatClient/chatbox.jsp?companyID=706401&configID=139703&jid=7401491209&s=1"><img src="/Public/Home/img/Customer_icon.png" alt=""/></a>
        <div>在线客服</div>
    </li>
    <li>
        <a href="#top"><img src="/Public/Home/img/go_top.png" alt=""/></a>
        <div>返回顶部</div>
    </li>
</ul>
<footer class="foo" id="ko">
    <div class="footer">
        <div class="red">
            <a href="/Home-Index/Index">首页</a>
            <a href="/Home-Gamecenter/Index" >游戏中心</a>
            <a href="/home-active/index">优惠活动中心</a>
            <a href="/home-HelpCenter/index">帮助中心</a>
            <a href="https://www.xin8388.com" target="_blank">手机下载</a>
            <a href="/Home-Account/Index">会员中心</a>
        </div>

        <div class="about_box">
            <ul class="foot_info">
                <li class="foot_wljc"></li>
                <li class="foot_wangan"></li>
                <li class="foot_wsjy"></li>
                <li class="foot_xylh"></li>
                <li class="foot_kxwz"></li>
            </ul>
            {literal}
            <p>2009-2018©<a>{/literal}{$site.site_name}(xin86888.com){literal}</a> | 客服邮箱：<a href="mailto:pc81888@163.com"><span class="eng">pc81888@163.com </span></a> |
                客服QQ：<a href="{{ qqurl }}"><span class="eng">{{ qq }} </span></a> <br><span class="">{/literal}{$site.site_name}{literal}(xin86888.com)郑重提示：彩票有风险，投注需谨慎！</span> 不向未满18周岁的青少年出售彩票</p>
            <div class="clear"></div>
            {/literal}
        </div>
    </div>
</footer>


<script src="/Public/Home/js/bootstrap.min.js"></script>
<script type="text/javascript">
var wepQQ=new Vue({
        el:'#qq',
        data:{
            qqurl:[]
        }
     });
var kefuqq=new Vue({
        el:'.about_box',
        data:{
            qqurl:'',
            qq:'',
        }
     });
     $(function() {
         apiAjax('/api-other/getQQ',{},function(data) {
             wepQQ.qqurl=data.data;
            kefuqq.qq= data.data.qq;
            kefuqq.qqurl= data.data.url;

             
         });
     })
</script>
</body>
</html>
<style>
    .foot_box .about_box {
        border: none;
        margin: 0px auto;
    }
    .foot_info {
         overflow: hidden;
         margin-bottom: 10px;
         margin: 0px auto 0px auto;
         width: 750px;
     }
    .foot_info li.foot_wangan {
        background-position: 0 -45px;
    }
    .foot_info li.foot_wsjy {
        background-position: 0 -90px;
    }
    .foot_info li.foot_xylh {
        background-position: 0 -135px;
    }
    .foot_info li.foot_kxwz {
        background-position: 0 -180px;
    }
    .foot_info li.foot_wljc {
        background-position: 0 0;
    }
    .foot_info li {
         float: left;
         width: 120px;
         height: 45px;
         background: url(/Public/img/footer_img.png) no-repeat;
         margin: 0 10px;
     }
    .about_box p {
        line-height: 22px;
        text-align: center;
    }
</style>