.init-pg {
  width: 7.5rem;
  height: 15rem;
  background: url("/custom/img/act/act250925/init.jpg");
  background-size: 100% 100%;
  position: relative;
  display: none;
}
.logo {
  display: inline-block;
  width: 1.26rem;
  height: 1.06rem;
  background: url("/custom/img/act/act250925/logo.png");
  background-size: 100% 100%;
  position: absolute;
  left: 0.3rem;
  top: 0.26rem;
}
.btn_music {
  width: 0.65rem;
  height: 0.65rem;
  background: url("/custom/img/act/act250925/btn_music.png");
  background-size: 100% 100%;
  position: absolute;
  right: 0.38rem;
  top: 0.33rem;
}
.btn_music.muted {
  background: url("/custom/img/act/act250925/btn_music_stop.png");
  background-size: 100% 100%;
}
.btn_gift {
  width: 0.67rem;
  height: 0.82rem;
  background: url("/custom/img/act/act250925/btn_gift.png");
  background-size: 100% 100%;
  position: absolute;
  right: 0.38rem;
  top: 1.2rem;
}
.btn_return {
  width: 1.26rem;
  height: 0.82rem;
  background: url("/custom/img/act/act250925/btn_return.png");
  background-size: 100% 100%;
  position: absolute;
  right: 0.1rem;
  top: 2.2rem;
}
.login {
  border-bottom: 1px solid #f8e58f;
  color: #f8e58f;
  font-size: 0.3rem;
  margin-left: 0.2rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 5.5rem;
}

.welcome {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 4.8rem;
  display: none;
  text-align: center;
  width: 6rem;
}
.name {
  font-size: 0.3rem;
  color: #fff;
}
.logout {
  border-bottom: 1px solid #f8e58f;
  color: #f8e58f;
  font-size: 0.3rem;
  margin-left: 0.2rem;
}
.change {
  border-bottom: 1px solid #f8e58f;
  color: #f8e58f;
  font-size: 0.3rem;
  margin-left: 0.2rem;
}
.btn_up {
  width: 3.25rem;
  height: 1.85rem;
  background: url("/custom/img/act/act250925/btn_up.png");
  background-size: 100% 100%;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 1rem;
  animation: pgUpMove 1.2s infinite ease-in-out;
}

.loading-pg {
  width: 7.5rem;
  height: 15rem;
  background: url("/custom/img/act/act250925/loading.jpg");
  background-size: 100% 100%;
  position: relative;
  display: none;
}
.loading-progress {
  width: 5.42rem;
  height: 0.43rem;
  background: url("/custom/img/act/act250925/progress_bg.png");
  background-size: 5.42rem 0.43rem;
  position: absolute;
  left: 1rem;
  top: 7.6rem;
}
.pg-back {
  width: 0.97rem;
  height: 0.81rem;
  background: url("/custom/img/act/act250925/btn_back.png");
  background-size: 100% 100%;
  position: absolute;
  left: 0.2rem;
  top: 0.3rem;
}
.pg-music {
  width: 0.65rem;
  height: 0.65rem;
  background: url("/custom/img/act/act250925/btn_music.png");
  background-size: 100% 100%;
  position: absolute;
  right: 1.5rem;
  top: 0.5rem;
}
.pg-music.muted {
  background: url("/custom/img/act/act250925/btn_music_stop.png");
  background-size: 100% 100%;
}
.pg-jump {
  border-bottom: 1px solid #f8e58f;
  color: #f8e58f;
  font-size: 0.3rem;
  position: absolute;
  display: none;
  right: 0.5rem;
  top: 1.4rem;
  z-index: 100;
}

