@charset "UTF-8";
/* reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

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

ol,
ul {
  list-style: none;
}

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

q:before,
q:after {
  content: "";
}

:focus {
  outline: none;
}

fieldset,
img,
abbr,
acronym {
  border: 0;
}

/* basic */
.c:before,
.c:after {
  content: "";
  display: table;
}

.c:after {
  clear: both;
}

.c {
  zoom: 1;
}

body {
  background-color: #d1e7fb;
  overflow-x: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  overflow: hidden;
}

a:hover {
  text-decoration: none;
}

.wrap,
.dnfact_navbg,
.ost,
#afooter,
body {
  min-width: 1600px !important;
  overflow-x: hidden;
  color: #f2f2f2;
  font-size: 27px;
  line-height: 32px;
}

.container {
  width: 1600px;
  margin: 0 auto;
}

.container * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hide {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.db {
  display: block;
  text-indent: -999em;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/* footer */
#afooter {
  text-align: center;
  line-height: 1.6;
  color: #fff;
  background-color: #000;
  padding: 27px 0;
  font-size: 19px;
}

#afooter a {
  color: #fff;
}

[data-animate] {
  opacity: 0;
  -webkit-transform: translateY(53px);
  -moz-transform: translateY(53px);
  -ms-transform: translateY(53px);
  -o-transform: translateY(53px);
  transform: translateY(53px);
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  -o-transition: opacity 0.8s ease, -o-transform 0.8s ease;
  -moz-transition: opacity 0.8s ease, transform 0.8s ease, -moz-transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease, -moz-transform 0.8s ease, -o-transform 0.8s ease;
}

[data-animate].animated {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.wrap * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.top-wrap * {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#topNavWrap {
  z-index: 4;
}

#topNavWrap .top-mask {
  height: 225px !important;
}

.logo {
  /* background: url(//game.gtimg.cn/images/dnf/cp/a20260528ren/logo.png) no-repeat 50% 0;
  width: 247px;
  height: 100px;
  position: absolute;
  left: 113px;
  top: 33px;
  z-index: 99;
  -o-background-size: 100% auto;
     background-size: 100% auto; */
  background: url(//game.gtimg.cn/images/dnf/cp/a20260528ren/logo.png) no-repeat 50% 0;
  width: 185px;
  height: 75px;
  position: absolute;
  left: 85px;
  top: 25px;
  z-index: 99;
  background-size: 100% auto;
}

/* 头部 */
.bottom-tips {
  margin-top: 133px;
  font-size: 28px;
  color: #f4ebdd;
  text-align: center;
  margin-top: 100px;
}

.head {
  height: 970px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/kv.jpg) no-repeat;
  background-size: 100% auto;
  position: relative;
}

.partTitle {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.partTitle img {
  display: block;
  height: 134px;
  margin: 0 auto;
}

.content {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/bg.jpg) no-repeat;
  background-size: 100% auto;
  padding-top: 1px;
  padding-bottom: 200px;
}

.part1-content {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/part1-table1.png) no-repeat;
  background-size: 100% 100%;
  width: 1041px;
  height: 319px;
  margin: 0 auto;
  padding: 38px 40px;
  margin-top: 15px;
}

.part1-content table {
  height: 100%;
  width: 100%;
}

.part1-content table td {
  color: #e3d1b5;
  font-size: 24px;
  text-align: center;
  border-top: 1px solid #9a7c57;
  border-right: 1px solid #9a7c57;
}

.part1-content table td:last-child {
  border-right: none !important;
}

.part1-content table th {
  color: #2a1813;
  font-size: 24px;
  background-color: #9a7c57;
  height: 53px;
}

.part2, .part3, .part4 {
  margin-top: 80px;
}

.part2-content {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/part2.png) no-repeat;
  background-size: 100% 100%;
  width: 1041px;
  height: 683px;
  margin: 0 auto;
  color: #e3dccc;
  font-size: 24px;
  padding: 80px;
  line-height: 1.5;
  margin-top: 20px;
}

