@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 {
  text-decoration: none;
}

input {
  outline: none;
}

i {
  font-style: normal;
}

body,
html {
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}


/*font*/
@font-face {
  font-family: 'all';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf");
}

body,
input {
  font-family: 'all', Arial, Helvetica, sans-serif;
}

@font-face {
  font-family: 'tr';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/tr.otf");
}

body.lang_tr,
body.lang_tr input {
  font-family: 'tr', Arial, Helvetica, sans-serif;
}

@font-face {
  font-family: 'ar';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ar.ttf");
}

body.lang_ar,
body.lang_ar input {
  font-family: 'ar', Arial, Helvetica, sans-serif;
  direction: rtl;
  letter-spacing: 0;
}

@font-face {
  font-family: 'ru';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ru.ttf");
}

body.lang_ru,
body.lang_ru input {
  font-family: 'ru', Arial, Helvetica, sans-serif;
}

@font-face {
  font-family: 'th';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/th.ttf");
}

body.lang_th,
body.lang_th input {
  font-family: 'th';
  font-family: 'th', Arial, Helvetica, sans-serif;
  letter-spacing: 0;
}

@font-face {
  font-family: 'vi';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf");
}

body.lang_vi,
body.lang_vi input {
  font-family: 'vi', Arial, Helvetica, sans-serif;
  letter-spacing: 0;
}

body.lang_hk,
.body.lang_tw,
.body.lang_zh,
body.lang_hk input,
.body.lang_tw input,
.body.lang_zh input {
  font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;
  letter-spacing: 0;
}

/* auto_img */

.auto_img {
  display: block;
  width: 100%;
}

/* scroll */

.scrollbar::-webkit-scrollbar {
  width: 2px;
  height: 0;
  border-radius: 0;
}

.scrollbar::-webkit-scrollbar-thumb {
  box-shadow: 0 0 1px #000000;
  -webkit-box-shadow: 0 0 1px #000000;
  background: #000000;
  border-radius: 1px;
  border: 1px solid rgba(0, 0, 0, 0);
}

.scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: 0 0 0 #7A7574;
  background-color: #7A7574;
  border-radius: 1px;
}

/* no_scroll */

.no_scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
  border-radius: 0.5rem;
}

.no_scrollbar::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 2px #293988;
  -webkit-box-shadow: inset 0 0 0px #212f4c;
  background: #ffdf76;
  border-radius: 0.5rem;
  border: 1px solid #231B3C;
}

.no_scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
  background-color: #21252c;
  border-radius: 0.5rem;
}

::-webkit-input-placeholder {
  /*Webkit browsers*/
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}

:-moz-placeholder {
  /*Mozilla Firefox 4 to 8*/
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}

:moz-placeholder {
  /*Mozilla Firefox 19+*/
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}

:-ms-input-placeholder {
  /*Internet Explorer 10+*/
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}

* {
  -webkit-tap-highlight-color: transparent;
  -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 {
  text-decoration: none;
}

i {
  font-style: normal;
}

@font-face {
  font-family: "all";
  src: url('https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf');
}

body,
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
  -webkit-overflow-scrolling: touch;
  font-family: "all";
  position: relative;
}

body {
  -webkit-tap-highlight-color: transparent;
}

a:focus,
input:focus,
p:focus,
div:focus {
  -webkit-tap-highlight-color: transparent;
}

body {}

.part {
  display: none;
}

.part.on {
  display: block;
}

.wrapper {
  display: block;
}

/* sec_content */
.sec_content {
  position: absolute;
  width: 13.36rem;
  height: 6.6rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}



/* s1 */
.part1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background: url(../images/bg1.jpg) center / 100% no-repeat;
  background-position: 50% 50%;
}

.part1::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background: url(../images/light.png) center / 100% no-repeat;
  background-position: 50% 50%;
  pointer-events: none;
}

.event_item {
  position: absolute;
}

/* slogan */
.part1 .slogan_cell {
  position: absolute;
  top: 0.07rem;
  left: 0.35rem;
  width: 100%;
}

