/* 字体 */
@font-face {
  font-family: FZCANGYHS;
  src: url(/cp/a20251021sqdt/font/fzcyh.ttf);
}

@font-face {
  font-family: Oswald-SemiBold;
  src: url(/cp/a20251021sqdt/font/Oswald-SemiBold.ttf);
}

@font-face {
  font-family: AgencyFB-Bold;
  src: url(/cp/a20251021sqdt/font/AgencyFB-Bold.ttf);
}

@font-face {
  font-family: SourceHanSansCN-Bold;
  src: url(/cp/a20251021sqdt/font/SourceHanSansCN-Bold.ttf?v=3.0);
}

/* 飘带动画关键帧 */
@keyframes fall {
  0% {
    top: 0px;
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }

  10% {
    transform: translateX(0.1rem) rotate(5deg);
  }

  20% {
    transform: translateX(-0.15rem) rotate(-5deg);
  }

  30% {
    transform: translateX(0.2rem) rotate(8deg);
  }

  40% {
    transform: translateX(-0.1rem) rotate(-3deg);
  }

  50% {
    transform: translateX(0.15rem) rotate(6deg);
  }

  60% {
    transform: translateX(-0.2rem) rotate(-7deg);
  }

  70% {
    transform: translateX(0.12rem) rotate(4deg);
  }

  80% {
    transform: translateX(-0.18rem) rotate(-6deg);
  }

  90% {
    transform: translateX(0.08rem) rotate(3deg);
  }

  100% {
    top: 100vh;
    transform: translateX(0) rotate(0deg);
    opacity: 0.2;
  }
}

