* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



html,
body {
  width: 100%;
  height: 100%;
  /* background: #f5f5f5; */
}

.footer-agreement {
  background-color: #93a076;
  color: #a2cf9c;
  font-size: 0.16rem;
  max-width: initial;
  padding: 0.2rem 0;
  margin-top: -1px;
  
}
.footer-agreement .agreement-links{
  background-color: #93a076;
  display: flex;
  justify-content: center;
  padding: 0;
  gap: 20px;
}

.footer-agreement .agreement-links a{
color: #a2cf9c;
}

.footer-agreement .copyright {
  text-align: center;
  line-height: 2;
}
.nav {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  position: relative;
  z-index: 10;
}
.nav .n_top {
  position: fixed;
  top: 0;
}
.nav .n_top .bg {
  height: auto;
  width: 100%;
}
.nav .n_top .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: absolute;
  right: 2.5%;
  top: 19%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  gap: 20px;
}
.nav .n_top .content .btn_register,
.nav .n_top .content .fb,
.nav .n_top .content .ins {
  cursor: pointer;
}
.nav .n_bottom {
  bottom: -5px;
  position: fixed;
}
.nav .n_bottom .bg {
  height: auto;
  width: 100%;
}
.nav .n_bottom .btn_register {
  bottom: 9%;
  cursor: pointer;
  position: absolute;
  right: 4%;
   transition: all 0.3s ease;
}

@media only screen and (min-width: 750px) {
  .footer-agreement{font-size: 0.08rem;}
}
@media only screen and (max-width: 750px) {
  .nav .n_top .content {
    gap: 0.2666666667rem;
  }
  .nav .n_top .content .btn_register {
    height: 0.4rem;
    /* width: 2.0666666667rem; */
    width: 1.2rem;
  }
  .nav .n_top .content .fb,
  .nav .n_top .content .ins {
    height: 0.76rem;
    width: 0.76rem;
  }
  .nav .n_bottom .btn_register {
    height: 0.9333333333rem;
    width: 3.6rem;
  }
}
.noPhoneReserve {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  margin-top: -25%;
  position: relative;
  z-index: 2;
}
.noPhoneReserve .bg {
  height: auto;
  width: 100%;
}
.noPhoneReserve .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 85%;
  left: 0;
  position: absolute;
  top: 10%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
}
.noPhoneReserve .content .title {
  height: auto;
  width: 80%;
}
.noPhoneReserve .content .main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%;
  position: relative;
  width: 95%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
}
.noPhoneReserve .content .main .main_bg {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.noPhoneReserve .content .main .m_phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: absolute;
  top: 59%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
}
.noPhoneReserve .content .main .m_phone .btn_register {
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: auto;
  margin: 0 auto;
  width: 50%;
}
.noPhoneReserve .content .main .m_phone .text_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin: 0 auto;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
}
.noPhoneReserve .content .main .m_phone .text_box .text {
  color: #cf8954;
  font-family: Alibaba PuHuiTi;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}
.noPhoneReserve .content .main .fb {
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: auto;
  left: 50%;
  position: absolute;
  top: 80%;
  width: auto;
}
@media only screen and (max-width: 750px) {
  .noPhoneReserve .content .main .m_phone .text_box .text {
    font-size: 0.24rem;
    line-height: 0.3333333333rem;
  }
  .noPhoneReserve .content .main .fb {
    width: 35%;
  }
}
.dialog {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  display: none;
  position: relative;
  z-index: 20;
}
.dialog,
.dialog .content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
}
.dialog .content {
  background-color: rgba(12, 4, 1, 0.6);
  left: 50%;
  padding: 100%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.dialog .content,
.dialog .content .successBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.dialog .content .successBox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  position: relative;
}
.dialog .content .successBox .btn_register {
  bottom: 50px;
  cursor: pointer;
  position: absolute;
}
.dialog .content .close {
  cursor: pointer;
}
@media only screen and (max-width: 750px) {
  .dialog .content .successBox .success {
    height: 5.9066666667rem;
    width: 10rem;
  }
  .dialog .content .successBox .btn_register {
    bottom: 0.6666666667rem;
    height: 1.6266666667rem;
    width: 6.2133333333rem;
  }
  .dialog .content .failBox .fail {
    height: 5.9066666667rem;
    width: 10rem;
  }
  .dialog .content .close {
    height: 1.0666666667rem;
    width: 1.0666666667rem;
  }
}
.jumpConfirm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  left: 0;
  margin: 0 auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.392);
  height: 100%;
  max-width: 850px;
  width: 100%;
}
.jumpConfirm .jump_1,
.jumpConfirm .jump_2,
.jumpConfirm .jump_3 {
  position: relative;
  width: 95%;
}
.jumpConfirm .jump_1 .btn,
.jumpConfirm .jump_2 .btn,
.jumpConfirm .jump_3 .btn {
  cursor: pointer;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
}
.jumpConfirm .jump_1 .btn_jump {
  bottom: 12%;
  width: 44%;
}
.jumpConfirm .jump_2 .btn_show_code,
.jumpConfirm .jump_3 .btn_show_code {
  bottom: 10%;
  width: 40%;
}
.jumpConfirm .btn_close {
  cursor: pointer;
  width: 12%;
}
@media only screen and (min-width: 750px) {
  .jumpConfirm .jump_1,
  .jumpConfirm .jump_2,
  .jumpConfirm .jump_3 {
    width: 70%;
  }
  .jumpConfirm .btn_close {
    width: 8%;
  }
}

.achievement {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  margin-top: -23.5%;
  position: relative;
  z-index: 2;
}
.achievement .main_bg {
  display: block;
  height: auto;
  width: 100%;
}
.message {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  position: relative;
  z-index: 100;
}
.message .message_box {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0.0520833333rem;
  color: #fff;
  font-size: 0.1041666667rem;
  left: 50%;
  padding: 0.15625rem;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
  text-wrap: nowrap;
}
.message .message_box .warn {
  font-size: 0.78125rem;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .message_box {
    border-radius: 0.1333333333rem;
    font-size: 0.4rem;
    padding: 0.4rem;
  }
  .message_box .warn {
    font-size: 2rem;
  }
}
.reserve {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.reserve .main_bg {
  display: block;
  height: auto;
  width: 100%;
}
.reserve .btn_register {
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 12%;
  cursor: pointer;
  height: auto;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 58%;
}

 /* 自动脉冲动画 */
        .btn_register.auto-pulse {
            animation: autoPulse 1.1s infinite;
        }

        @keyframes autoPulse {
            0%, 100% {
                transform: scale(1);
                filter: brightness(1);
            }
            50% {
                transform: scale(1.06);
                filter: brightness(1.1);
            }
        }

html {
  font-size: 20vw;
  overflow-y: overlay;
}
body,
html {
  height: 100%;
}
body {
  /* background: #222; */
  font-size: 16px;
  margin: 0;
  /* overflow-x: hidden; */
}
body .common_img,
body .img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
body .common_img {
  width: 100%;
}
.layout {
  height: 100%;
  margin: 0 auto;
  max-width: 850px;
  /* overflow-y: scroll; */
  position: relative;
}