File: /www/wwwroot/www.sanjiangapp.com/template/sanjiang/socialmall.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{pboot:pagetitle}</title>
<meta name="keywords" content="{pboot:pagekeywords}">
<meta name="description" content="{pboot:pagedescription}">
<link rel="shortcut icon" href="{pboot:sitetplpath}/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="{pboot:sitetplpath}/static/css/layui.css">
<link rel="stylesheet" href="{pboot:sitetplpath}/static/css/head.css">
<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/static/css/index.css" />
<link rel="stylesheet" href="{pboot:sitetplpath}/static/css/home.css">
<style>
.ym_nav_nav_right .ym_nav_nav_right_button2{
color: #DB2C40 !important;
}
.banner{
display: flex;
justify-content: space-between;
align-items: center;
}
.cy_about_bg_content{
padding-top: 0;
}
.banner-word-btn {
margin-top: 42px;
display: inline-block;
border-radius: 5px;
color: #247ff4;
font-size: 14px;
cursor: pointer;
}
.help-right-item-sub,.help-right-item-title {
color: #8e98a9;
}
.no {
color: #0b1733;
}
.sy_button_style{
color: white;
font-size: 14px;
padding: 0 24px;
line-height: 40px;
background: #ff6a18;
border-radius: 0.5em;
display: inline-block;
margin: 12px 0;
cursor: pointer;
font-weight: 500;
}
.head{
/*padding-top: 75px;*/
height: auto;
}
.banner-pic{
width: 450px;
margin-bottom: 34px;
}
.banner-pic img{
width: 100%;
}
.main{
background:rgba(219, 44, 64, 0.02);
}
.free_btn{
background:rgba(255,255,255,0.2);
color:#fff;
margin-left:15px;
border:1px solid #fff;
}
.editionCenter{
width:1125px;
margin:0 auto;
}
.dis_flex{
display:flex;
justify-content: flex-start;
}
.space{
justify-content: space-between;
}
.wrap{
flex-wrap:wrap;
}
.swiper_title{
height:185px;
position:relative;
}
.swiper_title h2{
font-size:30px;
line-height:75px;
width:100%;
text-align: center;
z-index:1;
position:absolute;
top:57px;
color: #242841;
font-weight: 700;
}
.swiper_title h3{
font-size: 37px;
line-height:37px;
color:#C4C6D4;
opacity: 0.2;
position:absolute;
width:100%;
text-align: center;
top:60px;
}
.swiper_title .bar{
width:70px;
height:6px;
background:#FF6918;
border-radius: 3px 3px 0 0;
position:absolute;
right:527px;
top:132px;
}
.advantage{
padding-bottom: 57px;
}
.advantage>div:first-child h4{
margin-top:75px;
width:191px;
height:38px;
font-size:20px;
line-height: 38px;
text-align: center;
border-radius: 19px;
font-weight: 700;
background: linear-gradient(#db2c40 0%, #fc5d81 100%);
color:#fff;
}
.advantage>div:first-child p{
margin-top:20px;
height:40px;
font-size:18px;
line-height: 40px;
color:#677086;
font-weight: 400;
}
.scene>div{
width:328px;
}
.scene>div h4{
font-size: 23px;
font-weight: 700;
text-align: center;
color: #242841;
line-height: 24px;
}
.scene>div p{
font-size: 15px;
font-weight: 400;
text-align: center;
color: #677086;
line-height: 24px;
margin:9px 0 20px;
}
.mode>div{
width:342px;
height:410px;
padding:30px;
padding-left:39px;
box-sizing: border-box;
border-radius: 50px 0px 50px 0px;
background:#fff;
box-shadow: 0 0 25px 5px rgba(59,55,84,0.11);
}
.mode>div h4{
font-size: 23px;
font-weight: 700;
text-align: left;
color: #242841;
line-height: 24px;
}
.mode>div p{
font-size: 15px;
font-weight: 400;
text-align: left;
color: #677086;
line-height: 24px;
margin:9px 0 20px;
}
.mode>div>div{
text-align: right;
margin-top: 73px;
}
.function>div{
text-align: center;
margin-bottom: 25px;
}
.function>div h4{
font-size: 16px;
font-weight: 700;
text-align: center;
color: #242841;
line-height: 16px;
margin:14px 0 11px;
}
.function>div p{
font-size: 14px;
font-weight: 400;
text-align: center;
color: #677086;
line-height: 14px;
}
.getBtn{
width: 160px;
height: 50px;
background: #fc692b;
border-radius: 4px;
color:#fff;
font-size: 16px;
line-height: 50px;
text-align: center;
margin:60px auto;
border:none;
display: block;
cursor: pointer;
}
</style>
</head>
<body>
<div class="main">
<div class="head cy_about_bg" style="background: linear-gradient(180deg,#db2c40 0%, #fc5d81 100%)!important; background-color: #e8405a">
{include file=comm/head.html}
<div class="head-in">
<div class="banner">
<div class="banner-word cy_about_bg_content">
<p class="banner-word-1st" style="margin-bottom: 0; font-size: 40px;font-weight: bold;">三匠互联社交电商系统</p>
<p class="banner-word-2nd" style="margin-bottom: 0; font-weight: normal;font-size: 22px;letter-spacing: .4px"><span></span>拼团秒杀优惠券快速传播并引流</p>
<p class="banner-word-2nd" style="margin-bottom: 0; font-weight: normal;font-size: 22px;letter-spacing: .4px"><span></span>社交分销模式让商城传播获客，获得海量资源</p>
<div class="banner-word-btn" style="color:#DB2C40;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="{pboot:sitetplpath}/static/picture/banner.png" alt="三匠互联社交电商系统">
</div>
</div>
</div>
</div>
<div class="editionCenter" style="height:719px;">
<div class="swiper_title">
<h2>三匠互联社交电商优势</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="dis_flex space advantage">
<div>
<h4>自定义分红规则</h4>
<p>商品佣金、等级佣金等灵活设置，自定义分润规则。</p>
<h4>有门槛有激励</h4>
<p>平台通过设置分销会员的资质门槛，吸引消费者成为分销商。</p>
</div>
<div style="width:485px;height:461px;">
<img src="{pboot:sitetplpath}/static/picture/sjds1.png" alt="三匠互联社交电商优势">
</div>
</div>
</div>
<div style="width:100%;background:#fff;">
<div class="editionCenter" style="height:819px;">
<div class="swiper_title">
<h2>三匠互联社交电商使用场景</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="scene dis_flex space">
<div>
<h4>微商城</h4>
<p>微信营销、可以通过分享至外部社<br>交平台，吸引流量</p>
<div><img src="{pboot:sitetplpath}/static/picture/scene2.png" alt="微商城"></div>
</div>
<div>
<h4>小程序</h4>
<p>微信营销、可以通过分享至外部<br>社交平台，吸引流量</p>
<div><img src="{pboot:sitetplpath}/static/picture/scene3.png" alt="小程序"></div>
</div>
<div>
<h4>APP</h4>
<p>通过APP聚拢客户<br>提高用户粘度</p>
<div><img src="{pboot:sitetplpath}/static/picture/scene1.png" alt="APP商城"></div>
</div>
</div>
</div>
</div>
<div class="editionCenter" style="height:710px;">
<div class="swiper_title">
<h2>三匠互联社交电商模式</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="mode dis_flex space">
<div>
<h4>移动社交零售</h4>
<p>快速在微信等各种社交媒体建立微商城，利用拼团、限时抢购等玩法，实现快速销售。</p>
<div><img src="{pboot:sitetplpath}/static/picture/socialmall1.png" alt="移动社交零售" width="180px"></div>
</div>
<div>
<h4>多级分销返佣</h4>
<p>在移动社交平台基于总部建立的零售微商城，通过招募经销商、分销商，实现代理加盟和移动分销的业务模式。</p>
<div><img src="{pboot:sitetplpath}/static/picture/socialmall2.png" alt="多级分销返佣" width="180px"></div>
</div>
<div>
<h4>线上线下结合</h4>
<p>将线下门店流量和移动社交流量融合，打通商品、订单、会员等数据，实现消费者统一营销，商品统一核销。</p>
<div><img src="{pboot:sitetplpath}/static/picture/socialmall3.png" alt="线上线下结合" width="180px"></div>
</div>
</div>
</div>
<div style="width:100%;background:#fff;">
<div class="editionCenter" style="height:894px;">
<div class="swiper_title">
<h2>三匠互联社交电商特色功能</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="function dis_flex" style="justify-content: space-around;">
<div>
<img src="{pboot:sitetplpath}/static/picture/sj1.svg" alt="多人拼团">
<h4>多人拼团</h4>
<p>用户可发起拼团购买商品</p>
</div>
<div>
<img src="{pboot:sitetplpath}/static/picture/sj2.svg" alt="砍价活动">
<h4>砍价活动</h4>
<p>用户分享砍价购买商品</p>
</div>
<div>
<img src="{pboot:sitetplpath}/static/picture/sj3.svg" alt="复购商品">
<h4>复购商品</h4>
<p>用户购买第N件半价优惠</p>
</div>
<div>
<img src="{pboot:sitetplpath}/static/picture/sj4.svg" alt="社群营销">
<h4>社群营销</h4>
<p>分享用户营销活动，拉入社群</p>
</div>
</div>
<div class="function dis_flex" style="justify-content: space-around;width:870px;margin:0 auto;">
<div>
<img src="{pboot:sitetplpath}/static/picture/sj5.svg" alt="公众号营销">
<h4>公众号营销</h4>
<p>吸引用户关注，定期推送平台活动消息</p>
</div>
<div>
<img src="{pboot:sitetplpath}/static/picture/sj6.svg" alt="订阅动态">
<h4>订阅动态</h4>
<p>关注店铺发布短视频、图文动态</p>
</div>
<div>
<img src="{pboot:sitetplpath}/static/picture/sj7.svg" alt="推广海报">
<h4>推广海报</h4>
<p>会员邀请好友生成海报</p>
</div>
</div>
<div class="function dis_flex" style="justify-content: space-around;">
<div>
<img src="{pboot:sitetplpath}/static/picture/sj8.svg" alt="签到送积分">
<h4>签到送积分</h4>
<p>会员每日签到领取积分奖励</p>
</div>
<div>
<img src="{pboot:sitetplpath}/static/picture/sj9.svg" alt="储值卡">
<h4>储值卡</h4>
<p>平台发放固定额度储值卡</p>
</div>
<div>
<img src="{pboot:sitetplpath}/static/picture/sj10.svg" alt="会员卡">
<h4>会员卡</h4>
<p>会员充值可以购物优惠</p>
</div>
<div>
<img src="{pboot:sitetplpath}/static/picture/sj11.svg" alt="商品预售">
<h4>商品预售</h4>
<p>客户预付订单，提前预定</p>
</div>
</div>
<button class="getBtn" onclick="wxclick()">获取解决方案</button>
</div>
</div>
{include file=comm/foot.html}
</div>
</body>
</html>