@charset "UTF-8";
html,
body,
div,
p,
ul,
ol,
li,
dl,
dt,
dd,
em,
i,
span,
a,
img,
input,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

a,
img,
input {
  border: none;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

ul,
li {
  list-style: none;
}

i {
  font-style: normal;
}

html {
  font-size: calc(100vw / 750 * 100);
  font-family: 'Microsoft YaHei';
}

@font-face {
  font-family: 'font';
  src: url("song.woff2");
}

html,
body {
  overflow-x: hidden;
  padding: 0;
}

@keyframes tips {
  0% {
    transform: translateY(-0.2rem);
  }
  50% {
    transform: translateY(0rem);
  }
  100% {
    transform: translateY(-0.2rem);
  }
}

.gray {
  filter: grayscale(90%);
  color: #3f3b37 !important;
}

#_overlay_ {
  position: fixed !important;
  height: 100% !important;
}

.wrap {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 7.5rem;
  overflow: hidden;
}

.kv {
  width: 100%;
  height: 11.11rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/kv.jpg) no-repeat center/cover;
  position: relative;
}

.kv #watermarkIconWX2 {
  width: 1.95rem;
  height: 0.52rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/wxzs1.png);
  background-size: 100% auto;
  position: absolute;
  top: 69%;
  left: 71%;
}

.kv-login {
  position: absolute;
  right: 0rem;
  top: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 28%;
}

.kv-login i {
  display: block;
  width: 2.71rem;
  height: 0.44rem;
  background-size: cover;
}

.kv-login #watermarkIconWX1 {
  width: 1.74rem;
  background-image: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/wxyx.png);
  background-size: 100% 100%;
  display: none;
}

.kv-login #watermarkIconQQ {
  background-image: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/qq-white.png);
  background-size: 100% 100%;
  display: none;
}

.kv-login .login {
  font-size: 0.25rem;
  color: #5d4a95;
}

.kv-login .login .login_after {
  width: max-content;
}

.main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/main.jpg) no-repeat top center;
  background-size: 100% 100%;
  margin: -0.02rem;
}

.t1 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/t1.png) no-repeat center/contain;
  width: 5.75rem;
  height: 1.04rem;
  position: relative;
}

.t1 i {
  display: none;
  position: absolute;
  top: -2%;
  right: 27%;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/wxzs.png) no-repeat center/contain;
  width: 2.03rem;
  height: 0.26rem;
}

.t2 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/t2.png) no-repeat center/contain;
  width: 2.91rem;
  height: 0.56rem;
  position: relative;
  margin-top: 0.6rem;
}

.t3 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/t3.png) no-repeat center/contain;
  width: 2.91rem;
  height: 0.56rem;
  margin-top: -0.3rem;
}

.t4 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/t4.png) no-repeat center/contain;
  width: 3.22rem;
  height: 1.04rem;
  position: relative;
  margin-top: 0.6rem;
}

.t5 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/t5.png) no-repeat center/contain;
  width: 3.42rem;
  height: 0.87rem;
  position: relative;
  margin-top: 0.7rem;
}

.p1 {
  width: 7.5rem;
  height: 14.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.p1 .xz {
  color: #835def;
  font-family: 'font';
  margin-top: -0.15rem;
  font-size: 0.18rem;
}

.p1 .cont {
  width: 85%;
  height: auto;
  font-size: 0.22rem;
  color: #5d4a95;
  font-family: 'font';
  margin: 0.1rem 0 0.3rem 0;
}

.p1 .cont p {
  text-align: center;
}

.p1 .cont p span {
  color: #6f40ec;
}

.p1 .p1-ul {
  box-sizing: border-box;
  width: 100%;
  height: 10.32rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p1-bg.png) no-repeat center/contain;
  position: relative;
}

.p1 .p1-ul::after {
  position: absolute;
  content: '';
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p1-after.png) no-repeat center/contain;
  width: 1.24rem;
  height: 1.33rem;
  top: -3%;
  right: 2%;
}

.p1 .p1-ul .p1-ulitem {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.3rem;
}

.p1 .p1-ul .p1-ulitem li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 10;
  margin-bottom: 0.1rem;
}

.p1 .p1-ul .p1-ulitem li:nth-child(2) .btn-box, .p1 .p1-ul .p1-ulitem li:nth-child(3) .btn-box {
  margin-top: 0.1rem;
}