.pg-1 {
  width: 7.5rem;
  height: 15rem;
  background: url("/custom/img/act/act250925/pg_1.jpg");
  background-size: 100% 100%;
  position: relative;
  display: none;
  color: #fff;
  font-size: 0.34rem;
  font-weight: bold;
}
.btn-save {
  width: 1.06rem;
  height: 1.14rem;
  background: url("/custom/img/act/act250925/btn_save.png");
  background-size: 100% 100%;
  position: absolute;
  right: 0.3rem;
  top: 0.2rem;
  z-index: 200;
}
.pg-1-txt-1 {
  position: absolute;
  left: 2rem;
  top: 1rem;
  pointer-events: none;
}
.pg-1-txt-2 {
  position: absolute;
  left: 0.6rem;
  top: 5.5rem;
  pointer-events: none;
}
.pg-up {
  width: 2.79rem;
  height: 1.85rem;
  background: url("/custom/img/act/act250925/btn_inner_up.png");
  background-size: 100% 100%;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 1rem;
  animation: pgUpMove 1s infinite ease-in-out;
  z-index: 1000;
}
@keyframes pgUpMove {
  0% {
    bottom: 1rem;
  }
  50% {
    bottom: 1.2rem;
  }
  100% {
    bottom: 1rem;
  }
}
.pg-1-chip{
  position: absolute;
  width: 3.13rem;
  height: 3.57rem;
  top: 7.4rem;
  left: 3.5rem;
}
.pg-1-chip.moyun{
  background: url("/custom/img/act/act250925/chip-moyun.png");
  background-size: 100% 100%;
}
.pg-1-chip.wuzun{
  background: url("/custom/img/act/act250925/chip-wuzun.png");
  background-size: 100% 100%;
}
.pg-1-chip.xianqin{
  background: url("/custom/img/act/act250925/chip-xianqin.png");
  background-size: 100% 100%;
}
.pg-1-chip.baihua{
  background: url("/custom/img/act/act250925/chip-baihua.png");
  background-size: 100% 100%;
}
.pg-1-chip.emei{
   background: url("/custom/img/act/act250925/chip-emei.png");
   background-size: 100% 100%;
 }
.pg-1-chip.qingcheng{
  background: url("/custom/img/act/act250925/chip-qingcheng.png");
  background-size: 100% 100%;
}
.pg-1-chip.qingqiu{
  background: url("/custom/img/act/act250925/chip-qingqiu.png");
  background-size: 100% 100%;
}
.highlight {
  color: #ffd97e;
  font-weight: bold;
  font-size: 0.6rem;
}
.pg-2 {
  width: 7.5rem;
  height: 15rem;
  background: url("/custom/img/act/act250925/pg_2.jpg");
  background-size: 100% 100%;
  position: relative;
  display: none;
  color: #fff;
  font-size: 0.34rem;
  font-weight: bold;
}
.pg-2-txt {
  position: absolute;
  left: 0.5rem;
  top: 1rem;
  width: 5.5rem;
  pointer-events: none;
  display: flex;
  align-items: center;
  height: 7rem;
}
.pg-2-txt .highlight{
  font-size: 0.5rem;
}
.pg-2-chip{
  position: absolute;
  width: 4.26rem;
  height: 2.99rem;
  left: 1.2rem;
  top: 8.5rem;
}
.pg-2-chip.fri20{
  background: url("/custom/img/act/act250925/chip-fri-20.png");
  background-size: 100% 100%;
}
.pg-2-chip.fri100{
  background: url("/custom/img/act/act250925/chip-fri-20-100.png");
  background-size: 100% 100%;
}
.pg-2-chip.fri100+{
  background: url("/custom/img/act/act250925/chip-fri-100.png");
  background-size: 100% 100%;
}



.pg-3 {
  width: 7.5rem;
  height: 15rem;
  background: url("/custom/img/act/act250925/pg_3.jpg");
  background-size: 100% 100%;
  position: relative;
  display: none;
  color: #fff;
  font-size: 0.34rem;
  font-weight: bold;
}
.pg-3-txt {
  position: absolute;
  left: 1.5rem;
  top: 6rem;
  width: 5.5rem;
  pointer-events: none;
  display: flex;
  align-items: center;
  height: 5rem;
}
.pg-3-chip{
  position: absolute;
  width: 4.07rem;
  height: 2.85rem;
  left: 2.38rem;
  top: 2.37rem;
}
.pg-3-chip.no-guild{
  background: url("/custom/img/act/act250925/chip-guild-no.png");
  background-size: 100% 100%;
}
.pg-3-chip.guild-5{
  background: url("/custom/img/act/act250925/chip-guild-5.png");
  background-size: 100% 100%;
}
.pg-3-chip.guild1-5{
  background: url("/custom/img/act/act250925/chip-guild-1-5.png");
  background-size: 100% 100%;
}

