@charset "UTF-8";
@font-face {
  src: url("//poe2.qq.com/cp/a20250918national/font/HYJinLingKeJing.ttf");
  font-family: "HYJinLingKeJing";
}
@font-face {
  src: url("//poe2.qq.com/cp/a20250918national/font/HYXuanSong85W.ttf");
  font-family: "HYXuanSong85W";
}
@font-face {
  src: url("//poe2.qq.com/cp/a20250918national/font/HYXuanSong75S.ttf");
  font-family: "HYXuanSong75S";
}
@font-face {
  src: url("//poe2.qq.com/cp/a20250918national/font/FZYanSJW_Zhong.ttf");
  font-family: "FZYanSJW_Zhong";
}
@font-face {
  src: url("//poe2.qq.com/cp/a20250918national/font/STZHONGS.TTF");
  font-family: "STZhongSong";
}
.wrap .top-nav {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 3.90625rem;
  font-size: 0.9375rem;
  color: #bbad7a;
  font-family: HYJinLingKeJing, serif;
  z-index: 15;
}
.wrap .top-nav .top-nav-bg {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background: url("//game.gtimg.cn/images/poe2/cp/a20241025creator/top-nav-bg.png") center/cover no-repeat;
  width: 100%;
  height: 7.96875rem;
  z-index: -1;
  pointer-events: none;
}
.wrap .top-nav .top-box {
  margin-top: 0.521rem;
  margin-right: 1.302rem;
  display: flex;
  align-items: center;
  height: 2.083rem;
}
.wrap .top-nav .top-box .left, .wrap .top-nav .top-box .right {
  display: flex;
  align-items: center;
}
.wrap .top-nav a {
  color: #bbad7a;
  vertical-align: middle;
  cursor: pointer;
}
.wrap .top-nav .name {
  margin-right: 0.4rem;
  max-width: 20rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.wrap .top-nav .login-box .login-icon {
  display: inline-block;
  background: url("//game.gtimg.cn/images/poe2/cp/a20241025creator/icon-login.png") center/cover no-repeat;
  width: 1.25rem;
  height: 1.302rem;
}
.wrap .top-nav .login-box span {
  vertical-align: middle;
}
.wrap .top-nav .awards-box span {
  vertical-align: middle;
}
.wrap .top-nav .awards-box .awards-icon {
  display: inline-block;
  background: url("//game.gtimg.cn/images/poe2/cp/a20241025creator/icon-head-gift.png") center/cover no-repeat;
  width: 1.1rem;
  height: 1.09375rem;
}
.wrap .top-nav .divide {
  margin: 0 0.6rem;
  width: 0.052rem;
  height: 1.875rem;
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.6), transparent);
}
.wrap .top-nav .btn-gw {
  margin-left: 1.2rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20241025creator/btn-gw.png") center/cover no-repeat;
  width: 7.292rem;
  height: 2.083rem;
}
.wrap .top-nav .btn-sd {
  margin-left: 1.2rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20241025creator/btn-sd.png") center/cover no-repeat;
  width: 7.292rem;
  height: 2.083rem;
}
.wrap header {
  position: relative;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/head-bg.jpg") center/cover no-repeat;
  width: 100%;
  height: 46.875rem;
}
.wrap header .slogan {
  position: absolute;
  bottom: 4.0625rem;
  left: 50%;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/slogan.png") center/cover no-repeat;
  transform: translateX(-50%);
  width: 37.03125rem;
  height: 11.927rem;
}
.wrap .title {
  background: linear-gradient(to bottom, #BCB641 0%, #FFF4B4 72%, #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.771rem;
  font-family: "HYXuanSong85W", serif;
  letter-spacing: 0.417rem;
}
.wrap .content {
  padding-top: 1rem;
}
.wrap .content .btn-get, .wrap .content .btn-sy {
  display: block;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/btn-default.png") center/cover no-repeat;
  width: 7.74rem;
  height: 2.917rem;
  line-height: 2.83rem;
  font-size: 1.042rem;
  font-family: HYXuanSong85W, serif;
  text-align: center;
}
.wrap .content .btn-get.has_got, .wrap .content .btn-sy.has_got {
  filter: brightness(0.6) grayscale(0.2);
  pointer-events: none;
}
.wrap .content .btn-get span, .wrap .content .btn-sy span {
  background: linear-gradient(to bottom, #A89565 0%, #FFF4B4 72%, #F0E1AC 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wrap .content .bind-button, .wrap .content .btn-unbind {
  display: block;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national//btn-bind.png") center/100% 100% no-repeat;
  width: 7.292rem;
  height: 2.396rem;
  line-height: 2.396rem;
  font-size: 1.042rem;
  color: rgba(217, 189, 132, 0.75);
  font-family: HYXuanSong85W, serif;
  text-align: center;
}
.wrap .content .panel1 {
  position: relative;
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/gift-frame.png") center/cover no-repeat;
  width: 66.5625rem;
  height: 54.323rem;
  overflow: hidden;
}
.wrap .content .panel1 .title {
  position: absolute;
  left: 50%;
  top: 4.2rem;
  transform: translateX(-49.5%);
}
.wrap .content .panel1 .subTitle {
  position: absolute;
  left: 50%;
  top: 8.1rem;
  transform: translateX(-49.5%);
  background: linear-gradient(to bottom, #201700 0%, #32290A 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.9375rem;
  font-family: "HYXuanSong75S", serif;
  letter-spacing: 0.225rem;
}
.wrap .content .panel1 .rewards-box {
  position: relative;
  left: 0.6rem;
  margin: 10.2rem auto 0;
  width: 57.24rem;
  display: flex;
  align-items: flex-start;
}
.wrap .content .panel1 .rewards-box .left-rewards-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.6rem;
  width: 39.0625rem;
}
.wrap .content .panel1 .rewards-box .reward-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/gift-item-bg.png") center/cover no-repeat;
  width: 12.5rem;
  height: 16.302rem;
}
.wrap .content .panel1 .rewards-box .reward-item:nth-of-type(3) {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/gift-item-light-bg.png") center/cover no-repeat;
}
.wrap .content .panel1 .rewards-box .reward-item.get::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 1.7rem;
  background: rgba(0, 0, 0, 0.7);
  width: 12.1rem;
  height: 12rem;
}
.wrap .content .panel1 .rewards-box .reward-end-item.get::before {
  left: 1.4rem;
  top: 2.4rem;
  width: 15.3rem;
  height: 25.2rem;
}
.wrap .content .panel1 .rewards-box .reward-item.get::after {
  content: "";
  position: absolute;
  background: url(//game.gtimg.cn/images/poe2/cp/a20250918national/get.png) center/cover no-repeat;
  width: 4.792rem;
  height: 4.792rem;
  left: calc(50% - 2.396rem);
  top: 6.3rem;
}
.wrap .content .panel1 .rewards-box .reward-end-item.get::after {
  top: 13rem;
}
.wrap .content .panel1 .rewards-box .reward-item.get .day {
  filter: brightness(0.7);
}
.wrap .content .panel1 .rewards-box .reward-item .day {
  position: absolute;
  top: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/day-bg.png") center/cover no-repeat;
  width: 4.167rem;
  height: 2.6rem;
  font-family: "HYXuanSong85W", serif;
  font-size: 1.25rem;
  line-height: 2.135rem;
  text-align: center;
}
.wrap .content .panel1 .rewards-box .reward-item .day span {
  background: linear-gradient(to bottom, #BCB641 0%, #FFF4B4 72%, #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wrap .content .panel1 .rewards-box .reward-item .reward-image {
  margin-top: 4.4rem;
  width: 12rem;
  height: 9.4rem;
}
.wrap .content .panel1 .rewards-box .reward-item .reward-image img {
  width: 100%;
  height: 100%;
}
.wrap .content .panel1 .rewards-box .reward-item .reward-description {
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/gift-name-bg.png") center/100% 100% no-repeat;
  width: 12.292rem;
  height: 3.542rem;
  letter-spacing: 0.052rem;
  font-family: STZhongSong, serif;
  font-size: 0.9375rem;
}
.wrap .content .panel1 .rewards-box .reward-item .reward-description span {
  background: linear-gradient(to bottom, #D6D0C1, #B1985D);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wrap .content .panel1 .rewards-box .reward-end-item {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/gift-item-end-bg.png") center/cover no-repeat;
  width: 18.177rem;
  height: 36.979rem;
}
.wrap .content .panel1 .rewards-box .reward-end-item .day {
  top: 2.8rem;
}
.wrap .content .panel1 .rewards-box .reward-end-item .reward-image {
  margin-top: 6.5rem;
  width: 10.276rem;
  height: 20.589rem;
}
.wrap .content .panel1 .rewards-box .reward-end-item .reward-description {
  bottom: 5.7rem;
  left: 1.4rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/gift-end-name-bg.png") center/100% 100% no-repeat;
  width: 15.38rem;
  height: 4.479rem;
  font-size: 1.25rem;
  line-height: 4.479rem;
  letter-spacing: 0.125rem;
  font-family: "HYXuanSong85W", serif;
}
.wrap .content .panel1 .btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -1.8rem auto 0;
  width: 35rem;
}
.wrap .content .panel1 .btn-group .btn_sign {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/btn-main.png") center/cover no-repeat;
  width: 16.593rem;
  height: 3.885rem;
  line-height: 3.885rem;
}
.wrap .content .panel1 .btn-group .btn_sign.has_sign {
  filter: grayscale(1);
  pointer-events: none;
}
.wrap .content .panel1 .btn-group .btn_sign span {
  background: linear-gradient(to bottom, #BCB641 0%, #FFF4B4 72%, #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 0.104rem #B9AD85);
}
.wrap .content .panel1 .btn-group .btn_goto_cloud {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/btn-primary.png") center/cover no-repeat;
  width: 15.693rem;
  height: 3.75rem;
  color: #F0E1AC;
  line-height: 3.75rem;
}
.wrap .content .panel1 .btn-group .btn_sign, .wrap .content .panel1 .btn-group .btn_goto_cloud {
  font-size: 1.25rem;
  font-family: HYXuanSong85W, serif;
  letter-spacing: 0.125rem;
  text-align: center;
}
.wrap .content .panel2 {
  position: relative;
  margin: 0.1rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/ma-frame.png") center/cover no-repeat;
  width: 62.531rem;
  height: 27.359rem;
  overflow: hidden;
}
.wrap .content .panel2 .title {
  position: absolute;
  left: 50%;
  top: 4.6rem;
  transform: translateX(-48%);
}
.wrap .content .panel2 .tab-list {
  position: absolute;
  top: 7.8rem;
  left: 50%;
  transform: translateX(-50%);
  width: 41.667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.521rem;
}
.wrap .content .panel2 .tab-list .tab-item {
  font-size: 1.354rem;
  width: 20.625rem;
  height: 2.153rem;
  line-height: 2.153rem;
  text-align: center;
  font-family: HYXuanSong85W, serif;
}
.wrap .content .panel2 .tab-list .tab-item span {
  transition: 0.3s filter;
}
.wrap .content .panel2 .tab-list .tab-item:not(.tab-active):hover span {
  filter: drop-shadow(0 0 0.1rem #BCB641);
}
.wrap .content .panel2 .tab-list .tab-item:not(.tab-active) span {
  background: linear-gradient(to bottom, #BCB641 0%, #FFF4B4 72%, #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wrap .content .panel2 .tab-list .tab-active {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/tab-bg.png") center/100% 100% no-repeat;
  color: #000000;
}
.wrap .content .panel2 .p-con {
  display: flex;
  align-items: center;
  margin: 11.5rem 4.479rem 0 3.854rem;
  height: 10rem;
}
.wrap .content .panel2 .p-con > div {
  width: 100%;
}
.wrap .content .panel2 .p-con .tips {
  color: #bcb089;
  font-size: 1.042rem;
  font-family: STZhongSong, serif;
  text-align: center;
}
.wrap .content .panel2 .p-con .s-tips {
  position: absolute;
  left: 0;
  bottom: 5rem;
  width: 100%;
  text-align: center;
  font-size: 0.833rem;
  color: rgba(255, 255, 255, 0.5);
  font-family: STZhongSong, serif;
}
.wrap .content .panel2 .p-con .bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.521rem;
  position: absolute;
  left: 0;
  bottom: 0.521rem;
  width: 100%;
  height: 3.854rem;
  font-family: STZhongSong, serif;
  font-size: 1.25rem;
  color: #A7A7A5;
}
.wrap .content .panel2 .p-con .bottom .name {
  max-width: 68%;
  line-height: 1;
}
.wrap .content .panel2 .p-con .bottom span {
  color: #F0E1AC;
}
.wrap .content .panel2 .p-con .bottom .label-text {
  color: rgba(255, 255, 255, 0.62);
  font-size: 1.042rem;
}
.wrap .content .panel2 .p-con .bottom .input-container {
  padding: 0 0.521rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/input-bg.png") center/100% 100% no-repeat;
  width: 15.625rem;
  height: 2.396rem;
  line-height: 2.396rem;
  color: #DAC38A;
  text-align: center;
  box-sizing: border-box;
  font-size: 0.9375rem;
}
.wrap .content .panel2 .p-con .bottom .input-container.small {
  width: 12.5rem;
  overflow: hidden;
}
.wrap .content .panel2 .p-con .bottom .input-container input {
  background: transparent;
  outline: none;
  border: none;
  width: 100%;
  height: 100%;
  font-size: 0.9375rem;
  color: #DAC38A;
  font-family: STZhongSong, serif;
  text-align: center;
}
.wrap .content .panel2 .p-con .bottom .btn-unbind {
  position: absolute;
  right: 1.8rem;
}
.wrap .content .panel2 .p-con .bottom .c-tips {
  text-align: center;
  color: rgba(240, 225, 172, 0.75);
}
.wrap .content .panel2 .p-con .bottom .b1 {
  width: 22%;
}
.wrap .content .panel2 .p-con .bottom .b2 {
  width: 50%;
}
.wrap .content .panel2 .p-con .bottom .b3 {
  width: 28%;
}
.wrap .content .panel2 .p-con .bottom .b1, .wrap .content .panel2 .p-con .bottom .b2, .wrap .content .panel2 .p-con .bottom .b3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.521rem;
}
.wrap .content .panel2 .p-con .bottom .b1:not(:last-child), .wrap .content .panel2 .p-con .bottom .b2:not(:last-child), .wrap .content .panel2 .p-con .bottom .b3:not(:last-child) {
  border-right: 0.052rem solid rgba(197, 182, 131, 0.24);
}
.wrap .content .panel2 .p-con .bottom .btn-invite {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/btn-invite.png") center/100% 100% no-repeat;
  width: 5.8rem;
  height: 1.5625rem;
}
.wrap .content .panel2 .p-con .bottom .btn-copy {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/icon-copy.png") center/cover no-repeat;
  width: 2.5rem;
  height: 2.5rem;
}
.wrap .content .panel3 {
  position: relative;
  margin: 2.083rem auto 0;
  padding: 4.3rem 4rem 0;
  box-sizing: border-box;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card-frame.png") center/cover no-repeat;
  width: 64.4rem;
  height: 42.151rem;
  overflow: hidden;
}
.wrap .content .panel3 .card-box {
  display: flex;
  align-items: flex-start;
}
.wrap .content .panel3 .card-box .card-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 38.28rem;
  column-gap: 0.26rem;
}
.wrap .content .panel3 .card-box .card-list .card-item .btn-sy {
  margin: 0 auto;
}
.wrap .content .panel3 .card-exchange {
  margin-right: -0.5rem;
}
.wrap .content .panel3 .card-exchange .exchange-info {
  position: relative;
  overflow: hidden;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/exchange-item-bg.png") center/100% 100% no-repeat;
  width: 18.542rem;
  height: 28.125rem;
}
.wrap .content .panel3 .card-exchange .reward-image {
  margin: 2rem 0 0 2.3rem;
  width: 12.604rem;
  height: 18.90625rem;
}
.wrap .content .panel3 .card-exchange .reward-image img {
  width: 100%;
  height: 100%;
}
.wrap .content .panel3 .card-exchange .reward-description {
  position: absolute;
  bottom: 3rem;
  left: 1.4rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/gift-end-name-bg.png") center/100% 100% no-repeat;
  width: 15.38rem;
  height: 4.479rem;
  font-size: 1.25rem;
  line-height: 4.479rem;
  letter-spacing: 0.125rem;
  color: #bbad7a;
  font-family: "HYXuanSong85W", serif;
  text-align: center;
}
.wrap .content .panel3 .card-exchange .btn-dh {
  margin: 0 auto;
  display: block;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/btn-sub.png") center/cover no-repeat;
  width: 14.948rem;
  height: 4.0625rem;
  line-height: 4.0625rem;
  color: #F0E1AC;
  font-size: 1.042rem;
  font-family: HYXuanSong85W, serif;
  text-align: center;
  letter-spacing: 0.104rem;
}
.wrap .content .panel3 .card-exchange .btn-dh.has_get {
  filter: grayscale(1);
  pointer-events: none;
}
.wrap .content .panel3 .card-exchange .tips {
  font-size: 0.833rem;
  color: rgba(255, 255, 255, 0.62);
  font-family: STZhongSong, serif;
  text-align: center;
}
.wrap .content .panel3 .gift-list {
  position: absolute;
  left: 5rem;
  bottom: 4.896rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card-present-list-btn.png") center/contain no-repeat;
  width: 7.292rem;
  height: 1.5625rem;
}
.wrap .content .panel4 {
  position: relative;
  margin: 1.5625rem auto 0;
  padding: 10rem 5rem 0 6rem;
  box-sizing: border-box;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/task-frame.png") center/cover no-repeat;
  width: 63.818rem;
  height: 27.531rem;
  overflow: hidden;
}
.wrap .content .panel4 .title {
  position: absolute;
  left: 50%;
  top: 3.6rem;
  transform: translateX(-48%);
}
.wrap .content .panel4 .task-name span {
  font-family: STZhongSong, serif;
  font-size: 1.042rem;
  margin-left: 0.521rem;
}
.wrap .content .panel4 .task-name:after {
  content: "";
  position: absolute;
  left: -1rem;
  top: 1.4rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/dot.png") center/cover no-repeat;
  width: 0.833rem;
  height: 0.885rem;
}
.wrap .content .panel2 .task-item, .wrap .content .panel4 .task-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 1.09375rem 0.6rem 0.521rem;
  width: 100%;
  box-sizing: border-box;
}
.wrap .content .panel2 .task-item:not(:last-child):after, .wrap .content .panel2 .task-item:first-child:after, .wrap .content .panel4 .task-item:not(:last-child):after, .wrap .content .panel4 .task-item:first-child:after {
  content: "";
  position: absolute;
  bottom: -0.078125rem;
  left: 0;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/line-divide.png") center/cover no-repeat;
  width: 100%;
  height: 0.15625rem;
}
.wrap .content .panel2 .task-item .task-info .task-name, .wrap .content .panel4 .task-item .task-info .task-name {
  color: #b8ac84;
  font-size: 1.292rem;
  font-family: HYXuanSong85W, serif;
}
.wrap .content .panel2 .task-item .task-info .task-reward, .wrap .content .panel4 .task-item .task-info .task-reward {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.9375rem;
  font-family: STZhongSong, serif;
}
.wrap .content .panel5 {
  position: relative;
  margin: 1rem auto 0;
  padding: 8.052rem 4.167rem 0 3.958rem;
  box-sizing: border-box;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/rule-frame.png") center/cover no-repeat;
  width: 62.53125rem;
  height: 39.339rem;
  overflow: hidden;
  font-size: 1.042rem;
  line-height: 1.667rem;
  color: #999999;
  font-family: STZhongSong, serif;
  -webkit-text-size-adjust: none;
}
.wrap .content .panel5 span {
  color: #F0E1AC;
}
.wrap .content .panel5 .title {
  position: absolute;
  left: 50%;
  top: 5.1rem;
  transform: translateX(-48%);
}
.wrap .invite-content {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/bottom.png") bottom center/100% 11.875rem no-repeat, url("//game.gtimg.cn/images/poe2/cp/a20250918national/content-bg2.png") center top/cover no-repeat;
}
.wrap .invite-content .panel1 {
  position: relative;
  margin: 1rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/invite-frame.png") center/cover no-repeat;
  width: 71.042rem;
  height: 33.854rem;
  overflow: hidden;
}
.wrap .invite-content .panel1 .title {
  position: absolute;
  left: 50%;
  top: 4.6rem;
  transform: translateX(-46%);
  font-size: 1.25rem;
  letter-spacing: 0;
}
.wrap .invite-content .panel1 .card-item {
  margin-top: 10.2rem;
  display: flex;
  justify-content: center;
}
.wrap .invite-content .panel1 .btn-group {
  margin: 1.5625rem auto 0;
  width: 50.052rem;
  display: flex;
  justify-content: space-between;
}
.wrap .invite-content .panel1 .btn-group .btn-bs, .wrap .invite-content .panel1 .btn-group .btn-go {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/btn-primary.png") center/cover no-repeat;
  width: 15.693rem;
  height: 3.75rem;
  color: #F0E1AC;
  line-height: 3.75rem;
}
.wrap .invite-content .panel1 .btn-group .btn-bs, .wrap .invite-content .panel1 .btn-group .btn-go, .wrap .invite-content .panel1 .btn-group .btn-send {
  font-size: 1.25rem;
  font-family: HYXuanSong85W, serif;
  letter-spacing: 0.125rem;
  text-align: center;
}
.wrap .invite-content .panel1 .btn-group .btn-send {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/btn-main.png") center/cover no-repeat;
  width: 16.593rem;
  height: 3.885rem;
  line-height: 3.885rem;
}
.wrap .invite-content .panel1 .btn-group .btn-send span {
  background: linear-gradient(to bottom, #BCB641 0%, #FFF4B4 72%, #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 0.104rem #B9AD85);
}
.wrap .invite-content .panel2 {
  margin: 1.927rem auto 0;
  width: 62.5rem;
}
.wrap .invite-content .panel2 .title-bg {
  position: relative;
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/title-bg.png") center/cover no-repeat;
  width: 58.229rem;
  height: 3.542rem;
}
.wrap .invite-content .panel2 .title-bg .s-title {
  position: absolute;
  left: 50%;
  top: 0.34rem;
  transform: translateX(-50%);
  background: linear-gradient(to bottom, #A89565, #B1A97A, #9C9068);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.667rem;
  font-family: "HYXuanSong85W", serif;
  letter-spacing: 0.417rem;
}
.wrap .invite-content .panel2 .card-list {
  margin: 0.26rem 0 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrap .invite-content, .wrap .content {
  position: relative;
  padding-bottom: 12rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/bottom.png") bottom center/100% 11.875rem no-repeat, url("//game.gtimg.cn/images/poe2/cp/a20250918national/content-bg.png") center top/cover no-repeat;
  width: 100%;
}
.wrap .invite-content .divide, .wrap .content .divide {
  position: absolute;
  left: 50%;
  top: -7.5rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/divide.png") center/cover no-repeat;
  width: 100%;
  height: 20.208rem;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
}
.wrap .card-item.dark .card-img {
  transform: translateY(0.1rem);
}
.wrap .card-item.dark .card-img .count {
  color: rgba(255, 255, 255, 0.38);
}
.wrap .card-img {
  position: relative;
  width: 9.375rem;
  height: 13.818rem;
}
.wrap .card-img .count {
  position: absolute;
  left: 2.3rem;
  top: 9.8rem;
  font-size: 1.042rem;
  color: #F0E1AC;
  width: 5rem;
  text-align: center;
  font-family: 微软雅黑, serif;
  font-weight: bold;
}
.wrap .card1 .card-img {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card1.png") center/cover no-repeat;
}
.wrap .card2 .card-img {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card2.png") center/cover no-repeat;
}
.wrap .card3 .card-img {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card3.png") center/cover no-repeat;
}
.wrap .card4 .card-img {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card4.png") center/cover no-repeat;
}
.wrap .card5 .card-img {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card5.png") center/cover no-repeat;
}
.wrap .card6 .card-img {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card6.png") center/cover no-repeat;
}
.wrap .card1.dark .card-img {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card1-dark.png") center/cover no-repeat;
}
.wrap .card2.dark .card-img {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card2-dark.png") center/cover no-repeat;
}
.wrap .card3.dark .card-img {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card3-dark.png") center/cover no-repeat;
}
.wrap .card4.dark .card-img {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card4-dark.png") center/cover no-repeat;
}
.wrap .card5.dark .card-img {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card5-dark.png") center/cover no-repeat;
}
.wrap .card6.dark .card-img {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/card6-dark.png") center/cover no-repeat;
}
.wrap .toast-tips {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/tooltips-bg.png") center/cover no-repeat;
  width: 24.823rem;
  height: 5.9375rem;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrap .toast-tips .text {
  color: rgba(240, 225, 172, 0.75);
  font-family: HYXuanSong85W, serif;
  font-size: 1.146rem;
  text-align: center;
}
.wrap #dialog-login .dialog__content {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/dialog-bg2.png") center/100% 100% no-repeat;
  width: 38.073rem;
  height: 29.896rem;
  padding-bottom: 3rem;
  box-sizing: border-box;
}
.wrap #dialog-login .title-bg .d-title {
  letter-spacing: 0.1rem;
}
.wrap #dialog-login .line-divide {
  margin: 1.146rem auto 0;
  width: 26.615rem;
  height: 0.104rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/line-divide.png") center/cover no-repeat;
}
.wrap #dialog-login .btn-group {
  margin: 2rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 3rem;
}
.wrap #dialog-login .btn-group .qq-login,
.wrap #dialog-login .btn-group .wechat-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: rgba(240, 225, 172, 0.75);
  font-family: FZYanSJW_Zhong, serif;
  font-size: 1.042rem;
  transition: 0.3s filter;
}
.wrap #dialog-login .btn-group .qq-login:hover,
.wrap #dialog-login .btn-group .wechat-login:hover {
  filter: brightness(1.2);
}
.wrap #dialog-login .btn-group .qq-login .icon,
.wrap #dialog-login .btn-group .wechat-login .icon {
  width: 8.698rem;
  height: 8.698rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrap #dialog-login .btn-group .qq-login .icon {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/qq-icon.png") center/cover no-repeat;
}
.wrap #dialog-login .btn-group .wechat-login .icon {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/wechat-icon.png") center/cover no-repeat;
}
.wrap #dialog-login .dialog-close {
  right: 0.1rem;
  top: 1.5rem;
}
.wrap #dialog-get .dialog__content {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/dialog-bg.png") center/cover no-repeat;
  width: 34.74rem;
  height: 33.021rem;
}
.wrap #dialog-get .dialog__content .vector {
  position: relative;
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/vector.png") center/cover no-repeat;
  width: 8.906rem;
  height: 8.906rem;
}
.wrap #dialog-get .dialog__content .vector img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-height: 6.667rem;
  max-height: 10.521rem;
}
.wrap #dialog-get .dialog__content .card-img {
  margin: 0 auto;
  width: 6.15rem;
  height: 9.06rem;
}
.wrap #dialog-get .dialog__content .card-img .count {
  left: 0.6rem;
  top: 6.4rem;
  font-size: 0.677rem;
}
.wrap #dialog-get .dialog__content .rewards-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.wrap #dialog-get .dialog__content .dialog-close {
  right: 3rem;
  top: 1.2rem;
}
.wrap #dialog-get .dialog__content .name {
  margin-top: 0.573rem;
  font-family: STZhongSong, serif;
  font-size: 0.9375rem;
  background: linear-gradient(to bottom, #D6D0C1, #B1985D);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.wrap #dialog-get .dialog__content .btn-get {
  display: block;
  margin: 0.573rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/btn-primary.png") center/cover no-repeat;
  width: 15.693rem;
  height: 3.75rem;
  color: #F0E1AC;
  line-height: 3.75rem;
  font-size: 1.25rem;
  font-family: HYXuanSong85W, serif;
  letter-spacing: 0.125rem;
  text-align: center;
}
.tg__show__dialog {
  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
}
.wrap .tg__show__dialog .title-bg {
  margin-top: 4.0625rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/dialog-title-bg.png") center/contain no-repeat;
  height: 3.818rem;
  font-size: 2.1875rem;
  text-align: center;
  line-height: 3.1rem;
}
.wrap .tg__show__dialog .title-bg .d-title {
  font-family: HYXuanSong85W, serif;
  background: linear-gradient(to bottom, #BCB641 0%, #FFF4B4 72%, #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wrap .tg__show__dialog .line-divide {
  margin: 1.146rem auto 0.3rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/line-divide.png") center/cover no-repeat;
  width: 26.615rem;
  height: 0.104rem;
}
.wrap .tg__show__dialog .dialog-close {
  position: absolute;
  right: 0.2rem;
  top: 5rem;
  background: url(//game.gtimg.cn/images/poe2/yyz/dialog-close.png) center/cover no-repeat;
  width: 2rem;
  height: 2rem;
}
.wrap #dialog-gift-list .dialog__content,
.wrap #dialog-card-gifting-list .dialog__content,
.wrap #dialog-invite-list .dialog__content {
  display: flex;
  flex-direction: column;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/dialog-bg2.png") center/cover no-repeat;
  width: 38.073rem;
  height: 33.802rem;
}
.wrap #dialog-gift-list .title-bg .d-title,
.wrap #dialog-card-gifting-list .title-bg .d-title,
.wrap #dialog-invite-list .title-bg .d-title {
  letter-spacing: 0.1rem;
}
.wrap #dialog-gift-list .gift-list-content, .wrap #dialog-gift-list .invite-list-content,
.wrap #dialog-card-gifting-list .gift-list-content,
.wrap #dialog-card-gifting-list .invite-list-content,
.wrap #dialog-invite-list .gift-list-content,
.wrap #dialog-invite-list .invite-list-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0 auto 7rem;
  width: 32rem;
}
.wrap #dialog-gift-list .gift-list-content table, .wrap #dialog-gift-list .invite-list-content table,
.wrap #dialog-card-gifting-list .gift-list-content table,
.wrap #dialog-card-gifting-list .invite-list-content table,
.wrap #dialog-invite-list .gift-list-content table,
.wrap #dialog-invite-list .invite-list-content table {
  width: 100%;
  border-collapse: collapse;
  color: rgba(255, 255, 255, 0.6);
  font-family: "FZYanSJW_Zhong", serif;
  font-size: 0.9375rem;
}
.wrap #dialog-gift-list .gift-list-content table .success, .wrap #dialog-gift-list .invite-list-content table .success,
.wrap #dialog-card-gifting-list .gift-list-content table .success,
.wrap #dialog-card-gifting-list .invite-list-content table .success,
.wrap #dialog-invite-list .gift-list-content table .success,
.wrap #dialog-invite-list .invite-list-content table .success {
  color: rgba(227, 212, 158, 0.6);
}
.wrap #dialog-gift-list .gift-list-content table th,
.wrap #dialog-gift-list .gift-list-content table td, .wrap #dialog-gift-list .invite-list-content table th,
.wrap #dialog-gift-list .invite-list-content table td,
.wrap #dialog-card-gifting-list .gift-list-content table th,
.wrap #dialog-card-gifting-list .gift-list-content table td,
.wrap #dialog-card-gifting-list .invite-list-content table th,
.wrap #dialog-card-gifting-list .invite-list-content table td,
.wrap #dialog-invite-list .gift-list-content table th,
.wrap #dialog-invite-list .gift-list-content table td,
.wrap #dialog-invite-list .invite-list-content table th,
.wrap #dialog-invite-list .invite-list-content table td {
  padding: 0.4rem;
  text-align: center;
  font-weight: normal;
}
.wrap #dialog-gift-list .gift-list-content table th, .wrap #dialog-gift-list .invite-list-content table th,
.wrap #dialog-card-gifting-list .gift-list-content table th,
.wrap #dialog-card-gifting-list .invite-list-content table th,
.wrap #dialog-invite-list .gift-list-content table th,
.wrap #dialog-invite-list .invite-list-content table th {
  font-size: 1.25rem;
  color: rgba(240, 225, 172, 0.75);
}
.wrap #dialog-gift-list .gift-list-content .pagination, .wrap #dialog-gift-list .invite-list-content .pagination,
.wrap #dialog-card-gifting-list .gift-list-content .pagination,
.wrap #dialog-card-gifting-list .invite-list-content .pagination,
.wrap #dialog-invite-list .gift-list-content .pagination,
.wrap #dialog-invite-list .invite-list-content .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  gap: 1rem;
}
.wrap #dialog-gift-list .gift-list-content .pagination .btn-prev,
.wrap #dialog-gift-list .gift-list-content .pagination .btn-next, .wrap #dialog-gift-list .invite-list-content .pagination .btn-prev,
.wrap #dialog-gift-list .invite-list-content .pagination .btn-next,
.wrap #dialog-card-gifting-list .gift-list-content .pagination .btn-prev,
.wrap #dialog-card-gifting-list .gift-list-content .pagination .btn-next,
.wrap #dialog-card-gifting-list .invite-list-content .pagination .btn-prev,
.wrap #dialog-card-gifting-list .invite-list-content .pagination .btn-next,
.wrap #dialog-invite-list .gift-list-content .pagination .btn-prev,
.wrap #dialog-invite-list .gift-list-content .pagination .btn-next,
.wrap #dialog-invite-list .invite-list-content .pagination .btn-prev,
.wrap #dialog-invite-list .invite-list-content .pagination .btn-next {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/pagination-btn.png") center/cover no-repeat;
  width: 5.46875rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1.042rem;
  font-family: HYXuanSong85W, serif;
  text-align: center;
  color: #F0E1AC;
  transition: opacity 0.3s ease;
}
.wrap #dialog-gift-list .gift-list-content .pagination .btn-prev.disabled,
.wrap #dialog-gift-list .gift-list-content .pagination .btn-next.disabled, .wrap #dialog-gift-list .invite-list-content .pagination .btn-prev.disabled,
.wrap #dialog-gift-list .invite-list-content .pagination .btn-next.disabled,
.wrap #dialog-card-gifting-list .gift-list-content .pagination .btn-prev.disabled,
.wrap #dialog-card-gifting-list .gift-list-content .pagination .btn-next.disabled,
.wrap #dialog-card-gifting-list .invite-list-content .pagination .btn-prev.disabled,
.wrap #dialog-card-gifting-list .invite-list-content .pagination .btn-next.disabled,
.wrap #dialog-invite-list .gift-list-content .pagination .btn-prev.disabled,
.wrap #dialog-invite-list .gift-list-content .pagination .btn-next.disabled,
.wrap #dialog-invite-list .invite-list-content .pagination .btn-prev.disabled,
.wrap #dialog-invite-list .invite-list-content .pagination .btn-next.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.wrap #dialog-gift-list .gift-list-content .pagination .current-page, .wrap #dialog-gift-list .invite-list-content .pagination .current-page,
.wrap #dialog-card-gifting-list .gift-list-content .pagination .current-page,
.wrap #dialog-card-gifting-list .invite-list-content .pagination .current-page,
.wrap #dialog-invite-list .gift-list-content .pagination .current-page,
.wrap #dialog-invite-list .invite-list-content .pagination .current-page {
  color: #F0E1AC;
  font-family: STZhongSong, serif;
  font-size: 1.042rem;
}
.wrap #dialog-gift-list .gift-list-content .btn-unbind, .wrap #dialog-gift-list .invite-list-content .btn-unbind,
.wrap #dialog-card-gifting-list .gift-list-content .btn-unbind,
.wrap #dialog-card-gifting-list .invite-list-content .btn-unbind,
.wrap #dialog-invite-list .gift-list-content .btn-unbind,
.wrap #dialog-invite-list .invite-list-content .btn-unbind {
  color: rgba(227, 212, 158, 0.6);
}
.wrap #dialog-gift-list .dialog-close,
.wrap #dialog-card-gifting-list .dialog-close,
.wrap #dialog-invite-list .dialog-close {
  right: 0.2rem;
  top: 1.2rem;
}
.wrap #dialog-tips .dialog__content,
.wrap #dialog-confirm-ask .dialog__content,
.wrap .dialog-card-to-give .dialog__content,
.wrap #dialog-no-card-to-give .dialog__content {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/normal-dialog.png") center/cover no-repeat;
  width: 34.74rem;
  height: 17.865rem;
  padding-bottom: 3rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wrap #dialog-tips .text-group,
