@font-face {
  font-family: "SourceHanSansCNBold";
  src: url('https://media.game-tree.com/media/pictures/gametree/dt/font/SourceHanSansCN-Bold.ttf') format("truetype");
}
@font-face {
  font-family: "SourceHanSansCNMedium";
  src: url('https://media.game-tree.com/media/pictures/gametree/dt/font/SourceHanSansCN-Medium.ttf') format("truetype");
}
@font-face {
  font-family: "SourceHanSerifCNBold";
  src: url('https://media.game-tree.com/media/pictures/gametree/dt/font/SourceHanSerifCN-Bold.otf') format("opentype");
}
@font-face {
  font-family: "SourceHanSerifCNHeavy";
  src: url('https://media.game-tree.com/media/pictures/gametree/dt/font/SourceHanSerifCN-Heavy.ttf') format("truetype");
}
@font-face {
  font-family: "SourceHanSerifCN-Regular";
  src: url('https://media.game-tree.com/media/pictures/gametree/dt/font/SourceHanSerifCN-Regular.otf') format("opentype");
}
.lang_box {
  font-size: 0.24rem;
  width: 2.5rem;
  height: fit-content;
  line-height: 0.54rem;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3rem;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  font-weight: bold;
  font-family: 'thfont';
}
.lang_box .lang_selector {
  width: 100%;
}
.lang_box .lang_selector .lang_current {
  padding-left: 0.2rem;
  width: 100%;
  background-color: #fff;
  height: 0.6rem;
  line-height: 0.6rem;
  border-radius: 0.3rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.lang_box .lang_selector .lang_current .lang_icon {
  width: 0.28rem;
  height: 0.31rem;
  background: url(../img/common/lang_icon.png);
  background-size: 100% 100%;
  margin-right: 0.2rem;
}
.lang_box .lang_selector .lang_dropdown {
  text-align: center;
  cursor: pointer;
  display: none;
}
.lang_box .lang_selector .lang_dropdown .lang_option:hover {
  color: #4880fd;
}
.lang_box .lang_selector .lang_dropdown .lang_option.active {
  color: #4880fd;
}
.red {
  color: #ff0000;
  cursor: pointer;
}
.bottom_inner .comingsoon1 {
  position: relative;
}
.bottom_inner .comingsoon1::after {
  content: '';
  width: 2.39rem;
  height: 1.53rem;
  background: url('https://media.game-tree.com/media/pictures/gametree/dt/img/common/cs1.png');
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: -1.6rem;
  z-index: 1;
}
.comingsoon2 {
  position: relative;
}
.comingsoon2::after {
  content: '';
  width: 2.02rem;
  height: 1.08rem;
  background: url('https://media.game-tree.com/media/pictures/gametree/dt/img/common/cs2.png');
  background-size: 100% 100%;
  position: absolute;
  right: -2rem;
  top: 0;
  z-index: 1;
}
.en .google.comingsoon1::after,
.jp .google.comingsoon1::after,
.kr .google.comingsoon1::after,
.th .google.comingsoon1::after,
.zh .google.comingsoon1::after,
.en .appstore.comingsoon1::after,
.jp .appstore.comingsoon1::after,
.kr .appstore.comingsoon1::after,
.th .appstore.comingsoon1::after,
.zh .appstore.comingsoon1::after {
  display: none;
}
.zh .self_reward {
  width: 5.14rem;
  height: 2.1rem;
  background: url(../img/zh/page2/self_reward.png);
  background-size: 100% 100%;
  margin: 0.8rem 0 0 0.6rem;
}
.en .self_reward {
  width: 7.27rem;
  height: 2.1rem;
  background: url(../img/en/page2/self_reward.png);
  background-size: 100% 100%;
  margin: 0.8rem 0 0 0.6rem;
}
.kr .self_reward {
  width: 5.54rem;
  height: 2.1rem;
  background: url(../img/kr/page2/self_reward.png);
  background-size: 100% 100%;
  margin: 0.8rem 0 0 0.6rem;
}
.jp .self_reward {
  width: 5.81rem;
  height: 1.52rem;
  background: url(../img/jp/page2/self_reward.png);
  background-size: 100% 100%;
  margin: 0.8rem 0 0 0.6rem;
}
.th .self_reward {
  width: 5.74rem;
  height: 2.1rem;
  background: url(../img/th/page2/self_reward.png);
  background-size: 100% 100%;
  margin: 0.8rem 0 0 0.6rem;
}
.vi .self_reward {
  width: 5.74rem;
  height: 2.1rem;
  background: url(../img/vi/page2/self_reward.png);
  background-size: 100% 100%;
  margin: 0.8rem 0 0 0.6rem;
}
.jp .top_video_jp {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
}
.top_video {
  display: none;
}
.bottom_inner {
  z-index: 1;
}
.google_cbt {
  width: 2.39rem;
  height: 1.53rem;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: -2rem;
  z-index: 1;
  right: 0;
  margin: auto;
  transform: translateX(-3.6rem);
}
.en .google_cbt {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/en/qp.png);
}
.kr .google_cbt {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/kr/qp.png);
}
.jp .google_cbt {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/jp/qp.png);
}
.th .google_cbt {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/th/qp.png);
}
.zh .google_cbt {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/zh/qp.png);
}
.google_float {
  position: absolute;
  top: -2.5rem;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateX(-3.31rem);
  width: 2.68rem;
  height: 2.69rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.3rem;
  z-index: 0;
  display: none;
}
.google_float a {
  display: block;
  margin: 0.2rem auto;
}
.google_float .google1 {
  width: 2.26rem;
  height: 0.68rem;
  background: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/zh/google1.png);
  background-size: 100% 100%;
}
.google_float .google2 {
  width: 2.26rem;
  height: 0.68rem;
  background: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/zh/google2.png);
  background-size: 100% 100%;
}
.en .google_float .google1 {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/en/google1.png);
}
.en .google_float .google2 {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/en/google2.png);
}
.kr .google_float .google1 {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/kr/google1.png);
}
.kr .google_float .google2 {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/kr/google2.png);
}
.jp .google_float .google1 {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/jp/google1.png);
}
.jp .google_float .google2 {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/jp/google2.png);
}
.th .google_float .google1 {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/th/google1.png);
}
.th .google_float .google2 {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1126/th/google2.png);
}
.recharge_btn {
  width: 2.89rem;
  height: 1.72rem;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 5%;
  cursor: pointer;
}
.zh .recharge_btn {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1127/zh/recharge_btn.png);
}
.en .recharge_btn {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1127/en/recharge_btn.png);
}
.kr .recharge_btn {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1127/kr/recharge_btn.png);
}
.jp .recharge_btn {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1127/jp/recharge_btn.png);
}
.th .recharge_btn {
  background-image: url(https://media.game-tree.com/media/pictures/gametree/dt/img/1127/th/recharge_btn.png);
}
.yylx_icon {
  width: 4.05rem;
  height: 3.41rem;
  position: absolute;
  left: -0.5rem;
  bottom: 2%;
  z-index: 10;
}