* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

a {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul,
li {
  list-style-type: none;
}

i,
em {
  font-style: normal;
}

img {
  display: block;
}

.footer {
  text-align: center;
  padding: 0.2rem 0;
  color: #ccc;
  background: #000;
  font-size: 0.2rem;
  position: relative;
  z-index: 15;
}

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

.video {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  object-fit: cover;
  object-position: 50% 50%;
  transform: all 0.3s;
  background: #070201;
}

@font-face {
  font-family: "fonts";
  src: url(//game.gtimg.cn/images/rm/cp/a20250729/fonts.ttf);
}

.gray {
  filter: grayscale(1);
}

.swiper {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #070201;
  transform: scale(0.8);
}

.swiper.-show {
  transform: scale(1);
  transition: all 0.5s cubic-bezier(0.065, 0.5, 0.2, 1.5);
}

.index {
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/index.jpg") no-repeat center / cover;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}

.wx .index::after {
  content: '';
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/wxyx.png") no-repeat center / 100% auto;
  width: 2rem;
  height: 0.5rem;
  position: absolute;
  top: 0.4rem;
  right: 0;
}

.sq .index::after {
  content: '';
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/qqyx.png") no-repeat center / 100% auto;
  width: 2rem;
  height: 0.5rem;
  position: absolute;
  top: 0.4rem;
  right: 0.3rem;
}

.logo {
  width: 1.29rem;
  height: 0.44rem;
  position: absolute;
  top: 0.28rem;
  left: 0.4rem;
}

.index-login {
  height: 0.4rem;
  font-size: 0.24rem;
  color: rgba(205, 205, 205, 1);
  padding-bottom: 0.1rem;
  text-shadow: 0 0 0.02rem #000;
}

.index-login .btn {
  color: rgba(255, 113, 51, 1);
}

.index-login .unbind {
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/unbind.png) no-repeat left / 0.19rem auto;
  padding: 0 0 0 0.25rem;
  margin-right: 0.13rem;
  color: rgba(255, 113, 51, 1);
}

.login-head {
  width: 0.4rem;
  height: 0.4rem;
  object-fit: cover;
  border-radius: 50%;
}

.login-username {
  padding: 0 0.12rem;
}

.index-box {
  width: 7.5rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/index-box.png") no-repeat top / 6.27rem auto;
  padding-top: 2.58rem;
}

.index-reward {
  width: 7.04rem;
  margin: 0.15rem auto 0;
  display: block;
}

.index-time {
  font-size: 0.32rem;
  color: rgba(205, 205, 205, 1);
  text-align: center;
  margin: 0 0 1.2rem;
  font-weight: bold;
  line-height: 0.4rem;
}

.index-time span {
  color: rgba(255, 113, 51, 1);
}

.index-btn {
  width: 100%;
  font-family: "fonts";
  margin-bottom: 0.38rem;
}

.index-btn .btn {
  width: 3.41rem;
  height: 0.91rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/index-btn.png") no-repeat center / 100% 100%;
  color: rgba(205, 205, 205, 1);
  font-size: 0.36rem;
  margin: 0 0.1rem;
  box-sizing: border-box;
  padding-top: 0.1rem;
}

.index-invite {
  font-size: 0.26rem;
  line-height: 0.3rem;
  color: rgba(197, 63, 37, 1);
  text-decoration: underline;
  margin-bottom: 0.2rem;
}

.page {
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/page.jpg") no-repeat center / cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.index-tips {
  font-size: 0.22rem;
  color: rgba(205, 205, 205, 1);
  text-align: center;
  line-height: 0.26rem;
  padding: 0.24rem 0.7rem 0;
}

.card-title {
  width: 7.5rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/card-title.png") no-repeat top / 100% auto;
  padding-top: 2.16rem;
  position: relative;
}

.card-limit {
  font-size: 0.24rem;
  color: rgba(205, 205, 205, 1);
  position: absolute;
  top: 1.3rem;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
}

.card-limit span {
  color: rgba(255, 113, 51, 1);
}

.card-back {
  width: 2.56rem;
  height: 3.64rem;
  position: relative;
  perspective: 8rem;
  z-index: 10;
  transform-style: preserve-3d;
  perspective: 1000px;
}

.card-back img {
  width: 2.52rem;
  height: 3.6rem;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 1s;
  backface-visibility: hidden;
  border: 1px solid #ff5030;
  border-radius: 0.2rem;
  animation: cardBack infinite 1.5s linear;
}

.card-back img:nth-child(1) {
  transform: rotateY(0deg);
}

.card-back img:nth-child(2) {
  transform: rotateY(180deg);
}

/* .card-back.active img:nth-child(1) {
  transform: scale(2) rotateY(180deg);
}

.card-back.active img:nth-child(2) {
  transform: scale(2) rotateY(360deg);
} */
.card-back.active img:nth-child(1) {
  /* transform: scale(2) rotateY(180deg); */
  border-color: transparent;
  transition: all 1s ease-out;
  animation: card1-ani 1s cubic-bezier(0, 0.1, 0.4, 1.4) forwards;
}

.card-back.active img:nth-child(2) {
  /* transform: scale(2) rotateY(360deg); */
  border-color: transparent;
  transition: all 1s ease-out;
  animation: card2-ani 1s cubic-bezier(0, 0.1, 0.4, 1.4) forwards;
}

@keyframes card1-ani {

  0%,
  20% {
    transform: scale(1) rotateY(0deg);
  }

  100% {
    transform: scale(2) rotateY(180deg);
  }
}

@keyframes card2-ani {

  0%,
  20% {
    transform: scale(1) rotateY(180deg);
  }

  100% {
    transform: scale(2) rotateY(360deg);
  }
}

@keyframes cardBack {

  0%,
  100% {
    box-shadow: 0 0 0.12rem rgba(232, 79, 49, 1);
  }

  50% {
    box-shadow: 0 0 0.1rem rgba(232, 79, 49, 0.1);
  }
}

.card-item {
  padding-top: 0.44rem;
}

.card-item .item {
  width: 1.16rem;
  height: 1.66rem;
  margin: 0 0.19rem;
  position: relative;
  transition: all 0.7s ease-in-out;
  border-radius: 0.07rem;
  overflow: hidden;
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/img4.png) no-repeat center / 100% 100%;
}

.card-item .number {
  width: 0.66rem;
  height: 0.66rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #882818;
  z-index: 3;
  color: rgba(205, 205, 205, 1);
  font-size: 0.3rem;
  text-align: center;
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  box-sizing: border-box;
  padding: 0.3rem 0.25rem 0 0;
  line-height: 0.4rem;
}

.card-item .item .active {
  width: 0.89rem;
  height: 1.28rem;
  padding: 0.05rem;
  border: 0.03rem solid #bb412c;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card-item .image {
  width: 1.16rem;
  height: 1.66rem;
}

.card-item.active {
  position: relative;
  z-index: 10;
}

.card-item.active .item {
  filter: blur(5px);
  box-shadow: 0 0 0.3rem rgba(232, 79, 49, 1);
  opacity: 0;
}

.card-item.active .item:nth-child(1) {
  transform: translate3d(4rem, 0, 0);
}

.card-item.active .item:nth-child(2) {
  transform: translate3d(2.7rem, 0, 0);
}

.card-item.active .item:nth-child(3) {
  transform: translate3d(1.45rem, 0, 0);
}

.card-conflate {
  width: 1.23rem;
  height: 1.14rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/card-conflate.png") no-repeat left / auto 100%;
  color: rgba(205, 205, 205, 1);
  font-family: fonts;
  font-size: 0.3rem;
  letter-spacing: 0.02rem;
  box-sizing: border-box;
  padding: 0 0.2rem 0 0.22rem;
  text-align: center;
  margin-left: 0.195rem;
}

.card-conflate.active {
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/card-conflate.png") no-repeat right / auto 100%;
}

.card-open {
  width: 4.94rem;
  height: 1.12rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/card-open.png") no-repeat top / 100% auto;
  color: rgba(205, 205, 205, 1);
  font-size: 0.44rem;
  font-family: fonts;
  margin: 0.2rem auto 0;
  box-sizing: border-box;
  padding-top: 0.18rem;
}

.card-tips {
  font-size: 0.24rem;
  color: rgba(163, 165, 166, 1);
  line-height: 0.56rem;
}

.card-number {
  color: rgba(216, 216, 216, 0.9);
  font-size: 0.26rem;
  height: 0.56rem;
  padding-bottom: 0.5rem;
}

.card-number span {
  color: rgba(187, 65, 44, 0.9);
  font-size: 0.32rem;
  font-weight: bold;
  margin: 0 0.08rem;
}

.card-list .item {
  width: 7.25rem;
  height: 0.97rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/card-list.png") no-repeat top / 100% auto;
  color: rgba(216, 216, 216, 0.9);
  font-size: 0.26rem;
  justify-content: space-between;
  padding: 0 0.18rem 0 0.2rem;
  box-sizing: border-box;
  margin: 0 0 0.16rem;
}

.card-list .item span {
  color: rgba(187, 65, 44, 0.9);
  font-size: 0.32rem;
  font-weight: bold;
  margin: 0 0.08rem;
}

.card-goto {
  width: 1.43rem;
  height: 0.66rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/card-goto.png") no-repeat left / 3.14rem 0.66rem;
  font-family: fonts;
  font-size: 0.26rem;
  color: rgba(205, 205, 205, 1);
}

button.card-goto {
  border-radius: 0;
  width: 1.44rem !important;
  padding: 0;
  margin: 0;
}

.card-goto.gray {
  background-position: right;
}

.task-title {
  width: 7.5rem;
  height: 1.79rem;
  margin-bottom: 20rpx;
}

.task-item .item {
  width: 7.1rem;
  height: 0.97rem;
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/card-list.png) no-repeat top / 100% auto;
  color: rgba(216, 216, 216, 0.9);
  font-size: 0.26rem;
  box-sizing: border-box;
  margin: 0 0 0.16rem;
}