.part1 .slogan {
  background: url(../images/slogan.png) left center / auto 100% no-repeat;
  height: 1.00rem;
  z-index: 1;
  pointer-events: none;
  position: relative;
}

.part1 .date {
  display: flex;
  direction: ltr;
}

.part1 .date span {
  color: #272727;
  font-size: 0.30rem;
  line-height: 0.40rem;
  font-weight: 900;
}

.part1 .lang_ar .date span {
  direction: rtl;
}

.part1 .rules {
  display: block;
  background: url(../images/rules.png) center / 100% no-repeat;
  height: 0.36rem;
  width: 0.31rem;
  margin-left: 0.1rem;
}

/* supe spree */
.event_item1 {
  background: url(../images/event_item1_on.png) center / 100% no-repeat;
  width: 2.37rem;
  height: 3.08rem;
  top: 1.50rem;
  left: 1.05rem;
  padding: 0.22rem 0.25rem 0 0.22rem;
}

.event_item1.lock {
  pointer-events: none;
  background-image: url(../images/event_item1_off.png);
}

/* .event_item1.lock::after {
  content: "";
  position: absolute;
  background: url(../images/event_lock1.png) center / 100% no-repeat;
  width: 0.31rem;
  height: 0.35rem;
  top: 1.58rem;
  left: 1.08rem;
} */

.event_item1 .e_title {
  color: #303030;
  font-size: 0.28rem;
  text-align: center;
  text-transform: uppercase;
  /* font-weight: 900; */
  line-height: 0.43rem;
  margin-bottom: 1.92rem;
}

.lang_tw .event_item1 .e_title,
.lang_hk .event_item1 .e_title {
  font-size: 0.24rem;
}

.lang_th .event_item1 .e_title {
  font-size: 0.34rem;
}

.event_item1 .event_date {
  font-size: 0.24rem;
  color: #ebe0df;
  line-height: 0.32rem;
text-align: left;}