.pg-4 {
  width: 7.5rem;
  height: 15rem;
  background: url("/custom/img/act/act250925/pg_4.jpg");
  background-size: 100% 100%;
  position: relative;
  display: none;
  color: #fff;
  font-size: 0.34rem;
  font-weight: bold;
}
.pg-4-txt {
  position: absolute;
  left: 2rem;
  top: 2rem;
  width: 5.5rem;
  pointer-events: none;
  display: flex;
  align-items: center;
  height: 5rem;
}
.pg-4-chip{
  position: absolute;
  width: 4.44rem;
  height: 3.17rem;
  left: 1.6rem;
  top: 7.5rem;
}
.pg-4-chip.chip-fuben-100{
  background: url("/custom/img/act/act250925/chip-fuben-100.png");
  background-size: 100% 100%;
}
.pg-4-chip.chip-fuben-100-1000{
  background: url("/custom/img/act/act250925/chip-fuben-100-1000.png");
  background-size: 100% 100%;
}
.pg-4-chip.chip-fuben-1000{
  background: url("/custom/img/act/act250925/chip-fuben-1000.png");
  background-size: 100% 100%;
}


.pg-5 {
  width: 7.5rem;
  height: 15rem;
  background: url("/custom/img/act/act250925/pg_5.jpg");
  background-size: 100% 100%;
  position: relative;
  display: none;
  color: #fff;
  font-size: 0.34rem;
  font-weight: bold;
}
.pg-5-txt {
  position: absolute;
  left: 0.6rem;
  top: 0.8rem;
  width: 5.5rem;
  pointer-events: none;
  display: flex;
  align-items: center;
  height: 7.5rem;
}
.pg-5-chip{
  position: absolute;
  width: 4.24rem;
  height: 2.96rem;
  left: 1.24rem;
  top: 8.1rem;
}
.pg-5-chip.chip-has-jiebai{
  background: url("/custom/img/act/act250925/chip-has-jiebai.png");
  background-size: 100% 100%;
}
.pg-5-chip.chip-no-jiebai{
  background: url("/custom/img/act/act250925/chip-no-jiebai.png");
  background-size: 100% 100%;
}

.pg-6 {
  width: 7.5rem;
  height: 15rem;
  background: url("/custom/img/act/act250925/pg_6.jpg");
  background-size: 100% 100%;
  position: relative;
  display: none;
  color: #fff;
  font-size: 0.34rem;
  font-weight: bold;
}
.pg-6-txt {
  position: absolute;
  left: 1.8rem;
  top: 5.2rem;
  width: 5.5rem;
  pointer-events: none;
  display: flex;
  align-items: center;
  height: 6rem;
}
.pg-6-chip{
  position: absolute;
  width: 2.74rem;
  height: 3.86rem;
  left: 2.38rem;
  top: 1.13rem;
}
.pg-6-chip.chip-has-cp{
  background: url("/custom/img/act/act250925/chip-has-cp.png");
  background-size: 100% 100%;
}
.pg-6-chip.chip-no-cp{
  background: url("/custom/img/act/act250925/chip-no-cp.png");
  background-size: 100% 100%;
}

.pg-7 {
  width: 7.5rem;
  height: 15rem;
  background: url("/custom/img/act/act250925/pg_7.jpg");
  background-size: 100% 100%;
  position: relative;
  display: none;
  color: #fff;
  font-size: 0.34rem;
  font-weight: bold;
}
.pg-7-txt {
  position: absolute;
  left: 1.8rem;
  top: 2.1rem;
  width: 5.5rem;
  pointer-events: none;
  display: flex;
  align-items: center;
  height: 6rem;
}
.pg-7-chip{
  position: absolute;
  width: 3.92rem;
  height: 2.8rem;
  left: 1.77rem;
  top: 8.27rem;
}
.pg-7-chip.chip-horse-30{
  background: url("/custom/img/act/act250925/chip-horse-30.png");
  background-size: 100% 100%;
}
.pg-7-chip.chip-horse-30-100{
  background: url("/custom/img/act/act250925/chip-horse-30-100.png");
  background-size: 100% 100%;
}
.pg-7-chip.chip-horse-100{
  background: url("/custom/img/act/act250925/chip-horse-100.png");
  background-size: 100% 100%;
}


