html {                          
    font-size: 1.3rem;            
  }                                
                          

@media (min-width: 900px) {        
  html {                          
    font-size: 3rem;            
  }                                
  
}                                  

@media (min-width: 1200px) {       
  html {                          
    font-size: 5rem;                
  }           
                       
}

#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 1.6rem;
  display: none;
}

h1, h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 0.26667rem;
}
a {
  color: #42b983;
}

* {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  /* -webkit-appearance: none; */
}

.body {
  position: absolute;
  width: 100vw;
  /* height: 100vh; */
  height: 100vh;
  overflow-y: auto;
  left: 0;
  top: 0;
}

.memberbase {
  max-width: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2009;
  left: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.memberpro {
  max-width: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2009;
  left: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.input1 {
  width: 16rem;
  height: 2.58667rem;
  position: absolute;
  left: 1.5rem;
  top: 24.5rem;
}
.input1 input {
  width: 83%;
  border-style: none;
  height: 100%;
  background-color: rgb(238, 238, 238);
  border-radius: 1.33333rem;
  padding-left: 2.8rem;
  outline: none;
  border: 0.05333rem solid rgb(252, 193, 115);
  font-size: 1.06667rem;
  letter-spacing: 0.05333rem;
  /* text-align: center; */
}
.input1 input::-webkit-input-placeholder {
  color: rgb(240, 149, 30);
  font-size: 1.01333rem;
  letter-spacing: 0.08rem;
  /* text-align: center; */
}
.input1 input::-moz-placeholder {
  color: rgb(240, 149, 30);
  font-size: 1.01333rem;
  letter-spacing: 0.08rem;
  /* text-align: center; */
}
.input1 input::-ms-input-placeholder {
  color: rgb(240, 149, 30);
  font-size: 1.01333rem;
  letter-spacing: 0.08rem;
  /* text-align: center; */
}
.input1 input::placeholder {
  color: rgb(240, 149, 30);
  font-size: 1.01333rem;
  letter-spacing: 0.08rem;
  /* text-align: center; */
}
.input2 {
  width: 16.26667rem;
  height: 2.53333rem;
  position: absolute;
  left: 1.5rem;
  top: 18.66667rem;
}
.input2 input {
  width: 83%;
  border-style: none;
  height: 100%;
  background-color: rgb(255, 255, 255);
  border-radius: 1.2rem;
  padding-left: 2.8rem;
  outline: none;
  border: 0.10667rem solid rgb(237, 207, 175);
  font-size: 1.06667rem;
  letter-spacing: 0.05333rem;
}
.input2 input::-webkit-input-placeholder {
  color: rgb(117, 117, 117);
  font-size: 1.01333rem;
  letter-spacing: 0.08rem;
}
.input2 input::-moz-placeholder {
  color: rgb(117, 117, 117);
  font-size: 1.01333rem;
  letter-spacing: 0.08rem;
}
.input2 input::-ms-input-placeholder {
  color: rgb(117, 117, 117);
  font-size: 1.01333rem;
  letter-spacing: 0.08rem;
}
.input2 input::placeholder {
  color: rgb(117, 117, 117);
  font-size: 1.01333rem;
  letter-spacing: 0.08rem;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.showPrizeBtnBase {
  display: none;
  position: absolute;
  z-index: 999;
  width: 16.61333rem;
  height: 3.28rem;
  top: 29.0rem;
  left: 1.3rem;
  background: url(../img/prize_btn.base.png) no-repeat;
  background-size: 100% 100%;
  -webkit-animation: scaleBtn 1.2s infinite ease-in-out;
          animation: scaleBtn 1.2s infinite ease-in-out;
}
.showPrizeBtnPro {
  display: none;
  position: absolute;
  z-index: 999;
  width: 16.61333rem;
  height: 3.28rem;
  top: 29.0rem;
  left: 1.3rem;
  background: url(../img/prize_btn.pro.png) no-repeat;
  background-size: 100% 100%;
  -webkit-animation: scaleBtn 1.2s infinite ease-in-out;
          animation: scaleBtn 1.2s infinite ease-in-out;
}
.showPrizeCodeBtn {
  position: absolute;
  z-index: 999;
  width: 16.61333rem;
  height: 3.28rem;
  top: 29.0rem;
  left: 1.3rem;
  background: url(../img/prize_btn.png) no-repeat;
  background-size: 100% 100%;
  -webkit-animation: scaleBtn 1.2s infinite ease-in-out;
          animation: scaleBtn 1.2s infinite ease-in-out;
}

@-webkit-keyframes scaleBtn {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
}

@keyframes scaleBtn {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
}

.showPrivacyPolicy {
  position: absolute;
  z-index: 1001;
  top: 32.5rem;
  left: 2.0rem;
}
.checkbox {
  zoom: 200%;
}
.button2 {
  position: absolute;
  width: 4.82667rem;
  height: 1.73333rem;
  left: 11.28rem;
  top: 0.61333rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 0.8rem;
  overflow: hidden;
  background-color: rgb(255, 0, 0);
  border-style: none;
  font-size: 0.64rem;
  vertical-align: middle;
  color: rgb(255, 255, 255);
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
.Dialog-wrap {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 999;
}
.RuleDialog {
  position: absolute;
  z-index: 999;
  width: 13.54667rem;
  height: 21.92rem;
  top: 7.25333rem;
  left: 3.22667rem;
  background: url(../img/rule_bg.png) no-repeat;
  background-size: 100% 100%;
}
.closeBtn {
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  left: 5.97333rem;
  top: 22.4rem;
  z-index: 1001;
}
.rule {
  position: absolute;
  z-index: 1;
  width: 3.4rem;
  height: 1.09333rem;
  left: 16.0rem;
  top: 0.66667rem;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: none;
  overflow: hidden;
}
.container {
  position: absolute;
  z-index: 999;
  width: 16.74667rem;
  height: 1.46667rem;
  top: 21.86667rem;
  left: 1.62667rem;
  background-color: rgb(0, 167, 18);
  border-radius: 1.2rem;
  /* border: 1px solid #eee; */
  overflow: hidden;
  display: inline-block;
}

@-webkit-keyframes text-scroll {
  0% {
    /* transform: translateX(40%); */
    -webkit-transform: translateX(18.37333rem);
            transform: translateX(18.37333rem);
  }
  /* 50% {
    transform: translateX(0);
  } */
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes text-scroll {
  0% {
    /* transform: translateX(40%); */
    -webkit-transform: translateX(18.37333rem);
            transform: translateX(18.37333rem);
  }
  /* 50% {
    transform: translateX(0);
  } */
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.text {
  position: absolute;
  height: 1.46667rem;
  line-height: 1.46667rem;
  text-align: center;
  color: white;
  font-size: 0.8rem;
  -webkit-animation: text-scroll 15s linear infinite;
          animation: text-scroll 15s linear infinite;
  white-space: nowrap;
}
.GouRuleDialog {
  position: absolute;
  z-index: 999;
  width: 17.2rem;
  height: 11.17333rem;
  top: 13.38667rem;
  left: 1.38667rem;
  background: url(../img/gouxuanBg.png) no-repeat;
  background-size: 100% 100%;
}
.okBtn {
  position: absolute;
  width: 14.48rem;
  height: 2.05333rem;
  left: 1.33333rem;
  top: 8.26667rem;
  z-index: 1001;
}
.showGetBtn {
  position: absolute;
  z-index: 999;
  width: 15.97333rem;
  height: 2.13333rem;
  top: 76.53333rem;
  left: 2rem;
  background: url(../img/lingqu.png) no-repeat;
  background-size: 100% 100%;
}
.ComfirmDialog {
  position: absolute;
  z-index: 1000;
  width: 90%;
  height: 0;
  padding-bottom: 100%;
  top: 25%;
  left: 5%;
  background-color: rgb(255, 255, 255);
  background-size: 100% 100%;
  border-radius: 0.26667rem;
  padding-left: 0;
  outline: none;
  border: 0.02667rem solid rgb(255, 255, 255);
}
.ComfirmButton {
  position: absolute;
  /* width: 36.28%; */
  width: 39.28%;
  height: 10%;
  left: 50%;
  top: 80%;
  background: url(../img/get-code.png)
    no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 0.53333rem;
  overflow: hidden;
  background-color: none;
  border-style: none;
  font-size: 0.34667rem;
  vertical-align: middle;
  color: rgb(255, 255, 255);
}
.ExitButton {
  position: absolute;
  width: 39.28%;
  height: 10%;
  left: 8%;
  top: 80%;
  background: url(../img/get-code.png)
    no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 0.53333rem;
  overflow: hidden;
  background-color: none;
  border-style: none;
  font-size: 0.34667rem;
  vertical-align: middle;
  color: rgb(255, 255, 255);
}

@keyframes component-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes component-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.dialog-fade-in {
  -webkit-animation: component-fade-in;
          animation: component-fade-in;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation: component-fade-in 1.5s;
  -moz-animation: component-fade-in 1.5s;
}

@keyframes component-scale-big {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes component-scale-big {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.dialog-scale-big {
  -webkit-animation: component-scale-big;
          animation: component-scale-big;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.51s;
  -webkit-animation: component-scale-big 0.5s;
  -moz-animation: component-scale-big 0.5s;
}
.result-full__d {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  text-align: center;
  background: #f01d32;
  color: white;
  overflow-y: scroll;
  overflow-x: hidden;
}
.result-full__title {
  width: 76%;
  text-align: center;
  margin: 1rem 0 0.25rem 0;
}
.result-full__prize {
  width: 90%;
  text-align: center;
  margin: 0.15rem auto;
}
.result-full__enter {
  width: 60%;
  text-align: center;
  margin: 0.15rem 0;
}
.result-full__qrCode {
  width: 36%;
  text-align: center;
  margin: 0.15rem 0;
}
.result-full__link {
  width: 92%;
  font-size: 0.37333rem;
  margin: 0.15rem auto 0.25rem auto;
}
.result-full__btn {
  width: 30%;
  font-size: 1.35em;
  color: white;
  padding: 0.35rem 1rem;
  border: 0.05333rem solid white;
  border-radius: 0.85rem;
  text-align: center;
  margin: 0.5rem auto;
}
.result-full__server {
  font-size: 0.34667rem;
  color: white;
  margin: 0.25rem 0 0.5rem 0;
}
.result-center__d {
  position: absolute;
  width: 80%;
  /* height: auto; */
  height: 45%;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5269), to(#ff3b39));
  background: linear-gradient(#ff5269, #ff3b39);
  text-align: center;
  color: white;
  border-radius: 0.16rem;
  /* padding: 0.5rem; */
  left: 10%;
  top: 20%;
}
.result-center__title {
  font-size: 2.25em;
  font-weight: bold;
}
.result-center__sub-title {
  font-size: 0.58667rem;
  margin: 0.25rem 0 0 0;
}
.result-center__prize-text {
  width: 90%;
  text-align: center;
  margin: 0.25rem auto;
  font-size: 0.48rem;
}
.result-center__prize-pic {
  width: 100%;
  text-align: center;
  margin: 0.5rem auto 0 auto;
}
.result-center__enter {
  width: 60%;
  text-align: center;
  margin: 0.25rem 0 0 0;
}
.result-center__qrCode {
  width: 40%;
  text-align: center;
  margin: 0.8rem 0 0 0;
}
.result-center__qrText {
  font-size: 0.58667rem;
  margin: 0.5rem auto 0 auto;
}
.result-center__link {
  font-size: 0.37333rem;
  margin: 0.25rem auto 0 auto;
}
.result-center__btn-s {
  width: 30%;
  font-size: 1.25em;
  color: white;
  padding: 0.35rem 1rem;
  border: 0.05333rem solid white;
  border-radius: 0.85rem;
  text-align: center;
  margin: 0.5rem auto;
}
.result-center__btn-d {
  width: 30%;
  /* font-size: 1.25em; */
  font-size: 0.66667rem;
  color: white;
  padding: 0.35rem 1rem;
  border: 0.05333rem solid white;
  border-radius: 0.85rem;
  text-align: center;
  margin: 0.8rem auto 0.25rem auto;
}
.result-center__server {
  font-size: 0.34667rem;
  color: white;
}
.set-result__d {
  width: 70%;
  height: auto;
  background: white;
  text-align: center;
  color: white;
  border-radius: 0.42667rem;
  padding: 0.65rem 0.5rem;
}
.set-result__pic {
  width: 30%;
}
.set-result__text {
  color: #43564f;
  margin: 0.5rem 0 0 0;
  font-size: 0.42667rem;
}

.van-icon__image {
  width:2rem;
  height:2rem;
  object-fit:cover
}
.van-toast {
  min-width:100px
}
.van-toast__text {
  font-size:16px;
  padding:2px 12px
}
.toast-custom__frame {
  position:fixed;
  top:50%;
  left:50%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  box-sizing:content-box;
  width:88px;
  min-width:100px;
  max-width:70%;
  min-height:88px;
  padding:16px;
  color:#fff;
  font-size:14px;
  line-height:20px;
  white-space:pre-wrap;
  text-align:center;
  word-wrap:break-word;
  background-color:rgba(0,0,0,.7);
  border-radius:8px;
  -webkit-transform:translate3d(-50%,-50%,0);
  transform:translate3d(-50%,-50%,0)
}
.toast-custom__text {
  width:-webkit-fit-content;
  width:fit-content;
  min-width:96px;
  min-height:0;
  padding:6px 12px
}
.loading-custom__frame {
  position:fixed;
  top:50%;
  left:50%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  box-sizing:content-box;
  width:104px;
  min-width:104px;
  max-width:70%;
  min-height:88px;
  padding:16px;
  color:#fff;
  font-size:14px;
  line-height:20px;
  white-space:pre-wrap;
  text-align:center;
  word-wrap:break-word;
  background-color:rgba(0,0,0,.7);
  border-radius:8px;
  -webkit-transform:translate3d(-50%,-50%,0);
  transform:translate3d(-50%,-50%,0)
}
.bottom-content {
  background-color:#fdf9e3;
  border-radius:10px;
  padding:0;
  overflow:hidden;
  margin:0 .45rem 1rem .45rem
}
.bottom-content__text {
  line-height:24px;
  padding:0 .5rem;
  margin:.5rem auto 0 auto;
  color:#3a3a3a;
  font-size:.35rem;
  text-align:left
}
.bottom-content__title {
  width:45%;
  background:#ffc72c;
  border-radius:50px;
  font-size:.425rem;
  padding:.25rem 0;
  font-weight:bold;
  margin:.75rem auto;
  text-align:center
}
.bottom-content__link {
  color:#000;
  font-size:.3rem;
  padding:.45rem 0 .85rem 0;
  margin:0 auto;
  text-align:center;
  text-decoration:underline
}