.animate__animated.animate__delay-03s {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.animate__animated.animate__delay-05s {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.animate__animated.animate__delay-08s {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

html {
  font-size: 0px;
}

*,
html,
body {
  margin: 0;
  padding: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

*::after {
  background-repeat: no-repeat;
}

li {
  list-style: none;
}

html,
body,
.app {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

button {
  background-color: transparent;
  border: none;
  flex-shrink: 0;
  background-size: 100% auto;
}

a {
  text-decoration: none;
  font-size: 0.2rem;
  display: block;
}

i {
  font-style: normal;
  display: inline-block;
}

.p-rela {
  position: relative;
}

.p-abso {
  position: absolute;
}

.flex-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.page-box {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

@keyframes rotateIn {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }

}

@keyframes hideIn {
  0% {
    position: relative;
    bottom: -6rem;
  }

  70% {
    position: relative;
    bottom: 1rem;
  }

  /* 50% {
     position: relative;
     bottom: 0rem;
  }
  70% {
     position: relative;
     bottom: 0.3rem;
  } */

  100% {
    position: relative;
    bottom: 0rem;
  }

}

@keyframes topIn {
  0% {
    top: -6rem;
    opacity: 0;
  }

  100% {
    top: 0rem;
    opacity: 1;
  }

}

@keyframes leftIn {
  0% {
    width: 0;
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

}

@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }

}

.one-hide {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.two-hide {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pc-page-box {
  display: none;
}

.pc-foot {
  display: none;
}

.none {
  display: none;
}

.text-btn {
  font-size: 0.3rem;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  font-family: SourceHanSansCN-Medium;
}

.page {
  width: 100%;
  /* min-height: 16.24rem;
  height: 100%; */
  background-size: cover;
  background-position: bottom center;
  padding-bottom: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.swiper-container {
  min-height: 100vh;
}

.page1 {
  /* width: 100%;
  height: 100%; */
  justify-content: flex-start;
  background-position: bottom center;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/index-bg.png?v=1.0');
}

.progress {
  width: 6.16rem;
  height: 0.45rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/progress-sum.png');
  padding: 0.04rem;
  position: absolute;
  left: 50%;
  bottom: 20%;
  transform: translateX(-50%);
}

.progress-bar {
  width: 0%;
  height: 0.297rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/progress-bar.png');
  background-size: 6rem 0.297rem;
  background-position: 0 0;
  position: relative;
}

.progress-bar span {
  display: block;
  width: 1.2rem;
  height: 0.7rem;
  position: absolute;
  content: '';
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/progress.png');
  background-size: 100% 100%;
  position: absolute;
  left: calc(100% - 0.3rem);
  bottom: -0.11rem;
  display: none;

}


.nav-bar {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.88rem;
  background-color: rgb(0, 0, 0, 0.85);
  width: 100%;
  top: 0;
  left: 0;
  padding: 0 0 0 0.24rem;
  z-index: 9999;
}

.logo {
  width: 1.34rem;
  height: 0.6rem;
}

.nav-r {
  display: flex;
  align-items: center;
  width: 80%;
  justify-content: flex-end;
}

.music,
.rule,
.download {
  width: 0.49rem;
  height: 0.49rem;
  background-size: 100% auto;
  background-position: center center;
}

.rule,
.download {
  display: none;
}

.music {
  margin-right: 0.36rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/music-close.png');
}

.music.activity {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/music.png');
  animation: rotateIn 2s linear infinite;
}

.download {
  margin-right: 0.36rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/download.png');
}

.rule {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/rule.png');
  margin-right: 0.3rem;
}

.login-box {
  /* max-width: 60%; */
  min-width: 1.44rem;
  width: max-content;
  color: #ffffff;
  /* padding-left: 0.3rem; */
  font-family: SourceHanSansCN-Medium;
  font-size: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: solid 0.01rem rgb(255, 255, 255, 0.2);
}

.login-in,
.login-out {
  color: #ffffff;
  border-bottom: solid 0.01rem #ffffff;
  width: max-content;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}

.user-info {
  width: 100%;
  padding: 0 0.26rem;
  display: none;
  text-align: center;
}

.user-name {
  max-width: 2rem;
  width: max-content;
  font-size: 0.24rem;
  line-height: 0.36rem;
  margin-right: 0.2rem;
  display: inline-block;
  vertical-align: middle;
}

.nav-bar.activity .music,
.nav-bar.activity .rule,
.nav-bar.activity .download {
  display: block;
}

/* .nav-bar.activity .login-box {
 
} */

.title-box {
  margin-top: 2.61rem;
  /* animation: topIn 1s ease forwards; */
}

.title {
  height: auto;
  width: 100%;

}

.balloon {
  position: absolute;
  width: 1.24rem;
  height: 1.76rem;
  top: 0;
  right: 17%;
  z-index: -1;

}

.subtitle {
  width: 0.88rem;
  height: 0.92rem;
  position: absolute;
  top: 0.3rem;
  left: 1.08rem;
  animation: rotateIn 3s linear infinite;
}

.foot {
  font-size: 0.2rem;
  color: #333;
  font-family: SourceHanSansCN-Medium;
  position: absolute;
  bottom: 0.28rem;
  right: 0.25rem;
  z-index: 9999;
}


.award-list {
  width: 1.17rem;
  height: 1.4rem;
  position: absolute;
  right: 0.2rem;
  bottom: 2.5rem;
}

.start-box {
  position: absolute;
  bottom: 1.85rem;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  display: none;
}

.start-btn {
  width: 3.75rem;
  height: 1.15rem;
  /* animation: hideIn 1s linear forwards; */
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/index-btn.png');
  font-size: 0;
}

.start-text {
  margin-top: 0.6rem;
  display: flex;
  justify-content: space-between;
  width: 4.33rem;
}

.ribbon01 {
  width: 0.69rem;
  height: 0.64rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/ribbon01.png');
  position: absolute;
  top: 10%;
  left: 0.2rem;
  animation: fall linear infinite;
  animation-duration: 8s;
  animation-delay: 0s;
}

.ribbon02 {
  width: 0.68rem;
  height: 0.59rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/ribbon02.png');
  position: absolute;
  bottom: 10%;
  left: 0.3rem;
  animation: fall linear infinite;
  animation-duration: 10s;
  animation-delay: 1s;
}

.ribbon03 {
  width: 0.33rem;
  height: 0.29rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/ribbon03.png');
  position: absolute;
  top: 15%;
  right: 0.2rem;
  animation: fall linear infinite;
  animation-duration: 12s;
  animation-delay: 2s;
}

.ribbon04 {
  width: 0.68rem;
  height: 0.7rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/ribbon04.png');
  position: absolute;
  bottom: 15%;
  right: 0.3rem;
  animation: fall linear infinite;
  animation-duration: 9s;
  animation-delay: 0.5s;
}

.ribbon05 {
  width: 2.24rem;
  height: 1.74rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/ribbon05.png');
  position: absolute;
  bottom: 15%;
  right: 45%;
  animation: fall linear infinite;
  animation-duration: 8s;
  animation-delay: 0s;
}



.page2 {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/answer-bg01.png');
}


.page2::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/answer-bg02.png');
  background-size: cover;
  background-position: center;
  z-index: 99;
  cursor: none;
  pointer-events: none;
}

.page2 .cont {
  width: 100%;
  height: 10.92rem;
  margin-top: 1.1rem;
  padding: 0.9rem 0.7rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/answer-bg03.png');
}

.cont-t {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.32rem;
}

.count-down {
  display: flex;
  align-items: baseline;
  line-height: 1;
}

.count-down-tips {
  color: #394b62;
  margin-right: 0.2rem;
  font-size: 0.32rem;
  font-family: SourceHanSansCN-Medium;
}

.count-down-num {
  font-family: FZCANGYHS;
  color: #d97a3b;
}

.count-down-num i {
  position: relative;
  top: -0.04rem;
}

.count-down-num span {
  font-size: 0.52rem;
  font-family: Oswald-SemiBold;
  margin-right: 0.02rem;

}

.topic {
  margin-top: 0.16rem;
  display: flex;
  justify-content: space-between;
  color: #ffffff;
  font-size: 0.26rem;
  position: relative;
}

.topic-num {
  width: 1.24rem;
  height: 1.84rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/answer-num.png');
  font-size: 0.54rem;
  color: #a3acb4;
  font-family: AgencyFB-Bold;
  padding-top: 0.46rem;
  text-align: center;
}

.topic-num span {
  color: #000;
}

.topic-text {
  width: 4.7rem;
  height: 1.84rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/answer-topic.png');
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 0 0.2rem;

}

.topic-text>span {
  font-size: 0.26rem;
  line-height: 0.26rem;
  font-family: SourceHanSansCN-Regular;
}

/* .topic-text>span:first-child{
  margin-bottom: 0.1rem;
} */
.topic-text p {
  display: flex;
  align-items: center;
  /* min-height: 0.72rem; */

  /* height: max-content; */
  min-height: 0.72rem;
  padding: 0.08rem 0;
}

.topic-text p span {

  line-height: 0.42rem;
  font-family: SourceHanSansCN-Bold;
  font-size: 0.42rem;

}

.head-icon {
  width: auto;
  height: 1.82rem;
  position: absolute;
  top: -1.82rem;
  right: 0;
}

/* .head-icon0 {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/topic-icon/1.png');
}

.head-icon1 {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/topic-icon/2.png');
}

.head-icon2 {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/topic-icon/3.png');
}

.head-icon3 {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/topic-icon/4.png');
} */

.image-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.12rem;
}

.image-item {
  width: 1.94rem;
  height: 1.94rem;
  background-color: #ffffff;
  box-shadow: 0.04rem 0.04rem 0rem 0rem rgba(43, 43, 43, 0.1);
  /* background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/answer-nor-bg.png'); */
  margin-bottom: 0.14rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 0.01rem #dddddd;
}

.image-item.activity {
  border: solid 0.01rem #c85326;
}

.image-item.activity::after {
  content: "";
  position: absolute;
  width: 1.94rem;
  height: 1.94rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/answer-sel-bg.png');
  background-size: 100% 100%;
  pointer-events: none;
}

.image-item img {
  width: 1.74rem;
  height: 1.74rem;
  border: solid 1px #dddddd;
}

.image-item.activity img {
  border: solid 1px #f3ad4e;
}


.topic-btn {
  width: 3.15rem;
  height: 1.05rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/answer-btn02.png');
  margin: -0.8rem auto 0 auto;
  font-size: 0;
  border: none;
  background-color: transparent;
  display: block;
}

.topic-btn.activity {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/answer-btn01.png');
}

.topic-back {
  width: max-content;
  margin: 0.17rem auto 0 auto;
  font-family: SourceHanSansCN-Regular;
  color: #333;
  font-size: 0.3rem;
  line-height: 0.3rem;
  border-color: #333;
  padding-bottom: 0.05rem;
}

.topic.activity .head-icon {
  display: none;
}

.topic-img {
  display: none;
}

.topic.activity .topic-img {
  display: block;
  height: 2.13rem;
  width: auto;
  position: absolute;
  top: -1.61rem;
  right: 0;
}

.page3 {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/answer-bg01.png');
}

.page3::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/score-bg01.png');
  background-size: cover;
  background-position: top center;
  z-index: 99;
  cursor: none;
  pointer-events: none;
}

.page3 .cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 7.23rem;
  height: 10.51rem;
  margin-top: 1.8rem;
  padding: 0.94rem 0.57rem 0 0.86rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/score-cont.png');
  flex-shrink: 0;
}

.score-return {
  width: 5.53rem;
  min-height: 3.17rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/score-other.png');
  background-size: 100% 100%;
  position: relative;

}

.score-case {
  width: 0.49rem;
  height: 0.47rem;
  position: absolute;
  top: 0.86rem;
  right: 0.33rem;
  animation: rotateIn 2s linear infinite;
}

.score-case02 {
  width: 0.43rem;
  height: 0.41rem;
  position: absolute;
  top: 0.16rem;
  left: 0.56rem;
  animation: rotateIn 2s linear infinite;
}

.score-count {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.55rem;
  margin-top: 0.26rem;
}

.score-count img {
  height: 1.15rem;
  width: auto;
  /* animation: fadeIn 0.5s linear forwards; */

}

.score-tips {
  margin-top: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 1.1rem;
}

.score-tips img {
  height: 1.4rem;
  width: 1.4rem;
  position: absolute;
  z-index: 11;
  left: 0;
  transform: translate(-50%, -60%);
  object-fit: contain;
  top: 50%
}

.score-text {
  font-size: 0.24rem;
  color: #0f2746;
  position: relative;
  font-family: SourceHanSansCN-Bold;
  /* left: -0.2rem; */
  max-width: 5.01rem;
  min-height: 0.7rem;
  max-height: 1.1rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/score-tips.png);
  padding: 0.1rem 0.26rem 0.1rem 0.8rem;
  min-width: 4rem;
  box-sizing: border-box;
}

.score-btn {
  margin-top: 0.16rem;
  font-size: 0;
  width: 3.09rem;
  height: 1.05rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/score-btn01.png');
}

.score-award {
  width: 6rem;
  height: 2.77rem;
  margin-left: -0.1rem;
  margin-top: 0.7rem;
  padding-left: 0.23rem;
      font-weight: 500;
}

.award-icon {
  display: flex;
  justify-content: space-between;
  padding: 0.26rem 0.46rem 0 0;
  align-items: center;
}

.award-icon img {
  width: 2.22rem;
  height: 0.9rem;
}

.award-icon p {
  font-size: 0.28rem;
  color: #2c324a;
  text-align: right;
  font-family: SourceHanSansCN-Medium;
  line-height: 0.36rem;
}

.score-share {
  display: flex;
  font-size: 0.28rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.3rem;
  line-height: 0.36rem;
  font-family: SourceHanSansCN-Medium;
}

.score-share p {
  font-size: 0.26rem;
  color: #2c324a;
  width: 3.12rem;
  font-family: SourceHanSansCN-Medium;
}


.score-share .save-share-btn {
  width: 2.23rem;
  height: 0.83rem;
  font-size: 0;
  margin-right: 0.27rem;
  margin-top: 0.1rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/score-btn02.png');
}

.score-share .copy-share-btn {
  width: 2.23rem;
  height: 0.83rem;
  font-size: 0;
  margin-right: 0.27rem;
  margin-top: 0.1rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/score-btn03.png');
  display: none;
}

.back-home {
  margin: 0.3rem auto 0 auto;
  width: max-content;
  color: #333333;
  border-color: #333333;
  font-family: SourceHanSansCN-Regular;
}

.page3.full-mark::after {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/score-bg02.png');
}

.page3.full-mark .score-return {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/score-all.png');
}

.page3.full-mark .score-case,
.page3.full-mark .score-case02 {
  display: none;
}

.page3.full-mark .score02-case {
  position: absolute;
  display: block;
  width: 2.4rem;
  height: 1.02rem;
  top: -0.3rem;
  animation: leftIn 1s linear forwards;
}

.page3.full-mark .score02-icon {
  position: absolute;
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  top: 0.2rem;
  left: 0.65rem;
  animation: rotateIn 1s linear infinite;
}

.page4 {
  padding-bottom: 0;
  /* background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/advertising-bg.png'); */
}

.page4-scroll {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 0;
}

.page-scroll {
  width: 100%;
  height: 100%;
  min-height: 15rem;
  background-size: cover;
  background-position: top center;
  position: relative;
}

.advertising {
  width: 7.09rem;
  height: 3.7rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/advertising-cont.png');
  position: absolute;
  bottom: 0.8rem;
  left: 0.24rem;
}

.advertising-tips {
  display: flex;
  align-items: flex-end;
  margin-left: 0.17rem;
  margin-top: 0.36rem;
}

.advertising-tips img {
  width: 1.65rem;
  height: auto;
  position: absolute;
}

.advertising-tips p {
  font-size: 0.36rem;
  font-weight: bold;
  height: max-content;
  padding-left: 1.75rem;
  color: #282828;
}

.advertising-btn {
  display: flex;
  align-items: center;
  margin-top: 0.3rem;
  justify-content: center;
}

.advertising-btn button {
  width: 2.91rem;
  height: 1.11rem;
}

.advertising-continue {
  display: none;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/advertising-btn01.png');
  font-size: 0;
}

.advertising-fail {
  font-size: 0;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/advertising-btn03.png');
  margin-left: 0.2rem;
}

.advertising-count-down {
  font-family: FZCANGYHS;
  font-size: 0.36rem;
  color: #6f849a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 0.42rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/advertising-btn02.png');
}

.message {
  font-size: 0.24rem;
  color: #666666;
  margin-top: 0.12rem;
  width: 100%;
  text-align: center;
}

.advertising-btn.activity .advertising-count-down {
  display: none;
}

.advertising-btn.activity .advertising-continue {
  display: inline-flex;
}

.page5 {
  padding-bottom: 0;
}

.page5-bg {
  width: 100%;
  min-height: 100vh;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/answer-bg01.png');
  padding-bottom: 1rem;
  display: flex;
  padding-top: 1.1rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.page5-bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/share-bg02.png');
  background-size: cover;
  background-position: center;
  z-index: 99;
  cursor: none;
  pointer-events: none;
}

.page5 .cont {
  width: 100%;
  height: 10.62rem;
  padding: 1.4rem 0.84rem 1.14rem 0.84rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/share-cont.png');
}

.share-title {
  font-family: FZCANGYHS;
  font-size: 0.63rem;
  color: #d7693d;
  text-shadow: 0.01rem 0.02rem 0rem rgba(255, 255, 255, 0.5);
  letter-spacing: 0.03rem;
  font-weight: normal;
  position: relative;
  z-index: 333;
  line-height: 0.73rem;
  margin-left: 0.05rem;
}


.share-title::after {
  content: '';
  width: 3.06rem;
  height: 0.64rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/share-title.png);
  position: absolute;
  top: -0.03rem;
  left: 0;
  background-size: 100% 100%;

}
.page6 .share-title{
  font-size: 0.55rem;
  line-height: 0.61rem;
}
.page6 .share-title::after {
  content: '';
  width: 2.68rem;
  height: 0.56rem;
  top: -0.09rem;

}

.sub-title-img {
    width: 2.33rem;
    height: 2.14rem;
    position: absolute;
    top: -0.4rem;
    right: -0.7rem;
}

.page6  .sub-title p {
    font-size: 0.26rem;
    font-weight: 500;
    letter-spacing: 0.01rem;
    color: #282828;
    width: 5.83rem;
    height: 1.08rem;
    padding: 0.16rem 0.48rem 0 0.42rem;
    background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/share-sub.png);
    margin-top: 0.1rem;
    position: relative;
    z-index: 2;
    line-height: 0.32rem
}