.task-item .icon {
  width: 0.81rem;
  height: 0.63rem;
  margin-right: 0.1rem;
}

.task-item .type {
  width: 2rem;
  font-family: fonts;
}

.task-item .number {
  width: 0.85rem;
  margin: 0;
  color: rgba(187, 65, 44, 1);
  font-size: 0.24rem;
  font-weight: bold;
  white-space: nowrap;
  margin: 0 0.9rem 0 0.8rem;
}

.task-invite {
  width: 7.13rem;
  height: 4.25rem;
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/task-invite.png) no-repeat top / 100% auto;
}

.task-invite .title {
  width: 3.09rem;
  height: 0.61rem;
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/task-invite-title.png) no-repeat top / 100% auto;
  font-size: 0.3rem;
  color: rgba(216, 216, 216, 1);
  opacity: 0.9;
  font-family: fonts;
  margin: 0.32rem 0 0 0.25rem;
  box-sizing: border-box;
  padding-left: 0.32rem;
}

.task-invite .tips {
  font-size: 0.28rem;
  color: rgba(205, 205, 205, 1);
  line-height: 0.3rem;
  padding: 0.3rem 0 0.4rem;
}

.task-invite .tips span {
  font-size: 0.32rem;
  color: rgba(187, 65, 44, 1);
  font-weight: bold;
  margin: 0 0.1rem;
}

