body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0;padding:0;}
body{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif;padding-top:42px;background:#1b366d;font-family:'\65b9\6b63\5170\4ead\9ed1'; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,b,i{font-style:normal;}
a{text-decoration:none;}
img{border:0;}
button,input,select,textarea{font-size:100%;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
td,th,ul,ol{padding:0;list-style-type:none;}
.clearfix:after{content:"\0020";height:0;display:block;clear:both;}
.hidden{display:block;width:0;height:0;overflow:hidden;}
.gray{ pointer-events:none; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: grayscale(1); -webkit-transform: translateZ(0);} 
.bd{ color:#f2fefe; font-weight:bold; letter-spacing:1px; text-shadow:-1.5px -1.5px 0 #101b34,0 -1.5px 0 #101b34,1.5px -1.5px 0 #101b34,1.5px 0 0 #101b34,1.5px 1.5px 0 #101b34,0 1.5px 0 #101b34,-1.5px 1.5px 0 #101b34,-1.5px 0 0 #101b34;}
a:hover{text-decoration: none;-webkit-filter: brightness(1.1);filter: brightness(1.1);}

/* footer */
#afooter{width:100%;z-index:1000;text-align:center;line-height:20px;background-position:top;color:#cccccc;background-color:#000000;padding:20px 0;}
#afooter .wrap_ied{padding:15px;}
#afooter .copyright{position:relative;z-index:3;padding-top:10px;line-height:26px;}
#afooter .copyright span a,#footer .copyright span a:hover{margin:0 5px;}
#theme_foot{position:absolute;z-index:1;left:50%;width:980px;margin-left:-490px;}
#afooter .notice{display:none;}
#afooter a{color:#cccccc;}

/*右上角*/
.right-top-box{ width:321px; height:103px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/right-top-bg.png) no-repeat; position:absolute; right:0; top:0; z-index:99;}
.right-top-box a{ display:block; width:90px; height:40px; float:left; margin-top:37px;}
.right-top-box .down-btn{ margin-left:31px;}
.right-top-box .home-btn{ margin-left:43px;}

/*wrap*/
.wrap{ width:100%; position:relative; overflow:hidden; min-width:1400px;}
.logo{ display:block; width:467px; height:94px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/logo.png) no-repeat; position:absolute; left:56px; top:31px; z-index:9;}
.login-box{ width:100%; line-height:30px; color:#a9c1c8; text-align:center; font-size:20px; position:absolute; left:0; top:655px; z-index:999;}
.login-box a,.login-box span{ color:#f64264; cursor:pointer;z-index:999;}

/*header*/
.header-wrap{ width:100%; height:985px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/wrap-header.jpg) no-repeat center top;}
.header{ height:985px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/header.jpg) no-repeat; position:relative; overflow:hidden;}
.header,.content{ width:1400px; margin:0 auto;}
.hd-act-list{ width:100%; position:absolute; left:0; top:684px;}
.hd-act-list li{ float:left; position:relative;}
.hd-act-list li.act-md{ width:243px; height:256px; margin:6px 12px 0 12px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/hd-act-md.png) no-repeat;}
.hd-act-list .act-md-box{ display:flex; justify-content: center; align-items: center; margin-top:90px;}
.act-icon-box{ width:75px; height:69px; position:relative;}
.act-icon-box img{ display:block; width:33px; height:33px; margin:0 auto;}
.act-icon-box p{ width:85px; position:absolute; left:-5px; top:40px; text-align:center; line-height:14px; font-size:12px; color:#f7efff;}
.act-icon-box2{ width:47px; height:48px; margin:12px 9px 9px 9px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/que-icon.png) no-repeat;}
.hd-act-list .act-li1,.hd-act-list .act-li1 a{ width:293px; height:255px;}
.hd-act-list .act-li1{ margin-left:75px;}
.hd-act-list .act-li1 a{ background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/hd-pic1.png) no-repeat;}
.hd-act-list .act-li2,.hd-act-list .act-li2 a{ width:194px; height:231px;}
.hd-act-list .act-li2 a{ margin-top:24px; float:left; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/hd-pic2.png) no-repeat;}
.hd-act-list .act-li3,.hd-act-list .act-li3 a{ width:194px; height:231px;}
.hd-act-list .act-li3 a{ margin-top:24px; float:left; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/hd-pic3.png) no-repeat;}
.hd-act-list .act-li4{ width:194px; height:231px; margin-left:10px;}
.hd-act-list .act-li4 a{ position:absolute; left:0;}
.hd-act-list .act-li4 a.hd-lk4{ width:231px; height:156px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/hd-pic4.png) no-repeat; bottom:96px;}
.hd-act-list .act-li4 a.hd-lk5{ width:194px; height:112px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/hd-pic5.png) no-repeat; bottom:-22px;}

