@charset "UTF-8";
html,body {
  height:100%;
  width:100%;
  padding:0;
  margin:0;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  background-color:#9195a3
}
#app {
  width:10rem;
  height:-webkit-fit-content;
  height:fit-content;
  min-height:100vh
}
.norem-app {
  width:5rem
}
@media screen and (max-width: 500px) {
  #app {
    width:100%;
    min-height:100vh
  }
  #app::-webkit-scrollbar {
    width:0;
    background:transparent
  }
  .van-popup.van-popup--bottom {
    max-width:none
  }
}
@media (min-width: 501px) {
  .van-popup.van-popup--bottom {
    max-width:10rem;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translate(-50%)
  }
  .van-popup.van-popup--center {
    max-width:10rem
  }
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0
}
.van-toast[data-v-60defda3] {
  word-break:break-word!important
}
.cg-default.van-button[data-v-60defda3] {
  font-weight:700;
  font-size:.4rem
}
.cg-default.van-button .van-button__icon[data-v-60defda3] {
  height:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.cg-default.van-button .van-button__icon>img[data-v-60defda3] {
  height:80%
}
@media (orientation: landscape) {
  html.landscape[data-v-60defda3] {
    font-size:9vh!important
  }
}
.isAppForcedDownloadEnabled-dialog[data-v-60defda3] {
  z-index:9999999!important
}
.tabbar__container[data-v-60defda3] {
  position:fixed;
  bottom:0;
  left:50%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  width:10rem;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  height:1.73333rem;
  font-size:.29333rem;
  background:#fff;
  z-index:100
}
.tabbar__container-item[data-v-60defda3] {
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  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:end;
  -webkit-justify-content:flex-end;
  justify-content:flex-end;
  gap:.11707rem;
  color:#bec6d4
}
.tabbar__container-item:nth-of-type(3) svg[data-v-60defda3] {
  color:#fff
}
.tabbar__container-item:nth-of-type(3) .promotionBg[data-v-60defda3] {
  background:-webkit-linear-gradient(top,#FB5755 0%,#FF745B 100%);
  background:linear-gradient(180deg,#FB5755 0%,#FF745B 100%);
  width:1.6rem;
  height:1.01333rem;
  border-radius:.50667rem;
  z-index:2;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center
}
.tabbar__container-item svg[data-v-60defda3] {
  display:block;
  width:.53333rem;
  height:.53333rem
}
.tabbar__container-item.active[data-v-60defda3] {
  color:var(--main-color)
}
@media screen and (max-width: 500px) {
  .tabbar__container[data-v-60defda3] {
    width:100%;
    left:0;
    -webkit-transform:translateX(0);
    transform:translate(0)
  }
  html:lang(ar) .tabbar__container[data-v-60defda3] {
    left:unset;
    right:0
  }
}
.customer {
  position:fixed;
  bottom:2.4rem;
  right:.4rem;
  width:1.49333rem;
  height:1.49333rem;
  border-radius:50%;
  z-index:108
}
.customer img {
  width:100%;
  height:100%;
  border-radius:50%
}
.van-toast[data-v-5eb72be7] {
  word-break:break-word!important
}
.cg-default.van-button[data-v-5eb72be7] {
  font-weight:700;
  font-size:.4rem
}
.cg-default.van-button .van-button__icon[data-v-5eb72be7] {
  height:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.cg-default.van-button .van-button__icon>img[data-v-5eb72be7] {
  height:80%
}
@media (orientation: landscape) {
  html.landscape[data-v-5eb72be7] {
    font-size:9vh!important
  }
}
.isAppForcedDownloadEnabled-dialog[data-v-5eb72be7] {
  z-index:9999999!important
}
.start-page[data-v-5eb72be7] {
  position:fixed;
  z-index:9999;
  width:10rem;
  height:100%;
  background:-webkit-linear-gradient(top,#FF8988 0%,#FFD0BA 100%);
  background:linear-gradient(180deg,#FF8988 0%,#FFD0BA 100%);
  bottom:0;
  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-pack:center;
  -webkit-justify-content:center;
  justify-content:center
}
.start-page div[data-v-5eb72be7] {
  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-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.start-page div .dice[data-v-5eb72be7] {
  background-repeat:no-repeat;
  background-position:center;
  background-image:url(/assets/png/start-596db528.png);
  width:2.66667rem;
  height:2.66667rem;
  background-size:cover
}
.start-page div .logo[data-v-5eb72be7] {
  background-repeat:no-repeat;
  background-size:contain;
  margin-top:2.13333rem;
  width:3.38667rem
}
.start-page div p[data-v-5eb72be7] {
  font-weight:700;
  font-size:.50667rem;
  color:var(--text_color_L4);
  margin-top:.4rem;
  padding:0 .13333rem;
  text-align:center
}
.van-toast[data-v-9cd12fb2] {
  word-break:break-word!important
}
.cg-default.van-button[data-v-9cd12fb2] {
  font-weight:700;
  font-size:.4rem
}
.cg-default.van-button .van-button__icon[data-v-9cd12fb2] {
  height:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.cg-default.van-button .van-button__icon>img[data-v-9cd12fb2] {
  height:80%
}
@media (orientation: landscape) {
  html.landscape[data-v-9cd12fb2] {
    font-size:9vh!important
  }
}
.isAppForcedDownloadEnabled-dialog[data-v-9cd12fb2] {
  z-index:9999999!important
}
.header[data-v-9cd12fb2] {
  min-height:1.86667rem;
  background-color:var(--bg_color_L3);
  color:var(--text_color_L1);
  padding-top:.33333rem;
  border-radius:.26667rem .26667rem 0 0
}
.header .title[data-v-9cd12fb2] {
  font-size:.37333rem
}
.header .tip[data-v-9cd12fb2] {
  font-size:.29333rem;
  font-weight:400;
  margin-top:.26667rem
}
.container[data-v-9cd12fb2] {
  padding:.26667rem .13333rem;
  background-color:var(--bg_color_L2);
  max-height:calc(100vh - 8.4rem);
  overflow:auto
}
.container[data-v-9cd12fb2] .first_list-item {
  box-shadow:none
}
.footer[data-v-9cd12fb2] {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  min-height:1.33333rem;
  background-color:var(--bg_color_L3);
  padding:0 .26667rem;
  border-radius:0 0 .26667rem .26667rem
}
.footer .btn[data-v-9cd12fb2] {
  background:var(--main_gradient-color);
  width:2.66667rem;
  min-height:.66667rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  border-radius:.33333rem;
  text-align:center;
  color:var(--text_color_L4);
  font-size:.37333rem;
  font-weight:700
}
.footer .active[data-v-9cd12fb2] {
  color:var(--text_color_L2);
  font-size:.32rem;
  background-repeat:no-repeat;
  background-size:.48rem;
  background-position:left;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  gap:.16rem;
  -webkit-align-content:center;
  align-content:center
}
[data-v-9cd12fb2] .first_list-item {
  background:var(--bg_color_L3)
}
.close[data-v-9cd12fb2] {
  position:absolute;
  width:.8rem;
  height:.8rem;
  border-radius:50%;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  bottom:-.93333rem;
  background-image:url(/assets/png/close-862c6a4d.png);
  background-repeat:no-repeat;
  background-size:contain
}
.van-toast[data-v-3d4fafbb] {
  word-break:break-word!important
}
.cg-default.van-button[data-v-3d4fafbb] {
  font-weight:700;
  font-size:.4rem
}
.cg-default.van-button .van-button__icon[data-v-3d4fafbb] {
  height:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.cg-default.van-button .van-button__icon>img[data-v-3d4fafbb] {
  height:80%
}
@media (orientation: landscape) {
  html.landscape[data-v-3d4fafbb] {
    font-size:9vh!important
  }
}
.isAppForcedDownloadEnabled-dialog[data-v-3d4fafbb] {
  z-index:9999999!important
}
.dialog-wrapper[data-v-3d4fafbb] {
  padding:.26667rem 0;
  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
}
.dialog-wrapper img[data-v-3d4fafbb] {
  width:3.73333rem;
  height:2.16rem;
  position:relative;
  margin-top:-.74667rem
}
.dialog-wrapper .dialog-title[data-v-3d4fafbb] {
  color:var(--text_color_L1);
  margin:.4rem 0 .26667rem;
  font-size:.48rem;
  font-weight:700
}
.dialog-wrapper .dialog-tips[data-v-3d4fafbb] {
  color:var(--text_color_L2);
  font-size:.32rem;
  margin:0 0 .32rem
}
.dialog-wrapper .dialog-para[data-v-3d4fafbb] {
  color:var(--text_color_L2);
  font-size:.32rem
}
.dialog-wrapper .dialog-btn[data-v-3d4fafbb] {
  width:5.6rem;
  height:1.06667rem;
  text-align:center;
  line-height:1.06667rem;
  background:var(--GradiantBlue, var(--main_gradient-color));
  border-radius:1.06667rem;
  font-weight:700;
  color:var(--text_color_L4);
  font-size:.42667rem;
  margin-top:.53333rem
}
.dialog-wrapper .dialog-content[data-v-3d4fafbb] {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  color:var(--norm_secondary-color)
}
.dialog-wrapper .dialog-content img[data-v-3d4fafbb] {
  width:.4rem;
  height:.4rem;
  margin:0 .13333rem 0 0
}
.dialog-wrapper .dialog-footer[data-v-3d4fafbb] {
  position:relative;
  bottom:-1.46667rem
}
.dialog-wrapper .dialog-footer img[data-v-3d4fafbb] {
  width:.8rem;
  height:.8rem
}
.custom18dialog .dialog-18[data-v-3d4fafbb] {
  border-radius:.16rem;
  height:6.66667rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column;
  text-align:center;
  padding:.53333rem;
  background:var(--bg_color_L2)
}
.custom18dialog .dialog-18 .icon18[data-v-3d4fafbb] {
  display:block;
  height:1.30667rem;
  width:1.30667rem;
  margin:0 auto
}
.custom18dialog .dialog-18 span[data-v-3d4fafbb]:nth-child(1) {
  display:block;
  font-size:.53333rem;
  color:var(--text_color_L1);
  margin:.53333rem 0 .18667rem;
  font-weight:600
}
.custom18dialog .dialog-18 .tip_txt[data-v-3d4fafbb] {
  font-size:.34667rem;
  color:var(--text_color_L2);
  margin-bottom:.77333rem
}
.custom18dialog .dialog-18 .dialog-footer .dialog-btn[data-v-3d4fafbb] {
  margin:0 auto .32rem;
  width:7.33333rem;
  height:1.06667rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  border-radius:.16rem;
  font-size:.37333rem;
  font-weight:500
}
.custom18dialog .dialog-18 .dialog-footer .btn-cnf[data-v-3d4fafbb] {
  background:var(--main_gradient-color)
}
.custom18dialog .dialog-18 .dialog-footer .btn-cancel[data-v-3d4fafbb] {
  border:.01333rem solid var(--main-color);
  color:var(--main-color)
}
.noAge .dialog-18[data-v-3d4fafbb] {
  height:5.06667rem
}
.noAge .dialog-18 .dialog-footer[data-v-3d4fafbb] {
  margin-top:.53333rem
}
@media screen and (min-width: 800px) {
  html {
    font-size:2.5rem!important
  }
}
:deep(.tabbar__container) {
  background:#fff
}
@font-face {
  font-family:bahnschrift;
  font-weight:500;
  src:url(/assets/woff2/bahnschrift-610d57ac.woff2)
}
@font-face {
  font-family:digitalDreamFat;
  src:url(/assets/ttf/digitalDreamFat-7e51cfaf.ttf) format("truetype")
}
html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding:0;
  margin:0;
  font:inherit;
  font-size:100%;
  vertical-align:baseline;
  border:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display:block
}
table {
  border-spacing:0;
  border-collapse:collapse
}
svg {
  height:100%
}
* {
  -webkit-user-select:none;
  user-select:none
}
html,
body {
  width:100%;
  height:100%;
  padding:0;
  margin:0
}
#app {
  padding:0;
  margin:0
}
body {
  height:auto
}
:-webkit-any(article,
aside,
nav,
section) h1 {
  font-size:2em
}
img {
  image-rendering:-moz-crisp-edges;
  image-rendering:-o-crisp-edges;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
  -ms-interpolation-mode:nearest-neighbor
}
input {
  -webkit-user-select:text;
  user-select:text;
  color:var(--text_color_L1)
}
input:focus {
  outline:.01333rem solid var(--Dividing-line_color);
  -webkit-user-select:text;
  user-select:text
}
.c-row {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex
}
.c-row-middle-center {
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.c-row-between {
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between
}
.c-row-middle {
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.c-flex-warp {
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap
}
.m-b-5 {
  margin-bottom:.13333rem
}
.m-r-5 {
  margin-right:.13333rem
}
.c-flew-end {
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
  justify-content:flex-end
}
.c-tc {
  text-align:center
}
.p-r-10 {
  padding-right:.26667rem
}
.p-l-10 {
  padding-left:.26667rem
}
.p-b-10 {
  padding-bottom:.26667rem
}
.p-t-10 {
  padding-top:.26667rem
}
.popup {
  border-radius:.26667rem .26667rem 0 0;
  z-index:2006;
  left:auto;
  overflow-y:visible
}
.PreSaleRule {
  width:7.04rem
}
.Tips {
  width:8rem;
  height:2.13333rem;
  line-height:2.13333rem;
  background:var(--whiteBg);
  border:.01333rem solid var(--borderColor-5);
  border-radius:.26667rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  top:80%
}
.firstSaveDialog {
  width:8rem;
  overflow:initial
}
.firstSaveDialog .van-dialog__header {
  padding-top:0
}
.custom18dialog {
  width:8.4rem
}
.msg-window {
  padding:.13333rem .26667rem;
  width:9.33333rem
}
.msg-window .msg-header {
  color:var(--text_color_L1);
  font-size:.32rem
}
.msg-window .msg-footer {
  color:var(--norm_red-color);
  font-size:.32rem;
  padding-top:.32rem
}
.msg-window .msg-footer div {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
  justify-content:flex-end
}
.msg-window .msg-footer img {
  width:.4rem;
  height:.4rem
}
.noOverHidden {
  overflow:inherit
}
.dailySignInRules__container-hero {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  margin:.13333rem auto .53333rem;
  border-radius:.26667rem;
  overflow:hidden
}
.dailySignInRules__container-hero__wrapper {
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  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-pack:start;
  -webkit-justify-content:flex-start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.dailySignInRules__container-hero__wrapper-titlebox {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  width:100%;
  color:var(--text_color_L1)
}
.dailySignInRules__container-hero__wrapper ul {
  width:100%
}
.dailySignInRules__container-hero__wrapper ul li {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  width:100%
}
.dailySignInRules__container-hero__wrapper ul li div {
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  font-size:.37333rem;
  padding:.34667rem 0;
  border-bottom:.01333rem solid var(--bgcolor-54)
}
.dailySignInRules__container-hero__wrapper-title {
  width:100%;
  height:1.06667rem;
  padding-block:.34667rem;
  font-size:.42667rem;
  line-height:.32rem;
  text-align:center;
  background:var(--main_gradient-color2)
}
.dailySignInRules__container-hero__wrapper-content {
  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-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  width:100%;
  height:100%
}
.dailySignInRules__container-hero__wrapper-content>div {
  width:100%;
  padding:.34667rem 0;
  font-size:.37333rem;
  line-height:.37333rem;
  text-align:center;
  border-bottom:.01333rem solid var(--bgColor-10)
}
.dailySignInRules__container-hero__wrapper-content>div:last-of-type {
  border-bottom:none
}
.mgt10 {
  margin-top:.13333rem!important
}
.mgt40 {
  margin-top:.53333rem!important
}
[v-cloak] {
  display:none
}
.clearfix:after,
.clearfix:before {
  content:"";
  display:block;
  clear:both;
  visibility:hidden;
  height:0
}
.text-dots {
  line-height:.453334rem;
  width:2.13333rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.must:before {
  content:"*";
  color:#fb5151
}
input,
textarea {
  -webkit-user-select:text;
  user-select:text
}
.ar {
  position:fixed;
  top:.93333rem;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  width:100%;
  max-width:10rem;
  -webkit-user-select:none;
  user-select:none;
  z-index:100;
  padding:0 .29333rem
}
.ar-searchbar {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  gap:.29333rem;
  width:100%;
  font-size:.37333rem;
  margin-top:.26667rem;
  margin-bottom:.21333rem
}
.ar-searchbar input {
  width:3.6rem;
  height:1.06667rem;
  padding:0 .26667rem;
  font-weight:400;
  border:none;
  border-radius:.13333rem
}
.ar-searchbar input::-webkit-input-placeholder {
  color:var(--colorText-63)
}
.ar-searchbar input::placeholder {
  color:var(--colorText-63)
}
.ar-searchbar__selector {
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  width:4.53333rem;
  height:1.06667rem;
  color:var(--text_color_L2)
}
.ar-searchbar__selector>div {
  width:100%;
  line-height:1.06667rem;
  border-radius:.13333rem;
  background:var(--darkBg, var(--bg_color_L2))
}
.ar-searchbar__selector>div:first-of-type {
  position:relative;
  padding:0 .26667rem;
  z-index:10
}
.ar-searchbar__selector>div:first-of-type i {
  position:absolute;
  top:50%;
  right:.21333rem;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out
}
.ar-searchbar__selector-dropdown {
  position:absolute;
  top:100%;
  -webkit-transform:translateY(-10%);
  transform:translateY(-10%);
  opacity:0;
  visibility:hidden;
  z-index:9;
  border:.01333rem solid var(--text_color_L1);
  overflow:hidden;
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out
}
.ar-searchbar__selector-dropdown li {
  padding:0 .26667rem;
  list-style:none
}
.ar-searchbar__selector-dropdown li.selected {
  color:#fff;
  background-color:var(--norm_red-color)
}
.ar-searchbar__selector.active {
  z-index:9
}
.ar-searchbar__selector.active>div:first-of-type i {
  -webkit-transform:translateY(-50%) rotate(180deg);
  transform:translateY(-50%) rotate(180deg);
  -webkit-transform-origin:center;
  transform-origin:center
}
.ar-searchbar__selector.active>div:last-of-type {
  -webkit-transform:translateY(0%);
  transform:translateY(0);
  opacity:1;
  visibility:visible;
  z-index:1
}
.ar-searchbar__selector .selectorA {
  color:var(--colorText-63)
}
.ar-searchbar>i {
  font-size:1.625rem
}
.ar-1px-t,
.ar-1px-b,
.ar-1px-tb,
.ar-1px-rb,
.ar-1px-l,
.ar-1px-r {
  position:relative
}
.ar-1px-t:before {
  content:" ";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:.01333rem;
  border-top:.01333rem solid #e6e8e8;
  color:#e6e8e8;
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  -webkit-transform:scaleY(.5);
  transform:scaleY(.5)
}
.ar-1px-b:after {
  content:" ";
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  height:.01333rem;
  border-bottom:.01333rem solid var(--Dividing-line_color);
  color:#e6e8e8;
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  -webkit-transform:scaleY(.5);
  transform:scaleY(.5)
}
.ar-1px-l:before {
  content:" ";
  position:absolute;
  left:0;
  top:0;
  width:.01333rem;
  bottom:0;
  border-left:.01333rem solid #e6e8e8;
  color:#e6e8e8;
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  -webkit-transform:scaleX(.5);
  transform:scaleX(.5)
}
.ar-1px-r:after {
  content:" ";
  position:absolute;
  right:0;
  top:0;
  width:.01333rem;
  bottom:0;
  border-right:.01333rem solid #e6e8e8;
  color:#e6e8e8;
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0;
  -webkit-transform:scaleX(.5);
  transform:scaleX(.5)
}
.ar-1px-rb:before {
  content:" ";
  position:absolute;
  right:0;
  top:0;
  width:.01333rem;
  bottom:0;
  border-right:.01333rem solid #e6e8e8;
  color:#e6e8e8;
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0;
  -webkit-transform:scaleX(.5);
  transform:scaleX(.5)
}
.ar-1px-rb:after {
  content:" ";
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  height:.01333rem;
  border-bottom:.01333rem solid #e6e8e8;
  color:#e6e8e8;
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  -webkit-transform:scaleY(.5);
  transform:scaleY(.5)
}
.ar-1px-tb:before {
  content:" ";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:.01333rem;
  border-top:.01333rem solid #e6e8e8;
  color:#e6e8e8;
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  -webkit-transform:scaleY(.5);
  transform:scaleY(.5)
}
.ar-1px-tb:after {
  content:" ";
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  height:.01333rem;
  border-bottom:.01333rem solid #e6e8e8;
  color:#e6e8e8;
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  -webkit-transform:scaleY(.5);
  transform:scaleY(.5)
}
@media screen and (max-width: 500px) {
  .ar {
    max-width:none
  }
}
textarea {
  resize:none
}
.content {
  padding:0 .32rem;
  background:var(--bg_color_L1)!important
}
@font-face {
  font-family:bahnschrift;
  font-weight:500;
  src:url(/assets/woff2/bahnschrift-610d57ac.woff2)
}
@font-face {
  font-family:digitalDreamFat;
  src:url(/assets/ttf/digitalDreamFat-7e51cfaf.ttf) format("truetype")
}
* {
  box-sizing:border-box
}
#app {
  background:var(--bg_color_L1)
}
.flex-center {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.popup {
  position:fixed;
  max-height:100%
}
.popup-center {
  top:50%;
  left:0;
  right:0;
  width:-webkit-fit-content;
  width:fit-content;
  margin:0 auto;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.popup-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.35)
}
.iosDialog {
  padding:.53333rem .32rem
}
.iosDialog .title {
  color:var(--text_color_L1, #1E2637);
  font-size:.48rem;
  font-weight:600;
  margin-bottom:.53333rem
}
.iosDialog .websit_info {
  padding:.24rem .37333rem;
  border-radius:.13333rem;
  background:var(--bg_color_L3, #F6F6F6);
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  margin-bottom:.53333rem
}
.iosDialog .websit_info img {
  border-radius:.28125rem;
  width:1.44rem;
  height:1.44rem;
  margin-right:.32rem;
  box-shadow:0 .02667rem .05333rem #b0baca80
}
.iosDialog .websit_info .link div:nth-child(1) {
  color:var(--text_color_L1);
  font-size:.42667rem;
  font-weight:500;
  margin-bottom:.05333rem
}
.iosDialog .websit_info .link div:nth-child(2) {
  color:var(--text_color_L2);
  font-size:.37333rem;
  font-weight:500
}
.iosDialog .text {
  font-size:.42667rem;
  color:var(--text_color_L2);
  margin-bottom:.48rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.iosDialog .text svg {
  width:.42667rem;
  margin-left:.21333rem
}
.iosDialog .text img {
  width:.56rem;
  height:.56rem;
  margin:0 .24rem
}
.iosDialog .text span {
  margin-left:.21333rem;
  border-radius:.05333rem;
  padding:0 .16rem;
  color:var(--text_color_L1);
  background:var(--bg_color_L3);
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.mt0 {
  margin-top:0!important
}
.pt0 {
  padding-top:0!important
}
.mb0 {
  margin-bottom:0!important
}
.pb0 {
  padding-bottom:0!important
}
.ml0 {
  margin-left:0!important
}
.pl0 {
  padding-left:0!important
}
.mr0 {
  margin-right:0!important
}
.pr0 {
  padding-right:0!important
}
.fz0 {
  font-size:0!important
}
.mt2 {
  margin-top:.05333rem!important
}
.pt2 {
  padding-top:.05333rem!important
}
.mb2 {
  margin-bottom:.05333rem!important
}
.pb2 {
  padding-bottom:.05333rem!important
}
.ml2 {
  margin-left:.05333rem!important
}
.pl2 {
  padding-left:.05333rem!important
}
.mr2 {
  margin-right:.05333rem!important
}
.pr2 {
  padding-right:.05333rem!important
}
.fz2 {
  font-size:.05333rem!important
}
.mt4 {
  margin-top:.10667rem!important
}
.pt4 {
  padding-top:.10667rem!important
}
.mb4 {
  margin-bottom:.10667rem!important
}
.pb4 {
  padding-bottom:.10667rem!important
}
.ml4 {
  margin-left:.10667rem!important
}
.pl4 {
  padding-left:.10667rem!important
}
.mr4 {
  margin-right:.10667rem!important
}
.pr4 {
  padding-right:.10667rem!important
}
.fz4 {
  font-size:.10667rem!important
}
.mt5 {
  margin-top:.13333rem!important
}
.pt5 {
  padding-top:.13333rem!important
}
.mb5 {
  margin-bottom:.13333rem!important
}
.pb5 {
  padding-bottom:.13333rem!important
}
.ml5 {
  margin-left:.13333rem!important
}
.pl5 {
  padding-left:.13333rem!important
}
.mr5 {
  margin-right:.13333rem!important
}
.pr5 {
  padding-right:.13333rem!important
}
.fz5 {
  font-size:.13333rem!important
}
.mt6 {
  margin-top:.16rem!important
}
.pt6 {
  padding-top:.16rem!important
}
.mb6 {
  margin-bottom:.16rem!important
}
.pb6 {
  padding-bottom:.16rem!important
}
.ml6 {
  margin-left:.16rem!important
}
.pl6 {
  padding-left:.16rem!important
}
.mr6 {
  margin-right:.16rem!important
}
.pr6 {
  padding-right:.16rem!important
}
.fz6 {
  font-size:.16rem!important
}
.mt8 {
  margin-top:.21333rem!important
}
.pt8 {
  padding-top:.21333rem!important
}
.mb8 {
  margin-bottom:.21333rem!important
}
.pb8 {
  padding-bottom:.21333rem!important
}
.ml8 {
  margin-left:.21333rem!important
}
.pl8 {
  padding-left:.21333rem!important
}
.mr8 {
  margin-right:.21333rem!important
}
.pr8 {
  padding-right:.21333rem!important
}
.fz8 {
  font-size:.21333rem!important
}
.mt10 {
  margin-top:.26667rem!important
}
.pt10 {
  padding-top:.26667rem!important
}
.mb10 {
  margin-bottom:.26667rem!important
}
.pb10 {
  padding-bottom:.26667rem!important
}
.ml10 {
  margin-left:.26667rem!important
}
.pl10 {
  padding-left:.26667rem!important
}
.mr10 {
  margin-right:.26667rem!important
}
.pr10 {
  padding-right:.26667rem!important
}
.fz10 {
  font-size:.26667rem!important
}
.mt12 {
  margin-top:.32rem!important
}
.pt12 {
  padding-top:.32rem!important
}
.mb12 {
  margin-bottom:.32rem!important
}
.pb12 {
  padding-bottom:.32rem!important
}
.ml12 {
  margin-left:.32rem!important
}
.pl12 {
  padding-left:.32rem!important
}
.mr12 {
  margin-right:.32rem!important
}
.pr12 {
  padding-right:.32rem!important
}
.fz12 {
  font-size:.32rem!important
}
.mt14 {
  margin-top:.37333rem!important
}
.pt14 {
  padding-top:.37333rem!important
}
.mb14 {
  margin-bottom:.37333rem!important
}
.pb14 {
  padding-bottom:.37333rem!important
}
.ml14 {
  margin-left:.37333rem!important
}
.pl14 {
  padding-left:.37333rem!important
}
.mr14 {
  margin-right:.37333rem!important
}
.pr14 {
  padding-right:.37333rem!important
}
.fz14 {
  font-size:.37333rem!important
}
.mt15 {
  margin-top:.4rem!important
}
.pt15 {
  padding-top:.4rem!important
}
.mb15 {
  margin-bottom:.4rem!important
}
.pb15 {
  padding-bottom:.4rem!important
}
.ml15 {
  margin-left:.4rem!important
}
.pl15 {
  padding-left:.4rem!important
}
.mr15 {
  margin-right:.4rem!important
}
.pr15 {
  padding-right:.4rem!important
}
.fz15 {
  font-size:.4rem!important
}
.mt16 {
  margin-top:.42667rem!important
}
.pt16 {
  padding-top:.42667rem!important
}
.mb16 {
  margin-bottom:.42667rem!important
}
.pb16 {
  padding-bottom:.42667rem!important
}
.ml16 {
  margin-left:.42667rem!important
}
.pl16 {
  padding-left:.42667rem!important
}
.mr16 {
  margin-right:.42667rem!important
}
.pr16 {
  padding-right:.42667rem!important
}
.fz16 {
  font-size:.42667rem!important
}
.mt18 {
  margin-top:.48rem!important
}
.pt18 {
  padding-top:.48rem!important
}
.mb18 {
  margin-bottom:.48rem!important
}
.pb18 {
  padding-bottom:.48rem!important
}
.ml18 {
  margin-left:.48rem!important
}
.pl18 {
  padding-left:.48rem!important
}
.mr18 {
  margin-right:.48rem!important
}
.pr18 {
  padding-right:.48rem!important
}
.fz18 {
  font-size:.48rem!important
}
.mt20 {
  margin-top:.53333rem!important
}
.pt20 {
  padding-top:.53333rem!important
}
.mb20 {
  margin-bottom:.53333rem!important
}
.pb20 {
  padding-bottom:.53333rem!important
}
.ml20 {
  margin-left:.53333rem!important
}
.pl20 {
  padding-left:.53333rem!important
}
.mr20 {
  margin-right:.53333rem!important
}
.pr20 {
  padding-right:.53333rem!important
}
.fz20 {
  font-size:.53333rem!important
}
.mt24 {
  margin-top:.64rem!important
}
.pt24 {
  padding-top:.64rem!important
}
.mb24 {
  margin-bottom:.64rem!important
}
.pb24 {
  padding-bottom:.64rem!important
}
.ml24 {
  margin-left:.64rem!important
}
.pl24 {
  padding-left:.64rem!important
}
.mr24 {
  margin-right:.64rem!important
}
.pr24 {
  padding-right:.64rem!important
}
.fz24 {
  font-size:.64rem!important
}
.mt25 {
  margin-top:.66667rem!important
}
.pt25 {
  padding-top:.66667rem!important
}
.mb25 {
  margin-bottom:.66667rem!important
}
.pb25 {
  padding-bottom:.66667rem!important
}
.ml25 {
  margin-left:.66667rem!important
}
.pl25 {
  padding-left:.66667rem!important
}
.mr25 {
  margin-right:.66667rem!important
}
.pr25 {
  padding-right:.66667rem!important
}
.fz25 {
  font-size:.66667rem!important
}
.mt30 {
  margin-top:.8rem!important
}
.pt30 {
  padding-top:.8rem!important
}
.mb30 {
  margin-bottom:.8rem!important
}
.pb30 {
  padding-bottom:.8rem!important
}
.ml30 {
  margin-left:.8rem!important
}
.pl30 {
  padding-left:.8rem!important
}
.mr30 {
  margin-right:.8rem!important
}
.pr30 {
  padding-right:.8rem!important
}
.fz30 {
  font-size:.8rem!important
}
.mt32 {
  margin-top:.85333rem!important
}
.pt32 {
  padding-top:.85333rem!important
}
.mb32 {
  margin-bottom:.85333rem!important
}
.pb32 {
  padding-bottom:.85333rem!important
}
.ml32 {
  margin-left:.85333rem!important
}
.pl32 {
  padding-left:.85333rem!important
}
.mr32 {
  margin-right:.85333rem!important
}
.pr32 {
  padding-right:.85333rem!important
}
.fz32 {
  font-size:.85333rem!important
}
.mt35 {
  margin-top:.93333rem!important
}
.pt35 {
  padding-top:.93333rem!important
}
.mb35 {
  margin-bottom:.93333rem!important
}
.pb35 {
  padding-bottom:.93333rem!important
}
.ml35 {
  margin-left:.93333rem!important
}
.pl35 {
  padding-left:.93333rem!important
}
.mr35 {
  margin-right:.93333rem!important
}
.pr35 {
  padding-right:.93333rem!important
}
.fz35 {
  font-size:.93333rem!important
}
.mt36 {
  margin-top:.96rem!important
}
.pt36 {
  padding-top:.96rem!important
}
.mb36 {
  margin-bottom:.96rem!important
}
.pb36 {
  padding-bottom:.96rem!important
}
.ml36 {
  margin-left:.96rem!important
}
.pl36 {
  padding-left:.96rem!important
}
.mr36 {
  margin-right:.96rem!important
}
.pr36 {
  padding-right:.96rem!important
}
.fz36 {
  font-size:.96rem!important
}
.mt40 {
  margin-top:1.06667rem!important
}
.pt40 {
  padding-top:1.06667rem!important
}
.mb40 {
  margin-bottom:1.06667rem!important
}
.pb40 {
  padding-bottom:1.06667rem!important
}
.ml40 {
  margin-left:1.06667rem!important
}
.pl40 {
  padding-left:1.06667rem!important
}
.mr40 {
  margin-right:1.06667rem!important
}
.pr40 {
  padding-right:1.06667rem!important
}
.fz40 {
  font-size:1.06667rem!important
}
.mt45 {
  margin-top:1.2rem!important
}
.pt45 {
  padding-top:1.2rem!important
}
.mb45 {
  margin-bottom:1.2rem!important
}
.pb45 {
  padding-bottom:1.2rem!important
}
.ml45 {
  margin-left:1.2rem!important
}
.pl45 {
  padding-left:1.2rem!important
}
.mr45 {
  margin-right:1.2rem!important
}
.pr45 {
  padding-right:1.2rem!important
}
.fz45 {
  font-size:1.2rem!important
}
.mt50 {
  margin-top:1.33333rem!important
}
.pt50 {
  padding-top:1.33333rem!important
}
.mb50 {
  margin-bottom:1.33333rem!important
}
.pb50 {
  padding-bottom:1.33333rem!important
}
.ml50 {
  margin-left:1.33333rem!important
}
.pl50 {
  padding-left:1.33333rem!important
}
.mr50 {
  margin-right:1.33333rem!important
}
.pr50 {
  padding-right:1.33333rem!important
}
.fz50 {
  font-size:1.33333rem!important
}
.mt56 {
  margin-top:1.49333rem!important
}
.pt56 {
  padding-top:1.49333rem!important
}
.mb56 {
  margin-bottom:1.49333rem!important
}
.pb56 {
  padding-bottom:1.49333rem!important
}
.ml56 {
  margin-left:1.49333rem!important
}
.pl56 {
  padding-left:1.49333rem!important
}
.mr56 {
  margin-right:1.49333rem!important
}
.pr56 {
  padding-right:1.49333rem!important
}
.fz56 {
  font-size:1.49333rem!important
}
.mt60 {
  margin-top:1.6rem!important
}
.pt60 {
  padding-top:1.6rem!important
}
.mb60 {
  margin-bottom:1.6rem!important
}
.pb60 {
  padding-bottom:1.6rem!important
}
.ml60 {
  margin-left:1.6rem!important
}
.pl60 {
  padding-left:1.6rem!important
}
.mr60 {
  margin-right:1.6rem!important
}
.pr60 {
  padding-right:1.6rem!important
}
.fz60 {
  font-size:1.6rem!important
}
.mt65 {
  margin-top:1.73333rem!important
}
.pt65 {
  padding-top:1.73333rem!important
}
.mb65 {
  margin-bottom:1.73333rem!important
}
.pb65 {
  padding-bottom:1.73333rem!important
}
.ml65 {
  margin-left:1.73333rem!important
}
.pl65 {
  padding-left:1.73333rem!important
}
.mr65 {
  margin-right:1.73333rem!important
}
.pr65 {
  padding-right:1.73333rem!important
}
.fz65 {
  font-size:1.73333rem!important
}
.mt66 {
  margin-top:1.76rem!important
}
.pt66 {
  padding-top:1.76rem!important
}
.mb66 {
  margin-bottom:1.76rem!important
}
.pb66 {
  padding-bottom:1.76rem!important
}
.ml66 {
  margin-left:1.76rem!important
}
.pl66 {
  padding-left:1.76rem!important
}
.mr66 {
  margin-right:1.76rem!important
}
.pr66 {
  padding-right:1.76rem!important
}
.fz66 {
  font-size:1.76rem!important
}
.mt75 {
  margin-top:2rem!important
}
.pt75 {
  padding-top:2rem!important
}
.mb75 {
  margin-bottom:2rem!important
}
.pb75 {
  padding-bottom:2rem!important
}
.ml75 {
  margin-left:2rem!important
}
.pl75 {
  padding-left:2rem!important
}
.mr75 {
  margin-right:2rem!important
}
.pr75 {
  padding-right:2rem!important
}
.fz75 {
  font-size:2rem!important
}
.mt80 {
  margin-top:2.13333rem!important
}
.pt80 {
  padding-top:2.13333rem!important
}
.mb80 {
  margin-bottom:2.13333rem!important
}
.pb80 {
  padding-bottom:2.13333rem!important
}
.ml80 {
  margin-left:2.13333rem!important
}
.pl80 {
  padding-left:2.13333rem!important
}
.mr80 {
  margin-right:2.13333rem!important
}
.pr80 {
  padding-right:2.13333rem!important
}
.fz80 {
  font-size:2.13333rem!important
}
.mt85 {
  margin-top:2.26667rem!important
}
.pt85 {
  padding-top:2.26667rem!important
}
.mb85 {
  margin-bottom:2.26667rem!important
}
.pb85 {
  padding-bottom:2.26667rem!important
}
.ml85 {
  margin-left:2.26667rem!important
}
.pl85 {
  padding-left:2.26667rem!important
}
.mr85 {
  margin-right:2.26667rem!important
}
.pr85 {
  padding-right:2.26667rem!important
}
.fz85 {
  font-size:2.26667rem!important
}
.mt90 {
  margin-top:2.4rem!important
}
.pt90 {
  padding-top:2.4rem!important
}
.mb90 {
  margin-bottom:2.4rem!important
}
.pb90 {
  padding-bottom:2.4rem!important
}
.ml90 {
  margin-left:2.4rem!important
}
.pl90 {
  padding-left:2.4rem!important
}
.mr90 {
  margin-right:2.4rem!important
}
.pr90 {
  padding-right:2.4rem!important
}
.fz90 {
  font-size:2.4rem!important
}
.mt95 {
  margin-top:2.53333rem!important
}
.pt95 {
  padding-top:2.53333rem!important
}
.mb95 {
  margin-bottom:2.53333rem!important
}
.pb95 {
  padding-bottom:2.53333rem!important
}
.ml95 {
  margin-left:2.53333rem!important
}
.pl95 {
  padding-left:2.53333rem!important
}
.mr95 {
  margin-right:2.53333rem!important
}
.pr95 {
  padding-right:2.53333rem!important
}
.fz95 {
  font-size:2.53333rem!important
}
.mt100 {
  margin-top:2.66667rem!important
}
.pt100 {
  padding-top:2.66667rem!important
}
.mb100 {
  margin-bottom:2.66667rem!important
}
.pb100 {
  padding-bottom:2.66667rem!important
}
.ml100 {
  margin-left:2.66667rem!important
}
.pl100 {
  padding-left:2.66667rem!important
}
.mr100 {
  margin-right:2.66667rem!important
}
.pr100 {
  padding-right:2.66667rem!important
}
.fz100 {
  font-size:2.66667rem!important
}
.fl {
  float:left
}
.fr {
  float:right
}
.fw500 {
  font-weight:500
}
.fw600 {
  font-weight:600
}
.clearfix {
  zoom:1
}
.clearfix:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
.x-page {
  padding:.4rem
}
.x-row {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex
}
.x-row-middle {
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.x-row-center {
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center
}
.x-row-middle-center {
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.x-column {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column
}
.x-row-around {
  -webkit-justify-content:space-around;
  justify-content:space-around
}
.x-row-between {
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between
}
.x-flew-end {
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
  justify-content:flex-end
}
.x-flex-warp {
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap
}
.x-flex {
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1
}
.x-pa {
  position:absolute
}
.x-pr {
  position:relative
}
.x-pf {
  position:fixed
}
.x-tc {
  text-align:center
}
.x-tr {
  text-align:right
}
.x-tl {
  text-align:left
}
.x-foot {
  position:fixed;
  max-width:10rem;
  width:100%;
  left:50%;
  bottom:0;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%)
}
.x-btn {
  color:var(--text_color_L2);
  height:1.06667rem;
  font-weight:600;
  background:var(--button_dis_color)
}
.x-btn:active {
  background:var(--main_gradient-color);
  color:var(--text_color_L4)
}
.x-btn-plain {
  height:1.06667rem;
  border-color:#e6e7eb;
  background:#F5F6FA;
  color:var(--text_color_L2)!important;
  font-weight:600
}
.x-btn-plain:active {
  background:none
}
.x-btn-gray {
  height:1.06667rem;
  font-weight:600;
  background-color:var(--gray-1);
  border-color:var(--gray-1);
  color:var(--white)
}
.x-input {
  background-color:var(--white);
  color:var(--f666);
  height:1.17333rem
}
.x-input::-webkit-input-placeholder {
  color:var(--fgray-2)
}
.x-input::placeholder {
  color:var(--fgray-2)
}
.x-hand {
  position:absolute;
  bottom:-.93333rem;
  left:50%;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%);
  z-index:10001
}
.x-hand .ripple {
  width:.53333rem;
  height:.53333rem;
  border-radius:50%;
  position:relative;
  overflow:hidden;
  background-color:#fff;
  box-shadow:0 0 #ffffffb3;
  -webkit-animation:ripple 1.5s infinite;
  animation:ripple 1.5s infinite
}
.x-hand .ripple:before {
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  background-color:#ffffff4d;
  border-radius:50%;
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-animation:ripple-expand 1.5s infinite;
  animation:ripple-expand 1.5s infinite
}
@-webkit-keyframes ripple {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    opacity:0
  }
}
@keyframes ripple {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    opacity:0
  }
}
@-webkit-keyframes ripple-expand {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:.5
  }
  to {
    -webkit-transform:scale(2.5);
    transform:scale(2.5);
    opacity:0
  }
}
@keyframes ripple-expand {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:.5
  }
  to {
    -webkit-transform:scale(2.5);
    transform:scale(2.5);
    opacity:0
  }
}
.x-hand .img {
  display:block;
  margin:-.26667rem
}
.noticeBar__container {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  width:100%;
  height:.98667rem;
  padding-inline:.26667rem;
  color:var(--colorText-79);
  font-size:.32rem;
  border-radius:99rem;
  background:var(--bg_color_L2)
}
.noticeBar__container .notice_svg {
  background-repeat:no-repeat;
  background-position:center;
  background-image:url(/assets/svg/noticeBarSpeaker-bbc4b014.svg);
  background-size:cover;
  width:.42667rem;
  height:.42667rem;
  -webkit-box-flex:0;
  -webkit-flex:none;
  flex:none;
  margin-right:.13333rem
}
.noticeBar__container-body {
  width:9.33333rem;
  height:100%;
  overflow:hidden;
  position:relative;
  height:.8rem;
  line-height:.98667rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.noticeBar__container-body-text {
  width:100%;
  height:-webkit-fit-content;
  height:fit-content;
  max-height:.98667rem;
  line-height:.49333rem;
  -webkit-animation:marquee 7s linear infinite;
  animation:marquee 7s linear infinite;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:column;
  -webkit-justify-content:column;
  justify-content:column;
  overflow:hidden;
  text-overflow:ellipsis;
  word-wrap:break-word;
  word-break:break-all
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
  }
  10% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  90% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  to {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
  }
}
@keyframes marquee {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
  }
  10% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  90% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  to {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
  }
}
.noticeBar__container>svg {
  width:.42667rem;
  -webkit-flex-shrink:0;
  flex-shrink:0;
  height:auto;
  margin-right:.22667rem
}
.noticeBar__container button {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-flex-shrink:0;
  flex-shrink:0;
  gap:.06667rem;
  width:2rem;
  height:.66667rem;
  margin-left:auto;
  background:var(--main-color);
  color:#fff;
  border:.01333rem solid var(--main-color);
  border-radius:.53333rem
}
.noticeBar__container button.hotIcon:before {
  content:"";
  display:block;
  width:.32rem;
  height:.32rem;
  background-position:left;
  background-repeat:no-repeat;
  background-size:.32rem;
  background-image:url(/assets/svg/redhomeN-36a3ba15.svg)
}
#app .userInfo__container-setting-center {
  background:var(--bg_color_L2)
}
#app .lotterySlotItem {
  background:var(--main_gradient-color)
}
#app .lotterySlotItem span,
#app .lotterySlotItem h4 {
  color:#fff
}
#app .firstSaveDialog .header {
  background:var(--main-color);
  color:var(--text_color_L4)
}
#app .progress {
  background:#d8d8d8!important
}
#app .gameList .box svg {
  color:#d9d9d933
}
#app .championship .tabs {
  background:var(--main-color)
}
#app .championship .tabs>div {
  color:#fff!important
}
#app .championship .tabs>div.active:after {
  border-bottom-color:#fff
}
#app .TeamReport__C-body .header-container {
  background:var(--main-color)
}
#app .TeamReport__C-body .header-container>div {
  color:#fff
}
#app .TeamReport__C-body .header-container>div>div:last-of-type {
  color:#fff
}
#app .ruleHead {
  position:relative
}
#app .ruleHead svg {
  position:absolute;
  top:-.02667rem;
  left:0;
  right:0;
  margin-inline:auto;
  width:6.58667rem;
  height:.8rem;
  z-index:1;
  color:var(--main-color)
}
#app .ruleHead .promotion-title,
#app .promotion-grade-th {
  color:var(--text_color_L4)
}
#app .wallet-container .imgD img {
  position:relative;
  width:calc(100% + .32rem)
}
#app .GameList__C {
  background:var(--bg_color_L2)
}
#app .empty__container svg {
  opacity:.2
}
:root {
  --main-color: #f95959;
  --main_gradient-color: linear-gradient(90deg, #f95959 0%, #ff9a8e 100%);
  --main_gradient-color2: linear-gradient(180deg, #f95959 0%, #ff9a8e 100%);
  --light-main_gradient-color: var(--main_gradient-color);
  --text_white: #fff;
  --light-bg_white: #fff;
  --light-main-color: var(--main-color);
  --norm_red-color: #FB5B5B;
  --norm_green-color: #18B660;
  --norm_secondary-color: #FEAA57;
  --norm_Purple-color: #C86EFF;
  --norm_bule-color: #6EA8F4;
  --button_dis_color: linear-gradient(90deg, #CCCEDC 15.38%, #CDCFDD 98.73%);
  --text_color_L1: #1E2637;
  --text_color_L2:#768096;
  --text_color_L3: #B6BCC8;
  --text_color_L4:#FFF;
  --bg_color_L1: #F7F8FF;
  --bg_color_L2: #FFF;
  --bg_color_L3: #F6F6F6;
  --Dividing-line_color: #E1E1E1;
  --sheet_nva_color: var(--main-color);
  --sheet_detail_bg_color: #F6F6F6;
  --pop_bg-color: linear-gradient(180deg, #FF6C6B 0%, #FF4A4A 68.59%);
  --icon1: rgba(7, 221, 209,.6);
  --icon2: rgba(7, 221, 209,.3);
  --tab1: #FB5755;
  --tab2: #FF745B;
  --iconSecondary: rgba(24, 182, 96,.3);
  --van-sidebar-text-color:var(--main-color);
  --van-picker-background: var(--bg_color_L2);
  --van-picker-option-text-color: var(--text_color_L2);
  --van-picker-confirm-action-color: var(--main-color);
  --van-checkbox-checked-icon-color: var(--main-color);
  --van-checkbox-label-color: var(--text_color_L2);
  --van-field-input-text-color: var(--text_color_L1);
  --van-radio-checked-icon-color: var(--main-color);
  --van-grid-item-content-background:var(--bg_color_L1) --van-text-color: var(--text_color_L1);
  --van-dialog-background: var(--bg_color_L2);
  --van-circle-color: var(--main-color);
  --van-circle-layer-color: var(--bg_color_L3);
  --van-calendar-range-edge-background: var(--main-color);
  --van-button-primary-background: var(--main-color);
  --van-button-primary-border-color: var(--main-color)
}
.van-toast[data-v-12a80a3e] {
  word-break:break-word!important
}
.cg-default.van-button[data-v-12a80a3e] {
  font-weight:700;
  font-size:.4rem
}
.cg-default.van-button .van-button__icon[data-v-12a80a3e] {
  height:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.cg-default.van-button .van-button__icon>img[data-v-12a80a3e] {
  height:80%
}
@media (orientation: landscape) {
  html.landscape[data-v-12a80a3e] {
    font-size:9vh!important
  }
}
.isAppForcedDownloadEnabled-dialog[data-v-12a80a3e] {
  z-index:9999999!important
}
.navbar[data-v-12a80a3e] {
  height:1.22667rem;
  z-index:100;
  -webkit-box-flex:0;
  -webkit-flex:none;
  flex:none
}
.navbar.activity .navbar-fixed[data-v-12a80a3e] {
  background:var(--main_gradient-color)
}
.navbar.activity .navbar-fixed .navbar__content-left .van-icon[data-v-12a80a3e] {
  color:var(--text_color_L1)
}
.navbar.lottery .navbar-fixed[data-v-12a80a3e] {
  background:var(--bg_color_L2)
}
.navbar.lottery .navbar-fixed .navbar__content-left .van-icon[data-v-12a80a3e],
.navbar.lottery .navbar-fixed .navbar__content-center[data-v-12a80a3e] {
  color:var(--text_color_L1)
}
.navbar.main .navbar-fixed[data-v-12a80a3e] {
  background:var(--light-main_gradient-color, var(--bg_color_L2))
}
.navbar.main .navbar-fixed .navbar__content-left .van-icon[data-v-12a80a3e],
.navbar.main .navbar-fixed .navbar__content-center[data-v-12a80a3e] {
  color:#fff
}
.navbar-fixed[data-v-12a80a3e] {
  position:fixed;
  top:0;
  left:50%;
  width:10rem;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  -webkit-user-select:none;
  user-select:none;
  z-index:100;
  background:var(--bg_color_L2);
  color:var(--text_color_L1)
}
.navbar__content[data-v-12a80a3e] {
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  height:1.22667rem;
  color:var(--text_color_L1)
}
.navbar__content-left[data-v-12a80a3e] {
  position:absolute;
  left:.32rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  height:100%;
  top:0
}
.navbar__content-left .van-icon[data-v-12a80a3e] {
  color:var(--text_color_L1);
  font-size:.48rem
}
.navbar__content-center[data-v-12a80a3e] {
  font-size:.48rem;
  line-height:.48rem
}
.navbar__content-center .headLogo[data-v-12a80a3e] {
  width:3.78667rem;
  height:2.52rem;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center
}
.navbar__content-right[data-v-12a80a3e] {
  position:absolute;
  right:.32rem
}
@media screen and (max-width: 500px) {
  .navbar-fixed[data-v-12a80a3e] {
    width:100%;
    left:0;
    -webkit-transform:translateX(0);
    transform:translate(0)
  }
}
.van-toast[data-v-647954c7] {
  word-break:break-word!important
}
.cg-default.van-button[data-v-647954c7] {
  font-weight:700;
  font-size:.4rem
}
.cg-default.van-button .van-button__icon[data-v-647954c7] {
  height:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.cg-default.van-button .van-button__icon>img[data-v-647954c7] {
  height:80%
}
@media (orientation: landscape) {
  html.landscape[data-v-647954c7] {
    font-size:9vh!important
  }
}
.isAppForcedDownloadEnabled-dialog[data-v-647954c7] {
  z-index:9999999!important
}
.ar-loading-view[data-v-647954c7] {
  background-color:#0000004d;
  width:100%;
  height:100%;
  z-index:999;
  left:0;
  position:fixed
}
.ar-loading-view .loading-animat[data-v-647954c7] {
  width:4rem;
  height:4rem
}
.ar-loading-view .loading-wrapper[data-v-647954c7] {
  pointer-events:none;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  height:100%;
  position:absolute;
  width:100%
}
.ar-loading-view .loading-wrapper img[data-v-647954c7] {
  width:2.66667rem
}
.ar-loading-view .loading-wrapper .van-loading[data-v-647954c7] {
  z-index:999
}
.ar-loading-view .skeleton-wrapper[data-v-647954c7] {
  padding:.26667rem .13333rem
}
.com__box[data-v-647954c7] {
  position:relative;
  width:2.66667rem;
  height:1.6rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  z-index:1000
}
.loading[data-v-647954c7] {
  width:1.6rem;
  height:1.6rem;
  position:relative;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-animation:animationContainer-647954c7 1s ease infinite;
  animation:animationContainer-647954c7 1s ease infinite
}
.shape[data-v-647954c7] {
  width:.66667rem;
  height:.66667rem;
  border-radius:50%;
  position:absolute
}
.shape-1[data-v-647954c7] {
  background-color:#0c67d7;
  left:0;
  -webkit-animation:animationShape1-647954c7 .3s ease infinite alternate;
  animation:animationShape1-647954c7 .3s ease infinite alternate
}
html:lang(ar) .shape-1[data-v-647954c7] {
  right:0;
  left:unset
}
.shape-2[data-v-647954c7] {
  background-color:#cd371c;
  right:0;
  -webkit-animation:animationShape2-647954c7 .3s ease infinite .3s alternate;
  animation:animationShape2-647954c7 .3s ease infinite .3s alternate
}
html:lang(ar) .shape-2[data-v-647954c7] {
  right:unset;
  left:0
}
.shape-3[data-v-647954c7] {
  background-color:#2c9d3f;
  bottom:0;
  -webkit-animation:animationShape3-647954c7 .3s ease infinite .3s alternate;
  animation:animationShape3-647954c7 .3s ease infinite .3s alternate
}
.shape-4[data-v-647954c7] {
  background-color:#eca712;
  right:0;
  bottom:0;
  -webkit-animation:animationShape4-647954c7 .3s ease infinite alternate;
  animation:animationShape4-647954c7 .3s ease infinite alternate
}
@-webkit-keyframes animationContainer-647954c7 {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes animationContainer-647954c7 {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@-webkit-keyframes animationShape1-647954c7 {
  0% {
    -webkit-transform:translate(.13333rem,.13333rem);
    transform:translate(.13333rem,.13333rem)
  }
  to {
    -webkit-transform:translate(-.08rem,-.08rem);
    transform:translate(-.08rem,-.08rem)
  }
}
@keyframes animationShape1-647954c7 {
  0% {
    -webkit-transform:translate(.13333rem,.13333rem);
    transform:translate(.13333rem,.13333rem)
  }
  to {
    -webkit-transform:translate(-.08rem,-.08rem);
    transform:translate(-.08rem,-.08rem)
  }
}
@-webkit-keyframes animationShape2-647954c7 {
  0% {
    -webkit-transform:translate(-.13333rem,.13333rem);
    transform:translate(-.13333rem,.13333rem)
  }
  to {
    -webkit-transform:translate(.08rem,-.08rem);
    transform:translate(.08rem,-.08rem)
  }
}
@keyframes animationShape2-647954c7 {
  0% {
    -webkit-transform:translate(-.13333rem,.13333rem);
    transform:translate(-.13333rem,.13333rem)
  }
  to {
    -webkit-transform:translate(.08rem,-.08rem);
    transform:translate(.08rem,-.08rem)
  }
}
@-webkit-keyframes animationShape3-647954c7 {
  0% {
    -webkit-transform:translate(.13333rem,-.13333rem);
    transform:translate(.13333rem,-.13333rem)
  }
  to {
    -webkit-transform:translate(-.08rem,.08rem);
    transform:translate(-.08rem,.08rem)
  }
}
@keyframes animationShape3-647954c7 {
  0% {
    -webkit-transform:translate(.13333rem,-.13333rem);
    transform:translate(.13333rem,-.13333rem)
  }
  to {
    -webkit-transform:translate(-.08rem,.08rem);
    transform:translate(-.08rem,.08rem)
  }
}
@-webkit-keyframes animationShape4-647954c7 {
  0% {
    -webkit-transform:translate(-.13333rem,-.13333rem);
    transform:translate(-.13333rem,-.13333rem)
  }
  to {
    -webkit-transform:translate(.08rem,.08rem);
    transform:translate(.08rem,.08rem)
  }
}
@keyframes animationShape4-647954c7 {
  0% {
    -webkit-transform:translate(-.13333rem,-.13333rem);
    transform:translate(-.13333rem,-.13333rem)
  }
  to {
    -webkit-transform:translate(.08rem,.08rem);
    transform:translate(.08rem,.08rem)
  }
}
.van-toast {
  word-break:break-word!important
}
.cg-default.van-button {
  font-weight:700;
  font-size:.4rem
}
.cg-default.van-button .van-button__icon {
  height:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.cg-default.van-button .van-button__icon>img {
  height:80%
}
@media (orientation: landscape) {
  html.landscape {
    font-size:9vh!important
  }
}
.isAppForcedDownloadEnabled-dialog {
  z-index:9999999!important
}
.svg-icon {
  width:1em;
  height:1em;
  fill:var(--svgHoticon);
  vertical-align:middle
}
.van-toast[data-v-fa757a88] {
  word-break:break-word!important
}
.cg-default.van-button[data-v-fa757a88] {
  font-weight:700;
  font-size:.4rem
}
.cg-default.van-button .van-button__icon[data-v-fa757a88] {
  height:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.cg-default.van-button .van-button__icon>img[data-v-fa757a88] {
  height:80%
}
@media (orientation: landscape) {
  html.landscape[data-v-fa757a88] {
    font-size:9vh!important
  }
}
.isAppForcedDownloadEnabled-dialog[data-v-fa757a88] {
  z-index:9999999!important
}
.ar-searchbar__selector[data-v-fa757a88] {
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  width:4.53333rem;
  height:1.06667rem!important
}
.ar-searchbar__selector div[data-v-fa757a88] {
  line-height:1.06667rem
}