@charset "gb2312";

/* CSS Document */

/* 列表页 内容页公用 */
.area-c { padding-bottom: 10px; }
.area-c .col-lm { width: 648px; border: #000 solid 1px; }
.area-c .col-lm .box { padding: 0 14px; border: #777777 solid 1px; background: #141414; }
.area-c .col-lm .box .ahd { height: 36px; line-height: 38px; _overflow: hidden; padding: 0 12px; border-bottom: #9a9a9a solid 1px; }
.area-c .col-r { width: 300px; }
.area-c .col-r .mod { margin-top: 10px; border: #000 solid 1px; }
.area-c .col-r .mod-first { margin-top: 0; }
.area-c .col-r .hd { height: 23px; line-height: 25px; _overflow: hidden; padding: 0 9px 0 22px; border-bottom: #000 solid 1px; background: url(dnf_spr.png) 0 -454px no-repeat; }
.area-c .col-r .hd h4 { font-size: 12px; font-weight: bold; text-align: left; color: #FFF; float: left; color: #FFF; }
.area-c .col-r .hd .more { float: right; color: #FFF; }
.area-c .col-r .bd { border: 1px solid #605b5a; background: #141414; padding: 0 10px; }

/* dtdd列表 */
.lst-dtdd { margin-top: 10px; }
.lst-dtdd li { margin-bottom: 8px; height: 18px; _overflow: hidden; zoom: 1 }
.lst-dtdd li span { float: left; _display: inline; margin-right: 8px; padding: 0 7px 0 4px; height: 17px; line-height: 18px; _overflow: hidden; color: #fff; background: #821F1F url(dnf_spr.png) 100% -497px no-repeat; }
.lst-dtdd li a { height: 18px; line-height: 18px; word-break: break-all; white-space: nowrap }

/* 翻页 */
.pagebox .page { zoom: 1; text-align: center; margin: 19px 0; color: #484848; }
.pagebox .page:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.pagebox .page li { float: left; _display: inline; height: 16px; line-height: 16px; margin: 5px 2px; color: #484848; border: #c3c3c3 solid 1px; }
.pagebox .page li a { float: left; padding: 0 6px; color: #484848; background: #c3c3c3; text-decoration: none; }
.pagebox .page li a:hover { color: #c4c4c4; background: #2b2b2b; text-decoration: none; }
.pagebox .page .on { color: #c4c4c4; background: #2b2b2b; padding: 0 6px; }

/* dnf第二季新启程 dnf图集专题 */
.area-c .col-r .dnfdej .bd { padding: 0 0 0 6px; }
.dnfdej .lst li { width: 88px; float: left; _display: inline; }
.dnfdej .lst li { padding-left: 8px; }

/* dnf鐑热点推荐 */
.area-c .col-r .dnfrdtj .bd { padding: 0 0 0 6px; }

/* dnf精彩图集 dnf视频欣赏 */
.dnfjctj .bd .box { width: 270px; padding: 3px; overflow: hidden; }
.dnfjctj .lst-img-title { width: 300px; }
.dnfjctj .lst-img-title li { width: 122px; margin-right: 26px; }

/* 左侧主要内容框 */
.area-c .maincon .bd .box_in { width: 618px; overflow: hidden; }
.area-c .maincon .ft table { text-align: center; }

/* 列表页样式1（四图） */
.lby-a .bd .box_in .lst-img-title { padding: 0 24px; width: 700px; margin-top: 18px; background: url(line-dot-x.png) repeat-x left bottom; }
.lby-a .bd .box_in .lst-img-title li { width: 122px; margin-right: 28px; padding-bottom: 14px; }

/* 列表页样式2（三图） */
.lby-b .bd .box_in .lst-img-title { padding: 0 24px; width: 700px; margin-top: 18px; background: url(line-dot-x.png) repeat-x left bottom; }
.lby-b .bd .box_in .lst-img-title li { width: 162px; margin-right: 40px; padding-bottom: 14px; }

/* 文章页列表 */
.lby-c .bd .lst-dot { padding: 12px 10px; background: url(line-dot-x.png) repeat-x left bottom; }

/* 文章页 */
.wzy-a .col-lm .box { padding: 0 12px; }
.wzy-a .maincon .hd { padding-bottom: 12px; }
.wzy-a .maincon, .sptj, .iarea-a, .gywz { margin: 0 11px; zoom: 1 }
.wzy-a .hd-title h4 { font-weight: bold; color: #d3d3d3; font-size: 14px; }
.sptj .bd { padding: 0 10px; width: 580px; overflow: hidden; }
.sptj .bd .lst-img-title { width: 700px; }
.sptj .bd .lst-img-title li { width: 122px; margin-right: 30px; }
.iarea-a { margin-top: 10px; }
.iarea-a .col-l, .iarea-a .col-r { width: 277px; }
.gywz { margin-top: 10px; }
.gywz .hd-title h4 { font-size: 14px; }
.gywz .lst li { font-size: 14px; height: 25px; line-height: 25px; background: url(dnf_spr.png) no-repeat 1px -314px; }
.gywz .lst li span { font-size: 12px; color: #717171; }

/* 文章宽页 */
.wzy-b { border: #000 solid 1px; margin-bottom: 10px; }
.wzy-b .box { padding: 0 14px; border: #777777 solid 1px; background: #141414; }
.wzy-b .ahd { height: 36px; line-height: 38px; _overflow: hidden; padding: 0 12px; border-bottom: #9a9a9a solid 1px; }
.wzy-b .hd-title h4 { font-weight: bold; color: #d3d3d3; font-size: 14px; }
.wzy-b .maincon { margin: 0 32px; }
.wzy-b .maincon .hd { padding-bottom: 12px; }
.wzy-b .maincon .ft { padding: 10px 0; }
.wzy-b .maincon .ft table { text-align: center; }
.wzy-b .nrtj { margin: 10px 30px; }
.wzy-b .nrtj .bd { width: 100%; overflow: hidden; }
.wzy-b .nrtj .col-l { width: 462px; }
.wzy-b .nrtj .col-r { width: 391px; }
.wzy-b .nrtj .lst-img-title li { width: 122px; margin-right: 24px; }

/* 文章页 文章宽页 覆盖原来样式 */
#endText { width: auto; }
#endText p { margin: 14px 0; }
#endText .rdtj a { color: #d4d4d4; }
#endText .rdtj a:visited { color: #d4d4d4; }
#endText .rdtj a:hover { color: #ba2636; }
#endText .rdtj a:active { color: #ba2636; }
.wzy-a .endContent, .wzy-b .endContent { padding: 0; }
.wzy-a .endContent .summary, .wzy-b .endContent .summary { background: #333; border: #666 solid 1px; padding: 12px 20px 6px; }
.wzy-a .endContent .info, .wzy-a .endContent .info a, .wzy-b .endContent .info, .wzy-b .endContent .info a { color: #717171; }
.wzy-a .endContent .info a:hover, .wzy-b .endContent .info a:hover { color: #ba2636; }
.wzy-a .endContent .info .cDRed, .wzy-b .endContent .info .cDRed { color: #BA2636; }
.wzy-a .endMore, .wzy-b .endMore { background: #141414; }
.wzy-a .endMore .dotline, .wzy-b .endMore .dotline { background: url(line-dot-x.png) repeat-x; }
.wzy-a .exitcomment { margin: 12px 16px; }
.wzy-a .comment { margin: 10px 0 0; padding: 20px 0; }
.wzy-b .exitcomment { margin: 12px 16px; }
.wzy-b .comment { margin: 0 10px; padding: 0 0 24px; }
.yilei-title { height: 26px; line-height: 28px; padding: 0 10px 0 14px; border-bottom: #605b5a solid 1px; background: url(dnf_spr.png) no-repeat 2px -403px; font-weight: bold; color: #d3d3d3; font-size: 14px; }
.yilei { width: 110%; margin-top: 10px; }
.yilei .piclist { overflow: hidden; }
.yilei .piclist li { float: left; padding: 3px 30px 12px 4px; width: 122px; }
.yilei .piclist li img { border: 1px solid #494949; margin: 0 0 6px 0; }
.yilei .piclist li img:hover { border-color: #FFF; }
.yilei .piclist li h5 { width: 122px; line-height: 16px; overflow: hidden; font-size: 12px; font-weight: normal }