@charset "UTF-8";
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
header,
section,
article,
footer {
  margin: 0;
}

body,
button,
input,
select,
textarea {
  font: 12px/1.5 tahoma, "微软雅黑", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

em,
b {
  font-style: normal;
}

a {
  text-decoration: none;
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}

a:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

img {
  border: 0;
}

button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}

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

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

ul,
li {
  list-style: none;
}

/* reset end */
/* foot */
#afooter {
  position: relative;
  padding: 0.3rem 0;
  text-align: center;
  font: normal 0.12rem/0.19rem Tahoma;
  z-index: 10;
  background-color: #191219;
}

#afooter,
#afooter a {
  color: #c0c0c0;
  text-decoration: none;
}

/* @font-face {
  font-family: "syhtmedium";
  src: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/fonts/syhtmedium.ttf);
}
@font-face {
  font-family: "saira";
  src: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/fonts/SairaCondensed-Bold.ttf);
} */
@font-face {
  font-family: "syhtbold";
  src: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/fonts/syhtbold.ttf);
}
html, body{
  width: 100%;
}

.wrapper {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding-top: 0.96rem;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/bg11.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%; */
}

.wrapper *,
.wrapper *::after,
.wrapper *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrapper img{
  display: block;
  width: 100%;
  height: auto;
}


.login-box {
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 0.22rem;
  position: absolute;
  bottom: 0.57rem;
  z-index: 11;
}
.login-box * {
  display: inline;
}
.login-box a {
  color: #f7cc28;
  text-decoration: underline;
  /* border-bottom: 1px solid #f7cc28; */
  font-weight: bold;
}

.top-navbar{
  width: 100%;
  height: 0.96rem;
  background: #000000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 22;
}
.btn-tf-logo{
  display: block;
  width: 2.51rem;
  height: 0.56rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-tf-logo.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.19rem;
  left: 1.18rem;
}
.btn-wegame-logo{
  display: block;
  width: 2.56rem;
  height: 0.56rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-wegame-logo.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.19rem;
  left: 3.94rem;
}
.btn-start-logo{
  display: block;
  width: 2.71rem;
  height: 0.5rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-start-logo.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.22rem;
  left: 6.74rem;
}
/* .btn-wegame-logo::before{
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -0.12rem;
  background: #ffffff;
} */

.btn-back-home{
  display: block;
  width: 1.46rem;
  height: 0.38rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-back-home.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.28rem;
  right: 1.13rem;
  font-size: 0.2rem;
  color: #0e0f0f;
  font-weight: bold;
  text-align: center;
  line-height: 0.38rem;
}

.section{
  position: relative;
  width: 100%;
  margin-top: -2px;
}
.section1{
  height: 9.81rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/bg1.jpg) no-repeat;
  background-size: 100%;
}

.slogan{
  width: 9.02rem;
  height: 0.68rem;
  position: absolute;
  left: 50%;
  margin-left: -4.51rem;
  bottom: 2.68rem;
  z-index: 11;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/slogan.png) no-repeat;
  background-size: 100%;
}

.btn-play-game{
  display: block;
  width: 3.66rem;
  height: 0.92rem;
  position: absolute;
  left: 50%;
  margin-left: -3.98rem;
  bottom: 1.38rem;
  z-index: 11;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-play-game.png) no-repeat;
  background-size: 100%;
}
.btn-play-game::before{
  content: '';
  display: block;
  width: 4.7rem;
  height: 0.09rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-line-l.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  margin-top: -0.045rem;
  left: -5.13rem;
  pointer-events: none;
}
.btn-play-game span{
  display: inline-block;
  width: 100%;
  font-size: 0.18rem;
  color: #ffffff;
  position: absolute;
  line-height: 0.24rem;
  bottom: -0.28rem;
  text-align: center;
}

.btn-subscribe{
  display: block;
  width: 3.66rem;
  height: 0.92rem;
  position: absolute;
  left: 50%;
  margin-left: 0.32rem;
  bottom: 1.38rem;
  z-index: 11;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-subscribe.png) no-repeat;
  background-size: 100%;
}
.btn-subscribe.gray{
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-subscribe-g.png) no-repeat;
  background-size: 100%;
}
.btn-subscribe::before{
  content: '';
  display: block;
  width: 4.7rem;
  height: 0.09rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-line-l.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  margin-top: -0.045rem;
  right: -5.13rem;
  transform: rotate(-180deg);
  pointer-events: none;
}