.p1 .p1-ul .p1-ulitem li:first-child {
  width: 100%;
}

.p1 .p1-ul .p1-ulitem li i {
  position: absolute;
  font-size: 0.18rem;
  color: #835def;
  left: 15%;
  bottom: 21%;
  font-family: 'font';
  white-space: nowrap;
  width: 100%;
}

.p1 .p1-ul .p1-ulitem li .text {
  font-size: 0.28rem;
  width: 3.25rem;
  height: 0.72rem;
  text-align: center;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p1-li-t.png) no-repeat center/contain;
  justify-content: center;
  line-height: 0.3rem;
  padding-top: 0.05rem;
  box-sizing: border-box;
  color: #ffffff;
  margin-bottom: 0.1rem;
}

.p1 .p1-ul .p1-ulitem li .text .cardNum {
  color: #ffffff;
  font-style: normal;
  /* ��������ʽ��Ϊ���� */
  font-size: 0.3rem;
}

.p1 .p1-ul .p1-ulitem li .text span {
  color: #fff8a7;
}

.p1 .p1-ul .p1-ulitem li .last-line {
  line-height: 0.6rem;
}

.p1 .p1-ul .p1-ulitem li .prog {
  font-size: 0.22rem;
  color: #5d4a95;
  font-family: 'font';
}

.p1 .p1-ul .p1-ulitem li .img-box {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p2-li-bg.png) no-repeat center/contain;
  width: 2.32rem;
  height: 1.86rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.2rem 0.2rem 0.4rem 0.2rem;
  box-sizing: border-box;
  position: relative;
}

.p1 .p1-ul .p1-ulitem li .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p1 .p1-ul .p1-ulitem li .img-box .text2 {
  position: absolute;
  font-size: 0.22rem;
  bottom: 3%;
  left: 6%;
  width: 89%;
  text-align: center;
  font-family: 'font';
  padding: 0.05rem 0;
  color: #835def;
}

.p1 .p1-ul .p1-ulitem li .btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.p1 .p1-ul .p1-ulitem li .btn-box .btn-buy {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p1-btn.png) no-repeat center/contain;
  width: 2.32rem;
  height: 0.78rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.29rem;
  font-family: 'font';
  color: #9d5608;
}

.p1 .p1-ul .p1-ulitem li .btn-box .btn-buy span {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  padding-bottom: 0.15rem;
}

.p1 .p1-ul .yq {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-family: 'font';
  align-items: center;
}

.p1 .p1-ul .yq .tip {
  color: #835def;
  font-size: 0.24rem;
  width: 100%;
  text-align: center;
  font-family: 'font';
}

.p1 .p1-ul .yq ul {
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.2rem;
}

.p1 .p1-ul .yq .li2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.2rem;
  color: #5d4a95;
  margin-right: 0.05rem;
}

.p1 .p1-ul .yq .li2 .add {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.17rem;
  height: 1.16rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/add.png) no-repeat center/contain;
  background-size: 100% 100%;
  padding: 0.1rem;
  box-sizing: border-box;
  position: relative;
}

.p1 .p1-ul .yq .li2 .add::after {
  position: absolute;
  content: '';
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/add-after.png) no-repeat center/contain;
  width: 1.05rem;
  height: 0.9rem;
  top: 0.1rem;
  right: 0.1rem;
}

.p1 .p1-ul .yq .li2 img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 50%;
}

.p1 .p1-ul .yq .li2 .name {
  width: 1.2rem;
  font-size: 0.22rem;
  height: 0.7rem;
  text-align: center;
  overflow: hidden;
  color: #7c6988;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.p2 {
  width: 6.67rem;
  height: 8.22rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p2-bg.png) no-repeat center/contain;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding: 0.7rem 0 0 0;
  margin-top: -0.5rem;
  position: relative;
}

.p2 .tip {
  font-size: 0.2rem;
  color: #5d4a95;
  font-family: 'font';
  width: 88%;
}

.p2 .game-container {
  margin-top: 0.75rem;
}

.p2 .game-container .npc-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.p2 .game-container .npc {
  display: inline-block;
  height: 100%;
  background-color: lightblue;
  position: relative;
  vertical-align: top;
  height: 2.62rem;
}