.bill-pg {
  width: 7.5rem;
  height: 14.55rem;
  background: url("/custom/img/act/act250925/pop-bill.jpg");
  background-size: 100% 100%;
  position: relative;
  display: none;
}
.bill-pg-name-top {
  position: absolute;
  width: 3.3rem;
  left: 1.8rem;
  top: 1.45rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.5rem !important;
}
.bill-pg-server {
  position: absolute;
  left: 2.4rem;
  top: 2.6rem;
}
.bill-pg-name {
  position: absolute;
  left: 0.5rem;
  top: 12rem;
}
.bill-pg-name-top {
  font-size: 0.4rem;
  color: #ffeabe;
}
.bill-pg-gang {
  position: absolute;
  left: 2.4rem;
  top: 3.15rem;
}
.bill-pg-server,
.bill-pg-gang {
  color: #826a50;
  font-size: 0.3rem;
}
.bill-pg-login {
  color: #f4f4ec;
  font-size: 0.36rem;
}
.bill-pg-battle,
.bill-pg-role-battle {
  font-size: 0.5rem;
  color: #ad492c;
}
.bill-pg-battle {
  position: absolute;
  left: 0.8rem;
  width: 2.8rem;
  text-align: center;
  top: 5.15rem;
  font-weight: bold;
}
.bill-pg-role-battle {
  position: absolute;
  left: 3.9rem;
  width: 2.8rem;
  text-align: center;
  top: 5.15rem;
  font-weight: bold;
}
.bill-pg-golden_cnt,
.bill-pg-skin_cnt,
.bill-pg-horse,
.bill-pg-kill_cnt,
.bill-pg-npc_edu_cnt,
.bill-pg-fb_yx_cnt {
  color: #664524;
  font-size: 0.36rem;
}
.bill-pg-golden_cnt {
  position: absolute;
  left: 0.85rem;
  width: 2.8rem;
  text-align: center;
  top: 7rem;
  font-weight: bold;
}
.bill-pg-skin_cnt {
  position: absolute;
  left: 3.85rem;
  width: 2.8rem;
  text-align: center;
  top: 7rem;
  font-weight: bold;
}
.bill-pg-horse {
  position: absolute;
  left: 0.85rem;
  width: 2.8rem;
  text-align: center;
  top: 8.1rem;
  font-weight: bold;
}
.bill-pg-npc_edu_cnt {
  position: absolute;
  left: 0.85rem;
  width: 2.8rem;
  text-align: center;
  top: 9.2rem;
  font-weight: bold;
}
.bill-pg-fb_yx_cnt {
  position: absolute;
  left: 3.85rem;
  width: 2.8rem;
  text-align: center;
  top:9.2rem;
  font-weight: bold;
}
.bill-pg-kill_cnt {
  position: absolute;
  left: 3.85rem;
  width: 2.8rem;
  text-align: center;
  top: 8.1rem;
  font-weight: bold;
}
.bill-pg-get-gift {
  width: 2.73rem;
  height: 0.96rem;
  background: url("/custom/img/act/act250925/btn_get_gift.png");
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 10rem;
  z-index: 10005;
}
.bill-pg-name {
  font-size: 0.4rem;
  color: #f3e4a1;
}
.bill-pg-login {
  position: absolute;
  left: 5.6rem;
  top: 2.85rem;
  width: 1rem;
  text-align: center;
}
.press-tips {
  width: 2.98rem;
  height: 0.35rem;
  background: url("/custom/img/act/act250925/press-tips.png");
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 11.1rem;
}

