@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 */
}

em {
  font-style: normal;
}

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");
}

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

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

.gray {
  filter: grayscale(100%);
}

.gray-rule {
  filter: grayscale(70%);
}

.gray1 {
  filter: grayscale(100%);
}

#_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: 8.46rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/kv.jpg) no-repeat center/cover;
  position: relative;
}

.kv #watermarkIconWX2 {
  width: 1.78rem;
  height: 0.37rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/wxzs.png);
  background-size: 100% auto;
  position: absolute;
  top: 40%;
  left: 50%;
}

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

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

.kv-login #watermarkIconWX1 {
  width: 1.91rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/wx-light-cover.png) no-repeat center/contain;
  display: none;
}

.kv-login #watermarkIconQQ {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/qq-white.png) no-repeat center/contain;
  display: none;
}

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

.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/a20250726lahhr/main.jpg) no-repeat top center;
  background-size: 100% 100%;
  margin: -0.02rem;
  padding-top: 0.4rem;
}

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

.t1 .wxzs2 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/wxzs1.png) no-repeat center/contain;
  width: 1.98rem;
  height: 0.43rem;
  position: absolute;
  top: -14%;
  right: 32%;
  display: none;
}

.t2 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/t2.png) no-repeat center/contain;
  width: 5.78rem;
  height: 0.8rem;
  position: relative;
  margin-top: 0.1rem;
}

.t3 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/t3.png) no-repeat center/contain;
  width: 4.98rem;
  height: 0.79rem;
  position: relative;
}

.t4 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/t4.png) no-repeat center/contain;
  width: 4.55rem;
  height: 0.79rem;
  position: relative;
}

.t5 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/t5.png) no-repeat center/contain;
  width: 4.98rem;
  height: 0.79rem;
  position: relative;
}

.p1 {
  width: 6.79rem;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0.4rem;
}

.p1 .cont {
  width: 85%;
  height: auto;
  font-size: 0.2rem;
  color: #fd606c;
  font-family: 'font';
  margin: 0.1rem 0;
}

.p1 .cont p {
  text-align: center;
  margin-top: -1.4rem;
}

.p1 .cont p span {
  color: #ff42fd;
}

.p1 .p1-ul {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 9.58rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p1-bg.png) no-repeat center/contain;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.p1 .p1-ul i {
  width: 100%;
  text-align: center;
  font-size: 0.18rem;
  color: #fd606c;
  display: block;
  margin: 0.1rem 0 0.2rem 0;
}

.p1 .p1-ul .invite-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: 'font';
  margin-top: 0.8rem;
}

.p1 .p1-ul .btn {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p1-btn.png) no-repeat center/contain;
  width: 2.23rem;
  height: 0.57rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.26rem;
  color: #fd606c;
  position: relative;
}

.p1 .p1-ul .btn i {
  position: absolute;
  bottom: -0.44rem;
  left: 0;
}

.p1 .p1-ul em {
  font-size: 0.18rem;
  color: #fd606c;
  margin: 0rem 0 0.05rem 0;
}

.p1 .p1-ul .jsuo {
  font-size: 0.2rem;
  color: #fd606c;
}

.p1 .p1-ul .img-box {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p1-img-bg.png) no-repeat center/contain;
  width: 2.74rem;
  height: 2.23rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.3rem 0.3rem 0.6rem 0.3rem;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0.1rem;
}

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

.p1 .p1-ul .img-box p {
  font-size: 0.2rem;
  color: #fd606c;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0%;
  bottom: 7%;
  line-height: 0.23rem;
}

.p1 .p1-ul .p1-tit {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p1-tit-bg.png) no-repeat center/contain;
  width: 2.94rem;
  height: 0.58rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.23rem;
  color: white;
  margin: 0.06rem 0 0.06rem 0;
}