.p2 .game-container .npc i {
  position: absolute;
  top: -19%;
  left: 48%;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/choose.png) no-repeat center/contain;
  width: 0.33rem;
  height: 0.31rem;
  animation: tips 2s infinite;
  display: none;
}

.p2 .game-container .npc1 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/npc1.png) no-repeat center bottom 0.46rem/contain;
  width: 1.82rem;
}

.p2 .game-container .npc2 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/npc2.png) no-repeat center bottom 0.46rem/contain;
  width: 1.79rem;
  margin: 0 0 0 0.2rem;
}

.p2 .game-container .npc3 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/npc3.png) no-repeat bottom/contain;
  width: 2.13rem;
}

.p2 .game-container .question-popup {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/dhk.png) no-repeat center/100% 100%;
  width: 1.91rem;
  height: 1rem;
  font-size: 0.25rem;
  color: #ffffff;
  position: absolute;
  top: -1.2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  padding-bottom: 0.2rem;
  display: none;
}

.p2 .game-container .question-popup p {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
}

.p2 .game-container .options {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

.p2 .game-container .options::after {
  position: absolute;
  content: '';
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/icon.png) no-repeat center/contain;
  width: 2.19rem;
  height: 1.88rem;
  top: 0%;
  left: -5%;
}

.p2 .game-container .option {
  width: 2.11rem;
  height: 0.64rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/option.png) no-repeat center/contain;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.19rem;
  color: #66549b;
  padding-bottom: 0.15rem;
  box-sizing: border-box;
}

.p2 .game-container .option:nth-child(2) {
  transform: translateX(0.1rem);
}

.p2 .game-container .option:nth-child(1) {
  transform: rotate(-14deg);
}

.p2 .game-container .option:nth-child(3) {
  transform: rotate(16deg);
}

.p2 .game-container .selected {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/option-active.png) no-repeat center/contain;
}

.p2 .game-container .correct-icon,
.p2 .game-container .wrong-icon {
  position: absolute;
  top: -1.1rem;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  font-size: 0;
  width: 1rem;
  height: 1rem;
}

.p2 .game-container .correct-icon {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/correct.png) no-repeat center/contain;
}

.p2 .game-container .wrong-icon {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/wrong.png) no-repeat center/contain;
}

.p2 .game-container .stars {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 18%;
  left: -10%;
}

.p2 .game-container .stars-right {
  right: -8% !important;
  align-items: flex-end;
}

.p2 .game-container .star {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/star.png) no-repeat center/contain;
  width: 0.25rem;
  height: 0.23rem;
  cursor: default;
}

.p2 .game-container .star.active {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/star-active.png) no-repeat center/contain;
  width: 0.25rem;
  height: 0.24rem;
}

.p2 .game-container #feedback-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border: 1px solid #ccc;
  padding: 20px;
  z-index: 100;
}

.p2 .game-container #start-button {
  margin-top: 20px;
  padding: 10px 20px;
  font-size: 16px;
}

.p2 .btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #5d4a95;
  position: absolute;
  bottom: 30%;
  right: 6%;
}

.p2 .btn-box .use-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: 'font';
}

.p2 .btn-box .use-box .xiao {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/use-btn.png) no-repeat center/contain;
  width: 1.33rem;
  height: 0.57rem;
  font-size: 0.24rem;
}

.p2 .btn-box .use-box .img-box {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/use-img.png) no-repeat center/contain;
  width: 1.13rem;
  height: 1.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
}

.p2 .btn-box .use-box .img-box p {
  position: absolute;
  top: -0.15rem;
  right: -0.1rem;
  font-size: 0.19rem;
  color: #5d4a95;
  width: 0.35rem;
  background: #ffffff;
  border-radius: 50%;
  border: 0.04rem solid #a79ff9;
  box-sizing: border-box;
  height: 0.35rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p2 .btn-box .use-box .img-box span {
  position: absolute;
  left: 30%;
  bottom: 7%;
  font-size: 0rem;
  color: #5d4a95;
  font-family: 'font';
}

.p2 .btn-box .use-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p2 .flex-box {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #5d4a95;
  margin-top: 0.6rem;
  position: relative;
}

.p2 .flex-box .btn-buy {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p2-btn.png) no-repeat center/contain;
  width: 2.36rem;
  height: 0.79rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.36rem;
  position: relative;
  font-family: 'font';
  margin: 0 0.1rem;
  text-decoration: none;
}

