.pop {
  display: none;
  font-family: "font";
  font-size: 0.24rem;
}

.lang_th .pop {
  font-family: "font1";
}

.spt {
  background-image: url("../img/spt.png");
  background-repeat: no-repeat;
  background-size: 7.5rem 16.24rem;
}

.close {
  position: absolute;
  right: 0;
  top: -0.3rem;
  width: 0.25rem;
  height: 0.23rem;
  background-position: -7.01rem 0;
}

.login_container {
  position: relative;
  width: 5.93rem;
  height: 6rem;
  background: url("../img/loginpop.png") no-repeat center / 100% 100%;
  padding-top: 1.2rem;
  box-sizing: border-box;
}

.lang_es .login_container {
  background: url("../img/loginpop_es.png") no-repeat center / 100% 100%;
}

.lang_th .login_container {
  background: url("../img/loginpop_th.png") no-repeat center / 100% 100%;
}

.loginpop_des {
  line-height: 1;
  text-align: center;
  color: #a1acb6;
  font-size: 0.2rem;
}

.email {
  display: block;
  width: 5.08rem;
  height: 0.62rem;
  box-sizing: border-box;
  border: 1px solid #3d3d3d;
  background: #131317;
  margin: 0.25rem auto 0.2rem;
  color: #fff;
  font-size: 0.24rem;
  padding: 0 0.15rem;
}

.code_box {
  width: 5.08rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.sendCode {
  width: 1.51rem;
  height: 0.59rem;
  background-position: -2.94rem -5.85rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #282b2d;
  font-size: 0.32rem;
}

.verificationCode {
  width: 3.45rem;
  height: 0.62rem;
  box-sizing: border-box;
  border: 1px solid #3d3d3d;
  background: #131317;
  color: #fff;
  font-size: 0.24rem;
  padding: 0 0.15rem;
}

.signup {
  width: 2.52rem;
  height: 0.66rem;
  background-position: -2.6rem -5.15rem;
  margin: 0.3rem auto 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.32rem;
  color: #e0ddd0;
}

.passwordLogin {
  text-align: center;
  color: #a1acb6;
  font-size: 0.24rem;
  text-decoration: underline;
  text-underline-offset: 0.05rem;
  display: block;
}

.bottom_btn {
  width: 3.68rem;
  height: 0.48rem;
  background-position: -0.01rem -7.83rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
}

.bottom_btn a {
  width: 0.48rem;
  height: 0.48rem;
}

.tip_pop,
.invite_pop {
  width: 5.93rem;
  height: 3.08rem;
  background: url("../img/pop2.png") no-repeat center / 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.45rem;
  box-sizing: border-box;
}

.pop_title {
  font-size: 0.32rem;
  color: #f5f5f5;
  display: inline-block;
  position: relative;
  text-align: center;
  letter-spacing: 0.04rem;
  line-height: 1;
}

.pop_title::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.15rem;
  height: 0.1rem;
  right: -0.25rem;
  background: url("../img/spt.png") no-repeat -7.19rem -16.14rem/7.5rem 16.24rem;
}

.pop_title::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.25rem;
  width: 0.15rem;
  height: 0.1rem;
  background: url("../img/spt.png") no-repeat -7.01rem -16.14rem/7.5rem 16.24rem;
}

.tip {
  width: 6rem;
  height: 1.8rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.1rem;
  color: #bac6cd;
  font-size: 0.28rem;
}

#bindCuccess .tip {
  height: 1.5rem;
  margin-top: 0;
  width: 5.6rem;
}

.lang_ja #bindCuccess .tip {
  width: 5rem;
}

.lang_ru #bindfail .tip {
  width: 5rem;
}

.join {
  transform: translateY(-0.2rem);
  width: 2.61rem;
  height: 0.63rem;
  background-position: 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff6dd;
  font-size: 0.34rem;
}

.lang_ru .join {
  font-size: 0.26rem;
  white-space: nowrap;
}

