.pages {
  scroll-behavior: smooth;
  font-size: .48rem;
  font-weight: 400;
  line-height: 1.4;
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 2;
  background-color: #000;
}

.pages-content {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin: auto;
}

.pages-header {
  width: 100%;
  height: 1.6rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 0 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  border-bottom: .02rem solid rgba(234, 235, 235, .2);
  backdrop-filter: blur(.2rem);
  -webkit-backdrop-filter: blur(.2rem);
}

.pages-header:before {
  content: "";
  width: .04rem;
  height: .04rem;
  background-color: rgba(234, 235, 235, 0.6);
  position: absolute;
  bottom: 0;
  left: 0;
}

.pages-header:after {
  content: "";
  width: .04rem;
  height: .04rem;
  background-color: rgba(234, 235, 235, 0.6);
  position: absolute;
  bottom: 0;
  right: 0;
}

.pages-header-link,
.pages-header-rule {
  font-size: .36rem;
  color: #fff;
  padding: 0 .58rem;
  position: relative;
  transition: opacity .1s ease;
}

.pages-header-link:hover,
.pages-header-rule:hover {
  opacity: .8;
}

.pages-header-link:before,
.pages-header-rule:before {
  content: "";
  width: .02rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -.5rem;
  background-color: rgba(234, 235, 235, .3);
}

.pages-login-box {
  display: flex;
  align-items: center;
  padding-left: .65rem;
  position: relative;
}

.pages-login {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: opacity .1s ease;
}

.pages-login:hover {
  opacity: .8;
}

.pages-login-box:before {
  content: "";
  width: .6rem;
  height: .08rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-login-zs.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: -.27rem;
  left: .65rem;
}

.pages-login-icon {
  background-repeat: no-repeat;
  background-position: center top;
}

.pages-login-icon.-login {
  width: .44rem;
  height: .32rem;
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-login.png);
  background-size: contain;
}

.pages-login-icon.-exit {
  width: .27rem;
  height: .34rem;
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-exit.png);
  background-size: contain;
  margin-right: -.14rem;
}

.pages-login-text {
  font-size: .36rem;
  color: #EBEBEB;
  margin-right: .53rem;
  cursor: default;
}

.pages-login-btn {
  font-size: .36rem;
  color: #EBEBEB;
}

.sections {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 5;
}

.banners {
  position: relative;
}

.sections-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: 50% 50%;
}

.banners-content {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 2.65rem;
  z-index: 5;
}

.banners-title {
  width: 10.88rem;
  height: 4.08rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/banner-title.png) no-repeat center top;
  background-size: contain;
  margin: auto;
}

.banners-btn {
  width: 5.96rem;
  height: 1.16rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/banner-btn.png) no-repeat center top;
  background-size: 100% 100%;
  font-size: .37rem;
  color: #F5CD71;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 1.2rem auto 0;
  position: relative;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.banners-btn:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(255, 246, 125, .1);
  opacity: 0;
  pointer-events: none;
  transition: opacity .1s ease-out;
}

.banners-btn:hover:before {
  opacity: 1;
}

.popbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1.6rem;
}

.popbox-container.-authorize .popbox-content {
  flex: none;
}

.popbox-container.-authorize .popbox-btn {
  margin: .3rem auto 0;
}

.popbox-container.-authorize .popbox-pic {
  margin-top: .3rem;
}

.popbox-container.-agreement .popbox,
.popbox-container.-task .popbox,
.popbox-container.-rule .popbox {
  width: 20.59rem;
  height: 16.43rem;
  /* background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/popbox-bg2.png) no-repeat center top;
  background-size: contain; */
}

.popbox-container.-agreement .popbox:after,
.popbox-container.-task .popbox:after,
.popbox-container.-rule .popbox:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/popbox-bg2.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.popbox-container.-agreement .popbox:before,
.popbox-container.-task .popbox:before,
.popbox-container.-rule .popbox:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/popbox-bg2-mask.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

.popbox-container.-agreement .popbox-bd {
  padding-bottom: 2.3rem;
}

.popbox-container.-task .popbox-bd,
.popbox-container.-rule .popbox-bd {
  padding-bottom: 0;
}

.popbox-container.-task .popbox-btn,
.popbox-container.-rule .popbox-btn {
  margin-top: .52rem;
}

.popbox-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(15, 9, 6, .6);
  backdrop-filter: blur(.8rem);
  -webkit-backdrop-filter: blur(.8rem);
}

.popbox {
  width: 20.4rem;
  height: 12.59rem;
  /* background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/popbox-bg1.png) no-repeat center top;
  background-size: contain; */
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.52rem .85rem 1.6rem 1.4rem;
}

.popbox:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/popbox-bg1.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
  will-change: transform;
}

.popbox:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/popbox-bg1-mask.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  will-change: transform;
}

.popbox-close {
  width: .96rem;
  height: .96rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-close.png) no-repeat 50% 50%;
  background-size: .56rem .56rem;
  position: absolute;
  top: 1.24rem;
  right: 1.16rem;
  cursor: pointer;
  transition: transform .2s ease-out;
  z-index: 6;
}

.popbox-close:hover {
  transform: rotate(90deg) scale(.9);
}

.popbox-hd {
  flex-shrink: 0;
  height: 1.05rem;
  display: flex;
  align-items: center;
  border-bottom: .02rem solid rgba(53, 36, 33, .2);
  /* padding: 0 .7rem 0; */
  width: calc(100% - 1.4rem);
  margin: auto;
  position: relative;
  z-index: 5;
}