/* login weekly to get avatar */
.event_item2 {
  background: url(../images/event_item2.png) center / 100% no-repeat;
  width: 3.39rem;
  height: 3.79rem;
  top: 0.53rem;
  left: 4.13rem;
  padding: 0.55rem 0.5rem 0.2rem 0.45rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.event_item2 .e_title {
  line-height: 0.40rem;
  font-size: 0.26rem;
  text-transform: uppercase;
  text-align: center;
  /* font-weight: 900; */
  color: #2a2a2a;
  width: 100%;
  margin-bottom: 0.05rem;
  white-space: nowrap;
}

.lang_th .event_item2 .e_title {
  font-size: 0.36rem;
}

.event_item2 .event_date {
  font-size: 0.22rem;
  color: #f1f1f1;
  position: absolute;
  top: 0.14rem;
  right: 0rem;
  transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  line-height: 0.4rem;
  width: 1.2rem;
  transform-origin: top left;
  /* border: 1px solid #000; */
  text-align: center;
}

.lang_es .event_item2 .event_date,
.lang_fr .event_item2 .event_date,
.lang_pt .event_item2 .event_date {
  font-size: 0.20rem;
}

.event_item2 .e2_item {
  width: 1.11rem;
  position: relative;
  margin-bottom: -0.1rem;
}

.event_item2 .e2_item.ed {
  pointer-events: none;
}

.event_item2 .e2_item.lock {
  pointer-events: none;
}

.event_item2 .e2_img {
  background: url(../images/e2_img_off1.png) center / 100% no-repeat;
  width: 1.11rem;
  height: 1.14rem;
  margin: 0 auto -0.10rem;
}

.event_item2 .e2_item.ed::after {
  content: "";
  position: absolute;
  top: -0.05rem;
  left: 0.05rem;
  background: url(../images/e2_get.png) center / 100% no-repeat;
  width: 0.52rem;
  height: 0.43rem;
}

.event_item2 .e2_item1 .e2_img {
  background-image: url(../images/e2_img_on1.png);
}

.event_item2 .e2_item2 .e2_img {
  background-image: url(../images/e2_img_on2.png);
}

.event_item2 .e2_item3 .e2_img {
  background-image: url(../images/e2_img_on3.png);
}

.event_item2 .e2_item4 .e2_img {
  background-image: url(../images/e2_img_on4.png);
}

.event_item2 .e2_item1.lock .e2_img {
  background-image: url(../images/e2_img_off1.png);
}

.event_item2 .e2_item2.lock .e2_img {
  background-image: url(../images/e2_img_off2.png);
}

.event_item2 .e2_item3.lock .e2_img {
  background-image: url(../images/e2_img_off3.png);
}

.event_item2 .e2_item4.lock .e2_img {
  background-image: url(../images/e2_img_off4.png);
}

.event_item2 .e2_date {
  color: #353232;
  font-size: 0.20rem;
  line-height: 0.30rem;
  text-align: center;
  /* font-weight: 900; */
}

.lang_th .event_item2 .e2_date {
  font-size: 0.24rem;
}

/* watch season 3 */
.event_item3 {
  background: url(../images/event_item3.png) center / 100% no-repeat;
  width: 2.34rem;
  height: 2.72rem;
  top: 1.32rem;
  left: 7.91rem;
  padding: 0.14rem 0.1rem 0 0.35rem;
}

.event_item3 .e_title {
  text-align: center;
  /* border: 1px solid #000; */
  font-size: 0.2rem;
  color: #000000;
  width: 1.95rem;
  transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  transform-origin: left top;
  line-height: 0.38rem;
  text-transform: uppercase;
  /* font-weight: 900; */
}

.lang_tw .event_item3 .e_title,
.lang_ru .event_item3 .e_title,
.lang_hk .event_item3 .e_title {
  font-size: 0.16rem;
  white-space: nowrap;
  transform: scale(0.90) rotate(7deg);
  -ms-transform: scale(0.90) rotate(7deg);
  -webkit-transform: scale(0.90) rotate(7deg);
  -o-transform: scale(0.90) rotate(7deg);
  -moz-transform: scale(0.90) rotate(7deg);
  transform-origin: left top;
  width: 2.15rem;
  text-align: center;
}

.lang_th .event_item3 .e_title {
  font-size: 0.26rem;
}
/* .lang_pt .event_item3 .e_title {
  font-size: 0.14rem;
  line-height: 0.18rem;
  padding: 0 0.3rem;
} */
.lang_es .event_item3 .e_title {
  font-size: 0.14rem;
  line-height: 0.16rem;
  padding: 0 0.20rem;
}
.lang_pt .event_item3 .e_title {
/*   font-size: 0.14rem;
  line-height: 0.16rem;
  padding: 0 0.15rem; */
  padding: 0;
  font-size: 0.22rem;
  line-height: 0.26rem;
  transform: scale(0.65) rotate(7deg);
  -ms-transform: scale(0.65) rotate(7deg);
  -webkit-transform: scale(0.65) rotate(7deg);
  -o-transform: scale(0.65) rotate(7deg);
  -moz-transform: scale(0.65) rotate(7deg);
  width: 2.6rem;
  padding-left: 0.45rem;
  padding-top: 0.05rem;
}
.lang_de .event_item3 .e_title {
  font-size: 0.14rem;
  line-height: 0.16rem;
  padding: 0 0.10rem;
}
.lang_fr .event_item3 .e_title {
  font-size: 0.12rem;
}

/* lucky crate */
.event_item4 {
  background: url(../images/event_item4.png) center / 100% no-repeat;
  width: 4.34rem;
  height: 2.62rem;
  top: 4.37rem;
  left: 1.83rem;
  padding: 1.35rem 1.5rem 0 0.9rem;
}

.event_item4.lock {
  pointer-events: none;
}

.event_item4.lock::after {
  content: "";
  position: absolute;
  background: url(../images/event_lock4.png) center / 100% no-repeat;
  width: 0.31rem;
  height: 0.35rem;
  top: 1.68rem;
  left: 2.5rem;
}

.event_item4 .e_title {
  font-size: 0.24rem;
  color: #fefefe;
  text-transform: uppercase;
  line-height: 0.38rem;
  transform: skew(2deg, -3deg);
  -ms-transform: skew(2deg, -3deg);
  -webkit-transform: skew(2deg, -3deg);
  -o-transform: skew(2deg, -3deg);
  -moz-transform: skew(2deg, -3deg);
  text-align: center;
}

.event_item4 .event_date {
  font-size: 0.24rem;
  color: #e5e5e5;
  text-transform: uppercase;
  line-height: 0.38rem;
  transform: skew(4deg, -3deg);
  -ms-transform: skew(4deg, -3deg);
  -webkit-transform: skew(4deg, -3deg);
  -o-transform: skew(4deg, -3deg);
  -moz-transform: skew(4deg, -3deg);
  text-align: center;
}

/* redeem soldier boy backpack */
.event_item5 {
  background: url(../images/event_item5.png) center / 100% no-repeat;
  width: 3.45rem;
  height: 2.38rem;
  top: 4.3rem;
  left: 4.78rem;
  padding: 0.08rem 0 0 0;
}

.event_item5.lock {
  pointer-events: none;
}

.event_item5.lock::after {
  content: "";
  position: absolute;
  background: url(../images/event_lock5.png) center / 100% no-repeat;
  width: 0.31rem;
  height: 0.35rem;
  top: 0.32rem;
  left: 2.55rem;
}

.event_item5 .e_title {
  line-height: 0.3rem;
  font-size: 0.24rem;
  text-transform: uppercase;
  text-align: center;
  /* font-weight: 900; */
  color: #2a2a2a;
  /* width: 120%; */
  /* transform: translateX(-9%); */
}

.lang_th .event_item5 .e_title {
  font-size: 0.34rem;
}

.event_item5 .event_date {
  line-height: 0.3rem;
  font-size: 0.24rem;
  text-transform: uppercase;
  text-align: center;
  /* font-weight: 900; */
  color: #ebdcdb;
}

/* pv */
.event_item6 {
  background: url(../images/event_item6.png) center / 100% no-repeat;
  width: 4.25rem;
  height: 2.72rem;
  top: 4.19rem;
  left: 7.78rem;
}

.event_item6.lock {}

.event_item6 .e6_item {
  font-size: 0.24rem;
  color: #f1f1f1;
  position: absolute;
  line-height: 0.4rem;
  width: 1.4rem;
  text-align: center;
}

.event_item6 .e6_item1 {
  top: 0.34rem;
  left: 1.4rem;
}

.event_item6 .e6_item2 {
  top: 1.46rem;
  left: 1.3rem;
}

.event_item6 .e6_img {
  background: url(../images/e6_pv1.png) center / 100% no-repeat;
  width: 0.60rem;
  height: 0.68rem;
  position: absolute;
  top: 0.04rem;
  left: -0.68rem;
}

.event_item6 .e6_item2 .e6_img {
  top: 0.10rem;
  left: -0.75rem;
  background-image: url(../images/e6_pv2.png);
}

.event_item6 .e6_img {}

.event_item6 .e6_name {
  transform-origin: top left;
  /* border: 1px solid #fff; */
  font-size: 0.22rem;
  color: #e9e9e9;
  line-height: 0.5rem;
}

.lang_ru .e6_item2 .e6_name {
  font-size: 0.22rem;
  line-height: 0.26rem;
padding-right: 0.15rem;}

.lang_hk .e6_item2 .e6_name,
.lang_tw .e6_item2 .e6_name {
  padding-top: 0.05rem;
  font-size: 0.18rem;
  line-height: 0.22rem;
}

.lang_es .e6_item .e6_name {
  font-size: 0.18rem;
  white-space: nowrap;
}

.lang_es .e6_item2 .e6_name,
.lang_th .e6_item2 .e6_name {
  padding-right: 0.15rem;
}

.lang_ar .e6_item .e6_name,
.lang_fr .e6_item .e6_name,
.lang_pt .e6_item2 .e6_name {
  font-size: 0.20rem;
  line-height: 0.24rem;
  padding: 0 0.10rem;
}

.lang_tr .e6_item .e6_name {
  font-size: 0.22rem;
}

.lang_my .e6_item .e6_name {
  font-size: 0.18rem;
}

.lang_th .e6_item1 .e6_name,
.lang_th .e6_item2 .e6_name {
  font-size: 0.22rem;
}

.event_item6 .e6_item1 .e6_name {
  transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
}

.event_item6 .e6_item2 .e6_name {
  transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
}

/* Official social media */
.event_item7 {
  background: url(../images/event_item7.png) center / 100% no-repeat;
  width: 2.25rem;
  height: 2.21rem;
  top: 1.25rem;
  left: 10.70rem;
  padding-top: 0.70rem;
}

.event_item7.lock {}

.event_item7 .e_title {
  text-align: center;
  line-height: 0.50rem;
  font-size: 0.28rem;
  color: #000000;
  /* font-weight: 900; */
}

.lang_ar .event_item7 .e_title {
  font-size: 0.12rem;
font-size: 0.16rem;line-height: 0.20rem;padding: 0.05rem 0.2rem 0;}

.lang_fr .event_item7 .e_title {
  font-size: 0.20rem;
}

.lang_pt .event_item7 .e_title,
.lang_de .event_item7 .e_title {
  font-size: 0.24rem;
}

.lang_ru .event_item7 .e_title,
.lang_vi .event_item7 .e_title,
.lang_es .event_item7 .e_title {
  font-size: 0.22rem;
}

.lang_th .event_item7 .e_title {
  font-size: 0.26rem;
}

.event_item7 .link_list {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  padding-bottom: 0.21rem;
}

.event_item7 .link_list a {
  display: block;
  width: 0.45rem;
  height: 0.45rem;
  background: url(../images/e7_ins.png) center / 100% no-repeat;
  margin: 0 0.06rem;
}

.event_item7 .link_list .btn_ins {
  background-image: url(../images/e7_ins.png);
}

.event_item7 .link_list .btn_facebook {
  background-image: url(../images/e7_facebook.png);
}

.event_item7 .link_list .btn_twitter {
  background-image: url(../images/e7_twitter.png);
}

/* share */
.part1 .btn_share {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  top: 0.4rem;
  left: 10.3rem;
}

.copyright {
  position: absolute;
  bottom: 0.10rem;
  left: 0.20rem;
  font-size: 0.14rem;
  line-height: 0.20rem;
  color: #ffffff;
  z-index: 1;
  font-family: 'all';
}

.part2 .copyright {
  color: #000000;
}

/* part2 */
.part2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background: url(../images/bg2.jpg) center / 100% no-repeat;
  background-position: 50% 50%;
}

