@charset "UTF-8";

/* 变量定义 */
/* mixin start */
/**
* 通用文字混合
*
*
*/
/**
* 元素大小混合
*
*
*/
/**
* flex布局混合
*
*
*/
/**
* 相对/绝对定位混合
*
*
*/
/**
* show or hide element
* 
* @param {Booleans} $domObject 元素变量(你可以设置它为true或false，并对其进行其他操作)
*/
/**
* 文本溢出处理 
*
* @param {Number} $txtType 文本超出的处理方式（可选值为0：单行文本超出省略；1：超出换行,字符超出位置使用连字符；2：多行文本超出省略）
*/
/**
* 背景混合
*
*/
/**
* 图片混合器
*
* @param $bg-img 图片路径
* @param $bg-repeat 图片是否重复(repeat、repeat-x、repeat-y、no-repeat、inherit)
* @param $bg-size 图片的尺寸(cover、contain、percentage、length)
* @param $width 图片的长度
* @param $height 图片的高度
*/
/**
* 背景渐变混合器
*
* @param $width 背景的长度
* @param $height 背景的高度
* @param $color-before 前一个渐变颜色
* @param $color-after 后一个渐变颜色
*/
/**
* px to vw
* $screen-width: 屏幕宽度
* $pixels: 设计稿中元素的大小
*/
/* mixin end */
/* reset */
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea,
p,
th,
td,
em,
button,
blockquote {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-drag: none;
}

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

td,
th,
ul,
ol {
  padding: 0;
}

img {
  border: 0;
  vertical-align: bottom;
}

em,
b {
  font-style: normal;
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

i {
  font-style: normal;
}

button,
input,
select,
textarea {
  outline: none;
  font-family: 'FZYHJW';
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

:root {
  --global-text-color: #407219;
  /* 弹窗文本颜色 */
  --dialog-text-color: #3c7210;
}

/* link */
a {
  text-decoration: none;
  outline: 0;
  border: 0;
}

a:hover {
  text-decoration: none;
  outline: 0;
}

a:focus {
  outline: 0;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.float-l {
  float: left;
}

.float-r {
  float: right;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

html,
body {
  background: #fff;
  font-size: 100px;
  font-size: 1rem;
  height: 100%;
}

img {
  display: block;
  object-fit: cover;
  background-size: 100% 100%;
}

img[src=""],
img:not([src]) {
  opacity: 0;
}

/* footer */
#afooter {
  background-color: #191219;
  padding: 0.24rem 0 !important;
}

#afooter p,
#afooter a {
  font-size: 0.2rem;
  text-align: center;
  color: #c0c0c0;
  text-decoration: none;
}

/* reset end */
/* font start */
/* 方正艺黑简�? */
@font-face {
  font-family: "FZYHJW";
  src: url("//game.gtimg.cn/images/hyrz/cp/a20250531festival/font/fzyhjw.subset.woff") format('woff'), 
       url("//game.gtimg.cn/images/hyrz/cp/a20250531festival/font/fzyhjw.subset.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fzyhj";
  src: url("//game.gtimg.cn/images/hyrz/cp/a20250531festival/font/fzyhj.woff");
  font-weight: normal;
  font-style: normal;
}

/* 通用文字样式，使用@extend %col-txt;调用 */
.wrap .sec2 .more-act-link-list .link-item .btn-link .text {
  /* text-shadow: 0 0.02rem #dcfdf1, 0 0.02rem #dcfdf1, 0 0.02rem #dcfdf1,0 0.02rem #dcfdf1; */
  text-shadow: -0.02rem 0rem #ffffff, 0rem -0.02rem #ffffff, 0.02rem 0rem #ffffff, 0.02rem 0.02rem #ffffff;
}

/* .wrap .sec1 .kv-box1 .btn-box1 a, */
/* .wrap .sec1 .kv-box1 .btn-box1 button, */
/* .wrap .sec2 .btn-goto-game, */
.dialog .dia-bg11 .dia-box .code-box {
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.6));
}

.wrap,
.wrap .section,
.wrap .section .main,
.wrap .sec2 .title,
.dialog .dia-con .dia-box,
.dialog .dia-bg1,
.dialog .dia-bg2-1,
.dialog .dia-bg2,
.dialog .dia-bg3,
.dialog .dia-bg4,
.dialog .dia-bg6,
.dialog .dia-bg7,
.dialog .dia-bg8,
.dialog .dia-bg9,
.dialog .dia-bg11,
.dialog .dia-bg12,
.dialog .dia-bg13,
.dialog .dia-bg14,
.dialog .dia-bg15,
.dialog .dia-bg16 {
  margin: 0 auto;
}

/* font end */
@media screen and (min-width: 1200px) {
  #hyPcVisit {
    display: block;
  }
}

/* 竖屏提示 */
/* =============主体内容============= */
.wrap {
  position: relative;
  overflow: hidden;
  width: 7.5rem;
  height: 25.85rem;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: top center;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-clip: initial;
  background-attachment: initial;
  background-color: #000000;
}

.wrap .section {
  position: relative;
  overflow: hidden;
  width: 7.5rem;
  height: auto;
}

.wrap .section .main {
  position: relative;
  width: 100%;
  height: auto; 
}

.wrap .section.sec1 .main {
  padding-top: 6.02rem;
}

.wrap .sec1 .logo {
  display: block;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/logo.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.42rem;
  height: 0.79rem;
  position: absolute;
  left: 0.6rem;
  top: 0.52rem;
  z-index: 2;
}

.wrap .sec1 .login-box {
  margin: 0 auto 0;
  width: 90%;
  height: 0.42rem;
  font-size: 0.20rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: #ffde00;
  /* color: var(--global-text-color); */
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  position: relative;
  z-index: 3;
  padding-right: 0;
}

.wrap .sec1 .login-box * {
  font-family: "FZYHJW";
}

.wrap .sec1 .login-box a,
.wrap .sec1 .login-box span {
  display: inline-block;
  color: #ffde00;
  /* color: var(--global-text-color); */
}

.wrap .sec1 .login-box #qian_after {
  font-size: 0.22rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: #ffde00;
  /* color: var(--global-text-color); */
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.wrap .sec1 .login-box #qian_after span:first-child {
  color: #ffffff;
}

.wrap .sec1 .login-box #qian_after a {
  text-decoration: none;
}

.wrap .sec1 .login-box #qian_before {
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

/*.wrap .sec1 .login-box #qian_before a{
  /~ color: #256d1f; ~/
  /~ color: var(--global-text-color); ~/
}*/

.wrap .sec1 .login-box #qian_before span {
  display: inline-block;
  color: inherit;
  color: #ffffff;
}

.wrap .sec1 .login-box #qian_before #hyRoleInfo {
  max-width: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
}