.section1 .kv-box{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.section1 .kv-box video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-position: top center;
  object-position: top center;
}
.section1 .kv-box::after{
  content: "";
  width: 100%;
  height: 110%;
  background-color: #000000;
  opacity: 0.4;
  position: absolute;
  left: 0;
  top: -4px;
}

.section2{
  height: 10.32rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/bg2.jpg) no-repeat;
  background-size: 100%;
}
.section2 .section-main{
  width: 11rem;
  position: absolute;
  top: 1.34rem;
  right: 2.6rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
}
.btitle1{
  width: 9.6rem;
  height: 0.97rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btitle1.png) no-repeat;
  background-size: 100%;
  margin-bottom: 0.8rem;
}
.task-part{
  width: 7.81rem;
  height: 5.64rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.task-item{
  width: 2.38rem;
}
.task-item .mtitle{
  font-size: 0.28rem;
  color: #a0a0a0;
  line-height: 0.34rem;
  margin-bottom: 0.1rem;
  font-weight: bold;
}
.task-item.unlocked .mtitle{
  color: #ffffff;
}

.task-award{
  width: 2.35rem;
  height: 3.24rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/task-award-bg.png) no-repeat;
  background-size: 100%;
  position: relative;
}
.has-text{
  width: 100%;
  font-size: 0.18rem;
  color: #626262;
  position: absolute;
  top: 0.07rem;
  left: 0;
  padding-left: 0.2rem;
  box-sizing: border-box;
}
.has-text .t2{
  display: none;
  color: #ff4665;
}

.task-text{
  width: 2.68rem;
  height: 0.76rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.18rem;
  line-height: 0.22rem;
  color: #ffffff;
  text-align: center;
  position: relative;
  left: -0.15rem;
}
.btn-task-get{
  display: block;
  width: 2.37rem;
  height: 0.6rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-task-get.png) no-repeat;
  background-size: 100%;
  margin: 0 auto;
  font-size: 0.22rem;
  color: #000000;
  text-align: center;
  line-height: 0.6rem;
  font-weight: bold;
}
.task-item .btn-task-get.got, .task-item.unlocked .btn-task-get.got{
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-task-get.png) no-repeat;
  background-size: 100%;
}

.btn-task-get span{
  position: relative;
}
.btn-task-get span::before{
  content: '';
  display: block;
  width: 0.07rem;
  height: 0.07rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/task-get-icon.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  margin-top: -0.035rem;
  left: -0.2rem;
}
.btn-task-get span::after{
  content: '';
  display: block;
  width: 0.07rem;
  height: 0.07rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/task-get-icon.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  margin-top: -0.035rem;
  right: -0.2rem;
}

.task-item.unlocked .task-award{
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/task-award-bg-l.png) no-repeat;
  background-size: 100%;
}

.task-item.unlocked .has-text .t1{
  display: none;
}
.task-item.unlocked .has-text .t2{
  display: block;
}

.task-item.unlocked .btn-task-get{
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-task-get-l.png) no-repeat;
  background-size: 100%;
}

.task-item .task-award img{
  position: relative;
  top: 0.36rem;
}

.task-item.unlocked .task-award img.locked-img, .task-item .task-award img.unlocked-img{
  display: none;
}
.task-item.unlocked .task-award img.unlocked-img, .task-item .task-award img.locked-img{
  display: block;
}


.task-tips{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.18rem;
  color: #bbbbbb;
  text-align: center;
  line-height: 0.28rem;
}