.p1 .p1-ul .invite-speed {
  display: flex;
  align-items: center;
  width: 5.68rem;
  height: 0.3rem;
  padding: 0 0.05rem 0.01rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/invite-speed.png) no-repeat center/cover;
  position: relative;
  margin-left: 0.1rem;
}

.p1 .p1-ul .invite-speed:before, .p1 .p1-ul .invite-speed:after {
  content: '';
  opacity: 1;
  width: 0.5rem;
  height: 0.44rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/invite-speed-before.png) no-repeat center/cover;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-25%, -50%);
  z-index: 3;
}

.p1 .p1-ul .invite-speed:after {
  width: 1.14rem;
  height: 0.94rem;
  background-image: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/invite-speed-after.png);
  left: auto;
  right: 0;
  transform: translate(10%, -50%);
}

.p1 .p1-ul .invite-speed .invite-speed-value {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 20%;
  max-width: 100%;
  width: 0%;
  height: 0.18rem;
  font-size: 0.14rem;
  color: white;
  line-height: 0.18rem;
  border-radius: 0.05rem;
  background-color: #fd606c;
  transition: all 0.6s;
  position: relative;
}

.p1 .p1-ul .invite-speed .invite-speed-value p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.58rem;
  height: 0.6rem;
  font-size: 0.2rem;
  color: white;
  padding-bottom: 0.12rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/invite-speed-value.png) no-repeat center/cover;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-35%, -110%);
}

.p1 .p1-ul .invite-speed .invite-speed-value strong {
  color: yellow;
  font-weight: 400;
}

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

.p1 .p1-ul .yq .tip {
  color: #fd606c;
  font-size: 0.22rem;
  width: 100%;
  text-align: center;
}

.p1 .p1-ul .yq .tip:first-child {
  margin-top: 0.1rem;
}

.p1 .p1-ul .yq ul {
  width: 82%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.1rem;
  margin-left: 0.15rem;
}

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

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

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

.p1 .p1-ul .yq .li2 .name {
  width: 75%;
  margin-top: 0.1rem;
  height: 0.6rem;
  text-align: center;
  overflow: hidden;
  color: #fd606c;
  font-size: 0.16rem;
}

.p2 {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding: 0.7rem 0 0 0;
  position: relative;
  font-family: 'font';
}

.p2 .cont-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 6.79rem;
  height: 12rem;
  position: relative;
}

.p2 .cont-box .game-box {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p2-bg.png) no-repeat center/contain;
  width: 100%;
  height: 9.58rem;
  overflow: hidden;
  position: relative;
}

.p2 .cont-box .game-box .game {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: 'font';
  visibility: hidden;
  /* ��ʼ״̬���� */
  transition: all 0.4s ease;
  opacity: 0;
  position: absolute;
  top: 0%;
  left: 0%;
  pointer-events: none;
  /* ��ֹ��ʼ״̬����Ӧ����¼� */
}

.p2 .cont-box .game-box .active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  /* ����״̬����Ӧ����¼� */
}

.p2 .cont-box .game1 p {
  font-size: 0.2rem;
  color: #fd606c;
  width: 84%;
}

.p2 .cont-box .game1 i {
  color: #fd606c;
  font-size: 0.18rem;
}

.p2 .cont-box .game1 ul {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0.2rem;
}

.p2 .cont-box .game1 ul li {
  width: 2.74rem;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.p2 .cont-box .game1 ul li:first-child {
  margin-right: 0.2rem;
}

.p2 .cont-box .game1 ul li .btn1 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/game1-btn.png) no-repeat center/contain;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.24rem;
  height: 0.57rem;
  color: #fd606c;
  font-size: 0.26rem;
  margin: 0.1rem 0 0.3rem 0;
}

.p2 .cont-box .game1 ul li .left {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/left.png) no-repeat center/contain;
  height: 3.47rem;
  width: 100%;
}

.p2 .cont-box .game1 ul li .right {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/right.png) no-repeat center/contain;
  height: 3.47rem;
  width: 100%;
}

