/* 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: ''; }  
fieldset, img, abbr, acronym { border: 0; } 

.c:before, .c:after { content: ""; display: table; }  
.c:after { clear: both; }  
.c { zoom: 1; }

body { font: 12px/1.5 'font1', tahoma, '\5b8b\4f53', "\9ED1\4F53", sans-serif; background-color: #2a201c; overflow-x: hidden; box-sizing: border-box; }
a { text-decoration: none; overflow: hidden; }
/*a:hover { text-decoration: underline; }*/

.wrap, .dnfact_navbg, .ost, #afooter, body { min-width: 1200px !important; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1202?'1200px':''); overflow-x: hidden; }  
.container { width: 1300px; margin: 0 auto; }  
.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; }
/* footer */

#afooter { text-align: center; line-height: 1.6; color: #fff; background-color: #000; padding: 20px 0; font-size: 18px; }

#afooter a { color: #fff; }

.content * { box-sizing: border-box; }
/* 通用样式 */
@font-face { font-family: 'font1'; src: url('//game.gtimg.cn/images/dnf/cp/a20260910resist/font1.ttf'); }
@font-face { font-family: 'font2'; src: url('//game.gtimg.cn/images/dnf/cp/a20260910resist/font2.ttf'); }

.top-wrap { height: 230px; }

