@charset "UTF-8";
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
header,
section,
article,
footer {
  margin: 0;
}

body,
button,
input,
select,
textarea {
  font: px(12)/1.5 tahoma, "微软雅黑", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

em,
b {
  font-style: normal;
}

a {
  text-decoration: none;
}

a:hover {
  -webkit-filter: brightness(1.15);
          filter: brightness(1.15);
}

img {
  border: 0;
}

button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th,
ul,
ol {
  padding: 0;
}

li {
  list-style: none;
}

/* reset end */
@font-face {
  font-family: "bfflol";
  src: url("../font/bfflol.ttf");
}
@font-face {
  font-family: "fanghei";
  src: url("../font/FangHei.otf");
}
@font-face {
  font-family: "hy85-w";
  src: url("../font/hy-85.ttf");
}
@font-face {
  font-family: "8-bit";
  src: url("../font/8-bit.ttf");
}
ul::-webkit-scrollbar,
div::-webkit-scrollbar {
  width: 0.04rem;
  height: 100%;
  scrollbar-width: thin; /* auto | thin | none */
  scrollbar-color: #fba221 #75490a; /* 滑块色 轨道色 */
}

ul::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb {
  width: 100%;
  border-radius: 0.1rem;
  background: #fba221;
}

ul::-webkit-scrollbar-track,
div::-webkit-scrollbar-track {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  background: #75490a;
}

.mobile-style {
  display: none;
}

.text-filter {
  -webkit-filter: drop-shadow(0rem -0.02rem 0rem #603800) drop-shadow(0.02rem 0rem 0rem #603800) drop-shadow(0rem 0.035rem 0rem #603800) drop-shadow(-0.02rem 0rem 0rem #603800);
          filter: drop-shadow(0rem -0.02rem 0rem #603800) drop-shadow(0.02rem 0rem 0rem #603800) drop-shadow(0rem 0.035rem 0rem #603800) drop-shadow(-0.02rem 0rem 0rem #603800);
}

.text-filter-small {
  -webkit-filter: drop-shadow(0rem -0.01rem 0rem #000000) drop-shadow(0.01rem 0rem 0rem #000000) drop-shadow(0rem 0.015rem 0rem #000000) drop-shadow(-0.01rem 0rem 0rem #000000);
          filter: drop-shadow(0rem -0.01rem 0rem #000000) drop-shadow(0.01rem 0rem 0rem #000000) drop-shadow(0rem 0.015rem 0rem #000000) drop-shadow(-0.01rem 0rem 0rem #000000);
}

.text-filter-black {
  -webkit-filter: drop-shadow(0rem -0.02rem 0rem #000000) drop-shadow(0.02rem 0rem 0rem #000000) drop-shadow(0rem 0.035rem 0rem #000000) drop-shadow(-0.02rem 0rem 0rem #000000);
          filter: drop-shadow(0rem -0.02rem 0rem #000000) drop-shadow(0.02rem 0rem 0rem #000000) drop-shadow(0rem 0.035rem 0rem #000000) drop-shadow(-0.02rem 0rem 0rem #000000);
}

.text-filter-tit {
  -webkit-filter: drop-shadow(0rem -0.02rem 0rem #000000) drop-shadow(0.02rem 0rem 0rem #000000) drop-shadow(0rem 0.065rem 0rem #000000) drop-shadow(-0.02rem 0rem 0rem #000000);
          filter: drop-shadow(0rem -0.02rem 0rem #000000) drop-shadow(0.02rem 0rem 0rem #000000) drop-shadow(0rem 0.065rem 0rem #000000) drop-shadow(-0.02rem 0rem 0rem #000000);
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.btn-dia-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0.12rem;
  z-index: 99999;
}

.top-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.12rem;
  background: #271e13;
  z-index: 9999;
}
.top-nav .logo {
  position: absolute;
  left: 0rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.27rem;
  height: 1.38rem;
  background: url(../images/logo2.apng) no-repeat center center/100% auto;
  z-index: 2;
}
.top-nav .btn-facebook {
  position: absolute;
  left: 2.7rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.84rem;
  height: 0.7rem;
  background: url(../images/btn2.png) no-repeat center center/100% auto;
  z-index: 2;
}
.top-nav .btn-discord {
  position: absolute;
  left: 4.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.84rem;
  height: 0.7rem;
  background: url(../images/btn1.png) no-repeat center center/100% auto;
  z-index: 2;
}
.top-nav .btn-box {
  position: absolute;
  right: 2.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 1.2rem;
  padding: 0 0.55rem;
}
.top-nav .btn-box .btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3rem;
  height: 0.76rem;
  font-family: "hy85-w";
  text-align: left;
  color: #e8dccc;
}
.top-nav .btn-box .btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -0.01rem;
  width: 3.6rem;
  height: 1.24rem;
  background: url(../images/btn4-2.apng) no-repeat center center/100% auto;
}
.top-nav .btn-box .btn .btn-txt,
.top-nav .btn-box .btn i {
  position: relative;
  z-index: 2;
}
.top-nav .btn-box .btn .txt1 {
  font-size: 0.14rem;
  line-height: 1;
}
.top-nav .btn-box .btn .txt2 {
  margin-top: 0.02rem;
  font-size: 0.2rem;
  line-height: 1;
}
.top-nav .btn-box .btn-app-store i {
  width: 0.35rem;
  height: 0.46rem;
  margin-right: 0.08rem;
  background: url(../images/icon2.png) no-repeat center center/100% auto;
}
.top-nav .btn-box .btn-google-play {
  margin-left: 0.4rem;
}
.top-nav .btn-box .btn-google-play i {
  width: 0.33rem;
  height: 0.36rem;
  margin-right: 0.08rem;
  background: url(../images/icon3.png) no-repeat center center/100% auto;
}
.top-nav .lang-box {
  position: absolute;
  right: 0.3rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.84rem;
  height: 0.7rem;
  text-align: center;
  font-size: 0.24rem;
  font-family: "hy85-w";
  background: url(../images/select-box-lang.png) no-repeat center center/100% auto;
  z-index: 2;
}
.top-nav .lang-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 0.1rem;
}
.top-nav .lang-box a span {
  display: inline-block;
  -webkit-filter: drop-shadow(0rem -0.02rem 0rem #603800) drop-shadow(0.02rem 0rem 0rem #603800) drop-shadow(0rem 0.035rem 0rem #603800) drop-shadow(-0.02rem 0rem 0rem #603800);
          filter: drop-shadow(0rem -0.02rem 0rem #603800) drop-shadow(0.02rem 0rem 0rem #603800) drop-shadow(0rem 0.035rem 0rem #603800) drop-shadow(-0.02rem 0rem 0rem #603800);
}
.top-nav .lang-box a i {
  margin-top: 0.08rem;
  margin-left: 0.1rem;
  width: 0.31rem;
  height: 0.21rem;
  background: url(../images/icon1.png) no-repeat center center/100% auto;
}
.top-nav .lang-box ul {
  display: none;
  position: absolute;
  top: 0.7rem;
  left: 0rem;
  width: 1.84rem;
  background: #ffc043;
}
.top-nav .lang-box ul::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.02rem;
  background: #271e13;
}
.top-nav .lang-box li {
  width: 1.14rem;
  height: 0.7rem;
  line-height: 0.7rem;
  margin: 0 auto;
  border-bottom: 0.01rem solid #271e13;
  cursor: pointer;
}
.top-nav .lang-box li a {
  line-height: 0.7rem;
}
.top-nav .lang-box li:nth-child(4) {
  border-bottom: none;
}

.module-wrapper {
  width: 100%;
  height: 100%;
  text-align: center;
}
.module-wrapper .module {
  width: 100%;
  height: 100%;
  position: relative;
}
.module-wrapper .module-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.module-wrapper .module-bg::before {
  content: "";
  position: absolute;
  width: 25.6rem;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  margin-left: -23.6rem;
  background: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(2rem, #000));
  background: linear-gradient(to left, transparent 0, #000 2rem);
  z-index: 2;
}
.module-wrapper .module-bg::after {
  content: "";
  position: absolute;
  width: 25.6rem;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  margin-left: 23.6rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(2rem, #000));
  background: linear-gradient(to right, transparent 0, #000 2rem);
  z-index: 2;
}
.module-wrapper .module-inner {
  position: relative;
  padding-top: 0.01rem;
  max-width: 19.2rem;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
}
.module-wrapper .module0 {
  background: -webkit-gradient(linear, left bottom, left top, from(#1b4631), to(#247fc4));
  background: linear-gradient(to top, #1b4631, #247fc4);
}
.module-wrapper .module0 .module-bg {
  width: 100%;
  height: 100%;
  background: url(../images/bg0.jpg) no-repeat center center/auto 100%;
}
.module-wrapper .module0 .module-bg video {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  height: 100%;
  aspect-ratio: 2580/1080;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: contrast(1.02) saturate(1.02);
          filter: contrast(1.02) saturate(1.02);
  image-rendering: -webkit-optimize-contrast;
}
.module-wrapper .module0 .module-inner .pos-box {
  position: absolute;
  top: 50%;
  left: -0.15rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 11.94rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-wrapper .module0 .module-inner .slogan {
  width: 11.94rem;
  height: 2.44rem;
}
.module-wrapper .module0 .module-inner .sub-slogan {
  position: relative;
  height: 0.6rem;
  margin: 0.1rem auto 0;
  font-family: "hy85-w";
  font-size: 0.22rem;
  color: #fff;
  background: url(../images/sub-slogan2.png) repeat center center/100% 100%;
}
.module-wrapper .module0 .module-inner .sub-slogan::before {
  content: "";
  position: absolute;
  left: -0.55rem;
  top: 0;
  width: 0.56rem;
  height: 0.6rem;
  background: url(../images/sub-slogan.png) repeat left center/auto 100%;
}
.module-wrapper .module0 .module-inner .sub-slogan::after {
  content: "";
  position: absolute;
  right: -0.55rem;
  top: 0;
  width: 0.56rem;
  height: 0.6rem;
  background: url(../images/sub-slogan.png) repeat right center/auto 100%;
}
.module-wrapper .module0 .module-inner .sub-slogan span {
  position: relative;
  display: block;
  line-height: 0.45rem;
  z-index: 2;
}
.module-wrapper .module0 .module-inner .btn-register {
  position: relative;
  display: block;
  margin-top: 0.15rem;
  width: 5.56rem;
  height: 0.97rem;
  text-align: center;
  line-height: 0.9rem;
  font-family: "hy85-w";
  font-size: 0.38rem;
  color: #f1e7d5;
}
.module-wrapper .module0 .module-inner .btn-register span {
  position: relative;
  z-index: 2;
}
.module-wrapper .module0 .module-inner .btn-register::after {
  content: "";
  width: 8rem;
  height: 3.4rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -0.16rem;
  background: url(../images/btn3-2.apng) no-repeat center center/100% auto;
  -webkit-animation: scaleAni 2.5s ease-in-out infinite;
          animation: scaleAni 2.5s ease-in-out infinite;
  pointer-events: none;
}
@-webkit-keyframes scaleAni {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
            transform: translate(-50%, -50%) scale(1.05);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleAni {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
            transform: translate(-50%, -50%) scale(1.05);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
.module-wrapper .module0 .module-inner .get-game {
  width: 7.54rem;
  height: 1.7rem;
  margin-top: 1.27rem;
  background: url(../images/txt-box1.png) no-repeat center center/100% auto;
}
.module-wrapper .module0 .module-inner .get-game .g-tit {
  height: 0.45rem;
  padding-left: 0.55rem;
  font-family: "hy85-w";
  color: #f1e7d5;
  font-size: 0.25rem;
  line-height: 0.42rem;
  text-align: left;
}
.module-wrapper .module0 .module-inner .get-game .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 1.2rem;
  padding: 0 0.55rem;
}
.module-wrapper .module0 .module-inner .get-game .btn-box .btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3rem;
  height: 0.76rem;
  font-family: "hy85-w";
  text-align: left;
  color: #e8dccc;
}
.module-wrapper .module0 .module-inner .get-game .btn-box .btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -0.01rem;
  width: 3.6rem;
  height: 1.24rem;
  background: url(../images/btn4-2.apng) no-repeat center center/100% auto;
}
.module-wrapper .module0 .module-inner .get-game .btn-box .btn .btn-txt,
.module-wrapper .module0 .module-inner .get-game .btn-box .btn i {
  position: relative;
  z-index: 2;
}
.module-wrapper .module0 .module-inner .get-game .btn-box .btn .txt1 {
  font-size: 0.14rem;
  line-height: 1;
}
.module-wrapper .module0 .module-inner .get-game .btn-box .btn .txt2 {
  margin-top: 0.02rem;
  font-size: 0.2rem;
  line-height: 1;
}
.module-wrapper .module0 .module-inner .get-game .btn-box .btn-app-store i {
  width: 0.35rem;
  height: 0.46rem;
  margin-right: 0.08rem;
  background: url(../images/icon2.png) no-repeat center center/100% auto;
}
.module-wrapper .module0 .module-inner .get-game .btn-box .btn-google-play {
  margin-left: 0.4rem;
}
.module-wrapper .module0 .module-inner .get-game .btn-box .btn-google-play i {
  width: 0.33rem;
  height: 0.36rem;
  margin-right: 0.08rem;
  background: url(../images/icon3.png) no-repeat center center/100% auto;
}
.module-wrapper .module0 .module-inner .tip-bottom {
  position: absolute;
  bottom: 0.65rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
}
.module-wrapper .module0 .module-inner .tip-bottom p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.module-wrapper .module0 .module-inner .tip-bottom span {
  font-family: "hy85-w";
  font-size: 0.24rem;
  color: #e8dccc;
  white-space: nowrap;
}
.module-wrapper .module0 .module-inner .tip-bottom .b-left {
  width: 3.03rem;
  height: 0.18rem;
  margin-right: 0.45rem;
  margin-top: 0.05rem;
  background: url(../images/b-left.png) no-repeat center center/100% auto;
}
.module-wrapper .module0 .module-inner .tip-bottom .b-right {
  width: 3.03rem;
  height: 0.18rem;
  margin-left: 0.45rem;
  margin-top: 0.05rem;
  background: url(../images/b-right.png) no-repeat center center/100% auto;
}
.module-wrapper .module0 .module-inner .tip-bottom em {
  position: absolute;
  top: 0.63rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.33rem;
  height: 0.2rem;
  background: url(../images/icon4.png) no-repeat center center/100% auto;
}
.module-wrapper .module1 {
  background: url(../images/bg1.jpg) no-repeat center center/cover;
}
.module-wrapper .module1 .module-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.module-wrapper .module1 .module-tit {
  width: 10.4rem;
  height: 1.63rem;
  margin: 0.3rem auto 0rem;
  font-family: "hy85-w";
  font-size: 0.44rem;
  line-height: 1.1rem;
  background: url(../images/tit-bg1.png) no-repeat center center/100% auto;
}
.module-wrapper .module1 .module-tit span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbd740), color-stop(50%, #fdb420));
  background: linear-gradient(to bottom, #fbd740 0 50%, #fdb420 50% 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.module-wrapper .module1 .sub-tit {
  position: relative;
  height: 0.6rem;
  margin: -0.55rem auto 0rem;
  font-family: "hy85-w";
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.5rem;
  background: url(../images/sub-tit-bg2.png) repeat center center/auto 100%;
  z-index: 2;
}
.module-wrapper .module1 .sub-tit::before {
  content: "";
  position: absolute;
  left: -0.55rem;
  top: 0;
  width: 0.56rem;
  height: 0.6rem;
  background: url(../images/sub-tit-bg1.png) repeat left center/auto 100%;
}
.module-wrapper .module1 .sub-tit::after {
  content: "";
  position: absolute;
  right: -0.55rem;
  top: 0;
  width: 0.56rem;
  height: 0.6rem;
  background: url(../images/sub-tit-bg1.png) repeat right center/auto 100%;
}
.module-wrapper .module1 .sub-tit span {
  position: relative;
  display: block;
  line-height: 0.45rem;
  z-index: 2;
}
.module-wrapper .module1 .progress-bar {
  position: relative;
  margin-top: 0.32rem;
}
.module-wrapper .module1 .progress-bar .progress-box {
  position: relative;
  width: 14.8rem;
  height: 0.17rem;
  background: url(../images/progress1.png) no-repeat center center/100% auto;
}
.module-wrapper .module1 .progress-bar .progress-box .progress {
  position: absolute;
  left: 0.04rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0.13rem;
  overflow: hidden;
}
.module-wrapper .module1 .progress-bar .progress-box .progress-color {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 14.72rem;
  height: 0.13rem;
  background: url(../images/progress2.png) no-repeat center center/100% auto;
}
.module-wrapper .module1 .progress-bar .node-box {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 12.6rem;
}
.module-wrapper .module1 .progress-bar .node-box .node-item {
  width: 0.49rem;
  height: 0.45rem;
  background: url(../images/icon5.png) no-repeat center center/100% auto;
}
.module-wrapper .module1 .progress-bar .node-box .node-item.active {
  background: url(../images/icon6.png) no-repeat center center/100% auto;
}
.module-wrapper .module1 .award-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 14.8rem;
  height: 3.78rem;
  margin-top: 0.4rem;
  margin-bottom: 0.65rem;
}
.module-wrapper .module1 .award-list .award-item {
  position: relative;
  width: 2.72rem;
  height: 3.78rem;
  background: url(../images/award-box.png) no-repeat center center/100% auto;
}
.module-wrapper .module1 .award-list .award-item.gray {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}
.module-wrapper .module1 .award-list .award-item .txt {
  margin-top: 0.38rem;
  font-family: "hy85-w";
  line-height: 0.45rem;
  font-size: 0.36rem;
}
.module-wrapper .module1 .award-list .award-item .txt span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbd740), color-stop(50%, #fdb420));
  background: linear-gradient(to bottom, #fbd740 0 50%, #fdb420 50% 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.module-wrapper .module1 .award-list .award-item .award-pic {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 1rem;
  width: 2.72rem;
  height: 1.5rem;
}
.module-wrapper .module1 .award-list .award-item .award-pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.module-wrapper .module1 .award-list .award-item .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.16rem;
  height: 0.98rem;
  padding: 0.03rem 0.05rem;
  margin: 1.6rem auto 0;
  font-family: "hy85-w";
  font-size: 0.2rem;
  color: #5d3638;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.module-wrapper .module1 .award-list .award-item .desc .list {
  width: 90%;
  height: 80%;
  overflow-y: auto;
  overflow-x: hidden;
}
.module-wrapper .module1 .award-list .award-item .desc .list.hh {
  scrollbar-width: thin; /* auto | thin | none */
  scrollbar-color: #fba221 #75490a; /* 滑块色 轨道色 */
}
.module-wrapper .module1 .btn-register {
  position: relative;
  display: block;
  margin-top: 0.15rem;
  width: 5.56rem;
  height: 0.97rem;
  text-align: center;
  line-height: 0.9rem;
  font-family: "hy85-w";
  font-size: 0.38rem;
  color: #f1e7d5;
}
.module-wrapper .module1 .btn-register span {
  position: relative;
  z-index: 2;
}
.module-wrapper .module1 .btn-register::after {
  content: "";
  width: 8rem;
  height: 3.4rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -0.16rem;
  background: url(../images/btn3-2.apng) no-repeat center center/100% auto;
  -webkit-animation: scaleAni 2.5s ease-in-out infinite;
          animation: scaleAni 2.5s ease-in-out infinite;
  pointer-events: none;
}
.module-wrapper .module2 {
  background: url(../images/bg2.jpg) no-repeat center center/cover;
}
.module-wrapper .module2 .module-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.module-wrapper .module2 .module-tit {
  width: 6.08rem;
  height: 1.43rem;
  margin: 0.65rem auto 0rem;
  font-family: "hy85-w";
  font-size: 0.4rem;
  line-height: 1.32rem;
  background: url(../images/tit-bg2.png) no-repeat center center/100% auto;
}
.module-wrapper .module2 .module-tit span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbd740), color-stop(50%, #fdb420));
  background: linear-gradient(to bottom, #fbd740 0 50%, #fdb420 50% 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.module-wrapper .module2 .swiper-button-prev,
.module-wrapper .module2 .swiper-button-next {
  width: 0.83rem;
  height: 0.96rem;
}
.module-wrapper .module2 .swiper-button-prev::after,
.module-wrapper .module2 .swiper-button-next::after {
  display: none;
}
.module-wrapper .module2 .swiper-button-next {
  background: url(../images/icon12.png) no-repeat center center/100% auto;
}
.module-wrapper .module2 .swiper-button-prev {
  background: url(../images/icon11.png) no-repeat center center/100% auto;
}
.module-wrapper .module2 .m2-swiper-wrapper {
  position: relative;
}
.module-wrapper .module2 .hero-swiper {
  position: relative;
  width: 14.4rem;
  height: 6.1rem;
  margin: 0rem auto 0;
}
.module-wrapper .module2 .swiper-slide {
  position: relative;
  width: 4.45rem;
  height: 6.1rem;
  -webkit-transition: 300ms;
  transition: 300ms;
  opacity: 0;
}
.module-wrapper .module2 .swiper-slide .item {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  width: 155%;
  height: 155%;
  background: url(../images/sw-bg1.png) no-repeat center center/4.3rem auto;
}
.module-wrapper .module2 .swiper-slide .item img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
}
.module-wrapper .module2 .swiper-slide .item img.mobile-only {
  opacity: 0;
}
.module-wrapper .module2 .swiper-slide .item img.other {
  opacity: 1;
}
.module-wrapper .module2 .swiper-slide .item img.active {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-wrapper .module2 .swiper-slide-active,
.module-wrapper .module2 .swiper-slide-next,
.module-wrapper .module2 .swiper-slide-prev {
  opacity: 1;
}
.module-wrapper .module2 .swiper-slide-active, .module-wrapper .module2 .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.module-wrapper .module2 .swiper-slide-active .item, .module-wrapper .module2 .swiper-slide-duplicate-active .item {
  background: none;
}
.module-wrapper .module2 .desc-box {
  position: relative;
  margin-top: 0rem;
  width: 14.8rem;
  height: 1.65rem;
  background: url(../images/desc-bg2.png) no-repeat center center/100% 100%;
}
.module-wrapper .module2 .desc-box .hero-name {
  position: absolute;
  left: 0.26rem;
  top: -0.18rem;
  min-width: 1.78rem;
  height: 0.36rem;
  padding: 0.02rem 0.15rem 0.01rem;
  line-height: 0.3rem;
  background: url(../images/desc-bg.png) no-repeat center center/100% 100%;
  font-size: 0.24rem;
  color: #f9e9c7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.module-wrapper .module2 .desc-box p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 0 0.4rem;
  font-weight: bold;
  text-align: left;
  -moz-text-align-last: left;
       text-align-last: left;
  color: #55311f;
  font-size: 0.18rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.module-wrapper .module3 {
  background: url(../images/bg3.jpg) no-repeat center center/cover;
}
.module-wrapper .module3 .module-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
}
.module-wrapper .module3 .m3-swiper-wrapper {
  position: relative;
  height: 6.85rem;
  margin-top: 0.4rem;
  margin-bottom: 0.2rem;
  pointer-events: auto;
}
.module-wrapper .module3 .swiper-button-prev,
.module-wrapper .module3 .swiper-button-next {
  top: 2.7rem;
  width: 0.52rem;
  height: 0.88rem;
}
.module-wrapper .module3 .swiper-button-prev::after,
.module-wrapper .module3 .swiper-button-next::after {
  display: none;
}
.module-wrapper .module3 .swiper-button-next {
  right: 0.8rem;
  background: url(../images/icon14.png) no-repeat center center/100% auto;
}
.module-wrapper .module3 .swiper-button-prev {
  left: 0.8rem;
  background: url(../images/icon13.png) no-repeat center center/100% auto;
}
.module-wrapper .module3 .hero-swiper {
  width: 14.1rem;
  height: 5.82rem;
  margin: 0rem auto 0;
}
.module-wrapper .module3 .swiper-slide {
  opacity: 0;
  width: 10.33rem;
  height: 5.82rem;
  -webkit-filter: brightness(0.25);
          filter: brightness(0.25);
}
.module-wrapper .module3 .swiper-slide.swiper-slide-active {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}
.module-wrapper .module3 .swiper-slide .item {
  position: relative;
  width: 100%;
  height: 100%;
}
.module-wrapper .module3 .swiper-slide .item .txt-box {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0.3rem;
  width: 2.98rem;
  height: 0.8rem;
  line-height: 0.76rem;
  font-family: "8-bit";
  color: #fff;
  font-size: 0.21rem;
  background: url(../images/txt-bg.png) no-repeat center center/100% auto;
}
.module-wrapper .module3 .swiper-slide .item img {
  width: 100%;
  height: 100%;
}
.module-wrapper .module3 .swiper-slide-active,
.module-wrapper .module3 .swiper-slide-next,
.module-wrapper .module3 .swiper-slide-prev {
  opacity: 1;
}
.module-wrapper .module3 .m3-swiper-pagination {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-wrapper .module3 .m3-swiper-pagination .swiper-pagination-bullet {
  width: 0.38rem;
  height: 0.38rem;
  margin-right: 0.4rem;
  opacity: 1;
  background: url(../images/icon9.png) no-repeat center center/cover;
}
.module-wrapper .module3 .m3-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url(../images/icon8.png) no-repeat center center/cover;
}
.module-wrapper .module3 .m3-swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.module-wrapper .module3 .footer-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.2rem;
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 0.25rem;
  color: #fff;
}

.dialog-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 9998;
}

.dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
  outline: none;
  border: none;
  z-index: 9999;
}
.dialog .dia-title {
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-size: 0.36rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  color: #e6feff;
}
.dialog .dia-title::before,
.dialog .dia-title::after {
  content: "";
  display: inline-block;
  -webkit-transform: translate(0%, -0.04rem);
      -ms-transform: translate(0%, -0.04rem);
          transform: translate(0%, -0.04rem);
  width: 0.83rem;
  height: 0.15rem;
  background: url(../images/title-line.png) no-repeat center center/100% auto;
}
.dialog .dia-title::before {
  margin-right: 0.15rem;
}
.dialog .dia-title::after {
  -webkit-transform: scale(-1) translate(0%, 0.04rem);
      -ms-transform: scale(-1) translate(0%, 0.04rem);
          transform: scale(-1) translate(0%, 0.04rem);
  margin-left: 0.15rem;
}
.dialog .dia-con {
  padding-top: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dialog .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: 0.05rem auto 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 1.6rem;
  color: #d8ffff;
  font-size: 0.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dialog a.btn {
  display: block;
  width: 1.95rem;
  height: 0.8rem;
  margin: 0 auto;
  line-height: 0.8rem;
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  font-weight: bold;
  background: url(../images/btn5.png) no-repeat center center/100% auto;
}
.dialog .dia-close {
  position: absolute;
  top: -0.3rem;
  right: -0.35rem;
  width: 0.37rem;
  height: 0.27rem;
  outline: none;
  border: none;
  background: url(../images/close.png) no-repeat center center/100% auto;
}

.dialog-rule .dia-con {
  width: 10.96rem;
  height: 6.98rem;
  background: url(../images/dia9.png) no-repeat center center/100% auto;
}
.dialog-rule .dia-content {
  position: relative;
  width: 10.2rem;
  margin: 0.23rem auto 0;
  height: 5.6rem;
  overflow-y: scroll;
  font-size: 0.16rem;
  color: #fff;
  padding: 0 0.14rem;
}
.dialog-rule .dia-content p {
  margin-bottom: 0.05rem;
  line-height: 1.75;
}
.dialog-rule {
  /* webkit */
}
.dialog-rule .dia-content::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.01rem;
}
.dialog-rule .dia-content::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  background: #3af6ff;
}
.dialog-rule .dia-content::-webkit-scrollbar-track {
  border-radius: 0.1rem;
  background: #2a6e70;
}
.dialog-rule .dia-content .tit-strong {
  font-size: 0.16rem;
  color: #6effff;
  font-weight: bold;
}
.dialog-rule .dia-content .strong {
  font-size: 0.16rem;
  color: #f9fed7;
  font-weight: bold;
}
.dialog-rule .dia-content .mg-t {
  display: inline-block;
  margin-top: 0.2rem;
}
.dialog-rule .dia-content a {
  text-decoration: underline;
  display: block;
  color: #fff;
  line-height: 0.3rem;
}
.dialog-rule .dia-content a:hover {
  color: #f9fed7;
}
.dialog-rule .dia-content .btn-bind-center,
.dialog-rule .dia-content .btn-service {
  display: inline-block;
}
.dialog-rule .book-table {
  width: 7.42rem;
  overflow: hidden;
  margin: 0.2rem auto 0;
  text-align: center;
}
.dialog-rule .book-table table {
  width: 100%;
  border: none;
  border-top: 0.02rem solid #11364f;
  border-left: 0.02rem solid #11364f;
}
.dialog-rule .book-table table * {
  border: none;
}
.dialog-rule .book-table td {
  padding: 0.07rem 0.22rem;
  text-align: center;
  border-right: 0.02rem solid #11364f;
  border-bottom: 0.02rem solid #11364f;
  background: #15212e;
}
.dialog-rule .book-table td span {
  float: right;
}

.dialog-login .dia-con,
.dialog-normal .dia-con {
  width: 7.33rem;
  height: 3.15rem;
  padding: 0.4rem 0 0 0;
  background: url(../images/dia7.png) no-repeat center center/100% auto;
}
.dialog-login .text-box,
.dialog-normal .text-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  text-align: center;
  padding: 0 0.4rem;
  height: 1.3rem;
}
.dialog-login .text-box .s-color,
.dialog-normal .text-box .s-color {
  width: 100%;
  font-size: 0.16rem;
  color: #6effff;
}
.dialog-login .btn-box,
.dialog-normal .btn-box {
  width: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0rem auto 0;
}
.dialog-login a.btn-confirm,
.dialog-normal a.btn-confirm {
  background: url(../images/btn5.png) no-repeat center center/100% auto;
}
.dialog-login a.btn-cancel,
.dialog-normal a.btn-cancel {
  background: url(../images/btn6.png) no-repeat center center/100% auto;
}

.dialog-login .btn-box {
  width: 6.34rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0rem auto 0;
}
.dialog-login .text-box {
  height: 1.45rem;
}
.dialog-login .btn-box a {
  width: 1.43rem;
  height: 0.59rem;
}
.dialog-login .btn-box .btn-login-type1 {
  background: url(../images/login-type1.png) no-repeat center/100% auto;
}
.dialog-login .btn-box .btn-login-type2 {
  background: url(../images/login-type2.png) no-repeat center/100% auto;
}
.dialog-login .btn-box .btn-login-type3 {
  background: url(../images/login-type3.png) no-repeat center/100% auto;
}
.dialog-login .btn-box .btn-login-type4 {
  background: url(../images/login-type4.png) no-repeat center/100% auto;
}

.dialog-login-email .dia-con {
  width: 5.13rem;
  height: 4.33rem;
  padding: 0.5rem 0 0 0;
  background: url(../images/dia10.png) no-repeat center center/100% auto;
}
.dialog-login-email .input-box {
  margin: 0.2rem 0;
}
.dialog-login-email .user-input {
  position: relative;
  width: 4rem;
  margin: 0 auto 0.28rem;
  border: 0.01rem solid #9ac1c3;
  background: rgba(255, 255, 255, 0.15);
}
.dialog-login-email .send-code {
  position: absolute;
  right: 0.05rem;
  top: 0.04rem;
  width: 1.24rem;
  height: 0.42rem;
  line-height: 0.42rem;
  font-size: 0.18rem;
  text-align: center;
  color: #005151;
  background: #1beeed;
}
.dialog-login-email .send-code.wait {
  color: #005151;
  background: #3a9196;
  pointer-events: none;
}
.dialog-login-email input {
  width: 4rem;
  height: 0.5rem;
  padding: 0 0 0 0.1rem;
  font-size: 0.18rem;
  outline: none;
  border: none;
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #bdffff;
}
.dialog-login-email input::-webkit-input-placeholder {
  color: #bdffff;
}
.dialog-login-email input::-moz-placeholder {
  color: #bdffff;
}
.dialog-login-email input:-ms-input-placeholder {
  color: #bdffff;
}
.dialog-login-email input::-ms-input-placeholder {
  color: #bdffff;
}
.dialog-login-email input::placeholder {
  color: #bdffff;
}
.dialog-login-email .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dialog-login-email .btn-confirm {
  display: block;
  width: 1.95rem;
  height: 0.8rem;
  font-size: 0.23rem;
  line-height: 0.8rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: url(../images/btn5.png) no-repeat center center/100% auto;
}
.dialog-login-email .btn-confirm.disable {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  pointer-events: none;
}
.dialog-login-email .login-tips {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.1rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.dialog-login-email .login-tips.on i::after {
  display: block;
}
.dialog-login-email .login-tips a {
  color: #ffd900;
  text-decoration: underline;
}
.dialog-login-email .login-tips i {
  position: relative;
  width: 0.16rem;
  height: 0.16rem;
  margin-left: 0.6rem;
  margin-right: 0.05rem;
  border: 0.01rem solid rgba(255, 255, 255, 0.25);
  border-radius: 0.01rem;
  background: #d3f7ff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dialog-login-email .login-tips i::after {
  display: none;
  content: "";
  position: absolute;
  top: 0.02rem;
  left: 0.01rem;
  width: 0.12rem;
  height: 0.09rem;
  background: url(../images/tick.png) no-repeat center center/100% auto;
}

[lang=en] .module-wrapper .module0 .module-inner .slogan {
  background: url(../images/slogan-en.png) no-repeat center center/100% auto;
}

[lang=fr] .module-wrapper .module0 .module-inner .slogan {
  background: url(../images/slogan-fr.png) no-repeat center center/100% auto;
}
[lang=fr] .module-wrapper .module0 .module-inner .btn-register {
  font-size: 0.3rem;
}
[lang=fr] .module-wrapper .module1 .btn-register {
  font-size: 0.3rem;
}
[lang=fr] .module-wrapper .module2 .module-tit {
  font-size: 0.33rem;
}
[lang=fr] .module-wrapper .module0 .module-inner .sub-slogan {
  font-size: 0.2rem;
}

[lang=de] .module-wrapper .module0 .module-inner .slogan {
  background: url(../images/slogan-de.png) no-repeat center center/100% auto;
}
[lang=de] .module-wrapper .module1 .module-tit {
  font-size: 0.37rem;
}
[lang=de] .module-wrapper .module2 .module-tit {
  font-size: 0.36rem;
}

[lang=tr] .module-wrapper .module0 .module-inner .slogan {
  background: url(../images/slogan-tu.png) no-repeat center center/100% auto;
}
[lang=tr] .module-wrapper .module2 .module-tit {
  font-size: 0.36rem;
}

.footer-wrapper {
  background-color: #0a0a0a;
  padding: 0.4rem 0.6rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.footer-wrapper .footer-inner {
  max-width: 12rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
}
.footer-wrapper .footer-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.footer-wrapper .footer-logo-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0.15rem;
}
.footer-wrapper .footer-logo-item:last-child {
  margin-right: 0rem;
}
.footer-wrapper .footer-logo-item1 {
  width: 0.95rem;
  height: 0.6rem;
}
.footer-wrapper .footer-logo-item2 {
  width: 1.05rem;
  height: 0.6rem;
}
.footer-wrapper .footer-logo-item3 {
  width: 1.3rem;
  height: 0.6rem;
}
.footer-wrapper .footer-logo {
  height: 0.6rem;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer-wrapper .footer-info {
  text-align: left;
}
.footer-wrapper .footer-copyright {
  color: #ccc;
  font-size: 0.14rem;
  line-height: 1.8;
  margin: 0;
}
.footer-wrapper .footer-game-name {
  color: #ccc;
  font-size: 0.14rem;
  line-height: 1.8;
  margin: 0;
  letter-spacing: 0.01rem;
}
.footer-wrapper .footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.08rem;
}
.footer-wrapper .footer-links a {
  color: #ccc;
  font-size: 0.14rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  white-space: nowrap;
}
.footer-wrapper .footer-links a:hover {
  color: #fff;
}
.footer-wrapper .footer-separator {
  color: #666;
  font-size: 0.14rem;
}

#onetrust-consent-sdk #onetrust-banner-sdk {
  padding: 0.1rem 0 0.2rem 0 !important;
}

#onetrust-banner-sdk button, #onetrust-pc-sdk button, #ot-sdk-cookie-policy button {
  margin-bottom: 0rem !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk,
#onetrust-banner-sdk.otRelFont {
  font-size: 0.24rem !important;
}

#onetrust-pc-sdk .ot-pc-footer-logo {
  margin-top: 0.2rem;
}

#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
  color: #ccc !important;
  border: none !important;
  height: auto !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  padding: 0 !important;
  font-size: 0.14rem !important;
  cursor: pointer !important;
  -webkit-transition: 1s ease !important;
  -webkit-transition: 0.1s ease !important;
  transition: 0.1s ease !important;
}
#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
  color: #ccc !important;
  background: none !important;
}

#ot-sdk-btn {
  background: none !important;
}

#ot-sdk-btn-floating.ot-floating-button::after {
  font-size: 0.24rem !important;
}

.onetrust-pc-dark-filter.ot-fade-in {
  display: none !important;
}

#ot-sdk-btn-floating.ot-floating-button {
  display: none !important;
}