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; */
  border-spacing: 0;
}
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.20rem; color:#cccccc; text-align:center;background:#000000; padding:0.18rem 0 0.18rem 0; line-height:0.30rem;}

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

.logo {
  display: block;
  width: 1.84rem;
  height: .74rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/LOGO.png) no-repeat;
  background-size: 100% 100%;
  margin: .35rem auto .15rem;
}

.sj {
  display: block;
  width: 6.78rem;
  height: 1.34rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/m/head-time.png) no-repeat;
  background-size: 100% 100%;
  font-size: .18rem;
  color: #b76c20;
  font-weight: bold;
  text-align: center;
  line-height: .3rem;
  padding-top: .2rem;
  box-sizing: border-box;
  margin: 1.45rem auto 0;
  position: relative;
}
.sj span{
  font-weight: normal;
  color: #b9b8b6;
}
/* .sj::before {
  display: inline-block;
  content: '';
  width: .17rem;
  height: .16rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/time-icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: .15rem;
  top: .22rem;
}

.sj::after {
  display: inline-block;
  content: '';
  width: .17rem;
  height: .16rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/time-icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: .15rem;
  top: .22rem;
} */

.login-box {
  width: 7.02rem;
  height: .29rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/head-sj-bj.png) no-repeat;
  background-size: 100% 100%;
  font-size: .18rem;
  line-height: .29rem;
  color: #ffffff;
  text-align: center;
  margin: .2rem auto 0;
}

.login-box a {
  color: #ffce22
}

.head-box {
  width: 6.89rem;
  height: 2.56rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/m/head-img-bg.png) no-repeat;
  background-size: 100% 100%;
  margin: .35rem auto 0;
  position: relative;
  overflow: hidden;
}
.head-pc {
  width: .54rem;
  height: .54rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/head-pc-bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin: .25em auto 0;
}

.head-pc img {
  width: .46rem;
  height: .47rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.head-pc-text {
  font-size: .18rem;
  color: #fffbee;
  margin: .1rem auto 0;
  text-align: center;
}
.head-btn {
  display: block;
  width: 3.02rem;
  height: .56rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/m/head-btn.png) no-repeat;
  background-size: 100% 100%;
  margin: .13rem auto 0;
}

.head-btn p {
  font-size: .3rem;
  text-align: center;
  font-weight: bold;
  line-height: .56rem;
  background-image: -webkit-linear-gradient(top, #b2611c, #d1a033);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.head-btn2{
  margin-top: .2rem;
  width: 3.62rem;
  height: .56rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/head-btn2.png) no-repeat;
  background-size: 100% 100%
}
.head-btn2 p {
  font-size: .24rem;
}

.head-text{
  font-size: .16rem;
  color: #ffffff;
  text-align: center;
  margin: .15rem auto 0;
}
.head .tt {
  display: block;
  width: 4rem;
  height: .48rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/title.png) no-repeat;
  background-size: 100% 100%;
  margin: .4rem auto 0;
}
.wrap .content {
  width: 7.5rem;
  height: 38.5rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/m/content-bg.png) no-repeat;
  background-size: 100% 100%;
  margin-top: -1px;
  overflow: hidden;
  position: relative;
}


.cont .t1 {
  display: block;
  width: 4rem;
  height: .48rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/title1.png) no-repeat;
  background-size: 100% 100%;
  margin: 0px auto 0;
}
.cont-text{
  font-size: .2rem;
  text-align: center;
  color: #9d844f;
  margin-top: .1rem;
}
.cont-text span{
  color: #e16d1f;
}
.cont .bg {
  margin: .35rem auto 0;
}
.cont-pc{
  width: 4.09rem;
  height: 4.87rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/pc.png) no-repeat;
  background-size: 100% 100%;
  margin: .1rem auto 0;
}
.cont2-bg{
  width: 6.9rem;
  height: 18.5rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/m/cont2-bg.png) no-repeat;
  background-size: 100% 100%;
  margin: .5rem auto 0;
  overflow: hidden;
}
.cont2-tt{
  width: 3.62rem;
  height: .54rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/cont-tt-bg.png) no-repeat;
  background-size: 100% 100%;
  margin: .4rem auto .2rem;
  font-size: .3rem;
  color: #ffffff;
  text-align: center;
  line-height: .54rem;
  position: relative;
}
.cont2-tt2{
  margin: .3rem auto 0;
}
.cont2-tt::before {
  display: inline-block;
  content: '';
  width: .22rem;
  height: .22rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/xingxing.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: .8rem;
  top: .16rem;
}