.btn_return {
  display: block;
  position: absolute;
  top: 0.03rem;
  left: 0.47rem;
  background: url(../images/btn_return.png) center / 100% no-repeat;
  width: 1.05rem;
  height: 0.83rem;
}

/* slogan */
/* .part2 .slogan_cell {}
.part2 .slogan {}
.part2 .date {}
.part2 .date span {}
.part2 .rules {} */


.part2 .slogan_cell {
  position: absolute;
  top: 0.93rem;
  left: 0.47rem;
  width: 100%;
}

.part2 .slogan {
  background: url(../images/part2_slogan.png) left center / auto 100% no-repeat;
  height: 0.65rem;
  z-index: 1;
  pointer-events: none;
  position: relative;
  margin-bottom: 0.10rem;
}

.lang_en .part2 .slogan {background-image: url(../images/slogan/en.png);}
.lang_my .part2 .slogan {background-image: url(../images/slogan/ms.png);}
.lang_ru .part2 .slogan {background-image: url(../images/slogan/ru.png);}
.lang_de .part2 .slogan {background-image: url(../images/slogan/de.png);}
.lang_zh .part2 .slogan {background-image: url(../images/slogan/zh.png);}
.lang_hk .part2 .slogan {background-image: url(../images/slogan/hk.png);}
.lang_tw .part2 .slogan {background-image: url(../images/slogan/tw.png);}
.lang_th .part2 .slogan {background-image: url(../images/slogan/th.png);}
.lang_vi .part2 .slogan {background-image: url(../images/slogan/vi.png);}
.lang_id .part2 .slogan {background-image: url(../images/slogan/id.png);}
.lang_pt .part2 .slogan {background-image: url(../images/slogan/pt.png);}
.lang_fr .part2 .slogan {background-image: url(../images/slogan/fr.png);}
.lang_es .part2 .slogan {background-image: url(../images/slogan/es.png);}
.lang_tr .part2 .slogan {background-image: url(../images/slogan/tr.png);}
.lang_ar .part2 .slogan {background-image: url(../images/slogan/ar.png);}

