body { background: #fcfdeb; min-width:980px; margin:auto;}
.wrap-top { background:url() no-repeat center top;width:650px;}

/*header*/
.header {}
.header .header-in { width:650px; height:180px; margin:auto; position:relative; text-align:center;}

.header .tit { display:inline-block; *zoom:1; *display:inline; /*vertical-align:top;*/ padding-top:10px; text-align:center; font-size:48px; font-weight:bold; color:#dc241f; font-family:"Microsoft Yahei","Simsun",Arial; margin-bottom:42px; position:relative;}
.header .tit .sub-tit { display:block; font-size:18px; color:#898989; font-family:"Microsoft Yahei","Simsun",Arial; position:absolute; right:0; top:76px; text-transform:uppercase; font-weight:normal;}

/*content*/
.content { width:648px; margin:auto; position:relative; background:#FFF;height:180px;}
.content-in { width:648px; margin:auto; overflow:hidden;height:180px;}

/*box-nav0*/
.box-nav0 .box-in { width:980px; margin:auto; background:#7a1500;}
/*mod-nav0*/
.mod-nav0 { overflow:hidden; *zoom:1; border-bottom:3px solid #891c05; background:#7a1500 url(//images.17173cdn.com/2014/hs/2014/05/30/bg-x0.jpg) repeat-x 0 -50px;}
.mod-nav0 li { display:inline-block; *zoom:1; *display:inline; float:left; width:129px; border-left:1px solid #9f2607; border-right:1px solid #891c05; border-bottom:1px solid #9b2e15;}
.mod-nav0 li.last { width:132px;}
.mod-nav0 li a { display:block; width:100%; border-bottom:2px solid #9f2607; _float:left; text-align:center; line-height:42px; background:url(//images.17173cdn.com/2014/hs/2014/05/30/bg-x0.jpg) repeat-x 0 -50px; font-size:18px; font-family:"Microsoft Yahei",Arial; color:#fff;}
.mod-nav0 li.on,
.mod-nav0 li.hover { border-bottom-color:#891c05;}
.mod-nav0 li.on a,
.mod-nav0 li.hover a { background-position:0 0; border-bottom-color:#891c05;}

.mod-nav0-s1 { margin-bottom:10px; background-image:none;}
.mod-nav0-s1 li a { background:#9a331e;}
.mod-nav0-s1 li.on a,
.mod-nav0-s1 li.hover a { background:#891c05;}

/*box1*/
.box1 { position:relative; overflow:hidden; margin-bottom:20px;}
.box1 .box-in { position:relative; width:100%; margin:auto;}
.box1 .box-hd { height:50px; font-family:"Microsoft Yahei","Simsun",Arial; position:relative; border-top:5px solid #9f2607; background:#7a1500;}
.box1 .box-hd h2 { display:inline-block; *zoom:1; *display:inline; vertical-align:top; font-size:24px; line-height:50px; color:#fff; font-weight:bold; padding:0 2px 0 20px;}
.box1 .box-hd .more { color:#fff; font-size:14px; position:absolute; right:10px; top:15px;}
.box1 .box-hd .more a { color:#fff;}
.box1 .box-hd .more a:hover { text-decoration:underline;}
.box1 .box-bd { overflow:hidden; /*padding:10px 15px;*/ border:1px solid #dadad9; border-top:0; *zoom:1;}

.box-system0-a .box-bd,
.box-system0-b .box-bd { border:0;}

.box-attr0-a .box-bd { padding:1px 0; *padding-bottom:30px;}
.box-attr0-b .box-bd { padding:10px 20px; *padding-bottom:30px;}

.box-guide0-a .box-bd { border:0; padding:1px 5px;}
.box-guide0-b .box-bd { border:0; padding:10px 5px;}
.box-guide0-c .box-bd { border:0; padding:10px 5px;}

/*list-info5*/
.list-info5 { overflow:hidden; *zoom:1; padding:4px 1px 10px 5px;margin-left:-5px;}
.list-info5 li { width:24.25%; *margin:0 3px; margin:0 1px\0; padding:0; display:inline-block; *zoom:1; *display:inline; vertical-align:top; /*float:left;*/ margin-bottom:5px;}
.li-in0 { display:block; padding:3px; width:214px; margin:auto;}
.list-info5 li .li-in1 { border:1px solid #e3dcc7; display:block; background:#fff; overflow:hidden; width:212px; margin:auto; position:relative;}

.list-info5 .info-pic { display:block; margin-bottom:0; width:212px; height:108px; position:relative;}
.list-info5 .info-pic a { display:block; width:212px; height:140px;}
.list-info5 .info-pic img { width:100%; height:100%; vertical-align:top;}
.list-info5 .info-txt { display:block; width:100%; font-size:12px; color:#fff; height:32px; position:absolute; left:0; top:76px; z-index:10; overflow:hidden;}
.list-info5 .info-txt span { display:block; position:relative; z-index:12; line-height:32px; text-align:center;}
.list-info5 .info-txt b { display:block; width:100%; height:100%; *width:200%; *height:200%; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:-1; position:absolute; left:0; top:0; z-index:11;}

.list-info5 .info-tit0 { display:block; background:#bcbcbc; text-align:left; font-size:14px; color:#393939; height:32px; line-height:32px; font-weight:bold; margin-bottom:5px;}

.list-info5 .item { display:block; margin:0 10px 10px 130px;}
.list-info5 .item-intro { border-bottom:1px dashed #e2e2e2; padding-bottom:8px; margin-bottom:1px;background:#ededed;}
.list-info5 .item .tit { display:block; font-size:12px; color:#f04e2d; font-weight:bold;margin-left:10px;}
.list-info5 .item .tit-intro { display:inline;background:#ededed;}
.list-info5 .item .con { font-size:12px; background:#ededed;}


.list-info5 li.hover .li-in0 { background:#f04e2d;}

.list-info5-3l li { width:32.5%;height:168px;}
.li-in0 { width:638px;height:170px;}
.list-info5-3l li .li-in1 { width:636px;height:168px;background:#ededed;}
.list-info5-3l .info-pic { width:140px;height:168px; float:left; margin::2px;}
.list-info5-3l .info-pic a { width:140px;height:168px;}

.list-info5 .more { display:block; color:#4575f0; font-size:12px; /*position:absolute; right:10px; top:10px;*/ text-align:right; padding:2px 20px 15px 15px;}
.list-info5 .more a { color:#4575f0;}
.list-info5 .more a:hover { text-decoration:underline;}

/*list-con0*/
.list-con0 { overflow:hidden; *zoom:1; padding:15px;}
.list-con0 li { width:30%; display:inline-block; *zoom:1; *display:inline; vertical-align:top; float:left; margin-bottom:5px; border-top:1px dashed #dededd; padding-top:5px;}
.list-conhehe { overflow:hidden; *zoom:1; padding-top:15px;}
.list-conhehe li { width:100%; display:inline-block; *zoom:1; *display:inline; vertical-align:top; float:left; margin-bottom:5px; border-top:1px dashed #dededd; padding-top:5px;}
.list-con0 li.top3 { border-top:0;}
.list-con0 i { display:inline-block; *zoom:1; *display:inline; vertical-align:top; width:20px; float:left; height:16px; line-height:14px; font-style:normal;}
.list-con0 .tit { display:block;  /*width:267px;*/ /*float:left;*/ margin-left:20px; font-size:14px; height:16px; line-height:16px; *padding-top:4px; color:#393939; }
.list-con0 .tit a { display:block; color:#393939; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; /*width:260px;*/}
.list-conhehe .tit { display:block;  /*width:267px;*/ /*float:left;*/ margin-left:20px; font-size:14px; height:28px; line-height:28px; *padding-top:8px; color:#393939; }
.list-conhehe .tit a { display:block; color:#393939; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; /*width:260px;*/}
.list-conhehe .tit a:hover { color:#f00; text-decoration:underline}

.list-con0 li.hover .tit a { color:#f00; text-decoration:underline}
.list-con0 li.hover i { color:#f00;}
.list-con0 li.hover .tit { color:#f00;}

.list-info5 .list-con0 { padding-bottom:5px;}
.list-info5 .list-con0 li { width:100%; margin-bottom:6px; border-top:0;}
.list-info5 .list-con0 .tit { font-size:12px; color:#6f5d4b; margin-left:0;}
.list-info5 .list-con0 .tit a { color:#6f5d4b;}

.list-info5-4l .list-con0 .tit a { width:182px;}
.list-info5-3l .list-con0 .tit a { width:278px;}

.box-system0-a .list-con0 .tit { _padding-top:1px;}
.box-system0-a .list-con0 .tit a { _width:256px;}

.box-system0-b .list-con0 .tit { _padding-top:1px;}
.box-system0-b .list-con0 .tit a { _width:256px;}


/*box0*/
.series-class-column .box0 { position:relative; overflow:hidden; margin-bottom:10px;}
.series-class-column .box0 .box-in { position:relative; width:100%; margin:auto;}
.series-class-column .box0 .box-bd { overflow:hidden; padding:1px 10px 10px; border:1px solid #dadad9; *zoom:1;}

.series-class-column .box0 .box-bd-left { width:295px; float:left; padding-top:9px;}
.series-class-column .box0 .box-bd-mid { width:330px; float:left; padding-top:5px; margin-left:15px;}
.series-class-column .box0 .box-bd-right { width:242px; float:left; padding-top:9px; margin-left:15px; _margin-left:12px;}

.series-class-column .box0 .more { color:#0f4792; font-size:12px; position:absolute; right:10px; top:10px;}
.series-class-column .box0 .more a { color:#0f4792;}
.series-class-column .box0 .more a:hover { text-decoration:underline;}

.series-class-column .box0 .box-bd-left .pic { width:295px; margin-bottom:10px; height:290px;}
.series-class-column .box0 .box-bd-left .pic img { width:100%; height:100%;}

/*--box-class-images0*/
.series-class-column .box-class-images0 .box-bd { padding:1px 10px;}

/*--box-class-info1*/
.series-class-column .box-class-info1 .box-bd { padding:8px;}
.series-class-column .box-class-info1 .box-bd-left .pic { height:327px;}

.series-class-column .box-class-info1 .box-bd-left { width:295px; float:left; padding-top:9px; margin-left:5px;}
.series-class-column .box-class-info1 .box-bd-mid { width:347px; float:left; padding-top:5px; margin-left:10px;}
.series-class-column .box-class-info1 .box-bd-right { width:225px; float:left; padding-top:9px; margin-left:10px;}
/*mod-btn0*/
.series-class-column .box0 .mod-btn0 { width:100%; overflow:hidden;}
.series-class-column .box0 .mod-btn0 .btn-vote { display:inline-block; *zoom:1; *display:inline; float:left; /*vertical-align:top;*/ width:143px; height:49px; background:url(//ue.17173cdn.com/a/bns/class-column/2014/img/bg-btn0.jpg) no-repeat 0 0;}
.series-class-column .box0 .mod-btn0 .btn-vote:hover { background-position:0 -50px;}
.series-class-column .box0 .mod-btn0 .btn-vote .tit { display:block; text-align:center; color:#fff; font-size:16px; font-family:"Microsoft Yahei","Simsun",Arial; line-height:26px; padding-top:2px;}
.series-class-column .box0 .mod-btn0 .btn-vote .count { display:block; text-align:center; color:#fff; font-size:12px; font-family:"Microsoft Yahei","Simsun",Arial; line-height:18px;}
.series-class-column .box0 .mod-btn0 .btn-vote .count em { color:#ffe400; margin:0 3px;}

.series-class-column .box0 .mod-btn0 .btn-test { display:inline-block; *zoom:1; *display:inline; /*vertical-align:top;*/ width:143px; height:47px; padding-top:2px; background:url(//ue.17173cdn.com/a/bns/class-column/2014/img/bg-btn0.jpg) no-repeat 0 0; margin-left:9px; _margin-left:5px;}
.series-class-column .box0 .mod-btn0 .btn-test:hover { background-position:0 -50px;}
.series-class-column .box0 .mod-btn0 .btn-test .tit { display:block; color:#fff; font-size:16px; font-family:"Microsoft Yahei","Simsun",Arial; line-height:20px; padding:2px 20px 0;}

/*mod-info0*/
.mod-info0 { width:320px; padding:20px 5px 15px 15px; float:left; position:relative; padding-bottom:25px;}
.biaoti { margin-left:15px; font-weight:bold; color:#C30; text-align:left;}
.biaoti a { font-size:12px; color:#666; float:right;}
.mod-info0 .item { overflow:hidden;}
.mod-info0 .item .tit { display:inline-block; *zoom:1; *display:inline; vertical-align:top; color:#000; font-weight:bold; float:left; line-height:14px; font-size:12px; padding:9px 0;}
.mod-info0 .more { display:inline-block; *zoom:1; *display:inline; height:20px; color:#fff; font-size:12px; position:absolute; right:10px; bottom:0;}
.mod-info0 .more a { display:block; color:#fff; background:#e76036; padding:0 10px; line-height:20px; border-radius:3px;}
.mod-info0 .more a:hover { background:#a1412e;}
.mod-info0 .item .p0 { margin-top:25px; color:#000; font-size:14px; border-bottom:1px dashed #ccc; font-weight:bold; padding-bottom:10px; margin-bottom:5px;}
.mod-info0 .item .p1 { color:#818181; font-size:14px; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:5px;}
/*mod-pic0*/
.mod-pic0 { width:270px; float:left; margin-left:10px; margin-top:20px;}

/*list-con1*/
.list-con1 { overflow:hidden; *zoom:1;}
.list-con1 li { width:100%; display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin-bottom:10px; float:left;}
.list-con1 .li-in { }
.list-con1 .pic { display:block; width:434px; height:221px; margin:auto;}
.list-con1 .pic a { display:block; border:1px solid #e6e6e6; padding:3px; width:426px; height:213px;}
.list-con1 .pic a:hover { border-color:#f2af9a;}
.list-con1 .pic img { vertical-align:top; width:100%; height:100%;}

.list-pic0 li { width:100%;}
.list-pic0 .pic { width:434px; height:221px;}
.list-pic0 .pic a { width:426px; height:213px;}

.list-pic1 li { width:100%; margin-top:10px;}
.list-pic1 .pic { width:254px; height:251px;}
.list-pic1 .pic a { width:246px; height:243px;}

/*list-tag0*/
.list-tag0 { display:block; overflow:hidden; /*width:600px;*/ *zoom:1; *margin-bottom:10px; font-size:12px; line-height:30px;}
.list-tag0 a { display:inline-block; *zoom:1; *display:inline; vertical-align:top; float:left; margin:0 10px 10px 0; padding:0 15px; /*width:88px;*/ height:30px; background:#fcfbf5; border:1px solid #e3dcc7; color:#64513e; line-height:30px; text-align:center; font-size:12px;
background-image:-moz-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:-webkit-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:-ms-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:-o-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:linear-gradient(top, #fdfcf7, #f6f2e5);
}
.list-tag0 a:hover { background:#e76036; color:#fff;}

.series-levelup-guide .mod-info0 .list-tag0 { margin-left:76px;}
.pn-bd {padding:15px;}