.wm-style.ws-lotteryv2 .lottery-border {
    background-repeat: no-repeat;
}

.character-front-wrapper {
  box-sizing: border-box;
  width: 360px;
  overflow: hidden;
  height: 100vh !important;
  min-height: 720px;
  background: linear-gradient(to bottom, #f8f0e9, #eb9da1);
}
.character-front-wrapper .front-box {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.character-front-wrapper .front-box .front-bgimg-box {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  top: 0;
}
.character-front-wrapper .front-box .front-bgimg-box .front-bgimg {
  width: 360px;
  display: block;
  overflow: hidden;
}
.character-front-wrapper .front-box .front-ball-box {
  width: 313.3px;
  position: absolute;
  right: 0;
  top: 350px;
  overflow: hidden;
}
.character-front-wrapper .front-box .front-ball-box .front-ball {
  display: block;
  z-index: 2;
  top: 350px;
  left: 46.67px;
  width: 360px;
}
.character-front-wrapper .front-box .front-start-box {
  position: absolute;
  z-index: 10;
  top: 573.3px;
  width: 360px;
  overflow: hidden;
}
.character-front-wrapper .front-box .front-start-box .front-start-btn {
  display: block;
  width: 183.33px;
  margin: 0 auto;
  height: 38.66px;
  font-family: 'HarmonyOS Sans SC';
  line-height: 38.66px;
  border-radius: 19.33px;
  letter-spacing: 2px;
  font-size: 16.6px;
  text-align: center;
  background-color: #000;
  color: #fef6e1;
  box-shadow: 6px 0 4px 4px rgba(236, 162, 165, 0.28);
}

.plugin-dialog-box.astdialog {
  position: fixed;
  z-index: 1000;
  display: block;
  top: 0;
  left: 50%;
  width: 360px;
  margin-left: -180px;
  height: 100%;
}
.plugin-dialog-box.astdialog .winRecord-maskbox {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.plugin-dialog-box.astdialog .winRecord-maskbox .winRecord-close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 40px;
  color: #fff;
}
.plugin-dialog-box.astdialog .winRecord-maskbox .winRecord-maskcont-astron {
  position: relative;
  box-sizing: border-box;
  background: #ffffff;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.plugin-dialog-box.astdialog .winRecord-maskbox .winRecord-maskcont-astron .closecenter-box {
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
}
.plugin-dialog-box.astdialog .winRecord-maskbox .winRecord-maskcont-astron .closecenter-box .closecenter-wrap {
  position: relative;
  text-align: center;
  top: 0;
}
.plugin-dialog-box.astdialog .winRecord-maskbox .winRecord-maskcont-astron .closecenter-box .closecenter-wrap .pos-center {
  display: inline-block;
  position: relative;
  right: 0;
  top: 0;
}
.harvestmask-wrapr-loginMask {
  height: 100%;
  position: fixed;
  top: 0px;
  left: 50%;
  width: 360px;
  margin-left: -180px;
  justify-content: center;
  align-items: center;
  z-index: 1001;
}
.harvestmask-wrapr-loginMask .harvestmask-maskBox {
  width: 100%;
  height: 100%;
  position: relative;
  justify-content: center;
  align-items: center;
  display: flex;
}
.harvestmask-wrapr-loginMask .harvestmask-maskBox .harvestmask-cont {
  width: 150px;
  height: 70px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 10px;
  font-size: 12px;
  color: #fff;
}
@keyframes blowUpModal {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
  85% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__fadeInUp {
  animation: fadeInUp 1s ease-in-out;
}
.animate__fadeIn {
  animation: fadeIn 1s ease-in-out;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.character-answer-wrapper-box {
  overflow: hidden;
  height: 100vh !important;
  min-height: 720px;
  width: 360px;
  background: linear-gradient(to bottom, #f8f0e9, #eb9da1);
}
.character-answer-wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  position: relative;
}
.character-answer-wrapper .travel-bgimg {
  position: absolute;
  display: block;
  width: 100%;
}
.character-answer-wrapper .travel-bgimg-start {
  position: absolute;
  display: block;
  width: 100%;
  top: 438px;
  left: 130px;
}
.character-answer-wrapper .answer-body {
  position: relative;
  top: 0;
  flex-grow: 1;
  box-sizing: border-box;
}
.character-answer-wrapper .answer-body .answer-content {
  position: relative;
  top: 0;
  width: 100%;
}
.character-answer-wrapper .answer-body .answer-content .answer-schedule {
  position: absolute;
  top: -60px;
  left: 33.3px;
  width: 32.3px;
}
.character-answer-wrapper .answer-body .answer-content .answer-schedule img {
  display: block;
  width: 100%;
  border: 0;
}
.character-answer-wrapper .answer-body .answer-content .answer-pic-ques {
  margin-top: 123.3px;
  clear: both;
  width: 100%;
  box-sizing: border-box;
  padding: 0 66.667px;
  position: relative;
  text-align: left;
  color: #ffffff;
}
.character-answer-wrapper .answer-body .answer-content .answer-pic-ques .answer-ques {
  text-align: left;
  font-size: 18px;
  font-family: 'HarmonyOS Sans SC';
  color: #000000;
  line-height: 30px;
  margin-bottom: 33.33px;
}
.character-answer-wrapper .answer-body .answer-content .answer-pic-ques .answer-list {
  text-align: left;
  display: inline-block;
  width: 100%;
}
.character-answer-wrapper .answer-body .answer-content .answer-pic-ques .answer-list li {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
  font-size: 14px;
  position: relative;
  text-align: center;
  display: flex;
  min-height: 55px;
  background-size: 100% 100%;
}
.character-answer-wrapper .answer-body .answer-content .answer-pic-ques .answer-list li > div {
  box-sizing: border-box;
  display: flex;
  justify-content: left;
  align-items: center;
  color: #000;
  background: linear-gradient(to right, #ffffff, #fbeae8);
  padding: 0 26px 0 16px;
  min-width: 126px;
}
.character-answer-wrapper .answer-body .answer-content .answer-pic-ques .answer-list li > div label {
  text-align: left;
}
.character-answer-wrapper .answer-body .answer-content .answer-pic-ques .answer-list li > div span {
  box-sizing: border-box;
  word-break: break-word;
  text-align: left;
}
.character-answer-wrapper .answer-body .answer-content .answer-pic-ques .answer-list li > div.one {
  height: 53px;
  border-radius: 26.5px;
}
.character-answer-wrapper .answer-body .answer-content .answer-pic-ques .answer-list li > div.two {
  height: 73px;
  border-radius: 36.5px;
  width: 178px;
  padding: 0 20px 0 16px;
}
.character-answer-wrapper .answer-body .answer-content .answer-pic-ques .answer-list li.left {
  justify-content: left;
}
.character-answer-wrapper .answer-body .answer-content .answer-pic-ques .answer-list li.right {
  justify-content: end;
  flex-direction: row-reverse;
}
.character-answer-wrapper .answer-body .answer-content .answer-pic-ques .answer-list li.actives > div {
  background: linear-gradient(to right, #ec8c90, #d95c61);
  color: #ffffff;
}
.character-answer-wrapper .answer-body .answer-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 593.3px;
}
.character-answer-wrapper .answer-body .answer-bottom > div {
  display: inline-block;
  width: 148.33px;
  height: 38.66px;
  font-family: 'HuaweiSans-Regular';
  line-height: 38.66px;
  border-radius: 19.33px;
  letter-spacing: 2px;
  font-size: 16.5px;
  text-align: center;
  background-color: #fff;
  color: #000;
}
.character-answer-wrapper .answer-body .answer-bottom > div:nth-child(2) {
  margin-left: 15px;
  background-color: #000;
  color: #fef6e1;
}
.character-answer-wrapper .answer-body .answer-bottom > div.next-btn {
  background-color: #000;
  color: #fef6e1;
}
.character-answer-wrapper .travel-load-box {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: auto;
}
.character-answer-wrapper .travel-load-box img {
  display: block;
  width: 100%;
}
.character-answer-wrapper .travel-load-box .travel-load-time {
  position: absolute;
  top: 470px;
  font-size: 22.5px;
  text-align: center;
  color: #ffffff;
  width: 100%;
}
.character-answer-wrapper .answer-footer {
  flex-shrink: 0;
}

.character-result-wrapper {
  box-sizing: border-box;
  overflow: hidden;
  height: 100vh !important;
  min-height: 720px;
  width: 360px;
}
.character-result-wrapper .travel-result-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.character-result-wrapper .travel-result-box.cover-cloudy-day {
  background: #779cc9;
}
.character-result-wrapper .travel-result-box.cover-sunny {
  background: #eeaf62;
}
.character-result-wrapper .travel-result-box.cover-sandstorm {
  background: #dea242;
}
.character-result-wrapper .travel-result-box.cover-spring-breeze {
  background: #96cf82;
}
.character-result-wrapper .travel-result-box.cover-fog {
  background: #61c29f;
}
.character-result-wrapper .travel-result-box.cover-snow-white {
  background: #7bd6e9;
}
.character-result-wrapper .travel-result-box.cover-tornado {
  background: #81b4cf;
}
.character-result-wrapper .travel-result-box.cover-drizzle {
  background: #90c0d6;
}
.character-result-wrapper .travel-result-box.cover-sun-rain {
  background: #ec9da2;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox {
  width: 100%;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox .shareImgBg {
  display: block;
  position: relative;
  width: 100%;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox .sharet-content-relative {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  top: 470px;
  font-weight: 400;
  font-family: 'HarmonyOS Sans SC';
}
.character-result-wrapper .travel-result-box .sharet-content-showbox .sharet-content-relative .desc-content {
  padding: 0 43.33px;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox .sharet-content-relative .desc-content span {
  color: #000000;
  line-height: 26px;
  font-size: 13.3px;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox .sharet-sharebtn-box {
  position: absolute;
  top: 620px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox .sharet-sharebtn-box .sharet-sharebtn {
  display: inline-block;
  width: 148.33px;
  height: 38.66px;
  font-family: 'HuaweiSans-Regular';
  line-height: 38.66px;
  border-radius: 19.33px;
  letter-spacing: 2px;
  font-size: 16.5px;
  text-align: center;
  background-color: #fff;
  color: #000;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox .sharet-sharebtn-box .sharet-sharebtn:nth-child(2) {
  margin-left: 15px;
  background-color: #000;
  color: #fef6e1;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox .sharet-sharebtn-box .sharet-sharebtn.next-btn {
  background-color: #000;
  color: #fef6e1;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share {
  position: fixed;
  z-index: 10;
  left: 100%;
  width: 1080px;
  height: 2160px;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .shareImgBg {
  display: block;
  position: relative;
  width: 100%;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .sharet-content-relative {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  top: 1410px;
  font-weight: 400;
  font-family: 'HarmonyOS Sans SC';
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .sharet-content-relative .desc-content {
  padding: 0 130px;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .sharet-content-relative .desc-content span {
  color: #000000;
  line-height: 72px;
  font-size: 40px;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .footer-left {
  position: absolute;
  bottom: 80px;
  left: 70px;
  width: 540px;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .footer-left > p {
  font-size: 36px;
  margin-bottom: 60px;
  letter-spacing: -3px;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .footer-left > p.letterspace > span {
  display: inline-block;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .footer-left > img {
  display: block;
  width: 215px;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .footer-right {
  position: absolute;
  bottom: 50px;
  right: 70px;
  width: 450px;
  text-align: right;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .footer-right > span {
  display: inline-block;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .footer-right .vert-txt {
  position: relative;
  top: -46px;
  width: 20px;
  margin-right: 20px;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .footer-right .vert-txt > span {
  line-height: 30px;
  font-size: 30px;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .footer-right .box-img {
  position: relative;
  width: 290px;
  height: 240px;
  right: 0;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .footer-right .box-img .vert-box-img {
  display: block;
}
.character-result-wrapper .travel-result-box .sharet-content-showbox-share .footer-right .box-img .sharet-qrcode {
  position: absolute;
  right: 7.5px;
  bottom: 7.5px;
  display: block;
  background: #fff;
  width: 225px;
  height: 225px;
}
.chat-load-treveres {
  width: 360px;
  height: 100%;
  position: fixed;
  background: linear-gradient(to bottom, #f8f0e9, #eb9da1);
  top: 0px;
  left: 50%;
  margin-left: -180px;
  z-index: 9999999;
}
.chat-load-treveres .loadding_imgBG-treveres {
  display: block;
  position: relative;
  background: linear-gradient(to bottom, #f8f0e9, #eb9da1);
  width: 100%;
}
.chat-load-treveres .loadding_imgBox-treveres {
  display: block;
  position: absolute;
  top: 303.33px;
  left: 0;
  width: 100%;
  font-family: 'HarmonyOS Sans SC';
}
.chat-load-treveres .loadding_imgBox-treveres .progress-box {
  display: block;
  width: 113px;
  height: 7px;
  border-radius: 3.5px;
  margin: 0 auto;
  background: #fff;
}
.chat-load-treveres .loadding_imgBox-treveres .progress-box .progress-srculde {
  width: 20%;
  height: 100%;
  border-radius: 3.5px;
  background: linear-gradient(to right, #ed757b, #eb9fa4);
}
.chat-load-treveres .loadding_imgBox-treveres .progress-num {
  margin-top: 12px;
  text-align: center;
  font-size: 12px;
}

.pull-app-page-wrapper {
  width: 100%;
  height: 100%;
}
.pull-app-page-wrapper img {
  width: 100%;
  height: auto;
}
.pull-app-page-wrapper .PromptMaskBrowser {
  display: none;
}
.pull-app-page-wrapper .TitleText {
  height: 50px;
  position: fixed;
  top: 0;
  left: 50%;
  width: 360px;
  margin-left: -180px;
  background-color: #f0f0f0;
  font-size: 12px;
  line-height: 50px;
  text-align: center;
  opacity: 0.7;
}
.pull-app-page-wrapper .BtnJump {
  width: 170px;
  height: 38px;
  color: white;
  position: fixed;
  bottom: 56px;
  left: 50%;
  margin-left: -85px;
  line-height: 38px;
  text-align: center;
  background-color: #1156ee;
  border-radius: 20px;
  letter-spacing: 2px;
}
.pull-app-page-wrapper .sub-toast-hide {
  display: none;
}
.pull-app-page-wrapper .sub-toast-hide .sub-toast-box {
  display: flex;
  position: fixed;
  z-index: 999;
  bottom: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.pull-app-page-wrapper .sub-toast-hide .sub-toast-box .subToast {
  display: inline-block;
  text-align: center;
  width: 260px;
  height: 33px;
  color: #000;
  background: rgba(217, 217, 217, 0.95);
  border-radius: 16.5px;
  font-size: 12px;
  line-height: 34px;
}