/* @media and (min-width:1200px){//>=1200px的设备} 
@media and (min-width: 960px) and (max-width:1199px) {//<=1199px and >=960px的设备:PC端;}
@media and (min-width: 768px) and (max-width:959px) {//<=959px and >=768px的设备：PC端;}
@media and (min-width: 640px) and (max-width:767px) {//<=767px and >=640px的设备：平板端或者手机横屏;}
@media and (min-width: 480px) and (max-width:639px) {//<=639px and >=480px的设备：手机横屏;}
@media and (min-width: 320px) and (max-width:479px) {//<=479px and >=320px的设备：手机竖屏;}
@media and (min-width: 240px) and (max-width:319px) {//<=479px and >=320px的设备：手机竖屏;}
@media and (max-width:239px){//<=239px的设备:手机竖屏} */

/* 屏幕像素<=1240的设备   更改头部样式 */
@media screen and (max-width:1240px){
    .home .header{
        display: none;
    }
    .inside .header{
        display: none;
    }
    .home .m-header{
        display: block;
        width: 100%;
        height: 58px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 3;
        transition: all 0.5s;
    }
    .home  .open{
        height: 100%;  
        background: #333;
        transition: all 0.5s;
    }
    .home .m-header .dh{
        width: 100%;
        height: 58px;
        background: #333;
    }
    .home .m-header .dh .nav-toggle{
        width: 25px;
        height: 38px;
        padding: 5px 10px;
        float: left;
    }
    .home .m-header .dh .nav-toggle span{
        position: relative;
        top: 22px;
        display: block;
        width: 25px;
        height: 2px;
        background: white;
    }
    .home .m-header .dh .nav-toggle span:before{
        width: 25px;
        height: 2px;
        content: '';
        background: white;
        position: absolute;
        top: -8px;
        transition: all 0.5s;
    }
    .home .m-header .dh .nav-toggle span:after{
        width: 25px;
        height: 2px;
        content: '';
        background: white;
        position: absolute;
        top: 8px;
        transition: all 0.5s;
    }
    .home .m-header .dh .active span{
        background: none;
    }
    .home .m-header .dh .active span::before{
        top: 0;
        transform: rotate(45deg);
        transition: all 0.5s;
    }
    .home .m-header .dh .active span::after{
        top: 0;
        transform: rotate(-45deg);
        transition: all 0.5s;
    }
    .home .m-header .dh .m-user{
        position: absolute;
        right: 14px;
        top: 14px;
        z-index: 5;
    }
    .home .m-header .dh .m-user img{
        border: none;
    }
    .home .m-header .dh .m-user-login{
        float: right;
        position: absolute;
        right: 14px;
    }
    .home .m-header .dh .m-user-login p{
        float: left;
        color: white;
        margin-top: 16px;
        margin-right: 10px
    }
    .home .m-header .dh .m-user-login a{
        float: left;
        color: white;
        padding: 3px;
        font-size: 14px;
        border: 1px solid white;
        border-radius: 10px;
        margin-top: 12px;
    }
    .home .m-header .m-nav{
        width: 70%;
        height: 100%;
        margin: 0 auto;
        display: none;
    }
    .home .m-header .m-nav ul{
        padding-top: 40px;
        height: 100%;
    }
    .home .m-header .m-nav ul li{
        display: none;
        width: 100%;
        line-height: 50px;
        border-bottom: 1px solid #999;
    }
    .home .m-header .m-nav ul li a{
        font-size: 20px;
        color: white;
        display: block;
        width: 100%;
    }
    .home .m-header .m-nav ul li .a1{
        background: url(../img2/m-xiala.png) no-repeat right center;
    }
    .home .m-header .m-nav ul div{
        display: none;
        margin-top: 1px;
        width: 100%;
    }
    .home .m-header .m-nav ul div a{
        display: block;
        width: 90%;
        margin-left: 10%;
        line-height: 40px;
        color: white;
        font-size: 14px;
        border-bottom: 1px dashed #666;
    }

    /* 轮播图样式 */
    .swiper-container{
        margin-top: 57px;
    }
    .swiper-slide .pc-slide{
        display: none;
    }
    .swiper-slide .m-slide{
        display: block;
    }
    .swiper-container .swiper-button-prev{
        display: none;
    }
    .swiper-container .swiper-button-next{
        display: none;
    }
    /* 手机端订购产品 */
    .order{
        display: none;
    }
    .m-order{
        display: block;
        width: 100%;
        padding-bottom: 50px;
    }
    .m-order h1{
        text-align: center;
        padding: 0 10%;
        font-size: 30px;
        font-weight: 400;
        padding-top: 50px;
    }
    .m-order a{
        display: block;
        width: 206px;
        height: 60px;
        line-height: 60px;
        border: 1px solid #fcbd0e;
        margin: 0 auto;
        margin-top: 20px;
        text-align: center;
        color: #fcbd0e;
        font-size: 22px;
        border-radius:30px;
    }
    .m-order .on{
        background: #fcbd0e;
        color: white;
    }
    .m-order a:hover{
        background: #fcbd0e;
        color: white;
    }
    /* 手机端内页banner更改样式 */
    .banner{
        display: none;
    }
    .m-banner{
        margin-top: 58px;
        display: block;
        width: 100%;
    }
    .m-banner a{
        line-height: 0;
        display: block;
        width: 100%;
    }
    .m-banner a img{
        border: none;
        width: 100%;
        height: auto;
    }
    .friend{
        background-size: auto;
    }
    /* 底部更改样式 */
    .home .bot{
        display: none;
    }
    .home .m-bot{
        display: block;
    }
    /* 产品页 */
    .product .plan>div{
        width: auto;
    }
    .product .plan>div .plan_one .left{
        width: 35%;
        padding-left: 5%;
    }
    .product .plan>div .plan_two .right{
        width: 35%;
        padding-right: 5%;
    }
    .product .plan>div .plan_three .left{
        width: 36%;
        padding-left: 4%;
    }
    .product .plan>div .plan_four{
        padding-bottom: 100px;
    }
    .product .plan>div .plan_four .right{
        width: 35%;
        padding-right: 5%;
    }
    .product .fuc ul{
        width: auto;
    }
    .product .exist img{
        width: 100%;
    }
    .product .order>div{
        width: auto;
    }
    /* 案例页面 */
    .anli .zhanshi>div{
        width: auto;
    }
    .anli .zhanshi>div .xcx{
        width: 46%;
        margin: 2% 1%;
    }
    /* 渠道合作页面 */
    .hezuo .choose ul{
        width: auto;
    }
    .hezuo .choose .lingshou{
        width: auto;
    }
    .hezuo .choose .lingshou .right{
        width: 45%;
    }
    .hezuo .union ul{
        width: auto;
    }
    .hezuo .daili{
        padding-bottom: 200px;
        background: url(../img2/hzuo_daili02.jpg) no-repeat center center;
    }
    .hezuo .daili ul .daili_one{
        width: 100%;
        left: 0px;
        top: 200px;
    }
    .hezuo .daili ul .daili_one>div{
        width: 31%;
        margin: 0 1%;
    }
    .hezuo .daili ul .daili_two{
        width: 100%;
        left: 0px;
    }
    .hezuo .daili ul .daili_two>div{
        width: 30%;
        margin: 1%;
    }
    .hezuo .daili ul .daili_three{
        width: 100%;
        left: 0px;
        top: 200px;
    }
    /* 新零售 */
    .retail .tubiao>div{
        width: auto;
    }
    .retail .manage ul{
        width: 100%;
    }
    .retail .huaxiang>div{
        width: 100%;
    }
    .retail .duijie>div{
        width: 100%;
    }
    .retail .duijie>div .left{
        width: 35%;
        padding-left: 5%;
    }
    .retail .them ul{
        width: 100%;
    }
    /* 新餐饮 */
    .canyin .func>div{
        width: auto;
    }
    /* 社区拼团 */
    .pintuan .yousi ul{
        width: 100%;
    }
    .pintuan .request>div{
        width: 100%;
    }
    .pintuan .request>div .request_one .left{
        width: 35%;
        padding-left: 5%;
    }
    .pintuan .request>div .request_three .left{
        width: 35%;
        padding-left: 5%;
    }
    .pintuan .request>div .request_two .right{
        width: 35%;
        padding-right: 5%;
    }
    .pintuan .request>div .request_four .right{
        width: 35%;
        padding-right: 5%;
    }
    /* 加入我们 */
    .join .m-banner h1{
        margin-left: 0;
        text-align: center;
    }
    .join .m-banner .add{
        margin-left: 0;
        margin: 0 auto;
    }
    /* 登录 */
    .login{
        background: white;
    }
    .login .header{
        display: none;
    }
    .login .bot{
        display: none;
    }
    .login .m-bot{
        display: block;
    }
    /* 注册 */
    .register .header{
        display: none;
    }
    .register .m-header{
        display: block;
    }
    body{
        background: white;
    }
    .register .bot{
        display: none;
    }
    .register .m-bot{
        display: block;
    }
    .register .vip{
        margin: 100px auto;
    }
    .register .vip h3{
        background: white;
    }
    /* 找回密码 */
    .find_pswd .header{
        display: none;
    }
    .find_pswd .m-header{
        display: block;
    }
    .find_pswd .found{
        margin-top: 100px;
    }
    .find_pswd .found h3{
        background: white;
    }
    .find_pswd .bot{
        display: none;
    }
    .find_pswd .m-bot{
        display: block;
    }
    /* 选择店铺 */
    .store .header{
        display: none;
    }
    .store .m-header{
        display: block;
    }
    .store .shop{
        margin: 100px auto;
        width: 100%;
    }
    .store .shop .top{
        width: 100%;
    }
    .store .bot{
        display: none;
    }
    .store .m-bot{
        display: block;
    }
    /* 店铺类型 */
    .store_type .header{
        display: none;
    }
    .store_type .m-header{
        display: block;
    }
    .store_type>ul{
        width: 100%;
        margin-bottom: 100px;
    }
    .store_type>ul li{
        width: 31%;
        margin: 1%;
        background: #f9f9f9;
    }
    .store_type .bot{
        display: none;
    }
    .store_type .m-bot{
        display: block;
    }
    /* 创建店铺 */
    .store_set .header{
        display: none;
    }
    .store_set .m-header{
        display: block;
    }
    .store_set .chuangjian{
        margin: 100px auto;
    }
    .store_set .bot{
        display: none;
    }
    .store_set .m-bot{
        display: block;
    }
    /* 服务支持 */
    .support .policy ul{
        width: 100%;
    }
    .support .policy ul li{
        width: 30%;
        margin: 90px 1.65% 0 1.65%;
    }
    /* 帮助中心 */
    .help .m-banner{
        margin-top: 58px;
    }
}

