@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: none;
  -webkit-tap-highlight-color: transparent;
}

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: 'fzyhj';
}

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

.clearfix {
  *zoom: 1;
}

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

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

a:focus {
  outline: none;
}

.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%;
  -webkit-text-size-adjust: none !important;
}

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

/* footer */
#afooter {
  background: #000;
  padding: 0.2rem 0 !important;
}

#afooter p,
#afooter a {
  font-size: 0.18rem;
  text-align: center;
  color: #6f6f6f;
  text-decoration: none;
}

/* reset end */
/* font start */
/* 方正艺黑简体 */
@font-face {
  font-family: 'fzyhj';
  src: url('https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/font/fzyhj.woff') format('woff');
}

/* .wrap .sec2 .more-act-link-list .link-item .btn-link .text {
  text-shadow: 0 -0.02rem #edebcc, 0 0.02rem #edebcc, -0.02rem 0 #edebcc, 0.02rem 0 #edebcc;
} */

.wrap .sec1 .kv-box1 .btn-box1 a,
.wrap .sec1 .kv-box1 .btn-box1 button,
.dialog .dia-bg11 .dia-box .code-box {
  filter: drop-shadow(0 3px 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 */
/* 竖屏提示 */
/* =============主体内容============= */
.wrap {
  position: relative;
  overflow: hidden;
  width: 7.5rem;
  height: auto;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/k-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-clip: initial;
  background-attachment: initial;
  background-color: #000;
}

.wrap.guest {
  position: relative;
  overflow: hidden;
  width: 7.5rem;
  height: auto;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/k-bg2.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-clip: initial;
  background-attachment: initial;
  background-color: #000;
}

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

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

.wrap .sec1 {
  height: 20.3rem;
}

.wrap.guest .sec1 {
  height: 22.56rem;
}

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

.wrap .sec1 .logo {
  display: block;
  margin-left: 0.2rem;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/logo.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.38rem;
  height: 0.75rem;
}

.btn-see-mybox {
  display: block;
  font-size: 0;
  position: fixed;
  top: 3.4rem;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 10;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/sec1-btn-see-mybox.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.48rem;
  height: 1.63rem;
}

.wrap .sec1 .kv-box1 {
  margin: 4.9rem auto 0;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.wrap .sec1 .kv-box1 .login-box {
  width: 100%;
  height: 0.7rem;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  font-weight: bold;
  line-height: 0.24rem;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

/* .wrap.guest .sec1 .kv-box1 .login-box{
  width: 2.6rem;
  height: 0.7rem;
  font-family: 'fzyhj';
  font-size: 0.18rem;
  font-style: normal;
  font-weight: bold;
  line-height: 0.24rem;
  color: #712b78;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  position: absolute;
  z-index: 1;
  left: 3.98rem;
  top: 3.7rem;
}

.wrap.guest .sec1 .kv-box1 .login-box *{
  font-size: .18rem !important;
  text-align: left !important;
} */

.wrap .sec1 .kv-box1 .login-box a,
.wrap .sec1 .kv-box1 .login-box span {
  display: inline-block;
  color: inherit;
}

.wrap .sec1 .kv-box1 .login-box #unlogin {
  font-family: 'fzyhj';
  font-size: 0.22rem;
  font-style: normal;
  line-height: 0.24rem;
  color: #712b78;
  text-align: left normal;
  letter-spacing: none;
  text-decoration: none;
}

.wrap .sec1 .kv-box1 .login-box #unlogin a {
  text-decoration: none;
}

.wrap .sec1 .kv-box1 .login-box #logined {
  width: 7.5rem;
  font-family: 'fzyhj';
  font-size: 0.22rem;
  font-weight: bold;
  font-style: normal;
  line-height: 0.24rem;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.wrap .sec1 .kv-box1 .login-box #logined a,
.wrap .sec1 .kv-box1 .login-box #logined span {
  display: inline-block;
  color: inherit;
  font-family: 'fzyhj';
  font-weight: bold;
}

.wrap .sec1 .kv-box1 .login-box #logined div {
  font-family: 'fzyhj';
}

/* .wrap .sec1 .kv-box1 .login-box #logined > div:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: -0.56rem;
} */

.wrap .sec1 .kv-box1 .login-box #logined #hyRoleInfo {
  max-width: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  /* font-family: auto; */
  font-weight: bold;
}

