body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
figure {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100% !important;
  -webkit-touch-callout: none;
  -webkit-user-select: text;
  -webkit-touch-callout: none;
  word-break: break-all;
  word-wrap: break-word;
}

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

table {
  border-collapse: collapse;
}

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

strong,
i,
em {
  font-weight: normal;
  font-style: normal;
}

input,
select,
form {
  vertical-align: middle;
  outline: none;
}

img {
  border: none;
  vertical-align: top;
}

a,
button,
input,
select,
textarea,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[onclick] {
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

a {
  -webkit-touch-callout: none;
  text-decoration: none;
  color: #666666;
  outline: 0;
}

body,
html {
  background: #13151e;
}

.hidden {
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  text-indent: -9999px;
  display: block;
}

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

/*foot*/
.foot {
  font-size: 0.2rem;
  color: #cccccc;
  text-align: center;
  background: #000000;
  padding: 0.18rem 0 0.18rem 0;
  line-height: 0.3rem;
}

@font-face {
  font-family: "fz";
  src: url("https://game.gtimg.cn/images/dnf/cp/a20260115bd/FZHANSTJF_TE.TTF") format("truetype");
  font-style: normal;
  font-weight: normal;
}



.wrap .head {
  width: 7.5rem;
  height: 10.53rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/head.jpg) no-repeat;
  background-size: 100%;
  overflow: hidden;
  position: relative;
}

.price {
  width: 2.85rem;
  height: 1.13rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/price.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 8.8rem;
  transform: translateX(-50%);
}

.logo {
  display: block;
  width: 2.45rem;
  height: .48rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/logo.png) no-repeat;
  background-size: 100% 100%;
  /* margin: .2rem 0 0 .6rem; */
  position: absolute;
  left: 50%;
  top: 0.2rem;
  z-index: 2;
  transform: translateX(-50%);
}

/* .btn-logo {
  display: flex;
  justify-content: center;
  width: 3.09rem;
  height: .52rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/LOGO-btn.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: .41rem;
  right: 0;
}

.logo2 {
  display: block;
  height: .52rem;
  width: 1.59rem;
}

.logo3 {
  display: block;
  height: .52rem;
  width: 1.5rem;
} */

.head-bt {
  width: 6.75rem;
  height: .52rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/head-bt.png) no-repeat;
  background-size: 100% 100%;
  margin: 5.9rem auto 0;
  position: relative;
}

.head-bt p {
  font-size: .3rem;
  text-align: center;
  line-height: .52rem;
  background-image: -webkit-linear-gradient(top, #a3d7ff, #e2fdff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ffffff;
  font-weight: bold;
  /* letter-spacing: .06rem;
  font-weight: bold; */
}

/* .head-bt::before {
  display: inline-block;
  content: '';
  width: 1.05rem;
  height: .15rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0rem;
  top: .13rem;
}

.head-bt::after {
  display: inline-block;
  content: '';
  width: 1.05rem;
  height: .15rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/icon2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0rem;
  top: .13rem;
} */

.sj {
  margin: .1rem auto 0;
  font-size: .22rem;
  background-image: -webkit-linear-gradient(top, #ffffff, #aef2f8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-weight: bold;
}



.wrap .content {
  width: 7.5rem;
  height: 20.27rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/bg.jpg) no-repeat;
  background-size: 100%;
  margin-top: -0.01rem;
  overflow: hidden;
  position: relative;
}

.t1 {
  width: 7rem;
  height: .7rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/title1.png) no-repeat;
  background-size: 100% 100%;
  margin: .4rem auto 0;
}

.cont1-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.cont1-pc {
  width: 2.14rem;
  height: 2.77rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/cont1-pc.png) no-repeat;
  background-size: 100% 100%;
  margin: .3rem .15rem 0;
  position: relative;
}

.cont1-dialog {
  width: 6.88rem;
  height: 1.48rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/cont1-border.png) no-repeat;
  background-size: 100% 100%;
  margin: 1.5rem auto 0;
}


.cont1-dialog tr td {
  width: 50%;
  font-size: .22rem;
  line-height: .24rem;
  padding: .1rem .1rem;
  color: #ffbf34;
  text-align: center;
}

.t2 {
  width: 2.97rem;
  height: .7rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/title2.png) no-repeat;
  background-size: 100% 100%;
  margin: .5rem auto 0;
}

.cont2-text {
  font-size: .22rem;
  color: #ffbf34;
  text-align: center;
  margin: .2rem auto 0;
  letter-spacing: .02rem;
}

.cont2-pc {
  width: 6.95rem;
  height: 4.81rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/cont1-pc2.png) no-repeat;
  background-size: 100% 100%;
  margin: .2rem auto 0;
}

