File: /www/wwwroot/www.sanjiangapp.com/runtime/cache/018e9d0504892751bd6afdd2043e8211.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>社区团购系统开发_微信社区团购小程序_社区团购平台源码-三匠互联</title>
<meta name="keywords" content="社区团购,社区团购小程序,社区团购源码">
<meta name="description" content="三匠互联社区团购，帮助商家快速搭建社区团小程序，社区+小程序商城+零售，助力企业商家快速布局千万社区市场，抢占社区风口红利！三匠互联社区团购帮您抓住社区团购新机遇，线上团购+线下自提，玩转社区消费新模式！">
<link rel="shortcut icon" href="/template/sanjiang/favicon.ico" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/template/sanjiang/static/css/index.css">
<link rel="stylesheet" href="/template/sanjiang/static/css/home.css">
<link rel="stylesheet" href="/template/sanjiang/static/css/sulttion.css">
<link rel="stylesheet" href="/template/sanjiang/static/css/public.css">
<style>
#communityGroup{
background:#fff;
}
.help-right-item-sub, .help-right-item-title {
color: #8e98a9;
}
.ym_nav_nav_right .ym_nav_nav_right_button2{
color: #00BB6E !important;
}
.banner{
display: flex;
justify-content: space-between;
}
.banner-pic{
width: 354px;
height: 302px;
}
.banner-pic img{
width: 100%;
}
.banner-word-btn{
margin-top: 42px;
display: inline-block;
border-radius: 5px;
color: #879fff;
font-size: 14px;
cursor: pointer;
}
.free_btn{
background:none;
border:1px solid #fff;
color:#fff;
margin-left:8px;
}
.head{
/*padding-top: 75px;*/
/*background-position-y: 68px !important;*/
background-size: cover !important;
}
.wahtGroup{
height:552px;
width:100%;
background:url('/template/sanjiang/static/images/sqtg.png') no-repeat;
background-size: 100% 100%;
}
.groupContent{
max-width:1429px;
height:552px;
margin:0 auto;
/* border:1px solid #ccc; */
position:relative;
}
.groupContent h2{
font-size:30px;
line-height:75px;
font-weight: 700;
z-index:1;
position:absolute;
top:128px;
right:224px;
color: #242841;
}
.groupContent h3{
font-size: 37px;
line-height:37px;
color:#C4C6D4;
opacity: 0.2;
position:absolute;
top:131px;
right:193px;
}
.groupContent .bar{
width:70px;
height:6px;
background:#FF6918;
border-radius: 3px 3px 0 0;
position:absolute;
right:312px;
top:212px;
}
.groupContent .groupDetail{
width:720px;
height:120px;
position:absolute;
right: 0;
bottom:154px;
}
.groupDetail div{
font-size:18px;
line-height:20px;
color:#626573;
margin-bottom:28px;
}
.groupDetail div span{
display: inline-block;
width: 16px;
height: 16px;
color: #fff;
background: linear-gradient(to right, #7F94FA, #8BBFFE);
border-radius: 50%;
text-align: center;
line-height: 16px;
font-size:12px;
}
.sixCore{
height:893px;
max-width:1354px;
margin:0 auto;
box-sizing: border-box;
}
.sixCore_title{
height:156px;
position:relative;
margin-bottom:50px;
}
.sixCore_title h2{
font-size:30px;
font-weight: 700;
line-height:75px;
width:100%;
text-align: center;
z-index:1;
position:absolute;
top:57px;
color: #242841;
}
.sixCore_title h3{
font-size: 37px;
line-height:37px;
color:#C4C6D4;
opacity: 0.2;
position:absolute;
width:100%;
text-align: center;
top:60px;
}
.sixCore_title .bar{
width:70px;
height:6px;
background:#FF6918;
border-radius: 3px 3px 0 0;
position:absolute;
right:640px;
top:132px;
}
.sixCore_top,.sixCore_bottom{
display: flex;
justify-content: space-between;
}
.sixCore_bottom{
margin-top:67px;
}
.core{
width:310px;
height:310px;
/* border:1px solid #ccc; */
transition:all 1s;
border-radius: 30px;
}
.core .pic{
width:100%;
height:184px;
line-height: 184px;
text-align: center;
}
.pic img{
width:104px;
height:104px;
border-radius: 30px;
}
.core .title{
height:19px;
line-height:19px;
text-align: center;
font-size:19px;
color:#242841;
}
.paragraph{
color:rgba(98,101,115,0);
line-height:24px;
margin-top:10px;
font-size:14px;
padding:0 43px;
box-sizing: border-box;
transition:all 1s;
}
.upShadow .paragraph{
color:rgba(98,101,115,1);
}
.upShadow{
transform: translateY(-40px);
box-shadow: 0 0 49px 0 rgba(147,147,147,0.2);
}
.apply{
height:645px;
max-width:1340px;
background:#FDFDFD;
margin:0 auto;
}
.applyTitle{
height:156px;
position:relative;
}
.applyTitle h2{
font-size:30px;
font-weight: 700;
line-height:75px;
width:100%;
text-align: center;
z-index:1;
position:absolute;
top:57px;
color: #242841;
}
.applyTitle h3{
font-size: 37px;
line-height:37px;
color:#C4C6D4;
opacity: 0.2;
position:absolute;
width:100%;
text-align: center;
top:60px;
}
.applyTitle .bar{
width:70px;
height:6px;
background:#FF6918;
border-radius: 3px 3px 0 0;
position:absolute;
right:640px;
top:132px;
}
.applyPic{
margin-top:50px;
display: flex;
justify-content: space-between;
}
.applyPic .graphic{
width:317px;
height:294px;
transition:all 1s;
}
.graphicUp{
transform: translateY(-24px);
}
.graphic img{
display:block;
width:100%;
height:193px;
}
.graphic p{
padding:14px 45px;
font-size:14px;
line-height:24px;
color:#626573;
text-align: center;
}
.applyBtn{
width:160px;
height:40px;
background:#FF6918;
color:#fff;
text-align: center;
line-height:40px;
font-size:14px;
border-radius: 4px;
box-shadow: 0 2px 6px 0 rgba(255,105,23,0.46);
cursor: pointer;
margin:50px auto 0;
user-select:none;
}
.upPic{
transform: translateY(-20px);
}
.groupMode{
height:798px;
width:100%;
background:url("/template/sanjiang/static/images/characteristicbg.png") center no-repeat;
background-size: 100% 100%;
}
.groupMode_title{
height:156px;
position:relative;
}
.groupMode_title h2{
font-size:35px;
line-height:75px;
width:100%;
text-align: center;
z-index:1;
position:absolute;
top:57px;
color: #fff;
}
.groupMode_title h3{
font-size: 37px;
line-height:37px;
color:#fff;
opacity: 0.5;
position:absolute;
width:100%;
text-align: center;
top:60px;
}
.groupMode_title .bar{
width:70px;
height:6px;
background:#FF6918;
border-radius: 3px 3px 0 0;
position:absolute;
right:50%;
top:132px;
transform: translateX(35px);
}
.groupMode_content{
max-width:1681px;
margin:0 auto;
background:#fff;
box-sizing: border-box;
padding:50px 150px;
}
.groupMode_content img{
width:100%;
}
.showGroup{
/* height:645px; */
max-width:1344px;
margin:0 auto;
}
.switer_group{
display: flex;
justify-content: space-between;
margin-top:30px;
}
.switer_item{
width:260px;
height:625px;
}
.switer_item img{
width:100%;
}
.switer_item p{
font-size:15px;
line-height:61px;
text-align: center;
color:#626573;
}
.showGroupBtn{
width:160px;
height:40px;
background:#FF6918;
color:#fff;
text-align: center;
line-height:40px;
font-size:14px;
border-radius: 4px;
box-shadow: 0 2px 6px 0 rgba(255,105,23,0.46);
cursor: pointer;
margin:50px auto 0;
user-select:none;
position: relative;
z-index: 1;
}
.groupTest{
height:350px;
width:100%;
margin-top:-45px;
margin-bottom: -1px;/*隐藏图片下1像素白边*/
position:relative;
}
.groupTest img{
width:100%;
height:100%;
}
.groupTest p{
font-size:20px;
color:#fff;
position:absolute;
top:197px;
left:37%;
}
.groupTest p span{
display:inline-block;
text-indent: 2em;
}
.groupTestBtn{
width:160px;
height:44px;
background:#FF6918;
color:#fff;
text-align: center;
line-height:44px;
font-size:14px;
border-radius: 22px;
box-shadow: 0 2px 6px 0 rgba(255,105,23,0.46);
cursor: pointer;
margin:50px auto 0;
user-select:none;
position:absolute;
bottom:48px;
left:46%;
}
</style>
</head>
<body class="main">
<div id="communityGroup">
<div class="head" style="background: url('/template/sanjiang/static/images/group_bg.png') no-repeat; background-color: #53c05b">
<script>
function showClick() {
layer.open({
type: 1,
content: $('.adminDemo').html(),
title: ['演示下载','text-align:center'],
area: ['700px', '590px'],
closeBtn:1
});
}
function closePop() {
layer.closeAll()
}
</script>
<style>
.delDefaultAStyleAll{
cursor: pointer;
color: #fff;
font-size: 17px;
text-decoration: none;
width: auto !important;
height: auto !important;
background: none !important;
opacity: 1 !important;
margin-top: 0 !important;
}
.admin_box{
width: 100%;
height: 100%;
background: #fff;
position: relative;
border-radius: 2px;
}
.admin_box::before{
content: '';
display: block;
width: 10px;
height: 10px;
background: #fff;
position: absolute;
right: 40px;
top: -5px;
transform:rotate(45deg);
}
.closePop{
width: 21px;
height: 20px;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
.ddtable{
display: flex;
padding: 18px 34px;
height: 406px;
box-sizing: border-box;
overflow-y: auto;
}
.ddtable dl{
color: #000 !important;
margin-right: 50px;
}
.ddtable dl:last-child{
margin-right: 0;
}
.ddtable dl.ysht dd{
font-size: 14px;
color: #242841;
}
.ddtable dl.ysdd dd a{
color: #0983ff;
font-size: 13px;
}
.ddtable dl.zhmm dd a{
color: #0983ff;
text-decoration: none;
}
.ddtable dl dd{
color: #000;
margin-bottom: 26px;
line-height:22px;
}
.ddtable dl dd:last-child{
margin-bottom: 0px;
}
.ddtable dl dt{
font-size: 14px;
font-weight: 700;
text-align: left;
color: #242841;
padding-bottom: 15px;
border-bottom:2px dotted #969798;
margin-bottom: 20px;
}
.admin_box .ewms{
width: 100%;
height: 120px;
border-radius: 6px;
color: #181f29;
font-size: 12px;
display: flex;
justify-content: space-between;
padding: 10px 34px 9px;
box-sizing: border-box;
}
.admin_box .ewms>div{
display: flex;
flex-direction: column;
align-items: center;
}
.admin_box .ewms img{
width: 86px;
height: 86px;
margin-bottom: 16px;
}
/*演示后台*/
/*.demoAD:hover .adminDemo{*/
/*display: block;*/
/*}*/
.adminDemo{
display: none;
position: absolute;
top:30px;
bottom: 0;
right: 0;
/*width: 700px;*/
/*height: 620px;*/
padding: 35px 0;
z-index: 99;
}
</style>
<style>
.layui-layer{
border-radius: 6px;
}
.top_cooperation{
width: 100%;
padding: 12px 0;
position: fixed;
top: 0;
z-index: 2000;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
background-size: 100% 112px;
background-image: url("/template/sanjiang/static/images/bg2.png");
cursor: pointer;
display: none;
}
.transparent{
width: 100%;
position: fixed;
top: 507px;
display: none;
z-index: 2000;
}
.unimportance{
width: 100%;
/*height: 100%;*/
display: flex;
align-items: center;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
}
.top_cooperation .details{
border: 0 !important;
font-size: 16px !important;
margin: 0 0 0 40px !important;
background: linear-gradient(#fcbf42,#f99132) !important;
box-shadow: 0 0px 10px 0px rgba(0,0,0,.08) !important;
}
.top_cooperation .details a{
text-decoration: none;
color: #ffffff !important;
}
.top_cooperationone{
width: 1100px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.top_cooperationtwo{
width: 890px;
margin: 0 auto;
display: none;
justify-content: center;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
.retract{
width: 72px;
display: flex;
align-items: center;
cursor: pointer;
margin: 30px auto 10px;
}
.retract p{
color: white;
font-size: 16px;
display: inline-block;
}
.retract img{
width: 16px;
height: 16px;
margin-right: 10px;
}
.top_cooperationoneR{
float: right;
}
.top_cooperationoneL{
float: left;
}
.top_cooperationoneR ul{
width: 90%;
}
.top_cooperationoneR ul li{
color: #ffffff;
font-size: 20px;
margin-bottom: 30px;
padding: 0;
}
.top_cooperationoneR span{
display: inline-block;
width: 26px;
height: 26px;
border-radius: 50%;
background: #ffffff;
color: #ff262b;
text-align: center;
line-height: 26px;
font-weight: bold;
margin: 0 10px;
}
.top_cooperationstyle{
background-size: 100% 100%;
display: block !important;
padding-top: 50px !important;
box-sizing: border-box;
}
.top_cooperationstyletwo{
background-image: url("/template/sanjiang/static/images/bg1.png") !important;
}
.top_cooperationstyle .top_cooperationone{
margin-bottom: 50px;
}
.qw_btn{
width: 120px !important;
height: 40px !important;
border-radius: 4px !important;
background: #FF6918 !important;
text-align: center !important;
line-height: 40px !important;
color: white !important;
font-size: 14px !important;
box-shadow: 0px 2px 6px 0px rgba(255, 105, 24, 0.46) !important;
margin: 0 auto !important;
border: 1px solid #FF6918 !important;
cursor: pointer;
}
.navtop{
position: fixed !important;
background: #ffffff;
z-index: 1000 !important;
transition: 0.2s;
box-shadow: 0px 10px 10px rgba(0,0,0,.02);
top: 0px;
}
.navtop .ym_nav_nav_left li{
color: #333333 !important;
}
.navtop .ym_nav_nav_left li>a{
background: #fd493e;
color: #333333 !important;
}
.navtop .ym_nav_nav_right li{
color: #333333;
}
.navtop .ym_nav_nav_right .ym_nav_nav_right_button{
border: 1px solid #fd493e;
color: #fd493e !important;
}
.navtop .ym_nav_nav_right .ym_nav_nav_right_button2{
background: #fd493e;
color: #ffffff !important;
}
.navtop .lefboder::before{
background-color: black;
}
.closeadvertisement{
width: 22px;
height: 22px;
position: fixed;
right: 20px;
top: 10px;
z-index: 2000;
cursor: pointer;
display: none;
}
.closeadvertisement img{
width: 100%;
}
.ycm_product_list{
padding-left: 40px;
padding-right: 40px;
}
.ycm_product_list .items{
/* width: 900px; */
height: auto;
}
.ycm_product_list .items .link{
font-weight: 600;
font-size: 14px;
color: #242841;
}
.ycm_product_list .items .text{
margin-top: 6px;
font-size: 12px;
color: #9a9a9a;
overflow:hidden;
white-space:nowrap;
}
.ycm_product_list .items dt{
font-size: 16px;
font-weight: 600;
color: #242841;
}
.ycm_product_list .items dl{
margin-right: 50px;
}
.ycm_product_list .items dl:last-child{
margin-right: 0;
}
.ycm_product_list .items dl dd{
margin-top: 20px;
line-height: 20px;
}
.ycm_product_list .items dl dd div{
width: calc(100% - 48px);
}
.ycm_product_list .items .me dd{
display: flex;
align-items: center;
}
.ycm_product_list .items .me img{
margin-right: 8px;
width: 40px;
height: 40px;
}
.ycm_product_list .items .other{}
.solution_card dl dd a.vice_link{
display: block;
}
/*产品方案*/
.solution_card_V{
position:fixed;
top: 69px;
left: 0;
right: 0;
color: #000;
z-index: 9;
height: 0;
overflow: hidden;
/*display: none;*/
transition:height .25s;
box-shadow: 0px 8px 10px rgba(0,0,0,.1);
}
.product:hover .solution_card_V{
height: 505px;
border-top: 1px solid rgba(0,0,0,.06);
padding-bottom: 30px;
}
.product:hover .solution_card_box{
padding-bottom: 30px;
}
.solution_card_box{
width: 100%;
background: #fff;
margin: 0 auto;
padding: 30px 0 0;
}
.solution_card_box dl{
}
.solution_card_box dt{
font-size: 16px;
font-weight: 700;
color: #242841;
display: flex;
align-items: center;
}
.solution_card_box dt::before{
display: block;
content: '';
width: 3px;
height: 16px;
background: #fc473c;
border-radius: 2px 0px 0px 2px;
margin-right: 10px;
}
.solution_card_box dd{
width: calc(20% - 35px);
}
.solution_card_box dd{
display: inline-flex;
align-items: center;
margin-right: 30px;
margin-top: 22px;
margin-bottom: 35px;
}
.solution_card_box dd:last-child{
margin-right: 0;
}
.solution_card_box dd:hover a{
color: #ff501a;
}
.solution_card_box dd img{
width: 40px;
height: 40px;
margin-right: 9px;
}
.solution_card_box dd>div{
display: flex;
flex-direction: column;
}
.solution_card_box dd>div a{
text-decoration: none;
}
.solution_card_box dd>div a:first-child{
font-size: 14px;
color: #242841;
}
.solution_card_box dd>div a:last-child{
margin-top: 6px;
font-size: 12px;
color: #9a9a9a;
overflow: hidden;
white-space: nowrap;
}
.layui-layer-title{
padding: 0;
}
.ym_nav_nav_right .ym_nav_nav_right_button2{
color: #2919b1 !important;
}
</style>
<div id="ym_header_nav_list">
<div class="ym_nav_center">
<div class="ym_header_left_logo" onclick="location.href='/'"><img style="width: 100%;height: 100%; cursor: pointer" src="/template/sanjiang/static/picture/logo-white.svg" alt="">
</div>
<div class="ym_header_right_nav">
<div class="ym_nav_nav_left">
<ul>
<li class="nav_left_button"><a class="delDefaultAStyleAll" href="https://www.sanjiangapp.com/">首页</a><a href=""
></a></li>
<li class="nav_left_button product" style="position: relative" >
<a class="delDefaultAStyleAll">产品</a> <a href="" ></a>
<div class="solution_card_V">
<div class="solution_card_box">
<div style="width: 1140px;margin: 0 auto">
<dl class="me" style="width:auto; max-width:none;">
<dt>三匠互联商城系统</dt>
<dd>
<img src="/template/sanjiang/static/picture/nav_weixin.png"/>
<div>
<a class="link" href="https://www.sanjiangapp.com/wxshop" target="_blank">微信商城系统</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/wxshop" target="_blank">基于微信生态快速搭建商城</a>
</div>
</dd>
<dd >
<img src="/template/sanjiang/static/picture/nav_fenxiao.png"/>
<div>
<a class="link" href="https://www.sanjiangapp.com/fenxiao" target="_blank">分销商城系统</a><a class="text vice_link" href="https://www.sanjiangapp.com/fenxiao" target="_blank">传统分销+新玩法，提升销售额</a>
</div>
</dd>
<dd>
<img src="/template/sanjiang/static/picture/nav_xinlingshou.png"/>
<div>
<a class="link" href="https://www.sanjiangapp.com/xinlingshou" target="_blank">新零售商城系统</a><a class="text vice_link" href="https://www.sanjiangapp.com/xinlingshou" target="_blank">新零售，赋能传统零售转型升级</a>
</div>
</dd>
<dd >
<img src="/template/sanjiang/static/picture/nav_duoshangjia.png"/>
<div>
<a class="link" href="https://www.sanjiangapp.com/duoshangjia" target="_blank">多商家多门店商城</a><a class="text vice_link" href="https://www.sanjiangapp.com/duoshangjia" target="_blank">打造多门店商家入驻的商家平台</a>
</div>
</dd>
<dd>
<img src="/template/sanjiang/static/picture/nav_shequ.png"/>
<div>
<a class="link" href="https://www.sanjiangapp.com/sqtg" target="_blank">社区团购商城系统</a><a class="text vice_link" href="https://www.sanjiangapp.com/sqtg" target="_blank">整合社区资源，快速实现裂变</a>
</div>
</dd>
</dl>
<dl class="other">
<dt>行业应用</dt>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/weishang" target="_blank">微商管理系统</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/weishang" target="_blank" style="white-space: pre-line">高效管人、管货、管钱</a>
</div>
</dd>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/huanbao" target="_blank">365免费换包系统</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/huanbao" target="_blank" style="white-space: pre-line">365包包模式，月月可换新包</a>
</div>
</dd>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/xiaofei" target="_blank">消费返利模式系统</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/xiaofei" target="_blank" style="white-space: pre-line">平台整合，商家让利，消费创业</a>
</div>
</dd>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/toupiao" target="_blank">微信投票点赞系统</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/toupiao" target="_blank" style="white-space: pre-line">不限投票活动量，不限参赛选手数</a>
</div>
</dd>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/share" target="_blank">共享店铺股东分红</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/share" target="_blank" style="white-space: pre-line">帮助门店快速增长营业额</a>
</div>
</dd>
</dl>
<dl class="other">
<dt>营销引流</dt>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/liandong" target="_blank">链动2+1模式</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/liandong" target="_blank" style="white-space: pre-line">快速提升销量的裂变模式</a>
</div>
</dd>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/tuisan" target="_blank">推三返一模式</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/tuisan" target="_blank" style="white-space: pre-line">助力品牌高效引流裂变</a>
</div>
</dd>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/qixing" target="_blank">七星创客新零售</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/qixing" target="_blank" style="white-space: pre-line">快速裂变，拓客，卖货，清货模式</a>
</div>
</dd>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/qiren" target="_blank">七人拼团商城</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/tuisan" target="_blank" style="white-space: pre-line">二二复制，七人拼团，引爆社交圈</a>
</div>
</dd>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/pintuan" target="_blank">拼团返红包商城</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/pintuan" target="_blank" style="white-space: pre-line">拼团拼中得产品,拼不中得红包</a>
</div>
</dd>
</dl>
<dl class="other">
<dt>私域运营</dt>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/minimall" target="_blank">小程序商城</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/minimall" target="_blank" style="white-space: pre-line">帮助商家迅速获取小程序红利</a>
</div>
</dd>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/h5mall" target="_blank">公众号商城</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/h5mall" target="_blank" style="white-space: pre-line">成本低、易获客、高转化</a>
</div>
</dd>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/appmall" target="_blank">APP商城</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/appmall" target="_blank" style="white-space: pre-line">拥有独立APP，彰显品牌感</a>
</div>
</dd>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/dingzhikaifa" target="_blank">定制开发服务</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/dingzhikaifa" target="_blank" style="white-space: pre-line">量身定制系统，专业团队打造</a>
</div>
</dd>
<dd>
<div>
<a class="link" href="https://www.sanjiangapp.com/privatecloud" target="_blank">源码部署</a>
<a class="text vice_link" href="https://www.sanjiangapp.com/privatecloud" target="_blank" style="white-space: pre-line">支持独立部署，提供商城源码</a>
</div>
</dd>
</dl>
</div>
</div>
</div>
</li>
<li class="nav_left_button jiejue1" style="position: relative" >
<a class="delDefaultAStyleAll">方案</a>
<a href="" ></a>
<div class="solution_card1">
<div class="items" style="width:500px">
<dl>
<dt >应用终端</dt>
<dd><a href="https://www.sanjiangapp.com/minimall" target="_blank">小程序商城</a></dd>
<dd><a href="https://www.sanjiangapp.com/h5mall" target="_blank">公众号商城</a></dd>
<dd><a href="https://www.sanjiangapp.com/appmall" target="_blank">APP商城系统</a></dd>
</dl>
<dl>
<dt >特色功能</dt>
<dd><a href="https://www.sanjiangapp.com/dingzhikaifa" target="_blank">定制服务</a></dd>
<dd><a href="https://www.sanjiangapp.com/privatecloud" target="_blank">独立部署</a></dd>
<dd><a href="https://www.sanjiangapp.com/yingxiao" target="_blank">拓客引流</a></dd>
</dl>
<dl>
<dt >解决方案</dt>
<dd><a href="https://www.sanjiangapp.com/xinlingshou" target="_blank">新零售</a></dd>
<dd><a href="https://www.sanjiangapp.com/socialmall" target="_blank">社交电商</a></dd>
<dd><a href="https://www.sanjiangapp.com/livemall" target="_blank">直播电商</a></dd>
<dd><a href="javascript:void(0)" style="color:#B2B3B2" 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')">更多服务行业</a></dd>
</dl>
</div>
</div>
</li>
<li class="nav_left_button"><a class="delDefaultAStyleAll" href="https://www.sanjiangapp.com/article">新闻</a> <a href="" ></a></li>
<li class="nav_left_button"><a class="delDefaultAStyleAll" href="https://www.sanjiangapp.com/daili">代理</a> <a href="" ></a></li>
<li class="nav_left_button"><a class="delDefaultAStyleAll" href="https://www.sanjiangapp.com/about"> 关于</a>
<a href="" ></a></li>
</ul>
</div>
<div class="ym_nav_nav_right">
<ul>
<li class="ym_nav_nav_right_button yscolor demoAD" onclick="showClick()"
style="margin-right: 6px;position:relative;margin-left:10px;padding:7px 17px;color: #fff;">系统演示
</li>
<li class="registertext ym_nav_nav_right_button ym_nav_nav_right_button2"
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')" style="margin-left: 10px;color: #fff ;">在线咨询
</li>
<div class="adminDemo">
<div class="admin_box">
<div class="ddtable">
<dl style="width: 140px;" class="ysht">
<dt>链动2+1模式</dt>
<dd>新零售系统</dd>
<dd>代理云仓系统</dd>
<dd>365换包模式</dd>
<dd>七人拼团系统</dd>
<dd>推三返一系统</dd>
<dd>社区团购系统</dd>
<dd>排队返利系统</dd>
</dl>
<dl style="max-width: 310px;" class="ysdd">
<dt>演示地址</dt>
<dd><a href="javascript:void(0)" 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')">联系客服索取演示地址和系统方案</a></dd>
<dd><a href="javascript:void(0)" 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')">联系客服索取演示地址和系统方案</a></dd>
<dd><a href="javascript:void(0)" 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')">联系客服索取演示地址和系统方案</a></dd>
<dd><a href="javascript:void(0)" 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')">联系客服索取演示地址和系统方案</a></dd>
<dd><a href="javascript:void(0)" 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')">联系客服索取演示地址和系统方案</a></dd>
<dd><a href="javascript:void(0)" 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')">联系客服索取演示地址和系统方案</a></dd>
<dd><a href="javascript:void(0)" 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')">联系客服索取演示地址和系统方案</a></dd>
</dl>
<dl style="width: 100px;" class="zhmm">
<dt>账号密码</dt>
<dd><a href="javascript:void(0)" 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')">联系客服</a></dd>
<dd><a href="javascript:void(0)" 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')">联系客服</a></dd>
<dd><a href="javascript:void(0)" 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')">联系客服</a></dd>
<dd><a href="javascript:void(0)" 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')">联系客服</a></dd>
<dd><a href="javascript:void(0)" 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')">联系客服</a></dd>
<dd><a href="javascript:void(0)" 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')">联系客服</a></dd>
<dd><a href="javascript:void(0)" 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')">联系客服</a></dd>
</dl>
</div>
<div class="ewms">
<div><img src="/template/sanjiang/static/picture/qrcode.png" alt="三匠互联小程序商城"><span>小程序商城</span></div>
<div><img src="/static/upload/image/20221108/1667895071609878.jpg" alt="三匠互联客服"><span>三匠互联客服</span></div>
<div><img src="/template/sanjiang/static/picture/dhcode.png" alt="新零售系统"><span>新零售系统</span></div>
<div><img src="/template/sanjiang/static/picture/dhcode.png" alt="分销商城"><span>分销商城</span></div>
<div><img src="/template/sanjiang/static/picture/dhcode.png" alt="微商系统"><span>微商系统</span></div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
<div class="head-in">
<div class="banner">
<div class="banner-word">
<p class="banner-word-1st" style="color: #fefeff;font-size: 40px;font-weight: bold;margin-top: 50px;">三匠互联社区团购系统</p>
<p class="banner-word-2nd" style="font-weight: normal;font-size: 22px;letter-spacing: .4px">整合社区资源，快速实现流量裂变</p>
<p class="banner-word-2nd" style="font-weight: normal;font-size: 22px;letter-spacing: .4px">提供优质的社区团购方案，为线下门店增收</p>
<div class="banner-word-btn" style="color:#00BB6E;font-weight: 800;border: 1px solid #fff" onclick="wxclick()">立即咨询</div>
<div class="banner-word-btn free_btn" onclick="showClick()">获取解决方案</div>
</div>
<div class="banner-pic">
<img src="/template/sanjiang/static/picture/group.png" alt="三匠互联社区团购系统">
</div>
</div>
</div>
</div>
<div class="wahtGroup">
<div class="groupContent">
<h2>什么是社区团购</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
<div class="groupDetail">
<div>
<span>1</span>
社区团购以社区为基础，团长通过微信群与社区居民互动，开展群内分享销售。
</div>
<div>
<span>2</span>
社区用户在小程序或公众号商城下单后、平台发货至团长处，社区用户到团长处自提。
</div>
<div>
<span>3</span>
通过社区平台+商家+团长+配送四个环节进行运作，形成了一种新的社区消费模式。
</div>
</div>
</div>
</div>
<div class="sixCore">
<div class="sixCore_title">
<h2>社区团购八大核心优势</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="sixCore_top">
<div class="core">
<div class="pic">
<img src="/template/sanjiang/static/picture/hk.png" alt="获客成本低">
</div>
<p class="title">获客成本低</p>
<p class="paragraph">通过招募的团长建立微信群，与邻里直接互动沟通0成本带动客户的增长</p>
</div>
<div class="core">
<div class="pic">
<img src="/template/sanjiang/static/picture/rg.png" alt="人工成本低">
</div>
<p class="title">人工成本低</p>
<p class="paragraph">社区团购主要召集的是兼职店主等，相比传统电商起来，人力成本几乎为0</p>
</div>
<div class="core">
<div class="pic">
<img src="/template/sanjiang/static/picture/wl.png" alt="物流成本低">
</div>
<p class="title">物流成本低</p>
<p class="paragraph">社区团购主要是预售模式，形成大的订单后统一向各小区发货，降低了物流成本</p>
</div>
<div class="core">
<div class="pic">
<img src="/template/sanjiang/static/picture/lkc.png" alt="零库存堆积">
</div>
<p class="title">零库存堆积</p>
<p class="paragraph">采取预售方式，客户要先通过社群链接下单，商家收到款项后，再进行统一发货</p>
</div>
</div>
<div class=" sixCore_bottom">
<div class="core">
<div class="pic">
<img src="/template/sanjiang/static/picture/ty.png" alt="购买体验好">
</div>
<p class="title">购买体验好</p>
<p class="paragraph">互动性和及时反馈比较强，集采级配，交付体验比电商更好、稳定性更强</p>
</div>
<div class="core">
<div class="pic">
<img src="/template/sanjiang/static/picture/lb.png" alt="裂变速度快">
</div>
<p class="title">裂变速度快</p>
<p class="paragraph">熟人之间的相互推荐，客户不担心产品质量，因此加速产品的裂变速度</p>
</div>
<div class="core">
<div class="pic">
<img src="/template/sanjiang/static/picture/yy.png" alt="运营模式简单">
</div>
<p class="title">运营模式简单</p>
<p class="paragraph">团长组件社群，通过合理的运营，为客户提供优质的服务，轻松的获得客户的认可</p>
</div>
<div class="core">
<div class="pic">
<img src="/template/sanjiang/static/picture/sy.png" alt="使用更方便">
</div>
<p class="title">使用更方便</p>
<p class="paragraph">客户通过小程序就可以购买商品，团长也可通过手机管理订单</p>
</div>
</div>
</div>
<div class="apply">
<div class="applyTitle">
<h2>适用群体</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="applyPic">
<div class="graphic">
<img src="/template/sanjiang/static/picture/wy.png" alt="连锁物业有足够的资源">
<p>连锁物业有足够的资源，能快速组织社区居民团购群，针对物业覆盖的小区，成立社区门店，引导居民消费</p>
</div>
<div class="graphic">
<img src="/template/sanjiang/static/picture/gys.png" alt="货源供应商的一手货源与社区合作">
<p>货源供应商的一手货源与社区合作，满足社区团购模式货源需求，通过社区团购这种模式来拓展销路</p>
</div>
<div class="graphic">
<img src="/template/sanjiang/static/picture/bld.png" alt="连锁便利店拥有丰富的社区人脉资源">
<p>连锁便利店拥有丰富的社区人脉资源，可以整合多方面的资源，多方位合作推动社区团购模式发展</p>
</div>
<div class="graphic">
<img src="/template/sanjiang/static/picture/md.png" alt="小区门店占据天然的地理优势">
<p>小区门店占据天然的地理优势，可以迅速地整合社区居民资源和其他资源，帮助门店的增加收入</p>
</div>
</div>
<div class="applyBtn" onclick="wxclick()">免费获取解决方案</div>
</div>
<div class="groupMode">
<div class="groupMode_title">
<h2>三匠互联社区团购模式</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="groupMode_content">
<img src="/template/sanjiang/static/picture/table.png" alt="三匠互联社区团购模式">
</div>
</div>
<div class="showGroup">
<div class="applyTitle">
<h2>产品展示</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="switer_group">
<div class="switer_item">
<img src="/template/sanjiang/static/picture/zs4.png" alt="社区团购首页">
<p>社区团购首页</p>
</div>
<div class="switer_item">
<img src="/template/sanjiang/static/picture/zs3.png" alt="社区团购菜谱页">
<p>社区团购菜谱页</p>
</div>
<div class="switer_item">
<img src="/template/sanjiang/static/picture/zs1.png" alt="社区团购结算页">
<p>社区团购结算页</p>
</div>
<div class="switer_item">
<img src="/template/sanjiang/static/picture/zs2.png" alt="社区团购个人中心页">
<p>社区团购个人中心页</p>
</div>
</div>
<div class="showGroupBtn" onclick="showClick()">免费演示案例</div>
</div>
<div class="groupTest">
<img src="/template/sanjiang/static/picture/search.png" alt="三匠互联社区团购新模式">
<p>三匠互联帮您抓住社区团购新机遇<span>线上团购+线下自提，玩转社区消费新模式</span></p>
<div class="groupTestBtn" onclick="wxclick()">立即咨询</div>
</div>
<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="/template/sanjiang/static/picture/logo3.png" alt="三匠互联">
<img src="/static/upload/image/20221108/1667895071609878.jpg" 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="https://www.sanjiangapp.com/gongsidongtai" class="delDefaultAStyle">公司动态</a></p>
<p class="help-right-item-sub" ><a href="https://www.sanjiangapp.com/industry" class="delDefaultAStyle">行业动态</a></p>
<p class="help-right-item-sub" ><a href="https://www.sanjiangapp.com/help" class="delDefaultAStyle">帮助文档</a></p>
<p class="help-right-item-sub" ><a href="https://www.sanjiangapp.com/yunyingzhishi" class="delDefaultAStyle">运营知识</a></p>
</div>
<div class="help-right-item">
<p class="help-right-item-title">联系我们</p>
<p class="help-right-item-sub">公众号：三匠互联</p>
<p class="help-right-item-sub">电话：18520002448 </p>
<p class="help-right-item-sub">公司地址：广州市天河区盈珠商务中心2栋406室 </p>
</div>
</div>
</div>
</div>
<div class="foot">
<div class="foot-in" style="padding-bottom: 5px !important;">Copyright © 2020 广州三匠互联科技有限公司 版权所有 法律顾问：三匠互联法务部</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="/template/sanjiang/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">粤ICP备2020121639号</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="/template/sanjiang/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="/template/sanjiang/static/picture/phone.svg" alt="电话">
<span class="text">
<text>电话</text>
</span>
</div>
<div class="spanView ZlistText wxTabs" onclick="wxclick()">
<img src="/template/sanjiang/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="/template/sanjiang/static/picture/topHead.png" alt="三匠互联头像">
<img class="Z-close pop_close" src="/template/sanjiang/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="/static/upload/image/20221108/1667895071609878.jpg" alt="三匠互联客服微信">
</div>
<div class="wxbottom">
<div class="title1">
<img src="/template/sanjiang/static/picture/kefu.svg" alt="业务咨询">
<span>业务咨询</span>
</div>
<div class="title2 demo_application_btn">
<img src="/template/sanjiang/static/picture/yanshi.svg" alt="系统演示">
<span>系统演示</span>
</div>
<div class="title3">
<img src="/template/sanjiang/static/picture/fangan.svg" alt="行业方案">
<span>行业方案</span>
</div>
<div class="title4">
<img src="/template/sanjiang/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="/template/sanjiang/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>18520002448</span>
</div>
<div class="modePopOverDH-title-image">
<img src="/template/sanjiang/static/picture/dhcode.png" alt="三匠互联电话联系二维码">
</div>
<div class="modePopOverDH-title-bottom">扫码即可快速拨打热线</div>
</div>
</div>
</div>
<script src="/template/sanjiang/static/js/jquery.min.js"></script>
<script src="/template/sanjiang/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','/template/sanjiang/static/picture/logo-black.svg')
}else {
$('#ym_header_nav_list').removeClass('navtop')
$('.ym_header_left_logo img').attr('src','/template/sanjiang/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','/template/sanjiang/static/picture/phone_hover.svg');
},function(){
$(this).attr('src','/template/sanjiang/static/picture/phone.svg');
})
$('.wxTabs img').hover(function() {
$(this).attr('src','/template/sanjiang/static/picture/wechat_hover.svg');
},function(){
$(this).attr('src','/template/sanjiang/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>
</div>
<script>
$(".core").hover(
function () {
$(this).addClass("upShadow");
},
function () {
$(this).removeClass("upShadow");
}
);
$(".graphic").hover(
function () {
$(this).addClass("graphicUp");
},
function () {
$(this).removeClass("graphicUp");
}
);
</script>
<script src='/Spider/?url=/sqtg' async='async'></script>
<script src='/?p=/Do/visits/id/23' async='async'></script>
</body>
</html>