.p2 .cont-box .game2 {
  position: relative;
}

.p2 .cont-box .game2 .back {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/back.png) no-repeat center/contain;
  width: 1.4rem;
  height: 0.37rem;
  position: absolute;
  top: 5%;
  left: 8%;
  display: block;
  font-size: 0;
}

.p2 .cont-box .game2 .npc-img {
  width: 5.38rem;
  height: 6.83rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -1rem;
}

.p2 .cont-box .game2 .npc-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p2 .cont-box .game2 .btn-box {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  margin-top: 0.4rem;
  position: absolute;
  bottom: 9%;
}

.p2 .cont-box .game2 .btn-box .pre {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/pre.png) no-repeat center/contain;
  width: 0.74rem;
  height: 0.69rem;
}

.p2 .cont-box .game2 .btn-box .next {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/next.png) no-repeat center/contain;
  width: 1.52rem;
  height: 0.57rem;
}

.p2 .cont-box .game2 .btn-box .sure {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/sure.png) no-repeat center/contain;
  width: 1.53rem;
  height: 0.57rem;
}

.p2 .cont-box .game3 {
  position: relative;
}

.p2 .cont-box .game3 .again-box {
  position: absolute;
  top: 6%;
  right: 8%;
}

.p2 .cont-box .game3 .again-box a {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/again.png) no-repeat center/contain;
  width: 1.3rem;
  height: 0.28rem;
  display: block;
}

.p2 .cont-box .game3 .again-box p {
  font-size: 0.18rem;
  color: #fd606c;
  text-align: center;
}

.p2 .cont-box .game3 .hgd {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/hgd.png) no-repeat center/contain;
  width: 0.41rem;
  height: 1.21rem;
  position: absolute;
  top: 9%;
  left: 15%;
}

.p2 .cont-box .game3 .xin-box {
  width: 2.96rem;
  height: 2.67rem;
  position: relative;
  background: #ff8580;
  margin-top: 0.6rem;
  z-index: 5;
}

.p2 .cont-box .game3 .xin-box .xin-img {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/xin.png) no-repeat center/cover;
  z-index: 10;
}

.p2 .cont-box .game3 .xin-box .perfect {
  display: none;
  position: absolute;
  z-index: 10;
  top: -5%;
  left: -1%;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/perfect.png) no-repeat center/contain;
  width: 3rem;
  height: 2.9rem;
}

.p2 .cont-box .game3 .xin-box .flower {
  display: none;
  position: absolute;
  z-index: 11;
  top: -24%;
  left: -17%;
}

.p2 .cont-box .game3 .xin-box .flower::after {
  content: '';
  position: absolute;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/flower.png) no-repeat center/contain;
  width: 3.8rem;
  height: 3rem;
}

.p2 .cont-box .game3 .xin-box .fly {
  position: absolute;
  z-index: 11;
}

.p2 .cont-box .game3 .xin-box .fly:after {
  position: absolute;
  content: '';
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/fly-left.png) no-repeat center/contain;
  width: 2.74rem;
  height: 3.31rem;
  top: 0%;
  left: -51%;
  z-index: 5;
}

.p2 .cont-box .game3 .xin-box .fly:before {
  position: absolute;
  content: '';
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/fly-right.png) no-repeat center/contain;
  width: 2.74rem;
  height: 3.31rem;
  top: 0%;
  right: -54%;
  z-index: 5;
}

.p2 .cont-box .game3 .xin-box .jiaxin {
  width: 99%;
  position: absolute;
  bottom: 0.3%;
  left: 1%;
  background: #ffa4ad;
  z-index: 7;
}

.p2 .cont-box .game3 .sum {
  font-size: 0.2rem;
  color: #fd606c;
  width: 100%;
  text-align: center;
}

.p2 .cont-box .game3 .user-img {
  width: 76%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 0.8rem 0 0.5rem;
}