.popbox-title {
  display: flex;
  align-items: center;
  font-size: .53rem;
  color: #352421;
  font-weight: bold;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.popbox-title>span {
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.popbox-title-icon {
  width: .73rem;
  height: .64rem;
  background-repeat: no-repeat;
  background-position: center top;
  margin: -.18rem .14rem 0 0;
}

.popbox-title-icon.-warn {
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-warn.png);
  background-size: contain;
}

.popbox-bd {
  flex: 1;
  padding: .4rem .7rem .4rem .95rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 5;
}

.popbox-content {
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 .6rem .4rem 0;
}

.popbox-content::-webkit-scrollbar {
  width: .04rem;
  height: .04rem;
}

/* 滚动条轨道 */
.popbox-content::-webkit-scrollbar-track {
  background: rgba(163, 152, 137, .5);
}

/* 滚动条滑块 */
.popbox-content::-webkit-scrollbar-thumb {
  background: #8D776C;
}

.popbox-des {
  font-size: .37rem;
  color: rgba(53, 36, 33, .8);
  line-height: 1.5;
  margin-bottom: .56rem;
}

.popbox-des:last-child {
  margin-bottom: 0;
}

.popbox-pic {
  display: block;
  width: 3.56rem;
  height: 3.56rem;
  object-fit: contain;
  object-position: 50% 50%;
  margin: 1.15rem auto 0;
  border: .16rem solid rgba(252, 241, 228, .4);
  outline: .02rem solid rgba(53, 36, 33, .3);
}

.popbox-radio.-active .popbox-radio-icon {
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-radioed.png);
  background-size: contain;
}

.popbox-radio {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: .6rem;
}

.popbox-radio-icon {
  width: .56rem;
  height: .56rem;
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-radio.png);
  background-size: contain;
  margin-top: -.04rem;
}

.popbox-radio-des {
  font-size: .37rem;
  color: rgba(53, 36, 33, .8);
  line-height: 1.5;
  padding-left: .16rem;
}

.popbox-radio-text {
  color: #A22D1F;
  cursor: pointer;
  transition: filter .1s ease-out;
}

.popbox-radio-text:hover {
  filter: brightness(1.3);
}

.popbox-btn {
  flex-shrink: 0;
  width: 6.09rem;
  height: 1.33rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/popbox-btn.png) no-repeat center top;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .37rem;
  color: #F5CD71;
  font-weight: bold;
  padding-bottom: .1rem;
  cursor: pointer;
  margin: auto;
  position: relative;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.popbox-btn:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(255, 246, 125, .1);
  opacity: 0;
  pointer-events: none;
  transition: opacity .1s ease-out;
}

.popbox-btn:hover:before {
  opacity: 1;
}

.popbox-btn.-disabled {
  color: rgba(234, 235, 235, .6);
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/popbox-btn-disabled.png);
  background-size: contain;
}

.popbox-bd .popbox-btn {
  position: relative;
  left: -.3rem;
}

.sections.datas {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1.6rem;
}

.datas-figure {
  width: 14.5rem;
  height: 20.47rem;
  position: relative;
  padding: 4.2rem 1.85rem 1rem 2rem;
}

.datas-figure-title {
  width: 10.77rem;
  height: 1.56rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-card-title.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  pointer-events: none;
  margin: -8rem 0 0 -5.42rem;
}

.datas-figure:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-card-bg1.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: -.7rem;
  left: -.2rem;
  z-index: 2;
  pointer-events: none;
}

.datas-figure:before {
  content: "";
  width: 14.86rem;
  height: 19.69rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-card-bg1-mask.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: .6rem;
  left: -.5rem;
  z-index: 1;
  pointer-events: none;
}

.datas-figure.-notparti:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-card-bg2.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: -.7rem;
  left: -.2rem;
  z-index: 2;
  pointer-events: none;
}

.datas-figure.-notparti:before {
  content: "";
  width: 14.86rem;
  height: 19.69rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-card-bg1-mask.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: .6rem;
  left: -.5rem;
  z-index: 1;
  pointer-events: none;
}

.datas-figure-zs {
  width: 3.68rem;
  height: 3.68rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-flower1.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 13.8rem;
  left: -1.56rem;
  z-index: 4;
}

.datas-figure-content {
  position: relative;
  z-index: 3;
}

.datas-figure-des {
  font-size: .34rem;
  color: rgba(53, 36, 33, .8);
  line-height: 1.6;
  margin-top: .3rem;
}

.datas-figure-des:first-child {
  margin-top: 0;
}

.datas-figure-des span {
  font-size: .36rem;
  color: #A22D1F;
}

.datas-figure-des b {
  font-weight: bold;
  font-family: "PROJECTDTYPEBold",
    Tahoma,
    Arial,
    Roboto,
    "Droid Sans",
    "Helvetica Neue",
    "Droid Sans Fallback",
    "Heiti SC",
    sans-self;
}

.datas-figure-row {
  width: 1.52rem;
  height: 1.58rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-row.png) no-repeat 0% 0%;
  background-size: auto 1.58rem;
  margin: -.2rem 0 .08rem 3.8rem;
}

.datas-figure-card {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: .1rem auto .4rem;
}

.datas-figure-card.-list1 .datas-figure-card-item:nth-child(1) {
  transform: rotate(0);
}

.datas-figure-card-item:nth-child(1) {
  transform: rotate(-7deg);
}

.datas-figure-card-item:nth-child(2) {
  transform: rotate(3deg);
  top: -.16rem;
}

.datas-figure-card-item:nth-child(3) {
  transform: rotate(-7deg);
  top: -.36rem;
}

.datas-figure-card-item {
  width: 3.51rem;
  height: 4.79rem;
  position: relative;
  margin: 0 -.1rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-card.png) no-repeat center top;
  background-size: contain;
  transform-origin: 50% 50%;
}

.datas-figure-card-pic {
  width: 3.2rem;
  height: 3.2rem;
  object-fit: contain;
  object-position: 50% 50%;
  position: absolute;
  top: .64rem;
  left: 50%;
  margin-left: -1.56rem;
}

.datas-figure-card-name {
  width: 100%;
  padding: 0 .22rem 0 .66rem;
  position: absolute;
  bottom: .38rem;
  left: 0;
  font-size: .3rem;
  color: #F6E0A6;
  font-weight: 500;
}