.section3{
  height: 11.01rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/bg3.jpg) no-repeat;
  background-size: 100%;
}
.section3 .section-main{
  padding-top: 1.18rem;
  padding-left: 2.58rem;
}
.btitle2{
  width: 10.57rem;
  height: 0.96rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btitle2.png) no-repeat;
  background-size: 100%;
  margin-bottom: 0.58rem;
}
.lottery-part{
  width: 10.24rem;
  height: 4.52rem;
  position: relative;
}
.btn-rules{
  display: inline-block;
  position: absolute;
  top: 0;
  right: 3.2rem;
  font-size: 0.24rem;
  color: #f4ba1f;
  line-height: 0.28rem;
  border-bottom: 1px solid #f4ba1f;
}
.btn-record{
  display: inline-block;
  position: absolute;
  top: 0;
  right: 1.8rem;
  font-size: 0.24rem;
  color: #f4ba1f;
  line-height: 0.28rem;
  border-bottom: 1px solid #f4ba1f;
}
.btn-bindAddress {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0rem;
  font-size: 0.24rem;
  color: #f4ba1f;
  line-height: 0.28rem;
  border-bottom: 1px solid #f4ba1f;
}
.lottery-num{
  height: 0.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.lottery-t-icon{
  display: inline-block;
  width: 0.3rem;
  height: 0.31rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/lottery-t-icon.png) no-repeat;
  background-size: 100%;
  margin-right: 0.12rem;
}
.lottery-num p{
  font-size: 0.26rem;
  color: #ffffff;
  line-height: 0.31rem;
}
.lottery-num p span{
  color: #f4ba1f;
}
.lottery-content{
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 3.1rem;
}
.lottery-item{
  width: 1.65rem;
  height: 2.88rem;
  position: relative;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/lottery-item-bg.png) no-repeat;
  background-size: 100%;
}
.lottery-item.on{
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/lottery-item-bg-l.png) no-repeat;
  background-size: 100%;
}

.lottery-item img{
  position: relative;
  top: 0.3rem;
}

.lottery-text{
  width: 100%;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  color: #9f9e9e;
  line-height: 0.24rem;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  text-align: center;
}
.lottery-text span{
  position: relative;
}
.lottery-text span::before{
  content: '';
  display: block;
  width: 0.06rem;
  height: 0.06rem;
  background: #8d3342;
  position: absolute;
  top: 50%;
  margin-top: -0.03rem;
  left: -0.2rem;
}
.lottery-item.on .lottery-text span::before{
  background: #fd4353;
}
.lottery-item.on .lottery-text{
  color: #3d333c;
}

.btn-lottery{
  display: block;
  width: 3.46rem;
  height: 0.8rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-lottery.png) no-repeat;
  background-size: 100%;
  margin: 0 auto;
  font-size: 0.3rem;
  color: #000000;
  text-align: center;
  line-height: 0.8rem;
  font-weight: bold;
}

.invite-task-title{
  font-size: 0.32rem;
  color: #ffffff;
  line-height: 0.4rem;
  position: relative;
  padding-left: 0.18rem;
}
.invite-task-title::before{
  content: '';
  display: block;
  width: 0.07rem;
  height: 0.31rem;
  background: #f5c424;
  position: absolute;
  left: 0.02rem;
  top: 0.04rem;
}
.invite-task-content{
  padding-top: 0.12rem;
}
.invite-task-item{
  width: 10.24rem;
  height: 0.84rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/invite-task-item.png) no-repeat;
  background-size: 100%;
  margin-bottom: 0.12rem;
  position: relative;
}
.invite-task-num{
  font-size: 0.24rem;
  color: #9b9b9b;
  line-height: 0.28rem;
  position: absolute;
  top: 50%;
  margin-top: -0.14rem;
  left: 0.5rem;
}
.invite-task-text{
  height: 0.84rem;
  padding-left: 1.26rem;
  font-size: 0.18rem;
  color: #ffffff;
  line-height: 0.22rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.invite-task-text span{
  color: #b4b4b4;
}
.btn-invite-task{
  display: block;
  width: 1.45rem;
  height: 0.49rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-invite-task.png) no-repeat;
  background-size: 100%;
  font-size: 0.22rem;
  color: #000000;
  text-align: center;
  line-height: 0.49rem;
  position: absolute;
  top: 50%;
  margin-top: -0.24rem;
  left: 6.85rem;
}
.btn-invite-task.gray{
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btn-invite-task-g.png) no-repeat;
  background-size: 100%;
}

.section4{
  height: 10.53rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/bg4.jpg) no-repeat;
  background-size: 100%;
}
.section4 .section-main{
  padding-top: 1.38rem;
  padding-left: 2.58rem;
}
.btitle3{
  width: 3.05rem;
  height: 0.9rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/btitle3.png) no-repeat;
  background-size: 100%;
  margin-bottom: 0.3rem;
}
.rules-item{
  /* width: 13.98rem; */
  width: 14rem;
  margin-bottom: 0.3rem;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: wrap;
}
.rules-item1{
  height: 0.9rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/rules-item1.png) no-repeat;
  background-size: 100%;
}
.rules-item2{
  height: 1.53rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/rules-item2.png) no-repeat;
  background-size: 100%;
}
.rules-item3{
  height: 2.5rem;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/rules-item3.png) no-repeat;
  background-size: 100% 100%;
}

