@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ul,
li {
  list-style: none;
}

a, li, input {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  text-decoration: none;
}

i {
  font-style: normal;
}

@font-face {
  font-family: 'AGENCYB';
  src: url("../fonts/AGENCYB.ttf");
}

@font-face {
  font-family: 'AGENCYR';
  src: url("../fonts/AGENCYR.ttf");
}

@font-face {
  font-family: 'HeadlinerNo45';
  src: url("../fonts/HeadlinerNo.45.otf");
}

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/RobotoCondensed-Regular.ttf");
}

@font-face {
  font-family: 'PSL054pro';
  src: url("../fonts/PSL054pro.ttf");
}

@font-face {
  font-family: 'Source';
  src: url("../fonts/Source.ttf");
}

@font-face {
  font-family: 'HanSansCN';
  src: url("../fonts/SourceHanSansCN-Normal.ttf");
}

body,
html {
  height: 100%;
  overflow: hidden;
  background: #000;
  -webkit-overflow-scrolling: touch;
  font-family: 'AGENCYR';
}

.lang-th {
  font-family: 'PSL054pro';
}
.lang-ru,
.lang-vi,
.lang-tr,
.lang-ms {
  font-family: 'Roboto';
}
.lang-tw,
.lang-hk {
  font-family: 'Source';
}
.lang-ar {
  direction: rtl;
}
.lang-zh {
  font-family: 'HanSansCN';
  font-weight: 900;
}

