.clearfix::after {
clear: both;
}
.clearfix::before, .clearfix::after {
content: '';
display: table;
}
.follow-show {
	display: inline-block;
}
#follow-btn:hover{
	background: url(imager/btns-bg.png) no-repeat 0 -334px;
	}
.follow-btn:hover,.followed-btn:hover{
	text-decoration:none;
	}
.follow-btn,.followed-btn {
	     height: 33px;
    line-height: 33px;
    width: 90px;
    text-align: center;
    color: white;
    font-size: 12px;
    font-weight: 400;
    background: url(imager/btns-bg.png) no-repeat 0 -301px;
    margin-right: 7px;
    vertical-align: top;
}
.followed-btn {
	background-position: 0 -367px;
	color: #666;
	}
.pop-rank {
position: absolute;
padding: 0 12px;
width: 154px;
border: 1px solid #DDD;
min-width: 60px;
background: #FEFEFE;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
line-height:20px;
}
.pop-rank .p {
padding: 4px 0;
}
.pop-rank span {
display: block;
}
.prank-tip a{
	display: block;
	text-align: right;
	color: #369;
	}
.prank-backimg {
display: inline-block;
zoom: 1;
width: 165px;
height: 82px;
text-align:left;
line-height: 34px;
position: relative;
overflow: hidden;
}
.pop-rank .link {
display: block;
text-align: right;
padding: 2px 0 6px;
}
.checkin-btn:hover {
background-position: 0 -33px;
}
.checkin-btn, .re-checkin-btn, .in-checkin-btn {
float: left;
margin-right: 5px;
width: 90px;
height: 33px;
background: url(imager/btns-bg.png) no-repeat 0 0;
position: relative;
}
.re-checkin-btn {
background-position: 0 -66px;
cursor: text;
}
.checkin-diary {
width: 340px;
border: 1px solid #F1DF7D;
background: #FFF9DD;
zoom: 1;
position: absolute;
}
.checkin-diary-l {
float: left;
padding: 0 0 0 10px;
width: 196px;
}
.checkin-diary-l .diary-title {
text-align: center;
color: #666;
border-bottom: 1px solid #CC9;
padding: 8px 0;
}
.checkin-diary-l .diary-title h3 {
font-size: 16px;
font-family: "Microsoft Yahei";
}
.checkin-diary-l .diary-title {
text-align: center;
color: #666;
}
.checkin-diary-l p {
padding: 8px 0;
}
.checkin-diary-r {
float: right;
width: 110px;
padding: 9px 9px 0 15px;
}
.checkin-diary-r .rank {
color: #666;
}
.checkin-diary-r .rank h4 {
font-family: "Microsoft Yahei";
font-size: 12px;
font-weight: 400;
color: #333;
border-bottom: 1px solid #CC9;
padding: 10px 0 6px;
}
.checkin-diary-r .mod-art {
padding: 5px 0 0;
}
.checkin-diary-r .mod-art li {
overflow: hidden;
height: 18px;
line-height: 18px;
list-style: none;
}
.checkin-diary-r .mod-art .num {
float: left;
-webkit-text-size-adjust: none;
-webkit-border-radius: 2px;
border-radius: 2px;
width: 12px;
font: 10px/12px verdana;
text-align: center;
margin: 3px 5px 0 0;
color: white;
background-color: #BBB;
font-style: normal;
}
.checkin-diary-r .mod-art .first, .checkin-diary-r .mod-art .second, .checkin-diary-r .mod-art .third {
background-color: #F90;
}
.checkin-diary i.b {
width: 18px;
height: 10px;
overflow: hidden;
line-height: 0;
position: absolute;
left: 36px;
top: -10px;
background: url(imager/btns-bg.png) no-repeat -55px -182px;
}
#content-box {
zoom: 1;
padding: 15px;
background-color: white;
}