.datas-figure-card-name:before {
  content: "";
  width: .32rem;
  height: .32rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/cards-info-zs.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: .28rem;
  margin-top: -.16rem;
}

.datas-figure-btn {
  width: 6.09rem;
  height: 1.33rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/popbox-btn.png) no-repeat center top;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .37rem;
  color: #E8CF8A;
  font-weight: bold;
  padding-bottom: .14rem;
  cursor: pointer;
  margin: auto;
  position: relative;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.datas-figure-btn:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(255, 246, 125, .1);
  opacity: 0;
  pointer-events: none;
  transition: opacity .1s ease-out;
}

.datas-figure-btn:hover:before {
  opacity: 1;
}

.cards {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cards-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(15, 9, 6, .6);
  backdrop-filter: blur(.2rem);
  -webkit-backdrop-filter: blur(.2rem);
}

.cards-swiper-container {
  /* width: 13.6rem;
  height: 20.11rem; */
  width: 100%;
  height: 100%;
  overflow: visible !important;
}

/* 单个幻灯片（卡片）样式 */
.cards-swiper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform cubic-bezier(0.2, 0.70, .50, 1.1) .5s;
}

.cards-swiper-box {
  width: 13.6rem;
  height: 20.11rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/cards-bg.png) no-repeat center top;
  background-size: contain;
  transform-origin: center center;
  padding: 4.4rem 2.7rem 3.8rem;
  position: relative;
}

/* .cards-swiper-box * {
  opacity: 0;
} */

.swiper-3d .swiper-wrapper {
  transform-style: flat !important;
}

/* 卡片内容样式 */
.cards-swiper-pic {
  /* width: 4.62rem;
  height: 7.37rem; */
  width: 7.5rem;
  height: 7.5rem;
  object-fit: contain;
  object-position: 50% 50%;
  position: absolute;
  top: 4.06rem;
  left: 50%;
  margin-left: -3.75rem;
}

.cards-swiper-cont {
  width: 8.6rem;
  position: absolute;
  left: 2.5rem;
  bottom: 3.8rem;
}

.cards-swiper-name {
  font-size: .53rem;
  color: transparent;
  font-weight: bold;
  background: linear-gradient(to bottom, #F6E0A6, #FFF4D7);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 auto;
  position: relative;
  text-indent: .65rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.cards-swiper-name:before {
  content: "";
  width: .56rem;
  height: .56rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/cards-info-zs.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: .1rem;
  left: 0;
}

.cards-swiper-des {
  font-size: .29rem;
  color: #F6E0A6;
  line-height: 1.5;
  margin: .32rem 0 .3rem;
}

.cards-swiper-info {
  padding-top: .36rem;
  border-top: .01rem solid rgba(246, 224, 166, .3);
  display: flex;
  align-items: center;
  overflow: hidden;
}

.cards-swiper-avatar {
  flex-shrink: 0;
  width: 1.76rem;
  height: 1.76rem;
  border: .02rem solid #F6E0A6;
}

.cards-swiper-avatar-pic {
  display: block;
  width: 100%;
  height: 100%;
}

.cards-swiper-info-cont {
  flex: 1;
  padding: .12rem .42rem 0 .31rem;
  overflow: hidden;
}

.cards-swiper-info-name {
  font-size: .32rem;
  color: #F6E0A6;
  font-weight: bold;
  margin-bottom: .1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cards-swiper-info-des {
  font-size: .29rem;
  color: #F6E0A6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .14rem 0;
  border-bottom: .01rem solid rgba(246, 224, 166, .3);
}

.cards-swiper-info-des:last-child {
  border-bottom: none;
}

.cards-swiper-qrcode {
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  object-fit: contain;
  object-position: 50% 50%;
  border-radius: 50%;
  overflow: hidden;
}

.plans {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}

.plans-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(15, 9, 6, .6);
  backdrop-filter: blur(.8rem);
  -webkit-backdrop-filter: blur(.8rem);
}

.plans-title {
  width: 10.77rem;
  height: 1.56rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/plan-title.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  pointer-events: none;
  margin: -8rem 0 0 -5.42rem;
}

.plans-content {
  width: 14.5rem;
  height: 20.47rem;
  position: relative;
  padding: 4.2rem 1.85rem 1rem 2rem;
  top: .8rem;
}

.plans-content:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-card-bg1.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: -.7rem;
  left: -.2rem;
  z-index: 2;
  pointer-events: none;
}

.plans-content:before {
  content: "";
  width: 14.86rem;
  height: 19.69rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-card-bg1-mask.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: .6rem;
  left: -.5rem;
  z-index: 1;
  pointer-events: none;
}

.plans-content>* {
  z-index: 4;
}

.plans-zs {
  width: 3.68rem;
  height: 3.68rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-flower1.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 13.8rem;
  left: -1.56rem;
}

.plans-des {
  font-size: .37rem;
  color: rgba(53, 36, 33, .8);
  line-height: 1.65;
  margin-bottom: .24rem;
  position: relative;
}

.plans-des b {
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.plans-des:last-child {
  margin-bottom: 0;
}

.plans-des-mark {
  display: inline-block;
  vertical-align: top;
  color: #A22D1F;
  cursor: pointer;
  transition: color .1s ease-out;
}

.plans-des-mark-text {
  position: relative;
}

.plans-des-mark-text:before {
  content: "";
  width: 100%;
  height: .09rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/plan-text-zs.png) repeat-x 0% 50%;
  background-size: 100% 100%;
  position: absolute;
  bottom: -.12rem;
  left: 0;
}

.plans-des-mark:hover {
  color: #C04839;
}

.plans-des-mark:hover .plans-des-icon.-q {
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-q-hover.png);
  background-size: contain;
}

.plans-des-icon {
  display: inline-block;
  vertical-align: top;
  width: .5rem;
  height: .5rem;
  background-repeat: no-repeat;
  background-position: center top;
  margin: 0 .06rem;
  position: relative;
  top: .04rem;
}