.part2 .date {
  display: flex;
  direction: ltr;
}

.part2 .date span {
  color: #272727;
  font-size: 0.30rem;
  line-height: 0.40rem;
  font-weight: 900;
}

.part2 .lang_ar .date span {
  direction: rtl;
}

.part2 .rules {
  display: block;
  background: url(../images/rules.png) center / 100% no-repeat;
  height: 0.36rem;
  width: 0.31rem;
  margin-left: 0.1rem;
}

.part2 .exchange_panel {
  background: url(../images/exchange_panel.png) center / 100% no-repeat;
  height: 3.37rem;
  width: 7.85rem;
  position: absolute;
  top: 2.12rem;
  left: 0.17rem;
  padding: 0.3rem 1rem;
}

.part2 .exchange_tips {
  font-size: 0.36rem;
  color: #F2ECEC;
  line-height: 0.40rem;
  position: relative;
  z-index: 1;
height: 0.72rem;text-align: left;}

.part2 .exchange_tips span {
  color: #FEDC80;
}

.part2 .exchange_cell {
  position: relative;
  padding-left: 2rem;
  padding-top: 0.45rem;
  z-index: 1;
}

.part2 .exchange_item {
  position: absolute;
  background: url(../images/exchange_item.png) center / 100% no-repeat;
  width: 2.25rem;
  height: 1.96rem;
  left: -0.28rem;
  top: 0;
}