.cont2-btn {
  display: block;
  width: 2.86rem;
  height: .8rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/btn.png) no-repeat;
  background-size: 100% 100%;
  margin: .3rem auto 0;
  font-size: .27rem;
  color: #fffcce;
  text-align: center;
  font-weight: bold;
  line-height: .8rem;
}

.t3 {
  width: 2.97rem;
  height: .7rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/title3.png) no-repeat;
  background-size: 100% 100%;
  margin: .5rem auto 0;
}

.input-container {
  /* width: 9.56rem; */
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0rem auto 0;
  position: relative;
}

.label {
  /* width: 1.85rem; */
  color: #ffbf34;
  font-size: .22rem;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
}

.input-box {
  width: 6.87rem;
  height: .66rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/input.png) no-repeat;
  background-size: 100% 100%;
  border: none;
  border-radius: .1rem;
  padding: 0 .4rem;
  font-size: .22rem;
  color: #ffffff;
  outline: none;
  box-shadow: inset 0 0 .1rem rgba(0, 0, 0, 0.5);
  /* text-align: center; */
  margin: .2rem auto 0;
  box-sizing: border-box;
}

.input-box::before {
  content: '';
  position: absolute;
  top: -0.02rem;
  left: -0.02rem;
  right: -0.02rem;
  bottom: -0.02rem;
  border: .02rem solid #ffcc00;
  border-radius: .1rem;
  pointer-events: none;
  z-index: -1;
}

.cont3-btn {
  display: block;
  width: 2.86rem;
  height: .8rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/btn2.png) no-repeat;
  background-size: 100% 100%;
  margin: .3rem auto 0;
  font-size: .27rem;
  color: #bf0210;
  text-align: center;
  font-weight: bold;
  line-height: .8rem;
}


.login-box {
  margin: .9rem auto 0;
  text-align: center;
    font-size: .22rem;
    color: #ffffff;
}

.login-box span{
  color: #ffbf34;
}




/* 弹窗 */
.pop {
  outline: none;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10 !important;
}


.pop-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}

.pop-close {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/pop-close.png) no-repeat;
  background-size: 100% 100%;
  width: .52rem;
  height: .52rem;
  display: block;
  position: absolute;
  top: -0.6rem;
  right: 0rem;
}

.pop-prompt {
  width: 6.54rem;
  height: 3.82rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/pop-tc.png) no-repeat;
  background-size: 100% 100%;
  padding-top: .01rem;
}
.table_cont{
  width: 6.2rem;
  height: 3rem;
  margin: .2rem auto 0;
}

.pop_table{
  width: 6.2rem;
  margin: 0 auto;
}
.pop_table tr th{
  font-size: .18rem;
  color: #ffbf34;
  text-align: center;
  font-weight: normal;
  padding: .08rem;
  background: #7e2222;
}

.pop_table tr td{
  font-size: .18rem;
  color: #fff5e0;
  text-align: center;
  padding: .03rem;
}
.table_tfoot{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: .1rem auto 0;
}
.table_tfoot a{
  font-size: .18rem;
  color: #fff5e0;
  margin: 0 .1rem;
}
.table_tfoot span{
  font-size: .22rem;
  color: #fff5e0;
  margin: 0 .2rem;
}

.cont2-text2{
  margin: 0 auto;
  font-size: .18rem;
  color: #fff5e0;
}


.pop-prompt {
  width: 6.57rem;
  height: 1.93rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/pop-tc2.png) no-repeat;
  background-size: 100% 100%;
  padding-top: .01rem;
}

.pop-promptbox {
  width: 6.57rem;
  height: 1.93rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pop-prompt-text {
  width: 6rem;
  line-height: .26rem;
  text-align: center;
  font-size: .22rem;
  color: #fff5e0;
}



.cont-pc-flex{
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  margin: .25rem auto 0;
}
.cont-pc-flex2{
  margin-top: .9rem;
}
.cont1-gif{
  width: 1.13rem;
  height: 1.13rem;
  margin: 0 .9rem .1rem;
}

.cont1-icon{
  width: .58rem;
  height: .58rem;
  margin: 0 .1rem 0;
}

.cont1-text-box{
  width: 2.09rem;
  height: .68rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260115bd/m/cont1-pc3.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 2.8rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: .18rem;
  line-height: .2rem;
  color: #f8d375;
  text-align: center;
  padding-top: .13rem;
  box-sizing: border-box;
}

.cont1-ts{
  width: 4.1rem;
  font-size: .18rem;
  line-height: .2rem;
  color: #ffbf34;
  text-align: center;
  position: absolute;
  top: 3.6rem;
  left: 50%;
  transform: translateX(-50%);
}

.dialog-red{
  color: #fa3d1e !important;
}