.p2 .cont-box .game3 .user-img .xljc {
  width: 1.35rem;
  height: 0.86rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p2 .cont-box .game3 .user-img .xljc img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p2 .cont-box .game3 .user-img .li-img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.p2 .cont-box .game3 .user-img .li-img .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.81rem;
  height: 0.82rem;
  padding: 0.1rem 0.1rem 0.2rem 0.1rem;
  box-sizing: border-box;
}

.p2 .cont-box .game3 .user-img .li-img .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p2 .cont-box .game3 .user-img .li-img .icon-left {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/icon-left.png) no-repeat center/contain;
  position: absolute;
  top: -41%;
  right: -33%;
}

.p2 .cont-box .game3 .user-img .li-img .icon-right {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/icon-right.png) no-repeat center/contain;
  position: absolute;
  top: -41%;
  left: -33%;
}

.p2 .cont-box .game3 .user-img .li-img div {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/user-img.png) no-repeat center/contain;
  width: 1.37rem;
  height: 1.36rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.07rem;
  box-sizing: border-box;
}

.p2 .cont-box .game3 .user-img .li-img div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}

.p2 .cont-box .game3 .user-img .li-img p {
  font-size: 0.2rem;
  color: #fd606c;
  text-align: center;
}

.p2 .cont-box .game3 .num-box {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.p2 .cont-box .game3 .num-box li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.p2 .cont-box .game3 .num-box li em {
  position: absolute;
  top: -3%;
  right: -11%;
  width: 0.29rem;
  height: 0.28rem;
  background: #ffeced;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.2rem;
  color: #fd606c;
}

.p2 .cont-box .game3 .num-box li .img-box {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/item-bg.png) no-repeat center/contain;
  width: 0.95rem;
  height: 1.03rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.15rem;
  box-sizing: border-box;
}

.p2 .cont-box .game3 .num-box li .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p2 .cont-box .game3 .num-box li a {
  width: 0.93rem;
  height: 0.43rem;
  margin-top: 0.08rem;
}

.p2 .cont-box .game3 .num-box li i {
  font-size: 0.18rem;
  color: #fd606c;
}

.p2 .cont-box .game3 .num-box .lw {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/lw-btn.png) no-repeat center/contain;
}

.p2 .cont-box .game3 .num-box .lt {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/lt-btn.png) no-repeat center/contain;
}

.p2 .cont-box .game3 .num-box .yh {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/yh-btn.png) no-repeat center/contain;
}

.p2 .cont-box .use-box {
  position: absolute;
  bottom: 2%;
  left: 0%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 5;
  color: #fd606c;
}

.p2 .cont-box .use-box .xiao {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/use-btn.png) no-repeat center/contain;
  width: 1.71rem;
  height: 0.44rem;
  font-size: 0.24rem;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}

.p2 .cont-box .use-box .img-box {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/use-img.png) no-repeat center/contain;
  width: 1.29rem;
  height: 1.49rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0.2rem;
  box-sizing: border-box;
  margin-bottom: 0.1rem;
}

.p2 .cont-box .use-box .img-box p {
  position: absolute;
  top: -7%;
  right: -6%;
  font-size: 0.18rem;
  color: #fd606c;
  border-radius: 50%;
  background: #ffeced;
  width: 0.3rem;
  height: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p2 .cont-box .use-box .img-box span {
  position: absolute;
  left: 30%;
  bottom: 7%;
  font-size: 0.22rem;
  color: #e0eaf5;
  font-family: 'font';
}

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

.p2 .cont-box .btn-box {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  color: #fd606c;
  position: absolute;
  bottom: -3%;
}

.p2 .cont-box .btn-box a {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p2-btn.png) no-repeat center/contain;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.83rem;
  height: 0.57rem;
  font-size: 0.25rem;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}

.p2 .cont-box .btn-box a:last-child {
  position: relative;
}