.plans-des-icon.-q {
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-q.png);
  background-size: contain;
  transition: all .1s ease-out;
}

.plans-prize {
  width: 10.54rem;
  height: 4.3rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/plan-prize-bg.png) no-repeat center top;
  background-size: contain;
  position: relative;
  margin: .48rem 0 .34rem 0;
}

.plans-prize-pic {
  width: 7.73rem;
  height: 2.16rem;
  object-fit: contain;
  object-position: 50% 50%;
  position: absolute;
  top: .53rem;
  left: 50%;
  transform: translate(-50%, 0%);
}

.plans-prize-name {
  width: 100%;
  position: absolute;
  top: 2.88rem;
  left: 50%;
  transform: translate(-50%, 0%);
  font-size: .37rem;
  color: #352421;
  font-weight: bold;
  text-align: center;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.plans-prize-btn {
  flex-shrink: 0;
  width: 6.09rem;
  height: 1.33rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/popbox-btn.png) no-repeat center top;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .37rem;
  color: #F5CD71;
  font-weight: bold;
  padding-bottom: .14rem;
  cursor: pointer;
  margin: .6rem auto 0;
  position: relative;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.plans-prize-btn:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(255, 246, 125, .1);
  opacity: 0;
  pointer-events: none;
  transition: opacity .1s ease-out;
}

.plans-prize-btn:hover:before {
  opacity: 1;
}

.plans-prize-btn.-disabled {
  cursor: default;
  color: rgba(234, 235, 235, .6);
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/popbox-btn-disabled.png);
  background-size: contain;
}

/* 问答题 */
.questions {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  /* display: flex;
  justify-content: center;
  align-items: center; */
}

.questions-content {
  width: 14.55rem;
  height: 20.41rem;
  padding: 1.04rem 1.32rem 1rem 1.72rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9.5rem 0 0 -7.275rem;
}

.questions-content-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 1.76rem 1.3rem 1rem 1.76rem;
  z-index: 5;
}

.questions-content:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/questions-bg.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: -.7rem;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.questions-content:before {
  content: "";
  width: 14.91rem;
  height: 19.69rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/questions-bg-mask.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: .6rem;
  left: -.4rem;
  z-index: 1;
  pointer-events: none;
}

.questions-zs {
  width: 3.68rem;
  height: 3.68rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-flower1.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 13.8rem;
  left: -1.56rem;
  z-index: 6;
}

.questions-hd {
  position: relative;
  z-index: 5;
  padding-top: .18rem;
}

.questions-hd-content {
  height: 2.9rem;
  display: flex;
  position: relative;
}

/* .questions-pic-box {
  flex-shrink: 0;
  position: relative;
  max-width: 2.6rem;
  max-height: 2.6rem;
} */
.questions-pic-box {
  flex-shrink: 0;
  width: 2.6rem;
  height: 2.6rem;
  border: .04rem solid rgba(204, 179, 149, 0.9);
  box-shadow: 0 .04rem .05rem rgba(38, 27, 23, 0.3),
    0 .02rem .05rem rgba(38, 27, 23, 0.3);
  background-color: #181818;
  overflow: hidden;
}

.questions-pic {
  flex-shrink: 0;
  display: block;
  /* max-width: 2.6rem;
  max-height: 2.6rem; */
  width: 2.6rem;
  height: 2.6rem;
  object-fit: contain;
  object-position: 50% 50%;
  cursor: pointer;
  transition: transform .2s ease-out;
}

.questions-pic:hover {
  transform: scale(1.1);
}

/* .questions-pic.--width {
  max-height: fit-content;
  margin-top: .16rem;
} */

.questions-info {
  flex: 1;
  padding: .16rem .38rem 0;
}

.questions-tag {
  width: 2.44rem;
  height: .68rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/questions-tag.png) no-repeat center top;
  background-size: contain;
}

.questions-name {
  font-size: .64rem;
  color: transparent;
  font-weight: bold;
  background: linear-gradient(to bottom, #F6E0A6, #FFF4D7);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: .22rem;
  line-height: 1.2;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.questions-des {
  font-size: .32rem;
  color: #F6E0A6;
}

.questions-count {
  padding-right: .1rem;
  font-size: .35rem;
  color: #F6E0A6;
  position: absolute;
  top: 2.26rem;
  right: 1.3rem;
  z-index: 3;
}

.questions-count-mark {
  color: #0FF796;
  font-weight: bold;
}

.questions-bd {
  padding: .84rem 0 0;
  position: relative;
  z-index: 5;
}

.questions-answers {}

.questions-answers-des {
  font-size: .43rem;
  color: rgba(53, 36, 33, .8);
  font-weight: bold;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.questions-answers-des-mark {
  color: #A22D1F;
}

.questions-select-list {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: .3rem;
}

.questions-select {
  width: 5.53rem;
  height: 3.98rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.questions-select.-active:before {
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/questions-selected.png);
  background-size: contain;
}

.questions-select.-disabled {
  cursor: pointer;
  pointer-events: none;
}

.questions-select.-disabled:after {
  content: "";
  width: 5.3rem;
  height: 3.74rem;
  background-color: rgba(24, 24, 24, .6);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
}

.questions-select:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/questions-select.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 3;
}

.questions-select-pic-box {
  width: 5.3rem;
  height: 3.74rem;
  overflow: hidden;
}

.questions-select-pic {
  width: 5.3rem;
  height: 3.74rem;
  object-fit: contain;
  object-position: 50% 50%;
  transition: transform .2s ease-out;
  background-color: #181818;
}

.questions-select-pic:hover {
  transform: scale(1.1);
}

.questions-select-scale {
  width: .88rem;
  height: .88rem;
  position: absolute;
  bottom: .12rem;
  right: .12rem;
  z-index: 3;
  cursor: pointer;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-scale.png) no-repeat center top;
  background-size: .64rem .64rem;
  opacity: .5;
  transition: all .12s ease;
}

.questions-select-scale:hover {
  opacity: 1;
}

/* 图片放大预览 */
.select-pic-preview {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}

.select-pic-preview.-active {
  visibility: visible;
}

.select-pic-preview-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .8);
  opacity: 0;
  transition: opacity .3s ease-out;
}

