/** john 6-2 up **/
.wrap{ margin:0 auto; width:950px;overflow:hidden; }
.ft{_margin-top:10px;}

a {
text-decoration:none;
}
.noborder {
background:none!important;
}
ol {
list-style:none;
list-style-position:outside;
}
.nav_sub {
background:url(../images/rank/bg_nav.png) repeat-x 0 -40px;
height:40px;
margin:5px 0;
overflow:hidden;
position:relative;
}
.nav_sub h1 {
background:url(../images/rank/bg_nav.png) no-repeat;
height:40px;
text-indent:-9999px;
width:170px;
}
.nav_sub p {
background:url(../images/rank/bg_icon.png) no-repeat 0 15px;
color:#4E82B1;
left:190px;
line-height:40px;
position:absolute;
top:0;
text-indent:20px;
}
.nav_sub ul {
left:375px;
position:absolute;
top:0;
}
.nav_sub li {
background:url(../images/rank/bg_icon.png) no-repeat  40px -25px;
_background-position:40px -26px;
float:left;
line-height:40px;
padding:0 17px 0 7px;
}
.nav_sub li a {
color:#535353;
}
.nav_sub h4 {
background:url(../images/rank/bg_nav.png) no-repeat right -80px;
font-size:14px;
font-weight:normal;
height:40px;
line-height:40px;
position:absolute;
right:0;
text-indent:20px;
top:0;
width:90px;
}
.nav_sub h4 a {
background:url(../images/rank/bg_icon.png) no-repeat 0 -65px;
color:#4E83AF;
display:block;
}
.area {
position:relative;
width:950px;
}
#news {
background:#FFF url(../images/rank/bg_line.png) repeat-y;
border:1px solid #ABABAB;
margin:0 0 10px;
width:574px;
}
#news h2 {
background:url(../images/rank/bg_h2.png) no-repeat;
color:#696B6A;
font-size:14px;
height:28px;
line-height:28px;
text-align:center;
}
#news ol {
background:url(../images/rank/bg_rankno.png) no-repeat 12px 11px;
height:680px;
margin:0 10px;
overflow:hidden;
}
#news li {
border-bottom:1px solid #DAE5E7;
font-size:14px;
height:33px;
line-height:33px;
overflow:hidden;
padding:0 86px 0 70px;
position:relative;
}
#news li a {
color:#000;
}
#news li .comment {
font-size:12px;
position:absolute;
right:0;
text-align:center;
top:0;
width:85px;
}
#pics {
background:#FFF url(../images/rank/bg_imgno.png) no-repeat 6px 40px;
border:1px solid #ABABAB;
position:absolute;
right:0;
top:0;
width:364px;
}
#pics h2 {
background:url(../images/rank/bg_h2.png) no-repeat 0 -28px;
color:#696B6A;
font-size:14px;
height:27px;
line-height:27px;
position:relative;
text-indent:30px;
}
#pics h2 a {
color:#676767;
}
#pics h2 .more {
background:url(../images/rank/bg_icon.png) no-repeat 0 -113px;
color:#2F2F2F;
font-size:12px;
font-weight:normal;
position:absolute;
right:8px;
text-align:center;
text-indent:0;
top:0;
width:37px;
}
#pics li {
border-bottom:1px dashed #E6E6E6;
display:inline;
float:left;
margin:0 6px;
padding:10px 0;
text-align:center;
width:170px; height:149px; overflow:hidden;
}
#pics li h3 {
font-size:12px;
font-weight:normal;
height:22px;
line-height:19px;
margin:0 0 8px;
overflow:hidden;
padding:4px 10px 0 20px;
}
#pics li h3 a {
color:#696768
}
#pics li img {
border:1px solid #000;
height:113px;
margin:0 auto;
width:148px;
}
#part2 {
width:960px;
overflow:hidden;
}
.col {
background:#FFF;
border:1px solid #ABABAB;
display:inline;
float:left;
margin:0 6px 10px 0;
width:470px;
}
.col h2 {
background:url(../images/rank/bg_h2.png) no-repeat 0 -55px;
font-size:14px;
font-weight:normal;
height:36px;
letter-spacing:10px;
line-height:33px;
text-align:center;
}
.col h2 a {
color:#000;
}
.col ol {
background:url(../images/rank/bg_colno.png) no-repeat;
height:289px;
margin:5px 2px;
overflow:hidden;
}
.col li {
border-bottom:1px solid #DAE5E9;
font-size:14px;
line-height:28px;
overflow:hidden;
text-indent:50px;
}
.col li a {
color:#333;
}
.gentie .nav_sub h1 {
background-position:0 -120px;
}
.nav_sub h5 {
background:url(../images/rank/bg_nav.png) no-repeat right -80px;
font-size:12px;
height:40px;
line-height:40px;
position:absolute;
right:0;
text-indent:15px;
top:0;
width:150px;
}
.nav_sub h5 a {
background:url(../images/rank/bg_icon.png) no-repeat 0 -25px;
color:#4E82B2;
display:block;
}
.gentie .area {
background:#FFF;
border:1px solid #97A9AB;
height:1280px;
margin:0 0 10px;
position:relative;
width:944px;
}
.section {
background:url(../images/rank/bg_col.png) no-repeat;
height:1278px;
padding:1px 7px;
position:absolute;
right:-6px;
top:0;
width:744px;
}
.section h2 {
background:#D1D5E0 url(../images/rank/bg_icon.png) no-repeat 96px -273px;
font-size:12px;
font-weight:normal;
height:22px;
line-height:22px;
*overflow:hidden;
}
.section h2 a {
color:#000;
float:left;
height:29px;
padding:0 1px;
position:relative;
text-align:center;
width:94px;
}
.section h2 .active {
background:url(../images/rank/bg_h2a.png) no-repeat 1px -53px;
color:#C60A0B;
}
.section h3 {
background:url(../images/rank/bg_icon.png) no-repeat 0 -234px;
font-size:12px;
font-weight:normal;
line-height:20px;
position:absolute;
top:2px;
right:20px;
text-indent:20px;
}
.section h3 a {
color:#000;
}
.section ol {
clear:both;
margin:25px 0;
}
.section li {
height:34px;
line-height:34px;
margin:0 0 12px;
overflow:hidden;
padding:0 90px 0 150px;
position:relative;
text-align:right;
}
.section li span {
position:absolute;
}
.no {
background:url(../images/rank/bg_h2a.png) no-repeat 0 -82px;
height:17px;
left:7px;
line-height:17px;
text-align:center;
top:10px;
width:20px;
}
.num_cmt {
background:url(../images/rank/bg_h2a.png) no-repeat 0 -99px;
height:34px;
left:35px;
line-height:34px;
text-align:center;
top:0;
width:110px;
}
.num_cmt a {
color:#000;
}
.cmt_news {
left:150px;
line-height:34px;
font-size:14px;
text-align:left;
top:0;
width:440px;
}
.cmt_news a {
color:#264E81;
}
.section ol .comment {
background:url(../images/rank/bg_h2a.png) no-repeat 0 -133px;
color:#F26839;
height:23px;
line-height:23px;
position:absolute;
right:10px;
text-align:center;
top:5px;
width:66px;
}
.side {
border-top:1px solid #086670;
left:0;
position:absolute;
top:-1px;
width:192px;
}
.side h2 {
background:url(../images/rank/bg_icon.png) no-repeat 25px -153px;
border-bottom:1px solid #DDE7E8;
color:#383838;
font-size:14px;
height:42px;
line-height:42px;
margin:0 0 12px;
text-align:center;
}
.side li {
background:url(../images/rank/bg_h2a.png) no-repeat;
font-weight:bold;
height:26px;
line-height:26px;
margin:0 auto 10px;
text-align:center;
width:101px;
}
.side li a {
color:#77787C;
display:block;
width:101px;
}
.side .active {
background-position:0 -26px;
height:27px;
line-height:27px;
width:122px;
}
.side .active a {
color:#FFF;
width:122px;
}