.share_pop {
  width: 5.93rem;
  height: 6.53rem;
  background: url("../img/pop/pop1.png") no-repeat center / 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.48rem;
  position: relative;
  text-align: center;
  /* letter-spacing: 0.01rem; */
  box-sizing: border-box;
}
.lang_ru .share_pop {
  height: 7.53rem;
}
.media_list {
  width: 5.24rem;
  height: 2.56rem;
  box-sizing: border-box;
  position: relative;
  margin-top: 0.05rem;
}
.Russia_list {
  /* background: url("../img/shareMT2.png") no-repeat center / 100% 100%; */
  background: url("../img/shareMT1.png") no-repeat center / 100% 100%;
}
.share_media {
  background: url("../img/shareMT.png") no-repeat center / 100% 100%;
}

.lang_ru .share_media {
  margin: 0.1rem auto 0.15rem;
}

.media_list a {
  width: 0.85rem;
  height: 1.1rem;
  position: absolute;
}
.share_media a:nth-child(1) {
  left: 1.2rem;
  top: 0.1rem;
}
.share_media a:nth-child(2) {
  left: 2.2rem;
  top: 0.1rem;
}
.share_media a:nth-child(3) {
  left: 3.2rem;
  top: 0.1rem;
}
.share_media a:nth-child(4) {
  left: 1.2rem;
  top: 1.4rem;
}
.share_media a:nth-child(5) {
  left: 2.2rem;
  top: 1.4rem;
}
.share_media a:nth-child(6) {
  left: 3.2rem;
  top: 1.4rem;
}
.Russia_list a:nth-child(1) {
  left: 0.74rem;
  top: 0.1rem;
}
.Russia_list a:nth-child(2) {
  left: 1.7rem;
  top: 0.1rem;
}
.Russia_list a:nth-child(3) {
  left: 2.7rem;
  top: 0.1rem;
}
.Russia_list a:nth-child(4) {
  left: 3.7rem;
  top: 0.1rem;
}
.Russia_list a:nth-child(5) {
  left: 1.2rem;
  top: 1.4rem;
}
.Russia_list a:nth-child(6) {
  left: 2.2rem;
  top: 1.4rem;
}
.Russia_list a:nth-child(7) {
  left: 3.2rem;
  top: 1.4rem;
}
.copy_tip {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.5);
  margin: 0.3rem auto 0.25rem;
}

.lang_ru .copy_tip {
  font-size: 0.18rem;
  transform: scale(0.9);
  white-space: nowrap;
  margin: 0.25rem auto 0.15rem;
}

.copy_descript {
  width: 5.4rem;
  color: #bac6cd;
  font-size: 0.24rem;
  word-break: normal;
}

.lang_th .copy_descript,
.lang_ru .copy_descript,
.lang_ja .copy_descript {
  font-size: 0.2rem;
}
.white_span {
  color: #fff;
}
.share_tip {
  font-size: 0.2rem;
  width: 4.9rem;
  margin-top: 0.05rem;
  color: rgba(255, 255, 255, 0.5);
}

.lang_th .share_tip,
.lang_ru .share_tip,
.lang_ja .share_tip {
  font-size: 0.18rem;
}

.lang_ja .share_tip,
.lang_ru .share_tip {
  width: 90%;
}

.promotion_pop,
.get_pop,
.info_pop {
  width: 5.93rem;
  height: 4.7rem;
  background: url("../img/pop/pop3.png") no-repeat center / 100% 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 0.47rem;
  box-sizing: border-box;
}

.fail_tip {
  color: #bac6cd;
  font-size: 0.28rem;
  text-align: center;
  margin: 0.25rem auto 0.15rem;
}

.level_tip {
  font-size: 0.2rem;
  transform: translateY(0.1rem);
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}

.current_level {
  font-size: 2rem;
  color: #bac6cd;
  line-height: 1;
}

.promotion_tip {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
}

.lang_ru .promotion_tip {
  font-size: 0.18rem;
}

.fillIn {
  width: 2.76rem;
  height: 0.58rem;
  background-position: 0 -7.1rem;
  margin: 0.3rem auto 0.15rem;
  font-size: 0.34rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff6dd;
}

.lang_es .fillIn {
  width: 4.36rem;
  background-position: 0 -8.71rem;
}