.wrap .sec1 .kv-box1 {
  margin: 0.61rem auto 0;
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.wrap .sec1 .kv-box1 .k-user-info-box {
  /* background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/user-info-bg1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; */
  margin: 0 auto;
  width: 6.62rem;
  height: 0.9rem;
  display: flex;
  align-items: center;
  position: relative;
}

/*.kv-box1 .k-user-info-box::before {
  display: none;
  content: '';
  width: 0.51rem;
  height: 0.65rem;
  position: absolute;
  top: -0.26rem;
  left: -0.25rem;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/leaf.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}*/

.wrap .sec1 .kv-box1 .k-user-info-box .user-bg {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/head-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.71rem;
  height: 0.71rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0rem 0 0 0.22rem;
  flex-shrink: 0;
  position: relative;
}

.wrap .sec1 .kv-box1 .k-user-info-box .user-bg::after {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/user-avatar.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

.wrap .sec1 .kv-box1 .k-user-info-box .user-bg img {
  width: 0.59rem;
  height: 0.59rem;
  border-radius: 50%;
}

/* 用户信息 */
.wrap .sec1 .kv-box1 .k-user-info-box .user-info {
  margin-left: 0.14rem;
  padding-top: 0.04rem;
  width: 3.94rem;
  height: auto;
  /* transform: rotate(0.05deg); */
}

.wrap .sec1 .kv-box1 .k-user-info-box .user-info .info-c {
  display: flex;
  justify-content: left;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
}

.wrap .sec1 .kv-box1 .k-user-info-box .user-info .user-name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 2.18rem;
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* color: #1b4c17; */
  color: var(--global-text-color);
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  margin-right: 0.1rem;
  font-family: "FZYHJW";
}

.wrap .sec1 .kv-box1 .k-user-info-box .user-info i {
  display: none;
  white-space: nowrap;
  font-family: "FZYHJW";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: #bc4a4a;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  border-bottom: 0.01rem solid currentColor;
  margin-left: auto;
}

.wrap .sec1 .kv-box1 .k-user-info-box .user-info .user-text {
  display: block;
  max-width: 100%;
  margin-top: 0.26rem;
  font-family: "FZYHJW";
  font-size: 0.22rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: #905724;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  display: none;
}

/* 查看我的签堆 */
.wrap .sec1 .kv-box1 .btn-see-mybox {
  display: block;
  width: 1.21rem;
  height: 0.23rem;
  font-size: 0.2rem;
	color: #bd471e;
  font-family: "FZYHJW";
  padding-top: 0.02rem;
  border-bottom: 0.01rem solid currentColor;
  margin-left: 0.12rem;
  margin-right: auto;
}

.wrap .sec1 .kv-box1 .btn-box1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  right: 0;
  top: -5.56rem;
}

.wrap .sec1 .kv-box1 .btn-box1 a {
  display: block;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.7rem;
  color: #e6f2ee;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-btn-rule-see-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.95rem !important;
  height: 0.7rem !important;
  transform: none !important;
  zoom: 1 !important;
  box-sizing: border-box;
  padding-left: 0rem;
  text-shadow: -1px 0px #185408, 0px -1px #185408, 1px 0px #185408, 1px 1px #185408;
  /* filter: none !important; */
}

.wrap .sec1 .kv-box1 .btn-box1 a:not(:first-child) {
  margin-top: -0.05rem;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-btn-rule-see-bg1.png);
}

.wrap .sec1 .kv-box1 .btn-box1 button {
  display: block;
  font-size: 0rem;
  color: #e6f2ee;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.61rem !important;
  height: 1.94rem !important;
  transform: none !important;
  zoom: 1 !important;
  outline: 0;
  border: 0;
  background-color: transparent;
  text-shadow: -1px 0px #185408, 0px -1px #185408, 1px 0px #185408, 1px 1px #185408;
  /* padding-left: 0.3rem; */
  /* filter: none !important; */
}

.wrap .sec1 .kv-box1 .btn-box1 .btn-rule {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-btn-rule-see-bg1.png);
}

.wrap .sec1 .kv-box1 .btn-box1 .btn-extra-record {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-btn-rule-see-bg2.png);
}

.wrap .sec1 .kv-box1 .btn-box1 .btn-return-game {
  display: none;
  width: 0.57rem !important;
  height: 0.76rem !important;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-close.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -2.2rem;
  right: 0.28rem;
  bottom: auto;
  left: auto;
  z-index: 10;
}

.wrap .sec1 .kv-box2 {
  margin: 0.2rem auto 0;
  width: 7.5rem;
  height: auto;
}