.part2 .exchange_icon {
  display: block;
  width: 100%;
}

.part2 .exchange_progress {
  font-size: 0.36rem;
  line-height: 0.50rem;
  color: #ffffff;
  padding-left: 0.6rem;
  position: relative;
  margin-bottom: 0.05rem;
text-align: left;}

.part2 .exchange_progress::after {
  content: "";
  position: absolute;
  background: url(../images/exchange_progress_img.png) center / 100% no-repeat;
  width: 0.49rem;
  height: 0.71rem;
  bottom: 0;
  left: 0;
}

.part2 .exchange_progress span {
  font-size: 0.45rem;
  line-height: 0.50rem;
  color: #ffdd80;
}

.part2 .btn_redeem {
  display: block;
  background: url(../images/btn_redeem.png) center top / 100% no-repeat;
  width: 2.54rem;
  height: 0.75rem;
  padding: 0.15rem 0.4rem 0 0.2rem;
  text-align: center;
  font-size: 0.34rem;
  color: #ffffff;
  line-height: 0.50rem;
}

.part2 .btn_redeem.ed {
  background-image: url(../images/btn_redeem3.png);
}

.part2 .btn_redeem.lock {
  background-image: url(../images/btn_redeem2.png);
}

.lang_ar .part2 .btn_redeem {
  margin-right: 1.2rem;
}

.part2 .prop {
  width: 16.00rem;
  height: 11.34rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background: url(../images/prop.png) center / 100% no-repeat;
  background-position: 50% 50%;
  pointer-events: none;
}

.part2 .share_panel {
  background: url(../images/share_panel.png) center / 100% no-repeat;
  height: 2.05rem;
  width: 4.80rem;
  position: absolute;
  top: 4.15rem;
  left: 8.57rem;
  padding: 0.25rem 0 0 1.6rem;
  text-align: center;
}

.part2 .share_item {
  position: absolute;
  top: 0.3rem;
  left: 0.15rem;
  background: url(../images/share_item.png) center / 100% no-repeat;
  width: 1.50rem;
  height: 1.45rem;
}

.part2 .share_icon {
  display: block;
  width: 100%;
}

