/*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: #f9f8fe;}
.wap-main .wap-zx .wap-zx-icon1{margin: 0.2rem 0; width:35%; background: #0062df; text-align: center; padding: 0.2rem 0 ; color: #fff; 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:4.58rem;  background:url(../images/2.png) no-repeat ; background-size:100%;  }
.wap-order1{width: 100%; height:4.9rem; }
.wap-order3{width: 100%; height:4.71rem;  background:url(../images/36.png) repeat-y; background-size: 100%;  }
.wap-order-form{height:4.2rem; padding: 0 10%;  position: relative;}
.wap-order-form1{height:3.3rem; padding: 0 10%;  position: relative;}
.wap-order-form2{height:3.3rem; padding: 0 10%;  position: relative;}
.wap-order-form .form-contain,.wap-order-form1 .form-contain,.wap-order-form2 .form-contain{width: 100%; height: 100%; transform: translate(-50%,7%); position: absolute; top: -1%; left: 50%; text-align: center;}
.wap-order-form .form-common input,.wap-order-form1 .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-form1 .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:#6354d1; color: #fff; outline: none; border: 0;  -webkit-appearance: none;}

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

.wap-main .select{width: 100%; height:4.7rem;  background:url(../images/9.png) no-repeat; background-size: 100%; position: relative;}
.wap-main .select .spo{position: absolute; }
.wap-main .select .s1{left: 0.15rem; top: 0.04rem; width: 2.32rem; height: 1.09rem; }
.wap-main .select .s2{left: 0.15rem; bottom: 0.14rem; width: 2.32rem; height: 1.09rem; }
.wap-main .select .s3{left:2.6rem; bottom: 1.26rem; width: 2.32rem; height: 1.09rem; }
.wap-main .select .s4{right: 0.15rem; bottom: 0.14rem; width: 2.32rem; height: 1.09rem; }

.wap-main .select .r1{left: 3.78rem; top: 0.03rem; width: 1.13rem; height: 1.13rem; }
.wap-main .select .r2{left: 2.6rem; top: 1.2rem; width: 1.13rem; height: 1.13rem; }
.wap-main .select .r3{right: 0.15rem; bottom: 1.55rem; width: 1.13rem; height: 1.13rem; }

.wap-main .select .k1{right: 0.15rem; top: 0; width: 2.33rem; height: 2.33rem; }

/*弹窗*/
.pc-modal{width:100%; height:100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.4); z-index: 99999;   overflow: auto; display: none;}
.pc-modal .modal-close{cursor: pointer;color: #fff; line-height: 40px; text-align: center; height: 40px; width: 40px; font-size: 30px; top: -5%; right:8%; position: absolute;}
.pc-modal .modal-close::before {content: "\2716";}
.pc-modal .modal-container{width: 100%; height: auto; margin: 0 auto; text-align: center; }
.pc-modal .modal-container .modal-content{width: 100%; height: 100%; margin-top: 30%; position: relative;}

/*项目*/
.wap-main  .step_xm{display: flex; flex-flow: row wrap; justify-content:center; margin: 0 auto; background: #eeeeee;}
.wap-main  .step_xm a{width: 14%; margin:0.1rem;}
.wap-main  .step_xm a img{width: 100%;}

/*刮刮卡*/

.wap-orderggk{width: 100%; height:7.3rem;  background:url(../images/5.png) no-repeat; background-size: 100%;  }

.main_box {position:relative; margin:0 auto; width:100%;  height: auto;}
.main_box .box {width:100%; height: 100%; padding-top:2.9rem }

.main_box .box .content {z-index:10; position:relative; width:5.52rem; height:2.05rem; margin: 0 auto; }

#mask_img_bg {width: 100%; height: 100%; position: absolute; left:0; top: 0;  background: #fff; }

#mask_img_bg img {width:6.5rem; height: 2.95rem; margin: 0 auto; display: block;}

#redux {z-index:22; position: absolute; padding: 0.05rem; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%;}

.main_box .hint-show {display: none; position: fixed; left: 50%; top:50%; transform: translate(-50%,-50%); width:6rem; height: 6.73rem; z-index: 99;  background: url("../images/hint.png") no-repeat center; background-size: cover; }

.main_box .hint-show h5{font-size: 0.32rem; color: #fff; line-height: 1.4rem; text-align: center;}

.cont-span{display: block; width: 100%; height: auto; text-align: center; position: absolute; top:0; left: 0; margin: 0 auto; z-index: 10; font-size: 0.42rem;  color: #d61f24; padding-top: 0.4rem;}

.main_box .hint-show .prize-span {display: block; width: 80%; text-align: center; position: absolute; top: 35%; left: 50%; transform: translate(-50%,-50%); z-index: 100; font-size: 0.4rem; color: #fff;}

.main_box .hint-show .close {display: inline-block; width:0.8rem; height:0.8rem; position: absolute; top: 0; right: 0; z-index: 200;}

.main_box .mask {width: 100%; height: 100%; display: none; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 98;}

.main_box .hint-show .yuyue{width: 100%; height:2rem; position: absolute; left: 50%; top:65%; transform: translate(-50%,-50%); }
.main_box .hint-show .top_yuyue_form{text-align: center; padding: 0 10%;  position: relative;}
.main_box .hint-show .top_yuyue_form .textinput{line-height: 0.4rem; border: 1px solid #e0e0e0; width:80%; height: 0.75rem; margin: 0 0 0.2rem 0; background: #fff; padding: 0 0.2rem; border-radius: 0.04rem; font-size: 0.28rem; }
.main_box .hint-show .top_yuyue_form .btnon{display:inline-block; height:0.7rem; width:90%; font-size: 0.3rem; text-align: center; cursor: pointer; background: linear-gradient(to right,#bd9848,#eee9a9,#b68d3e); color: #6b3908; font-weight: bold; outline: none; border: 0;  -webkit-appearance: none;}

.main_box .box .ggk-jp{color: #fff; margin: 0.45rem 0.5rem 0 1.6rem; line-height: 0.34rem; }
.main_box .box .ggk-jp p{margin-bottom: 0.1rem;}

.sec-seem{position: relative; width: 100%; height: auto;}