.sub-title img {
  width: 2.33rem;
  height: 2.14rem;
  position: absolute;
  top: -1.61rem;
  right: -0.74rem;
}

.cont-bottom {
  width: 5.87rem;
  height: 6.47rem;
  margin-top: 0.2rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/share-bottom.png');
}

.share-award {
  width: 5.95rem;
  height: auto;
  margin-left: -0.3rem;
  margin-top: 0.4rem;
}

.qrcode-container {
  border: solid 0.01rem #dddddd;
  width: 1.68rem;
  height: 1.68rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.qrcode-border {
  width: 1.88rem;
  height: 1.88rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0.02rem 0.04rem 0.02rem 0rem rgba(43, 43, 43, 0.1);
  border: solid 0.01rem #dddddd;
}

.propagandize {
  display: flex;
  align-items: center;
  justify-content: center;
}

.propagandize-text {
  /* background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/share-text.png); */
  width: 2.68rem;
  /* height: 1.37rem; */
  margin-left: 0.39rem;
  font-size: 0.24rem;
  color: #282828;
  width: 2.63rem;
  font-weight: 500;
}

.share-tips {
    width: 1.6rem;
    height: auto;
    margin-left: 0.6rem;
    margin-top: 0.2rem;
}

.save-btn {
  font-size: 0;
  width: 2.95rem;
  height: 0.86rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/score-save.png');
  pointer-events: none;
}

.share-save p {
  font-size: 0.24rem;
  line-height: 0.31rem;
  letter-spacing: 0.01rem;
  color: #4e4e4e;
  text-align: right;
  padding-right: 0.14rem;
  font-weight: 500;
  color: #4e4e4e;
}

.share-save-box {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}

.share-save {
  width: max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  margin-top: -0.1rem;
  margin-left: 0.3rem;
  opacity: 0;
  position: relative;
  z-index: 4;
}

.poster {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  opacity: 0;
}

.page5 .back-home {
  position: relative;
  z-index: 4;
  margin: 0.34rem auto;
  opacity: 0;
}

.page5.activity .share-save,
.page5.activity .back-home,
.page5.activity .poster {
  opacity: 1;

}

.page5.activity .foot {
  display: none;
}



.page5.activity .page5-bg::after {
  content: none;
}

.page1 .foot,
.page4 .foot {
  color: #fff;
}

.page6 {
  width: 100%;
  padding-top: 1.11rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/answer-bg01.png');

}


.page6::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/share-bg02.png');
  background-size: cover;
  background-position: center;
  z-index: 99;
  cursor: none;
  pointer-events: none;
}