.select-pic-preview.-active .select-pic-preview-mask {
  opacity: 1;
}

.select-pic-preview-img {
  width: 50vw;
  height: 50vh;
  object-fit: contain;
  object-position: 50% 50%;
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: scale(.3);
  transition: opacity .35s ease-out,
    transform .35s ease-in-out;
}

.select-pic-preview.-active .select-pic-preview-img {
  opacity: 1;
  transform: scale(1);
}

.questions-btn-box {
  margin: .76rem auto 0;
  position: relative;
}

.questions-tips {
  width: 100%;
  font-size: .32rem;
  color: rgba(53, 36, 33, .8);
  margin: .15rem auto .35rem;
}

.questions-btn {
  flex-shrink: 0;
  width: 6.09rem;
  height: 1.33rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/popbox-btn.png) no-repeat center top;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .37rem;
  color: #F5CD71;
  font-weight: bold;
  padding-bottom: .12rem;
  cursor: pointer;
  margin: auto;
  position: relative;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.questions-btn:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(255, 246, 125, .1);
  opacity: 0;
  pointer-events: none;
  transition: opacity .1s ease-out;
}

.questions-btn:hover:before {
  opacity: 1;
}

.questions-btn.-disabled {
  cursor: default;
  color: rgba(234, 235, 235, .6);
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/popbox-btn-disabled.png);
  background-size: contain;
}

.questions-btn.-disabled:hover:before {
  opacity: 0;
}

/* 答题结果 */
.results {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}

.results-content {
  width: 14.5rem;
  height: 20.47rem;
  position: relative;
  padding: 3.8rem 1.85rem 1rem 2rem;
}

.results-content:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-card-bg1.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: -.7rem;
  left: -.2rem;
  z-index: 2;
  pointer-events: none;
}

.results-content:before {
  content: "";
  width: 14.86rem;
  height: 19.69rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-card-bg1-mask.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: .6rem;
  left: -.5rem;
  z-index: 1;
  pointer-events: none;
}

.results-content>* {
  z-index: 5;
}

.results-zs {
  width: 3.68rem;
  height: 3.68rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-flower1.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 13.8rem;
  left: -1.56rem;
}

.results-figure {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 9;
}

.results-figure-pic {
  width: 2.25rem;
  height: 3.1rem;
  object-fit: contain;
  object-position: 50% 50%;
  transform: rotate(6deg);
  position: relative;
  top: .18rem;
  left: .16rem;
}

.results-figure-des {
  padding-left: .14rem;
  font-size: .37rem;
  color: #52413B;
  line-height: 1.6;
}

.results-progress {
  width: 10.54rem;
  height: 3.16rem;
  position: relative;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/results-progress-bg.png) no-repeat center top;
  background-size: contain;
  margin: -.1rem auto .4rem;
  padding: .94rem .32rem 0 .52rem;
}

.results-progress-title {
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .37rem;
  color: rgba(53, 36, 33, .8);
  font-weight: bold;
  margin: auto;
  height: .81rem;
  cursor: pointer;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
  position: absolute;
  z-index: 9;
  text-align: center;
  /* width: 10.54rem;
  width: 5.2rem; */
  left: 50%;
  width: 100%;
  margin-left: -50%;
}

.results-progress-title>span {
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.results-progress-title:hover .tips {
  display: block;
}

.results-progress-icon {
  width: .5rem;
  height: .5rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/icon-q2.png) no-repeat center top;
  background-size: contain;
  margin: -.04rem 0 0 .04rem;
  cursor: pointer;
}

.results-progress-content {
  padding-top: .74rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.results-progress-hd {
  position: relative;
  width: 8rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.results-progress-inner {
  width: 100%;
  height: .2rem;
  position: relative;
  border-radius: .2rem;
  background-color: #B3A191;
  border: .02rem solid rgba(93, 80, 77, .4);
}

.results-progress-inner-bg {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: .2rem;
  background-image: linear-gradient(to right, #A22D1F, #A22D1F);
}

.results-progress-list {
  width: 100%;
  height: 1rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  top: -.58rem;
  left: 0;
}

.results-progress-item {
  font-size: .37rem;
  color: rgba(53, 36, 33, .8);
  position: relative;
}

.results-progress-item:before {
  content: "";
  width: .48rem;
  height: .48rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/results-progress-icon.png) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  top: .6rem;
  left: 50%;
  margin-left: -.24rem;
}

.results-progress-item.-active:before {
  width: .6rem;
  height: .6rem;
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/results-progress-icon-active.png);
  background-size: contain;
  top: .54rem;
  margin-left: -.3rem;
}

.results-progress-tag {
  width: 1.73rem;
  height: .79rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/results-mark.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: -.4rem;
}

.results-progress-tag.-target1 {
  left: 1.54rem;
}

.results-progress-tag.-target2 {
  left: 4.2rem;
}

.results-progress-tag.-target3 {
  left: 6.9rem;
}

.results-progress-tag.-target4 {
  top: -.51rem;
  left: 7.9rem;
}

.results-progress-bd {
  text-align: right;
  padding-bottom: .15rem;
}

.results-progress-count {
  font-size: .37rem;
  color: #A22D1F;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  margin-bottom: -.08rem;
}

.results-progress-count-num {
  font-size: .64rem;
  font-weight: bold;
  line-height: 1;
  position: relative;
  margin-right: .04rem;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.results-progress-count-des {
  font-size: .4rem;
  color: rgba(53, 36, 33, .8);
  font-weight: bold;
  line-height: 1.2;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
  text-align: left;
  padding-left: .06rem;
}

.results-des {
  font-size: .37rem;
  color: rgba(53, 36, 33, .8);
  line-height: 1.5;
  margin-bottom: .12rem;
  position: relative;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.results-btn-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: .24rem auto 0;
  position: relative;
}

.results-btn {
  flex-shrink: 0;
  width: 5.24rem;
  height: 1.32rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/results-btn.png) no-repeat center top;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .37rem;
  color: #F5CD71;
  font-weight: bold;
  padding-bottom: .08rem;
  cursor: pointer;
  margin: auto;
  position: relative;
  font-family: "PROJECTDTYPEBold", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
}

.results-btn:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(255, 246, 125, .1);
  opacity: 0;
  pointer-events: none;
  transition: opacity .1s ease-out;
}