.p2 .cont-box .btn-box a:last-child p {
  font-size: 0.18rem;
  position: absolute;
  top: -52%;
  left: 0%;
  text-align: center;
  width: 100%;
  white-space: nowrap;
}

.p2 .cont-box .btn-box a:last-child i {
  font-size: 0.2rem;
  position: absolute;
  bottom: -47%;
  left: 0%;
  text-align: center;
  width: 100%;
}

.p2 .cont-box .btn {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p2-btn-long.png) no-repeat center/contain;
  width: 3.19rem;
  height: 0.71rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.32rem;
  color: #fd606c;
  position: absolute;
  bottom: 8%;
  left: calc(50% - 1.34rem);
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}

.p2 .cont-box .btn .kshi {
  position: absolute;
  top: 9%;
  left: 26%;
}

.p2 .cont-box .btn .xz {
  position: absolute;
  bottom: 17%;
  left: 42%;
  font-size: 0.18rem;
  color: #608f8a;
}

.p2 .cont-box .btn .ibq {
  position: absolute;
  font-size: 0.22rem;
  bottom: -32%;
  left: 38%;
  color: #c3dedb;
  white-space: nowrap;
}

.p2 .cont-box .card {
  position: absolute;
  bottom: 6%;
  left: 42%;
  color: #fd606c;
  font-size: 0.18rem;
}

.p3 {
  width: 6.79rem;
  height: 29.13rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.3rem;
  padding-top: 0.8rem;
  box-sizing: border-box;
  position: relative;
  font-family: 'font';
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p3-bg.png) no-repeat center/100% 100%;
}

.p3 .lji {
  position: absolute;
  top: 4.5%;
  left: 9%;
  width: 100%;
  color: #fd606c;
  font-size: 0.2rem;
}

.p3 .p3-ulitem {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  flex-direction: column;
  position: relative;
  margin-top: 0.2rem;
}

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

.p3 .p3-ulitem .li1 .tit {
  position: absolute;
  top: 2%;
  left: 10%;
  font-size: 0.25rem;
  width: 4.52rem;
  font-family: 'font';
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p3-tit-long.png) no-repeat center/100% 100%;
}

.p3 .p3-ulitem .li1 .li-item {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 66%;
  line-height: 0.2rem;
  margin-top: 0.5rem;
  box-sizing: border-box;
}

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

.p3 .p3-ulitem .li1 .li-item li .img-box {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p3-item.png) no-repeat center/contain;
  width: 1.37rem;
  height: 1.36rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.3rem;
  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: #fd606c;
  width: 100%;
  text-align: center;
  font-family: 'font';
  margin-top: 0.15rem;
}

.p3 .p3-ulitem .btn {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p3-btn.png) no-repeat center/contain;
  width: 2.23rem;
  height: 0.58rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.26rem;
  margin-top: 0.2rem;
  box-sizing: border-box;
  color: #fd606c;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}

.p4 {
  margin-top: 0.8rem;
  width: 6.79rem;
  height: 8.38rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p4-bg.png) no-repeat center/100% 100%;
  color: #fd606c;
  font-family: 'font';
  padding-top: 0.8rem;
  box-sizing: border-box;
}

.p4 .tit {
  font-size: 0.18rem;
  text-align: center;
  margin-top: 0.05rem;
  position: absolute;
  width: 87%;
  bottom: 9%;
  left: 5%;
}

.p4 ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  margin-top: 0.1rem;
  position: relative;
  padding: 0.1rem 0;
}

.p4 ul li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.2rem;
  width: 5.76rem;
  height: 1.17rem;
  position: relative;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p4-li.png) no-repeat center/contain;
}

.p4 ul li:first-child {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p4-li-big.png) no-repeat center/contain;
  height: 1.6rem;
}

.p4 ul li:nth-child(3) {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p4-li-zd.png) no-repeat center/contain;
  height: 1.42rem;
}

.p4 ul .left {
  margin: 0.3rem 0 0 0.4rem;
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  box-sizing: border-box;
}

