File: /www/wwwroot/www.sanjiangapp.com/template/sanjiang/setmeal.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="static/css/index.css"/>
<link rel="stylesheet" type="text/css" href="static/css/iconfont.css"/>
<link rel="stylesheet" href="static/css/home.css">
<title>商城版本,价格与费用 - 新商云商城系统</title>
<style>
body {
background: #f5f6f9;
}
.setmeal_content {
margin: 30px auto;
box-sizing: border-box;
font-size: 16px;
color: #101010;
}
.setmeal_content .item_total {
width: 1200px;
display: none;
}
.setmeal_content .block{
display: flex !important;
background: #ffffff;
margin: 0 auto;
border-radius: 10px;
}
.setmeal_content .item_total .item {
width: 300px;
position: relative;
/*border: 2px solid transparent;*/
border-radius: 10px;
transition-duration: 0.3s;
/* 以下三值为默认值，稍后会详细介绍 */
transition-property: all;
transition-timing-function: ease;
transition-delay: 0s;
box-sizing: border-box;
overflow: hidden;
padding: 0 18px;
padding-bottom: 140px;
}
.setmeal_content .item_total .item:hover {
/*z-index: 1;*/
/*-webkit-font-smoothing: subpixel-antialiased;*/
/*backface-visibility: hidden;*/
transform: scale(1.04);
box-sizing: border-box;
background: linear-gradient(360deg, #7694FF, #5951FF);
}
.setmeal_content .item_total .item:hover div,.setmeal_content .item_total .item:hover div ul li span,.setmeal_content .item_total .item:hover div p {
color: #ffffff !important;
}
.setmeal_content .item_total .item:hover div a{
color: #6D80FF !important;
}
.setmeal_content .item_total .item:hover .bot li span .iconfont, .setmeal_content .item_total .item:hover .bot li span.iconfont{
color: #ffffff !important;
}
.setmeal_content .item_total .item .top h5 img:nth-child(2){
position: absolute;
top: 0px;
right: 4px;
width: 52px;
height: 60px;
}
.setmeal_content .item_total .item:last-child {
margin-right: 0;
}
/*.setmeal_content .item_total .item:last-child .bot {*/
/*display: flex;*/
/*flex-direction: column;*/
/*align-items: center;*/
/*font-size: 14px;*/
/*color: #101010;*/
/*line-height: 35px;*/
/*padding-top: 57px;*/
/*}*/
.setmeal_content .item_total .item:last-child .bot p{
text-align: left;
line-height: 30px;
font-size: 14px;
color: #43475F;
}
.setmeal_content .item_total .item .top {
display: flex;
flex-direction: column;
align-items: flex-start;
color: #43475F;
padding: 35px 0px 20px;
box-sizing: border-box;
cursor: pointer;
}
.setmeal_content .item_total .item .active {
border: 5px solid #f0e52e;
box-sizing: border-box;
}
.setmeal_content .item_total .item .top h5 {
font-size: 18px;
display: flex;
align-items: center;
}
.setmeal_content .item_total .item .top h5 img{
width: 40px;
height: 40px;
margin-right: 10px;
}
.setmeal_content .item_total .item .bot div{
position: absolute;
bottom: 104px;
left: 23%;
}
.setmeal_content .item_total .item .bot div > p {
font-size: 14px;
display: flex;
align-items: flex-end;
justify-content: center;
color: #43475F;
}
.setmeal_content .item_total .item .bot div > p:nth-child(2){
margin-top: 4px;
}
.setmeal_content .item_total .item .bot div > p span {
font-size: 30px;
line-height: 25px;
font-weight: bold;
}
.setmeal_content .item_total .item:hover .top .btn_pay{
background:#ffffff;
}
.setmeal_content .item_total .item .top .btn_pay {
width: 200px;
height: 40px;
line-height: 40px;
text-align: center;
background: linear-gradient(360deg, #7694FF, #5951FF);
border-radius: 5px;
cursor: pointer;
position: absolute;
bottom: 46px;
left: 48px;
}
.setmeal_content .item_total .item .top .btn_pay a {
color: #ffffff;
font-size: 14px;
display: block;
text-decoration: none;
}
.setmeal_content .item_total .item .bot {
height: 460px;
box-sizing: border-box;
}
.setmeal_content .item_total .item .bot li {
font-size: 14px;
color: rgba(67, 71, 95, .6);
display: flex;
align-items: flex-start;
line-height: 30px;
}
.setmeal_content .item_total .item .bot li span.iconfont,
.setmeal_content .item_total .item .bot li span.iconfont{
color: #2CBF78;
}
.setmeal_content .item_total .item .bot li span:first-child {
min-width: 25px;
}
.hot {
position: absolute;
right: -1px;
top: 0;
width: 90px;
text-align: center;
height: 36px;
line-height: 36px;
background: url('static/images/hotafter.png') no-repeat 0 0;
background-size: 100% 100%;
font-size: 14px;
padding-left: 10px;
}
.item_btn {
width: 122px;
height: 40px;
line-height: 40px;
border-radius: 4px;
background-color: #ff501a;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0);
outline: none;
display: block;
margin: 42px auto 0;
}
.item_btn a {
color: rgba(255, 255, 255, 1);
font-size: 16px;
text-decoration: none;
display: block;
}
.mask {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.4);
display: none;
}
.hb_card {
width: 300px;
height: 380px;
top: 50%;
left: 50%;
margin-top: -190px;
margin-left: -150px;
flex-direction: column;
align-items: center;
color: #ffffff;
padding-top: 170px;
box-sizing: border-box;
position: relative;
background: url("static/images/hb.png") no-repeat;
display: none;
}
.hb_card h5 {
font-size: 18px;
}
.hb_card p {
font-size: 16px;
margin-top: 15px;
}
.hb_card .circular {
font-size: 18px;
margin-top: 62px;
color: #ff4e00;
width: 170px;
height: 46px;
text-align: center;
line-height: 46px;
cursor: pointer;
}
.iconguanbi {
position: absolute;
right: 10px;
top: 10px;
color: #fff;
font-size: 20px;
cursor: pointer;
}
.hb_card.move {
animation: 1s move 1;
transform-style: preserve-3d;
}
@keyframes move {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
display: none;
}
}
.coupon_card {
width: 481px;
background: #fff;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 48px 60px 13px;
box-sizing: border-box;
border-radius: 5px;
display: none;
}
.coupon_card .copunt {
width: 355px;
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
height: 99px;
line-height: 20px;
border-radius: 6px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
border: 1px solid rgba(255, 255, 255, 0);
}
.coupon_card .copunt .left-zhe {
width: 155px;
font-size: 12px;
color: #444444;
position: relative;
}
.coupon_card .copunt .left-zhe p {
text-align: center;
}
.coupon_card .left-zhe p:first-child {
color: #f6390d;
}
.coupon_card .copunt .left-zhe:after {
display: block;
content: '';
width: 2px;
border-left: 1px dashed #e8baba;
float: right;
height: 80px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.coupon_card .copunt .right-zhe {
padding-left: 10px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.coupon_card .copunt .right-zhe .tag {
padding: 2px 5px;
height: 20px;
line-height: 20px;
background-color: rgba(246, 57, 13, 1);
text-align: center;
color: #fff;
font-size: 16px;
}
.coupon_card .copunt .right-zhe .ts {
font-size: 13px;
color: #444444;
font-width: boid;
margin-top: 10px;
}
.coupon_card .copunt .right-zhe .ts2 {
color: #999999;
font-size: 11px;
margin-top: 5px;
}
.coupon_card .ps_tips {
font-size: 20px;
padding: 20px 10px 12px;
text-align: center;
line-height: 25px;
}
.coupon_card .goSy {
width: 200px;
height: 52px;
line-height: 52px;
border-radius: 999px;
background-color: rgba(236, 32, 32, 1);
text-align: center;
font-family: Roboto;
border: 1px solid rgba(187, 187, 187, 1);
outline: none;
display: block;
margin: 0 auto;
}
.coupon_card .goSy a {
display: block;
text-decoration: none;
color: rgba(255, 255, 255, 1);
font-size: 18px;
}
.status_card {
width: 481px;
background: #fff;
margin: 70px auto;
position: relative;
padding: 48px 60px 13px;
box-sizing: border-box;
border-radius: 5px;
font-size: 20px;
display: none;
}
.tips_huiyuan {
display: flex;
flex-direction: column;
align-items: center;
line-height: 30px;
font-size: 16px;
padding: 30px 0;
}
.banner-word-btn {
margin-top: 18px !important;
display: inline-block;
border-radius: 5px;
color: #531ce2;
font-size: 14px;
cursor: pointer;
}
.flagshipall{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.6);
position: fixed;
top: 0;
left: 0;
display: none;
}
.flagship{
width: 500px;
border-radius: 6px;
background: url("static/images/tc.png") no-repeat;
background-size: 102%;
padding: 28px 42px;
box-sizing: border-box;
position: fixed;
top: 300px;
left: 50%;
margin-left: -250px;
}
.flagship p{
font-size: 20px;
color: #43475f;
font-weight: bold;
}
.flagship_btn{
width: 100px;
height: 38px;
border-radius: 4px;
background-color: #ff501a;
color: #fff;
font-size: 12px;
text-align: center;
line-height: 38px;
margin-top: 40px;
cursor: pointer;
}
.flagship img{
position: absolute;
top: 10px;
right: 10px;
width: 10px;
height: 10px;
cursor: pointer;
}
.banner-word-2nd, .banner-word-3rd{
font-size: 22px;
font-weight: normal;
letter-spacing: .4px;
}
.vesion_tab{
width: 1100px;
margin: 20px auto 0;
display: flex;
justify-content: flex-end;
}
.vesion_tab .tab_content{
height: 42px;
width: 204px;
display: flex;
background: #fff;
align-items: center;
border-radius: 50px;
overflow: hidden;
margin: 0 auto;
}
.vesion_tab .tab_content span{
width: 50%;
height: 100%;
line-height: 42px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
color: #9FA1AA;
cursor: pointer;
font-size: 14px;
}
.vesion_tab .tab_content span.active{
border-radius: 50px;
background: #FF6918;
color: #fff;
}
.banner-word-1st{
padding: 0;
color: #fefeff;
font-size: 30px !important;
font-weight: bold;
}
.banner-word-1st-two{
width: 334px;
height: 66px;
background:none !important;
border-radius: 2px;
text-align: center;
line-height: 66px;
margin-top: 12px;
}
.banner-word{
float: unset;
}
.head{
background-size: 100% 100% !important;
height: 220px !important;
/*padding-top: 75px;*/
}
.head-in{
width: 650px !important;
}
.banner{
height: auto !important;
margin-top: 24px;
}
.bannerimg{
width: 565px;
height: 369px;
}
.ym_nav_nav_right .ym_nav_nav_right_button2{
color: #5b3af3 !important;
font-weight: bold;
}
.table_nav{
position: fixed;
top: 68px;
}
</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>
</head>
<body>
<div class="main">
<div class="head" style="background: url('static/images/banner.png'); background-position-y: -28px; background-color: #5835e3">
<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="" ></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="" style="width: 100%; opacity: 1;" ></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" style="text-align: center">
<p class="banner-word-1st" style="display: inline-block; font-weight: 400">超值折扣超低价</p>
<p class="banner-word-1st" style="display: inline-block">买两年得三年</p>
</div>
<!---->
<!--<div class="banner-word-btn" onclick="location.href='/login/registerview'" style="height: 40px;width: 64px;">免费体验</div>-->
<!---->
<div class="banner-pic"></div>
</div>
</div>
</div>
<div class="container_setmeal">
<div class="vesion_tab">
<div class="tab_content"> <span class="active">店铺商城版</span><span class="" >多店平台版</span></div>
</div>
<div class="setmeal_content">
<div class="item_total block" data-vesion="1">
<div class="item" >
<div class="top">
<h5 >
<img src="static/picture/basicsvip.svg" alt="">
<img src="static/picture/currentvip.svg" alt="" style="display: none">
<span>基础版 </span>
</h5>
<!--2.4.1未登录显示免费体验-->
<div class="btn_pay"><a href="javascript:void(0)" class="jump" hrefurl="/login/registerview">免费体验</a></div>
<!--<div class="hot">限时折扣-->
<!--</div>-->
</div>
<div class="bot">
<ul>
<li><span class="iconfont icon-duihaoA"></span><span>只需三步，轻松打造个人店铺</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>一键生成店铺二维码</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>管理员账号不限数量</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>满减、优惠券等基本营销推广工具</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>大数据智能分析工具</span></li>
<li><span></span><span>秒杀、拼团、砍价等高级营销推广工具</span></li>
<li><span></span><span>积分等活动帮你提高用户活跃度</span></li>
<li style="height: 10px"></li>
<li><span></span><span>会员卡和会员储值帮你维护用户</span></li>
<li><span></span><span>内容电商、社交电商新玩法</span></li>
<li><span></span><span>分销电商快速裂变拓展渠道</span></li>
<li><span></span><span>支持小程序</span></li>
<li><span></span><span>新人营销活动让你抓住用户</span></li>
</ul>
<!--2.4.1未登录不显示价格-->
</div>
</div>
<div class="item">
<div class="top" >
<h5>
<img src="static/picture/seniorvip.svg" alt="">
<img src="static/picture/currentvip.svg" alt="" style="display: none">
<span>高级版 </span>
</h5>
<!--2.4.1未登录显示免费体验-->
<div class="btn_pay"><a href="javascript:void(0)" class="jump" hrefurl="/login/registerview">免费体验</a></div>
<!--<div class="hot">限时折扣</div>-->
</div>
<div class="bot">
<ul>
<li><span class="iconfont icon-duihaoA"></span><span>只需三步，轻松打造个人店铺</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>一键生成店铺二维码</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>管理员账号不限数量</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>满减、优惠券等基本营销推广工具</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>大数据智能分析工具</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>秒杀、拼团、砍价等高级营销推广工具</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>积分等活动帮你提高用户活跃度</span></li>
<li style="height: 10px"></li>
<li><span class="iconfont icon-duihaoA"></span><span>会员卡和会员储值帮你维护用户</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>内容电商、社交电商新玩法</span></li>
<li><span></span><span>分销电商快速裂变拓展渠道</span></li>
<li><span></span><span>支持小程序</span></li>
<li><span></span><span>新人营销活动让你抓住用户</span></li>
</ul>
<!--2.4.1未登录不显示价格-->
</div>
</div>
<div class="item" >
<div class="top " >
<h5>
<img src="static/picture/flagshipvip.svg" alt="">
<img src="static/picture/flagship2.svg" alt="" style="display: none">
<span>旗舰版</span>
</h5>
<div class="btn_pay"><a href="javascript:void(0)" onclick="location.href='/login/registerview'">免费体验</a></div>
<!--2.4.1未登录显示免费体验-->
<div class="btn_pay"><a href="javascript:void(0)" class="jump" hrefurl="/login/registerview">免费体验</a></div>
<!--<div class="hot">限时折扣</div>-->
</div>
<div class="bot">
<ul>
<li><span class="iconfont icon-duihaoA"></span><span>只需三步，轻松打造个人店铺</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>一键生成店铺二维码</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>管理员账号不限数量</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>满减、优惠券等基本营销推广工具</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>大数据智能分析工具</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>秒杀、拼团、砍价等高级营销推广工具</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>积分等活动帮你提高用户活跃度</span></li>
<li style="height: 10px"></li>
<li><span class="iconfont icon-duihaoA"></span><span>会员卡和会员储值帮你维护用户</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>内容电商、社交电商新玩法</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>分销电商快速裂变拓展渠道</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>支持小程序</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>新人营销活动让你抓住用户</span></li>
</ul>
<!--2.4.1未登录不显示价格-->
</div>
</div>
<div class="item">
<div class="top">
<h5><img src="static/picture/customizedser.svg" alt=""><span>私有云独立部署</span></h5>
<div class="btn_pay"><a href="javascript:void(0)" onclick="kuaizhichat()">立即咨询</a></div>
<!--<div class="hot">限时折扣</div>-->
</div>
<div class="bot">
<!--<p style="color:#ffbf00">-基础功能-</p>-->
<p>独立安装部署</p>
<p>个性化定制服务</p>
<p>商城二次开发源码</p>
<!--<p style="margin-top: 20px;color: #ffbf00;">-特色功能-</p>-->
<p><span class="iconfont icon-huoyanjiare" style="color: #ef0011; margin-right: 10px"></span>直播电商</p>
<p><span class="iconfont icon-huoyanjiare" style="color: #ef0011; margin-right: 10px"></span>APP商城</p>
<p><span class="iconfont icon-huoyanjiare" style="color: #ef0011; margin-right: 10px"></span>社区团购</p>
</div>
</div>
</div>
<div class="item_total item_total2 " data-vesion="2">
<div class="item" >
<div class="top">
<h5 >
<img src="static/picture/basicsvip.svg" alt="">
<img src="static/picture/currentvip.svg" alt="" style="display: none">
<span>基础版 </span>
</h5>
<div class="btn_pay"><a href="javascript:void(0)" onclick="location.href='/login/registerview'">免费体验</a></div>
<!--2.4.1未登录显示免费体验-->
<div class="btn_pay"><a href="javascript:void(0)" class="jump" hrefurl="/login/registerview">免费体验</a></div>
<!--<div class="hot">限时折扣-->
<!--</div>-->
</div>
<div class="bot">
<ul>
<li><span class="iconfont icon-duihaoA"></span><span>三步轻松搭建多商户商城平台</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>子商户无数量上限</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>绑定独立收款账号于结算系统</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>子商户拥有独立店铺管理后台</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>大数据智能分析工具</span></li>
<li><span></span><span>商城积分系统，提升用户活跃度</span></li>
<li style="height: 10px"></li>
<li><span></span><span>店铺独立营销活动：满减、优惠券、秒杀</span></li>
<li><span></span><span>店铺独立社交玩法：拼团、砍价</span></li>
<li><span></span><span>商城储值卡与会员卡帮你维护用户会员权益</span></li>
<li><span></span><span>短视频动态增强商城流量变现</span></li>
<li><span></span><span>内容电商+社交电商新玩法</span></li>
<li><span></span><span>多商户分销商城快速获取用户流量</span></li>
</ul>
<!--2.4.1未登录显示免费体验-->
</div>
</div>
<div class="item">
<div class="top" >
<h5 >
<img src="static/picture/seniorvip.svg" alt="">
<img src="static/picture/senior.svg" alt="" style="display: none">
<span>高级版 </span>
</h5>
<div class="btn_pay"><a href="javascript:void(0)" onclick="location.href='/login/registerview'">免费体验</a></div>
<!--2.4.1未登录显示免费体验-->
<div class="btn_pay"><a href="javascript:void(0)" class="jump" hrefurl="/login/registerview">免费体验</a></div>
<!--<div class="hot">限时折扣</div>-->
</div>
<div class="bot">
<ul>
<li><span class="iconfont icon-duihaoA"></span><span>三步轻松搭建多商户商城平台</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>子商户无数量上限</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>绑定独立收款账号于结算系统</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>子商户拥有独立店铺管理后台</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>大数据智能分析工具</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>商城积分系统，提升用户活跃度</span></li>
<li style="height: 10px"></li>
<li><span class="iconfont icon-duihaoA"></span><span>店铺独立营销活动：满减、优惠券、秒杀</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>店铺独立社交玩法：拼团、砍价</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>商城储值卡与会员卡帮你维护用户会员权益</span></li>
<li><span></span><span>短视频动态增强商城流量变现</span></li>
<li><span></span><span>内容电商+社交电商新玩法</span></li>
<li><span></span><span>多商户分销商城快速获取用户流量</span></li>
</ul>
<!--2.4.1未登录显示免费体验-->
</div>
</div>
<div class="item" >
<div class="top " >
<h5 >
<img src="static/picture/flagshipvip.svg" alt="">
<img src="static/picture/flagship2.svg" alt="" style="display: none">
<span>旗舰版
</h5>
<!--2.4.1未登录显示免费体验-->
<div class="btn_pay"><a href="javascript:void(0)" class="jump" hrefurl="/login/registerview">免费体验</a></div>
<!--<div class="hot">限时折扣</div>-->
</div>
<div class="bot">
<ul>
<li><span class="iconfont icon-duihaoA"></span><span>三步轻松搭建多商户商城平台</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>子商户无数量上限</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>绑定独立收款账号于结算系统</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>子商户拥有独立店铺管理后台</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>大数据智能分析工具</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>商城积分系统，提升用户活跃度</span></li>
<li style="height: 10px"></li>
<li><span class="iconfont icon-duihaoA"></span><span>店铺独立营销活动：满减、优惠券、秒杀</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>店铺独立社交玩法：拼团、砍价</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>商城储值卡与会员卡帮你维护用户会员权益</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>短视频动态增强商城流量变现</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>内容电商+社交电商新玩法</span></li>
<li><span class="iconfont icon-duihaoA"></span><span>多商户分销商城快速获取用户流量</span></li>
</ul>
<!--2.4.1未登录显示免费体验-->
</div>
</div>
<div class="item">
<div class="top">
<h5><img src="static/picture/customizedser.svg" alt=""><span>私有云</span></h5>
<!--<div class="btn_pay"><a href="javascript:void(0)" onclick="kuaizhichat()">立即咨询</a></div>-->
<div class="btn_pay"><a href="/setmeal/addedServices">立即定制</a></div>
<!--<div class="hot">限时折扣</div>-->
</div>
<div class="bot">
<p>独立安装部署</p>
<p>个性化定制服务</p>
<p>商城二次开发源码</p>
<p><span class="iconfont icon-huoyanjiare" style="color: #ef0011; margin-right: 10px"></span>直播电商</p>
<p><span class="iconfont icon-huoyanjiare" style="color: #ef0011; margin-right: 10px"></span>APP商城</p>
</div>
</div>
</div>
<!--<div class="item_btn"><a href="/main/mealList">功能对比</a></div>-->
</div>
</div>
<style>
.contrast_content {
width: 1100px;
min-height: 700px;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 70px;
}
.contrast_content_top{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 36px;
}
.btn_switch{
display: flex;
align-items: center;
justify-content: space-around;
width: 176px;
height: 40px;
line-height: 40px;
background: #fff;
border-radius: 50px;
color: #9FA1AA;
position: relative;
}
.btn_switch p{
position: absolute;
width: 94px;
height: 40px;
line-height: 40px;
text-align: center;
}
.btn_switchstyle{
width: 94px;
height: 40px;
line-height: 40px;
text-align: center;
background: #FF6918;
border-radius: 50px;
color: #ffffff;
position: absolute;
}
.btn_goback {
background: #FF6918;
border-radius: 2px;
width: 140px;
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 4px;
cursor: pointer;
}
.btn_goback a {
display: block;
color: #ffffff;
font-size: 14px;
text-decoration: none;
}
/*.yuan::before {*/
/*display: block;*/
/*content: '';*/
/*width: 15px;*/
/*height: 15px;*/
/*background: #51ca88;*/
/*border-radius: 50%;*/
/*margin-left: 50%;*/
/*transform: translateX(-50%);*/
/*}*/
.yuan img{
width: 26px;
height: 26px;
}
thead th {
padding: 16.5px;
background: #EEF2F8 !important;
border-right: 1px solid #EEF2F8;
font-size: 16px;
line-height: 36px;
}
thead th p{
display: flex;
align-items: center;
justify-content: center;
}
thead th p img{
width: 32px;
height: 32px;
margin-right: 8px;
}
td {
border-color: #f5f5f7;
border-right: 1px solid #ffffff;
height: 70px;
box-sizing: border-box;
color: #43475F;
font-size: 16px;
}
.icon-jiahao2{
color: #51ca88;
font-size: 18px;
}
.banner-word-btn{
margin-top: 42px;
display: inline-block;
border-radius: 5px;
color: #531ce2;
font-size: 14px;
cursor: pointer;
}
.banner-word-1st{
padding: 0;
color: #fefeff;
font-size: 48px;
font-weight: bold;
}
.banner-word-1st-two{
width: 334px;
height: 66px;
background: linear-gradient(90deg, #FF7B23 0%, #FF501A 100%);
border-radius: 2px;
text-align: center;
line-height: 66px;
margin-top: 12px;
}
.head{
background-size: 100% 100% !important;
height: 520px;
}
.bannerimg{
width: 565px;
height: 369px;
}
.head-in .banner{
/*display: flex;*/
/*justify-content: space-between;*/
}
.btn_pay a{
text-decoration: none;
}
.btn_pay{
width: 114px;
height: 32px;
border-radius: 16px;
margin: 10px auto auto;
font-size: 14px;
text-align: center;
line-height: 32px;
}
.blue{
background: linear-gradient(-90deg, #9CBBFF 0%, #A3C0FF 100%);
}
.blue a{
color: #145FFF;
}
.yellow{
background: linear-gradient(-90deg, #FFD190 0%, #FFE0A6 100%);
}
.yellow a{
color: #AA8334;
}
.purple{
background: linear-gradient(90deg, #D5BEFD 3%, #DCB1FF 100%);
}
.purple a{
color: #8257C7;
}
.orange{
background: linear-gradient(90deg, #FFBFA0 3%, #FFAE7B 100%);
}
.orange a{
color: #A55725;
}
</style>
<div class="container_contrast">
<div class="contrast_content">
<table class="shop">
<thead>
<tr>
<th>模块</th>
<th>功能</th>
<th>
<p><img src="static/picture/basicsvip.svg" alt="">基础版</p>
<!--未登录展示免费体验-->
<div class="btn_pay blue"><a href="javascript:void(0)" class="jump" hrefurl="/login/registerview">免费体验</a></div>
</th>
<th>
<p><img src="static/picture/seniorvip.svg" alt="">高级版</p>
<!--未登录展示免费体验-->
<div class="btn_pay yellow"><a href="javascript:void(0)" class="jump" hrefurl="/login/registerview">免费体验</a></div>
</th>
<th>
<p><img src="static/picture/flagshipvip.svg" alt="">旗舰版</p>
<!--未登录展示免费体验-->
<div class="btn_pay purple"><a href="javascript:void(0)" class="jump" hrefurl="/login/registerview">免费体验</a></div>
</th>
<th>
<p><img src="static/picture/customizedser.svg" alt="">定制服务</p>
<div class="btn_pay orange"><a href="javascript:void(0)" onclick="kuaizhichat()">咨询客服</a></div>
</th>
</tr>
</thead>
<tbody>
<!-- 公众号设置-->
<tr>
<td rowspan="5" style="border-right: 1px solid #f5f5f7;">公众号配置</td>
<td>菜单设置</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>关注回复设置</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>公众号推送</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>自动回复设置</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>公众号绑定</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<!--小程序配置-->
<tr>
<td rowspan="3" style="border-right: 1px solid #f5f5f7;">小程序配置</td>
<td>小程序绑定</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>小程序体验预览</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"></td>
</tr>
<tr>
<td>代理发布小程序版本</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<!--直播-->
<tr>
<td rowspan="2" style="border-right: 1px solid #f5f5f7;">5G直播</td>
<td>直播APP</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan" rowspan="2"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>直播协助</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
</tr>
<!-- 渠道-->
<tr>
<td rowspan="2" style="border-right: 1px solid #f5f5f7;">渠道</td>
<td>公众号配置</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>小程序配置</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"></td>
</tr>
<!-- 商城管理那里-->
<tr>
<td rowspan="2" style="border-right: 1px solid #f5f5f7;">商城管理</td>
<td>装修模板</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>商城信息</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<!-- 商品管理-->
<tr>
<td rowspan="3" style="border-right: 1px solid #f5f5f7;">商品管理</td>
<td>商品管理</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>类目管理</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>商品专题</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<!-- 订单管理-->
<tr>
<td rowspan="3" style="border-right: 1px solid #f5f5f7;">订单管理</td>
<td>交易订单</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>售后订单</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>营销订单</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<!-- 会员管理 -->
<tr>
<td rowspan="4" style="border-right: 1px solid #f5f5f7;">会员管理</td>
<td>会员管理</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>会员等级</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>分销玩法</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>分销商名片</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<!-- 营销活动-->
<tr>
<td rowspan="15" style="border-right: 1px solid #f5f5f7;">营销活动</td>
<td>优惠券</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>拼团活动</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>砍价活动</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>秒杀</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>满减</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>积分签到</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>积分抵现</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>积分兑换</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>分享商品送积分</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr> <tr>
<td>评价送积分</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>关注公众号送积分</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>消费送积分</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>首次下单送积分</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr> <tr>
<td>储值卡充值</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>会员卡</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="javascript:void(0)" onclick="kuaizhichat()"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
</tbody>
</table>
<table class="mall">
<thead>
<tr>
<th>模块</th>
<th>功能</th>
<th>
<p><img src="static/picture/basicsvip.svg" alt="">基础版</p>
<!--未登录展示免费体验-->
<div class="btn_pay blue"><a href="javascript:void(0)" class="jump" hrefurl="/login/registerview">免费体验</a></div>
</th>
<th>
<p><img src="static/picture/seniorvip.svg" alt="">高级版</p>
<!--未登录展示免费体验-->
<div class="btn_pay yellow"><a href="javascript:void(0)" class="jump" hrefurl="/login/registerview">免费体验</a></div>
</th>
<th>
<p><img src="static/picture/flagshipvip.svg" alt="">旗舰版</p>
<!--未登录展示免费体验-->
<div class="btn_pay purple"><a href="javascript:void(0)" class="jump" hrefurl="/login/registerview">免费体验</a></div>
</th>
<th>
<p><img src="static/picture/customizedser.svg" alt="">定制服务</p>
<div class="btn_pay orange"><a href="javascript:void(0)" onclick="kuaizhichat()">咨询客服</a></div>
</th>
</tr>
</thead>
<tbody>
<!-- 公众号设置-->
<tr>
<td rowspan="5" style="border-right: 1px solid #f5f5f7;">公众号配置</td>
<td>菜单设置</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>关注回复设置</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>公众号推送</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>自动回复设置</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>公众号绑定</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<!--小程序配置-->
<tr>
<td rowspan="3" style="border-right: 1px solid #f5f5f7;">小程序配置</td>
<td>小程序绑定</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>小程序体验预览</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"></td>
</tr>
<tr>
<td>代理发布小程序版本</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<!--直播-->
<tr>
<td rowspan="2" style="border-right: 1px solid #f5f5f7;">5G直播</td>
<td>直播APP</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan" rowspan="2"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>直播协助</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
</tr>
<!-- 渠道-->
<tr>
<td rowspan="2" style="border-right: 1px solid #f5f5f7;">渠道</td>
<td>公众号配置</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>小程序配置</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"></td>
</tr>
<!-- 商城管理那里-->
<tr>
<td rowspan="2" style="border-right: 1px solid #f5f5f7;">商城管理</td>
<td>装修模板</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>商城信息</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<!-- 商品管理-->
<tr>
<td rowspan="3" style="border-right: 1px solid #f5f5f7;">商品管理</td>
<td>商品管理</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>类目管理</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>商品专题</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<!-- 订单管理-->
<tr>
<td rowspan="3" style="border-right: 1px solid #f5f5f7;">订单管理</td>
<td>交易订单</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>售后订单</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>营销订单</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<!-- 会员管理 -->
<tr>
<td rowspan="4" style="border-right: 1px solid #f5f5f7;">会员管理</td>
<td>会员管理</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>会员等级</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>分销玩法</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>分销商名片</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<!-- 营销活动-->
<tr>
<td rowspan="15" style="border-right: 1px solid #f5f5f7;">营销活动</td>
<td>优惠券</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>拼团活动</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>砍价活动</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>秒杀</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>满减</td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td></td>
</tr>
<tr>
<td>积分签到</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>积分抵现</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>积分兑换</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>分享商品送积分</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr> <tr>
<td>评价送积分</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>关注公众号送积分</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>消费送积分</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>首次下单送积分</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr> <tr>
<td>储值卡充值</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
<tr>
<td>会员卡</td>
<td class="yuan"><img src="static/picture/error.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><img src="static/picture/correct.svg" alt=""></td>
<td class="yuan"><a href="/setmeal/addedServices"><img src="static/picture/add.svg" alt=""></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="mask">
<div class="hb_card"
style="background: url('static/images/hb.png') no-repeat center center;background-size: 100% 100%">
<h5>恭喜你获得一张优惠券</h5>
<p>仅首次购买可以使用</p>
<div class="circular"
style="background:url('static/images/hb_b.png') no-repeat center center;background-size: 100% 100%"
onclick="receiveCoupon()">
立即领取
</div>
<div class="iconfont iconguanbi" onclick="closeMask()"></div>
</div>
<div class="coupon_card">
<div class="copunt" style="background: url('static/images/yhj.png') no-repeat right center ">
<div class="left-zhe">
<p><span>¥</span><span style="font-size: 36px">9</span><span style="font-size: 20px">折</span>
</p>
<p> 无金额门槛</p>
</div>
<div class="right-zhe">
<span class="tag">折扣券</span><span class="ts">首次下单满减d折券</span><span class="ts2"></span>
</div>
</div>
<p class="ps_tips">恭喜你获得一张首单
立减元 优惠券
快去使用它吧~</p>
<button class="goSy"><a href="/setmeal/confirmOrderDetail">去使用</a></button>
<div class="iconfont iconguanbi" style="color: red" onclick="closeMask()"></div>
</div>
</div>
<!-- <div class="flagshipall">-->
<!-- <div class="flagship">-->
<!-- <img src="static/picture/flagship_gb.png" alt="">-->
<!-- <p style="margin-bottom: 8px;">限时买2年送1年</p>-->
<!-- <p style="font-size: 16px">今日注册即送【高级版】会员</p>-->
<!-- <div class="flagship_btn URLJump">免费领取</div>-->
<!-- </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 src="static/js/layui_popup.js"></script>
<script>
$(function(){
var nap_top = $('.contrast_content table thead').offset().top - 95 //页面元素距离文档顶端高度距离
$(window).scroll(function(){
$('.contrast_content table thead').each(function(){ //所有需要计算距离浏览器顶端高度的元素
var scrollTop = $(window).scrollTop();// 网页被卷起来的高度
if(scrollTop > nap_top){ //元素距离浏览器顶部高度
$('.contrast_content table thead').addClass("table_nav");
if($('.top_cooperation').css('display') == 'none'){
$('.table_nav').css('top','70px');
}
}else{
$('.contrast_content table thead').removeClass("table_nav");
}
// console.log(scrollTop,nap_top,"距上距离")
})
});
});
var flagGuangGao=false
$(function() {
$('.mall').hide()
// var alliconclass =
if($('.item .bot li span').hasClass('iconfont')){
$('.item .bot li .iconfont').next().css("color","rgba(67, 71, 95, 1)")
}
$('.setmeal_content .item_total .item:first-child').mouseover(function () {
$('.setmeal_content .item_total .item:first-child .top h5 img:nth-child(2)').css('display','none')
})
$('.setmeal_content .item_total .item:first-child').mouseout(function () {
})
$('.setmeal_content .item_total .item:nth-child(2)').mouseover(function () {
$('.setmeal_content .item_total .item:nth-child(2) .top h5 img:nth-child(2)').css('display','none')
})
$('.setmeal_content .item_total .item:nth-child(2)').mouseout(function () {
})
$('.setmeal_content .item_total .item:nth-child(3)').mouseover(function () {
$('.setmeal_content .item_total .item:nth-child(3) .top h5 img:nth-child(2)').css('display','none')
})
$('.setmeal_content .item_total .item:nth-child(3)').mouseout(function () {
})
$('.setmeal_content .item_total2 .item:first-child').mouseover(function () {
$('.setmeal_content .item_total2 .item:first-child .top h5 img:nth-child(2)').css('display','none')
})
$('.setmeal_content .item_total2 .item:first-child').mouseout(function () {
})
$('.setmeal_content .item_total2 .item:nth-child(2)').mouseover(function () {
$('.setmeal_content .item_total2 .item:nth-child(2) .top h5 img:nth-child(2)').css('display','none')
})
$('.setmeal_content .item_total2 .item:nth-child(2)').mouseout(function () {
})
$('.setmeal_content .item_total2 .item:nth-child(3)').mouseover(function () {
$('.setmeal_content .item_total2 .item:nth-child(3) .top h5 img:nth-child(2)').css('display','none')
})
$('.setmeal_content .item_total2 .item:nth-child(3)').mouseout(function () {
})
})
$('.flagship img').click(function(){
$('.flagshipall').hide()
SrcollOn.move()
})
$(".jump").click(function (){
location.href = $(this).attr("hrefurl")
})
// if(flagGuangGao==false) {
// setTimeout(function () {
// SrcollOn.stop()
// $('.flagshipall').show()
// }, 2000);
// }
$(".URLJump").click(function () {
location.href = '/login/registerview'
})
var layer;
layui.use(['form', 'upload', 'layer', 'element', 'laydate'], function () {
layer = layui.layer;
})
var couponId = '';
$(function () {
overGD()
})
//遮罩存在时 关闭滚动条
var overGD = function () {
var flag = $('.mask').css('display');
if (flag == 'block') {
document.body.style.overflow = 'hidden'
} else {
document.body.style.overflow = 'auto'
}
}
//关闭红包遮罩
var closeMask = function () {
$('.mask').css({'display': 'none'})
overGD()
}
var isClick = true;
//领取优惠券
var receiveCoupon = function () {
if (!isClick) {
return
}
isClick = false;
jQuery.support.cors = true;//兼容IE
$.ajax({
url: "/setmeal/addCoupon",
data: {"couponId": couponId},
success: function (data) {
console.log(data.data);
if (data.status == 1) {
$('.hb_card')[0].classList.add('move')
$('.hb_card')[0].addEventListener("animationend", function () {
$(this).css({'display': 'none'})
$('.coupon_card').css({'display': 'block'})
});
} else {
layer.msg(data.msg, {icon: 2})
}
}
})
}
// $('.item_total').on('click', '.item', function () {
// $(this).find('.top').addClass('active').parent().siblings().find('.top').removeClass('active')})
// $(this).find('.top').addClass('active').parent().siblings().find('.top').removeClass('active')
// })
var showTips=function (type) {
var str = `<div class="tips_huiyuan">
<p>由于当前版本等级过高</p><p>暂不支持购买低版本</p><p>请等待当前会员版本到期后再进行购买</p><p>如有问题请联系客服</p>
</div>`
// if (type == 1) {
//
// var str = `<p style="padding:10px 20px;text-align: center" >不能开通基础会员,需等当前会员到期后才可开通</p>`
//
// // alert("不能开通基础会员，需等当前会员到期后才可开通")
// } else {
// var str = `<p style="padding:10px 20px;text-align: center" >不能开通高级会员，需等当前会员到期后才可开通</p>`
// // alert("不能开通高级会员，需等当前会员到期后才可开通")
// }
layui_popup1(str, '提示')
// $('.status_card').html(str)
// setTimeout(() => {
// $('.mask').css('display', 'none');
// $('.status_card').css('display', 'none');
// }, 3000)
}
//店铺平台版本切换
$('.vesion_tab .tab_content').on('click','span',function () {
$(this).addClass('active').siblings().removeClass('active');
var index=$(this).index()
var content= $('.setmeal_content').find('.item_total');
content.eq(index).addClass('block').siblings().removeClass('block')
console.log($('.active').html());
if($('.active').html() == '店铺版'){
$('.shop').show()
$('.mall').hide()
}else {
$('.shop').hide()
$('.mall').show()
}
})
</script>
</body>
</html>