.rules-item b{
  display: inline-block;
  height: 0.28rem;
  font-size: 0.24rem;
  color: #ffcee2;
  line-height: 0.28rem;
  position: absolute;
  top: 50%;
  margin-top: -0.14rem;
  left: 0.54rem;
  opacity: 0.25;
}
.rules-item p{
  width: 100%;
  /* font-size: 0.2rem; */
  /* line-height: 0.38rem; */
  font-size: 0.16rem;
  line-height: 0.3rem;
  color: #ffffff;
  padding-left: 1.2rem;
}
.rules-item p.color-red{
  color: #de1c3d;
}


.dialog {
  outline: none;
  border: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}

/* .dialog::before{
  content: '';
  width: 110vw;
  height: 110vh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000;
  opacity: 0.8;
} */

.dialog *,
.dialog *::before,
.dialog *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* .dialog-mian{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0!important;
  margin-left: 0!important;
} */

.dialog .dia-con {
  /* width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: 3; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dialog .dia-close, .icon-close {
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_close.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0.44rem;
  height: 0.44rem;
  position: absolute;
  right: 0;
  top: -0.6rem;
  font-size: 0;
  text-indent: -99999999px;
  z-index: 5;
  overflow: hidden;
}

.dia-common .dia-con{
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_bg1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 10.44rem;
  height: 5.88rem;
}
.dia-common .msg-text {
  width: 85%;
  height: 50%;
  margin: 0.6rem auto 0.4rem;
  color: #000000;
  font-size: 0.26rem;
  line-height: 1.4;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dia-common .dia-btn {
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_btn2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 4.38rem;
  height: 0.91rem;
  color: #000000;
  font-size: 0.46rem;
  line-height: 0.91rem;
  text-align: center;
  font-weight: bold;
  /* font-family: "syhtbold"; */
  display: block;
  margin: 0 auto;
}

.dia-invite .dia-con{
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_bg1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 10.44rem;
  height: 5.88rem;
}
.dia-invite .dia-tit {
  color: #000000;
  font-size: 0.46rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-top: 1rem;
  position: relative;
}
.dia-invite-content{
  width: 9.6rem;
  height: 0.8rem;
  margin: 0.6rem auto 0.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  background-color: #ffffff;
  border: 2px solid #dedede;
}
.dia-invite-content .text{
  font-size: 0.3rem;
  color: #000000;
  line-height: 0.8rem;
  padding: 0 0.2rem;
  position: relative;
}
.dia-invite-content .text::after{
  content: '';
  display: block;
  width: 2px;
  height: 0.4rem;
  background-color: #bcbcbc;
  position: absolute;
  top: 50%;
  margin-top: -0.2rem;
  right: 0;
}
.dia-invite-content input{
  display: block;
  width: 6.6rem;
  height: 0.8rem;
  background: transparent;
  border: none;
  font-size: 0.3rem;
  color: #000000;
  line-height: 0.8rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
}

.dia-invite .dia-btn {
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_btn2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 4.38rem;
  height: 0.91rem;
  color: #000000;
  font-size: 0.46rem;
  line-height: 0.91rem;
  text-align: center;
  font-weight: bold;
  /* font-family: "syhtbold"; */
  display: block;
  margin: 0.4rem auto 0;
}
.dia-invite .dia-btn.dia-btn-copy{
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_btn3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 2.2rem;
  height: 0.82rem;
  font-size: 0.36rem;
  line-height: 0.82rem;
  position: absolute;
  top: -4px;
  right: -4px;
  margin: 0;
}


.dia-lotterydia .dia-con{
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 10.44rem;
  height: 6.69rem;
}
.dia-lotterydia .dia-tit {
  color: #000000;
  font-size: 0.46rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-top: 1rem;
  position: relative;
}
/* .dia-lotterydia .dia-tit::after {
  content: "";
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_icon1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 7.99rem;
  height: 0.33rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -0.35rem;
} */
.dia-lotterydia .img-box {
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_propbg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 1.96rem;
  height: 1.96rem;
  margin: 0.4rem auto 0;
}
.dia-lotterydia .img-box img {
  width: 100%;
  height: 1.96rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.1rem;
}
.dia-lotterydia .award-name {
  color: #010101;
  font-size: 0.24rem;
  line-height: 1;
  text-align: center;
  margin-top: 0.1rem;
}
.dia-lotterydia .granttips {
  color: #ffffff;
  text-align: center;
  opacity: 0.5;
  font-size: 0.18rem;
  margin: 0.26rem 0;
}
.dia-lotterydia .dia-btn {
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_btn2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 4.38rem;
  height: 0.91rem;
  color: #000000;
  font-size: 0.46rem;
  line-height: 0.91rem;
  text-align: center;
  font-weight: bold;
  /* font-family: "syhtbold"; */
  display: block;
  margin: 0.4rem auto 0;
  cursor: pointer;
}