.results-btn:hover:before {
  opacity: 1;
}

.results-btn.-primary {
  color: #3F160E;
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/results-btn-primary.png);
  background-size: 100% 100%;
}

.results-btn.-disabled {
  cursor: default;
  color: rgba(234, 235, 235, .6);
  background-image: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/results-btn-disabled.png);
  background-size: 100% 100%;
}

.page-swiper-container {
  position: relative !important;
  height: 100vh !important;
}

.toast {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

.toast-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.toast-des {
  font-size: .37rem;
  color: rgba(234, 235, 235, .8);
  padding: .24rem .4rem;
  background-color: rgba(0, 0, 0, 0.7);
  border: .02rem solid rgba(234, 235, 235, 0.4);
}

/* .swiper-creative .swiper-slide {
  transform-origin: 50% 0%;
} */

/* .page-swiper-container .swiper-slide {
  transform: translate3d(0, -20%, 0);
}

.page-swiper-container .ani-slide {
  transform: translate3d(0, 0, 0);
} */
.pages-up {
  width: 1.28rem;
  height: .37rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/pages-up.png) no-repeat center top;
  background-size: contain;
  position: fixed;
  top: 3.02rem;
  left: 50%;
  margin-left: -.64rem;
  z-index: 10;
  display: none;
  animation: up-ani 2.4s linear infinite forwards;
}

@keyframes up-ani {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }

  30%,
  70% {
    transform: translate3d(0, -.6rem, 0);
    opacity: 1;
  }

  100% {
    transform: translate3d(0, -1.2rem, 0);
    opacity: 0;
  }
}

.pages-down {
  width: 1.28rem;
  height: .73rem;
  background: url(https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/pages-down.png) no-repeat center top;
  background-size: contain;
  position: fixed;
  bottom: 1.03rem;
  left: 50%;
  margin-left: -.64rem;
  z-index: 10;
  display: none;
  animation: down-ani 2.4s linear infinite forwards;
}

@keyframes down-ani {
  0% {
    transform: translate3d(0, -.5rem, 0);
    opacity: 0;
  }

  30%,
  70% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  100% {
    transform: translate3d(0, 1rem, 0);
    opacity: 0;
  }
}

.tips {
  position: absolute;
  bottom: calc(100% - .06rem);
  left: 50%;
  z-index: 98;
  max-width: 6.25rem;
  width: 6.25rem;
  transform: translate(-50%, 0);
  display: none;
  text-align: left;
  margin-left: 2.3rem;
}

.tips-content {
  font-size: .32rem;
  color: rgba(234, 235, 235, .8);
  font-weight: normal;
  padding: .2rem;
  background-color: rgba(0, 0, 0, 0.7);
  border: .02rem solid rgba(234, 235, 235, 0.4);
}

/* 动画 */
.banners .sections-bg {
  transform: scale(1.24);
  filter: brightness(0);
  transition: transform .5s ease-out .2s,
    filter .5s ease-out .2s;
}

.-load .banners .sections-bg {
  transform: scale(1);
  filter: brightness(1);
}

.banners .banners-title {
  opacity: 0;
  transform: translate3d(0, 1.5rem, 0);
  transition: opacity .5s ease-out .4s,
    transform .5s ease-out .4s;
}

.-load .banners .banners-title {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.banners .banners-btn {
  opacity: 0;
  transform: translate3d(0, 1.5rem, 0);
  transition: opacity .5s ease-out .5s,
    transform .5s ease-out .5s;
}

.-load .banners .banners-btn {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.datas-figure-trim-list {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.datas-figure-trim {
  position: absolute;
  top: 50%;
  left: 50%;
  background-repeat: no-repeat;
  background-position: center top;
  transform: translate3d(0, 9rem, 0);
}

.datas-figure-trim:nth-child(1) {
  width: 9.24rem;
  height: 10.1rem;
  background-image: url("https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-trim1.png");
  background-size: contain;
  margin: -5.3rem 0 0 -17.5rem;
}

.datas-figure-trim:nth-child(2) {
  width: 4.12rem;
  height: 3.19rem;
  background-image: url("https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-trim2.png");
  background-size: contain;
  margin: 2.6rem 0 0 -18.7rem;
}

.datas-figure-trim:nth-child(3) {
  width: 6.02rem;
  height: 8.64rem;
  background-image: url("https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-trim3.png");
  background-size: contain;
  margin: .65rem 0 0 -14.45rem;
}

.datas-figure-trim:nth-child(4) {
  width: 22.68rem;
  height: 16.22rem;
  background-image: url("https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-trim4.png");
  background-size: contain;
  margin: -11.6rem 0 0 -.1rem;
}

.datas-figure-trim:nth-child(5) {
  width: 8.5rem;
  height: 9.8rem;
  background-image: url("https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-trim5.png");
  background-size: contain;
  margin: -1.5rem 0 0 9.1rem;
}

.datas-figure-trim:nth-child(6) {
  width: 12.6rem;
  height: 11.07rem;
  background-image: url("https://game.gtimg.cn/images/dfm/act/a20260909publicwelfare/pc/datas-trim6.png");
  background-size: contain;
  margin: 1.8rem 0 0 5.36rem;
}

.datas.swiper-slide-active .datas-figure-trim:nth-child(1) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .3s ease-out .2s,
    transform .7s ease .2s;
}

.datas.swiper-slide-active .datas-figure-trim:nth-child(2) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .3s ease-out .4s,
    transform .7s ease .4s;
}

.datas.swiper-slide-active .datas-figure-trim:nth-child(3) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .3s ease-out .6s,
    transform .8s ease .6s;
}

