/*!
  AppId: qmAXajzslxWRIwea

  Update: 2023/8/18 下午5:43:47
  Version: v-86di
  Created: MaquCreator V3 <Vace(ocdo@qq.com)>
  此文件自动生成，如果不是特殊情况，尽量不要修改此文件。
*/

/* Global - CSS Code */

html,
body {
  background-color: #EACFCF
}

/* Loading - CSS Code */

.loading-progress-bar {
  background-color: #FFFFFF;
}

.loading-progress-bar span {
  background-color: #692F1D;
}

.loading-progress-num span {
  color: #692F1D;
}

/* App: 750×1280 Page: 5 —— Css Code */

/* Page: home, Children: 3 —— Css Code*/

.page-leave-to .x__ximg-01 {
  animation: fadeOutRight 450ms 20ms both;
}

.x__ximg-01 {
  animation: fadeInRight 1500ms 200ms both;
  height: 18.752rem;
  left: 17.952rem;
  position: absolute;
  top: 14.464rem;
  width: 2.304rem;
}

.page-leave-to .x__ximg-02 {
  animation: fadeOutLeft 450ms both;
}

.x__ximg-02 {
  animation: fadeInLeft 1500ms both;
  height: 24.64rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 2.848rem;
}

.page-leave-to .x__ximg-03 {
  animation: puffOut 300ms 40ms both;
  transform-origin: bottom;
}

.x__ximg-03 {
  animation: puffIn 1000ms 400ms both;
  height: 16.256rem;
  left: 3.296rem;
  position: absolute;
  top: 15.68rem;
  transform-origin: bottom;
  width: 14.496rem;
}

.x__p1t {
  height: 33.216rem;
  left: 1.888rem;
  position: absolute;
  top: 2.976rem;
  width: 20.256rem;
}

.page-leave-to .x__btn-start {
  animation: fadeOutUp 360ms 40ms both;
  transform-origin: bottom;
}

.x__btn-start {
  animation: fadeInUp 1200ms 400ms both;
  height: 5.28rem;
  left: 4.416rem;
  position: absolute;
  top: 1.28rem;
  transform-origin: bottom;
  width: 11.296rem;
}

.page-leave-to .x__ximg-04 {
  animation: fadeOutDown 360ms 60ms both;
  transform-origin: bottom;
}

.x__ximg-04 {
  animation: fadeInDown 1200ms 600ms both;
  height: 1.792rem;
  left: 4.928rem;
  position: absolute;
  top: 7.104rem;
  transform-origin: bottom;
  width: 10.304rem;
}

.page-leave-to .x__ximg-05 {
  animation: fadeOutUp 360ms 80ms both;
  transform-origin: bottom;
}

.x__ximg-05 {
  animation: fadeInUp 1200ms 800ms both;
  height: 0.736rem;
  left: 0;
  position: absolute;
  top: 10.176rem;
  transform-origin: bottom;
  width: 19.84rem;
}

.x__p1b {
  bottom: 3.04rem;
  height: 9.792rem;
  left: 1.696rem;
  position: absolute;
  width: 19.84rem;
}

.page-leave-to .x__btn-rule {
  animation: fadeOutDown 300ms 20ms both;
}

.x__btn-rule {
  animation: fadeInDown 1000ms 200ms both;
  height: 16.832rem;
  left: 14.112rem;
  position: absolute;
  top: -0.64rem;
  width: 7.584rem;
}

