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;
}

.wrap .head {
  width: 7.5rem;
  height: 9.25rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260312reward/m/head.jpg) no-repeat;
  background-size: 100%;
  overflow: hidden;
  position: relative;
}
.logo {
  display: block;
  width: 1.67rem;
  height: .69rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260312reward/m/logo.png) no-repeat;
  background-size: 100% 100%;
  margin: .2rem 0 0 .2rem;
  position: absolute;
  left: .1rem;
  top: .1rem;
  z-index: 2;
}

/* .btn-logo {
  display: flex;
  justify-content: center;
  width: 3.09rem;
  height: .52rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260312reward/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: 5.62rem;
  height: .41rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260312reward/m/head-bt.png) no-repeat;
  background-size: 100% 100%;
  margin: 4.92rem auto 0;
  position: relative;
}

.head-bt p {
  font-size:.24rem;
  text-align: center;
  line-height: .41rem;
  /* background-image: -webkit-linear-gradient(top, #e990ff, #f1adfe, #fed9fb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: #ffffff;
  /* 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/a20260312reward/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/a20260312reward/icon2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0rem;
  top: .13rem;
} */

.sj {
  margin: 5.6rem auto 0;
  font-size: .2rem;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}



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

.cont1-border {
  width: 7.3rem;
  height: 48.85rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260312reward/m/cont1-border.png) no-repeat;
  background-size: 100% 100%;
  margin: .92rem auto 0;
  padding-top: .01rem;
}

.t1 {
  width: 7.5rem;
  height: .96rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260312reward/m/title1.png) no-repeat;
  background-size: 100% 100%;
  margin: 0rem auto 0;
}
.t2 {
  width: 7.5rem;
  height: .96rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260312reward/m/title2.png) no-repeat;
  background-size: 100% 100%;
  margin: 0.5rem auto 0;
}
.cont1-pc{
  width: 4.34rem;
  height: 4.84rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260312reward/m/cont1-pc.png) no-repeat;
  background-size: 100% 100%;
  margin: .4rem auto .3rem;
}
.cont1-pc2{
  width: 6.94rem;
  height: 8.18rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260312reward/m/cont1-pc2.png) no-repeat;
  background-size: 100% 100%;
  margin: .3rem auto 0rem;
  position: relative;
  overflow: hidden;
  padding-top: .3rem;
  box-sizing: border-box;
}
.cont1-pc2 p{
  font-size: .2rem;
  color: #ffffff;
  text-align: center;
  margin-top: .1rem;
}
.cont1-pc2 img{
  display: block;
  width: 4rem;
  height: 3rem;
  margin: .3rem auto 0;
}
.img-border{
  border: 1px solid #ffe88d;
}
.cont1-text{
  font-size: .22rem;
  color: #ffffff;
  margin: .2rem auto 0rem;
  text-align: center;
}
.cont1-text2{
  text-align: center;
}
.bg-bom{
  width: 6.8rem;
  height: 6.04rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260312reward/m/cont1-table2.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin: .4rem auto 0;
}
.cont1 .bg {
  width: 6.42rem;
  height: 5.66rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260312reward/m/cont1-table.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #ffe88d;
}

.bg tr th {
  font-size: .2rem;
  line-height: .22rem;
  padding: .2rem .05rem;
  font-weight: normal;
  color: #ffffff;
  box-sizing: border-box;
  border-right: 1px solid #ffe88d;
  border-bottom: 1px solid #ffe88d;
  /* 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:last-child {
  border-right: 0;
}

.bg tr td {
  font-size: .2rem;
  line-height: .3rem;
  padding: .06rem .18rem;
  color: #ffffff;
  text-align: center;
  border-right: .01rem solid #ffe88d;
  /* background: #aceae9; */
}


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

.bg tr{
  border-bottom: .01rem solid #2e2b71;
  position: relative;
}
.bg tr td:nth-child(1){
  width: 25%;
}
/* .bg tr td:nth-child(2){
  width: 25%;
}
.bg tr td:nth-child(3){
  width: 20%;
} */

.bg::after{
  content: '';
  display: block;
  width: 6.94rem;
  height: 6.18rem;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260312reward/m/top-icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}




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