body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form {
  margin: 0;
}

body,
button,
input,
select,
textarea {
  font-size: 0.24px;
  line-height: 1.5;
}

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

em,
b {
  font-style: normal;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img {
  vertical-align: middle;
  border: 0;
  padding: 0;
  margin: 0;
}

button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}

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

td,
th,
ul,
ol {
  padding: 0;
}

ul,
ol,
dl {
  list-style: none;
}

.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* pointer-events: none; */
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ' ';
  clear: both;
  height: 0;
}

.clearfix {
  *zoom: 1;
}

body {
  background: #0e0516;
  position: relative;
  font: 12px / 1.5 '\5FAE\8F6F\96C5\9ED1',
 tahoma,
 '\5b8b\4f53',
 '\9ED1\4F53',
 sans-serif;
}

* {
  box-sizing: border-box;
}

img {
  object-fit: contain;
}

.btn {
  display: flex;
}

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

/* footer */
#afooter {
  text-align: center;
  line-height: 20px;
  color: #cccccc;
  background-color: #000;
  padding: 20px 0;
}

#afooter a {
  color: #cccccc;
}

.nav {
  width: 1897px;
  height: 585px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: row;
  justify-content: center;
  transition: height 0.15s linear;
}

.dnfact_nav {
  width: 1500px !important;
}

._act_nav {
  width: 1350px !important;
}

._act_nav li {
  width: 135px !important;
}

._act_btn {
  width: 150px !important;
}

.top-wrap {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#topNavWrap {
  height: 180px;
}

#topNavWrap .top-mask {
  background-size: 100% !important;
}

.top-wrap .nav {
  width: 1400px !important;
  padding: 0 100px;
}

#topNavWrap .top-link {
  height: 110px !important;
}

#topNavWrap .nav-bg {
  width: 1400px !important;
}

.logo {
  position: absolute;
  top: 42px;
  left: 60px;
  width: 148px;
  height: 60px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/logo.png) center top no-repeat;
  background-size: contain;
  z-index: 4;
}

.g-wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/bg.jpg) no-repeat top center;
  padding-bottom: 50px;
}

.kv {
  height: 710px;
  position: relative;
}

.kv .login_box {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #d1b9fc;
  top: 510px;
}

.kv .login_box a {
  color: #d1b9fc;
}

.tab_box {
  gap: 0 10px;
}

.t_c {
  display: none;
}

.t_c.on {
  display: block;
}

.tab1 {
  width: 417px;
  height: 158px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tab1.png) no-repeat center center;
  background-size: contain;
  margin: 0 -20px;
  margin-bottom: -30px;
}

.tab1.on {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tab1_on.png) no-repeat center center;
  background-size: contain;
}

.tab2 {
  width: 417px;
  height: 158px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tab2.png) no-repeat center center;
  background-size: contain;
  margin: 0 -20px;
  margin-bottom: -30px;
}

.tab2.on {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tab2_on.png) no-repeat center center;
  background-size: contain;
}

.tab3 {
  width: 417px;
  height: 158px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tab3.png) no-repeat center center;
  background-size: contain;
  margin: 0 -20px;
  margin-bottom: -30px;
}

.tab3.on {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tab3_on.png) no-repeat center center;
  background-size: contain;
}

.btn_top {
  width: 74px;
  height: 93px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/btn_top.png) center center no-repeat;
  background-size: contain;
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 99;
}

.title {
  margin: 0 auto;
}

.title.tit1 {
  width: 1200px;
  height: 346px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tit1.png) center center no-repeat;
  background-size: contain;
  margin-bottom: -60px;
}

.title.tit2 {
  width: 1200px;
  height: 346px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tit2.png) center center no-repeat;
  background-size: contain;
  margin-bottom: -60px;
}

.title.tit3 {
  width: 1200px;
  height: 346px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tit3.png) center center no-repeat;
  background-size: contain;
  margin-bottom: -60px;
}

.title.tit4 {
  width: 1200px;
  height: 346px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tit4.png) center center no-repeat;
  background-size: contain;
  margin-bottom: -60px;
}

.tip {
  text-align: center;
  font-size: 24px;
  color: #d1b9fc;
  margin-top: 20px;
}

.btn1 {
  width: 275px;
  height: 101px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/btn1.png) center center no-repeat;
  background-size: contain;
}

.btn1.on {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/btn1_on.png) center center no-repeat;
  background-size: contain;
}

.task_box .task_item {
  width: 1225px;
  height: 220px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/task_bg.png) center center no-repeat;
  background-size: contain;
  margin: 0 auto 40px;
  justify-content: space-between;
  padding: 0 60px;
  position: relative;
}

