@charset "utf-8";

/*group*/
.mt20{margin-top:20px}
.group .s-t{width:100%;clear:both;border-top:1px dashed #ddd;margin-top:10px;height:50px;line-height:60px}
.group-list-l{margin-top:10px;border-top:1px dashed #ddd}
.more-url{position:absolute;top:0;right:5px}
.group .s-t h4{color:#e2395a;font-size:14px}
.group .s-t em{font-size:12px;font-style:normal;color:#666;margin-left:18px}
.group-sort{height:30px;border-bottom:1px solid #ddd;position:relative}
.group-sort i{float:right;font-style:normal}
.group-sort em a{text-decoration:none}
.groupcity{top:20px;width:900px;padding:5px 15px}
.group-sort span,.group-sort em,.group-sort i{padding:3px 8px;margin-right:20px;border-radius:3px;cursor:pointer}
.group-sort span.n,.group-sort span:hover,.group-sort i{background:#4284ce;color:white;cursor:pointer}
.group-sort em{line-height:20px;margin-right:11px;display:inline-block}
.group-sort span.n a,.group-sort span.n a:hover,.group-sort span:hover a{color:#fff;text-decoration:none}
.group-list{width:968px;overflow:hidden;margin-top:20px}
.group-list li{
	background-color: #fafafa;
	margin-right:10px;
	margin-bottom:10px;
	border-radius: 5px;
	list-style:none;
	float:left;
	width:272px;
	padding:20px;
	position:relative;
}
.search-member li{width:210px}

/*rank*/
.page-rank{margin-top:20px;overflow: hidden;}
.page-rank-slider{padding:20px;width:200px;border: 1px solid #e6e8e9;}
.page-rank-slider h2 {
	font-size: 18px;
	text-align: center;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 10px;
	color: #999999;
}
.rank-tag{margin-top:30px}
.rank-tag a{ text-decoration: none}
.rank-tag a:hover,.rank-tag a.nav{ text-decoration: none;color:#ee0000}
.rank-tag span{display:block; text-align: center;line-height: 22px}
.icon-group,.icon-person{font-size:48px}
.page-rank-body{width:692px;padding:10px 20px;border:1px solid #e6e8e9}
.rank-list li{list-style:none;height:85px;padding:20px 0;position:relative;border-bottom: 1px dashed #ddd}
.rank-list .num{position:absolute;left:0;width:60px; text-align: center;display: inline-block;font-size:24px;line-height: 80px}
.rank-list .top{color:#ee0000;font-size:32px}
.rank-list .rank-info{position:absolute;left:60px;padding-left:95px}
.rank-list li .title,.group-list-l li span{display:block}
.rank-list li .avatar{position:absolute;left:0px;width:95px;display:inline-block}
.rank-list li .avatar img{border-radius:5px}
.rank-list li .title{font-size:14px;height:35px;line-height:22px;color:#2a2a2a}
.rank-list li .brief{display:block;margin-top:8px;line-height:1.6;color:#999}

.group-list li a.user-img{float:left;width:62px;display:inline;position:relative}
.group-list li .name{font-size:15px;height:46px;line-height:20px;display:inline-block}
.group-list li .username{
	width: 210px;
	height: 20px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.group-list li em{margin-top:15px;font-style:normal;display:block;height:16px}
.group-list li span{font-size:14px;color:#999;display:block;height:16px}
.group-list li:after{clear:both;content:" ";display:block;height:0}
.group-list i.d,.group-list i.t{position:absolute;width:19px;height:19px;z-index:10;display:block;bottom:5px;left:4px}
.group-list i.d{background:url(../image/dh.png)}
.group-list i.t{background:url(../image/th.png)}

.group-list-l{
	padding-top:10px;
}
.group-list-l li{
	background-color: #fafafa;
	margin-right:10px;
	margin-top:10px;
	border-radius: 5px;
	float:left;width:420px;list-style:none;height:85px;padding:30px 20px;position:relative;}
.group-list-l li .title,.group-list-l li span{display:block}
.group-list-l li .avatar{position:absolute;left:0px;width:95px;display:inline-block}
.group-list-l li .avatar img{border-radius:5px}
.group-list-l li .title{font-size:16px;height:48px;line-height:22px;color:#2a2a2a}
.group-list-l li .brief{display:block;width:90%;margin-top:8px;line-height:1.6;color:#999}


.gr-left-box h3,.grbox h3{line-height:28px;font-size:16px;font-weight:400}
.grbox h3 span{font-size:12px;margin-left:5px;font-weight:400}
.grbanner{position:relative;height:150px;overflow:hidden;border-radius:5px 5px 0 0}
.gr-menu{position:absolute;left:30px;bottom:0}
.gr-menu li{list-style:none;float:left;display:inline-block;padding:6px 18px;margin-right:8px;background-color:#333;filter:alpha(opacity=60);background-color:rgba(0,0,0,0.3);font-size:14px;font-weight:bold}
.gr-menu li a{color:#fff;text-decoration:none;position:relative}
.gr-menu li.nav{background:#fff;filter:alpha(opacity=100)}
.gr-menu li.nav a{color:#666}
.grbox{background:white;overflow:hidden;padding:20px;border:1px solid #e5e5e5;border-top:none}
.gr-title{background-color:#333;filter:alpha(opacity=60);background-color:rgba(0,0,0,0.3);left:20px;height:47px;overflow:hidden;padding:15px;position:absolute;top:15px;border-radius:5px;color:#fff}
.gr-title div{position:relative}
.gr-avarar{width:60px;height:48px}
.gr-title h1{font:24px/26px 'microsoft yahei';height:35px;color:white}
.gr-intro{background:#f5f5f5;padding:15px 20px;font-size:14px}
.gr-c{color: #2c2c2c;line-height:26px;text-indent:2em;text-align: justify}
.gr-bar{font-size:14px;margin-top:10px;border-top:1px solid #ddd;height:30px;line-height:44px}
.gr-bar em{font-weight:bold;margin:0 2px;font-style:normal}
.user-groupjoin{background-color:#eff5fc;color:#57a1c0}
.gr-num{margin-left:30px}
.gr-left-box{width:280px}
.gr-left-box ul{margin-top:15px}
.gr-left-box .user-list{width:100%;overflow:hidden}
.gr-left-box .user-list li{display:inline;float:left;margin-left:41px;margin-right:4px;position:relative;width:90px;height:50px}
.gr-left-box .user-img img{position:absolute;left:-41px;top:0}
.gr-left-box .user-name{display:block;height:18px}
.gr-intro p{margin:10px 0}.gr-intro p span{margin-right:15px}
.group-userlist{margin-top:15px}

.gr-content{margin-top:20px}
.personStatus{clear:both;margin-top:20px;padding-bottom:10px;border-bottom:1px dashed #ddd;width:100%;height:auto;overflow:hidden}
.personStatus dt{float:left;width:60px}
.personStatus dd{float:left;width:580px}
.personStatus dd b{margin-right:10px}
.personStatus dd.a-title{position:relative;top:6px;font-size:14px}
.personStatus dd.a-intro{margin-top:8px;line-height:22px}
.personStatus dd.a-intro img{max-width:520px}

/*list-wrapper*/
.list-wrapper dl{width:100%;margin-top:20px;padding-bottom:20px;border-bottom:1px dotted #ccc;overflow:hidden}
.list-wrapper dt{font-size:16px;line-height:16px;height:30px}
.list-wrapper dt a{color:#333}
.list-wrapper dt a:hover{color:#669;text-decoration:none}
.s-pic{float:left;margin-right:15px}
.brief{margin-top:5px;line-height:22px}
.views,.reply{display:inline-block;height:18px;line-height:18px;margin-left:5px;padding-left:22px;font-style:normal;background:url(../image/newsicon.png) no-repeat}
.views{background-position:0 1px}
.reply{background-position:0 -17px}

.activity-wrapper{margin-top:20px;width:100%;overflow:hidden}
.activity-list{width:1013px;position:relative;margin-right:-13px}
.activity-list li {
	list-style:none;
	width:304px;
	overflow:hidden;
	margin-bottom:20px;
	float:left;
	margin-right:20px;
	border:1px solid #eee;
	border-bottom:1px solid #e7e7e7
}
.activity-list a {
	display:block;
	width:100%;
	height:283px;
	overflow:hidden;
	border-bottom:1px solid #eaeaea;
	text-decoration:none
}
.activity-list .activity-pic {
	position:relative;
	display:block;
	width:100%;
	height:160px;
	overflow:hidden
}
.activity-list .activity-pic img{
	display:block;
	width:100%;
	min-height:160px
}
.activity-list .activity-title {
	line-height:20px;
	height:30px;
	padding:10px;
	overflow:hidden;
	display:block;
	font-size:14px;
	margin-top:0;
	color:#2a2a2a
}
.activity-list .activity-title font,.item-title font{font-size:12px;color:#FF3300}
.activity-list .activity-title .master-manage{margin-right:5px}
.item-title font{margin-left:5px}
.activity-schedule {
	overflow:hidden;
	display:block;
	padding:5px 15px 6px;
	font-size:0
}
.schedule-bar {
	height:3px;
	width:100%;
	display:block;
	margin:10px 0;
	background-color:#e1e1e1
}
.schedule-current {
	display:block;
	height:3px;
	vertical-align:top;
}
.activity-step {
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	display:block;
	text-align:center;
	padding:0 5px;
	height:20px;
	width:54px;
	line-height:20px;
	color:#fff;
}
.activity-prepub {
	background:#1d9bd5
}
.activity-success {
	background:#ff6458
}
.activity-in {
	background:#fd9e00
}

.other-info{display:inline-block;font-size:0}.every-info{display:inline-block;width:40px;padding:1px 0}.every-info em{display:inline-block;width:100%;font-style:normal;line-height:18px;color:#333;font-size:12px;font-weight:700;text-align:center}.every-info .info-name{line-height:18px;color:#999;font-size:12px;font-weight:400}
.info-hasnum{width:175px;text-align:center}.info-left{width:50px;text-align:right}