.common-pg {
  display: none;
  position: absolute;
  z-index: 1;
}
.common-pg-welcome {
  color: #fff;
  font-size: 0.3rem;
  position: absolute;
  width: 7.5rem;
  top: 2.2rem;
  text-align: center;
  /*display: none;*/
}
.btn-back {
  width: 0.97rem;
  height: 0.81rem;
  background: url("/custom/img/act/act250925/btn_back.png");
  background-size: 100% 100%;
  position: absolute;
  left: 0.2rem;
  top: 0.2em;
}
.common-pg-tabs {
  display: flex;
  margin: 0 0.2rem;
  justify-content: space-between;
  width: 7rem;
  position: absolute;
  top: 2.8rem;
}
.common-pg-tab-1 {
  width: 2.19rem;
  height: 0.66rem;
  background: url("/custom/img/act/act250925/btn_invite.png");
  background-size: 100% 100%;
}
.common-pg-tab-1.active {
  background: url("/custom/img/act/act250925/btn_invite_active.png");
  background-size: 100% 100%;
}
.common-pg-tab-2 {
  width: 2.19rem;
  height: 0.66rem;
  background: url("/custom/img/act/act250925/btn_return1.png");
  background-size: 100% 100%;
}
.common-pg-tab-2.active {
  background: url("/custom/img/act/act250925/btn_return1-active.png");
  background-size: 100% 100%;
}
.common-pg-tab-3 {
  width: 2.19rem;
  height: 0.66rem;
  background: url("/custom/img/act/act250925/btn_return2.png");
  background-size: 100% 100%;
}
.common-pg-tab-3.active {
  background: url("/custom/img/act/act250925/btn_return2-active.png");
  background-size: 100% 100%;
}
.rule-btn {
  width: 0.55rem;
  height: 2.7rem;
  background: url("/custom/img/act/act250925/btn_rule.png");
  background-size: 100% 100%;
  position: fixed;
  right: 0;
  top: 4rem;
}
.fixed-btn {
  width: 2.03rem;
  height: 1.79rem;
  background: url("/custom/img/act/act250925/fixed_btn.png");
  background-size: 100% 100%;
  position: fixed;
  right: 0;
  top: 8rem;
}

.invite-pg {
  width: 7.5rem;
  height: 15rem;
  background: url("/custom/img/act/act250925/invite-pg.jpg");
  background-size: 100% 100%;
  position: relative;
  display: none;
}
.invite-has-1 {
  width: 1.37rem;
  height: 1.09rem;
  background: url("/custom/img/act/act250925/has_finish.png");
  background-size: 100% 100%;
  position: absolute;
  top: 5.5rem;
  left: 1.2rem;
  display: none;
}
.invite-has-3 {
  width: 1.37rem;
  height: 1.09rem;
  background: url("/custom/img/act/act250925/has_finish.png");
  background-size: 100% 100%;
  position: absolute;
  top: 5.5rem;
  left: 3.2rem;
  display: none;
}
.invite-has-5 {
  width: 1.37rem;
  height: 1.09rem;
  background: url("/custom/img/act/act250925/has_finish.png");
  background-size: 100% 100%;
  position: absolute;
  top: 5.5rem;
  left: 5.5rem;
  display: none;
}
.btn-invite {
  width: 2.94rem;
  height: 0.85rem;
  background: url("/custom/img/act/act250925/btn_go_invite.png");
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 10.7rem;
}
.btn-invite.bind {
  background: url("/custom/img/act/act250925/btn_bind_role.png");
  background-size: 100% 100%;
}
.invite-log {
  height: 0.5rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 11.8rem;
  width: 1.7rem;
}
.return-pg {
  width: 7.5rem;
  height: 15rem;
  background: url("/custom/img/act/act250925/return-pg.jpg");
  background-size: 100% 100%;
  position: relative;
  display: none;
}
.return-get-award {
  width: 2.94rem;
  height: 0.85rem;
  background: url("/custom/img/act/act250925/btn_get_award.png");
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 10rem;
}
.return-get-award.finish {
  background: url("/custom/img/act/act250925/btn_has_get.png");
  background-size: 100% 100%;
}
.all-pg {
  width: 7.5rem;
  height: 15rem;
  background: url("/custom/img/act/act250925/all-pg.jpg");
  background-size: 100% 100%;
  position: relative;
  display: none;
}
.all-get-award {
  width: 2.94rem;
  height: 0.85rem;
  background: url("/custom/img/act/act250925/btn_get_award.png");
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 10rem;
}
.all-get-award.active{
  background: url("/custom/img/act/act250925/btn_has_get.png");
  background-size: 100% 100%;
}
/*弹窗*/
.pop {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 10000;
}
.pop-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pop-close {
  position: absolute;
  right: 0.2rem;
  top: 0;
  width: 0.8rem;
  height: 0.8rem;
}
.is-show {
  display: block !important;
}