.wrap .sec1 .kv-box1 .user-info-wrap{
  margin-top: .1rem;
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box{
  background: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/s1-userinfo-box1.png) no-repeat;
  width: 5.93rem;
  height: 2.53rem;
  background-size: 100% 100%;
  margin-top: -0.12rem;
  margin-left: .45rem;
  padding-top: .28rem;
  padding-left: 2.62rem;
  position: relative;
}

.wrap.guest .sec1 .kv-box1 .user-info-wrap .user-box{
  background: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/s1-userinfo-box2.png) no-repeat;
  width: 5.32rem;
  height: 2.91rem;
  background-size: 100% 100%;
  /* margin-top: 0.35rem; */
  margin-left: .55rem;
  padding-top: .46rem;
  padding-left: 2.32rem;
  position: relative;
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box .user-avatar{
  width: 1.52rem;
  height: 1.52rem;
  background-size: 100% 100%;
  position: absolute;
  left: .68rem;
  top: .34rem;
  transform: rotateZ(-3deg);
  background-color: #ba99cb;
}

.wrap.guest .sec1 .kv-box1 .user-info-wrap .user-box .user-avatar{
  width: 1.37rem;
  height: 1.37rem;
  background-size: 100% 100%;
  position: absolute;
  left: .43rem;
  top: .41rem;
  transform: rotateZ(-9deg);
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box .user-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box .name-box{
  display: flex;
  width: 2.4rem;
  height: 1.8rem;
  align-items: center;
}

.wrap.guest .sec1 .kv-box1 .user-info-wrap .user-box .name-box{
  height: 1.1rem;
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box .user-name {
  max-width: 2.4rem;
  box-sizing: border-box;
  font-family: 'fzyhj';
  font-size: 0.28rem;
  font-style: normal;
  font-weight: bold;
  color: #712b78;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  position: relative;
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box .user-text {
  box-sizing: border-box;
  font-family: 'fzyhj';
  font-size: 0.22rem;
  font-style: normal;
  color: #712b78;
  font-weight: bold;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  margin-top: .36rem;
  position: relative;
}

.wrap.guest .sec1 .kv-box1 .user-info-wrap .user-box .user-text{
  margin-top: .3rem;
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box .user-name::after,
.wrap .sec1 .kv-box1 .user-info-wrap .user-box .user-text::after{
  content: '';
  width: 2.44rem;
  height: .02rem;
  border-bottom: 2px dashed #ceaecd;
  background-size: 100% 100%;
  position: absolute;
  left: -0.1rem;
  bottom: -0.1rem;
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box2{
  background: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/s1-userinfo-box3.png) no-repeat;
  width: 5.95rem;
  height: 3.23rem;
  background-size: 100% 100%;
  margin-top: -1.35rem;
  margin-left: 1.25rem;
  padding-top: 0.76rem;
  padding-left: 2.72rem;
  position: relative;
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box2 .user-avatar{
  width: 1.37rem;
  height: 1.37rem;
  background-size: 100% 100%;
  position: absolute;
  left: .9rem;
  top: .78rem;
  transform: rotateZ(-7deg);
  background-color: #ba99cb;
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box2 .user-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box2 .name-box{
  display: flex;
  width: 2.6rem;
  height: 1.4rem;
  align-items: center;
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box2 .user-name {
  width: fit-content;
  max-width: 2.6rem;
  box-sizing: border-box;
  font-family: 'fzyhj';
  font-size: 0.28rem;
  font-style: normal;
  font-weight: bold;
  color: #712b78;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  position: relative;
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box2 .user-text {
  box-sizing: border-box;
  font-family: 'fzyhj';
  font-size: 0.22rem;
  font-style: normal;
  color: #712b78;
  font-weight: bold;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  margin-top: .3rem;
  position: relative;
}

.wrap .sec1 .kv-box1 .user-info-wrap .user-box2 .user-name::after,
.wrap .sec1 .kv-box1 .user-info-wrap .user-box2 .user-text::after{
  content: '';
  width: 2.62rem;
  height: .02rem;
  border-bottom: 2px dashed #ceaecd;
  background-size: 100% 100%;
  position: absolute;
  left: -0.1rem;
  bottom: -0.1rem;
}


.wrap .sec1 .kv-box1 .btn-box1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  column-gap: 0.14rem;
  position: absolute;
  left: 5.6rem;
  top: 1rem;
}

.wrap.guest .sec1 .kv-box1 .btn-box1{
  top: .9rem;
  left: 5.5rem;
}

.wrap .sec1 .kv-box1 .btn-box1 button {
  display: block;
  font-family: 'fzyhj';
  font-weight: normal;
  font-size: 0.24rem;
  color: #f4f0d7;
  text-align: center;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/sec1-btn-rule-see-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.58rem;
  height: 0.57rem;
  margin-bottom: .03rem;
  line-height: 0.52rem;
  outline: none;
  border: none;
  background-color: transparent;
}

.wrap .sec1 .btn-box2 button {
  outline: none;
  border: none;
  background-color: transparent;
  font-size: 0;
  text-indent: -999em;
}

.wrap .sec1 .kv-box1 .btn-box1 .btn-return-game{
  display: none;
}

.wrap .sec1 .kv-box2 {
  background: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/kv-box2-bg.png) no-repeat right top;
  width: 100%;
  height: auto;
  background-size: 7.29rem 8.03rem;
  margin-top: -0.15rem;
}

.wrap.guest .sec1 .kv-box2 {
  /* margin: 0.06rem auto 0; */
}

.box2-house-bg {
  width: 7.09rem;
  height: 2.72rem;
  margin: 0 auto;
  position: relative;
}

/* .wrap.guest .box2-house-bg {
  height: 2.34rem;
  background: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/box2-house-bg1.png) no-repeat;
  background-size: 100% 100%;
} */

.box2-house-bg .guest-info {
  font-size: 0.25rem;
  line-height: 0.4rem;
  color: #446c2b;
  max-width: 6rem;
  height: 0.4rem;
  box-sizing: border-box;
  position: absolute;
  top: 0.15rem;
  left: 0.5rem;
  text-align: center;
  display: none;
}

.wrap.guest .box2-house-bg .guest-info {
  display: none !important;
}

.box2-house-bg .guest-info::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border: 1px solid #446c2b;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.box2-house-bg .guest-info p {
  font-family: 'fzyhj';
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  text-decoration: none;
  position: relative;
  width: auto;
  max-width: 6rem;
  height: 0.4rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
  border-radius: 0.3rem;
  /* border: 1px solid #d58659; */
  background: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/guest-info.png);
  z-index: 2;
}

.wrap .sec1 .kv-box2 .box2-desc1 {
  margin-left: 0.8rem;
  box-sizing: border-box;
  padding-top: 0.96rem;
  width: 5.8rem;
  font-family: 'fzyhj';
  font-size: 0.18rem;
  font-style: normal;
  /* font-weight: bold; */
  line-height: 0.31rem;
  color: #f6edd6;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
}

.wrap.guest .sec1 .kv-box2 .box2-desc1 {
  /* padding-top: 0.94rem; */
}

.wrap .sec1 .kv-box2 .prop-list {
  margin: 0.15rem auto 0;
  width: 6.6rem;
  height: 4.83rem;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
}

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

.wrap .sec1 .kv-box2 .prop-list .prop-item.zongzi.after {
  filter: brightness(0.7);
}

.wrap .sec1 .kv-box2 .prop-list .prop-item.hover .prop-bg {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/sec1-porp-bg-hover.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.63rem;
  height: 1.43rem;
}

.wrap .sec1 .kv-box2 .prop-list .prop-item.hover::after {
  /* content: '';
  display: block;
  position: absolute;
  top: 0.11rem;
  left: 0.22rem;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/sec1-porp-hover.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.21rem;
  height: 1.13rem;
  z-index: 7; */
}

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

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

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

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

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

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

.prop-list .prop-item.zongzi .prop-bg {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/sec1-porp-bg1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* .prop-list .prop-item.chuizi .prop-bg {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/sec1-porp-bg2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.prop-list .prop-item.fuzi .prop-bg {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/sec1-porp-bg3.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
} */

.wrap .sec1 .kv-box2 .prop-list .prop-item .prop-img {
  display: none;
  width: 1.64rem !important;
  height: 1.59rem !important;
  position: absolute;
  top: 0rem;
  right: 0;
  bottom: auto;
  margin: auto;
  left: 0;
  transform: none !important;
  z-index: 1;
  filter: drop-shadow(0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.4));
}

@font-face {
  font-family: 'syht';
  src: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/font/syht.ttf);
}

.wrap .sec1 .kv-box2 .prop-list .prop-item .prop-name {
  display: none;
  position: absolute;
  top: auto;
  right: 0;
  bottom: .05rem;
  margin: auto;
  left: 0;
  transform: translateX(0%);
  z-index: 2;
  font-family: 'syht';
  font-size: 0.18rem;
  font-style: normal;
  font-weight: bold;
  color: #7c4087;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  height: .4rem;
  width: 1.4rem;
  line-height: 1;
  justify-content: center;
  align-items: center;
}

.wrap .sec1 .kv-box2 .prop-list .prop-item.on .prop-name{
  display: flex;
}

.wrap .sec1 .kv-box2 .btn-box2 {
  margin: .3rem auto 0;
  width: 100%;
  height: 2.78rem;
  display: flex;
  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,
.wrap .sec1 .kv-box2 .btn-box2 .center-btn,
.wrap .sec1 .kv-box2 .btn-box2 .rg-btn {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  position: relative;
}

.wrap .sec1 .kv-box2 .btn-box2 .lf-btn {
  width: 2.08rem;
  margin-top: .54rem;
  margin-left: .2rem;
}

.wrap .sec1 .kv-box2 .btn-box2 .center-btn {
  width: 3.01rem;
}

.wrap .sec1 .kv-box2 .btn-box2 .rg-btn {
  width: 2.13rem;
  /* margin-left: -0.08rem; */
  margin-top: .65rem;
}

.wrap .sec1 .kv-box2 .btn-box2 .rg-btn .r-text {
  display: block;
  box-sizing: border-box;
  padding: 0.12rem 0 0;
  font-family: 'fzyhj';
  font-size: 0.15rem;
  font-style: normal;
  font-weight: bold;
  line-height: 1.3;
  color: #6e3674;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  position: absolute;
  top: -0.62rem;
  right: auto;
  bottom: auto;
  left: -0.05rem;
  transform: none;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/sec1-btn-bg-rg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.12rem;
  height: 0.69rem;
  white-space: nowrap;
}

.wrap .sec1 .kv-box2 .btn-box2 .take-text {
  display: block;
  margin: 0 auto;
  width: 100%;
  font-family: 'fzyhj';
  font-size: 0.16rem;
  font-style: normal;
  font-weight: bold;
  line-height: 1.1;
  color: #6e3674;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  margin-top: -0.05rem;
}

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

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

.wrap .sec1 .kv-box2 .btn-box2 .text {
  display: block;
  margin: -0.08rem auto 0;
  width: 100%;
  font-family: 'fzyhj';
  font-size: 0.16rem;
  font-style: normal;
  font-weight: bold;
  line-height: 1.2;
  color: #6e3674;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.wrap .sec1 .kv-box2 .btn-box2 .btn-shake {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/sec1-btn-yao.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.08rem !important;
  height: 1.38rem !important;
  transform: none !important;
  zoom: 1 !important;
}

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

.wrap .sec1 .kv-box2 .btn-box2 .btn-share {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/sec1-btn-share.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.13rem !important;
  height: 1.3rem !important;
  transform: none !important;
  zoom: 1 !important;
}

/* .sec1 .btn-check-more {
  display: block;
  font-family: 'fzyhj';
  font-weight: normal;
  font-size: 0.24rem;
  color: #f4f0d7;
  text-align: center;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/sec1-btn-check-more.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.02rem;
  height: 0.52rem;
  margin: -0.1rem auto 0;
  line-height: 0.52rem;
  outline: none;
  border: none;
  background-color: transparent;
  filter: drop-shadow(0rem 0rem 0.03rem rgba(0, 0, 0, 0.6)) drop-shadow(0.02rem 0.02rem 0.03rem rgba(0, 0, 0, 0.2));
} */

.wrap .sec2 {
  margin: 0 auto;
}

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

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

.wrap .sec2 .more-act-link-list .link-item {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/sec2-link-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.19rem;
  height: 2.28rem;
  filter: drop-shadow(0rem 0.03rem 0.07rem rgba(0, 0, 0, 0.35));
}

.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.25rem;
}

.wrap .sec2 .more-act-link-list .link-item .btn-link {
  display: block;
  position: relative;
}

.wrap .sec2 .more-act-link-list .link-item .btn-link::after {
  content: '';
  background: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/btn-link-mask.png) no-repeat;
  width: 3.01rem;
  height: 1.65rem;
  background-size: 100% 100%;
  position: absolute;
  left: .06rem;
  top: 0;
  pointer-events: none;
  z-index: 2;
}

/* .wrap .sec2 .more-act-link-list .link-item .btn-link::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0.06rem;
  transform: none;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/sec2-link-border1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.01rem;
  height: 1.65rem;
  z-index: 3;
} */

.wrap .sec2 .more-act-link-list .link-item .btn-link img {
  display: block;
  margin: 0.1rem 0 0 0.06rem;
  width: 3.01rem;
  height: 1.65rem;
  object-fit: cover;
}

.wrap .sec2 .more-act-link-list .link-item .btn-link .text {
  display: block;
  margin: 0.08rem 0 0 0.23rem;
  width: 2.74rem;
  font-family: 'fzyhj';
  font-size: 0.23rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #712b78;
  text-align: center;
  letter-spacing: 0;
  text-decoration: none;
  filter: drop-shadow(0.01rem 0.01rem 0.03rem rgba(79, 105, 28, 0.35));
}

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

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

/* 通用弹窗样式 */
.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-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: 5.82rem;
}

/* #hyShare .dia-bg5::after {
  display: block;
  content: '';
  width: 1.93rem;
  height: 2.02rem;
  background: url('https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/share-narrow.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0.44rem;
  top: -2.7rem;
} */

#hyShare .dia-bg5 img {
  position: absolute;
  top: 0;
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  width: 6.6rem;
  height: 4.95rem;
  object-fit: contain;
  z-index: 1;
  top: -2.7rem;
}

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

.screenshots-html {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: -9999px;
  transform: none;
  margin: 0 auto;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-share-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 711px;
  height: 793px;
  z-index: 99;
}

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

.screenshots-html .screenshots-content .user-info-box {
  position: absolute;
  top: 638px;
  right: auto;
  bottom: auto;
  left: 384px;
  transform: none;
  width: 300px;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  padding-left: 128px;
  padding-top: 66px;
}

.screenshots-html .screenshots-content .user-info-box .user-bg {
  width: 88px;
  height: 88px;
  position: absolute;
  top: 17px;
  left: 30px;
  transform: rotate(-14deg);
}

.user-info-box .user-bg::after {
  content: '';
  display: block;
  width: 52px;
  height: 52px;
  /* background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/user-tags.png); */
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -28px;
  left: -26px;
  z-index: 2;
}

.screenshots-html .screenshots-content .user-info-box .user-bg img {
  width: 88px;
  height: 88px;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-49.5%, -49%);
  -webkit-transform: translate(-49.5%, -49%);
}