.task_box .task_item::after {
  content: '';
  position: absolute;
  top: -40px;
  right: -50px;
  width: 1314px;
  height: 505px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/task_icon.png) center center no-repeat;
  background-size: contain;
  pointer-events: none;
}

.task_box .task_con {
  width: 420px;
}

.task_box .task_con .task_tit1 {
  width: 230px;
  height: 30px;
  margin-bottom: 10px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/task_tit1.png) center center no-repeat;
  background-size: contain;
}

.task_box .task_con .task_tit2 {
  width: 230px;
  height: 30px;
  margin-bottom: 10px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/task_tit2.png) center center no-repeat;
  background-size: contain;
}

.task_box .task_con_txt {
  font-size: 24px;
  color: #d1b9fc;
}

.task_box .prop_box {
  gap: 0 20px;
  text-align: center;
}

.task_box .prop_box > div {
  width: 160px;
}

.task_box .prop_box img {
  width: 44px;
  object-fit: contain;
}

.task_box .prop_box .prop_name {
  font-size: 18px;
  color: #d1b9fc;
}

.part2 .title {
  margin-bottom: -100px;
}

.part2 .p_con {
  padding-top: 0;
  position: relative;
  width: 1095px;
  height: 590px;
  margin-top: 30px;
}

.part2 .p_con video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.part2 .p_con::after {
  content: '';
  position: absolute;
  top: -68px;
  left: -94px;
  width: 1325px;
  height: 726px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/video_icon.png) center center no-repeat;
  background-size: contain;
  pointer-events: none;
}

.part2 .p_con .btn_play {
  width: 55px;
  height: 63px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/video_play.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.part3 .title {
  margin-bottom: -100px;
}

.part3 .tip {
  font-size: 20px;
}

.p_con {
  text-align: center;
  width: 1320px;
  margin: 0 auto 50px;
  padding-top: 60px;
  padding-left: 20px;
  position: relative;
}

.p_con .tit_s1 {
  width: 291px;
  height: 71px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tit_s1.png) center center no-repeat;
  background-size: contain;
}

.p_con .tit_s2 {
  width: 291px;
  height: 71px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tit_s2.png) center center no-repeat;
  background-size: contain;
}

.p_con .tit_s3 {
  width: 291px;
  height: 71px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tit_s3.png) center center no-repeat;
  background-size: contain;
}

.p_con .tit_s4 {
  width: 291px;
  height: 71px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tit_s4.png) center center no-repeat;
  background-size: contain;
}

.p_con .tit_s5 {
  width: 291px;
  height: 71px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tit_s5.png) center center no-repeat;
  background-size: contain;
}

.p_con .tit_s6 {
  width: 291px;
  height: 71px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tit_s6.png) center center no-repeat;
  background-size: contain;
}

.p_con.r .label {
  left: auto;
  right: 30px;
}

.p_con .label {
  position: absolute;
  left: 50px;
  top: 0;
}

.p_con .tip {
  padding: 0 50px;
  margin-top: -10px;
}

.cos_tab_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  width: 868px;
  margin: 0 auto;
  position: relative;
}