.hd-act-list .act-li2::after{ content:''; width:189px; height:93px; position:absolute; right:-49px; bottom:-44px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/des2.png) no-repeat;}
.hd-act-list .act-li4::after{ content:''; width:158px; height:113px; position:absolute; right:-144px; top:0; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/des1.png) no-repeat;}
.hd-act-list li a{ display:block; transition: transform 0.5s ease;}
.hd-act-list li a:hover{ transform: translate(0, -4px);}
.md-get-btn{ display:block; width:155px; height:47px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/hd-get-btn.png) no-repeat; margin:20px auto 0;}
.md-get-btn.gray{ background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/hd-got-btn.png) no-repeat;}
.hd-act-list li a.md-get-btn{transform: translate(0, 0);}

/*content*/
.wrap-content{ width:100%; height:3997px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/wrap-content.jpg) no-repeat center top;}
.content{ height:3997px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/content.jpg) no-repeat center top;}
.part01,.part02,.part03{ overflow:hidden;}

/*part01*/
.part01{ height:940px;}
.p1-txt{ width:660px; font-size:22px; color:#ffebeb; line-height:36px; text-align:center; margin:300px 0 11px 60px;}
.p1-txt span{ display:inline-block; width:167px; height:31px; line-height:31px; text-align:center; color:#123f5c; font-size:22px; font-weight:bold; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/refresh-icon.png) no-repeat; margin-left:11px;}
.hl-list{ width:660px; margin-left:60px; display:flex; flex-wrap:wrap; justify-content:center;}
.hl-list li{ width:221px; height:144px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/p1-dj-bg.png) no-repeat; position:relative; margin:0 4px 0 4px;}
.hl-list li img{ display:block; width:44px; height:44px; margin:36px auto 0; border-radius:2px; border:#f76e6a solid 1px;}
.hl-list li p{ width:100%; line-height:32px; color:#1b2224; text-align:center; font-size:18px; font-weight:bold; position:absolute; left:0; top:101px;}
.get-btn{ display:block; width:264px; height:68px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/get-btn.png) no-repeat; margin:16px 0 0 256px;}
.get-btn.gray{ background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/got-btn.png) no-repeat;}
.hl-title{ width:600px; margin:50px 0 0 139px; display:flex; align-items: center;}
.hl-title i{ display:inline-block; width:355px; height:61px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/hl-sub-title.png) no-repeat; font-size:0;}
.hl-title strong{ display:inline-block; width:171px; height:31px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/lj-icon.png) no-repeat; text-align:center; line-height:31px; font-size:22px; color:#10141c; font-weight:bold;} 
.lj-list{ width:; margin:18px 0 0 161px;}
.lj-list li{ width:178px; height:193px; float:left; margin-right:10px; position:relative; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/lj-rew-bg.png) no-repeat; position:relative; overflow:hidden;}
.lj-list li strong{ display:block; text-align:center; margin-top:3px; line-height:36px; color:#ffffff; font-weight:bold; font-size:18px; text-shadow: 0 0 3px #703f3e,0 0 3px #703f3e,0 0 3px #703f3e,0 0 3px #703f3e,0 0 3px #703f3e,0 0 3px #703f3e,0 0 3px #703f3e,0 0 3px #703f3e;} 
.lj-list li img{ display:block; width:37px; height:37px; margin:19px auto 9px; border-radius:2px; border:#f76e6a solid 1px;} 
.lj-list li p{ width:100%; text-align:center; line-height:18px; color:#e5514e; font-size:16px;}
.lj-list li a{ display:block; width:178px; height:37px; text-align:center; line-height:32px; color:#ffffff; position:absolute; left:0; bottom:0; font-size:20px; font-weight:bold;}
.lj-list li a.gray{ background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/lj-got-btn.png) no-repeat; font-size:0;}

/*part02*/
.part02{ height:842px;}
.p2-txt{ text-align:center; line-height:28px; color:#c99396; font-size:20px; margin-top:174px;}
.lty-box{ width:528px; height:530px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/lty-bg.png) no-repeat; float:left; position:relative; margin:22px 18px 0 69px;}
.lottery-list{ width:513px; height:504px; position:relative;}
.lottery-list li{ width:164px; height:152px; font-size:0; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/lty-rew-bg.png) no-repeat; position:absolute; overflow:hidden;}
.lottery-list li img{ display:block; width:44px; height:44px; margin:30px auto 0; border-radius:2px; border:#dc4f4d solid 1px;} 
.lottery-list li p{ width:100%; text-align:center; height:37px; line-height:37px; color:#11152b; font-size:14px; position:absolute; left:0; bottom:0;}
.lottery-list li.lty1{ left:11px; top:22px;}
.lottery-list li.lty2{ left:181px; top:22px;}
.lottery-list li.lty3{ left:353px; top:22px;}
.lottery-list li.lty4{ left:353px; top:187px;}
.lottery-list li.lty5{ left:353px; top:354px;}
.lottery-list li.lty6{ left:181px; top:354px;}
.lottery-list li.lty7{ left:11px; top:354px;}
.lottery-list li.lty8{ left:11px; top:187px;}
.lottery-list .lty-mask{ display:none; width:164px; height:152px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/lty-mask.png) no-repeat; position:absolute; left:0; top:0;}
.lottery-btn{ display:block; width:164px; height:152px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/lty-btn.jpg) no-repeat; position:absolute; left:181px; top:188px; overflow:hidden;}
.lottery-num{ display:block;width:100%;line-height:26px;color:#11152b;text-align:center;font-size:14px; margin:111px auto 0;}
.task-box{ width:758px; float:left; margin:22px 0 0 0;}
.day-title,.week-title{ width:250px; height:44px; font-size:0; margin:0 0 7px -19px; float:left;}
.day-title{ background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/day-title.png) no-repeat;}
.week-title{ background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/week-title.png) no-repeat; margin-top:10px;}
.task-list{ width:758px; height:209px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/task-bg.png) no-repeat; float:left;}
.task-list li{ width:758px; height:102px; position:relative; float:left;overflow:hidden;}
.task-list li p{ margin-top:23px; padding-left:24px; box-sizing:border-box; line-height:30px; font-size:16px; color:#a57a7a;} 
.task-list li p strong{ display:block; color:#ffdcdc; font-weight:bold; font-size:22px;}
.task-list li p strong span{ font-size:14px;}
.task-btn{ display:block; width:143px; height:42px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/task-btn.png) no-repeat; position:absolute; right:19px; bottom:32px; text-align:center; line-height:42px; color:#ffffff; font-size:20px; font-weight:bold;}
.task-btn.gray{ color:#11152b;}
.task-box-icon{ width:224px; height:98px; position:absolute; right:156px; top:17px;display:flex; flex-wrap:wrap; justify-content:center;}
.task-icon{ width:94px;}
.task-icon img{ display:block; width:30px; height:30px; margin:0 auto 5px; border-radius:2px; border:#dc4f4d solid 1px;}
.task-icon i{ display:block; width:112px; margin-left:-10px; text-align:center; line-height:18px; color:#a57a7a; font-size:16px;}
	
/*part03*/
.part03{ height:auto;}
.p3-act{ display:flex; flex-wrap:wrap; justify-content:center;}
.p3-act-in{ width:350px; height:225px; margin:0 17px 18px 17px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/act-bg.png) no-repeat; position:relative;transition: transform 0.5s ease;}
.p3-act-in:hover{ transform: translate(0, -7px);}
.p3-act-hide{ background:none;}
.p3-act-hide i,.p3-act-hide p,.p3-act-hide div,.p3-act-hide a,.p3-act-hide em{ display:none;}
.p3-act-num{ display:block; width:48px; height:49px; line-height:49px; margin:17px 0 0 152px; text-align:center; color:#11152b; font-size:17px;}
.p3-act-tit{ font-weight:bold; margin:0 auto 0; text-align:center; line-height:34px; font-size:18px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#d3f3fc), to(#fcfeff));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.p3-act-desc{ height:54px; line-height:20px; color:#9c7878; font-size:16px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align:center;}
.p3-act-icon{ width:202px; height:46px; position:absolute; left:8px; bottom:12px; display:flex; flex-wrap:wrap; justify-content:center;}
.p3-act-icon-con{ display:block; width:36px; height:36px; float:left; margin-right:6px; overflow:hidden;}
.p3-act-icon-con img{ display:block; width:36px; height:36px;}
.p3-get-text{ display:block; width:124px; height:43px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/ret-get-btn.png) no-repeat; position:absolute; right:18px; bottom:19px; font-size:0;} 
.p3-get-text2{ right:112px;}
.p3-get-btn{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.ewm-box1,.ewm-box2{ display:none; width:300px; height:448px; position:absolute; left:25px; bottom:-20px;}
.ewm-box1{ background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/ewm-box1.png) no-repeat; background-size:300px 448px;}
.ewm-box2{ background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/ewm-box2.png) no-repeat; background-size:300px 448px;}
.p3-act-in2:hover .ewm-box1,.p3-act-in2:hover .ewm-box2{ display:block;}
.p3-act-in2 .p3-act-icon img{ border-radius:9px;}

/*轮播*/
.sow-box{width:100%;height:850px;margin:196px auto 0;position:relative;overflow:hidden;}
.sow-box .swiper-container{width:1300px;height:850px; margin:0 auto;position:relative;overflow:hidden;}
.sow-box .swiper-pagination{width:100%;font-size:0;top:746px;left:0;}
.sow-box .swiper-pagination-bullet{width:78px;height:14px; margin:0 11px 0 11px; border:#1e3359 solid 1px; border-radius:0; background:#ffdcdc; opacity:1;}
.sow-box .swiper-pagination-bullet-active{ background:#e86563;}

/*rule*/
.rule{ width:1120px; margin:52px 0 0 155px;}
.faq-title{ width:1090px; height:60px; margin-bottom:25px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/faq-title.png) no-repeat; font-size:0;}
.rule-text{ width:1054px; margin:0 0 10px 30px; font-size:18px; color:#ffffff; line-height:32px; position:relative; text-align:justify;}
.rule-text strong{ display:block; font-weight:bold; font-size:20px; position:relative;} 
.rule-text strong::before{ content:''; width:22px; height:22px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/faq-icon.png) no-repeat; position:absolute; left:-31px; top:5px;}
.rule-text span{ color:#e5514e;} 
.rule-text2{ margin-bottom:5px;}

/*pop*/
.pop{display:none; outline:none; width:1125px; height:738px; float:left; position:relative; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/pop1.png) no-repeat;}
.pop .pop-close{ display:block; width:50px; height:50px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/close-btn.png) no-repeat; position:absolute; right:0; top:-47px;}
.pop-tit{ width:100%; height:130px; font-size:0;}
.pop-tab{ width:1035px; margin:38px auto 0;}
.pop-tab tr th{ background:#26b1fa; padding:10px 0 10px 0; border:#26b1fa solid 1px; text-align:center; color:#1a2123; font-size:18px;}
.pop-tab tr th.w1,.pop-tab tr th.w2{ border-right:#26b1fa solid 1px;}
.pop-tab tr td{ height:78px; vertical-align:middle; line-height:24px; text-align:center; color:#66ddff; border:#26b1fa solid 1px; font-size:16px; padding:0 25px 0 25px;}
.pop-page-turning{ margin-top:13px; text-align:center; line-height:50px; color:#66ddff; font-size:26px;}
.pop-page-turning a{ color:#66ddff; display:inline-block; padding:0 15px 0 15px;}
.pop-page-turning a:hover{ color:#155ccf; text-decoration:underline;}
.pop-tips{ text-align:center; line-height:32px; color:#000000; font-size:18px;}
.pop-invi-btnbox{ width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.pop-invi-btnbox a{ display:block; width:386px; height:125px; margin:0 auto 0; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/pop-btn.png) no-repeat; font-size:0;}
.pop2{ width:1125px; height:540px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/pop2.png) no-repeat;}
.pop2 .pop-ipt{ display:block; width:420px; height:36px; line-height:36px; font-size:16px; text-align:center; border:#000000 solid 1px; margin:58px auto 41px; outline:none; background:none;}
.invi-layer-txt{ width:1000px; height:220px; margin:18px auto 0; color:#66ddff; font-size:20px; line-height:30px; display: flex; flex-direction: column; justify-content: center; align-items: center;  text-align:center;}

/*挂件*/
.pendant-pc{ display:block; width:270px; height:324px; background:url(//game.gtimg.cn/images/dnf/cp/a20250807index/pendant-pc.png) no-repeat; position:fixed; right:0; top:300px; z-index: 999;;}