.datas.swiper-slide-active .datas-figure-trim:nth-child(4) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .3s ease-out .3s,
    transform .7s ease .3s;
}

.datas.swiper-slide-active .datas-figure-trim:nth-child(5) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .3s ease-out .45s,
    transform .8s ease .45s;
}

.datas.swiper-slide-active .datas-figure-trim:nth-child(6) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .3s ease-out .55s,
    transform .9s ease .55s;
}

.datas-figure {
  opacity: 0;
  transform: translate3d(0, -2rem, 0);
  transform-origin: 50% 100% !important;
}

.datas-figure:before {
  opacity: 0;
  transform: translate3d(0, -1rem, 0);
  transform-origin: 50% 100% !important;
}

.datas.swiper-slide-active .datas-figure {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .3s ease-out .8s, transform .3s ease-out .8s;
  /* animation: popbox-show2 .3s ease-out forwards .8s; */
}

.datas.swiper-slide-active .datas-figure:before {
  /* animation: popbox-show-mask2 .35s ease-out forwards .9s; */
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .35s ease-out .9s, transform .35s ease-out .9s;
}

.datas-figure-zs {
  opacity: 0;
  transform: scale(0);
  transition: opacity .4s ease-out 1.4s,
    transform .4s ease-out 1.4s;
}

.datas.swiper-slide-active .datas-figure-zs {
  opacity: 1;
  transform: scale(1);
}

.datas-figure-des {
  opacity: 0;
  transform: translate3d(0, .3rem, 0);
}

.datas.swiper-slide-active .datas-figure-des {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.datas.swiper-slide-active .datas-figure-des:nth-child(1) {
  transition: opacity .6s ease-out 1.4s,
    transform .6s ease-out 1.4s;
}

.datas.swiper-slide-active .datas-figure-des:nth-child(2) {
  transition: opacity .6s ease-out 1.5s,
    transform .6s ease-out 1.5s;
}

.datas.swiper-slide-active .datas-figure-des:nth-child(3) {
  transition: opacity .6s ease-out 1.6s,
    transform .6s ease-out 1.6s;
}

.datas-figure-row {
  width: 0;
}

.datas.swiper-slide-active .datas-figure-row {
  width: 1.52rem;
  transition: width .5s ease-out 1.7s;
}

.datas .datas-figure-card-item {
  opacity: 0;
  transition: opacity .2s ease-out 2.2s,
    transform .5s cubic-bezier(0.005, 0.615, 0.295, 1) 2.1s;
}

.datas-figure-card-item:nth-child(1) {
  transform: rotate(7deg);
}

.datas-figure-card-item:nth-child(2) {
  transform: rotate(12deg);
}

.datas-figure-card-item:nth-child(3) {
  transform: rotate(7deg);
}

.datas.swiper-slide-active .datas-figure-card-item:nth-child(1) {
  opacity: 1;
  transform: rotate(-7deg);
}

.datas.swiper-slide-active .datas-figure-card-item:nth-child(2) {
  opacity: 1;
  transform: rotate(3deg);
}

.datas.swiper-slide-active .datas-figure-card-item:nth-child(3) {
  opacity: 1;
  transform: rotate(-7deg);
}

.datas-figure-btn {
  opacity: 0;
  transform: translate3d(0, .3rem, 0);
  transition: opacity .3s ease-out 2.5s,
    transform .3s ease-out 2.5s;
}

.datas.swiper-slide-active .datas-figure-btn {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.cards {
  visibility: hidden;
}

.cards.-active {
  visibility: visible;
}

.cards-mask {
  opacity: 0;
  transition: opacity .4s ease-out;
}

.cards-swiper-container {
  opacity: 0;
  transform-origin: 50% 100% !important;
}

.cards.-active .cards-swiper-container {
  animation: popbox-show3 .4s ease forwards;
}

.cards.-active .swiper-slide:nth-child(2) .cards-swiper-box {
  animation: popbox-show-mask3 .5s ease forwards;
}

.cards.-active .swiper-slide:nth-child(3) .cards-swiper-box {
  animation: popbox-show-mask3 .6s ease forwards;
}

.cards.-active .cards-mask {
  opacity: 1;
}

/* 离场动画 */
#cards.-leave {
  visibility: visible;
}

#cards.-leave .cards-swiper-container {
  animation: cards-pop-out .35s ease forwards;
}

@keyframes cards-pop-out {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, -2rem, 0);
  }
}

/* plans 入场/离场动画 */
/* .plans {
  visibility: hidden;
}

.plans.-active {
  visibility: visible;
}

.plans-content {
  opacity: 0;
  transform-origin: 50% 100% !important;
}

.plans.-active .plans-content {
  animation: popbox-show2 .4s ease-out forwards .1s;
}

.plans-content:before {
  opacity: 0;
  transform-origin: 50% 100% !important;
}

.plans.-active .plans-content:before {
  animation: popbox-show-mask2 .5s ease-out forwards .1s;
}

.plans-zs {
  opacity: 0;
  transform: scale(0);
  transition: opacity .4s ease-out .8s,
    transform .4s ease-out .8s;
}

.plans.-active .plans-zs {
  opacity: 1;
  transform: scale(1);
}

.plans-des {
  opacity: 0;
  transform: translate3d(0, .3rem, 0);
}

.plans.-active .plans-des {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.plans.-active .plans-des:nth-child(2) {
  transition: opacity .4s ease-out 1s,
    transform .4s ease-out 1s;
}

.plans.-active .plans-des:nth-child(3) {
  transition: opacity .4s ease-out 1.1s,
    transform .4s ease-out 1.1s;
}

.plans.-active .plans-des:nth-child(4) {
  transition: opacity .4s ease-out 1.2s,
    transform .4s ease-out 1.2s;
}

.plans-prize {
  opacity: 0;
  transform: translate3d(0, .3rem, 0);
}

.plans.-active .plans-prize {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .4s ease-out 1.5s,
    transform .4s ease-out 1.5s;
}

.plans-prize-btn {
  opacity: 0;
  transform: translate3d(0, .3rem, 0);
}

.plans.-active .plans-prize-btn {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .4s ease-out 1.6s,
    transform .4s ease-out 1.6s;
} */