.p4 ul .left p {
  font-size: 0.2rem;
}

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

.p4 ul .right .xfmd {
  top: -98%;
  font-size: 0.24rem;
  font-weight: bold;
  right: -44%;
  height: 0.3rem;
  text-decoration: underline;
  width: 100%;
}

.p4 ul .con {
  font-size: 0.24rem;
  width: 100%;
  color: #fd606c;
}

.p4 ul i {
  position: absolute;
  font-size: 0.18rem;
  bottom: -22%;
  right: 18%;
}

.p4 ul .btn {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p3-btn.png) no-repeat center/contain;
  width: 1.72rem;
  height: 0.65rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.21rem;
  padding-bottom: 0.06rem;
  box-sizing: border-box;
}

.p5 {
  width: 6.79rem;
  height: 9.58rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/p5-bg.png) no-repeat center/contain;
  padding-top: 0.7rem;
  margin: 0.8rem 0 1.5rem 0;
  box-sizing: border-box;
}

.p5 .rule-box {
  width: 100%;
  height: 7.5rem;
  font-size: 0.2rem;
  color: #fd606c;
}

.p5 .rule-box .padd {
  width: 87%;
  height: 94%;
  overflow-y: scroll;
  margin: 0.2rem 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: 100%;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/dlown.png) no-repeat center/contain;
  height: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.32rem;
  font-family: 'font';
  color: #fd606c;
}

.dlown span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.05rem;
  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 {
  height: 2.19rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/share.png) no-repeat center/contain;
  position: fixed;
  right: 0.2rem;
  top: 0.6rem;
  width: 5.78rem;
}

.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: 1%;
  left: 19%;
}

.dai .title1 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/dlfs.png) no-repeat center/contain;
  width: 3.86rem;
  height: 0.53rem;
}

.dai .title2 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/fxfs.png) no-repeat center/contain;
  width: 3.86rem;
  height: 0.53rem;
}

.dai .title4 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/wxts.png) no-repeat center/contain;
  width: 3.86rem;
  height: 0.53rem;
}

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

.dai .title6 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/lag.png) no-repeat center/contain;
  width: 3.86rem;
  height: 0.53rem;
}

.dai .title7 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/likability.png) no-repeat center/contain;
  width: 3.86rem;
  height: 0.53rem;
}

.dai .title8 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/xwk.png) no-repeat center/contain;
  width: 3.86rem;
  height: 0.53rem;
}

.d1 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/dai-bg1.png);
  background-size: 100% 100%;
  width: 6.12rem;
  height: 3.83rem;
  position: relative;
}

.d1 .yes-no {
  margin-bottom: 0.3rem;
}

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

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

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

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

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

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

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

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

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

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

.d2 .tit {
  top: 4% !important;
  left: 30% !important;
}

.d2 .close {
  top: -5%;
}

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

.d2 .rule-ul .rule-li {
  font-weight: bolder;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 0.25rem;
  position: relative;
  font-size: 0.23rem;
  color: #fd606c;
}

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

.d2 .rule-ul .rule-li p {
  font-weight: normal;
  width: 91%;
  font-size: 0.17rem;
}

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

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

.d3 p {
  font-size: 0.24rem;
  color: #fe7a84;
  margin: 1rem 0 0.2rem 0;
  text-align: center;
  width: 88%;
  word-wrap: break-word;
  text-align: center;
  display: -webkit-box;
  /* ��������Ϊ��������ģ����ʾ */
  -webkit-box-orient: vertical;
  /* ���û���������ж������Ԫ�ص����з�ʽ */
  -webkit-line-clamp: 3;
  /* ��ʾ������ */
  overflow: hidden;
  /* ������������ */
  text-overflow: ellipsis;
  /* ����������ʾΪʡ�Ժ� */
}

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

.d3 .user-style {
  color: #fe7a84;
  font-size: 0.2rem;
  margin: 0;
}