.p2 .flex-box .btn-buy .play {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p2 .flex-box .btn-buy .kshi {
  position: absolute;
  top: 9%;
  left: 36%;
}

.p2 .flex-box .btn-buy .xz {
  position: absolute;
  bottom: 4%;
  left: 41%;
  font-size: 0.18rem;
  color: #5d4a95;
}

.p2 .flex-box .btn-buy .ibq {
  position: absolute;
  font-size: 0.2rem;
  top: -41%;
  left: 24%;
  color: #5d4a95;
  white-space: nowrap;
}

.p2 .flex-box .more {
  color: #835def;
  position: absolute;
  right: -48%;
}

.p2 .flex-box a {
  display: flex;
  justify-content: center;
  font-family: 'font';
  font-size: 0.24rem;
  align-items: center;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
  text-decoration: underline;
}

.p2 .flex-box a span {
  align-items: flex-end;
}

.p3 {
  width: 7.5rem;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}

.p3 .p3-ulitem {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 0.5rem 0rem 0 0;
  position: relative;
  z-index: 10;
}

.p3 .p3-ulitem .li1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.55rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p3-li.png) no-repeat center/contain;
  width: 3.33rem;
  height: 3.59rem;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
}

.p3 .p3-ulitem .li1 .tit {
  position: absolute;
  top: 6%;
  left: 5%;
  font-size: 0.26rem;
  width: 2.91rem;
  height: 0.48rem;
  font-family: 'font';
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p3-tit.png) no-repeat center/contain;
}

.p3 .p3-ulitem .li1 .li-item {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  width: 100%;
  line-height: 0.2rem;
  margin-top: 0.8rem;
  box-sizing: border-box;
}

.p3 .p3-ulitem .li1 .li-item li {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  box-sizing: border-box;
  width: 1.46rem;
}

.p3 .p3-ulitem .li1 .li-item li .img-box {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p3-item.png) no-repeat center/contain;
  width: 100%;
  height: 1.42rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.2rem;
  box-sizing: border-box;
}

.p3 .p3-ulitem .li1 .li-item li .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p3 .p3-ulitem .li1 .li-item .name {
  font-size: 0.2rem;
  color: #5d4a95;
  width: 100%;
  text-align: center;
  font-family: 'font';
  white-space: pre-wrap;
}

.p3 .p3-ulitem .btn {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p3-btn.png) no-repeat center/contain;
  width: 2.12rem;
  height: 0.73rem;
  color: #894400;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.26rem;
  font-family: 'font';
  margin-top: 0.1rem;
}

.p3 .p3-ulitem > li:last-child .li-item li {
  width: 2.93rem;
}

.p3 .p3-ulitem > li:last-child .li-item li .img-box {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/l4.png) no-repeat center/cover;
}

.p4 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p4-bg.png) no-repeat center/contain;
  width: 6.67rem;
  height: 7.22rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 0.4rem;
}

.p4 .tit {
  font-size: 0.2rem;
  color: #5d4a95;
  text-align: center;
  margin: 1.3rem 0 0.1rem 0;
  position: absolute;
  bottom: -83%;
  left: 7%;
}

.p4 ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  z-index: 10;
  margin-top: 0.4rem;
}

.p4 ul li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.1rem;
  width: 5.81rem;
  height: 1rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p4-li.png) no-repeat center/contain;
  font-family: 'font';
  position: relative;
  padding: 0.1rem 0 0 0.1rem;
  box-sizing: border-box;
  z-index: 10;
}

.p4 ul li:first-child {
  margin-bottom: 0.9rem;
}

.p4 ul li:nth-child(4) .left {
  margin-top: 0.05rem;
}

.p4 ul li:nth-child(4) .con {
  line-height: 0.25rem;
}

.p4 ul .left {
  margin-top: 0.1rem;
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  box-sizing: border-box;
  margin-left: -0.4rem;
  color: #5d4a95;
}

.p4 ul .left p {
  font-size: 0.18rem;
  color: #7857d8;
  padding-left: 0.65rem;
}

.p4 ul .right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-right: 0.15rem;
  z-index: 20;
}