.page6 .cont {
  width: 100%;
  height: 10.08rem;
  padding: 1.14rem 0.84rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/share-cont.png');
}

.page6 .cont-bottom {
  height: 5.47rem;
  width: 5.83rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/guest-bottom.png');
  position: relative;
}

.page6 .share-award {
  margin-left: -0.55rem;
  margin-top: 0.04rem;
}

.guest-btn {
  width: 3.15rem;
  height: 1.05rem;
  font-size: 0;
  margin-top: 0.14rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/guest-btn.png');
}

.guest-tips {
  font-size: 0.26rem;
  letter-spacing: 0.01rem;
  color: #282828;
  width: 5.03rem;
  margin-top: 0.24rem;
  font-weight: 500;
}

.guest-head {
  width: 0.92rem;
  height: 1.08rem;
  position: absolute;
  left: -0.73rem;
  bottom: -0.26rem;
}

.dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.dialogMask {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2 !important;
}

.dialog div {
  z-index: 9999999;
}

.dialog.on {
  z-index: 999998;
  opacity: 1;
  transform: translateZ(10px);
}

.pop {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* left: 0.1rem; */
}

.pop .title {
  font-size: 0;
  font-weight: normal;
}



.pop .close {
  position: absolute;
  right: 0.48rem;
  top: -0.76rem;
  width: 0.48rem;
  height: 0.48rem;
  background: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/close.png) 0 0 no-repeat;
  background-size: cover;
}

