/* 页面基础配置 开始 */

ul li{
  list-style: none;
}
a:hover{
  text-decoration: none;
}
.container-fluid{
  padding-right:0px !important;
  padding-left:0px !important; 
}
body{
  background:#fff;

  color:#666666;
  overflow-x: hidden!important;
}
.newRetail_bg{
  background: #FE8D42 !important;
}
.newRetail_btn{
  font-size:32px;
  /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(255,255,255,1);
  display: inline-block;
  line-height: 59px;
  text-align: center;
  width:294px;
  height:59px;
  background:rgba(254,141,66,1);
  border-radius:30px;
}
h2{
      text-align: center !important;
  margin: 0 auto;
}
/* 页面基础配置 结束 */
/* 背景图下的导航 开始*/
.Label{
  background: #EFF4F7;
  height:103px;
}
.Label ul{
  margin: 0 auto;
  width:1200px;
}
.Label ul li a{
  display: block;
  width:171px;
  height: 103px;
  text-align: center;
  line-height: 50px;
  position: relative;
}
.Label ul li a img{
  margin-top: 29px;
  margin-bottom: 12px;
}
.Label ul li a p{
  font-size:16px;
  /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:#3A3F45;
  line-height:16px;
}
.Label ul li .Label_active p{ color:#fff !important;}
.Label_active{
  background: #6CD7FA !important;
  color:#fff !important;
}
.Label-beijin{background: #FE8D42;
}
.Label-img{
  position: absolute;
  left: -11px;
 top: 12px
}
.Label-font{
  margin: 27px 13px 30px 27px;
    font-size: 20px;
    font-weight: 500;
    color: rgba(255,255,255,1);
    line-height: 23px;
}
/* 背景图下的导航 结束*/
/* 1.全渠道新零售商城系统 开始*/
.experience{
  margin: 55px auto;
  width:1200px;
}
.experience ul{
  margin: 60px 0 65px;
}
.experience ul li>div{
  width:687px;
}
.top21,.top21-1{
  margin-top: 21px;
}

.top21 img{
  position: relative;top: -12px;
}
.experience ul li .top21-1 img{
  position: relative;top: -30px;
}
.top37{
  margin-top: 37px;
}
.top41{
   margin-top: 41px;
}
.experience ul li div h6{
  display:inline-block;
  width:385px;
  height:22px;
  font-size:22px;
  /*font-family:SourceHanSansCN-Medium;*/
  font-weight:500;
  color:rgba(2,177,251,1);
  margin-left: 19px;
}

.experience ul li div p{
  display:inline-block;
  font-size:16px;
  /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(102,102,102,1);
  margin-left: 12px;
      width: 615px;
  line-height: 26px;
}
.experience ul li div p span
{
  /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(51,51,51,1);
  margin-right: 10px;
}
/* 1.全渠道新零售商城系统 结束*/
/* 2.新零售商城系统有那些优势 开始*/
.advantage{
  background: url(../images/weishangcheng/2/BG.png);
  height: 1122px;
  padding-top: 55px;
}
.left146{
  padding-left: 146px
}

.advantage .advantage_item{
  width:1201px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  padding-top: 55px;
}
.advantage .advantage_item ul{
  margin-top: 59px;
  height: 667px;
  padding:0 60px;
}
.advantage .advantage_item ul li{
  height: 106px;
  width:1080px;
}
.advantage .advantage_item ul li>div{
  float: left;
}
.advantage .advantage_item ul li>div h6
{
  width:498px;
  font-size:20px;
  /*font-family:SourceHanSansCN-Medium;*/
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height: 40px;
}
.advantage .advantage_item ul li>div p{
  width:782px;
  height:44px;
  font-size:16px;
  /*font-family:SourceHanSansCN-Light;*/
  font-weight:300;
  color:rgba(102,102,102,1);
  line-height: 32px;
}
.advantage .advantage_item ul li .margin_left{
  margin-left: 40px;
}
.advantage .advantage_item .text-center a{
  margin:65px 0 43px 0;
}
/* 2.新零售商城系统有那些优势 结束*/
/* 3.新零售模式图解 */
.graphic{
  position: relative;
}
.graphic .h694{height: 694px;}
.graphic h2 img{
  margin-top: 55px;
}
.graphic .graphic_blue{

  background:linear-gradient(270deg,rgba(1,172,252,1),rgba(2,215,250,1),rgba(2,215,250,1));
}
.graphic .graphic_blue a{
  line-height: 59px;
  margin-top:148px;
  margin-bottom:55px;
  display: inline-block;
  width:324px;
  height:59px;
  background:rgba(255,255,255,1);
  border-radius:30px;
  font-size:32px;
  /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(1,179,252,1);
}
.graphic .position_img
{
  position: relative;
  top:35px;
  margin: 0 auto;
  width:1200px;
  height:616px;
  background:rgba(255,255,255,1);
  box-shadow:0px 15px 38px 0px rgba(106,118,149,0.25);
}
/* 3.新零售模式图解 结束*/
/* 4.新零售商城系统的功能特点 开始*/
.function_blue{
  background: #4FA1FE !important;
}
.function{
  padding-bottom: 55px;
  padding-top: 55px;
  background:rgba(228,236,240,1);
}
.function h2+div{margin-top: 60px;}
.function ul{
  width:1200px;
  margin: 0 auto;
}
.function ul+ul{
 margin-top: 34px;
 margin-bottom: 65px; 
}
.function ul li{
  width:284px;
  height:198px;
  background:rgba(255,255,255,1);
  box-shadow:-1px 2px 18px 0px rgba(87,123,134,0.21);
  height: 238px;
}
.function ul li .function_bgcolor{
  width:284px;
  height:122px;
  background:rgba(79,211,254,1);
  text-align: center;
  vertical-align: middle;
  margin-bottom: 30px;
}
.function ul li .function_bgcolor+div{
  text-align: center;
}
.function ul li .function_bgcolor+div p
{
  width: 210px;
  margin: 8px  auto 0 ;
  font-size:14px;
  /*font-family:SourceHanSansCN-Normal;*/
  font-weight:400;
  color:#474747;
  line-height:24px;
}
.function ul li .function_bgcolor img{
  margin: 16px 0;
}
.function ul li .function_bgcolor h6{
  font-size:20px;
 /* font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(255,255,255,1);
}
/* 4.新零售商城系统的功能特点 结束*/
/* 5.营销体系五大核心会员 开始*/
.core {
  position: relative;
  margin-top: 55px;
}
/* .core_bgcolor2{
  background: #4FA1FE !important;
}
.core_bgcolor3{
  background: #6380FE !important;
}
.core_bgcolor4{
  background: #8D72FF !important;
}
.core_bgcolor5{
  background: #FFAF23 !important;
}
.core .text-center+ul li a{
  margin-top: -9px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  width:50px;
  height:50px;
  background:rgba(238,238,238,1);
}
.core .position_left{
  position:absolute;
  top: 300px;
}
.core .position_right{
  position:absolute;
  top: 300px;
}
.core .text-center+a+a+ul{
  margin: 65px auto 48px;
  width:1200px;
}
.core .text-center+ul li>ul li{
  margin-left: 16px;
  width:384px;
  height:238px;
  background:rgba(255,255,255,1);
  box-shadow:-1px 2px 21px 0px rgba(87,106,134,0.3);
}
.core ul li .core_bgcolor{
  line-height: 86px;
  width:384px;
  height:74px;
  background:#4FA1FE;
  opacity:0.91;
}
.core ul li .core_bgcolor h2{
  position: relative;
  left:50px;
  display: inline-block;
  font-size:28px;
 /* font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(255,255,255,1);
}
.core ul li .core_bgcolor img{
  position: relative;
  left: 21px;
  top: -8px;
}
.core ul li .core_bgcolor h3{
  margin-left: 151px;
  display: inline-block;
  font-size:22px;
  /*font-family:SourceHanSansCN-Light;*/
  font-weight:300;
  color:rgba(255,255,255,1);
} 
.core ul li .core_bgcolor+div{
  margin-left: 21px;
  margin-top: 27px;
  height: 85px;
  width:267px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.core ul li .core_bgcolor+div h4{
  font-size:16px;
  /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(102,102,102,1);
}
.core ul li .core_bgcolor+div h4 span{
  margin-right: 27px;
  display: inline-block;
  width:6px;
  height:6px;
  background:rgba(96,205,151,1);
  border-radius:50%;
}
.programme{
  padding-bottom: 55px;
}
.programme div h3{
  font-size:24px;
  /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(2,159,255,1);
}
.programme ul{
  width:697px;

  margin: 21px auto 55px;
}
.programme ul li span{
  display: inline-block;
  width:1px;
  height:60px;
  background:rgba(191,191,191,1);
}
.programme+div{
  background: url(../images/weishangcheng/5/BG.png);
}
.programme+div h6{
  padding-top: 45px;
  margin:0 0 46px 0;
  font-size:40px;
 /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(51,51,51,1);
}
.programme+div>div{
  width:880px;
  margin: 0 auto 0;
  padding-bottom: 63px;
}
.linear{
  background:linear-gradient(270deg,rgba(43,206,124,1),rgba(40,185,112,1)) !important;
}
.programme+div>div a{
  display: inline-block;
  width:402px;
  height:63px;
  text-align: center;
  line-height: 63px;
  background:linear-gradient(270deg,rgba(247,164,28,1),rgba(252,204,90,1));
  font-size:26px;
  /*font-family:SourceHanSansCN-Regular;*/
  font-weight:400;
  color:rgba(255,255,255,1);
}
/* 5.营销体系五大核心会员 结束*/
/*nav banner  */
/*nav active开始  */
.container-fluid .divn{
  width:100%;
  z-index: 1000;
  background: rgba(16,23,70,0.4);
  position:absolute;
  top:0;
}
.container+div
{
position: relative;
background-image:url(../images/weishangcheng/banner/banner.png);
height: 600px;
background-position:center center ;
}
.container+div a{    height: 600px;width: 100%;min-width: 1440px;display: block;}
/* nav 结束 */


/*轮播JS开始*/
   .swiper-container{
      padding:15px;
      /*height: 268px;*/
      overflow: hidden;
      width: 1230px;
      margin: 45px auto 45px;
      display: flex;
      justify-content: space-between;
    }
    .swiper-container>.swiper-wrapper
    {
      width: 1200px;
      display: flex;
      justify-content: space-between;
    }
    .swiper-container>.swiper-wrapper .swiper-slide{
      width: 380px;
      height: 238px;
      background: rgba(255,255,255,1);
      box-shadow: -1px 2px 21px 0px rgba(87,106,134,0.3);
    }
    .swiper-container>.swiper-wrapper .swiper-slide .core_bgcolor{
      line-height: 86px;
      height: 74px;
      background: #4FA1FE;
      opacity: 0.91;
    }
    .swiper-container>.swiper-wrapper .swiper-slide .core_bgcolor>img{
      position: relative;
      left: 21px;
      top: -8px;
    }
    .swiper-container>.swiper-wrapper .swiper-slide .core_bgcolor h6{
      position: relative;
      left: 50px;
      display: inline-block;
      font-size: 28px;
      /*font-family: SourceHanSansCN-Regular;
      font-weight: 400;*/
      color: rgba(255,255,255,1);
      line-height: 2;
    font-weight: normal;
    }
    .swiper-container>.swiper-wrapper .swiper-slide .core_bgcolor span{
    margin-right: 20px;
    display: inline-block;
    font-size: 22px;
    /* font-family: SourceHanSansCN-Light; */
    font-weight: 300;
    color: rgba(255,255,255,1);
    float: right;
    line-height: 74px;

    }
    .swiper-container>.swiper-wrapper .swiper-slide .core_bgcolor+div{
      margin-left: 21px;
      margin-top: 27px;
      /*height: 85px;
      width: 267px;*/
      display: flex;
      justify-content: space-between;
      flex-direction: column;
    }
    .swiper-container>.swiper-wrapper .swiper-slide .core_bgcolor+div>p{
      font-size: 16px;
     /* font-family: SourceHanSansCN-Regular;*/
      font-weight: 400;
      color: rgba(102,102,102,1);
	  line-height:32px;
    }
    .swiper-container>.swiper-wrapper .swiper-slide .core_bgcolor+div>p>span{
      margin-right: 27px;
      display: inline-block;
      width: 6px;
      height: 6px;
      background: rgba(96,205,151,1);
      border-radius: 50%;
    }
    /* 右按钮 */
    .swiper-button-next{
      margin-top: -9px;
      text-align: center;
      line-height: 50px;
      display: inline-block;
      width: 50px;
      height: 50px;
      background: rgba(238,238,238,1);
    }
    .swiper-button-prev{
      margin-top: -9px;
      text-align: center;
      line-height: 50px;
      display: inline-block;
      width: 50px;
      height: 50px;
      background: rgba(238,238,238,1);
    }
    .core_bgcolor2{
      background: #4FA1FE !important;
    }
    .core_bgcolor3{
      background: #6380FE !important;
    }
    .core_bgcolor4{
      background: #8D72FF !important;
    }
    .core_bgcolor5{
      background: #FFAF23 !important;
    }
    .swiper-button-prev{
      background:  rgba(238,238,238,1) url(../images/weishangcheng/5/左右箭2.png) no-repeat center center;
      right:13% !important;
      left:auto !important;
      top:28% !important;
    }
    .swiper-button-next{
      background: rgba(238,238,238,1) url(../images/weishangcheng/5/左右箭1.png) no-repeat center center;
      left:13% !important;
      right:auto !important;
      top:28% !important;
    }
	.swiper-button-prev:hover{
      background:  rgba(238,238,238,1) url(../images/weishangcheng/5/左右箭4.png) no-repeat center center;
      right:13% !important;
      left:auto !important;
      top:28% !important;
    }
	.swiper-button-next:hover{
      background: rgba(238,238,238,1) url(../images/weishangcheng/5/左右箭3.png) no-repeat center center;
      left:13% !important;
      right:auto !important;
      top:28% !important;
    }

/*轮播JS结束*/


/*添加**/
.img-fluid {
    max-width: 100%;
    height: auto;}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;

}
.text-center {
  text-align: center !important;
}
.mb-2,
.my-2 {
  margin-bottom: 30px !important;
}
.mt-5,
.my-5 {

  margin-top: 40px !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.float-right {
  float: right !important;
}


.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 60px !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

    #app h5 {
      display: none;
    }
    #app h5.current {
      display: block;
    }
.d-none{
  display: none !important;}
.d-inline-block{display: inline-block !important;}
.m-0{margin: 0 !important;}
.center-left{    float: left !important;}
.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.flex-wrap {
    -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;}