@charset "utf-8";
/* comm-head */
.header{width:100%;}
.header-top{height:30px; background:#333; border-bottom:1px solid #DEDEDE;}
.header-nav{height:57px; background:#F5F5F5;}
.header-tag{height:30px; line-height:30px; overflow:hidden;}
.header-tag a{display:inline-block; float:left; color:#999; padding:0 14px 0 12px; background:url(/theme/img/header-tag-bg.gif) right no-repeat;}
.header-tag a.main{padding-left:0;}
.header-tag a.last{padding-right:0;}
.header-tag a.none{background:none;}
.header-tag a:hover{color:#CCC;}
.header-logo{width:186px; height:57px; background:url(/theme/img/header-logo-small.gif) no-repeat;}
.header-logo a{display:block; width:186px; height:57px;}
.header-menu{padding-left:11px; height:57px; line-height:57px; font-size:15px; font-family:\5FAE\8F6F\96C5\9ED1;}
.header-menu a{margin:0 12px; color:#666;}
.header-menu a:hover{color:#13A6FD;}

/* comm-nav*/
.nav{margin-top:15px; height:21px; line-height:21px; color:#999;}
.nav a{margin:0 5px; color:#999;}
.nav a:hover{color:#F57;}
.nav h1{display:inline; margin:0 5px; font-size:18px; color:#333; font-family:\5FAE\8F6F\96C5\9ED1;}

/* comm-width */
.w880{width:880px;}
.w300{width:300px;}
.w500{width:500px;}
.w685{width:685px;}

/* rank */
.rank{width:300px;}
.rank-name a{display:inline; height:20px; line-height:20px;}
.rank-name a.name{float:left; font-size:20px; color:#333; font-family:\5FAE\8F6F\96C5\9ED1;}
.rank-name a.more{float:right; font-size:12px; color:#666;}
.rank-list{font-family:\5FAE\8F6F\96C5\9ED1;}
.rank-list div{position:relative; width:300px; height:44px; line-height:0px; font-size:0px; border-bottom:1px dotted #E5E5E5;}
.rank-list div.none{border-bottom:0;}
.rank-list div a.list-txt{position:absolute; display:inline; left:40px; font-size:14px; width:210px; height:44px; line-height:44px; white-space:nowrap; overflow:hidden;}
.rank-list div span.list-num{position:absolute; display:inline; top:10px; left:0; width:24px; height:24px; line-height:24px; font-size:13px; font-family:Arial; background:#CDCDCD; color:#FFF; text-align:center;}
.rank-list div span.list-rank-num{position:absolute; display:inline; right:10px; height:44px; line-height:44px; font-size:17px; font-family:arial; color:#FF5757;}
.rank-list div.rank-list-img{width:300px; height:80px;}
.rank-list div.rank-list-img span.list-num{top:28px; background:#F90;}
.rank-list div.rank-list-img a.rank-icon{position:absolute; left:40px; top:10px;}
.rank-list div.rank-list-img a.rank-icon img{width:60px; height:60px; background-image:url(/theme/img/image-min.gif);}
.rank-list div.rank-list-img a.rank-name{position:absolute; left:115px; top:10px; width:180px; font-size:14px; height:21px; line-height:21px; white-space:nowrap; overflow:hidden;}
.rank-list div.rank-list-img span.rank-num{position:absolute; right:10px; bottom:15px; line-height:17px; font-size:17px; font-family:arial; color:#FF5757;}
.rank-list div.rank-list-img a.rank-btn{position:absolute; left:115px; bottom:12px; display:inline; width:76px; height:28px; background:url(/theme/img/detail-btn-rank.gif) no-repeat top;}
.rank-list div.rank-list-img a.rank-btn:hover{background-position:bottom;}

/* comm-star */
.b1{background:#8d4821;}
.b2{background:#80834c;}
.b3{background:#acbd23;}
.b4{background:#f853b1;}
.b5{background:#cf4bff;}
.b5_5{background:#4f64ff;}
.b6{background:#1b9df1;}
.b6_5{background:#0cc6d3;}
.b7{background:#09d49f;}
.b7_5{background:#49d618;}
.b8{background:#a1d809;}
.b8_5{background:#eec801;}
.b9{background:#ffad00;}
.b9_5{background:#fb7907;}
.b10{background:#f04444;}