.cont2-tt::after {
  display: inline-block;
  content: '';
  width: .22rem;
  height: .22rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/xingxing.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: .8rem;
  top: .16rem;
}
.bg{
  width: 6.48rem;
  height: 13.46rem; 
  margin: .2rem auto 0;box-sizing: border-box;
  /* box-sizing: border-box; */
  border-bottom: 1px solid #f5c05d;
}
.bg tbody{
  box-sizing: border-box;
}
.bg thead tr {
  /* background-image: linear-gradient(to right,#eac050,#dcac5b, #daa95d); */
  width: 6.48rem;
  height: .56rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/m/th.png);
  background-size: 100% 100%;
}

.bg tr th {
  font-size: .22rem;
  line-height: .2rem;
  padding: .2rem;
  color: #fff9ef;
  box-sizing: border-box;
  border-right: 1px solid #f5c05d;
}

.bg tr th:nth-child(3) {
  border-right: 0;
}

.bg tr td {
  font-size: .18rem;
  line-height: .24rem;
  padding: .06rem;
  color: #c68a2b;
  text-align: center;
  border-top: 1px solid #d7b374;
  border-right: 1px solid #d7b374;
  box-sizing: border-box;
}
.bg tr td:nth-child(1) {
  border-left: 1px solid #d7b374;
}
.bg tr td:nth-child(4) {
  border-right: 0;
}
/* .bg tr:last-child {
  border-bottom:  1px solid #d7b374;
} */
.bg tr {
  border-bottom: 1px solid #d7b374;
  box-sizing: border-box;
}
.bg thead tr {
  border-bottom: 0;
  box-sizing: border-box;
}
.bg tbody tr{
  background: #fff7dc;
}
.bg tbody tr:nth-child(2n){
  background: #fffdf6;
}

.bg-text{
  font-size: .18rem;
  text-align: center;
  color: #c68a2b;
  margin-top: .3rem;
}
.bg-text i{
  font-style: normal;
  font-weight: bold;
}
.cont3{
  width: 6.9rem;
  height: 2.36rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/m/cont3-bg.png) no-repeat;
  background-size: 100% 100%;
  margin: .7rem auto 0;
  overflow: hidden;
}
 .t2 {
  display: block;
  width: 3.68rem;
  height: .35rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/title2.png) no-repeat;
  background-size: 100% 100%;
  margin: .5rem auto .2rem;
}
.rule-text{
  width: 6.2rem;
  font-size: .2rem;
  line-height: .24rem;
  color: #9d844f;
  margin-top: .2rem;
  margin-left: .5rem;
  position: relative;
}
.rule-text2{
  width: 6.5rem;
  margin: .2rem 0 0 .66rem;
  position: relative;
  padding-bottom: .2rem;
  border-bottom: 1px solid #e0ce8a;
}
.rule-text3{
  border: 0;
}
.rule-text span{
  width: .28rem;
  height: .32rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/text-icon.png) no-repeat;
  background-size: 100% 100%;
  font-size: .2rem;
  line-height: .32rem;
  color: #ffffff;
  text-align: center;
  position: absolute;
  left: -.35rem;
  top: -.05rem;
}
.rule-text i{
  font-weight: bold;
  font-style: normal;
  color: #ae6e08;
}
.t3 {
  display: block;
  width: 4rem;
  height: .46rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/title3.png) no-repeat;
  background-size: 100% 100%;
  margin: .5rem auto .4rem;
}
.ts {
  font-size: .16rem;
  color: #000000;
  position: absolute;
  bottom: .5rem;
  left: 50%;
  transform: translateX(-50%);
}
/* µ¯´° */
.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.7);
  z-index: 1000;
}

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

.pop-tc {
  width: 4.09rem;
  height: 2.07rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/pop-tc.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.pop-close1 {
  display: block;
  width: .3rem;
  height: .3rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20240912being/close.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -.42rem;
  top: -.29rem;
}

.pop-tc .text1 {
  font-weight: bold;
  font-size: .24rem;
  color: #d27d06;
  text-align: center;
  padding-top: .8rem;
}