.pop .close1 {
  right: 0.16rem;
  background: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/close1.png) 0 0 no-repeat;
  background-size: cover;
}

.pop1,
.pop12 {
  width: 6.23rem;
  height: 3.99rem;
  left: 0.06rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop01-bg.png);
}

.pop1 .title {
  width: 2.58rem;
  height: 0.49rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop01-title.png);
  margin-top: 0.6rem;
}

.pop1 .content {
  display: flex;
  margin-top: 0.49rem;
  align-items: center;
  justify-content: center;
}

.pop1 .content p,
.pop12 .content p {
  width: 1.4rem;
  height: 1.38rem;
  font-size: 0;
}

.pop1 .content .qq {

  margin-right: 0.95rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop01-qq-hov.png);
  /* background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop01-qq.png); */
}

.pop1 .content .qq:hover,
.pop1 .content .qq:active {
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop01-qq-hov.png);
}

.pop1 .content .wx {
  /* background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop01-wx.png); */
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop01-wx-hov.png);
}

.pop1 .content .wx:hover,
.pop1 .content .wx:active {
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop01-wx-hov.png);
}

.pop2,
.pop3,
.pop4 {
  width: 6.96rem;
  height: 7.64rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop02-bg.png);
}

.pop2 .title {
  width: 2.64rem;
  height: 0.54rem;
  margin-top: 0.78rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop02-title.png);
}

