@charset "UTF-8";
/* reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  list-style: none;
}

input:focus {
  outline: none;
}

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

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-weight: normal;
  font-style: normal;
}

ol,
ul {
  list-style: none;
}

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

q:before,
q:after {
  content: "";
}

fieldset,
img,
abbr,
acronym {
  border: 0;
}

/* basic */
.c:before,
.c:after {
  content: "";
  display: table;
}

.c:after {
  clear: both;
}

.c {
  zoom: 1;
}

body {
  font: 12rem/1.5 "\5FAE\8F6F\96C5\9ED1",
 tahoma,
 "\5b8b\4f53",
 "\9ED1\4F53",
 sans-serif;
  background-color: #000;
  overflow-x: hidden;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  overflow: hidden;
}

a:hover {
  text-decoration: underline;
}

.container * {
  box-sizing: border-box;
}

.hide {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@font-face {
  font-family: "zst";
  src: url("//game.gtimg.cn/images/dfm/cp/a20260624age/zst.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ltth";
  src: url("//game.gtimg.cn/images/dfm/cp/a20260624age/ltth.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html,
body,
.wrap {
  width: 100%;
}

/* 通用样式 */
.wrap * {
  box-sizing: border-box;
}

.wrap {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/bg.jpg) no-repeat top center;
  background-size: 100% 100%;
  height: 5584rem;
  overflow: hidden;
  color: #fff;
}

.head {
  position: relative;
  height: 1800rem;
}

.head .logo {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/logo.png) no-repeat;
  background-size: 100% 100%;
  width: 549rem;
  height: 148rem;
  position: absolute;
  left: 70rem;
  top: 50rem;
  z-index: 99;
}

.head .login-box {
  position: absolute;
  right: 130rem;
  top: 90rem;
  z-index: 99;
  font-size: 50rem;
  color: #fff;
  font-weight: bold;
}

.head .login-box a {
  color: #0ff796;
}

.head .cont {
  width: 2800rem;
  margin: 0 auto;
  padding-top: 790rem;
}

.head .cont .btn {
  width: 1232rem;
  height: 223rem;
  line-height: 223rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/btn.png) no-repeat;
  background-size: 100% 100%;
  margin-left: -10rem;
  margin-top: 50rem;
  display: block;
  font-size: 98rem;
  text-align: center;
  color: #000;
  text-decoration: none;
  font-family: "ltth";
}

.head .card {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/card.png) no-repeat;
  background-size: 100% 100%;
  width: 1582rem;
  height: 629rem;
  margin-left: -15rem;
  font-family: "zst";
}

.head .card-top {
  height: 148rem;
  line-height: 64rem;
  font-size: 50rem;
  color: #000000;
  padding: 10rem 40rem;
}

.head .card-ls {
  height: 480rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 37rem;
  padding-left: 42rem;
}

.head .card-item {
  display: flex;
  align-items: center;
  gap: 36rem;
  line-height: 71rem;
  color: #000;
  font-size: 56rem;
}

.head .card-item .tit {
  width: 303rem;
  height: 71rem;
  background-color: #0ff7b3;
  text-align: center;
}

.part1 {
  height: 1515rem;
  padding-top: 540rem;
}

.part1 .tag-ls {
  width: 2800rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 30rem 70rem;
}

.part1 .tag1 {
  width: 787rem;
  height: 372rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/tag1.png) no-repeat;
  background-size: 100% 100%;
}

.part1 .tag2 {
  width: 787rem;
  height: 397rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/tag2.png) no-repeat;
  background-size: 100% 100%;
  margin-top: -24rem;
}

.part1 .tag3 {
  width: 787rem;
  height: 385rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/tag3.png) no-repeat;
  background-size: 100% 100%;
  margin-top: -10rem;
}

.part1 .tag4 {
  width: 787rem;
  height: 388rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/tag4.png) no-repeat;
  background-size: 100% 100%;
}

.part1 .tag5 {
  width: 787rem;
  height: 390rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/tag5.png) no-repeat;
  background-size: 100% 100%;
}

.part1 .tag6 {
  width: 787rem;
  height: 408rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/tag6.png) no-repeat;
  background-size: 100% 100%;
  margin-top: -20rem;
}

.part2 {
  padding-top: 230rem;
}

.part2 .q-item {
  width: 2800rem;
  margin: 0 auto;
  color: #000;
}

.part2 .sub {
  width: 2796rem;
  height: 98rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/titsub.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  line-height: 98rem;
}

