File: /www/wwwroot/www.sanjiangapp.com/template/sanjiang/comm/foot.html
<style>
.delDefaultAStyle{
text-align: left;
cursor: pointer;
color: #8e98a9;
font-size: 14px;
text-decoration: none;
}
</style>
<div class="help ">
<div class="help-in">
<div class="help-left">
<img src="{pboot:sitetplpath}/static/picture/logo3.png" alt="三匠互联">
<img src="{pboot:companyweixin}" alt="微信扫码咨询">
<p>微信扫码咨询</p>
</div>
<div class="help-right" >
<div class="help-right-item">
<p class="help-right-item-title">关于我们</p>
<p class="help-right-item-sub" ><a href="{pboot:sitedomain}/gongsidongtai" class="delDefaultAStyle">公司动态</a></p>
<p class="help-right-item-sub" ><a href="{pboot:sitedomain}/industry" class="delDefaultAStyle">行业动态</a></p>
<p class="help-right-item-sub" ><a href="{pboot:sitedomain}/help" class="delDefaultAStyle">帮助文档</a></p>
<p class="help-right-item-sub" ><a href="{pboot:sitedomain}/yunyingzhishi" class="delDefaultAStyle">运营知识</a></p>
</div>
<div class="help-right-item">
<p class="help-right-item-title">联系我们</p>
<p class="help-right-item-sub">公众号：{pboot:sitetitle}</p>
<p class="help-right-item-sub">电话：{pboot:companyphone} </p>
<p class="help-right-item-sub">公司地址：{pboot:companyaddress} </p>
</div>
</div>
</div>
</div>
<div class="foot">
<div class="foot-in" style="padding-bottom: 5px !important;">{pboot:sitecopyright} 法律顾问：{pboot:sitetitle}法务部</div>
<div style="width:300px;margin:0 auto; padding-bottom: 15px">
<a target="_blank" href="https://beian.miit.gov.cn/" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;" rel="noopener noreferrer nofollow">
<img src="{pboot:sitetplpath}/static/picture/police_logo.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; font-size: 14px;color: #8791a0">{pboot:siteicp}</p>
</a>
</div>
</div>
<style>
@-webkit-keyframes gogogo{0%{-webkit-transform:rotate(0deg)}
25%{-webkit-transform:rotate(15deg)}
50%{-webkit-transform:rotate(0deg)}
75%{-webkit-transform:rotate(-15deg)}
100%{-webkit-transform:rotate(0deg)}
}
.ZlistText img{width:20px;height:20px}
.ZlistText:hover img{-webkit-animation:gogogo 0.5s infinite linear}
.quick-contactus-new{right:10px;width:64px;height:199px}
.ZlistText{width:100%;height:63px;position:relative;display:flex;align-items:center;justify-content:center}
.ZlistText a{z-index:2;filter:gray;width:100%;height:100%;display:flex;justify-content:center;align-items:center;align-content:flex-start;box-sizing:border-box;flex-wrap:wrap;color:#909399;padding-top:12px}
.ZlistText:hover a{color:white}
.ZlistText .spanView{z-index:2;filter:gray;width:100%;height:100%;display:flex;justify-content:center;align-items:center;align-content:flex-start;box-sizing:border-box;flex-wrap:wrap;color:#909399;padding-top:12px}
.ZlistText:hover .spanView{color:white}
.ZlistText .text{text-align:center;width:100%;margin-top:8px}
.Z-close{cursor:pointer;position:absolute;width:30px;height:30px;right:-54px;top:0;padding:0}
.allIndex{z-index:9999;height:400px;position:fixed;bottom:10%;right:40px}
.rightList_top_1231{margin-bottom:16px;cursor:pointer;position:relative}
.rightList_top_1231_image{width:64px;height:64px;border-radius:50%;border:2px solid rgb(101 103 255);animation:warn 1s infinite linear}
@keyframes warn{0%{box-shadow:0 0 0 0 rgb(101,103,255,1)}
100%{box-shadow:0 0 0 10px rgb(101,103,255,0)}
}.rightList_top_1231_image1{top:0;width:64px;height:64px;position:absolute;border-radius:50%;border:2px solid rgb(101 103 255);animation:warn1 1s infinite linear}
@keyframes warn1{0%{box-shadow:0 0 0 0 rgb(101,103,255,0.3)}
100%{box-shadow:0 0 0 30px rgba(0,179,122,0)}
}.rightList_top_1231_image2{position:absolute;border-radius:50%;border:2px solid rgb(101 103 255);animation:warn2 1s infinite linear}
@keyframes warn2{0%{width:64px;height:64px;opacity:1}
100%{width:104px;height:104px;opacity:0}
}.rightList_top_1231_image img{width:100%;height:100%}
.rightList_top_1231_text{color:white;font-size:12px;width:64px;height:24px;background:rgb(101 103 255);display:flex;justify-content:center;align-items:center}
.rightList_top_1231_text a{color:white}
.rightList_con_1231{width:64px;height:128px;background:#FFFFFF;box-shadow:0 0 17px 0 rgb(213 213 213 / 20%)}
.rightList_con_1231 .ZlistText{cursor:pointer;display:flex;justify-content:center;align-content:flex-start;flex-wrap:wrap;color:#909399;box-sizing:border-box;padding:10px 0px 0px 0px;width:30px;margin:auto;transition:0.3s}
.rightList_con_1231 .ZlistText:hover{color:rgb(101 103 255)}
.rightList_con_1231 .ZlistText:nth-child(1){border-bottom:1px solid #EEF0F3}
.pop_close{text-align:right;padding:10px}
.pop_close img{width:24px;height:24px}
.PopShow{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:888999}
.modePopOver{display:flex;justify-content:center;align-items:center}
.modePopOverWx{position:relative;width:318px;height:427px;background:#FFFFFF;border-radius:8px}
.modePopOverWx .topHead{top:-45px;left:120px;position:absolute;width:72px;height:72px;margin:auto;text-align:center;display:flex;justify-content:center;align-items:center}
.disPopRight1{display:none}
.modePopOverWx .modePopOverWx-title .title{margin-top:52px;text-align:center;margin-bottom:8px;font-weight:500;width:100%;height:25px;font-family:PingFangSC-Medium;font-size:18px;color:#1F2C3D}
.modePopOverWx .modePopOverWx-title .des{width:100%;height:22px;font-family:PingFangSC-Regular;text-align:center;line-height:22px;margin-bottom:8px;font-weight:400;font-size:12px;color:#606266}
.modePopOverWx .modePopOverWx-title .time{width:100%;height:22px;font-family:PingFangSC-Regular;font-size:12px;font-weight:400;color:#606266;text-align:center;line-height:22px;margin-bottom:16px}
.modePopOverWx .modePopOverWx-title .image{width:163px;height:163px;margin:auto}
.modePopOverWx .modePopOverWx-title .image img{width:100%;height:100%}
.modePopOverWx .modePopOverWx-title .wxbottom{width:100%;display:flex;justify-content:center;align-items:center;margin-top:24px}
.modePopOverWx .modePopOverWx-title .wxbottom div{width:23%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;cursor:pointer}
.modePopOverWx .modePopOverWx-title .wxbottom div a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.modePopOverWx .modePopOverWx-title .wxbottom div img{width:24px;height:24px;margin-bottom:6px}
.modePopOverWx .modePopOverWx-title .wxbottom div span{width:100%;text-align:center;color:rgb(101 103 255);font-weight:400;font-size:14px}
.disPopRight2{display:none}
.modePopOverDH-title-top{display:flex;justify-content:center;align-items:center;margin-top:24px;margin-bottom:18px}
.modePopOverDH-title-top .span1{width:78px;text-align:center;font-family:PingFangSC-Medium;display:flex;align-items:center;font-weight:500;font-size:18px;color:#1F2C3D}
.modePopOverDH-title-top .span2{text-align:center;line-height:22px;font-weight:400;font-size:12px;color:#606266}
.modePopOverDH-title-center{margin-bottom:11px}
.modePopOverDH-title-image{display:flex;justify-content:center;align-items:center;margin-top:17px}
.modePopOverDH-title-image img{width:163px;height:163px}
.modePopOverDH-title-center span:nth-child(1){width:110px;text-align:right;margin-right:16px;display:inline-block;font-weight:400;font-size:14px;color:#606266}
.modePopOverDH-title-center span:nth-child(2){height:25px;font-family:PingFangSC-Medium;font-weight:500;font-size:18px;color:#1F2C3D}
.modePopOverDH-title-bottom{margin-top:16px;text-align:center;height:22px;font-family:PingFangSC-Regular;font-weight:Regular;font-size:14px;color:#909399;text-align:center;line-height:22px}
</style>
<!-- 侧栏客服 -->
<div class="allIndex">
<div class="quick-contactus-new hidden-xs">
<div class="rightList_top_1231">
<div onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">
<div class="rightList_top_1231_image">
<img src="{pboot:sitetplpath}/static/picture/topHead.png" alt="在线咨询">
</div>
<div class="rightList_top_1231_image1"></div>
<div class="rightList_top_1231_text">在线咨询</div>
</div>
</div>
<div class="rightList_con_1231">
<div class="spanView ZlistText dhTabs" onclick="dhclick()">
<img src="{pboot:sitetplpath}/static/picture/phone.svg" alt="电话">
<span class="text">
<text>电话</text>
</span>
</div>
<div class="spanView ZlistText wxTabs" onclick="wxclick()">
<img src="{pboot:sitetplpath}/static/picture/wechat.svg" alt="微信">
<span class="text">
<text>微信</text>
</span>
</div>
</div>
<div class="go-top-button" style="visibility: visible;">
<p></p>
</div>
</div>
</div>
<!-- 侧边栏弹窗 微信 -->
<div class="PopShow modePopOver disPopRight1">
<div class="modePopOverWx ">
<img class="topHead" src="{pboot:sitetplpath}/static/picture/topHead.png" alt="三匠互联头像">
<img class="Z-close pop_close" src="{pboot:sitetplpath}/static/picture/close.png" alt="关闭按钮">
<div class="modePopOverWx-title">
<div class="title">您好，我是您的专属电商顾问</div>
<div class="des">扫码添加我的微信，送您新零售方案</div>
<div class="time">(工作日09:00 - 18:00)</div>
<div class="image">
<img src="{pboot:companyweixin}" alt="三匠互联客服微信">
</div>
<div class="wxbottom">
<div class="title1">
<img src="{pboot:sitetplpath}/static/picture/kefu.svg" alt="业务咨询">
<span>业务咨询</span>
</div>
<div class="title2 demo_application_btn">
<img src="{pboot:sitetplpath}/static/picture/yanshi.svg" alt="系统演示">
<span>系统演示</span>
</div>
<div class="title3">
<img src="{pboot:sitetplpath}/static/picture/fangan.svg" alt="行业方案">
<span>行业方案</span>
</div>
<div class="title4">
<img src="{pboot:sitetplpath}/static/picture/anli.svg" alt="客户案例">
<span>客户案例</span>
</div>
</div>
</div>
</div>
</div>
<div class="PopShow modePopOver disPopRight2">
<div class="modePopOverWx " style="width: 287px;height: 380px;">
<img class="Z-close pop_close" src="{pboot:sitetplpath}/static/picture/close.png" alt="关闭按钮">
<div class="modePopOverDH-title">
<div class="modePopOverDH-title-top">
<span class="span1">电话咨询</span>
<span class="span2">(工作日09:00 - 18:00)</span>
</div>
<div class="modePopOverDH-title-center">
<span>客服热线:</span>
<span>{pboot:companymobile}</span>
</div>
<div class="modePopOverDH-title-image">
<img src="{pboot:sitetplpath}/static/picture/dhcode.png" alt="三匠互联电话联系二维码">
</div>
<div class="modePopOverDH-title-bottom">扫码即可快速拨打热线</div>
</div>
</div>
</div>
<script src="{pboot:sitetplpath}/static/js/jquery.min.js"></script>
<script src="{pboot:sitetplpath}/static/js/layer.js"></script>
<script>
$(function(){
$(window).scroll(function(){
if($(document).scrollTop() > 0){
$('#ym_header_nav_list').addClass('navtop')
$('.ym_header_left_logo img').attr('src','{pboot:sitetplpath}/static/picture/logo-black.svg')
}else {
$('#ym_header_nav_list').removeClass('navtop')
$('.ym_header_left_logo img').attr('src','{pboot:sitetplpath}/static/picture/logo-white.svg')
}
})
})
$(".tiyan").click(function () {
// $("#youzhiBTN").click();
$(".youzhi_chat").show()
})
$('.jiejue').hover(function () {
$('.solution_card_V').css({'display':'block'})
},function () {
$('.solution_card_V').css({'display':'none'})
})
$('.jiejue1').hover(function () {
$('.solution_card1').css({'display':'block'})
},function () {
$('.solution_card1').css({'display':'none'})
})
$('.dhTabs img').hover(function() {
$(this).attr('src','{pboot:sitetplpath}/static/picture/phone_hover.svg');
},function(){
$(this).attr('src','{pboot:sitetplpath}/static/picture/phone.svg');
})
$('.wxTabs img').hover(function() {
$(this).attr('src','{pboot:sitetplpath}/static/picture/wechat_hover.svg');
},function(){
$(this).attr('src','{pboot:sitetplpath}/static/picture/wechat.svg');
})
function wxclick(){
$('.disPopRight1').fadeIn(200).css('display','flex')
}
function dhclick(){
$('.disPopRight2').fadeIn(200).css('display','flex')
}
// 关闭弹窗
$(".pop_close").click(function() {
$(".PopShow").fadeOut(200);
});
</script>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>