@charset "UTF-8";
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form { margin: 0; }
body, button, input, select, textarea { font-size: 0.24rem; 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; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; }
.clearfix { *zoom: 1; }
body { background: #0e0516; position: relative; font: 12rem / 1.5 '\5FAE\8F6F\96C5\9ED1', tahoma, '\5b8b\4f53', '\9ED1\4f53', sans-serif; font-size: 20rem; color: #fff; }
* { box-sizing: border-box; }
img { object-fit: contain; }
.btn { display: flex; }
.flex { display: flex; justify-content: center; align-items: center; }
html, body { font-size: calc(100vw / 2560); }
#afooter { text-align: center; color: #cccccc; background-color: #000; padding: 20rem 0; font-size: 20rem; }
#afooter a { color: #cccccc; }
.header { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; position: absolute; left: 0; top: 0; padding-left: 0; }
.header .headBtns { display: flex; align-items: flex-start; background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/headBtn.png) no-repeat center center/100% 100%; width: 507rem; height: 106rem; padding-left: 20rem; margin-top: 35rem;padding-right: 95rem;}
.header .headBtns a{ display: block; width: 50%; height: 100%; }
.logo { display: block; width:436rem; height: 267rem; background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/logo.png) center top no-repeat; background-size: 100% 100%; background-size: contain; z-index: 99;margin-top: -20rem;margin-left: -20rem; }
.wrap, .dnfact_navbg, .ost, #afooter, body { overflow-x: hidden; }
.wrap { width: 100%; height: 100vh; background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/bg.jpg) 50% 50%/cover no-repeat; overflow: hidden; color: #fff; }
.container { width: 1440rem; margin: 0 auto; position: relative; }
.container * { 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; }
.content { display: flex; flex-direction: column; align-items: center; position: absolute; bottom: 25rem; width: 100%; }
.wrap * { box-sizing: border-box; }
.part .tit { margin: 0 auto; }
.part { width: 1440rem; display: flex; flex-direction: column; align-items: center; }
.text1 { font-size: 20rem; color: #fff; text-align: center; }
.slogan { display: block; margin: 0 auto; width: 851rem; height: 402rem; }
.bottom-tips { font-size: 20rem; color: #d8b386; margin-top: 30rem; }
.btns { display: flex; justify-content: center; }
.btns .btn{ display: block; width: 389rem; height: 148rem; margin: -25rem -6rem; }
.btns .btn1{background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/btn1.png) no-repeat;background-size: 100% auto;}
.btns .btn1:hover{background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/btn1_cur.png) no-repeat;background-size: 100% auto;}
.btns .btn2{background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/btn2.png) no-repeat;background-size: 100% auto;}
.btns .btn2:hover{background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/btn2_cur.png) no-repeat;background-size: 100% auto;}
.btns .btn3{background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/btn3.png) no-repeat;background-size: 100% auto;}
.btns .btn3:hover{background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/btn3_cur.png) no-repeat;background-size: 100% auto;}
.btns .btn4{background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/btn4.png) no-repeat;background-size: 100% auto;}
.btns .btn4:hover{background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/btn4_cur.png) no-repeat;background-size: 100% auto;}
.btns .btn5{background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/btn5.png) no-repeat;background-size: 100% auto;}
.btns .btn5:hover{background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/btn5_cur.png) no-repeat;background-size: 100% auto;}
.btns .btn6{background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/btn6.png) no-repeat;background-size: 100% auto;}
.btns .btn6:hover{background: url(//game.gtimg.cn/images/dnf/cp/a20260910first/btn6_cur.png) no-repeat;background-size: 100% auto;}