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

body,
button,
input,
select,
textarea {
  font-size: 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;
}

.g-wrap {
  -webkit-text-size-adjust: none;
}

.g-wrap a {
  -webkit-tap-highlight-color: transparent;
}

#afooter {
  position: relative;
  padding: 20px 0;
  text-align: center;
  font-size: 20px;
  z-index: 10;
  background-color: #000;
  line-height: 1.4;
}

#afooter,
#afooter a {
  color: silver;
  text-decoration: none;
}

body {
  background-color: #ece1ce;
}

.g-wrap {
  margin: 0 auto 0;
  overflow: hidden;
  position: relative;
  width: 750px;
}

.banner {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/banner.jpg) no-repeat center top;
  width: 100%;
  height: 508px;
  background-size: 100%;
  position: relative;
}

.banner .logo {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/logo.png) no-repeat center top;
  background-size: 100%;
  width: 185px;
  height: 75px;
  position: absolute;
  top: 24px;
  left: 24px;
}

.banner .yyx-logo {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/yyx-logo.png) no-repeat center top;
  background-size: 100%;
  width: 191px;
  height: 39px;
  position: absolute;
  top: 40px;
  right: 30px;
}

.bg1 {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/bg2.jpg) no-repeat center top;
  background-size: 100%;
  width: 100%;
  height: 2899px;
  overflow: hidden;
  margin-top: -1px;
}

.bg1 .part1 {
  margin-top: 66px;
}

.bg1 .part1 .img1 {
  display: block;
  width: 712px;
  height: 341px;
  margin: 16px auto 0;
}

.bg1 .part1 .xz-box {
  margin-top: 65px;
}

.bg1 .part1 .download-item {
  font-size: 0;
  text-align: center;
}

.bg1 .part1 .download-item a {
  display: inline-block;
  vertical-align: top;
  margin: 30px 30px 0;
}

.bg1 .part1 .img2 {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/img2.png) no-repeat center top;
  background-size: 100%;
  width: 228px;
  height: 225px;
}

.bg1 .part1 .img3 {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/img3.png) no-repeat center top;
  background-size: 100%;
  width: 228px;
  height: 225px;
}

.bg1 p {
  font-size: 37px;
  color: #000000;
  text-align: center;
  margin-top: 0px;
}

.bg1 .title1 {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/title1.png) no-repeat center top;
  background-size: 100%;
  width: 483px;
  height: 124px;
  margin: 0 auto 0;
}

.bg1 .title2 {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/title2.png) no-repeat center top;
  background-size: 100%;
  width: 593px;
  height: 122px;
  margin: 0 auto 0;
}

.bg1 .title3 {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/title3.png) no-repeat center top;
  background-size: 100%;
  width: 483px;
  height: 122px;
  margin: 0 auto 0;
}

.bg1 .btn1 {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/btn1.png) no-repeat center top;
  width: 371px;
  height: 99px;
  margin: 16px auto 0;
  background-size: 100%;
  display: block;
}

.bg1 .btn2 {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/btn2.png) no-repeat center top;
  width: 371px;
  height: 99px;
  margin: 30px auto 0;
  background-size: 100%;
  display: block;
}

.bg1 .part2 {
  margin-top: 180px;
}

.bg1 .part2 .img4 {
  display: block;
  margin: 30px auto 0;
  width: 686px;
  height: 379px;
}

.bg1 .part3 {
  margin-top: 120px;
}

.ct3-con {
  width: 686px;
  height: 379px;
  margin: 30px auto 0;
  position: relative;
}

.ct3-con img {
  display: block;
  width: 686px;
  height: 379px;
}

.ct3-con1 {
  width: 690px;
  margin: 28px auto 0;
  position: relative;
}

.ct3-next {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/next.png) no-repeat center top;
  background-size: 100%;
  width: 53px;
  height: 53px;
  right: -20px;
  margin-top: -25px;
}

.ct3-prev {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/prev.png) no-repeat center top;
  background-size: 100%;
  width: 53px;
  height: 53px;
  left: -20px;
  margin-top: -25px;
}

.ct3-swi1 img {
  filter: brightness(0.5);
  width: 220px;
  height: 125px;
  display: block;
  margin: 0 auto;
}

.ct3-swi1 .swiper-slide-thumb-active img {
  filter: brightness(1);
}

.bg2 {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/bg3.jpg) no-repeat center top;
  background-size: 100%;
  width: 100%;
  height: 4734px;
  overflow: hidden;
  margin-top: -1px;
}

.bg2 .title4 {
  background: url(//game.gtimg.cn/images/dnf/cp/a20250722yyx/title4.png) no-repeat center top;
  background-size: 100%;
  width: 484px;
  height: 125px;
  margin: 85px auto 0;
}

.bg2 .img-box {
  position: relative;
}

.bg2 .img-box img {
  display: block;
}

.bg2 .img8 {
  margin: 50px auto 0;
  width: 686px;
  height: 1489px;
  position: relative;
  z-index: 2;
}

.bg2 .img9 {
  margin: -25px auto 0;
  width: 686px;
  height: 1453px;
}

.bg2 .img10 {
  margin: 12px auto 0;
  width: 686px;
  height: 1470px;
}