/* 屏幕分辨率>=960 <=1240的设备     PC端  */
@media screen and (min-width:960px) and (max-width:1240px){
    /* 小程序优势 */
    .home .smail div{
       max-width: 960px;
    }
    .home .smail div ul li{
        margin: 0;
        padding: 0;
    }
    /* 解决方案 */
    .home .plan .plan_one div{
        width: 100%;
    }
    .home .plan .plan_one div .left{
        width: 35%;
        padding-left: 15%;
    }
    .home .plan .plan_one div .right{
        width: 45%;
        margin-right: 5%;
    }
    .home .plan .plan_two div{
        width: 100%;
    }
    .home .plan .plan_two div .left{
        width: 40%;
        margin-left: 10%;
    }
    .home .plan .plan_two div .right{
        width: 45%;
    }
    .home .plan .plan_three div{
        width: 100%;
    }
    .home .plan .plan_three div .left{
        width: 35%;
        padding-left: 15%;
    }
    .home .plan .plan_three div .right{
        width: 45%;
        margin-right: 5%;
    }
    /* 营销战略 */
    .home .market>div{
        width: 100%;
    }
    .home .market>div ul{
        width: 10%;
        margin-left: 5%;
    }
    .home .market>div .right{
        width: 85%;
        float: left;
    }
    .home .market>div .right div{
        width: 100%;
    }
    .home .market>div .right div a{
        width: 20%;
        margin: 10px 1%;
    }
    /* 优势 */
    .home .good {
        height: 900px;
    }
    .home .good img{
        width: 90%;
    }
    .home .platform h3{
        padding-left: 10%;
        padding-right: 10%;
    }
    
    /* 客户案例 */
    .home .cases{
        height: auto;
        padding-bottom: 100px;
    }
    .home .cases ul{
        height: auto;
    }
    .home .cases ul li{
        width: 31.33%;
        margin: 20px 0 0 0;
        padding: 0 1%;
    }
    
}
/* 屏幕分辨率<=959 部分通用样式 */
@media screen and (max-width:959px){
    /* 小程序优势 */
    .home .smail {
        height: 1000px;
    }
    .home .smail div{
        width: auto;
     }
     .home .smail div ul li{
         width: 50%;
         margin: 0;
         padding: 0;
     }
     /* 客户案例 */
    .home .cases{
        height: auto;
        padding-bottom: 100px;
    }
    .home .cases ul{
        height: auto;
    }
    .home .cases ul li{
        width: 31.33%;
        margin: 20px 0 0 0;
        padding: 0 1%;
    }
    /* 解决方案 */
    .home .plan .plan_one{
        height: 1000px;
    }
    .home .plan .plan_one div{
        width: auto;
        margin: 0 auto;
    }
    .home .plan .plan_one div .left{
        float: none;
        width: 60%;
        padding: 0;
    }
    .home .plan .plan_one div .right{
        float: none;
        width: 50%;
        margin-top: 100px;
    }
    .home .plan .plan_two{
        height: 1000px;
        margin-top: 0;
    }
    .home .plan .plan_two div{
        width: auto;
        margin: 0 auto;
    }
    .home .plan .plan_two div .left{
        float: none;
        width: 50%;
        padding: 0;
    }
    .home .plan .plan_two div .left img{
        float: none;
    }
    .home .plan .plan_two div .right{
        float: none;
        width: 60%;
    }
    .home .plan .plan_two div .right ul li{
        margin-left: 0;
    }
    .home .plan .plan_three{
        height: 1000px;
        margin-top: 0;
    }
    .home .plan .plan_three div{
        width: auto;
        margin: 0 auto;
    }
    .home .plan .plan_three div .left{
        width: 60%;
        float: none;
        padding-top: 0;
    }
    .home .plan .plan_three div .right{
        float: none;
        margin-top: 100px;
    }
    .home .plan .plan_three div .right img{
        float: none;
    }
    /* 营销战略 */
    .home .market div{
        width: auto;
        margin: 0 auto;
    }
    .home .market div ul{
        width: 100%;
        float: none;
        height: auto;
        text-align: center;
    }
    .home .market div ul li{
        width: 10%;
        display: inline-block;
    }
    .home .market div .right{
        width: 100%;
        height: auto;
        float: none;
    }
    .home .market div .right div a{
        width: 23%;
        margin: 10px 1%;
    }
     /* 我们的优势 */
     .home .good{
        height: auto;
        padding-bottom: 100px;
    }
    .home .good img{
        max-width: 90%;
    }
    .home .platform div{
        width: 80%;
    }
    .home .platform div p{
        width: 33%;
    }
    .home .platform h3{
        padding: 32px 20px 0 20px;
    }
    .friend div p{
        width: 300px;
        margin: 0 20px;
    }


    /* 产品页 */
    .product .plan>div .plan_one .left{
        width: 45%;
        padding-left: 5%;
    }
    .product .plan>div .plan_one .right{
        width: 50%;
    }
    .product .plan>div .plan_two .left{
        width: 50%;
    }
    .product .plan>div .plan_two .right{
        width: 45%;
        padding-right: 5%;
    }
    .product .plan>div .plan_three .left{
        width: 45%;
        padding-left: 5%;
    }
    .product .plan>div .plan_three .right{
        width: 50%;
    }
    .product .plan>div .plan_four .left{
        width: 50%;
    }
    .product .plan>div .plan_four .right{
        width: 45%;
        padding-right: 5%;
    }
    /* 渠道合作页面 */
    .hezuo .choose .lingshou .right{
        padding-left: 2%;
    }
    .hezuo .daili ul{
        padding: 0;
    }
    .hezuo .union ul li p{
        padding-bottom: 50px;
    }
    .hezuo .daili ul .daili_three div{
        width: 33%;
        height: 220px;
    }
    /* 新零售页面 */
    .retail .yingxiao ul{
        width: auto;
    }
    .retail .fenxi>div{
        width: auto;
    }
    .retail .duijie>div .left{
        padding-top: 0;
    }
    .retail .huaxiang>div .left .left_top{
        margin-top: 0;
    }
    .retail .huaxiang>div .right .right_top{
        margin-top: 0;
    }
    /* 新餐饮 */
    .canyin .build>p{
        padding: 16px 20% 0 20%;
    }
    .canyin .yuyue>div{
        width: auto;
    }
    .canyin .yuyue>div .left{
        width: 45%;
        padding-left: 5%;
    }
    .canyin .long ul{
        width: auto;
        height: auto;
    }
    .canyin .long ul li{
        width: 31%;
        margin: 0 0.9%;
    }
    /* 社区拼团 */
    .pintuan .yousi ul li{
        width: 46%;
        margin: 2%;
    }
    .pintuan .request>div .request_one .left h4{
        padding-top: 0;
    }
    .pintuan .request>div .request_one .left p{
        line-height: 24px;
    }
    .pintuan .request>div .request_two .right h4{
        padding-top: 0;
    }
    .pintuan .request>div .request_two .right p{
        line-height: 24px;
    }
    .pintuan .request>div .request_three .left h4{
        padding-top: 0;
    }
    .pintuan .request>div .request_three .left p{
        line-height: 24px;
    }
    .pintuan .request>div .request_four .right h4{
        padding-top: 0;
    }
    .pintuan .request>div .request_four .right p{
        line-height: 24px;
    }
    /* 更新日志 */
    .rizhi .m-banner{
        width: 900px;
    }
    .rizhi .home .m-bot{
        width: 900px;
        padding: 20px 0;
    }
    /* 加入我们 */
    .join .m-banner .add{
        width: 94%;
    }
    /* 登录 */
    .login .dl{
        width: 100%;
    }
    /* 注册 */
    .register .vip{
        width: 100%;
    }
    /* 找回密码 */
    .find_pswd .found{
        width: 100%;
    }
    /* 创建店铺 */
    .store_set .chuangjian{
        width: 100%;
    }
    /* 服务支持 */
    .support  .policy ul li{
        width: 46%;
        margin: 90px 2% 0 2%;
    }
    .support .fenbu ul{
        width: auto;
    }
    .support .fenbu ul li{
        width: 50%;
        margin: 0;
    }
    /* 帮助中心 */
    .help .banner div{
        width: auto;
    }
    .help .banner div h2{
        float: none;
        text-align: center;
        padding-bottom: 20px;
    }
    .help .banner div input{
        width: 50%;
        margin-left: 25%;
    }
    .help .list{
        width: auto;
    }
    .help .list>div{
        width: 100%;
    }
    .help .list>div ul li{
        width: 30%;
        margin: 0 1.5%;
    }
    .help .zh ul li a{
        width: 90%;
    }
}
@media  screen and   (max-width:767px) {
    
    /* 解决方案 */
    .home .plan .plan_one h1{
        padding: 0 80px;
    }
    .home .plan .plan_two h1{
        padding: 0 50px;
    }
    .home .plan .plan_three h1{
        padding: 0 50px;
    }
    .home .cases ul li{
        width: 48%;
        padding: 0 1%;
        margin: 0;
        margin-top: 2%;
        height: auto;
    }
    .home .cases ul li .kuang{
        height: 450px;
    }
    .friend h1{
        padding:152px 5% 0 5%;
    }
    .friend div p{
        width: auto;
        padding: 0 20px;
    }

    /* 产品页 */
    .product .plan>div h1{
        padding: 75px 10% 0 10%;
    }
    .product .plan>div p{
        padding: 0 10%;
    }
    .product .plan>div .plan_one{
        height: auto;
        margin-top: 100px;
    }
    .product .plan>div .plan_two{
        margin-top: 100px;
        height: auto;
    }
    .product .plan>div .plan_three{
        margin-top: 200px;
        height: auto;
    }
    .product .plan>div .plan_four{
        margin-top: 100px;
        height: auto;
    }
    .product .plan>div .plan_one>div{
        float: none;
    }
    .product .plan>div .plan_two>div{
        float: none;
    }
    .product .plan>div .plan_three>div{
        float: none;
    }
    .product .plan>div .plan_four>div{
        float: none;
    }
    .product .plan>div .plan_one>.left{
        width: 80%;
        padding:0 10%;
        padding-bottom: 15%;
        text-align: center;
    }
    .product .plan>div .plan_one>.left ul li{
        float: left;
        margin: 0;
        width: 33.33%;
    }
    .product .plan>div .plan_one>.left ul li a{
        margin: 0 auto;
    }
    .product .plan>div .plan_one>.right{
        width: 100%;
        text-align: center;
    }
    .product .plan>div .plan_one>.right img{
        float: none;
    }
    .product .plan>div .plan_two>.left{
        width: 100%;
        text-align: center;
    }
    .product .plan>div .plan_two>.left img{
        float: none;
    }
    .product .plan>div .plan_two>.right{
        width: 80%;
        padding:0 10%;
        text-align: center;
    }
    .product .plan>div .plan_two>.right ul li{
        float: left;
        margin: 0;
        width: 33.33%;
    }
    .product .plan>div .plan_two>.right ul li a{
        margin: 0 auto;
    }
    .product .plan>div .plan_three>.left{
        width: 80%;
        padding:0 10%;
        padding-bottom: 15%;
        text-align: center;
    }
    .product .plan>div .plan_three>.left ul li{
        float: left;
        margin: 0;
        width: 33.33%;
    }
    .product .plan>div .plan_three>.left ul li a{
        margin: 0 auto;
    }
    .product .plan>div .plan_three>.right{
        width: 100%;
        text-align: center;
    }
    .product .plan>div .plan_three>.right img{
        float: none;
    }
    .product .plan>div .plan_four>.left{
        width: 100%;
        text-align: center;
    }
    .product .plan>div .plan_four>.left img{
        float: none;
    }
    .product .plan>div .plan_four>.right{
        width: 80%;
        padding:0 10%;
        text-align: center;
    }
    .product .plan>div .plan_four>.right ul li{
        float: left;
        margin: 0;
        width: 33.33%;
    }
    .product .plan>div .plan_four>.right ul li a{
        margin: 0 auto;
    }
    /* 案例页面 */
    .anli .zhanshi>div .xcx{
        width: 90%;
        margin: 2% 5%;
        float: none;
    }
    .anli .believe ul{
        width: 100%;
    }
    .anli .believe ul li{
        width: 15%;
        margin: 0 2.5%;
    }
    .anli .believe ul .baihuo{
        width: 100%;
    }
    .anli .believe ul .canyin{
        width: 100%;
    }
    .anli .believe ul .milk{
        width: 100%;
    }
    .anli .believe ul .lingshi{
        width: 100%;
    }
    .anli .believe ul .xianhua{
        width: 100%;
    }
    /* 新零售页面 */
    .retail .huaxiang>div .left{
        display: none;
    }
    .retail .huaxiang>div .main{
        width: 100%;
    }
    .retail .huaxiang>div .right{
        display: none;
    }
    .retail .fenxi>div .fenxi1 .right{
        width: 26%;
    }
    .retail .fenxi>div .fenxi1 .right p{
        margin-top: 120px;
    }
    .retail .duijie>div .left p{
        padding-left: 12%;
        padding-right: 10%;
    }
    .canyin .yuyue>div .left{
        width: 55%;
        padding-left: 5%;
    }
    .canyin .yuyue>div .right{
        width: 40%;
    }
    .canyin .long h2{
        padding: 70px 20% 0 20%;
    }
    .canyin .long ul li{
        width: 46%;
        margin: 1.5%;
    }
    .canyin .long ul .p3 p{
        padding: 0 25%;
    }
    .canyin .tool>p{
        padding: 28px 10% 56px 10%;
    }
    .canyin .func>div .main{
        margin-top: 8%;
    }
    /* 社区拼团 */
    .pintuan .yousi ul li h5{
        padding: 0 15%;
    }
    .pintuan .yousi ul li p{
        padding: 0 10%;
    }
    .pintuan .request>h5{
        padding: 20px 5% 90px 5%;
    }
    .pintuan .request>div .request_one .left{
        width: 80%;
        padding: 0 10%;
        float: none;
    }
    .pintuan .request>div .request_one .right{
        float: none;
        width: 100%;
        text-align: center;
    }
    .pintuan .request>div .request_one .right img{
        float: none;
    }
    .pintuan .request>div .request_two {
        margin-top: 100px;
    }
    .pintuan .request>div .request_two .right{
        width: 80%;
        padding: 0 10%;
        float: none;
    }
    .pintuan .request>div .request_two .left{
        float: none;
        width: 100%;
        text-align: center;
    }
    .pintuan .request>div .request_two .left img{
        float: none;
    }
    .pintuan .request>div .request_three {
        margin-top: 100px;
    }
    .pintuan .request>div .request_three .left{
        width: 80%;
        padding: 0 10%;
        float: none;
    }
    .pintuan .request>div .request_three .right{
        float: none;
        width: 100%;
        text-align: center;
    }
    .pintuan .request>div .request_three .right img{
        float: none;
    }
    .pintuan .request>div .request_four {
        margin-top: 100px;
    }
    .pintuan .request>div .request_four .right{
        width: 80%;
        padding: 0 10%;
        float: none;
    }
    .pintuan .request>div .request_four .left{
        float: none;
        width: 100%;
        text-align: center;
    }
    .pintuan .request>div .request_four .left img{
        float: none;
    }
    /* 选择店铺 */
    .store .shop .list{
        width: 46%;
    }
    /* 店铺类型 */
    .store_type>ul li{
        width: 48%;
    }
    /* 服务支持 */
    .support .policy{
        padding-bottom: 80px;
    }
    .support .policy ul li{
        margin: 40px 2% 0 2%;
    }
    .support .fenbu ul li{
        width: 48%;
        margin: 1%;
    }
}
/* <=639px and >=480px的设备：手机横屏 */
@media screen and (min-width: 480px) and (max-width:639px) {
    /* 解决方案 */
    .home .plan .plan_one h1{
        padding: 0 10%;
    }
    .home .plan .plan_one div .left{
        width: 70%;
    }
    .home .plan .plan_one div .right{
        width: 70%;
    }
    .home .plan .plan_two h1{
        padding: 0 8%;
    }
    .home .plan .plan_two div .left{
        width: 60%;
    }
    .home .plan .plan_two div .right{
        width: 70%;
    }
    .home .plan .plan_three h1{
        padding: 0 8%;
    }
    .home .plan .plan_three div .left{
        width: 70%;
    }
    .home .plan .plan_three div .right{
        width: 65%;
    }
    .home .market{
        padding-bottom: 150px;
    }
    .home .market div .right div a{
        width: 31%;
        margin: 1%
    }
    .home .platform div p{
        font-size: 16px;
        font-weight: bold;
    }
    .friend div p{
        font-size: 20px;
        height: 60px;
        line-height: 60px;
    }
    /* 产品 */
    .product .fuc ul li{
        width: 48%;
        margin: 1%;
        height: 540px;
    }
    /* 案例 */
    .anli .zhanshi>div .xcx{
        width: 94%;
        margin: 2% 3%;
    }
    .anli .believe{
        padding-bottom: 50px;
    } 
    .anli .believe ul li{
        width: 18%;
        margin: 0 1%;
    }
    /* 渠道合作页面 */
    .hezuo .choose .lingshou .left{
        float:none;
        width: 100%;
        text-align: center;
    }
    .hezuo .choose .lingshou .right{
        float: none;
        width: 90%;
        padding: 0 5%;
    }
    .hezuo .daili ul{
        width: auto;
    }
    .hezuo .daili ul .daili_one{
        top: 90px;
    }
    .hezuo .daili ul .daili_one>div{
        width: 46%;
        margin: 1.77%;
    }
    .hezuo .daili ul .daili_two>div{
        width: 29.65%;
    }
    .hezuo .union ul li{
        height: auto;
    }
    .hezuo .union ul li a{
        margin: 30px 0;
    }
    /* 产品 */
    .product .plan>div .plan_one>.left{
        padding-bottom: 18%;
    }
    .product .plan>div .plan_three>.left{
        padding-bottom: 18%;
    }
    /* 新零售页面 */
    .retail .fenxi h2{
        padding: 0 10% 22px 10%;
    }
    .retail .fenxi h4{
        padding: 0 10% 100px 10%;
    }
    .retail .manage h2{
        padding: 65px 10% ;
    }
    .retail .fenxi>div .fenxi1 .right{
        padding: 0 5%;
    }
    .retail .fenxi>div .fenxi1 .right p{
        margin-top: 70px;
    }
    .retail .fenxi>div .fenxi2 .left{
        padding: 0 10%;
    }
    .retail .fenxi>div .fenxi2 .left p{
        margin-top: 70px;
    }
    .retail .fenxi>div .fenxi2 .right{
        width: 50%;
    }
    .retail .fenxi>div .fenxi3 .left{
        width: 50%;
    }
    .retail .fenxi>div .fenxi3 .right{
        padding: 0 10%;
    }
    .retail .fenxi>div .fenxi3 .right p{
        margin-top: 70px;
    }
    .retail .fenxi>div .fenxi4 .left{
        width: 30%;
        padding: 0 10%;
    }
    .retail .fenxi>div .fenxi4 .left p{
        margin-top: 70px;
    }
    .retail .fenxi>div .fenxi4 .right{
        width: 50%;
    }
    .retail .manage ul li{
        width: 33.33%;
    }
    .retail .manage ul li p{
        padding: 33px 0;
    }
    .retail .duijie>div>div{
        float: none;
    }
    .retail .duijie>div .left{
        width: 90%;
        padding-left: 10%;
    }
    .retail .duijie>div .right{
        width: 100%;
    }
    .retail .brain h2{
        padding: 54px 5% 0 5%;
    }
    .retail .brain h4{
        padding: 18px 15% 0 15%;
    }
    .retail .brain img{
        width: 90%;
    }
    .retail .them ul li{
        width: 29%;
    }
    .retail .them ul li p{
        padding: 25px 0;
    }
    /* 新餐饮 */
    .canyin .tangshi h2{
        padding: 70px 5% 0 5%;
    }
    .canyin .tangshi>p{
        padding: 16px 10% 0 5%;
    }
    .canyin .build h2{
        padding: 100px 5% 0 5%;
    }
    .canyin .build p{
        padding: 16px 10% 0 10%;
    }
    .canyin .build img{
        width: 80%;
    }
    .canyin .yuyue h2{
        padding: 70px 10% 0 10%;
    }
    .canyin .yuyue>div .left{
        width: 90%;
        padding: 0 5%;
        float: none;
    }
    .canyin .yuyue>div .left ul{
        width: 100%;
    }
    .canyin .yuyue>div .right{
        width: 100%;
        float: none;
        text-align: center;
    }
    .canyin .yuyue>div .right img{
        float: none;
    }
    .canyin .long h2{
        padding: 70px 10% 0 10%;
    }
    .canyin .long ul .p3 p{
        padding: 0 0 0 25%;
    }
    .canyin .tool ul{
        width: auto;
    }
    .canyin .func h1{
        padding: 60px 5% 0 5%
    }
    .canyin .func>div .left div{
        margin-top: 0;
    }
    .canyin .func>div .left div p{
        line-height: 14px;
        font-size: 10px;
        padding: 0 10%;
    }
    .canyin .func>div .main{
        margin-top: 0;
    }
    .canyin .func>div .right div{
        margin-top: 0;
        padding-bottom: 50px;
    }
    .canyin .func>div .right div p{
        font-size: 10px;
        line-height: 14px;
    }
    .pintuan .yousi ul li h5{
        padding: 0 8%;
    }
    .pintuan .yousi ul li p{
        line-height: 20px;
    }
    .pintuan .request>div .request_four{
        margin-top: 100px;
    }
    /* 加入我们 */
    .join .m-banner h1{
        padding: 60px 10%;
    }
    .join .m-banner .add input{
        width: 90%;
    }
    .join .m-banner .add a{
        width: 96%;
    }
    /* 登录 */
    .login .dl>div{
        width: 100%;
    }
    .login .dl .dl_pc{
        margin-left: 10%;
    }
    .login .dl>div .dl_pc .name{
        width: 100%;
    }
    .login .dl>div .dl_pc .password{
        width: 100%;
    }
    .login .dl>div .dl_pc .check{
        width: 100%;
    }
    .login .dl>div .dl_pc>p{
        margin-top: 20px;
    }
    /* 创建店铺 */
    .store_set .chuangjian .kuang{
        width: 100%;
    }
    .store_set .chuangjian .kuang>div{
        width: auto;
    }
    .store_set .chuangjian .kuang .dp input{
        width: 200px;
    }
    .store_set .chuangjian .kuang .xm input{
        width: 200px;
    }
    .store_set .chuangjian .kuang .jtdz input{
        width: 200px;
    }
    .store_set .chuangjian .kuang>a{
        width: 50%;
        margin: 15px auto;
    }
    .store_set .chuangjian .kuang .sq .u1{
        width: 160px;
    }
    .store_set .chuangjian .kuang .sq .u2{
        left: 312px;
    }
    /* 服务支持 */
    .support .policy ul li{
        width: 90%;
        margin: 5% 5% 0 5%;
    }
    .support .fenbu{
        padding: 0;
    }
    .support .fenbu ul li{
        width: 90%;
        margin: 5%;
        padding: 0;
    }
}
/* 屏幕分辨率<=479px and >=320px的设备：手机竖屏; */
@media screen and (min-width: 320px) and (max-width:479px) {
    /* 小程序优势 */
    .home .smail div ul li{
        margin-top: 10px;
    }
    /* 解决方案 */
    .home .plan .plan_one h1{
        font-size: 26px;
        padding:  0 5%;
    }
    .home .plan .plan_one div .left{
        width: 80%;
    }
    .home .plan .plan_one div .right{
        width: 80%;
    }
    .home .plan .plan_two h1{
        font-size: 26px;
        padding:  0 5%;
    }
    .home .plan .plan_two div .left{
        width: 80%;
    }
    .home .plan .plan_two div .right{
        width: 80%;
    }
    .home .plan .plan_three h1{
        font-size: 26px;
        padding:  0 5%;
    }
    .home .plan .plan_three div .left{
        width: 80%;
    }
    .home .plan .plan_three div .right{
        width: 80%;
    }
    /* 营销战略 */
    .home .market {
        height: 1250px;
    }
    .home .market div .right div a{
        width: 48%;
        margin: 1%;
    }
    .home .platform div{
        margin-top: 40px;
    }
    .home .platform h1{
        padding: 100px 5% 0 5%;
    }
    .home .platform h3{
        font-size: 16px;
    }
    .home .platform div p{
        font-size: 14px;
        font-weight: bold;
    }
    /* 客户案例 */
    .home .cases div ul li{
        padding: 0;
        width: 80%;
        margin: 5% 10% 0 10%;
    }
    /* 合作 */
    .friend h1{
        font-size: 30px;
    }
    .friend div{
        margin-top: 60px;
    }
    .friend div p{
        height: auto;
        line-height: 60px;
        margin-top: 20px;
    }
    /* 产品页 */
    .product .plan>div h1{
        font-size: 30px;
    }
    .product .plan>div>div>div>p{
        padding: 0;
        text-align: left;
    }
    .product .plan>div .plan_two{
        margin-top: 50px;
    }
    .product .plan>div .plan_four{
        margin-top: 50px;
    }
    .product .plan>div .plan_one>.left{
        padding-bottom: 25%;
    }    
    .product .plan>div .plan_three>.left{
        padding-bottom: 25%;
    }
    .product .fuc h1{
        padding: 80px 8% 106px 8%;
    }
    .product .fuc ul li{
        width: 90%;
        height: auto;
        padding-bottom: 50px;
        margin:2% 5%;
    }
    .product .exist h2{
        padding: 80px 10% 0 10%;
    }
    /* 案例页 */
    .anli .zhanshi>div .xcx{
        width: 100%;
        margin: 0;
    }
    .anli .believe h1{
        font-size: 28px;
    }
    .anli .believe ul li{
        font-size: 12px;
        width: 18%;
        margin: 0 1%;
    }
    .anli .believe ul>div>div>div{
        width: 80px;
        height: 80px;
    }
    /* 渠道合作页面 */
    .hezuo .choose h2{
        padding: 74px 10% 0 10%;
    }
    .hezuo .choose ul li{
        width: 33.33%;
        margin:  2% 0;
    }
    .hezuo .choose .lingshou .left{
        float: none;
        width: 90%;
        margin: 0 5%;
    }
    .hezuo .choose .lingshou .right{
        float: none;
        width: 90%;
        padding: 0;
        margin: 0 5%;
    }
    .hezuo .daili ul{
        width: auto;
    }
    .hezuo .daili {
        padding-bottom: 500px;
    }
    .hezuo .daili ul .daili_one{
        top: 100px;
    }
    .hezuo .daili ul .daili_one>div{
        width: 80%;
        margin: 1% 10%;
    }
    .hezuo .daili ul .daili_two>div{
        width: 45%;
        margin: 1.4%;
    }
    .hezuo .daili ul .daili_three{
        top: 150px;
    }
    .hezuo .daili ul .daili_three>div{
        width: 50%;
        margin: 10% 0;
    }
    .hezuo .union h1{
        padding: 100px 10% 0 10%;
    }
    .hezuo .union  ul li{
        width: auto;
        margin: 2%;
    }
    /* 新零售 */
    .retail .tubiao{
        padding-bottom: 50px;
    }
    .retail .tubiao>div a{
        margin-top: 50px;
    }
    .retail .tubiao>div a div{
        width: 40px; 
        height: 40px;
    }
    .retail .yingxiao{
        padding-bottom: 100px;
    }
    .retail .yingxiao h3{
        padding: 53px 8%;
    }
    .retail  .yingxiao ul li{
        width: 30%;
        margin: 1.65%;
    }
    .retail .yingxiao ul li span{
        padding: 0;
    }
    .retail  .yingxiao ul li div{
        width: auto;
    }
    .retail .huaxiang img{
        width: 90%;
    }
    .retail .huaxiang h3{
        padding: 60px 5% 100px 5%;
    }
    .retail .fenxi h2{
        padding: 0 5% 22px 5%;
    }
    .retail .fenxi h4{
        padding: 0 8% 100px 8%;
    }
    .retail .fenxi>div>div>div{
        float: none;
    }
    .retail .fenxi>div .fenxi1 .left{
        width: 100%;
    }
    .retail .fenxi>div .fenxi1 .left img{
        float: none;
    }
    .retail .fenxi>div .fenxi1 .right{
        width: 80%;
        padding-left:20%; 
    }
    .retail .fenxi>div .fenxi1 .right p{
        margin: 0;
    }
    .retail .fenxi>div .fenxi2 .left{
        width: 80%;
        padding-left:20%; 
    }
    .retail .fenxi>div .fenxi2 .left p{
        margin: 0;
    }
    .retail .fenxi>div .fenxi2 .right{
        width: 90%;
        margin: 5%;
    }
    .retail .fenxi>div .fenxi2 .right img{
        float: none;
    }
    .retail .fenxi>div .fenxi3 .left{
        width: 90%;
        margin: 5%;
    }
    .retail .fenxi>div .fenxi3 .left img{
        float: none;
    }
    .retail .fenxi>div .fenxi3 .right{
        width: 80%;
        padding-left:20%; 
    }
    .retail .fenxi>div .fenxi3 .right p{
        margin: 0;
    }
    .retail .fenxi>div .fenxi4 .left{
        width: 80%;
        padding-left:20%; 
    }
    .retail .fenxi>div .fenxi4 .left p{
        margin: 0;
    }
    .retail .fenxi>div .fenxi4 .right{
        width: 90%;
        margin: 5%;
    }
    .retail .fenxi>div .fenxi4 .right img{
        float: none;
    }
    .retail .manage h2{
        padding: 65px 5% ;
    }
    .retail .manage ul{
        padding-bottom: 0;
    }
    .retail .manage ul li{
        width: 50%;
    }
    .retail .manage ul li p{
        padding: 33px 0;
    }
    .retail .duijie h2{
        padding: 90px 8% 60px 8%;
    }
    .retail .duijie>div>div{
        float: none;
    }
    .retail .duijie>div .left{
        width: 90%;
        padding-left: 10%;
    }
    .retail .duijie>div .right{
        width: 100%;
    }
    .retail .brain{
        background-size: auto;
    }
    .retail .brain h2{
        padding: 54px 3% 0 3%;
    }
    .retail .brain h4{
        padding: 18px 5% 0 5%;
    }
    .retail .brain img{
        width: 90%;
    }
    .retail .them h2{
        padding: 40px 0;
    }
    .retail .them ul li{
        width: 29%;
    }
    .retail .them ul li p{
        padding: 25px 0;
    }
    /* 新餐饮 */
    .canyin .tangshi h2{
        padding: 70px 8% 0 8%;
    }
    .canyin .tangshi h5{
        padding: 26px 8% 0 8%;
    }
    .canyin .tangshi p{
        padding: 16px 10% 0 10%;
    }
    .canyin .tangshi ul{
        width: auto;
    }
    .canyin .tangshi ul li{
        width: 33.33%;
    }
    .canyin .tangshi ul li p{
        margin: 15px 0;
    }
    .canyin .build h2{
        padding: 100px 5% 0 5%;
    }
    .canyin .build h5{
        padding: 28px 8% 0 8%;
    }
    .canyin .build p{
        padding: 16px 5% 0 5%;
    }
    .canyin .build img{
        width: 90%;
    }
    .canyin .yuyue h2{
        padding: 70px 5% 0 5%;
    }
    .canyin .yuyue>div .left{
        width: 90%;
        padding: 0 5%;
        float: none;
    }
    .canyin .yuyue>div .left ul{
        width: 100%;
    }
    .canyin .yuyue>div .right{
        float: none;
        width: 100%;
        text-align: center;
    }
    .canyin .yuyue>div .right img{
        float: none;
    }
    .canyin .long h2{
        padding: 70px 5% 0 5%;
    }
    .canyin .long>p{
        padding: 26px 5% 0 5%;
    }
    .canyin .long ul li{
        float: none;
        width: 86%;
        margin: 7%;
    }
    .canyin .tool h1{
        padding: 54px 5% 0 5%;
    }
    .canyin .tool ul{
        width: auto;
    }
    .canyin .tool ul li{
        width: 33.33%;
    }
    .canyin .tool ul li p{
        padding: 18px 10% 0 10%;
    }
    .canyin .func h1{
        padding: 60px 5% 0 5%;
    }
    .canyin .func>div .left{
        width: 90%;
        padding-left: 10%;
    }
    .canyin .func>div .left div{
        text-align: left;
        margin-top: 0;
    }    
    .canyin .func>div .left img{
        float: left;
    }
    .canyin .func>div .main{
        margin-top: 0;
        width: 100%;
        text-align: center;
    }
    .canyin .func>div .right{
        width: 90%;
        padding-left: 10%;
    }
    .canyin .func>div .right div{
        margin-top: 0;
        padding-bottom: 50px;
    }
    .pintuan .yousi h1{
        padding: 70px 5% 80px 5%;
    }
    .pintuan .yousi ul li{
        width: 94%;
        padding: 2%;
    }
    .pintuan .yousi ul li p{
        padding: 0 18%;
    }
    .pintuan .request h1{
        padding: 80px 6% 0 6%;
    }
    .pintuan .request h5{
        padding: 20px 5% 90px 5%;
    }
    .pintuan .request>div .request_two{
        margin-top: 50px;
    }
    .pintuan .request>div .request_three{
        margin-top: 70px;
    }
    .pintuan .request>div .request_four{
        margin-top: 50px;
    }
    /* 加入我们 */
    .join .m-banner {
        background: url(../img2/join_banner.png) repeat center center;
        background-size: auto;
    }
    .join .m-banner h1{
        padding: 60px 5%;
    }
    .join .m-banner .add input{
        width: 80%;
    }
    .join .m-banner .add a{
        width: 88%;
    }
    .join .m-banner .add>div h2{
        font-size: 24px;
    }
    .join .m-banner .add>div p{
        padding: 18px 5% 44px 5%;
    }
    /* 登录 */
    .login .dl>div{
        width: 100%;
    }
    .login .dl .dl_pc{
        margin-left: 10%;
    }
    .login .dl>div .dl_pc .name{
        width: 100%;
    }
    .login .dl>div .dl_pc .password{
        width: 100%;
    }
    .login .dl>div .dl_pc .check{
        width: 100%;
    }
    .login .dl>div .dl_pc .btn{
        width: 100%;
    }
    .login .dl>div .dl_pc>p{
        margin-top: 20px;
    }
    .login .dl>div .dl_phone{
        width: 100%;
    }
    /* 注册 */
    .register .vip .zhuce{
        width: 90%;
    }
    .register .vip .zhuce .a1{
        width: 100%;
    }
    /* 找回密码 */
    .find_pswd .found>div{
        width: 90%;
    }
    .find_pswd .found .validate input{
        width: 80px;
    }
    .find_pswd .found .password input{
        width: 180px;
        font-size: 12px;
    }
    /* 创建店铺 */
    .store_set .chuangjian .kuang{
        width: 100%;
    }
    .store_set .chuangjian .kuang>div{
        width: auto;
    }
    .store_set .chuangjian .kuang .dp input{
        width: 200px;
    }
    .store_set .chuangjian .kuang .xm input{
        width: 200px;
    }
    .store_set .chuangjian .kuang .jtdz input{
        width: 200px;
    }
    .store_set .chuangjian .kuang>a{
        width: 50%;
        margin: 15px 0 0 150px;
    }
    .store_set .chuangjian .kuang .sq .u1{
        width: 110px;
    }
    .store_set .chuangjian .kuang .sq .u2{
        width: 110px;
        left: 260px;
    }
    /* 选择店铺 */
    .store .shop .top{
        height: auto;
        padding-bottom: 10px;
    }
    .store .shop .top p{
        float: none;
    }
    .store .shop .top .set_store{
        float: none;
        display: block;
        margin-left: 60px;
    }
    .store .shop .list{
        width: 80%;
        margin: 1.5% 10%;
    }
    /* 店铺类型 */
    .store_type h1{
        padding: 100px 5% 50px 5%;
    }
    .store_type>ul li{
        width: 90%;
        margin: 5%;
    }
    /* 服务支持 */
    .support .policy h1{
        font-size: 26px;
    }
    .support .policy h3{
        padding: 12px 10% 0 10%;
    }
    .support .policy ul li{
        width: 90%;
        margin: 5% 5% 0 5%;
    }
    .support .fenbu{
        padding: 0;
    }
    .support .fenbu ul li{
        width: 90%;
        margin: 5%;
        padding: 0;
    }
    /* 帮助中心 */
    .help .list>a{
        width: 30%;
        padding: 18px 0;
        margin: 0 1.5%;
        text-align: center;
    }
    .help .banner div input{
        width: 60%;
        margin-left:5%;
    }
    .help .list>div{
        top: 250px;
    }
} 
@media screen and (min-width:320px) and (max-width:365px){
    .hezuo .daili ul .daili_two>div{
        width: 45%;
        margin: 1.25%;
    }
    /* 创建店铺 */
    .store_set .chuangjian .kuang .dp input{
        width: 150px;
    }
    .store_set .chuangjian .kuang .fl input{
        width: 125px;
    }
    .store_set .chuangjian .kuang .fl a{
        left: 300px;
    }
    .store_set .chuangjian .kuang .xm input{
        width: 150px;
    }
    .store_set .chuangjian .kuang .sq input{
        width: 125px;
    }
    .store_set .chuangjian .kuang .sq a{
        left: 300px;
    }
    .store_set .chuangjian .kuang .jtdz input{
        margin-left: 120px;
        width: 180px;
    }
    .store_set .chuangjian .kuang .fl ul{
        width: 165px;
    }
    .store_set .chuangjian .kuang .sq .u1{
        left: 100px;
    }
    .store_set .chuangjian .kuang .sq .u2{
        left: 210px;
    }
}