.screenshots-html .screenshots-content .user-info-box .user-info {
  width: 100%;
  max-width: 160px;
  overflow: hidden;
  margin-left: 25px;
  margin-top: -60px;
  transform: rotate(-9deg);
}

.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;
  height: 30px;
  align-items: center;
}

.screenshots-html .screenshots-content .user-info-box .user-info i {
  display: inline;
  white-space: nowrap;
  font-family: 'fzyhj';
  font-size: 16px;
  font-style: normal;
  /* font-weight: bold; */
  line-height: 1;
  color: #712b78;
  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-family: auto;
  font-size: 17px;
  font-family: 'fzyhj';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #712b78;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
}

.screenshots-html .screenshots-content .user-info-box .user-info .user-desc {
  margin-top: 12px;
  font-family: 'fzyhj';
  font-size: 14px;
  font-style: normal;
  /* font-weight: bold; */
  line-height: 1;
  color: #712b78;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  white-space: nowrap;
}

.screenshots-html .screenshots-content .user-info-box .user-info .user-desc span {
  display: inline;
  font-family: 'fzyhj';
  font-size: 14px;
  font-style: normal;
  /* font-weight: bold; */
  line-height: 1;
  color: #712b78;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
}

.screenshots-html .screenshots-content .qr-code-box {
  position: absolute;
  top: 554px;
  right: auto;
  bottom: auto;
  left: 40px;
  transform: none;
  width: 120px;
  height: 120px;
  /* background: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/code_bg.png) no-repeat center / 100% 100%; */
  display: flex;
  justify-content: center;
  align-items: center;
}


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

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

