/*wap-main*/
.wap-main{width: 100%; height: auto; }
.wap-main  img{width: 100%; display: block; vertical-align:bottom; margin:0; line-height: 0;}
.wap-main .wap-zx{width:100%; display: flex; flex-flow: row nowrap; justify-content: center; }
.wap-main .wap-zx .wap-zx-icon1{margin: 0.2rem 0; width:35%; background: #c35827; text-align: center; padding: 0.2rem 0 ; color: #fff; border-radius: 0.5rem; font-size: 0.24rem; font-weight: bold;}
.wap-main .wap-zx .wap-zx-icon2{margin-right: 0.2rem;  margin-bottom: 0.4rem;  width:35%;  text-align: center; padding: 0.2rem 0 ; color: #fff; border-radius: 0.5rem; font-size: 0.24rem; font-weight: bold;}

.wap-order{width: 100%; height:5.24rem; background-repeat:no-repeat; background-size: 100%; background-image: url("../images/2.png");}
.wap-order2{width: 100%; height:6.5rem;  background-repeat:no-repeat; background-size: 100%; background-image: url("../images/23.png");}

.wap-order-form,.wap-order-form2{height:6rem; padding: 0 10%;  position: relative;}
.wap-order-form .form-contain,.wap-order-form2 .form-contain{width: 100%; height: auto; transform: translate(-50%,-10%); position: absolute; top:22%; left: 50%; text-align: center;}
.wap-order-form .form-common input,.wap-order-form2 .form-common input{ line-height: 0.4rem; border: 1px solid #e0e0e0; width:4.8rem; height: 0.75rem; margin: 0 0 0.2rem 0; background: #fff; padding: 0 0.2rem; border-radius: 0.04rem; font-size: 0.28rem;}
.wap-order-form .form-common  button,.wap-order-form2 .form-common  button{display:inline-block; height:0.7rem; width:70%; font-size: 0.3rem; text-align: center; cursor: pointer; background:#a10f94; color: #fff; outline: none; border: 0;  -webkit-appearance: none; font-weight: bold;}

.wap-order-form .form-common .yzmcode{width: 33%;}
.wap-order-form .form-common .codetxt{width: 30%; background: #f0f0f0; color: #000;}
.disabled{background-color:#b3b3b3}

.wap-order-form2 .form-common .yzmcode{width: 33%;}
.wap-order-form2 .form-common .codetxt{width: 30%; background: #f0f0f0; color: #000;}
.disabled{background-color:#b3b3b3}

.zzsc-container{ position: relative; overflow: hidden;}


.wap-main .swiper-scroll{width: 100%; height: auto; background-repeat:repeat-y; background-size: 100%; background-image: url("../images/19.png"); }
.wap-main .swiper-scroll .gallery-top {height:auto; width: 100%; padding-top: 0.4rem; }
.wap-main .swiper-scroll .gallery-top .t-top{height:auto; width: 100%;}
.wap-main .swiper-scroll .gallery-top .t-flew{width: 100%; height: 100%; display: flex; justify-content: space-around; flex-flow:row nowrap; }
.wap-main .swiper-scroll .gallery-top .t-flew .t-l{width: 40%;}
.wap-main .swiper-scroll .gallery-top .t-flew .t-r{width: 60%; text-align: left; padding:0 0.2rem;}
.wap-main .swiper-scroll .gallery-top .t-flew .t-r h4{font-size: 0.4rem; color: #c95100; line-height:0.4rem; }
.wap-main .swiper-scroll .gallery-top .t-flew .t-r p{ line-height:0.4rem; font-size:0.24rem; margin-bottom:0.2rem;}

.wap-main .swiper-scroll .gallery-thumbs { font-size: 14px; margin-top: 0.2rem; width: 100%;}
.wap-main .swiper-scroll .gallery-thumbs .swiper-wrapper{display: flex; flex-flow: row nowrap; justify-content: left;}
.wap-main .swiper-scroll .gallery-thumbs .swiper-slide {opacity: 0.4; text-align: center; border:0.04rem solid #898989; color: #000;  font-weight: bold; border-radius: 50%;}
.wap-main .swiper-scroll .gallery-thumbs .swiper-slide img{ border-radius: 50%;}
.wap-main .swiper-scroll .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; font-weight: bold;  color: #fff;   border: 0.04rem solid #023ecc;}



.wap-main .swiper-scroll1{width: 100%; height: auto; background-repeat:repeat-y; background-size: 100%; background-image: url("../images/3.png"); }
.wap-main .swiper-scroll1 .gallery-top1 {height:auto; width: 100%; padding: 0.4rem 0; }
.wap-main .swiper-scroll1 .gallery-thumbs1 { font-size: 14px; margin-top: 0.2rem; width: 100%; display: flex; flex-flow: row wrap;}
.wap-main .swiper-scroll1 .gallery-thumbs1 .swiper-slide {text-align: center; border:0.02rem solid #0290e4; color: #000;  border-radius:0.1rem;  height: 0.5rem; line-height: 0.5rem;}
.wap-main .swiper-scroll1 .gallery-thumbs1 .swiper-slide-thumb-active {opacity: 1; color: #fff;   border: 0.02rem solid #ec661a; background: #ec661a;}


.wap-main .swiper-scroll2{width: 100%; height: auto; background-repeat:repeat-y; background-size: 100%; background-image: url("../images/6.png"); }
.wap-main .swiper-scroll2 .gallery-top2 {height:auto; width: 100%; padding: 0.4rem 0; }
.wap-main .swiper-scroll2 .gallery-thumbs2 { font-size: 14px; padding-top: 0.2rem; width: 100%;  }
.wap-main .swiper-scroll2 .gallery-thumbs2 .swiper-slide {text-align: center; border:0.02rem solid #0290e4; color: #000;  border-radius:0.1rem;  height: 0.5rem; line-height: 0.5rem; background: #fff;}
.wap-main .swiper-scroll2 .gallery-thumbs2 .swiper-slide-thumb-active {opacity: 1; color: #fff;   border: 0.02rem solid #0290e4; background: #0290e4;}


.wap-main .swiper-scroll3{width: 100%; height: auto; background-repeat:repeat-y; background-size: 100%; background-image: url("../images/16.png"); }
.wap-main .swiper-scroll3 .gallery-top3 {height:auto; width: 100%; padding: 0.4rem 0; }
.wap-main .swiper-scroll3 .gallery-thumbs3 { font-size: 14px; padding-top: 0.2rem; width:auto;   }
.wap-main .swiper-scroll3 .gallery-thumbs3 .swiper-slide {text-align: center; border:0.02rem solid #0290e4; color: #000;  border-radius:0.1rem;  height:0.8rem; line-height: 0.4rem; background: #fff;}
.wap-main .swiper-scroll3 .gallery-thumbs3 .swiper-slide-thumb-active { color: #fff;   border: 0.02rem solid #0290e4; background: #0290e4;}