.dia-lotterydia-qb .dia-con{
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 10.44rem;
  height: 6.69rem;
}
.dia-lotterydia-qb .dia-tit {
  color: #000000;
  font-size: 0.46rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-top: 0.6rem;
  position: relative;
}
.dia-lotterydia-qb .img-box {
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_propbg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 1.96rem;
  height: 1.96rem;
  margin: 0.4rem auto 0;
}
.qq-num-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6.12rem;
  height: 0.48rem;
  margin: 0.6rem auto;
  position: relative;
}
.qq-num-item label {
  width: 1rem;
  height: 0.38rem;
  line-height: 0.38rem;
  font-size: 0.26rem;
  color: #000000;
  font-weight: bold;
}
.qq-num-item input {
  width: 4.623rem;
  height: 0.48rem;
  line-height: 0.48rem;
  padding: 0 0.15rem;
  outline: none;
  border: none;
  background-color: #e9edf1;
  color: #94a1b0;
  font-size: 0.2rem;
  border: 1px solid #b7c4d2;
}
.qq-num-item input::-webkit-input-placeholder {
  color: #94a1b0;
}
.qq-num-item input::-moz-placeholder {
  color: #94a1b0;
}
.qq-num-item input:-ms-input-placeholder {
  color: #94a1b0;
}
.qq-num-item input::-ms-input-placeholder {
  color: #94a1b0;
}
.qq-num-item input::placeholder {
  color: #94a1b0;
}
.qq-num-item .tips{
  font-size: 0.2rem;
  color: #ff4665;
  text-align: left;
  position: absolute;
  top: 0.52rem;
  left: 1.3rem;
}

.dia-lotterydia-qb .img-box img {
  width: 100%;
  height: 1.96rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.1rem;
}
.dia-lotterydia-qb .dia-btn {
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_btn2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 4.38rem;
  height: 0.91rem;
  color: #000000;
  font-size: 0.46rem;
  line-height: 0.91rem;
  text-align: center;
  font-weight: bold;
  /* font-family: "syhtbold"; */
  display: block;
  margin: 0.4rem auto 0;
}

#fxBindAddressDialog .dialog-content{
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 10.44rem;
  height: 6.69rem;
}
#fxBindAddressDialog .dialog-title {
  color: #000000;
  font-size: 0.46rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-top: 0.75rem;
  position: relative;
}
/* .dia-address .dia-tit::after {
  content: "";
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_icon1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 7.99rem;
  height: 0.33rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -0.35rem;
} */
#fxBindAddressDialog .bind-form {
  width: 7.56rem;
  margin: 0.5rem auto 0;
  color: #000000;
  font-size: 0.26rem;
}
#fxBindAddressDialog .form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 0.3rem;
  position: relative;
}

#fxBindAddressDialog .err-msg{
  position: absolute;
  color: red;
  bottom: -0.05rem;
  font-size: 0.24rem;
  left: 0;
  margin-left: 1.8rem;
}

