/*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; background: #b90510;}
.wap-main .wap-zx .wap-zx-icon1{margin: 0.2rem 0; width:35%; background: #e7df94; text-align: center; padding: 0.2rem 0 ; color: #ac2d1e; border-radius: 0.1rem; 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:3.6rem;  }
.wap-order2{width: 100%; height:4.26rem; background-size: 100%; background-image: url("../images/8.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:0; 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.1rem 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:#2e3192; color: #fffd00; outline: none; border: 0;  -webkit-appearance: none;}

.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}

.wap-main .swiper-scroll{width: 100%; height: auto; padding: 0.4rem auto; }
.wap-main .swiper-scroll .swiper-container {width: 100%; height:auto; margin-left: auto; margin-right: auto;}
.wap-main .swiper-scroll .swiper-slide {background-size: cover; background-position: center;}
.wap-main .swiper-scroll .gallery-top {height: 80%; width: 100%;}
.wap-main .swiper-scroll .gallery-thumbs { height: 20%; padding: 10px 0; font-size: 0.28rem;}
.wap-main .swiper-scroll .gallery-thumbs .swiper-slide {height: 100%; opacity: 0.4; text-align: center; border: 0.01rem solid #2e3192; color: #000; padding: 0.2rem 0.1rem ; border-radius: 0.1rem;}
.wap-main .swiper-scroll .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; font-weight: bold; background: #2e3192; color: #f6f705;}