/* 问答题 入场/离场动画 */
.questions {
  visibility: hidden;
}

.questions.-active {
  visibility: visible;
}

/* .questions-content {
  opacity: 0;
  transform: rotate(-16deg) scale(.9);
  transition: opacity .6s cubic-bezier(.41, .01, .18, .92),
    transform .6s cubic-bezier(.41, .01, .18, .92);
}

.questions.-active .questions-content {
  opacity: 1;
  transform: rotate(0deg) scale(1);
} */

.questions-zs {
  opacity: 0;
  transform: scale(0);
  transition: opacity .5s ease-out .4s,
    transform .5s ease-out .4s;
}

.questions.-active .questions-zs {
  opacity: 1;
  transform: scale(1);
}

/* 繁星计划  入场/离场动画*/
.results {
  visibility: hidden;
}

.results.-active {
  visibility: visible;
}

.results-content {
  opacity: 0;
  transform-origin: 50% 100% !important;
}

.results.-active .results-content {
  animation: popbox-show2 .4s ease-out forwards .1s;
}

.results-content:before {
  opacity: 0;
  transform-origin: 50% 100% !important;
}

.results.-active .results-content:before {
  animation: popbox-show-mask2 .5s ease-out forwards .1s;
}

.results-zs {
  opacity: 0;
  transform: scale(0);
  transition: opacity .4s ease-out .8s,
    transform .4s ease-out .8s;
}

.results.-active .results-zs {
  opacity: 1;
  transform: scale(1);
}

.results-figure {
  opacity: 0;
  transform: translate3d(0, .3rem, 0);
  transition: opacity .3s ease-out .8s,
    transform .3s ease-out .8s;
}

.results.-active .results-figure {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.results-progress-title {
  opacity: 0;
  transform: translate3d(0, .3rem, 0);
  transition: opacity .3s ease-out .9s,
    transform .3s ease-out .9s;
}

.results.-active .results-progress-title {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.results-progress {
  opacity: 0;
  transform: translate3d(0, .3rem, 0);
  transition: opacity .3s ease-out 1s,
    transform .3s ease-out 1s;
}

.results.-active .results-progress {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.results-des {
  opacity: 0;
  transform: translate3d(0, .3rem, 0);
  transition: opacity .3s ease-out 1.2s,
    transform .3s ease-out 1.2s;
}

.results.-active .results-des {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.results .plans-prize {
  opacity: 0;
  transform: translate3d(0, .3rem, 0);
  transition: opacity .3s ease-out 1.2s,
    transform .3s ease-out 1.2s;
}

.results.-active .plans-prize {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.results-btn-box {
  opacity: 0;
  transform: translate3d(0, .3rem, 0);
}

.results.-active .results-btn-box {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .3s ease-out 1.2s,
    transform .3s ease-out 1.2s;
}

.results-progress-inner-bg {
  width: 0%;
}

.results.-active .results-progress-inner-bg {
  animation: progress-width .5s ease-out 1.7s forwards;
}

@keyframes progress-width {
  0% {
    width: 0;
  }

  100% {
    width: var(--width);
  }
}

.results-progress-tag {
  opacity: 0;
  transform: rotate(30deg);
  transform-origin: 0% 100%;
}

.results.-active .results-progress-tag {
  opacity: 1;
  transform: rotate(0deg);
  transition: opacity .6s cubic-bezier(0.000, 0.390, 0.235, 1.3) 2.3s,
    transform .6s cubic-bezier(0.000, 0.390, 0.235, 1.3) 2.3s;
}

/* 问题  入场/离场动画*/
.questions-content {
  opacity: 0;
  transform-origin: 50% 100% !important;
}

.questions.-active .questions-content {
  animation: popbox-show2 .4s ease-out forwards;
}

.questions.-active .questions-content:before {
  animation: popbox-show-mask2 .55s ease-out forwards;
}

.questions-content-box {
  visibility: hidden;
}

.questions-content-box.-leave {
  visibility: hidden;
  opacity: 0;
}

.questions-content-box.-active {
  visibility: visible;
  opacity: 0;
  animation: questions-active .3s ease forwards;
}

@keyframes questions-active {
  0% {
    opacity: 0;
    transform: translate3d(0, .25rem, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* 弹窗过渡动画 */

.popbox-container .popbox {
  opacity: 0;
  transform-origin: 50% 100% !important;
}

.popbox-container.-active .popbox {
  animation: popbox-show .35s ease forwards .1s;
}

.popbox-container:before {
  opacity: 0;
  transform-origin: 50% 100% !important;
}

.popbox-container.-active .popbox:before {
  animation: popbox-show .4s ease forwards .1s;
}

@keyframes popbox-show {
  0% {
    opacity: 0;
    transform: translate3d(0, 2rem, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes popbox-show-mask {
  0% {
    opacity: 0;
    transform: translate3d(0, .2rem, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes popbox-show2 {
  0% {
    opacity: 0;
    transform: translate3d(0, -2rem, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes popbox-show-mask2 {
  0% {
    opacity: 0;
    transform: translate3d(0, -1rem, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.popbox-mask {
  opacity: 0;
}

.popbox-container.-active .popbox-mask {
  animation: popbox-opacity .4s ease-out forwards;
}

@keyframes popbox-opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes popbox-show3 {
  0% {
    opacity: 0;
    transform: translate3d(0, -3rem, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes popbox-show-mask3 {
  0% {
    opacity: 0;
    transform: translate3d(0, -1.2rem, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}