body{min-width: 1000px; font-family: "Microsoft Yahei","Simsun"; font-size: 14px; overflow-x:hidden; -webkit-text-size-adjust: none; }
.global-footer {background:#000;   width: 100%; height: 40px; padding: 20px 0;}
.ico{vertical-align: middle; background: url(http://ue1.17173cdn.com/a/dnf/zt/2015/column/epic/img/sprite.png) no-repeat; display: inline-block}
.ico-yz{width:21px; height: 17px;}
.ico-yy{width:21px; height: 17px; background-position: -41px 0}
.ico-edit{background-position:-211px -33px; width: 31px; height: 30px;}
.ico-join{background-position:-138px -34px; width: 31px; height: 29px;}
.ico-other{background-position:-283px -33px; width: 31px; height: 29px;}

.mask { overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%;  background: #000; filter: alpha(opacity=80); opacity: .8; }
:root .mask { filter: none \0;} 


.wrapper-ex{ background:#020101 url(http://i1.17173cdn.com/2fhnvk/YWxqaGBf/cms3/hlCdTAbkzksuimg.jpg) no-repeat center 0;}


.pn-cover{position: relative; width: 100%; overflow: hidden;}
.logo-box{position: relative; width: 1000px; margin: 0 auto}
.logo-173,.logo-dnf{position: absolute; left:130px;  top:55px; z-index:10}
.logo-box .logo-dnf{left: 0; top: 20px}

/*focus*/
.scroll-pn{*zoom:1; position:relative; margin:0 auto; height:840px; overflow: hidden;}
.scroll-pn .scroll-box{ position:relative; overflow:hidden; *zoom:1; width:100%;}
.scroll-pn .scroll-con{white-space:nowrap; font-size:0; vertical-align:top; position: relative; overflow:visible}
.scroll-pn .scroll-item{ display:inline-block; float:none; *display:inline; *zoom:1; vertical-align:top; text-align:center; position:relative;}

.scroll-pn .scroll-bt-prev, .scroll-pn .scroll-bt-next{position: absolute;z-index:9; overflow:hidden;}
.navi { text-align:center; font-size:0; position: absolute; bottom:0; left:50%; margin-left: -105px; width: 210px;height:6px;}
.navi a{ display:inline-block; width:60px; height:6px; background-color:#999eb2;  margin:0 5px;}
.navi a:hover,.navi .active{ background-color:#00b4ff;}
.bt-prev,.bt-next{background: url(http://ue1.17173cdn.com/a/dnf/zt/2015/mf2/img/sprite.png); width:32px; height: 61px; top: 40%; margin-top: -30px;}
.bt-prev{left:90px}
.bt-next{background-position:-64px 0; right:30px}

.pn-main{width:1000px; height:460px; position: absolute; bottom:70px; left: 50%; margin-left: -500px; color: #ffead3; text-align: center;}
.pn-main .tit{font-weight: bold; font-size:110px;text-shadow: 2px 2px 20px black;}
.pn-main .txt{font-size:32px;text-shadow: 2px 2px 20px black;}
.video-box .con{width:278px; height: 92px; background: url(http://i2.17173cdn.com/2fhnvk/YWxqaGBf/cms3/qhsySUbkhgBqpvn.png) no-repeat 0 -85px; margin:40px auto 50px; cursor: pointer;}
.ue-dialog-video{ outline: none; background: #000}
.ue-dialog-video .dialog-close{ position:absolute; right:0; top:0; font-size:35px; color:#fff; width:30px; text-align:center; height:30px; line-height:24px; _line-height:34px; z-index:10;}
.ue-dialog-video .dialog-close:hover{ color:#fff; text-decoration:none;}
.ue-overlay{ overflow: hidden; *zoom:1; }
.nav{margin: 0 -20px; text-align: center;}
.nav a{display:inline-block; width:100px; height: 37px; background: url(http://ue1.17173cdn.com/a/dnf/zt/2015/mf2/img/sprite.png); margin: 0 20px; padding-left: 55px; text-align: left;}
.nav a .tit{color:#ffead3; font-weight: bold; font-size: 22px; display: block; margin-top: -6px;text-shadow: 2px 2px 20px black;}
.nav a .tit-en{color:#ffead3; font-size: 9px; font-family: Arial; display: block;text-shadow: 2px 2px 20px black;}
.nav a:hover .tit{color: #eee}
.nav .item1{background-position:0 -220px;}
.nav .item2{background-position:0 -280px;}
.nav .item3{background-position:0 -339px;}
.nav .item4{background-position:0 -398px;}


.header{height: 460px; width:1000px; margin: 0 auto; position: relative;}
.header .logo-dnf{position: absolute; left: 0px ; top: 10px;}
.header .logo-173{position: absolute; left: 140px ; top:40px;}
.header .logo-txt{color: #ffead3; text-align: center; width: 100%; position: absolute; left: 0; top:250px;}
.header .tit{font-weight: bold; font-size:110px; line-height: 1.2;text-shadow: 2px 2px 20px black;}
.header .txt{font-size:32px;text-shadow: 2px 2px 20px black;}
.top-nav{width: 440px; height: 32px; position: absolute; top:30px; right: 0px; z-index: 3; line-height: 32px; text-align: center;}
.top-nav .mask{border-radius:16px;}
.top-nav ul{overflow: hidden; *zoom:1;}
.top-nav ul li{display: inline-block;  *display:inline; padding:0 7px; *padding:0 4px; color: #fff;}
.top-nav ul li a{color: #fff; *font-size: 14px;}
.top-nav ul li a:hover{color: #eed8a9}
.top-nav ul li span{color:#eed8a9; padding-right: 5px; font-size: 16px; *font-size: 14px;}

.content{width: 1000px; margin: 0 auto; background:#1a1a1a url(http://ue1.17173cdn.com/a/dnf/zt/2015/mf2/img/bg-content.jpg) no-repeat 0 0; min-height: 360px;}
.content-in{padding:60px 35px; overflow: hidden; *zoom:1;}
.content-in .c-l{width:220px; float: left; }
.content-in .menu .con{display: block; width: 220px; height:66px; background: url(http://ue2.17173cdn.com/a/dnf/zt/2015/mf2/img/menu-bg.png) no-repeat; overflow: hidden; *zoom:1; margin-bottom: 15px;}
.content-in .menu .con:hover{background-position: 0 -74px;}
.content-in .menu .num{width:40px; height: 40px; font-size: 24px; float: left; text-align: center; color: #47220e; padding: 15px 15px;display: block; }
.menu-txt{overflow: hidden; *zoom:1; color: #47220e; display: block; }
.menu-txt .tit{font-weight: bold; font-size: 20px; display: block; padding-top:8px;}
.menu-txt .txt{font-size:12px; display: block; color: #7b593d}

.sub-menu{margin-top: 30px;}
.sub-menu .con{display: block; width: 220px; height: 44px; background: url(http://ue2.17173cdn.com/a/dnf/zt/2015/mf2/img/menu-bg.png) no-repeat 0 -157px; color: #eed8a9; font-size: 16px; text-indent: 4px; margin-bottom: 5px;}
.sub-menu .con:hover{color:#ff962a;}

.content-in .c-r{overflow: hidden; *zoom:1; padding-left:55px;}
.pn-hd{border-bottom: 1px solid #333; position: relative; height:55px;}
.pn-hd .tit{color: #eed8a9; font-size: 32px; font-weight: bold; padding-left: 60px;  line-height: 1.2}
.pn-hd .num{position: absolute; width:43px; height: 37px; left: 0; top: 3px; background: url(http://ue2.17173cdn.com/a/dnf/zt/2015/mf2/img/menu-bg.png) no-repeat 0 -235px; text-align: center; color: #47220e; font-size: 26px; line-height: 36px;}
.pn-bd{padding:20px 0}
.mod-video{}
.pn-video{width: 100%; height:480px;}
.pn-video embed, .pn-video object{ width: 640px; height: 480px;}
.video-tabs{margin:10px 0 0 -10px; overflow: hidden; *zoom:1; position: relative; font-size: 0}
.video-tabs .con{display:inline-block; font-size: 12px; margin:5px 10px; color:#eed8a9; text-align: center; line-height: 32px; border: 1px solid #373433;  white-space: nowrap; padding: 0 10px; width:100px;}
.video-tabs .con:hover,.video-tabs .current{border-color:#ff962a; background: #ff962a; color: #000}

.mod-comm{margin-top: 30px;}
.mod-comm .mod-hd .tit{color:#eed8a9; font-weight: bold; font-size: 18px;}
.mod-comm .mod-bd{padding: 15px 0}
.comm-table{border: 1px solid #373433; width: 100%; font-size: 12px;}
.comm-table th{background:#2c2824; border-right: 1px solid #373433; border-bottom:1px solid #373433; color: #a29a94; text-align: center; line-height: 32px; font-weight: bold;}
.comm-table td{color: #a29a94; border-right: 1px solid #373433; border-bottom:1px solid #373433; padding: 5px;}
.comm-table td a{color: #a29a94;}
.comm-table td a:hover{text-decoration: underline; color:#eed8a9;}
.story p{color:#a29a94; padding-bottom: 15px; font-size: 12px; line-height: 1.8}

.pn-float{width: 50px; /*position: fixed; left: 50%; margin-left:550px; top: 40%;*/}
.pn-float .gb-share-btn, .pn-float .gotop{ float: none; display: block; line-height: 50px; margin-bottom: 1px; color:#666; background-color: #181818; text-align: center; font-family: "Simsun"; cursor: pointer;}
.pn-float .gotop{background-image: url(http://ue2.17173cdn.com/a/dnf/zt/2015/mf2/img/menu-bg.png); background-repeat:no-repeat; background-position:-65px -230px; width: 50px; height: 50px;}
.pn-float .gotop:hover{background-position:-118px -230px;}

.pn-float .gb-share-btn:hover{color: #aa7831;}
.pn-float .gb-share-btn-tit{ display: none;}
.pn-float .gb-share-ico-font{ float: none; display: block; width: 50px; height: 50px; font-size: 30px;}