body,
html {
  padding: 0;
  margin: 0;
  font-family: 'Microsoft YaHei', 'Helvetica Neue', Arial, HelveticaNeue, Helvetica, 'BBAlpha Sans', sans-serif;
  max-width: 640px;
  margin: 0 auto;
  font-weight: bolder;
  padding: 0;
}

* {
  padding: 0;
  margin: 0;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

i,
em {
  font-style: normal;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}

input,
textarea,
form {
  outline: none;
  border: none;
}

input,
select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  border-radius: 0;
}

img {
  border: 0;
  height: auto;
}

button {
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: center;
}

a:hover,
a:link,
a:visited {
  text-decoration: none;
}
.wrap {
  color: #fff;
  background-image: url(../images/repeat.jpg);
  background-repeat: repeat-y;
  background-position: 0 20.05rem;
  background-size: 100% 4.62rem;
  background-clip: content-box;
}
.noscroll {
  overflow: hidden;
  height: 100%;
}
.header {
  width: 10.8rem;
  height: 1rem;
  background: #09102f;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  z-index: 100;
}
.header_btn {
  display: flex;
}
.header .logo {
  width: 3.04rem;
  height: 0.5rem;
  background: url(../images/logo.png) no-repeat top center / 100% 100%;
}
.header .selectBox {
  width: 0.54rem;
  height: 0.54rem;
  z-index: 2;
}
.icons {
  background: url(../images/icons1.png) no-repeat;
  background-size: 7rem 5rem;
}
/* !活动规则图标 */
.rule {
  width: 0.58rem;
  height: 0.59rem;
  background-position: 0 0;
}
/* 深蓝色南瓜头 */
.blue_icon {
  width: 0.41rem;
  height: 0.42rem;
  display: block;
  background-position: 0 -0.7rem;
}
/* 紫色，骷髅头 */
.zs_gl {
  width: 0.44rem;
  height: 0.51rem;
  background-position: -1.4rem 0;
}
/* 深红色骷髅 */
.res_gl {
  width: 0.51rem;
  height: 0.51rem;
  background-position: -2rem 0;
}
.btn_286 {
  width: 2.86rem;
  height: 0.86rem;
  background-position: 0 -1.2rem;
}
/* 锁图标 */
.lock {
  display: block;
  width: 0.36rem;
  height: 0.43rem;
  background-position: 0 -3.03rem;
}
/* 秒表图标 */
.time_icon {
  display: block;
  width: 0.24rem;
  height: 0.26rem;
  background-position: 0 -2.62rem;
}
/* 黄色南瓜头 */
.yellow_ng_icon {
  width: 0.32rem;
  height: 0.33rem;
  background-position: -0.9rem 0;
}
/* 今日已领取翻牌次数 */
.finish_icon {
  width: 0.3rem;
  height: 0.32rem;
  background-position: -1.54rem 0;
}

.header .selectBtn {
  width: 0.58rem;
  height: 0.59rem;
  position: relative;
  background-position: -0.77rem -0.56rem;
  cursor: pointer;
}

.header .selectBtn > p {
  flex: 1;
  text-indent: 0.1rem;
  font-size: 0.2rem;
  color: #fff;
}
.header .rules_btn {
  width: 0.58rem;
  height: 0.59rem;
  cursor: pointer;
  background-position: 0 0;
  margin: 0 0.6rem 0 0.41rem;
}

.worlds {
  width: 1.75rem;
  /* height: .49rem;
  line-height: .49rem; */
  background: #def1ff;
  border-radius: 0 0 0.1rem 0.1rem;
  text-align: left;
}

.worlds ul:last-child {
  margin-bottom: 0.2rem;
}

.selectList li {
  width: 1.75rem;
  height: 0.49rem;
  cursor: pointer;
  line-height: 0.49rem;
  text-indent: 0.2rem;
  font-size: 0.2rem;
  color: #697bb7;
  align-items: center;
}

.selectList li.focus .mark {
  display: inline-block;
  width: 0.2rem;
  height: 0.18rem;
  background: url('../images/mark.png?v=1') no-repeat top center;
  background-size: 100%;
  margin-left: 0.1rem;
}

.top-main {
  /*  padding-top: 1.02rem; */
}
.top {
  width: 100%;
  height: 24.29rem;
  background: url(../images/top.jpg) no-repeat top center/100% 20.05rem;
  position: relative;
}
.slogan_box {
 
  display: flex;
  align-items: center;
  justify-content: center;
}
.slogan{
  position: absolute;
  width: 90%;
  top: 16.09rem;
  transform: translateX(-50%);
  z-index: 1;
  left: 50%;
}

.slogan img {
  max-width: 100%;
}
.sg-icon {
  position: absolute;
  width: 1.36rem;
  height: 0.34rem;
}