.cos_tab_box::after {
  content: '';
  width: 1597px;
  height: 596px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab_icon.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -246px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

.cos_tab_box .cos_tab1 {
  width: 132px;
  height: 126px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab1.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.cos_tab_box .cos_tab1.on {
  width: 192px;
  height: 191px;
  margin: -32px -30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab_on1.png) no-repeat center center;
  background-size: contain;
}

.cos_tab_box .cos_tab2 {
  width: 132px;
  height: 126px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab2.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.cos_tab_box .cos_tab2.on {
  width: 192px;
  height: 191px;
  margin: -32px -30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab_on2.png) no-repeat center center;
  background-size: contain;
}

.cos_tab_box .cos_tab3 {
  width: 132px;
  height: 126px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab3.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.cos_tab_box .cos_tab3.on {
  width: 192px;
  height: 191px;
  margin: -32px -30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab_on3.png) no-repeat center center;
  background-size: contain;
}

.cos_tab_box .cos_tab4 {
  width: 132px;
  height: 126px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab4.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.cos_tab_box .cos_tab4.on {
  width: 192px;
  height: 191px;
  margin: -32px -30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab_on4.png) no-repeat center center;
  background-size: contain;
}

.cos_tab_box .cos_tab5 {
  width: 132px;
  height: 126px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab5.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.cos_tab_box .cos_tab5.on {
  width: 192px;
  height: 191px;
  margin: -32px -30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab_on5.png) no-repeat center center;
  background-size: contain;
}

.cos_tab_box .cos_tab6 {
  width: 132px;
  height: 126px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab6.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.cos_tab_box .cos_tab6.on {
  width: 192px;
  height: 191px;
  margin: -32px -30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab_on6.png) no-repeat center center;
  background-size: contain;
}

.cos_tab_box .cos_tab7 {
  width: 132px;
  height: 126px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab7.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.cos_tab_box .cos_tab7.on {
  width: 192px;
  height: 191px;
  margin: -32px -30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab_on7.png) no-repeat center center;
  background-size: contain;
}

.cos_tab_box .cos_tab8 {
  width: 132px;
  height: 126px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab8.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.cos_tab_box .cos_tab8.on {
  width: 192px;
  height: 191px;
  margin: -32px -30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab_on8.png) no-repeat center center;
  background-size: contain;
}

.cos_tab_box .cos_tab9 {
  width: 132px;
  height: 126px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab9.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.cos_tab_box .cos_tab9.on {
  width: 192px;
  height: 191px;
  margin: -32px -30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab_on9.png) no-repeat center center;
  background-size: contain;
}

.cos_tab_box .cos_tab10 {
  width: 132px;
  height: 126px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab10.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.cos_tab_box .cos_tab10.on {
  width: 192px;
  height: 191px;
  margin: -32px -30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab_on10.png) no-repeat center center;
  background-size: contain;
}

.cos_tab_box .cos_tab11 {
  width: 132px;
  height: 126px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab11.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.cos_tab_box .cos_tab11.on {
  width: 192px;
  height: 191px;
  margin: -32px -30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab_on11.png) no-repeat center center;
  background-size: contain;
}

.cos_tab_box .cos_tab12 {
  width: 132px;
  height: 126px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab12.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.cos_tab_box .cos_tab12.on {
  width: 192px;
  height: 191px;
  margin: -32px -30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/cos_tab_on12.png) no-repeat center center;
  background-size: contain;
}

.cos_img_box {
  text-align: center;
}

.cos_img_box img {
  display: none;
  margin: 0 auto;
}

.cos_img_box img.on {
  display: block;
}

.cos_table_box {
  text-align: center;
}

.cos_table_box .table_box {
  width: 1115px;
  position: relative;
  margin: 50px auto;
  font-size: 0;
  display: none;
}

.cos_table_box .table_box.on {
  display: block;
}

.cos_table_box .table_box::after {
  content: '';
  width: 1146px;
  height: 79px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tabel_icon2.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.cos_table_box .table_box::before {
  content: '';
  width: 1146px;
  height: 79px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tabel_icon2.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}

.cos_table_box table {
  width: 100%;
  border-collapse: collapse;
  font-size: 24px;
  color: #d1b9fc;
  border: 1px solid #b236fb;
}

.cos_table_box table::after {
  content: '';
  position: absolute;
  top: -40px;
  left: -60px;
  width: 200px;
  height: 120px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tabel_icon3.png) center center no-repeat;
  background-size: contain;
}

.cos_table_box table::before {
  content: '';
  position: absolute;
  bottom: -235px;
  right: -180px;
  width: 249px;
  height: 428px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/tabel_icon4.png) center center no-repeat;
  background-size: contain;
}

.cos_table_box th {
  color: #f4e2ff;
  background: linear-gradient(to bottom, #862aa3, #a62ec3);
}

.cos_table_box th,
.cos_table_box td {
  border: 1px solid #b236fb;
  padding: 10px 20px;
  font-size: 18px;
}

.cos_table_box th:nth-child(1),
.cos_table_box td:nth-child(1),
.cos_table_box th:nth-child(2),
.cos_table_box td:nth-child(2) {
  width: 240px;
}

.dia {
  position: fixed !important;
  margin: 0 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.dia .dia_close {
  position: absolute;
  top: -50px;
  right: -50px;
  width: 42px;
  height: 42px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/dia_close.png) center center no-repeat;
  background-size: contain;
}

.dia_btn1 {
  width: 275px;
  height: 93px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/dia_btn1.png) center center no-repeat;
  background-size: contain;
}

.pop1 {
  width: 708px;
  height: 390px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/dia_bg1.png) center center no-repeat;
  background-size: contain;
  padding: 60px 40px;
}

.pop1::after {
  content: '';
  position: absolute;
  width: 941px;
  height: 515px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/dia_icon.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 58%;
  left: 58%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.pop1 .dia_tit {
  width: 647px;
  height: 36px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20260326cydj/dia_tit_bg.png) center center no-repeat;
  background-size: contain;
  text-align: center;
  font-weight: 600;
  font-size: 30px;
  color: #e268eb;
  padding-top: 1px;
}

.pop1 .dia_tit > span {
  margin-top: -20px;
  display: block;
}

.pop1 .dia_con {
  font-size: 18px;
  text-align: center;
  color: #b78dea;
  word-break: break-all;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.pop1 .dia_con p {
  font-size: 18px;
  text-align: center;
  color: #b78dea;
  word-break: break-all;
}