.p4 ul .right .xfmd {
  top: -68%;
  font-size: 0.2rem;
  left: 42%;
  height: 0.3rem;
  text-decoration: underline;
  width: 100%;
  color: #6d4dc8;
}

.p4 ul .con {
  width: 100%;
  font-size: 0.24rem;
  color: #835def;
  font-family: 'font';
  padding-left: 0.65rem;
}

.p4 ul i {
  position: absolute;
  font-size: 0.15rem;
  color: #835def;
  bottom: -13%;
  right: 28%;
}

.p4 ul .btn {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/p4-btn.png) no-repeat center/contain;
  width: 1.98rem;
  height: 0.68rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.25rem;
  font-family: 'font';
  color: #8d4a02;
}

.p5 {
  width: 7.5rem;
  height: 10.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-bottom: 0.8rem;
}

.p5 .rule-box {
  width: 100%;
  height: 7.88rem;
  font-size: 0.24rem;
  color: #5d4a95;
}

.p5 .rule-box .padd {
  width: 87%;
  height: 94%;
  overflow-y: scroll;
  margin: 0.6rem auto;
}

.p5 .rule-box pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  text-indent: 0;
  display: inline-block;
  line-height: 1.5;
  font-family: 'font';
}

.p5 .rule-box .show-wx {
  display: none;
}

.p5 .rule-box .show-qq {
  display: none;
}

.dlown {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 7.5rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/dlown.png) no-repeat center/contain;
  height: 0.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.4rem;
  font-family: 'font';
  color: #8d4a02;
}

.dlown span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.34rem;
}

.dai {
  display: flex;
  width: 100% !important;
  height: 100% !important;
  display: none;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
}

.dai .color-style2 {
  background: -webkit-linear-gradient(top, #007bff, #9c27b0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dai .dai-share {
  width: 3.62rem;
  height: 2.4rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/share.png) no-repeat center/cover;
  position: fixed;
  right: 0.1rem;
  top: 0.2rem;
}

.dai .dailoge {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
}

.dai .dailoge .tit {
  position: absolute;
  top: 11%;
  left: 10.5%;
  width: 5.78rem;
  height: 0.64rem;
}

.dai .title1 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/dlfs.png) no-repeat center/contain;
}

.dai .title2 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/fxfs.png) no-repeat center/contain;
}

.dai .title3 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/wxts.png) no-repeat center/contain;
}

.dai .title5 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/bddq.png) no-repeat center/contain;
  width: 5.78rem;
  height: 0.64rem;
}

.dai .title6 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/tyg.png) no-repeat center/contain;
}

.dai .title7 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/ntxq.png) no-repeat center/contain;
  width: 1.85rem;
  height: 0.64rem;
}

.dai .title8 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/hygb.png) no-repeat center/contain;
  width: 2.72rem;
  height: 0.68rem;
}

.dai .title9 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/wdta.png) no-repeat center/contain;
}

.d1 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/login-bg.png);
  background-size: 100% 100%;
  width: 6.95rem;
  height: 3.96rem;
}

.d1 .d1-ul {
  display: flex;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
  margin-top: 0.8rem;
}

.d1 .d1-ul img {
  width: 100%;
  height: 100%;
}

.d1 .d1-ul .q1 {
  width: 1.92rem;
  height: 2.36rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/q1.png);
  background-size: 100% 100%;
}

.d1 .d1-ul .q2 {
  width: 1.92rem;
  height: 2.36rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/q2.png);
  background-size: 100% 100%;
}

.d1 .d1-ul .w1 {
  width: 1.92rem;
  height: 2.36rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/v1.png);
  background-size: 100% 100%;
}

.d1 .d1-ul .w2 {
  width: 1.92rem;
  height: 2.36rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/v2.png);
  background-size: 100% 100%;
}

.d1 .d1-ul .wk {
  width: 1.92rem;
  height: 2.36rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/pyq.png);
  background-size: 100% 100%;
}

.d1 .d1-ul .qk {
  width: 1.92rem;
  height: 2.36rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/kj.png);
  background-size: 100% 100%;
}

.d2 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/bddq-bg.png);
  background-size: 100% 100%;
  width: 6.95rem;
  height: 6.19rem;
  position: relative;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

.d2 #milo-error-message {
  font-size: 0.2rem;
  margin: -0.2rem 0 0.1rem 0;
  color: #5d4a95;
}