.wrap .sec1 .kv-box2 .box2-desc1 {
  margin: 0 auto;
  box-sizing: border-box;
  width: 6.6rem;
  height: 0.24rem;
  font-family: "FZYHJW";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.24rem;
  /* color: #1b4c17; */
  color: var(--global-text-color);
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.wrap .sec1 .kv-box2 .prop-list {
  /* background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-porp-big.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; */
  margin: 0.355rem 0 0 0.58rem;
  width: 6.26rem;
  height: 4.5rem;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  /* padding: 0.18rem 0.2rem 0.18rem 0.2rem; */
}

.wrap .sec1 .kv-box2 .prop-list .prop-item {
  position: relative;
  left: 0;
  top: 0;
  width: 1.50rem !important;
  height: 1.40rem !important;
  transform: none !important;
  zoom: 1 !important;
}

.wrap .sec1 .kv-box2 .prop-list .prop-item.hover {
  left: 0;
}

.wrap .sec1 .kv-box2 .prop-list .prop-item.hover .prop-bg {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-porp-bg-hover.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.50rem !important;
  height: 1.40rem !important;
  /* filter: brightness(1.15); */
  /* left: 0.023rem !important;
  top: -0.052rem !important; */
}

.wrap .sec1 .kv-box2 .prop-list .prop-item.on {
  left: 0;
  top: 0;
}

.wrap .sec1 .kv-box2 .prop-list .prop-item.on .prop-bg {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-porp-bg-sf.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.50rem !important;
  height: 1.40rem !important;
}

.wrap .sec1 .kv-box2 .prop-list .prop-item.on img,
.wrap .sec1 .kv-box2 .prop-list .prop-item.on p {
  /* display: block; */
  display: flex;
  z-index: 6;
}

.wrap .sec1 .kv-box2 .prop-list .prop-item.after .prop-bg {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-porp-bg-sf.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* width: 1.54rem !important; */
  /* height: 1.46rem !important; */
}

.wrap .sec1 .kv-box2 .prop-list .prop-item.after img,
.wrap .sec1 .kv-box2 .prop-list .prop-item.after p {
  /* display: block; */
  display: flex;
  z-index: 6;
}

.wrap .sec1 .kv-box2 .prop-list .prop-item.after::after {
  content: "";
  display: block;
  position: absolute;
  top: 0rem;
  right: 0;
  bottom: auto;
  left: 0;
  margin: auto;
  transform: none;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-porp-bg-other.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.50rem;
  height: 1.40rem;
  z-index: 7;
}

.wrap .sec1 .kv-box2 .prop-list .prop-item .prop-bg {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-porp-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.50rem !important;
  height: 1.40rem !important;
  position: absolute;
  left: 0rem;
  top: 0;
  z-index: 5;
  transform: none !important;
}

.wrap .sec1 .kv-box2 .prop-list .prop-item .prop-img {
  display: none;
  width: 1.40rem !important;
  height: 1.40rem !important;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: .1rem;
  transform: none !important;
  z-index: 1;
}

.wrap .sec1 .kv-box2 .prop-list .prop-item .prop-name {
  display: none;
  position: absolute;
  top: 0.92rem;
  right: auto;
  bottom: auto;
  left: 0.08rem;
  transform: translateX(0%);
  z-index: 2;
  font-family: "FZYHJW";
  font-size: 0.2rem;
  font-style: normal;
  /* color: #1b4c17; */
  color: var(--global-text-color);
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  height: 0.4rem;
  width: 1.4rem;
  line-height: 0.2rem;
  justify-content: center;
  align-items: center;
}

.wrap .sec1 .kv-box2 .btn-box2 {
  margin: 0.8rem auto 0;
  width: 7.28rem;
  height: 2.42rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
}

.wrap .sec1 .kv-box2 .btn-box2 a {
  display: block;
  font-size: 0;
}
.wrap .sec1 .kv-box2 .btn-box2 .lf-btn {
  position: relative;
  margin-right: 0;
}

.wrap .sec1 .kv-box2 .btn-box2 .rg-btn{
  position: relative;
  margin-left: 0;
}

.wrap .sec1 .kv-box2 .btn-box2 .rg-btn .r-text {
  display: block;
  box-sizing: border-box;
  padding: 0.1rem 0;
  font-family: "FZYHJW";
  font-size: 0.16rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2;
  color: #d34f1a;
  /* color: var(--global-text-color); */
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: -0.05rem;
  transform: none;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-btn-bg-rg1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.96rem;
  height: 0.70rem;
}

.wrap .sec1 .kv-box2 .btn-box2 .take-text {
  display: block;
  margin: 0.08rem auto 0;
  width: 2rem;
  font-family: "FZYHJW";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: #fff6e5;
  /* color: var(--global-text-color); */
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.wrap .sec1 .kv-box2 .btn-box2 .take-text:last-child {
  margin-top: 0.02rem;
}

.wrap .sec1 .kv-box2 .center-btn .take-text:last-child {
  margin-top: 0.02rem;
}

.wrap .sec1 .kv-box2 .rg-btn .take-text:last-child {
  margin-top: 0.02rem;
}

.wrap .sec1 .kv-box2 .btn-box2 .take-text span {
  display: inline;
}

.wrap .sec1 .kv-box2 .btn-box2 .text {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0.12rem;
  margin: 0 auto;
  box-sizing: border-box;
  width: 1.77rem;
  height: 0.70rem;
  font-family: "FZYHJW";
  font-size: 0.16rem;
  line-height: 1.2;
  font-weight: normal;
  font-style: normal;
  color: #d34f1a;
  /* color: var(--global-text-color); */
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-btn-bg-rg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0.1rem 0 0;
}

.wrap .sec1 .kv-box2 .btn-box2 .btn-shake {
  margin-top: 0.62rem;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-btn-yao.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.95rem !important;
  height: 0.99rem !important;
  zoom: 1 !important;
}

.wrap .sec1 .kv-box2 .btn-box2 .btn-extra-blind {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-btn-cq.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.19rem !important;
  height: 1.31rem !important;
  transform: none !important;
  zoom: 1 !important;
  margin: 0.32rem 0 0 0;
}

.wrap .sec1 .kv-box2 .btn-box2 .btn-share {
  margin-top: 0.62rem;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec1-btn-share.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.95rem !important;
  height: 0.99rem !important;
  transform: none !important;
  zoom: 1 !important;
}

.wrap .sec2 {
  margin: 0.42rem auto 0;
}

.wrap .sec2 .title {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/title1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.26rem;
  height: 0.73rem;
}

.wrap .sec2 .more-act-link-list {
  margin: 0.35rem auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  width: 6.1rem;
  height: auto;
  position: relative;
}

.wrap .sec2 .more-act-link-list::after{
  content: '';
  width: 6.1rem;
  height: 3.46rem;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/more-act-link-list.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

/* .wrap .sec2 .more-act-link-list .link-item {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec2-link-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 6.1rem;
  height: 3.44rem;
} */

.wrap .sec2 .more-act-link-list .link-item:nth-child(3),
.wrap .sec2 .more-act-link-list .link-item:nth-child(4) {
  margin-top: 0.15rem;
}

.wrap .sec2 .more-act-link-list .link-item .btn-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  width: 6.1rem;
  height: 3.46rem;
}

.wrap .sec2 .more-act-link-list .link-item .btn-link img {
  display: block;
  width: 100%;
  height: 3.46rem;
  mask-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/more-act-link-list-mask.png);
  mask-repeat: no-repeat;
  mask-size: 6.1rem 3.46rem;
}

.wrap .sec2 .more-act-link-list .link-item .btn-link .text {
  display: block;
  margin: 0.15rem 0 0 -0.05rem;
  width: 100%;
  font-family: "FZYHJW";
  font-size: 0.22rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: #f7402f;
  /* color: var(--global-text-color); */
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  /* filter: drop-shadow(1px 2px 1px rgba(79, 105, 28, 0.33));
  text-shadow: none; */
}

.wrap .sec2 .btn-goto-game {
  display: block;
  font-size: 0;
  margin: 0.48rem auto 0;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/sec2-btn-gogame.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.19rem;
  height: 1.31rem;
  transform: none;
  zoom: 1 !important;
  outline: 0;
  border: 0;
  background-color: transparent;
}

.wrap .sec2 .copyright {
  margin: 1.14rem auto 0;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/copyright-img.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.5rem;
  height: 1.6rem;
}

/* 通用弹窗样式 */
.pc-visit {
  display: none;
  outline: none;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 9997;
}

.pc-visit .visit-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.pc-visit .visit-content .visit-tips {
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: #fff;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.pc-visit .visit-content .hyUrlCode {
  display: block;
  margin: 20px auto 0;
  width: 256px;
  height: 256px;
}

#hyShare {
  width: 100vw;
}

#hyShare .dia-bg5 {
  position: relative;
  width: 100%;
  height: 7rem;
}

#hyShare .dia-bg5::after {
  display: block;
  content: "";
  width: 1.93rem;
  height: 2.06rem;
  background: url("//game.gtimg.cn/images/hyrz/cp/a20250531festival/share-narrow.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 1.44rem;
  top: -1.6rem;
}

#hyShare .dia-bg5 img {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: none;
  margin-right: 1.2rem;
  margin-top: -2.94rem;
  width: 5.51rem;
  height: 4.81rem;
  z-index: 1;
  object-fit: none;
}

#hyShare .dia-bg5 .desc {
  position: absolute;
  top: 77%;
  right: 0;
  bottom: auto;
  left: 50%;
  transform: none;
  margin-left: -50%;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.screenshots-html {
  width: 712px;
  height: 793px;
  position: fixed;
  left: -9999em;
  top: 0;
}

.screenshots-html .screenshots-bg {
  width: 712px;
  height: 793px;
  position: absolute;
  left: 0;
  top: 0;
}

.screenshots-html .screenshots-content {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: auto;
  z-index: 2;
}

.screenshots-html .screenshots-content .user-info-box {
  position: relative;
  top: 633px;
  right: auto;
  bottom: auto;
  left: 387px;
  /* transform: none; */
  width: 320px;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  transform: rotate(350deg);
}

.screenshots-html .screenshots-content .user-info-box .user-bg {
  /* background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/user-bg-img2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; */
  position: relative;
  left: 21px;
  top: 3px;
  width: 95px;
  height: 95px;
  transform: rotate(-4deg);
  display: flex;
}

