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: -99.99rem;display: block;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/*foot*/
.foot{font-size:20px; color:#cccccc; text-align:center;background:#000000; padding:18px 0 18px 0; line-height:30px;}

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

.logo {
  display: block;
  width: 2.02rem;
  height: .98rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/m/LOGO.png) no-repeat;
  background-size: 100% 100%;
  margin: .1rem 0 0 .2rem;
}

.head-bt {
  width: 6.62rem;
  height: .75rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/m/head-img-bg.png) no-repeat;
  background-size: 100% 100%;
  margin: 4rem auto 0;
  position: relative;
  padding-top: 1px;
}

.head-bt p {
  font-size: .22rem;
  text-align: center;
  line-height: .3rem;
  background-image: -webkit-linear-gradient(top, #d0f5ff, #fdffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  margin-top: .05rem;
}

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

.head-bt::after {
  display: inline-block;
  content: '';
  width: 1.05rem;
  height: .15rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/icon2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0.4rem;
  top: 0.3rem;
}
.sj {
  /* width: 5.62rem;
  height: .28rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/sj-bg.png) no-repeat;
  background-size: 100% 100%; */
  margin: .1rem auto 0;
  font-size: .18rem;
  color: #e4ddff;
  text-align: center;
}

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

.text {
  width: 6rem;
  font-size: .18rem;
  color: #bafffb;
  text-align: center;
  font-weight: bold;
  margin: .2rem auto 0;
}



.cont1 .bg::before {
  content: '';
  display: block;
  width: 7.34rem;
  height: 13.9rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/m/cont1-border.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cont2 .bg2::before {
  content: '';
  display: block;
  width: 7.34rem;
  height: 28.2rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/m/cont2-border.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.bg {
  width: 7rem;
  height: 13.66rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/m/cont1-bt.png) no-repeat;
  background-size: 100% 100%;
  margin: .3rem auto 0;
  box-sizing: border-box;
  position: relative;
  /* border: .01rem solid #a471ff; */
}

.bg2 {
  height: 28rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/m/cont2-bt.png) no-repeat;
  background-size: 100% 100%;
}

.bg3 {
  height: 14rem;
}

.bg tr th {
  font-size: .18rem;
  line-height: .24rem;
  padding: .05rem .08rem;
  color: #ffffff;
  background-image: linear-gradient(to top, #a16eef, #9369ed, #6e5ce9);
  border-right: .01rem solid #8dc8ff;
  font-weight: bold;
  /* text-shadow: .01rem .01rem 0 #481009,
    -0.01rem .01rem 0 #481009,
    .01rem -0.01rem 0 #481009,
    -0.01rem -0.01rem 0 #481009; */
}

.bg tr th p {
  background-image: -webkit-linear-gradient(top, #d0f5ff, #fdffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* .bg tr th:last-child {
  border-right: 0;
} */

.bg tr td {
  font-size: .16rem;
  line-height: .22rem;
  padding: .05rem;
  color: #e4ddff;
  text-align: center;
  /* background-color: #2c1862; */
  border-right: .01rem solid #8dc8ff;
  border-bottom: .01rem solid #8dc8ff;
}

/* .bg tr:nth-child(even) td {
  background-color: #351d75;
} */

.bg tr:nth-last-child(1) {
  border-bottom: 0;
}

.bg tr:nth-last-child(1) td {
  border-bottom: 0;
}

.cont2 .t2 {
  display: block;
  width: 9.04rem;
  height: 1.81rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/title2.png) no-repeat;
  background-size: 100% 100%;
  margin: .2rem auto 0;
}

.bg a {
  color: #60d4ff;
  text-decoration: underline;
}


.cont3 .t3 {
  display: block;
  width: 7.5rem;
  height: .37rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/m/title3.png) no-repeat;
  background-size: 100% 100%;
  margin: .8rem auto 0;
}



.cont4 .t4 {
  display: block;
  width: 7.5rem;
  height: .37rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/m/title4.png) no-repeat;
  background-size: 100% 100%;
  margin: .6rem auto .2rem;
}

