@media screen and (min-width: 960px) and (max-width: 1199px) {
    html{
        font-size:54px !important;
    }
    .join ul+ul {
        margin-left: 2.1rem !important;
    }
    .about p+p{
        margin-left:2.6rem !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    html{
        font-size:43.2px !important;
    }
    .join ul+ul {
        margin-left: 1.8rem !important;
    }
    .about p+p{
        margin-left:2.3rem !important;
    }
   
}
@media screen and (min-width:480px) and (max-width: 767px) {
    html{
        font-size:36px !important;
    }
}  
@media screen and (min-width:400px) and (max-width:479px){
    html{
        font-size:27px !important;
    }
}
@media screen and (max-width:399px){
    html{
        font-size:27px !important;
    }
    .join ul+ul {
        margin-left: 0.6rem !important;
    }
    .about p+p{
        margin-left:0.9rem !important;
    }
    .show h3{
        font-size:0.45rem !important;
    }
}
.my-h3{
    font-size:0.74rem;
    line-height:0.9rem;
    margin-bottom:0.5rem;
}
.my-p{
    font-size:0.44rem;
    line-height:0.74rem;
}
.top{
    width:100%;
    text-align:center;
    padding:0.8rem 0; 
    background:url("../../images/wsc/headertop.png") no-repeat;
    background-size:100% 100%;
    color:#fff;
}
.top .down{
    margin-bottom:0.6rem;
}
.top .small-box{
    margin:auto;
    width:30%;
    border:1px solid #fff;
    border-radius: 45px;
    font-size:0.6rem;
    line-height:1.1rem;
}
/* 电商系统 */
.system{
    width:100%;
    text-align: center;
    padding:0.8rem 0;
}
.system .up{
    margin-top:1.2rem;
}
.system-list{
     width:100%;
     display:flex;
     justify-content: space-between;
     flex-flow:wrap;
     padding:0 1.8rem;
}
.system-item{
    margin-top:0.7rem;
    width:30%;
}
.system img{
    width:90%;
}
/* 店铺装修 */
.decoration{
    width:100%;
    text-align: center;
    padding:0.8rem 0;
}
.decoration img{
    width:92%;
    margin-top:0.5rem;
}
/* swiper */
.swiper-container{
    width:100%;
    overflow: hidden;
    text-align: center;
}
.swiper-container h3{
    margin-top:0.6rem;
}
.swiper-container img{
    width:80%;
}
.swiper-container .swiper-wrapper{
    width:100%;
    margin-top:0.5rem;
    padding-bottom:1.2rem;
}
.swiper-container .swiper-pagination-bullet{
    width:0.5rem;
    height:0.5rem;
}
/* 展示 */
.show{
    width:100%;
    text-align: center;
    padding:0.8rem 0 1rem;
    background:url("../../images/wsc/bg1.png") no-repeat;
    background-size:100% 100%;
    color:#fff;
}
.show-list{
    width:100%;
    display:flex;
    justify-content: space-around;
}
.show-item{
    width:25%;
}
.show h3{
    font-size:0.6rem;
    margin-top:0.5rem;
}

.show-item .round{
    width:0.66rem;
    height:0.66rem;
    background:#fff;
    border-radius: 50%;
    position: relative;
    margin:auto;
}
.show-item .round>p{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#a450a3;
}
/* 使用场景 */
.scene{
    width:100%;
    text-align: center;
    padding:0.8rem;
}
.scene-list{
    display:flex;
    justify-content: space-between;
    margin-top:0.5rem;
    
}
.scene-item{
    font-size:0.4rem;
    padding-bottom:0.2rem;
}
.active{
    color:#0066ff;
    border-bottom:2px solid #0066ff;
}
/* 固定咨询定位 */
.call-list{
    width:100%;
    height:3rem;
    background: #fff;
    position: fixed;
    left:0;
    bottom:0;
    color:#048EFD;
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:0.1rem 0.3rem;
    z-index:21;
}
.call-item{
    width:33%;
    border-right:2px solid #048EFD;
    display:flex;
    justify-content: space-around;
    align-items: center;
    padding:0 0.4rem;
}
.call-item:last-child{
    border-right:0;
}
.call-item img{
    width:25%;
}
/* 电话质询 */
.phone-box{
    position:fixed;
    top:50%;
    left:50%;
    width:100%;
    transform: translate(-50%,-50%);
    padding:0.5rem;
    z-index:21;
    display:none;
}
.phone-box img{
    width:100%;
}
.p-small-box{
    width:100%;
    position: relative;
}
.p-small-box .close{
    position: absolute;
    top:22%;
    right:8%;
    width:7%;
}
/* 在线留言 */
.o-message-box{
   width:100%;
   padding:0 ;
   position: fixed;
   left:0;
   top:0;
  background:#fff;
  
}
.zz{
    z-index: 22;
}
.om-top{
    width:100%;
    background:#333333;
    padding:1rem 0.5rem;
    position: relative;
    align-items: center;
    display: flex;
    justify-content: start;
    color:#fff;
}
.chunk{
    width:0.7rem;
    height:0.7rem;
    background:#0088FE;
    margin-right:0.5rem;
}
.om-top .close{
    position: absolute;
    top:28%;
    right:8%;
    width:8%;
}
.om-main{
    width:100%;
    border-bottom:1px solid #E0E0E0;
    padding:0.5rem 0.3rem;
}
.om-main img{
    width:8%;
    margin-right:0.6rem;
}
.om-main input{
    width:82%;
    height:1.85rem;
    font-size:0.65rem;
}
.om-main input:focus{
    border:1px solid #08E0DE;
    border-radius: 6px;
}
.om-main textarea{
    width:82%;
    border:none;
    font-size:14px;
}
.om-main textarea:focus{
    border:1px solid #08E0DE;
    border-radius: 6px;
}
.om-main textarea::-webkit-input-placeholder {
    font-size:0.65rem
}
.o-message-box .b1{
    width:55%;
    background:#0088FE;
    padding:0.5rem;
    border-radius: 6px;
    color:#fff;
    align-self: center;
    display:block;
    margin:auto;
}
.btn-s{
    margin-top:1.2rem;
}
.om-img3{
    vertical-align: top;
}

.menu{
    width:100%;
    font-size:0.6rem;
    position: fixed;
    top:0;
    left:-100%;
    z-index:22;
    transition: all 0.5s ease;
    background:rgb(65, 65, 66); 
   
}

.menu>div{
    padding-left: 15px;
    padding:15px 0;
    border-bottom:1px solid #f4f4f4;

}
.m-city{
    padding:15px !important;
    color:#fff;
}

.menu .active {
    background:#fff;
}
.menu .active a{
    color:#048EFD;
}
.active-col{
    color:#048EFD;
}
.menu a{
   display:block;
   width:33%;
   padding-left:5%;
   color:#fff;
}
.city-tables{
    padding:0 15px 15px !important;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size:0.4rem;
    align-items: center;
    color:#fff;
  
}
.city-tables>div{
    width:17%;
    margin-top:0.5rem;
}
.m-apps-tables{
   padding:0 !important;
   display:none;
}
.m-apps-tables a,.m-area-tables a,.m-opeartion-tables a{
    width:100%;
}
.m-area-tables{
    padding:0 !important;
    display:none;
}
.m-apps-tables>div,.m-area-tables>div{
    /* border-bottom:1px solid #f4f4f4; */
    padding-left:24px !important;
    padding:15px;
}
.m-opeartion-tables{
    /* border-bottom:1px solid #f4f4f4; */
    padding-left:24px !important;
    display:none;
}
/* .m-city,.m-apps,.m-area,.m-operation{
    position: relative;
}
.m-city::after{
    content:">";
    position: absolute;
    width:11%;
    right:1.5%;
    font-size:22px;
    color:#fff;
}
.maa:after{
    content:"v";
    position: absolute;
    width:15%;
    right:-3.5%;
    font-size:22px;
    top:25%;
    color:#048EFD;
}
.maf1::after{
    content:"6 >";
    position: absolute;
    width:15%;
    right:1.5%;
    font-size:22px;
    top:25%;
    color:#fff;
}
.maf2::after{
    content:"3 >";
    position: absolute;
    width:15%;
    right:1.5%;
    font-size:22px;
    top:25%;
    color:#fff;
}
.maf3::after{
    content:"1 >";
    position: absolute;
    width:15%;
    right:1.5%;
    font-size:22px;
    top:25%;
    color:#fff;
}
.m-city img{
    width:7%;
    margin-right:5px;
}
.clo{
    font-size:0.6rem;
    padding-bottom:0.5rem;
    padding-top:0.5rem;
    background:#fff;
    display:flex;
    justify-content: start;
    align-items: center;
}
.clo>div{
    width:30%;
    font-size:0.8rem;
    padding-left:15px;

}
.clo img{
    width:15%;
    margin-left:45%;
} */