.task-invite .item img {
  /* background: url(//game.gtimg.cn/images/rm/cp/a20250729/add.png) no-repeat top / 100% 100%; */
  padding: 0;
  margin: 0 0.08rem 0.4rem;
  border-radius: 0.15rem;
}

.task-invite .item img {
  width: 0.73rem;
  height: 0.73rem;
}

.task-invite .share {
  width: 3.47rem;
  height: 0.8rem;
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/task-invite-share.png) no-repeat top / 100% 100%;
  border-radius: 0;
  color: rgba(205, 205, 205, 1);
  font-family: fonts;
  font-size: 0.3rem;
  margin: 0;
}

.task-invite .receive {
  width: 2.36rem;
  height: 0.8rem;
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/task-invite-receive.png) no-repeat left / 4.93rem 0.8rem;
  margin-left: 0.32rem;
  color: rgba(205, 205, 205, 1);
  font-family: fonts;
  font-size: 0.3rem;
}

.task-invite .receive.gray {
  background-position: right;
}

.task-invite .receive span {
  font-size: 0.26rem;
  padding: 0.02rem 0 0 0.1rem;
}

.task-invite .refresh {
  width: 0.32rem;
  height: 0.32rem;
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/refresh.png) no-repeat left / 100% 100%;
  margin: 0 0 0.4rem 0.1rem;
  text-indent: -99999px;
}

