/*!
  AppId: egZPt3E4XdbeaRqd

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

/* Global - CSS Code */

html,
body {
  background-color: #A8D7EA
}

/* Loading - CSS Code */

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

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

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

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

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

.page-leave-to .x__ximg-01 {
  animation: fadeOut 300ms both;
}

.x__ximg-01 {
  animation: pulse 1500ms infinite both;
  height: 13.312rem;
  left: 13.472rem;
  position: absolute;
  top: 3.232rem;
  width: 15.328rem;
}

.page-leave-to .x__ximg-02 {
  animation: fadeOut 300ms both;
}

.x__ximg-02 {
  animation: pulse 3100ms infinite both;
  height: 14.656rem;
  left: 0.416rem;
  position: absolute;
  top: 0;
  width: 20.608rem;
}

.page-leave-to .x__ximg-03 {
  animation: fadeOut 300ms both;
}

.x__ximg-03 {
  animation: floatY 3900ms infinite both;
  height: 8.096rem;
  left: 0;
  position: absolute;
  top: 8.032rem;
  width: 9.056rem;
}

.page-leave-to .x__ximg-04 {
  animation: fadeOutRight 360ms both;
}

.x__ximg-04 {
  animation: fadeInRight 1200ms both;
  height: 9.952rem;
  left: 16.096rem;
  position: absolute;
  top: 4.704rem;
  width: 8.32rem;
}

.page-leave-to .x__ximg-05 {
  animation: fadeOutUp 450ms both;
}

.x__ximg-05 {
  animation: fadeInUp 1500ms both;
  height: 5.76rem;
  left: 6.944rem;
  position: absolute;
  top: 8.96rem;
  width: 14.752rem;
}

.page-leave-to .x__ximg-06 {
  animation: fadeOut 300ms both;
}

.x__ximg-06 {
  animation: floatXPer 1900ms both;
  height: 3.712rem;
  left: 0.352rem;
  position: absolute;
  top: 10.784rem;
  width: 6.784rem;
}

.page-leave-to .x__cmbg {
  animation: fadeOutUp 180ms both;
}

.x__cmbg {
  animation: fadeInUp 600ms both;
  bottom: -1.888rem;
  height: 16.544rem;
  left: -0.416rem;
  position: absolute;
  width: 28.8rem;
}

.page-leave-to .x__ximg-07 {
  animation: puffOut 240ms 20ms both;
}

.x__ximg-07 {
  animation: puffIn 800ms 200ms both;
  height: 16.096rem;
  left: 0.352rem;
  position: absolute;
  top: 0.448rem;
  width: 21.536rem;
}

.page-leave-to .x__ximg-08 {
  animation: rotateOut 240ms 20ms both;
}

.x__ximg-08 {
  animation: rotateIn 800ms 200ms both;
  height: 16.096rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 21.536rem;
}

.page-leave-to .x__ximg-09 {
  animation: fadeOutLeft 300ms 40ms both;
}

.x__ximg-09 {
  animation: fadeInLeft 1000ms 400ms both;
  height: 3.424rem;
  left: 0.928rem;
  position: absolute;
  top: 2.272rem;
  width: 11.52rem;
}

.page-leave-to .x__ximg-10 {
  animation: fadeOutRight 300ms 40ms both;
}

.x__ximg-10 {
  animation: fadeInRight 1000ms 400ms both;
  height: 3.104rem;
  left: 12.32rem;
  position: absolute;
  top: 2.432rem;
  width: 8.32rem;
}

.page-leave-to .x__ximg-11 {
  animation: fadeOutUp 300ms 100ms both;
}

.x__ximg-11 {
  animation: fadeInUp 1000ms 1000ms both;
  height: 0.896rem;
  left: 4.768rem;
  position: absolute;
  top: 12.48rem;
  width: 12.192rem;
}

.page-leave-to .x__ximg-12 {
  animation: fadeOutUp 300ms 80ms both;
}

.x__ximg-12 {
  animation: fadeInUp 1000ms 800ms both;
  height: 1.568rem;
  left: 0.992rem;
  position: absolute;
  top: 9.44rem;
  width: 19.68rem;
}

.page-leave-to .x__ximg-13 {
  animation: fadeOutUp 300ms 60ms both;
}

.x__ximg-13 {
  animation: fadeInUp 1000ms 600ms both;
  height: 1.632rem;
  left: 0.928rem;
  position: absolute;
  top: 6.432rem;
  width: 19.52rem;
}

