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

em {
  font-style: normal;
  /* ȥ��б�� */
  font-weight: normal;
  /* ȷ�������ϸ�������ģ��Է�֮ǰ���κθĶ� */
  text-decoration: none;
  /* ȥ���»��ߵ�װ�� */
  color: inherit;
  /* ʹ��ɫ�̳��Ը�Ԫ�� */
}

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 {
  padding: 0;
}

.gray {
  filter: grayscale(100%);
  pointer-events: none;
}

.wrap {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: auto;
}

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

.kv #watermarkIconWX2 {
  width: 1.65rem;
  height: 0.54rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/wx.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 41%;
  left: 46%;
}

.kv .latter-tip {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/latter-tip.png) no-repeat center/contain;
  width: 5.12rem;
  height: 0.38rem;
  font-size: 0.2rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.38rem;
  position: absolute;
  bottom: 1.05rem;
  left: calc(50% - 2.52rem);
}

.kv .latter-tip span {
  color: #ffe349;
  margin: 0 0.05rem;
}

.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/a20241009factors/logo/wx-light-cover.png);
  background-size: 100% 100%;
  display: none;
}

.kv-login #watermarkIconQQ {
  background-image: url(//game.gtimg.cn/images/x5m/a20241009factors/logo/qq-white.png);
  background-size: 100% 100%;
  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/a20250322qzn/main.jpg) no-repeat top center;
  background-size: 100% auto;
}

.tit1 {
  width: 6.14rem;
  height: 2.37rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/tit1.png) no-repeat center/contain;
  margin-bottom: 0.2rem;
}

.cake-box a {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/btn1.png) no-repeat center/contain;
  width: 2.58rem;
  height: 0.8rem;
  font-size: 0.28rem;
  color: #674d3c;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
  font-family: "font";
}

.cake-box p {
  font-size: 0.23rem;
  color: #ce4662;
}

.cake-box p span {
  color: #674d3c;
}

.cake-box .cake {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/cake.png) no-repeat center/contain;
  width: 9.22rem;
  height: 8.8rem;
  position: relative;
}

.cake-box .cake a {
  position: absolute;
  bottom: 0.8rem;
  left: calc(50% - 1.38rem);
}

.cake-box .cake .ani {
  display: none;
  position: absolute;
  top: 0;
  left: 1.15rem;
  width: 74%;
  height: 8rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/ani.png) no-repeat center/contain;
}

.cake-box .huo-box {
  position: absolute;
  top: 3.5rem;
  left: 3.2rem;
  width: 35%;
  height: 0.6rem;
}

.cake-box .huo-box .huo {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/huo.png) no-repeat center/contain;
  width: 0.11rem;
  height: 0.3rem;
  display: none;
  /* ��ʼ״̬�²���ʾ */
  opacity: 0;
  transition: transform 0.5s, opacity 0.5s;
}

.cake-box .huo-box .active {
  display: inline-block;
  /* ��ʾ���� */
  opacity: 1;
  transform: scale(1);
  /* ���մ�С */
}

.cake-box .huo-box .start {
  transform: scale(0);
  /* ��ʼʱ�Ĵ�С */
}

.cake-box .huo-box .huo1 {
  position: absolute;
  top: -0.12rem;
  left: 0.1rem;
}

.cake-box .huo-box .huo2 {
  position: absolute;
  top: 0.15rem;
  left: 0.45rem;
}

.cake-box .huo-box .huo3 {
  position: absolute;
  top: 0.03rem;
  left: 0.8rem;
}

.cake-box .huo-box .huo4 {
  position: absolute;
  top: -0.12rem;
  left: 1.14rem;
}

.cake-box .huo-box .huo5 {
  position: absolute;
  top: -0.03rem;
  left: 1.48rem;
}

.cake-box .huo-box .huo6 {
  position: absolute;
  top: 0.12rem;
  left: 1.83rem;
}

.cake-box .huo-box .huo7 {
  position: absolute;
  top: -0.12rem;
  left: 2.18rem;
}

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

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

.cake-box .cake-btn .btn-box:first-child {
  margin-right: 0.2rem;
}

.award-box {
  margin-top: 0.4rem;
  font-family: "font";
}

.award-box .tit2 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/tit2.png) no-repeat center/contain;
  width: 4.33rem;
  height: 0.68rem;
  margin: 0 auto;
}

.award-box .leiji {
  font-size: 0.24rem;
  color: #ffffff;
  padding-left: 0.45rem;
  margin-bottom: 0.2rem;
  margin-top: 0.3rem;
}

.award-box ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  width: 96%;
  margin: 0 auto;
}

.award-box ul li {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/li-bg.png) no-repeat center/contain;
  width: 3.31rem;
  height: 3.36rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding-top: 0.3rem;
  box-sizing: border-box;
  margin-bottom: 0.2rem;
}