.part2 .sub .num {
  width: 98rem;
  text-align: center;
  font-size: 76rem;
  font-weight: bold;
}

.part2 .sub .txt {
  margin-left: 40rem;
  font-size: 56rem;
  font-family: "zst";
}

.part2 .cont {
  font-size: 50rem;
  line-height: 71rem;
  padding-left: 140rem;
  margin-top: 40rem;
  margin-bottom: 70rem;
}

.dialog {
  position: relative;
  outline: none;
  display: none;
  padding-top: 116rem;
  box-sizing: border-box;
}

.dialog .dia-close {
  position: absolute;
  top: 0;
  right: -92rem;
  width: 88rem;
  height: 88rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/close.png) no-repeat center/100% 100%;
}

.dialog .btn1 {
  width: 578rem;
  height: 141rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/btn1.png) no-repeat center/100% 100%;
  display: block;
}

.dialog .btn2 {
  width: 578rem;
  height: 141rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/btn2.png) no-repeat center/100% 100%;
  display: block;
}

.dialog .btn3 {
  width: 521rem;
  height: 127rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/btn3.png) no-repeat center/100% 100%;
  display: block;
}

.dialog .btn4 {
  width: 521rem;
  height: 127rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/btn4.png) no-repeat center/100% 100%;
  display: block;
}

.dialog .dia-btn {
  display: flex;
  justify-content: center;
  gap: 40rem;
}

.dialog .dia-txt {
  text-align: center;
  font-size: 60rem;
  line-height: 90rem;
  color: #000;
  font-weight: bold;
}

.dialog .txt {
  font-size: 37rem;
  line-height: 51rem;
  color: #000;
  text-align: left;
  font-weight: normal;
}

.pop1 {
  width: 1424rem;
  height: 800rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/pop1.png) no-repeat center/100%;
}

.pop1 .tip {
  text-align: center;
  font-size: 40rem;
  line-height: 1;
  color: #000;
  font-family: "zst";
  padding: 40rem 0;
}

.pop1 .form-input {
  display: block;
  width: 1086rem;
  height: 100rem;
  margin: 0 auto 50rem;
  border: 2rem solid #e7ba81;
  font-size: 43rem;
  padding: 0 20rem;
  box-sizing: border-box;
}

.pop1 .btn1 {
  margin: 70rem auto 0;
}

.pop2 {
  width: 1424rem;
  height: 695rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/pop2.png) no-repeat center/100%;
}

.pop2 .dia-txt {
  margin-top: 30rem;
  height: 330rem;
  text-align: center;
  font-size: 60rem;
  line-height: 90rem;
  color: #000;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pop2.pop6 .dia-txt {
  gap: 20rem;
  margin-top: 10rem;
  margin-bottom: 30rem;
}

.pop2.pop7 .dia-txt {
  gap: 30rem;
}

.pop2 .wt {
  width: 116rem;
  height: 116rem;
}

.pop2 .btn2 {
  margin: 0 auto 0;
}

.pop3 {
  width: 1564rem;
  height: 919rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/pop3.png) no-repeat center/100%;
}

.pop3 .dia-txt {
  width: 1400rem;
  margin: 0 auto 0;
  padding-top: 20rem;
}

.pop3 .txt {
  margin: 50rem auto 0;
}

.pop3 .dia-btn {
  margin-top: 60rem;
}

.pop4 {
  width: 1425rem;
  height: 784rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/pop4.png) no-repeat center/100%;
}

.pop4 .dia-txt {
  margin: 0 auto 0;
  padding-top: 20rem;
  text-align: center;
}

.pop4 .dia-txt .txt {
  margin: 30rem auto 0;
  text-align: center;
}

.pop4 .zy {
  width: 116rem;
  height: 102rem;
}

.pop4 .btn2 {
  margin: 50rem auto 0;
}

#pop11 .btn2 {
  margin: 30rem auto 0;
}

/* 激活后的按钮样式 - 两行显示 */
.head .cont .btn-activated {
  width: 1232rem;
  height: 223rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260624age/btn.png) no-repeat;
  background-size: 100% 100%;
  margin-left: -10rem;
  margin-top: 50rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* font-weight: bold; */
  color: #000;
  cursor: pointer;
  text-decoration: none;
  font-family: "ltth";
}

.btn-activated .activated-text {
  font-size: 98rem;
  line-height: 1.2;
}

.btn-activated .validity-text {
  font-size: 60rem;
  line-height: 1.2;
  /* margin-top: 10rem; */
}