.page-leave-to .x__p1card {
  animation: zoomOut 180ms both;
}

.x__p1card {
  animation: zoomIn 600ms both;
  height: 16.544rem;
  left: 1.088rem;
  position: absolute;
  top: 2.4rem;
  width: 21.888rem;
}

.page-leave-to .x__ximg-14 {
  animation: fadeOutLeft 360ms 40ms both;
}

.x__ximg-14 {
  animation: fadeInLeft 1200ms 400ms both;
  height: 7.584rem;
  left: 4.864rem;
  position: absolute;
  top: 6.112rem;
  width: 5.472rem;
}

.page-leave-to .x__ximg-15 {
  animation: fadeOut 300ms both;
}

.x__ximg-15 {
  animation: flash 1000ms infinite both;
  height: 2.304rem;
  left: 21.088rem;
  position: absolute;
  top: 4.48rem;
  width: 2.336rem;
}

.page-leave-to .x__ximg-16 {
  animation: fadeOut 300ms both;
}

.x__ximg-16 {
  animation: floatY 6600ms infinite both;
  height: 3.2rem;
  left: 15.872rem;
  position: absolute;
  top: 16.64rem;
  width: 3.2rem;
}

.page-leave-to .x__ximg-17 {
  animation: fadeOut 300ms both;
}

.x__ximg-17 {
  animation: floatY 7800ms infinite both;
  height: 2.976rem;
  left: 10.144rem;
  position: absolute;
  top: 20.608rem;
  width: 3.008rem;
}

.page-leave-to .x__people4 {
  animation: fadeOutRight 300ms both;
}

.x__people4 {
  animation: fadeInRight 1000ms both;
  height: 19.2rem;
  left: 20.416rem;
  position: absolute;
  top: 0;
  width: 12.864rem;
}

.page-leave-to .x__people3 {
  animation: fadeOutRight 300ms 20ms both;
}

.x__people3 {
  animation: fadeInRight 1000ms 200ms both;
  height: 16.64rem;
  left: 15.616rem;
  position: absolute;
  top: 10.72rem;
  width: 14.24rem;
}

.page-leave-to .x__people2 {
  animation: fadeOutLeft 300ms 20ms both;
}

.x__people2 {
  animation: fadeInLeft 1000ms 200ms both;
  height: 17.536rem;
  left: 0;
  position: absolute;
  top: 4rem;
  width: 37.824rem;
}

.page-leave-to .x__people1 {
  animation: fadeOutLeft 300ms 40ms both;
}

.x__people1 {
  animation: fadeInLeft 1000ms 400ms both;
  height: 10.496rem;
  left: 5.184rem;
  position: absolute;
  top: 13.504rem;
  width: 10.624rem;
}

.page-leave-to .x__ximg-18 {
  animation: fadeOut 300ms both;
}

.x__ximg-18 {
  animation: rotate10 1200ms infinite both;
  height: 2.24rem;
  left: 12.64rem;
  position: absolute;
  top: 12.576rem;
  width: 1.856rem;
}

.x__pmask {
  bottom: -1.12rem;
  height: 27.36rem;
  left: -4.864rem;
  position: absolute;
  width: 37.824rem;
}

.page-leave-to .x__startbtn {
  animation: puffOut 360ms 40ms both;
}

.x__startbtn {
  animation: puffIn 1200ms 400ms both;
  height: 2.816rem;
  left: 7.488rem;
  position: absolute;
  top: 23.68rem;
  width: 9.216rem;
}

.page-leave-to .x__blogo {
  animation: fadeOutUp 450ms 40ms both;
}

.x__blogo {
  animation: fadeInUp 1500ms 400ms both;
  bottom: 4.672rem;
  height: 1.088rem;
  left: 6.432rem;
  position: absolute;
  width: 11.168rem;
}

.x__botnav {
  bottom: -0.064rem;
  height: 2.304rem;
  left: 0;
  position: absolute;
  width: 24.032rem;
}

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

/* Page: rule, Children: 2 —— Css Code*/

.page-leave-to .x__ximg-19 {
  animation: puffOut 240ms both;
}

.x__ximg-19 {
  animation: puffIn 800ms both;
  height: 38.4rem;
  left: 1.088rem;
  position: absolute;
  top: 0;
  width: 21.888rem;
}

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

.x__ximg-20 {
  animation: fadeInLeft 1200ms both;
  height: 7.584rem;
  left: 0;
  position: absolute;
  top: 24.64rem;
  width: 5.472rem;
}

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

