button,input{width:100%;height:100%;outline:0;border:none}
input[type=text]{font-variant:tabular-nums;font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}
input[type=radio]{margin:0;font-size:100%;-webkit-appearance:radio!important}
[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}
input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}
input::-moz-placeholder{color:#80878f;opacity:1}
input:-ms-input-placeholder{color:#80878f}
input::-webkit-input-placeholder{color:#80878f}
:focus{outline:0!important}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;height:0;content:".";line-height:0}
.pro{position:relative;width:100%;background:#fff}
.pro img{display:block;width:100%}
.pro.pro-1 {padding-top: 0.9rem;}
.pro form{position:relative;margin:0 auto;width: 5.25rem;text-align:center}
.form-input{position:relative;display:block;margin-bottom:.1rem;width: 4.8rem;height: .65rem;/* border-radius:.03rem; */font-size:.2rem;/* left: 0.2rem; */z-index: 1;}
.form-input input:focus{border-color:#e74632;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%),0 0 5px #ea5732;box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%),0 0 5px #f06841}
.form-input input:hover{border:1px solid #e74632}
.form-box{position:absolute;top: 1.8rem;width: 100%;FONT-VARIANT: JIS83;/* left: -0.1rem; */}
.form-input label{position:absolute;padding: .17rem .25rem;color:#706d6d;font-size: 0.2rem;/* margin-left: 0.35rem; */}
.form-input input{padding: 0 .3rem 0 1.34rem;width:100%;height:100%;/* border-radius:.1rem; */background: #FFF8F5;color:#767676;letter-spacing:.02rem;font-size: .2rem;line-height: .65rem;border: 0.01rem #eb8d0c solid;}
.form-input input{-webkit-box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.075);box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .25s,box-shadow ease-in-out .2s;transition:border-color ease-in-out .25s,box-shadow ease-in-out .2s}
.form-submit{display:block;margin:0 auto;width: 4.6rem;height: 0.7rem;position: relative;/* top: -0.25rem; */}
.form-submit button,.pro-12 .form-submit button{display:block;/* padding:.19rem 0; */width:100%;height:100%;border-radius:3px;background:0 0;color:#fff;letter-spacing:2px;font-weight:600;font-size:.36rem;border: none;}
.pro-7 .form-box{top:5.92rem}
.pro-7 .form-input{margin-bottom:.25rem;height:.95rem}
.pro-10 .form-box{top: 7.4rem;/* left: -0.1rem; */}
.pro-10 .form-input input{background: #FFF8F5;}
.pro-10 .form-input{left: 0.23rem;}
.pro-10 .form-box form>p{bottom: -0.2rem;margin-left: -0.44rem;}
.pro-10 .form-submit{/* top: -0.2rem; *//* left: 0.1rem; */}
.form-submit.btn-bg{background:url(../mobile/img/3-1.png) no-repeat center center;background-size:100% 100%;margin-top: 0.2rem;/* left: 0.1rem; */z-index: 1;}
span.unit {position:absolute;top: .2rem;right: .2rem;font-size: .2rem; font-style: italic;line-height: 1;color: #666;}
.form-box form>p{position:absolute;bottom:0;left:2.7rem;color:#999797;font-size:.16rem;margin-bottom: 1.3rem;}
.container{position:absolute;width:100%}
.swiper-container .swiper-wrapper{margin-left: 0.1rem;}
.swiper-box{margin:0 auto;width: 6rem;background:0 0;position:absolute;left: 0.45rem;}
.pro-5 .container{top:1.65rem;left: -0.15rem;}
.pro-5 .swiper-box{width:5.8rem}
.pro-5 .swiper-slide img{border-radius:10px}
.pro-5 .swiper-pagination01 .swiper-pagination-bullet.swiper-pagination-bullet-active,.pro-6 .swiper-pagination02 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#e08025}
.pro-5 .swiper-pagination-bullet-active{background: #fe4f19;}
.pro-6 .container{top: 0.92rem;left: -0.10rem;}
.pro-8 .container{top: 2rem;left: -0.15rem;width: 5.8rem;}
.pro-10 .form-submit.btn-bg{background:url(../mobile/img/10-1.png) no-repeat center center;background-size:100% 100%;}
.swiper-pagination03 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ef2232}

/*.pro-8 .swiper-pagination03 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../mobile/../img/bd.png) center;background-size:100% 100%;}*/
.pro-8 .swiper-pagination03 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../mobile/img/hk.png) no-repeat center center;width: 0.95rem;height: 0.6rem;color: #ffffff;}
.pro-8 .swiper-pagination-bullets .swiper-pagination-bullet{
    position:relative;
    width: 0.84rem;
    height: 0.6rem;
    border-radius: 0;
    display: inline-block;
    background: #f53f23;
    text-align: center;
    font-size: 0.18rem;
    color: #ffffff;
    flex: 1;
    z-index: 5;
    opacity: 1;
    line-height: 0.6rem;
        margin-left: 0.09rem
    }
.swiper-pagination03.swiper-pagination-clickable.swiper-pagination-bullets{margin-bottom: 0.15rem;/*border: 1px white solid;*/width: 5.8rem;}

.pro-12 .swiper-pagination-bullet-active{background: #e03b1f;}

.pro-5 .yuyue{    z-index: 1;}

.yuyue-box{position:absolute}

.pro-4 .yuyue-btn{width:1.85rem;height:.45rem;font-size:.16rem;line-height:.4rem}
.pro-4 .yuyue-0{bottom:7.1rem;left:1.4rem}
.pro-4 .yuyue-1{bottom:7.1rem;left:4.2rem}
.pro-4 .yuyue-2{bottom:5.0rem;left:.45rem}
.pro-4 .yuyue-3{bottom:5.0rem;left:2.2rem}
.pro-4 .yuyue-4{bottom:5rem;left:4.1rem}
.pro-4 .yuyue-5{bottom:1.3rem;left:4rem}



.pro-21 .yuyue-btn{background: url(../mobile/img/21-1.png) center;background-size:100% 100%;color:#fff;text-align:center}
.pro-21 .yuyue-btn{width:2rem;height:.46rem;font-size:.16rem;line-height:.4rem}
.pro-21 .yuyue-1{bottom:1rem;left:2.4rem}


.pro-1 .yuyue-btn{width: 3rem;height: 1.68rem;}
.pro-1 .yuyue-1{bottom: 0.51rem;left: 1rem;}
.pro-1 .yuyue-2{bottom: 3.51rem;left: 2.32rem;/* display: block; */}
.pro-1 .yuyue-3{bottom: 1.74rem;left: .6rem;}
.pro-1 .yuyue-4{bottom: 1.74rem;left: 2.32rem;}

.pro-2 .yuyue-btn{background:url(../mobile/img/2-1.png) center;background-size:100% 100%;color:#fff;text-align:center}
.pro-2 .yuyue-btn{width: 1.9rem;height: 0.4rem;}
.pro-2 .yuyue-0{bottom: 5.8rem;left: 0.9rem;}
.pro-2 .yuyue-1{bottom: 5.8rem;left: 3.55rem;}
.pro-2 .yuyue-2{bottom: 2.4rem;left: 0.9rem;}
.pro-2 .yuyue-3{bottom: 2.4rem;left: 3.55rem;}
.pro-2 .yuyue-4{bottom: 1.03rem;left: 3.7rem;}
.pro-2 .yuyue-5{bottom: 1.03rem;left: 4.2rem;}

.pro-3 .form-input{left: 0.225rem;}
.pro-3 .anima{width:0.4rem;height:0.5rem;}

.anima{
        animation-name: likes;
        animation-direction: alternate;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-iteration-count: infinite; 
        animation-duration: 1s; 
    }

    @keyframes likes {
         0%{
              transform: scale(1);
           }
           25%{
              transform: scale(1.1);
           }
           50%{
              transform: scale(1.2);
           }
           75%{
              transform: scale(1.1);
           }
           100%{
              transform: scale(1);
           }
        }
.pro-3 .anima{bottom: 5.5rem;left: 5rem;position: absolute;}


.pro-10 .anima{width:0.5rem;height:0.6rem;}
.pro-10 .anima{bottom: 4.75rem;left: 3.07rem;position: absolute;}

.pro-5 .yuyue-btn{background:url(../mobile/img/5-1.png) center;background-size:100% 100%;color:#fff;text-align:center}
.pro-5 .yuyue-btn{width: 2.64rem;height: 0.48rem;}
.pro-5 .yuyue-1{bottom: 6.5rem;left: 0.4rem;}
.pro-5 .yuyue-2{bottom: 6.5rem;left: 3.36rem;}
.pro-5 .yuyue-3{bottom: 3.65rem;left:0.4rem}
.pro-5 .yuyue-4{bottom: 3.65rem;left: 3.36rem;}
.pro-5 .yuyue-5{bottom: 0.85rem;left: 0.4rem;}
.pro-5 .yuyue-6{bottom: 0.85rem;left:3.36rem;}
.pro-5 .zi{margin-right: 0.5rem;}
.swiper-pagination02.swiper-pagination-clickable.swiper-pagination-bullets{margin-left: -0.12rem;margin-top: -1rem;}

.pro-6 .swiper-container{height: 9.1rem;}
.pro-6 .swiper-box{width:6.15rem;left: 0.3rem;}
.pro-6 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{    position: relative; top: 0.5rem;left: -0.1rem;}
.pro-8 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{    position: relative; top: -0.1rem;left: -0.15rem;}
.pro-8 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 0.8rem;height: 0.4rem;border-radius: 0;}
.tc{position:fixed;top:0;z-index:9999;display:block;width:100%;height:100%;background:rgba(0,0,0,.6);text-align:center;align-items:center}
.tc-box{position:relative;z-index:99999;box-sizing:content-box;margin:3rem auto 0 auto;padding:.3rem 0;width:5.4rem;border-radius:.1rem;background:#fff;background-size:100%;text-align:center}
.tc-box>form{margin:.3rem auto 0 auto;width:4.8rem}
.tc-box .form-input{width:4.8rem;height:.7rem}
.tc-box .form-input input{padding-left:2rem}
.tc-box .form-input label{position:absolute;padding:.2rem .2rem;color:#464646;line-height: 0.3rem;}
.tc-box .form-input:first-child input:focus{border-color:none;-webkit-box-shadow:none;box-shadow:none}
.tc-box .form-input:first-child input:hover{border:none}
.tc-box .form-input:first-child input{color:#f44336}
.tc-box form>.form-submit{padding-bottom:0;width:4.8rem;height:.75rem;background-image:linear-gradient(left,#fd9456 0,#ec5c36 100%);background-image:-moz-linear-gradient(left,#fd9456 0,#ec5c36 100%);background-image:-o-linear-gradient(left,#fd9456 0,#ec5c36 100%);background-image:-webkit-linear-gradient(left,#fd9456 0,#ec5c36 100%)}
.tc-box em.tc-close{position:absolute;top:.15rem;right:.15rem;width:.4rem;height:.4rem;border:1px solid #9e9e9e;border-radius:50%;font-size:.3rem;line-height:.35rem}
.hide{display:none!important}
.pro-4 .yuyue-box>span{display:none}
.tc-box form>.form-submit button{padding:.1rem 0;font-weight:500}
.pro-6 .yuyue-btn, .pro-8 .yuyue-btn{margin:0 auto;width:4.4rem;height:.85rem;background:url(../mobile/img/quote-btn.png) no-repeat;background-size:100% 100%;color:#fff;text-align:center;letter-spacing:.02rem;font-size:.32rem;line-height:.8rem}
.pro-6 .yuyue-btn{background:url(../mobile/img/6-1.png) no-repeat;background-size:100% 100%;}
.pro-8 .yuyue-btn{background:url(../mobile/img/8-1.png) no-repeat;background-size:100% 100%;}
.yuyue{position:absolute}
.pro-6 .yuyue{bottom: 1.2rem;left:.9rem}
.pro-6 .heart,.pro-8 .heart{padding-right: 0.8rem;}
.pro-8 .yuyue{bottom: 1.4rem;left:1rem}

.pro-9 .yuyue{width:4rem;height:.9rem;    bottom: .9rem;left: 1.5rem;background-size:100% 100%;}
.pro-9 .yuyue-box{width:4rem;height:.9rem; }

.pro-11 .container{top: 1.5rem;}
.pro-12 .container{top: 6.65rem;left: 0.15rem;width: 5.3rem;}


@-webkit-keyframes hvr-buzz-out{5%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
10%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
15%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
25%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
30%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
35%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
40%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
45%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
50%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.hvr-buzz-out{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;-ms-transition:all 1s;-webkit-animation:hvr-buzz-out 2s ease infinite;-o-animation:hvr-buzz-out 2s ease infinite;animation:hvr-buzz-out 2s ease infinite}
.heart{animation:1.5s ease 0s normal none infinite running heart}
@keyframes heart{0%,30%,50%,60%,80%{transform:scale(1)}
40%,70%{transform:scale(.9)}
}
@keyframes heart{0%,30%,50%,60%,80%{transform:scale(1)}
40%,70%{transform:scale(.9)}
}
.swiper-slide img{border-radius:.05rem}
.bubble{position:absolute;top:1.5rem;left:.45rem;overflow:hidden;margin:0 auto;width:5.7rem;height:3rem}
.bubble li{position:absolute;top:0;z-index:0;height:auto}
.fade{animation:fadein 6s ease-in-out infinite}
.hidden{display:none}
@keyframes fadein{0%{top:2.5rem;opacity:0}
50%{top:2rem;opacity:1}
100%{top:1rem;opacity:0}
}
.bubble li{margin:0 auto;width:100%;height:.5rem;border-radius:.3rem;background:rgba(0,0,0,.4);color:#fff;text-align:center;font-size:.2rem;line-height:.5rem}
.bubble li p{display:inline-block;font-size:.2rem}
.bubble li img{display:inline-block;margin:0 .1rem;width:.25rem;height:.25rem;vertical-align:middle}
.bubble p span{margin-left:.1rem}
.pro-3 .bubble{top: 5.3rem}

.customers_list{height: .4rem;line-height: 1;text-align:center;/* padding:5px 0; */color: #716363;overflow:hidden}
.customers_list dd{line-height: 1;font-size: .22rem;padding: .1rem .3rem .1rem 0;display: flex;justify-content: space-between;width: 4rem;}
.form-news-icon img {
    width: .2rem;
}

.form-news {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 4.8rem;
    height: .5rem;
    margin: 0 auto;
    padding: 0 .2rem;
    background: #ffe8dd;
    border-radius: .2rem;
    margin-top: 0.2rem;
}
.pro-10 .form-news {margin-top: 0.25rem;background: #f1debc;}
.form-news-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .2rem;
    padding-right: .7rem;
}

.tc .form-submit{top: -0.1rem;}

.top-btn {
    width: 4.0rem;
    height: 1rem;
    position: absolute;
    bottom:0.3rem ;
    left:1.2rem;
    cursor: pointer;
}
.tc-box form>.form-submit{top: 0.1rem}