.pop3 .title {
  width: 3.45rem;
  height: 0.54rem;
  margin-top: 0.78rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop03-title.png);
}

.pop2 .content,
.pop3 .content {
  width: 5.2rem;
  height: 4.87rem;
  margin-top: 0.35rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop02-cont.png);
}

.pop2 .table-head,
.pop3 .table-head {
  height: 0.6rem;
  display: flex;
  font-size: 0.24rem;
  font-weight: bold;
  color: #6d4e29;
  line-height: 0.6rem;
}

.pop2 .challenge-date,
.pop3 .challenge-date {
  width: 50%;
  text-align: center;
}

.pop2 .challenge-score,
.pop3 .challenge-score {
  width: 50%;
  text-align: center;
  padding: 0 0.2rem;
}

.pop2 .table-cont,
.pop3 .table-cont {
  overflow-y: auto;
  overflow-x: hidden;
  height: 3.6rem;
}

.pop2 .table-cont li,
.pop3 .table-cont li {
  display: flex;
  height: 0.9rem;
  align-items: center;
  border-bottom: solid 0.02rem rgb(213, 178, 103, 0.3);
}

.pop2 .table-cont li p,
.pop3 .table-cont li p {
  font-size: 0.26rem;
  color: #333333;
}

.pop2 .null-text,
.pop3 .null-text {
  display: none;
}