.screenshots-html .screenshots-content .user-info-box .user-bg img {
  /* margin-top: 12px;
  margin-left: 2px; */
  width: 85px;
  height: 85px;
  background-size: 100% 100%;
  margin: auto;
}

.screenshots-html .screenshots-content .user-info-box .user-info {
  max-width: 160px;
  min-height: 70px;
  overflow: hidden;
  margin-left: 50px;
  margin-top: 22px;
  transform: rotate(1deg);
}

.screenshots-html .screenshots-content .user-info-box .user-info .info-c {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
}

.screenshots-html .screenshots-content .user-info-box .user-info i {
  display: inline;
  white-space: nowrap;
  font-family: "FZYHJW";
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* color: #da853d; */
  color: var(--global-text-color);
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
}

.screenshots-html .screenshots-content .user-info-box .user-info .user-name {
  display: block;
  white-space: nowrap;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* color: #da853d; */
  color: var(--global-text-color);
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
}

.screenshots-html .screenshots-content .user-info-box .user-info .user-desc {
  margin-top: 22px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* color: #da853d; */
  color: var(--global-text-color);
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  padding-right: 5px;
}

.screenshots-html .screenshots-content .user-info-box .user-info .user-desc span {
  display: inline;
  font-family: "FZYHJW";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* color: #da853d; */
  color: var(--global-text-color);
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
}

.screenshots-html .screenshots-content .qr-code-box {
  position: absolute;
  top: 560px;
  right: auto;
  bottom: auto;
  left: 55px;
  transform: none;
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: solid 0.03rem #3b7e1d;
}

.screenshots-html .screenshots-content .qr-code-box img {
  width: 100px;
  height: 100px;
  margin: auto;
}

#shareFriends .dia-close {
  position: absolute;
  top: -0.1rem;
  right: 0.2rem;
  /* bottom: auto;
  left: auto;
  transform: none;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-share-close.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.74rem;
  height: 0.68rem; */
}

/* #getFail .dia-close,
#getSucc .dia-close,
#helpSucc .dia-close,
#helpFail .dia-close,
#hyCommonTip .dia-close,
#hyNoRole .dia-close,
#hyTips .dia-close {
  top: 0.39rem;
  right: .47rem;
} */

.dialog {
  outline: none;
  margin-top: 0 !important;
  margin-left: 0 !important;
  position: fixed;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dialog .dia-pop-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
}

.dialog .dia-con {
  position: relative;
  transform: translateX(-0.06rem);
}

.dialog .dia-con .dia-box {
  width: 100%;
  height: auto;
}

.dialog .dia-con .dia-box .dia-title {
  margin: 0 auto;
}

.dialog .dia-close {
  display: block;
  position: absolute;
  top: -0.08rem;
  right: 0.46rem;
  bottom: auto;
  left: auto;
  transform: none;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-close.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.57rem;
  height: 0.77rem;
}

.dialog .dia-bg1 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg8.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.1rem;
  height: 6.99rem;
}

.dialog .dia-bg1 .dia-box {
  padding-top: 0.95rem;
}

.dialog .dia-bg1 .dia-box .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.47rem;
  height: 0.54rem;
}

.dialog .dia-bg1 .dia-box .info-box-bg {
  margin: 0.17rem auto 0;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg1-tips-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 6.38rem;
  height: 3.56rem;
}

.dialog .dia-bg1 .dia-box .info-show {
  padding-top: 0.4rem;
  margin: 0 auto 0.62rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  height: auto;
}

.dialog .dia-bg1 .dia-box .info-show .icon {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg1-icon1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.51rem;
  height: 0.19rem;
  margin-right: 0.08rem;
  display: none;
}

.dialog .dia-bg1 .dia-box .info-show .plat-info {
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: #f6f4d8;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg1 .dia-box .info-form {
  margin: 0 auto;
  width: 5rem;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.44rem;
}

.dialog .dia-bg1 .dia-box .info-form li {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0.6rem;
  border-bottom: 1px dashed #b6c3b2;
}

.dialog .dia-bg1 .dia-box .info-form li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg1-icon2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.18rem;
  height: 0.13rem;
}

.dialog .dia-bg1 .dia-box .info-form li select {
  display: block;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.4rem;
  color: black;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 0;
  outline: 0;
  background: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

.dialog .dia-bg1 .dia-box .info-form li select::-webkit-input-placeholder {
  color:black;
}

.dialog .dia-bg1 .dia-box .info-form li select::-moz-placeholder {
  color: black;
}

.dialog .dia-bg1 .dia-box .info-form li select:-ms-input-placeholder {
  color: black;
}

.dialog .dia-bg1 .dia-box .info-form li select::-ms-input-placeholder {
  color: black;
}

.dialog .dia-bg1 .dia-box .info-form li select::placeholder {
  color: black;
}

.dialog .dia-bg1 .dia-box .info-form li select option {
  background: #ece0c9;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.4rem;
  color: black;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg1 .dia-box .btn-box1 {
  margin: 0.15rem auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 5.28rem;
  height: auto;
}

.dialog .dia-bg1 .dia-box .btn-box1 .btn-cancel {
  display: block;
  font-size: 0;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg1-btn-bg1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.29rem;
  height: 0.62rem;
}

.dialog .dia-bg1 .dia-box .btn-box1 .btn-submit {
  display: block;
  font-size: 0;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg1-btn-bg2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.29rem;
  height: 0.62rem;
}

.dialog .dia-bg2-1 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg2-1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 5.01rem;
  height: 2.49rem;
}

.dialog .dia-bg2-1 .dia-box1 {
  padding-top: 0.47rem;
  margin: 0 auto;
  width: 4.7rem;
  height: auto;
}

.dialog .dia-bg2-1 .dia-box1 .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.95rem;
  height: 0.61rem;
}

.dialog .dia-bg2-1 .dia-box1 .dia-title-desc {
  margin: 0.3rem auto 0;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: black;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg2 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg20.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 6.94rem;
  height: 4.31rem;
}

.dialog .dia-bg2 .dia-box2 {
  position: relative;
  left: .2rem;
  padding-top: 0.95rem;
  margin: 0 auto;
  width: 4.7rem;
  height: auto;
}

.dialog .dia-bg2 .dia-box2 .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title3.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.79rem;
  height: 0.63rem;
}

.dialog .dia-bg2 .dia-box2 .dia-title-desc {
  margin: 0.3rem auto 0.34rem;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: #3c7210;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg2 .dia-box2 .btn-invite {
  display: block;
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title3-btn.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.38rem;
  height: 0.84rem;
}

.dialog .dia-bg2 .dia-box3 {
  position: relative;
  left: .18rem;
  padding-top: 0.88rem;
  margin: 0 auto;
  width: 4.7rem;
  height: auto;
}

.dialog .dia-bg2 .dia-box3 .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title4.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.79rem;
  height: 0.63rem;
}

.dialog .dia-bg2 .dia-box3 .dia-title-desc {
  margin: 0.3rem auto 0.34rem;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: #3c7210;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg2 .dia-box3 .btn-invite {
  display: block;
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title4-btn.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.38rem;
  height: 0.84rem;
}