.part2 .share_tips {
  font-size: 0.34rem;
  color: #000000;
  line-height: 0.45rem;
  font-weight: 900;
}
.lang_ar .part2 .share_tips {
  font-size: 0.30rem;
  
}
.part2 .share_panel a {
  display: block;
  background: url(../images/share_btn1.png) center / 100% no-repeat;
  margin: 0 auto;
  padding-top: 0.1rem;
  text-align: center;
  font-size: 0.26rem;
  color: #ffffff;
  line-height: 0.45rem;
  padding-left: 0.08rem;
  margin-top: -0.08rem;
}

.lang_pt .part2 .share_panel a {
  font-size: 0.18rem;
}

.lang_ru .part2 .share_panel a,
.lang_es .part2 .share_panel a {
  font-size: 0.20rem;
}

.part2 .share_panel .btn_get {
  width: 1.83rem;
  height: 0.59rem;
}

.part2 .share_panel .btn_get.lock {
  background-image: url(../images/share_btn2_lock.png);
  line-height: unset;
  font-size: unset;
  display: block;
  justify-content: unset;
  padding-top: 0.13rem;
}

.part2 .btn_get .btn_get_date {
  display: none;
}

.part2 .btn_get.lock .btn_get_text span {
  padding-left: 0.20rem;
  position: relative;
}

.part2 .btn_get.lock .btn_get_text span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/share_icon_lock.png) center / 100% no-repeat;
  width: 0.14rem;
  height: 0.24rem;
}
.lang_ru .part2 .btn_get.lock .btn_get_text span::after {
  height: 0.16rem;
}
.part2 .share_panel .btn_get.lock .btn_get_text,
.part2 .share_panel .btn_get.lock .btn_get_date {
  font-size: 0.18rem;
  line-height: 0.22rem;
  display: block;
}
.part2 .share_panel .btn_get.lock .btn_get_date {
  font-size: 0.14rem;
  line-height: 0.16rem;
}

.lang_th .part2 .share_panel .btn_get.lock .btn_get_text,
.lang_th .part2 .share_panel .btn_get.lock .btn_get_date {
  font-size: 0.20rem;
  line-height: 0.22rem;
}
.lang_th .part2 .share_panel .btn_get.lock .btn_get_date {
  font-size: 0.18rem;
  line-height: 0.20rem;
}

.part2 .share_panel .btn_get.lock .btn_get_date {
  display: block;
}

.part2 .share_panel .btn_share {
  width: 1.83rem;
  height: 0.59rem;
  background-image: url(../images/share_btn2.png);
}

/* 
.slogan_cell {
  position: absolute;
  top: 0.23rem;
  height: 0.16rem;
  left: 0;
}

.slogan {
  background: url(../images/slogan_en.png) left center / auto 100% no-repeat;
  height: 0.55rem;
  width: 10rem;
  pointer-events: none;
}

.lang_en .slogan {background-image: url(../images/slogan/en.png);}
.lang_my .slogan {background-image: url(../images/slogan/ms.png);}
.lang_ru .slogan {background-image: url(../images/slogan/ru.png);}
.lang_de .slogan {background-image: url(../images/slogan/de.png);}
.lang_zh .slogan {background-image: url(../images/slogan/zh.png);}
.lang_hk .slogan {background-image: url(../images/slogan/hk.png);}
.lang_tw .slogan {background-image: url(../images/slogan/tw.png);}
.lang_th .slogan {background-image: url(../images/slogan/th.png);}
.lang_vi .slogan {background-image: url(../images/slogan/vi.png);}
.lang_id .slogan {background-image: url(../images/slogan/id.png);}
.lang_pt .slogan {background-image: url(../images/slogan/pt.png);}
.lang_fr .slogan {background-image: url(../images/slogan/fr.png);}
.lang_es .slogan {background-image: url(../images/slogan/es.png);}
.lang_tr .slogan {background-image: url(../images/slogan/tr.png);}
.lang_ar .slogan {background-image: url(../images/slogan/ar.png);}

.date {
  font-size: 0.24rem;
  line-height: 0.35rem;
  font-weight: 900;
  color: #4874eb;
  text-shadow: 0 0.02rem #ffffff;
  font-style: italic;
  position: relative;
  justify-content: left;
  display: flex;
  direction: ltr;
}

.lang_th .date {
  font-size: 0.35rem;
}

.lang_ar .date span {
  direction: rtl;
}

.rules {
  background: url(../images/rules.png) center / 100% no-repeat;
  width: 0.28rem;
  height: 0.40rem;
  display: block;
  margin-left: 0.05rem;
}
 */