#fxBindAddressDialog .bind-form .form-item .form-label, #fxBindAddressDialog .bind-form .form-item span {
  width: 1.7rem;
  height: 0.38rem;
  margin-right: 0.25rem;
  line-height: 0.38rem;
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
  color: #333;
  font-size: 0.26rem;
}
#fxBindAddressDialog .bind-form .form-item input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.15rem;
  height: 0.4rem;
  line-height: 0.4rem;
  outline: none;
  border: none;
  background-color: #e9edf1;
  color: #94a1b0;
  font-size: 0.2rem;
  border: 1px solid #b7c4d2;
}
#fxBindAddressDialog .bind-form .form-item input::-webkit-input-placeholder {
  color: #94a1b0;
}
#fxBindAddressDialog .bind-form .form-item input::-moz-placeholder {
  color: #94a1b0;
}
#fxBindAddressDialog .bind-form .form-item input:-ms-input-placeholder {
  color: #94a1b0;
}
#fxBindAddressDialog .bind-form .form-item input::-ms-input-placeholder {
  color: #94a1b0;
}
#fxBindAddressDialog .bind-form .form-item input::placeholder {
  color: #94a1b0;
}
#fxBindAddressDialog .bind-form .form-item3 {
  height: auto;
  margin-bottom: 0;
}
.dia-address .address-form .address-picker {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#fxBindAddressDialog .bind-form select {
  /* width: 100%; */
  width: 1.8rem;
  margin-right: 0.1rem;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.2rem;
  padding-left: 0.15rem;
  color: #333;
  background-color: #94a1b0;
  position: relative;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* background-color: #e9edf1; */
  /* border: 1px solid #b7c4d2; */
  /* background-color: rgba(0, 0, 0, 0.5); */
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/select_bg2.png");
  background-repeat: no-repeat;
  background-size: 6.34rem 100%;
  background-position: right top;
  border-left: 1px solid #94a1b0;
  /* background-size: 6.22rem 0.38rem !important; */
  /* background-position: center right !important; */
}
#fxBindAddressDialog .bind-form select.form-select-last{
  margin-right: 0;  
}
/* .dia-address .address-form select::after{
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #94a1b0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -0.06rem;
  right: 0.2rem;
  z-index: 2;
} */

#fxBindAddressDialog .bind-form select option {
  padding: 0.1rem;
  background-color: #fff;
  color: #000;
}

#fxBindAddressDialog .bind-form textarea{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0.15rem;
  outline: none;
  border: none;
  background-color: #e9edf1;
  color: #94a1b0;
  font-size: 0.2rem;
  border: 1px solid #b7c4d2;
  resize: none;
  padding-top: 0.08rem;
  line-height: 3.67vh;
}

#fxBindAddressDialog  .btn-bind-address {
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_btn2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 4.38rem;
  height: 0.91rem;
  color: #000000;
  font-size: 0.46rem;
  line-height: 0.91rem;
  text-align: center;
  font-weight: bold;
  /* font-family: "syhtbold"; */
  display: block;
  margin: 0.4rem auto 0;
  cursor: pointer;
}
#fxBindAddressDialog .txt {
  color: #d5d5d5;
  font-size: 0.18rem;
  text-align: center;
  opacity: 0.8;
  padding: 0 0.6rem;
  margin-top: 0.2rem;
}


.dia-binding .dia-con{
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 10.44rem;
  height: 6.69rem;
}
.dia-binding .dia-tit {
  color: #000000;
  font-size: 0.46rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-top: 1.25rem;
  position: relative;
}
.dia-binding .address-form {
  width: 7.56rem;
  margin: 0.5rem auto 0;
  color: #000000;
  font-size: 0.26rem;
}
.dia-binding .address-form .address-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 0.48rem;
  margin-bottom: 0.2rem;
}
.dia-binding .address-form .address-item label {
  width: 1.1rem;
  height: 0.38rem;
  margin-right: 0.25rem;
  line-height: 0.38rem;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
.dia-binding .address-form .address-picker {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dia-binding .address-form select {
  width: 100%;
  height: 0.48rem;
  margin-bottom: 0.16rem;
  font-size: 0.2rem;
  padding-left: 0.15rem;
  color: #94a1b0;
  position: relative;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* background-color: #e9edf1; */
  /* border: 1px solid #b7c4d2; */
  /* background-color: rgba(0, 0, 0, 0.5); */
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/select_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  /* background-size: 6.22rem 0.38rem !important; */
  /* background-position: center right !important; */
}

.dia-binding .address-form select option {
  padding: 0.1rem;
  background-color: #fff;
  color: #000;
}
.dia-binding .btn-binding {
  background-image: url("//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_btn2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 4.38rem;
  height: 0.91rem;
  color: #000000;
  font-size: 0.46rem;
  line-height: 0.91rem;
  text-align: center;
  font-weight: bold;
  /* font-family: "syhtbold"; */
  display: block;
  margin: 0.9rem auto 0;
}
.dia-binding .txt {
  color: #d5d5d5;
  font-size: 0.18rem;
  text-align: center;
  opacity: 0.8;
  padding: 0 0.6rem;
  margin-top: 0.2rem;
}
#dialogMessage {
  z-index: 99999;
}
.dia-invite .message-text{
  width: 90%;
  height: 3.6rem;
  margin: 0 auto;
  padding-top: 1rem;
  color: #000000;
  font-size: 0.3rem;
  line-height: 1.4;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}



.dialog-rewards .dialog-content{
  background-image: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_bg1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 10.44rem;
  height: 6.88rem;
}
.dialog-rewards .dialog-title{
  color: #000000;
  font-size: 0.46rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-top: 0.6rem;
  position: relative;
}
.dialog-rewards .content-area{
  width: 9.22rem;
  height: 4.32rem;
  margin: 0.34rem auto 0;
}
.dialog-rewards .reward-list{
  width: 100%;
  height: 4.66rem;
}

.reward-item-title{
  width: 100%;
  height: 0.56rem;
  background: #b6c3d1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.reward-item-title::before{
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 0.13rem solid #ebeef0; /* 左边框 */
  border-right: 0.13rem solid #ebeef0; /* 右边框 */
  border-bottom: 0.13rem solid transparent;
  border-right: 0.13rem solid transparent;
  position: absolute;
  top: 0.04rem;
  left: 0.04rem;
}
.reward-item-title .ellipsis{
  width: 50%;
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.56rem;
  text-align: center;
  font-weight: bold;
}
#rewardList{
  font-size: 0.2rem;
  color: #424242;
  line-height: 0.56rem;
  text-align: center;
  width: 100%;
  height: 3.8rem;
  background: #ebeef0;
  overflow-x: hidden;
  overflow-y: auto;
}
#rewardList .reward-item, #rewardList .table-row{
  display: flex;
  justify-content: center;
  position: relative;
}
#rewardList .reward-item .ellipsis, #rewardList .table-row .ellipsis{
  width: 50%;
  border-bottom: 1px solid #ffffff;
  position: relative;
}