.part2-content p {
  margin-bottom: 20px;
}

.part2-content p:last-child {
  margin-bottom: 0;
}

.part3-content {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/part3.png) no-repeat;
  background-size: 100% 100%;
  width: 1041px;
  height: 1103px;
  margin: 0 auto;
  padding: 60px 78px;
  padding-bottom: 0;
  margin-top: 20px;
}

.part3-content .part-table {
  height: 855px;
}

.part-tit {
  margin-bottom: 20px;
}

.part-tit img {
  display: block;
  margin: 0 auto;
  height: 41px;
}

.part-h3 {
  display: flex;
  align-items: center;
  color: #b89467;
  font-size: 24px;
}

.part-h3 img {
  height: 15px;
  display: block;
  margin-left: 7px;
}

.part-table {
  width: 100%;
  margin-top: 20px;
}

.part-table table {
  width: 100%;
  height: 100%;
}

.part-table tr th {
  background-color: #9a7c57;
  color: #2a1813;
  font-size: 24px;
  height: 53px;
  line-height: 53px;
  font-weight: bold;
}

.part-table tr td {
  border: 1px solid #9a7c57;
  color: #e3d1b5;
  font-size: 22px;
  text-align: center;
}

.txt {
  color: #e3d1b5;
  font-size: 23px;
}

.part4-content {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/part4.png) no-repeat;
  background-size: 100% 100%;
  width: 991px;
  height: 7800px;
  margin: 0 auto;
  padding: 60px 58px;
  padding-bottom: 0;
  margin-top: 20px;
}

.part4-content .part-h3 {
  margin-bottom: 5px;
}

.part4-content .txt {
  color: #e3d1b5;
  font-size: 23px;
}

.part4-content .part4-items {
  margin-bottom: 20px;
}

.part4-content .part4-items:last-child {
  margin-bottom: 0;
}

.part4-content .part-table1 {
  height: 474px;
  margin-bottom: 25px;
}

.part4-content .part4-txt p {
  margin-bottom: 40px;
}

.part4-content .part4-txt p:last-child {
  margin-bottom: 0;
}

.part4-content .part-table2 {
  height: 1054px;
}

.part4-content .part-table2 td {
  padding: 10px;
  text-align: left;
}

.part4-content .part-table2 th:nth-of-type(1), .part4-content .part-table2 td:nth-of-type(1) {
  width: 122px;
  text-align: center;
}

.part4-content .part-table2 th:nth-of-type(2), .part4-content .part-table2 td:nth-of-type(2) {
  width: 358px;
  text-align: center;
}

.part4-3 {
  margin-top: 40px;
}

.part-table3 {
  margin: 0 auto;
  margin-top: 20px;
  width: 780px;
  height: 1486px;
}

.part-table3 tr td {
  padding: 10px;
  text-align: center;
}

.part-table3 tr td:nth-of-type(2) {
  text-align: left;
}

.part-table3 th:nth-of-type(1), .part-table3 td:nth-of-type(1) {
  width: 190px;
  text-align: center;
}

.part-table3 img {
  display: block;
  width: 186px;
  height: 121px;
  margin: 0 auto;
  border: 1px solid #957e53;
}

.mt50 {
  margin-top: 30px;
}

.part4-4 {
  margin-top: 42px;
}

.part-table4 {
  height: 128px;
}

.part4-5 {
  margin-top: 40px;
}

.part-table5 {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  width: 574px;
  height: 410px;
}

.part-table6 {
  margin: 20px auto;
  width: 575px;
  height: 408px;
}

.part5-content {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/part5.png) no-repeat;
  background-size: 100% auto;
  margin: 0 auto;
  width: 1041px;
  height: 1827px;
  padding: 60px 58px;
  padding-bottom: 0;
}

.part5-content .txt {
  font-size: 24px;
}

.part5-content .part4-items {
  margin-bottom: 80px;
}

.part5-content .part4-items:last-child {
  margin-bottom: 0;
}