.dialog .dia-bg2 .dia-box4 {
  position: relative;
  left: .18rem;
  padding-top: 0.88rem;
  margin: 0 auto;
  width: 4.7rem;
  height: auto;
}

.dialog .dia-bg2 .dia-box4 .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title5.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.79rem;
  height: 0.62rem;
}

.dialog .dia-bg2 .dia-box4 .dia-title-desc {
  margin: 0.3rem auto 0.34rem;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: #3c7210;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg2 .dia-box4 .btn-invite {
  display: block;
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title4-btn.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.38rem;
  height: 0.84rem;
}

.dialog .dia-bg2 .dia-box5 {
  margin: 0 auto;
  width: 6.2rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.dialog .dia-bg2 .dia-box5 p {
  width: 90%;
  height: auto;
  font-size: 0.24rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2;
  color: #782b46;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg2 .dia-box6 {
  padding-top: 0.96rem;
  margin: 0 auto;
  width: 4.7rem;
  height: auto;
}

.dialog .dia-bg2 .dia-box6 .dia-title-desc {
  margin: 0 auto 0.38rem;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.36rem;
  color: block;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg2 .dia-box6 .btn-goto {
  display: block;
  margin: 0 auto;
  font-size: 0;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title4-btn2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.29rem;
  height: 0.62rem;
}

.dialog .dia-bg3 {
  display: none;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg4.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 6.63rem;
  height: 8.04rem;
}

.dialog .dia-bg3 .dia-box {
  padding-top: 0.72rem;
  margin: 0 auto;
  width: 5.8rem;
  height: auto;
}

.dialog .dia-bg3 .dia-box .dia-title {
  margin: 0 auto 0.3rem;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title6.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.96rem;
  height: 0.63rem;
}

.dialog .dia-bg3 .dia-box .prop-table {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg4-tab.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 5.45rem;
  height: 6rem;
  position: relative;
  overflow: hidden;
}

.dialog .dia-bg3 .dia-box .prop-table .tr1 {
  width: 5.45rem;
  height: 0.54rem;
}

.dialog .dia-bg3 .dia-box .prop-table .tr1 td {
  font-family: "FZYHJW";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.54rem;
  color: #892c17;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg3 .dia-box .prop-table .tr2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  font-family: "FZYHJW";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.5rem;
  color: #892c17;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg3 .dia-box .prop-table .tr2 .td1 {
  width: 1.86rem;
  height: 0.5rem;
}

.dialog .dia-bg3 .dia-box .prop-table .tr2 .td2 {
  width: 2.48rem;
  height: 0.5rem;
  text-align: left;
  box-sizing: border-box;
  padding-left: 0.26rem;
}

.dialog .dia-bg3 .dia-box .prop-table .tr2 .td3 {
  width: 1.12rem;
  height: 0.5rem;
}

.dialog .dia-bg4 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg4.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 6.85rem;
  height: 7.99rem;
  padding-left: 0.35rem;
}

#hyRules .dia-close {
  /* top: 0.34rem;
  right: 0.5rem; */
}

.dialog .dia-bg4 .dia-box {
  padding-top: 0.42rem;
  width: 6.4rem;
  height: auto;
}

.dialog .dia-bg4 .dia-box .dia-title {
  margin: 0 auto;
  font-size: 0;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title7.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.78rem;
  height: 0.63rem;
}

.dialog .dia-bg4 .dia-box .rule-box {
  box-sizing: border-box;
  /* padding-right: 0.3rem; */
  margin: 0.44rem auto 0;
  width: 5.32rem;
  height: auto;
  max-height: 5.65rem;
  overflow-x: hidden;
  overflow-y: auto;
  /* direction: ltr; */
  /* scrollbar-color: #9cdeff;
  scrollbar-width: thin; */
  cursor: pointer;
}

.dialog .dia-bg4 .dia-box .rule-box::-webkit-scrollbar {
  width: 0.05rem;
  height: 2.52rem;
}

.dialog .dia-bg4 .dia-box .rule-box::-webkit-scrollbar-track {
  width: 0.05rem;
  border-radius: 0.03rem;
  background-color: #e4d9b8;
}