.gift_pop {
  width: 5.93rem;
  height: 5.3rem;
  background: url("../img/pop/pop2.png") no-repeat center / 100% 100%;
  display: flex;
  padding-top: 0.45rem;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

.gift_tip {
  width: 5.93rem;
  text-align: center;
  /* color: #bac6cd; */
  color: #fff;
  font-size: 0.24rem;
  margin: 0.3rem auto 0.2rem;
}

.lang_ja .gift_tip {
  font-size: 0.2rem;
  margin: 0.4rem auto;
}

.lang_ru .gift_tip {
  width: 90%;
}

.giftCard {
  position: relative;
  width: 2.37rem;
  height: 1.67rem;
  margin: 0 auto;
  background: url("../img/giftCard.png") no-repeat center / 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.giftCard_dj {
  width: 1.33rem;
  height: 0.9rem;
}

.giftCard_name {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  right: 0.05rem;
}

.giftCard_num {
  font-size: 0.24rem;
  color: #bebbb1;
  position: absolute;
  bottom: 0.05rem;
  right: 0.1rem;
}

.credited_time {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.2rem;
  text-align: center;
  margin-top: 0.1rem;
}

.lang_th .credited_time {
  font-size: 0.18rem;
}

.records_pop {
  width: 5.93rem;
  height: 6rem;
  background: url("../img/pop6.png") no-repeat center / 100% 100%;
  display: flex;
  padding-top: 0.45rem;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

.records_pop .records {
  height: 4.52rem;
  overflow: hidden;
  overflow-y: auto;
  margin-top: 0.4rem;
  padding: 0 0.2rem;
}

.record {
  position: relative;
  /* width: 5.32rem;
  height: 0.56rem; */
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #515252;
  box-sizing: border-box;
  margin-bottom: 0.08rem;
  padding-left: 0.4rem;
  color: #a1acb6;
  display: flex;
  align-items: center;
  padding: 0.1rem 0.2rem;
}

.lang_ru .record {
  font-size: 0.2rem;
}
.record span:nth-child(1) {
  text-indent: 0.2rem;
}
.record::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.1rem;
  width: 0.23rem;
  height: 0.23rem;
  background: url("../img/spt.png") no-repeat -6.68rem -16.01rem/7.5rem 16.24rem;
}

.giftName {
  color: #df6131;
}
.gift_conainer {
  display: flex;
  align-items: center;
  gap: 0.16rem;
}
.gift_box {
  width: 1.78rem;
  height: 1.78rem;
  background: url("../img/djbg.png") no-repeat center / 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gift_box img {
  width: 1.2rem;
  height: 1.2rem;
}

.get_tip {
  /* color: #bac6cd; */
  color: #fff;
  font-size: 0.28rem;
  margin: 0.3rem auto;
  letter-spacing: 1px;
  width: 5.4rem;
  text-align: center;
  word-break: keep-all;
}

.lang_ja .get_tip {
  font-size: 0.24rem;
  word-break: break-all;
}

.send_tip,
.info_des {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 0.3rem;
  text-align: center;
  letter-spacing: 0.01rem;
}

.lang_ru .send_tip {
  font-size: 0.18rem;
  white-space: nowrap;
}

.info_des {
  margin-top: 0.15rem;
}
.lang_ja .info_tip {
  font-size: .22rem;
}
.lang_th .info_tip {
  font-size: .18rem;
}
.lang_ru .info_tip {
  font-size: .18rem;
}
.lang_th .info_des {
  font-size: .16rem;
}
.lang_ru .info_des {
  font-size: .16rem;
}
.info_tip {
  font-size: 0.28rem;
  color: #bac6cd;
  margin: 0.3rem auto;
  text-align: center;
}
.invite_pop .info_tip {
  margin: 0.2rem auto;
}

.lang_es .info_tip {
  font-size: 0.26rem;
  text-align: center;
  width: 90%;
  margin: 0.25rem auto;
}

.form_group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.15rem;
}

.form_group label {
  font-size: 0.24rem;
  color: #c6c7c7;
  text-align: right;
  flex: 1;
}

.form_group input,
.invite_pop .invite_code {
  width: 3.93rem;
  height: 0.49rem;
  background-color: #0f1010;
  border: 1px solid #5c5d5e;
  margin-left: 0.15rem;
  font-size: 0.28rem;
  color: #fff;
  text-align: center;
  padding: auto 0.1rem;
  box-sizing: border-box;
}

.invite_pop .invite_code {
  width: 4.5rem;
  padding: 0 0.2rem;
  margin-bottom: 0.2rem;
}

.infoEmail::placeholder {
  color: #ff6c2e;
}

.info_btn {
  width: 5.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.2rem;
}

.info_btn a {
  width: 2.35rem;
  height: 0.57rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.28rem;
}

.info_btn .edit {
  display: none;
  color: #282b2d;
  background-position: 0 -5.15rem;
}

.info_btn.over .edit {
  display: flex;
}

.info_btn.over .cancel {
  display: none;
}

.cancel {
  color: #282b2d;
  background-position: 0 -5.15rem;
}

.confirm1 {
  color: #fff6dd;
  background-position: 0 -5.84rem;
}

.confirm2 {
  width: 2.35rem;
  height: 0.57rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.28rem;
  color: #fff6dd;
  background-position: 0 -5.84rem;
}

.rule_box_en,
.rule_box_zh-TW,
.rule_box_ru,
.rule_box_ja,
.rule_box_th {
  display: none;
  width: 5.2rem;
  height: 3.6rem;
  margin-top: 0.4rem;
  margin-left: 0.3rem;
  overflow: hidden;
  overflow-y: auto;
  color: #c6c7c7;
  font-size: 0.24rem;
  padding-right: 0.2rem;
}

.lang_en .rule_box_en {
  display: block;
}

.lang_ru .rule_box_ru {
  display: block;
}

.lang_ja .rule_box_ja {
  display: block;
}

.lang_zh-TW .rule_box_zh-TW {
  display: block;
}

.lang_th .rule_box_th {
  display: block;
}

.rule_pop,
.mercenary_pop {
  width: 5.93rem;
  height: 5.1rem;
  background: url("../img/pop5.png") no-repeat center / 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.45rem;
  box-sizing: border-box;
}

.rule_pop {
  word-break: normal;
}

.mercenary_pop {
  background: url("../img/pop/pop4.png") no-repeat center / 100% 100%;
  padding-top: 0.43rem;
}

.pop_title .logo {
  margin: 0;
}

.mercenary_item {
  width: 5.32rem;
  /* height: 1.05rem; */
  background: url("../img/pop/mercenary_item_bg.png") no-repeat center/100% 100%;
  display: flex;
  /* align-items: center; */
  box-sizing: border-box;
  padding: 0 0.2rem;
  margin-bottom: 0.2rem;
  position: relative;
}

.avatar_area {
  position: relative;
  width: 0.79rem;
  box-sizing: border-box;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}

.avatar_area::after {
  content: "";
  position: absolute;
  top: 0.1rem;
  left: 0;
  width: 0.77rem;
  height: 0.77rem;
  background: url("../img/box.png") no-repeat center/100% 100%;
}

.avatar_area .user_avatar {
  width: 0.77rem;
  height: 0.77rem;
}

.names {
  width: 0.72rem;
  font-size: 0.18rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 0.05rem;
  word-break: normal;
  white-space: wrap;
  line-height: 1.1;
  text-align: center;
  position: absolute;
  bottom: 0.12rem;
  left: 0.03rem;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.completionCount {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.5);
}

.task_des {
  padding-top: 0.2rem;
  margin-left: 0.2rem;
}

.task_des_box {
  font-size: 0.24rem;
  color: #f5f5f5;
  margin-bottom: 0.1rem;
  white-space: nowrap;
}

.mercenary_list {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  height: 4.5rem;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
}

.history_pop {
  width: 5.93rem;
  height: 7.54rem;
  background: url("../img/pop7.png") no-repeat center / 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.45rem;
  box-sizing: border-box;
}

.history_item {
  padding: 0.12rem;
  width: 5.32rem;
  background: url("../img/item1.png") no-repeat center/100% 100%;
  display: flex;
  margin-bottom: 0.15rem;
}

.gift_bg {
  width: 0.88rem;
  height: 0.88rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: url("../img/djbg.png") no-repeat center/100% 100%;
}

.gift_img {
  width: 0.8rem;
  height: 0.8rem;
}

.gift_num {
  position: absolute;
  bottom: 0;
  right: 0.05rem;
  font-size: 0.18rem;
  color: rgba(255, 255, 255, 0.5);
}

.gift_name {
  text-align: center;
  font-size: 0.18rem;
  color: rgba(255, 255, 255, 0.5);
}

.gift_info {
  width: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.currentProgress {
  font-size: 0.28rem;
  color: #f5f5f5;
  line-height: 1;
}

.progress_des {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 0.1rem;
  word-break: normal;
}

.currentProgress_box {
  margin-left: 0.2rem;
  flex: 1;
}

.history_list {
  margin-top: 0.4rem;
  height: 6.2rem;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 0.15rem;
  word-break: normal;
}

.reason div {
  display: none;
}

.reason.one div:nth-child(1) {
  display: block;
}

.reason.two div:nth-child(2) {
  display: block;
}

.reason.three div:nth-child(3) {
  display: block;
}

.reason.four div:nth-child(4) {
  display: block;
}

.not_available {
  display: none;
  width: 6rem;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 2rem;
}

.history_pop.gray .not_available {
  display: flex;
}

.history_pop.gray .history_list {
  display: none;
}

.share_img {
  width: 10.8rem;
  height: 19.2rem;
  pointer-events: none;
}

.share_img_pop {
  width: 5rem;
  height: 8.8rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.saveImg {
  position: relative;
  width: 10.8rem;
  height: 19.2rem;
  transform: scale(0.45);
}

.qrcode_new {
  border: 1px solid #4b4847;
  width: 2.3rem;
  padding: 4px;
  box-sizing: border-box;
  height: 2.37rem;
  position: absolute;
  top: 15.4rem;
  transform: translateX(-50%);
}
.qr_left {
  background: url("../img/qrcode_3.png") no-repeat center/100% 100%;
}
.qr_right {
  background: url("../img/qrcode_2.png") no-repeat center/100% 100%;
}
.lang_ru .qr_left {
  background: url("../img/qrcode_1.png") no-repeat center/100% 100%;
}
.lang_ru .qr_right {
  background: url("../img/qrcode_4.png") no-repeat center/100% 100%;
}
.qr_russia_left {
  background: url("../img/qrcode_1.png") no-repeat center/100% 100%;
}
.qr_russia_right {
  background: url("../img/qrcode_4.png") no-repeat center/100% 100%;
}
.qrcode_name {
  width: 2.14rem;
  top: 17.9rem;
  color: #ac8c65;
  /* padding-top: .05rem; */
  text-align: center;
  position: absolute;
  /* border-top: 0.03rem solid rgba(255, 255, 255, 0.5); */
}
.qrcode_name_left {
  left: 2.2rem;
}
.qrcode_right {
  left: 6.5rem;
}
.qr_left {
  left: 30%;
}
.qr_right {
  left: 70%;
}
.poster-save-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.save_tip {
  position: absolute;
  bottom: .5rem;
  width: 100%;
  color: #f5682e;
  text-align: center;
  font-size: 0.3rem;
}

.lang_ru .save_tip {
  font-size: 0.2rem;
  bottom: .2rem;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lang_zh-TW .save_tip {
  font-size: 0.24rem;
}
.login-role-popup {
  width: 6.5rem;
  background: #191922;
  border-radius: 0.12rem;
  margin: 0 auto;
  padding: 0 0 0.32rem;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  transform: scale(1) translate(-50%, -50%);
  overflow: hidden;
}

.login-role-popup .close {
  top: 0.2rem;
  right: 0.2rem;
}

.contactIn_pop .close {
  position: absolute;
  right: 0;
  top: -0.3rem;
  width: 0.25rem;
  height: 0.23rem;
  background-position: -7.01rem 0;
}

.login-role-popup h3 {
  height: 0.8rem;
  background: #000
    url(https://test-common-web.intlgame.com/li-pass/static/li_logo.png)
    no-repeat 50% 50% / auto 80%;
}

.login-role-content {
  padding: 0.5rem 0.4rem;
}

.login-role-popup p {
  font-size: 0.26rem;
  color: #ffffffe6;
}

.login-role-content ul {
  padding: 0.2rem 0 0;
  color: #6d68f6;
}

.lang_ja .login-role-content ul {
  font-size: 0.2rem;
}

.login-role-content ul span {
  padding: 0.2rem 0;
  color: #fff;
}

.login-role-popup .ant-form-item-row {
  display: flex;
  justify-content: space-between;
  padding: 0 0.4rem;
  gap: 0.14rem;
}

.login-role-btn {
  width: 2.1rem;
  background-color: #7064ff;
  border: none;
  border-radius: 0.08rem;
  font-size: 0.24rem;
  color: #fff;
  padding: 0.05rem 0;
}

.login-role-btn {
  width: 2.1rem;
  background-color: #7064ff;
  border: none;
  border-radius: 0.08rem;
  font-size: 0.24rem;
  color: #fff;
  padding: 0.05rem 0;
}

.lang_ru .login-role-btn {
  font-size: 0.18rem;
  white-space: nowrap;
  line-height: 1.5;
  padding: 0.1rem 0.05rem;
}

.ssstr32.login-role-btn {
  padding: 0.18rem 0;
  font-size: 0.28rem;
}

.share_des {
  width: 7.65rem;
  height: 0.91rem;
  font-size: 0.28rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: #c5c5c5;
  align-items: center;
  position: absolute;
  top: 11.9rem;
  left: 50%;
  transform: translateX(-50%);
  background: url("../img/copybg1.png") no-repeat center/100% 100%;
}
.share_des p:last-child{
  display: inline-block;
  color: #f5682e;
}
/* .lang_en .share_des {
  width: 7.4rem;
} */

.lang_ru .share_des {
  font-size: 0.2rem;
  line-height: 1;
  text-align: center;
}

.share_list {
  position: absolute;
  top: 12.77rem;
  left: 50%;
  transform: translateX(-50%);
  width: 7.57rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.share_list li {
  position: relative;
  width: 2.33rem;
  height: 2.33rem;
  background: url("../img/djbg2.png") no-repeat center/100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.share_list li img {
  width: 2rem;
  height: 2rem;
}

.share_list_dj2 {
  display: none;
}

.mxg .share_list_dj1 {
  display: none;
}

.mxg .share_list_dj2 {
  display: block;
}

.share_dj_name {
  position: absolute;
  top: 0.02rem;
  right: 0.05rem;
  font-size: 0.32rem;
  color: #ac8c65;
}

.lang_th .share_dj_name,
.lang_ru .share_dj_name {
  font-size: 0.22rem;
  white-space: nowrap;
}

.lang_ja .share_dj_name {
  right: 0;
  font-size: 0.24rem;
  line-height: 1;
  left: 0;
}

.share_dj_num {
  position: absolute;
  bottom: 0;
  right: 0.05rem;
  font-size: 0.32rem;
  color: #bebbb1;
}

@media screen and (min-width: 600px) and (max-width: 1200px) {
  .saveImg {
    transform: scale(0.3);
  }

  .share_img_pop {
    width: 3.35rem;
    height: 5.8rem;
  }
}

.contactIn_pop {
  width: 5.93rem;
  height: 4.17rem;
  background: url("../img/pop9.png") no-repeat center / 100% 100%;
  display: flex;
  padding-top: 0.45rem;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}

.contactIn_pop .form-box {
  width: 77%;
}

.contactIn_pop .form-box label {
  width: 1.2rem;
  font-size: 0.22rem;
  color: #bac6cd;
  text-align: right;
}

.contactIn_pop .input1 {
  display: flex;
  justify-content: space-between;
}

.contactIn_pop .input1:nth-child(2) {
  margin-top: 0.2rem;
}

.contactIn_pop .input1 .email1,
.contactIn_pop .input1 .dcAccount {
  display: block;
  width: 3.23rem;
  height: 0.33rem;
  box-sizing: border-box;
  border: 1px solid #3d3d3d;
  background: #131317;
  color: #fff;
  font-size: 0.24rem;
  padding: 0 0.15rem;
  text-align: center;
}

.email1::placeholder {
  color: #ff6c2e;
}

.contactIn_pop .contactIn_tip {
  width: 5.93rem;
  text-align: center;
  color: #bac6cd;
  font-size: 0.24rem;
  margin: 0.1rem auto 0.2rem;
}

.contactIn_pop .pop-btn {
  width: 75%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.3rem;
}

.contactIn_pop .pop-btn .qx-btn,
.contactIn_pop .pop-btn .qr-btn {
  display: inline-block;
  width: 1.68rem;
  height: 0.53rem;
  line-height: 0.5rem;
  text-align: center;
  background: url("../img/pop_btn.png") no-repeat center / 100% 100%;
  font-size: 0.24rem;
  color: #000;
}

.contactIn_pop .pop-btn .qr-btn {
  background: url("../img/pop_btn1.png") no-repeat center / 100% 100%;
  color: #fff6dd;
}