.part5-table {
  height: 420px;
  margin: 20px auto;
}

.part5-table2 {
  height: 420px;
  margin: 20px auto;
  margin-top: 20px;
}

.part5-table3 {
  width: 572px;
  height: 180px;
  margin: 20px auto;
  margin-bottom: 20px;
}

.part6-content {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/part6.png) no-repeat;
  background-size: 100% auto;
  width: 1041px;
  height: 2392px;
  margin: 0 auto;
  padding: 60px 58px;
  padding-bottom: 0;
}

.part6-table {
  height: 2038px;
}

.part6-table tr td:nth-of-type(2) {
  text-align: left;
  padding: 10px;
}

.part6-table tr th {
  line-height: 1.3;
  height: 78px;
}

.part6-table tr td:nth-of-type(1), .part6-table tr th:nth-of-type(1) {
  width: 254px;
}

.part6-table tr td:nth-of-type(3), .part6-table tr th:nth-of-type(3) {
  width: 138px;
}

.part6-table tr td:nth-of-type(4), .part6-table tr th:nth-of-type(4) {
  width: 148px;
}

.part7-content {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/part7.png) no-repeat;
  background-size: 100% auto;
  width: 1041px;
  height: 377px;
  margin: 0 auto;
  padding: 60px 58px;
  padding-bottom: 0;
  line-height: 1.8;
}

.part8-content {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/part8.png) no-repeat;
  background-size: 100% auto;
  width: 1041px;
  height: 407px;
  margin: 0 auto;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.part8-swiper {
  position: relative;
  width: 100%;
  height: 100%;
}

.part8-swiper .swiper {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.part8-swiper .swiper-slide {
  height: 100%;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
}

.part8-swiper .swiper-slide p {
  text-align: center;
  color: #e3d1b5;
  font-size: 20px;
}

.part8-swiper .swiper-slide .box {
  position: relative;
}

.part8-swiper .swiper-slide .box .img2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 5px;
  height: 240px;
  width: 240px;
  object-fit: cover;
}

.part8-swiper .swiper-slide .box .img2 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.part8-swiper .swiper-slide img {
  display: block;
  width: auto;
  height: 284px;
  margin: 0 auto;
}

.part8-swiper .swiper-button-prev,
.part8-swiper .swiper-button-next {
  width: 111px;
  height: 111px;
  margin-top: -55px;
  outline: none;
}

.part8-swiper .swiper-button-prev::after,
.part8-swiper .swiper-button-next::after {
  font-size: 28px;
  color: #c9a46a;
  font-weight: bold;
}

.part8-swiper .swiper-button-prev {
  left: 10px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/prev.png) no-repeat;
  background-size: 100% 100%;
}

.part8-swiper .swiper-button-next {
  right: 10px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/next.png) no-repeat;
  background-size: 100% 100%;
}

.top {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/top.png) no-repeat;
  background-size: 100% 100%;
  display: none;
  width: 136px;
  height: 139px;
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 99;
  cursor: pointer;
}

.top.show {
  display: block;
}

.tab {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
}

.tab a {
  display: block;
  margin: 0 30px;
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/tab1.png) no-repeat;
  background-size: 100% 100%;
  width: 348px;
  height: 86px;
}

.tab a.active {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/tab1-1.png) no-repeat;
  background-size: 100% 100%;
}

.tab .btn2 {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/tab2.png) no-repeat;
  background-size: 100% 100%;
}

.tab .btn2.active {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/tab2-1.png) no-repeat;
  background-size: 100% 100%;
}

.tab .btn3 {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/tab3.png) no-repeat;
  background-size: 100% 100%;
}

.tab .btn3.active {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/tab3-1.png) no-repeat;
  background-size: 100% 100%;
}

.fix {
  background: url(https://game.gtimg.cn/images/dnf/cp/a20261022destiny/news.png) no-repeat;
  background-size: auto 100%;
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 551px;
  height: 339px;
}