.task-reward {
  width: 7.04rem;
  height: 2.1rem;
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/task-reward.png) no-repeat left / 100% 100%;
  margin-top: 0.24rem;
  font-family: fonts;
  color: rgba(205, 205, 205, 1);
}

.task-reward .title {
  width: 3.84rem;
  text-align: center;
  padding: 0.27rem 0 0 2.28rem;
  opacity: 0.9;
  font-size: 0.36rem;
  line-height: 0.6rem;
}

.task-reward .title span {
  color: #e6662e;
  margin: 0 0.03rem;
}

.task-reward .desc {
  font-family: fonts;
  opacity: 0.9;
  font-size: 0.24rem;
  line-height: 0.36rem;
  padding: 0.16rem 0 0 2.28rem;
  justify-content: flex-start;
}

.task-reward .desc span {
  color: rgba(197, 63, 37, 1);
}

.lottery-title {
  width: 3.49rem;
  height: 1.79rem;
  margin-bottom: -0.2rem;
}

.lottery-box {
  width: 7.5rem;
  height: 11.08rem;
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/lottery-box.png) no-repeat left / 100% 100%;
  margin-bottom: -0.44rem;
}

.lottery-item {
  flex-wrap: wrap;
  padding-top: 0.6rem;
}

.lottery-item .item {
  width: 1.92rem;
  height: 2.36rem;
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/lottery-item.png) no-repeat left / 100% 100%;
  margin: 0.12rem 0.16rem;
}

.lottery-item .item .image {
  width: 1.74rem;
  height: 1.64rem;
  margin: 0.1rem auto 0;
  display: block;
}

.lottery-item .item .name {
  font-size: 0.22rem;
  color: rgba(205, 205, 205, 1);
  height: 0.44rem;
  line-height: 0.22rem;
  text-align: center;
  box-sizing: border-box;
  margin: 0.12rem 0.1rem 0;
  white-space: nowrap;
}

.lottery-start {
  width: 4.94rem;
  height: 1.12rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/card-open.png") no-repeat top / 100% auto;
  color: rgba(205, 205, 205, 1);
  font-size: 0.44rem;
  font-family: fonts;
  margin: 0.15rem auto 0;
  box-sizing: border-box;
  padding-top: 0.18rem;
}

.lottery-item .item.active {
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/lottery-cur.png) no-repeat left / 100% 100%;
  box-shadow: 0 0 0.1rem #e85538;
  border-radius: 0.05rem;
  animation: lotteryCur 1s infinite linear;
}

@keyframes lotteryCur {

  0%,
  100% {
    box-shadow: 0 0 0.1rem rgba(232, 85, 56, 0.1);
  }

  50% {
    box-shadow: 0 0 0.13rem rgba(232, 85, 56, 1);
  }
}

.lottery-oper {
  font-size: 0.26rem;
  color: rgba(255, 255, 255, 0.75);
  justify-content: space-between;
  padding: 0.5rem 0.5rem 0;
  height: 0.24rem;
}

.lottery-oper span {
  color: rgba(255, 113, 51, 1);
}

.about-title {
  width: 3.49rem;
  height: 1.79rem;
  margin-bottom: -0.04rem;
}

.about-box {
  width: 7.5rem;
  height: 7.93rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/about-box.png") no-repeat top / 100% auto;
  flex-direction: column;
}

.about-video {
  width: 6.98rem;
  height: 3.4rem;
  border: 1px solid #c53f25;
  margin-bottom: 0.2rem;
}

.about-video img,
.about-video video {
  width: 6.98rem;
  height: 3.4rem;
  object-fit: cover;
}

.about-swiper {
  width: 6.98rem;
  /* height: 3.4rem; */
  border: 1px solid #c53f25;
  color: #fff;
}

.about-swiper .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  right: 0.2rem;
  padding-right: 0.19rem;
  box-sizing: border-box;
}

.about-swiper .swiper-pagination-bullet {
  width: 0.09rem;
  height: 0.09rem;
  background: rgba(255, 255, 255, 0.55);
  opacity: 1;
  border-radius: 0.09rem;
  margin: 0 0.06rem !important;
}

.about-swiper .swiper-pagination-bullet-active {
  background: rgba(197, 63, 37, 1);
  width: 0.3rem;
}

.about-swiper img {
  width: 6.98rem;
}

