/*page base settings*/
html{background:#000;}
body{font-size:12px; letter-spacing:0px; min-height:970px; }
a{color:#000; font-family:"\5fae\8f6f\96c5\9ed1" ;}
a:hover{ text-decoration:underline;}
body,ul,li{ list-style:none; margin:0; padding:0;}

span, h2{font-family:"\5fae\8f6f\96c5\9ed1" ; color:#000;}
#wrapper{ }
#wrapper-top{background:url(//images.17173cdn.com/2013/dnf/2013/08/26/top_ngj.jpg) center top  no-repeat;   }
#wrapper-bottom{  }
#header{ position:relative; width:964px; height:288px; margin:0 auto}
#header .logo{ top: 20px;left: 120px;width: 200px;height: 74px;display: block;position: absolute;}
#header .logo01{ top: 15px;left: 0px;width: 115px;height: 96px; display:block; position:absolute }

.nav{position:absolute;bottom:0px;left:0;height:54px; line-height:54px;width:960px;overflow:hidden;*zoom:1}

.menu{}
.menu li{ float:left; display:inline; color:##CFDFFE;  margin-right: 1px }
.menu li a{ padding: 0 25px;  color:#CFDFFE; font-size: 16px; font-weight: bold;}

.menu li a:hover{  }


.act-time{ position:absolute; bottom:55px; left:10px; height:31px; line-height:31px;color:#fff}
.act-time span{color:#fff;font-size:15px;  }

#footer {height: 145px;margin-top: 20px; background: #000000 }
#footer .global-footer{color:#bcac8b;   }
#footer a{color:#bcac8b;}

.share-box{ padding:10px 0 0 30px ; position:absolute; bottom:65px; right:8px; }
#share_container{ float:left; height:20px; }
#share_container .fs12{ display:none;}
#share_container .gray{ display:inline-block; color:#ffac0c}
#share_container span{ float:left;}
#share_container a{ margin-right:7px; float:left;}
.share-btn { }
.share-btn a{ display:block; width:76px; height:23px; background:url(//ue.17173cdn.com/images/act/2012/08/qqsm0816/share-btn.png) left top no-repeat; line-height:21px; text-align:center; color:#ffd885;}
.share-btn a:hover{ text-decoration:underline;}
.fsdj-btn a:hover{	text-decoration:none; color:#fff; }
/**/

.content{  margin:0 auto; width: 942px; background: #fff; padding:13px 9px;}

.con01{ width: 240px; float: left; background: #aabff9}
.con01-c1{ clear: both; padding:10px; }
.con01-c1 .hd{ height:66px; }
.con01-c1 .hd h2{ font-size: 24px;line-height: 36px;}
.con01-c1 .hd .s-tit{ line-height: 22px;}
.con01-c1 .bd{ border: 1px solid #749BFF;  background:#F0F4FF; margin-top: 10px; padding: 10px;}
.con01-c1 .t01{ font-size: 14px; font-weight: bold;}
.con01-c1 .bd p{ line-height: 24px;}

.con01-c2{ clear: both;}
.con01-c2 .hd{ height: 37px; line-height: 37px; background: #4D5296; padding: 0 10px;}
.con01-c2 .hd h2{ color:#fff; font-size: 16px; font-weight: bold;}
.con01-c2 .bd{ padding: 18px 0;}
.intro-list{}
.intro-list li{ height: 28px; line-height: 28px;}
.intro-list a{ font-size: 14px; padding-left: 20px; float: left; position: relative;}
.intro-list .hot{   top: 10px; right: -35px; background: url(//ue.17173cdn.com/images/dnf/zt/2013/role/bgs.png) 0 -39px no-repeat; position: absolute; display: block; width: 23px; height: 10px; }
.intro-list .hover{ background: #efa250}

.con01-c2 .bd .a1{ position: relative; padding:  2px 8px; background: #F0F0FF; margin:  0 10px; font-size: 14px; color:#000}
.con01-c2 .bd .a1 .hot{   top: -5px; right: -5px; background: url(//ue.17173cdn.com/images/dnf/zt/2013/role/bgs.png) 0 -39px no-repeat; position: absolute; display: block; width: 23px; height: 10px; }

.con01-c2 .bd p{   margin-bottom: 12px;}
.con01-c2 .bd01{ padding: 10px;}
.con01-c2 .bd01 p{ color:#000 ; text-indent: 10px; line-height: 22px; }
.con01-c2 .bd01 img{ width: 155px; height: 154px; margin: 10px 30px }

.con02 { width: 684px; float: right; }
.con02 .hot-area{ margin-top: 10px;}
.hot-area .hot-tit{ font-size: 24px; padding-left: 5px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.hot-area .tt{ padding: 2px 10px ; background: #5093EF; font-size: 24px; color: #fff}
.hot-area .s-tit{padding: 0 10px;}
.hot-area  p{ height: 24px; line-height: 24px; margin-top: 10px;}
.hot-area .s-tit:hover{color:#cc4315;}

.con02-c1{ margin-top: 20px;}
.con02 .hddd{ height:40px; line-height: 40px; padding: 0 10px;  background: url(//images.17173cdn.com/2013/dnf/2013/08/29/lm.jpg);}
.con02 .hd-tit{color:white; font-size: 16px; font-weight: bold; padding-left: 20px;}
.con02 .more{ float: right; color:#FFF;}
.con02-c1 .bd{ padding: 15px 0}
.con02-c1 .bd-hd{ height: 30px; border-bottom: 1px solid #547EEA; line-height: 30px; background: #AAC1FC}
.version-tab{}
.version-tab li{float: left; _position: relative; _height: 30px; _width: 120px;}
.version-tab li a{padding:0 25px;color:#4a1b0b; display: block; float: left; _position: absolute; left: 0 ; bottom: -1px; _border-bottom: 1px solid #c0a386}
.version-tab li a:hover{text-decoration: none}
.version-tab li a.current{ font-weight: bold; color:#749BFF; border: 1px solid #749BFF; border-bottom: none; _border-bottom: 1px solid #749BFF; background: #F0F4FF}
.con02-c1 .bd-bd{ border: 1px solid #749BFF ;border-top: none; background: #F0F4FF; padding:15px;}
.con02-c1 .bd-bd .img{ float: left; display: block; width: 200px; height: 160px; cursor: pointer;}
.con02-c1 .bd-bd  .img img{ width: 200px ;height: 138px;}
.con02-c1 .bd-bd  .img .txt{ display: block; text-align: center; margin: 3px 0}
.con02-c1 .bd-bd .con{ float: right; width: 437px;}
.a-goto{ float: right; padding-right: 10px;}
.icon{ display: block;  background: url(//ue.17173cdn.com/images/dnf/zt/2013/role/bgs.png) no-repeat; margin-top: 4px;}
.ico01{ background-position:0 0; width: 16px; height: 12px; float: left; }

.ico02{ background-position:-31px 0; width: 16px; height: 12px; float: left; }
.ico03{ background-position:0px -20px; width: 16px; height: 12px; float: left; }

.con02-c1 .bd-bd .con a{  font-size: 14px; padding: 0 3px; }
.con02-c1 .bd-bd .con a:hover{color: #cc4315}
.con02-c1 .bd-bd .news-tit{ float: left; margin: 0 3px;}

.line{ clear: both; border-bottom: #7d7b79 dashed 1px;background: none;height: 10px;margin-bottom: 10px;line-height: 1px;font-size: 0px;overflow: hidden;vertical-align: bottom; }

.con02-c1 .pic{ float: left; display: block; width: 160px; position: relative; margin-left: 13px; _margin-left:6px; }
.con02-c1 .pic img{ width: 160px ; height: 120px;}
.con02-c1 .pic .cover{ position: absolute; left: 0; top: 0; display: block; width: 160px; height: 120px; background:url(//ue.17173cdn.com/images/dnf/zt/2013/role/bgs.png) 0 -120px no-repeat;}
.con02-c1 .pic .txt{ display: block; margin: 3px 0; text-align: center;}
.con02-c1  .right-con{ float: right; width: 490px; height: 174px; border: 1px solid #749BFF ; background: #F0F4FF}
.news-list{ padding: 10px;}
.news-list li{ background:url(//ue.17173cdn.com/images/dnf/zt/2013/role/bgs.png) -240px 4px no-repeat ; padding-left: 15px; height: 25px; line-height: 25px;}

.news-list li a{ font-size: 14px;}

.news-list li a:hover{ color:#cc4315;}
.news-list li .a01{ font-weight: bold;}
.news-list li .date{ float: right; color:#909090;}


.con02-c2{ height: 83px; clear: both;  margin-top: 20px;}

.pic-list {}
.pic-list li{ width:24.9%; float: left; text-align: center; padding: 8px 0 }
.pic-list a { position: relative; display: block; width: 150px; padding: 0 6px; }
.pic-list a img{ width: 140px; height: 107px; padding: 3px; border: 1px solid #cccccc}
.pic-list a .txt{ display: block; font-size: 14px; margin: 3px 0; height: 40px; line-height: 20px; overflow: hidden;}
.pic-list a .cover{ display: none; z-index: 2; position: absolute;  left: 60px; top: 40px;  width:38px; height: 37px; }
.pic-list a:hover img{border-color: #efa250}

.pic-list a:hover .cover{ display: block; background: url(//ue.17173cdn.com/images/dnf/zt/2013/role/cover.png)  no-repeat; 
	_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='//ue.17173cdn.com/images/dnf/zt/2013/role/cover.png')} 

.pic-list a:hover .txt,
.pic-list a:hover { color:#cc4315;}
.pic-list a .tj{ position: absolute; display: block; width: 46px; height: 40px; right: 11px; top: 4px; background: url(//ue.17173cdn.com/images/dnf/zt/2013/role/bgs.png) -204px -83px no-repeat;}
.goto-zl{ float: right; display: block; font-size: 14px;}
.mod-article .content p img{max-width:640px;}