a[data-v-6a0e6f5c],
body[data-v-6a0e6f5c],
dd[data-v-6a0e6f5c],
div[data-v-6a0e6f5c],
dl[data-v-6a0e6f5c],
dt[data-v-6a0e6f5c],
em[data-v-6a0e6f5c],
h1[data-v-6a0e6f5c],
h2[data-v-6a0e6f5c],
h3[data-v-6a0e6f5c],
h4[data-v-6a0e6f5c],
h5[data-v-6a0e6f5c],
html[data-v-6a0e6f5c],
i[data-v-6a0e6f5c],
img[data-v-6a0e6f5c],
input[data-v-6a0e6f5c],
li[data-v-6a0e6f5c],
p[data-v-6a0e6f5c],
span[data-v-6a0e6f5c],
ul[data-v-6a0e6f5c] {
  margin: 0;
  padding: 0;
}
a[data-v-6a0e6f5c],
img[data-v-6a0e6f5c],
input[data-v-6a0e6f5c] {
  border: none;
}
body[data-v-6a0e6f5c] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-6a0e6f5c] {
  text-decoration: none;
}
li[data-v-6a0e6f5c],
ul[data-v-6a0e6f5c] {
  list-style: none;
}
a[data-v-6a0e6f5c],
img[data-v-6a0e6f5c] {
  -webkit-touch-callout: none;
}
body[data-v-6a0e6f5c],
html[data-v-6a0e6f5c] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-6a0e6f5c] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-6a0e6f5c] :focus {
  outline: 0;
}
.app a[data-v-6a0e6f5c],
.app a[data-v-6a0e6f5c]:active,
.app a[data-v-6a0e6f5c]:hover,
.app a[data-v-6a0e6f5c]:link,
.app a[data-v-6a0e6f5c]:visited {
  text-decoration: none;
}
.app table[data-v-6a0e6f5c] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-6a0e6f5c],
.app th[data-v-6a0e6f5c] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-6a0e6f5c],
.app img[data-v-6a0e6f5c] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-6a0e6f5c],
.app ul[data-v-6a0e6f5c] {
  list-style: none;
}
.app button[data-v-6a0e6f5c],
.app input[data-v-6a0e6f5c],
.app select[data-v-6a0e6f5c],
.app textarea[data-v-6a0e6f5c] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-6a0e6f5c] {
  margin: inherit;
}
.app hr[data-v-6a0e6f5c] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-6a0e6f5c] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-6a0e6f5c] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-6a0e6f5c] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-6a0e6f5c] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-6a0e6f5c] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-6a0e6f5c] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-6a0e6f5c] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-6a0e6f5c] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-6a0e6f5c] {
  -webkit-animation: buttonAnim-6a0e6f5c 1s infinite alternate;
  animation: buttonAnim-6a0e6f5c 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-6a0e6f5c {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-6a0e6f5c {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.fragments_wrapper .fragments2[data-v-6a0e6f5c] {
  width: 0.30667rem;
  height: 0.36667rem;
  background-image: url(../images/fragments2.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  right: 0.52rem;
  top: 0.79333rem;
}
.fragments_wrapper .fragments1[data-v-6a0e6f5c] {
  width: 0.32667rem;
  height: 0.34667rem;
  background-image: url(../images/fragments1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  right: 0.55333rem;
  top: 1.25333rem;
}
.fragments_wrapper .fragments0[data-v-6a0e6f5c] {
  width: 0.38rem;
  height: 0.28667rem;
  background-image: url(../images/fragments0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  right: 0.50667rem;
  top: 1.69333rem;
}
.fragments_wrapper .fragments2.light[data-v-6a0e6f5c] {
  background-image: url(../images/fragments2Light.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.fragments_wrapper .fragments1.light[data-v-6a0e6f5c] {
  background-image: url(../images/fragments1Light.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.fragments_wrapper .fragments0.light[data-v-6a0e6f5c] {
  background-image: url(../images/fragments0Light.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
a[data-v-5afea9f3],
body[data-v-5afea9f3],
dd[data-v-5afea9f3],
div[data-v-5afea9f3],
dl[data-v-5afea9f3],
dt[data-v-5afea9f3],
em[data-v-5afea9f3],
h1[data-v-5afea9f3],
h2[data-v-5afea9f3],
h3[data-v-5afea9f3],
h4[data-v-5afea9f3],
h5[data-v-5afea9f3],
html[data-v-5afea9f3],
i[data-v-5afea9f3],
img[data-v-5afea9f3],
input[data-v-5afea9f3],
li[data-v-5afea9f3],
p[data-v-5afea9f3],
span[data-v-5afea9f3],
ul[data-v-5afea9f3] {
  margin: 0;
  padding: 0;
}
a[data-v-5afea9f3],
img[data-v-5afea9f3],
input[data-v-5afea9f3] {
  border: none;
}
body[data-v-5afea9f3] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-5afea9f3] {
  text-decoration: none;
}
li[data-v-5afea9f3],
ul[data-v-5afea9f3] {
  list-style: none;
}
a[data-v-5afea9f3],
img[data-v-5afea9f3] {
  -webkit-touch-callout: none;
}
body[data-v-5afea9f3],
html[data-v-5afea9f3] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-5afea9f3] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-5afea9f3] :focus {
  outline: 0;
}
.app a[data-v-5afea9f3],
.app a[data-v-5afea9f3]:active,
.app a[data-v-5afea9f3]:hover,
.app a[data-v-5afea9f3]:link,
.app a[data-v-5afea9f3]:visited {
  text-decoration: none;
}
.app table[data-v-5afea9f3] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-5afea9f3],
.app th[data-v-5afea9f3] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-5afea9f3],
.app img[data-v-5afea9f3] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-5afea9f3],
.app ul[data-v-5afea9f3] {
  list-style: none;
}
.app button[data-v-5afea9f3],
.app input[data-v-5afea9f3],
.app select[data-v-5afea9f3],
.app textarea[data-v-5afea9f3] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-5afea9f3] {
  margin: inherit;
}
.app hr[data-v-5afea9f3] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-5afea9f3] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-5afea9f3] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-5afea9f3] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-5afea9f3] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-5afea9f3] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-5afea9f3] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-5afea9f3] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-5afea9f3] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-5afea9f3] {
  -webkit-animation: buttonAnim-5afea9f3 1s infinite alternate;
  animation: buttonAnim-5afea9f3 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-5afea9f3 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-5afea9f3 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.getFragments[data-v-5afea9f3] {
  pointer-events: auto;
}
.getFragments .background[data-v-5afea9f3] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.78);
}
.getFragments .fragments_wrapper .light_wrapper[data-v-5afea9f3],
.getFragments .fragments_wrapper[data-v-5afea9f3] {
  position: absolute;
  left: 50%;
  top: 50%;
}
.getFragments .fragments_wrapper .light_wrapper .light[data-v-5afea9f3] {
  width: 4.96667rem;
  height: 4.96667rem;
  background-image: url(../images/getFragments/light.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: calc(50% - 1.80667rem);
  opacity: 1;
}
.getFragments .fragments_wrapper .light_wrapper .light0[data-v-5afea9f3] {
  top: calc(50% - 2.48333rem);
  left: calc(50% - 2.56667rem);
}
.getFragments .fragments_wrapper .light_wrapper .light1[data-v-5afea9f3] {
  top: calc(50% - 2.48333rem);
  left: calc(50% - 2.26667rem);
}
.getFragments .fragments_wrapper .light_wrapper .light2[data-v-5afea9f3] {
  top: calc(50% - 2.68333rem);
  left: calc(50% - 2.5rem);
}
.getFragments .fragments_wrapper .fragments[data-v-5afea9f3] {
  position: absolute;
}
.getFragments
  .fragments_wrapper
  .fragments
  .button-icon_wrapper[data-v-5afea9f3] {
  opacity: 0;
  position: absolute;
}
.getFragments
  .fragments_wrapper
  .fragments
  .button-icon_wrapper
  .button-icon[data-v-5afea9f3] {
  width: 0.26rem;
  height: 0.26667rem;
  background-image: url(../images/buttonIcon.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.getFragments .fragments_wrapper .fragments .icon0[data-v-5afea9f3] {
  top: 1.03333rem;
  left: 0.74rem;
}
.getFragments .fragments_wrapper .fragments .icon1[data-v-5afea9f3] {
  top: 1.016rem;
  left: 1.0532rem;
}
.getFragments .fragments_wrapper .fragments .icon2[data-v-5afea9f3] {
  top: 1.056rem;
  left: 1.02387rem;
}
.getFragments .fragments_wrapper .fragments0[data-v-5afea9f3] {
  width: 1.28667rem;
  height: 1.51333rem;
  background-image: url(../images/getFragments/fragments0LightBig.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  right: calc(50% - 0.66rem);
  top: calc(50% - 0.7rem);
}
.getFragments .fragments_wrapper .fragments1[data-v-5afea9f3] {
  width: 1.32rem;
  height: 1.42rem;
  background-image: url(../images/getFragments/fragments1LightBig.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  right: calc(50% - 0.80667rem);
  top: calc(50% - 0.80667rem);
}
.getFragments .fragments_wrapper .fragments2[data-v-5afea9f3] {
  width: 1.81333rem;
  height: 1.36rem;
  background-image: url(../images/getFragments/fragments2LightBig.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  right: calc(50% - 0.92rem);
  top: calc(50% - 0.92667rem);
}
.getFragments .desc_wrapper[data-v-5afea9f3] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  bottom: 0.74667rem;
  transform: translate3d(-50%, 0, 1px);
}
.getFragments .desc_wrapper .content[data-v-5afea9f3] {
  color: #fff;
  font-family: xqjzt;
  font-weight: 700;
  font-size: 0.22rem;
  line-height: 1;
  text-shadow: 2px 2px 8px rgba(11, 11, 11, 0.2);
}
.getFragments .desc_wrapper .left[data-v-5afea9f3],
.getFragments .desc_wrapper .right[data-v-5afea9f3] {
  display: block;
  width: 0.29333rem;
  height: 0.1rem;
  margin-top: 0.03333rem;
}
.getFragments .desc_wrapper .left[data-v-5afea9f3] {
  background-image: url(../images/left.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin-right: 0.06667rem;
}
.getFragments .desc_wrapper .right[data-v-5afea9f3] {
  background-image: url(../images/right.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin-left: 0.06667rem;
}
a[data-v-2c5384fa],
body[data-v-2c5384fa],
dd[data-v-2c5384fa],
div[data-v-2c5384fa],
dl[data-v-2c5384fa],
dt[data-v-2c5384fa],
em[data-v-2c5384fa],
h1[data-v-2c5384fa],
h2[data-v-2c5384fa],
h3[data-v-2c5384fa],
h4[data-v-2c5384fa],
h5[data-v-2c5384fa],
html[data-v-2c5384fa],
i[data-v-2c5384fa],
img[data-v-2c5384fa],
input[data-v-2c5384fa],
li[data-v-2c5384fa],
p[data-v-2c5384fa],
span[data-v-2c5384fa],
ul[data-v-2c5384fa] {
  margin: 0;
  padding: 0;
}
a[data-v-2c5384fa],
img[data-v-2c5384fa],
input[data-v-2c5384fa] {
  border: none;
}
body[data-v-2c5384fa] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-2c5384fa] {
  text-decoration: none;
}
li[data-v-2c5384fa],
ul[data-v-2c5384fa] {
  list-style: none;
}
a[data-v-2c5384fa],
img[data-v-2c5384fa] {
  -webkit-touch-callout: none;
}
body[data-v-2c5384fa],
html[data-v-2c5384fa] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-2c5384fa] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-2c5384fa] :focus {
  outline: 0;
}
.app a[data-v-2c5384fa],
.app a[data-v-2c5384fa]:active,
.app a[data-v-2c5384fa]:hover,
.app a[data-v-2c5384fa]:link,
.app a[data-v-2c5384fa]:visited {
  text-decoration: none;
}
.app table[data-v-2c5384fa] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-2c5384fa],
.app th[data-v-2c5384fa] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-2c5384fa],
.app img[data-v-2c5384fa] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-2c5384fa],
.app ul[data-v-2c5384fa] {
  list-style: none;
}
.app button[data-v-2c5384fa],
.app input[data-v-2c5384fa],
.app select[data-v-2c5384fa],
.app textarea[data-v-2c5384fa] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-2c5384fa] {
  margin: inherit;
}
.app hr[data-v-2c5384fa] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-2c5384fa] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-2c5384fa] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-2c5384fa] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-2c5384fa] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-2c5384fa] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-2c5384fa] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-2c5384fa] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-2c5384fa] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-2c5384fa] {
  -webkit-animation: buttonAnim-2c5384fa 1s infinite alternate;
  animation: buttonAnim-2c5384fa 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-2c5384fa {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-2c5384fa {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.introduce_wrapper[data-v-2c5384fa] {
  pointer-events: all;
}
.introduce_wrapper[data-v-2c5384fa].fullscreen[data-v-4e8e04e6] {
  z-index: 10;
}
.introduce_wrapper .background[data-v-2c5384fa] {
  background-color: rgba(0, 0, 0, 0.76);
}
.introduce_wrapper .window_wrapper[data-v-2c5384fa] {
  width: 6.34667rem;
  height: 3.21333rem;
  background-image: url(../images/bumperHarvestPopUps/background.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: calc(50% - 3.17333rem);
  top: calc(50% - 1.60667rem);
  transform: translateZ(1px);
}
.introduce_wrapper .window_wrapper .close_bt[data-v-2c5384fa] {
  width: 0.26rem;
  height: 0.26rem;
  background-image: url(../images/bumperHarvestPopUps/close.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-color: transparent;
  position: absolute;
  top: 0.12rem;
  right: 0.38667rem;
}
.introduce_wrapper .window_wrapper .cloud_left[data-v-2c5384fa] {
  width: 0.92rem;
  height: 0.59333rem;
  background-image: url(../images/bumperHarvestPopUps/leftCloud.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: -0.28667rem;
  top: 1.8rem;
}
.introduce_wrapper .window_wrapper .cloud_right[data-v-2c5384fa] {
  width: 0.86667rem;
  height: 0.58667rem;
  background-image: url(../images/bumperHarvestPopUps/rightCloud.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  right: -0.22667rem;
  top: 0.84rem;
}
.introduce_wrapper .window_wrapper .bird_top[data-v-2c5384fa] {
  width: 1.28667rem;
  height: 0.83333rem;
  background-image: url(../images/bumperHarvestPopUps/topBird.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.7rem;
  top: -0.25333rem;
}
.introduce_wrapper .window_wrapper .bird_bottom[data-v-2c5384fa] {
  width: 0.79333rem;
  height: 1.13333rem;
  background-image: url(../images/bumperHarvestPopUps/bottomBird.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  right: 0.08667rem;
  bottom: 0.28rem;
}
.introduce_wrapper .window_wrapper .text_wrapper[data-v-2c5384fa] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 2.24667rem;
  top: 50%;
  transform: translateY(-50%);
}
.introduce_wrapper
  .window_wrapper
  .text_wrapper
  .title_wrapper[data-v-2c5384fa] {
  display: flex;
}
.introduce_wrapper .window_wrapper .text_wrapper .title[data-v-2c5384fa] {
  width: 0.3rem;
  height: auto;
  color: #fff;
  font-size: 0.13867rem;
  font-family: hwmct;
  font-size: 0.24553rem;
  color: #40634b;
  writing-mode: horizontal-tb;
  line-height: 1;
}
.introduce_wrapper .window_wrapper .text_wrapper .border[data-v-2c5384fa] {
  width: 0.02667rem;
  height: 1.11333rem;
  background-image: url(../images/bumperHarvestPopUps/border.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin: 0 0.1rem;
}
.introduce_wrapper
  .window_wrapper
  .text_wrapper
  .content_wrapper.scrollbar[data-v-2c5384fa] {
  display: block;
  width: 2.86rem;
  overflow: hidden;
  padding-right: 0.13333rem;
}
.introduce_wrapper
  .window_wrapper
  .text_wrapper
  .content_wrapper
  .progress_wrapper[data-v-2c5384fa] {
  width: 0.02rem;
  height: 1.11333rem;
  background-color: rgba(64, 99, 75, 0.16);
  border-radius: 0.06667rem;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: calc(50% - 0.55667rem);
}
.introduce_wrapper
  .window_wrapper
  .text_wrapper
  .content_wrapper
  .progress_wrapper
  .progress[data-v-2c5384fa] {
  width: 100%;
  height: 25%;
  background-color: rgba(64, 99, 75, 0.43);
  border-radius: 0.02rem;
}
.introduce_wrapper .window_wrapper .text1[data-v-2c5384fa],
.introduce_wrapper .window_wrapper .text4[data-v-2c5384fa],
.introduce_wrapper .window_wrapper .text5[data-v-2c5384fa] {
  left: 2.75333rem;
}
.introduce_wrapper .window_wrapper .text1 .content_wrapper[data-v-2c5384fa],
.introduce_wrapper .window_wrapper .text4 .content_wrapper[data-v-2c5384fa],
.introduce_wrapper .window_wrapper .text5 .content_wrapper[data-v-2c5384fa] {
  width: 2.19333rem;
}
.introduce_wrapper
  .window_wrapper
  .text1
  .content_wrapper.scrollbar[data-v-2c5384fa],
.introduce_wrapper
  .window_wrapper
  .text4
  .content_wrapper.scrollbar[data-v-2c5384fa],
.introduce_wrapper
  .window_wrapper
  .text5
  .content_wrapper.scrollbar[data-v-2c5384fa] {
  display: block;
  width: 2.32667rem;
}
.introduce_wrapper .window_wrapper .prop[data-v-2c5384fa] {
  width: 1.47333rem;
  height: 1.49333rem;
  left: 0.74667rem;
  top: 0.79333rem;
}
.introduce_wrapper .window_wrapper .prop0[data-v-2c5384fa],
.introduce_wrapper .window_wrapper .prop[data-v-2c5384fa] {
  background-image: url(../images/bumperHarvestPopUps/props0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
}
.introduce_wrapper .window_wrapper .prop0[data-v-2c5384fa] {
  width: 1.14667rem;
  height: 2.04rem;
  left: 0.88rem;
  top: 0.54rem;
}
.introduce_wrapper .window_wrapper .prop1[data-v-2c5384fa],
.introduce_wrapper .window_wrapper .prop4[data-v-2c5384fa],
.introduce_wrapper .window_wrapper .prop5[data-v-2c5384fa] {
  width: 2.78rem;
  height: 1.65333rem;
  background-image: url(../images/bumperHarvestPopUps/props4.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.53333rem;
  top: 0.75333rem;
}
.introduce_wrapper .window_wrapper .prop2[data-v-2c5384fa],
.introduce_wrapper .window_wrapper .prop3[data-v-2c5384fa] {
  width: 1.72667rem;
  height: 1.70667rem;
  background-image: url(../images/bumperHarvestPopUps/props2.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.68667rem;
  top: 0.66667rem;
}
.introduce_wrapper .window_wrapper .prop6[data-v-2c5384fa] {
  width: 0.59333rem;
  height: 1.74rem;
  background-image: url(../images/bumperHarvestPopUps/props6.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 1.16667rem;
  top: 0.48667rem;
}
.introduce_wrapper .window_wrapper .prop7[data-v-2c5384fa] {
  width: 1.46rem;
  height: 1.34667rem;
  background-image: url(../images/bumperHarvestPopUps/props7.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.77333rem;
  top: 0.96rem;
}
.introduce_wrapper .button_anim[data-v-2c5384fa] {
  -webkit-animation: filter 0.5s;
  animation: filter 0.5s;
}
.introduce_wrapper .button_anim[data-v-2c5384fa]:active {
  filter: brightness(90%);
}
.introduce_wrapper .content_wrapper[data-v-2c5384fa] {
  width: 2.72667rem;
  height: 1.20667rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: justify;
  box-sizing: border-box;
  position: relative;
  margin-top: -0.04667rem;
}
.introduce_wrapper .content[data-v-2c5384fa] {
  display: inline-block;
  color: #fff;
  font-size: 0.13867rem;
  font-family: hwmct;
  font-size: 0.13887rem;
  color: #40634b;
  line-height: 1.5;
  vertical-align: bottom;
}
.introduce_wrapper .content_is[data-v-2c5384fa] {
  position: absolute;
  top: 13.33333rem;
}
a[data-v-7d368758],
body[data-v-7d368758],
dd[data-v-7d368758],
div[data-v-7d368758],
dl[data-v-7d368758],
dt[data-v-7d368758],
em[data-v-7d368758],
h1[data-v-7d368758],
h2[data-v-7d368758],
h3[data-v-7d368758],
h4[data-v-7d368758],
h5[data-v-7d368758],
html[data-v-7d368758],
i[data-v-7d368758],
img[data-v-7d368758],
input[data-v-7d368758],
li[data-v-7d368758],
p[data-v-7d368758],
span[data-v-7d368758],
ul[data-v-7d368758] {
  margin: 0;
  padding: 0;
}
a[data-v-7d368758],
img[data-v-7d368758],
input[data-v-7d368758] {
  border: none;
}
body[data-v-7d368758] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-7d368758] {
  text-decoration: none;
}
li[data-v-7d368758],
ul[data-v-7d368758] {
  list-style: none;
}
a[data-v-7d368758],
img[data-v-7d368758] {
  -webkit-touch-callout: none;
}
body[data-v-7d368758],
html[data-v-7d368758] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-7d368758] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-7d368758] :focus {
  outline: 0;
}
.app a[data-v-7d368758],
.app a[data-v-7d368758]:active,
.app a[data-v-7d368758]:hover,
.app a[data-v-7d368758]:link,
.app a[data-v-7d368758]:visited {
  text-decoration: none;
}
.app table[data-v-7d368758] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-7d368758],
.app th[data-v-7d368758] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-7d368758],
.app img[data-v-7d368758] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-7d368758],
.app ul[data-v-7d368758] {
  list-style: none;
}
.app button[data-v-7d368758],
.app input[data-v-7d368758],
.app select[data-v-7d368758],
.app textarea[data-v-7d368758] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-7d368758] {
  margin: inherit;
}
.app hr[data-v-7d368758] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-7d368758] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-7d368758] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-7d368758] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-7d368758] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-7d368758] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-7d368758] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-7d368758] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-7d368758] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-7d368758] {
  -webkit-animation: buttonAnim-7d368758 1s infinite alternate;
  animation: buttonAnim-7d368758 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-7d368758 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-7d368758 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.video_wrapper[data-v-7d368758] {
  pointer-events: auto;
  position: relative;
  background-color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.video_wrapper .video[data-v-7d368758] {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}
.video_wrapper .background[data-v-7d368758] {
  background-color: rgba(0, 0, 0, 0.78);
  opacity: 0;
}
.video_wrapper .control_wrapper[data-v-7d368758] {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.video_wrapper .play_bt_wrapper[data-v-7d368758] {
  width: 1.33333rem;
  height: 1.33333rem;
  position: absolute;
  left: calc(50% - 0.66667rem);
  top: calc(50% - 0.66667rem);
  transform: translateZ(1px);
  margin: 0;
  opacity: 0;
}
.video_wrapper .play_bt_wrapper .circle[data-v-7d368758] {
  width: 1.33333rem;
  height: 1.33333rem;
  background-image: url(../images/video/circle.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.video_wrapper .play_bt_wrapper .circle.circle_anim[data-v-7d368758] {
  -webkit-animation: rotateAnim-7d368758 10s linear infinite;
  animation: rotateAnim-7d368758 10s linear infinite;
}
@-webkit-keyframes rotateAnim-7d368758 {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes rotateAnim-7d368758 {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.video_wrapper .play_bt_wrapper .play_bt[data-v-7d368758] {
  width: 1.04667rem;
  height: 1.04667rem;
  background-image: url(../images/video/playButton.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.13333rem;
  top: 0.13333rem;
}
.video_wrapper .progress_wrapper[data-v-7d368758] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0.21333rem;
}
.video_wrapper .progress_wrapper .progress_line[data-v-7d368758] {
  width: 9.21333rem;
  height: 0.26rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.video_wrapper .progress_wrapper .progress_line .line_end[data-v-7d368758],
.video_wrapper .progress_wrapper .progress_line .line_start[data-v-7d368758] {
  width: 100%;
  height: 0.02rem;
  background-image: url(../images/video/progressLine.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.video_wrapper .progress_wrapper .progress_line .line_start[data-v-7d368758] {
  width: 100%;
  background-position: 0;
}
.video_wrapper .progress_wrapper .progress_line .line_end[data-v-7d368758] {
  width: 0;
  margin-left: -0.06667rem;
  background-position: 100%;
}
.video_wrapper .progress_wrapper .progress_line .icon[data-v-7d368758] {
  width: 0.35333rem;
  height: 0.26rem;
  margin-left: -0.02rem;
  background-image: url(../images/video/icon.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  flex-grow: 1;
}
.video_wrapper .progress_wrapper .text[data-v-7d368758] {
  height: 0.26rem;
  color: #fff;
  font-size: 0.13867rem;
  font-family: hwmct;
  font-size: 0.18053rem;
  color: #e4e2a5;
  line-height: 0.26rem;
  margin-top: -0.03333rem;
}
.video_wrapper .progress_wrapper .time_wrapper_end[data-v-7d368758],
.video_wrapper .progress_wrapper .time_wrapper_start[data-v-7d368758] {
  margin-right: 0.16667rem;
  margin-left: 0.16667rem;
}
.video_wrapper .close_wrapper[data-v-7d368758] {
  width: 0.63333rem;
  height: 0.49333rem;
  padding: 0.13333rem;
  position: absolute;
  top: 0.33333rem;
  right: 0.36667rem;
}
.video_wrapper .close_bt[data-v-7d368758] {
  pointer-events: auto;
  width: 0.36667rem;
  height: 0.22667rem;
  background-image: url(../images/video/back.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.video_wrapper .transitions[data-v-7d368758] {
  background-image: url(../images/video/next.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
a[data-v-61982a00],
body[data-v-61982a00],
dd[data-v-61982a00],
div[data-v-61982a00],
dl[data-v-61982a00],
dt[data-v-61982a00],
em[data-v-61982a00],
h1[data-v-61982a00],
h2[data-v-61982a00],
h3[data-v-61982a00],
h4[data-v-61982a00],
h5[data-v-61982a00],
html[data-v-61982a00],
i[data-v-61982a00],
img[data-v-61982a00],
input[data-v-61982a00],
li[data-v-61982a00],
p[data-v-61982a00],
span[data-v-61982a00],
ul[data-v-61982a00] {
  margin: 0;
  padding: 0;
}
a[data-v-61982a00],
img[data-v-61982a00],
input[data-v-61982a00] {
  border: none;
}
body[data-v-61982a00] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-61982a00] {
  text-decoration: none;
}
li[data-v-61982a00],
ul[data-v-61982a00] {
  list-style: none;
}
a[data-v-61982a00],
img[data-v-61982a00] {
  -webkit-touch-callout: none;
}
body[data-v-61982a00],
html[data-v-61982a00] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-61982a00] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-61982a00] :focus {
  outline: 0;
}
.app a[data-v-61982a00],
.app a[data-v-61982a00]:active,
.app a[data-v-61982a00]:hover,
.app a[data-v-61982a00]:link,
.app a[data-v-61982a00]:visited {
  text-decoration: none;
}
.app table[data-v-61982a00] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-61982a00],
.app th[data-v-61982a00] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-61982a00],
.app img[data-v-61982a00] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-61982a00],
.app ul[data-v-61982a00] {
  list-style: none;
}
.app button[data-v-61982a00],
.app input[data-v-61982a00],
.app select[data-v-61982a00],
.app textarea[data-v-61982a00] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-61982a00] {
  margin: inherit;
}
.app hr[data-v-61982a00] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-61982a00] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-61982a00] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-61982a00] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-61982a00] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-61982a00] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-61982a00] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-61982a00] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-61982a00] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-61982a00] {
  -webkit-animation: buttonAnim-61982a00 1s infinite alternate;
  animation: buttonAnim-61982a00 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-61982a00 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-61982a00 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.interact_tip0_wrapper[data-v-61982a00] {
  position: absolute;
}
.interact_tip0_wrapper .section[data-v-61982a00] {
  pointer-events: none;
}
.interact_tip0_wrapper .desc[data-v-61982a00] {
  width: 0.16667rem;
  height: 3.23333rem;
  background-image: url(../images/interactTip0/desc.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  right: 0.24667rem;
  top: 0.24667rem;
}
.interact_tip0_wrapper .close_wrapper[data-v-61982a00] {
  pointer-events: all;
  width: 0.71333rem;
  height: 0.59333rem;
  position: absolute;
  top: 0.19333rem;
  right: 0.06rem;
}
.interact_tip0_wrapper .close_wrapper .close_bt[data-v-61982a00] {
  width: 0.71333rem;
  height: 0.59333rem;
  background-image: url(../images/interactTip0/next.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.interact_tip0_wrapper .head[data-v-61982a00] {
  width: 0.52667rem;
  height: 0.97333rem;
  background-image: url(../images/interactTip0/head.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.54667rem;
  top: 0.50667rem;
}
.interact_tip0_wrapper .title[data-v-61982a00] {
  pointer-events: all;
}
.interact_tip0_wrapper .title0[data-v-61982a00] {
  width: 1.02rem;
  height: 1.07333rem;
  background-image: url(../images/interactTip0/title0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.56rem;
  top: 0.62667rem;
}
.interact_tip0_wrapper .content0[data-v-61982a00] {
  width: 0.37333rem;
  height: 0.62rem;
  background-image: url(../images/interactTip0/content0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.53333rem;
  top: 0.22667rem;
}
.interact_tip0_wrapper .title1[data-v-61982a00] {
  background-image: url(../images/interactTip0/title1.png?v1);
  top: 0.62667rem;
}
.interact_tip0_wrapper .title1[data-v-61982a00],
.interact_tip0_wrapper .title2[data-v-61982a00] {
  width: 1.02rem;
  height: 0.91333rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.56rem;
}
.interact_tip0_wrapper .title2[data-v-61982a00] {
  background-image: url(../images/interactTip0/title2.png?v1);
  top: 1.67333rem;
}
.interact_tip0_wrapper .title3[data-v-61982a00] {
  width: 1.02rem;
  height: 1.06667rem;
  background-image: url(../images/interactTip0/title3.png?v1);
  left: 0.56rem;
  top: 0.62667rem;
}
.interact_tip0_wrapper .icon0[data-v-61982a00],
.interact_tip0_wrapper .title3[data-v-61982a00] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
}
.interact_tip0_wrapper .icon0[data-v-61982a00] {
  width: 0.62667rem;
  height: 0.62rem;
  background-image: url(../images/interactTip0/icon0.png?v1);
  left: 0.03333rem;
  top: 0.2rem;
}
.interact_tip0_wrapper .icon1[data-v-61982a00] {
  width: 0.45333rem;
  height: 0.91333rem;
  background-image: url(../images/interactTip0/icon1.png?v1);
  left: 0.04rem;
  top: 0.02667rem;
}
.interact_tip0_wrapper .icon1[data-v-61982a00],
.interact_tip0_wrapper .icon2[data-v-61982a00] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
}
.interact_tip0_wrapper .icon2[data-v-61982a00] {
  width: 0.24rem;
  height: 0.77333rem;
  background-image: url(../images/interactTip0/icon2.png?v1);
  left: 0.11333rem;
  top: -0.04rem;
}
.interact_tip0_wrapper .icon3[data-v-61982a00] {
  width: 0.54667rem;
  height: 0.54rem;
  background-image: url(../images/interactTip0/icon3.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: -0.00667rem;
  top: 0.26667rem;
}
.interact_tip0_wrapper .button-icon_wrapper[data-v-61982a00] {
  position: absolute;
  top: 1.15333rem;
  right: 1.33333rem;
}
.interact_tip0_wrapper .button-icon_wrapper .button-icon[data-v-61982a00] {
  width: 0.16667rem;
  height: 0.16667rem;
  background-image: url(../images/buttonIcon.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.interact_tip0_wrapper .section[data-v-61982a00] {
  width: 100%;
  height: 100%;
}
.interact_tip0_wrapper .big[data-v-61982a00] {
  width: 10.82667rem;
  height: 5rem;
  position: absolute;
  left: calc(50% - 5.41333rem);
  top: calc(50% - 2.5rem);
}
.interact_tip0_wrapper .tip_container[data-v-61982a00] {
  position: absolute;
}
.interact_tip0_wrapper .tip_container .shadow[data-v-61982a00] {
  width: 3.44667rem;
  height: 0.86rem;
  background-image: url(../images/interactTip0/shadow.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: calc(50% - 1.91333rem);
  top: 0.13333rem;
}
.interact_tip0_wrapper .tip_container.tip_container0[data-v-61982a00] {
  left: 50%;
  bottom: 0.55333rem;
}
.interact_tip0_wrapper .tip_container.tip_container1[data-v-61982a00] {
  left: 20%;
  bottom: 0.62rem;
}
.interact_tip0_wrapper .tip_container.tip_container_tablet0[data-v-61982a00] {
  left: 45%;
  bottom: 0.55333rem;
}
.interact_tip0_wrapper .tip_container.tip_container_tablet1[data-v-61982a00] {
  left: 30%;
  bottom: 0.62rem;
}
.interact_tip0_wrapper .tip_container .tip_text[data-v-61982a00] {
  color: #fff;
  font-size: 0.22rem;
  font-family: xqjzt;
  font-size: 0.19447rem;
  font-weight: 700;
  width: 1.2rem;
  text-align: center;
  text-shadow: 2px 2px 8px rgba(11, 11, 11, 0.5);
  white-space: nowrap;
}
.interact_tip0_wrapper .tip_container .hand_wrapper[data-v-61982a00] {
  width: 0.73333rem;
  height: 0.41333rem;
  background-image: url(../images/interactTip0/hand.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  bottom: 0.2rem;
  right: -3.26667rem;
}
.interact_tip0_wrapper .tip_container .circle_wrapper[data-v-61982a00] {
  width: 0.66rem;
  height: 0.66rem;
  margin: 0 auto 0;
}
.fade1-enter-active[data-v-61982a00],
.fade1-leave-active[data-v-61982a00] {
  transition: opacity 1s;
}
.fade1-enter[data-v-61982a00],
.fade1-leave-to[data-v-61982a00] {
  opacity: 0;
}
@-webkit-keyframes float-in-61982a00 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(10);
  }
  75% {
    transform: translateY(-10);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes float-in-61982a00 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(10);
  }
  75% {
    transform: translateY(-10);
  }
  to {
    transform: translateY(0);
  }
}
a[data-v-93c6cd98],
body[data-v-93c6cd98],
dd[data-v-93c6cd98],
div[data-v-93c6cd98],
dl[data-v-93c6cd98],
dt[data-v-93c6cd98],
em[data-v-93c6cd98],
h1[data-v-93c6cd98],
h2[data-v-93c6cd98],
h3[data-v-93c6cd98],
h4[data-v-93c6cd98],
h5[data-v-93c6cd98],
html[data-v-93c6cd98],
i[data-v-93c6cd98],
img[data-v-93c6cd98],
input[data-v-93c6cd98],
li[data-v-93c6cd98],
p[data-v-93c6cd98],
span[data-v-93c6cd98],
ul[data-v-93c6cd98] {
  margin: 0;
  padding: 0;
}
a[data-v-93c6cd98],
img[data-v-93c6cd98],
input[data-v-93c6cd98] {
  border: none;
}
body[data-v-93c6cd98] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-93c6cd98] {
  text-decoration: none;
}
li[data-v-93c6cd98],
ul[data-v-93c6cd98] {
  list-style: none;
}
a[data-v-93c6cd98],
img[data-v-93c6cd98] {
  -webkit-touch-callout: none;
}
body[data-v-93c6cd98],
html[data-v-93c6cd98] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-93c6cd98] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-93c6cd98] :focus {
  outline: 0;
}
.app a[data-v-93c6cd98],
.app a[data-v-93c6cd98]:active,
.app a[data-v-93c6cd98]:hover,
.app a[data-v-93c6cd98]:link,
.app a[data-v-93c6cd98]:visited {
  text-decoration: none;
}
.app table[data-v-93c6cd98] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-93c6cd98],
.app th[data-v-93c6cd98] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-93c6cd98],
.app img[data-v-93c6cd98] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-93c6cd98],
.app ul[data-v-93c6cd98] {
  list-style: none;
}
.app button[data-v-93c6cd98],
.app input[data-v-93c6cd98],
.app select[data-v-93c6cd98],
.app textarea[data-v-93c6cd98] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-93c6cd98] {
  margin: inherit;
}
.app hr[data-v-93c6cd98] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-93c6cd98] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-93c6cd98] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-93c6cd98] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-93c6cd98] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-93c6cd98] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-93c6cd98] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-93c6cd98] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-93c6cd98] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-93c6cd98] {
  -webkit-animation: buttonAnim-93c6cd98 1s infinite alternate;
  animation: buttonAnim-93c6cd98 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-93c6cd98 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-93c6cd98 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.getFragments[data-v-93c6cd98] {
  pointer-events: auto;
}
.getFragments .background[data-v-93c6cd98] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.78);
}
.getFragments .lights_wrapper[data-v-93c6cd98] {
  position: absolute;
  left: 50%;
  top: 50%;
}
.getFragments .lights_wrapper .light[data-v-93c6cd98] {
  position: absolute;
}
.getFragments .lights_wrapper .light0[data-v-93c6cd98] {
  background-image: url(../images/getFragments/light0.png?v1);
  left: -3.02667rem;
  top: -2.03333rem;
  opacity: 0.57;
}
.getFragments .lights_wrapper .light0[data-v-93c6cd98],
.getFragments .lights_wrapper .light1[data-v-93c6cd98] {
  width: 6.09333rem;
  height: 4.07333rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.getFragments .lights_wrapper .light1[data-v-93c6cd98] {
  background-image: url(../images/getFragments/light1.png?v1);
  left: -3.11333rem;
  top: -2.21653rem;
  transform: rotate(-137deg);
}
.getFragments .fragments[data-v-93c6cd98] {
  position: absolute;
}
.getFragments .fragments0[data-v-93c6cd98] {
  width: 1.28667rem;
  height: 1.51333rem;
  background-image: url(../images/getFragments/fragments0LightBig.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  right: calc(50% - 0.66rem);
  top: calc(50% - 0.7rem);
}
.getFragments .fragments1[data-v-93c6cd98] {
  width: 1.69333rem;
  height: 1.84rem;
  background-image: url(../images/getFragments/fragments1LightBig.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  right: calc(50% - 0.84667rem);
  top: calc(50% - 0.92rem);
}
.getFragments .fragments2[data-v-93c6cd98] {
  width: 1.74rem;
  height: 1.92667rem;
  background-image: url(../images/getFragments/fragments2LightBig.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  right: calc(50% - 0.92rem);
  top: calc(50% - 0.92667rem);
}
a[data-v-85f26740],
body[data-v-85f26740],
dd[data-v-85f26740],
div[data-v-85f26740],
dl[data-v-85f26740],
dt[data-v-85f26740],
em[data-v-85f26740],
h1[data-v-85f26740],
h2[data-v-85f26740],
h3[data-v-85f26740],
h4[data-v-85f26740],
h5[data-v-85f26740],
html[data-v-85f26740],
i[data-v-85f26740],
img[data-v-85f26740],
input[data-v-85f26740],
li[data-v-85f26740],
p[data-v-85f26740],
span[data-v-85f26740],
ul[data-v-85f26740] {
  margin: 0;
  padding: 0;
}
a[data-v-85f26740],
img[data-v-85f26740],
input[data-v-85f26740] {
  border: none;
}
body[data-v-85f26740] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-85f26740] {
  text-decoration: none;
}
li[data-v-85f26740],
ul[data-v-85f26740] {
  list-style: none;
}
a[data-v-85f26740],
img[data-v-85f26740] {
  -webkit-touch-callout: none;
}
body[data-v-85f26740],
html[data-v-85f26740] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-85f26740] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-85f26740] :focus {
  outline: 0;
}
.app a[data-v-85f26740],
.app a[data-v-85f26740]:active,
.app a[data-v-85f26740]:hover,
.app a[data-v-85f26740]:link,
.app a[data-v-85f26740]:visited {
  text-decoration: none;
}
.app table[data-v-85f26740] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-85f26740],
.app th[data-v-85f26740] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-85f26740],
.app img[data-v-85f26740] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-85f26740],
.app ul[data-v-85f26740] {
  list-style: none;
}
.app button[data-v-85f26740],
.app input[data-v-85f26740],
.app select[data-v-85f26740],
.app textarea[data-v-85f26740] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-85f26740] {
  margin: inherit;
}
.app hr[data-v-85f26740] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-85f26740] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-85f26740] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-85f26740] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-85f26740] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-85f26740] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-85f26740] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-85f26740] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-85f26740] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-85f26740] {
  -webkit-animation: buttonAnim-85f26740 1s infinite alternate;
  animation: buttonAnim-85f26740 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-85f26740 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-85f26740 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.interact_tip_wrapper[data-v-85f26740] {
  position: absolute;
}
.interact_tip_wrapper .desc[data-v-85f26740] {
  width: 0.16667rem;
  height: 3.23333rem;
  background-image: url(../images/interactTip1/desc.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  right: 0.24667rem;
  top: 0.24667rem;
}
.interact_tip_wrapper .close_wrapper[data-v-85f26740] {
  pointer-events: all;
  width: 0.71333rem;
  height: 0.59333rem;
  position: absolute;
  top: 0.19333rem;
  right: 0.06rem;
}
.interact_tip_wrapper .close_wrapper .close_bt[data-v-85f26740] {
  width: 0.71333rem;
  height: 0.59333rem;
  background-image: url(../images/interactTip1/next.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.interact_tip_wrapper .head[data-v-85f26740] {
  width: 0.52667rem;
  height: 0.97333rem;
  background-image: url(../images/interactTip1/head.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.54667rem;
  top: 0.50667rem;
}
.interact_tip_wrapper .title[data-v-85f26740] {
  pointer-events: all;
}
.interact_tip_wrapper .title0[data-v-85f26740] {
  background-image: url(../images/interactTip1/title0.png?v1);
  top: 0.58667rem;
}
.interact_tip_wrapper .title0[data-v-85f26740],
.interact_tip_wrapper .title1[data-v-85f26740] {
  width: 1.02rem;
  height: 0.91333rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.56rem;
}
.interact_tip_wrapper .title1[data-v-85f26740] {
  background-image: url(../images/interactTip1/title1.png?v1);
  top: 1.63333rem;
}
.interact_tip_wrapper .icon0[data-v-85f26740] {
  width: 0.54667rem;
  height: 0.55333rem;
  background-image: url(../images/interactTip1/icon0.png?v1);
  left: 0.04rem;
  top: 0.16667rem;
}
.interact_tip_wrapper .icon0[data-v-85f26740],
.interact_tip_wrapper .icon1[data-v-85f26740] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
}
.interact_tip_wrapper .icon1[data-v-85f26740] {
  width: 0.78667rem;
  height: 0.44667rem;
  background-image: url(../images/interactTip1/icon1.png?v1);
  left: -0.01333rem;
  top: 0.22rem;
}
.interact_tip_wrapper .content0[data-v-85f26740] {
  width: 0.40667rem;
  height: 0.70667rem;
  background-image: url(../images/interactTip1/content0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.48rem;
  top: 0.1rem;
}
.interact_tip_wrapper .content1[data-v-85f26740] {
  width: 0.33333rem;
  height: 0.5rem;
  background-image: url(../images/interactTip1/content1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.55333rem;
  top: 0.20667rem;
}
.interact_tip_wrapper .button-icon_wrapper[data-v-85f26740] {
  position: absolute;
  padding: 0.13333rem;
  top: 0.86667rem;
  right: 1.21333rem;
}
.interact_tip_wrapper .section[data-v-85f26740] {
  width: 100%;
  height: 100%;
}
.interact_tip_wrapper .tip_containner[data-v-85f26740] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 1px);
}
.interact_tip_wrapper .tip_containner .icon[data-v-85f26740] {
  width: 0.76667rem;
  height: 0.54667rem;
  margin: 0 50%;
  position: relative;
  transform: translateX(-0.48333rem);
}
.interact_tip_wrapper .tip_containner .icon .cloud[data-v-85f26740] {
  width: 0.76667rem;
  height: 0.30667rem;
  background-image: url(../images/interactTip1/cloud.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 0.03333rem;
}
.interact_tip_wrapper .tip_containner .icon .rain[data-v-85f26740] {
  width: 0.32667rem;
  height: 0.20667rem;
  background-image: url(../images/interactTip1/rain.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin-left: 0.33333rem;
}
.interact_tip_wrapper .tip_containner .icon .hand[data-v-85f26740] {
  width: 0.74667rem;
  height: 0.44rem;
  background-image: url(../images/interactTip1/hand.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0.04rem;
  left: 0.61333rem;
}
.interact_tip_wrapper .tip_containner .tip_text[data-v-85f26740] {
  color: #fff;
  font-size: 0.22rem;
  font-family: xqjzt;
  font-weight: 700;
  font-size: 0.2rem;
  text-shadow: 2px 2px 8px rgba(11, 11, 11, 0.5);
}
a[data-v-fefef5c8],
body[data-v-fefef5c8],
dd[data-v-fefef5c8],
div[data-v-fefef5c8],
dl[data-v-fefef5c8],
dt[data-v-fefef5c8],
em[data-v-fefef5c8],
h1[data-v-fefef5c8],
h2[data-v-fefef5c8],
h3[data-v-fefef5c8],
h4[data-v-fefef5c8],
h5[data-v-fefef5c8],
html[data-v-fefef5c8],
i[data-v-fefef5c8],
img[data-v-fefef5c8],
input[data-v-fefef5c8],
li[data-v-fefef5c8],
p[data-v-fefef5c8],
span[data-v-fefef5c8],
ul[data-v-fefef5c8] {
  margin: 0;
  padding: 0;
}
a[data-v-fefef5c8],
img[data-v-fefef5c8],
input[data-v-fefef5c8] {
  border: none;
}
body[data-v-fefef5c8] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-fefef5c8] {
  text-decoration: none;
}
li[data-v-fefef5c8],
ul[data-v-fefef5c8] {
  list-style: none;
}
a[data-v-fefef5c8],
img[data-v-fefef5c8] {
  -webkit-touch-callout: none;
}
body[data-v-fefef5c8],
html[data-v-fefef5c8] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-fefef5c8] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-fefef5c8] :focus {
  outline: 0;
}
.app a[data-v-fefef5c8],
.app a[data-v-fefef5c8]:active,
.app a[data-v-fefef5c8]:hover,
.app a[data-v-fefef5c8]:link,
.app a[data-v-fefef5c8]:visited {
  text-decoration: none;
}
.app table[data-v-fefef5c8] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-fefef5c8],
.app th[data-v-fefef5c8] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-fefef5c8],
.app img[data-v-fefef5c8] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-fefef5c8],
.app ul[data-v-fefef5c8] {
  list-style: none;
}
.app button[data-v-fefef5c8],
.app input[data-v-fefef5c8],
.app select[data-v-fefef5c8],
.app textarea[data-v-fefef5c8] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-fefef5c8] {
  margin: inherit;
}
.app hr[data-v-fefef5c8] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-fefef5c8] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-fefef5c8] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-fefef5c8] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-fefef5c8] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-fefef5c8] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-fefef5c8] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-fefef5c8] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-fefef5c8] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-fefef5c8] {
  -webkit-animation: buttonAnim-fefef5c8 1s infinite alternate;
  animation: buttonAnim-fefef5c8 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-fefef5c8 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-fefef5c8 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.interact_tip2_wrapper[data-v-fefef5c8] {
  position: absolute;
}
.interact_tip2_wrapper .desc[data-v-fefef5c8] {
  width: 0.16667rem;
  height: 3.23333rem;
  background-image: url(../images/interactTip2/desc.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  right: 0.24667rem;
  top: 0.24667rem;
}
.interact_tip2_wrapper .close_wrapper[data-v-fefef5c8] {
  pointer-events: all;
  width: 0.6rem;
  height: 0.47333rem;
  position: absolute;
  padding: 0.13333rem;
  top: 0.21333rem;
  right: 0.14rem;
}
.interact_tip2_wrapper .close_wrapper .close_bt[data-v-fefef5c8] {
  width: 0.33333rem;
  height: 0.20667rem;
  background-image: url(../images/interactTip2/next.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.interact_tip2_wrapper .head[data-v-fefef5c8] {
  width: 0.52667rem;
  height: 0.97333rem;
  background-image: url(../images/interactTip2/head.png?v1);
  left: 0.54667rem;
  top: 0.50667rem;
}
.interact_tip2_wrapper .head[data-v-fefef5c8],
.interact_tip2_wrapper .title[data-v-fefef5c8] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
}
.interact_tip2_wrapper .title[data-v-fefef5c8] {
  pointer-events: all;
  width: 1.02rem;
  height: 0.91333rem;
  background-image: url(../images/interactTip2/title.png?v1);
}
.interact_tip2_wrapper .title0[data-v-fefef5c8],
.interact_tip2_wrapper .title1[data-v-fefef5c8] {
  left: 0.49333rem;
  top: 0.58667rem;
}
.interact_tip2_wrapper .icon0[data-v-fefef5c8],
.interact_tip2_wrapper .icon1[data-v-fefef5c8] {
  width: 0.68rem;
  height: 0.38667rem;
  background-image: url(../images/interactTip2/icon.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  top: 0.24667rem;
}
.interact_tip2_wrapper .content0[data-v-fefef5c8] {
  width: 0.43333rem;
  height: 0.49333rem;
  background-image: url(../images/interactTip2/content0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.5rem;
  top: 0.22667rem;
}
.interact_tip2_wrapper .content1[data-v-fefef5c8] {
  width: 0.42667rem;
  height: 0.62rem;
  background-image: url(../images/interactTip2/content1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.51333rem;
  top: 0.14667rem;
}
.interact_tip2_wrapper .button-icon_wrapper[data-v-fefef5c8] {
  position: absolute;
  padding: 0.13333rem;
  top: 0.86667rem;
  right: 1.21333rem;
}
.interact_tip2_wrapper .section[data-v-fefef5c8] {
  width: 100%;
  height: 100%;
}
.interact_tip2_wrapper .tip_containner[data-v-fefef5c8] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 1px);
}
.interact_tip2_wrapper .tip_containner .shadow[data-v-fefef5c8] {
  width: 3.18667rem;
  height: 1.35333rem;
  background-image: url(../images/interactTip2/shadow.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: calc(50% - 1.59333rem);
  top: calc(50% - 0.74333rem);
}
.interact_tip2_wrapper .tip_containner .icon .progress[data-v-fefef5c8] {
  width: 1.76667rem;
  height: 0.11333rem;
  background-image: url(../images/interactTip2/progress.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.interact_tip2_wrapper .tip_containner .icon .hand[data-v-fefef5c8] {
  width: 0.14667rem;
  height: 0.32667rem;
  background-image: url(../images/interactTip2/hand.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  left: 45%;
  top: 0;
}
.interact_tip2_wrapper .tip_containner .tip_text[data-v-fefef5c8] {
  color: #fff;
  font-size: 0.22rem;
  font-family: xqjzt;
  font-weight: 700;
  color: #b16d1a;
  font-size: 0.2rem;
  text-align: center;
}
a[data-v-0329e79a],
body[data-v-0329e79a],
dd[data-v-0329e79a],
div[data-v-0329e79a],
dl[data-v-0329e79a],
dt[data-v-0329e79a],
em[data-v-0329e79a],
h1[data-v-0329e79a],
h2[data-v-0329e79a],
h3[data-v-0329e79a],
h4[data-v-0329e79a],
h5[data-v-0329e79a],
html[data-v-0329e79a],
i[data-v-0329e79a],
img[data-v-0329e79a],
input[data-v-0329e79a],
li[data-v-0329e79a],
p[data-v-0329e79a],
span[data-v-0329e79a],
ul[data-v-0329e79a] {
  margin: 0;
  padding: 0;
}
a[data-v-0329e79a],
img[data-v-0329e79a],
input[data-v-0329e79a] {
  border: none;
}
body[data-v-0329e79a] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-0329e79a] {
  text-decoration: none;
}
li[data-v-0329e79a],
ul[data-v-0329e79a] {
  list-style: none;
}
a[data-v-0329e79a],
img[data-v-0329e79a] {
  -webkit-touch-callout: none;
}
body[data-v-0329e79a],
html[data-v-0329e79a] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-0329e79a] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-0329e79a] :focus {
  outline: 0;
}
.app a[data-v-0329e79a],
.app a[data-v-0329e79a]:active,
.app a[data-v-0329e79a]:hover,
.app a[data-v-0329e79a]:link,
.app a[data-v-0329e79a]:visited {
  text-decoration: none;
}
.app table[data-v-0329e79a] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-0329e79a],
.app th[data-v-0329e79a] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-0329e79a],
.app img[data-v-0329e79a] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-0329e79a],
.app ul[data-v-0329e79a] {
  list-style: none;
}
.app button[data-v-0329e79a],
.app input[data-v-0329e79a],
.app select[data-v-0329e79a],
.app textarea[data-v-0329e79a] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-0329e79a] {
  margin: inherit;
}
.app hr[data-v-0329e79a] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-0329e79a] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-0329e79a] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-0329e79a] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-0329e79a] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-0329e79a] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-0329e79a] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-0329e79a] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-0329e79a] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-0329e79a] {
  -webkit-animation: buttonAnim-0329e79a 1s infinite alternate;
  animation: buttonAnim-0329e79a 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-0329e79a {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-0329e79a {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.interact_page[data-v-0329e79a] {
  pointer-events: none !important;
}
a[data-v-db4e2e6e],
body[data-v-db4e2e6e],
dd[data-v-db4e2e6e],
div[data-v-db4e2e6e],
dl[data-v-db4e2e6e],
dt[data-v-db4e2e6e],
em[data-v-db4e2e6e],
h1[data-v-db4e2e6e],
h2[data-v-db4e2e6e],
h3[data-v-db4e2e6e],
h4[data-v-db4e2e6e],
h5[data-v-db4e2e6e],
html[data-v-db4e2e6e],
i[data-v-db4e2e6e],
img[data-v-db4e2e6e],
input[data-v-db4e2e6e],
li[data-v-db4e2e6e],
p[data-v-db4e2e6e],
span[data-v-db4e2e6e],
ul[data-v-db4e2e6e] {
  margin: 0;
  padding: 0;
}
a[data-v-db4e2e6e],
img[data-v-db4e2e6e],
input[data-v-db4e2e6e] {
  border: none;
}
body[data-v-db4e2e6e] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-db4e2e6e] {
  text-decoration: none;
}
li[data-v-db4e2e6e],
ul[data-v-db4e2e6e] {
  list-style: none;
}
a[data-v-db4e2e6e],
img[data-v-db4e2e6e] {
  -webkit-touch-callout: none;
}
body[data-v-db4e2e6e],
html[data-v-db4e2e6e] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-db4e2e6e] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-db4e2e6e] :focus {
  outline: 0;
}
.app a[data-v-db4e2e6e],
.app a[data-v-db4e2e6e]:active,
.app a[data-v-db4e2e6e]:hover,
.app a[data-v-db4e2e6e]:link,
.app a[data-v-db4e2e6e]:visited {
  text-decoration: none;
}
.app table[data-v-db4e2e6e] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-db4e2e6e],
.app th[data-v-db4e2e6e] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-db4e2e6e],
.app img[data-v-db4e2e6e] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-db4e2e6e],
.app ul[data-v-db4e2e6e] {
  list-style: none;
}
.app button[data-v-db4e2e6e],
.app input[data-v-db4e2e6e],
.app select[data-v-db4e2e6e],
.app textarea[data-v-db4e2e6e] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-db4e2e6e] {
  margin: inherit;
}
.app hr[data-v-db4e2e6e] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-db4e2e6e] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-db4e2e6e] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-db4e2e6e] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-db4e2e6e] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-db4e2e6e] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-db4e2e6e] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-db4e2e6e] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-db4e2e6e] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-db4e2e6e] {
  -webkit-animation: buttonAnim-db4e2e6e 1s infinite alternate;
  animation: buttonAnim-db4e2e6e 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-db4e2e6e {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-db4e2e6e {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.logo_wrapper[data-v-db4e2e6e] {
  width: 1.02rem;
  height: 0.42667rem;
  background-image: url(../images/loadingPage/logo.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0.19333rem;
  left: 0.21333rem;
}
a[data-v-9102744c],
body[data-v-9102744c],
dd[data-v-9102744c],
div[data-v-9102744c],
dl[data-v-9102744c],
dt[data-v-9102744c],
em[data-v-9102744c],
h1[data-v-9102744c],
h2[data-v-9102744c],
h3[data-v-9102744c],
h4[data-v-9102744c],
h5[data-v-9102744c],
html[data-v-9102744c],
i[data-v-9102744c],
img[data-v-9102744c],
input[data-v-9102744c],
li[data-v-9102744c],
p[data-v-9102744c],
span[data-v-9102744c],
ul[data-v-9102744c] {
  margin: 0;
  padding: 0;
}
a[data-v-9102744c],
img[data-v-9102744c],
input[data-v-9102744c] {
  border: none;
}
body[data-v-9102744c] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-9102744c] {
  text-decoration: none;
}
li[data-v-9102744c],
ul[data-v-9102744c] {
  list-style: none;
}
a[data-v-9102744c],
img[data-v-9102744c] {
  -webkit-touch-callout: none;
}
body[data-v-9102744c],
html[data-v-9102744c] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-9102744c] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-9102744c] :focus {
  outline: 0;
}
.app a[data-v-9102744c],
.app a[data-v-9102744c]:active,
.app a[data-v-9102744c]:hover,
.app a[data-v-9102744c]:link,
.app a[data-v-9102744c]:visited {
  text-decoration: none;
}
.app table[data-v-9102744c] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-9102744c],
.app th[data-v-9102744c] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-9102744c],
.app img[data-v-9102744c] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-9102744c],
.app ul[data-v-9102744c] {
  list-style: none;
}
.app button[data-v-9102744c],
.app input[data-v-9102744c],
.app select[data-v-9102744c],
.app textarea[data-v-9102744c] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-9102744c] {
  margin: inherit;
}
.app hr[data-v-9102744c] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-9102744c] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-9102744c] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-9102744c] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-9102744c] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-9102744c] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-9102744c] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-9102744c] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-9102744c] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-9102744c] {
  -webkit-animation: buttonAnim-9102744c 1s infinite alternate;
  animation: buttonAnim-9102744c 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-9102744c {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-9102744c {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.video_wrapper[data-v-9102744c] {
  pointer-events: all !important;
  position: relative;
}
.video_wrapper .video[data-v-9102744c] {
  pointer-events: none !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  background-color: #dbe4e2;
}
.video_wrapper .close_bt[data-v-9102744c] {
  color: #fff;
  font-size: 0.22rem;
  font-family: xqjzt;
  color: #b26e1b;
  font-size: 0.26667rem;
  line-height: 1;
  border-bottom: 5px solid #b26e1b;
  padding-bottom: 0.06667rem;
  position: absolute;
  top: 0.43333rem;
  right: 0.50667rem;
}
a[data-v-20dc20ce],
body[data-v-20dc20ce],
dd[data-v-20dc20ce],
div[data-v-20dc20ce],
dl[data-v-20dc20ce],
dt[data-v-20dc20ce],
em[data-v-20dc20ce],
h1[data-v-20dc20ce],
h2[data-v-20dc20ce],
h3[data-v-20dc20ce],
h4[data-v-20dc20ce],
h5[data-v-20dc20ce],
html[data-v-20dc20ce],
i[data-v-20dc20ce],
img[data-v-20dc20ce],
input[data-v-20dc20ce],
li[data-v-20dc20ce],
p[data-v-20dc20ce],
span[data-v-20dc20ce],
ul[data-v-20dc20ce] {
  margin: 0;
  padding: 0;
}
a[data-v-20dc20ce],
img[data-v-20dc20ce],
input[data-v-20dc20ce] {
  border: none;
}
body[data-v-20dc20ce] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-20dc20ce] {
  text-decoration: none;
}
li[data-v-20dc20ce],
ul[data-v-20dc20ce] {
  list-style: none;
}
a[data-v-20dc20ce],
img[data-v-20dc20ce] {
  -webkit-touch-callout: none;
}
body[data-v-20dc20ce],
html[data-v-20dc20ce] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-20dc20ce] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-20dc20ce] :focus {
  outline: 0;
}
.app a[data-v-20dc20ce],
.app a[data-v-20dc20ce]:active,
.app a[data-v-20dc20ce]:hover,
.app a[data-v-20dc20ce]:link,
.app a[data-v-20dc20ce]:visited {
  text-decoration: none;
}
.app table[data-v-20dc20ce] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-20dc20ce],
.app th[data-v-20dc20ce] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-20dc20ce],
.app img[data-v-20dc20ce] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-20dc20ce],
.app ul[data-v-20dc20ce] {
  list-style: none;
}
.app button[data-v-20dc20ce],
.app input[data-v-20dc20ce],
.app select[data-v-20dc20ce],
.app textarea[data-v-20dc20ce] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-20dc20ce] {
  margin: inherit;
}
.app hr[data-v-20dc20ce] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-20dc20ce] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-20dc20ce] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-20dc20ce] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-20dc20ce] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-20dc20ce] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-20dc20ce] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-20dc20ce] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-20dc20ce] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-20dc20ce] {
  -webkit-animation: buttonAnim-20dc20ce 1s infinite alternate;
  animation: buttonAnim-20dc20ce 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-20dc20ce {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-20dc20ce {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.loading_page .background[data-v-20dc20ce] {
  width: 100%;
  height: 100%;
  background-color: #1c263d;
  background-image: url(../images/loadingPage/background.jpg?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.loading_page .music_wrapper[data-v-20dc20ce] {
  color: #fff;
  font-size: 0.13867rem;
  font-family: hwmct;
  font-size: 0.16667rem;
  line-height: 1;
  position: absolute;
  top: 0.39333rem;
  right: 0.34667rem;
}
.loading_page .loading_wrapper[data-v-20dc20ce] {
  position: absolute;
  left: 50%;
  bottom: 0.5rem;
  transform: translate3d(-50%, 0, 0);
}
.loading_page .loading_wrapper .progress_wrapper[data-v-20dc20ce] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.19333rem;
}
.loading_page .loading_wrapper .progress_wrapper .progress[data-v-20dc20ce] {
  width: 1.2rem;
  height: 0.21333rem;
  position: relative;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_branch[data-v-20dc20ce] {
  width: 0.91333rem;
  height: 0.02rem;
  background-image: url(../images/loadingPage/branch.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.17333rem;
  top: 0.08rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_center[data-v-20dc20ce] {
  width: 0.15333rem;
  height: 0.06rem;
  background-image: url(../images/loadingPage/center.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  top: 0.06rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_bottom[data-v-20dc20ce],
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_top[data-v-20dc20ce] {
  position: absolute;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_top0[data-v-20dc20ce] {
  width: 0.12667rem;
  height: 0.07333rem;
  background-image: url(../images/loadingPage/top0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.09333rem;
  top: 0.02667rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_top1[data-v-20dc20ce] {
  width: 0.09333rem;
  height: 0.06rem;
  background-image: url(../images/loadingPage/top1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.2rem;
  top: 0.03333rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_top2[data-v-20dc20ce] {
  width: 0.18667rem;
  height: 0.09333rem;
  background-image: url(../images/loadingPage/top2.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.19333rem;
  top: 0;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_top3[data-v-20dc20ce] {
  width: 0.17333rem;
  height: 0.08667rem;
  background-image: url(../images/loadingPage/top3.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.3rem;
  top: 0.01333rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_top4[data-v-20dc20ce] {
  width: 0.18667rem;
  height: 0.09333rem;
  background-image: url(../images/loadingPage/top4.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.39333rem;
  top: 0;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_top5[data-v-20dc20ce] {
  width: 0.18rem;
  height: 0.08667rem;
  background-image: url(../images/loadingPage/top5.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.49333rem;
  top: 0.00667rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_top6[data-v-20dc20ce] {
  width: 0.18rem;
  height: 0.08667rem;
  background-image: url(../images/loadingPage/top5.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.6rem;
  top: 0.00667rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_top7[data-v-20dc20ce] {
  width: 0.18rem;
  height: 0.08667rem;
  background-image: url(../images/loadingPage/top5.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.7rem;
  top: 0.00667rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_top8[data-v-20dc20ce] {
  width: 0.18rem;
  height: 0.08667rem;
  background-image: url(../images/loadingPage/top5.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.80667rem;
  top: 0.00667rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_top9[data-v-20dc20ce] {
  width: 0.18rem;
  height: 0.08667rem;
  background-image: url(../images/loadingPage/top5.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.90667rem;
  top: 0.00667rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_bottom0[data-v-20dc20ce] {
  width: 0.16rem;
  height: 0.05333rem;
  background-image: url(../images/loadingPage/bottom0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.05333rem;
  top: 0.08667rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_bottom1[data-v-20dc20ce] {
  width: 0.13333rem;
  height: 0.06rem;
  background-image: url(../images/loadingPage/bottom1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.16rem;
  top: 0.08667rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_bottom2[data-v-20dc20ce] {
  width: 0.18667rem;
  height: 0.06667rem;
  background-image: url(../images/loadingPage/bottom2.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.2rem;
  top: 0.08667rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_bottom3[data-v-20dc20ce] {
  width: 0.18667rem;
  height: 0.07333rem;
  background-image: url(../images/loadingPage/bottom3.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.29333rem;
  top: 0.08667rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_bottom4[data-v-20dc20ce] {
  width: 0.18rem;
  height: 0.06rem;
  background-image: url(../images/loadingPage/bottom4.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.38667rem;
  top: 0.09333rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_bottom5[data-v-20dc20ce] {
  width: 0.18667rem;
  height: 0.07333rem;
  background-image: url(../images/loadingPage/bottom5.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.48667rem;
  top: 0.08667rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_bottom6[data-v-20dc20ce] {
  width: 0.18667rem;
  height: 0.07333rem;
  background-image: url(../images/loadingPage/bottom5.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.58667rem;
  top: 0.09333rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_bottom7[data-v-20dc20ce] {
  width: 0.18667rem;
  height: 0.07333rem;
  background-image: url(../images/loadingPage/bottom5.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.69333rem;
  top: 0.09333rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_bottom8[data-v-20dc20ce] {
  width: 0.18667rem;
  height: 0.07333rem;
  background-image: url(../images/loadingPage/bottom5.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.79333rem;
  top: 0.09333rem;
}
.loading_page
  .loading_wrapper
  .progress_wrapper
  .progress
  .wheat_bottom9[data-v-20dc20ce] {
  width: 0.18667rem;
  height: 0.07333rem;
  background-image: url(../images/loadingPage/bottom5.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.9rem;
  top: 0.08667rem;
}
.loading_page .loading_wrapper .progress_wrapper .text[data-v-20dc20ce] {
  color: #fff;
  font-size: 0.13867rem;
  font-family: hwmct;
  font-size: 0.19333rem;
  text-shadow: 2px 2px 0.05333rem rgba(13, 23, 51, 0.48);
  letter-spacing: 0.01333rem;
}
.loading_page .loading_wrapper .desc_for[data-v-20dc20ce] {
  height: 0.19333rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate3d(-50%, -50%, 1px);
}
.loading_page .loading_wrapper .desc_wrapper[data-v-20dc20ce] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.03333rem;
}
.loading_page .loading_wrapper .desc_wrapper .content[data-v-20dc20ce] {
  font-size: 0.13867rem;
  font-family: hwmct;
  font-size: 0.19333rem;
  color: #fff;
  white-space: nowrap;
  text-shadow: 2px 2px 0.05333rem rgba(13, 23, 51, 0.48);
  line-height: 1;
  letter-spacing: 0.01333rem;
}
.loading_page .loading_wrapper .desc_wrapper .left[data-v-20dc20ce],
.loading_page .loading_wrapper .desc_wrapper .right[data-v-20dc20ce] {
  content: "";
  display: block;
  width: 0.38667rem;
  height: 0.2rem;
  transform: translateY();
}
.loading_page .loading_wrapper .desc_wrapper .left[data-v-20dc20ce] {
  background-image: url(../images/loadingPage/left.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin-right: 0.04667rem;
}
.loading_page .loading_wrapper .desc_wrapper .right[data-v-20dc20ce] {
  background-image: url(../images/loadingPage/right.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin-left: 0.04667rem;
}
.loading_page .button_wrapper[data-v-20dc20ce] {
  width: 2.33333rem;
  height: 1.88667rem;
  position: absolute;
  left: calc(50% - 0.28rem);
  top: calc(50% - 0.65333rem);
}
.loading_page .button_wrapper .button-icon[data-v-20dc20ce] {
  width: 0.23333rem;
  height: 0.23333rem;
  background-image: url(../images/buttonIcon.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0.54rem;
  top: 0.94rem;
}
.loading_page .button_wrapper.fadeAnim[data-v-20dc20ce] {
  -webkit-animation: fadeAnim-20dc20ce 1s linear infinite;
  animation: fadeAnim-20dc20ce 1s linear infinite;
}
@-webkit-keyframes fadeAnim-20dc20ce {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
    scale: 1.2;
  }
}
@keyframes fadeAnim-20dc20ce {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
    scale: 1.2;
  }
}
.fade1-enter-active[data-v-20dc20ce],
.fade1-leave-active[data-v-20dc20ce] {
  transition: opacity 0.75s;
}
.fade1-enter[data-v-20dc20ce],
.fade1-leave-to[data-v-20dc20ce] {
  opacity: 0;
}
a[data-v-4d318206],
body[data-v-4d318206],
dd[data-v-4d318206],
div[data-v-4d318206],
dl[data-v-4d318206],
dt[data-v-4d318206],
em[data-v-4d318206],
h1[data-v-4d318206],
h2[data-v-4d318206],
h3[data-v-4d318206],
h4[data-v-4d318206],
h5[data-v-4d318206],
html[data-v-4d318206],
i[data-v-4d318206],
img[data-v-4d318206],
input[data-v-4d318206],
li[data-v-4d318206],
p[data-v-4d318206],
span[data-v-4d318206],
ul[data-v-4d318206] {
  margin: 0;
  padding: 0;
}
a[data-v-4d318206],
img[data-v-4d318206],
input[data-v-4d318206] {
  border: none;
}
body[data-v-4d318206] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-4d318206] {
  text-decoration: none;
}
li[data-v-4d318206],
ul[data-v-4d318206] {
  list-style: none;
}
a[data-v-4d318206],
img[data-v-4d318206] {
  -webkit-touch-callout: none;
}
body[data-v-4d318206],
html[data-v-4d318206] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-4d318206] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-4d318206] :focus {
  outline: 0;
}
.app a[data-v-4d318206],
.app a[data-v-4d318206]:active,
.app a[data-v-4d318206]:hover,
.app a[data-v-4d318206]:link,
.app a[data-v-4d318206]:visited {
  text-decoration: none;
}
.app table[data-v-4d318206] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-4d318206],
.app th[data-v-4d318206] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-4d318206],
.app img[data-v-4d318206] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-4d318206],
.app ul[data-v-4d318206] {
  list-style: none;
}
.app button[data-v-4d318206],
.app input[data-v-4d318206],
.app select[data-v-4d318206],
.app textarea[data-v-4d318206] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-4d318206] {
  margin: inherit;
}
.app hr[data-v-4d318206] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-4d318206] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-4d318206] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-4d318206] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-4d318206] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-4d318206] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-4d318206] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-4d318206] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-4d318206] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-4d318206] {
  -webkit-animation: buttonAnim-4d318206 1s infinite alternate;
  animation: buttonAnim-4d318206 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-4d318206 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-4d318206 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.cereals_page .bird_wrapper[data-v-4d318206] {
  width: 1.9rem;
  height: 1.15333rem;
  position: absolute;
  top: 0.28133rem;
  left: 0.06667rem;
}
.cereals_page .bird_wrapper .button_wrapper[data-v-4d318206] {
  width: 1.33333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0.2rem;
  top: 0.33333rem;
}
.cereals_page .bird_wrapper .button_wrapper .button-icon[data-v-4d318206] {
  width: 0.16667rem;
  height: 0.16667rem;
  background-image: url(../images/buttonIcon.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.cereals_page .bird_wrapper .button_wrapper .button_desc[data-v-4d318206] {
  color: #fff;
  font-size: 0.22rem;
  font-family: xqjzt;
  font-size: 0.13887rem;
  line-height: 1;
  letter-spacing: 1px;
  margin-left: 0.1rem;
  margin-top: -0.03333rem;
}
.cereals_page .desc[data-v-4d318206] {
  width: 1.02667rem;
  height: 2.88667rem;
  background-image: url(../images/cerealsPage/desc.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: calc(50% + 2.18rem);
  top: calc(50% - 1.77333rem);
}
@media (min-width: 768px) and (max-width: 1440px) {
  .cereals_page .desc[data-v-4d318206] {
    left: calc(50% + 1.51333rem);
    top: calc(50% - 1.77333rem);
  }
}
.cereals_page .mainButton[data-v-4d318206] {
  width: 2.14667rem;
  height: 0.56667rem;
  background-color: transparent;
  background-image: url(../images/cerealsPage/mainButton.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: calc(50% - 1.07333rem);
  bottom: 0.57333rem;
}
a[data-v-993f97ec],
body[data-v-993f97ec],
dd[data-v-993f97ec],
div[data-v-993f97ec],
dl[data-v-993f97ec],
dt[data-v-993f97ec],
em[data-v-993f97ec],
h1[data-v-993f97ec],
h2[data-v-993f97ec],
h3[data-v-993f97ec],
h4[data-v-993f97ec],
h5[data-v-993f97ec],
html[data-v-993f97ec],
i[data-v-993f97ec],
img[data-v-993f97ec],
input[data-v-993f97ec],
li[data-v-993f97ec],
p[data-v-993f97ec],
span[data-v-993f97ec],
ul[data-v-993f97ec] {
  margin: 0;
  padding: 0;
}
a[data-v-993f97ec],
img[data-v-993f97ec],
input[data-v-993f97ec] {
  border: none;
}
body[data-v-993f97ec] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-993f97ec] {
  text-decoration: none;
}
li[data-v-993f97ec],
ul[data-v-993f97ec] {
  list-style: none;
}
a[data-v-993f97ec],
img[data-v-993f97ec] {
  -webkit-touch-callout: none;
}
body[data-v-993f97ec],
html[data-v-993f97ec] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-993f97ec] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-993f97ec] :focus {
  outline: 0;
}
.app a[data-v-993f97ec],
.app a[data-v-993f97ec]:active,
.app a[data-v-993f97ec]:hover,
.app a[data-v-993f97ec]:link,
.app a[data-v-993f97ec]:visited {
  text-decoration: none;
}
.app table[data-v-993f97ec] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-993f97ec],
.app th[data-v-993f97ec] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-993f97ec],
.app img[data-v-993f97ec] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-993f97ec],
.app ul[data-v-993f97ec] {
  list-style: none;
}
.app button[data-v-993f97ec],
.app input[data-v-993f97ec],
.app select[data-v-993f97ec],
.app textarea[data-v-993f97ec] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-993f97ec] {
  margin: inherit;
}
.app hr[data-v-993f97ec] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-993f97ec] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-993f97ec] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-993f97ec] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-993f97ec] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-993f97ec] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-993f97ec] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-993f97ec] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-993f97ec] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-993f97ec] {
  -webkit-animation: buttonAnim-993f97ec 1s infinite alternate;
  animation: buttonAnim-993f97ec 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-993f97ec {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-993f97ec {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.cereals_page[data-v-993f97ec] {
  background: #000;
}
a[data-v-5504cfb9],
body[data-v-5504cfb9],
dd[data-v-5504cfb9],
div[data-v-5504cfb9],
dl[data-v-5504cfb9],
dt[data-v-5504cfb9],
em[data-v-5504cfb9],
h1[data-v-5504cfb9],
h2[data-v-5504cfb9],
h3[data-v-5504cfb9],
h4[data-v-5504cfb9],
h5[data-v-5504cfb9],
html[data-v-5504cfb9],
i[data-v-5504cfb9],
img[data-v-5504cfb9],
input[data-v-5504cfb9],
li[data-v-5504cfb9],
p[data-v-5504cfb9],
span[data-v-5504cfb9],
ul[data-v-5504cfb9] {
  margin: 0;
  padding: 0;
}
a[data-v-5504cfb9],
img[data-v-5504cfb9],
input[data-v-5504cfb9] {
  border: none;
}
body[data-v-5504cfb9] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-5504cfb9] {
  text-decoration: none;
}
li[data-v-5504cfb9],
ul[data-v-5504cfb9] {
  list-style: none;
}
a[data-v-5504cfb9],
img[data-v-5504cfb9] {
  -webkit-touch-callout: none;
}
body[data-v-5504cfb9],
html[data-v-5504cfb9] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-5504cfb9] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-5504cfb9] :focus {
  outline: 0;
}
.app a[data-v-5504cfb9],
.app a[data-v-5504cfb9]:active,
.app a[data-v-5504cfb9]:hover,
.app a[data-v-5504cfb9]:link,
.app a[data-v-5504cfb9]:visited {
  text-decoration: none;
}
.app table[data-v-5504cfb9] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-5504cfb9],
.app th[data-v-5504cfb9] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-5504cfb9],
.app img[data-v-5504cfb9] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-5504cfb9],
.app ul[data-v-5504cfb9] {
  list-style: none;
}
.app button[data-v-5504cfb9],
.app input[data-v-5504cfb9],
.app select[data-v-5504cfb9],
.app textarea[data-v-5504cfb9] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-5504cfb9] {
  margin: inherit;
}
.app hr[data-v-5504cfb9] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-5504cfb9] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-5504cfb9] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-5504cfb9] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-5504cfb9] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-5504cfb9] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-5504cfb9] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-5504cfb9] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-5504cfb9] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-5504cfb9] {
  -webkit-animation: buttonAnim-5504cfb9 1s infinite alternate;
  animation: buttonAnim-5504cfb9 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-5504cfb9 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-5504cfb9 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.switch_page[data-v-5504cfb9] {
  background-color: #e1b35d;
  background-image: url(../images/switchPage/background.jpg?v1);
}
.switch_page .desc[data-v-5504cfb9],
.switch_page[data-v-5504cfb9] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.switch_page .desc[data-v-5504cfb9] {
  width: 5.59333rem;
  height: 0.18rem;
  background-image: url(../images/switchPage/desc.png?v1);
  position: absolute;
  left: calc(50% - 2.79667rem);
  top: calc(50% - 1.84667rem);
}
.switch_page .switch_wrapper[data-v-5504cfb9] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
}
.switch_page .switch_wrapper .switch .plate[data-v-5504cfb9] {
  width: 2.46rem;
  height: 2.46rem;
  background-image: url(../images/switchPage/plate.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  transform: translate3d(-50%, -50%, 1px);
}
.switch_page .switch_wrapper .switch .plate .icon_wrapper[data-v-5504cfb9] {
  width: 100%;
  height: 100%;
}
.switch_page .switch_wrapper .switch .plate .drop_wrapper[data-v-5504cfb9] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 1px);
}
.switch_page .switch_wrapper .switch .plate .drop[data-v-5504cfb9],
.switch_page .switch_wrapper .switch .plate .drop_wrapper[data-v-5504cfb9] {
  width: 3.41333rem;
  height: 3.41333rem;
  -o-object-fit: contain;
  object-fit: contain;
  mix-blend-mode: darken;
}
.switch_page .switch_wrapper .switch .plate .icon[data-v-5504cfb9] {
  width: 3.41333rem;
  height: 3.41333rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 1px);
  background-image: url(../images/switchPage/mask0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.switch_page .switch_wrapper .switch .plate .icon.left[data-v-5504cfb9],
.switch_page .switch_wrapper .switch .plate .icon.right[data-v-5504cfb9] {
  opacity: 0;
}
.switch_page .switch_wrapper .switch .plate .icon0[data-v-5504cfb9] {
  background-image: url(../images/switchPage/mask0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.switch_page .switch_wrapper .switch .plate .icon1[data-v-5504cfb9] {
  background-image: url(../images/switchPage/mask1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.switch_page .switch_wrapper .switch .plate .icon2[data-v-5504cfb9] {
  background-image: url(../images/switchPage/mask2.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.switch_page .switch_wrapper .switch .plate .icon3[data-v-5504cfb9] {
  background-image: url(../images/switchPage/mask3.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.switch_page .switch_wrapper .switch .plate .icon4[data-v-5504cfb9] {
  background-image: url(../images/switchPage/mask4.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.switch_page .switch_wrapper .switch .plate .icon5[data-v-5504cfb9] {
  background-image: url(../images/switchPage/mask5.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.switch_page .switch_wrapper .switch .plate .icon6[data-v-5504cfb9] {
  background-image: url(../images/switchPage/mask6.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.switch_page .switch_wrapper .switch .icon_title[data-v-5504cfb9] {
  position: absolute;
  transform: translateZ(1px);
}
.switch_page .switch_wrapper .switch .title0[data-v-5504cfb9] {
  width: 0.24rem;
  height: 0.64667rem;
  background-image: url(../images/switchPage/maskTitle0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.65333rem;
  bottom: 0.06667rem;
}
.switch_page .switch_wrapper .switch .title1[data-v-5504cfb9] {
  background-image: url(../images/switchPage/maskTitle1.png?v1);
}
.switch_page .switch_wrapper .switch .title1[data-v-5504cfb9],
.switch_page .switch_wrapper .switch .title2[data-v-5504cfb9] {
  width: 0.23333rem;
  height: 0.65333rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.65333rem;
  bottom: 0.06667rem;
}
.switch_page .switch_wrapper .switch .title2[data-v-5504cfb9] {
  background-image: url(../images/switchPage/maskTitle2.png?v1);
}
.switch_page .switch_wrapper .switch .title3[data-v-5504cfb9] {
  background-image: url(../images/switchPage/maskTitle3.png?v1);
}
.switch_page .switch_wrapper .switch .title3[data-v-5504cfb9],
.switch_page .switch_wrapper .switch .title4[data-v-5504cfb9] {
  width: 0.23333rem;
  height: 0.65333rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.65333rem;
  bottom: 0.06667rem;
}
.switch_page .switch_wrapper .switch .title4[data-v-5504cfb9] {
  background-image: url(../images/switchPage/maskTitle4.png?v1);
}
.switch_page .switch_wrapper .switch .title5[data-v-5504cfb9] {
  background-image: url(../images/switchPage/maskTitle5.png?v1);
}
.switch_page .switch_wrapper .switch .title5[data-v-5504cfb9],
.switch_page .switch_wrapper .switch .title6[data-v-5504cfb9] {
  width: 0.23333rem;
  height: 0.65333rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0.65333rem;
  bottom: 0.06667rem;
}
.switch_page .switch_wrapper .switch .title6[data-v-5504cfb9] {
  background-image: url(../images/switchPage/maskTitle6.png?v1);
}
.switch_page .switch_wrapper .back_circle[data-v-5504cfb9] {
  width: 2.68667rem;
  height: 2.68667rem;
  background-image: url(../images/switchPage/backCircle.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.switch_page .switch_wrapper .back_circle2[data-v-5504cfb9] {
  width: 3.62rem;
  height: 3.62rem;
  background-image: url(../images/switchPage/backCircle2.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate3d(-50%, -50%, 0);
}
.switch_page .controls[data-v-5504cfb9] {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.switch_page .controls .left[data-v-5504cfb9],
.switch_page .controls .right[data-v-5504cfb9] {
  width: 0.86rem;
  height: 0.83333rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: all;
}
.switch_page .controls .left[data-v-5504cfb9] {
  background-image: url(../images/switchPage/left.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 12.7%;
}
.switch_page .controls .right[data-v-5504cfb9] {
  background-image: url(../images/switchPage/right.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  right: 12.7%;
}
.switch_page .mainButton[data-v-5504cfb9] {
  width: 2.06rem;
  height: 0.72667rem;
  background-image: url(../images/switchPage/button.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-color: transparent;
  position: absolute;
  left: 50%;
  bottom: 0.23333rem;
  transform: translateX(-50%);
}
a[data-v-4e8e04e6],
body[data-v-4e8e04e6],
dd[data-v-4e8e04e6],
div[data-v-4e8e04e6],
dl[data-v-4e8e04e6],
dt[data-v-4e8e04e6],
em[data-v-4e8e04e6],
h1[data-v-4e8e04e6],
h2[data-v-4e8e04e6],
h3[data-v-4e8e04e6],
h4[data-v-4e8e04e6],
h5[data-v-4e8e04e6],
html[data-v-4e8e04e6],
i[data-v-4e8e04e6],
img[data-v-4e8e04e6],
input[data-v-4e8e04e6],
li[data-v-4e8e04e6],
p[data-v-4e8e04e6],
span[data-v-4e8e04e6],
ul[data-v-4e8e04e6] {
  margin: 0;
  padding: 0;
}
a[data-v-4e8e04e6],
img[data-v-4e8e04e6],
input[data-v-4e8e04e6] {
  border: none;
}
body[data-v-4e8e04e6] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-4e8e04e6] {
  text-decoration: none;
}
li[data-v-4e8e04e6],
ul[data-v-4e8e04e6] {
  list-style: none;
}
a[data-v-4e8e04e6],
img[data-v-4e8e04e6] {
  -webkit-touch-callout: none;
}
body[data-v-4e8e04e6],
html[data-v-4e8e04e6] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-4e8e04e6] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-4e8e04e6] :focus {
  outline: 0;
}
.app a[data-v-4e8e04e6],
.app a[data-v-4e8e04e6]:active,
.app a[data-v-4e8e04e6]:hover,
.app a[data-v-4e8e04e6]:link,
.app a[data-v-4e8e04e6]:visited {
  text-decoration: none;
}
.app table[data-v-4e8e04e6] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-4e8e04e6],
.app th[data-v-4e8e04e6] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-4e8e04e6],
.app img[data-v-4e8e04e6] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-4e8e04e6],
.app ul[data-v-4e8e04e6] {
  list-style: none;
}
.app button[data-v-4e8e04e6],
.app input[data-v-4e8e04e6],
.app select[data-v-4e8e04e6],
.app textarea[data-v-4e8e04e6] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-4e8e04e6] {
  margin: inherit;
}
.app hr[data-v-4e8e04e6] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-4e8e04e6] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-4e8e04e6] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-4e8e04e6] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-4e8e04e6] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-4e8e04e6] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-4e8e04e6] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-4e8e04e6] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-4e8e04e6] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-4e8e04e6] {
  -webkit-animation: buttonAnim-4e8e04e6 1s infinite alternate;
  animation: buttonAnim-4e8e04e6 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-4e8e04e6 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-4e8e04e6 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.bumperHarvest_page[data-v-4e8e04e6] {
  position: relative;
  overflow: hidden;
}
.bumperHarvest_page .desc[data-v-4e8e04e6] {
  z-index: 2;
  width: 1.69333rem;
  height: 0.30667rem;
  background-image: url(../images/bumperHarvestPage/desc.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: calc(50% + 0.14rem);
  top: calc(50% - 1.81333rem);
}
.bumperHarvest_page .button-icon_wrapper[data-v-4e8e04e6] {
  z-index: 2;
  position: absolute;
}
.bumperHarvest_page .button-icon_wrapper .button-icon[data-v-4e8e04e6] {
  width: 0.32rem;
  height: 0.32667rem;
  background-image: url(../images/bumperHarvestPage/buttonIcon.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.bumperHarvest_page .button0[data-v-4e8e04e6] {
  left: calc(50% - 0.14rem);
  top: calc(50% - 1.84rem);
}
.bumperHarvest_page .button1[data-v-4e8e04e6] {
  left: calc(50% + 1.26rem);
  top: calc(50% - 1.22rem);
}
.bumperHarvest_page .button2[data-v-4e8e04e6] {
  left: calc(50% - 0.18667rem);
  top: calc(50% - 1.06667rem);
}
.bumperHarvest_page .button3[data-v-4e8e04e6] {
  left: calc(50% - 0.03333rem);
  top: calc(50% - 0.66667rem);
}
.bumperHarvest_page .button4[data-v-4e8e04e6] {
  left: calc(50% - 0.09333rem);
  top: calc(50% - 0.21333rem);
}
.bumperHarvest_page .button5[data-v-4e8e04e6] {
  left: calc(50% - 0.4rem);
  top: calc(50% + 0.13333rem);
}
.bumperHarvest_page .button6[data-v-4e8e04e6] {
  left: calc(50% + 0.93333rem);
  top: calc(50% + 0.27333rem);
}
.bumperHarvest_page .button7[data-v-4e8e04e6] {
  left: calc(50% - 0.17333rem);
  top: calc(50% + 0.94rem);
}
.bumperHarvest_page .desc_wrapper[data-v-4e8e04e6] {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.bumperHarvest_page .desc_wrapper .text_background[data-v-4e8e04e6] {
  width: 0.76667rem;
  height: 2.5rem;
  background-image: url(../images/bumperHarvestPage/textBackground.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: calc(50% + 2.09333rem);
  top: calc(50% - 1.53333rem);
}
.bumperHarvest_page .desc_wrapper .text_background .text[data-v-4e8e04e6] {
  color: #fff;
  font-size: 0.13867rem;
  font-family: hwmct;
  font-size: 0.16667rem;
  line-height: 1;
  margin-bottom: 0.02667rem;
}
.bumperHarvest_page
  .desc_wrapper
  .text_background
  .text1_wrapper[data-v-4e8e04e6] {
  position: absolute;
  left: 0.5rem;
  top: 0.50667rem;
}
.bumperHarvest_page
  .desc_wrapper
  .text_background
  .text2_wrapper[data-v-4e8e04e6] {
  position: absolute;
  left: 0.20667rem;
  top: 0.96667rem;
}
.bumperHarvest_page .desc_wrapper .text_background .hr[data-v-4e8e04e6] {
  width: 0.07333rem;
  min-width: 3px;
  height: 1.20667rem;
  background-image: url(../images/bumperHarvestPage/hr.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-position: top;
  position: absolute;
  left: 0.38667rem;
  top: 0.73333rem;
}
.bumperHarvest_page .main_button[data-v-4e8e04e6] {
  z-index: 2;
  width: 2.00667rem;
  height: 0.42rem;
  background-image: url(../images/bumperHarvestPage/mainButton.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-color: transparent;
  position: absolute;
  left: 50%;
  top: calc(50% + 1.68667rem);
  transform: translateX(-50%);
}
a[data-v-52ca4dd4],
body[data-v-52ca4dd4],
dd[data-v-52ca4dd4],
div[data-v-52ca4dd4],
dl[data-v-52ca4dd4],
dt[data-v-52ca4dd4],
em[data-v-52ca4dd4],
h1[data-v-52ca4dd4],
h2[data-v-52ca4dd4],
h3[data-v-52ca4dd4],
h4[data-v-52ca4dd4],
h5[data-v-52ca4dd4],
html[data-v-52ca4dd4],
i[data-v-52ca4dd4],
img[data-v-52ca4dd4],
input[data-v-52ca4dd4],
li[data-v-52ca4dd4],
p[data-v-52ca4dd4],
span[data-v-52ca4dd4],
ul[data-v-52ca4dd4] {
  margin: 0;
  padding: 0;
}
a[data-v-52ca4dd4],
img[data-v-52ca4dd4],
input[data-v-52ca4dd4] {
  border: none;
}
body[data-v-52ca4dd4] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-52ca4dd4] {
  text-decoration: none;
}
li[data-v-52ca4dd4],
ul[data-v-52ca4dd4] {
  list-style: none;
}
a[data-v-52ca4dd4],
img[data-v-52ca4dd4] {
  -webkit-touch-callout: none;
}
body[data-v-52ca4dd4],
html[data-v-52ca4dd4] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-52ca4dd4] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-52ca4dd4] :focus {
  outline: 0;
}
.app a[data-v-52ca4dd4],
.app a[data-v-52ca4dd4]:active,
.app a[data-v-52ca4dd4]:hover,
.app a[data-v-52ca4dd4]:link,
.app a[data-v-52ca4dd4]:visited {
  text-decoration: none;
}
.app table[data-v-52ca4dd4] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-52ca4dd4],
.app th[data-v-52ca4dd4] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-52ca4dd4],
.app img[data-v-52ca4dd4] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-52ca4dd4],
.app ul[data-v-52ca4dd4] {
  list-style: none;
}
.app button[data-v-52ca4dd4],
.app input[data-v-52ca4dd4],
.app select[data-v-52ca4dd4],
.app textarea[data-v-52ca4dd4] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-52ca4dd4] {
  margin: inherit;
}
.app hr[data-v-52ca4dd4] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-52ca4dd4] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-52ca4dd4] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-52ca4dd4] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-52ca4dd4] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-52ca4dd4] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-52ca4dd4] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-52ca4dd4] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-52ca4dd4] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-52ca4dd4] {
  -webkit-animation: buttonAnim-52ca4dd4 1s infinite alternate;
  animation: buttonAnim-52ca4dd4 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-52ca4dd4 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-52ca4dd4 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.cereals_page[data-v-52ca4dd4] {
  background: #000;
}
a[data-v-21583610],
body[data-v-21583610],
dd[data-v-21583610],
div[data-v-21583610],
dl[data-v-21583610],
dt[data-v-21583610],
em[data-v-21583610],
h1[data-v-21583610],
h2[data-v-21583610],
h3[data-v-21583610],
h4[data-v-21583610],
h5[data-v-21583610],
html[data-v-21583610],
i[data-v-21583610],
img[data-v-21583610],
input[data-v-21583610],
li[data-v-21583610],
p[data-v-21583610],
span[data-v-21583610],
ul[data-v-21583610] {
  margin: 0;
  padding: 0;
}
a[data-v-21583610],
img[data-v-21583610],
input[data-v-21583610] {
  border: none;
}
body[data-v-21583610] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-21583610] {
  text-decoration: none;
}
li[data-v-21583610],
ul[data-v-21583610] {
  list-style: none;
}
a[data-v-21583610],
img[data-v-21583610] {
  -webkit-touch-callout: none;
}
body[data-v-21583610],
html[data-v-21583610] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-21583610] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-21583610] :focus {
  outline: 0;
}
.app a[data-v-21583610],
.app a[data-v-21583610]:active,
.app a[data-v-21583610]:hover,
.app a[data-v-21583610]:link,
.app a[data-v-21583610]:visited {
  text-decoration: none;
}
.app table[data-v-21583610] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-21583610],
.app th[data-v-21583610] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-21583610],
.app img[data-v-21583610] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-21583610],
.app ul[data-v-21583610] {
  list-style: none;
}
.app button[data-v-21583610],
.app input[data-v-21583610],
.app select[data-v-21583610],
.app textarea[data-v-21583610] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-21583610] {
  margin: inherit;
}
.app hr[data-v-21583610] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-21583610] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-21583610] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-21583610] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-21583610] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-21583610] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-21583610] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-21583610] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-21583610] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-21583610] {
  -webkit-animation: buttonAnim-21583610 1s infinite alternate;
  animation: buttonAnim-21583610 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-21583610 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-21583610 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.bind_wrapper[data-v-21583610] {
  pointer-events: none;
}
.bind_bg[data-v-21583610] {
  width: 6.52667rem;
  height: 3.50667rem;
  background-image: url(../images/dialog/loginDialogBackground.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: calc(50% - 3.26333rem);
  top: calc(50% - 1.75333rem);
  transform: translateZ(0);
}
.close_bt_wrapper[data-v-21583610] {
  pointer-events: all;
  width: 0.52667rem;
  height: 0.52667rem;
  padding: 0.13333rem;
  position: absolute;
  right: 0.32rem;
  top: 0.23333rem;
}
.close_bt[data-v-21583610] {
  width: 0.26rem;
  height: 0.26rem;
  max-width: 39px;
  max-height: 39px;
  background-image: url(../images/dialog/bindClose.png?v1);
}
.bind_bt[data-v-21583610],
.close_bt[data-v-21583610] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  cursor: pointer;
}
.bind_bt[data-v-21583610] {
  pointer-events: all;
  width: 1.58667rem;
  height: 0.30667rem;
  background-image: url(../images/dialog/bindBt.png?v1);
  position: absolute;
  left: 50%;
  bottom: 0.5906rem;
  transform: translateX(-0.78667rem);
}
.input_wrapper[data-v-21583610] {
  pointer-events: all;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 1px);
  cursor: pointer;
}
.input_wrapper .select_wrapper[data-v-21583610] {
  width: 2rem;
  height: 0.26667rem;
  line-height: 0.26667rem;
  border-bottom: 1px solid #40634b;
  color: #40634b !important;
  font-size: 0.18667rem;
  font-weight: 700;
  vertical-align: bottom;
  position: relative;
  margin-bottom: 0.1rem;
}
@media screen and (min-width: 1280px) {
  .input_wrapper .select_wrapper[data-v-21583610] {
    font-size: 24px;
  }
}
.input_wrapper .select_wrapper select[data-v-21583610] {
  width: calc(100% - 0.16667rem);
  background-color: transparent;
  color: #40634b !important;
  overflow: hidden;
}
.select[data-v-21583610] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
option[data-v-21583610]:disabled {
  background-color: #fff !important;
  color: #000 !important;
}
.select_down_icon[data-v-21583610] {
  width: 0.13333rem;
  height: 0.06667rem;
  max-width: 20px;
  max-height: 10px;
  background-image: url(../images/selectDown.png);
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.03333rem;
  pointer-events: none;
}
select[data-v-21583610]::-ms-expand {
  display: none;
}
.warn_text[data-v-21583610] {
  font-size: 0.09333rem;
  position: absolute;
  left: 3%;
  top: 100%;
  text-align: left;
}
a[data-v-46ff94ea],
body[data-v-46ff94ea],
dd[data-v-46ff94ea],
div[data-v-46ff94ea],
dl[data-v-46ff94ea],
dt[data-v-46ff94ea],
em[data-v-46ff94ea],
h1[data-v-46ff94ea],
h2[data-v-46ff94ea],
h3[data-v-46ff94ea],
h4[data-v-46ff94ea],
h5[data-v-46ff94ea],
html[data-v-46ff94ea],
i[data-v-46ff94ea],
img[data-v-46ff94ea],
input[data-v-46ff94ea],
li[data-v-46ff94ea],
p[data-v-46ff94ea],
span[data-v-46ff94ea],
ul[data-v-46ff94ea] {
  margin: 0;
  padding: 0;
}
a[data-v-46ff94ea],
img[data-v-46ff94ea],
input[data-v-46ff94ea] {
  border: none;
}
body[data-v-46ff94ea] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-46ff94ea] {
  text-decoration: none;
}
li[data-v-46ff94ea],
ul[data-v-46ff94ea] {
  list-style: none;
}
a[data-v-46ff94ea],
img[data-v-46ff94ea] {
  -webkit-touch-callout: none;
}
body[data-v-46ff94ea],
html[data-v-46ff94ea] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-46ff94ea] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-46ff94ea] :focus {
  outline: 0;
}
.app a[data-v-46ff94ea],
.app a[data-v-46ff94ea]:active,
.app a[data-v-46ff94ea]:hover,
.app a[data-v-46ff94ea]:link,
.app a[data-v-46ff94ea]:visited {
  text-decoration: none;
}
.app table[data-v-46ff94ea] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-46ff94ea],
.app th[data-v-46ff94ea] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-46ff94ea],
.app img[data-v-46ff94ea] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-46ff94ea],
.app ul[data-v-46ff94ea] {
  list-style: none;
}
.app button[data-v-46ff94ea],
.app input[data-v-46ff94ea],
.app select[data-v-46ff94ea],
.app textarea[data-v-46ff94ea] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-46ff94ea] {
  margin: inherit;
}
.app hr[data-v-46ff94ea] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-46ff94ea] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-46ff94ea] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-46ff94ea] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-46ff94ea] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-46ff94ea] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-46ff94ea] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-46ff94ea] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-46ff94ea] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-46ff94ea] {
  -webkit-animation: buttonAnim-46ff94ea 1s infinite alternate;
  animation: buttonAnim-46ff94ea 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-46ff94ea {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-46ff94ea {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.welfareDialog[data-v-46ff94ea] {
  pointer-events: all;
}
.background[data-v-46ff94ea] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.78);
}
.welfareDialog_bg[data-v-46ff94ea] {
  width: 6.04rem;
  height: 3.08667rem;
  background-image: url(../images/dialog/welfareBackground.png?v1);
  left: calc(50% - 3.02rem);
  top: calc(50% - 1.54333rem);
  transform: translateZ(1px);
}
.button[data-v-46ff94ea],
.welfareDialog_bg[data-v-46ff94ea] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
}
.button[data-v-46ff94ea] {
  width: 1.56667rem;
  height: 0.29333rem;
  background-image: url(../images/dialog/welfaceBt.png?v1);
  left: 2.22667rem;
  top: 2.22667rem;
}
.close_bt[data-v-46ff94ea] {
  width: 0.26rem;
  height: 0.26rem;
  max-width: 39px;
  max-height: 39px;
  background-image: url(../images/close.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  right: 0.45333rem;
  top: 0.36667rem;
  cursor: pointer;
}
a[data-v-05aacc29],
body[data-v-05aacc29],
dd[data-v-05aacc29],
div[data-v-05aacc29],
dl[data-v-05aacc29],
dt[data-v-05aacc29],
em[data-v-05aacc29],
h1[data-v-05aacc29],
h2[data-v-05aacc29],
h3[data-v-05aacc29],
h4[data-v-05aacc29],
h5[data-v-05aacc29],
html[data-v-05aacc29],
i[data-v-05aacc29],
img[data-v-05aacc29],
input[data-v-05aacc29],
li[data-v-05aacc29],
p[data-v-05aacc29],
span[data-v-05aacc29],
ul[data-v-05aacc29] {
  margin: 0;
  padding: 0;
}
a[data-v-05aacc29],
img[data-v-05aacc29],
input[data-v-05aacc29] {
  border: none;
}
body[data-v-05aacc29] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-05aacc29] {
  text-decoration: none;
}
li[data-v-05aacc29],
ul[data-v-05aacc29] {
  list-style: none;
}
a[data-v-05aacc29],
img[data-v-05aacc29] {
  -webkit-touch-callout: none;
}
body[data-v-05aacc29],
html[data-v-05aacc29] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-05aacc29] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-05aacc29] :focus {
  outline: 0;
}
.app a[data-v-05aacc29],
.app a[data-v-05aacc29]:active,
.app a[data-v-05aacc29]:hover,
.app a[data-v-05aacc29]:link,
.app a[data-v-05aacc29]:visited {
  text-decoration: none;
}
.app table[data-v-05aacc29] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-05aacc29],
.app th[data-v-05aacc29] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-05aacc29],
.app img[data-v-05aacc29] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-05aacc29],
.app ul[data-v-05aacc29] {
  list-style: none;
}
.app button[data-v-05aacc29],
.app input[data-v-05aacc29],
.app select[data-v-05aacc29],
.app textarea[data-v-05aacc29] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-05aacc29] {
  margin: inherit;
}
.app hr[data-v-05aacc29] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-05aacc29] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-05aacc29] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-05aacc29] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-05aacc29] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-05aacc29] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-05aacc29] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-05aacc29] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-05aacc29] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-05aacc29] {
  -webkit-animation: buttonAnim-05aacc29 1s infinite alternate;
  animation: buttonAnim-05aacc29 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-05aacc29 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-05aacc29 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.rule_alert[data-v-05aacc29] {
  pointer-events: all;
}
.background[data-v-05aacc29] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.78);
}
.getSuccess_bg[data-v-05aacc29] {
  width: 6.04rem;
  height: 3.08667rem;
  background-image: url(../images/dialog/getSuccess.png?v1);
  left: calc(50% - 3.02rem);
  top: calc(50% - 1.69667rem);
  transform: translateZ(1px);
}
.close_bt[data-v-05aacc29],
.getSuccess_bg[data-v-05aacc29] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
}
.close_bt[data-v-05aacc29] {
  width: 0.26rem;
  height: 0.26rem;
  max-width: 39px;
  max-height: 39px;
  background-image: url(../images/close.png?v1);
  right: 0.45333rem;
  top: 0.36667rem;
  cursor: pointer;
}
a[data-v-dabb7672],
body[data-v-dabb7672],
dd[data-v-dabb7672],
div[data-v-dabb7672],
dl[data-v-dabb7672],
dt[data-v-dabb7672],
em[data-v-dabb7672],
h1[data-v-dabb7672],
h2[data-v-dabb7672],
h3[data-v-dabb7672],
h4[data-v-dabb7672],
h5[data-v-dabb7672],
html[data-v-dabb7672],
i[data-v-dabb7672],
img[data-v-dabb7672],
input[data-v-dabb7672],
li[data-v-dabb7672],
p[data-v-dabb7672],
span[data-v-dabb7672],
ul[data-v-dabb7672] {
  margin: 0;
  padding: 0;
}
a[data-v-dabb7672],
img[data-v-dabb7672],
input[data-v-dabb7672] {
  border: none;
}
body[data-v-dabb7672] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-dabb7672] {
  text-decoration: none;
}
li[data-v-dabb7672],
ul[data-v-dabb7672] {
  list-style: none;
}
a[data-v-dabb7672],
img[data-v-dabb7672] {
  -webkit-touch-callout: none;
}
body[data-v-dabb7672],
html[data-v-dabb7672] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-dabb7672] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-dabb7672] :focus {
  outline: 0;
}
.app a[data-v-dabb7672],
.app a[data-v-dabb7672]:active,
.app a[data-v-dabb7672]:hover,
.app a[data-v-dabb7672]:link,
.app a[data-v-dabb7672]:visited {
  text-decoration: none;
}
.app table[data-v-dabb7672] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-dabb7672],
.app th[data-v-dabb7672] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-dabb7672],
.app img[data-v-dabb7672] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-dabb7672],
.app ul[data-v-dabb7672] {
  list-style: none;
}
.app button[data-v-dabb7672],
.app input[data-v-dabb7672],
.app select[data-v-dabb7672],
.app textarea[data-v-dabb7672] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-dabb7672] {
  margin: inherit;
}
.app hr[data-v-dabb7672] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-dabb7672] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-dabb7672] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-dabb7672] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-dabb7672] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-dabb7672] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-dabb7672] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-dabb7672] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-dabb7672] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-dabb7672] {
  -webkit-animation: buttonAnim-dabb7672 1s infinite alternate;
  animation: buttonAnim-dabb7672 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-dabb7672 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-dabb7672 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.rule_alert[data-v-dabb7672] {
  pointer-events: none;
  position: absolute;
  transform: translateZ(2px);
}
.background[data-v-dabb7672] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.78);
}
.rule[data-v-dabb7672] {
  position: absolute;
  left: calc(50% - 3.27333rem);
  top: calc(50% - 1.70333rem);
}
.rule[data-v-dabb7672],
.rule_bg[data-v-dabb7672] {
  width: 6.54667rem;
  height: 3.40667rem;
  transform: translateZ(1px);
}
.rule_bg[data-v-dabb7672] {
  background-image: url(../images/rule.png?v1);
}
.close_bt[data-v-dabb7672],
.rule_bg[data-v-dabb7672] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.close_bt[data-v-dabb7672] {
  pointer-events: all;
  width: 0.26rem;
  height: 0.26rem;
  max-width: 39px;
  max-height: 39px;
  background-image: url(../images/close.png?v1);
  position: absolute;
  right: 0.45333rem;
  top: 0.36667rem;
  cursor: pointer;
}
a[data-v-4d02be1d],
body[data-v-4d02be1d],
dd[data-v-4d02be1d],
div[data-v-4d02be1d],
dl[data-v-4d02be1d],
dt[data-v-4d02be1d],
em[data-v-4d02be1d],
h1[data-v-4d02be1d],
h2[data-v-4d02be1d],
h3[data-v-4d02be1d],
h4[data-v-4d02be1d],
h5[data-v-4d02be1d],
html[data-v-4d02be1d],
i[data-v-4d02be1d],
img[data-v-4d02be1d],
input[data-v-4d02be1d],
li[data-v-4d02be1d],
p[data-v-4d02be1d],
span[data-v-4d02be1d],
ul[data-v-4d02be1d] {
  margin: 0;
  padding: 0;
}
a[data-v-4d02be1d],
img[data-v-4d02be1d],
input[data-v-4d02be1d] {
  border: none;
}
body[data-v-4d02be1d] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-4d02be1d] {
  text-decoration: none;
}
li[data-v-4d02be1d],
ul[data-v-4d02be1d] {
  list-style: none;
}
a[data-v-4d02be1d],
img[data-v-4d02be1d] {
  -webkit-touch-callout: none;
}
body[data-v-4d02be1d],
html[data-v-4d02be1d] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-4d02be1d] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-4d02be1d] :focus {
  outline: 0;
}
.app a[data-v-4d02be1d],
.app a[data-v-4d02be1d]:active,
.app a[data-v-4d02be1d]:hover,
.app a[data-v-4d02be1d]:link,
.app a[data-v-4d02be1d]:visited {
  text-decoration: none;
}
.app table[data-v-4d02be1d] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-4d02be1d],
.app th[data-v-4d02be1d] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-4d02be1d],
.app img[data-v-4d02be1d] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-4d02be1d],
.app ul[data-v-4d02be1d] {
  list-style: none;
}
.app button[data-v-4d02be1d],
.app input[data-v-4d02be1d],
.app select[data-v-4d02be1d],
.app textarea[data-v-4d02be1d] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-4d02be1d] {
  margin: inherit;
}
.app hr[data-v-4d02be1d] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-4d02be1d] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-4d02be1d] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-4d02be1d] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-4d02be1d] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-4d02be1d] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-4d02be1d] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-4d02be1d] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-4d02be1d] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-4d02be1d] {
  -webkit-animation: buttonAnim-4d02be1d 1s infinite alternate;
  animation: buttonAnim-4d02be1d 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-4d02be1d {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-4d02be1d {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.poster_template[data-v-4d02be1d] {
  overflow: auto;
  background-color: #fff;
}
.poster_template .scenecanvas[data-v-4d02be1d] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.poster_template .scenecanvas canvas[data-v-4d02be1d] {
  background: #fff;
}
a[data-v-3eb64c19],
body[data-v-3eb64c19],
dd[data-v-3eb64c19],
div[data-v-3eb64c19],
dl[data-v-3eb64c19],
dt[data-v-3eb64c19],
em[data-v-3eb64c19],
h1[data-v-3eb64c19],
h2[data-v-3eb64c19],
h3[data-v-3eb64c19],
h4[data-v-3eb64c19],
h5[data-v-3eb64c19],
html[data-v-3eb64c19],
i[data-v-3eb64c19],
img[data-v-3eb64c19],
input[data-v-3eb64c19],
li[data-v-3eb64c19],
p[data-v-3eb64c19],
span[data-v-3eb64c19],
ul[data-v-3eb64c19] {
  margin: 0;
  padding: 0;
}
a[data-v-3eb64c19],
img[data-v-3eb64c19],
input[data-v-3eb64c19] {
  border: none;
}
body[data-v-3eb64c19] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-3eb64c19] {
  text-decoration: none;
}
li[data-v-3eb64c19],
ul[data-v-3eb64c19] {
  list-style: none;
}
a[data-v-3eb64c19],
img[data-v-3eb64c19] {
  -webkit-touch-callout: none;
}
body[data-v-3eb64c19],
html[data-v-3eb64c19] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-3eb64c19] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-3eb64c19] :focus {
  outline: 0;
}
.app a[data-v-3eb64c19],
.app a[data-v-3eb64c19]:active,
.app a[data-v-3eb64c19]:hover,
.app a[data-v-3eb64c19]:link,
.app a[data-v-3eb64c19]:visited {
  text-decoration: none;
}
.app table[data-v-3eb64c19] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-3eb64c19],
.app th[data-v-3eb64c19] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-3eb64c19],
.app img[data-v-3eb64c19] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-3eb64c19],
.app ul[data-v-3eb64c19] {
  list-style: none;
}
.app button[data-v-3eb64c19],
.app input[data-v-3eb64c19],
.app select[data-v-3eb64c19],
.app textarea[data-v-3eb64c19] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-3eb64c19] {
  margin: inherit;
}
.app hr[data-v-3eb64c19] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-3eb64c19] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-3eb64c19] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-3eb64c19] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-3eb64c19] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-3eb64c19] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-3eb64c19] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-3eb64c19] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-3eb64c19] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-3eb64c19] {
  -webkit-animation: buttonAnim-3eb64c19 1s infinite alternate;
  animation: buttonAnim-3eb64c19 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-3eb64c19 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-3eb64c19 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.video_wrapper[data-v-3eb64c19] {
  position: relative;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -2.14rem;
  top: 0;
}
.video[data-v-3eb64c19] {
  width: 100%;
  height: 100%;
  pointer-events: none !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  background-color: #dbe4e2;
}
.close_bt[data-v-3eb64c19] {
  color: #fff;
  font-size: 0.22rem;
  font-family: xqjzt;
  color: #b26e1b;
  font-size: 0.26667rem;
  line-height: 1;
  border-bottom: 5px solid #b26e1b;
  padding-bottom: 0.06667rem;
  position: absolute;
  top: -0.43333rem;
  right: 0.50667rem;
}
.video0[data-v-3eb64c19] {
  left: -1.12667rem;
}
.video1[data-v-3eb64c19] {
  left: 0;
}
.video2[data-v-3eb64c19],
.video3[data-v-3eb64c19] {
  left: -1.76rem;
}
.video4[data-v-3eb64c19] {
  left: -2.14rem;
}
.video5[data-v-3eb64c19],
.video6[data-v-3eb64c19] {
  left: -0.71333rem;
}
a[data-v-79a58929],
body[data-v-79a58929],
dd[data-v-79a58929],
div[data-v-79a58929],
dl[data-v-79a58929],
dt[data-v-79a58929],
em[data-v-79a58929],
h1[data-v-79a58929],
h2[data-v-79a58929],
h3[data-v-79a58929],
h4[data-v-79a58929],
h5[data-v-79a58929],
html[data-v-79a58929],
i[data-v-79a58929],
img[data-v-79a58929],
input[data-v-79a58929],
li[data-v-79a58929],
p[data-v-79a58929],
span[data-v-79a58929],
ul[data-v-79a58929] {
  margin: 0;
  padding: 0;
}
a[data-v-79a58929],
img[data-v-79a58929],
input[data-v-79a58929] {
  border: none;
}
body[data-v-79a58929] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-79a58929] {
  text-decoration: none;
}
li[data-v-79a58929],
ul[data-v-79a58929] {
  list-style: none;
}
a[data-v-79a58929],
img[data-v-79a58929] {
  -webkit-touch-callout: none;
}
body[data-v-79a58929],
html[data-v-79a58929] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-79a58929] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-79a58929] :focus {
  outline: 0;
}
.app a[data-v-79a58929],
.app a[data-v-79a58929]:active,
.app a[data-v-79a58929]:hover,
.app a[data-v-79a58929]:link,
.app a[data-v-79a58929]:visited {
  text-decoration: none;
}
.app table[data-v-79a58929] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-79a58929],
.app th[data-v-79a58929] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-79a58929],
.app img[data-v-79a58929] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-79a58929],
.app ul[data-v-79a58929] {
  list-style: none;
}
.app button[data-v-79a58929],
.app input[data-v-79a58929],
.app select[data-v-79a58929],
.app textarea[data-v-79a58929] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-79a58929] {
  margin: inherit;
}
.app hr[data-v-79a58929] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-79a58929] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-79a58929] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-79a58929] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-79a58929] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-79a58929] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-79a58929] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-79a58929] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-79a58929] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-79a58929] {
  -webkit-animation: buttonAnim-79a58929 1s infinite alternate;
  animation: buttonAnim-79a58929 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-79a58929 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-79a58929 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.poster_page[data-v-79a58929] {
  pointer-events: none !important;
  background-color: #f3f2e1;
}
.poster_page .mask[data-v-79a58929] {
  width: 0.48667rem;
  height: 0.43333rem;
  position: absolute;
  right: 0.192rem;
  top: 0.152rem;
}
.poster_page .mask0[data-v-79a58929] {
  background-image: url(../images/posterPage/mask0.png?v1);
}
.poster_page .mask0[data-v-79a58929],
.poster_page .mask1[data-v-79a58929] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .mask1[data-v-79a58929] {
  background-image: url(../images/posterPage/mask1.png?v1);
}
.poster_page .mask2[data-v-79a58929] {
  background-image: url(../images/posterPage/mask2.png?v1);
}
.poster_page .mask2[data-v-79a58929],
.poster_page .mask3[data-v-79a58929] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .mask3[data-v-79a58929] {
  background-image: url(../images/posterPage/mask3.png?v1);
}
.poster_page .mask4[data-v-79a58929] {
  background-image: url(../images/posterPage/mask4.png?v1);
}
.poster_page .mask4[data-v-79a58929],
.poster_page .mask5[data-v-79a58929] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .mask5[data-v-79a58929] {
  background-image: url(../images/posterPage/mask5.png?v1);
}
.poster_page .mask6[data-v-79a58929] {
  background-image: url(../images/posterPage/mask6.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .button[data-v-79a58929] {
  pointer-events: auto;
  background: transparent;
}
.poster_page .background[data-v-79a58929] {
  pointer-events: all !important;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.poster_page .background0[data-v-79a58929] {
  background-color: #1f2531;
}
.poster_page .background1[data-v-79a58929] {
  background-color: #019764;
}
.poster_page .background2[data-v-79a58929] {
  background-color: #de8c00;
}
.poster_page .background3[data-v-79a58929],
.poster_page .background4[data-v-79a58929] {
  background-color: #638eb5;
}
.poster_page .background5[data-v-79a58929] {
  background-color: #097f3a;
}
.poster_page .background6[data-v-79a58929] {
  background-color: #a86f3a;
}
.poster_page .right_background[data-v-79a58929] {
  width: 2.68667rem;
  height: 100%;
  background-image: url(../images/posterPage/rightBackground.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateZ(0);
}
.poster_page .username_wrapper[data-v-79a58929] {
  width: 0.45333rem;
  overflow: visible !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.87333rem;
  right: 0.45333rem;
}
.poster_page .name_wrapper[data-v-79a58929] {
  width: 0.24667rem;
  height: 1.8rem;
  background-image: url(../images/posterPage/nameBackground.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  transform: translateZ(1px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.poster_page .name_wrapper .name[data-v-79a58929] {
  width: 0.24667rem;
  color: #f3f2e1;
  font-size: 0.13333rem;
  line-height: 0.13667rem;
  text-align: center;
  overflow: visible !important;
  transform: translateZ(1px);
  margin: 0;
  padding: 0;
}
.poster_page .prefix_text[data-v-79a58929] {
  width: 0.14rem;
  margin-right: 0.06667rem;
  overflow: visible !important;
  transform: translateZ(1px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.poster_page .prefix_text .text[data-v-79a58929] {
  color: #fff;
  font-size: 0.13867rem;
  font-family: hwmct;
  font-size: 0.13267rem;
  color: #b4711e;
  line-height: 0.13667rem;
  margin: 0;
  padding: 0;
}
.poster_page .desc_wrapper[data-v-79a58929] {
  width: 0.61333rem;
  display: flex;
  position: absolute;
  top: 0.88rem;
  right: 1.10667rem;
  transform: translateZ(2px);
}
.poster_page .desc_wrapper.textImgs[data-v-79a58929] {
  width: 0.6rem;
  height: 2.04667rem;
  position: absolute;
  top: 0.90667rem;
  right: 1.15333rem;
}
.poster_page .desc_wrapper.textImg0-0[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg0-0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper.textImg0-1[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg0-1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper.textImg1-0[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg1-0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper.textImg1-1[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg1-1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper.textImg2-0[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg2-0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper.textImg2-1[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg2-1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper.textImg3-0[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg3-0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper.textImg3-1[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg3-1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper.textImg4-0[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg4-0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper.textImg4-1[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg4-1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper.textImg5-0[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg5-0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper.textImg5-1[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg5-1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper.textImg6-0[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg6-0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper.textImg6-1[data-v-79a58929] {
  background-image: url(../images/posterPage/textImg6-1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .desc_wrapper .bottom_border[data-v-79a58929],
.poster_page .desc_wrapper .top_border[data-v-79a58929] {
  width: 0.10667rem;
  height: 0.10667rem;
  background-image: url(../images/posterPage/bottomBorder.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
}
.poster_page .desc_wrapper .top_border[data-v-79a58929] {
  top: -0.1rem;
  right: -0.1rem;
  transform: rotate(180deg);
}
.poster_page .desc_wrapper .bottom_border[data-v-79a58929] {
  left: -0.1rem;
  bottom: -0.1rem;
}
.poster_page .desc_wrapper .hr[data-v-79a58929] {
  width: 0.08rem;
  height: 1.08667rem;
  background-image: url(../images/posterPage/hr.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-position: top;
  margin: 0.23333rem 0.06667rem 0;
  transform: translateZ(1px);
}
.poster_page .desc_wrapper .text1_wrapper[data-v-79a58929],
.poster_page .desc_wrapper .text2_wrapper[data-v-79a58929] {
  width: 0.2rem;
  overflow: visible !important;
  transform: translateZ(1px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.poster_page .desc_wrapper .text2_wrapper[data-v-79a58929] {
  margin-top: 0.34667rem;
}
.poster_page .desc_wrapper .text[data-v-79a58929] {
  color: #fff;
  font-size: 0.13867rem;
  font-family: hwmct;
  width: 0.2rem;
  font-weight: 500;
  font-size: 0.188rem;
  text-align: center;
  color: #b4711e;
  line-height: 0.19333rem;
  overflow: visible !important;
  transform: translateZ(1px);
  z-index: 10;
  margin: 0;
  padding: 0;
}
.poster_page .buttonList[data-v-79a58929] {
  width: 1.77333rem;
  position: absolute;
  bottom: 0.48667rem;
  right: 0.27333rem;
}
.poster_page .buttonList .welfare[data-v-79a58929] {
  width: 1.77333rem;
  height: 0.50667rem;
  background-image: url(../images/posterPage/welfareButton.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 0.2rem;
}
.poster_page .buttonList .reset[data-v-79a58929] {
  width: 1.5rem;
  height: 0.39333rem;
  background-image: url(../images/posterPage/resetButton.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin-left: 0.13667rem;
  margin-bottom: 0.2rem;
}
.poster_page .buttonList .small_button[data-v-79a58929] {
  width: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  line-height: 1;
}
.poster_page .buttonList .small_button .border[data-v-79a58929] {
  width: 0.52667rem;
  height: 2px;
  background-image: url(../images/posterPage/border.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin-top: 0.06667rem;
}
.poster_page .buttonList .small_button .replace[data-v-79a58929],
.poster_page .buttonList .small_button .rule[data-v-79a58929] {
  color: #fff;
  font-size: 0.22rem;
  font-family: xqjzt;
  color: #b4701d;
  font-size: 0.12933rem;
  font-weight: 700;
}
.poster_page .code[data-v-79a58929] {
  width: 0.89333rem;
  height: 1.30667rem;
  position: absolute;
  left: 0.44667rem;
  top: 0.22667rem;
  transform: translateZ(0);
}
.poster_page .code0[data-v-79a58929] {
  background-image: url(../images/posterPage/code0.jpg?v1);
}
.poster_page .code0[data-v-79a58929],
.poster_page .code1[data-v-79a58929] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .code1[data-v-79a58929] {
  background-image: url(../images/posterPage/code1.jpg?v1);
}
.poster_page .code2[data-v-79a58929] {
  background-image: url(../images/posterPage/code2.jpg?v1);
}
.poster_page .code2[data-v-79a58929],
.poster_page .code3[data-v-79a58929] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .code3[data-v-79a58929] {
  background-image: url(../images/posterPage/code3.jpg?v1);
}
.poster_page .code4[data-v-79a58929] {
  background-image: url(../images/posterPage/code4.jpg?v1);
}
.poster_page .code4[data-v-79a58929],
.poster_page .code5[data-v-79a58929] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .code5[data-v-79a58929] {
  background-image: url(../images/posterPage/code5.jpg?v1);
}
.poster_page .code6[data-v-79a58929] {
  background-image: url(../images/posterPage/code6.jpg?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .tip[data-v-79a58929] {
  width: 2.2rem;
  height: 0.30667rem;
  position: absolute;
  left: 0.24667rem;
  bottom: 0.45333rem;
  transform: translateZ(0);
}
.poster_page .tip0[data-v-79a58929] {
  background-image: url(../images/posterPage/tip0.png?v1);
}
.poster_page .tip0[data-v-79a58929],
.poster_page .tip1[data-v-79a58929] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .tip1[data-v-79a58929] {
  background-image: url(../images/posterPage/tip1.png?v1);
}
.poster_page .tip2[data-v-79a58929] {
  background-image: url(../images/posterPage/tip2.png?v1);
}
.poster_page .tip2[data-v-79a58929],
.poster_page .tip3[data-v-79a58929] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .tip3[data-v-79a58929] {
  background-image: url(../images/posterPage/tip3.png?v1);
}
.poster_page .tip4[data-v-79a58929] {
  background-image: url(../images/posterPage/tip4.png?v1);
}
.poster_page .tip4[data-v-79a58929],
.poster_page .tip5[data-v-79a58929] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .tip5[data-v-79a58929] {
  background-image: url(../images/posterPage/tip5.png?v1);
}
.poster_page .tip6[data-v-79a58929] {
  background-image: url(../images/posterPage/tip6.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .copytip[data-v-79a58929] {
  width: 1.89333rem;
  height: 0.26rem;
  position: absolute;
  left: 0.24667rem;
  bottom: 0.47333rem;
  transform: translateZ(0);
}
.poster_page .copytip0[data-v-79a58929] {
  background-image: url(../images/posterPage/copyTip0.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .copytip1[data-v-79a58929] {
  background-image: url(../images/posterPage/copyTip1.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .copytip2[data-v-79a58929] {
  background-image: url(../images/posterPage/copyTip2.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .copytip3[data-v-79a58929] {
  background-image: url(../images/posterPage/copyTip3.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .copytip4[data-v-79a58929] {
  background-image: url(../images/posterPage/copyTip4.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .copytip5[data-v-79a58929] {
  background-image: url(../images/posterPage/copyTip5.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .copytip6[data-v-79a58929] {
  background-image: url(../images/posterPage/copyTip6.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.poster_page .poster_img[data-v-79a58929] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: all;
  -webkit-touch-callout: none !important;
}
.poster_page .poster_img img[data-v-79a58929] {
  width: 100%;
  height: 100%;
  -webkit-user-drag: none;
  -webkit-touch-callout: none !important;
}
a[data-v-bdcbb1d2],
body[data-v-bdcbb1d2],
dd[data-v-bdcbb1d2],
div[data-v-bdcbb1d2],
dl[data-v-bdcbb1d2],
dt[data-v-bdcbb1d2],
em[data-v-bdcbb1d2],
h1[data-v-bdcbb1d2],
h2[data-v-bdcbb1d2],
h3[data-v-bdcbb1d2],
h4[data-v-bdcbb1d2],
h5[data-v-bdcbb1d2],
html[data-v-bdcbb1d2],
i[data-v-bdcbb1d2],
img[data-v-bdcbb1d2],
input[data-v-bdcbb1d2],
li[data-v-bdcbb1d2],
p[data-v-bdcbb1d2],
span[data-v-bdcbb1d2],
ul[data-v-bdcbb1d2] {
  margin: 0;
  padding: 0;
}
a[data-v-bdcbb1d2],
img[data-v-bdcbb1d2],
input[data-v-bdcbb1d2] {
  border: none;
}
body[data-v-bdcbb1d2] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-bdcbb1d2] {
  text-decoration: none;
}
li[data-v-bdcbb1d2],
ul[data-v-bdcbb1d2] {
  list-style: none;
}
a[data-v-bdcbb1d2],
img[data-v-bdcbb1d2] {
  -webkit-touch-callout: none;
}
body[data-v-bdcbb1d2],
html[data-v-bdcbb1d2] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-bdcbb1d2] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-bdcbb1d2] :focus {
  outline: 0;
}
.app a[data-v-bdcbb1d2],
.app a[data-v-bdcbb1d2]:active,
.app a[data-v-bdcbb1d2]:hover,
.app a[data-v-bdcbb1d2]:link,
.app a[data-v-bdcbb1d2]:visited {
  text-decoration: none;
}
.app table[data-v-bdcbb1d2] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-bdcbb1d2],
.app th[data-v-bdcbb1d2] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-bdcbb1d2],
.app img[data-v-bdcbb1d2] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-bdcbb1d2],
.app ul[data-v-bdcbb1d2] {
  list-style: none;
}
.app button[data-v-bdcbb1d2],
.app input[data-v-bdcbb1d2],
.app select[data-v-bdcbb1d2],
.app textarea[data-v-bdcbb1d2] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-bdcbb1d2] {
  margin: inherit;
}
.app hr[data-v-bdcbb1d2] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-bdcbb1d2] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-bdcbb1d2] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-bdcbb1d2] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-bdcbb1d2] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-bdcbb1d2] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-bdcbb1d2] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-bdcbb1d2] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-bdcbb1d2] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-bdcbb1d2] {
  -webkit-animation: buttonAnim-bdcbb1d2 1s infinite alternate;
  animation: buttonAnim-bdcbb1d2 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-bdcbb1d2 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-bdcbb1d2 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.renderer_wrapper[data-v-bdcbb1d2],
.renderer_wrapper canvas[data-v-bdcbb1d2] {
  pointer-events: all;
}
.overlay[data-v-bdcbb1d2] {
  pointer-events: none;
  background-image: url(../images/overlay.jpg?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: repeat;
  background-size: contain;
  background-position: 0 0;
  mix-blend-mode: overlay;
  opacity: 0.13;
}
a[data-v-35edf8e8],
body[data-v-35edf8e8],
dd[data-v-35edf8e8],
div[data-v-35edf8e8],
dl[data-v-35edf8e8],
dt[data-v-35edf8e8],
em[data-v-35edf8e8],
h1[data-v-35edf8e8],
h2[data-v-35edf8e8],
h3[data-v-35edf8e8],
h4[data-v-35edf8e8],
h5[data-v-35edf8e8],
html[data-v-35edf8e8],
i[data-v-35edf8e8],
img[data-v-35edf8e8],
input[data-v-35edf8e8],
li[data-v-35edf8e8],
p[data-v-35edf8e8],
span[data-v-35edf8e8],
ul[data-v-35edf8e8] {
  margin: 0;
  padding: 0;
}
a[data-v-35edf8e8],
img[data-v-35edf8e8],
input[data-v-35edf8e8] {
  border: none;
}
body[data-v-35edf8e8] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-35edf8e8] {
  text-decoration: none;
}
li[data-v-35edf8e8],
ul[data-v-35edf8e8] {
  list-style: none;
}
a[data-v-35edf8e8],
img[data-v-35edf8e8] {
  -webkit-touch-callout: none;
}
body[data-v-35edf8e8],
html[data-v-35edf8e8] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-35edf8e8] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-35edf8e8] :focus {
  outline: 0;
}
.app a[data-v-35edf8e8],
.app a[data-v-35edf8e8]:active,
.app a[data-v-35edf8e8]:hover,
.app a[data-v-35edf8e8]:link,
.app a[data-v-35edf8e8]:visited {
  text-decoration: none;
}
.app table[data-v-35edf8e8] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-35edf8e8],
.app th[data-v-35edf8e8] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-35edf8e8],
.app img[data-v-35edf8e8] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-35edf8e8],
.app ul[data-v-35edf8e8] {
  list-style: none;
}
.app button[data-v-35edf8e8],
.app input[data-v-35edf8e8],
.app select[data-v-35edf8e8],
.app textarea[data-v-35edf8e8] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-35edf8e8] {
  margin: inherit;
}
.app hr[data-v-35edf8e8] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-35edf8e8] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-35edf8e8] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-35edf8e8] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-35edf8e8] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-35edf8e8] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-35edf8e8] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-35edf8e8] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-35edf8e8] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-35edf8e8] {
  -webkit-animation: buttonAnim-35edf8e8 1s infinite alternate;
  animation: buttonAnim-35edf8e8 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-35edf8e8 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-35edf8e8 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.login_wrapper[data-v-35edf8e8] {
  pointer-events: all;
}
.login_bg[data-v-35edf8e8] {
  width: 3.48667rem;
  height: 2.24667rem;
  max-width: 523px;
  max-height: 337px;
  background-image: url(../images/loginDialog.png);
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 1px);
}
.close_bt[data-v-35edf8e8] {
  width: 0.24rem;
  height: 0.24rem;
  max-width: 36px;
  max-height: 36px;
  background-image: url(../images/ruleCloseBt.png);
  background-size: 0.16rem 0.16rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  right: -8%;
  top: -8%;
}
.qq_bt[data-v-35edf8e8] {
  left: 20%;
}
.qq_bt[data-v-35edf8e8],
.wechat_bt[data-v-35edf8e8] {
  width: 25%;
  height: 40%;
  position: absolute;
  bottom: 20%;
  cursor: pointer;
}
.wechat_bt[data-v-35edf8e8] {
  right: 23%;
}
a[data-v-01baaf66],
body[data-v-01baaf66],
dd[data-v-01baaf66],
div[data-v-01baaf66],
dl[data-v-01baaf66],
dt[data-v-01baaf66],
em[data-v-01baaf66],
h1[data-v-01baaf66],
h2[data-v-01baaf66],
h3[data-v-01baaf66],
h4[data-v-01baaf66],
h5[data-v-01baaf66],
html[data-v-01baaf66],
i[data-v-01baaf66],
img[data-v-01baaf66],
input[data-v-01baaf66],
li[data-v-01baaf66],
p[data-v-01baaf66],
span[data-v-01baaf66],
ul[data-v-01baaf66] {
  margin: 0;
  padding: 0;
}
a[data-v-01baaf66],
img[data-v-01baaf66],
input[data-v-01baaf66] {
  border: none;
}
body[data-v-01baaf66] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-01baaf66] {
  text-decoration: none;
}
li[data-v-01baaf66],
ul[data-v-01baaf66] {
  list-style: none;
}
a[data-v-01baaf66],
img[data-v-01baaf66] {
  -webkit-touch-callout: none;
}
body[data-v-01baaf66],
html[data-v-01baaf66] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-01baaf66] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-01baaf66] :focus {
  outline: 0;
}
.app a[data-v-01baaf66],
.app a[data-v-01baaf66]:active,
.app a[data-v-01baaf66]:hover,
.app a[data-v-01baaf66]:link,
.app a[data-v-01baaf66]:visited {
  text-decoration: none;
}
.app table[data-v-01baaf66] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-01baaf66],
.app th[data-v-01baaf66] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-01baaf66],
.app img[data-v-01baaf66] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-01baaf66],
.app ul[data-v-01baaf66] {
  list-style: none;
}
.app button[data-v-01baaf66],
.app input[data-v-01baaf66],
.app select[data-v-01baaf66],
.app textarea[data-v-01baaf66] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-01baaf66] {
  margin: inherit;
}
.app hr[data-v-01baaf66] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-01baaf66] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-01baaf66] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-01baaf66] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-01baaf66] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-01baaf66] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-01baaf66] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-01baaf66] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-01baaf66] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-01baaf66] {
  -webkit-animation: buttonAnim-01baaf66 1s infinite alternate;
  animation: buttonAnim-01baaf66 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-01baaf66 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-01baaf66 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.alert_wrapper[data-v-01baaf66] {
  pointer-events: all;
  font-family:
    Helvetica Neue,
    Helvetica,
    STHeiTi,
    sans-serif;
}
.alert_bg[data-v-01baaf66] {
  width: 6.04rem;
  height: 3.08667rem;
  background-image: url(../images/dialog/alertDialog.png?v1);
  left: calc(50% - 3.02rem);
  top: calc(50% - 1.69667rem);
  transform: translateZ(1px);
  display: flex;
  justify-content: center;
}
.alert_bg[data-v-01baaf66],
.close_bt[data-v-01baaf66] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
}
.close_bt[data-v-01baaf66] {
  width: 0.26rem;
  height: 0.26rem;
  max-width: 39px;
  max-height: 39px;
  background-image: url(../images/close.png?v1);
  right: 0.4rem;
  top: 0.84667rem;
  cursor: pointer;
}
.msg_wrapper[data-v-01baaf66] {
  width: 3.37333rem;
  height: 1.6rem;
  margin-top: 1.06667rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.msg_wrapper .msg[data-v-01baaf66] {
  font-size: 0.2rem;
  line-height: 1.5;
  color: #385b43;
  text-align: center;
  word-wrap: break-word;
  vertical-align: bottom;
}
@media screen and (min-width: 1280px) {
  .msg_wrapper .msg[data-v-01baaf66] {
    font-size: 24px;
  }
}
a[data-v-13ec4ce2],
body[data-v-13ec4ce2],
dd[data-v-13ec4ce2],
div[data-v-13ec4ce2],
dl[data-v-13ec4ce2],
dt[data-v-13ec4ce2],
em[data-v-13ec4ce2],
h1[data-v-13ec4ce2],
h2[data-v-13ec4ce2],
h3[data-v-13ec4ce2],
h4[data-v-13ec4ce2],
h5[data-v-13ec4ce2],
html[data-v-13ec4ce2],
i[data-v-13ec4ce2],
img[data-v-13ec4ce2],
input[data-v-13ec4ce2],
li[data-v-13ec4ce2],
p[data-v-13ec4ce2],
span[data-v-13ec4ce2],
ul[data-v-13ec4ce2] {
  margin: 0;
  padding: 0;
}
a[data-v-13ec4ce2],
img[data-v-13ec4ce2],
input[data-v-13ec4ce2] {
  border: none;
}
body[data-v-13ec4ce2] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-13ec4ce2] {
  text-decoration: none;
}
li[data-v-13ec4ce2],
ul[data-v-13ec4ce2] {
  list-style: none;
}
a[data-v-13ec4ce2],
img[data-v-13ec4ce2] {
  -webkit-touch-callout: none;
}
body[data-v-13ec4ce2],
html[data-v-13ec4ce2] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-13ec4ce2] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-13ec4ce2] :focus {
  outline: 0;
}
.app a[data-v-13ec4ce2],
.app a[data-v-13ec4ce2]:active,
.app a[data-v-13ec4ce2]:hover,
.app a[data-v-13ec4ce2]:link,
.app a[data-v-13ec4ce2]:visited {
  text-decoration: none;
}
.app table[data-v-13ec4ce2] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-13ec4ce2],
.app th[data-v-13ec4ce2] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-13ec4ce2],
.app img[data-v-13ec4ce2] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-13ec4ce2],
.app ul[data-v-13ec4ce2] {
  list-style: none;
}
.app button[data-v-13ec4ce2],
.app input[data-v-13ec4ce2],
.app select[data-v-13ec4ce2],
.app textarea[data-v-13ec4ce2] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-13ec4ce2] {
  margin: inherit;
}
.app hr[data-v-13ec4ce2] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-13ec4ce2] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-13ec4ce2] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-13ec4ce2] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-13ec4ce2] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-13ec4ce2] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-13ec4ce2] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-13ec4ce2] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-13ec4ce2] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-13ec4ce2] {
  -webkit-animation: buttonAnim-13ec4ce2 1s infinite alternate;
  animation: buttonAnim-13ec4ce2 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-13ec4ce2 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-13ec4ce2 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.welfare_wrapper[data-v-13ec4ce2] {
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.756);
  z-index: 10;
}
.dialog_wrapper > div[data-v-13ec4ce2],
.dialog_wrapper[data-v-13ec4ce2] {
  width: 100%;
  height: 100%;
}
.welfare_expired[data-v-13ec4ce2],
.welfare_fail[data-v-13ec4ce2],
.welfare_get[data-v-13ec4ce2],
.welfare_hasget[data-v-13ec4ce2],
.welfare_qq[data-v-13ec4ce2],
.welfare_success[data-v-13ec4ce2],
.welfare_wechat[data-v-13ec4ce2] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bind_dialog.hide[data-v-13ec4ce2] {
  opacity: 0;
  pointer-events: none;
}
.close_bt[data-v-13ec4ce2] {
  width: 0.26rem;
  height: 0.26rem;
  max-width: 39px;
  max-height: 39px;
  background-image: url(../images/close.png?v1);
  cursor: pointer;
}
.close_bt[data-v-13ec4ce2],
.welfare_get_dialog[data-v-13ec4ce2] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
}
.welfare_get_dialog[data-v-13ec4ce2] {
  width: 6.04rem;
  height: 3.08667rem;
  background-image: url(../images/dialog/welfareBackground.png?v1);
  left: calc(50% - 3.02rem);
  top: calc(50% - 1.54333rem);
  transform: translateZ(1px);
}
.welfare_get_dialog .close_bt_wrapper[data-v-13ec4ce2] {
  pointer-events: all;
  width: 0.52667rem;
  height: 0.52667rem;
  padding: 0.13333rem;
  position: absolute;
  right: 0.32rem;
  top: 0.23333rem;
}
.welfare_get_dialog .close_bt[data-v-13ec4ce2] {
  width: 0.26rem;
  height: 0.26rem;
  max-width: 39px;
  max-height: 39px;
  background-image: url(../images/dialog/bindClose.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  cursor: pointer;
}
.welfare_get_dialog .button[data-v-13ec4ce2] {
  width: 1.56667rem;
  height: 0.29333rem;
  background-image: url(../images/dialog/welfaceBt.png?v1);
  left: 2.22667rem;
  top: 2.22667rem;
}
.welfare_get_dialog .button[data-v-13ec4ce2],
.welfare_hasget_dialog[data-v-13ec4ce2] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  transform: translateZ(1px);
}
.welfare_hasget_dialog[data-v-13ec4ce2] {
  width: 6.04rem;
  height: 3.08667rem;
  background-image: url(../images/dialog/hasGet.png?v1);
}
.welfare_hasget_dialog .close_bt_wrapper[data-v-13ec4ce2] {
  pointer-events: all;
  width: 0.52667rem;
  height: 0.52667rem;
  padding: 0.13333rem;
  position: absolute;
  right: 0.26667rem;
  top: 0.71333rem;
}
.welfare_hasget_dialog .close_bt[data-v-13ec4ce2] {
  width: 0.26rem;
  height: 0.26rem;
  max-width: 39px;
  max-height: 39px;
  background-image: url(../images/dialog/bindClose.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  cursor: pointer;
}
.welfare_success_dialog[data-v-13ec4ce2] {
  width: 6.04rem;
  height: 3.08667rem;
  background-image: url(../images/dialog/getSuccess.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: calc(50% - 3.02rem);
  top: calc(50% - 1.69667rem);
  transform: translateZ(1px);
}
.welfare_success_dialog .close_bt_wrapper[data-v-13ec4ce2] {
  pointer-events: all;
  width: 0.52667rem;
  height: 0.52667rem;
  padding: 0.13333rem;
  position: absolute;
  right: 0.32rem;
  top: 0.23333rem;
}
.welfare_success_dialog .close_bt[data-v-13ec4ce2] {
  width: 0.26rem;
  height: 0.26rem;
  max-width: 39px;
  max-height: 39px;
  background-image: url(../images/dialog/bindClose.png?v1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  cursor: pointer;
}
a[data-v-064155b1],
body[data-v-064155b1],
dd[data-v-064155b1],
div[data-v-064155b1],
dl[data-v-064155b1],
dt[data-v-064155b1],
em[data-v-064155b1],
h1[data-v-064155b1],
h2[data-v-064155b1],
h3[data-v-064155b1],
h4[data-v-064155b1],
h5[data-v-064155b1],
html[data-v-064155b1],
i[data-v-064155b1],
img[data-v-064155b1],
input[data-v-064155b1],
li[data-v-064155b1],
p[data-v-064155b1],
span[data-v-064155b1],
ul[data-v-064155b1] {
  margin: 0;
  padding: 0;
}
a[data-v-064155b1],
img[data-v-064155b1],
input[data-v-064155b1] {
  border: none;
}
body[data-v-064155b1] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-064155b1] {
  text-decoration: none;
}
li[data-v-064155b1],
ul[data-v-064155b1] {
  list-style: none;
}
a[data-v-064155b1],
img[data-v-064155b1] {
  -webkit-touch-callout: none;
}
body[data-v-064155b1],
html[data-v-064155b1] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-064155b1] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-064155b1] :focus {
  outline: 0;
}
.app a[data-v-064155b1],
.app a[data-v-064155b1]:active,
.app a[data-v-064155b1]:hover,
.app a[data-v-064155b1]:link,
.app a[data-v-064155b1]:visited {
  text-decoration: none;
}
.app table[data-v-064155b1] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-064155b1],
.app th[data-v-064155b1] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-064155b1],
.app img[data-v-064155b1] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-064155b1],
.app ul[data-v-064155b1] {
  list-style: none;
}
.app button[data-v-064155b1],
.app input[data-v-064155b1],
.app select[data-v-064155b1],
.app textarea[data-v-064155b1] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-064155b1] {
  margin: inherit;
}
.app hr[data-v-064155b1] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-064155b1] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-064155b1] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-064155b1] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-064155b1] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-064155b1] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-064155b1] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-064155b1] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-064155b1] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-064155b1] {
  -webkit-animation: buttonAnim-064155b1 1s infinite alternate;
  animation: buttonAnim-064155b1 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-064155b1 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-064155b1 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.video_wrapper[data-v-064155b1] {
  pointer-events: none !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #1c263d;
}
.video_wrapper .video[data-v-064155b1] {
  pointer-events: none !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  background-color: #dbe4e2;
}
.video_wrapper .close_bt[data-v-064155b1] {
  color: #fff;
  font-size: 0.22rem;
  font-family: xqjzt;
  color: #b26e1b;
  font-size: 0.26667rem;
  line-height: 1;
  border-bottom: 5px solid #b26e1b;
  padding-bottom: 0.06667rem;
  position: absolute;
  top: 0.43333rem;
  right: 0.50667rem;
}
a,
body,
dd,
div,
dl,
dt,
em,
h1,
h2,
h3,
h4,
h5,
html,
i,
img,
input,
li,
p,
span,
ul {
  margin: 0;
  padding: 0;
}
a,
img,
input {
  border: none;
}
body {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
  text-decoration: none;
}
li,
ul {
  list-style: none;
}
a,
img {
  -webkit-touch-callout: none;
}
body,
html {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app * {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app *,
.app :focus {
  outline: 0;
}
.app a,
.app a:active,
.app a:hover,
.app a:link,
.app a:visited {
  text-decoration: none;
}
.app table {
  border-collapse: separate;
  border-spacing: 0;
}
.app td,
.app th {
  text-align: left;
  font-weight: 400;
}
.app iframe,
.app img {
  border: none;
  text-decoration: none;
}
.app ol,
.app ul {
  list-style: none;
}
.app button,
.app input,
.app select,
.app textarea {
  font-size: 100%;
  font-family: inherit;
}
.app select {
  margin: inherit;
}
.app hr {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html {
    font-size: 512px;
  }
}
.button_anim_tip {
  -webkit-animation: buttonAnim 1s infinite alternate;
  animation: buttonAnim 1s infinite alternate;
}
@-webkit-keyframes buttonAnim {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.app {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #000;
  transform-origin: 0 0;
}
.app.need_rotate {
  transform: rotate(89.99deg) translate3d(0, -100%, 0);
}
a[data-v-be90c490],
body[data-v-be90c490],
dd[data-v-be90c490],
div[data-v-be90c490],
dl[data-v-be90c490],
dt[data-v-be90c490],
em[data-v-be90c490],
h1[data-v-be90c490],
h2[data-v-be90c490],
h3[data-v-be90c490],
h4[data-v-be90c490],
h5[data-v-be90c490],
html[data-v-be90c490],
i[data-v-be90c490],
img[data-v-be90c490],
input[data-v-be90c490],
li[data-v-be90c490],
p[data-v-be90c490],
span[data-v-be90c490],
ul[data-v-be90c490] {
  margin: 0;
  padding: 0;
}
a[data-v-be90c490],
img[data-v-be90c490],
input[data-v-be90c490] {
  border: none;
}
body[data-v-be90c490] {
  font:
    14px/1.75 -apple-system,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a[data-v-be90c490] {
  text-decoration: none;
}
li[data-v-be90c490],
ul[data-v-be90c490] {
  list-style: none;
}
a[data-v-be90c490],
img[data-v-be90c490] {
  -webkit-touch-callout: none;
}
body[data-v-be90c490],
html[data-v-be90c490] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app [data-v-be90c490] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transform: translateZ(0);
}
.app[data-v-be90c490] :focus {
  outline: 0;
}
.app a[data-v-be90c490],
.app a[data-v-be90c490]:active,
.app a[data-v-be90c490]:hover,
.app a[data-v-be90c490]:link,
.app a[data-v-be90c490]:visited {
  text-decoration: none;
}
.app table[data-v-be90c490] {
  border-collapse: separate;
  border-spacing: 0;
}
.app td[data-v-be90c490],
.app th[data-v-be90c490] {
  text-align: left;
  font-weight: 400;
}
.app iframe[data-v-be90c490],
.app img[data-v-be90c490] {
  border: none;
  text-decoration: none;
}
.app ol[data-v-be90c490],
.app ul[data-v-be90c490] {
  list-style: none;
}
.app button[data-v-be90c490],
.app input[data-v-be90c490],
.app select[data-v-be90c490],
.app textarea[data-v-be90c490] {
  font-size: 100%;
  font-family: inherit;
}
.app select[data-v-be90c490] {
  margin: inherit;
}
.app hr[data-v-be90c490] {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
.app .fullscreen[data-v-be90c490] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app .hide[data-v-be90c490] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 320px) {
  html[data-v-be90c490] {
    font-size: 64px;
  }
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  html[data-v-be90c490] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  html[data-v-be90c490] {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html[data-v-be90c490] {
    font-size: 288px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  html[data-v-be90c490] {
    font-size: 20vw;
  }
}
@media screen and (min-width: 2560px) {
  html[data-v-be90c490] {
    font-size: 512px;
  }
}
.button_anim_tip[data-v-be90c490] {
  -webkit-animation: buttonAnim-be90c490 1s infinite alternate;
  animation: buttonAnim-be90c490 1s infinite alternate;
}
@-webkit-keyframes buttonAnim-be90c490 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes buttonAnim-be90c490 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.saved_poster_wrapper[data-v-be90c490] {
  width: 1280px;
  height: 1816px;
  position: absolute;
  pointer-events: none;
  left: 9999px;
  top: 9999px;
  background-size: 100% 100%;
  font-family: fzss;
}
.saved_poster_wrapper.clue_0[data-v-be90c490] {
  background-image: url(../images/posterBg0.jpg);
}
.saved_poster_wrapper.clue_1[data-v-be90c490] {
  background-image: url(../images/posterBg1.jpg);
}
.saved_poster_wrapper.clue_2[data-v-be90c490] {
  background-image: url(../images/posterBg2.jpg);
}
.saved_poster_wrapper.clue_3[data-v-be90c490] {
  background-image: url(../images/posterBg3.jpg);
}
.saved_poster_wrapper.clue_4[data-v-be90c490] {
  background-image: url(../images/posterBg4.jpg);
}
.clue_text_wrapper[data-v-be90c490] {
  font-size: 24px;
  min-height: 10px;
  color: #3c444c;
  writing-mode: vertical-rl;
  position: absolute;
  opacity: 0.85;
}
.guess_text_wrapper[data-v-be90c490] {
  min-height: 10px;
  min-width: 10px;
  font-size: 28px;
  color: #3c444c;
  writing-mode: vertical-rl;
  position: absolute;
  line-height: 1.3;
  letter-spacing: 0;
}
.gap[data-v-be90c490] {
  background-image: url(../images/posterGap.png);
  background-size: 100% 100%;
  width: 2px;
  height: 100%;
  margin: 0 4px;
}
.gap.light[data-v-be90c490] {
  background-image: url(../images/posterGapLight.png);
}
.hero[data-v-be90c490] {
  width: 500px;
  height: 800px;
  background-image: url(../images/poster/hero/chengyaojin.png);
  background-size: 100% 100%;
  position: absolute;
}
.qrcode[data-v-be90c490] {
  width: 114px;
  height: 114px;
  background-image: url(../images/poster/qr.png);
  background-size: 100% 100%;
  position: absolute;
}
.pv_0 .clue_text_wrapper[data-v-be90c490] {
  right: 100px;
  top: 98px;
}
.pv_0 .guess_text_wrapper[data-v-be90c490] {
  right: 780px;
  top: 368px;
}
.pv_0 .hero[data-v-be90c490] {
  left: 390px;
  top: 680px;
}
.pv_0 .qrcode[data-v-be90c490] {
  right: 83px;
  bottom: 105px;
}
.pv_1 .clue_text_wrapper[data-v-be90c490] {
  right: 100px;
  top: 57px;
}
.pv_1 .guess_text_wrapper[data-v-be90c490] {
  right: 850px;
  top: 650px;
}
.pv_1 .hero[data-v-be90c490] {
  left: 390px;
  top: 950px;
}
.pv_1 .qrcode[data-v-be90c490] {
  right: 90px;
  bottom: 105px;
}