.about-return {
  width: 3.72rem;
  height: 0.8rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/about-return.png") no-repeat center / 100% 100%;
  font-family: fonts;
  font-size: 0.32rem;
  color: rgba(205, 205, 205, 1);
  margin: 0.95rem 0 0.5rem;
}

.about-rule {
  color: rgba(255, 113, 51, 1);
  font-size: 0.24rem;
  text-decoration: underline;
  margin-bottom: 0.5rem;
}

.about-rule span {
  margin: 0 0.8rem;
}

.pop {
  position: relative;
  color: #fff;
  box-sizing: border-box;
  color: rgba(205, 205, 205, 1);
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: 0;
  /* transform: translate3d(-50%, -50%, 0); */
}

.pop-btn {
  width: 3.72rem;
  height: 0.8rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/pop-btn.png") no-repeat left / 7.54rem 0.8rem;
  margin: 0 auto;
  color: rgba(205, 205, 205, 1);
  font-family: fonts;
  font-size: 0.32rem;
}

.pop-btn.gray {
  background-position: right;
}

.pop-btn.min {
  margin: 0 0.09rem;
  width: 2.8rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/pop-min-btn.png") no-repeat left / 5.78rem 0.8rem;
}

.pop-btn.min.gray {
  background-position: right;
}

.pop-close {
  width: 0.49rem;
  height: 0.49rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/agreement-close.png") no-repeat top / 100% auto;
  position: absolute;
  top: 0.19rem;
  right: 0.24rem;
  text-indent: -99999px;
  font-size: 0;
}

.pop-getkeys {
  text-align: center;
  color: rgba(217, 217, 217, 0.8);
  font-size: 0.28rem;
  padding: 1.19rem 0.3rem 0.4rem;
  line-height: 0.4rem;
}

.pop-getkeys p:nth-child(3) {
  font-size: 0.24rem;
  color: rgba(217, 217, 217, 0.58);
}

.pop-getkey-input {
  width: 4.46rem;
  height: 0.56rem;
  background: rgba(19, 19, 19, 0.5);
  font-size: 0.24rem;
  border-radius: 0.1rem;
  box-sizing: border-box;
  padding: 0 0.16rem;
  color: #fff;
  display: block;
  border: none;
  appearance: none;
  text-align: center;
  margin: 0.2rem auto 0.25rem;
}

.pop-zige {
  width: 6.22rem;
  height: 4.34rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/pop-zige.jpg") no-repeat top / 100% auto;
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
}

.pop-zg-title {
  font-size: 0.32rem;
  color: rgba(205, 205, 205, 1);
  line-height: 0.48rem;
  padding: 1.44rem 0.3rem 0;
  text-align: center;
  font-weight: bold;
}

.pop-zg-desc {
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: rgba(205, 205, 205, 1);
  padding: 0.52rem 0.5rem 0.76rem;
  text-align: center;
}

.pop-copy {
  width: 6.23rem;
  height: 6.7rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/pop-copy.jpg") no-repeat top / 100% auto;
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
}

.pop-copy .title {
  font-size: 0.32rem;
  color: rgba(205, 205, 205, 1);
  justify-content: flex-start;
  height: 0.88rem;
  padding-left: 0.65rem;
  position: absolute;
  top: 0;
  left: 0;
}

.pop-code {
  padding-top: 1.4rem;
}

.pop-code .code {
  width: 1.92rem;
  height: 1.92rem;
  padding: 0.08rem;
  border: 1px solid rgba(163, 165, 166, 0.6);
  margin: 0 auto;
}

.pop-code .code img {
  width: 1.92rem;
  height: 1.92rem;
}

.pop-code .desc {
  font-size: 0.24rem;
  color: rgba(217, 217, 217, 1);
  line-height: 0.4rem;
  padding: 0.24rem 0 0.08rem;
}

.pop-code .input {
  width: 4.46rem;
  height: 0.56rem;
  background: rgba(19, 19, 19, 0.5);
  font-size: 0.24rem;
  border-radius: 0.1rem;
  box-sizing: border-box;
  padding: 0 0.16rem;
  color: #fff;
  display: block;
  border: none;
  appearance: none;
  margin: 0 auto 0.5rem;
}

.pop-rule {
  font-size: 0.22rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 0.4rem;
  margin: 0.43rem 0.2rem 0;
  padding: 0 0.3rem;
  text-align: justify;
  height: 3.25rem;
  overflow: auto;
  margin-bottom: 0.4rem;
  white-space: pre-line;
}

