.w330{ width:330px;} .w380{ width:380px;} .w230{ width:230px;} .w730{ width:730px;} .focus-box{width:330px;height:240px;position:relative;} #panes {height:240px;position: relative;width:330px;} #panes div {display: none;left: 0px;position: absolute;top: 0px;width:330px; z-index:10;} #panes div a{ display:block; position:relative;} #panes div a img{width:330px;height:240px;} #panes div a .focus-cover{padding:10px 130px 10px 10px; height:40px; overflow:hidden; width:190px; background:url(//ue.17173cdn.com/images/dnf/2011/focus-cover.png) left top repeat-x; position:absolute; left:0; top:180px; display:block; font-size:16px; font-family:"微软雅黑"; color:#fff; font-weight:bold;} #focus-nav {height: 40px;position:absolute;top:190px;right:10px;background:none; z-index:20;} #focus-nav ul {margin: 0 auto;} #focus-nav li {float: left;padding-left: 1px;text-align: center;width: 40px;} #focus-nav a {color: #0158b2;display: block;font-size: 22px;width:40px;height: 40px;line-height:40px;text-decoration: none;font-family:"微软雅黑";background:#101084;} #focus-nav a.current {background:#b53661;color:#fff;} .left-box{ width:330px;} .left-hd{height:34px;background:url(//ue.17173cdn.com/images/dnf/2011/repeat.gif) 0 -220px repeat-x; border:1px solid #c4b69e; border-bottom:none;} .left-bd{border:1px solid #c4b69e; background:#fff; border-top:none;} .newest-hot-tab{ margin:7px 0 0 11px;} .newest-hot-tab li{float:left;} .newest-hot-tab li h2 a{display:block;width:64px;height:27px;color:#f3c763;font-size:12px;line-height:27px;text-align:center;} .newest-hot-tab li h2 a.current{color:#2e1d1a;background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) -400px -220px no-repeat;} .left-hd .more{ padding-right:10px;} .left-hd .more a{font-size:12px;color:#f3c763;line-height:34px;} .left-hd .more a:hover{text-decoration:underline;} .newest-hot-con{display:none;} .hot-info-title{ color:#f3c763; font-weight:bold; height:35px; line-height:35px; padding-left:28px; background:url(//ue.17173cdn.com/images/dnf/2011/icon-png.png) 5px -91px no-repeat;} .hot-info-con{ padding:1px 1px 0 1px; background:#fff;} .hot-info-con dl{ clear:both; padding:6px 5px; background:#e7e4e0 url(//ue.17173cdn.com/images/dnf/2011/hot-info-con.gif) left bottom repeat-x; line-height:22px;} .hot-info-con dl dt, .hot-info-con dl dd{ float:left;} .hot-info-con dl dt{ color:#b04708; font-weight:bold; padding-left:15px; background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 0 5px no-repeat;} .hot-info-con dl dd{ margin-right:7px;} .hot-info-con dl dd a{ color:#695d5b; white-space:nowrap;} .hot-info-con dl dd a:hover{ text-decoration:underline;} .channel-box{ width:380px; height:31px; background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) 0 -220px no-repeat;} .channel-box ul li{ float:left; padding:0 16px;} .channel-box ul li a{ color:#dbc184; display:block; height:30px; line-height:30px; float:left;} .channel-box ul li a:hover{ text-decoration:underline;} .import-news{ text-align:center;} .import-news h2 a{ color:#b04708; font-size:14px; font-weight:bold; line-height:26px;} .import-news p a{ color:#ab9771; margin-right:5px;} .import-news div{ width:376px; margin:0 auto; padding:5px 0 8px 0;} .import-news .bottom-bd{ border-bottom:1px dashed #ab9771;} .import-news a:hover{ text-decoration:underline;} .focus-news{ background:#fff;} .focus-news .hd{ width:380px; height:31px; background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) -600px -260px no-repeat; clear:both;} .focus-news-tab{ padding-left:6px;} .focus-news-tab li{float:left; margin-right:5px;} .focus-news-tab li h2 a{display:block;width:60px;height:31px;color:#83704b;font-size:12px;line-height:30px;text-align:center;} .focus-news-tab li h2 a.current{color:#675739;background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) -400px -260px no-repeat;} .focus-news-con{display:none;} .search-box{ width:228px; height:69px; background:#f8f6f3; border:1px solid #d3ccc0;} .search-hot{ padding:5px 0 0 80px; background:url(//ue.17173cdn.com/images/dnf/2011/search-hot.gif) left center no-repeat;} .search-hot a{ color:#876c3a; margin-right:5px;} .search-hot a:hover{ text-decoration:underline;} .dnf-tab-wrapper{ width:730px; overflow:hidden;} .dnf-tab{width:730px;height:51px;background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) 0 -320px no-repeat; clear:both;} .dnf-tab ul{ padding:7px 8px 0 0;} .dnf-tab li{float:left; display:inline;} .dnf-tab li a{display:block;width:83px;height:44px;color:#998680; background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) -950px -320px no-repeat;font-size:14px;line-height:44px;text-align:center; margin-right:-1px;} .dnf-tab li a.current{color:#321b16;background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) -800px -320px no-repeat; font-weight:bold;} .dnf-tab-con-box{ background:#f2efe9; border:1px solid #c4b69e; border-top:none; min-height:386px; _height:386px; width:728px; overflow:hidden;} .newest-hot-con-2{ display:none;} .dnf-tab-con{ display:none;} .dnf-tab-con-2{ width:728px; overflow:hidden;} .dnf-tab h2{ font-size:14px; color:#f3c763; height:51px; line-height:50px; width:127px; padding-left:28px; background:url(//ue.17173cdn.com/images/dnf/2011/icon-png.png) 7px -84px no-repeat; font-weight:bold;} .goto-site{ margin:18px 5px 0 0; display:inline;} .goto-site a{ display:block; width:54px; height:24px; background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) -1100px -320px no-repeat; color:#d09755; text-align:center; line-height:24px;} .dnf-modual .dnf-tab ul{ padding:15px 8px 0 0;} .dnf-modual .dnf-tab li{float:left; display:inline;} .dnf-modual .dnf-tab li a{display:block;width:59px;height:36px;color:#cac2b1; background:none;font-size:12px;line-height:36px;text-align:center; margin-right:-1px;} .dnf-modual .dnf-tab li a.current{color:#321b16; background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) -1100px -220px no-repeat;} .dnf-modual .dnf-tab h2{ width:100px;} .dnf-modual .goto-site a{width:70px; background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) -1100px -440px no-repeat;} .w384{ width:384px;} .w334{ width:334px;} .img-text-list li{ float:left; padding:10px 0 0 19px; height:179px; _height:180px; overflow:hidden; width:168px;} .img-text-list li a{ display:block; width:168px; position:relative;} .img-text-list li a img{ width:160px; height:120px;} .img-text-list li a p{ font-size:12px; color:#6e572a; text-align:center; line-height:22px;} .img-text-list li a .cover{ width:160px; height:120px; background:url(//ue.17173cdn.com/images/dnf/2011/cover-1.png) left top no-repeat; position:absolute; left:4px; top:4px;} .img-text-list li a:hover .cover{ background:url(//ue.17173cdn.com/images/dnf/2011/cover-2.png) left top no-repeat;} .img-text-list li a:hover p{ text-decoration:underline;} .img-text-list li a:hover{_text-decoration:underline;} .img-text-list li a img{ width:160px; height:120px;background:#969789; padding:4px; margin-bottom:3px; overflow:hidden; cursor:pointer;} .img-text-list li a:hover img{ background:#ff6600;} .img-text-list-2 li{ padding:10px 0 0 11px;} .img-text-list-2{ width:728px; overflow:hidden;} .news-list-box{ border-left:1px dotted #2c2a22; margin-top:10px;} .title-h3{ width:318px; background:url(//ue.17173cdn.com/images/dnf/2011/hd-bg.gif) left bottom repeat-x; margin:0 auto;} .title-h3 h3{ height:32px; line-height:32px; padding-left:5px; font-size:14px; color:#462d27; font-weight:bold;} .title-h3 h3 a{ font-size:14px; color:#462d27; font-weight:bold;} .title-h3 h3 a:hover{ text-decoration:underline;} .title-h3 span{ padding-right:0px; display:block; width:40px;} .title-h3 span a{ font-size:12px; color:#6e572a; display:block; height:32px; line-height:32px;} .title-h3 span a:hover{ text-decoration:underline;} .right-title-2{ width:230px; height:51px; background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) 0 -260px no-repeat;} .right-title-2 h2{ font-size:14px; color:#f3c763; height:51px; line-height:50px; padding-left:25px; background:url(//ue.17173cdn.com/images/dnf/2011/icon-png.png) 5px -133px no-repeat; font-weight:bold;} .right-title-2 span{ padding-right:10px;} .right-title-2 span a{ font-size:12px; color:#f3c763; display:block; height:50px; line-height:50px;} .right-title-2 span a:hover{ text-decoration:underline;} /*pic-rank*/ .pic-ranking{ font-size:12px;} .pic-ranking .bd{ background:#4a302a; border:#261815 solid 1px; border-top:none; border-left:none;} .pr-list{} .pr-list li{ height:35px; line-height:35px; clear:both; vertical-align:middle;} .pr-list li a{ color:#ab9771;} .pr-list li em{ display:inline; width:13px; height:14px; float:left; color:#fff; background:#897570; line-height:14px; text-align:center; font-weight:bold; margin:10px 5px 0 6px;} .pr-list li .img-area{display:none;} .pr-list li .txt-area{display:none;} .pr-list li .title{ width:205px; overflow:hidden;} .pr-list li .title span{ float:right; color:#f6ffba; padding-right:5px;} .pr-list li.odd{ background:#422b25;} .pr-list li.even{ background:#4a302a;} .pr-list li.top{ height:60px; overflow:hidden; padding:5px 0px 5px 0px; border-bottom:#000 solid 1px; background:#88240a;} .pr-list li.top em{margin:4px 5px 0 6px;} .pr-list li.top .img-area{ width:80px; height:55px; float:left; display:inline; position:relative; margin:3px 5px 0 0;} .pr-list li.top .img-area a{ display:block; width:78px;} .pr-list li.top .img-area a .cover{ width:78px; height:53px; background:url(//ue.17173cdn.com/images/dnf/2011/cover-3.png) left top no-repeat; position:absolute; top:1px; left:1px; display:none;} .pr-list li.top .img-area a:hover .cover{ display:block;} .pr-list li.top .img-area a img{ width:78px; height:53px; border:1px solid #000;} .pr-list li.top .img-area a:hover img{ border-color:#ffd756;} .pr-list li.top .txt-area{width:120px; height:60px; float:right; display:inline; color:#938e33; line-height:20px;} .pr-list li.top .txt-area h2{ color:#f4ac00; width:110px; overflow:hidden; height:20px; } .pr-list li.top .txt-area p{ overflow:hidden; display:block; color:#e9a28f;} .pr-list li.top .txt-area p span{ color:#f9ff9a;} .pr-list li.top .txt-area p span a{ color:#fff581;} .pr-list li.top .txt-area p span a:hover{ text-decoration:underline;} .pr-list li.top .title{display:none;} /*star-rank*/ .star-ranking{ font-size:12px;} .star-ranking .bd{ background:#4a302a; border:#261815 solid 1px; border-top:none; border-left:none;} .star-ranking .pr-list li{ height:24px; line-height:24px; clear:both;} .star-ranking .pr-list li.top{ height:60px; overflow:hidden; padding:5px 0px 5px 0px; border-bottom:#000 solid 1px; background:#88240a;} .star-ranking .pr-list li .title{ width:182px; overflow:hidden; padding-left:24px; background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 15px -340px no-repeat;} .star-ranking .pr-list li.top .img-area{padding-left:10px;} .star-ranking .pr-list li.top .txt-area{width:130px; padding-right:3px;} .link-box{ height:22px; padding-top:5px; width:224px; background:url(//ue.17173cdn.com/images/dnf/2011/repeat.gif) 0 -50px repeat-x; margin:0 auto; text-align:center;} .link-box, .link-box a{ color:#fff581;} .link-box a:hover{ text-decoration:underline;} /*the hot article-tab*/ .hot-article-tab{ padding:23px 5px 0 0;} .hot-article-tab li{ float:left;} .hot-article-tab li a{ display:block; width:37px; height:27px; color:#957167; text-align:center; line-height:27px;} .hot-article-tab li a.current{ background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) -950px -220px no-repeat; color:#f3c763;} .hot-article-con{ background:#4a302a; border:#261815 solid 1px; border-top:none; border-left:none; min-height:386px; _height:386px; padding-left:5px; display:none;} /*the web of info-list*/ .w720{ width:720px;} .w230{ width:230px;} .w530{ width:530px;} .list-title{width:530px;height:51px;background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) 0 -320px no-repeat; clear:both;} .list-title h2{ font-size:14px; color:#f3c763; height:51px; line-height:50px;padding-left:23px; background:url(//ue.17173cdn.com/images/dnf/2011/icon-png.png) 2px -84px no-repeat; font-weight:bold;} .infolist{ padding:7px 0px; margin:0 auto; } .infolist li{height:20px;padding:2px 5px; margin:0;} .infolist li,.infolist li a{line-height:20px; font-size:14px; color:#6e572a; text-decoration:none;} .infolist li a:hover{line-height:20px;text-decoration: underline;} .infolist li span{ float:right; font-size:14px; color:#625249; height:20px; line-height:20px; text-align:center; font-family:Arial, Helvetica, sans-serif;} .infolist li em{ color:#988d7f; padding-right:15px;} #accordion {background:#e7e4e0 url(//ue.17173cdn.com/images/dnf/2011/accordion-bg.jpg) left top no-repeat;width: 180px;padding-top:51px;} #accordion h2 {background:url(//ue.17173cdn.com/images/dnf/2011/sprite-2.jpg) 0 -140px no-repeat;margin:0 auto;padding-left:8px;font-size:12px;color:#7e622d;font-weight:bold;width:168px;height:23px;line-height:23px;cursor:pointer;} #accordion h2.current {background:url(//ue.17173cdn.com/images/dnf/2011/sprite-2.jpg) -280px -140px no-repeat;} #accordion .pane {display:none;padding:7px 7px 2px 15px;color:#fff;font-size:12px;} .nav-list li{ height:22px;} .nav-list li a{ color:#52524f; padding-left:9px; background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 0 -395px no-repeat;} .nav-list li a:hover{ color:#b04708; background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 0 -445px no-repeat;} /*the web of role-list*/ .produce-tab{ width:530px; height:44px; background:#59493f;} .produce-tab li{ float:left;} .produce-tab li a{background:#59493f; display:block; font-size:14px; color:#d5bfb2; width:104px; text-align:center; height:42px; line-height:42px; border:1px solid #6a594e; border-right:1px solid #42352e; float:left; } .produce-tab li a:hover, .produce-tab li a.current{ background:#be2608; color:#fff;} .produce-con{ width:530px; height:212px; margin-top:6px; background:url(//ue.17173cdn.com/images/dnf/2011/produce-con-bg.jpg) no-repeat; overflow:hidden;} .box-1{ background-position:0 0;} .box-2{ background-position:0 -300px;} .box-3{ background-position:0 -600px;} .box-4{ background-position:0 -900px;} .box-5{ background-position:0 -1200px;} .produce-text-box{ padding:10px 10px 0 180px;} .produce-text-box h2{ font-size:14px; color:#b04708; font-weight:bold; height:28px; line-height:28px; padding-left:24px;} .produce-text{ height:96px; font-size:12px; color:#978768;} .produce-text p{ text-indent:2em; padding-top:7px;} /*the modual of occupation*/ .w120{ width:120px;} .w840{ width:840px;} .w610{ width:610px;} .occupation-tab-box{ width:119px; background:#583932; border:1px solid #c4b69e; border-right:none; height:450px;} .occupation-tab li a{ display:block; width:119px; height:50px; line-height:48px; text-align:center; background:url(//ue.17173cdn.com/images/dnf/2011/sprite-2.jpg) 0 0 no-repeat; font-size:14px; color:#ffeec2;} .occupation-tab li a.current{ background:url(//ue.17173cdn.com/images/dnf/2011/sprite-2.jpg) -140px 0 no-repeat; color:#271814; font-weight:bold;} .occu-info-box{ background:#f2efe9; border:1px solid #c4b69e; border-left:none; padding:13px 16px;} .occupation-tab-con{ display:none;} .occu-info-tab{ width:577px; height:33px; background:url(//ue.17173cdn.com/images/dnf/2011/repeat.gif) 0 -99px repeat-x;} .occu-info-tab ul{ padding-left:15px;} .occu-info-tab ul li{ float:left;} .occu-info-tab ul li a{ font-size:14px; line-height:33px; color:#7e786e; text-align:center; display:block; width:70px; height:33px; background:url(//ue.17173cdn.com/images/dnf/2011/sprite-2.jpg) 0 -180px no-repeat;} .occu-info-tab ul li a.current{ color:#6e572a; background:url(//ue.17173cdn.com/images/dnf/2011/sprite-2.jpg) -140px -180px no-repeat;} .occu-info-con{ padding-top:8px; display:none;} .occu-photo img{ width:172px; height:140px;} .occu-info-list{ width:353px; padding:10px 20px;} .occu-info-list ul li{ float:left; padding:3px;} .occu-info-list ul li a{ color:#52524f; font-size:12px; white-space:nowrap;} .w282{ width:282px;} .occu-showlist .hd{ height:35px; background:url(//ue.17173cdn.com/images/dnf/2011/repeat.gif) 0 -140px repeat-x; border:1px solid #b9b29b; border-bottom:none;} .occu-showlist .hd h3{ font-size:12px; color:#462d27; height:35px; line-height:35px; padding-left:10px; font-weight:bold;} .occu-showlist .hd span{ padding-right:7px;} .occu-showlist .hd span a{ font-size:12px; color:#6e572a; display:block; height:35px; line-height:35px;} .occu-showlist .hd span a:hover{ text-decoration:underline;} .occu-showlist .bd{ border:1px solid #b9b29b; border-top:none;} .right-con-3{ background:#4a302a; border:#261815 solid 1px; border-top:none; border-left:none; min-height:386px; _height:386px; padding-top:5px;} .right-con-3 h3{ width:212px; height:27px; background:url(//ue.17173cdn.com/images/dnf/2011/repeat.gif) 0 -180px repeat-x; margin:0 auto; line-height:27px; font-size:12px; font-weight:bold; padding-left:8px;} .add-list{ width:219px; margin:0 auto; padding:5px 0;} .add-list li{ margin-bottom:1px; vertical-align:middle; height:38px; overflow:hidden;} .add-list li a{ line-height:20px; font-size:12px; display:block; width:219px; height:38px; background:url(//ue.17173cdn.com/images/dnf/2011/sprite-2.jpg) -280px -220px no-repeat; color:#6c4b43;} .add-list li a img{ width:40px; height:34px; margin:2px 8px 0 2px;} .add-list li a .text{ display:block; width:130px; float:left; color:#ab9771;} .add-list li a:hover{ background:url(//ue.17173cdn.com/images/dnf/2011/sprite-2.jpg) 0 -220px no-repeat; color:#cc755f;} .add-list li a:hover .text{color:#f4ac00;} .left-box-3{ width:355px;} .left-box-3 .left-hd h2{ font-size:12px; font-weight:bold; height:34px; line-height:34px; padding-left:13px; color:#f3c763;} .left-box-3 .left-hd .contri{ display:block; width:88px;} .left-box-3 .left-hd .contri a{ display:block; font-size:12px; height:34px; line-height:34px; padding:0px 20px; color:#f3c763; background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 5px -189px no-repeat;} .left-box-3 .left-hd .contri a:hover{ text-decoration:underline;} .right-box{ background:#e7e4e0; padding-bottom:10px; height:579px;} .right-box .hd{ height:28px; width:223px; margin:0 auto; padding-bottom:2px; background:#e7e4e0 url(//ue.17173cdn.com/images/dnf/2011/hd-bg.gif) left bottom repeat-x; margin-bottom:5px;} .right-box .hd h2{ font-size:14px; font-weight:bold; color:#7e622d; height:28px; line-height:28px; padding-left:27px; background:url(//ue.17173cdn.com/images/dnf/2011/icon-png.png) 5px -95px no-repeat;} .right-box .bd{ width:230px; overflow:hidden;} .right-box .bd dl{ width:218px; margin:0 auto;} .photo-list{ padding:7px 0 9px 6px;} .photo-list li{ float:left; padding-right:8px;} .photo-list li a{ display:block;} .tool-list{ width:218px; margin:0 auto;} .tool-list dt, .tool-list dd{ float:left;} .tool-list dt{ width:47px; height:22px; line-height:22px; color:#fff581; background:#861401; margin:3px 165px 3px 0; padding-left:5px;} .tool-list dd{ padding:0 0 0 10px;} .tool-list dd a{ font-size:12px; color:#686050; display:block; height:20px; line-height:20px; white-space:nowrap; float:left;} .tool-list dd a:hover{ text-decoration:underline;} .tool-list-title{ font-size:12px; font-weight:bold; color:#6e572a; margin:15px 0 7px 5px; clear:both;} .official-info-box{ width:276px; height:334px; background:url(//ue.17173cdn.com/images/dnf/2011/official-info.jpg) left top no-repeat; overflow:hidden;} .official-info-box h2{ font-size:14px; color:#f3c763; font-weight:bold; height:28px; line-height:28px; padding:5px 0 0 26px;} .official-info-box ul{ padding:5px 8px;} .official-info-box ul li{ line-height:20px;} .official-info-box ul li, .official-info-box ul li a{ font-size:12px; color:#b993a8;} .official-info-box ul li a:hover{ text-decoration:underline;} .official-info{ height:196px; overflow:hidden;} .w276{ width:276px;} .dnf-baike{ width:682px; height:332px; border:1px solid #c5b7a0; background:#f2efe9;} .dnf-baike h2{ font-size:14px; color:#7e622d; font-weight:bold; height:36px; line-height:36px; padding:0 0 0 37px; background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 13px -512px no-repeat;} /*.baike-box{ width:666px; height:288px; background:#fff; border:1px solid #d3d3d3; margin:0 auto;}*/ /* 游戏百科*/ .gameWikiNav{ width:666px; background:#fff; margin:0 auto;} .gameWikiNav .content{clear:both; border:#d4d4d4 solid 1px;} .gameWikiL{ width:455px; height:280px; overflow:hidden; border-right:#d8d8d8 solid 1px;} .gameWikiR{ width:205px; overflow:hidden;} .gameSearchNav{ height:30px; padding-top:10px; padding-left:15px;} .gameSearchNav span.title{background:url(//ue.17173cdn.com/images/dnf/2011/gameWikiNav-ico.gif) -27px 0px no-repeat; padding-left:20px; padding-right:10px; color:#000000; font-size:14px; font-weight:bold;} .gameSearchNav .inputStyle01{ width:199px; height:21px; line-height:21px; padding-left:3px; border:#d3d3d3 solid 1px;} .gameSearchNav .btn{ background:url(//ue.17173cdn.com/images/dnf/2011/gameWikiNav-ico.gif) 0px -27px no-repeat; width:41px; height:21px; line-height:21px; cursor:pointer; color:#FFFFFF; text-align:center; border:none;} .gameSearchNav .btn2{ background-position:0px -57px;} .gameTabListNav{ padding-top:7px;} .gameTabListNav dl{} .gameTabListNav dl dt{font-size:12px; font-weight:bold; color:#cc0000; height:28px; line-height:28px; background:url(//ue.17173cdn.com/images/dnf/2011/tab.png) 0px -27px repeat-x;} .gameTabListNav dl dd{line-height:17px; color:#000000;} .gameTabListNav dl dd .content{ background:none; padding:5px 5px 3px 5px; clear:both; border:none;} .gameTabListNav dl.tab{ width:455px;} .gameTabListNav dl.tab dt{background:url(//ue.17173cdn.com/images/dnf/2011/tab.gif) right 0px repeat-x; height:28px;} .gameTabListNav dl.tab dt ul{float:left; text-align:left; padding-left:9px; } .gameTabListNav dl.tab dt ul li{list-style:none; display:inline; float:left; height:28px; line-height:28px; padding-right:1px; background:url(//ue.17173cdn.com/images/dnf/2011/tab.gif) right -56px no-repeat; text-align:center; overflow:hidden; margin-right:5px;} .gameTabListNav dl.tab dt ul li:hover,.gameTabListNav dl.tab dt ul li.hover{list-style:none; display:inline; float:left; height:28px; line-height:28px; background:url(//ue.17173cdn.com/images/dnf/2011/tab.gif) right -28px no-repeat; text-align:center;} .gameTabListNav dl.tab dt ul li a{ float:left; height:28px; line-height:28px; display:block; color:#5d5d5d; padding:0px 10px; font-weight:bold; background:url(//ue.17173cdn.com/images/dnf/2011/tab.gif) left -56px no-repeat;} .gameTabListNav dl.tab dt ul li a:hover,.gameTabListNav dl.tab dt ul li.hover a{float:left; height:28px; line-height:28px; display:block; color:#a80002; text-decoration:none; padding:0px 10px; font-weight:bold; background:url(//ue.17173cdn.com/images/dnf/2011/tab.gif) left -28px no-repeat;} ul.gameWikiList{} ul.gameWikiList li{ color:#333333; clear:both;} ul.gameWikiList li.th{ font-weight:bold; color:#747474;} ul.gameWikiList li.th span.title{text-align:center;} ul.gameWikiList li span{ float:left; display:inline-block; height:18px; line-height:18px;} ul.gameWikiList li span.title{ width:272px;} ul.gameWikiList li span.title a{ background:url(//ue.17173cdn.com/images/dnf/2011/point.gif) left center no-repeat; padding-left:10px; width:262px; display:block; color:#333333;} ul.gameWikiList li span.num{width:53px; text-align:center;} ul.gameWikiList li span.state{width:53px; text-align:center;} ul.gameWikiList li span.time{width:53px; text-align:center;} .Normal_Pagebar { padding:15px 3px; _padding:10px 3px; text-align:center; clear:both; font-family:Arial; font-size:12px; color:#747474; } .Normal_Pagebar a,.Normal_Pagebar .page_now,.Normal_Pagebar .disabled { padding-right: 5px; padding-left: 5px; padding-bottom:1px; margin-right: 1px; padding-top: 1px; text-decoration: none; background:#FFFFFF; font-weight:normal; color:#747474; border:#d3d3d3 solid 1px;} .Normal_Pagebar a{color:#747474;} .Normal_Pagebar a:hover { color:#a80002; } .Normal_Pagebar .page_now ,.Normal_Pagebar .disabled{ padding-right: 5px; padding-left: 5px; padding-bottom: 1px; margin-right: 1px; padding-top: 1px; background:#FFFFFF; font-weight:bold; } .Normal_Pagebar .page_now{background:#a80002; border:none; color:#FFFFFF; border:#a80002 solid 1px;} ul.gameWikiLogoList{ padding:20px 0px 0px 13px;} ul.gameWikiLogoList li{ width:160px; height:60px; margin-bottom:12px;} ul.gameWikiLogoList li img{width:160px; height:60px;} .baike-title{ font-size:14px; color:#000; font-weight:bold; padding:10px 0 5px 5px;} /*end the baike*/ .focus-news-con .img-text-list li{ padding:9px 0 0 15px;} /*the images-site*/ .w180{ width:180px;} .w770{ width:770px;} .con-nav{ width:180px; background:#e7e4e0 url(//ue.17173cdn.com/images/dnf/2011/list-bg.jpg) left top no-repeat; padding:10px 0;} .con-nav ul{ width:170px; margin:0 auto;} .con-nav ul li{ width:170px; background:url(//ue.17173cdn.com/images/dnf/2011/divide-list.jpg) center bottom no-repeat; height:28px; line-height:28px;} .con-nav ul li a{ display:block; width:150px; height:28px; padding-left:20px; background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 8px -590px no-repeat; font-size:14px; color:#52524f;} .con-nav ul li a:hover{ background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 8px -640px no-repeat; color:#b04708;} .col-box{ width:180px;} .col-box .hd{ width:178px; height:34px; background:url(//ue.17173cdn.com/images/dnf/2011/repeat.gif) 0 -260px repeat-x; border-left:1px solid #53342e; border-right:1px solid #53342e;} .col-box .hd h2{ font-size:14px; font-weight:bold; height:34px; line-height:34px; padding-left:13px; color:#ffeec2;} .col-box .bd{ border:1px solid #53342e; border-top:none; width:178px; background:#fffef6; border-bottom:3px solid #53342e;} .col-list li{ height:30px; vertical-align:middle;} .col-list li a{ display:block; height:30px; line-height:30px; font-size:14px; color:#52524f; padding-left:24px; background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 10px -140px no-repeat;} .col-list li a:hover{ color:#b04708; text-decoration:underline;} .focus-box-2{width:758px;height:320px;position:relative; padding:5px 6px; background:#3a231d;} #panes-2 {height:320px;position: relative;width:758px;} #panes-2 div {display: none;left: 0px;position: absolute;top: 0px;width:758px; z-index:10;} #panes-2 div a{ display:block; position:relative;} #panes-2 div a img{width:758px;height:320px;} #panes-2 div a .focus-cover{padding:10px 0 10px 10px; height:40px; overflow:hidden; width:748px; background:url(//ue.17173cdn.com/images/dnf/2011/focus-cover.png) left top repeat-x; position:absolute; left:0; top:260px; display:block; font-size:16px; font-family:"微软雅黑"; color:#fff; font-weight:bold;} #focus-nav-2 {height: 40px;position:absolute;top:275px;right:10px;background:none; z-index:20;} #focus-nav-2 ul {margin: 0 auto;} #focus-nav-2 li {float: left;padding-left: 1px;text-align: center;width: 40px;} #focus-nav-2 a {color: #0158b2;display: block;font-size: 22px;width:40px;height: 40px;line-height:40px;text-decoration: none;font-family:"微软雅黑";background:#101084;} #focus-nav-2 a.current {background:#b53661;color:#fff;} .site-tab-wrapper{ width:770px; overflow:hidden;} .site-tab-wrapper .dnf-tab{width:770px;height:51px;background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) 0 -380px repeat-x; clear:both;} .site-tab-wrapper .dnf-tab-con-box{ min-height:193px; _height:386px; width:768px; overflow:hidden;} .site-tab-wrapper .more{ padding-right:11px; width:40px;} .site-tab-wrapper .more a{ font-size:12px; color:#f3c763; display:block; height:46px; line-height:50px;} .site-tab-wrapper .more a:hover{ text-decoration:underline;} .site-tab-wrapper .pl20{ padding-left:20px;} .site-tab-wrapper .dnf-tab-con-2{width:768px;} /*the modual-site*/ .w650{ width:650px;} .w283{ width:283px;} .w365{ width:365px;} .w375{ width:375px;} .modual-tab-con{ width:649px; background:#f2efe9; border:1px solid #c4b69e; border-left:none; padding:10px 0; height:380px; overflow:hidden;} .modual-tab-con .title-h3{ width:280px;} .img-text-list-3 li{ padding:11px 0 0 10px; height:179px; overflow:hidden; vertical-align:bottom;} .w770 .occupation-tab-box{ height:auto;} .photo-area{ width:140px;} .photo-area a{ display:block;} .photo-area img{ width:140px; height:175px;} .produce-area{ width:216px;} .produce-area h3 a{ font-size:14px; color:#6e572a; font-weight:bold; line-height:30px;} .produce-area h3 a:hover{ text-decoration:underline;} .produce-area p{ font-size:12px; color:#8f8b84; text-indent:2em; height:120px;} .produce-area .watch-btn{ display:block; width:90px; height:24px; line-height:24px; text-align:center; background:url(//ue.17173cdn.com/images/dnf/2011/sprite-2.jpg) -280px -180px no-repeat; font-size:12px; color:#d09755;} .img-text-list-4{ background:#e8e7e3; border-top:1px solid #cdc9c0;} .img-text-list-4 li{ float:left; padding:10px 0 2px 9px; overflow:hidden; width:112px;} .img-text-list-4 li a{ display:block; width:112px; position:relative;} .img-text-list-4 li a img{ width:112px; height:84px;} .img-text-list-4 li a p{ font-size:12px; color:#6e572a; text-align:center; line-height:22px;} .img-text-list-4 li a:hover p{ text-decoration:underline;} /*the modual-site-list*/ .modual-list .hd{ width:770px; background:url(//ue.17173cdn.com/images/dnf/2011/modual-site-title.gif) center bottom no-repeat; height:55px; line-height:35px;} .modual-list .hd h1{ font-size:24px; color:#7e6230; padding:15px 10px; font-weight:bold;} /*the modual-site-worker*/ .worker-box{ width:770px; height:277px; background:url(//ue.17173cdn.com/images/dnf/2011/worker-box.jpg) left top no-repeat;} .worker-photo{ width:193px; height:243px; padding:4px 4px 13px 3px; border:1px solid #18120e; border-top:none; border-left:none; background:#e1dcca; margin:10px 0 0 13px; display:inline;} .worker-photo img{ width:193px; height:243px;} .worker-produce{ width:410px; padding:23px 68px 0 0;} .worker-produce h1{ font-size:14px; color:#fff581; font-weight:bold; line-height:38px; height:38px; text-align:center;} .worker-produce p{ font-size:14px; color:#c1b4ad; text-indent:2em; margin-top:10px;} /*new style*/ .produce-con1{ width:530px; height:212px; margin-top:6px; background:url(//images.17173cdn.com/2011/dnf/2011/ziliao/produce-con-bg1.jpg) no-repeat; overflow:hidden;} .produce-con2{ width:530px; height:212px; margin-top:6px; background:url(//images.17173cdn.com/2011/dnf/2011/ziliao/produce-con-bg2.jpg) no-repeat; overflow:hidden;} .produce-con3{ width:530px; height:212px; margin-top:6px; background:url(//images.17173cdn.com/2011/dnf/2011/ziliao/produce-con-bg3.jpg) no-repeat; overflow:hidden;} .produce-con4{ width:530px; height:212px; margin-top:6px; background:url(//images.17173cdn.com/2011/dnf/2011/ziliao/produce-con-bg4.jpg) no-repeat; overflow:hidden;} .produce-con5{ width:530px; height:212px; margin-top:6px; background:url(//images.17173cdn.com/2011/dnf/2011/ziliao/produce-con-bg5.jpg) no-repeat; overflow:hidden;} .produce-con6{ width:530px; height:212px; margin-top:6px; background:url(//images.17173cdn.com/2011/dnf/2011/ziliao/produce-con-bg6.jpg) no-repeat; overflow:hidden;} .produce-con7{ width:530px; height:212px; margin-top:6px; background:url(//images.17173cdn.com/2011/dnf/2011/ziliao/produce-con-bg7.jpg) no-repeat; overflow:hidden;} .produce-con8{ width:530px; height:212px; margin-top:6px; background:url(//images.17173cdn.com/2011/dnf/2011/ziliao/produce-con-bg8.jpg) no-repeat; overflow:hidden;} .box-1{ background-position:0 0;} .box-2{ background-position:0 -300px;} .box-3{ background-position:0 -600px;} .box-4{ background-position:0 -900px;} .box-5{ background-position:0 -1200px;} .focus-news-con .img-text-list li{ padding:9px 0 0 15px;} .fb14{ font-size:14px; color:#462d27; font-weight:bold;} .pr-list li.top .txt-area h2{ width:110px; } .showlist-3a1 li{background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 5px -142px no-repeat;} .showlist-3a1 li,.showlist-3a1 li a{color:#52524f;} .showlist-3a1 li span{ color:#52524f; padding-right:5px;} .left-hd-2s{ height:38px; border-bottom:1px solid #ab9771; line-height:38px; font-size:12px; color:#52524f; padding-left:32px; background: url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 5px -290px no-repeat;} .infolist li.top1 { border-bottom: 1px dashed rgb(192, 186, 170); height: 200px; overflow: hidden; padding: 10px 5px; } .infolist li.top1 .img-area { display: inline; float: left; height: 180px; margin: 8px 5px 0 5px;; position: relative; width: 260px; } .infolist li.top1 .img-area a { display: block; width: 258px; } .infolist li.top1 .img-area a img { border: 2px solid #000000; height: 181 px; width: 250px; } .infolist li.top1 .img-area a:hover img { border-color: #FFD756; } .infolist li.top1 .txt-area { color: #938E33; display: inline; float: right; height: 180px; line-height: 25px; width: 245px; } .infolist li.top1 .txt-area h2 a{ color: #B04708; height: 50px; overflow: hidden; width: 240px; font-weight:bold; line-height:26px; font-size:14px; } .infolist li.top1 .txt-area p { color: #6E572A; display: block; font-size:12px; line-height:20px; height:120px; overflow: hidden; } .infolist li.top1 .txt-area p span { color: #B04708; float:left; font-size:12px; } .infolist li.top1 .txt-area p span a { color: #FF0000; font-size:12px; } .infolist li.top1 .txt-area p span a:hover { text-decoration: underline; font-size:12px; } .infolist li.top1 .title { display: none; } .focus-box .more-btn{ margin:-1px -1px 0 0; z-index:900; display:block; width:55px; height:40px; background:url(//ue.17173cdn.com/images/dnf/2011/more.png) 0 0 no-repeat; position:absolute; right:0; top:0;} .focus-box .more-btn:hover{background-position:0 -50px;} #focus-nav a{ background:#4a4a4a; color:#595959; font-weight:bold;} #focus-nav a.current{background:#b57d36;color:#fff;} .slide-box .hd span{ padding-right:5px;} .slide-box .hd span a{ color:#b04608; height:28px; line-height:28px; display:block;} .slide-box .hd span a:hover{ text-decoration:underline;} .live-list{ background:#f4f3ef; margin:0 4px;} .live-list li{ height:24px; line-height:24px; padding:0 5px 0 15px; background: url("//ue.17173cdn.com/images/dnf/2011/icon.gif") no-repeat scroll 8px -39px transparent;} .live-list li a.text{ color:#b7440b; float:left;} .live-list li a.btn{ margin-top:3px; float:right; display:block; width:35px; height:18px; color:#614106; text-align:center; line-height:18px; background:url("//ue.17173cdn.com/images/dnf/2011/live-btn.gif") left top no-repeat; } .live-list li a:hover{ text-decoration:underline;} .centerNav{ bottom:400px; position:absolute; z-index:9999; overflow:visible; width:100%; repeat-x; z-index:1;} HTML > BODY .centerNav {position:fixed;} .centerNav .w1000{width:1000px; margin:0 auto; position:relative;} .leftBar{ width:160px; position:absolute; right:-167px; text-align:left;} .openBtn{width:108px; height:58px; cursor:pointer; background:url(//images.17173cdn.com/2013/dnf/2013/09/02/weibo1.png) -232px -164px no-repeat; text-indent:-999px; overflow:hidden; float:right; margin-right:5px; display:none;} .leftBarWin{ width:160px; height:260px; overflow:hidden; background:url(//images.17173cdn.com/2013/dnf/2013/09/02/weibo1.png) 0px -166px no-repeat;} .leftBarWin .hd{ height:41px; clear:both; overflow:hidden; position:relative; text-indent:-999px;} .leftBarWin .hd .closeBtn{ position:absolute; width:14px; height:12px; display:block; top:5px; right:4px; cursor:pointer;} .leftBarWin .bd{ padding:0 7px 0 8px;} .leftBarWin .ad{ margin-bottom:5px; } .leftBarWin .ad img{width:144px; height:38px;} ul.leftBarWinList{ line-height:22px;} ul.leftBarWinList li a{color:#d1d1d1; padding-left:10px; background:url(//ue.17173cdn.com/2011/live/images/ico.png) 0px -744px no-repeat;} .tb{ float:left; margin-right:8px; margin-left:6px; margin-top:2px} .wxz{ color:#000; margin-top:2px;}