#getFail .dia-close,
#getSucc .dia-close,
#helpSucc .dia-close,
#helpFail .dia-close,
#hyCommonTip .dia-close,
#hyNoRole .dia-close,
#hyTips .dia-close {
  top: -0.03rem;
  right: .2rem;
}

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

.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.21rem;
  right: 0.45rem;
  bottom: auto;
  left: auto;
  transform: none;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-close.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.57rem;
  height: 0.76rem;
}

.dialog .dia-bg1 {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg1_1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.05rem;
  height: 7.33rem;
}

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

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

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

.dialog .dia-bg1 .dia-box .info-show {
  padding-top: 0.26rem;
  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(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg1-icon1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.63rem;
  height: 0.33rem;
  margin-right: 0.08rem; */
  display: none;
}

.dialog .dia-bg1 .dia-box .info-show .plat-info {
  font-family: 'fzyhj';
  font-size: 0.26rem;
  font-style: normal;
  line-height: 1;
  color: #ffffff;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg1 .dia-box .info-show .plat-info em,
.dialog .dia-bg1 .dia-box .info-show .plat-info span {
  font-family: 'fzyhj';
}

.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.4rem;
  border-bottom: 2px dashed #caaac8;
}

.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(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/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 {
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 0.4rem;
  color: #712b78;
  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;
  position: absolute;
  top: 0px;
  left: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.dialog .dia-bg2-1 .dia-box1 .dia-title-desc {
  margin: 0.2rem auto 0;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 1;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg2 {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.98rem;
  height: 3.32rem;
}

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

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

.dialog .dia-bg2 .dia-box2 .dia-title-desc {
  margin: 0.3rem auto 0.28rem;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 1;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

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

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

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

.dialog .dia-bg2 .dia-box3 .dia-title-desc {
  margin: 0.3rem auto 0.28rem;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 1;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

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

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

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

.dialog .dia-bg2 .dia-box4 .dia-title-desc {
  margin: 0.3rem auto 0.28rem;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 1;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

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

.dialog .dia-bg2 .dia-box5 {
  margin: 0 auto;
  width: 4.7rem;
  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-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 1.2;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

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

.dialog .dia-bg2 .dia-box6 .dia-title-desc {
  margin: 0 auto 0.3rem;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 0.36rem;
  color: #712b78;
  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(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-title4-btn2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.45rem;
  height: 0.97rem;
}

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

.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(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/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(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/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: 'fzyhj';
  font-size: 0.2rem;
  font-weight: bold;
  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: 'fzyhj';
  font-size: 0.2rem;
  font-weight: bold;
  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(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg4.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7rem;
  height: 7.31rem;
}

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

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

.dialog .dia-bg4 .dia-box .rule-box {
  margin: 0.28rem auto 0;
  width: 6rem;
  height: auto;
  max-height: 4.76rem;
  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.04rem;
  height: 2.52rem;
}

.dialog .dia-bg4 .dia-box .rule-box::-webkit-scrollbar-track {
  width: 0.04rem;
  border-radius: 0.02rem;
  -webkit-box-shadow: inset 0 0 5px #f6f4d8;
  box-shadow: inset 0 0 5px #f6f4d8;
  background: #f6f4d8;
}

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

.dialog .dia-bg4 .dia-box .rule-box .rule-info {
  width: 6rem;
  height: auto;
  box-sizing: border-box;
}

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

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent1 .sub-title {
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 0.34rem;
  color: #712b78;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  padding-left: 0.34rem;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent1 .rule-cent-info {
  margin-top: 0.44rem;
  padding-left: 0.34rem;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent1 .rule-cent-info li {
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 0.34rem;
  color: #712b78;
  text-align: left;
  text-align: justify;
  letter-spacing: normal;
  text-decoration: none;
}

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

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

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .sub-title {
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 0.34rem;
  color: #712b78;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  padding-left: 0.34rem;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table {
  margin: 0.44rem 0 0 0.34rem;
  width: 5.45rem;
  height: auto;
  border: 1px dashed #712b78;
}

.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: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 0.34rem;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  border: 1px dashed #712b78;
}

.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 #712b78;
}

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table .tr2 td {
  width: 1.72rem;
  height: 0.5rem;
  font-family: 'fzyhj';
}

.dialog .dia-bg6 {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg18.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.07rem;
  height: 6.77rem;
}

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

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

.dialog .dia-bg6 .dia-box .code-box {
  margin: 0.26rem auto 0;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg6-code-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.9rem;
  height: 3.89rem;
}

.dialog .dia-bg6 .dia-box .code-box .dia-title-desc {
  padding-top: 0.56rem;
  margin: 0 auto 0.16rem;
  font-family: 'fzyhj';
  font-size: 0.26rem;
  font-style: normal;
  line-height: 1;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg6 .dia-box .code-box .hyUrlCode {
  margin: 0 auto;
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid #712b78;
}

.dialog .dia-bg6 .dia-box .dia-text-tips {
  margin: 0.1rem auto 0;
  font-family: 'fzyhj';
  font-size: 0.2rem;
  font-style: normal;
  line-height: 1;
  color: #b775b4;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

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

.dialog .dia-bg7 .dia-box {
  width: 4.26rem;
  height: 1.72rem;
  box-sizing: content-box;
  padding-top: 2.24rem;
  margin: 0 auto;
  margin-left: 1.38rem;
  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.72rem;
  height: 1.72rem;
}

.dialog .dia-bg8 {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg8.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.07rem;
  height: 6.77rem;
}

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

.dialog .dia-bg8 .dia-title {
  margin: 0 auto;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-title1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.97rem;
  height: 0.61rem;
}

.dialog .dia-bg8 .recent-box {
  box-sizing: border-box;
  padding-bottom: 0.66rem;
  margin: 0.17rem auto 0;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-title8-list-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 5.92rem;
  height: 3.65rem;
  max-height: 3.65rem;
  overflow: hidden;
  direction: ltr;
  scrollbar-color: #9cdeff;
  scrollbar-width: thin;
  cursor: pointer;
}

.dialog .dia-bg8 .recent-box .recent-list {
  margin: 0.2rem auto 0;
  box-sizing: border-box;
  padding-top: 0.06rem;
  width: 5.6rem;
  height: 100%;
  overflow-y: auto;
}

.recent-list::-webkit-scrollbar {
  width: 0.04rem;
  height: 2.52rem;
}

.recent-list::-webkit-scrollbar-track {
  width: 0.04rem;
  border-radius: 0.02rem;
  background: #f6f4d8;
}

.recent-list::-webkit-scrollbar-thumb {
  border-radius: 0.02rem;
  background-color: #b2649c;
}

.dialog .dia-bg8 .recent-box .recent-list li {
  margin-left: 0.3rem;
  width: 5rem;
  height: 0.96rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  border-bottom: 2px dashed rgba(94, 72, 50, 0.3);
  position: relative;
}

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

.dialog .dia-bg8 .recent-box .recent-list li .recent-text {
  width: 4.64rem;
  height: 0.96rem;
  position: relative;
  z-index: 2;
}

.dialog .dia-bg8 .recent-box .recent-list li .recent-text em {
  display: block;
  width: 100%;
  padding-top: 0.34rem;
  white-space: nowrap;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 1;
  color: #712b78;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg8 .recent-box .recent-list li .recent-text span {
  display: block;
  padding-top: 0.08rem;
  font-family: 'fzyhj';
  font-size: 0.2rem;
  font-style: normal;
  line-height: 1;
  color: #a710a0;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg8 .recent-box .recent-list li .select-icon {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-title8-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.36rem;
  height: 0.34rem;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.1rem;
}

.dialog .dia-bg8 .btn-box {
  margin: 0.1rem auto;
  width: 5.9rem;
  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(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg8-btn-bg1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.02rem;
  height: 0.94rem;
}

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

.dialog .dia-bg9 {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg4.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.07rem;
  height: 6.77rem;
}

.dialog .dia-bg9 .dia-box {
  padding-top: 0.85rem;
  margin: 0 auto;
  margin-left: 0.28rem;
  width: 6.48rem;
  height: auto;
}

.dialog .dia-bg9 .dia-box .dia-title {
  margin: 0 auto;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-title1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.97rem;
  height: 0.61rem;
}

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

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

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

.dialog .dia-bg9 .dia-box .select-list li::after {
  content: '';
  display: flex !important;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/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-family: 'fzyhj';
  font-size: 0.24rem;
  font-weight: bold;
  font-style: normal;
  line-height: 0.7rem;
  color: #712b78;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg9 .dia-box .select-list li select {
  display: block;
  width: 4.24rem;
  height: 0.7rem;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 0.7rem;
  color: #712b78;
  text-align: left;
  letter-spacing: normal;
  text-decoration: none;
  border: 0;
  outline: 0;
  background: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

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

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

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

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

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

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

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

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

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

.dialog .dia-bg10 .tips-text {
  margin: 0.3rem auto 0;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg11 {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 5.73rem;
  height: 3.55rem;
}

.dialog .dia-bg11 .dia-box {
  margin: 0 auto;
  padding-top: 0.58rem;
  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(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg2-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.8rem;
  height: 1.8rem;
}

.dialog .dia-bg11 .dia-box .dia-text-tips {
  margin: 0.16rem auto 0;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 1;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg12 {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.07rem;
  height: 5.02rem;
}

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

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

.dialog .dia-bg12 .dia-box .dia-text1 {
  margin: 0.32rem auto 0;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 0.36rem;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg12 .dia-box .dia-text {
  margin: 0 auto 0;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 0.36rem;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg12 .dia-box .dia-btn-box {
  margin: 0.4rem auto 0;
  width: 5.7rem;
  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(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg1-btn1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.91rem;
  height: 0.95rem;
}

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

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

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

.dialog .dia-bg13 .dia-box .btn-box {
  margin: 0 auto;
  width: 100%;
  height: 2.4rem;
  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.71rem;
  height: 100%;
}

.dialog .dia-bg14 {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg7.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.07rem;
  height: 5.02rem;
}

.dialog .dia-bg14 .dia-box {
  padding-top: 1.82rem;
  margin: 0 auto;
  width: 4.36rem;
  height: auto;
}

.dialog .dia-bg14 .dia-box .btn-box {
  margin: 0 auto;
  width: 100%;
  height: 2.4rem;
  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.71rem;
  height: 100%;
}

.dialog .dia-bg15 {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg18.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 6.95rem;
  height: 6.78rem;
}

.dialog .dia-bg15 .dia-box {
  padding-top: 0.99rem;
  margin: 0 0 0 0.44rem;
  width: 6.2rem;
  height: auto;
}

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

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

.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: #f6f4d8;
}

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

.dialog .dia-bg15 .dia-box .extract-box .extract-list .ex-item {
  width: 94%;
  height: 0.54rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  border-bottom: 1px dashed #ab79a8;
}

.dialog .dia-bg15 .dia-box .extract-box .extract-list .ex-item .list-title {
  width: 2.22rem;
  height: 0.54rem;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 0.54rem;
  color: #712b78;
  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.22rem;
  height: 0.52rem;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 0.52rem;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg16 {
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg18.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.07rem;
  height: 6.77rem;
}

.dialog .dia-bg16 .dia-box {
  padding-top: 1.1rem;
  margin: 0 auto;
  width: 100%;
  height: auto;
}

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

.dialog .dia-bg16 .dia-box .mh-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0.22rem auto 0;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg19-prop-tips-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 6.49rem;
  height: 3.26rem;
  padding-top: .3rem;
}

.dialog .dia-bg16 .dia-box .mh-box .prop-bg {
  margin: 0 auto;
  background-image: url(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg19-prop-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.9rem;
  height: 1.9rem;
  position: relative;
}

.dialog .dia-bg16 .dia-box .mh-box .prop-bg img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1.8rem;
  height: 1.8rem;
  object-fit: cover;
}

.dialog .dia-bg16 .dia-box .mh-box .prop-text1 {
  margin: 0 auto;
  font-family: 'fzyhj';
  font-size: 0.24rem;
  font-style: normal;
  line-height: 1;
  color: #712b78;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg16 .dia-box .mh-box .prop-text2 {
  font-family: 'fzyhj';
  font-size: 0.18rem;
  font-style: normal;
  line-height: 1;
  color: #b775b4;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  margin: 0.1rem auto 0;
}

.dialog .dia-bg16 .dia-box .btn-box {
  width: 80%;
  margin: 0.12rem 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(https://game.gtimg.cn/images/hyrz/cp/a20230802holiday/dia-bg19-btn1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.65rem;
  height: 0.94rem;
}

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

.dialog .dia-bg16 .dia-box .btn-box .prop-text2 {
  position: absolute;
  top: 0.86rem;
  right: auto;
  bottom: auto;
  left: 0.4rem;
  transform: none;
  font-family: 'fzyhj';
  font-size: 0.18rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1;
  color: #819a79;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
}

.dialog .dia-bg16 .dia-box .btn-box .shake-twice {
  position: absolute;
  top: 0.86rem;
  right: 0;
  bottom: auto;
  left: auto;
  transform: none;
  width: 2.57rem;
  height: auto;
  font-family: 'fzyhj';
  font-size: 0.18rem;
  font-style: normal;
  line-height: 1;
  color: #b775b4;
  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: 3rem !important;
    transform: translate(-50%, 0%);
  }
}