html{font-size:calc(100/2560*100vw);}
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5,dl,dt,dd{margin:0;padding:0}
      a,img,input {border:none;}
      body{font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;}
      a {text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
      /* a:active,a:hover {color: #fff;} */
      ul,li{list-style: none}
      @font-face {
        font-family: "font_en";
        src: url(fonts/RefrigeratorDeluxe.ttf);
      }      
      *, *::before, *::after {box-sizing: initial;}
      /* @media not (((any-pointer:coarse) and (any-pointer:fine)) or (any-pointer:fine)) { */
      @media all and (orientation : landscape ) and (min-width:480px) and (min-aspect-ratio: 750/600) and (not (((any-pointer:coarse) and (any-pointer:fine)) or (any-pointer:fine))){  
        html,body { position:relative; overflow:hidden;width:100%; height:100%;padding:0;margin:0;}
        html::before {content: ""; position:fixed; top:0; left:0; height:100%; width:100%; background:#333; z-index:99999; }
        body::after {content: "\4e3a\4e86\66f4\597d\7684\4f53\9a8c\ff0c\8bf7\5c06\624b\673a\7ad6\8fc7\6765"; text-align:center; font-size:16px; color:#fff; position:absolute; top:50%; left:0; height:30px; width:100%; margin-top:50px; z-index:99999; }
        body::before { content: "";position:absolute; z-index:99999; height:200px; width:100px; left:50%; top:50%; margin:-140px 0 0 -50px; color:#fff;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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"); background-repeat:no-repeat; background-position:center center; background-size:100px auto; transform:rotateZ(-90deg);}
        .EN::after{content: 'For a better experience, hold your phone vertically.';}
        .ES::after{content: 'Para mejorar la experiencia, sujeta el teléfono en posición vertical.';}
        .JA::after{content: '見やすくするためには、スマートフォンを縦に持ってください。';}
        .PT::after{content: 'Para obter uma experiência melhor, segure seu telefone na vertical.';}
        .IT::after{content: "Per un'esperienza di gioco migliore, tieni il dispositivo in posizione verticale.";}
        .FR::after{content: "Pour une meilleure expérience, veuillez tenir votre téléphone à la verticale.";}
        .DE::after{content: "Halte dein Smartphone senkrecht, um das Spielerlebnis zu verbessern.";}
        .ID::after{content: 'Untuk pengalaman yang lebih baik, pegang ponselmu secara vertikal.';}
        .KO::after{content: '더 나은 게임 경험을 위해 휴대전화를 세로화면으로 변경해주세요.';}
        .TR::after{content: 'Daha iyi bir deneyim için telefonunu dikey olarak tut';}
        .RU::after{content: 'Держите телефон вертикально, чтобы вам было удобнее.';}
        .AR::after{content: 'للحصول على تجربة أفضل، أمسك هاتفك بشكل عمودي.'; direction: rtl;}
        .TH::after{content: 'โปรดถือมือถือของคุณในแนวตั้งเพื่อประสบการณ์ที่ดียิ่งขึ้น';}
        .VI::after{content: 'Để có trải nghiệm tốt hơn, hãy cầm dọc điện thoại.';}
        .ZH-HK::after{content: '為了更好的體驗，請將手機豎起來';}
        .ZH-TW::after{content: '為了良好的遊戲體驗，請以直式螢幕遊玩';}
    }


      body {background:#101010;width:100%;font-family: 'font_en',-apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; color: #fff; font-size: 0.24rem; overflow-x: hidden; width: 100%;}
      .spr,header h1,.help-link::before,.ornament::before,.ornament::after {background: url(../img/spr.png) no-repeat 0 0/4.39rem 4.01rem;}
      .btn {display:flex; width: 3.57rem; height: 0.76rem; margin: 0.14rem auto; line-height: 1; text-align: center; align-items: center; justify-content: center; position: relative; background: #a34232; color: #e5e5e5; font-size: 0.36rem; font-weight: bold; user-select: none;}
      .btn::before,.btn::after {width: 0.1rem; height: 100%; content: ''; position: absolute; border-top: 0.07rem solid #a34232;border-bottom: 0.07rem solid #a34232; overflow: hidden; box-sizing: border-box; right: -0.04rem; pointer-events: none;}
      .btn::before {left: -0.04rem;}
      .wrap {width: 25.6rem; height: 18.72rem; background: url(../img/bg.jpg) no-repeat 50% 0/25.6rem auto; position: relative;}
      header {height: 2.6rem; width: 100%; padding: 0.6rem 4.3rem 0 0.82rem; box-sizing: border-box; position: relative; display: flex; justify-content: space-between;}
      header h1 {width: 3.17rem; height: 1rem; text-indent: -9999rem; background: url(../img/logo.png) no-repeat 50% 50%/contain;}
      .login-btn {display:block;width: 1.8rem; height: 0.46rem; line-height: 0.46rem; text-align: center; font-size: 0.3rem; color: #ffffff; margin: 0; border: none;}
      .user-btn {display:block;width: 0.46rem; height: 0.46rem; overflow: hidden; text-indent: -9999rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M734.67 91.3C676.09 32.7 598.2.5 515.35.5 432.49.5 354.6 32.8 296.02 91.3c-58.59 58.6-90.85 136.5-90.85 219.3 0 82.9 32.26 160.7 90.85 219.3 20.91 20.9 44.3 38.5 69.49 52.4-64.98 20.9-125.9 55.1-178.68 101.4-90.94 79.7-150.4 187.9-167.44 304.8-2.47 16.9 9.27 32.7 26.22 35.2 1.52.2 3.02.3 4.52.3 15.15 0 28.41-11.1 30.65-26.5 31.3-214.7 218.12-376.7 434.57-376.7 82.86 0 160.74-32.3 219.33-90.8 58.59-58.6 90.85-136.5 90.85-219.3 0-82.8-32.26-160.7-90.85-219.3zM515.35 558.8c-136.83 0-248.14-111.3-248.14-248.1S378.52 62.6 515.35 62.6c136.82 0 248.14 111.31 248.14 248.1 0 136.8-111.32 248.1-248.14 248.1zm491.84 430.1c-7.12-53-22.69-104.2-46.27-152.1-22.99-46.7-53.1-89.4-89.5-126.9-11.94-12.3-31.57-12.6-43.87-.6-12.29 11.9-12.58 31.6-.64 43.9 65.29 67.2 106.37 151.6 118.79 244.1 2.09 15.6 15.4 26.9 30.7 26.9 1.37 0 2.76-.1 4.17-.3 16.97-2.3 28.89-17.9 26.61-34.9z' fill='%23c5cdc7'/%3E%3C/svg%3E") no-repeat 50% 0/cover; border: none;}
      header h2 {position: absolute; pointer-events: none; text-indent: -9999rem;}

      .act {display: flex; justify-content: space-between; width: 20.28rem; height: 10.95rem; margin: 0 auto; position: relative;}
      .grade {width: 5.58rem; box-sizing: border-box;}
      .grade1 {width: 5.7rem;}
      .grade h3 {height: 1.2rem; line-height: 1.2rem; font-size: 0.45rem; display: flex; justify-content: flex-start; align-items: center;position: relative;}
      .grade h3 strong {line-height: 1; display: inline-block;}
      .grade h3 img {display: block; width: 0.99rem; height: 0.59rem; transform: translate(100%,-50%); position: absolute; right: -0.05rem; top: 50%; user-select: none;}
      .grade1 div {height: 5.6rem; padding: 0.2rem 0; box-sizing: border-box;}
      .grade2 div {height: 5.6rem; padding: 0.2rem 0; box-sizing: border-box;}
      .grade p {padding: 0.1rem 0 0.08rem 0.36rem; line-height: 0.32rem; font-size: 0.26rem;}
      .grade1 p:nth-child(2),.grade1 p:nth-child(3){padding-right: 1rem;}
      .grade p span{color: #da6b35;}
      .grade p::before {content: '.'; display: block; float: left; margin-left: -0.36rem; width: 0.32rem; background: url(../img/dot.png) no-repeat 0 50%/0.29rem 0.29rem; text-indent: -9999rem;}
      .grade ul {display: flex; width: 5.4rem; justify-content: space-between; flex-wrap: wrap;}
      .grade li {width: 1.75rem; height: 2.28rem; background: url(../img/gift_bg.jpg) no-repeat 0 0/100% 100%; position: relative; margin-top: 0.05rem;}
      .grade li h4 {height: 0.5rem; line-height: 1; font-size: 0.24rem; font-weight: normal; display: flex; justify-content: center; align-items: center; text-align: center; color: #c5cdc7; padding: 0 0.05rem;}
      .grade li img {width: 1.75rem; height: 1.75rem; display: block; object-fit: contain; user-select: none;}
      .grade li span { position: absolute; left: 0.02rem; top: 0.54rem; display: inline-block; height: 0.25rem; padding: 0 0.05rem; background: rgba(43,16,2,0.9); color: #da6b35; border: 1px solid #ac6f4f; font-size: 0.22rem; line-height: 0.25rem; user-select: none;}
      .buy-btn {width: 5.4rem; height: 0.64rem; display: flex; justify-content: center; align-items: center; text-align: center; background: url(../img/btn1.png) no-repeat 0 0/100% 100%; margin-top: 0.12rem; font-size: 0.3rem; font-weight: bold; color: #b35c3f; user-select: none;}
      .str45,.str46 {color: #fef9a1;}
      .tips {position: absolute; bottom: 0.3rem; text-align: center; width: 100%; color: #dae1da;}
      .grayscale {filter: grayscale(100) brightness(2);}

      .grade {padding-left: 0.18rem;}

      .rule-title {font-size: 0.56rem; height: 0.96rem; line-height: 0.96rem; text-align: center;}
      .rule {width: 12rem; height: 3.7rem; overflow-y: auto; margin: 0.2rem auto 0;}
      .rule::-webkit-scrollbar {
        width: 0.1rem; /* 设置纵轴(y轴)轴滚动条 */ 
        height: 0.1rem; /* 设置横轴(x轴)轴滚动条 */ 
        padding: 0.1rem; box-sizing: border-box;
      } 
      .rule::-webkit-scrollbar-thumb { 
          margin: 0 0.05rem;
          /* box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);  */
          border: 0.04rem solid #232b2c;
          background: #565f62; 
      } 
      .rule::-webkit-scrollbar-track{ 
          border-radius: 0; 
          box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2); 
          background: rgba(0, 0, 0, 0.9); 
      }
      .rule p {padding: 0.1rem; line-height: 1.5; font-size: 0.26rem; font-family: initial;}
      .rule p span{color: #da6b35;}
      
      
      .pop_mask_mf { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.7; z-index: 999; display: none;}
      .popup {width: 9.32rem; max-height: 4.09rem; background: #313839 url(../img/poppu_bg.jpg) no-repeat 50% 0/100% auto; margin: 0 auto; padding: 0.3rem; box-sizing: border-box; position: relative; position: fixed; display: none; top: 50%; left: 50%;z-index: 1001; transform: scale(1) translate(-50%, -50%);}
     
      
      /* .popup {display: block!important; position: relative!important; transform:initial!important;margin: 20px auto!important; left: initial!important; top: initial!important;} */

      .popup::after {content: ''; position: absolute; width: 100%; border-bottom: 0.02rem solid rgba(72,73,74,0.5); left: 0; bottom: 0.12rem;}
      .login-userinfo {transform: scale(1) translate(-50%, 0)!important; top: 1vw!important;}
      .popup-content {color: #dae1da; font-size: .3rem; padding: 0.15rem 1rem; line-height: 1.5;}  
      .popup-content span {color: #b35c3f;} 
      .login-userinfo .popup-content {display: flex; justify-content: center; align-items: center; text-align: center; gap: 0.1rem; padding: 0.4rem 0.2rem;}  
      .login-userinfo .login-btn {margin: 0 0 0 0.2rem;}  
      .login-userinfo strong {font-weight: normal;}  
      .login-userinfo span {border: 0.02rem solid #323636; background: #1a1d1d; display: block; height: 0.48rem; line-height: 0.48rem; min-width: 4rem; text-align: left; text-indent: 0.2rem; color: #b35c3f;}  
      
      .close-btn {display: block;width: 0.46rem; height: 0.46rem; overflow: hidden; text-indent: -9999rem; position: absolute; top: 0; right: -0.55rem; background:url(../img/close_btn.png) no-repeat 0 0/100% 100%;}
      .common .popup-content {display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; box-sizing: border-box; min-height: 2rem;}
      .btns {display: flex; justify-content: space-between; padding: 0 1rem;}
      .btns .btn {height: 0.6rem; width: 2.22rem; font-size: 0.42rem;}
      .btns .grayscale {filter: grayscale(100);}

      .toast {display: block;}
      .toast .popup-content{text-align: center;}
      /* language-box */
      .language-box {width: 100vw; height: 100vh; position: fixed; top: 0; right: 0;z-index: 999;}
      .language-mask {position: fixed; top: 0; right: 0;width: 100%; height: 100vh; background:rgba(0,0,0,.85); transition: all .3s;}
      .language-btn {position: absolute; right: 0.3rem; top: .3rem; display: inline-block; height: .35rem; display: flex; align-items: center; justify-content: flex-end; /*text-transform: uppercase;*/ color: #fff;z-index: 2; cursor: pointer; font-size: 0.28rem;}
      .language-btn::before {content: " "; display: block; margin-right: .1rem; width: .3rem; height: .3rem; background: url(data:image/png;base64,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) no-repeat 0 0/100% 100%;}
      .language-btn::after { content: " "; display: block; margin-left: .1rem; width: 0; height: 0; border: .16rem solid transparent; border-width: .14rem .1rem; border-top-color: #fff; margin-bottom: -.14rem;}
      .language-box ul {width: 100%; max-height: 100%; overflow: auto; padding-top: 1.8rem; box-sizing: border-box; position: relative; z-index: 1; transition: all .3s; opacity: 1;}
      .language-box li {width: 90%; margin: 0 auto; height: 1rem; display: flex; border-bottom: 1px solid hsla(0,0%,100%,.2); text-align: center; align-items: center; justify-content: center; font-size: .36rem; cursor: pointer;}
      .language-box li.active {color: #e26103;}
      .language-hidden {position: absolute; width: 25%; height: 0.8rem; transition: all .3s; overflow: hidden;}
      .language-hidden ul {opacity: 0; margin-left: 100%;}
      .language-hidden .language-mask{height: 0; overflow: hidden;}
      
      @media (((any-pointer:coarse) and (any-pointer:fine)) or (any-pointer:fine)){ 
      .language-box {position: absolute; width: 4rem; height: auto; top: 0; font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; z-index: 990;}
      .language-box {top: 0.65rem;transition:none}
      .language-btn {top: 0; font-size: 0.3rem; line-height: 0.3rem; position: initial; justify-content: center; border: none;}
      .language-btn::before {width: 0.3rem; height: 0.3rem;}
      .language-btn::after {border-width: 0.25rem 0.15rem; margin-top: 0;transform:translateY(0%) scale(0.5);}
      .language-box ul {background: rgba(0,0,0,.85); height: auto; padding: 0.1rem 0; margin: 0.2rem auto 0; width: 3rem; display: none; border-radius: 0.1rem;}
      .language-box li {height: 0.6rem; font-size: 0.3rem; user-select: none;}
      .language-box li:hover {color: #e26103;}
      .language-mask {display: none;}
      .language-box:hover ul{display: block; opacity: 1;}
      .language-box:hover .language-btn::after{transform:rotate(180deg)translateY(0.15rem) scale(0.5);}
      footer {min-width: 25.6rem;}
    }

.login-role-popup {
  background: #191922;
  margin: 0 auto;
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  z-index: 9999;
  transform: translate3d(-50%, -50%, 0);
  overflow: hidden;
  font-family: Lato;
  margin-top: 0 !important;
  margin-left: 0 !important;
  width: 480px;
  border-radius: 12px;
  padding: 0 0 32px;    
}

.login-role-popup h3 {
  height: 70px;
}

.login-role-content {
  padding: 50px 40px;
}

.login-role-content ul {
  padding: 20px 0 0;
}
.login-role-content ul span {
  padding: 20px 10px;
}
.login-role-popup p {
  font-size: 20px;
}

.login-role-popup .ant-form-item-row {
  padding: 0 40px;
}

.ant-form-item-row .btn {
  height: 56px;
  border-radius: 8px;
  font-size: 20px;
  padding: 0;
}

.ant-form-item-row .local-btn-wrapper {
  gap: 14px;
  margin-bottom: 20px;
}

.ant-form-item-row .submit-btn {
  width: 100%;
  height: 56px;
}

.login-role-popup .close-btn {
  width: 60px;
  height: 60px;
  top: 5px;
  right: 5px;
  font-size: 36px;
}

.login-role-btn {
  cursor: pointer;
}

.login-role-popup h3 {
  background: #000 url(https://test-common-web.intlgame.com/li-pass/static/li_logo_2.png) no-repeat 50% 50%/auto 40%;
}

.login-role-content ul {
  color: #6D68F6;
}

.login-role-content ul span {
  color: #fff;
}

.login-role-popup p {
  color: #ffffffe6;
}

.ant-form-item-row .btn {
  background: #7064FF;
  border: none;
  color: #fff;
  padding: 0;
}

.ant-form-item-row .local-btn-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.local-btn-wrapper .local-btn {
  flex: 1;
  flex-shrink: 0;
  display: block;
}

.ant-form-item-row .submit-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-role-popup .close-btn {
  overflow: hidden;
  position: absolute;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  font-family: 'Times New Roman', Times, serif;
}
.login-role-popup .login-role-btn.gray{
  filter: grayscale(100%);
}


.EN .grade h3 {font-size: 0.6rem;}

.JA .grade h3 {font-size: 0.45rem;}
.JA .grade p {font-size: 0.22rem; padding-bottom: 0.05rem;}
.JA .grade li h4 {font-size: 0.16rem;}

.PT-BR .grade h3 {font-size: 0.55rem;}
.PT-BR .grade li h4 {font-size: 0.2rem;}

.RU .grade h3 {font-size: 0.45rem;}
.RU .grade li h4 {font-size: 0.2rem;}

.DE .grade h3 {font-size: 0.42rem;}
.DE .grade li h4 {font-size: 0.22rem;}

.TH .login-btn {font-size: 0.24rem;}
.TH .grade h3 {font-size: 0.35rem;}

@media all and (max-width:800px) and (hover:hover) {
  html {font-size: calc(100/2560*800px);}
  body {overflow-x: initial;}
  .nav {display: none;}
}

@media all and (orientation : landscape ) and (min-width:480px) and (max-width:1200px){
  /* .popup {transform: scale(0.7) translate(-50%, -50%)!important; transform-origin: 0 0;} */



  /* .language-box ul {padding-top: 0.9rem;}
  .language-box ul li {height: 0.5rem;} */
}

@media all and (orientation : portrait ) and (max-width: 1080px) and (not (((any-pointer:coarse) and (any-pointer:fine)) or (any-pointer:fine))){
  html {font-size: calc(100/1080*100vw);}
  body {overflow: initial;}
  .btn {width: 3.91rem; height: 0.92rem; font-size: 0.48rem;}
  .wrap {width: 100vw; height: 44.71rem; background: url(../img/m_bg1.jpg) no-repeat 50% 0 / 10.8rem 10.63rem,#151a1d url(../img/m_bg2.jpg) no-repeat 50% 10.63rem / 10.8rem 34.08rem;}
  header {height:11.42rem; padding: 0.3rem 2.8rem 0 0.3rem;}
  .login-btn {width: 1.58rem; height: 0.54rem; line-height: 0.54rem; font-size: 0.36rem;}
  .act {display: block; width: 9.65rem; height: 24.25rem;}
  .grade {width: 100%; padding: 0 0.42rem;}
  .grade h3 {color: #222727; height: 1.1rem; line-height: 1.1rem; font-size: 0.45rem!important;}
  .grade h3 img {width: 1.34rem; height: 0.79rem; margin-left: 0.3rem;transform:initial; position: initial;}
  .grade1 {height: 12.18rem;}
  .grade1 div {height: 5rem;}
  .grade2 div {height: 4.3rem;}
  .grade p {font-size: 0.32rem;}
  .grade p {padding: 0.15rem 0.2rem 0.15rem 0.36rem; line-height: 1.2}
  .grade ul {width:initial;}
  .grade li {width:2.84rem; height: 3.58rem; background-image: url(../img/m_gift_bg.jpg); margin-top: 0.2rem;}
  .grade li h4 {height: 0.7rem; font-size: 0.28rem;}
  .grade li img {width: 2.84rem; height: 2.84rem;}
  .grade li span {height: 0.37rem; line-height: 0.37rem; top: 0.75rem; font-size: 0.28rem; left: 0.04rem;}
  .buy-btn {margin-top: 0.26rem; width: 8.8rem; height: 0.99rem; font-size: 0.48rem;}
  .rule-title {height: 1.06rem; line-height: 1.06rem;}
  .rule {width: 9.6rem; height: 6.5rem; margin-top: 0.4rem;}
  .rule p{font-size: 0.3rem;padding: 0.05rem 0.1rem;}
  .tips {bottom: 0.45rem;}


  

  .popup {width: 8.3rem;}
  .popup-content {font-size: 0.3rem; padding: 0.15rem 0.5rem;}
  .login-userinfo .login-btn {font-size: 0.3rem;}
  .btns .btn {font-size: 0.36rem;}
  .title strong.str11 {max-width: 80%;}

  .language-box {top: 0.1rem;}
  .EN .grade h3 {font-size: 0.4rem!important;}
  .EN .grade p {font-size: 0.35rem;}

  .JA .grade p {font-size: 0.28rem;}
  .JA .grade li h4 {font-size: 0.24rem;}
  .JA .tips {line-height: 1.1;}
  


  .PT-BR .grade li h4 {font-size: 0.3rem;}
  .PT-BR .grade p {padding: 0.14rem 0.2rem 0.14rem 0.36rem;}
  

  .RU .grade li h4 {font-size: 0.3rem;}
  .RU  .grade p {padding: 0.12rem 0.2rem 0.12rem 0.36rem;}
  .ES  .grade p {padding: 0.14rem 0.2rem 0.14rem 0.36rem; font-size: 0.3rem;}
  .TH  .grade p {padding: 0.14rem 0.2rem 0.14rem 0.36rem; font-size: 0.3rem;}

  .DE .grade li h4 {font-size: 0.32rem;}  

}

@media (any-pointer:coarse){
  /* body{display: none;} */
}