.b-table{width:100%;}
.b-table thead th{background:#e1eef6;border-top:1px solid #a0c1d7;border-bottom:1px solid #a0c1d7;color:#666;height:38px;font-weight:700;text-align: center;}
.b-table td{height:44px;text-align: center;}
.b-table .even{background:#f7fbfd;}
.b-table td{border-bottom:1px solid #eff3f6;}
.b-table tr:hover{background:#fcf4d0!important;}
.b-table .unfollow{color:#369;}
.b-table .game{position:relative;}
.b-table .game i{position:absolute;top:-5px;margin:0 0 0 2px;width:24px;height:14px;line-height:14px;background:url(imager/btns-bg.png) no-repeat -55px -132px;}

/**
 * 声望说明
 */
.renown-box{}
.renown-box .renown-tab{border-bottom:2px solid #c2d5e3;padding:0 0 0 15px;zoom:1;position:relative;}
.renown-box .renown-tab ul{margin-bottom:-2px;position:relative;}
.renown-box .renown-tab li{float:left;background:#e7eef4;margin:0 5px;display:inline;}
.renown-box .renown-tab a{display:block;width:215px;padding:10px 0 12px;border-bottom:2px solid #c2d5e3;}
.renown-box .renown-tab span{display:block;text-indent:-999em;width:170px;height:34px;overflow:hidden;background:url(imager/renown-tab-bg.png);margin:0 auto;}
.renown-box .renown-tab .tab-2 span{background-position:-170px 0;}
.renown-box .renown-tab .tab-3 span{background-position:-340px 0;}
.renown-box .renown-tab .tab-4 span{background-position:-510px 0;}
.renown-box .renown-tab .current{background:#fff;}
.renown-box .renown-tab .current a{border:2px solid #c2d5e3;border-bottom-color:#fff;width:211px;padding:8px 0 12px;}
.renown-box .renown-tab .current .tab-1 span{background-position:0 -34px;}
.renown-box .renown-tab .current .tab-2 span{background-position:-170px -34px;}
.renown-box .renown-tab .current .tab-3 span{background-position:-340px -34px;}
.renown-box .renown-tab .current .tab-4 span{background-position:-510px -34px;}

.renown-box .renown-cont{padding:0 35px 50px;}
.renown-box .renown-rank{float:right;width:183px;border:1px solid #e3d59a;background:#fcf4d1;margin:30px 0 0 0;padding:10px 0 0;}
.renown-box .renown-rank h4{color:#fff;display:inline-block;zoom:1;height:28px;background:url(imager/pennant.png) no-repeat 0 -25px;padding:0 0 0 4px;position:relative;left:-4px;*display:inline;}
.renown-box .renown-rank h4 span{display:inline-block;height:25px;line-height:25px;padding:0 28px 0 6px;background:url(imager/pennant.png) no-repeat right 0;zoom:1;*display:inline;}
.renown-box .renown-rank .rank-num{background:url(imager/pennant.png) no-repeat 0 -53px;height:54px;width:154px;margin:13px auto 20px;font-size:16px;line-height:54px;color:#666;text-align:center;}
.renown-box .renown-rank .rank-num strong{color:#f60;font-weight:400}
.renown-box .renown-rank .rank-lev{;margin:5px 0 18px;padding:0 0 0 22px;}
.renown-box .renow-txt{padding:20px 0 0 0;width:630px;}
.renown-box .renow-txt p{font-family:"Microsoft yahei";line-height:26px;font-size:14px;margin:0 0 20px;}
.renown-box .renow-txt img{display:block;margin:0 0 30px;}
.renown-box .rule-table{width:630px;margin:0 0 140px;}
.renown-box .rule-table th,
.renown-box .rule-table td{height:28px;line-height:28px;color:#666;}
.renown-box .rule-table th{background:#fcf4d1;border-color:#e3d59a;}
.renown-box .rule-table td{border-color:#e5ebf0;}
.renown-box .rule-table .bonus{color:#f60;font-weight:700}
.renown-box .b-table{font-size:12px;margin:10px 0 0;}
.renown-box .renown-page{text-align:center;padding:30px 0 50px;}
.renown-box .renown-page .pgs{display:inline-block;*display:inline;zoom:1;}
.renown-box .renown-page .pgb a{padding:0 12px;background-position:5px 50%;}
.renown-box .two-col table{width:315px;float:left;}
.renown-box .two-col .b-table2 tr{border-left:1px solid #e5ebf0;}
.renown-box .two-col .b-table2 thead tr{border-left:1px solid #a0c1d7;}