.pop-login {
  padding: 1.6rem 0.6rem 0;
  justify-content: space-between;
}

.pop-login img {
  width: 2.37rem;
}

.pop-subscribe .pop-close {
  width: 0.72rem;
  height: 0.72rem;
  position: absolute;
  bottom: -1.04rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/pop-close.png") no-repeat top / 100% 100%;
  left: 50%;
  top: auto;
  transform: translateX(-0.36rem);
  z-index: 5;
}

.pop-subscribe {
  width: 6.22rem;
  height: 7.22rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/pop-subscribe.jpg") no-repeat top / 100% auto;
  border-radius: 0.1rem;
  position: relative;
}

.pop-subscribe .title {
  text-align: center;
  font-size: 0.34rem;
  line-height: 0.62rem;
  font-weight: bold;
  padding: 3.78rem 0 0.7rem;
  color: rgba(205, 205, 205, 1);
}

.pop-subscribe .username {
  max-width: 2.3rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pop-agreement {
  width: 6.22rem;
  height: 6.36rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/pop-agreement.jpg") no-repeat top / 100% auto;
  border-radius: 0.1rem;
  position: relative;
}

.pop-agreement .title {
  font-size: 0.32rem;
  color: rgba(205, 205, 205, 1);
  justify-content: flex-start;
  height: 0.88rem;
  padding-left: 0.65rem;
}

.pop-agreement .desc {
  font-size: 0.25rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 0.44rem;
  margin: 0.43rem 0.2rem 0;
  padding: 0 0.3rem;
  text-align: justify;
  height: 2.64rem;
  overflow: auto;
}

.pop-agreement .check {
  font-size: 0.25rem;
  line-height: 0.48rem;
  padding: 0.31rem 0 0.3rem;
}

.pop-agreement .check a {
  color: rgba(255, 113, 51, 1);
}

.pop-common {
  width: 6.24rem;
  height: 5.06rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/pop-common.jpg") no-repeat top / 100% auto;
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
}

.pop-common .title {
  font-size: 0.32rem;
  color: rgba(205, 205, 205, 1);
  justify-content: flex-start;
  height: 0.88rem;
  padding-left: 0.65rem;
  position: absolute;
  top: 0;
  left: 0;
}

.pop-common .alert {
  height: 2.55rem;
  padding: 0.88rem 0.3rem 0.28rem;
  font-family: fonts;
  font-size: 0.48rem;
  color: rgba(205, 205, 205, 1);
  text-align: center;
  line-height: 0.72rem;
}

.pop-common .alert.min {
  font-size: 0.32rem;
  line-height: 0.42rem;
}

.pop-common .success {
  height: 2.55rem;
  padding: 0.88rem 0.3rem 0.28rem;
  font-family: fonts;
  font-size: 0.48rem;
  color: rgba(205, 205, 205, 1);
  text-align: center;
  line-height: 0.72rem;
  flex-direction: column;
}

.pop-common .success span {
  display: block;
  font-size: 0.3rem;
  line-height: 0.36rem;
  padding-top: 0.1rem;
}


.pop-open {
  width: 6.24rem;
  height: 8.16rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/pop-open.jpg") no-repeat top / 100% auto;
  position: relative;
  border-radius: 0.1rem;
}

.pop-open .title {
  font-size: 0.48rem;
  font-family: fonts;
  height: 0.58rem;
  padding-top: 1.52rem;
}

.pop-open .image {
  width: 2.52rem;
  height: 3.6rem;
  margin: 0.41rem auto 0.55rem;
  display: block;
  border-radius: 0.1rem;
  box-shadow: 0 0.06rem 0.2rem 0 rgba(0, 0, 0, 0.42);
}

.pop-lottery {
  width: 6.24rem;
  height: 8.16rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/pop-open.jpg") no-repeat top / 100% auto;
  position: relative;
  border-radius: 0.1rem;
}

.pop-lottery .title {
  font-size: 0.48rem;
  font-family: fonts;
  height: 0.58rem;
  padding-top: 1.52rem;
}

.pop-lottery .name {
  font-size: 0.28rem;
  height: 0.48rem;
  padding-top: 0.24rem;
}

.pop-lottery .image {
  width: 3.4rem;
  margin: 0.1rem auto 0.5rem;
  display: block;
}

.pop-record {
  width: 5.76rem;
  margin: 1.2rem auto 0;
  border-radius: 0.1rem;
  overflow: hidden;
}

.pop-record-scroll {
  overflow: auto;
  max-height: 2.8rem;
}

.pop-record .item {
  height: 0.68rem;
  font-size: 0.22rem;
  color: rgba(205, 205, 205, 0.8);
  background: rgba(255, 255, 255, 0.08);
  border-bottom: 0.02rem solid rgba(163, 165, 166, 0.4);
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.56rem;
}

.pop-record .item a {
  color: rgba(255, 113, 51, 1);
  text-decoration: underline;
}

.pop-record>.item:nth-child(1) {
  font-size: 0.28rem;
  color: rgba(255, 113, 51, 1);
  font-weight: bold;
}

.pop-record .item:last-child {
  border: none;
}

.pop-record .item span:nth-child(1) {
  width: 2.4rem;
}

.pop-address {
  width: 6.22rem;
  height: 7.66rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/pop-address.jpg") no-repeat top / 100% auto;
  position: relative;
  border-radius: 0.1rem;
}

.pop-address .title {
  font-size: 0.32rem;
  color: rgba(205, 205, 205, 1);
  justify-content: flex-start;
  height: 0.88rem;
  padding-left: 0.65rem;
  padding-bottom: 0.34rem;
}

.pop-address .item {
  padding: 0 0.42rem 0.24rem;
  justify-content: space-between;
}

.pop-address .item.odd {
  padding-bottom: 0.45rem;
}

.pop-address .type {
  min-width: 0.88rem;
  font-size: 0.24rem;
  height: 0.4rem;
  line-height: 0.4rem;
  color: rgba(217, 217, 217, 0.8);
  white-space: nowrap;
}

.pop-address .input {
  width: 100%;
  min-height: auto;
  height: 0.4rem;
  background: rgba(19, 19, 19, 0.5);
  font-size: 0.24rem;
  border-radius: 0.1rem;
  box-sizing: border-box;
  padding: 0 0.16rem;
  color: #fff;
  display: block;
  border: none;
  appearance: none;
}

.pop-address .picker {
  width: 100%;
  justify-content: space-between;
  padding: 0.16rem 0;
}

.pop-address .picker-item {
  width: 1.7rem;
  min-height: auto;
  height: 0.4rem;
  font-size: 0.24rem;
  border-radius: 0.1rem;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.45);
  white-space: nowrap;
  justify-content: space-between;
  text-align: center;
  border: none;
  appearance: none;
  box-sizing: border-box;
  padding-right: 0.14rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/ic5.png") no-repeat 1.45rem center / 0.14rem auto rgba(19, 19, 19, 0.5);
}

