@font-face {
  font-family: "fzqkrs";
  src: url("/ossweb-img/fzqkrs.ttf");
}
.vue-content:not(.phone) {
  width: 100%;
  overflow: hidden;
}
.vue-content:not(.phone) a {
  transition: 0.3s filter;
}
.vue-content:not(.phone) a:hover {
  filter: brightness(1.2);
}
.vue-content:not(.phone) .wrap {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 5.208rem;
  background: url(//game.gtimg.cn/images/poe/act/a20240118spring/bg.jpg) center 0/100rem no-repeat;
  width: 100%;
  font-family: "fzqkrs", serif;
  min-width: 62.5rem;
}
.vue-content:not(.phone) .head {
  position: relative;
  height: 41.823rem;
}
.vue-content:not(.phone) .head .login {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.604rem;
  font-size: 0.9375rem;
  color: #fff;
}
.vue-content:not(.phone) .head .login a {
  color: #fff;
}
.vue-content:not(.phone) .r-show {
  position: fixed;
  right: 0.26rem;
  top: calc(50% - 11.48rem);
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/r-show.png") center/cover no-repeat;
  width: 16.5625rem;
  height: 22.96875rem;
  z-index: 10;
}
.vue-content:not(.phone) .panel1 .tit1 {
  margin: 2.1875rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/tit1.png") center/cover no-repeat;
  width: 60.104rem;
  height: 4.115rem;
}
.vue-content:not(.phone) .panel1 .tips {
  margin-top: 1.146rem;
  font-size: 1.042rem;
  letter-spacing: 0.01875rem;
  color: #fff7df;
  line-height: 1.354rem;
  text-align: center;
}
.vue-content:not(.phone) .panel1 .sign-content {
  margin: 0.78125rem auto 0;
  display: grid;
  grid-template-columns: 13.021rem 13.021rem 13.021rem 13.021rem;
  width: 62.5rem;
  justify-content: space-between;
  grid-row-gap: 1.042rem;
  overflow: hidden;
}
.vue-content:not(.phone) .panel1 .sign-content .gift {
  position: relative;
  left: calc(50% + 0.7rem);
  transform: translateX(-50%);
  width: 15rem;
  height: 30rem;
}
.vue-content:not(.phone) .panel1 .sign-content .gift:nth-of-type(1) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/a1.png") center 0/33.646rem 28.385rem no-repeat;
}
.vue-content:not(.phone) .panel1 .sign-content .gift:nth-of-type(2) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/a2.png") center 0/33.646rem 28.385rem no-repeat;
}
.vue-content:not(.phone) .panel1 .sign-content .gift:nth-of-type(3) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/a3.png") center 0/33.646rem 28.385rem no-repeat;
}
.vue-content:not(.phone) .panel1 .sign-content .gift:nth-of-type(4) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/a4.png") center 0/33.646rem 28.385rem no-repeat;
}
.vue-content:not(.phone) .panel1 .sign-content .gift:nth-of-type(5) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/a5.png") center 0/33.646rem 28.385rem no-repeat;
}
.vue-content:not(.phone) .panel1 .sign-content .gift:nth-of-type(6) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/a6.png") center 0/33.646rem 28.385rem no-repeat;
}
.vue-content:not(.phone) .panel1 .sign-content .gift:nth-of-type(7) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/a7.png") center 0/33.646rem 28.385rem no-repeat;
}
.vue-content:not(.phone) .panel1 .sign-content .gift:nth-of-type(8) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/a8.png") center 0/33.646rem 28.385rem no-repeat;
}
.vue-content:not(.phone) .panel1 .sign-content .gift .btn-get {
  position: absolute;
  bottom: 0;
  left: 1.1rem;
  background: url(//game.gtimg.cn/images/poe/act/a20240118spring/btn-get.png) center/cover no-repeat;
  width: 11.198rem;
  height: 3.125rem;
}
.vue-content:not(.phone) .panel1 .sign-content .gift .btn-get.done {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/btn-done.png") center/cover no-repeat;
  pointer-events: none;
}
.vue-content:not(.phone) .panel1 .card-bg {
  position: relative;
  margin: 1.458rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-bg.png") center/cover no-repeat;
  width: 60.052rem;
  height: 26.71875rem;
}
.vue-content:not(.phone) .panel1 .card-bg > div {
  position: absolute;
  top: 1.5rem;
  width: 10.99rem;
  height: 14.53125rem;
  font-size: 0.9375rem;
  color: #ffa423;
  text-align: center;
  padding-top: 14rem;
  box-sizing: border-box;
}
.vue-content:not(.phone) .panel1 .card-bg > div span {
  margin: 0 0.2rem;
}
.vue-content:not(.phone) .panel1 .card-bg > div .btn-sy {
  margin: 0.78125rem auto 0;
  display: block;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/btn-sy.png") center/cover no-repeat;
  width: 6.146rem;
  height: 2.083rem;
}
.vue-content:not(.phone) .panel1 .card-bg .t {
  position: absolute;
  bottom: 3.4rem;
  right: 12rem;
  font-size: 0.9375rem;
  color: #ffd34f;
}
.vue-content:not(.phone) .panel1 .card-bg .long {
  left: 2.604rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-long.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .panel1 .card-bg .long.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-long-red.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .panel1 .card-bg .nian {
  left: 13.542rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-nian.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .panel1 .card-bg .nian.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-nian-red.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .panel1 .card-bg .xing {
  left: 24.635rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-xing.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .panel1 .card-bg .xing.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-xing-red.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .panel1 .card-bg .da {
  left: 35.677rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-da.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .panel1 .card-bg .da.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-da-red.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .panel1 .card-bg .yun {
  left: 46.5625rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-yun.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .panel1 .card-bg .yun.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-yun-red.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .panel1 .card-bg .btn-dh {
  position: absolute;
  bottom: 2.083rem;
  left: calc(50% - 6.5625rem);
  background: url(//game.gtimg.cn/images/poe/act/a20240118spring/btn-dh.png) center/cover no-repeat;
  width: 13.125rem;
  height: 3.646rem;
}
.vue-content:not(.phone) .panel1 .card-bg .btn-dh.done {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/btn-ydh.png") center/cover no-repeat;
  pointer-events: none;
}
.vue-content:not(.phone) .text_btn {
  color: #fff7dc;
}
.vue-content:not(.phone) .panel2 .tit2 {
  margin: 5.208rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/tit2.png") center/cover no-repeat;
  width: 60.104rem;
  height: 4.115rem;
}
.vue-content:not(.phone) .panel2 .tips {
  position: relative;
  margin-top: 1.042rem;
  font-size: 0.9375rem;
  letter-spacing: 0.01875rem;
  line-height: 1.354rem;
  text-align: center;
  color: #fff7df;
}
.vue-content:not(.phone) .panel2 .tips span {
  color: #ffd34f;
}
.vue-content:not(.phone) .panel2 .tips .text_btn {
  position: absolute;
  top: 4.0rem;
}
.vue-content:not(.phone) .panel2 .tips .text_btn:nth-of-type(1) {
  right: 24rem;
}
.vue-content:not(.phone) .panel2 .tips .text_btn:nth-of-type(2) {
  right: 18rem;
}
.vue-content:not(.phone) .panel2 .red-packet {
  position: relative;
  margin: 2.604rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/red-packet-bg.png") center/cover no-repeat;
  width: 41.771rem;
  height: 26.146rem;
}
.vue-content:not(.phone) .panel2 .red-packet .btn-rp1 {
  position: absolute;
  right: 7rem;
  bottom: 4rem;
  background: url(//game.gtimg.cn/images/poe/act/a20240118spring/btn-rp1.png) center/cover no-repeat;
  width: 12.604rem;
  height: 4.583rem;
}
.vue-content:not(.phone) .panel2 .red-packet .btn-rp1.done {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/btn-rp3.png") center/cover no-repeat;
  pointer-events: none;
}
.vue-content:not(.phone) .panel2 .red-packet .btn-rp2 {
  position: absolute;
  left: 7.5rem;
  bottom: 4rem;
  background: url(//game.gtimg.cn/images/poe/act/a20240118spring/btn-rp2.png) center/cover no-repeat;
  width: 12.604rem;
  height: 4.583rem;
}
.vue-content:not(.phone) .panel2 .red-packet .open-content {
  position: absolute;
  padding-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  top: -1rem;
  left: calc(50% - 10.36425rem);
  background: url(//game.gtimg.cn/images/poe/act/a20240118spring/rewards.png) center/cover no-repeat;
  width: 20.729rem;
  height: 16.615rem;
  color: #ffffff;
  font-size: 1.042rem;
  line-height: 1.5625rem;
}
.vue-content:not(.phone) .panel2 .red-packet .open-content ul {
  list-style: inside;
}
.vue-content:not(.phone) .panel2 .bag {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 1.302rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/bg1.png") center/cover no-repeat;
  width: 64.375rem;
  height: 10.365rem;
  padding: 0 0.9375rem;
  font-size: 1.146rem;
  line-height: 1.354rem;
  color: #ffffff;
}
.vue-content:not(.phone) .panel2 .bag .chaos-content {
  display: flex;
  align-items: center;
}
.vue-content:not(.phone) .panel2 .bag .chaos-content .chaos {
  margin-right: 1.979rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/chaos.png") center/cover no-repeat;
  width: 6.25rem;
  height: 6.25rem;
}
.vue-content:not(.phone) .panel2 .bag .chaos-content .btn-chaos {
  display: block;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/btn-chaos.png") center/cover no-repeat;
  width: 11.458rem;
  height: 3.854rem;
}
.vue-content:not(.phone) .panel2 .bag .extra-content {
  margin-left: 6.875rem;
  display: flex;
  align-items: center;
}
.vue-content:not(.phone) .panel2 .bag .extra-content .extra {
  margin-right: 1.979rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/extra.png") center/cover no-repeat;
  width: 6.25rem;
  height: 6.25rem;
}
.vue-content:not(.phone) .panel2 .bag .extra-content .btn-ex {
  display: block;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/btn-extra.png") center/cover no-repeat;
  width: 11.458rem;
  height: 3.854rem;
}
.vue-content:not(.phone) .panel2 .bag .count {
  margin-bottom: 0.9375rem;
}
.vue-content:not(.phone) .panel2 .bag .count span {
  margin-left: 0.26rem;
  margin-right: 0.26rem;
}
.vue-content:not(.phone) .panel2 .task-content {
  margin-top: 2.083rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.146rem;
  line-height: 1.354rem;
  color: #fff7dc;
}
.vue-content:not(.phone) .panel2 .task-content i {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/icon.png") center/cover no-repeat;
  width: 0.833rem;
  height: 0.833rem;
}
.vue-content:not(.phone) .panel2 .task-content .btn-get {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/btn-bg.png") center/cover no-repeat;
  min-width: 6.5625rem;
  height: 2.1875rem;
  color: #ffc03b;
  font-size: 0.9375rem;
  line-height: 2.1875rem;
  text-align: center;
}
.vue-content:not(.phone) .panel2 .task-content .btn-get.done {
  pointer-events: none;
}
.vue-content:not(.phone) .panel2 .task-content .left {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/bg-left.png") center/cover no-repeat;
  width: 29.271rem;
  height: 26.198rem;
}
.vue-content:not(.phone) .panel2 .task-content .left .task-list {
  margin-top: 6.354rem;
}
.vue-content:not(.phone) .panel2 .task-content .left .task-list .task {
  width: 15.625rem;
}
.vue-content:not(.phone) .panel2 .task-content .left .task-list li {
  padding: 0 2.604rem 0 1.823rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vue-content:not(.phone) .panel2 .task-content .left .task-list li:not(:first-child) {
  margin-top: 1.042rem;
}
.vue-content:not(.phone) .panel2 .task-content .left .rules {
  margin-left: 3.125rem;
  margin-top: 5.625rem;
  font-size: 0.9375rem;
  list-style: decimal;
}
.vue-content:not(.phone) .panel2 .task-content .left .rules li {
  margin-bottom: 0.521rem;
}
.vue-content:not(.phone) .panel2 .task-content .right {
  margin-left: 1.5625rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/bg-right.png") center/cover no-repeat;
  width: 29.271rem;
  height: 26.198rem;
}
.vue-content:not(.phone) .panel2 .task-content .right .task-list {
  margin-top: 6.51rem;
}
.vue-content:not(.phone) .panel2 .task-content .right .task-list .task {
  width: 15.625rem;
}
.vue-content:not(.phone) .panel2 .task-content .right .task-list .to_query5{
  width: 9.625rem!important;
}
.vue-content:not(.phone) .panel2 .task-content .right .task-list .btn-invite {
  font-size: 0.9375rem;
  letter-spacing: 0.046875rem;
  min-width: 3.125rem;
  margin-right: 0.78125rem;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
  color: #c01000;
  transition: none;
  filter: none;
}
.vue-content:not(.phone) .panel2 .task-content .right li {
  padding: 0 2.604rem 0 1.823rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vue-content:not(.phone) .panel2 .task-content .right li:first-child .task {
  width: 11.40625rem;
}
.vue-content:not(.phone) .panel2 .task-content .right li:nth-of-type(2) .task {
  width: 11.40625rem;
}
.vue-content:not(.phone) .panel2 .task-content .right li:not(:first-child) {
  margin-top: 1.042rem;
}
.vue-content:not(.phone) .panel2 .rewards-show {
  margin-top: 0.78125rem;
  margin-left: auto;
  margin-right: auto;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/rewards-show.png") center/cover no-repeat;
  width: 60.052rem;
  height: 14.271rem;
}
.vue-content:not(.phone) .panel3 {
  margin-top: 6.51rem;
}
.vue-content:not(.phone) .panel3 .tit3 {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/tit3.png") center/cover no-repeat;
  width: 53.802rem;
  height: 4.115rem;
}
.vue-content:not(.phone) .panel3 .tips {
  margin-top: 1.667rem;
  font-size: 0.9375rem;
  text-align: center;
  letter-spacing: 0.01875rem;
  color: #fff7df;
}
.vue-content:not(.phone) .panel3 .tips .text_btn {
  display: block;
  margin-top: 0.5rem;
}
.vue-content:not(.phone) .panel3 .rp {
  position: relative;
  margin-top: 4rem;
  height: 16rem;
}
.vue-content:not(.phone) .panel3 .rp .red-packet {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/red-packet.png") center/cover no-repeat;
  width: 8.49rem;
  height: 10.3125rem;
  cursor: pointer;
  transition: 0.3s all;
}
.vue-content:not(.phone) .panel3 .rp .red-packet:hover {
  margin-top: -2rem;
  filter: drop-shadow(0 0 0.67rem white);
}
.vue-content:not(.phone) .panel3 .rp .red-packet:nth-of-type(1) {
  left: calc(50% - 21.3rem);
  transform: rotate(-16deg);
  top: 2.1rem;
  z-index: 1;
}
.vue-content:not(.phone) .panel3 .rp .red-packet:nth-of-type(2) {
  left: calc(50% - 16.9rem);
  transform: rotate(-12deg);
  top: 1.1rem;
  z-index: 2;
}
.vue-content:not(.phone) .panel3 .rp .red-packet:nth-of-type(3) {
  left: calc(50% - 12.6rem);
  transform: rotate(-8deg);
  top: 0.4rem;
  z-index: 3;
}
.vue-content:not(.phone) .panel3 .rp .red-packet:nth-of-type(4) {
  left: calc(50% - 8.4rem);
  transform: rotate(-4deg);
  top: 0.1rem;
  z-index: 4;
}
.vue-content:not(.phone) .panel3 .rp .red-packet:nth-of-type(5) {
  left: calc(50% - 4.245rem);
  top: 0;
  z-index: 5;
}
.vue-content:not(.phone) .panel3 .rp .red-packet:nth-of-type(6) {
  left: calc(50% - 0.09rem);
  transform: rotate(4deg);
  top: 0.1rem;
  z-index: 4;
}
.vue-content:not(.phone) .panel3 .rp .red-packet:nth-of-type(7) {
  left: calc(50% + 4.11rem);
  transform: rotate(8deg);
  top: 0.4rem;
  z-index: 3;
}
.vue-content:not(.phone) .panel3 .rp .red-packet:nth-of-type(8) {
  left: calc(50% + 8.41rem);
  transform: rotate(12deg);
  top: 1.1rem;
  z-index: 2;
}
.vue-content:not(.phone) .panel3 .rp .red-packet:nth-of-type(9) {
  left: calc(50% + 12.61rem);
  transform: rotate(16deg);
  top: 2.1rem;
  z-index: 1;
}
.vue-content:not(.phone) .panel4 {
  margin-top: 4.167rem;
  font-size: 0.9375rem;
  letter-spacing: 0.01875rem;
  color: #fff7df;
}
.vue-content:not(.phone) .panel4 .tit4 {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/tit4.png") center/cover no-repeat;
  width: 33.073rem;
  height: 4.115rem;
}
.vue-content:not(.phone) .panel4 a {
  color: inherit;
  font-family: auto, serif;
  text-decoration: underline;
}
.vue-content:not(.phone) .panel4 .r1, .vue-content:not(.phone) .panel4 .r2, .vue-content:not(.phone) .panel4 .r3 {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.vue-content:not(.phone) .panel4 .r1 div:not(:first-child), .vue-content:not(.phone) .panel4 .r2 div:not(:first-child), .vue-content:not(.phone) .panel4 .r3 div:not(:first-child) {
  margin-top: 0.65rem;
  text-align: left;
}
.vue-content:not(.phone) .panel4 .r1 .tit, .vue-content:not(.phone) .panel4 .r2 .tit, .vue-content:not(.phone) .panel4 .r3 .tit {
  font-size: 1.25rem;
  font-weight: bold;
  color: #ffbf00;
  letter-spacing: 0.3rem;
}
.vue-content:not(.phone) .panel4 .r1 {
  box-sizing: border-box;
  padding: 2.083rem 3.125rem 2.083rem 2.865rem;
  margin: 1.823rem 0 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/rules-bg1.png") center/cover no-repeat;
  width: 64.375rem;
}
.vue-content:not(.phone) .panel4 .r2 {
  box-sizing: border-box;
  padding: 2.083rem 3.125rem 2.083rem 2.865rem;
  margin: 0.78125rem 0 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/rules-bg2.png") center/cover no-repeat;
  width: 64.375rem;
}
.vue-content:not(.phone) .panel4 .r3 {
  box-sizing: border-box;
  padding: 2.083rem 3.125rem 2.083rem 2.865rem;
  margin: 1.042rem 0 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/rules-bg3.png") center/cover no-repeat;
  width: 64.375rem;
}
.vue-content:not(.phone) .s-panel1 {
  position: relative;
  margin-top: 2.083rem;
}
.vue-content:not(.phone) .s-panel1 .tit5 {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/tit5.png") center/cover no-repeat;
  width: 29.479rem;
  height: 5.885rem;
}
.vue-content:not(.phone) .s-panel1 .tips {
  position: relative;
  z-index: 3;
  margin-top: 2.5rem;
  font-size: 1.875rem;
  color: #fff8dc;
  text-align: center;
}
.vue-content:not(.phone) .s-panel1 .bg2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -19rem;
  width: 100rem;
  height: 73.802rem;
}
.vue-content:not(.phone) .s-panel1 .card {
  position: relative;
  z-index: 2;
  margin: -6rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/light.png") center/cover no-repeat;
  width: 34.53125rem;
  height: 34.896rem;
}
.vue-content:not(.phone) .s-panel1 .card img {
  position: absolute;
  left: calc(50% - 7.786rem);
  top: calc(50% - 10.46875rem);
  width: 15.573rem;
  height: 20.9375rem;
}
.vue-content:not(.phone) .s-panel1 .btn-group {
  position: relative;
  z-index: 3;
  margin: -6rem auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 45rem;
}
.vue-content:not(.phone) .s-panel1 .btn-group .btn-send {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/btn-send.png") center/cover no-repeat;
  width: 13.4375rem;
  height: 4.01rem;
}
.vue-content:not(.phone) .s-panel1 .btn-group .btn-not-send {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/btn-not-send.png") center/cover no-repeat;
  width: 13.4375rem;
  height: 4.01rem;
}
.vue-content:not(.phone) .s-panel1 .btn-group .btn-in {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/btn-in.png") center/cover no-repeat;
  width: 13.125rem;
  height: 3.646rem;
}
.vue-content:not(.phone) .s-panel2 {
  position: relative;
  z-index: 5;
  margin-top: 3.229rem;
}
.vue-content:not(.phone) .s-panel2 .tit6 {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/tit6.png") center/cover no-repeat;
  width: 19.792rem;
  height: 5.885rem;
}
.vue-content:not(.phone) .s-panel2 .card {
  margin: 1rem auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 53.385rem;
}
.vue-content:not(.phone) .s-panel2 .card > div {
  width: 10.99rem;
  height: 14.53125rem;
  font-size: 0.9375rem;
  color: #ffa423;
  text-align: center;
  padding-top: 14rem;
  box-sizing: border-box;
}
.vue-content:not(.phone) .s-panel2 .card > div span {
  margin: 0 0.2rem;
}
.vue-content:not(.phone) .s-panel2 .card .long {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-long.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .s-panel2 .card .long.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-long-red.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .s-panel2 .card .nian {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-nian.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .s-panel2 .card .nian.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-nian-red.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .s-panel2 .card .xing {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-xing.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .s-panel2 .card .xing.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-xing-red.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .s-panel2 .card .da {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-da.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .s-panel2 .card .da.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-da-red.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .s-panel2 .card .yun {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-yun.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .s-panel2 .card .yun.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/card-yun-red.png") center 0/10.99rem 14.53125rem no-repeat;
}
.vue-content:not(.phone) .s-panel2 .rewards-show {
  margin: 6.51rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/rewards-show2.png") center/cover no-repeat;
  width: 42.083rem;
  height: 7.1875rem;
}
.vue-content:not(.phone) .s-panel2 .item {
  margin: 2.1rem auto 0;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  color: #fff8d7;
  text-align: center;
}
.vue-content:not(.phone) .dia-close {
  display: block;
  right: -2.8rem;
  top: 0.26rem;
  border: 0.104rem solid #671309;
  font-size: 3.125rem;
  box-sizing: border-box;
  color: #6a170d;
  height: 2.5rem;
  line-height: 2.5rem;
  width: 2.604rem;
  text-indent: -0.365rem;
  border-radius: 0.521rem;
}
.vue-content:not(.phone) #address .dia-con {
  padding-top: 6.25rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/swiper-address.png") center/cover no-repeat;
  width: 37.1875rem;
  height: 25.46875rem;
  box-sizing: border-box;
}
.vue-content:not(.phone) #address .dia-con .i-box {
  margin: 0 auto 0.78125rem;
  display: flex;
  justify-content: space-between;
  width: 29.948rem;
}
.vue-content:not(.phone) #address .dia-con .i-box label {
  margin-top: 0.26rem;
  min-width: 5.729rem;
  color: #e1c16c;
  font-size: 0.9375rem;
  letter-spacing: 0.067rem;
  text-align: right;
}
.vue-content:not(.phone) #address .dia-con .i-box input, .vue-content:not(.phone) #address .dia-con .i-box textarea {
  padding: 0 0.5rem;
  background: transparent;
  flex-grow: 1;
  border: 0.052rem solid rgba(225, 193, 108, 0.5);
  height: 1.979rem;
  line-height: 1.979rem;
  color: rgba(255, 255, 255, 0.7);
}
.vue-content:not(.phone) #address .dia-con .i-box input::placeholder, .vue-content:not(.phone) #address .dia-con .i-box textarea::placeholder {
  font-size: 0.833rem;
  color: #867e6a;
}
.vue-content:not(.phone) #address .dia-con .i-box textarea {
  height: 5.104rem;
  resize: none;
}
.vue-content:not(.phone) #address .dia-con .tips {
  font-size: 0.833rem;
  color: #e1c16c;
  text-align: center;
  letter-spacing: 0.067rem;
}
.vue-content:not(.phone) #address .dia-con .btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1.667rem auto 0;
  width: 14.0625rem;
}
.vue-content:not(.phone) #address .dia-con .btn-group > a {
  display: block;
  font-size: 1.042rem;
  letter-spacing: 0.083rem;
  color: #e1c16c;
  height: 2.083rem;
  width: 6.146rem;
  border: 0.052rem solid #e1c16c;
  text-align: center;
  line-height: 2.083rem;
}
.vue-content:not(.phone) #address .dia-con .btn-group .btn-cancel {
  background: #330803;
}
.vue-content:not(.phone) #address .dia-con .btn-group .btn-submit {
  background: #7e1905;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 3rem;
  box-sizing: border-box;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/swiper-record.png") center/100% 100% no-repeat;
  width: 37.1875rem;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con .title {
  margin: 0 auto 2.5rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/swiper-record-title.png") center/cover no-repeat;
  width: 9.53125rem;
  height: 2.396rem;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con table {
  position: relative;
  margin: 0 auto;
  width: 32.03125rem;
  text-align: center;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con table::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.052rem;
  background: linear-gradient(to right, transparent 0%, rgba(225, 193, 108, 0.5) 10%, rgba(225, 193, 108, 0.5) 90%, transparent 100%);
}
.vue-content:not(.phone) #showMyGiftContent .dia-con table::after {
  content: "";
  position: absolute;
  left: 0;
  top: 2.34375rem;
  height: 0.052rem;
  width: 100%;
  background: linear-gradient(to right, transparent 0%, rgba(225, 193, 108, 0.5) 10%, rgba(225, 193, 108, 0.5) 90%, transparent 100%);
}
.vue-content:not(.phone) #showMyGiftContent .dia-con table tr {
  overflow: hidden;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con table tr:first-child {
  height: 2.604rem;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con table th {
  font-size: 0.9375rem;
  color: #e1c16c;
  letter-spacing: 0.075rem;
  text-align: center;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con table th:nth-of-type(1) {
  min-width: 6.9rem;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con table th:nth-of-type(2) {
  min-width: 4.2rem;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con table th:nth-of-type(3) {
  width: 100%;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con table th:nth-of-type(4) {
  min-width: 3.7rem;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con table td {
  color: #867e6a;
  font-size: 0.9375rem;
  letter-spacing: 0.075rem;
  height: 1.5625rem;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con .btn-group {
  margin: 1rem auto 0;
  width: 13.958rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con .btn-group > a {
  line-height: 2.083rem;
  width: 6.146rem;
  height: 2.083rem;
  font-size: 1.042rem;
  letter-spacing: 0.083rem;
  color: #e1c16c;
  border: 0.052rem solid #e1c16c;
  text-align: center;
}
.vue-content:not(.phone) #showMyGiftContent .dia-con .btn-group > a span {
  font-size: 0.521rem;
  vertical-align: bottom;
}
.vue-content:not(.phone) #showAlert .dia-con {
  padding-top: 5.729rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/swiper-gift.png") center/cover no-repeat;
  width: 24.792rem;
  height: 22.604rem;
  color: #ffffff;
  font-size: 1.042rem;
  text-align: center;
  box-sizing: border-box;
}
.vue-content:not(.phone) #showAlert .dia-con ul li {
  height: 1.458rem;
  line-height: 1.458rem;
  list-style: inside;
}
.vue-content:not(.phone) #showAlert .dia-con .btn-sure {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/swiper-btn-sure.png") center/cover no-repeat;
  width: 10.521rem;
  height: 3.958rem;
  left: calc(50% - 5.26rem);
  bottom: 2.34375rem;
}

.phone {
  width: 100%;
  overflow: hidden;
}
.phone .wrap {
  box-sizing: border-box;
  padding-bottom: 8rem;
  background: url(//game.gtimg.cn/images/poe/act/a20240118spring/m/bg.jpg) center 0/cover no-repeat;
  width: 100%;
  font-family: "fzqkrs", serif;
}
.phone .r-show {
  display: none;
}
.phone .head {
  position: relative;
  height: 187.73rem;
}
.phone .head .login {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 90rem;
  font-size: 4.2rem;
  color: #fff;
}
.phone .head .login a {
  color: #fff;
}
.phone .panel1 .tit1 {
  margin: 1.33rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/tit1.png") center/cover no-repeat;
  width: 86.4rem;
  height: 8.8rem;
}
.phone .panel1 .tips {
  display: inline-block;
  width: 100%;
  margin-top: 2.67rem;
  font-size: 2.4rem;
  color: #fff7df;
  line-height: 3.73rem;
  text-align: center;
}
.phone .panel1 .sign-content {
  margin-top: 2rem;
  margin-left: 1rem;
  padding: 0 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 3rem;
  row-gap: 1rem;
  flex-wrap: wrap;
}
.phone .panel1 .sign-content .gift {
  position: relative;
  width: 28rem;
  height: 54.3rem;
  background-size: 28rem 48rem;
}
.phone .panel1 .sign-content .gift:nth-of-type(1) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/a1.png") center 0/28rem 48rem no-repeat;
}
.phone .panel1 .sign-content .gift:nth-of-type(2) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/a2.png") center 0/28rem 48rem no-repeat;
}
.phone .panel1 .sign-content .gift:nth-of-type(3) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/a3.png") center 0/28rem 48rem no-repeat;
}
.phone .panel1 .sign-content .gift:nth-of-type(4) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/a4.png") center 0/28rem 48rem no-repeat;
}
.phone .panel1 .sign-content .gift:nth-of-type(5) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/a5.png") center 0/28rem 48rem no-repeat;
}
.phone .panel1 .sign-content .gift:nth-of-type(6) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/a6.png") center 0/28rem 48rem no-repeat;
}
.phone .panel1 .sign-content .gift:nth-of-type(7) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/a7.png") center 0/28rem 48rem no-repeat;
}
.phone .panel1 .sign-content .gift:nth-of-type(8) {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/a8.png") center 0/28rem 48rem no-repeat;
}
.phone .panel1 .sign-content .gift .btn-get {
  position: absolute;
  left: calc(50% - 11.3rem);
  bottom: 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-get.png") center/cover no-repeat;
  width: 21.2rem;
  height: 6rem;
}
.phone .panel1 .sign-content .gift .btn-get.done {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-done.png") center/cover no-repeat;
  pointer-events: none;
}
.phone .panel1 .card-bg {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0 2.8rem;
  box-sizing: border-box;
  margin-top: 6.13rem;
  margin-left: auto;
  margin-right: auto;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-bg.png") center/cover no-repeat;
  width: 97.2rem;
  height: 56.13rem;
}
.phone .panel1 .card-bg .btn-sy {
  display: block;
  margin: 2rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-sy.png") center/cover no-repeat;
  width: 16.27rem;
  height: 5.6rem;
}
.phone .panel1 .card-bg > div {
  padding-top: 28rem;
  margin-top: 1.5rem;
  box-sizing: border-box;
  font-size: 2.4rem;
  color: #ffa423;
  width: 22.93rem;
  height: 35.73rem;
  text-align: center;
  background-size: 22.93rem 29.73rem;
}
.phone .panel1 .card-bg > div span {
  margin: 0 0.5rem;
}
.phone .panel1 .card-bg .t {
  position: absolute;
  bottom: 7rem;
  right: 4rem;
  font-size: 2.4rem;
  color: #ffd34f;
}
.phone .panel1 .card-bg .long {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-long.png") center 0 no-repeat;
}
.phone .panel1 .card-bg .long.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-long-red.png") center 0 no-repeat;
}
.phone .panel1 .card-bg .nian {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-nian.png") center 0 no-repeat;
}
.phone .panel1 .card-bg .nian.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-nian-red.png") center 0 no-repeat;
}
.phone .panel1 .card-bg .xing {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-xing.png") center 0 no-repeat;
}
.phone .panel1 .card-bg .xing.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-xing-red.png") center 0 no-repeat;
}
.phone .panel1 .card-bg .da {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-da.png") center 0 no-repeat;
}
.phone .panel1 .card-bg .da.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-da-red.png") center 0 no-repeat;
}
.phone .panel1 .card-bg .yun {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-yun.png") center 0 no-repeat;
}
.phone .panel1 .card-bg .yun.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-yun-red.png") center 0 no-repeat;
}
.phone .panel1 .card-bg .btn-dh {
  position: absolute;
  left: calc(50% - 16.535rem);
  bottom: 3.73rem;
  display: block;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-dh.png") center/cover no-repeat;
  width: 33.07rem;
  height: 9.2rem;
}
.phone .panel1 .card-bg .btn-dh.done {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-ydh.png") center/cover no-repeat;
  pointer-events: none;
}
.phone .text_btn {
  color: #fff7dc;
  font-size: 2.67rem;
}
.phone .panel2 {
  margin-top: 13.33rem;
}
.phone .panel2 .tit2 {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/tit2.png") center/cover no-repeat;
  width: 86.4rem;
  height: 8.8rem;
}
.phone .panel2 .tips {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 2.67rem;
  font-size: 2.4rem;
  color: #fff7df;
  line-height: 3.73rem;
  text-align: center;
}
.phone .panel2 .tips span {
  color: #ffd34f;
}
.phone .panel2 .tips .text_btn {
  position: absolute;
  top: 14rem;
  z-index: 100;
}
.phone .panel2 .tips .text_btn:nth-of-type(1) {
  left: 8rem;
}
.phone .panel2 .tips .text_btn:nth-of-type(2) {
  right: 8rem;
}
.phone .panel2 .red-packet {
  position: relative;
  margin: 0.4rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/red-packet-bg.png") center/cover no-repeat;
  width: 91.33rem;
  height: 57.73rem;
}
.phone .panel2 .red-packet .open-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left: calc(50% - 24.53rem);
  top: 2.3rem;
  padding-top: 4rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/rewards.png") center/cover no-repeat;
  width: 49.07rem;
  height: 33.07rem;
  box-sizing: border-box;
  font-size: 2.07rem;
  line-height: 3.07rem;
  color: #ffffff;
  text-align: center;
}
.phone .panel2 .red-packet .open-content ul {
  list-style: inside;
}
.phone .panel2 .red-packet .btn-rp1 {
  position: absolute;
  right: 8rem;
  bottom: 8.8rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-rp1.png") center/cover no-repeat;
  width: 36.67rem;
  height: 12.93rem;
}
.phone .panel2 .red-packet .btn-rp1.done {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-rp3.png") center/cover no-repeat;
  pointer-events: none;
}
.phone .panel2 .red-packet .btn-rp2 {
  position: absolute;
  left: 8.1rem;
  bottom: 8.8rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-rp2.png") center/cover no-repeat;
  width: 36.67rem;
  height: 12.93rem;
}
.phone .panel2 .bag {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3.47rem 0 5.33rem;
  box-sizing: border-box;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/bg1.png") center/cover no-repeat;
  width: 100rem;
  height: 24.53rem;
}
.phone .panel2 .bag .chaos-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 42.27rem;
  font-size: 2.67rem;
  color: #ffffff;
}
.phone .panel2 .bag .chaos-content .chaos {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/chaos.png") center/cover no-repeat;
  width: 12.93rem;
  height: 12.93rem;
}
.phone .panel2 .bag .chaos-content .count {
  margin-bottom: 1.33rem;
}
.phone .panel2 .bag .chaos-content .btn-chaos {
  display: block;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-chaos.png") center/cover no-repeat;
  width: 26.13rem;
  height: 8rem;
}
.phone .panel2 .bag .extra-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 42.27rem;
  font-size: 2.67rem;
  color: #ffffff;
}
.phone .panel2 .bag .extra-content .extra {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/extra.png") center/cover no-repeat;
  width: 12.93rem;
  height: 12.93rem;
}
.phone .panel2 .bag .extra-content .count {
  margin-bottom: 1.33rem;
}
.phone .panel2 .bag .extra-content .btn-ex {
  display: block;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-extra.png") center/cover no-repeat;
  width: 26.13rem;
  height: 8rem;
}
.phone .panel2 .task-content {
  margin-top: 4rem;
}
.phone .panel2 .task-content i {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/icon.png") center/cover no-repeat;
  width: 2.27rem;
  height: 2.27rem;
}
.phone .panel2 .task-content .btn-get {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-bg.png") center/cover no-repeat;
  min-width: 24.27rem;
  height: 8.27rem;
  color: #ffc03b;
  font-size: 2.93rem;
  line-height: 8.27rem;
  text-align: center;
}
.phone .panel2 .task-content .btn-get.done {
  pointer-events: none;
}
.phone .panel2 .task-content .left {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/bg-left.png") center/cover no-repeat;
  width: 90.13rem;
  height: 76.53rem;
  font-size: 3.47rem;
  color: #fff7dc;
  overflow: hidden;
}
.phone .panel2 .task-content .left .task-list {
  margin-top: 18rem;
}
.phone .panel2 .task-content .left .task-list .task {
  width: 50rem;
}
.phone .panel2 .task-content .left .task-list li {
  padding: 0 3.33rem 0 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.phone .panel2 .task-content .left .task-list li:not(:first-child) {
  margin-top: 1.47rem;
}
.phone .panel2 .task-content .left .rules {
  margin-left: 9.33rem;
  margin-top: 16.67rem;
  font-size: 2.93rem;
  list-style: decimal;
}
.phone .panel2 .task-content .left .rules li {
  margin-bottom: 1.33rem;
}
.phone .panel2 .task-content .right {
  margin: 3.73rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/bg-right.png") center/cover no-repeat;
  width: 90.27rem;
  height: 72.8rem;
  font-size: 3.47rem;
  color: #fff7dc;
  overflow: hidden;
}
.phone .panel2 .task-content .right .task-list {
  margin-top: 17.6rem;
}
.phone .panel2 .task-content .right .task-list .task {
  width: 49.33rem;
}
.phone .panel2 .task-content .right .task-list .btn-invite {
  font-size: 3.2rem;
  letter-spacing: 0.16rem;
  min-width: 11.33rem;
  text-decoration: underline;
  text-underline-offset: 0.53rem;
  color: #c01000;
  transition: none;
  filter: none;
}
.phone .panel2 .task-content .right li {
  padding: 0 2.67rem 0 3.33rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.phone .panel2 .task-content .right li:first-child .task {
  width: 34.67rem;
}
.phone .panel2 .task-content .right li:nth-of-type(2) .task {
  width: 34.67rem;
}
.phone .panel2 .task-content .right li:not(:first-child) {
  margin-top: 2.13rem;
}
.phone .panel2 .rewards-show {
  margin: 4.67rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/rewards-show.png") center/cover no-repeat;
  width: 96.67rem;
  height: 37.07rem;
}
.phone .panel3 {
  margin-top: 12.4rem;
}
.phone .panel3 .tit3 {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/tit3.png") center/cover no-repeat;
  width: 73.07rem;
  height: 8.8rem;
}
.phone .panel3 .tips {
  display: inline-block;
  width: 100%;
  margin-top: 2.67rem;
  font-size: 2.4rem;
  color: #fff7df;
  line-height: 3.73rem;
  text-align: center;
}
.phone .panel3 .rp {
  position: relative;
  margin-top: 4rem;
  height: 28rem;
}
.phone .panel3 .rp .red-packet {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/red-packet.png") center/cover no-repeat;
  width: 18.53rem;
  height: 22.4rem;
  cursor: pointer;
  transition: 0.3s all;
}
.phone .panel3 .rp .red-packet:active {
  margin-top: -2rem;
  filter: drop-shadow(0 0 0.67rem white);
}
.phone .panel3 .rp .red-packet:nth-of-type(1) {
  transform: rotate(-16deg);
  left: calc(50% - 45.7em);
  top: 5.3rem;
  z-index: 1;
}
.phone .panel3 .rp .red-packet:nth-of-type(2) {
  transform: rotate(-12deg);
  left: calc(50% - 36.2em);
  top: 2.9rem;
  z-index: 2;
}
.phone .panel3 .rp .red-packet:nth-of-type(3) {
  transform: rotate(-8deg);
  left: calc(50% - 27.2em);
  top: 1.3rem;
  z-index: 3;
}
.phone .panel3 .rp .red-packet:nth-of-type(4) {
  transform: rotate(-4deg);
  left: calc(50% - 18.2em);
  top: 0.3rem;
  z-index: 4;
}
.phone .panel3 .rp .red-packet:nth-of-type(5) {
  left: calc(50% - 9.265rem);
  top: 0;
  z-index: 5;
}
.phone .panel3 .rp .red-packet:nth-of-type(6) {
  transform: rotate(4deg);
  left: calc(50% - 0.3rem);
  top: 0.3rem;
  z-index: 4;
}
.phone .panel3 .rp .red-packet:nth-of-type(7) {
  transform: rotate(8deg);
  left: calc(50% + 8.6rem);
  top: 1.3rem;
  z-index: 3;
}
.phone .panel3 .rp .red-packet:nth-of-type(8) {
  transform: rotate(12deg);
  left: calc(50% + 17.5rem);
  top: 2.9rem;
  z-index: 2;
}
.phone .panel3 .rp .red-packet:nth-of-type(9) {
  transform: rotate(16deg);
  left: calc(50% + 26rem);
  top: 5.3rem;
  z-index: 1;
}
.phone .panel4 {
  margin-top: 11.33rem;
  font-size: 2.4rem;
  letter-spacing: 0.048rem;
  color: #fff7df;
}
.phone .panel4 .tit4 {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/tit4.png") center/cover no-repeat;
  width: 28.8rem;
  height: 8.8rem;
}
.phone .panel4 a {
  color: inherit;
  font-family: auto, serif;
  text-decoration: underline;
}
.phone .panel4 .r1 div, .phone .panel4 .r2 div, .phone .panel4 .r3 div {
  display: table;
}
.phone .panel4 .r1 div:not(:first-child), .phone .panel4 .r2 div:not(:first-child), .phone .panel4 .r3 div:not(:first-child) {
  margin-top: 1.66rem;
  text-align: left;
}
.phone .panel4 .r1 .tit, .phone .panel4 .r2 .tit, .phone .panel4 .r3 .tit {
  font-size: 3.2rem;
  font-weight: bold;
  color: #ffbf00;
  letter-spacing: 0.6rem;
}
.phone .panel4 .r1 {
  box-sizing: border-box;
  padding: 6rem 4.67rem 6rem 3.73rem;
  margin: 1.6rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/rules-bg1.png") center/cover no-repeat;
  width: 100%;
}
.phone .panel4 .r2 {
  box-sizing: border-box;
  padding: 6rem 4.67rem 6rem 3.73rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/rules-bg2.png") center/cover no-repeat;
  width: 100%;
}
.phone .panel4 .r3 {
  box-sizing: border-box;
  padding: 6rem 4.67rem 6rem 3.73rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/rules-bg3.png") center/cover no-repeat;
  width: 100%;
}
.phone .s-panel1 {
  position: relative;
  margin-top: 1.33rem;
}
.phone .s-panel1 .tit5 {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/tit5.png") center/cover no-repeat;
  width: 62rem;
  height: 8.8rem;
}
.phone .s-panel1 .tips {
  margin: 4rem auto 0;
  font-size: 4.8rem;
  color: #fff8dc;
  text-align: center;
}
.phone .s-panel1 .bg2 {
  position: absolute;
  left: 0;
  top: -19rem;
  width: 100rem;
  height: 128.53rem;
}
.phone .s-panel1 .card {
  position: relative;
  margin: -8rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/light.png") center/cover no-repeat;
  width: 80.93rem;
  height: 81.73rem;
  z-index: 3;
}
.phone .s-panel1 .card .cd {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40rem;
}
.phone .s-panel1 .btn-group {
  position: relative;
  z-index: 3;
  margin: -15.5rem auto 0;
  width: 75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.phone .s-panel1 .btn-group .btn-send {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-send.png") center/cover no-repeat;
  width: 36.67rem;
  height: 13.07rem;
}
.phone .s-panel1 .btn-group .btn-not-send {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-not-send.png") center/cover no-repeat;
  width: 36.67rem;
  height: 13.07rem;
}
.phone .s-panel1 .btn-group .btn-in {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/btn-in.png") center/cover no-repeat;
  width: 36.67rem;
  height: 12.93rem;
}
.phone .s-panel2 {
  margin-top: 6.67rem;
  position: relative;
  z-index: 3;
}
.phone .s-panel2 .tit6 {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/tit6.png") center/cover no-repeat;
  width: 42rem;
  height: 8.8rem;
}
.phone .s-panel2 .card {
  margin: 3.33rem auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 94rem;
}
.phone .s-panel2 .card > div {
  width: 22.93rem;
  height: 30rem;
  font-size: 2.4rem;
  color: #ffa423;
  text-align: center;
  padding-top: 28.5rem;
  box-sizing: border-box;
}
.phone .s-panel2 .card > div span {
  margin: 0 0.5rem;
}
.phone .s-panel2 .card .long {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-long.png") center 0 no-repeat;
}
.phone .s-panel2 .card .long.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-long-red.png") center 0 no-repeat;
}
.phone .s-panel2 .card .nian {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-nian.png") center 0 no-repeat;
}
.phone .s-panel2 .card .nian.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-nian-red.png") center 0 no-repeat;
}
.phone .s-panel2 .card .xing {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-xing.png") center 0 no-repeat;
}
.phone .s-panel2 .card .xing.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-xing-red.png") center 0 no-repeat;
}
.phone .s-panel2 .card .da {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-da.png") center 0 no-repeat;
}
.phone .s-panel2 .card .da.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-da-red.png") center 0 no-repeat;
}
.phone .s-panel2 .card .yun {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-yun.png") center 0 no-repeat;
}
.phone .s-panel2 .card .yun.have {
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/card-yun-red.png") center 0 no-repeat;
}
.phone .s-panel2 .rewards-show {
  margin: 6.67rem auto 0;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/m/rewards-show2.png") center/cover no-repeat;
  width: 91.6rem;
  height: 16.8rem;
}
.phone .s-panel2 .item {
  margin-top: 4.27rem;
  font-size: 2.93rem;
  color: #fff8d7;
  text-align: center;
}
.phone .isShare {
  background-position: center -100rem;
}
.phone .isShare .head {
  height: 84rem;
}
.phone .isShare .head .login {
  bottom: 5rem;
}
.phone .dia-close {
  display: block;
  right: 0.67rem;
  top: -7.2rem;
  border: 0.27rem solid #671309;
  font-size: 8rem;
  box-sizing: border-box;
  color: #6a170d;
  height: 6.4rem;
  line-height: 6.4rem;
  width: 6.67rem;
  text-indent: -0.93rem;
  border-radius: 1.33rem;
}
.phone #address .dia-con {
  padding-top: 16rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/swiper-address.png") center/cover no-repeat;
  width: 95.2rem;
  height: 65.2rem;
  box-sizing: border-box;
}
.phone #address .dia-con .i-box {
  margin: 0 auto 2rem;
  display: flex;
  justify-content: space-between;
  width: 76.67rem;
}
.phone #address .dia-con .i-box label {
  margin-top: 0.67rem;
  min-width: 14.67rem;
  color: #e1c16c;
  font-size: 2.4rem;
  letter-spacing: 0.13rem;
  text-align: right;
}
.phone #address .dia-con .i-box input, .phone #address .dia-con .i-box textarea {
  padding: 0 1.33rem;
  background: transparent;
  flex-grow: 1;
  border: 0.13rem solid rgba(225, 193, 108, 0.5);
  height: 5.07rem;
  line-height: 5.07rem;
  color: rgba(255, 255, 255, 0.7);
}
.phone #address .dia-con .i-box input::placeholder, .phone #address .dia-con .i-box textarea::placeholder {
  font-size: 2.13rem;
  color: #867e6a;
}
.phone #address .dia-con .i-box textarea {
  height: 13.07rem;
  resize: none;
}
.phone #address .dia-con .tips {
  font-size: 2.13rem;
  color: #e1c16c;
  text-align: center;
  letter-spacing: 0.13rem;
}
.phone #address .dia-con .btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 4.27rem auto 0;
  width: 36rem;
}
.phone #address .dia-con .btn-group > a {
  display: block;
  font-size: 2.67rem;
  letter-spacing: 0.27rem;
  color: #e1c16c;
  height: 5.33rem;
  width: 15.73rem;
  border: 0.13rem solid #e1c16c;
  text-align: center;
  line-height: 5.33rem;
}
.phone #address .dia-con .btn-group .btn-cancel {
  background: #330803;
}
.phone #address .dia-con .btn-group .btn-submit {
  background: #7e1905;
}
.phone #showMyGiftContent .dia-con {
  position: relative;
  padding-top: 5.07rem;
  padding-bottom: 5rem;
  box-sizing: border-box;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/swiper-record.png") center/100% 100% no-repeat;
  width: 95.2rem;
}
.phone #showMyGiftContent .dia-con .title {
  margin: 0 auto 6.4rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/swiper-record-title.png") center/cover no-repeat;
  width: 24.4rem;
  height: 6.13rem;
}
.phone #showMyGiftContent .dia-con table {
  position: relative;
  margin: 0 auto;
  width: 82rem;
  text-align: center;
}
.phone #showMyGiftContent .dia-con table::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.13rem;
  background: linear-gradient(to right, transparent 0%, rgba(225, 193, 108, 0.5) 10%, rgba(225, 193, 108, 0.5) 90%, transparent 100%);
}
.phone #showMyGiftContent .dia-con table::after {
  content: "";
  position: absolute;
  left: 0;
  top: 6rem;
  height: 0.13rem;
  width: 100%;
  background: linear-gradient(to right, transparent 0%, rgba(225, 193, 108, 0.5) 10%, rgba(225, 193, 108, 0.5) 90%, transparent 100%);
}
.phone #showMyGiftContent .dia-con table tr {
  overflow: hidden;
}
.phone #showMyGiftContent .dia-con table tr:first-child {
  height: 6.67rem;
}
.phone #showMyGiftContent .dia-con table th {
  font-size: 2.4rem;
  color: #e1c16c;
  letter-spacing: 0.13rem;
  text-align: center;
}
.phone #showMyGiftContent .dia-con table th:nth-of-type(1) {
  min-width: 17.6rem;
}
.phone #showMyGiftContent .dia-con table th:nth-of-type(2) {
  min-width: 10.8rem;
}
.phone #showMyGiftContent .dia-con table th:nth-of-type(3) {
  width: 100%;
}
.phone #showMyGiftContent .dia-con table th:nth-of-type(4) {
  min-width: 9.47rem;
}
.phone #showMyGiftContent .dia-con table td {
  color: #867e6a;
  font-size: 2.4rem;
  letter-spacing: 0.13rem;
  height: 4rem;
}
.phone #showMyGiftContent .dia-con .btn-group {
  margin: 3rem auto 0;
  width: 35.73rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.phone #showMyGiftContent .dia-con .btn-group > a {
  line-height: 5.33rem;
  width: 15.73rem;
  height: 5.33rem;
  font-size: 2.67rem;
  letter-spacing: 0.27rem;
  color: #e1c16c;
  border: 0.13rem solid #e1c16c;
  text-align: center;
}
.phone #showMyGiftContent .dia-con .btn-group > a span {
  font-size: 1.33rem;
  vertical-align: bottom;
}
.phone #showAlert .dia-con {
  padding-top: 14.67rem;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/swiper-gift.png") center/cover no-repeat;
  width: 63.47rem;
  height: 57.87rem;
  color: #ffffff;
  font-size: 2.67rem;
  text-align: center;
  box-sizing: border-box;
}
.phone #showAlert .dia-con ul li {
  height: 3.73rem;
  line-height: 3.73rem;
  list-style: inside;
}
.phone #showAlert .dia-con .btn-sure {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe/act/a20240118spring/swiper-btn-sure.png") center/cover no-repeat;
  width: 26.93rem;
  height: 10.13rem;
  left: calc(50% - 13.47rem);
  bottom: 6rem;
}
/*2.02ะยิ๖*/
.milo-alert-frame{
  z-index: 99999!important;
}
.phone .panel2 .red-packet .btn-rp2.done{
  pointer-events: none;
}
.vue-content:not(.phone) .panel2 .red-packet .btn-rp2.done {
  pointer-events: none;
}
/*# sourceMappingURL=index.css.map */