.pop2.null-data li,
.pop3.null-data li {
  display: none;
}

.pop2 .null-data,
.pop3 .null-data {
  margin-top: 0.2rem;
}

.pop2 .null-data .null-text,
.pop3 .null-data .null-text {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.26rem;
  color: #333333;
}

.pop4 .title {
  width: 2.57rem;
  height: 0.48rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop04-title.png);
  margin-top: 0.69rem;
}

.pop4 .content {
  font-size: 0.24rem;
  color: #6d4e29;
  line-height: 0.36rem;
  margin-top: 0.2rem;
}

.pop4 .content ul {
  height: 5.27rem;
  width: 5.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.text2 {
  text-indent: 1em;
}

.pop4 .content ul::-webkit-scrollbar {
  display: none;
}

.pop4 .content li {
  width: 5.23rem;
  margin-bottom: 0.2rem;
}

.pop4 .content li h1 {
  font-size: 0.28rem
}

.pop4 .content li h2 {
  font-size: 0.24rem;
}

.pop4 .content li:last-child {
  margin-bottom: 0;
}

.pop4 .do-icon {
  margin-left: 0.2rem;
  position: relative;
}

.pop4 .do-icon::before {
  content: '';
  width: 0.1rem;
  height: 0.1rem;
  background: #6d4e29;
  border-radius: 100%;
  position: absolute;
  left: -0.2rem;
  top: 0.14rem;
}

.pop4 .rule-head {
  width: 100%;
  height: 0.35rem;
  line-height: 0.35rem;
  display: flex;
  align-items: center;
}

.pop5 {
  width: 6.96rem;
  height: 8.62rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop05-bg.png);
}

.pop5 .title {
  width: 2.57rem;
  height: 0.48rem;
  margin-top: 0.69rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop05-title.png);
}

.pop5 .content {
  font-family: SourceHanSansCN-Medium;
  font-size: 0.24rem;
  color: #333333;
  margin-top: 0.48rem;
}

.pop5 .content li {
  margin-left: 0.4rem;
  display: flex;
  align-items: center;
  width: 5.03rem;
  height: 1.24rem;
  padding-left: 1.12rem;
  margin-bottom: 0.34rem;
  position: relative;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop05-item.png);
}

.pop5 .award-img {
  width: auto;
  height: 1.44rem;
  position: absolute;
  left: -0.47rem;
}

.pop5 .status {
  width: 1.53rem;
  height: 0.71rem;
  font-size: 0;
  display: none;
  transition: all 0.1s;
  margin-top: 0.06rem;
}

.pop5 .button-box .status0 {
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop05-btn01.png);
}

.pop5 .button-box .status1 {
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop05-btn02.png);
}

.pop5 .button-box .status2 {
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop05-btn03.png);
}

.pop5 .button-box.status0 .status0,
.pop5 .button-box.status1 .status1,
.pop5 .button-box.status2 .status2 {
  display: block;
}

.pop5 .award-title .award-label {
  width: 2.2rem;
  font-size: 0.26rem;
  color: #333333;
  line-height: 0.36rem;
  font-weight: bold;
}

.pop5 .award-title .award-count {
  margin-top: 0.04rem;
  font-family: SourceHanSansCN-Regular;
  font-size: 0.24rem;
  color: #775a38;
}

.pop6,
.pop7,
.pop8,
.pop9,
.pop10,
.pop14 {
  width: 6.23rem;
  height: 3.99rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop06-bg.png);
}

.pop6 .content,
.pop7 .content,
.pop8 .content,
.pop9 .content,
.pop10 .content,
.pop14 .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.06rem;
}

.pop6 .award-message,
.pop7 .award-message,
.pop8 .award-message,
.pop9 .award-message,
.pop14 .award-message {
  font-family: SourceHanSansCN-Medium;
  font-size: 0.3rem;
  color: #333333;
  text-shadow: 0rem 0.02rem 0rem #ffffff;
  text-align: center;
  font-weight: bold;
}