.d2 .tit {
  top: 6% !important;
}

.d2 .close {
  top: 6%;
}

.d2 .rule-ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 1.1rem 0 0.1rem 0;
  width: 90%;
  padding: 0 0 0 0.18rem;
  box-sizing: border-box;
}

.d2 .rule-ul .rule-li {
  display: flex;
  align-items: center;
  width: 86%;
  justify-content: flex-start;
  margin-bottom: 0.2rem;
  position: relative;
  font-size: 0.24rem;
  color: #704fc8;
  font-family: 'font';
}

.d2 .rule-ul .rule-li label {
  font-size: 0.24rem;
}

.d2 .rule-ul .rule-li p {
  font-weight: normal;
  width: 91%;
  font-size: 0.24rem;
  line-height: 0.3rem;
}

.d3 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-family: 'font';
  padding: 0 0 0.5rem 0;
}

.d3 .tit {
  top: 12% !important;
}

.d3 .yes-no {
  margin-top: 0.4rem;
}

.d3 .ty-text, .d3 .rule-text {
  font-size: 0.24rem;
  color: #5d4a95;
  margin: 1.5rem 0 0rem 0;
  text-align: center;
  width: 82%;
  word-wrap: break-word;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.d3 .user-style {
  color: #5d4a95;
  font-size: 0.24rem;
  margin: 0;
}

.d3 .ty-dbt {
  font-family: 'font';
  font-size: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.1rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/copy-btn.png) no-repeat center/contain;
  width: 2.32rem;
  height: 0.78rem;
  padding-bottom: 0.1rem;
}

.d4 {
  margin-bottom: 0.2rem;
}

.d4 p {
  font-size: 0.24rem;
  color: #5d4a95;
  width: 63%;
  margin: 0.4rem 0;
}

.d5,
.d7 {
  height: auto !important;
  padding: 0 0 0.5rem 0;
  font-size: 0.18rem;
  color: #5d4a95;
  text-align: center;
  font-family: 'font';
}

.d5 p,
.d7 p {
  font-size: 0.3rem;
  color: #5d4a95;
  width: 80%;
  margin: 1.5rem 0 0.2rem 0;
  text-align: center;
}

.d5 .yes-no,
.d7 .yes-no {
  margin-bottom: 0.1rem;
}

.d6 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/ytg-bg.png) no-repeat center/contain;
  width: 6.95rem;
  height: 7.31rem;
  position: relative;
  padding: 1.2rem 0 0 0;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #704fc8;
  font-family: 'font';
}

.d6 .close {
  top: 4%;
}

.d6 .tit {
  top: 6% !important;
}

.d6 .cont {
  width: 100%;
  height: 6.11rem;
}

.d6 p {
  font-size: 0.22rem;
  text-align: center;
  width: 86%;
  margin-top: 0.1rem;
}

.d6 .biaotou {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-family: 'font';
  width: 5.44rem;
  margin: 0.2rem 0 0 0.2rem;
  margin-left: 0.7rem;
}

.d6 .biaotou p {
  width: 33%;
  font-size: 0.3rem;
  margin-top: unset;
}

.d6 .scorll {
  width: 94%;
  height: 3.8rem;
  overflow-y: auto;
  margin: 0.2rem 0 0 0.2rem;
}

.d6 .user-ul {
  width: 92%;
  font-size: 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 0.4rem;
}

.d6 .user-ul .user-li {
  width: 100%;
  font-size: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.3rem;
  position: relative;
}

.d6 .user-ul .user-li::after {
  position: absolute;
  bottom: -0.2rem;
  left: 3%;
  content: '';
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/ylg-ligh.png) no-repeat center/100% 100%;
  width: 86%;
  height: 0.01rem;
}

.d6 .user-ul .user-li span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32%;
}

.d7 .yes-no {
  width: 100%;
  margin-bottom: 0.1rem;
}

.d8 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/share-dai-bg.png) no-repeat center/100% 100%;
  width: 6.78rem;
  height: 6.1rem;
  position: relative;
  padding: 1rem 0 0 0;
  font-family: 'font';
}

.d8 .tit {
  top: 17% !important;
}

.d8 .close {
  top: 6% !important;
}