.role_msg {
  display: flex;
  align-items: center;
  width: 10rem;
  justify-content: center;
  height: 0.5rem;
  top: 20.35rem;
  font-size: 0.3rem;
  color: #559cdc;
  position: absolute;
}
.login {
  width: 8rem;
  height: 2.6rem;
  line-height: 1.14rem;
  text-align: center;
  font-size: 0.44rem;
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 21.7rem;
  background: url(../images/top_btn.png?v=1) no-repeat top center;
  background-size: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  letter-spacing: 0.03rem;
}
.role_msg_box {
  /* min-width: 4.5rem; */
  min-width: 3.86rem;
  height: 0.6rem;
  background: url(../images/role_msg.png) no-repeat top center/100% 100%;
  line-height: 0.6rem;
  text-align: center;
  box-sizing: border-box;
  margin-left: 0.2rem;
  padding: 0 0.2rem;
  font-size: 0.3rem;
}
.areaName {
  padding-right: 0.2rem;
}
.top_box {
  display: flex;
  justify-content:space-between;
  width: 10.47rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.top_box_US button{
  background: url('../images/top_btns_US.png') no-repeat;
}
.top_box_KR button{
  background: url('../images/top_btns_KR.png') no-repeat;
}
.top_box_JP button{
  background: url('../images/top_btns_JP.png') no-repeat;
}
.top_box_DE button{
  background: url('../images/top_btns_DE.png') no-repeat;
}
.top_box_FR button{
  background: url('../images/top_btns_FR.png') no-repeat;
}
.top_box_HK button{
  background: url('../images/top_btns_HK.png') no-repeat;
}
.top_box button {
  width: 1.92rem;
  height: 0.87rem;
  background-size: 10.47rem 0.88rem;
  text-indent: -9999px;
}
.top_box .pt_btn {
  background-position: 0 0;
}
.top_box .help_btn {
  background-position: -2.14rem 0;
}
.top_box .zs_btn {
  background-position: -4.28rem 0;
}
.top_box .bb_btn {
  background-position: -6.42rem 0;
}
.top_box .sq_btn {
  background-position: -8.56rem 0;
}

.part {
  width: 100%;
  box-sizing: border-box;
}
.part1 {
  min-height: 16.65rem;
  /* background: url(../images/part1.jpg) no-repeat top center/100% 100%; */
}
.part2 {
  /* background: url(../images/part2.jpg) no-repeat top center/100% 100%; */
}
.part3 {
  box-sizing: border-box;
  /* background: url(../images/part3.jpg) no-repeat top center/100% 100%; */
}
.part4 {
  box-sizing: border-box;
}
.part6 {
  padding-bottom: 0.5rem;
}
.title_CN {
  background: url(../images/title_CN.png) no-repeat top center;
}
.title_HK {
  background: url(../images/title_HK.png) no-repeat top center;
}
.title_KR {
  background: url(../images/title_KR.png?v=1) no-repeat top center;
}
.title_JP {
  background: url(../images/title_JP.png) no-repeat top center;
}
.title_US {
  background: url(../images/title_US.png) no-repeat top center;
}
.title_DE {
  background: url(../images/title_DE.png) no-repeat top center;
}
.title_FR {
  background: url(../images/title_FR.png) no-repeat top center;
}
.part_cotent {
  padding-top: 0.42rem;
  box-sizing: border-box;
  position: relative;
}
.part1-main {
  width: 10.09rem;
  min-height: 14.88rem;
  padding-bottom: 0.6rem;
  box-sizing: border-box;
  margin: 0 auto;
  background: url(../images/part1_k.png) no-repeat top center/100% 100%;
}
.part2-main {
  width: 10.03rem;
  height: 12.54rem;
  margin: 0 auto;
  background: url(../images/part2_k.png) no-repeat top center/100% 100%;
}
/* .part4-main {
  width: 10.03rem;
  height: 12.55rem;
  margin: 0 auto;
  background: url(../images/part3_k.png) no-repeat top center/100% 100%;
} */
.part4-main {
  width: 10.03rem;
  min-height: 13.4rem;
  padding-bottom: 0.47rem;
  margin: 0 auto;
  background: url(../images/part4_k.png) no-repeat top center/100% 100%;
}
.part5-main {
  width: 10.03rem;
  height: 9.6rem;
  padding-bottom: 0.47rem;
  margin: 0 auto;
  background: url(../images/part5_k.png) no-repeat top center/100% 100%;
}
.part6-main {
  width: 10.03rem;
  height: 7rem;
  padding-bottom: 0.36rem;
  margin: 0 auto;
  background: url(../images/part6_k.png) no-repeat top center/100% 100%;
}
.part-topRight_icon {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: -0.04rem;
  right: -0.06rem;
  background: url(../images/partIcon.png) no-repeat top center/100% 100%;
}
.hero {
  width: 100%;
  height: 4.42rem;
  box-sizing: border-box;
}
.title {
  width: 10.76rem;
  height: 2.48rem;
  background-size: 10.76rem 15rem;
  margin: 0 auto 0.34rem;
}
.title_1 {
  background-position: 0 0;
  margin-top:-0.6rem;
}
.title_2 {
  background-position: 0 -4.96rem;
}
.title_3 {
  background-position: 0 -2.48rem;
}
.title_4 {
  background-position: 0 -7.44rem;
}
.title_5 {
  background-position: 0 -9.92rem;
}

.title_6 {
  background-position: 0 -12.5rem;
}


/* .title_1_KR {
  background: url(../images/title1_KR.png?v=1) no-repeat top center/100% 100%;
  height: 2.15rem;
  margin-bottom: -0.35rem;
}
.title_1_JP {
  background: url(../images/title1_JP.png?v=1) no-repeat top center/100% 100%;
  height: 2.15rem;
  margin-bottom: -0.35rem;
}
.title_2_JP {
  background: url(../images/title2_JP.png?v=1) no-repeat top center/100% 100%;
  height: 1.71rem;
}

.title_3_JP {
  background-position: 0 -4.45rem;
}

.title_4_JP {
  background-position: 0 -6.82rem;
} */

.pt-box {
  padding: 0.72rem 0 0 0.61rem;
  position: relative;
}
.pt-box .fp_g {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  font-size: 0.2rem;
  cursor: pointer;
}
.pt-tip-btn {
  position: absolute;
  top: 1.2rem;
  right: 0.81rem;
  background-position: -0.78rem -1.28rem;
}
.pt-box .fp_g img {
  width: 0.9rem;
  padding-top: 0.14rem;
}
.pt-box .gift3 img,
.pt-box .gift6 img {
  width: 0.62rem;
}
.pt-box .fp_g1 span {
  padding-bottom: 0.26rem;
}
.pt-box .fp_g1 {
  position: absolute;
  width: 1.68rem;
  height: 1.97rem;

  background: url(../images/pt_gift_bg.png) no-repeat top center / 100% 100%;
}
.ylq_icon {
  position: absolute;
  width: 1.49rem;
  height: 1.5rem;
  background: url(../images/ylq_icon.png) no-repeat top center / 100% 100%;
  top: 0.09rem;
  z-index: 3;
}
.fp_g2 .ylq_icon {
  top: 0.1rem;
  left: 0.4rem;
}
.klq_icon {
  position: absolute;
  width: 0.16rem;
  height: 0.16rem;
  top: 0.1rem;
  right: 0.1rem;
  border-radius: 50%;
  background: #ee0a24;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.pt_large_gift .klq_icon {
  top: 0.1rem;
  right: 0.4rem;
}
.hg_btn .klq_icon{
  top: 0.4rem;
  right: 0.4rem;
}
.ylq_all_icon {
  position: absolute;
  width: 1.49rem;
  height: 1.9rem;
  background: url(../images/finish_all_icon.png) no-repeat top center / 100% 100%;
  top: 0;
  z-index: 3;
}

.pt-box .fp_g2 {
  position: absolute;
  width: 2rem;
  height: 1.7rem;
  padding-left: 0.23rem;
  box-sizing: border-box;
  background: url(../images/pt_gift_icon_2.png) no-repeat top center / 100% 100%;
}
.pt-box .gift1 {
  top: 0.2rem;
  left: 0.81rem;
}
.pt-box .gift2 {
  top: 0.2rem;
  left: 3.17rem;
}
.pt-box .gift3 {
  top: 0.2rem;
  left: 5.56rem;
}
.pt-box .gift4 {
  top: 2.27rem;
  right: 0.48rem;
}
.pt-box .gift5 {
  top: 4.55rem;
  right: 0.48rem;
}
.pt-box .gift6 {
  top: 6.9rem;
  right: 0.48rem;
}

.pt-box ul {
  width: 6.87rem;
  height: 6.93rem;
  margin-top: 1.52rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pt-box ul li {
  width: 2.17rem;
  height: 2.22rem;
  position: relative;
  transform-style: preserve-3d;
}
.pt-box ul li .fr,
.pt-box ul li .tp {
  position: absolute;
  top: 0;
  left: 0;
}
.pt-box ul li .fr {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url(../images/ques_icon.png) no-repeat top center / 100% 100%;
  backface-visibility: hidden;
  /*该句代码的意思就是当你是背面面向的时候，就会隐藏图片，我们设置的180°旋转就是让他隐藏了*/
  transition: 1s all;
  -webkit-transition: 1s all;
  -moz-transition: 1s all;
  -ms-transition: 1s all;
  -o-transition: 1s all;
}
.pt-box ul li .tp {
  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  /*该句代码的意思就是当你是背面面向的时候，就会隐藏图片，我们设置的180°旋转就是让他隐藏了*/
  transition: 1s all;
  -webkit-transition: 1s all;
  -moz-transition: 1s all;
  -ms-transition: 1s all;
  -o-transition: 1s all;
}
.pt-box ul li .hasOvertruned {
  width: 100%;
  height: 100%;
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
}
/* .pt-box ul li .hasOvertruned {
  width: 100%;
  height: 100%;
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
} */
.pt-box ul li .tp .map-item {
  width: 100%;
  height: 100%;
}
.pt-box ul li .bingo_icons {
  width: 100%;
  height: 100%;
  /* background: url(../images/map.png) no-repeat;
  background-size: 6.72rem 6.84rem; */
}

.pt-box ul li .cd1 {
  /*  background-position: 0 0; */
  background: url(../images/1.png) no-repeat top center / 100% 100%;
}
.pt-box ul li .cd2 {
  /*  background-position: -2.35rem 0 ; */
  background: url(../images/2.png) no-repeat top center / 100% 100%;
}
.pt-box ul li .cd3 {
  /*  background-position: -4.7rem 0; */
  background: url(../images/3.png) no-repeat top center / 100% 100%;
}
.pt-box ul li .cd4 {
  /*   background-position: 0 -2.34rem; */
  background: url(../images/4.png) no-repeat top center / 100% 100%;
}
.pt-box ul li .cd5 {
  background: url(../images/5.png) no-repeat top center / 100% 100%;
  /*   background-position: -2.35rem -2.34rem; */
}
.pt-box ul li .cd6 {
  background: url(../images/6.png) no-repeat top center / 100% 100%;
  /* background-position: -4.7rem -2.34rem; */
}
.pt-box ul li .cd7 {
  background: url(../images/7.png) no-repeat top center / 100% 100%;
  /* background-position: -0.01rem -4.71rem; */
}
.pt-box ul li .cd8 {
  background: url(../images/8.png) no-repeat top center / 100% 100%;
  /* background-position: -2.31rem -4.71rem; */
}
.pt-box ul li .cd9 {
  background: url(../images/9.png) no-repeat top center / 100% 100%;
  /*  background-position: -4.63rem -4.71rem; */
}
.pt-box .fp_g {
}
.pt_count {
  font-size: 0.24rem;
  margin-top: 0.2rem;
}
.pt_line {
  width: 8.86rem;
  height: 0.51rem;
  background: url(../images/line.png) no-repeat top center / 100% 100%;
}
.pt_count .pt_count_c {
  display: flex;
  align-items: center;
  margin-bottom: 0.12rem;
}
.pt_count i {
  display: block;
  padding-right: 0.1rem;
}
.count {
  width: 0.77rem;
  height: 0.46rem;
  line-height: 0.46rem;
  margin-left: 0.15rem;
  text-align: center;
  background: url(../images/text_input.png) no-repeat top center / 100% 100%;
}
.pt_tip {
  width: 6.4rem;
  margin-top: 0.2rem;
}
.pt_tip p i {
  width: 0.27rem;
  height: 0.27rem;
  background-position: -2.09rem 0;
  display: block;
  flex-shrink: 0;
  margin-right: 0.1rem;
}
.pt_tip p {
  display: flex;
  font-size: 0.22rem;
  line-height: 0.35rem;
  color: #b4bdda;
  margin-bottom: 0.1rem;
}
.pt_large_gift {
  position: absolute;
  /* bottom: -.4rem;
  right: .8rem; */
  top: 11rem;
  right: 0.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.map_sn {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.large_gift_box {
  font-size: 0.26rem;
  width: 1.73rem;
  height: 1.73rem;
  display: flex;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  background: url(../images/gift_bg1.png) no-repeat top center / 100% 100%;
}
.large_gift_box img {
  padding-top: 0.16rem;
  width: 1.05rem;
}
.large_gift_box span {
  padding-bottom: 0.1rem;
}
.fp_finish_count {
  width: 2.29rem;
  height: 0.51rem;
  margin-top: 0.1rem;
  line-height: 0.51rem;
  padding-left: 1rem;
  font-size: 0.28rem;
  box-sizing: border-box;
  background: url(../images/sp_count_bg.png) no-repeat top center / 100% 100%;
}
.hero {
  padding: 2.8rem 0 0 0.6rem;
}
/* .hero_US {
  padding: 2rem 0 0 .6rem;
} */
.hero-name {
  display: flex;
  align-items: baseline;
}
.hero-name h2 {
  font-size: 0.56rem;
  padding-right: 0.95rem;
  font-weight: bolder;
}
.hero_US .hero-name h2 {
  font-size: 0.5rem;
  padding-right: 0.65rem;
}
.hero-name p {
  font-size: 0.26rem;
}
.time-count-dowm {
  max-width: 5.3rem;
  min-width: 5.1rem;
  padding: 0 0.22rem;
  box-sizing: border-box;
  height: 0.4rem;
  line-height: 0.4rem;
  margin-top: 0.84rem;
  box-sizing: border-box;
  background: #030915;
  font-size: 0.24rem;
  display: flex;
  align-items: center;
  border: 0.03rem solid #074680;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}
.time-count-dowm .time_icon {
  margin: 0 0.18rem 0 0;
}
.hero-tip-btn {
  margin-top: 0.39rem;
}
.ques-main {
  padding: 0.5rem 0 0 0.15rem;
  box-sizing: border-box;
  position: relative;
}
.ques-header {
  width: 9.69rem;
  display: flex;
}
.ques-time {
  width: 9.69rem;
  height: 0.49rem;
  background: #1c2b4e;
  box-sizing: border-box;
  line-height: 0.49rem;
  border: 0.03rem solid #1c3a5e;
  font-size: 0.26rem;
  text-align: center;
  color: #c0c4ce;
}
.ques-time span {
  color: #63c1ed;
  /*  padding-right: .38rem; */
}
.ques-header button {
  width: 33.3%;
  height: 0.91rem;
  flex: 1;
  text-align: center;
  font-size: 0.34rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.91rem;
  color: #4e8aa6;
  border: 0.03rem solid #1c3a5e;
}
.ques-header button.ques-focus {
  color: #fff;
  border: 0.03rem solid #1d72cb;
}
.ques-tm {
  width: 9.69rem;
  height: 4.71rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.ques-tm h4 {
  max-width: 9rem;
  text-align: center;
  color: #e1fdff;
  font-size: 0.36rem;
  padding-bottom: 0.2rem;
  font-weight: bolder;
  margin-top: 0.62rem;
}
.ans {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ans p {
  width: 4.99rem;
  height: 0.75rem;
  font-size: 0.28rem;
  padding-left: 0.33rem;
  font-weight: bold;
  line-height: 0.7rem;
  background: url(../images/ans_bg.png) no-repeat top center / 100% 100%;
}
.ans p span {
  display: block;
  float: right;
  margin: 0.13rem 0.3rem 0 0;
  box-sizing: border-box;
}
/* .ans p .right-icon {
  width: 0.51rem;
  height: 0.4rem;
  background: url(../images/right.png) no-repeat top center / 100% 100%;
}*/
.ans p .error-icon {
  width: 0.42rem;
  height: 0.42rem;
  background: url(../images/err.png) no-repeat top center / 100% 100%;
} 
.ans i {
  margin-right: 0.19rem;
}
.right_ans i,.correct_ans i {
  width: 0.41rem;
  height: 0.42rem;
  display: block;
  background-position: 0 -1.42rem;
}
.right_ans p,.correct_ans p {
  width: 4.99rem;
  height: 0.75rem;
  line-height: 0.7rem;
  background: url(../images/right_bg.png) no-repeat top center / 100% 100%;
}
.error_ans i {
  width: 0.41rem;
  height: 0.42rem;
  display: block;
  background-position: 0 -2rem;
}
.error_ans p {
  width: 4.99rem;
  height: 0.75rem;
  line-height: 0.7rem;
  background: url(../images/error_bg.png) no-repeat top center / 100% 100%;
}
.ques-reward {
  width: 7.3rem;
  margin: 3.5rem auto 0;
  display: flex;
  justify-content: space-around;
}
.ques-reward img {
  width: 6.08rem;
  /* height: 2.51rem; */
  transform: translate(-50%, 89%);
  left: 50%;
  top: 50%;
  position: absolute;
}
.ques-reward div {
  width: 2.91rem;
  height: 0.86rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  /* margin: 0 0.5rem; */
}
.ques-reward .right_rew_HK {
  background: url(../images/right_rew_HK.png) no-repeat top center / 100% 100%;
}
.ques-reward .error_rew_HK {
  background: url(../images/error_rew_HK.png) no-repeat top center / 100% 100%;
}
.ques-reward .right_rew_JP {
  background: url(../images/right_rew_JP.png) no-repeat top center / 100% 100%;
}
.ques-reward .error_rew_JP {
  background: url(../images/error_rew_JP.png) no-repeat top center / 100% 100%;
}
.ques-reward .right_rew_US {
  background: url(../images/right_rew_US.png) no-repeat top center / 100% 100%;
}
.ques-reward .error_rew_US {
  background: url(../images/error_rew_US.png) no-repeat top center / 100% 100%;
}
.ques-reward .right_rew_FR {
  height: 1.07rem;
  background: url(../images/right_rew_FR.png) no-repeat top center / 100% 100%;
}
.ques-reward .error_rew_FR {
  height: 1.07rem;
  background: url(../images/error_rew_FR.png) no-repeat top center / 100% 100%;
}
.ques-reward .right_rew_DE {
  height: 1.07rem;
  background: url(../images/right_rew_DE.png) no-repeat top center / 100% 100%;
}
.ques-reward .error_rew_DE {
  height: 1.07rem;
  background: url(../images/error_rew_DE.png) no-repeat top center / 100% 100%;
}
.ques-reward .right_rew img {
  width: 1.26rem;
  margin-bottom: 0.2rem;
}
.ques-reward .error_rew img {
  width: 0.96rem;
  margin-bottom: 0.2rem;
}
.select_tip {
  width: 6.25rem;
  /*margin: .64rem auto 0;
  */
  position: absolute;
  top: 5.16rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 0.28rem;
  color: #62b1d7;
  padding-bottom: 0.11rem;
  border-bottom: 0.01rem solid #4b5978;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.video_main {
  position: absolute;
  top: 3.25rem;
  right: -0.08rem;
}
.video_btn {
  width: 1.72rem;
  height: 1.36rem;
  display: block;
  margin-right: 0.2rem;
  background: url(../images/video_tips.png) no-repeat top center / 100% 100%;
}
.video_btn img {
  display: block;
  width: 1.5rem;
  padding-top: 0.16rem;
  margin: 0 auto;
}
.video_rew {
  width: 1.3rem;
  height: 1.43rem;
  cursor: pointer;
  margin: 0.2rem 0 0 0.3rem;
  background: url(../images/video_reward.png) no-repeat top center / 100% 100%;
}

.swiper-box {
  width: 9.8rem;
  height: 5.3rem;
  margin: 0.38rem auto 0;
  position: relative;
}
.swiper-container {
  width: 6.47rem;
  height: 6.24rem;
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.swiper-slide p {
  font-size: 0.34rem;
  text-align: center;
  margin-bottom: 0.6rem;
  color:#2c71fe;
}
.swiper-wrapper img {
  width: 6.8rem;
  margin-top: 0.5rem;
}

.swiper-box .swiper-button-next {
  width: 0.84rem;
  height: 0.6rem;
  background: url(../images/next.png) no-repeat center;
  background-size: cover;
  top: 65%;
  right: 0.4rem;
}
.swiper-box .swiper-button-prev {
  width: 0.84rem;
  height: 0.6rem;
  background: url(../images/prev.png) no-repeat center;
  background-size: cover;
  top: 65%;
  left: 0.4rem;
}
.swiper-box .swiper-pagination {
  left: 50%;
  bottom: -3.3rem;
  transform: translateX(-50%);
  height: 0.42rem;
  display: flex;
  align-items: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.swiper-box .swiper-pagination-bullet {
  width: 0.34rem;
  height: 0.35rem;
  margin: 0 0.34rem;
  background: url(../images/icons1.png) no-repeat;
  background-size: 7rem 5rem;
  background-position: 0 -4.31rem;
}
.swiper-box .swiper-pagination-bullet-active {
  width: 0.34rem;
  height: 0.35rem;
  background: url(../images/icons1.png) no-repeat;
  background-size: 7rem 5rem;
  background-position: 0 -3.76rem;
}
.zb-decs {
  width: 8.79rem;
  min-height: 1.8rem;
  overflow-y: auto;
  margin: 3.5rem auto 0;
  background: url("../images/textBg.png?v=1") no-repeat top center/9.17rem 100%;
  padding: 0.2rem;
}
.zb-decs p {
  font-size: 0.24rem;
  line-height: 0.41rem;

  color: #9ac4cb;
}
.tl_main {
  width: 8.81rem;
  margin: 0.92rem auto 0;
}
.tl_main ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tl_main ul li {
  width: 4.25rem;
  margin-bottom: 0.7rem;
}
.tl_img {
  width: 100%;
  height: 2.22rem;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}
.tl_main ul li img {
  box-sizing: border-box;
  width: 100%;
  height: 2.22rem;
  border: 0.03rem solid #0c8dbd;
  border-radius: 0.08rem;
  -webkit-border-radius: 0.08rem;
  -moz-border-radius: 0.08rem;
  -ms-border-radius: 0.08rem;
  -o-border-radius: 0.08rem;
}
.jumpTl {
  width: 0.48rem;
  height: 0.47rem;
  display: block;
  background: url(../images/link.png) no-repeat;
  background-size: cover;
  top: 0;
  right: 0rem;
  position: absolute;
}
.lz_icon {
  width: 0.14rem;
  height: 0.22rem;
  display: block;
  background-position: 0 -3.47rem;
}
.gl_icon {
  width: 0.41rem;
  height: 0.42rem;
  zoom: 0.8;
  display: block;
  background-position: 0 -0.7rem;
}
.tl_desc h5 {
  font-size: 0.24rem;
  height: 0.46rem;
  line-height: 0.46rem;
  width: 100%;
  border-bottom: 0.02rem solid #3d4c72;
  font-weight: bolder;
}
.tl_desc p {
  display: flex;
  align-items: center;
  font-size: 0.2rem;
  margin-top: 0.1rem;
  /*  line-height: .39rem; */
  color: #d2eaff;
}
.tl_desc_US h5 {
  width: 100%;
  font-size: 0.18rem;
}
.tl_desc_JP h5 {
  width: 3.88rem;
  font-size: 0.2rem;
}
.tl_desc_US p {
  font-size: 0.18rem;
}
.tl_desc p i {
  padding-right: 0.12rem;
}
.mask {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  background: #000;
  opacity: 0.8;
  position: fixed;
}
.popup {
  z-index: 100;
  left: 50%;
  position: fixed;
  color: #fff;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.illus_popop {
  width: 9.93rem;
  height: 16.59rem;
  background: url(../images/illstr_bg.png) no-repeat;
  background-size: cover;
}
.illus_popop img {
  width: 7.07rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  position: absolute;
  transform: translate(-50%, -52%);
  left: 50%;
  top: 52%;
}
.tip_popup,.alert {
  width: 9.93rem;
  height: 4.49rem;
  background: url(../images/ans_confirm_popup.png?v=1) no-repeat;
  background-size: cover;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.confirm_ans_popup {
  width: 9.93rem;
  min-height: 8.49rem;
  background: url(../images/ans_confirm_popup.png?v=1) no-repeat;
  background-size: 100% 100%;
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.close {
  width: 1.11rem;
  height: 1.11rem;
  background: url(../images/close.png?v=1) no-repeat;
  background-size: cover;
  position: absolute;
  cursor: pointer;
  top: 1.5rem;
  right: 0.27rem;
}

.illus_btn {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 1.8rem;
  right: 0.8rem;
}

.shareBtn {
  width: 2.86rem;
  height: 0.86rem;
  color: #1f315a;
  background: url(../images/shareBtn.png) no-repeat top center / 100% 100%;
}
.illus_btn_JP {
  width: 3.26rem;
}
.down_icon {
  width: 1.07rem;
  height: 0.96rem;
  background: url(../images/down_icon.png?v=1) no-repeat top center / 100% 100%;
}
.share_icon {
  width: 0.41rem;
  height: 0.34rem;
  margin-right: 0.12rem;
  background: url(../images/share.png) no-repeat top center / 100% 100%;
}
.illus_btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.34rem;
}
.ansTipContent {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.correct_icon {
  width: 1.81rem;
  height: 1.15rem;
  margin-bottom: 0.47rem;
  background-position: -2.48rem 0;
}
.incorrect_icon {
  width: 1.13rem;
  height: 1.13rem;
  margin-bottom: 0.47rem;
  background-position: -4.79rem 0;
}
.ansTipContent p {
  max-width: 8rem;
  text-align: center;
  font-size: 0.4rem;
}
.confirm_ans_content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.confirm_ans_content p {
  text-align: center;
  width: 8.5rem;
  font-size: 0.4rem;
  /* margin-bottom: 0.8rem; */
}
.bindRoleTip p {
  width: 8rem;
  text-align: center;
  margin: 0 auto 0;
}
.confirm_ans_content button {
  width: 3.88rem;
  height: 1.46rem;
  line-height: 1.46rem;
  font-size: 0.4rem;
  text-align: center;
  color: #fff;
}
.yes_btn {
  background: url(../images/downBtn.png?v=1) no-repeat top center / 100% 100%;
}
.no_btn {
  background: url(../images/shareBtn.png?v=1) no-repeat top center / 100% 100%;
}
.rules {
  width: 9.93rem;
  min-height: 14.5rem;
  padding-top: 1.6rem;
  background: url(../images/rule_popup.png) no-repeat top center/100% 100%;
}
.rules-content {
  width: 8rem;
  margin: 0.26rem auto 0;
  overflow-y: auto;
  height: 10.85rem;
}
.rules-content p {
  font-size: 0.3rem;
  line-height: 0.56rem;
  font-weight: bold;
  color: #fff;
}
.rules-content .fs34 {
  font-size: 0.34rem;
  padding-bottom: 0.1rem;
}
.pt-rules-content p {
  line-height: 0.66rem;
}
.pt60 {
  padding-top: 0.6rem;
}
.scrollbarBox::-webkit-scrollbar {
  width: 0.1rem;
  height: 0.01rem;
}

.scrollbarBox::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);
  background: #6d8fc8;
}

.scrollbarBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);
  border-radius: 0.1rem;
  background: #2e4172;
}
.rule_icons {
  height: 0.88rem;
  margin: 0.96rem auto 0;
  background: url(../images/rule_t_icons.png);
  background-size: 5.7rem 4.3rem;
}
.rules_title {
  width: 5rem;
  height: 0.58rem;
  text-align: center;
  background: url("../images/ruleTitle.png?V=2") no-repeat;
  background-size: 5rem 4rem;
  text-indent: -9999px;
  text-align: center;
  margin: 0.15rem auto 1rem;
}
.back_title{
  width: 5rem;
  height: 0.58rem;
  text-align: center;
  background: url("../images/comebackTitle.png?V=2") no-repeat;
  background-size: 5rem 4rem;
  text-indent: -9999px;
  text-align: center;
  margin: 0.15rem auto;
}
.illus_title{
  width: 5rem;
  height: 0.58rem;
  text-align: center;
  background: url("../images/imgTitle.png?V=2") no-repeat;
  background-size: 5rem 4rem;
  text-indent: -9999px;
  text-align: center;
  margin: 1.7rem auto;
}
.help_title{
  width: 5rem;
  height: 0.58rem;
  text-align: center;
  background: url("../images/helpTitle.png?V=2") no-repeat;
  background-size: 5rem 4rem;
  text-indent: -9999px;
  text-align: center;
  margin: 0.15rem auto;
}
.rules_title_HK {
  background-position: 0 0;
}
.rules_title_JP {
  background-position: 0 -1.73rem;
}
.rules_title_KR {
  background-position: 0 -0.58rem;
}
.rules_title_US {
  background-position: 0 -1.16rem;
}
.rules_title_FR {
  background-position: 0 -2.9rem;
}

.rules_title_DE {
  background-position: 0 -1.16rem;
}


.van-toast {
  width: 228px !important;
}


.help-main {
  width: 9.95rem;
  margin: .5rem auto 0;
}
.tab {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.tab button {
  width: 3.15rem;
  height: 1.14rem;
  overflow-wrap: break-word;
  padding:0 0.2rem 0.16rem;
  font-weight: bolder;
  font-size: .36rem;
  color: #fff;
  background: url(../images/helpBtn.png) no-repeat top center/100% 100%;
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;      /* 垂直居中 */
  text-align: center;  
}
.tab_US button {
  font-size: .26rem;
}
.tab_KR button {
  font-size: .3rem;
}
.tab_JP button {
  font-size: .32rem;
}
.tab button.focus {
  background: url(../images/helpBtnFocus.png) no-repeat top center/100% 100%;
}
.help-conent {
  width: 9.95rem;
  box-sizing: border-box;
  min-height: 13.59rem;
  background: url(../images/part2_k.png) no-repeat top center/100% 100%;
  margin-top: .2rem;
  padding: .78rem 0.3rem 0 .6rem;
  position: relative;
}
.help-conent_US {
  padding-top: .4rem;
}
.help-conent p {
  font-size: .3rem;
  color: #fff;
  line-height: .53rem;
}
.help-conent .expain {
  padding-top: .28rem;
}
.help-conent .return_cond_des {
  max-width: 6rem;
}
.help-conent .zl_log_btn {
  position: absolute;
  width: 2.18rem;
  height: 1.04rem;
  top: 0;
  right: 0;
  background: url(../images/zlBtns.png) no-repeat top center/2.18rem 6.24rem;
  text-indent: -9999px;
}
.help-conent .zl_log_btn_HK{
  background-position: 0 0;
}
.help-conent .zl_log_btn_KR{
  background-position: 0 -1.04rem;
}
.help-conent .zl_log_btn_US{
  background-position: 0 -2.08REM;
}
.help-conent .zl_log_btn_JP{
  background-position: 0 -3.12rem;
}
.help-conent .zl_log_btn_FR{
  height: 1rem;
  background-position: 0 -4.18rem;
}
.help-conent .zl_log_btn_DE{
  background-position: 0 -5.2rem;
}
.gift_list {
  margin-top: .36rem;
}
.gift_list ul {
  display: flex;
  flex-direction: column;
}
.gift_list li {
  margin-bottom: .7rem;
  font-size: 0;
}
.gift_list_US {
  margin-top: 0rem;
}
.gift_list_JP li {
  margin-bottom: .5rem;
}
.gift_list_US li {
  margin-bottom: .24rem;
}
.zl_num_p {
  max-width: 3.8rem;
  display: inline-block;
  padding: 0 .17rem;
  position: relative;
  border-bottom: .13rem solid #34c6f1;
  font-size: .36rem;
  color: #fff;
}
.zl_num_p span{
  display: block;
  transform: translateY(.1rem);
}
.zl_num_p::before {
  width: .2rem;
  height: .2rem;
  background: #697bb7;
  content: '';
  display: block;
  position: absolute;
  top: .2rem;
  left: -0.2rem;
}
.gift_main {
  display: flex;
  width: 8.8rem;
  margin-top: .16rem;
  justify-content: space-between;
  align-items: center;
}
.gift-show {
  display: flex;
}
.gift-item:first-child {
  margin-right: .93rem;
}
.gift-item {
  width: 2.04rem;
  height: 2.34rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/giftIconBg.png) no-repeat top center/100% 100%;

}
.gift-name {
  position: absolute;
  bottom: -0.05rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: .3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 .08rem;
  box-sizing: border-box;
  min-width: 2.54rem;
  min-height: .48rem;
  background: url(../images/gn_bg.png) no-repeat top center/100% 100%;
}
.gift-name2 {
  position: absolute;
  bottom: -0.05rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: .3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 .08rem;
  box-sizing: border-box;
  min-width: 2.54rem;
  min-height: .68rem;
  background: url(../images/gn_bg2.png) no-repeat top center/100% 100%;
}
.gift-item img {
  width: 1.1rem;
}
.gift-name_JP,
.gift-name_US {
  font-size: .24rem;
}
.gift-name_US {
  min-width: 2.66rem;
}
.gift-name_KR {
  font-size: .28rem;
}
.gift-name_FR,.gift-name_DE{
  font-size: .2rem;
}
/* .name_left {
  background: url(../images/name_icon_left.png) no-repeat;
  width: .09rem;
  height: .48rem;
  background-size: 100%;
  margin-right: -1px;
}
.name_cent {
  min-width: 2rem;
  height: .48rem;
  white-space: nowrap;
  background: #955deb;
  line-height: .48rem;
  text-align: center;
  color: #fff;
}
.name_right {
  background: url(../images/name_icon_right.png) no-repeat;
  width: .09rem;
  height: .48rem;
  background-size: 100%;
  margin-left: -1px;
} */
.gift_main button {
  width: 2.77rem;
  height: .96rem;
  line-height: .96rem;
  /* color: #e76702; */
  margin-left: .1rem;
  font-size: .42rem;
  font-weight: bolder;
 /*  text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff;
  background: url(../images/get.png) no-repeat top center/100% 100%; */
}
.gift_main_US button {
  font-size: .32rem;
}
.invite_zl_box {
  width: 100%;
  display: flex;
  justify-content: center;
 
}
.codeInputBox {
  justify-content: space-between;
  padding-bottom: 1rem;
}
.invite_zl_btn {
  width: 6.25rem;
  height: 1.8rem;
}
.invite_zl_btn img{
  display: block;
  width: 100%;
}
.code_input {
  width: 5.29rem;
  height: 1.34rem;
  line-height: 1.34rem;
  box-sizing: border-box;
  padding-left: .36rem;
  font-size: .34rem;
  font-weight: bolder;
  color: #3856ee;
  background: url(../images/codeInput.png) no-repeat top center/100% 100%;
}
.code_input::placeholder {
  font-size: .34rem;
  font-weight: bolder;
  color: #36377d;
}
.code_input_KR,
.code_input_US {
  padding-left: .22rem;
  font-size: .3rem;
}
.code_input_KR::placeholder,
.code_input_US::placeholder   {
  font-size: .26rem;
}
.code_input_JP::placeholder   {
  font-size: .3rem;
}
.sure_invite {
  width: 3.4rem;
  height: 1.3rem;
  line-height: 1.3rem;
  font-size: .34rem;
  color: #fff;
  font-weight: bolder;
  background: url(../images/roleLogin.png) no-repeat top center/100% 100%;
}
.help_conent_scroll{
  height: 3.9rem;
  overflow: auto;
}
.help_conent_scroll {
  height: 3.9rem;
  overflow: auto;
}

/* WebKit 浏览器滚动条样式 */
.help_conent_scroll::-webkit-scrollbar {
  width: 0.1rem;
  height: 0.01rem;
}

.help_conent_scroll::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  background: #60fbff;
  -webkit-box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);
}

.help_conent_scroll::-webkit-scrollbar-track {
  border-radius: 0.1rem;
  background: #2e4172;
  -webkit-box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);
}

/* Firefox 滚动条样式 */
@supports (-moz-appearance: none) {
  .help_conent_scroll {
    scrollbar-width: thin;
    scrollbar-color: #60fbff #2e4172;
  }
}


.klqBtn {
  color: #e76702;
  text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff;
  background: url(../images/get.png) no-repeat top center/100% 100%;
}
.disabledLqBtn {
  pointer-events: none;
  color: #727272;
  background: url(../images/got.png) no-repeat top center/100% 100%;

}
.unfinishBtn {
  pointer-events: none;
  color: #4488fd;
  background: url(../images/noget.png) no-repeat top center/100% 100%;
  text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff;

}

.link-box {
  position: relative;
  /* padding: 2.82rem 0 0 .95rem; */
}
.link-box a {
  position: absolute;
  display: block;
  width: 1.92rem;
  height: .54rem;
  line-height: .54rem;
  font-size: .29rem;
  font-weight: bold;
  text-align: center;
  /* background: url(../images/gz.png) no-repeat top center/100% 100%; */
}
.link-box img{
  width: 100%;
}
.link-box a:nth-child(1) {
  top: 0.8rem;
  left: 0.95rem
}
.link-box a:nth-child(2) {
  top: 0.8rem;
  left: 4.12rem
}
.link-box a:nth-child(3) {
  top: 0.8rem;
  left: 7.25rem
}
.link-box a:nth-child(4) {
  top: 3.84rem;
  left: 2.55rem;
}
.link-box a:nth-child(5) {
  top: 3.84rem;
  left: 5.65rem;
}
.link-box a span{
  width: 1.81rem;
  height: 0.61rem;
  background: url(../images/linkBtn.png) no-repeat top center/100% 100%;
  display: block;
  line-height: 0.61rem;
  text-align: center;
  text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.9);
}


.storeList {
  display: flex;
  margin-left: 0.5rem;
}
.storeList a {
  display: block;
  width: 1.99rem;
  height: .58rem;
}
.app_s {
  background: url(../images/appstore.png) no-repeat center;
  background-size: 100% 100%;
  margin-right: .22rem;
}
.google_s {
  background: url(../images/google.png) no-repeat center;
  background-size: 100% 100%;
}

.hg_btn {
  width: 2.02rem;
  height: 2.38rem;
  position: fixed;
  z-index: 99;
  top: 8.2rem;
  transform: translateX(8.8rem);
}
@media screen and (min-width:768px) {
  .hg_btn {
    transform: translateX(8.8rem);
  }
}
.hg_btn img {
  max-width: 100%;
}
.rule-comeback img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.getBackGift{
  width:3.92rem;
  height:1.47rem;
  display: block;
  margin: 0.3rem auto;
  position: relative;
}
.getBackGift_HK{
  background: url("../images/comebackBtn_HK.png?V=1") no-repeat top center/100% 100%;
}
.getBackGift_US{
  background: url("../images/comebackBtn_US.png?V=1") no-repeat top center/100% 100%;
}
.getBackGift_JP{
  background: url("../images/comebackBtn_JP.png?V=1") no-repeat top center/100% 100%;
}
.getBackGift_KR{
  background: url("../images/comebackBtn_KR.png?V=1") no-repeat top center/100% 100%;
}
.getBackGift_DE{
  background: url("../images/comebackBtn_DE.png?V=1") no-repeat top center/100% 100%;
}
.getBackGift_FR{
  background: url("../images/comebackBtn_FR.png?V=1") no-repeat top center/100% 100%;
}
.getBackGift.garyBtn{
  filter: grayscale(100%);

}
.popup_login {
  width: 9.96rem;
  min-height: 8.5rem;
  padding-bottom: 1.7rem;
  background: url(../images/loginPopup.png) no-repeat top center / 100% 10.29rem;
}
.popup_login .selectBox {
  width: 7rem;
  /* height: 1.56rem; */
  /* line-height: 1.56rem; */
  margin-right: .3rem;
  margin: .3rem auto 0;
  max-width: none;
  min-width: auto;
}
.page {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.inputRoleCheck {
  width: 8.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.popup_login .selectServer {
  margin-top: .2rem;
}
.page_server {
  width: 7rem;
}
.bindTips {
  font-size: .3rem;
  margin: 2.8rem auto 0;
  text-align: center;
  width: 8.3rem;
  color: #fff;
  line-height: 1.7;
}
.popup_login .selectBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.32rem 0 0.22rem;
  position: relative;
  width: 7rem;
  height: 1.28rem;
  line-height: 1.28rem;
  box-sizing: border-box;
  background: url(../images/roleInputBg.png) no-repeat top center/100% 100%;
}

.popup_login .selectList {
  padding: .25rem;
  width: 7rem;
  background: #fff;
  box-sizing: border-box;
  border-radius: 0 0 .1rem .1rem;
  position: absolute;
  z-index: 1;
}

.popup_login .selectList li {
  width: 100%;
  height: 1rem;
  background: #fff;
 /*  border-radius: .1rem; */
  line-height: 1rem;
  margin-bottom: .08rem;
  text-align: left;
  text-indent: 0.2rem;
  font-size: .4rem;
  color: #36377d;
}

.popup_login .selectBtn>p {
  color: #36377d;
  flex: 1;
  font-size: .4rem;
  margin-left: 10px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.actorInput {
  width: 7rem;
  height: 1.28rem;
  line-height: 1.28rem;
  background: url(../images/roleInputBg.png) no-repeat top center/100% 100%;
  /* margin-bottom: 0.08rem; */
  font-size: .3rem;
  border: none;
  /* margin-top: 0.2rem; */
  box-sizing: border-box;
  color: #36377d;
  padding-left: 0.3rem;
  font-size: .4rem;
  display: block;
}
.actorInput::placeholder {
  color: #36377d;
}
.popup_btm {
  text-align: center;
  margin: 0 auto;
}
.popup_btn {
  background: url(../images/roleLogin1.png?v=1) no-repeat top center;
  background-size: 100% 1.46rem;
  width: 3.4rem;
  height: 1.06rem;
  font-size: .34rem;
  color: #fff;
  font-weight: bolder;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto;
  cursor: pointer;
  font-weight: bold;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;  /* 多行时保持整体居中 */
  padding: 0.2rem;
}
.btn-text {
  white-space: normal;     /* 允许文字换行 */
}
.disabledBtn {
  pointer-events: none;
  filter: grayscale(100%);
}

.icon_1 {
  width: .52rem;
  height: .52rem;
  background: url(../images/earth.png) no-repeat;
  background-size: 100%;
  display: block;
}

.icon_2_1 {
  width: .46rem;
  height: .28rem;
  background: url(../images/selectBtn_a.png) no-repeat;
  background-size: 100%;
  display: block;
  float: right;
}

.mycode {
  width: 9.93rem;
  height: 10.29rem;
  background: url(../images/codePopup.png) no-repeat top center/100% 100%;
 }
 .code-tip{
  font-size: 0.32rem;
  text-align: center;
  margin-top: 3rem;
  width: 100%;
 }
 .sp_tip {
   width: 9.96rem; 
   height: 4.59rem;
   background: url(../images/sp_bg.png) no-repeat top center/100% 100%;
 }
 .mycode-value {
  width: 5.18rem;
  height: 1.09rem;
  line-height: 1.09rem;
  position: absolute;
  color: #36377d;
  font-size: .6rem;
  font-weight: bolder;
  text-align: center;
  top: 5.1rem;
  left: 2.42rem;
 }
 .save{
  margin: 3.2rem auto;
 }
 .sp_records {
  width: 9.96rem;
  min-height: 12.6rem;
  padding-top: 1.6rem;
  background: url(../images/help_bg.png) no-repeat top center / 100% 100%;
}
.log-header {
  width: 8.43rem;
  height: .63rem;
  margin: 1.1rem 0 0 0.8rem;
    display: flex;
  align-items: center;
  background: url(../images/log_header.png?v=1) no-repeat top center/100% 100%;
}
.log-header p {
  flex: 1;
  height: .44rem;
  line-height: .44rem;
  text-align: center;
  font-size: .3rem;
  color: #fff;
  font-weight: bold;
}
.log-header p:nth-child(2) {
  border-left: .02rem solid #cacde3;
  border-right: .02rem solid #cacde3;
}
.log-content ul {
  padding: 0 .1rem;
  width: 7.7rem;
  margin-left:0.8rem;
  color: #61ffff;
  overflow-y: auto;
}
.log-content ul li {
  text-align: center;
  font-size: .24rem;
  margin: 0.1rem 0;
  
}
.log-content ul li p {
  display: inline-block;
  align-items: center;
  justify-content: flex-start; /* 默认靠左 */
  text-align: center;          /* 文字居中 */
  word-break: break-word;
  padding-top: 0.2rem;
  white-space: nowrap;
  overflow: hidden;
}
.log-content ul li p:first-child{
  width: 2.6rem;
}
.log-content ul li p:nth-child(2){
  width: 2.7rem;
}
.log-content ul li p:nth-child(3){
  width: 2rem;
}
/* 加载 */
.loadingImg div > img {
  width: 2.5rem;
  height: 100%;
}

.loadingImg div {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

.loadingImg div > p {
  text-align: center;
  color: wheat;
  font-size: 0.4rem;
}

.alert p{
  text-align: center;
  font-size: 0.4rem;
  margin: 2rem auto 0;
  width: 90%;
}
.ques-tip-btn{
  background-position: -0.78rem -1.28rem;
  position: relative;
  left: -0.2rem;
  top: 0.15rem;
}