*{
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
}
body{
    margin: 0 auto !important;padding-bottom: 1.1rem;
}
input,button{overflow: visible;vertical-align:middle;outline:none;-webkit-appearance:none; border:none;}
/*head*/
/*.head{
    height: 0.88rem;
    background: #1b1b20;
    display: flex;
    align-items: center;
    justify-content: space-between;
}*/

/*head*/
.head{ height: 1rem; background: #fff;}
.logo{padding: .2rem 0 0 .21rem;}
.logo img{ width: 4.74rem;}
.menubtn{ width: .88rem; height: 1rem; background: url(../img/icon1.png) no-repeat center; background-size: .46rem auto; -webkit-transition:all .4s; transition:all .4s;}
.menubtn.on{ -webkit-transform:rotate(180deg); transform:rotate(180deg);}
/*.menubtn.on{ -webkit-transform:rotateY(180deg); transform:rotateY(180deg);}*/

.head1{
    width: 0.4rem;
    margin-left: 0.24rem;
}
.title{
    font-size: 0.28rem;
    color: #fff;
}
.head2{
    width: 0.6rem;
    margin-right: 0.24rem;
}

/*banner*/
.banner{
    width: 100%;
    height: 9.28rem;
    overflow: hidden;
}
.banner>img{
    width: 100%;
    height: 9.28rem;
}

/*PC + 移动 + 微信 三合一*/
.pc{
    width: 100%;
    height: 10.92rem;
    position: relative;
    overflow: hidden;
}
.pc>p{
    width: 100%;
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
    position: absolute;
    top: 0.5rem;
    left: 0;
}
.pc>img{
    width: 100%;
    height: 10.92rem;
}


/*我们的优势*/
.youshi{
    width: 100%;
    height: 11.86rem;
    position: relative;
    overflow: hidden;
    margin-top: -0.04rem;
    /*border: 1px solid red;*/
}
.youshi-title{
    width: 100%;
    padding: 0 0.24rem;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    top: 0.3rem;
    left: 0;
}
.youshi-title>p:nth-of-type(1){
    font-size: 0.36rem;
    color: #eaeaea;
}
.youshi-title>p:nth-of-type(2){
    font-size: 0.18rem;
    color: #eaeaea;
    margin-top: 0.1rem;
}
.youshi>img{
    width: 100%;
    height: 11.86rem;
}

/*合作客户*/
.kehu{
    width: 100%;
    background: #eaeaea;
    padding-bottom: 0.4rem;
}
.kehu>p{
    color: #121212;
    font-size: 0.36rem;
    width: 100%;
    text-align: center;
    padding: 0.5rem 0;
}
.kehu-img{
    margin: 0 0.36rem;
    /*border: 1px solid red;*/
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.kehu-img>img{
    width: 1.54rem;
    height: 0.66rem;
    border-radius: 0.2rem;
    margin-right: 0.18rem;
    margin-bottom: 0.22rem;
}
.kehu-img>img:nth-of-type(4n){
    margin-right: 0;
}


/*小程序分享商城*/
/*第一部分*/
.distribution{
    width: 100%;
    height: 7.14rem;
    overflow: hidden;
}
.distribution>img{
    width: 100%;
    height: 7.14rem;
}
/*第二部分*/
.distribution1{
    width: 100%;
    height: 5.92rem;
    overflow: hidden;
}
.distribution1>img{
    width: 100%;
    height: 5.92rem;
}
/*第三部分*/
.distribution2{
    width: 100%;
    height: 7.02rem;
    overflow: hidden;
}
.distribution2>img{
    width: 100%;
    height: 7.02rem;
}
/*第四部分*/
.distribution3{
    width: 100%;
    height: 6.12rem;
    overflow: hidden;
}
.distribution3>img{
    width: 100%;
    height: 6.12rem;
}




/*小程序*/
/*一部分*/
.program{
    width: 100%;
    height: 7.7rem;
    overflow: hidden;
}
.program>img{
    width: 100%;
    height: 7.7rem;
}

/*二部分*/
.program1{
    width: 100%;
    height: 7.94rem;
    position: relative;
    overflow: hidden;
}
.program1>p{
    width: 100%;
    text-align: center;
    font-size: 0.36rem;
    color: #333;
    position: absolute;
    top: 0.5rem;
    left: 0;
}
.program1>p>span{
    color: #6cd8be;
}
.program1>img{
    width: 100%;
    height: 7.94rem;
}

/*三部分*/
/*我们的优势*/
.program2{
    width: 100%;
    height: 12.1rem;
    position: relative;
    overflow: hidden;
    /*margin-top: -0.04rem;*/
    /*border: 1px solid red;*/
}
.program-title{
    width: 100%;
    padding: 0 0.24rem;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    top: 0.3rem;
    left: 0;
}
.program-title>p:nth-of-type(1){
    font-size: 0.36rem;
    color: #333;
}
.program-title>p:nth-of-type(1)>span{
    color: #6cd8be;
}
.program-title>p:nth-of-type(2){
    font-size: 0.18rem;
    color: #333;
    margin-top: 0.1rem;
}
.program2>img{
    width: 100%;
    height: 12.1rem;
}

/*.foot*/
.foot{ position: fixed; left: 0; right: 0; bottom: 0; height: 1.1rem; z-index: 10;}
.foot li{ float: left; width: 100%; height: 1.1rem; text-align: center; overflow: hidden; background: #fe5a3f;position: relative;}
.foot li a{ display: block;height: 1.1rem;line-height: 1.1rem; font-size: .3rem; color: #fff; font-weight: bold;}
/*message*/
.layers {background: #D7E5FF;text-align: center;padding: 6% 0;z-index: 30;margin-top: 0.25rem;}
.layers h2{color: #273E75;font-size: 0.35rem;margin-bottom: 3%;}
.layers .tel3{margin: 0 8%;height: 0.8rem;margin-bottom: 5%;background: #ffffff;}
.layers .tel3 input{height: 100%;line-height: 0.8rem;font-size: 0.26rem;color: #666666;padding-left: 0.3rem;background: none;border: none;width: 100%;}
.layers .user3{margin: 0 8%;height: 0.8rem;margin-bottom: 5%;background: #ffffff;}
.layers .user3 input{height: 100%;line-height: 0.8rem;font-size: 0.26rem;color: #666666;padding-left: 0.3rem;background: none;border: none;width: 100%;}
.layers .btn3 {height: 0.8rem;background:#13A4FD;margin: 0 8%;border-radius: 50px;}
.layers .btn3 button {height: 100%;background:none;border: none;font-size: 0.3rem;color: #ffffff;text-align: center;line-height: 0.8rem;font-weight: bold;width: 100%;}
/*form*/
.form{background: #ffffff;padding: 0.15rem 0 0.35rem ;}
.form .company{width: 6rem;height: 0.8rem;margin: 0.2rem auto;border: 1px solid #e7e7e7;background: #ffffff;position: relative;}
.form .phone{width: 6rem;height: 0.8rem;margin: 0.2rem auto;border: 1px solid #e7e7e7;background: #ffffff;position: relative;}
.form input{width: 85%;height: 100%;border: none;font-size: 0.3rem;padding-left: 15%;line-height: 100%;}
.form .company img{display: block;width: 0.4rem;height: 0.4rem;position: absolute;left: 0.2rem;top: 0.2rem;}
.form .company .line{display: block;width: 1px;height: 0.4rem;background: #dbdbdb; position: absolute;left: 0.8rem;top:0.2rem;}
.form .phone img{display: block;width: 0.4rem;height: 0.4rem;position: absolute;left: 0.2rem;top: 0.2rem;}
.form .phone .line{display: block;width: 1px;height: 0.4rem;background: #dbdbdb; position: absolute;left: 0.8rem;top: 0.2rem;}
.form .btn{width: 6rem;height: 0.7rem;margin: 0.2rem auto;}
.form button{background: #fe5a3f;width: 100%;height: 100%;line-height: 100%;font-size: 0.3rem;color: #ffffff;text-align: center;border: none;padding-left: 0.4rem;}
.form .meal{width: 6rem;height: 0.8rem;margin: 0.2rem auto;border: 1px solid #e7e7e7;background: #ffffff;position: relative;}
.form select{width: 100%;height: 100%;border: none;color: #cccccc;font-size: 0.3rem;padding-left: 1.2rem;line-height: 100%;background: url("../img/select1.png") right center no-repeat;-webkit-appearance: none;background-size: 0.25rem auto;margin-left: -0.2rem;}
.form option{width: 100%;height: 80%;border: none;color: #cccccc;font-size: 0.26rem;padding-left: 1rem;line-height: 100%;}
.form .meal img{display: block;width: 0.4rem;height: 0.4rem;position: absolute;left: 0.2rem;top: 0.2rem;}
.form .meal .line{display: block;width: 1px;height: 0.4rem;background: #dbdbdb; position: absolute;left: 0.8rem;top:0.2rem;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: #cccccc;
}
input:-moz-placeholder,textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    color: #cccccc;
}
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cccccc;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #cccccc;
}






/*pop*/
.pop{display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 10;}
.pop.active{ display: block;}
.pop.show{ -webkit-animation: dopopshow .4s; animation: dopopshow .4s;}
@keyframes dopopshow
{
    0% {  opacity: 0;}
    100% { opacity: 1;}
}
@-webkit-keyframes dopopshow
{
    0% {  opacity: 0;}
    100% { opacity: 1;}
}
.pop.hide{ -webkit-animation: dopophide .4s; animation: dopophide .4s;}
@keyframes dopophide
{
    0% {  opacity: 1;}
    100% { opacity: 0;}
}
@-webkit-keyframes dopophide
{
    0% {  opacity: 1;}
    100% { opacity: 0;}
}

/*menu*/
.menu{display: none; position: fixed; left: 0; top: 0; bottom: 0;background: #cc1e1c; z-index: 20;}
.menu.active{ display: block;}
.menu.show{ -webkit-animation: tiershow .3s both; animation: tiershow .3s both;}
@keyframes tiershow
{
    0% {transform:translate(-100%,0);}
    100% {transform:translate(0,0);}
}
@-webkit-keyframes tiershow
{
    0% {-webkit-transform:translate(-100%,0);}
    100% {-webkit-transform:translate(0,0);}
}
.menu.hide{ -webkit-animation: tierhide .3s both; animation: tierhide .3s both;}
@keyframes tierhide
{
    0% {transform:translate(0,0);}
    100% {transform:translate(-100%,0);}
}
@-webkit-keyframes tierhide
{
    0% {-webkit-transform:translate(0,0);}
    100% {-webkit-transform:translate(-100%,0);}
}

.menu li{position: relative; padding: 0 .08rem; height: .84rem; line-height: .84rem;}
.menu li h3{position: relative; height: .84rem; line-height: .84rem; width: 2.2rem; font-size: .24rem; font-weight: normal; }
.menu li h3:before{position: absolute; display: block; content:""; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; background: #d33b39;}
.menu li h3 a{display: block; padding-left: .2rem; color: #fff;font-size: 0.3rem}
.menu li.on{ background: url(../img/icon2.png) no-repeat 1.99rem center  #fff; background-size: .14rem auto;}
.menu li.on h3:before{display: none;}
.menu li.on h3 a{ color: #cc1e1c;}
.menu li dl{ display: none; position: fixed; left: 2.36rem; top: 0; bottom: 0; padding: 0 0.08rem; background: #fff;}
.menu li dl dd{position: relative; width: 2.2rem;}
.menu li dl dd:before{position: absolute; display: block; content:""; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; background: #e4e3e3;}
.menu li dl dd a{display: block; padding-left: .2rem; font-size: .3rem; color: #333;}
.menu li.on dl{ display: block;}
.closemenu{margin: .37rem 0 0 .27rem; width: .48rem; height: .48rem; background: url(../img/close.png) no-repeat; background-size: .46rem auto}


/*dropload*/
.dropload-up,.dropload-down{ position: relative; height: 0; overflow: hidden; font-size: 12px; /* 开启硬件加速 */ -webkit-transform:translateZ(0); transform:translateZ(0);}
.dropload-down{ height: 50px;}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{ height: 50px; line-height: 50px; text-align: center;}
.dropload-load .loading{ display: inline-block; height: 15px; width: 15px; border-radius: 100%; margin: 6px; border: 2px solid #666; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite;}
@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes rotate {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(180deg); }
    100% { transform: rotate(360deg); }
}



/*
.footer{width: 100%;height: 1.12rem;background: #fff;position: fixed;bottom: 0;left: 0;z-index: 9;}
.footer>div{width: 2px;height: 0.36rem;background: #fe3514;border-radius: 0.36rem;float: left;margin-top: 0.38rem}
.footer>a{float: left;width: 49%;}
.footer>a>div{width: 100%;height: 1.12rem;}
.footer>a>div>img{width: 0.48rem;height: 0.41rem;float: left;margin: 0.35rem 0.2rem 0 0.9rem;}
.footer>a>div>p{color: #fe3514;font-size: 0.32rem;float: left;line-height: 1.12rem;font-weight: bold;}*/


.footer{width: 100%;height: 1.12rem;background: #fe3514;position: fixed;bottom: 0;left: 0;z-index: 9;}
.footer>div{width: 2px;height: 0.36rem;background: #ffffff;border-radius: 0.36rem;float: left;margin-top: 0.38rem}
.footer>a{float: left;width: 49%;}
.footer>a>div{width: 100%;height: 1.12rem;}
.footer>a>div>img{width: 0.48rem;height: 0.41rem;float: left;margin: 0.35rem 0.2rem 0 0.9rem;}
.footer>a>div>p{color: #ffffff;font-size: 0.32rem;float: left;line-height: 1.12rem;font-weight: bold;}