#rewardList a{
  display: block;
  width: 1.14rem;
  height: 0.36rem;
  position: absolute;
  top: 50%;
  margin-top: -0.18rem;
  right: 0rem;
  font-size: 0.17rem;
  color: #000000;
  line-height: 0.36rem;
  /* font-weight: bold; */
  text-align: center;
  background: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/reward-btn.png) no-repeat;
  background-size: 100%;
}

.operation{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.22rem;
  color: #000000;
  line-height: 0.24rem;
}
.operation .btn-prev, .operation .btn-next{
  margin: 0 0.2rem;
  cursor: pointer;
}


.dialog-mask-wrapper, .fx-dialog-mask-wrapper{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}

.dialog-mask-wrapper .dialog-content, .fx-dialog-mask-wrapper .dialog-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dialog-message .dialog-content{
  background-image: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_bg1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 10.44rem;
  height: 5.88rem;
}
.message-text{
  width: 85%;
  height: 83%;
  margin: 0.6rem auto 0.4rem;
  color: #000000;
  font-size: 0.26rem;
  line-height: 1.4;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.dialog-rule .dialog-content{
  background-image: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_bg1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 10.44rem;
  height: 5.88rem;
}
.dialog-rule .dia-tit, .dialog-rule .dialog-title{
  color: #000000;
  font-size: 0.46rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-top: 1rem;
  position: relative;
}
.rule-content{
  width: 10rem;
  height: 3.9rem;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0.3rem auto 0;
  padding-right: 0.2rem;
  font-size: 0.2rem;
  color: #424242;
  line-height: 1.3;
}
/* 滚动条样式 */
.rule-content::-webkit-scrollbar {
  width: 0.04rem;
  background-color: #e4e8ec;
}

.rule-content::-webkit-scrollbar-thumb {
  width: 0.04rem;
  border-radius: 0.04rem;
  background-color: #b8c0c9
}
.rule-content-imp{
  margin-bottom: 0.3rem;
}

.dia-address .dialog-content{
  background-image: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_bg2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 10.44rem;
  height: 6.69rem;
}
.dia-address .dia-tit, .dia-address .dialog-title{
  color: #000000;
  font-size: 0.46rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-top: 1rem;
  position: relative;
}

#dialogAcceptInvite .message-text{
  height: 55%;
}
#dialogAcceptInvite .btnAssist{
  background-image: url(//game.gtimg.cn/images/thefinals/act/a20251107cloudgame/dia_btn2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 4.38rem;
  height: 0.91rem;
  color: #000000;
  font-size: 0.46rem;
  line-height: 0.91rem;
  text-align: center;
  font-weight: bold;
  /* font-family: "syhtbold"; */
  display: block;
  margin: 0.4rem auto 0;
  cursor: pointer;
}