.d8 .con {
  width: 100%;
  height: 100%;
  align-items: center;
  margin-top: 0.9rem;
}

.d8 .con .name {
  font-size: 0.27rem;
  width: 100%;
  color: #5d4a95;
  text-align: center;
  margin-bottom: 0.1rem;
}

.d8 .con .name span {
  text-decoration: underline;
}

.d8 .con .yes-no {
  margin-top: 0.2rem;
}

.d8 .con ul {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/share-bg1.png) no-repeat center/contain;
  width: 4.58rem;
  height: 1.65rem;
  margin: auto;
}

.d8 .con ul li {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/share-item-1.png) no-repeat center/contain;
  width: 0.92rem;
  height: 0.88rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.2rem;
  box-sizing: border-box;
}

.d8 .con ul li:nth-child(2) {
  margin: 0 0.2rem;
}

.d8 .con ul li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.d9 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/ta-bg.png) no-repeat center/100% 100%;
  width: 6.79rem;
  height: 10.27rem;
}

.d9 .tit {
  top: 10% !important;
}

.d9 .close {
  top: 3% !important;
}

.d9 .ul {
  height: 68%;
  width: 90%;
  overflow-y: auto;
  position: absolute;
  top: 20%;
}

.d9 .ul .li {
  margin-bottom: 0.2rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/ta-li-bg.png) no-repeat center/100% 100%;
  width: 5.41rem;
  height: 1.65rem;
  display: flex;
  align-items: center;
  font-family: 'font';
  justify-content: flex-start;
  margin-left: 0.3rem;
}

.d9 .ul .li .share-btn {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/share-btn.png) no-repeat center/100% 100%;
  width: 1.11rem;
  height: 0.58rem;
  color: #5d4a95;
  padding: 0 0 0.1rem 0;
  font-size: 0.24rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.d9 .ul .li .item {
  width: 60%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0.5rem;
}

.d9 .ul .li .item .pricture {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/share-item.png) no-repeat center/100% 100%;
  width: 0.92rem;
  height: 0.88rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.2rem;
  box-sizing: border-box;
  margin-right: 0.1rem;
}

.d9 .ul .li .item .pricture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

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

.d10 p {
  font-size: 0.25rem;
  word-break: break-all;
  width: 72%;
  margin-bottom: 0.2rem;
}

.close {
  width: 0.39rem;
  height: 0.4rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/close.png);
  background-size: 100% 100%;
  position: absolute;
  right: 6%;
  top: 10%;
  display: block;
  z-index: 100000;
}

.milo-PIPInfo {
  margin-right: 0.1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  width: 0.2rem;
  height: 0.2rem;
  border: 0.01rem solid #5d4a95;
  border-radius: 0.03rem;
  position: relative;
}

.milo-PIPInfo:checked {
  background: none !important;
}

.milo-PIPInfo:checked::after {
  content: '';
  height: 0.06rem;
  width: 0.08rem;
  border: #c58bd2 solid 0.02rem;
  position: absolute;
  top: 0.02rem;
  left: 0.03rem;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}

input {
  outline: none;
  padding: 0.08rem;
  font-size: 0.2rem;
  width: 82%;
  height: 0.23rem;
  margin-left: 0.05rem;
  border: 0.01rem solid #5d4a95;
  color: #5d4a95;
  vertical-align: top;
  line-height: normal;
  position: relative;
  font-family: 'font';
}

input:focus {
  color: #5d4a95;
  outline: none;
}

select {
  outline: none;
  padding: 0 0 0 0.1rem;
  font-size: 0.24rem;
  background-color: #a07de4;
  width: 75%;
  height: 0.45rem;
  margin-left: 0.05rem;
  border: none;
  color: #f7f3fb;
  vertical-align: top;
  line-height: normal;
  position: relative;
  font-family: 'font';
}

select option {
  color: black;
  background: #ffffff;
}

.yes-no {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.yes-no .dbt {
  width: 2.32rem;
  height: 0.78rem;
  font-family: 'font';
  font-size: 0rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/sure-btn.png);
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.1rem;
}

.yes-no .close-no {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250713hgup/close-btn.png);
  background-size: 100% 100%;
}

#toast {
  position: fixed;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 0.2rem 0.2rem;
  border-radius: 5rem;
  font-size: 0.24rem;
  display: none;
  z-index: 9999;
}