.x__home {
  background-image: url(p1bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: game, Children: 4 —— Css Code*/

.x__c5-4 {
  height: 4.8rem;
  left: 16.384rem;
  position: absolute;
  top: 21.344rem;
  width: 4.8rem;
}

.x__c5-3 {
  height: 4.8rem;
  left: 11.008rem;
  position: absolute;
  top: 21.344rem;
  width: 4.8rem;
}

.x__c5-2 {
  height: 4.8rem;
  left: 5.472rem;
  position: absolute;
  top: 21.344rem;
  width: 4.8rem;
}

.x__c5-1 {
  height: 4.8rem;
  left: 0;
  position: absolute;
  top: 21.344rem;
  width: 4.8rem;
}

.x__c4-4 {
  height: 4.8rem;
  left: 16.384rem;
  position: absolute;
  top: 16.064rem;
  width: 4.8rem;
}

.x__c4-3 {
  height: 4.736rem;
  left: 11.04rem;
  position: absolute;
  top: 16.064rem;
  width: 4.736rem;
}

.x__c4-2 {
  height: 4.736rem;
  left: 5.504rem;
  position: absolute;
  top: 16.064rem;
  width: 4.736rem;
}

.x__c4-1 {
  height: 4.8rem;
  left: 0;
  position: absolute;
  top: 16.064rem;
  width: 4.8rem;
}

.x__c3-4 {
  height: 4.8rem;
  left: 16.384rem;
  position: absolute;
  top: 10.624rem;
  width: 4.8rem;
}

.x__c3-3 {
  height: 4.736rem;
  left: 10.976rem;
  position: absolute;
  top: 10.592rem;
  width: 4.736rem;
}

.x__c3-2 {
  height: 4.736rem;
  left: 5.44rem;
  position: absolute;
  top: 10.56rem;
  width: 4.736rem;
}

.x__c3-1 {
  height: 4.8rem;
  left: 0;
  position: absolute;
  top: 10.624rem;
  width: 4.8rem;
}

.x__c2-4 {
  height: 4.8rem;
  left: 16.384rem;
  position: absolute;
  top: 5.312rem;
  width: 4.8rem;
}

.x__c2-3 {
  height: 4.736rem;
  left: 10.976rem;
  position: absolute;
  top: 5.312rem;
  width: 4.736rem;
}

.x__c2-2 {
  height: 4.736rem;
  left: 5.44rem;
  position: absolute;
  top: 5.28rem;
  width: 4.736rem;
}

.x__c2-1 {
  height: 4.8rem;
  left: 0;
  position: absolute;
  top: 5.312rem;
  width: 4.8rem;
}

.x__c1-4 {
  height: 4.8rem;
  left: 16.384rem;
  position: absolute;
  top: 0;
  width: 4.8rem;
}

.x__c1-3 {
  height: 4.8rem;
  left: 11.008rem;
  position: absolute;
  top: 0;
  width: 4.8rem;
}

.x__c1-2 {
  height: 4.8rem;
  left: 5.472rem;
  position: absolute;
  top: 0;
  width: 4.8rem;
}

.x__c1-1 {
  height: 4.8rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 4.8rem;
}

.page-leave-to .x__cards {
  animation: fadeOut 360ms 40ms both;
  transform-origin: bottom;
}

.x__cards {
  animation: fadeIn 1200ms 400ms both;
  height: 26.144rem;
  left: 1.408rem;
  position: absolute;
  top: 10.88rem;
  transform-origin: bottom;
  width: 21.184rem;
}

.x__card-10 {
  height: 4.704rem;
  left: 5.472rem;
  position: absolute;
  top: 10.656rem;
  width: 4.736rem;
}

.x__card-9 {
  height: 4.704rem;
  left: 0.032rem;
  position: absolute;
  top: 10.656rem;
  width: 4.736rem;
}

.x__card-8 {
  height: 4.704rem;
  left: 16.48rem;
  position: absolute;
  top: 5.344rem;
  width: 4.736rem;
}

.x__card-7 {
  height: 4.704rem;
  left: 10.976rem;
  position: absolute;
  top: 5.344rem;
  width: 4.768rem;
}

.x__card-6 {
  height: 4.704rem;
  left: 5.472rem;
  position: absolute;
  top: 5.344rem;
  width: 4.704rem;
}

.x__card-5 {
  height: 4.704rem;
  left: 0;
  position: absolute;
  top: 5.344rem;
  width: 4.768rem;
}

.x__card-4 {
  height: 4.736rem;
  left: 16.48rem;
  position: absolute;
  top: 0;
  width: 4.704rem;
}

.x__card-3 {
  height: 4.704rem;
  left: 10.976rem;
  position: absolute;
  top: 0.032rem;
  width: 4.736rem;
}

.x__card-2 {
  height: 4.736rem;
  left: 5.472rem;
  position: absolute;
  top: 0;
  width: 4.704rem;
}

.x__card-1 {
  height: 4.704rem;
  left: 0.032rem;
  position: absolute;
  top: 0.032rem;
  width: 4.736rem;
}

.x__cards-img {
  height: 15.36rem;
  left: 1.408rem;
  position: absolute;
  top: 10.848rem;
  width: 21.216rem;
}

.page-leave-to .x__usetime {
  animation: fadeOutDown 360ms 20ms both;
  transform-origin: bottom;
}

.x__usetime {
  animation: fadeInDown 1200ms 200ms both;
  height: 3.616rem;
  left: 5.536rem;
  position: absolute;
  top: 5.888rem;
  transform-origin: bottom;
  width: 13.632rem;
}

.page-leave-to .x__avatar {
  animation: rotateOut 360ms both;
  transform-origin: center;
}

.x__avatar {
  animation: rotateIn 1200ms both;
  height: 4.992rem;
  left: 1.568rem;
  position: absolute;
  top: 2.016rem;
  transform-origin: center;
  width: 4.992rem;
}

.x__game {
  background-image: url(gamebg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: lucky, Children: 5 —— Css Code*/

.page-leave-to .x__btn0reward {
  animation: fadeOutDown 300ms 20ms both;
  transform-origin: center;
}

.x__btn0reward {
  animation: fadeInDown 1000ms 200ms both;
  bottom: 6.88rem;
  height: 4.48rem;
  left: 7.168rem;
  position: absolute;
  transform-origin: center;
  width: 9.536rem;
}

.page-leave-to .x__btn-home {
  animation: fadeOutUp 300ms 20ms both;
  transform-origin: center;
}

.x__btn-home {
  animation: fadeInUp 1000ms 200ms both;
  bottom: 2.24rem;
  height: 4.448rem;
  left: 7.168rem;
  position: absolute;
  transform-origin: center;
  width: 9.536rem;
}

.x__ximg-06 {
  height: 20.928rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 20.896rem;
}

.x__ximg-07 {
  height: 5.472rem;
  left: 8.544rem;
  position: absolute;
  top: 6.944rem;
  width: 3.968rem;
}

.page-leave-to .x__rotate {
  animation: zoomOut 300ms both;
  transform-origin: center;
}

.x__rotate {
  animation: zoomIn 1000ms both;
  height: 20.928rem;
  left: 1.504rem;
  position: absolute;
  top: 11.36rem;
  transform-origin: center;
  width: 20.896rem;
}

.page-leave-to .x__layer1 {
  animation: puffOut 240ms 20ms both;
  transform-origin: bottom;
}

.x__layer1 {
  animation: puffIn 800ms 200ms both;
  height: 10.368rem;
  left: 1.952rem;
  position: absolute;
  top: 0.32rem;
  transform-origin: bottom;
  width: 20.096rem;
}

.page-leave-to .x__layer2 {
  animation: fadeOutUp 450ms 40ms both;
  transform-origin: bottom;
}

.x__layer2 {
  animation: fadeInUp 1500ms 400ms both;
  bottom: 0.64rem;
  height: 1.184rem;
  left: 1.92rem;
  position: absolute;
  transform-origin: bottom;
  width: 20.16rem;
}

.x__lucky {
  background-image: url(p2bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page: alerts, Children: 4 —— Css Code*/

.page-leave-to .x__dr-cls {
  animation: fadeOutDown 360ms 20ms both;
}

.x__dr-cls {
  animation: fadeInDown 1200ms 200ms both;
  height: 2.72rem;
  left: 3.808rem;
  position: absolute;
  top: 20.832rem;
  width: 9.6rem;
}

.x__dr-over {
  height: 18.496rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 17.12rem;
}

.x__dr-none {
  height: 18.496rem;
  left: 0.032rem;
  position: absolute;
  top: 0;
  width: 17.12rem;
}

.x__dr-pri5 {
  height: 18.496rem;
  left: 0.032rem;
  position: absolute;
  top: 0;
  width: 17.12rem;
}

.x__dr-pri2 {
  height: 18.496rem;
  left: 0.032rem;
  position: absolute;
  top: 0;
  width: 17.12rem;
}

.x__dr-pri1 {
  height: 18.496rem;
  left: 0.032rem;
  position: absolute;
  top: 0;
  width: 17.12rem;
}

.page-leave-to .x__dr-img {
  animation: puffOut 240ms both;
}

.x__dr-img {
  animation: puffIn 800ms both;
  height: 18.496rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 17.152rem;
}

.x__d-reward {
  height: 23.552rem;
  left: 3.424rem;
  position: absolute;
  top: 10.752rem;
  width: 17.152rem;
}

.page-leave-to .x__bg-fail {
  animation: puffOut 180ms both;
}

.x__bg-fail {
  animation: puffIn 600ms both;
  height: 26.688rem;
  left: 0;
  position: absolute;
  top: 0.512rem;
  width: 16.48rem;
}

.page-leave-to .x__bg-succ {
  animation: puffOut 180ms both;
}

.x__bg-succ {
  animation: puffIn 600ms both;
  height: 27.2rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 16.512rem;
}

.x__btn-lucky {
  height: 2.752rem;
  left: 0.256rem;
  position: absolute;
  top: 12.064rem;
  width: 15.008rem;
}

.x__btn-again {
  height: 2.88rem;
  left: 0;
  position: absolute;
  top: 12rem;
  width: 15.552rem;
}

.x__ipt-num {
  height: 1.344rem;
  left: 0.064rem;
  position: absolute;
  top: 10.208rem;
  width: 15.232rem;
}

.x__ipt-rank {
  height: 2.112rem;
  left: 7.52rem;
  position: absolute;
  top: 6.816rem;
  width: 7.808rem;
}

.x__ipt-best {
  height: 1.568rem;
  left: 0.288rem;
  position: absolute;
  top: 6.72rem;
  width: 7.456rem;
}

.x__ipt-time {
  height: 2.144rem;
  left: 9.248rem;
  position: absolute;
  top: 0;
  width: 6.112rem;
}

.page-leave-to .x__dr-content {
  animation: fadeOut 360ms 20ms both;
}

.x__dr-content {
  animation: fadeIn 1200ms 200ms both;
  height: 14.88rem;
  left: 0.48rem;
  position: absolute;
  top: 11.872rem;
  width: 15.776rem;
}

.x__d-result {
  height: 27.2rem;
  left: 3.744rem;
  position: absolute;
  top: 2.912rem;
  width: 16.512rem;
}

.page-leave-to .x__ruleimg {
  animation: zoomOut 240ms both;
}

.x__ruleimg {
  animation: zoomIn 800ms both;
  height: 27.68rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 21.152rem;
}

.page-leave-to .x__dr-cls-01 {
  animation: rotateOut 450ms 20ms both;
}

.x__dr-cls-01 {
  animation: rotateIn 1500ms 200ms both;
  height: 2.176rem;
  left: 9.536rem;
  position: absolute;
  top: 28.64rem;
  width: 2.176rem;
}

.x__d-rule {
  height: 30.816rem;
  left: 1.408rem;
  position: absolute;
  top: 6.944rem;
  width: 21.152rem;
}

.page-leave-to .x__dt-cls {
  animation: rotateOut 450ms 20ms both;
  transform-origin: center;
}

.x__dt-cls {
  animation: rotateIn 1500ms 200ms both;
  height: 2.176rem;
  left: 9.536rem;
  position: absolute;
  top: 28.64rem;
  transform-origin: center;
  width: 2.176rem;
}

.page-leave-to .x__tipsimg {
  animation: zoomOut 240ms both;
  transform-origin: center;
}

.x__tipsimg {
  animation: zoomIn 800ms both;
  height: 27.68rem;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: center;
  width: 21.152rem;
}

.x__d-tips {
  height: 30.816rem;
  left: 1.408rem;
  position: absolute;
  top: 6.944rem;
  width: 21.152rem;
}

.x__alerts {
  background-color: #000000;
}

/* Page: mask, Children: 1 —— Css Code*/

.page-leave-to .x__vv-reward {
  animation: puffOut 240ms both;
}

.x__vv-reward {
  animation: puffIn 800ms both;
  height: 32.16rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 21.152rem;
}

.page-leave-to .x__vv-empty {
  animation: zoomOut 300ms 40ms both;
}

.x__vv-empty {
  animation: zoomIn 1000ms 400ms both;
  height: 15.104rem;
  left: 3.616rem;
  position: absolute;
  top: 8.96rem;
  width: 13.888rem;
}

.page-leave-to .x__vv-rule {
  animation: puffOut 240ms 10ms both;
}

.x__vv-rule {
  animation: puffIn 800ms 100ms both;
  height: 32.16rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 21.152rem;
}

.page-leave-to .x__vv-tips {
  animation: puffOut 240ms both;
}

.x__vv-tips {
  animation: puffIn 800ms both;
  height: 32.16rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 21.152rem;
}

.x__vv-img {
  height: 32.16rem;
  left: 1.44rem;
  position: absolute;
  top: 7.68rem;
  width: 21.152rem;
}

.page-leave-to .x__navimg {
  animation: fadeOutLeft 360ms both;
}

.x__navimg {
  animation: fadeInLeft 1200ms both;
  height: 1.76rem;
  left: 0;
  position: absolute;
  top: 2.368rem;
  width: 17.92rem;
}

.page-leave-to .x__closbtn {
  animation: rotateOut 450ms both;
}

.x__closbtn {
  animation: rotateIn 1500ms both;
  height: 2.016rem;
  left: 20.864rem;
  position: absolute;
  top: 2.368rem;
  width: 2.016rem;
}

.x__d-magic {
  height: 37.568rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 22.88rem;
}