.award-box ul li p {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/li-tipbg.png) no-repeat center/contain;
  width: 2.56rem;
  height: 0.33rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 0.22rem;
  margin-bottom: 0.15rem;
  line-height: 0.33rem;
}

.award-box ul li a {
  font-size: 0.26rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/btn2.png) no-repeat center/contain;
  width: 1.97rem;
  height: 0.63rem;
  color: #674d3c;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.06rem;
  box-sizing: border-box;
}

.award-box ul li .li-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.award-box ul li .li-box p {
  background: none;
}

.award-box ul li .li-award {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 1.36rem;
}

.award-box ul li .li-award .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/li-awardbg.png) no-repeat center/contain;
  width: 100%;
  height: 1.15rem;
  object-fit: contain;
  margin-bottom: 0.15rem;
  padding: 0.2rem;
  box-sizing: border-box;
}

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

.award-box ul li .li-award p {
  font-size: 0.22rem;
  color: #de5858;
  width: 100%;
  line-height: 0.27rem;
  text-align: center;
}

.award-box ul li .li-award:first-child {
  margin-right: 0.1rem;
}

.task-box {
  margin-top: 0.5rem;
  font-family: "font";
}

.task-box .tit3 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/tit3.png) no-repeat center/contain;
  width: 4.33rem;
  height: 0.68rem;
  margin: 0 auto;
  margin-bottom: 0.3rem;
}

.task-box ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/task-ul.png) no-repeat center/contain;
  width: 6.64rem;
  height: 4.02rem;
  box-sizing: border-box;
}

.task-box ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/task-li.png) no-repeat center/contain;
  width: 6.18rem;
  height: 0.97rem;
  padding: 0.1rem 0.4rem 0 0.2rem;
  box-sizing: border-box;
  margin-bottom: 0.13rem;
}

.task-box ul .left {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.task-box ul .left p {
  font-size: 0.24rem;
  color: #cb3d5d;
}

.task-box ul .left p em {
  color: #982929;
}

.task-box ul .left i {
  color: #982929;
  font-size: 0.2rem;
}

.task-box ul .right {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.task-box ul .right a {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/btn2.png) no-repeat center/contain;
  color: #674d3c;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.69rem;
  height: 0.51rem;
  font-size: 0.17rem;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}

.task-box ul .right strong {
  font-size: 0.17rem;
  color: #982929;
}

.rule {
  margin-top: 0.4rem;
}

.rule .tit4 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/tit4.png) no-repeat center/contain;
  width: 4.33rem;
  height: 0.68rem;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}

.rule .rule-box {
  font-size: 0.22rem;
  color: #ffffff;
  overflow-y: auto;
  margin-bottom: 2rem;
  width: 92%;
  max-height: 13rem;
  margin: 0 auto;
}

.rule .rule-box pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  text-indent: 0;
  display: inline-block;
  line-height: 1.6;
  font-size: 0.27rem;
  margin-top: 0.6rem;
}

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

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

.dlown {
  width: 100%;
  height: 1.08rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/btn-botton.png) no-repeat center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0rem;
}

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

.dai .dailog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding-top: 0.35rem;
}

.dai .dailog .close {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/close.png) no-repeat center/cover;
  width: 0.25rem;
  height: 0.27rem;
  position: absolute;
  right: 0.1rem;
  top: -0.1rem;
}

.dai .dailog .ty-title1 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/tishi.png) no-repeat center/contain;
  width: 3.04rem;
  height: 0.66rem;
}

.dai .dailog .ty-title2 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/share.png) no-repeat center/contain;
  width: 3.4rem;
  height: 0.65rem;
}

.dai .dailog .ty-title3 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/change.png) no-repeat center/contain;
  width: 3.4rem;
  height: 0.66rem;
}

.dai .dailog .ty-title4 {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/login.png) no-repeat center/contain;
  width: 3.4rem;
  height: 0.65rem;
}

.dai-bj2 {
  width: 5.34rem;
  height: 3rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/dai-bg.png) no-repeat;
  background-size: 100% 100%;
}

.dai-bj3 {
  width: 6.58rem;
  height: 4.99rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/share-bg.png) no-repeat;
  background-size: 100% 100%;
}

.dai-bj4 {
  width: 6.57rem;
  height: 3.81rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/bd-bg.png) no-repeat;
  background-size: 100% 100%;
}

.dai-bj5 {
  width: 6.57rem;
  height: 6.44rem;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/daqu-bg.png) no-repeat;
  background-size: 100% 100%;
}

.share-bg {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/share1.png) no-repeat center/cover;
  width: 5.23rem;
  height: 2.43rem;
}

