/**
*Website:/daren.css
*Author:llf{2013-9-17}
*Ìù°É´ïÈË
**/



body{ background:url(http://tieba.baidu.com/tb/zt/daren/images/dr_bg.jpg) repeat;}
#bd{ }
.content{ width:960px; margin:0 auto;}
.banner{ height:430px; display:block;margin-bottom:15px; overflow:hidden; position:relative; background:url(http://tieba.baidu.com/tb/zt/daren/images/dr_banner.jpg) no-repeat center top;}
.banner span{ line-height:26px; color:#fff; font-size:14px; position:absolute; right:38px; text-align:right; font-weight:bold;}
.banner a,.banner a:hover{ color:#fff; text-decoration:none;}
.txt01{ top:282px;}
.txt02{ top:316px;}
.txt03{ top:350px;}
.txt04{ top:384px;}
.txt05{ width:180px; height:30px; display:block; top:250px; left:155px; position:absolute;}
.txt06 {
    display: block;
    height: 100px;
    right: 20px;
    position: absolute;
    top: 175px;
    width: 225px;
}

.blank_wrap{}
.col01{ width:230px; height:226px; float:left; display:inline; overflow:hidden;}
.col02{ width:490px; height:224px; float:left; display:inline; overflow:hidden; margin:0 4px;border:solid 1px #629dc0;}
.col03{ width:225px; height:224px; float:left; display:inline; overflow:hidden; background:#7b9dd5; border:solid 1px #7992c3; }

.col01 img{ width:230px; overflow:hidden; display:block; }
.img01{margin-bottom:4px; height:87px;}
.col_left{padding:0 15px; background:#78b1d3; float:left; display:inline; height:224px; width:140px; color:#fff; }
.col_left h3{ padding:20px 0; text-align:center;font-weight:bold;font-family:STHeiti,'Î¢ÈíÑÅºÚ','Microsoft Yahei',Arial,sans-serif; font-size:16px;}
.col_left p{ line-height:18px;}
.p_sub{ text-indent:2em;}
.more{ text-align:right; padding-top:8px;}
.more a,.more a:hover{ color:#fff;}
.col_right,.col_right img{width:320px; height:224px;display:block; overflow:hidden;}
.col_right{ float:left; display:inline; overflow:hidden; position:relative;  }
.icon_xt{ width:80px; height:80px; position: absolute; top:0; right:0; background:url(http://tieba.baidu.com/tb/zt/daren/images/dr_icon_xt.png) no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true",src='http://tieba.baidu.com/tb/zt/daren/images/dr_icon_xt.png', sizingMethod='crop');
}




.col03 h3{ height:39px; background:url(http://tieba.baidu.com/tb/zt/daren/images/dr_title01.jpg) no-repeat center top;}


.list{ padding:0 11px; width:204px; overflow:hidden;}
.list li{ padding:2px 3px 3px 0; height:24px; display:block; line-height:24px; _margin-bottom:-3px; overflow:hidden; background:#6e92ce; border-top:solid 1px #6383b9; border-bottom:solid 1px #7b9dd5; cursor:pointer;}

.list_left{color:#fff; width:30px; text-align:center; float:left; display:inline; font-size:22px;font-family:STHeiti,'Î¢ÈíÑÅºÚ','Microsoft Yahei',Arial,sans-serif; font-weight:bold;}
.list_name{ float:left; display:inline;}
.list_name a,.list_name a:hover{color:#fff;}
.list_center{ float:left; display:inline; padding:0 8px; color:#c0d6fb;}
.list_right{ float:right; text-align:right;}
.list_right img{ width:22px; height:22px; overflow:hidden; border:solid 1px #bcc8f9;}
.list li.current{ height:42px; line-height:42px;}
.list li.current .list_left{ font-size:36px;}
.list li.current .list_name{ font-size:14px; font-weight:bold;}
.list li.current .list_right img{ width:40px; height:40px;}



.nav{ height:41px; line-height:41px; background:url(http://tieba.baidu.com/tb/zt/daren/images/dr_nav_bg.jpg) repeat-x; margin:15px 0; padding-left:16px;}
.nav li{ float:left; display:inline;margin-right:10px;}
.nav a{ display:inline; float:left; height:41px; }
.nav01{ width:42px; background:url(http://tieba.baidu.com/tb/zt/daren/images/nav01.jpg) no-repeat;}
.nav02{ width:70px; background:url(http://tieba.baidu.com/tb/zt/daren/images/nav02.jpg) no-repeat;}
.nav03{ width:58px; background:url(http://tieba.baidu.com/tb/zt/daren/images/nav03.jpg) no-repeat;}
.nav04{ width:58px; background:url(http://tieba.baidu.com/tb/zt/daren/images/nav04.jpg) no-repeat;}
.nav05{ width:70px; background:url(http://tieba.baidu.com/tb/zt/daren/images/nav05.jpg) no-repeat;}
.nav06{ width:58px; background:url(http://tieba.baidu.com/tb/zt/daren/images/nav06.jpg) no-repeat;}
.nav07{ width:106px; background:url(http://tieba.baidu.com/tb/zt/daren/images/nav07.jpg) no-repeat;}
.nav_cur .nav01, .nav01:hover{background:url(http://tieba.baidu.com/tb/zt/daren/images/nav01_hover.jpg) no-repeat;}
.nav_cur .nav02, .nav02:hover{ background:url(http://tieba.baidu.com/tb/zt/daren/images/nav02_hover.jpg) no-repeat;}
.nav_cur .nav03, .nav03:hover{ background:url(http://tieba.baidu.com/tb/zt/daren/images/nav03_hover.jpg) no-repeat;}
.nav_cur .nav04, .nav04:hover{ background:url(http://tieba.baidu.com/tb/zt/daren/images/nav04_hover.jpg) no-repeat;}
.nav_cur .nav05, .nav05:hover{ background:url(http://tieba.baidu.com/tb/zt/daren/images/nav05_hover.jpg) no-repeat;}
.nav_cur .nav06, .nav06:hover{ background:url(http://tieba.baidu.com/tb/zt/daren/images/nav06_hover.jpg) no-repeat;}
.nav_cur .nav07, .nav07:hover{ background:url(http://tieba.baidu.com/tb/zt/daren/images/nav07_hover.jpg) no-repeat;}

.nav_blank{ display:none;}
.selectTag{ display:block;}


/*ÆÙ²¼Á÷*/
.list_box{ padding:11px; background:#fff; width:204px; margin-bottom:18px; position:relative;}
.img_box{ position:relative; color:#fff;}
.img_blank, .img_blank img{ width:204px; display:block; overflow:hidden;}
.user_head,.user_head img{ height:40px; width:40px; overflow:hidden; display:block; }
.user_head{border:solid 1px #fff; border-left:none; border-bottom: none; position:absolute; left:0; bottom:0;}

.fans_num{ position:absolute; left:53px; bottom:3px;}
.reply_num{ position:absolute; left:119px;bottom:3px;}
.user_name{position:absolute; left:53px;bottom:21px;}


.img_info{ color:#333; line-height:18px; padding:15px 0 5px; clear:both;}
.btn_add{ width:57px; height:24px; display:block; float:right; background:url(http://tieba.baidu.com/tb/zt/daren/images/dr_btn_add.jpg) no-repeat;}

/*ÅÅÐÐ°ñ*/
.rank_box{ border:solid 1px #ececec; line-height:30px; }
.rank_box h3{ font-size:14px; color:#3e94ad; font-weight:bold; padding:0 5px; background:#fafafa;}
.rank_list{ background:#fafafa;}
.rank_list li{ padding:0 5px; height:30px; overflow:hidden;}
.rank_list a{ float:left; display:inline;}
.rank_list a,.rank_list a:hover{ color:#333;}
.pink{ background-color:#f1f1f1;}
.icon_num{ float:left; display:inline; margin:6px 5px 0 0 ; font-style:normal; overflow:hidden;width:24px; text-align:center; height:18px; line-height:18px; color:#fff; background:url(http://tieba.baidu.com/tb/zt/daren/images/rank_num_blue.png) no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true",src='http://tieba.baidu.com/tb/zt/daren/images/rank_num_blue.png', sizingMethod='crop');
}
.icon_num_pink{ background:url(http://tieba.baidu.com/tb/zt/daren/images/rank_num_pink.png) no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true",src='http://tieba.baidu.com/tb/zt/daren/images/rank_num_pink.png', sizingMethod='crop');
}
.more_link{text-align: right; line-height:30px; font-family:"ËÎÌå";}
.more_link a,.more_link a:hover{ color:#333; }
.rank_wrap{ position:absolute; top:0; right:5px;display:none}


.footer2{ width:980px; margin:30px auto 50px; color:#999; text-align:center;}
.footer2 a,.footer2 a:hover{ color:#999;}
.page{ width:980px; color:#999; text-align:center;}