.dialog .dia-bg4 .dia-box .rule-box::-webkit-scrollbar-thumb {
  border-radius: 0.03rem;
  background-color: #3c7210;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info {
  width: 5rem;
  padding-left: 0.14rem;
  padding-right: 0.1rem;
  height: auto;
  box-sizing: border-box;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent1 {
  width: 5rem;
  height: auto;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent1 .sub-title,
.dialog .dia-bg4 .dia-box .rule-box .rule-info .sub-p {
  font-family: "FZYHJW";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.34rem;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: left;
  letter-spacing: -1px;
  letter-spacing: normal;
  text-decoration: none;
  display: flex;
  justify-content: left;
  width: 5rem;
}

.dialog .dia-bg4 .dia-box .sub-p span{
line-height: 1.44;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent1 .rule-cent-info {
  margin-top: 0.08rem;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent1 .rule-cent-info li {
  font-family: "FZYHJW";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.34rem;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  margin-left: 0.1rem;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent1 .rule-cent-info li:not(:last-child) {
  margin-bottom: 0.08rem;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 {
  margin-top: 0.08rem;
  width: 5.4rem;
  height: auto;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .sub-title {
  font-family: "FZYHJW";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.34rem;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table {
  margin: 0.08rem 0 0 0;
  width: 5rem;
  padding-left: 0.1rem;
  height: auto;
  border: 1px dashed currentColor;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table .tr2 {
  display: fled;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  font-family: "FZYHJW";
  font-size: 0.165rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.34rem;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  border: 1px dashed currentColor;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table .tr2 .td1,
.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table .tr2 .td2,
.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table .tr2 .td3 {
  border: 1px dashed currentColor;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table .tr2 td {
  width: 1.72rem;
  height: 0.5rem;
  line-height: 1.2;
}

.dialog .dia-bg6 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg18.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.15rem;
  height: 4.98rem;
  padding-left: 0.23rem;
}

.dialog .dia-bg6 .dia-box {
  padding-top: 0.42rem;
  margin: 0 auto;
  width: 6.4rem;
  height: auto;
}

.dialog .dia-bg6 .dia-box .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg1-title.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.77rem;
  height: 0.63rem;
}

.dialog .dia-bg6 .dia-box .code-box {
  margin: 0.12rem auto 0;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg6-code-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.88rem;
  height: 1.88rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-copy {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/copybtn.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.61rem;
  height: 0.90rem;
  display: block;
  margin: 0.12rem auto 0;
}

.dialog .dia-bg6 .dia-box .code-box .dia-title-desc {
  padding-top: 0.46rem;
  margin: 0 auto 0.16rem;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  display: none;
}

.dialog .dia-bg6 .dia-box .code-box .hyUrlCode {
  margin: 0 auto;
  width: 1.76rem;
  height: 1.76rem;
}

.dialog .dia-bg6 .dia-box .dia-text-tips {
  margin: .04rem auto 0;
  width: 4.4rem;
  font-family: "FZYHJW";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.35;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg7 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-login-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.15rem;
  height: 4.48rem;
}

.dialog .dia-bg7 .dia-box {
  width: 4.33rem;
  height: 1.72rem;
  box-sizing: content-box;
  padding-top: 1.55rem;
  margin: 0 auto;
  margin-left: 1.42rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.dialog .dia-bg7 .dia-box .login-wx,
.dialog .dia-bg7 .dia-box .login-qq {
  display: block;
  font-size: 0;
  width: 1.73rem;
  height: 1.7rem;
}

.dialog .dia-bg8 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg8-f.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.08rem;
  height: 7.14rem;
}

.dialog .dia-bg8 .dia-box {
  padding-top: 0.35rem;
  margin: 0 auto;
  width: 7rem;
  height: auto;
}

.dialog .dia-bg8 .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title8.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.53rem;
  height: 0.62rem;
}

.dialog .dia-bg8 .recent-box {
  box-sizing: border-box;
  padding-bottom: 0.2rem;
  margin: 0.15rem auto 0;
  /* background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title8-list-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; */
  width: 5.97rem;
  height: 4.74rem;
  /* max-height: 4.7rem;
  overflow-x: hidden;
  overflow-y: auto; */
  overflow: hidden;
  direction: ltr;
  scrollbar-color: #9cdeff;
  scrollbar-width: thin;
  cursor: pointer;
  /* transform: translateX(0.1rem); */
}

.dialog .dia-bg8 .recent-box .recent-list::-webkit-scrollbar {
  width: 0.05rem;
  height: 2.52rem;
}

.dialog .dia-bg8 .recent-box .recent-list::-webkit-scrollbar-track {
  width: 0.05rem;
  border-radius: 0.03rem;
  background-color: #e4d9b8;
}

.dialog .dia-bg8 .recent-box .recent-list::-webkit-scrollbar-thumb {
  border-radius: 0.03rem;
  background-color: #3c7210;
}

.dialog .dia-bg8 .recent-box .recent-list {
  margin: 0.1rem auto 0;
  box-sizing: border-box;
  padding-right: 0.2rem;
  width: 5.6rem;
  height: 4.4rem;
  overflow-y: auto;
}

.dialog .dia-bg8 .recent-box .recent-list li {
  width: 5.2rem;
  height: 0.86rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap; 
  flex-direction: row;
  border-bottom: 1px dashed rgba(60, 114, 16, 0.5);
}

.dialog .dia-bg8 .recent-box .recent-list li:last-child {
  border-bottom: none;
}

.dialog .dia-bg8 .recent-box .recent-list li.on .select-icon {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title8-icon-on.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.26rem;
  height: 0.26rem;
}

.dialog .dia-bg8 .recent-box .recent-list li .recent-text {
  width: 4.45rem;
  height: 0.86rem;
  padding-left: 0.32rem;
}

.dialog .dia-bg8 .recent-box .recent-list li .recent-text em {
  display: block;
  width: 100%;
  padding-top: 0.16rem;
  white-space: nowrap;
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "FZYHJW";
}

.dialog .dia-bg8 .recent-box .recent-list li .recent-text span {
  display: block;
  padding-top: 0.08rem;
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  font-family: "FZYHJW";
}

.dialog .dia-bg8 .recent-box .recent-list li .select-icon {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title8-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.26rem;
  height: 0.26rem;
}

.dialog .dia-bg8 .btn-box {
  margin: 0rem auto 0;
  width: 5.73rem;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.dialog .dia-bg8 .btn-box .btn-select {
  display: block;
  font-size: 0;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg8-btn-bg1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.79rem;
  height: 0.91rem;
}

.dialog .dia-bg8 .btn-box .btn-sure {
  display: block;
  font-size: 0;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg1-btn2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.61rem;
  height: 0.90rem;
}

.dialog .dia-bg9 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg9.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.15rem;
  height: 5.88rem;
}

.dialog .dia-bg9 .dia-box {
  /* padding-top: 0.42rem; */
  margin: 0 auto;
  width: 6.48rem;
  height: auto;
  position: relative;
  left: 0.2rem;
  padding: 0.42rem 0.4rem 0 0.1rem
}

.dialog .dia-bg9 .dia-box .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title9.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.97rem;
  height: 0.64rem;
}

.dialog .dia-bg9 .dia-box .dia-title-desc {
  display: none;
}

.dialog .dia-bg9 .dia-box .select-list {
  margin: 0.2rem auto 0.1rem auto;
  /* background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title8-list-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; */
  width: 100%;
  height: 3.15rem;
  box-sizing: border-box;
  padding: 0  .3rem ;
}

.dialog .dia-bg9 .dia-box .select-list li {
  position: relative;
  width: 100%;
  height: 0.7rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  display: flex !important;
  border-bottom: 1px dashed #b6c3b2;
}

.dialog .dia-bg9 .dia-box .select-list li::after {
  content: '';
  display: flex !important;
  position: absolute;
  top: 50%;
  right: 0.24rem;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg1-icon2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.18rem;
  height: 0.13rem;
}

.dialog .dia-bg9 .dia-box .select-list li span {
  display: block;
  width: 0.76rem;
  height: 0.7rem;
  font-size: 0.26rem;
  font-weight: bold;
  font-style: normal;
  line-height: 0.7rem;
  color: #d87f34;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  display: none;
}

.dialog .dia-bg9 .dia-box .select-list li .milo-item {
  display: block;
  width: 100%;
  height: 0.7rem;
  font-size: 0.26rem;
  font-style: normal;
  line-height: 0.7rem;
  /* color: #000000; */
  color: var(--dialog-text-color);
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  border: 0;
  outline: 0;
  background: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
}

.dialog .dia-bg9 .dia-box .select-list li select::-webkit-input-placeholder {
  color: #cd5a44;
}

.dialog .dia-bg9 .dia-box .select-list li select::-moz-placeholder {
  color: #cd5a44;
}

.dialog .dia-bg9 .dia-box .select-list li select:-ms-input-placeholder {
  color: #cd5a44;
}

.dialog .dia-bg9 .dia-box .select-list li select::-ms-input-placeholder {
  color: #cd5a44;
}

.dialog .dia-bg9 .dia-box .select-list li select::placeholder {
  color: #cd5a44;
}

.dialog .dia-bg9 .dia-box .select-list li select option {
  background: #cd5a44;
  color: inherit;
}

.dialog .dia-bg9 .dia-box .btn-role {
  display: block;
  margin: 0.2rem auto 0;
  font-size: 0;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg9-btn.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.59rem;
  height: 0.91rem;
}

.dialog .dia-bg10 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  transform: translateX(0);
}

.dialog .dia-bg10 .share-screenshots-image {
  width: 7.11rem;
  height: 7.93rem;
}

.dialog .dia-bg10 .tips-text {
  margin: 0.24rem auto 0;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2;
  color: white;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg11 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg20.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 6.74rem;
  height: 4.26rem;
  padding-top: 0.4rem;
}

.dialog .dia-bg11 .dia-box {
  position: relative;
  left: .2rem;
  margin: 0 auto;
  padding-top: 0.52rem;
  width: 4rem;
  height: auto;
}

.dialog .dia-bg11 .dia-box .code-box {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg6-code-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.88rem;
  height: 1.88rem;
}

.dialog .dia-bg11 .dia-box .code-box .hyUrlCode {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.05rem;
}

.dialog .dia-bg11 .dia-box .dia-text-tips {
  margin: 0.16rem auto 0;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg12 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg18.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.04rem;
  height: 4.66rem;
}

.dialog .dia-bg12 .dia-box {
  padding-top: 0.7rem;
  margin: 0 auto;
  width: 6rem;
  height: auto;
}

.dialog .dia-bg12 .dia-box .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg1-title.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.75rem;
  height: 0.61rem;
}

.dialog .dia-bg12 .dia-box .dia-text1 {
  margin: 0.32rem auto 0;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.36rem;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg12 .dia-box .dia-text {
  margin: 0 auto;
  font-family: "FZYHJW";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg12 .dia-box .dia-btn-box {
  margin: 0.24rem auto 0;
  width: 5.5rem;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.dialog .dia-bg12 .dia-box .dia-btn-box a {
  display: block;
  font-size: 0;
}

.dialog .dia-bg12 .dia-box .dia-btn-box .btn-other-area {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg1-btn1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.47rem;
  height: 0.9rem;
}

.dialog .dia-bg12 .dia-box .dia-btn-box .btn-sure-role {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg1-btn2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.59rem;
  height: 0.91rem;
}

.dialog .dia-bg13 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg6.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.15rem;
  height: 4.48rem;
}

.dialog .dia-bg13 .dia-box {
  padding-top: 1.48rem;
  margin: 0 auto;
  width: 4.3rem;
  height: auto;
}

.dialog .dia-bg13 .dia-box .btn-box {
  margin: 0 auto;
  width: 4.3rem;
  height: 1.77rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.dialog .dia-bg13 .dia-box .btn-box a {
  display: block;
  width: 1.73rem;
  height: 1.77rem;
}

.dialog .dia-bg14 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg7.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.15rem;
  height: 4.48rem;
}
.dialog .dia-bg14 .dia-box {
  padding-top: 1.48rem;
  margin: 0 auto;
  width: 4.3rem;
  height: auto;
}

.dialog .dia-bg14 .dia-box .btn-box {
  margin: 0 auto;
  width: 4.3rem;
  height: 1.77rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.dialog .dia-bg14 .dia-box .btn-box a {
  display: block;
  width: 1.73rem;
  height: 1.77rem;
}

.dialog .dia-bg15 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg4.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 6.94rem;
  height: 8.03rem;
  padding-left: 0.5rem;
}

.dialog .dia-bg15 .dia-box {
  padding-top: 0.32rem;
  margin: 0 auto;
  width: 5.66rem;
  height: auto;
}

.dialog .dia-bg15 .dia-box .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title18.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.54rem;
  height: 0.63rem;
}

.dialog .dia-bg15 .dia-box .extract-box {
  position: relative;
  left: -0.15rem;
  margin: 0.16rem auto 0;
  /* background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg18-list-bg.png); */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 5.66rem;
  height: 6.34rem;
  max-height: 6.34rem;
  overflow-x: hidden;
  overflow-y: auto;
  direction: ltr;
  /* scrollbar-color: #9cdeff;
  scrollbar-width: thin; */
  cursor: pointer;
  box-sizing: border-box;
  padding: 0.08rem 0.3rem;
}

.dialog .dia-bg15 .dia-box .extract-box::-webkit-scrollbar {
  width: 0.04rem;
  height: 2.52rem;
}

.dialog .dia-bg15 .dia-box .extract-box::-webkit-scrollbar-track {
  width: 0.04rem;
  border-radius: 0.02rem;
  background-color: #436a3d;
}

.dialog .dia-bg15 .dia-box .extract-box::-webkit-scrollbar-thumb {
  border-radius: 0.02rem;
  background-color: #f5b655;
}

.dialog .dia-bg15 .dia-box .extract-box .extract-list .ex-item {
  width: 5.2rem;
  height: 0.52rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  border-bottom: 1px dashed #b6c3b2;
}

.dialog .dia-bg15 .dia-box .extract-box .extract-list .ex-item:last-child {
  margin-bottom: 0.15rem;
}

.dialog .dia-bg15 .dia-box .extract-box .extract-list .ex-item .list-title {
  width: 2.6rem;
  height: 0.52rem;
  line-height: 0.52rem;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  /* color: #69ad3c; */
  color: var(--dialog-text-color);
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg15 .dia-box .extract-box .extract-list .ex-item .list-time,
.dialog .dia-bg15 .dia-box .extract-box .extract-list .ex-item .list-name {
  display: block;
  width: 2.6rem;
  height: 0.52rem;
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.52rem;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  font-family: "FZYHJW";
}

.dialog .dia-bg16 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg8.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.1rem;
  height: 6.99rem;
}

.dialog .dia-bg16 .dia-box {
  padding-top: 0.95rem;
  margin: 0 auto;
  width: 5.66rem;
  height: auto;
}

.dialog .dia-bg16 .dia-box .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title19.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.75rem;
  height: 0.54rem;
}

.dialog .dia-bg16 .dia-box .mh-box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0.3rem auto 0.28rem;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg19-prop-tips-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.7rem;
  height: 2.83rem;
}

.dialog .dia-bg16 .dia-box .mh-box .prop-bg {
  margin: 0 auto 0.2rem;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg19-prop-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.24rem;
  height: 1.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dialog .dia-bg16 .dia-box .mh-box .prop-bg img {
  display: block;
  width: 1.31rem;
  height: 1.31rem;
  padding-top: 0.12rem;
}

.dialog .dia-bg16 .dia-box .mh-box .prop-text1 {
  margin: 0 auto;
  font-family: "FZYHJW";
  font-size: 0.24rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg16 .dia-box .mh-box .prop-text2 {
  font-family: "FZYHJW";
  font-size: 0.18rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* color: black; */
  color: var(--dialog-text-color);
  opacity: 0.5;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  margin: 0.06rem auto 0;
}

.dialog .dia-bg16 .dia-box .btn-box {
  width: 5.28rem;
  margin: 0.08rem auto 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.dialog .dia-bg16 .dia-box .btn-box .btn-remember {
  display: block;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg19-btn1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.29rem;
  height: 0.62rem;
}

.dialog .dia-bg16 .dia-box .btn-box .btn-shake-again {
  display: block;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg19-btn2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.29rem;
  height: 0.62rem;
}

.dialog .dia-bg16 .dia-box .btn-box .shake-twice {
  position: absolute;
  top: 0.67rem;
  right: 0;
  bottom: auto;
  left: auto;
  transform: none;
  width: 2.37rem;
  height: auto;
  font-family: "FZYHJW";
  font-size: 0.18rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /* color: black; */
  color: var(--dialog-text-color);
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg16 .dia-box .btn-box .shake-twice .num {
  display: inline;
}

@media all and (orientation: landscape) {
  .dialog {
    top: 50% !important;
    position: fixed !important;
    transform: translate(-50%, -50%) scale(0.4);
  }

  .dialog#hyShare {
    top: 1.2rem !important;
    transform: translate(-50%, 0%) scale(0.8);
    transform-origin: right top;
  }
}

@media all and (orientation: portrait) {
  .dialog#hyShare {
    top: 1.9rem !important;
    transform: translate(-50%, 0%);
  }
}

/* 新增样式 */
.top-titlebox {
  margin: 0 auto;
}

.top-title {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/title.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 5.56rem;
  height: 0.73rem;
  margin: -0.04rem auto 0;
  /* transform: rotate(1deg); */
}

.top-tips {
  color:#ffffff;
  /* color: var(--dialog-text-color); */
  font-size: 0.2rem;
  text-align: center;
  font-family: 'FZYHJW';
  letter-spacing: -0.01rem;
  margin-top: 0;
}

.more-act-link-list .swiper-container {
  width: 100%;
  padding-bottom: 0.75rem;
}

.more-act-link-list .swiper-button-prev {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/jt-left.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.25rem;
  height: 0.39rem;
  left: -0.36rem;
}

.more-act-link-list .swiper-button-next {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/jt-right.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.25rem;
  height: 0.39rem;
  right: -0.3rem;
}

.more-act-link-list .swiper-button-next,
.more-act-link-list .swiper-button-prev {
  top: 46%;
}

.more-act-link-list .swiper-pagination-bullet-active {
  background: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/swiper-active.png) no-repeat !important;
  background-size: 100% 100% !important;
  width: 0.12rem;
  height: 0.12rem;
}

.more-act-link-list .swiper-pagination-bullet {
  background: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/swiper-normal.png) no-repeat;
  background-size: 100% 100%;
  width: 0.12rem;
  height: 0.12rem;
}

.more-act-link-list .swiper-pagination {
  width: 98%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0.05rem;
}

.more-act-link-list .swiper-pagination span {
  margin: 0 0.065rem;
}

.swiper-pagination-bullet {
  opacity: 1;
}

/* 新增弹窗样式 */
.dialog .dia-bg19 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg19.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.15rem;
  height: 3.68rem;
}

.dialog .dia-box19 {
  padding-top: 0.42rem;
}

.dialog .dia-box19 .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg1-title.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.77rem;
  height: 0.63rem;
}

.downloadText {
  letter-spacing: -0.01rem;
  /* color: black; */
  color: var(--dialog-text-color);
  font-size: 0.24rem;
  text-align: center;
  margin: 0.25rem auto 0.35rem;
  font-family: 'FZYHJW';
}

.btn-download {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/download.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.59rem;
  height: 0.91rem;
  margin: 0 auto;
  display: block;
}


.dialog .dia-bg20,
.dialog .dia-bg21,
.dialog .dia-bg22,
.dialog .dia-bg23 {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg20.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 6.94rem;
  height: 4.31rem;
  padding-left: 0.36rem;
}

.dialog .dia-box20,
.dialog .dia-box21 {
  padding-top: 0.42rem;
}

.dialog .dia-box20 .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg1-title.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.77rem;
  height: 0.63rem;
}

.tishiText,
.shareText {
  width: 5.82rem;
  letter-spacing: -0.02rem;
  /* color: black; */
  color: var(--dialog-text-color);
  font-size: 0.24rem;
  text-align: center;
  font-family: "FZYHJW";
  margin: 1rem auto 0;
  line-height: 1.42;
}

.dialog .dia-box21 .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg21-title.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.78rem;
  height: 0.64rem;
}

.dialog .dia-box22,
.dialog .dia-box23 {
  padding-top: 0.28rem;
}

.dialog .dia-box22 .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg22-title.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.38rem;
  height: 0.64rem;
}