.wrap { background: url(//game.gtimg.cn/images/dnf/cp/a20260910resist/rp1.jpg) no-repeat 50% 0, url(//game.gtimg.cn/images/dnf/cp/a20260910resist/rp2.jpg) no-repeat 50% 765px; overflow: hidden; padding-bottom: 220px; margin: 0 auto; background-size: 100% auto;font-family: 'font1';}
/* 头部 */
.head { position: relative; height: 778px; width: 1200px;margin: 0 auto;}

.logo { background: url(//game.gtimg.cn/images/dnf/cp/a20260910resist/logo.png) no-repeat 50% 0; width: 185px; height: 75px; position: absolute; left: 85px; top: 25px; z-index: 99; background-size: 100% auto; }

.tabs{display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.tabs a{background: url(//game.gtimg.cn/images/dnf/cp/a20260910resist/btn1.png) no-repeat 50% 0;width: 337px;height: 98px;font-family: 'font2';font-size: 36px;color: #ffffff;text-align: center;line-height: 90px;margin: 0 32px;}
.tabs a.active{background: url(//game.gtimg.cn/images/dnf/cp/a20260910resist/btn2.png) no-repeat 50% 0;color: #753e19;}

.btn_top{background: url(//game.gtimg.cn/images/dnf/cp/a20260910resist/btn-top.png) no-repeat 50% 0;width: 120px;height: 164px;position: fixed;bottom: 10%;right: 280px;opacity: 0;pointer-events: none;z-index: 100;}
.btn_top.show{opacity: 1;pointer-events: all;}
.content{background: url(//game.gtimg.cn/images/dnf/cp/a20260910resist/bg2.png) repeat-y 50% 0;width: 1198px;margin: 100px auto 0;position: relative;background-size: 100% auto;}
.content:before,.content:after{content: '';background: url(//game.gtimg.cn/images/dnf/cp/a20260910resist/bg1.png) no-repeat 50% 0;background-size: 100% auto;width: 1198px;height: 62px;position: absolute;left: 0;}
.content:before{top: -42px;}
.content:after{bottom: -42px;background: url(//game.gtimg.cn/images/dnf/cp/a20260910resist/bg3.png) no-repeat 50% 0;background-size: 100% auto;}
.panel{width: 1132px;border: 1px dashed #82623e;margin: 0 auto;position: relative;z-index: 2;box-sizing: border-box;padding: 36px 30px 36px 50px;font-size: 28px;color: #4b3627;line-height: 42px;display: none;}
.panel.active{display: block;}
.pic1{display: block;width: 804px;margin: 0 auto;}
.plain-block{margin: 10px auto;font-weight: bold;padding-left: 20px;text-indent: -20px;}
.plain-block1{margin: 26px auto 0;}
.sub-title{display: flex;justify-content: flex-start;align-items: center;margin: 40px 0 10px -42px;}
.sub-title i{background: url(//game.gtimg.cn/images/dnf/cp/a20260910resist/icon1.png) no-repeat 50% 0;width: 53px;height: 53px;}
.sub-title span,.minor-title{font-family: 'font2';font-size: 60px;line-height: 70px;padding-left: 6px;color: #8a581f;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#aa6d25), to(#7c4f1c)); -webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;}
.minor-title{font-size: 40px;}
.plain-sub-dash{font-size: 24px;color: #4b3627;padding-left: 22px;line-height: 38px;margin: 0 auto;font-weight: normal;text-indent: 0;}
.pic2{display: block;width: 194px;margin: 10px auto;}
.pic3{display: block;width: 343px;margin: 10px auto;}
.pic4{display: block;width: 378px;margin: 10px auto;}
.pic5{display: block;width: 249px;margin: 10px auto;}

.table-box{width: 1030px;border: 2px solid #543f30;border-radius: 20px;margin: 20px auto 10px;background: #f0e8d9;overflow: hidden;}
.table-box table{font-size: 21px;color: #4b3627;text-align: center;line-height: 30px;width: 100%;}
.table-box table th{background: #80603d;height: 78px;color: #f0e8d9;text-align: center;font-size: 24px;border: 1px solid #4b3627;border-top: 0;}
.table-box table td{border: 1px solid #4b3627;padding: 16px;}
.table-box table th:first-child,.table-box table td:first-child{border-left: 0;width: 40%;}
.table-box table th:last-child,.table-box table td:first-child{border-right: 0;}

.table-box table.info-table1 td:first-child{border: 1px solid #4b3627;}
.table-box table.info-table1 tr:nth-child(2) td:first-child{border-left: 0;}

.table-box table td.td1{text-align: left;padding-left: 110px;}
.table-box1 table th,.table-box1 table td{width: 33% !important;}
.table-box2 table th,.table-box2 table td{width: 20% !important;}
.table-box3 table th,.table-box3 table td{width: auto !important;}
.table-box4 table th,.table-box4 table td{width: auto !important;}
.table-box4 table td{font-size: 18px;}
.table-box4 table td:last-child{font-size: 18px;padding: 16px 0;}
.table-box4 table td img{display: block;width: 38px;margin: 0 auto;}
.table-box4 table th:first-child{width: 110px !important;}
.table-box4 table th:nth-child(2){width: 240px !important;}
.table-box4 table th:nth-child(3){width: 106px !important;}
.image-card{display: flex;justify-content: center;align-items: flex-start;}
.pic6{display: block;width: 246px;margin: 10px 30px 0;}
.pic7{display: block;width: 195px;margin: 10px 30px 0;}
.pic8{display: block;width: 948px;margin: 10px auto 0;}
.pic9{display: block;width: 194px;margin: 10px auto 0;}
.pic10{display: block;width: 680px;margin: 10px auto 0;}
.pic11{display: block;width: 684px;margin: 10px auto 0;}
.pic12{display: block;width: 418px;margin: 10px auto 0;}
.pic13{display: block;width: 688px;margin: 10px auto 0;}
.pic14{display: block;width: 691px;margin: 10px auto 0;}
.inline-img1{display: block;width: 815px;margin: 10px auto 0;}

.plain-list-item{font-size: 24px;line-height: 38px;}
.panel3 .plain-sub-dash{margin: 20px auto;}

.table-box6 table th:first-child,.table-box6 table td:first-child{width: 210px;padding: 0;}
.table-box6 table td img{display: block;width: 60px;margin: 0 auto;}

.disclaimer{font-size: 24px;color: #ffffff;text-align: center;line-height:34px;margin:60px auto 0;}
.table-box5 table th{font-size: 22px;padding: 5px;}
.table-box5 table td{font-size: 18px;width: 76px;padding: 16px 10px;}
.table-box5 table th:first-child,.table-box5 table td:first-child{width: 130px;}
.table-box5 table td:nth-child(2){width: 350px;}
.table-box5 table td:nth-child(3){width: 150px;}