.pop-address .picker-item.active {
  color: #fff;
}

.pop-address .tips {
  font-size: 0.22rem;
  color: rgba(163, 165, 166, 0.9);
  padding: 0.16rem 0.3rem 0;
  text-align: center;
}

.pop-phone {
  width: 5.36rem;
  margin: 0.1rem auto 0.13rem;
  position: relative;
}

.pop-phone input {
  min-height: auto;
  background: rgba(19, 19, 19, 0.5);
  font-size: 0.24rem;
  border-radius: 0.1rem;
  box-sizing: border-box;
  color: #fff;
  display: block;
  border: none;
  appearance: none;
  width: 5.36rem !important;
  height: 0.82rem !important;
  padding: 0 0.3rem !important;
}

.pop-phone .getcode {
  width: 1.7rem;
  color: rgba(255, 113, 51, 1);
  font-size: 0.24rem;
  position: absolute;
  top: 0;
  right: 0;
  height: 0.82rem;
}

.pop-phone-label {
  height: 0.4rem;
  font-size: 0.24rem;
  justify-content: flex-start;
  padding: 0.3rem 0.45rem 0;
}

.pop-phone-label input {
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.12rem;
  background: rgba(19, 19, 19, 0.5);
  border: 1px solid rgba(163, 165, 166, 1);
  appearance: none;
  border-radius: 0.02rem;
}

.pop-phone-label input:checked {
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/checked.png) no-repeat center / cover rgba(19, 19, 19, 0.5);
}