.d3 .ty-dbt {
  font-family: 'font';
  font-size: 0.33rem;
  color: #fe7a84;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/copy-btn.png) no-repeat center/contain;
  width: 2.45rem;
  height: 0.62rem;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}

.d4 {
  margin-bottom: 0.2rem;
}

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

.d5 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/dai-bg1.png);
  background-size: 100% 100%;
  width: 5.32rem;
  height: 3.35rem;
  font-family: 'font';
  height: auto !important;
}

.d5 .tit {
  top: 1% !important;
  left: 14% !important;
}

.d5 p {
  font-size: 0.25rem;
  color: #fe7a84;
  width: 64%;
  margin: 1.1rem 0 0.25rem 0;
  text-align: center;
}

.d6 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/lag-bg.png);
  background-size: 100% 100%;
  width: 6.12rem;
  height: 5.44rem;
  position: relative;
  padding: 0.7rem 0 0 0;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  color: #fd606c;
  font-family: 'font';
}

.d6 .close {
  top: -5%;
  right: -4%;
}

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

.d6 .cont {
  width: 5.1em;
  height: 2.7rem;
}

.d6 .tip {
  font-size: 0.22rem;
  text-align: center;
  width: 86%;
  margin-bottom: 0.25rem;
  margin-top: 0.2rem;
}

.d6 .biaotou {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-size: 0.22rem;
  font-family: 'font';
  width: 94%;
  margin-left: 0.3rem;
}

.d6 .biaotou p {
  width: 33%;
  line-height: 0.45rem;
  text-align: center;
}

.d6 .scorll {
  width: 100%;
  height: 2.5rem;
  overflow-y: auto;
  border-radius: 0 0 0.15rem 0.15rem;
}

.d6 .user-ul {
  width: 94%;
  font-size: 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fd616d;
  margin-left: 0.3rem;
}

.d6 .user-ul .user-li {
  width: 100%;
  line-height: 0.38rem;
  font-size: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: 0.1rem;
  position: relative;
  border-bottom: 0.01rem solid #fd818b;
}

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

.d7 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-family: 'font';
  height: auto !important;
}

.d7 p {
  font-size: 0.24rem;
  color: #fe7a84;
  width: 82%;
  margin: 0.4rem 0 0.3rem 0;
  text-align: center;
}

.d7 .yes-no {
  margin-bottom: 0.3rem;
}

.d8 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/hgd-bg.png) no-repeat center/contain;
  width: 6.12rem;
  height: 7.07rem;
  font-family: 'font';
  justify-content: flex-start !important;
}

.d8 .tit {
  left: 18% !important;
  top: 1% !important;
}

.d8 .close {
  top: -7%;
}

.d8 .user-img {
  width: 76%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 1rem 0 0rem;
}

.d8 .user-img .xljc {
  width: 1.35rem;
  height: 0.86rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.d8 .user-img .xljc img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.d8 .user-img .li-img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  width: 1.37rem;
}

.d8 .user-img .li-img div {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/user-img.png) no-repeat center/contain;
  width: 100%;
  height: 1.36rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1rem;
  box-sizing: border-box;
  border-radius: 50%;
}

.d8 .user-img .li-img div img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: contain;
}

.d8 .user-img .li-img p {
  font-size: 0.2rem;
  color: #fd606c;
  text-align: center;
}

.d8 .speed {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/hgd-jdt.png) no-repeat center/contain;
  width: 4.88rem;
  height: 0.29rem;
  padding: 0.05rem 0.15rem 0.05rem 0.15rem;
  box-sizing: border-box;
  position: relative;
  margin: 0.5rem 0 1.4rem 0;
}

.d8 .speed p {
  position: absolute;
  color: #ff616d;
  font-size: 0.2rem;
  top: -0.35rem;
  left: 2%;
}

.d8 .speed .speed-value {
  width: 20%;
  background: #fd616d;
  height: 100%;
  border-radius: 8%;
}