.pop6 .messageConfirm {
  margin-top: 0.45rem;
}

.messageConfirm {
  font-size: 0;
  width: 2.23rem;
  height: 0.93rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop06-btn02.png);
}

.pop7 .button-abandon,
.pop14 .button-abandon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  margin-top: 0.45rem;
}

.messageCancel {
  font-size: 0;
  width: 2.23rem;
  height: 0.93rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop06-btn01.png);
  margin-right: 0.3rem;
}

.pop8 .award-message {
  width: 5.24rem;
  text-align: left;
  margin-left: 0.1rem;
}

.pop8 .content {
  padding-top: 0.89rem;
}

.pop8 .messageConfirm {
  margin-top: 0.3rem;
}

.pop9 .content {
  padding-top: 0.4rem;

}

.pop9 .award-message {
  height: 1.8rem;
  display: flex;
  align-items: center;
  text-align: left;
  margin-bottom: 0.2rem;
  margin-top: 0.1rem;
  max-width: 5rem;
}

.pop10 .content {
  padding-top: 0.56rem;
}

.pop10 .copy-tips {
  font-family: SourceHanSansCN-Medium;
  font-size: 0.2rem;
  color: #6f849a;

  margin-bottom: 0.14rem;
}

.pop10 .link-box {
  display: flex;
  align-items: center;
  font-family: SourceHanSansCN-Medium;
  font-size: 0.18rem;

}

.pop10 .copy-link {
  color: #989898;
  opacity: 0.75;
  width: 3.7rem;
  height: 0.51rem;
  background-color: rgb(215, 120, 30, 0.25);
  line-height: 0.51rem;
  padding: 0 0.4rem 0 0.16rem;
  overflow-x: auto;
  overflow-y: hidden;
}

.pop10 .copy-link::-webkit-scrollbar {
  display: none;
}

.pop10 .copy-btn {
  font-size: 0;

  width: 1.36rem;
  height: 0.62rem;
  background-image: url(https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop10-btn.png);
  margin-left: -0.16rem;
  position: relative;
  z-index: 2;
}

.qrcode-link-box {
  width: 1.65rem;
  height: 1.65rem;
  padding: 0.1rem;
  box-sizing: border-box;
  background: #fff;
  margin-top: 0.2rem;
  border: solid 0.01rem #dddddd;
}

.qrcode-link {
  width: 1.45rem;
  height: 1.45rem;
}

.pop11 .text {
  font-family: SourceHanSansCN-Medium;
  font-size: 0.28rem;
  color: #ffc76e;
}

.pop11 {
  position: absolute;
  top: 0.2rem;
  right: 0.35rem;
  width: max-content;
}

.pop11 .content {
  display: flex;
  align-items: flex-end;

}

.pop11 .content img {
  width: 0.8rem;
  height: 0.92rem;
  margin-left: 0.1rem;
  margin-bottom: 0.2rem;
}



.pop12 .title {
  width: 3.25rem;
  height: 0.43rem;
  margin-top: 0.68rem;
  margin-bottom: 0.5rem;
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop12-title.png');
}

.pop12 .content {
  display: flex;
}

.pop12 .qqwx-share {
  /* background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop12-qqwx.png'); */
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop12-qqwx-hov.png');
  margin-right: 0.95rem;
}

.pop12 .wx-share {
  /* background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop12-qqwx.png'); */
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop12-qqwx2-hov.png');
}

.pop12 .qqwx-share:hover {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop12-qqwx-hov.png');
}

.pop12 .img-share {
  /* background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop12-img.png'); */
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop12-img-hov.png');
}

.pop12 .img-share:hover {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop12-img-hov.png');
}

.pop13 .qqwx-share {
  /* background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop12-copy.png'); */
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop12-copy-hov.png');
}

.pop13 .qqwx-share:hover {
  background-image: url('https://game.gtimg.cn/images/nikke/cp/a20251021sqdt/pop/pop12-copy-hov.png');
}

.qq-down {
  width: auto;
  height: 0.3rem;
  position: absolute;
  bottom: -0.5rem;
  right: 0.1rem;
  display: block;
}

.wx-down {
  width: auto;
  height: 0.4rem;
  position: absolute;
  bottom: -0.6rem;
  right: 0;
  display: block;
}

/*.nav-bar.qq .qq-down{*/
/*display: block;*/
/*}*/
/*.nav-bar.wx .wx-down{*/
/*display: block;*/
/*}*/

.pop14 .award-message {
  width: 80%;
  font-size: 0.28rem;
}