/*礼包码弹窗*/
.pop-gift {
  width: 7.22rem;
  height: 10.63rem;
  background: url("/custom/img/act/act250925/pop-gift.png");
  background-size: 100% 100%;
  position: relative;
}
.pop-gift-code {
  width: 5.4rem;
  height: 0.64rem;
  background: url("/custom/img/act/act250925/copy-txt.png");
  background-size: 100% 100%;
  position: absolute;
  top: 4.6rem;
  left: 50%;
  transform: translate(-50%, 0);
  display: none;
}
.pop-gift-txt {
  font-size: 0.28rem;
  color: #683b24;
  padding-left: 0.4rem;
  padding-top: 0.1rem;
}
.pop-gift-copy {
  width: 1.2rem;
  height: 0.6rem;
  position: absolute;
  right: 0;
  top: 0;
}
.pop-gift-get-invite {
  width: 2rem;
  height: 0.8rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 6.5rem;
}
.pop-gift-get-return {
  width: 2rem;
  height: 0.8rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 8.3rem;
}

/*规则*/
.pop-rule {
  width: 7.22rem;
  height: 7.51rem;
  background: url("/custom/img/act/act250925/pop-rule-inner.png");
  background-size: 100% 100%;
}
.pop-rule-outer {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 2.2rem;
  overflow-y: scroll;
  width: 5.78rem;
  height: 4rem;
}
.pop-rule-inner {
  width: 5.78rem;
  height: 7.65rem;
  background: url("/custom/img/act/act250925/rule-inner.png");
  background-size: 100% 100%;
}

/*角色选择*/
.pop-role-choose {
  width: 7.22rem;
  height: 7.55rem;
  background: url("/custom/img/act/act250925/pop-role-choose.png");
  background-size: 100% 100%;
}

.channel-ios {
  position: absolute;
  left: 2.15rem;
  top: 2.8rem;
  width: 0.44rem;
  height: 0.44rem;
}
.channel-ios.selected {
  width: 0.28rem;
  height: 0.28rem;
  margin: 0.07rem 0.06rem;
  background: #724328;
  border-radius: 50%;
}
.channel-an {
  position: absolute;
  left: 3.9rem;
  top: 2.8rem;
  width: 0.44rem;
  height: 0.44rem;
}
.channel-an.selected {
  width: 0.28rem;
  height: 0.28rem;
  margin: 0.07rem 0.06rem;
  background: #724328;
  border-radius: 50%;
}
.pop-role-choose input {
  display: none;
}
.pop-role-right {
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  left: 5.2rem;
  top: 3.8rem;
}
.pop-role-name {
  position: absolute;
  left: 2.4rem;
  top: 3.65rem;
}
.pop-role-has-choose {
  width: 2.2rem;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.3rem;
  color: #bda78d;
  padding-left: 0.1rem;
}
.pop-role-dropdown {
  position: absolute;
  top: 0.65rem;
  display: none;
  z-index: 100;
  height: 3rem;
  overflow-y: scroll;
}
.pop-role-dropdown-item {
  background: #ffedba;
  padding: 0.1rem 0.5rem;
  font-size: 0.3rem;
  color: #633722;
  width: 2.2rem;
}
.pop-role-submit {
  width: 3rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 5.1rem;
}

/*全民礼包码*/
.pop-all-gift {
  width: 7.22rem;
  height: 7.71rem;
  background: url("/custom/img/act/act250925/pop-all-gift.png");
  background-size: 100% 100%;
}
.pop-all-gift-txt {
  font-size: 0.28rem;
  color: #683b24;
  padding-left: 0.4rem;
  padding-top: 0.1rem;
  position: absolute;
  left: 0.8rem;
  top: 4.45rem;
}
.pop-all-gift-copy {
  width: 1.2rem;
  height: 0.6rem;
  position: absolute;
  right: 0.9rem;
  top: 4.5rem;
}


