@charset "UTF-8";
[v-cloak] {
  display: none;
}
:root {
    --unitRem: 40
}
body {
  min-height: 100vh;
  background-color: #fde4bf;
}

.img {
  display: block;
  width: 100%;
  height: 100%;
}


.inside {
  width: 100%;
  height: 39.225rem;
  background: url(../images/202409/bg.png?t=20250619) no-repeat;
  background-size: 100% 100%;
}
.inside-share {
  width: 3.2rem;
  height: 1.6rem;
  position: absolute;
  top: 6.075rem;
  right: 0;
}

.inside .content {
  padding-top: 23.05rem;
}

/* .outside {
  height: auto;
  margin-bottom: -1.625rem;
} */

.outside img {
  width: 100%;
}

.outside .wx-tips {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding-top: 5%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}

.outside p {
  color: #fff;
  text-align: center;
  font-size: 1rem;
  margin: -1.5rem 0 0 6rem;
}

.content-coupon {
  display: block;
  /* 412 x 91 */
  width: 10.35rem;
  height: 3.925rem;
  position: absolute;
  right: 0;
  left: 0;
  top: 29.675rem;
  margin: 0 auto;
  z-index: 1;
  animation: buttonjump 1.5s ease-in-out infinite alternate;
  -moz-animation: buttonjump 1.5s ease-in-out infinite alternate;
  /* Firefox: */
  -webkit-animation: buttonjump 1.5s ease-in-out infinite alternate;
  /* Safari 和 Chrome: */
  -o-animation: buttonjump 1.5s ease-in-out infinite alternate;
  /* Opera: */
}

@-webkit-keyframes buttonjump {
  0% {
    transform: scale(1);
  }
  /*开始为原始大小*/
  25% {
    transform: scale(0.85);
  }
  /*放大1.1倍*/
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.85);
  }
}

@-moz-keyframes buttonjump {
  0% {
    transform: scale(1);
  }
  /*开始为原始大小*/
  25% {
    transform: scale(0.85);
  }
  /*放大1.1倍*/
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.85);
  }
}

@-o-keyframes buttonjump {
  0% {
    transform: scale(1);
  }
  /*开始为原始大小*/
  25% {
    transform: scale(0.85);
  }
  /*放大1.1倍*/
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.85);
  }
}

@keyframes buttonjump {
  0% {
    transform: scale(1);
  }
  /*开始为原始大小*/
  25% {
    transform: scale(0.85);
  }
  /*放大1.1倍*/
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.85);
  }
}

.grey {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

.popup {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 999;
}

.popup-normal__content {
    width: 15.1rem;
    min-height: 15.75rem;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: url(../images/202409/img_tanchuang.png) no-repeat 0 0 / 15.1rem 15.75rem;
    box-shadow: inset 0 1px .3px 0 #ffffffbf;
    border-radius: .7rem;
    -webkit-border-radius: .7rem;
    -moz-border-radius: .7rem;
    -ms-border-radius: .7rem;
    -o-border-radius: .7rem;
}
.popup-normal__title{
    padding-top: 1.75rem;
    font-weight: 900;
    font-size: 1.25rem;
    color: #FFFFFF;
    text-align: center;
    color: #002684;
    letter-spacing: -.1rem;
}
.popup-normal__tips {
    padding: .8rem 1.5rem 1.4rem;
  flex: 1;
  font-size: 0.8rem;
  line-height: 1.1rem;
  color: #002645;
  text-align: justify;
  word-break: break-all;
}

.popup-normal__sure {
  width: 10.35rem;
  margin: 0 auto .3rem;
}

.popup-normal__close {
  width: 2rem;
  height: 2rem;
  margin-top: 1rem;
}

.popup-normal__go {
  width: auto;
  display: flex;
  margin-bottom: .75rem;
}

.popup-normal__go img {
  display: block;
  width: 4.025rem;
  height: 1.675rem;
}
.outside-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  left: 0;
  top: 0;
  z-index: 999;
  }
.outside-popup .staticPopup {
  background-image: url(../images/static_bg_mid2.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* 750 x 1333 */
  width:18.75rem;
  height: 33.325rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  scale: 1;
  transition: all 0.5s ease 0s;
  }
.outside-popup .closeStatic {
  width: 1.6rem;
  height: 1.6rem; 
  position: relative;
  left: 85%;
  margin-top: 5.5rem;
  }
.outside-jump {
  width: 14.75rem;
  height: 13.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2.5rem;
  transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%); 
   }

.function-intro {
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: -1.125rem;
}
.rule-page{
    margin-top: -2.15rem
}
.rule-bg{
    width: 17.4rem;
    padding: .075rem .075rem;
    background: linear-gradient(#fff, #fce5c2);
    margin: 0 auto;
    border-radius: .8rem;
    -webkit-border-radius: .8rem;
    -moz-border-radius: .8rem;
    -ms-border-radius: .8rem;
    -o-border-radius: .8rem;
    box-sizing: border-box;
    box-shadow: 0 .5rem .75rem #f1b981;
    position: relative;
}
.rule-icon{
    width: calc(610/var(--unitRem)*1rem);
    position: absolute;
    top: calc(-72/var(--unitRem)*1rem);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.rule-content {
    width: 100%;
    background-image: linear-gradient(180deg, #fff6ed85 0%, #FFF6ED 9%, #FFF6ED 100%);
    box-shadow: inset 0 .1rem .4rem .1rem #ffd9b480, inset 0 -.2rem .2rem .05rem #ffffffcc;
    border-radius: .8rem;
    -webkit-border-radius: .8rem;
    -moz-border-radius: .8rem;
    -ms-border-radius: .8rem;
    -o-border-radius: .8rem;
}

.rule-page__title {
    width: calc(252/var(--unitRem)*1rem);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: -.4rem auto 0;
}

.rule-page__content {
    padding: 3.125rem 1.35rem 1.25rem;
    margin: 0 auto;
    color: #804403;
    font-size: .6rem;
    font-weight: 400;
    line-height: .95rem;
    text-align: justify;
}

.rule-page__content h4 {
    font-weight: 400;
    font-size: .6rem;
    padding-bottom: 0.4rem;
}

.rule-page__content p {
  padding-bottom: 0.4rem;
}

.rule-page__content .p-indent {
  text-indent: 2em;
}

.rule-page__content span {
  color: #ff3742;
  font-style: italic;
  font-weight: 800;
}
.page-list{
    width: 100%;
    height: calc(528/var(--unitRem)*1rem);
    position: absolute;
    top: 5.725rem;
    left: 0;
    padding-left: .75rem;
    box-sizing: border-box;
}
.list-item{
    position: absolute;
}
.list-item img{
    display: block;
    width: 100%;
    height: auto;
}
.list-item0{
    width: 6rem;
    left: 0.425rem;
    top: 0;
}
.list-item1{
    width: 5.6rem;
    top: 0;
    right: 0.65rem;
}
.list-item2{
    width: 4.6rem;
    top: 6.15rem;
    left: 0.05rem;
}
.list-item3{
    width: 4.725rem;
    bottom: 0;
    right: 0.1rem;
}
/* .list-item4{
    width: 4.75rem;
    right: 0.1rem;
    bottom: 0.15rem;
} */

.page-list__hand{
    width: 2rem;
    height: 2.25rem;
    position: absolute;
    top: 4.3rem;
    right: 1.45rem;
}

/* .grey {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
} */

.no-move {
  animation: none !important;
  -moz-animation: none !important;
  /* Firefox: */
  -webkit-animation: none !important;
  /* Safari 和 Chrome: */
  -o-animation: none !important;
  /* Opera: */
}