.pop-phone-desc {
  font-size: 0.2rem;
  color: rgba(217, 217, 217, 0.8);
  line-height: 0.32rem;
  margin: 0.06rem 0.25rem 0.4rem;
  padding: 0 0.2rem;
  text-align: justify;
  max-height: 1.7rem;
  overflow-y: auto;
}

.pop-phone-desc::-webkit-scrollbar {
  background: #232323;
  width: 4px;
  border-radius: 4px;
}

.pop-phone-desc::-webkit-scrollbar-thumb {
  background: #525252;
  border-radius: 4px;
}

.pop-unbind {
  width: 6.22rem;
  height: 6.88rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/pop-unbind.jpg") no-repeat top / 100% auto;
  position: relative;
  border-radius: 0.1rem;
}

.pop-unbind .title {
  font-size: 0.32rem;
  color: rgba(205, 205, 205, 1);
  justify-content: flex-start;
  height: 0.88rem;
  padding-left: 0.65rem;
  padding-bottom: 0.34rem;
}

.pop-unbind-number {
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  padding: 0.1rem 0 0.22rem;
}

.pop-unbind-number p:nth-child(1) {
  font-size: 0.4rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 0.5rem;
}

.pop-share {
  width: 7.3rem;
  position: relative;
}

.pop-share-tips {
  position: fixed;
  top: 0;
  right: 0;
  background: url(//game.gtimg.cn/images/rm/cp/a20250729/pop-share-tips.png) no-repeat top right / 100% auto;
  width: 7.5rem;
  height: 3.34rem;
  z-index: 99999;
  display: none;
}

.pop-share-image {
  position: relative;
  height: 8.78rem;
}

.pop-share-image #popShareSave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.pop-qrcode {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 7.16rem;
  right: 0.54rem;
}

.pop-qrcode img,
.pop-qrcode canvas {
  width: 1rem;
  height: 1rem;
}

.pop-share-icon {
  width: 0.73rem;
  height: 0.73rem;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(12);
  padding: 0.2rem;
  border-radius: 0.1rem;
  margin-bottom: 0.05rem;
}

.pop-share-oper a {
  width: 1.2rem;
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.26rem;
  white-space: nowrap;
  margin: 0.5rem 0.27rem 0;
  line-height: 0.5rem;
}

.pop-share .pop-close {
  width: 0.72rem;
  height: 0.72rem;
  position: absolute;
  bottom: -1.04rem;
  background: url("//game.gtimg.cn/images/rm/cp/a20250729/pop-close.png") no-repeat top / 100% 100%;
  left: 50%;
  top: auto;
  transform: translateX(-0.36rem);
  z-index: 5;
}

@media all and (orientation: landscape) {

  html,
  body {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
  }

  html::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #333;
    z-index: 99999;
  }

  html::after {
    content: "\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\7AD6\8FC7\6765";
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    width: 100%;
    margin-top: 70px;
    z-index: 99999;
  }

  body::before {
    content: "";
    position: absolute;
    z-index: 99999;
    height: 200px;
    width: 100px;
    left: 50%;
    top: 50%;
    margin: -140px 0 0 -50px;
    color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px auto;
    transform: rotateZ(-90deg);
    -webkit-transform: rotateZ(-90deg);
  }
}

@keyframes pop-content-ani {
  0% {
    opacity: 0;
    transform: translate3d(0, 300px, 0) scale(0.3);
  }

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

@keyframes pop-content-ani-rever {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 200px, 0) scale(0.3);
  }
}

.pop {
  opacity: 0;
  z-index: 2;
}

.pop.-animate {
  display: block;
  animation: pop-content-ani 0.45s cubic-bezier(0.065, 0.7, 0.1, 1.2) forwards;
}

.pop.-animate-hide {
  animation: pop-content-ani-rever 0.4s ease-in-out forwards;
}

.toast-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  z-index: 9999;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.8);
}

.toast-wrap.show {
  display: flex;
  opacity: 1;
}

.toast-text {
  min-width: 3rem;
  max-width: 5rem;
  background-color: #2e2e2c;
  padding: 0.1rem 0.2rem;
  border-radius: 0.2rem;
  font-size: 0.3rem;
  color: #fff;
  pointer-events: all;
  text-align: center;
}

.toast-wrap.show .toast-text {
  animation: shake 800ms ease-in-out;
}