/*要求开启回忆*/
.pop-review {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-review.png");
  background-size: 100% 100%;
}
.pop-review-submit {
  width: 3rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 3.8rem;
}
/*你不是回归蜀友*/
.pop-no-return {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-no-return.png");
  background-size: 100% 100%;
}
.pop-no-return-submit {
  width: 3rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 3.8rem;
}

/*回归角色绑定*/
.pop-bind-submit {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-bind-submit.png");
  background-size: 100% 100%;
}
.pop-bind-submit-role {
  font-size: 0.46rem;
  color: #bf7740;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 2.4rem;
  font-weight: bold;
  width: 5.8rem;
  text-align: center;
}
.pop-bind-submit-change {
  width: 2.5rem;
  height: 0.9rem;
  position: absolute;
  left: 0.8rem;
  top: 4.1rem;
}
.pop-bind-submit-submit {
  width: 2.5rem;
  height: 0.9rem;
  position: absolute;
  left: 3.8rem;
  top: 4.1rem;
}

/*已绑定角色，未回归登录*/
.pop-bind-login-tips {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-bind-login-tips.png");
  background-size: 100% 100%;
}
.pop-bind-login-tips-role {
  font-size: 0.46rem;
  color: #bf7740;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 1.9rem;
  font-weight: bold;
  width: 5.5rem;
  text-align: center;
}
.pop-bind-login-tips-submit {
  width: 3rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 4rem;
}

/*你已完成回归登录*/
.pop-bind-has-login {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-bind-has-login.png");
  background-size: 100% 100%;
}

.pop-bind-has-login-role {
  font-size: 0.46rem;
  color: #bf7740;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 2.9rem;
  font-weight: bold;
}
.pop-bind-has-login-submit {
  width: 3rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 4rem;
}

/*邀请角色绑定*/
.pop-bind-invite-submit {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-bind-invite-submit.png");
  background-size: 100% 100%;
}
.pop-bind-invite-submit-role {
  font-size: 0.46rem;
  color: #bf7740;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 2.4rem;
  font-weight: bold;
}
.pop-bind-invite-submit-change {
  width: 2.5rem;
  height: 0.9rem;
  position: absolute;
  left: 0.8rem;
  top: 4.1rem;
}
.pop-bind-invite-submit-submit {
  width: 2.5rem;
  height: 0.9rem;
  position: absolute;
  left: 3.8rem;
  top: 4.1rem;
}

/*绑定成功，邀请老友回归*/
.pop-bind-success {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-bind-success.png");
  background-size: 100% 100%;
}
.pop-bind-success-submit {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 2.5rem;
  height: 1rem;
  top: 3.5rem;
}

/*分享弹窗*/
.pop-share {
  width: 5.42rem;
  height: 4.56rem;
  background: url("/custom/img/act/act250925/pop-share.png");
  background-size: 100% 100%;
  margin-top: -6rem;
  position: relative;
}
.pop-share-txt {
  font-size: 0.3rem;
  color: #bb391b;
  position: absolute;
  left: 2.5rem;
  top: 1.5rem;
  text-align: center;
  width: 2.5rem;
}
.pop-share-copy {
  position: absolute;
  width: 1.6rem;
  height: 0.6rem;
  left: 3.5rem;
  top: 2.3rem;
}

/*邀请记录*/
.pop-invite-log {
  width: 7.22rem;
  height: 7.71rem;
  background: url("/custom/img/act/act250925/pop-invite-log.png");
  background-size: 100% 100%;
}
.pop-invite-name {
  color: #9f4b31;
  font-size: 0.3rem;
  display: flex;
  position: absolute;
  left: 0.6rem;
  top: 2.2rem;
}
.pop-invite-server {
  width: 2rem;
  text-align: center;
}
.pop-invite-bk {
  font-size: 0.36rem;
  color: #5d3220;
  position: absolute;
  top: 2.8rem;
  left: 0.6rem;
}
.pop-invite-item {
  display: flex;
}
.pop-invite-item-server {
  width: 2rem;
  text-align: center;
}
.pop-invite-item-role {
  width: 2.8rem;
  text-align: center;
}