.dialog .dia-box23 .dia-title {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg23-title.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.79rem;
  height: 0.63rem;
}

.guess-top,
.receive-top {
  width: 6.2rem;
  letter-spacing: -0.01rem;
  /* color: black; */
  color: var(--dialog-text-color);
  font-size: 0.24rem;
  text-align: center;
  margin: 0 auto 0.1rem;
  font-family: "FZYHJW";
}

.guess-pic,
.receive-pic {
  position: relative;
  left: -0.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 0.1rem;
  width: 1.50rem;
  height: 1.40rem;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-bg23-jlbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.guess-pic img,
.receive-pic img {
  max-width: 1.4rem;
  margin: 0.25rem 0 0 .1rem;
}

.guessText,
.receiveText {
  width: 6.2rem;
  /* color: black; */
  color: var(--dialog-text-color);
  font-size: 0.2rem;
  text-align: center;
  margin: 0.05rem auto 0.1rem;
  font-family: 'FZYHJW';
}

.btn-remember {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/remember.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.38rem;
  height: 0.84rem;
  margin: 0 auto;
  display: block;
}

.btn-know {
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/know.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.38rem;
  height: 0.84rem;
  margin: 0 auto;
  display: block;
}

/* html { overflow-y: scroll; } */
html[scroll-lock-enabled='true']>body {
  overflow: hidden;
  position: fixed;
  top: 0; bottom: 0; 
  left: 0; right: 0;
  margin: auto; 
  z-index: 777
}

#copyLink {
  position: absolute;
  font-size: 0.14rem;
  opacity: 0;
  height: 0rem;
  width: 5rem;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0.06rem;
}