.x__rulev1 {
  animation: zoomIn 800ms both;
  height: 34.08rem;
  left: 2.144rem;
  position: absolute;
  top: 1.632rem;
  width: 19.68rem;
}

.x__prule {
  height: 38.4rem;
  left: 0.064rem;
  position: absolute;
  top: 1.12rem;
  width: 22.976rem;
}

.page-leave-to .x__ximg-21 {
  animation: fadeOutUp 300ms both;
}

.x__ximg-21 {
  animation: fadeInUp 1000ms both;
  bottom: 0;
  height: 9.952rem;
  left: 0;
  position: absolute;
  width: 24.064rem;
}

/* Page: rank, Children: 2 —— Css Code*/

.x__ximg-22 {
  height: 35.264rem;
  left: 1.216rem;
  position: absolute;
  top: 2.848rem;
  width: 21.536rem;
}

.x__ximg-23 {
  height: 35.264rem;
  left: 1.216rem;
  position: absolute;
  top: 2.848rem;
  width: 21.536rem;
}

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

.page-leave-to .x__ximg-24 {
  animation: puffOut 180ms 20ms both;
}

.x__ximg-24 {
  animation: puffIn 600ms 200ms both;
  height: 34.656rem;
  left: 0.352rem;
  position: absolute;
  top: 0.992rem;
  width: 21.536rem;
}

.x__ximg-25 {
  height: 35.264rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 21.536rem;
}

.page-leave-to .x__i-title {
  animation: fadeOutUp 360ms both;
}

.x__i-title {
  animation: fadeInUp 1200ms both;
  height: 2.4rem;
  left: 3.072rem;
  position: absolute;
  top: 3.264rem;
  width: 15.584rem;
}

.page-leave-to .x__i-uname {
  animation: fadeOutUp 360ms 20ms both;
}

.x__i-uname {
  animation: fadeInUp 1200ms 200ms both;
  height: 2.624rem;
  left: 3.296rem;
  position: absolute;
  top: 8.192rem;
  width: 15.168rem;
}

.page-leave-to .x__i-mobile {
  animation: fadeOutUp 360ms 40ms both;
}

.x__i-mobile {
  animation: fadeInUp 1200ms 400ms both;
  height: 2.624rem;
  left: 3.296rem;
  position: absolute;
  top: 11.712rem;
  width: 15.168rem;
}

.page-leave-to .x__i-address {
  animation: fadeOutUp 360ms 60ms both;
}

.x__i-address {
  animation: fadeInUp 1200ms 600ms both;
  height: 2.624rem;
  left: 3.296rem;
  position: absolute;
  top: 15.2rem;
  width: 15.168rem;
}

.page-leave-to .x__i-emai {
  animation: fadeOutUp 360ms 80ms both;
}

.x__i-emai {
  animation: fadeInUp 1200ms 800ms both;
  height: 2.624rem;
  left: 3.296rem;
  position: absolute;
  top: 18.72rem;
  width: 15.168rem;
}

.page-leave-to .x__if-btn {
  animation: fadeOutDown 360ms 120ms both;
}

.x__if-btn {
  animation: fadeInDown 1200ms 1200ms both;
  height: 2.816rem;
  left: 6.336rem;
  position: absolute;
  top: 28.512rem;
  width: 9.216rem;
}

.page-leave-to .x__if-text {
  animation: fadeOutDown 360ms 100ms both;
}

.x__if-text {
  animation: fadeInDown 1200ms 1000ms both;
  height: 3.904rem;
  left: 3.536rem;
  position: absolute;
  top: 22.432rem;
  width: 14.816rem;
}

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

.x__fm-box {
  animation: zoomIn 800ms both;
  height: 35.648rem;
  left: 1.056rem;
  position: absolute;
  top: 2.656rem;
  width: 21.888rem;
}

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

.x__ximg-26 {
  height: 30.816rem;
  left: 0.32rem;
  position: absolute;
  top: 0.864rem;
  width: 21.568rem;
}

.x__ximg-27 {
  height: 31.328rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 21.536rem;
}

.page-leave-to .x__ximg-28 {
  animation: zoomOut 300ms 120ms both;
}

.x__ximg-28 {
  animation: zoomIn 1000ms 1200ms both;
  height: 1.376rem;
  left: 2.144rem;
  position: absolute;
  top: 0;
  width: 11.136rem;
}

