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 form{position:relative;margin:0 auto;width:5.4rem;text-align:center}
.form-input{position:relative;display:block;margin-bottom:.16rem;width:5.6rem;height:.72rem;border-radius:.03rem;font-size:.2rem;}
.form-input input:focus{border-color:#f06841;-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 #c70a10}
.form-box{position:absolute;top:5.2rem;width:100%;left: -0.1rem;}
.form-input label{position:absolute;padding:.19rem .2rem;color:#706d6d;font-size: 0.24rem;margin-left: 0.35rem;}
.form-input input{padding:0 .3rem 0 2rem;width:100%;height:100%;border-radius:.1rem;background:#ede9e9;color:#767676;letter-spacing:.02rem;font-size:.24rem;line-height:.67rem}
.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:3.8rem;height:0.75rem;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}
.pro-7 .form-box{top:5.92rem}
.pro-7 .form-input{margin-bottom:.25rem;height:.95rem}
.pro-10 .form-box{top:5.5rem;left: -0.1rem;}
.pro-10 .form-input input{background:#f1f1f1}
.pro-10 .form-box form>p{bottom: -0.2rem;margin-left: -0.44rem;}
.pro-10 .form-submit{    top: -0.15rem;}
.form-submit.btn-bg{background:url(../img/quote-btn.png) no-repeat center center;background-size:100% 100%;margin-top: 0.75rem;}
.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!important}
.swiper-box{margin:0 auto;width:6rem;background:0 0;position:absolute;left: 0.38rem;}
.pro-5 .container{top:1.33rem}
.pro-5 .swiper-box{width:6rem}
.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:#a09f9f}
.pro-6 .container{top:1.5rem;}
.pro-8 .container{top:2.55rem;}

.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(../img/bd.png) center;background-size:100% 100%;}*/
.pro-8 .swiper-pagination03 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ff00004d/*url(../img/bd.png)*/ center;background-size:100% 100%;}
.pro-8 .swiper-pagination-bullets .swiper-pagination-bullet{width: 0.85rem;height: 0.4rem;border-radius: 0;margin-right: 0.06rem;display: inline-block;background: #fff;
    text-align: center;
    font-size: 22px;
    color: #fff;
    flex: 1;}
.swiper-pagination03.swiper-pagination-clickable.swiper-pagination-bullets{margin-top: -0.55rem;margin-left: 0.45rem;}


.yuyue-box{position:absolute}
.pro-4 .yuyue-btn{background:url(../img/yuyue-btn.png) center;background-size:100% 100%;color:#fff;text-align:center}
.pro-5 .yuyue-btn{background:url(../img/qiang.png) center;background-size:100% 100%;color:#fff;text-align:center}
.pro-4 .yuyue-btn{width:1.2rem;height:.4rem;font-size:.16rem;line-height:.4rem}
.pro-5 .yuyue-btn{width:1.4rem;height:.37rem;font-size:.2rem;line-height:.48rem;margin-bottom: -10px;}
.pro-4 .yuyue-1{bottom:2.2rem;left:1.85rem}
.pro-4 .yuyue-2{bottom:2.2rem;left:4.65rem}
.pro-4 .yuyue-3{bottom:.8rem;left:3.22rem}

.pro-4 .heart{padding-right: 0.35rem;}
.pro-5 .yuyue-1{bottom:3.85rem;left:1rem}
.pro-5 .yuyue-2{bottom:2.3rem;left:1rem}
.pro-5 .yuyue-3{bottom:0.8rem;left:1rem}
.pro-5 .yuyue-4{bottom:0.6rem;left:3.55rem}
.pro-5 .zi{margin-right: 0.5rem;}

.pro-2 .yuyue-btn-1{width:1.6rem;height:.4rem;font-size:.2rem;line-height:.48rem;margin-bottom: -10px;}
.pro-2 .yuyue-btn-1{background:url(../img/2-1.png) center;background-size:100% 100%;color:#fff;text-align:center}
.pro-2 .yuyue-btn-2{width:1.6rem;height:.4rem;font-size:.2rem;line-height:.48rem;margin-bottom: -10px;}
.pro-2 .yuyue-btn-2{background:url(../img/2-1.png) center;background-size:100% 100%;color:#fff;text-align:center}
.pro-2 .yuyue-btn-3{width:2rem;height:.6rem;font-size:.2rem;line-height:.48rem;margin-bottom: -10px;}
.pro-2 .yuyue-btn-3{background:url(../img/2-3.png) center;background-size:100% 100%;color:#fff;text-align:center}
.pro-2 .yuyue-btn-4{width:2rem;height:.6rem;font-size:.2rem;line-height:.48rem;margin-bottom: -10px;}
.pro-2 .yuyue-btn-4{background:url(../img/2-4.png) center;background-size:100% 100%;color:#fff;text-align:center}
.pro-2 .yuyue-1{bottom:0.7rem;left:0.95rem}
.pro-2 .yuyue-2{bottom:0.7rem;left:3.75rem}
.pro-2 .yuyue-3{bottom:0.95rem;left:.8rem}
.pro-2 .yuyue-4{bottom:0.95rem;left:3.55rem}

.pro-6 .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-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:2.8rem;height:0.55rem;background:url(../img/zcjj.png) no-repeat;background-size:100% 100%;color:#fff;text-align:center;letter-spacing:.02rem;font-size:.32rem;line-height:.8rem}
.yuyue{position:absolute}
.pro-6 .yuyue{bottom:0.95rem;left:1.75rem}
.pro-6 .heart,.pro-8 .heart{padding-right: 0.8rem;}
.pro-8 .yuyue{bottom:1.2rem;left:1.75rem}

@-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:2.5rem;left:.35rem;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: -1.3rem}

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