html {
      -webkit-tap-highlight-color: transparent
    }

    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif
    }

    a {
      text-decoration: none
    }

    button,
    input,
    textarea {
      color: inherit;
      font: inherit
    }

    [class*=van-]:focus,
    a:focus,
    button:focus,
    input:focus,
    textarea:focus {
      outline: 0
    }

    ol,
    ul {
      margin: 0;
      padding: 0;
      list-style: none
    }

    .van-ellipsis {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
    }

    .van-multi-ellipsis--l2 {
      -webkit-line-clamp: 2
    }

    .van-multi-ellipsis--l2,
    .van-multi-ellipsis--l3 {
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical
    }

    .van-multi-ellipsis--l3 {
      -webkit-line-clamp: 3
    }

    .van-clearfix:after {
      display: table;
      clear: both;
      content: ""
    }

    [class*=van-hairline]:after {
      position: absolute;
      box-sizing: border-box;
      content: " ";
      pointer-events: none;
      top: -50%;
      right: -50%;
      bottom: -50%;
      left: -50%;
      border: 0 solid #ebedf0;
      -webkit-transform: scale(.5);
      transform: scale(.5)
    }

    .van-hairline,
    .van-hairline--bottom,
    .van-hairline--left,
    .van-hairline--right,
    .van-hairline--surround,
    .van-hairline--top,
    .van-hairline--top-bottom {
      position: relative
    }

    .van-hairline--top:after {
      border-top-width: 1px
    }

    .van-hairline--left:after {
      border-left-width: 1px
    }

    .van-hairline--right:after {
      border-right-width: 1px
    }

    .van-hairline--bottom:after {
      border-bottom-width: 1px
    }

    .van-hairline--top-bottom:after,
    .van-hairline-unset--top-bottom:after {
      border-width: 1px 0
    }

    .van-hairline--surround:after {
      border-width: 1px
    }

    @-webkit-keyframes van-slide-up-enter {
      0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
      }
    }

    @keyframes van-slide-up-enter {
      0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
      }
    }

    @-webkit-keyframes van-slide-up-leave {
      to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
      }
    }

    @keyframes van-slide-up-leave {
      to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
      }
    }

    @-webkit-keyframes van-slide-down-enter {
      0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
      }
    }

    @keyframes van-slide-down-enter {
      0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
      }
    }

    @-webkit-keyframes van-slide-down-leave {
      to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
      }
    }

    @keyframes van-slide-down-leave {
      to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
      }
    }

    @-webkit-keyframes van-slide-left-enter {
      0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
      }
    }

    @keyframes van-slide-left-enter {
      0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
      }
    }

    @-webkit-keyframes van-slide-left-leave {
      to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
      }
    }

    @keyframes van-slide-left-leave {
      to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
      }
    }

    @-webkit-keyframes van-slide-right-enter {
      0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
      }
    }

    @keyframes van-slide-right-enter {
      0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
      }
    }

    @-webkit-keyframes van-slide-right-leave {
      to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
      }
    }

    @keyframes van-slide-right-leave {
      to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
      }
    }

    @-webkit-keyframes van-fade-in {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    @keyframes van-fade-in {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    @-webkit-keyframes van-fade-out {
      0% {
        opacity: 1
      }

      to {
        opacity: 0
      }
    }

    @keyframes van-fade-out {
      0% {
        opacity: 1
      }

      to {
        opacity: 0
      }
    }

    @-webkit-keyframes van-rotate {
      0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }

      to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
      }
    }

    @keyframes van-rotate {
      0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }

      to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
      }
    }

    .van-fade-enter-active {
      -webkit-animation: van-fade-in .3s ease-out both;
      animation: van-fade-in .3s ease-out both
    }

    .van-fade-leave-active {
      -webkit-animation: van-fade-out .3s ease-in both;
      animation: van-fade-out .3s ease-in both
    }

    .van-slide-up-enter-active {
      -webkit-animation: van-slide-up-enter .3s ease-out both;
      animation: van-slide-up-enter .3s ease-out both
    }

    .van-slide-up-leave-active {
      -webkit-animation: van-slide-up-leave .3s ease-in both;
      animation: van-slide-up-leave .3s ease-in both
    }

    .van-slide-down-enter-active {
      -webkit-animation: van-slide-down-enter .3s ease-out both;
      animation: van-slide-down-enter .3s ease-out both
    }

    .van-slide-down-leave-active {
      -webkit-animation: van-slide-down-leave .3s ease-in both;
      animation: van-slide-down-leave .3s ease-in both
    }

    .van-slide-left-enter-active {
      -webkit-animation: van-slide-left-enter .3s ease-out both;
      animation: van-slide-left-enter .3s ease-out both
    }

    .van-slide-left-leave-active {
      -webkit-animation: van-slide-left-leave .3s ease-in both;
      animation: van-slide-left-leave .3s ease-in both
    }

    .van-slide-right-enter-active {
      -webkit-animation: van-slide-right-enter .3s ease-out both;
      animation: van-slide-right-enter .3s ease-out both
    }

    .van-slide-right-leave-active {
      -webkit-animation: van-slide-right-leave .3s ease-in both;
      animation: van-slide-right-leave .3s ease-in both
    }

    .van-count-down {
      color: #323233;
      font-size: 14px;
      line-height: 20px
    }

    .van-overlay {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .7)
    }
  

    .borderedLess[data-v-79be875f] {
      width: 100vw;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-items: center
    }

    .borderedLess>div[data-v-79be875f] {
      position: relative;
      margin: 0 auto 0
    }

    .borderedLess .img[data-v-79be875f] {
      width: 100%
    }

    .borderedLess .AdChoices[data-v-79be875f] {
      width: 5rem;
      height: auto;
      position: absolute;
      top: 0;
      right: 0
    }

    .borderedLess .close-icon[data-v-79be875f] {
      display: inline-block;
      position: absolute;
      right: 0;
      top: 0;
      width: 6.8rem;
      height: 6.8rem;
      background-image: url(img/extracted_2.png);
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 11
    }

    @media screen and (orientation:landscape) {
      .borderedLess .close-icon[data-v-79be875f] {
        width: 8vh;
        height: 8vh
      }
    }

    .reward-model[data-v-54c434b4] {
      position: fixed;
      top: 0;
      z-index: 12;
      left: 0;
      width: 100vw;
      height: 100vh;
      padding-top: 4.4rem;
      box-sizing: border-box;
      overflow: hidden;
      display: flex;
      align-items: center
    }

    .reward-model .container[data-v-54c434b4] {
      width: 37.5rem;
      height: 7rem;
      position: relative
    }

    .reward-model .container .top[data-v-54c434b4] {
      width: 34.425rem;
      height: 44.735rem;
      position: absolute;
      top: -20.1rem;
      left: 50%;
      opacity: 0;
      transform: translateX(-50%)
    }

    .reward-model .container .top .arc[data-v-54c434b4] {
      width: 29.775rem;
      height: 15.925rem;
      background-image: url(img/arc.72a8c424.png);
      background-repeat: no-repeat;
      background-size: cover;
      position: absolute;
      top: 6.1rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1;
      padding-top: 3rem;
      box-sizing: border-box
    }

    .reward-model .container .top .light[data-v-54c434b4] {
      width: 32.95rem;
      height: 14.825rem;
      background-image: url(img/icon.d79b2fbd.png);
      background-repeat: no-repeat;
      background-size: cover;
      margin: 0 auto;
      position: relative;
      z-index: 2;
      top: 7rem
    }

    .reward-model .container .top .shine-box[data-v-54c434b4] {
      position: absolute;
      top: 0;
      z-index: 2;
      width: 37.5rem;
      height: 15.925rem;
      overflow: hidden
    }

    .reward-model .container .top .shine[data-v-54c434b4] {
      width: 33rem;
      height: 33rem;
      background-image: url(img/shine.c8f1dcca.png);
      background-repeat: no-repeat;
      background-size: cover;
      animation: shine-54c434b4 10s linear infinite
    }

    .reward-model .container .top .starlight[data-v-54c434b4] {
      width: 34.425rem;
      height: 44.735rem;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(img/light.735029ee.png);
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 2;
      padding-top: 9.5rem;
      box-sizing: border-box
    }

    .reward-model .container .top .starlight .text[data-v-54c434b4] {
      color: #fff;
      text-align: center;
      font-size: 1.2rem;
      font-family: Nunito;
      font-style: normal;
      font-weight: 900;
      line-height: 1.2rem
    }

    .reward-model .container .top .starlight .number[data-v-54c434b4] {
      display: flex;
      justify-content: center;
      margin-top: .85rem;
      transform: scale(0)
    }

    .reward-model .container .top .starlight .number .font-style[data-v-54c434b4] {
      font-family: Nunito;
      font-style: normal;
      font-weight: 900;
      color: #fff;
      text-align: center
    }

    .reward-model .container .top .starlight .number .money[data-v-54c434b4] {
      font-size: 5.8rem;
      line-height: 7.9rem
    }

    .reward-model .container .top .starlight .number .gsp-icon[data-v-54c434b4] {
      width: 6.1rem;
      height: 2rem;
      background-image: url(img/extracted_3.png);
      background-repeat: no-repeat;
      background-size: contain;
      margin-left: .5rem;
      display: flex;
      align-items: center;
      padding: 0 .4rem;
      box-sizing: border-box
    }

    .reward-model .container .top .starlight .number .gsp-icon>p[data-v-54c434b4] {
      font-family: Nunito;
      font-style: normal;
      font-weight: 700;
      font-size: 1.4rem;
      line-height: 1.9rem;
      display: flex;
      align-items: center;
      color: #b95901
    }

    .reward-model .container .top .starlight .number .gsp-icon .gold[data-v-54c434b4] {
      display: inline-block;
      width: 1.2rem;
      height: 1.2rem;
      background-image: url(img/extracted_4.png);
      background-repeat: no-repeat;
      background-size: contain;
      margin-left: .2rem
    }

    .reward-model .container .top .starlight .number .gsp[data-v-54c434b4] {
      font-size: 4rem;
      line-height: 1
    }

    .reward-model .bars[data-v-54c434b4] {
      animation: bar-54c434b4 .3s forwards
    }

    .reward-model .tui[data-v-54c434b4] {
      animation: tui-54c434b4 .3s forwards
    }

    @keyframes tui-54c434b4 {
      0% {
        transform: translateX(0)
      }

      to {
        transform: translateX(37.5rem)
      }
    }

    @keyframes bar-54c434b4 {
      0% {
        transform: translateX(-37.5rem)
      }

      to {
        transform: translateX(0)
      }
    }

    .reward-model .progress-panel[data-v-54c434b4] {
      width: 37.5rem;
      position: relative;
      z-index: 2;
      background: linear-gradient(90deg, #fa7273, #ffd875);
      box-shadow: 0 0 1rem rgba(225, 66, 31, .4);
      padding: 1.3rem 0 1.6rem 0;
      box-sizing: border-box;
      border: .15rem;
      border-style: solid none solid none;
      border-image-source: linear-gradient(90deg, #fff7ce, #fff0cd);
      border-image-slice: 1;
      border-image-repeat: stretch;
      transform: translateX(-37.5rem)
    }

    .reward-model .progress-panel>.text[data-v-54c434b4] {
      font-family: Nunito;
      font-style: normal;
      font-weight: 800;
      font-size: 1.8rem;
      line-height: 1.8rem;
      text-align: center;
      color: #fff
    }

    .reward-model .progress-panel>.text .coins[data-v-54c434b4] {
      width: 1.4rem
    }

    .reward-model .progress-panel .progress-bar[data-v-54c434b4] {
      width: 20rem;
      height: .8rem;
      background: rgba(44, 34, 33, .2);
      margin: 2.1rem auto 0;
      position: relative
    }

    .reward-model .progress-panel .progress-bar .after[data-v-54c434b4] {
      width: 2.2rem;
      height: 2.2rem;
      position: absolute;
      top: -.8rem;
      right: -.3rem
    }

    .reward-model .progress-panel .progress-bar[data-v-54c434b4]:before {
      display: inline-block;
      content: "";
      width: 1.2rem;
      height: 1.2rem;
      background-image: url(img/coins.7b510b12.png);
      background-repeat: no-repeat;
      background-size: cover;
      position: absolute;
      top: -.3rem;
      left: -.3rem;
      z-index: 1
    }

    .reward-model .progress-panel .progress-bar .bar[data-v-54c434b4] {
      height: .6rem;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      transition: .5s;
      background: linear-gradient(269.61deg, #ffe455 .34%, #ffda55 48.97%, #ffaa1a 99.66%)
    }

    @keyframes progress-54c434b4 {
      0% {
        transform: translateX(-37.5rem)
      }

      to {
        transform: translateX(0)
      }
    }

    @keyframes shine-54c434b4 {
      0% {
        transform: rotate(0deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    .iconList[data-v-54c434b4] {
      position: absolute;
      width: 3.188rem;
      height: 3.188rem;
      top: -9rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3
    }

    .iconList>img[data-v-54c434b4] {
      position: absolute;
      opacity: 0
    }

    .iconList .coins1[data-v-54c434b4] {
      width: 3.188rem;
      height: 3.188rem;
      top: 0;
      left: 0;
      z-index: 4
    }

    .iconList .coins2[data-v-54c434b4] {
      width: 2.8rem;
      top: 1.25rem;
      left: -.55rem;
      z-index: 3
    }

    .iconList .coins3[data-v-54c434b4] {
      width: 1.9rem;
      top: 2.65rem;
      left: -1.4rem;
      z-index: 2
    }

    .iconList .coins4[data-v-54c434b4] {
      width: 1.2rem;
      top: 4.37rem;
      left: -2.15rem;
      z-index: 1
    }

    .moving[data-v-54c434b4] {
      animation: coins-54c434b4 .7s ease-in forwards
    }

    @keyframes coins-54c434b4 {
      0% {
        top: -9rem;
        left: 50%;
        transform: translateX(-50%) scale(1)
      }

      25% {
        opacity: 1
      }

      75% {
        opacity: 1
      }

      to {
        top: 3rem;
        left: 26%;
        opacity: 1;
        transform: translateX(-50%) scale(0)
      }
    }

    @keyframes showCoins-54c434b4 {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    @media screen and (orientation:landscape) {
      .horizontal .rule-style[data-v-c4c0cb94] {
        padding-top: 0
      }

      .horizontal .rule-panel[data-v-c4c0cb94] {
        height: 95vh;
        background-position: 50%;
        padding-top: 1vh !important
      }

      .horizontal .rule-panel .title[data-v-c4c0cb94] {
        line-height: 16vmin !important;
        font-size: 4.5vmin !important
      }

      .horizontal .rule-panel .content-title[data-v-c4c0cb94] {
        font-size: 3vmin !important
      }

      .horizontal .rule-panel .main[data-v-c4c0cb94] {
        width: 58vmin !important;
        height: 71vmin !important;
        margin-top: 0 !important
      }

      .horizontal .rule-panel .main .tip-text[data-v-c4c0cb94] {
        font-size: 3vmin;
        margin-top: 2vmin !important;
        line-height: 5vmin !important
      }

      .horizontal .rule-panel .main .content[data-v-c4c0cb94] {
        width: 56vmin !important;
        border-radius: 2vmin;
        margin: 3vmin auto !important;
        padding: 3vmin !important
      }

      .horizontal .rule-panel .main .content .reward-box .reward[data-v-c4c0cb94] {
        font-size: 2.6667vh;
        line-height: 4.3333vh
      }

      .horizontal .rule-panel .main .content .reward-box .reward>img[data-v-c4c0cb94] {
        width: 6.6667vh;
        height: 6.6667vh
      }

      .horizontal .rule-panel .main .content .more[data-v-c4c0cb94] {
        font-size: 2.5vmin;
        margin-top: 1vmin
      }

      .horizontal .rule-panel .main .content .more .arrow[data-v-c4c0cb94] {
        width: 2vmin
      }

      .horizontal .rule-panel .main .tip[data-v-c4c0cb94] {
        margin-top: 1vmin !important
      }

      .horizontal .pop-close[data-v-c4c0cb94] {
        width: 15vmin !important;
        transform: translateY(-1vmin) !important;
        height: 15vmin !important
      }
    }

    .rule-style[data-v-c4c0cb94] {
      position: fixed;
      top: 0;
      height: 100vh;
      width: 100vw;
      padding-top: 5rem;
      box-sizing: border-box;
      z-index: 13;
      background-color: rgba(0, 0, 0, .7)
    }

    .model[data-v-c4c0cb94] {
      height: 100vh;
      width: 100vw;
      position: absolute;
      top: 0
    }

    .font-w[data-v-c4c0cb94] {
      font-weight: 700
    }

    .horizontal[data-v-c4c0cb94],
    .verticle[data-v-c4c0cb94] {
      width: 100%
    }

    .rule-box[data-v-c4c0cb94] {
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%
    }

    .rule-box .rule-panel[data-v-c4c0cb94] {
      width: 100%;
      background-repeat: no-repeat;
      background-size: contain;
      padding-top: 3rem
    }

    .rule-box .rule-panel .title[data-v-c4c0cb94] {
      width: 100%;
      line-height: 3rem;
      color: #fff;
      font-size: 2.2rem;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .rule-box .rule-panel .main[data-v-c4c0cb94] {
      width: 27rem;
      height: 33.5rem;
      margin: 1rem auto 0;
      overflow: scroll
    }

    .rule-box .rule-panel .content[data-v-c4c0cb94] {
      margin: 1.6rem auto;
      width: 100%;
      border-radius: 1.6rem;
      background: #fdf3de;
      padding: .8rem;
      box-sizing: border-box
    }

    .rule-box .rule-panel .content .reward-box[data-v-c4c0cb94] {
      overflow: hidden;
      padding-bottom: .8rem;
      box-sizing: border-box;
      position: relative
    }

    .rule-box .rule-panel .content .more[data-v-c4c0cb94] {
      margin-top: .8rem;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 10000;
      font-family: Nunito;
      font-style: normal;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.35rem;
      color: #b48373;
      left: 50%;
      top: 36rem
    }

    .rule-box .rule-panel .content .more .arrow[data-v-c4c0cb94] {
      width: 1rem;
      margin-left: .55rem;
      transform: rotate(180deg)
    }

    .rule-box .rule-panel .content .more .rotate[data-v-c4c0cb94] {
      transform: rotate(0)
    }

    .rule-box .rule-panel .content .reward-box[data-v-c4c0cb94]:after {
      display: inline-block;
      width: 100%;
      content: "";
      border-bottom: .1rem solid rgba(220, 184, 154, .3);
      position: absolute;
      bottom: 0
    }

    .rule-box .rule-panel .content .reward[data-v-c4c0cb94] {
      font-size: 1rem;
      color: #b48373;
      line-height: 1.75rem;
      font-family: Nunito;
      font-style: normal;
      display: flex;
      align-items: center
    }

    .rule-box .rule-panel .content .reward>img[data-v-c4c0cb94] {
      width: 3.2rem;
      height: 3.2rem;
      flex-shrink: 0;
      margin-right: .4rem
    }

    .rule-box .rule-panel .content-title[data-v-c4c0cb94] {
      margin-bottom: .4rem;
      color: #8e5b4a;
      font-size: 1.2rem;
      font-family: Nunito;
      font-style: normal;
      line-height: 1.35rem
    }

    .rule-box .rule-panel .tip-text[data-v-c4c0cb94] {
      margin-top: .4rem;
      font-family: Nunito;
      font-style: normal;
      font-weight: 400;
      font-size: 1rem;
      color: #b48373;
      line-height: 1.35rem
    }

    .rule-box .rule-panel .pop-close[data-v-c4c0cb94] {
      width: 11.13rem;
      height: 11.13rem;
      background: url(img/extracted_5.png) no-repeat 50%;
      background-size: contain;
      margin: 0 auto;
      transform: translateY(-1rem)
    }

    .modal-shade-fade-enter-active[data-v-c4c0cb94],
    .modal-shade-fade-leave-active[data-v-c4c0cb94] {
      animation: showModal .5s ease-in-out
    }

    .modal-shade-fade-enter[data-v-c4c0cb94],
    .modal-shade-fade-leave-to[data-v-c4c0cb94] {
      opacity: 0
    }

    .AdChoices[data-v-1677ee64] {
      position: absolute;
      top: 0;
      right: 0;
      width: 6rem
    }

    #canvas[data-v-1677ee64] {
      border-radius: 1.2rem;
      background-size: cover;
      background-repeat: no-repeat;
      background-position-x: center;
      margin: 0 auto
    }

    .panel[data-v-1677ee64] {
      position: relative;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto
    }

    .hand[data-v-1677ee64] {
      background-repeat: no-repeat;
      background-size: 100% auto;
      position: absolute;
      top: 5rem;
      left: 0;
      z-index: 1;
      animation: guaguaHandeMove-1677ee64 2s linear infinite
    }

    @keyframes guaguaHandeMove-1677ee64 {
      0% {
        transform: translate(0);
        opacity: .5
      }

      25% {
        transform: translate(6rem, -6rem)
      }

      50% {
        transform: translate(12rem, 2rem);
        opacity: 1
      }

      80% {
        transform: translate(18rem, -5rem);
        opacity: .8
      }

      to {
        transform: translate(24rem, 4rem);
        opacity: 0
      }
    }

    @media screen and (orientation:landscape) {
      .hand[data-v-1677ee64] {
        animation: hand-1677ee64 2s linear infinite
      }

      @keyframes hand-1677ee64 {
        0% {
          transform: translate(0);
          opacity: .5
        }

        25% {
          transform: translate(16.2vh, -16.2vh)
        }

        50% {
          transform: translate(32.4vh, 5.4vh);
          opacity: 1
        }

        80% {
          transform: translate(48.6vh, -13.5vh);
          opacity: .8
        }

        to {
          transform: translate(64.8vh, 10.8vh);
          opacity: 0
        }
      }
    }

    .prizeContent {
      width: 100vw;
      height: 100vh;
      display: flex;
      align-items: center;
      position: relative;
      justify-content: center
    }

    .prizeContent .ops {
      height: 40rem;
      width: 100vw;
      margin-top: 11rem;
      position: relative
    }

    .prizeContent .main {
      animation: purse2 1s linear 2;
      height: 20rem;
      transform-origin: center center
    }

    @keyframes ani {
      0% {
        opacity: .8;
        transform: scale(.8)
      }

      to {
        opacity: 1;
        transform: scale(1.2)
      }
    }

    .close-icon {
      display: inline-block;
      right: 0;
      top: 0;
      width: 6.8rem;
      height: 6.8rem;
      background-image: url(img/extracted_6.webp);
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 11
    }

    .close-icon,
    .lid {
      position: absolute
    }

    .lid {
      width: 18rem;
      height: 13.5rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3;
      margin-top: .5rem
    }

    .lid>img {
      width: 100%
    }

    .lid1 {
      width: 25.3rem;
      height: 15.2rem
    }

    .lid0 {
      width: 24.5rem;
      height: 17.3rem;
      margin-top: -1.5rem
    }

    .openLid {
      animation: openLid .3s linear forwards
    }

    .scaleItem {
      animation: scaleItem .3s linear forwards
    }

    .prizesImg {
      position: absolute;
      z-index: 4;
      top: 6rem;
      width: 30.8rem;
      height: 15.8rem;
      left: 4rem;
      opacity: 0;
      padding-top: 1.5rem;
      box-sizing: border-box;
      text-align: center;
      background-image: url(img/extracted_7.webp);
      background-repeat: no-repeat;
      background-size: cover
    }

    .prizesImg>img:first-child {
      width: 27.6rem;
      height: 13rem;
      background: #fff;
      border-radius: 1rem
    }

    @keyframes openLid {
      0% {
        top: 0
      }

      to {
        top: -3rem
      }
    }

    .body {
      width: 17.8rem;
      height: 14rem;
      left: 50%;
      transform: translateX(-50%);
      margin-top: 7.6rem;
      z-index: 2
    }

    .body,
    .body>img {
      position: absolute
    }

    .body>img {
      width: 100%
    }

    .body1 {
      width: 22.6rem;
      height: 16rem;
      margin-top: 10.6rem
    }

    .body0 {
      width: 23.9rem;
      height: 18.3rem;
      margin-top: 8.6rem
    }

    .openBody {
      animation: openBody .3s linear forwards
    }

    @keyframes openBody {
      0% {
        top: 0
      }

      to {
        top: 4.5rem
      }
    }

    @keyframes purse2 {
      0% {
        transform: scale(1)
      }

      20% {
        transform: scale(1.1)
      }

      30% {
        transform: scale(1.1) rotate(10deg)
      }

      40% {
        transform: scale(1.1) rotate(-10deg)
      }

      50% {
        transform: scale(1.1) rotate(10deg)
      }

      60% {
        transform: scale(1.1) rotate(-10deg)
      }

      70%,
      to {
        transform: scale(1) rotate(0deg)
      }
    }

    .van-overlay[data-v-57b1c37e] {
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1111
    }

    .closeModel[data-v-57b1c37e] {
      color: wheat
    }

    .header[data-v-1edd6636] {
      width: 100%;
      height: 2.98rem;
      background-color: #fb9ca2;
      color: #fff;
      padding-top: 1rem;
      font-size: 1.6rem;
      text-decoration: underline;
      padding: 0 0 0 1rem;
      display: flex;
      align-items: center;
      box-sizing: border-box
    }

    .header .title[data-v-1edd6636] {
      margin-left: .5rem
    }

    @media screen and (orientation:landscape) {
      .header[data-v-1edd6636] {
        width: 100%;
        height: 8.046vh;
        background-color: #fb9ca2;
        color: #fff;
        padding-top: 2.7vh;
        font-size: 4.32vh;
        text-decoration: underline;
        padding: 0 0 0 2.7vh;
        display: flex;
        align-items: center;
        box-sizing: border-box
      }

      .header .title[data-v-1edd6636] {
        margin-left: 1.35vh
      }

      .header .icon[data-v-1edd6636] {
        width: 5.4vh
      }
    }

    .list-box[data-v-f6db364e] {
      width: 100%;
      min-height: 100vh;
      background-color: #fff;
      position: relative;
      top: 0;
      z-index: 11
    }

    .list-box .prize-container[data-v-f6db364e] {
      height: calc(100vh - 2.98rem);
      overflow-y: scroll
    }

    .header[data-v-f6db364e] {
      width: 100%;
      height: 2.98rem;
      background-color: #fb9ca2;
      color: #fff;
      padding-top: 1rem;
      font-size: 1.6rem;
      text-decoration: underline;
      padding: 0 0 0 1rem;
      display: flex;
      align-items: center;
      box-sizing: border-box
    }

    .header .title[data-v-f6db364e] {
      margin-left: .5rem
    }

    .prize-box[data-v-f6db364e] {
      padding: 0 1rem;
      box-sizing: border-box;
      height: 12rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #cecece
    }

    .prize-box .prize-pic[data-v-f6db364e] {
      width: 30%;
      border-radius: 1rem
    }

    .prize-box .take-it[data-v-f6db364e] {
      line-height: 1.8rem;
      color: #fff;
      font-size: 1.6rem;
      background: red;
      position: relative;
      width: 7.25rem;
      height: 7.25rem;
      border-radius: 7.25rem;
      text-align: center
    }

    .emptyStatus[data-v-f6db364e] {
      min-height: calc(100vh - 2.98rem);
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #fff
    }

    .emptyStatus .emptyImg[data-v-f6db364e] {
      width: 15.9rem;
      height: 12.2rem;
      margin: 0 auto;
      background-image: url(img/em.23ec50e8.png);
      background-repeat: no-repeat;
      background-size: contain
    }

    .emptyStatus .getPrize[data-v-f6db364e] {
      font-size: 1.6rem;
      font-family: Arial;
      font-weight: 400;
      color: #222;
      margin-top: 1.7rem
    }

    .emptyStatus .toGet[data-v-f6db364e] {
      width: 16.6rem;
      height: 3.2rem;
      background: #fa2a2a;
      border-radius: .5rem;
      font-size: 17px;
      font-family: Arial;
      font-weight: 400;
      color: #fff;
      text-align: center;
      margin-top: 2.3rem;
      line-height: 3.2rem
    }

    @media screen and (orientation:landscape) {
      .list-box[data-v-f6db364e] {
        width: 100%
      }

      .list-box .prize-container[data-v-f6db364e] {
        height: 91.954vh;
        overflow-y: scroll
      }

      .header[data-v-f6db364e] {
        height: 8.046vh;
        padding-top: 2.7vh;
        font-size: 4.32vh;
        padding: 0 0 0 2.7vh
      }

      .header .title[data-v-f6db364e] {
        margin-left: 1.35vh
      }

      .prize-box[data-v-f6db364e] {
        padding: 0 2.7vh;
        box-sizing: border-box;
        height: 32.4vh;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #cecece
      }

      .prize-box .prize-pic[data-v-f6db364e] {
        width: 30vh;
        border-radius: 2.7vh
      }

      .prize-box .take-it[data-v-f6db364e] {
        line-height: 4.86vh;
        color: #fff;
        font-size: 4.32vh;
        background: red;
        position: relative;
        width: 19.575vh;
        height: 19.575vh;
        border-radius: 19.575vh;
        text-align: center
      }

      .emptyStatus[data-v-f6db364e] {
        min-height: 91.954vh
      }

      .emptyStatus .emptyImg[data-v-f6db364e] {
        width: 42.93vh;
        height: 32.94vh
      }

      .emptyStatus .getPrize[data-v-f6db364e] {
        font-size: 4.32vh;
        margin-top: 4.59vh
      }

      .emptyStatus .toGet[data-v-f6db364e] {
        width: 44.82vh;
        height: 3.2rem;
        border-radius: .5rem;
        font-size: 17px;
        margin-top: 2.3rem;
        line-height: 3.2rem
      }
    }

    .horizontalHeader[data-v-c189eeba] {
      height: 2.4rem !important
    }

    .horizontalHeader .back[data-v-c189eeba] {
      width: .5rem !important;
      height: .75rem !important
    }

    .header[data-v-c189eeba] {
      width: 3.6rem;
      height: 3.6rem;
      border-radius: 1rem;
      display: flex;
      align-items: center;
      box-sizing: border-box;
      position: fixed;
      top: 4rem;
      left: .6rem;
      z-index: 11;
      background: rgba(0, 0, 0, .3);
      justify-content: center
    }

    .close[data-v-c189eeba] {
      z-index: 11;
      display: flex;
      transition: opacity 2s;
      width: 2.4rem;
      height: 2.4rem;
      position: fixed;
      top: 1rem;
      right: 0;
      background-image: url(img/extracted_8.png)
    }

    .back[data-v-c189eeba],
    .close[data-v-c189eeba] {
      background-repeat: no-repeat;
      background-size: 100% auto
    }

    .back[data-v-c189eeba] {
      display: inline-block;
      width: 1.8rem;
      height: 1.8rem;
      background-image: url(img/extracted_9.svg)
    }

    .close span[data-v-c189eeba] {
      color: #fff;
      font-size: 12px
    }

    .close.x[data-v-c189eeba]:after,
    .close.x[data-v-c189eeba]:before {
      content: " ";
      width: 70%;
      height: 1px;
      background: #fff;
      position: absolute;
      top: 50%
    }

    .close.x[data-v-c189eeba]:before {
      transform: rotate(45deg)
    }

    .close.x[data-v-c189eeba]:after {
      transform: rotate(-45deg)
    }

    @media screen and (orientation:landscape) {
      .close[data-v-c189eeba] {
        width: 6.4vh;
        height: 6.4vh
      }
    }

    #uni-down-index .wrapper .emptyStatus {
      min-height: calc(100vh - .36em);
      display: flex;
      justify-content: center;
      align-items: center
    }

    #uni-down-index .wrapper .emptyStatus .empty-box .empty {
      width: 23.8rem;
      height: 17.8rem;
      margin: 0 auto;
      background-image: url(img/em.10c48a50.png);
      background-repeat: no-repeat;
      background-size: contain
    }

    #uni-down-index .wrapper .emptyStatus .gifTBox {
      font-size: 19px;
      font-family: Arial;
      font-weight: 400;
      color: #8c8c8c
    }

    #uni-down-index .wrapper .emptyStatus .gifTBox:before {
      margin-right: 1rem
    }

    #uni-down-index .wrapper .emptyStatus .gifTBox:after,
    #uni-down-index .wrapper .emptyStatus .gifTBox:before {
      display: inline-block;
      content: " ";
      border-bottom: 1px solid #8d8d8d;
      width: 6rem;
      height: .1rem;
      margin-bottom: .4rem
    }

    #uni-down-index .wrapper .emptyStatus .gifTBox:after {
      margin-left: 1rem
    }

    #uni-down-index .wrapper .emptyStatus .goToGetNow {
      width: 23.8rem;
      height: 3.6rem;
      background: #08964c;
      border-radius: .5rem;
      font-size: 17px;
      font-family: Arial;
      font-weight: 400;
      color: #fff;
      text-align: center;
      line-height: 3.6rem
    }

    #uni-down-index .uni-down-progress .horizontal {
      top: 0;
      right: 15rem
    }

    #uni-down-index {
      position: fixed;
      right: 0
    }

    #uni-down-index .wrapper {
      width: 100vw;
      min-height: 100vh;
      background-color: #fff
    }

    #uni-down-index .wrapper .nav-bar {
      height: .36em;
      background-color: #08964c;
      display: flex
    }

    #uni-down-index .wrapper .nav-bar-left {
      height: 100%;
      width: .4em;
      position: relative
    }

    #uni-down-index .wrapper .nav-bar-left:before {
      content: "";
      position: absolute;
      display: inline-block;
      height: 100%;
      width: 100%;
      background: url(img/extracted_10.png) no-repeat 50%;
      background-size: contain
    }

    #uni-down-index .wrapper .nav-bar-right {
      height: 100%;
      width: 100%;
      flex: 1;
      font-size: .18em;
      color: #fff;
      display: flex;
      align-items: center
    }

    #uni-down-index .wrapper .download-list {
      height: calc(100vh - .36em);
      overflow-y: auto
    }

    #uni-down-index .wrapper .download-list-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: .84em;
      padding: .08em .18em;
      border-bottom: .01em solid #e5e5e5
    }

    #uni-down-index .wrapper .download-list-item_left {
      height: .48em;
      width: .48em;
      margin-right: .12em;
      border-radius: .06em;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: contain
    }

    #uni-down-index .wrapper .download-list-item_mid {
      width: 1.8em;
      flex: 1
    }

    #uni-down-index .wrapper .download-list-item_mid .title {
      color: #484848;
      font-size: .16em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 2
    }

    #uni-down-index .wrapper .download-list-item_mid .desc {
      margin-top: .04em;
      color: #a6a6a6;
      font-size: .12em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 2
    }

    #uni-down-index .wrapper .download-list-item_right {
      height: .34em;
      width: .8em;
      margin-left: .19em
    }

    #uni-down-index .wrapper .download-list-item_right .button {
      height: 100%;
      width: 100%;
      border-radius: .4em;
      border: .01em solid #08964c;
      text-align: center;
      font-size: .14em;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative
    }

    #uni-down-index .wrapper .download-list-item_right .button.install {
      background-color: #08964c
    }

    #uni-down-index .wrapper .download-list-item_right .button.open .txt {
      color: #08964c
    }

    #uni-down-index .wrapper .download-list-item_right .button.fail {
      position: relative;
      background-color: rgba(223, 46, 48, .5);
      border-color: #df2e30;
      color: #fff
    }

    #uni-down-index .wrapper .download-list-item_right .button.fail .percent {
      background-color: #df2e30
    }

    #uni-down-index .wrapper .download-list-item_right .button.fail .txt {
      background: url(img/extracted_11.png) no-repeat 0;
      background-size: 1em 1em;
      padding-left: 1.3em
    }

    #uni-down-index .wrapper .download-list-item_right .button.downloading {
      background-color: #80d2a5
    }

    #uni-down-index .wrapper .download-list-item_right .button.downloading .percent {
      background-color: #08964c
    }

    #uni-down-index .wrapper .download-list-item_right .button .percent {
      position: absolute;
      display: inline-block;
      height: 100%;
      width: 0;
      left: 0;
      top: 0;
      border-radius: .4em 0 0 .4em
    }

    #uni-down-index .wrapper .download-list-item_right .button .txt {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      z-index: 3
    }

    div {
      line-height: 100%
    }

    .image-style-contain {
      background-repeat: no-repeat;
      background-size: contain
    }

    .image-style-cover {
      background-repeat: no-repeat;
      background-size: cover
    }

    .image-style-vertical-mid {
      vertical-align: middle
    }

    .flex-row-between {
      display: flex;
      justify-content: space-between
    }

    .flex-row-around {
      display: flex;
      justify-content: space-around
    }

    .single-txt-overflow {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .more-txt-overflow {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden
    }

    .vertical-center {
      position: absolute;
      top: 50%;
      transform: translateY(-50%)
    }

    .horizontal-center {
      margin: 0 auto
    }

    .vertical-horizontal-center {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      margin: 0 auto;
      transform: translateY(-50%)
    }

    #uni-down-index .progress-circle {
      position: absolute;
      top: 1.5em;
      right: 0;
      height: .48em;
      width: .48em;
      background-color: #fff;
      border-radius: 50%;
      box-shadow: 0 .02em .1em 0 #000;
      transition: left .4s ease
    }

    #uni-down-index .progress-circle:before {
      content: "";
      display: inline-block;
      height: .3em;
      width: .3em;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: url(img/extracted_12.png) no-repeat 50%;
      background-size: contain
    }

    #uni-down-index .progress-circle .num-tag {
      position: absolute;
      right: .5em;
      top: -.4em;
      line-height: .09em;
      padding: .7em .5em;
      font-size: .09em;
      border-radius: 50%;
      z-index: 3;
      color: #fff;
      background-color: #eb4d3d
    }

    #uni-down-index .progress-circle .hidden-box {
      position: absolute;
      display: inline-block;
      width: 50%;
      height: 100%;
      overflow: hidden
    }

    #uni-down-index .progress-circle .hidden-box.right {
      left: 50%
    }

    #uni-down-index .progress-circle-cover {
      display: inline-block;
      width: 100%;
      height: 100%;
      background-color: #80d2a5;
      opacity: .5
    }

    #uni-down-index .progress-circle-cover.left {
      position: absolute;
      border-radius: 1em 0 0 1em;
      transform-origin: right center;
      transition: transform .1s
    }

    #uni-down-index .progress-circle-cover.right {
      position: absolute;
      border-radius: 0 1em 1em 0;
      transform-origin: left center;
      transition: transform .1s
    }

    .end-jump {
      animation-name: jump;
      animation-duration: .6s;
      animation-iteration-count: 3
    }

    .end-scale {
      animation-name: scaleIn;
      animation-duration: .4s;
      animation-iteration-count: 1
    }

    @keyframes jump {
      0% {
        transform: translateY(0)
      }

      50% {
        transform: translateY(20px)
      }

      to {
        transform: translateY(0)
      }
    }

    @keyframes scaleIn {
      0% {
        transform: scale(1)
      }

      to {
        transform: scale(.3)
      }
    }

    #app {
      position: relative
    }

    #uni-down-index * {
      box-sizing: border-box;
      margin: 0;
      padding: 0
    }

    #uni-down-index {
      top: 0;
      left: 0;
      font-size: 100px !important;
      z-index: 9999999
    }

    .tiny-ball {
      display: flex;
      justify-content: center;
      align-items: center;
      visibility: hidden;
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      height: .24em;
      width: .24em;
      background-color: #fff;
      border-radius: 50%;
      box-shadow: 0 .02em .1em 0 #000;
      transition: left 1s ease-in, top 1s linear
    }

    .tiny-ball:before {
      content: "";
      display: inline-block;
      height: .15em;
      width: .15em;
      background: url(img/extracted_13.png) no-repeat 50%;
      background-size: contain
    }

    .bg[data-v-3625ee14] {
      width: 100vw;
      height: 100vh;
      position: fixed;
      z-index: 99;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, .7)
    }

    .modalBox[data-v-3625ee14] {
      width: 33.5rem;
      position: absolute;
      z-index: 99;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #ead7b6;
      border: .2rem solid #e9935a;
      border-radius: 2.4rem;
      padding: 1rem;
      box-sizing: border-box
    }

    .modalBox .closeBox[data-v-3625ee14] {
      position: absolute;
      top: 1rem;
      right: 1rem;
      z-index: 9
    }

    .modalBox .closeBox .rightTopChunk[data-v-3625ee14] {
      width: 6rem;
      height: 6rem;
      position: relative
    }

    .modalBox .closeBox .rightTopChunk .closeBox[data-v-3625ee14] {
      width: 2.8rem;
      height: 2.8rem;
      position: absolute;
      left: 3rem;
      top: 0;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .modalBox .closeBox .rightTopChunk .fillChunk[data-v-3625ee14] {
      width: 4.8rem;
      height: 4.8rem;
      border-left: 2px solid #fdf3de;
      border-bottom: 2px solid #fdf3de;
      position: absolute;
      top: .1rem;
      z-index: 9
    }

    .modalBox .closeBox .rightTopChunk>svg[data-v-3625ee14] {
      background: #ead7b6;
      position: absolute;
      top: -1rem;
      right: -1rem;
      border-radius: 0 2.4rem 0 0
    }

    .modalBox .container[data-v-3625ee14] {
      width: 100%;
      overflow: scroll;
      background: #fdf3de;
      border-radius: 1.6rem;
      padding: 1.6rem .8rem .8rem;
      display: flex;
      flex-direction: column;
      box-sizing: border-box
    }

    .modalBox .container .title[data-v-3625ee14] {
      text-align: center;
      font-weight: 700;
      font-size: 1.8rem;
      line-height: 2.2rem;
      color: #8e5b4a
    }

    .modalBox .container .content[data-v-3625ee14] {
      font-size: 1.2rem;
      line-height: 1.8rem;
      color: #8e5b4a;
      box-sizing: border-box
    }

    .modalBox .container .bottom[data-v-3625ee14] {
      bottom: 2rem
    }

    .modalBox .btnBox[data-v-3625ee14] {
      margin-top: 2.4rem;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 1.2rem
    }

    .modalBox .btnBox .leftBtn[data-v-3625ee14],
    .modalBox .btnBox .rightBtn[data-v-3625ee14] {
      flex: 2;
      height: 3.8rem;
      border-radius: 10rem;
      font-size: 1.4rem;
      line-height: 3.8rem;
      text-align: center
    }

    .modalBox .btnBox .leftBtn[data-v-3625ee14] {
      border: .1rem solid #dc4d47;
      margin-right: .8rem;
      color: #dc4d47
    }

    .modalBox .btnBox .rightBtn[data-v-3625ee14] {
      border: .1rem solid #dc4d47;
      background-color: #dc4d47;
      color: #fff
    }

    @media screen and (orientation:landscape) {
      .modalBox[data-v-3625ee14] {
        width: 102.6vh;
        height: 90.45vh;
        border: .54vh solid #e9935a;
        border-radius: 6.48vh;
        padding: 2.7vh;
        box-sizing: border-box
      }

      .modalBox .closeBox[data-v-3625ee14] {
        position: absolute;
        top: 2.7vh;
        right: 2.7vh;
        z-index: 9
      }

      .modalBox .closeBox .rightTopChunk[data-v-3625ee14] {
        width: 16.2vh;
        height: 16.2vh;
        position: relative
      }

      .modalBox .closeBox .rightTopChunk .closeBox[data-v-3625ee14] {
        width: 7.56vh;
        height: 7.56vh;
        position: absolute;
        left: 8.1vh;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center
      }

      .modalBox .closeBox .rightTopChunk .fillChunk[data-v-3625ee14] {
        width: 12.96vh;
        height: 12.96vh;
        border-left: 2px solid #fdf3de;
        border-bottom: 2px solid #fdf3de;
        position: absolute;
        top: .27vh;
        z-index: 9
      }

      .modalBox .closeBox .rightTopChunk>svg[data-v-3625ee14] {
        background: #ead7b6;
        position: absolute;
        top: -2.7vh;
        right: -2.7vh;
        border-radius: 0 6.48vh 0 0
      }

      .modalBox .container[data-v-3625ee14] {
        width: 100%;
        height: 84.35vh;
        overflow: scroll;
        border-radius: 4.32vh;
        padding: 4.32vh 2.16vh 2.16vh
      }

      .modalBox .container .title[data-v-3625ee14] {
        font-size: 4.46vh;
        line-height: 9.54vh
      }

      .modalBox .container .content[data-v-3625ee14] {
        font-size: 3.24vh;
        line-height: 4.46vh
      }

      .modalBox .container .bottom[data-v-3625ee14] {
        bottom: 6.48vh
      }

      .modalBox .btnBox[data-v-3625ee14] {
        margin-top: 6.48vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 3.24vh
      }

      .modalBox .btnBox .leftBtn[data-v-3625ee14],
      .modalBox .btnBox .rightBtn[data-v-3625ee14] {
        flex: 2;
        height: 10.26vh;
        border-radius: 27vh;
        font-size: 1.4rem;
        line-height: 3.78vh;
        text-align: center
      }

      .modalBox .btnBox .leftBtn[data-v-3625ee14] {
        border: .27vh solid #dc4d47;
        margin-right: 2.16vh;
        color: #dc4d47
      }

      .modalBox .btnBox .rightBtn[data-v-3625ee14] {
        border: .27vh solid #dc4d47;
        background-color: #dc4d47;
        color: #fff
      }
    }

    .richText .contents[data-v-2d1c7ae0] {
      margin-top: 2rem;
      width: 29.5rem;
      height: 27.35rem;
      overflow-y: scroll
    }

    .richText .text[data-v-2d1c7ae0] {
      line-height: 1.5
    }

    .richText .margin-top-8[data-v-2d1c7ae0] {
      margin: .8rem 0
    }

    .richText .bold[data-v-2d1c7ae0] {
      font-weight: 700
    }

    .richText .toFeedback[data-v-2d1c7ae0] {
      color: #dc4d47;
      font-family: Nunito;
      font-weight: 700;
      font-size: 1.2rem;
      line-height: normal;
      letter-spacing: 0;
      text-align: left
    }

    @media screen and (orientation:landscape) {
      .richText .contents[data-v-2d1c7ae0] {
        margin-top: 0;
        width: 93vh;
        height: 59.845vh
      }

      .richText .contents .textBox[data-v-2d1c7ae0] {
        transform-origin: top left
      }

      .richText .toFeedback[data-v-2d1c7ae0] {
        color: #dc4d47;
        font-family: Nunito;
        font-weight: 700;
        font-size: 3.24vh;
        line-height: normal;
        text-align: left
      }
    }

    .van-toast--html,
    .van-toast--text {
      min-width: 17rem !important
    }

    .van-toast {
      position: fixed;
      top: 50%;
      left: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      box-sizing: content-box;
      width: 88px;
      max-width: 70%;
      min-height: 88px;
      padding: 16px;
      color: #fff;
      font-size: 14px;
      line-height: 20px;
      white-space: pre-wrap;
      text-align: center;
      word-break: break-all;
      background-color: rgba(0, 0, 0, .7);
      border-radius: 8px;
      transform: translate3d(-50%, -50%, 0)
    }

    .van-icon-success:before {
      display: inline-block;
      content: "✔";
      font-size: 3rem
    }

    .submitPage .Modal-boxs {
      position: relative;
      top: -50rem
    }

    .submitPage .content {
      margin-top: 2rem
    }

    .submitPage .content .content-title {
      color: #8e5b4a;
      font-family: Nunito;
      font-weight: 700;
      font-size: 1.2rem;
      line-height: 1.5;
      letter-spacing: 0;
      margin-bottom: .4rem
    }

    .submitPage .content .categoryList {
      display: flex;
      flex-wrap: wrap
    }

    .submitPage .content .categoryList .category {
      border-radius: 1.4rem;
      color: #8e5b4a;
      font-family: Nunito;
      font-weight: 700;
      font-size: 1.2rem;
      line-height: 1.2rem;
      letter-spacing: 0;
      text-align: center;
      padding: .8rem;
      margin-right: .8rem;
      margin-top: .8rem
    }

    .submitPage .content .categoryList .none {
      background: #fff
    }

    .submitPage .content .categoryList .select {
      background: #f5e8ce
    }

    .submitPage .content .margin-t-16 {
      margin-top: 1.6rem
    }

    .submitPage .content .question .textarea {
      height: 7.4rem;
      background: #fffeee;
      padding: .8rem 0 0 .8rem
    }

    .submitPage .content .question .textarea,
    .submitPage .content .question>input {
      width: 29.5rem;
      border-radius: .6rem;
      border: .05rem solid #e97f44;
      box-sizing: border-box
    }

    .submitPage .content .question>input {
      height: 2.8rem;
      background: #fff, #fffeee;
      padding-left: .8rem
    }

    .submitPage .content .question .textarea::-webkit-input-placeholder,
    .submitPage .content .question input::-webkit-input-placeholder {
      color: #e1bdb0;
      font-family: Nunito;
      font-weight: 700;
      font-size: 1.2rem;
      line-height: 1.2rem;
      letter-spacing: 0;
      text-align: left
    }

    .submitPage .content .submit {
      border-radius: 2rem;
      background: #d94b45;
      color: #fff;
      font-family: Nunito;
      font-weight: SemiBold;
      font-size: 1.4rem;
      line-height: 1.2rem;
      letter-spacing: 0;
      text-align: center;
      padding: 1.4rem 5.75rem;
      margin-top: 2.4rem
    }

    @media screen and (orientation:landscape) {
      .submitPage .Modal-boxs {
        top: -135vh
      }

      .submitPage .content {
        margin-top: 5.4vh
      }

      .submitPage .content .content-title {
        font-size: 3.24vh;
        margin-bottom: 1.08vh
      }

      .submitPage .content .categoryList .category {
        border-radius: 3.78vh;
        font-size: 3.24vh;
        line-height: 3.24vh;
        padding: 2.16vh;
        margin-right: 2.16vh;
        margin-top: 2.16vh
      }

      .submitPage .content .margin-t-16 {
        margin-top: 4.32vh
      }

      .submitPage .content .question .textarea {
        width: 79.65vh;
        height: 19.98vh;
        border-radius: 1.62vh;
        border: .135vh solid #e97f44;
        padding: 2.16vh 0 2.16vh
      }

      .submitPage .content .question>input {
        width: 79.65vh;
        height: 7.56vh;
        border-radius: 1.62vh;
        border: .135vh solid #e97f44;
        padding-left: 2.16vh
      }

      .submitPage .content .question .textarea::-webkit-input-placeholder,
      .submitPage .content .question input::-webkit-input-placeholder {
        font-size: 3.24vh;
        line-height: 3.24vh
      }

      .submitPage .content .submit {
        border-radius: 5.4vh;
        font-size: 3.78vh;
        line-height: 3.24vh;
        padding: 3.78vh 15.525vh;
        margin-top: 6.48vh
      }
    }

    .icon-list[data-v-d4c7fc70] {
      padding: .8rem 0 0 .6rem;
      box-sizing: border-box;
      margin-bottom: 2.5rem;
      position: absolute;
      z-index: 10;
      top: 0
    }

    .icon-list .icon-box[data-v-d4c7fc70] {
      width: 3.6rem;
      height: 3.6rem;
      border-radius: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: .5rem
    }

    .icon-list .icon-box>img[data-v-d4c7fc70] {
      width: 1.8rem
    }

    .top-distance[data-v-d4c7fc70] {
      top: 8.4rem;
      padding-top: 0
    }

    @media screen and (orientation:landscape) {
      .icon-box[data-v-d4c7fc70] {
        width: 8vh !important;
        height: 8vh !important
      }

      .icon-box>img[data-v-d4c7fc70] {
        width: 4vh !important
      }
    }

    .no-times[data-v-33b27cc0] {
      text-align: center;
      position: relative;
      padding: 5rem 0 0;
      color: #fff;
      font-size: 1.5rem
    }

    .no-times>img[data-v-33b27cc0] {
      width: 36rem;
      height: 28rem
    }

    .no-times .close-icon[data-v-33b27cc0] {
      display: inline-block;
      position: absolute;
      right: 2rem;
      top: 0;
      width: 3.75rem;
      height: 3.75rem;
      background-image: url("img/extracted_14.png");
      background-repeat: no-repeat;
      background-size: cover
    }

    .no-times>p[data-v-33b27cc0]:first-child {
      font-size: 2.7rem;
      margin-bottom: 1rem
    }

    .content[data-v-33b27cc0] {
      width: 100%;
      z-index: 888;
      top: 4rem;
      border-radius: 1rem;
      text-align: center
    }

    .content .title[data-v-33b27cc0] {
      line-height: 3rem;
      color: #fff;
      font-size: 2.725rem;
      text-align: center;
      border-radius: .2rem;
      opacity: .85
    }

    .content .desc[data-v-33b27cc0] {
      font-size: 1.475rem;
      color: #fff;
      padding-top: 1rem;
      padding-left: 2.6rem;
      padding-right: 2.6rem
    }

    .content .miss-pop-close[data-v-33b27cc0] {
      position: absolute;
      right: 2rem;
      top: 0;
      width: 3.5rem;
      height: 3.5rem;
      background: url(img/extracted_15.png) no-repeat 50%;
      background-size: contain;
      display: inline-block
    }

    .content .no-chance-pop-img[data-v-33b27cc0] {
      width: 36rem;
      height: 28rem;
      line-height: 3rem;
      color: #fff;
      text-align: center
    }

    .content .miss-pop-free-chance2[data-v-33b27cc0] {
      background: url(img/extracted_16.png) 50% no-repeat;
      background-size: 24rem;
      width: 100%;
      height: 8rem;
      top: 42rem;
      text-align: center
    }

    .content .miss-pop-free-chance2 .miss-pop-free-chance-text[data-v-33b27cc0] {
      font-size: 1.8rem;
      font-family: Arial-BoldMT;
      color: red;
      line-height: 7.5rem
    }

    @media screen and (orientation:landscape) {
      .no-times[data-v-33b27cc0] {
        text-align: center;
        position: relative;
        padding: 10vh 0 0;
        color: #fff;
        font-size: 4.05vh
      }

      .no-times>img[data-v-33b27cc0] {
        width: 97.2vh;
        height: 75.6vh
      }

      .no-times .close-icon[data-v-33b27cc0] {
        right: -5vh;
        width: 10vh;
        height: 10vh
      }

      .no-times>p[data-v-33b27cc0]:first-child {
        font-size: 7.29vh;
        margin-bottom: 2.7vh
      }

      .content[data-v-33b27cc0] {
        top: 10.8vh;
        border-radius: 2.7vh
      }

      .content .title[data-v-33b27cc0] {
        line-height: 8.1vh;
        font-size: 6.29vh;
        margin-top: 18.9vh;
        border-radius: .2rem
      }

      .content .desc[data-v-33b27cc0] {
        font-size: 4vh;
        padding-top: 2.7vh;
        padding-left: 2.6rem;
        padding-right: 2.6rem
      }

      .content .miss-pop-close[data-v-33b27cc0] {
        right: 5vh;
        width: 10vh;
        height: 10vh
      }

      .content .no-chance-pop-img[data-v-33b27cc0] {
        width: 91.2vh;
        height: 70.6vh;
        line-height: 8.1vh;
        color: #fff;
        text-align: center
      }

      .content .miss-pop-free-chance2[data-v-33b27cc0] {
        background-size: 64.8vh;
        width: 100%;
        height: 21.6vh;
        text-align: center;
        position: relative;
        top: -14vh
      }

      .content .miss-pop-free-chance2 .miss-pop-free-chance-text[data-v-33b27cc0] {
        font-size: 4.86vh;
        font-family: Arial-BoldMT;
        color: red;
        line-height: 21.6vh
      }
    }

    .notime[data-v-5daefd72] {
      position: absolute;
      top: 0;
      width: 100vw;
      height: 100vh;
      background: #fff;
      z-index: 20;
      box-sizing: border-box;
      overflow: scroll
    }

    .notime .header[data-v-5daefd72] {
      width: 37.5rem;
      height: 4.4rem;
      background: #bdeaff;
      position: relative;
      text-align: center;
      font-size: 1.5rem;
      font-family: Arial;
      font-weight: 700;
      color: #121111;
      line-height: 4.4rem
    }

    .notime .header>img[data-v-5daefd72] {
      width: 1.2rem;
      height: 2.2rem;
      position: absolute;
      top: 1.2rem;
      left: 2rem
    }

    .notime .notimeTip[data-v-5daefd72] {
      margin: 2.3rem 0 0 2rem;
      width: 30rem;
      height: 4.2rem;
      font-size: 1.7rem;
      font-family: Arial;
      font-weight: 700;
      color: #121111;
      line-height: 2.7rem
    }

    .notime .wlistList[data-v-5daefd72] {
      margin-top: 2.4rem;
      padding: 0 1.9rem 3rem 2.6rem;
      box-sizing: border-box;
      overflow: scroll
    }

    .notime .wlistList .wlistItem[data-v-5daefd72]:not(:first-child) {
      margin-top: 2.4rem
    }

    .notime .wlistList .wlistItem[data-v-5daefd72] {
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    .notime .wlistList .wlistItem>img[data-v-5daefd72] {
      width: 19rem;
      height: 9.4rem;
      background: #fff;
      border: .1rem solid #bdeaff;
      border-radius: 1rem
    }

    .notime .wlistList .wlistItem .btn[data-v-5daefd72] {
      height: 4.3rem;
      width: 10rem;
      background: #0c9af2;
      background-repeat: no-repeat;
      background-size: 100% auto;
      color: #fff;
      line-height: 4.3rem;
      text-align: center;
      font-size: 1.2rem;
      border-radius: 2.1rem
    }

    .notime .act[data-v-5daefd72] {
      font-size: 1.2rem;
      font-family: Arial;
      font-weight: 400;
      color: #ababab;
      margin: 1.7rem 0 0 1.8rem
    }

    .font[data-v-4b17ce7c],
    .home .game .spin-box .spin[data-v-4b17ce7c],
    .home .lottery-cd .van-count-down[data-v-4b17ce7c] {
      font-family: Arial;
      font-weight: 700
    }

    .flex[data-v-4b17ce7c],
    .home .awards .list>div[data-v-4b17ce7c],
    .home .awards .list[data-v-4b17ce7c],
    .home .game[data-v-4b17ce7c],
    .home .lottery-cd[data-v-4b17ce7c] {
      display: flex;
      align-items: center;
      justify-content: center
    }

    [data-v-4b17ce7c] .notimeTip {
      width: 33rem !important;
      text-align: center;
      height: auto !important;
      font-size: 2.5rem !important;
      margin: 2rem auto 0 !important
    }

    [data-v-4b17ce7c] .act {
      text-align: center
    }

    .disable[data-v-4b17ce7c] {
      filter: grayscale(1)
    }

    .closeCard[data-v-4b17ce7c] {
      animation: closeCard-4b17ce7c 1s linear forwards
    }

    @keyframes closeCard-4b17ce7c {
      0% {
        transform: scale(1);
        opacity: 1
      }

      80% {
        opacity: 0
      }

      to {
        transform: scale(0)
      }
    }

    .home[data-v-4b17ce7c] {
      min-height: 100vh;
      width: 100vw;
      height: auto;
      background-image: url(./bg.419b4689.jpg);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      padding: 1.7rem 0 1rem 0;
      box-sizing: border-box
    }

    .home .title[data-v-4b17ce7c] {
      width: 31.6rem;
      height: 7.7rem;
      background-image: url(./title.d72a6ac4.webp)
    }

    .home .stitle[data-v-4b17ce7c],
    .home .title[data-v-4b17ce7c] {
      background-size: 100% auto;
      background-repeat: no-repeat;
      margin: 0 auto 0
    }

    .home .stitle[data-v-4b17ce7c] {
      width: 32.7rem;
      height: 5.6rem;
      background-image: url(./stitle.bc9236e8.webp)
    }

    .home .lottery-cd[data-v-4b17ce7c] {
      width: 19.6rem;
      height: 6.6rem;
      background-image: url(img/extracted_17.webp);
      background-size: 100% auto;
      background-repeat: no-repeat;
      margin: -.8rem auto 0
    }

    .home .lottery-cd .van-count-down[data-v-4b17ce7c] {
      font-size: 35px;
      color: #fff
    }

    .home .game[data-v-4b17ce7c] {
      position: relative;
      margin: 0 auto 0
    }

    .home .game .rotate[data-v-4b17ce7c] {
      width: 32rem;
      height: 32rem;
      background-image: url(./rotate.7fd67e49.webp);
      background-size: 100% auto;
      background-repeat: no-repeat;
      position: relative;
      transform: rotate(0deg)
    }

    .home .game .rotate .winPrize[data-v-4b17ce7c] {
      position: absolute;
      text-align: center
    }

    .home .game .rotate .winPrize>img[data-v-4b17ce7c] {
      width: 5.6rem;
      position: relative;
      z-index: 1
    }

    .home .game .rotate .winPrize>p[data-v-4b17ce7c] {
      font-family: Tahoma;
      font-weight: 700;
      font-size: 1rem;
      color: #fff;
      margin-top: -.2rem;
      text-align: center
    }

    .home .game .rotate>.winPrize[data-v-4b17ce7c]:first-child {
      top: 3.3rem;
      left: 7.4rem
    }

    .home .game .rotate>.winPrize:first-child>p[data-v-4b17ce7c] {
      transform-origin: 50% -2rem;
      transform: rotate(-30deg)
    }

    .home .game .rotate>.winPrize:first-child>img[data-v-4b17ce7c] {
      margin-left: -.5rem
    }

    .home .game .rotate>.winPrize[data-v-4b17ce7c]:nth-child(2) {
      top: 3.5rem;
      right: 8.4rem;
      transform: rotate(30deg)
    }

    .home .game .rotate>.winPrize:nth-child(2)>p[data-v-4b17ce7c] {
      font-size: 1.3rem
    }

    .home .game .rotate>.winPrize[data-v-4b17ce7c]:nth-child(3) {
      top: 12.6rem;
      right: 2.2rem
    }

    .home .game .rotate>.winPrize:nth-child(3)>p[data-v-4b17ce7c] {
      transform-origin: 3.5rem -2rem;
      transform: rotate(90deg);
      margin-left: -1.2rem
    }

    .home .game .rotate>.winPrize:nth-child(3)>img[data-v-4b17ce7c] {
      margin: .1rem .2rem -.5rem 0
    }

    .home .game .rotate>.winPrize[data-v-4b17ce7c]:nth-child(4) {
      top: 21.7rem;
      left: 18.5rem;
      transform: rotate(150deg)
    }

    .home .game .rotate>.winPrize:nth-child(4)>p[data-v-4b17ce7c] {
      font-size: 1.3rem
    }

    .home .game .rotate>.winPrize[data-v-4b17ce7c]:nth-child(5) {
      top: 21.9rem;
      left: 7rem
    }

    .home .game .rotate>.winPrize:nth-child(5)>p[data-v-4b17ce7c] {
      transform-origin: 3.5rem -3rem;
      transform: rotate(210deg)
    }

    .home .game .rotate>.winPrize[data-v-4b17ce7c]:nth-child(6) {
      top: 12.1rem;
      left: 2.2rem;
      transform: rotate(-90deg)
    }

    .home .game .rotate>.winPrize:nth-child(6)>p[data-v-4b17ce7c] {
      margin-left: -.6rem;
      font-size: 1.3rem
    }

    .home .game .spin-box[data-v-4b17ce7c] {
      width: 9.6rem;
      height: 11.4rem;
      position: absolute;
      top: 9.2rem;
      left: 14.1rem;
      z-index: 1
    }

    .home .game .spin-box .spin[data-v-4b17ce7c] {
      width: 100%;
      height: 100%;
      background-image: url(img/extracted_18.webp);
      background-size: 100% auto;
      background-repeat: no-repeat;
      z-index: 2;
      font-size: 2.6rem;
      color: #fff;
      padding-top: 4.7rem;
      box-sizing: border-box;
      text-align: center
    }

    .home .game .spin-box .spin>img[data-v-4b17ce7c] {
      position: absolute;
      width: 9.6rem;
      top: 4.1rem;
      right: -4.2rem
    }

    .home .game .spin-box .spin>p[data-v-4b17ce7c] {
      font-weight: 400;
      font-size: 2rem
    }

    .home .awards[data-v-4b17ce7c] {
      width: 32.1rem;
      height: 11.9rem;
      background-image: url(img/extracted_19.webp);
      background-size: 100% auto;
      background-repeat: no-repeat;
      margin: 1.1rem auto 0;
      position: relative
    }

    .home .awards .prizes[data-v-4b17ce7c] {
      position: absolute;
      width: 11.9rem;
      top: -2.1rem;
      left: .9rem
    }

    .home .awards .list[data-v-4b17ce7c] {
      padding: 1.6rem 2.8rem 0 2.5rem;
      box-sizing: border-box;
      justify-content: space-between
    }

    .home .awards .list>div[data-v-4b17ce7c] {
      width: 7.6rem;
      height: 8.1rem;
      background: rgba(0, 0, 0, .27);
      border-radius: 1.1rem
    }

    .home .awards .list>div .rimg[data-v-4b17ce7c] {
      text-align: center;
      width: -moz-fit-content;
      width: fit-content;
      height: -moz-fit-content;
      height: fit-content
    }

    .home .awards .list>div .rimg>img[data-v-4b17ce7c] {
      width: 80%
    }

    .home .awards .list>div .rimg>p[data-v-4b17ce7c] {
      font-family: Tahoma;
      font-weight: 700;
      font-size: 1.3rem;
      color: #fff
    }

    .home .awards .switch[data-v-4b17ce7c] {
      width: 11.8rem;
      height: 2.7rem;
      background: linear-gradient(180deg, #f6bf9f, #db8ade);
      box-shadow: .1rem .3rem .3rem 0 rgba(0, 0, 0, .51);
      border-radius: 1.3rem;
      margin: 0 auto 0;
      font-family: Tahoma;
      font-weight: 700;
      font-size: 2.4rem;
      color: #fff;
      line-height: 2.6rem;
      text-align: center
    }

    .home .right[data-v-4b17ce7c] {
      width: 5.9rem;
      height: 5.1rem;
      background-image: url(img/extracted_20.webp);
      background-size: 100% auto;
      background-repeat: no-repeat;
      position: absolute;
      top: 48.2rem;
      right: 1.6rem;
      padding-top: 1.8rem;
      box-sizing: border-box;
      animation: purse-4b17ce7c 1s ease-in-out infinite
    }

    .home .right>p[data-v-4b17ce7c] {
      font-family: Arial;
      font-weight: 900;
      font-size: 1.1rem;
      color: #000;
      text-align: center;
      text-shadow: 0 -.2rem #fff, .2rem 0 #fff, 0 .2rem #fff, -.2rem 0 #fff, -.2rem -.2rem #fff, .2rem .2rem #fff, .2rem -.2rem #fff, -.2rem .2rem #fff
    }

    .handMove[data-v-4b17ce7c] {
      animation: handMove .8s ease-in-out infinite
    }

    @keyframes purse-4b17ce7c {
      0% {
        transform: scale(1)
      }

      20% {
        transform: scale(1.1)
      }

      30% {
        transform: scale(1.1) rotate(10deg)
      }

      40% {
        transform: scale(1.1) rotate(-10deg)
      }

      50% {
        transform: scale(1.1) rotate(10deg)
      }

      60% {
        transform: scale(1.1) rotate(-10deg)
      }

      70%,
      to {
        transform: scale(1) rotate(0deg)
      }
    }

    @keyframes scale {
      0% {
        transform: scale(1)
      }

      50% {
        transform: scale(1.15)
      }

      to {
        transform: scale(1)
      }
    }

    @keyframes scaleSmall {
      0% {
        transform: scale(1)
      }

      50% {
        transform: scale(.9)
      }

      to {
        transform: scale(1)
      }
    }

    @keyframes scaleSmallOpacity {
      0% {
        transform: scale(1);
        opacity: 1
      }

      to {
        transform: scale(1.15);
        opacity: 0
      }
    }

    @keyframes handMove {
      0% {
        transform: translate(0)
      }

      50% {
        transform: translate(1rem, 1rem)
      }

      to {
        transform: translate(0)
      }
    }

    @keyframes scaleItem {
      0% {
        transform: scale(.1);
        opacity: 0
      }

      to {
        transform: scale(1);
        opacity: 1
      }
    }

    @keyframes rotation {
      0% {
        transform: rotate(0deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    @keyframes shake {
      0% {
        transform: scale(1)
      }

      10% {
        transform: scale(.8)
      }

      20% {
        transform: scale(1)
      }

      30% {
        transform: scale(.8)
      }

      40% {
        opacity: 1;
        transform: scale(1)
      }

      45% {
        opacity: 0
      }

      to {
        opacity: 0
      }
    }

    @keyframes topToBottom {
      0% {
        transform: translateY(0)
      }

      50% {
        transform: translateY(1rem)
      }

      to {
        transform: translateY(0)
      }
    }

    @keyframes rotateShrink {
      0% {
        transform: rotate(0deg) scale(1)
      }

      to {
        transform: rotate(1turn) scale(.2)
      }
    }

    @keyframes rotateclick {
      0% {
        transform: rotate(0deg)
      }

      50% {
        transform: rotate(-15deg)
      }

      to {
        transform: rotate(0deg)
      }
    }

    @keyframes purse {
      10% {
        transform: rotate(15deg)
      }

      20% {
        transform: rotate(-15deg)
      }

      30% {
        transform: rotate(15deg)
      }

      40% {
        transform: rotate(-15deg)
      }

      50%,
      to {
        transform: rotate(0deg)
      }
    }

    @keyframes pulseZoom {
      0% {
        transform: scale(1)
      }

      20% {
        transform: scale(1.1)
      }

      30% {
        transform: scale(1.1) rotate(10deg)
      }

      40% {
        transform: scale(1.1) rotate(-10deg)
      }

      50% {
        transform: scale(1.1) rotate(10deg)
      }

      60% {
        transform: scale(1.1) rotate(-10deg)
      }

      70%,
      to {
        transform: scale(1) rotate(0deg)
      }
    }

    @keyframes guaguaHandeMove {
      0% {
        transform: translate(0);
        opacity: .5
      }

      25% {
        transform: translate(6rem, -6rem)
      }

      50% {
        transform: translate(12rem, 2rem);
        opacity: 1
      }

      80% {
        transform: translate(18rem, -5rem);
        opacity: .8
      }

      to {
        transform: translate(24rem, 4rem);
        opacity: 0
      }
    }

    @keyframes handRotation {
      0% {
        transform: rotate(10deg)
      }

      50% {
        transform: rotate(-15deg)
      }

      to {
        transform: rotate(10deg)
      }
    }

    @keyframes shadeAni {
      0% {
        transform: rotate(0) scale(1)
      }

      15% {
        transform: rotate(0) scale(1.1)
      }

      30% {
        transform: rotate(10deg) scale(1.1)
      }

      45% {
        transform: rotate(-10deg) scale(1.1)
      }

      60% {
        transform: rotate(10deg) scale(1.1)
      }

      75% {
        transform: rotate(-10deg) scale(1.1)
      }

      90% {
        transform: rotate(10deg) scale(1.1)
      }

      to {
        transform: rotate(0) scale(1)
      }
    }

    @keyframes bounce {
      0% {
        opacity: .8;
        transform: scale(1)
      }

      50% {
        opacity: 1;
        transform: scale(1.2)
      }

      to {
        opacity: .8;
        transform: scale(1)
      }
    }

    @keyframes bounceInDown {
      0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0) scaleY(3)
      }

      50% {
        opacity: 1;
        transform: translate3d(0, 25px, 0) scaleY(.9)
      }

      65% {
        transform: translate3d(0, -10px, 0) scaleY(.95)
      }

      80% {
        transform: translate3d(0, 5px, 0) scaleY(.985)
      }

      to {
        transform: translateZ(0)
      }
    }

    .disable {
      filter: grayscale(1)
    }

    * {
      margin: 0
    }

    body {
      width: 37.5rem;
      height: 100vh;
      position: relative;
      margin: 0 auto !important;
      overflow-x: hidden
    }
  


    .toast {
      position: fixed;
      top: 50%;
      left: 50%;
      z-index: 2002;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      box-sizing: content-box;
      width: 88px;
      max-width: 70%;
      min-height: 88px;
      padding: 16px;
      color: #fff;
      font-size: 14px;
      line-height: 20px;
      white-space: pre-wrap;
      text-align: center;
      word-break: break-all;
      background-color: rgba(0, 0, 0, .7);
      border-radius: 8px;
      -webkit-transform: translate3d(-50%, -50%, 0);
      transform: translate3d(-50%, -50%, 0)
    }

    .toast--html,
    .toast--text {
      width: fit-content;
      min-width: 96px;
      min-height: 0;
      padding: 8px 12px
    }

    .toast--text .toast__text {
      margin-top: 0
    }

    * {
      margin: 0
    }

    .close {
      z-index: 11;
      display: flex;
      transition: opacity 2s;
      width: 24px;
      height: 24px;
      position: fixed;
      top: 0;
      right: 0;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, .5);
      justify-content: center;
      align-items: center;
      border: 8px solid transparent;
      background-clip: padding-box;
      box-sizing: unset
    }

    .close.x::after,
    .close.x::before {
      content: " ";
      width: 70%;
      height: 1px;
      background: #fff;
      position: absolute;
      top: 50%
    }

    .close.x::before {
      transform: rotate(45deg)
    }

    .close.x::after {
      transform: rotate(-45deg)
    }
  

    .tml-cover {
      position: fixed;
      width: 100vw;
      height: 100vh;
      z-index: 999999;
      top: 0;
      left: 0;
      background-color: #33323287;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .tml-spinner {
      position: relative;
      display: inline-block;
      width: 50px;
      height: 50px;
      max-width: 100%;
      max-height: 100%;
      vertical-align: middle;
      animation: van-rotate2 2s linear infinite
    }

    .tml-circular {
      display: block;
      width: 100%;
      height: 100%;
      color: #c8c9cc
    }

    .tml-circular circle {
      animation: van-circular2 1.5s ease-in-out infinite;
      stroke: currentColor;
      stroke-width: 3;
      stroke-linecap: round;
      color: #c8c9cc
    }

    @keyframes van-circular2 {
      0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
      }

      50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40
      }

      to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120
      }
    }

    @keyframes van-rotate2 {
      0% {
        transform: rotate(0)
      }

      to {
        transform: rotate(1turn)
      }
    }