.dai1 p {
  -webkit-line-clamp: 3 !important;
  /* ������ʾ������ */
  font-size: 0.19rem;
  line-height: 0.25rem;
}

.dai1 .btn {
  margin-top: 0.05rem;
}

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

.dai8 {
  padding: 0.3rem 0.2rem 0.1rem 0.2rem;
  transform: translate(-30%, -293%) !important;
}

.dai9 {
  padding-top: 0.8rem !important;
}

.dai9 .content-box {
  margin-top: 0.3rem !important;
}

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

.dai9 .btn-box a:first-child {
  margin-right: 0.3rem;
}

.dai9 .content-box {
  margin-bottom: 0.2rem;
}

.dai10 .content-box,
.dai11 .content-box,
.dai1 .content-box,
.dai9 .content-box {
  width: 73%;
  height: 0.7rem;
  color: #ff6487;
  margin-top: 0.1rem;
  font-size: 0.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.3rem;
}

.dai10 .content-box p,
.dai11 .content-box p,
.dai1 .content-box p,
.dai9 .content-box p {
  word-break: break-all;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* ������ʾ������ */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dai10 .btn,
.dai11 .btn,
.dai1 .btn,
.dai9 .btn {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/dai-tbn.png) no-repeat center/cover;
  width: 2.01rem;
  height: 0.62rem;
  font-size: 0.22rem;
  font-weight: bold;
  color: #674d3c;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dai11,
.dai12,
.dai13,
.dai14 {
  padding-top: 0.6rem !important;
}

.dai11 .share-box,
.dai12 .share-box,
.dai13 .share-box,
.dai14 .share-box {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/qq-share.png) no-repeat center/contain;
  width: 4.41rem;
  height: 1.27rem;
  margin-top: 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dai11 .share-box a,
.dai12 .share-box a,
.dai13 .share-box a,
.dai14 .share-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.21rem;
  color: #674d3c;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/dai-tbn.png) no-repeat center/contain;
  width: 2.01rem;
  height: 0.62rem;
  margin-top: 2.5rem;
}

.dai12 .share-box {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/wx-share.png) no-repeat center/contain;
  width: 4.41rem;
  height: 1.27rem;
  margin-top: 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dai12 .share-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.21rem;
  color: #674d3c;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/dai-tbn.png) no-repeat center/contain;
  width: 2.01rem;
  height: 0.62rem;
  margin-top: 2.5rem;
}

.dai13 .login-box {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/login-away.png) no-repeat center/contain;
  width: 4.41rem;
  height: 1.27rem;
  margin-top: 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dai13 .login-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.21rem;
  color: #674d3c;
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/dai-tbn.png) no-repeat center/contain;
  width: 2.01rem;
  height: 0.62rem;
  margin-top: 2.5rem;
}

.dai14 {
  color: #ff6487;
}

.dai14 .pop-select-tips {
  font-size: 0.18rem;
  text-align: center;
  width: 100%;
}

.dai14 .tip {
  font-size: 0.18rem;
  display: flex;
  margin-top: 0.2rem;
  width: 78%;
}

.dai14 .tip .checkbox {
  margin-right: 0.1rem;
}

.dai14 ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0.3rem 0 0rem 0;
  width: 78%;
  padding: 0 0 0 0.18rem;
  box-sizing: border-box;
}

.dai14 ul li {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 0.2rem;
  position: relative;
  font-size: 0.21rem;
}

.dai14 ul li label {
  font-size: 0.2rem;
  margin-right: 0.1rem;
}

.dai14 ul li .options-li {
  position: absolute;
  top: 0.43rem;
  right: 0.29rem;
  border: 0.02rem solid #f9e2a8;
  width: 86%;
  height: auto;
  display: none;
  box-sizing: border-box;
  margin-top: 0.04rem;
  position: absolute;
  background-color: #4f392c;
  display: none;
}

.dai14 ul li .options-li .option {
  width: 100%;
  height: 0.55rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dai14 ul li .options-li .option:hover {
  color: #f9e2a8;
  background-color: #61453b;
}

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

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

.dai14 .btn-box .btn {
  background: url(//game.gtimg.cn/images/x5m/cp/a20250322qzn/dai-tbn.png) no-repeat center/cover;
  text-shadow: 0.02rem 0.01rem 0.1rem white;
  width: 1.44rem;
  height: 0.55rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.19rem;
  color: #674d3c;
  font-weight: bold;
}

select {
  outline: none;
  font-size: 0.2rem;
  background-color: transparent;
  width: 82%;
  height: 0.45rem;
  margin-left: 0.05rem;
  border: 0.01rem dashed #ff6487;
  color: #ff6487;
  vertical-align: top;
  line-height: normal;
  position: relative;
  border-radius: 0.05rem;
  padding: 0.1rem;
  box-sizing: border-box;
}