/* pop */

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

.pop {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: none;
  background: url(../images/pop_bg.png) center / 100% no-repeat;
  width: 6.31rem;
  height: 5.05rem;
  padding-top: 0.5rem;
  padding-right: 0.10rem;
}

.pop_close {
  width: 0.5rem;
  height: 0.5rem;
  display: block;
  position: absolute;
  top: 0.15rem;
  right: 0.05rem;
  font-size: 0;
}

.pop_title {
  line-height: 0.82rem;
  text-align: center;
  font-size: 0.6rem;
  font-weight: 900;
  color: #000000;
  text-transform: uppercase;
}

/* pop1 */

.pop1 {
  background: url(../images/pop_bg1.png) center / 100% no-repeat;
}

.po .pop_detail {}

.pop1 .pop_tips {
  font-size: 0.35rem;
  line-height: 0.42rem;
  color: #000000;
  font-weight: 900;

  text-align: center;
  min-height: 1.5rem;

  width: 5.5rem;
  margin: 0 auto;
}

.lang_th .pop1 .pop_tips {
  font-size: 0.4rem;
}

.pop_btn_cell {}

.pop1 .pop_detail {
  padding-top: 0.95rem;
}

.btn_ok {
  display: block;
  background: url(../images/pop_btn1.png) center / 100% no-repeat;
  width: 2.54rem;
  height: 0.75rem;
  margin: 0 auto;
  line-height: 0.80rem;
  text-align: center;
  font-size: 0.40rem;
  color: #ffffff;
  font-weight: 900;
}
.btn_ok.ed {
  filter:brightness(0.5);
}

.lang_th .btn_ok {
  font-size: 0.4rem;
}

.pop_close {}

/* pop2 */

.pop2 .pop_detail {
  padding: 0.15rem 0 0;
}

.pop_rules {
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #000000;
  height: 3rem;
  overflow-y: auto;
  padding: 0 0.4rem;
  width: 5rem;
  margin: 0 auto;
}

.lang_th .pop_rules {
  font-size: 0.24rem;
}

.pop_rules p {
  position: relative;
}

.pop_rules p::after {
  content: "";
  position: absolute;
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 0.12rem;
  background: url(../images/pop_rules.png) center / 100% no-repeat;
  top: 0.11rem;
  left: -0.3rem;
}

.lang_ar .pop_rules p::after {
  left: unset;
  right: -0.3rem;
}

/* pop3 */
.pop3 {}

.pop3 .pop_detail {}

.pop3 .pop_tips {
  padding: 0 0.20rem;
  text-align: center;
  font-size: 0.34rem;
  line-height: 0.50rem;
  color: #000000;
}

.lang_ar .pop3 .pop_tips,
.lang_fr .pop3 .pop_tips {
  font-size: 0.24rem;
}

.lang_my .pop3 .pop_tips,
.lang_id .pop3 .pop_tips,
.lang_pt .pop3 .pop_tips,
.lang_de .pop3 .pop_tips,
.lang_vi .pop3 .pop_tips,
.lang_es .pop3 .pop_tips {
  font-size: 0.26rem;
}

.pop3 .pop_reward {
  /* position: relative; */
}

.pop3 .pop_reward {
  background: url(../images/reward_bg.png) center / 100% no-repeat;
  width: 1.87rem;
  height: 1.56rem;
  margin: 0 auto;
  position: relative;
}

.pop3 .pop_reward_count {
  position: absolute;
  bottom: 0;
  right: 0.2rem;
  color: #ffffff;
}

.pop3 .pop_reward_name {
  padding: 0 0.2rem;
  text-align: center;
  font-size: 0.26rem;
  line-height: 0.50rem;
  color: #000000;
}