.d8 .tip {
  font-size: 0.2rem;
  color: #fd606c;
  margin-top: 0.25rem;
}

.d8 .btn-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
}

.d8 .btn-box a {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/dai-btn.png) no-repeat center/contain;
  width: 2.45rem;
  height: 0.62rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.28rem;
  color: #fd606c;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}

.d8 .btn-box a:last-child {
  position: relative;
}

.d8 .btn-box a:last-child .xz {
  position: absolute;
  bottom: -39%;
  left: 0%;
  width: 100%;
  font-size: 0.18rem;
  text-align: center;
}

.d8 .btn-box a:last-child ul {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/dai-ul-bg.png) no-repeat center/contain;
  width: 2.29rem;
  height: 1.62rem;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  color: #fd606c;
  position: absolute;
  top: -1.7rem;
  left: 0%;
  padding-top: 0.3rem;
  box-sizing: border-box;
}

.d8 .btn-box a:last-child ul p {
  position: absolute;
  top: 5%;
  left: 13%;
  font-size: 0.13rem;
}

.d8 .btn-box a:last-child ul li {
  width: 0.71rem;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.d8 .btn-box a:last-child ul li div {
  background: url(../ossweb-img/dai-li-bg.png) no-repeat center/contain;
  width: 100%;
  height: 0.78rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.d8 .btn-box a:last-child ul li div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.d8 .btn-box a:last-child ul li i {
  font-size: 0.13rem;
  text-align: center;
}

.d9 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/xwk-bg.png) no-repeat center/contain;
  width: 6.12rem;
  height: 4.2rem;
  font-family: 'font';
}

.d9 .tit {
  left: 18% !important;
  top: 1% !important;
}

.d9 .close {
  top: -7%;
}

.d9 .num-box-dai {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 0.7rem;
}

.d9 .num-box-dai li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.d9 .num-box-dai li em {
  position: absolute;
  top: -3%;
  right: -11%;
  width: 0.29rem;
  height: 0.28rem;
  background: #ffeced;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.2rem;
  color: #fd606c;
}

.d9 .num-box-dai li .img-box {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/item-bg.png) no-repeat center/contain;
  width: 0.95rem;
  height: 1.03rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.2rem;
  box-sizing: border-box;
}

.d9 .num-box-dai li .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.d9 .num-box-dai li .active {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/item-bg-active.png) no-repeat center/contain;
}

.d9 .num-box-dai li a {
  color: #fd606c;
  font-size: 0.2rem;
  text-align: center;
  width: 0.93rem;
  height: 0.43rem;
  margin-top: 0.08rem;
}

.d9 .btn-box {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.d9 .btn-box a {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/dai-btn.png) no-repeat center/contain;
  width: 2.45rem;
  height: 0.62rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.28rem;
  color: #fd606c;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}

.d9 .btn-box a:last-child {
  position: relative;
}

.d9 .btn-box a:last-child .xz {
  position: absolute;
  top: -42%;
  left: 0%;
  width: 100%;
  font-size: 0.18rem;
  text-align: center;
}

.close {
  width: 0.48rem;
  height: 0.49rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/close.png);
  background-size: 100% 100%;
  position: absolute;
  right: -9%;
  top: -10%;
  display: block;
}

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

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

.milo-PIPInfo:checked::after {
  content: '';
  height: 0.06rem;
  width: 0.08rem;
  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 #e0eaf5;
  color: #e0eaf5;
  vertical-align: top;
  line-height: normal;
  position: relative;
  font-family: 'font';
}

input:focus {
  color: #e0eaf5;
  outline: none;
}

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

select option {
  background-color: #ffffff;
  color: #000000;
}

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

.yes-no .dbt {
  width: 2.45rem;
  height: 0.62rem;
  font-family: 'font';
  font-size: 0.28rem;
  color: #fd606c;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250726lahhr/dai-btn.png) no-repeat center/contain;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}

#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;
}