/*没有绑定的助力角色*/
.pop-no-log {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-no-log.png");
  background-size: 100% 100%;
}
.pop-no-log-submit {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 2.5rem;
  height: 0.9rem;
  top: 4.1rem;
}

/*不是回归蜀友*/
.pop-no-return {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-no-return.png");
  background-size: 100% 100%;
}
.pop-no-return-submit {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 2.5rem;
  height: 0.9rem;
  top: 4.1rem;
}

/*不是回归蜀友*/
.pop-no-return-get-gift {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-no-return-get-gift.png");
  background-size: 100% 100%;
}
.pop-no-return-get-gift-submit {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 2.5rem;
  height: 0.9rem;
  top: 4.1rem;
}

/*去登陆*/
.pop-no-login {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-go-login.png");
  background-size: 100% 100%;
}
.pop-no-login-submit {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 2.5rem;
  height: 0.9rem;
  top: 4.1rem;
}
/*邀请人是否接受邀请*/
.pop-invite-submit {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-invite-submit.png");
  background-size: 100% 100%;
}
.invite-me-info {
  font-size: 0.4rem;
  color: #bf7740;
  position: absolute;
  left: 0.4rem;
  text-align: center;
  width: 6.4rem;
  top: 1.8rem;
}
.inviter-info {
  font-size: 0.4rem;
  color: #bf7740;
  position: absolute;
  left: 0.4rem;
  text-align: center;
  width: 4.8rem;
  top: 3.2rem;
}
.pop-invite-submit-change {
  position: absolute;
  left: 0.7rem;
  width: 2.6rem;
  height: 0.9rem;
  top: 4.1rem;
}
.pop-invite-submit-submit {
  position: absolute;
  left: 3.7rem;
  width: 2.6rem;
  height: 0.9rem;
  top: 4.1rem;
}

/*助力成功*/
.pop-help-success {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-help-success.png");
  background-size: 100% 100%;
}
.pop-help-success-name {
  font-size: 0.4rem;
  color: #bf7740;
  position: absolute;
  left: 1.5rem;
  text-align: center;
  width: 4.8rem;
  top: 1.9rem;
}
.pop-help-success-submit {
  position: absolute;
  left: 2.2rem;
  width: 2.6rem;
  height: 0.9rem;
  top: 4.1rem;
}

/*已助力*/
.pop-had-help {
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-had-help.png");
  background-size: 100% 100%;
}
.pop-had-help-name {
  font-size: 0.4rem;
  color: #bf7740;
  position: absolute;
  left: 2.5rem;
  text-align: center;
  width: 2.5rem;
  top: 2rem;
}
.pop-had-help-submit {
  position: absolute;
  left: 2.2rem;
  width: 2.6rem;
  height: 0.9rem;
  top: 3.8rem;
}

/*截图页面*/
.pop-snapshot-close {
  width: 0.54rem;
  height: 0.54rem;
  background: url("/custom/img/act/act250925/close-btn.png");
  background-size: 100% 100%;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}


/*你已被绑定角色*/
.pop-had-bind{
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/pop-has-bind.png");
  background-size: 100% 100%;
}
.pop-had-bind-submit {
  position: absolute;
  left: 2.2rem;
  width: 2.6rem;
  height: 0.9rem;
  top: 3.8rem;
}

/*数据信息过少，无法生成年度清单*/
.pop-less-role-data{
  width: 7.22rem;
  height: 6.34rem;
  background: url("/custom/img/act/act250925/less-role-data.png");
  background-size: 100% 100%;
}
.pop-less-role-data-submit{
  position: absolute;
  left: 2.2rem;
  width: 2.6rem;
  height: 0.9rem;
  top: 3.8rem;
}

/*账号底下没有角色*/
.pop-no-role {
  width: 7.22rem;
  height: 7.71rem;
  background: url("/custom/img/act/act250925/pop-no-role.png");
  background-size: 100% 100%;
}

.pop-no-role-submit{
  position: absolute;
  left: 2.2rem;
  width: 2.6rem;
  height: 0.9rem;
  top: 5.3rem;
}