.ts {
  font-size: .18rem;
  color: #b2d6ff;
  position: absolute;
  bottom: .3rem;
  left: 50%;
  transform: translateX(-50%);
}

.cont3 .box2 {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}
.cont3-tt{
  margin-top: 1.35rem !important;
}
.cont3 .tab {
  display: block;
  width: 2.04rem;
  height: .74rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/btn.png) no-repeat;
  background-size: 100% 100%;
  margin: .25rem .1rem 0;
  text-align: center;
}

.cont3 .tab p {
  font-size: .18rem;
  text-align: center;
  line-height: .74rem;
  background-image: -webkit-linear-gradient(right, #1d06ad, #680aa8, #8a05af);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cont3 .tab2 p {
  font-size: .18rem;
  text-align: center;
  line-height: .24rem;
  background-image: -webkit-linear-gradient(right, #1d06ad, #680aa8, #8a05af);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: .13rem;
}

.cont3 .tab3 {
  width: 2.26rem;
  height: .74rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/btn2.png) no-repeat;
  background-size: 100% 100%;
}

.cont3 .tab3 p {
  background-image: -webkit-linear-gradient(right, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cont3-pc-box {
  width: 7.34rem;
  height: 9.9rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/m/cont3-bg.png) no-repeat;
  background-size: 100% 100%;
  margin: .2rem auto;
  padding-top: .01rem;
  position: relative;
}

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

.cont3-flex2 {
  margin: .2rem .1rem 0;
}

.cont3-flex3 {
  margin: 0rem auto 0;
}

.cont3-gif {
  margin: 0 .3rem .1rem;
  position: relative;
}

.cont3-gif2 {
  margin: 0 .1rem .1rem;
  position: relative;
}

.cont3-gif img {
  width: 2rem;
  height: 2rem;
}

.cont3-gif p {
  width: 2rem;
  text-align: center;
  font-size: .18rem;
  color: #e4ddff;
  position: absolute;
  left: 50%;
  top: 2.1rem;
  transform: translateX(-50%);
}

.pop-title-cont3 {
  margin-top: .6rem !important;
}

.cont3-pc2 {
  width: 6.65rem;
  height: 8.64rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cont3-pc4 {
  width: 6.54rem;
  height: 8.78rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cont3-pc5 {
  width: 6.4rem;
  height: 3.99rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cont4-text {
  width: 7rem;
  font-size: .18rem;
  color: #b2d6ff;
  margin-left: .33rem;
}

.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 {
  padding-top: .01rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pop-sx {
  width: 7.34rem;
  /* height: 6.82rem; */
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/m/pop-tc.png) no-repeat;
  background-size: 100% 100%;
  padding-top: .01rem;
  padding-bottom: .5rem;
  position: relative;
}

.pop-sx3 {
  width: 7.34rem;
  /* height: 3.52rem; */
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/m/pop-tc2.png) no-repeat;
  background-size: 100% 100%;
  padding-top: .01rem;
  padding-bottom: .5rem;
  position: relative;
}

.pop-text {
  width: 6rem;
  text-align: center;
  font-size: .18rem;
  line-height: .24rem;
  color: #e4ddff;
  margin: .2rem auto 0;
}

.pop-close {
  display: block;
  width: .3rem;
  height: .3rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/close.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: .35rem;
  top: .4rem;
  z-index: 99;
}

.pop-title {
  font-size: .24rem;
  margin: .4rem auto 0;
  text-align: center;
  font-weight: bold;
}

.pop-title .pop-title-p {
  display: inline-block;
  background-image: -webkit-linear-gradient(top, #d0f5ff, #fdffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}

.pop-title .pop-title-p::before {
  display: inline-block;
  content: '';
  width: .21rem;
  height: .16rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/pop-icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -0.28rem;
  top: .13rem;
}

.pop-title .pop-title-p::after {
  display: inline-block;
  content: '';
  width: .21rem;
  height: .16rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20250424privilege/pop-icon2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -0.28rem;
  top: .13rem;
}