File: /www/wwwroot/www.sanjiangapp.com/template/sanjiang/liveapp.html
<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="直播app商城系统,直播商城系统,搭建直播商城app系统,直播paa商城平台,视频号直播,视频号商城" />
<meta name="description" content="新商云-直播商城可互动直播,主播直播带货,5G加速直播流量变现,直播画面清晰,新商云直播系统全场景直播,购物直通车,电商导购,高画质不卡顿,画面清晰流畅,直播互动商家能多渠道分享,还能对直播商城后台数据分析,打造专属直播系统." />
<link rel="stylesheet" href="static/css/layui.css">
<link rel="stylesheet" href="static/css/head.css">
<link rel="stylesheet" type="text/css" href="static/css/index.css" />
<link rel="stylesheet" href="static/css/home.css">
<title>直播带货app,直播商城系统,视频号直播商城 - 新商云商城系统</title>
<style>
.ym_nav_nav_right .ym_nav_nav_right_button2{
color: #6A1EED !important;
}
.main{
background: #F6F8FB;
}
.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%;
}
.editionCenter{
width:1125px;
margin:0 auto;
}
.dis_flex{
display:flex;
justify-content: flex-start;
}
.swiper_title{
height:185px;
position:relative;
}
.swiper_title h1{
font-size:30px;
font-weight: 700;
line-height:75px;
width:100%;
text-align: center;
z-index:1;
position:absolute;
top:57px;
color: #242841;
}
.swiper_title h2{
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;
}
.swiper_item{
width:100%;
height:100%;
justify-content: space-between;
}
.swiper_item .left{
width:420px;
box-sizing: border-box;
padding-left: 20px;
margin-top:134px;
}
.swiper_item .right{
text-align: center;
line-height:542px;
}
.swiper_item h4,.swiper_item h3{
color: #242841;
font-weight: 700;
font-size: 23px;
line-height:41px;
}
.swiper_item p {
color:#677086;
font-size: 17px;
line-height:30px;
margin-top:31px;
width:380px;
}
.swiper_item .learn{
width: 120px;
height: 40px;
opacity: 1;
background: #ff6918;
border-radius: 4px;
box-shadow: -2px 0px 5px 0px rgba(255,105,23,0.46);
color:#fff;
line-height: 40px;
text-align: center;
border:none;
margin-top:21px;
cursor: pointer;
}
.advantage{
justify-content: space-between;
}
.advantage .core{
width:540px;
height:160px;
box-sizing: border-box;
border-radius: 6px;
margin-bottom: 20px;
background:#fff;
border:1px solid #fff;
}
.advantage .core:hover{
border:1px solid rgba(106,131,247,0.43);
box-shadow: 0px 0px 21px 2px rgba(145,185,251,0.18);
}
.advantage .core .pic{
text-align: center;
margin:40px 43px 0 30px;
}
.advantage .core p{
text-align: left;
color:#4D5169;
font-size: 15px;
line-height: 26px;
font-weight: 400;
max-width: 300px;
}
.advantage .core p:first-child{
margin-top:20px;
}
.advantage .core p:last-child{
color:#A0A2AC;
font-size: 13px;
line-height: 26px;
margin-top:15px;
}
.bot_imgs {
width: 1125px;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
.bot_imgs > div {
display: flex;
flex-direction: column;
align-items: center;
}
.bot_imgs > div span {
color: #434a60;
margin-top: 35px;
font-size: 20px;
}
.showPage{
position:relative;
height:480px;
}
.showPage .item{
position:absolute;
bottom:0
}
.showPage .item{
box-shadow: 0px 3px 10px 0px rgba(224,227,235,0.40), 0px 5px 20px 0px rgba(81,81,81,0.20);
}
.showPage .noShow{
box-shadow:none!important;
}
.showPage .item img{
width:100%;
height:100%;
}
.showPage .toLeft,.showPage .toRight{
position:absolute;
top:50%;
width:40px;
height:40px;
}
.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;
}
.free_btn{
background:rgba(255,255,255,0.2);
color:#fff;
margin-left:15px;
border:1px solid #fff;
}
</style>
<script charset="UTF-8" id="LA_COLLECT" src="static/js/js-sdk-pro.min.js"></script>
<script>LA.init({id: "JHtzpK0h3CdkcdwU",ck: "JHtzpK0h3CdkcdwU"})</script>
<!-- Global site tag (gtag.js) - Google Ads: 356301026 -->
<script async src="static/js/a7ff6ab7e75b42b0b3faaf76bf8e3540.js"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-356301026');
</script>
<script>
window.addEventListener("load", function(){
if(window.location.href.indexOf("registerview") > -1)
{
gtag('event', 'conversion', {
'send_to': 'AW-356301026/KAQ4CIzvjMsCEOLx8qkB'
});
}
});
</script>
</head>
<body>
<div class="main">
<div class="head cy_about_bg" style="background: url('static/images/bg.png') no-repeat !important; background-size: 100% 100% !important;background-color: #6609f5">
<script>
(function() {
var p = 'ZAnXJOyZLBkRN4xg';
var k = '';
var u = '//ycmapi.youzhiapp.com';
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'/assets/js/statistics_manage' +
'.js'; s.parentNode.insertBefore(g,s);d.u = u;d.k = k;d.p = p;
})();
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("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("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 style="width: 100%">
<div class="top_cooperation" onclick="kuaizhichat()">
<div class="unimportance">
<div class="top_cooperationone">
<div style="display: flex; align-items: center">
<img style="width: 62px; margin-right: 26px" src="static/picture/piccontent.png" alt="">
<img style="width: 526px" src="static/picture/textcontent.png" alt=""></div>
<div class="qw_btn details">领取福利</div>
</div>
</div>
</div>
<div class="closeadvertisement"><img src="static/picture/close.svg" alt=""></div>
<div class="transparent retracts"></div>
</div>
<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="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="/">首页</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="static/picture/1632710420310_thum.png"/>
<div>
<a class="link" href="/wxshop" target="_blank">微信+小程序商城系统</a>
<a class="text vice_link" href="/wxshop" target="_blank">2分钟快速搭建商城系统</a>
</div>
</dd>
<dd >
<img src="static/picture/1632710415128_thum.png"/>
<div>
<a class="link" href="/b2b2c" target="_blank">多商户商城系统</a><a class="text vice_link" href="/b2b2c" target="_blank">打造平台+店铺经营管理模式</a>
</div>
</dd>
<dd>
<img src="static/picture/1632710429475_thum.png"/>
<div>
<a class="link" href="/liveshop" target="_blank">直播电商商城系统</a><a class="text vice_link" href="/liveshop" target="_blank">三端协作打造直播电商系统</a>
</div>
</dd>
<dd>
<img src="static/picture/1632710417808_thum.png"/>
<div>
<a class="link" href="/groupshop" target="_blank">社区团购商城系统</a><a class="text vice_link" href="/groupshop" target="_blank">整合社区资源，快速实现裂变</a>
</div>
</dd>
<dd >
<img src="static/picture/1632710408215_thum.png"/>
<div>
<a class="link" href="/appshop" target="_blank">APP商城系统</a><a class="text vice_link" href="/appshop" target="_blank">树立电商品牌，增加企业知名度</a>
</div>
</dd>
</dl>
<dl class="other">
<dt>AI智能客服</dt>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/livechat" target="_blank">在线客服系统</a>
<a class="text vice_link" href="/livechat" target="_blank" style="white-space: pre-line">提供全平台客服沟通新方案</a>
</div>
</dd>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/airobot" target="_blank">智能客服机器人</a>
<a class="text vice_link" href="/airobot" target="_blank" style="white-space: pre-line">全智能云计算匹配识别场景</a>
</div>
</dd>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/shopchat" target="_blank">电商客服系统</a>
<a class="text vice_link" href="/shopchat" target="_blank" style="white-space: pre-line">无缝链接客户沉浸购物体验</a>
</div>
</dd>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/educhat" target="_blank">教育客服系统</a>
<a class="text vice_link" href="/educhat" target="_blank" style="white-space: pre-line">一站式招生学员全周期跟进</a>
</div>
</dd>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/worklists" target="_blank">工单协作系统</a>
<a class="text vice_link" href="/worklists" target="_blank" style="white-space: pre-line">多终端高效部门协作新方式</a>
</div>
</dd>
</dl>
<dl class="other">
<dt>教务系统</dt>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/rcrm" target="_blank">教务管理系统</a>
<a class="text vice_link" href="/rcrm" target="_blank" style="white-space: pre-line">智能解决高效考勤签到排课</a>
</div>
</dd>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/rma" target="_blank">招生营销系统</a>
<a class="text vice_link" href="/rma" target="_blank" style="white-space: pre-line">云端全周期招生获客新方案</a>
</div>
</dd>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/rlive" target="_blank">教学直播系统</a>
<a class="text vice_link" href="/rlive" target="_blank" style="white-space: pre-line">一键打造私有知识付费平台</a>
</div>
</dd>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/rcshop" target="_blank">课程商城系统</a>
<a class="text vice_link" href="/rcshop" target="_blank" style="white-space: pre-line">自动打造机构一站式变现体验</a>
</div>
</dd>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/rcms" target="_blank">内容建站系统</a>
<a class="text vice_link" href="/rcms" target="_blank" style="white-space: pre-line">全平台可视化搭建学校官网</a>
</div>
</dd>
</dl>
<dl class="other">
<dt>在线考试系统</dt>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/exam" target="_blank">在线考试系统</a>
<a class="text vice_link" href="/exam" target="_blank" style="white-space: pre-line">多场景一站式考核系统</a>
</div>
</dd>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/practice" target="_blank">模拟考试系统</a>
<a class="text vice_link" href="/practice" target="_blank" style="white-space: pre-line">多种模式线上实战场景</a>
</div>
</dd>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/learning" target="_blank">学习培训系统</a>
<a class="text vice_link" href="/learning" target="_blank" style="white-space: pre-line">学练考评在线培训管理</a>
</div>
</dd>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/survey" target="_blank">问卷调研系统</a>
<a class="text vice_link" href="/survey" target="_blank" style="white-space: pre-line">永久免费的在线调查问卷</a>
</div>
</dd>
<dd>
<img src="" alt="" style="display: none">
<div>
<a class="link" href="/private" target="_blank">考试系统独立部署</a>
<a class="text vice_link" href="/private" target="_blank" style="white-space: pre-line">独立专属个性化功能定制</a>
</div>
</dd>
</dl>
</div>
</div>
</div>
<li class="nav_left_button jiejue1" style="position: relative" >
<a class="delDefaultAStyleAll">方案</a>
<a href="" ) style="width: 100%; opacity: 1;" ></a>
<div class="solution_card1">
<div class="items" style="width:500px">
<dl>
<dt >应用终端</dt>
<dd><a href="/solution/minimall" target="_blank">小程序商城</a></dd>
<dd><a href="/solution/h5mall" target="_blank">公众号商城</a></dd>
<dd><a href="/solution/liveapp" target="_blank">直播端APP</a></dd>
</dl>
<dl>
<dt >特色功能</dt>
<dd><a href="/solution/retail" target="_blank">会员分销</a></dd>
<dd><a href="/solution/marketing" target="_blank">特色营销</a></dd>
<dd><a href="/solution/privatecloud" target="_blank">独立部署</a></dd>
</dl>
<dl>
<dt >解决方案</dt>
<dd><a href="/solution/newretail" target="_blank">新零售</a></dd>
<dd><a href="/solution/socialmall" target="_blank">社交电商</a></dd>
<dd><a href="/solution/livemall" target="_blank">直播电商</a></dd>
<dd><a href="javascript:void(0)" style="color:#B2B3B2" onclick="kuaizhichat()">更多服务行业</a></dd>
</dl>
<!--
<dl>
<dt>AI智能客服</dt>
<dd><a href="livechat" title="提供全平台客服沟通新方案">在线客服系统</a></dd>
<dd><a href="airobot" title="全智能云计算匹配识别场景">智能客服机器人</a></dd>
<dd><a href="shopchat" title="无缝链接客户沉浸购物体验">电商客服系统</a></dd>
<dd><a href="educhat" title="一站式招生学员全周期跟进">教育客服系统</a></dd>
<dd><a href="worklists" title="多终端高效部门协作新方式">工单协作系统</a></dd>
</dl>
<dl>
<dt>教务系统</dt>
<dd><a href="rcrm" title="智能解决高效考勤签到排课">教务管理系统</a></dd>
<dd><a href="rma" title="云端全周期招生获客新方案">招生营销系统</a></dd>
<dd><a href="rlive" title="一键打造私有知识付费平台">教学直播系统</a></dd>
<dd><a href="rcshop" title="自动打造机构一站式变现体验">课程商城系统</a></dd>
<dd><a href="rcms" title="全平台可视化搭建学校官网">内容建站系统</a></dd>
</dl>
<dl>
<dt>在线考试系统</dt>
<dd><a href="exam" title="多场景一站式考核系统">在线考试系统</a></dd>
<dd><a href="practice" title="多种模式线上实战场景">模拟考试系统</a></dd>
<dd><a href="learning" title="学练考评在线培训管理">学习培训系统</a></dd>
<dd><a href="survey" title="永久免费的在线调查问卷">问卷调研系统</a></dd>
<dd><a href="private" title="独立专属个性化功能定制">考试系统独立部署</a></dd>
</dl>
-->
</div>
</div>
</li>
<li class="nav_left_button"><a class="delDefaultAStyleAll" href="/setmeal">价格</a> <a href="" ></a></li>
<li class="nav_left_button"><a class="delDefaultAStyleAll" href="/help"> 帮助</a> <a href="" ></a></li>
<li class="nav_left_button"><a class="delDefaultAStyleAll" href="/cooperationPage">合作</a> <a href="" ></a></li>
<li class="nav_left_button"><a class="delDefaultAStyleAll" href="/abouts"> 关于</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="ym_nav_nav_right_button yscolor" onclick="location.href='/login'"
style="margin-right: 6px;margin-left:10px;padding:6px 14px;color: #fff;">登录
</li>
<li class="registertext ym_nav_nav_right_button ym_nav_nav_right_button2"
onclick="location.href='/login/registerview'" style="margin-left: 10px;color: #fff ;">免费试用
</li>
<div class="adminDemo">
<div class="admin_box">
<div class="ddtable">
<dl style="width: 140px;" class="ysht">
<dt>演示平台</dt>
<dd>店铺版后台</dd>
<dd>平台版平台后台</dd>
<dd>平台版商家后台</dd>
<dd>社交商城</dd>
<dd>直播商城</dd>
<dd>社区团购商城</dd>
<dd>门店核销</dd>
</dl>
<dl style="max-width: 310px;" class="ysdd">
<dt>演示地址</dt>
<dd><a href="https://www.xshangyun.com/login">https://www.xshangyun.com/login</a></dd>
<dd><a href="https://www.xshangyun.com/login/b2b2c">https://www.xshangyun.com/login/b2b2c</a></dd>
<dd><a href="http://mall.xshangyun.com/login/shopLogin/098144a3062c">http://mall.xshangyun.com/login/shopLogin/b727e888c37e</a></dd>
<dd><a href="https://www.xshangyun.com/login/socialmall">https://www.xshangyun.com/login/socialmall</a></dd>
<dd><a href="https://www.xshangyun.com/login/livemall">https://www.xshangyun.com/login/livemall</a></dd>
<dd><a href="https://www.xshangyun.com/login/communitymall">https://www.xshangyun.com/login/communitymall</a></dd>
<dd><a href="https://www.xshangyun.com/login/checkmall">https://www.xshangyun.com/login/checkmall</a></dd>
</dl>
<dl style="width: 100px;" class="zhmm">
<dt>账号密码</dt>
<dd><a href="javascript:void(0)" onclick="kuaizhichat()">联系客服</a></dd>
<dd><a href="javascript:void(0)" onclick="kuaizhichat()">联系客服</a></dd>
<dd><a href="javascript:void(0)" onclick="kuaizhichat()">联系客服</a></dd>
<dd><a href="javascript:void(0)" onclick="kuaizhichat()">联系客服</a></dd>
<dd><a href="javascript:void(0)" onclick="kuaizhichat()">联系客服</a></dd>
<dd><a href="javascript:void(0)" onclick="kuaizhichat()">联系客服</a></dd>
<dd><a href="javascript:void(0)" onclick="kuaizhichat()">联系客服</a></dd>
</dl>
</div>
<div class="ewms">
<div><img src="static/picture/1632448714175_thum.jfif" alt=""><span>店铺小程序商城</span></div>
<div><img src="static/picture/1632448741679_thum.jfif" alt=""><span>平台小程序商城</span></div>
<div><img src="static/picture/1632448796709_thum.png" alt=""><span>APP商城</span></div>
<div><img src="static/picture/1632448783122_thum.png" alt=""><span>直播APP</span></div>
<div><img src="static/picture/1632448770553_thum.png" alt=""><span>商家助手</span></div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
<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;">直播APP</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:#6A1EED;font-weight: 800;border: 1px solid #fff" onclick="location.href='/login/registerview'">免费体验</div>
<div class="banner-word-btn free_btn" onclick="kuaizhichat()">获取解决方案</div>
</div>
<div class="banner-pic">
<img src="static/picture/banner.png" alt="">
</div>
</div>
</div>
</div>
<div>
<div style="width:100%;background:#fff;">
<div class="swiper_title editionCenter">
<h1>新商云直播APP全新带货方案</h1>
<h2>XINSHANGYUN</h2>
<div class="bar"></div>
</div>
</div>
<div style="width:100%;background:#fff;">
<div class="editionCenter" style="height:542px;">
<div class="swiper_item dis_flex">
<div class="right">
<img src="static/picture/live1.png" alt="">
</div>
<div class="left">
<h3>直播页面简洁、操作更容易</h3>
<p>新商云独立自主开发的直播APP，相比市面上的直播APP来说界面更加简洁、清晰并且使用更容易，即使单人直播带货也可轻松完成。</p>
<button class="learn" onclick="location.href='/login/registerview'">免费试用</button>
</div>
</div>
</div>
</div>
<div class="editionCenter" style="height:542px;">
<div class="swiper_item dis_flex">
<div class="left">
<h3>创建直播预告提前预热</h3>
<h4>同时支持立即开播功能，即刻开播</h4>
<p>支持创建直播预告，分享直播海报，提前预热吸引更多的人来到直播间，同时也可随开随播。</p>
<button class="learn" onclick="location.href='/login/registerview'">免费试用</button>
</div>
<div class="right">
<img src="static/picture/live2.png" alt="">
</div>
</div>
</div>
<div style="width:100%;background:#fff;">
<div class="editionCenter" style="height:542px;">
<div class="swiper_item dis_flex">
<div class="right">
<img src="static/picture/live3.png" alt="">
</div>
<div class="left">
<h3>一键控制商品上下架</h3>
<h4>直播智能大数据分析帮您掌控全场</h4>
<p>直播过程中也可以控制商品的上下架，不会影响正常的直播流程，大数据智能分析帮助分析每场直播的销售状况和商家，支持独立部署。</p>
<button class="learn" onclick="location.href='/login/registerview'">免费试用</button>
</div>
</div>
</div>
</div>
</div>
<div class="editionCenter" style="height:632px">
<div class="swiper_title">
<h1>新商云直播APP优势特色</h1>
<h2>XINSHANGYUN</h2>
<div class="bar"></div>
</div>
<div class="advantage dis_flex">
<div class="core dis_flex">
<div class="pic">
<img src="static/picture/one.png" alt="">
</div>
<div>
<p class="title">后台管理+直播APP</p>
<p class="title">打造全方位直播带货系统</p>
<p class="paragraph">后台商品、订单、会员等统一进行管理，直播<br>APP负责主播直播，直播组件可嵌在移动端商城</p>
</div>
</div>
<div class="core dis_flex">
<div class="pic">
<img src="static/picture/two.png" alt="">
</div>
<div>
<p class="title">智能大数据</p>
<p class="title">帮助商家分析带货销量</p>
<p class="paragraph">直播大数据帮助分析每场直播经营状况<br>帮助提升带货销量提高购买率</p>
</div>
</div>
</div>
<div class="advantage dis_flex">
<div class="core dis_flex">
<div class="pic">
<img src="static/picture/three.png" alt="">
</div>
<div>
<p class="title">丰富营销活动</p>
<p class="title">助力直播互动率和提升购买率</p>
<p class="paragraph">商城营销活动丰富，满足不同场景的需求<br>直播间可以送礼物提高与主播的互动率</p>
</div>
</div>
<div class="core dis_flex">
<div class="pic">
<img src="static/picture/four.png" alt="">
</div>
<div>
<p class="title">系统稳定可靠</p>
<p class="title">直播流畅不卡顿、画面清晰</p>
<p class="paragraph">直播系统稳定不卡顿，保证主播的直播质量<br>用户在商城观看画面清晰</p>
</div>
</div>
</div>
</div>
<div style="width:100%;background:#fff;">
<div class="editionCenter" style="overflow: hidden;">
<div class="swiper_title">
<h1>直播APP页面展示</h1>
<h2>XINSHANGYUN</h2>
<div class="bar"></div>
</div>
<div class="showPage">
<div class="toLeft" style="left:0;">
<img src="static/picture/toleft1.png" alt="">
</div>
<div class="item" index="1" style="left:439px;z-index:99;width: 222px;height:480px;">
<img src="static/picture/swiper3.png" alt="">
</div>
<div class="item" index="2" style="left:629px;z-index:98;width: 209px;height:454px;">
<img src="static/picture/swiper4.png" alt="">
</div>
<div class="item noShow" index="3" style="left:787px;z-index:97;width: 197px;height:391px;">
<img src="static/picture/swiper5.png" alt="">
</div>
<div class="item noShow" index="4" style="left:116px;z-index:97;width: 197px;height:391px;">
<img src="static/picture/swiper1.png" alt="">
</div>
<div class="item" index="5" style="left:263px;z-index:98;width: 209px;height:454px;">
<img src="static/picture/swiper2.png" alt="">
</div>
<div class="toRight" style="right:0;">
<img src="static/picture/toright1.png" alt="">
</div>
</div>
<button class="getBtn" onclick="kuaizhichat()">获取解决方案</button>
</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="static/picture/logo3.png" alt="">
<img src="static/picture/2dcode.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="/help/help" class="delDefaultAStyle">帮助中心</a></p>
<p class="help-right-item-sub" ><a href="/help/problem" class="delDefaultAStyle">常见问题</a></p>
<p class="help-right-item-sub" ><a href="/help/industry" class="delDefaultAStyle">行业动态</a></p>
<p class="help-right-item-sub" ><a href="/help/notice" class="delDefaultAStyle">平台公告</a></p>
</div>
<div class="help-right-item">
<p class="help-right-item-title">友情链接</p>
<p class="help-right-item-sub" ><a href="https://www.kuaikaoti.com/" class="delDefaultAStyle">快考题</a></p>
<p class="help-right-item-sub"><a href="https://www.huolieyun.com/" class="delDefaultAStyle">火烈云在线客服系统</a></p>
<p class="help-right-item-sub"><a href="http://www.cantech.cn" target="_blank" class="delDefaultAStyle">思科路由器</a><br></p>
<p class="help-right-item-sub"><a href="https://api.kuaidi100.com/" target="_blank" class="delDefaultAStyle">快递100</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">电话： 18829078515 </p>
<p class="help-right-item-sub">热线： 4006850988</p>
<p class="help-right-item-sub">邮箱： xinshangyun@youzhiapp.com </p>
</div>
</div>
</div>
</div>
<div class="foot">
<div class="foot-in" style="padding-bottom: 5px !important;"> ©2020 All rights reserved 西安新商云科网络科技有限公司 版本所有
<a onclick="window.open('http://beian.miit.gov.cn/')" style="cursor: pointer;padding-top: 0px;color: #8791a0"> 陕ICP备20005632号-5 </a>
</div>
<div style="width:300px;margin:0 auto; padding-bottom: 15px">
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=61019002001057" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<img src="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">陕公网安备 61019002001057号</p>
</a>
</div>
</div>
<div id="cnzz" style="display: none;"></div>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/layui.all.js"></script>
<script src="static/js/index.js"></script>
<script src="static/js/layui_popup.js"></script>
<script>
var SrcollOn={
mo: function(e) {
e.preventDefault();
},
/***开启滑动限制***/
stop:function (){
// console.log('--------------'+'开启滑动限制'+'--------------------')
document.body.style.overflow = "hidden";
document.addEventListener("touchmove", this.mo, false); //禁止页面滑动
},
/***取消滑动限制***/
move:function() {
// console.log('--------------'+'关闭滑动限制'+'--------------------')
document.body.style.overflow = ""; //出现滚动条
document.removeEventListener("touchmove", this.mo, false);
},
}
var layer = layui.layer;
var upload = layui.upload;
var form = layui.form;
var element = layui.element;
var laydate = layui.laydate;
var laypage = layui.laypage;
$('.loginout').click(function () {
var topic_remove = function () {
layer.closeAll();
$.ajax({
contentType: 'application/json;charset=utf-8',
dataType: "json",
type: "post",
url: "/login/logOut",
success: function (data) {
if (data.status == 1) {
layer.msg("退出成功", {icon: 1})
setTimeout(function (args) {
location.href = '/'
}, 1000)
} else {
layer.msg("退出失败", {icon: 2})
}
}
});
}
var content = '<div style="text-align: center;padding: 20px;font-size: 14px;color: rgba(67, 71, 95, .7);">是否退出登录？</div>'
layui_popup(content, '提示', topic_remove)
})
</script>
<script>
$(function(){
console.log("我进来了！！！！！！！！！！！！！！！！")
$(window).scroll(function(){
if($(document).scrollTop() > 0){
$('#ym_header_nav_list').addClass('navtop')
$('.ym_header_left_logo img').attr('src','/assets/img/2.4/logo-black.svg')
// console.log($(document).scrollTop(),"=========")
}else {
$('#ym_header_nav_list').removeClass('navtop')
$('.ym_header_left_logo img').attr('src',' /assets/img/2.4/logo-white.svg ')
}
})
})
// banner上面的广告
$('.closeadvertisement').click(function () {
$('.top_cooperation').hide()
$(this).hide()
$('#ym_header_nav_list').css('top','0')
$('.swiper-container').css('top','0')
$('#ym_all_wab').css('padding-top','20px')
$('.table_nav').css('top','0')
$('.head').css('padding-top','0')
})
$(".URLJump").click(function () {
location.href = '/login/registerview'+($(this).attr("register") != undefined ? "?phone="+$("#register").val():"")
})
$(".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'})
})
</script>
<script type="text/javascript">
(function (u, d, n) {
var JQ = d.createElement('script');
JQ.src = 'https://chat.huolieyun.com/kuaizhiChat/js/chatJS.js';
d.head.appendChild(JQ);
sessionStorage.setItem("kuaizhi_userID", u);
sessionStorage.setItem("kuaizhi_style", n);
})('XNXn1Alv', document, 42)
setTimeout(function (){
kuaizhichatShowforce()
},2000)
</script>
</div>
<script>
var list = [
{
left: '439px',
width: '222px',
height: '480px',
zIndex: 99,
num:1
},{
left: '629px',
width: '209px',
height: '454px',
zIndex: 98,
num: 2
},{
left: '787px',
width: '197px',
height: '391px',
zIndex: 97,
num: 3
},{
left: '116px',
width: '197px',
height: '391px',
zIndex: 97,
num: 4
},{
left: '263px',
width: '209px',
height: '454px',
zIndex: 98,
num: 5
}
]
$('.toLeft').on('click',function(){
nextPage(false)
})
$('.toRight').on('click',function(){
nextPage(true)
})
function nextPage(boo){
var obj;
if (boo) {
$('.item[index=3]').css('zIndex',1)
obj = list.shift();
list.push(obj)
} else {
$('.item[index=4]').css('zIndex',1)
obj = list.pop();
list.unshift(obj)
}
$('.item').each(function(i,k){
$(this).attr('index',list[i].num)
$(this).animate(list[i])
if (list[i].zIndex < 98) {
$(this).addClass('noShow')
} else {
$(this).removeClass('noShow')
}
})
}
</script>
</body>
</html>