@media only screen and (orientation: landscape) {
  body{
    position: relative !important;
  }
}

/* 绑定角色 */
.dia-bg9 .pipInfo {
  margin-bottom: 0.1rem;
  line-height: 0.3rem;
 font-size: 0.2rem;
 color: #360c14;
 margin-top: 0.2rem;
position: relative;
}

/* .dia-bg9 .pipInfo input[type="checkbox"] {

  width: 18px;
  height: 18px;
} */

.dia-bg9 .pipInfo input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 0.26rem;
  height: 0.26rem;
  cursor: pointer;
  position: relative; 
  display: inline-block;
  text-align: center;
  vertical-align: middle; 
  margin: 0;
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title8-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #fff;
  border-radius: 0.04rem;
  top: -0.03rem;
  accent-color: #db5a73;
  border: none;


}

.dia-bg9 label{
  margin-left: 0.05rem;
}
.dia-bg9 input[type=checkbox]:checked::after {
  content: '';
  background-image: url(//game.gtimg.cn/images/hyrz/cp/a20250531festival/dia-title8-icon-on.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.26rem;
  height: 0.26rem;
  z-index: 11;
  left: 0;
  top: 0;
  position: absolute;
}
.dia-bg9 .miloui-selector-value:after {
content: none;
}
.dialog .dia-bg9 .dia-box .select-list li .milo-select-item{
height: 100%;
}
.dialog .dia-bg9 .dia-box .select-list li .miloui-selector{
  height: 100%;
  line-height: 0.7rem;
  border: none;
}
.dialog .dia-bg9 .dia-box .select-list li  .milo-disabled .miloui-selector-value,.miloui-selector-value.miloui-empty:before{
  color: #9c6a74;
 
}
.dialog .dia-bg9 .dia-box .select-list li  .miloui-selector-value{
  padding: 0;
  /* color:black; */
  color: var(--dialog-text-color);
}
.error-msg {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.8);
	color: rgb(255, 255, 255);
	z-index: 9999;
	font-size: 0.26rem;
	padding: 0.15rem 0.2rem;
	border-radius: 0.08rem;
	transition: opacity 0.3s;
	display: none;
	text-align: center;
	width: max-content !important;
}