.wrapper{
  width: 100%;
  height: 100%;
}
/* .wrapper.open {
  animation: wrapper 2s cubic-bezier(0.4, 0, 1, 1);
  transform: scale(15);
  filter: brightness(0);
}
@keyframes wrapper {
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  95% {
    transform: scale(15);
    filter: brightness(1);
  }
  100% {
    transform: scale(15);
    filter: brightness(0);
  }
} */
.auto_img {
  display: block;
  width: 100%;
}
.sec {
  display: none;
}
.sec.on {
  display: block;
}
.s1 {
  width: 100vw;
  height: 100vh;
  background: url(../images/s1_wall_after.jpg) center / cover  no-repeat;
  position: relative;
}
.s1_wall {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: url(../images/s1_wall_before.png) center / cover  no-repeat;
}
.s1_wall_center {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: url(../images/s1_wall_center.png) center / cover  no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url(../images/s1_wall_mask.png);
  -webkit-mask-size: 100% 3.74rem;
  -webkit-mask-size: 1.39rem 3.74rem;
  -webkit-mask-position: center bottom;
}
.s1.open .s1_wall_center {
  animation: s1WallCenter 1s cubic-bezier(0.68, -0.1, 1, 1);
  -webkit-mask-size: 9rem 3.74rem;
}
@keyframes s1WallCenter {
  0% {
    -webkit-mask-size: 1.39rem 3.74rem;
  }
  100% {
    -webkit-mask-size: 9rem 3.74rem;
  }
}
.s1_door {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
}
.s1_door_left,
.s1_door_right {
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
}
.s1_door_left {
  background: url(../images/s1_door_left.png) center / cover  no-repeat;
}
.s1.open .s1_door_left {
  animation: s1DoorLeft 1s linear;
  left: -1rem;
}
@keyframes s1DoorLeft {
  0% {
    left: 0;
  }
  100% {
    left: -1rem;
  }
}
.s1.open .s1_door_right {
  animation: s1DoorRight 1s linear;
  left: 0.73rem;
}
@keyframes s1DoorRight {
  0% {
    left: 0;
  }
  100% {
    left: 0.73rem;
  }
}
.s1_door_right {
  background: url(../images/s1_door_right.png) center / cover  no-repeat;
}
.s1_content {
  width: 13.34rem;
  height: 7.5rem;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.s1_slogan {
  width: 7.52rem;
  height: 4.43rem;
  background: url(../images/s1_slogan.png) bottom center / 7.5rem  no-repeat;
  margin: 0 auto;
  position: relative;
}
.s1_time,
.s2_time {
  font-size: 0.20rem;
  text-align: center;
  transform: translateY(-0.7rem);
  line-height: 0.4rem;
  color: #e4e2dc;
}
.lang-th .s1_time,
.lang-th .s2_time {
  font-size: 0.30rem;
}
.s2_time {
  transform: translateY(-0.45rem);
}
.s1.open .s1_slogan {
  animation: s1Slogan 1s linear;
  top: -10rem;
}
@keyframes s1Slogan {
  0% {
    top: 0rem;
  }
  100% {
    top: -10rem;
  }
}
.s2_swiper_box::before,
.s1_slogan::before {
  content: "";
  position: absolute;
  background-image: url(../images/sec_content_chain.png);
  background-position: bottom center;
  background-size: 100%;
  background-repeat: repeat-y;
  width: 0.17rem;
  height: 10rem;
  top: -8.87rem;
  left: 0.65rem;
}
.s2_swiper_box::after,
.s1_slogan::after {
  content: "";
  position: absolute;
  background-image: url(../images/sec_content_chain.png);
  background-position: bottom center;
  background-size: 100%;
  background-repeat: repeat-y;
  width: 0.17rem;
  height: 10rem;
  top: -8.83rem;
  right: 0.65rem;
}

.s1_rule {
  display: block;
  position: absolute;
  bottom: 2.75rem;
  right: 0.06rem;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}

.s1_slogan img {
  opacity: 0.91;
}

.s1_btn_code {
  display: block;
  width: 3.37rem;
  height: 0.97rem;
  background: url(../images/s1_btn_code.png) center / 100%  no-repeat;
  margin: 0.37rem auto 0;
  font-size: 0.48rem;
  font-family: 'HeadlinerNo45';
  text-transform: uppercase;
  line-height: 0.97rem;
  text-align: center;
  color: #12151f;
  text-shadow: 0 0.02rem #ffda99;
  filter: drop-shadow(0 0 0.18rem rgba(28, 25, 22, 0.34));
  position: relative;
}

.lang-es .s1_btn_code {
  font-size: 0.34rem;
}

.s1_2 .s1_btn_code {
  font-size: 0.39rem;
}

.lang-zh .s1_2 .s1_btn_code {
  font-size: 0.35rem;
}

.lang-pt .s1_btn_code {
  font-size: 0.34rem;
}

.lang-es .s1_2 .s1_btn_code {
  padding-top: 0.20rem;
  font-size: 0.22rem;
  line-height: 0.32rem;
}

.lang-de .s1_2 .s1_btn_code,
.lang-pt .s1_2 .s1_btn_code {
  padding-top: 0.20rem;
  font-size: 0.23rem;
  line-height: 0.32rem;
}

.lang-id .s1_2 .s1_btn_code {
  padding-top: 0.20rem;
  font-size: 0.28rem;
  line-height: 0.32rem;
}

.lang-ar .s1_2 .s1_btn_code {
  font-size: 0.27rem;
}

.lang-th .s1_2 .s1_btn_code {
  font-size: 0.25rem;
}

.lang-de .s1_1 .s1_btn_code {
  font-size: 0.35rem;
}

.lang-ru .s1_btn_code,
.lang-tr .s1_btn_code,
.lang-ms .s1_btn_code,
.lang-vi .s1_btn_code {
  font-family: 'Roboto';
}

.lang-tr .s1_btn_code,
.lang-ru .s1_btn_code,
.lang-vi .s1_2 .s1_btn_code {
  font-size: 0.28rem;
}

.lang-ms .s1_2 .s1_btn_code,
.lang-ru .s1_2 .s1_btn_code {
  font-size: 0.22rem;
}

.lang-fr .s1_2 .s1_btn_code {
  font-size: 0.33rem;
}

.s1_tip {
  color: #ffffff;
  text-align: center;
  font-size: 0.26rem;
  line-height: 0.30rem;
  margin-top: 0.06rem;
  filter: drop-shadow(0 0 0.29rem rgba(7, 9, 16, 0.80));
  position: relative;
  font-size: 0.25rem;
  width: 12.0rem;
  margin: 0 auto;
}

.lang-zh .s1_tip {
  font-size: 0.22rem;
}

.lang-de .s1_tip {
  font-size: 0.20rem;
  width: 12.0rem;
  margin: 0 auto;
}

.lang-pt .s1_tip {
  font-size: 0.20rem;
  width: 10.5rem;
  margin: 0 auto;
}

.lang-ms .s1_tip,
.lang-ru .s1_tip {
  font-size: 0.20rem;
  width: 10rem;
  margin: 0 auto;
}

.lang-th .s1_tip {
  font-size: 0.30rem;
  line-height: 0.32rem;
}

.s1.open .s1_tip,
.s1.open .s1_btn_code {
  animation: s1BtnCode 1s linear;
  bottom: -10rem;
}

.s1_to_s2 {
  display: block;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: url(../images/s1_to_s2_icon.png) center / 100% 100% no-repeat;
  width: 0.59rem;
  height: 0.58rem;
  animation: rotate 2s infinite linear;
}

@keyframes rotate {
  0%,79.9%{
    transform: translate(-50%, -50%) rotate(0);
  }
  85%,95% {
    transform: translate(-50%, -50%) rotate(-10deg);
  }
  80%,90%,100% {
    transform:  translate(-50%, -50%) rotate(10deg);
  }
}

@keyframes rotate2 {
  0%,100% {
    transform: rotate(-10deg);
  }
  50% {
    transform:  rotate(10deg);
  }
}

@keyframes rotate3 {
  0%,60%{
    transform: rotate(0);
  }
  75%,85% {
    transform: rotate(-6deg);
  }
  70%,80%,100% {
    transform:  rotate(6deg);
  }
}

/* .s1_to_s2::after {
  display: block;
  position: absolute;
  content: "";
  background: url(../images/s1_to_s2_after.png) center / 100% no-repeat;
  width: 1.28rem;
  height: 1.28rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: rotate 3s infinite linear;
}

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform:  translate(-50%, -50%) rotate(1turn);
  }
} */


@keyframes s1BtnCode {
  0% {
    bottom: 0rem;
  }
  100% {
    bottom: -10rem;
  }
}

.s1_code_t {
  box-sizing: border-box;
  padding: 1.7rem 0.75rem 0;
  color: #EDDED1;
  font-size: 0.36rem;
  line-height: 0.46rem;
  min-height: 3.08rem;
  font-family: 'HeadlinerNo45';
  text-shadow: 0px 1px black;
}

.lang-pt .s1_code_t {
  font-size: 0.28rem;
  line-height: 0.34rem;
}

.lang-ru .s1_code_t,
.lang-tr .s1_code_t,
.lang-ms .s1_code_t,
.lang-vi .s1_code_t {
  font-family: 'Roboto';
}

.lang-zh .s1_code_t {
  font-family: 'HanSansCN';
}

.lang-es .s1_code_t {
  font-size: 0.30rem;
  line-height: 0.32rem;
}

.lang-ms .s1_code_t,
.lang-th .s1_code_t,
.lang-ar .s1_code_t,
.lang-ru .s1_2 .s1_code_t,
.lang-id .s1_code_t {
  font-size: 0.30rem;
  line-height: 0.36rem;
}

.lang-de .s1_code_t {
  font-size: 0.27rem;
  line-height: 0.36rem;
}

.lang-vi .s1_code_t,
.lang-fr .s1_code_t {
  font-size: 0.33rem;
}


.s1_input_cell {
  margin: 0.15rem 0.95rem 0 0.75rem;
  /* background: url(../images/s1_input.png); */
  background-size: 3.71rem;
  background-repeat: no-repeat;
  height: 0.53rem;
  line-height: 0.53rem;
  display: flex;
  justify-content: space-between;
}

.s1_input{
  border: none;
  background: url(../images/s1_input.png);
  background-size: 3.71rem;
  background-repeat: no-repeat;
  height: 0.53rem;
  width: 3.71rem;
  color: #D4C7BA;
  font-size: 0.34rem;
  box-sizing: border-box;
  font-family: 'AGENCYR';
  padding-left: 0.40rem;
  padding-top: 1px;
  line-height: 0.53rem;
}

.lang-ar .s1_input{
  padding-left: 0;
  padding-right: 0.40rem;
}

.s1_btn_copy {
  background: url(../images/s1_code_btn.jpg);
  background-size: 100%;
  width: 1.99rem;
  height: 0.51rem;
  line-height: 0.51rem;
  display: block;
  margin-top: 0.01rem;
  text-align: center;
  color: #191618;
  font-size: 0.35rem;
  font-family: 'HeadlinerNo45';
  text-shadow: 0 1px #FFEBB3;
}

.lang-zh .s1_btn_copy {
  font-size: 0.30rem;
}

.lang-ru .s1_btn_copy,
.lang-tr .s1_btn_copy,
.lang-ms .s1_btn_copy,
.lang-vi .s1_btn_copy {
  font-family: 'Roboto';
}

.s2 {
  width: 100vw;
  height: 100vh;
  background: url(../images/inner_bg.jpg) center / cover  no-repeat;
  position: relative;
}

.s2_content {
  box-sizing: border-box;
  padding-top: 0.68rem;
  width: 13.34rem;
  height: 7.5rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.s2_swiper_box {
  background: url(../images/s2_swiper.png) center / cover  no-repeat;
  width: 9.82rem;
  height: 4.66rem;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  padding-top: 0.22rem;
}

.s2_swiper_box::before {
  top: -10.01rem;
  left: 1.73rem;
}

.s2_swiper_box::after {
  top: -10.01rem;
  right: 1.73rem;
}

.s2_swiper_container  {
  width: 8.39rem;
  padding-top: 0.12rem;
}

.s2_swiper_container .swiper-slide {
  opacity: 0!important;
  width: 8.39rem;
  height: 4.12rem;
  filter: drop-shadow(0 0.05rem 0.22em rgba(0, 0, 0, 0.8));
  color: #000000;
}

.s2_swiper_container .swiper-slide-active {
  opacity: 1!important;
}

.s2_swiper_container .s2_swiper_img {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
}

.s2_award_name,
.s2_award_time {
  color: #fff5e4;
  font-size: 0.16rem;
  line-height: 0.24rem;
  white-space: nowrap;
}

.s2_award {
  background: url(../images/s2_swiper_page.png) center / 9.66rem no-repeat;
  width: 9.66rem;
  height: 1.11rem;
  margin: 0.05rem auto 0;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0.20rem 0.95rem 0;
}

.s2_award_item {
  width: 0.53rem;
  height: 0.56rem;
  position: relative;
  z-index: 1;
}

.s2_award_item.is_important.un>img{
  animation: isImportant 1s linear infinite;
  box-shadow: 0 0 0.12rem #ffbd00;
}

@keyframes isImportant {
  0%, 100% {transform: scale(1);}
  50% {transform: scale(1.10);}
}

.s2_award_item>img {
  display: block;
  width: 100%;
}

.s2_award_detail {
  display: none;
}

.s2_award_item .s2_award_detail.important {
  animation: important 1s linear infinite;
}

@keyframes important {
  0%, 100% {transform: scale(1);}
  50% {transform: scale(1.05);}
}

.s2_award_item.un.active .s2_award_detail {
  content: "";
  display: block;
  position: absolute;
  width: auto;
  height: 0.79rem;
  top: -1.00rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.61);
  border-radius: 0.05rem;
  overflow: hidden;
  border: 1px solid rgba(108,102,91,0.96);
  box-sizing: border-box;
  padding: 0.14rem 0.14rem 0.14rem  0.8rem;
}

.s2_award_item.ed::after
 {
  content: "";
  display: block;
  position: absolute;
  width: 0.53rem;
  height: 0.53rem;
  background: url(../images/s2_swiper_icon_ed.png) center / 100% 100% no-repeat;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.s2_award_item.on {
  cursor: pointer;
  animation: rotate3 1s infinite linear;
  position: relative;
}

/* .s2_award_item.is_important.on {
  animation: rotate4 1s infinite linear;
}

@keyframes rotate4 {
  0%, 100% {transform: scale(1);}
  0%,60%{
    transform: rotate(0);
  }
  75%,85% {
    transform: rotate(-6deg);
  }
  70%,80%,100% {
    transform:  rotate(6deg);
  }
  50% {transform: scale(1.10);}
} */

.s2_award_item.on::after {
  position: absolute;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 0;
  left: 0;
  border: 2px solid #e7c45f;
  box-shadow: inset 0 0 0.05rem #e7c45f;
}

.s2_award_img {
  width: 0.51rem;
  position: absolute;
  left: 0.17rem;
  top: 0.14rem;
}

.s2_award_img img {
  display: block;
  width: 100%;
}

.s2_award_clock {
  display: block;
  position: absolute;
  bottom: 0.02rem;
  left: 0.02rem;
  background: url(../images/time.png) center / 100% no-repeat;
  width: 0.1rem;
  height: 0.1rem;
}

.s2_award_number {
  display: block;
  position: absolute;
  bottom: 0.02rem;
  right: 0.02rem;
  width: 1rem;
  height: 0.14rem;
  line-height: 0.14rem;
  font-size: 0.10rem;
  color: #ffffff;
  text-align: right;
  display: none;
}

.s2_icon_name {
  font-size: 0.18rem;
  line-height: 0.22rem;
  text-align: center;
  color: #ffffff;
  position: relative;
}

.tag_item {
  display: none;
}

.tag_item.on {
  display: block;
}

.s2_task {
  margin-top: -0.3rem;
  font-size: 0.18rem;
  line-height: 0.22rem;
  text-align: center;
  color: #ffffff;
}
.lang-th .s2_task {
  font-size: 0.30rem;
  line-height: 0.30rem;
}
/* nav */

.nav {
  position: fixed;
  left: 0;
  top: 0;
}

.nav_item {
  background: url(../images/page_nav_off.png) center / 100%  no-repeat;
  width: 3.5rem;
  height: 0.55rem;
  float: left;
  margin-left: -0.38rem;
  line-height: 0.55rem;
  text-align: center;
  font-size: 0.37rem;
  color: #ffffff;
  color: #fefefe;
  font-family: 'AGENCYB';
  display: block;
}

.lang-pt .nav_item,
.lang-fr .nav_item,
.lang-es .nav_item {
  font-size: 0.30rem;
}

.nav_item.on {
  background-image: url(../images/page_nav_on.png);
  color: #7a5949;
}

.lang-ru .nav_item,
.lang-tr .nav_item,
.lang-ms .nav_item,
.lang-vi .nav_item {
  font-family: 'Roboto';
}

.nav_icon {
  background: url(../images/icon.png) center / 100% no-repeat;
  width: 0.29rem;
  height: 0.31rem;
  display: inline-block;
  animation: rotate2 300ms infinite ease-in-out;
}

/* pop */

.b_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 200;
}

.pop_close {
  width: .45rem;
  height: .45rem;
  color: #d9d9d8;
  font-size: .40rem;
  text-align: center;
  line-height: .50rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  text-indent: -9.99rem;
  overflow: hidden;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAArBAMAAAAebRy0AAAAElBMVEUAAAD///////////////////8+Uq06AAAABnRSTlMAgE9AbQJS7AZuAAAAkklEQVQ4y4WT0Q1AUAwAG2KAxwJsICZgBfsPQ/pzkfNSH9LWnTzVRhyha9gjxraqvi3vszYLz9ImISsIH1wCOQIpgHAIEhDFMISCiKAILIAjGAfMuwXwr5C4hTtxC1fiFn7xmK52Rs37/fV5fH5/b9Uf97Puv/8XuCLPQzU/njcQyxCkABbAEYQjdPaxt7+9fX8ARNcT+PuPZN4AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: contain
}

.pop-loading {
  font-family: Arial;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: .22rem;
  text-align: center;
  color: #fff;
  line-height: 3;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.pop-loading.loaded {
  display: none
}

.pop {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding-top: 0.45rem;
  box-sizing: border-box;
  display: none;
}

.pop_error,
.pop_copy,
.pop_award,
.pop_rule,
.pop_login {
  background: url(../images/pop_bg.png) center / 100% no-repeat;
  width: 6.07rem;
  height: 3.45rem;
}

.pop_login {
  padding-top: 1.20rem;
}

.pop_rule {
  padding-top: 0.55rem;
}

.pop_error .pop_close,
.pop_copy .pop_close,
.pop_award .pop_close,
.pop_rule .pop_close,
.pop_login .pop_close {
  width: 0.5rem;
  height: 0.5rem;
  font-size: .8rem;
  line-height: .8rem;
  top: 0.15rem;
  right: 0.1rem;
  background: none;
}

.pop_detail {
  color: #ffffff;
  margin: 0 auto;
}

.pop_login .pop_detail {
  text-align: center;
  width: 5rem;
  font-size: 0.25rem;
  font-family: 'AGENCYR';
  line-height: 0.33rem;
  margin-bottom: 0.28rem;
  height: 0.70rem;
}

.lang-ru .pop_login .pop_detail,
.lang-tr .pop_login .pop_detail,
.lang-ms .pop_login .pop_detail,
.lang-vi .pop_login .pop_detail {
  font-family: 'Roboto';
}

.pop_rule .pop_detail {
  width: 5rem;
  font-size: 0.20rem;
  line-height: 0.30rem;
  margin-bottom: 0.28rem;
  height: 0.70rem;
}

.pop_rule .pop_detail span:nth-child(1) {
  font-size: 0.25rem;
  line-height: 0.35rem;
}

.lang-fr .pop_rule .pop_detail,
.lang-th .pop_rule .pop_detail {
  font-size: 0.30rem;
  line-height: 0.35rem;
}

.lang-fr .pop_rule .pop_detail span:nth-child(1),
.lang-th .pop_rule .pop_detail span:nth-child(1) {
  font-size: 0.40rem;
  line-height: 0.45rem;
}

.pop_btn_open {
  display: block;
  background: url(../images/pop_button.jpg) center / 100% no-repeat;
  width: 1.99rem;
  height: 0.51rem;
  margin: 0 auto;
  line-height: 0.51rem;
  text-align: center;
  color: #12151f;
  font-family: 'HeadlinerNo45';
  font-size: 0.35rem;
  text-shadow: 0 1px #ffda99;
}

.lang-ru .pop_btn_open,
.lang-tr .pop_btn_open,
.lang-ms .pop_btn_open,
.lang-vi .pop_btn_open {
  font-family: 'Roboto';
}

.lang-ar .pop_btn_open,
.lang-vi .pop_btn_open {
  font-size: 0.30rem;
}

/* 奖励弹窗 */

.pop_award {}
.pop_award .pop_detail {
  width: 5rem;
  font-size: 0.30rem;
  font-family: 'AGENCYR';
  line-height: 0.40rem;
  margin-bottom: 0.28rem;
  height: 0.70rem;
  padding-top: 0.90rem;
  height: 1.6rem;
  text-align: center;
}

.lang-ru .pop_award .pop_detail {
  padding-top: 0.80rem;
}

.lang-ru .pop_award .pop_detail,
.lang-tr .pop_award .pop_detail,
.lang-ms .pop_award .pop_detail,
.lang-vi .pop_award .pop_detail {
  font-family: 'Roboto';
}

.lang-ru .pop_award2 .pop_detail,
.lang-vi .pop_award .pop_detail  {
  padding-top: 0.20rem;
  font-size: 0.35rem;
  line-height: 0.40rem;
}

.pop_award2 .pop_detail {
  font-size: 0.40rem;
  line-height: 0.60rem;
  padding-top: 0.1rem;
  text-transform: uppercase;
  display: none;
}

.pop_award2 .pop_detail[data-award="5"] {
  padding-top: 0;
}

.pop_award2 .pop_detail.on {
  display:block;
}

.pop_award_imgs {
  display: flex;
  justify-content: center;
}

.pop_award2 .pop_award_img {
  width: 1rem;
  height: 1rem;
  margin: 0 0.15rem;
}

.pop_award_name {
  font-size: 0.22rem;
  text-transform: initial;
  line-height: 0.30rem;
  padding-top: 0.05rem;
}

.pop_award2 .pop_detail[data-award="5"] .pop_award_name {
  font-size: 0.20rem;
  line-height: 0.25rem;
  padding-top: 0;
}

.pop_btn_go,
.pop_btn_download,
.pop_btn_yes {
  display: block;
  background: url(../images/pop_button.jpg) center / 100% no-repeat;
  width: 1.99rem;
  height: 0.51rem;
  margin: 0 auto;
  line-height: 0.51rem;
  text-align: center;
  color: #12151f;
  font-family: 'HeadlinerNo45';
  font-size: 0.35rem;
  text-shadow: 0 1px #ffda99;
}

.pop_btn_go,
.pop_btn_download {
  margin: 0 0.20rem;
  font-size: 0.25rem;
}

.lang-fr .pop_btn_go,
.lang-fr .pop_btn_download {
  font-size: 0.21rem;
}

.lang-pt .pop_btn_go,
.lang-es .pop_btn_go,
.lang-es .pop_btn_download,
.lang-th .pop_btn_go,
.lang-th .pop_btn_download {
  font-size: 0.20rem;
}

.lang-ru .pop_btn_go,
.lang-ru .pop_btn_download,
.lang-pt .pop_btn_download,
.lang-th .pop_btn_download {
  font-size: 0.20rem;
  line-height: 0.25rem;
}

.pop_btns {
  display: flex;
  justify-content: center;
}

/* 复制弹窗 */

.pop_copy .pop_detail{
  width: 5rem;
  font-size: 0.25rem;
  font-family: 'AGENCYR';
  line-height: 0.33rem;
  margin-bottom: 0.28rem;
  height: 0.70rem;
  padding-top: 0.50rem;
  height: 1.6rem;
  text-align: center;
}

.pop_copy_title {
  font-size: 0.4rem;
  line-height: 0.5rem;
  text-transform: uppercase;
}


/* 错误弹窗 */

.pop_error .pop_detail{
  width: 5rem;
  font-size: 0.25rem;
  font-family: 'AGENCYR';
  line-height: 0.33rem;
  margin-bottom: 0.28rem;
  height: 0.70rem;
  padding-top: 1.00rem;
  height: 1.6rem;
  text-align: center;
}