.wrap #dialog-confirm-ask .text-group,
.wrap .dialog-card-to-give .text-group,
.wrap #dialog-no-card-to-give .text-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
}
.wrap #dialog-tips .text-group .d-title,
.wrap #dialog-confirm-ask .text-group .d-title,
.wrap .dialog-card-to-give .text-group .d-title,
.wrap #dialog-no-card-to-give .text-group .d-title {
  font-family: HYXuanSong85W, HYJinLingKeJing, serif;
  font-size: 1.146rem;
  color: rgba(240, 225, 172, 0.75);
  line-height: 1.667rem;
  text-align: center;
}
.wrap #dialog-tips .text-group .sub-title,
.wrap #dialog-confirm-ask .text-group .sub-title,
.wrap .dialog-card-to-give .text-group .sub-title,
.wrap #dialog-no-card-to-give .text-group .sub-title {
  font-family: STZhongSong, serif;
  font-size: 0.9375rem;
  color: rgba(255, 255, 255, 0.6);
}
.wrap #dialog-tips .dialog-close,
.wrap #dialog-confirm-ask .dialog-close,
.wrap .dialog-card-to-give .dialog-close,
.wrap #dialog-no-card-to-give .dialog-close {
  top: 1.5rem;
  right: 1.5rem;
}
.wrap #dialog-confirm-ask .btn-group,
.wrap .dialog-card-to-give .btn-group {
  display: flex;
  gap: 1.5rem;
}
.wrap #dialog-confirm-ask .btn-group .btn-cancel,
.wrap .dialog-card-to-give .btn-group .btn-cancel,
.wrap #dialog-confirm-ask .btn-group .btn-confirm,
.wrap .dialog-card-to-give .btn-group .btn-confirm {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/btn-default.png") center/cover no-repeat;
  width: 7.74rem;
  height: 2.917rem;
  line-height: 2.83rem;
  font-size: 1.042rem;
  font-family: HYXuanSong85W, serif;
  text-align: center;
  color: #F0E1AC;
}
.wrap #dialog-confirm-ask .btn-group .btn-cancel,
.wrap .dialog-card-to-give .btn-group .btn-cancel {
  filter: brightness(0.7) grayscale(0.5);
  color: #9a825f;
  transition: 0.3s filter;
}
.wrap #dialog-confirm-ask .btn-group .btn-cancel:hover,
.wrap .dialog-card-to-give .btn-group .btn-cancel:hover {
  filter: brightness(0.8) grayscale(0.3);
}
.wrap #dialog-no-card-to-give .btn-go-get {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/btn-default.png") center/100% 100% no-repeat;
  width: 11.771rem;
  height: 2.552rem;
  line-height: 2.552rem;
  font-size: 1.042rem;
  font-family: HYXuanSong85W, serif;
  text-align: center;
  color: #F0E1AC;
}
.wrap #dialog-invite-list .invite-list-content .tips {
  color: rgba(255, 255, 255, 0.6);
  font-family: STZhongSong, serif;
  font-size: 0.9375rem;
  text-align: center;
  margin-bottom: 1rem;
}
.wrap #dialog-mentor-invite .dialog__content {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/dialog-bg2.png") center/100% 100% no-repeat;
  width: 38.073rem;
  height: 38rem;
  padding-bottom: 3rem;
  box-sizing: border-box;
}
.wrap #dialog-mentor-invite .title-bg .d-title {
  letter-spacing: 0.1rem;
}
.wrap #dialog-mentor-invite .text-info {
  margin-top: 1.5rem;
  text-align: center;
  font-family: STZhongSong, serif;
  color: rgba(240, 225, 172, 0.75);
}
.wrap #dialog-mentor-invite .text-info .t1 {
  font-size: 0.9375rem;
  margin-bottom: 0.5rem;
  color: rgba(255, 255, 255, 0.6);
}
.wrap #dialog-mentor-invite .text-info .t2 {
  font-size: 1.25rem;
}
.wrap #dialog-mentor-invite .rewards-display {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0;
}
.wrap #dialog-mentor-invite .rewards-display .vector {
  position: relative;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/vector.png") center/cover no-repeat;
  width: 8.906rem;
  height: 8.906rem;
}
.wrap #dialog-mentor-invite .rewards-display .vector img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-height: 6.667rem;
  max-height: 9.521rem;
}
.wrap #dialog-mentor-invite .rewards-text {
  text-align: center;
  font-family: STZhongSong, serif;
  font-size: 0.9375rem;
  background: linear-gradient(to bottom, #D6D0C1, #B1985D);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 1rem;
}
.wrap #dialog-mentor-invite .btn-group {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 1rem;
}
.wrap #dialog-mentor-invite .btn-group .btn-cancel,
.wrap #dialog-mentor-invite .btn-group .btn-accept {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/btn-default.png") center/cover no-repeat;
  width: 7.74rem;
  height: 2.917rem;
  line-height: 2.83rem;
  font-size: 1.042rem;
  font-family: HYXuanSong85W, serif;
  text-align: center;
  color: #F0E1AC;
}
.wrap #dialog-mentor-invite .btn-group .btn-cancel {
  filter: brightness(0.7) grayscale(0.5);
  color: #9a825f;
  transition: 0.3s filter;
}
.wrap #dialog-mentor-invite .btn-group .btn-cancel:hover {
  filter: brightness(0.8) grayscale(0.3);
}
.wrap #dialog-mentor-invite .dialog-close {
  right: 0.1rem;
  top: 1.5rem;
}
.wrap.phone .top-nav {
  top: 0;
  height: 9.07rem;
  font-size: 2.4rem;
}
.wrap.phone .top-nav .top-nav-bg {
  height: 26.67rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20241025creator/p-top-nav-bg.png") center/cover no-repeat;
}
.wrap.phone .top-nav .top-box {
  width: 100%;
  margin-top: 0;
  flex-flow: row-reverse;
  margin-left: 2rem;
  margin-right: 2.67rem;
  justify-content: space-between;
  height: 100%;
}
.wrap.phone .top-nav .name {
  margin-right: 1rem;
  max-width: 39rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.wrap.phone .top-nav .login-box .login-icon {
  width: 3.2rem;
  height: 3.33rem;
  margin-right: 0.4rem;
}
.wrap.phone .top-nav .awards-box .awards-icon {
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 0.4rem;
}
.wrap.phone .top-nav .divide {
  margin: 0 1.07rem;
  width: 0.13rem;
  height: 1.875rem;
}
.wrap.phone .top-nav .btn-sd {
  margin-left: 0;
  width: 16.8rem;
  height: 4.8rem;
}
.wrap.phone .top-nav .btn-gw {
  margin-left: 1.33rem;
  width: 16.8rem;
  height: 4.8rem;
}
.wrap.phone header {
  height: 80rem;
  background-position: calc(50% - 5rem) 7rem;
}
.wrap.phone header .slogan {
  bottom: 3.2rem;
  width: 78.13rem;
  height: 24.08rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/phone/slogan.png") center/cover no-repeat;
}
.wrap.phone .title {
  white-space: nowrap;
  font-size: 4.53rem;
  letter-spacing: 1.088rem;
}
.wrap.phone .content .btn-get, .wrap.phone .content .btn-sy {
  min-width: 23.36rem;
  height: 8.96rem;
  line-height: 8.96rem;
  font-size: 3.2rem;
}
.wrap.phone .content .bind-button, .wrap.phone .content .btn-unbind {
  width: 13.33rem;
  height: 4.8rem;
  line-height: 4.8rem;
  font-size: 2.67rem;
}
.wrap.phone .content .panel1 {
  width: 100%;
  height: 274.4rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national//phone/gift-frame.png") center/167.73rem 274.4rem no-repeat;
}
.wrap.phone .content .panel1 .title {
  top: 8.9rem;
  transform: translateX(-47%);
}
.wrap.phone .content .panel1 .subTitle {
  top: 18.3rem;
  font-size: 2.93rem;
  letter-spacing: 0.47rem;
  transform: translateX(-47.3%);
}
.wrap.phone .content .panel1 .rewards-box {
  left: 0.3rem;
  margin: 24.2rem auto 0;
  width: 77rem;
  flex-direction: column;
  align-items: center;
}
.wrap.phone .content .panel1 .rewards-box .left-rewards-flex {
  gap: 0;
  width: 100%;
}
.wrap.phone .content .panel1 .rewards-box .reward-item {
  width: 37.37rem;
  height: 48.76rem;
}
.wrap.phone .content .panel1 .rewards-box .reward-item.get::before {
  left: 0.7rem;
  top: 5.3rem;
  width: 35.8rem;
  height: 35.9rem;
}
.wrap.phone .content .panel1 .rewards-box .reward-end-item.get::before {
  left: 3.7rem;
  top: 6.3rem;
  width: 46.8rem;
  height: 51.9rem;
}
.wrap.phone .content .panel1 .rewards-box .reward-item.get::after {
  width: 14.324rem;
  height: 14.324rem;
  left: calc(50% - 7.162rem);
  top: 20.3rem;
}
.wrap.phone .content .panel1 .rewards-box .reward-end-item.get::after {
  top: 27.3rem;
}
.wrap.phone .content .panel1 .rewards-box .reward-item .day {
  top: 7.18rem;
  width: 12.45rem;
  height: 7.8rem;
  font-size: 3.87rem;
  line-height: 6.3rem;
}
.wrap.phone .content .panel1 .rewards-box .reward-item .reward-image {
  margin-top: 15rem;
  width: 32rem;
  height: 25.07rem;
}
.wrap.phone .content .panel1 .rewards-box .reward-item .reward-image img {
  width: 100%;
  height: 100%;
}
.wrap.phone .content .panel1 .rewards-box .reward-item .reward-description {
  bottom: -1.4rem;
  width: 36.74rem;
  height: 10.43rem;
  line-height: 10.43rem;
  letter-spacing: 0.12rem;
  font-size: 2.8rem;
}
.wrap.phone .content .panel1 .rewards-box .reward-end-item {
  width: 54rem;
  height: 82.13rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national//phone/gift-item-end-bg.png") center/cover no-repeat;
}
.wrap.phone .content .panel1 .rewards-box .reward-end-item .day {
  top: 8.8rem;
}
.wrap.phone .content .panel1 .rewards-box .reward-end-item .reward-image {
  margin-top: 15rem;
  width: 22.13rem;
  height: 44.27rem;
}
.wrap.phone .content .panel1 .rewards-box .reward-end-item .reward-description {
  bottom: 14rem;
  left: 3.6rem;
  width: 46.8rem;
  height: 11.73rem;
  font-size: 3.2rem;
  line-height: 11.73rem;
  letter-spacing: 0.25rem;
}
.wrap.phone .content .panel1 .btn-group {
  margin: -1.6rem auto 0;
  width: 84rem;
}
.wrap.phone .content .panel1 .btn-group .btn_sign {
  width: 41.3rem;
  height: 10rem;
  line-height: 10rem;
}
.wrap.phone .content .panel1 .btn-group .btn_sign span {
  filter: drop-shadow(0 0 0.22rem #B9AD85);
}
.wrap.phone .content .panel1 .btn-group .btn_goto_cloud {
  width: 40.13rem;
  height: 9.6rem;
  line-height: 9.6rem;
}
.wrap.phone .content .panel1 .btn-group .btn_sign, .wrap.phone .content .panel1 .btn-group .btn_goto_cloud {
  font-size: 3.2rem;
  letter-spacing: 0.32rem;
}
.wrap.phone .content .panel2 {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national//phone/ma-frame.png") center/cover no-repeat;
  width: 99.73rem;
  height: 77.33rem;
}
.wrap.phone .content .panel2 .title {
  top: 7.8rem;
  transform: translateX(-48%);
}
.wrap.phone .content .panel2 .tab-list {
  top: 14.8rem;
  width: 65.2rem;
  gap: 1.1rem;
}
.wrap.phone .content .panel2 .tab-list .tab-item {
  font-size: 3.47rem;
  width: 29.6rem;
  height: 5.47rem;
  line-height: 5.47rem;
}
.wrap.phone .content .panel2 .p-con {
  margin: 25rem 7.479rem 0 7rem;
  height: 38rem;
}
.wrap.phone .content .panel2 .p-con .tips {
  margin-bottom: 0;
  font-size: 2.93rem;
}
.wrap.phone .content .panel2 .p-con .s-tips {
  bottom: 11rem;
  font-size: 2.67rem;
}
.wrap.phone .content .panel2 .p-con .bottom {
  left: 50%;
  transform: translateX(-50%);
  gap: 1.33rem;
  bottom: 2rem;
  height: 8.53rem;
  font-size: 3.2rem;
  width: 91%;
}
.wrap.phone .content .panel2 .p-con .bottom .name {
  /* margin-right: 23rem; */
  font-size: 2.8rem;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 3rem;
}
.wrap.phone .content .panel2 .p-con .bottom .label-text {
  font-size: 2.67rem;
}
.wrap.phone .content .panel2 .p-con .bottom .input-container {
  padding: 0 1.33rem;
  width: 32rem;
  height: 4.8rem;
  line-height: 4.8rem;
  font-size: 2.67rem;
}
.wrap.phone .content .panel2 .p-con .bottom .input-container.small {
  width: 17.33rem;
}
.wrap.phone .content .panel2 .p-con .bottom .input-container input {
  font-size: 2.67rem;
}
.wrap.phone .content .panel2 .p-con .bottom .btn-unbind {
  right: 4rem;
  width: 18.67rem;
  height: 6.13rem;
  line-height: 6.13rem;
  font-size: 3.2rem;
}
.wrap.phone .content .panel2 .p-con .bottom .b-text {
  font-size: 2.93rem;
  line-height: 3.6rem;
  margin-right: 20rem;
  width: 60rem;
}
.wrap.phone .content .panel2 .p-con .bottom .b1 {
  width: 15%;
}
.wrap.phone .content .panel2 .p-con .bottom .b2 {
  width: 47%;
}
.wrap.phone .content .panel2 .p-con .bottom .b3 {
  width: 30%;
}
.wrap.phone .content .panel2 .p-con .bottom .b1, .wrap.phone .content .panel2 .p-con .bottom .b2, .wrap.phone .content .panel2 .p-con .bottom .b3 {
  gap: 0.521rem;
}
.wrap.phone .content .panel2 .p-con .bottom .b1:not(:last-child), .wrap.phone .content .panel2 .p-con .bottom .b2:not(:last-child), .wrap.phone .content .panel2 .p-con .bottom .b3:not(:last-child) {
  border-right: none;
}
.wrap.phone .content .panel2 .p-con .bottom .btn-invite {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national//phone/btn-invite.png") center/100% 100% no-repeat;
  width: 13.33rem;
  height: 4.8rem;
}
.wrap.phone .content .panel2 .p-con .bottom .btn-copy {
  width: 4.53rem;
  height: 4.53rem;
}
.wrap.phone .content .panel3 {
  margin: 4rem auto 0;
  padding: 12.78rem 8rem 0;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national//phone/card-frame.png") center/cover no-repeat;
  width: 96.8rem;
  height: 309.24rem;
}
.wrap.phone .content .panel3 .card-box {
  flex-direction: column;
  align-items: center;
}
.wrap.phone .content .panel3 .card-box .card-list {
  width: 100%;
  column-gap: 2rem;
}
.wrap.phone .content .panel3 .card-box .card-list .card-item .btn-sy {
  margin: 0 auto;
}
.wrap.phone .content .panel3 .card-exchange {
  margin-top: 5rem;
  margin-right: 0;
}
.wrap.phone .content .panel3 .card-exchange .exchange-info {
  width: 54rem;
  height: 82.13rem;
}
.wrap.phone .content .panel3 .card-exchange .reward-image {
  margin: 8rem 0 0 8.3rem;
  width: 34.8rem;
  height: 52.27rem;
}
.wrap.phone .content .panel3 .card-exchange .reward-image img {
  width: 100%;
  height: 100%;
}
.wrap.phone .content .panel3 .card-exchange .reward-description {
  bottom: 9rem;
  left: 4.2rem;
  width: 44.67rem;
  height: 12.6rem;
  font-size: 3.2rem;
  line-height: 13.73rem;
  letter-spacing: 0;
}
.wrap.phone .content .panel3 .card-exchange .btn-dh {
  position: relative;
  margin-top: -3rem;
  width: 38.27rem;
  height: 10.4rem;
  line-height: 10.4rem;
  font-size: 3.2rem;
  letter-spacing: 0.32rem;
}
.wrap.phone .content .panel3 .card-exchange .tips {
  font-size: 2.67rem;
}
.wrap.phone .content .panel3 .gift-list {
  left: 34rem;
  bottom: 103.896rem;
  width: 26.67rem;
  height: 5.33rem;
  z-index: 10;
}
.wrap.phone .content .panel4 {
  margin: 0 auto;
  padding: 24rem 5rem 0 6rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national//phone/task-frame.png") center/cover no-repeat;
  width: 92.8rem;
  height: 76rem;
}
.wrap.phone .content .panel4 .title {
  top: 7.8rem;
}
.wrap.phone .content .panel4 .task-item:first-child .btn-get {
  top: calc(50% - 8.5rem);
}
.wrap.phone .content .panel4 .btn-get {
  position: absolute;
  right: 5rem;
  top: calc(50% - 4.48rem);
}
.wrap.phone .content .panel4 .task-name {
  position: relative;
}
.wrap.phone .content .panel4 .task-name span {
  display: block;
  font-size: 2.93rem;
}
.wrap.phone .content .panel4 .task-name:after {
  left: -3rem;
  top: 1.6rem;
  width: 2.13rem;
  height: 2.27rem;
}
.wrap.phone .content .panel4 .task-group .task-item {
  padding-left: 4.73rem;
}
.wrap.phone .content .panel2 .task-item, .wrap.phone .content .panel4 .task-item {
  padding: 1.5rem 0.1rem 1.5rem 1.73rem;
}
.wrap.phone .content .panel2 .task-item:first-child, .wrap.phone .content .panel4 .task-item:first-child {
  padding-top: 0.5rem;
}
.wrap.phone .content .panel2 .task-item:not(:last-child):after, .wrap.phone .content .panel2 .task-item:first-child:after, .wrap.phone .content .panel4 .task-item:not(:last-child):after, .wrap.phone .content .panel4 .task-item:first-child:after {
  bottom: -0.2rem;
  height: 0.4rem;
}
.wrap.phone .content .panel2 .task-item .task-info .task-name, .wrap.phone .content .panel4 .task-item .task-info .task-name {
  width: 51.33rem;
  font-size: 3.47rem;
}
.wrap.phone .content .panel2 .task-item .task-info .task-reward, .wrap.phone .content .panel4 .task-item .task-info .task-reward {
  white-space: nowrap;
  font-size: 2.67rem;
}
.wrap.phone .content .panel5 {
  margin: 0 auto;
  padding: 19.47rem 9.33rem 0 8.8rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national//phone/rule-frame.png") center/cover no-repeat;
  width: 99.73rem;
  height: 149.89rem;
  font-size: 2.93rem;
  line-height: 4.4rem;
}
.wrap.phone .content .panel5 .title {
  top: 9.1rem;
}
.wrap.phone .invite-content .panel1 {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national//phone/invite-frame.png") center/170.31rem 78.13rem no-repeat;
  width: 100%;
  height: 78.13rem;
}
.wrap.phone .invite-content .panel1 .title {
  top: 8.6rem;
  transform: translateX(-50%);
  font-size: 4rem;
}
.wrap.phone .invite-content .panel1 .card-item {
  padding-left: 11rem;
  margin-top: 16.67rem;
  justify-content: flex-start;
}
.wrap.phone .invite-content .panel1 .btn-group {
  position: absolute;
  right: 7.5rem;
  top: 20.67rem;
  width: 48rem;
  height: 40rem;
  flex-direction: column;
  align-items: center;
  gap: 1.33rem;
}
.wrap.phone .invite-content .panel1 .btn-group .btn-bs, .wrap.phone .invite-content .panel1 .btn-group .btn-go {
  width: 41.93rem;
  height: 10rem;
  line-height: 10rem;
}
.wrap.phone .invite-content .panel1 .btn-group .btn-bs, .wrap.phone .invite-content .panel1 .btn-group .btn-go, .wrap.phone .invite-content .panel1 .btn-group .btn-send {
  font-size: 3.2rem;
  letter-spacing: 0.32rem;
}
.wrap.phone .invite-content .panel1 .btn-group .btn-go {
  margin-top: auto;
}
.wrap.phone .invite-content .panel1 .btn-group .btn-send {
  width: 44.8rem;
  height: 10.3rem;
  line-height: 10.3rem;
}
.wrap.phone .invite-content .panel2 {
  margin: 1.927rem auto 0;
  width: 92rem;
}
.wrap.phone .invite-content .panel2 .title-bg {
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national//phone/title-bg.png") center/cover no-repeat;
  width: 92rem;
  height: 17.47rem;
}
.wrap.phone .invite-content .panel2 .title-bg .s-title {
  top: 4.34rem;
  transform: translateX(-50%);
  font-size: 4.27rem;
  letter-spacing: 1.024rem;
}
.wrap.phone .invite-content .panel2 .card-list {
  margin: 0.26rem 0 0;
}
.wrap.phone .invite-content .panel2 .card-list .card-img {
  width: 13.73rem;
  height: 20.67rem;
}
.wrap.phone .invite-content .panel2 .card-list .card-img .count {
  font-size: 2.67rem;
  width: 10rem;
  left: 2rem;
  top: 14rem;
}
.wrap.phone .invite-content, .wrap.phone .content {
  padding-bottom: 22.24rem;
  background: url("//game.gtimg.cn/images/poe2/cp/a20250918national/bottom.png") bottom center/100% 11.875rem no-repeat, url("//game.gtimg.cn/images/poe2/cp/a20250918national//phone/content-bg.png") center top/cover no-repeat;
}
.wrap.phone .invite-content .divide, .wrap.phone .content .divide {
  top: -7.5rem;
  height: 18.13rem;
  background-size: 100% 100%;
}
.wrap.phone .card-item.dark .card-img {
  transform: translateY(0.256rem);
}
.wrap.phone .card-img {
  width: 36rem;
  height: 53.07rem;
}
.wrap.phone .card-img .count {
  left: 10.3rem;
  top: 37.8rem;
  font-size: 4rem;
  width: 16rem;
}
.wrap.phone .toast-tips {
  width: 63.6rem;
  height: 15.2rem;
}
.wrap.phone .toast-tips .text {
  font-size: 2.93rem;
}
.wrap.phone #dialog-login .dialog__content {
  width: 97.47rem;
  height: 76.53rem;
  padding-bottom: 7.73rem;
}
.wrap.phone #dialog-login .title-bg .d-title {
  letter-spacing: 0.27rem;
}
.wrap.phone #dialog-login .line-divide {
  margin: 2.93rem auto 0;
  width: 68.13rem;
  height: 0.27rem;
}
.wrap.phone #dialog-login .btn-group {
  margin: 5.07rem auto 0;
  gap: 7.73rem;
}
.wrap.phone #dialog-login .btn-group .qq-login,
.wrap.phone #dialog-login .btn-group .wechat-login {
  gap: 1.33rem;
  font-size: 2.67rem;
}
.wrap.phone #dialog-login .btn-group .qq-login .icon,
.wrap.phone #dialog-login .btn-group .wechat-login .icon {
  width: 22.27rem;
  height: 22.27rem;
}
.wrap.phone #dialog-login .dialog-close {
  right: 0.27rem;
  top: 3.87rem;
}
.wrap.phone #dialog-get .dialog__content {
  width: 88.93rem;
  height: 84.53rem;
}
.wrap.phone #dialog-get .dialog__content .vector {
  width: 22.8rem;
  height: 22.8rem;
}
.wrap.phone #dialog-get .dialog__content .vector img {
  min-height: 17.07rem;
  max-height: 26.93rem;
}
.wrap.phone #dialog-get .dialog__content .card-img {
  margin: 0 auto;
  width: 15.73rem;
  height: 23.2rem;
}
.wrap.phone #dialog-get .dialog__content .card-img .count {
  left: 1.6rem;
  top: 16.4rem;
  font-size: 1.73rem;
}
.wrap.phone #dialog-get .dialog__content .rewards-group {
  gap: 5.07rem;
}
.wrap.phone #dialog-get .dialog__content .dialog-close {
  right: 7.73rem;
  top: 3.07rem;
}
.wrap.phone #dialog-get .dialog__content .name {
  margin-top: 1.47rem;
  font-size: 2.4rem;
}
.wrap.phone #dialog-get .dialog__content .btn-get {
  margin: 1.47rem auto 0;
  width: 40.13rem;
  height: 9.6rem;
  line-height: 9.6rem;
  font-size: 3.2rem;
  letter-spacing: 0.27rem;
}
.wrap.phone .tg__show__dialog .title-bg {
  margin-top: 10.4rem;
  height: 9.73rem;
  font-size: 5.6rem;
  line-height: 8rem;
}
.wrap.phone .tg__show__dialog .line-divide {
  margin: 2.93rem auto 0.8rem;
  width: 68.13rem;
  height: 0.27rem;
}
.wrap.phone .tg__show__dialog .dialog-close {
  right: 0.53rem;
  top: 12.8rem;
  width: 5.07rem;
  height: 5.07rem;
}
.wrap.phone #dialog-gift-list .dialog__content,
.wrap.phone #dialog-card-gifting-list .dialog__content,
.wrap.phone #dialog-invite-list .dialog__content {
  width: 97.47rem;
  height: 86.53rem;
}
.wrap.phone #dialog-gift-list .title-bg .d-title,
.wrap.phone #dialog-card-gifting-list .title-bg .d-title,
.wrap.phone #dialog-invite-list .title-bg .d-title {
  letter-spacing: 0.27rem;
}
.wrap.phone #dialog-gift-list .gift-list-content, .wrap.phone #dialog-gift-list .invite-list-content,
.wrap.phone #dialog-card-gifting-list .gift-list-content,
.wrap.phone #dialog-card-gifting-list .invite-list-content,
.wrap.phone #dialog-invite-list .gift-list-content,
.wrap.phone #dialog-invite-list .invite-list-content {
  margin: 0 auto;
  width: 81.87rem;
}
.wrap.phone #dialog-gift-list .gift-list-content table, .wrap.phone #dialog-gift-list .invite-list-content table,
.wrap.phone #dialog-card-gifting-list .gift-list-content table,
.wrap.phone #dialog-card-gifting-list .invite-list-content table,
.wrap.phone #dialog-invite-list .gift-list-content table,
.wrap.phone #dialog-invite-list .invite-list-content table {
  font-size: 2.4rem;
}
.wrap.phone #dialog-gift-list .gift-list-content table th,
.wrap.phone #dialog-gift-list .gift-list-content table td, .wrap.phone #dialog-gift-list .invite-list-content table th,
.wrap.phone #dialog-gift-list .invite-list-content table td,
.wrap.phone #dialog-card-gifting-list .gift-list-content table th,
.wrap.phone #dialog-card-gifting-list .gift-list-content table td,
.wrap.phone #dialog-card-gifting-list .invite-list-content table th,
.wrap.phone #dialog-card-gifting-list .invite-list-content table td,
.wrap.phone #dialog-invite-list .gift-list-content table th,
.wrap.phone #dialog-invite-list .gift-list-content table td,
.wrap.phone #dialog-invite-list .invite-list-content table th,
.wrap.phone #dialog-invite-list .invite-list-content table td {
  padding: 1.07rem;
}
.wrap.phone #dialog-gift-list .gift-list-content table th, .wrap.phone #dialog-gift-list .invite-list-content table th,
.wrap.phone #dialog-card-gifting-list .gift-list-content table th,
.wrap.phone #dialog-card-gifting-list .invite-list-content table th,
.wrap.phone #dialog-invite-list .gift-list-content table th,
.wrap.phone #dialog-invite-list .invite-list-content table th {
  font-size: 3.2rem;
}
.wrap.phone #dialog-gift-list .gift-list-content .pagination, .wrap.phone #dialog-gift-list .invite-list-content .pagination,
.wrap.phone #dialog-card-gifting-list .gift-list-content .pagination,
.wrap.phone #dialog-card-gifting-list .invite-list-content .pagination,
.wrap.phone #dialog-invite-list .gift-list-content .pagination,
.wrap.phone #dialog-invite-list .invite-list-content .pagination {
  /* margin-top: 2.53rem; */
  margin-bottom: 18rem;
  gap: 2.53rem;
}
.wrap.phone #dialog-gift-list .gift-list-content .pagination .btn-prev,
.wrap.phone #dialog-gift-list .gift-list-content .pagination .btn-next, .wrap.phone #dialog-gift-list .invite-list-content .pagination .btn-prev,
.wrap.phone #dialog-gift-list .invite-list-content .pagination .btn-next,
.wrap.phone #dialog-card-gifting-list .gift-list-content .pagination .btn-prev,
.wrap.phone #dialog-card-gifting-list .gift-list-content .pagination .btn-next,
.wrap.phone #dialog-card-gifting-list .invite-list-content .pagination .btn-prev,
.wrap.phone #dialog-card-gifting-list .invite-list-content .pagination .btn-next,
.wrap.phone #dialog-invite-list .gift-list-content .pagination .btn-prev,
.wrap.phone #dialog-invite-list .gift-list-content .pagination .btn-next,
.wrap.phone #dialog-invite-list .invite-list-content .pagination .btn-prev,
.wrap.phone #dialog-invite-list .invite-list-content .pagination .btn-next {
  width: 14rem;
  height: 6.4rem;
  line-height: 6.4rem;
  font-size: 2.67rem;
}
.wrap.phone #dialog-gift-list .gift-list-content .pagination .current-page, .wrap.phone #dialog-gift-list .invite-list-content .pagination .current-page,
.wrap.phone #dialog-card-gifting-list .gift-list-content .pagination .current-page,
.wrap.phone #dialog-card-gifting-list .invite-list-content .pagination .current-page,
.wrap.phone #dialog-invite-list .gift-list-content .pagination .current-page,
.wrap.phone #dialog-invite-list .invite-list-content .pagination .current-page {
  font-size: 2.67rem;
}
.wrap.phone #dialog-gift-list .dialog-close,
.wrap.phone #dialog-card-gifting-list .dialog-close,
.wrap.phone #dialog-invite-list .dialog-close {
  right: 0.53rem;
  top: 3.07rem;
}
.wrap.phone #dialog-tips .dialog__content,
.wrap.phone #dialog-confirm-ask .dialog__content,
.wrap.phone .dialog-card-to-give .dialog__content,
.wrap.phone #dialog-no-card-to-give .dialog__content {
  width: 88.93rem;
  height: 45.73rem;
  padding-bottom: 7.73rem;
}
.wrap.phone #dialog-tips .text-group,
.wrap.phone #dialog-confirm-ask .text-group,
.wrap.phone .dialog-card-to-give .text-group,
.wrap.phone #dialog-no-card-to-give .text-group {
  margin-bottom: 2.53rem;
}
.wrap.phone #dialog-tips .text-group .d-title,
.wrap.phone #dialog-confirm-ask .text-group .d-title,
.wrap.phone .dialog-card-to-give .text-group .d-title,
.wrap.phone #dialog-no-card-to-give .text-group .d-title {
  font-size: 2.93rem;
  line-height: 4.27rem;
}
.wrap.phone #dialog-tips .text-group .sub-title,
.wrap.phone #dialog-confirm-ask .text-group .sub-title,
.wrap.phone .dialog-card-to-give .text-group .sub-title,
.wrap.phone #dialog-no-card-to-give .text-group .sub-title {
  font-size: 2.4rem;
}
.wrap.phone #dialog-tips .dialog-close,
.wrap.phone #dialog-confirm-ask .dialog-close,
.wrap.phone .dialog-card-to-give .dialog-close,
.wrap.phone #dialog-no-card-to-give .dialog-close {
  top: 1.5rem;
  right: 3.87rem;
}
.wrap.phone #dialog-confirm-ask .btn-group,
.wrap.phone .dialog-card-to-give .btn-group {
  gap: 3.87rem;
}
.wrap.phone #dialog-confirm-ask .btn-group .btn-cancel,
.wrap.phone .dialog-card-to-give .btn-group .btn-cancel,
.wrap.phone #dialog-confirm-ask .btn-group .btn-confirm,
.wrap.phone .dialog-card-to-give .btn-group .btn-confirm {
  width: 19.87rem;
  height: 7.47rem;
  line-height: 7.2rem;
  font-size: 2.67rem;
}
.wrap.phone #dialog-no-card-to-give .btn-go-get {
  width: 30.13rem;
  height: 6.53rem;
  line-height: 6.53rem;
  font-size: 2.67rem;
}
.wrap.phone #dialog-invite-list .invite-list-content .tips {
  font-size: 2.4rem;
  margin-bottom: 2.53rem;
}
.wrap.phone #dialog-mentor-invite .dialog__content {
  width: 97.47rem;
  height: 95.67rem;
  padding-bottom: 7.73rem;
}
.wrap.phone #dialog-mentor-invite .title-bg .d-title {
  letter-spacing: 0.27rem;
}
.wrap.phone #dialog-mentor-invite .text-info {
  margin-top: 3.87rem;
}
.wrap.phone #dialog-mentor-invite .text-info .t1 {
  font-size: 2.4rem;
  margin-bottom: 1.33rem;
}
.wrap.phone #dialog-mentor-invite .text-info .t2 {
  font-size: 3.2rem;
}
.wrap.phone #dialog-mentor-invite .rewards-display .vector {
  width: 22.8rem;
  height: 22.8rem;
}
.wrap.phone #dialog-mentor-invite .rewards-display .vector img {
  min-height: 17.07rem;
  max-height: 26.93rem;
}
.wrap.phone #dialog-mentor-invite .rewards-text {
  font-size: 2.4rem;
  margin-top: 2.53rem;
}
.wrap.phone #dialog-mentor-invite .btn-group {
  gap: 3.87rem;
  margin-top: 1rem;
}
.wrap.phone #dialog-mentor-invite .btn-group .btn-cancel,
.wrap.phone #dialog-mentor-invite .btn-group .btn-accept {
  width: 19.87rem;
  height: 7.47rem;
  line-height: 7.2rem;
  font-size: 2.67rem;
}
.wrap.phone #dialog-mentor-invite .dialog-close {
  right: 0.27rem;
  top: 3.87rem;
}

/*# sourceMappingURL=main.css.map */