.page-leave-to .x__ximg-29 {
  animation: fadeOutRight 360ms 120ms both;
}

.x__ximg-29 {
  animation: fadeInRight 1200ms 1200ms both;
  height: 2.176rem;
  left: 0;
  position: absolute;
  top: 2.24rem;
  width: 7.04rem;
}

.page-leave-to .x__ximg-30 {
  animation: fadeOutLeft 360ms 120ms both;
}

.x__ximg-30 {
  animation: fadeInLeft 1200ms 1200ms both;
  height: 2.176rem;
  left: 8.64rem;
  position: absolute;
  top: 2.24rem;
  width: 7.04rem;
}

.page-leave-to .x__act-view {
  animation: fadeOutDown 300ms 100ms both;
}

.x__act-view {
  animation: fadeInDown 1000ms 1000ms both;
  height: 4.416rem;
  left: 3.04rem;
  position: absolute;
  top: 25.92rem;
  width: 15.68rem;
}

.page-leave-to .x__ximg-31 {
  animation: fadeOutUp 300ms 80ms both;
}

.x__ximg-31 {
  animation: fadeInUp 1000ms 800ms both;
  height: 1.568rem;
  left: 5.184rem;
  position: absolute;
  top: 0;
  width: 6.848rem;
}

.page-leave-to .x__ximg-32 {
  animation: fadeOutUp 300ms 100ms both;
}

.x__ximg-32 {
  animation: fadeInUp 1000ms 1000ms both;
  height: 3.328rem;
  left: 0;
  position: absolute;
  top: 2.56rem;
  width: 16.864rem;
}

.x__tot-score {
  height: 5.888rem;
  left: 2.336rem;
  position: absolute;
  top: 16.928rem;
  width: 16.864rem;
}

.page-leave-to .x__ximg-33 {
  animation: fadeOutUp 300ms 40ms both;
}

.x__ximg-33 {
  animation: fadeInUp 1000ms 400ms both;
  height: 1.568rem;
  left: 4.064rem;
  position: absolute;
  top: 0;
  width: 8.608rem;
}

.page-leave-to .x__ximg-34 {
  animation: fadeOutUp 300ms 60ms both;
}

.x__ximg-34 {
  animation: fadeInUp 1000ms 600ms both;
  height: 3.328rem;
  left: 0;
  position: absolute;
  top: 2.496rem;
  width: 16.864rem;
}

.x__max-score {
  height: 5.824rem;
  left: 2.528rem;
  position: absolute;
  top: 8.704rem;
  width: 16.864rem;
}

.page-leave-to .x__ximg-35 {
  animation: fadeOutUp 300ms both;
}

.x__ximg-35 {
  animation: fadeInUp 1000ms both;
  height: 1.568rem;
  left: 2.56rem;
  position: absolute;
  top: 0;
  width: 11.968rem;
}

.page-leave-to .x__ximg-36 {
  animation: fadeOutUp 300ms 20ms both;
}

.x__ximg-36 {
  animation: fadeInUp 1000ms 200ms both;
  height: 3.328rem;
  left: 0;
  position: absolute;
  top: 2.368rem;
  width: 16.864rem;
}

.x__cur-score {
  height: 5.696rem;
  left: 2.336rem;
  position: absolute;
  top: 1.44rem;
  width: 16.864rem;
}

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

.x__score {
  animation: zoomIn 800ms both;
  height: 31.68rem;
  left: 1.056rem;
  position: absolute;
  top: 4.64rem;
  width: 21.888rem;
}

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

.page-leave-to .x__ximg-37 {
  animation: puffOut 240ms both;
}

.x__ximg-37 {
  animation: puffIn 800ms both;
  height: 11.808rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 17.728rem;
}

.page-leave-to .x__da-btn {
  animation: fadeOutUp 240ms 20ms both;
}

.x__da-btn {
  animation: fadeInUp 800ms 200ms both;
  height: 2.336rem;
  left: 5.248rem;
  position: absolute;
  top: 8.608rem;
  width: 7.68rem;
}

.page-leave-to .x__da-txt {
  animation: zoomOut 240ms 20ms both;
}

.x__da-txt {
  animation: zoomIn 800ms 200ms both;
  height: 5.92rem;
  left: 1.856rem;
  position: absolute;
  top: 2.016rem;
  width: 13.856rem;
}

.x__d-alert {
  height: 11.808rem;
  left: 3.136rem;
  position: absolute;
  top: 18.208rem;
  width: 17.728rem;
}