/* CSS Document */
body, html {
	margin:0;
	background-color:#eeeeee;
	font-family:"microsoft yahei";
}
* {
    -webkit-box-sizing: inherit !important;
    -moz-box-sizing: inherit !important;
    box-sizing: inherit !important;
}
a, a:hover, a:visited, a:active {
	text-decoration:none;
	color: inherit;
	text-underline: 0px;
} 
ul, li, span {
	margin:0;
	padding:0;
	list-style:none;
}
span {
	display:inline-block;
}
/*社区首页左侧 end*/
.community_home_left{
    width:742px;
    float:left;
    margin-top:20px;
    margin-bottom:20px;
}
.community_title{
    padding:20px;
    background-color:#f5f5f5;
    margin-bottom:2px;
    overflow: hidden;
}
.community_title span{
    width:4px;
    height:20px;
    background-color:#3d9ccc;
    float:left;
}
.community_title p{
    margin-left:10px;
    line-height:20px;
    font-size:18px;
    float:left;
}
.community_home_left .community_content{
    padding:0 20px;
    background-color:#f5f5f5;
    overflow: hidden;
}
.community_home_left .community_content li{
    padding:30px 0;
    border-bottom: 1px dashed #dbdbdb;
    height:80px;
}
.community_home_left .community_content li:last-child{
    border:0;
}
.community_home_left .community_content li .head_img{
    display: inline-block;
    width:80px;
    height:80px;
    border-radius: 50%;
    background-color:#999;
    float:left;
}
.community_home_left .community_content li .head_txt{
    line-height:80px;
    float:left;
    margin-left:20px;
    color:#000;
    font-size:18px;
}
.community_home_left .community_content li span{
    float:right;
    line-height:80px;
    font-size:14px;
    color:#666;
}
/*社区首页左侧 end*/
/*社区首页右侧 begin*/
.community_home_right{
    float:right;
    margin-top:20px;
    margin-bottom:20px;
    width:262px;
}
.community_home_right .hot_post{
    padding:0 20px;
    background-color:#f5f5f5;
}
.community_home_right .hot_post li{
    padding-top:19px;
    padding-bottom:19px;
    border-bottom: 1px dashed #dbdbdb;
}
.community_home_right .hot_post li:last-child{
    border:0;
}
.community_home_right .hot_post li > a{
    display: block;
    font-size:14px;
    color:#333;
    line-height:21px;
    padding-bottom:14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width:222px;
}
.community_home_right .hot_post .hot_post_txt{
    height:14px;
}
.community_home_right .hot_post .hot_post_txt span{
    font-size:12px;
    height:14px;
    line-height:14px;
}
.community_home_right .hot_post .hot_post_txt span:first-child{
    background:url("images/talk.png") no-repeat left center;
    padding-left:20px;
    float:left;
    color:#666;
}
.community_home_right .hot_post .hot_post_txt span:last-child{
    color:#c9c9c9;
    margin-right:40px;
    float:right;
}
/*社区首页右侧 end*/
/*手机端页面*/
@media only screen and (max-width: 600px){
	.content{
		width: 100%;
	}
	.community_home_left{
		width: 90%;
		margin:20px 5%;
	}
	.community_title,.community_home_right{
		display: none;
	}
}
/*************************************************************/
.TY_vertical_line {
	float:left;
	margin:16px 10px 16px 20px;
	width:5px;
	height:20px;
	background-color:#54ae3f;
}

.TY_group, .TY_popular_title, .TY_post {background-color:#ffffff;}

.TY_header_test, .TY_footer_test {
	height:114px;
	background-color:#37353b;
	background-size:3000px;
	min-width:1200px;
}
.TY_content {
	width:1200px;
	padding-top:20px;
	margin:0 auto;
}
.TY_content:after {
	content:'\20';
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.TY_content_left {
	float:left;
	width:880px;
	margin-right:20px;
}
.TY_tags {
	font-size:0px;
	margin-bottom:10px;
}
.TY_tags span {
	height:30px;
	line-height:30px;
	padding:0px 10px;
	margin:0 10px 10px 0;
	font-size:16px;
	color:#ffffff;
	background-color:#b8b8b8;
	text-align:center;
	cursor:pointer;
}
.TY_tags span:hover {
	color:#ffffff;
	background-color:#ffc000;
}
.TY_tags span:first-child {
	background-color:#54ae3f;
}
.TY_tags span:nth-last-child(2) {
	background-color:#ffc000;
	display:none;
}
.TY_tags span:last-child {
	float:right;
	background-color:#ff7800;
	margin-right:0px;
}
.TY_groups_list:after {
	content:'\20';
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.TY_groups_list{
	margin-top: 20px;
}
#ty_mapcontainer {
	position: relative;
	background-color: rgba(255,255,255,1);
}
.ty_mapchart {
	width: 680px;
	height: 400px;
	padding: 20px 0;
	margin-bottom: 20px;
	background-color: rgba(255,255,255,1);
}
.ty_joinlabel {
	width: 160px;
	height: 40px;
	color: rgba(255,255,255,1);
	font-size: 20px;
	line-height: 40px;
	top: -65px;
	right: 5px;
	position: absolute;
	text-align: center;
	background-color: rgba(254,161,0,1);
}
#ty_minimap {
	width: 310px;
	height: auto;
	position: absolute;
	text-align: center;
	bottom: 60px;
	right: 20px;
}
#ty_minimap > img {
	width: 100%;
	height: auto；
}
.TY_group {
	float:left;
	width:430px;
	height:130px;
	margin-bottom:20px;
}
.TY_group:nth-child(4n) {
	margin-left:20px;
}
.TY_group div {
	float:left;
}
.TY_group_img {
	width:80px;
	height:80px;
	margin-top:14px;
	margin-left:16px;
	margin-right:10px;
}
.TY_group_info {
	margin-top:14px;
	width:225px;
}
.TY_group_general {
	color:#999999;
	font-size:12px;
	margin-bottom:0;
}
.TY_group_general div:last-child {
	margin-top: 20px;
}
.TY_group_general div:first-child {
	width:250px;
	color:#54ae3f;
	font-size:18px;
	height:25px;
	font-weight:bold;
	margin-bottom:-5px;
}
.TY_group_general>span:nth-child(2) {line-height:18px;}
.TY_group_general>span {
	/*text-overflow:ellipsis;*/
	white-space:nowrap;
	overflow:hidden;
}
.TY_group_intro {
	height:36px;
	line-height:18px;
	color:#999999;
	font-size:12px;
	/*word-break:break-all;*/
	/*text-overflow:ellipsis;*/
	/*overflow:hidden;*/
}
.TY_group_state {
	width:45px;
	height:80px;
	margin-top:20px;
	margin-left:22px;
	margin-right:22px;
}
.TY_group_state>div:first-child {
	width:45px;
	height:45px;
	border-radius:50%;
	-moz-border-radius:50%;
	margin-bottom:10px;
	cursor:pointer;
}
.TY_group_state>div:nth-child(2) {
	width:48px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.TY_gjoined>div:first-child {
	background-image:url(joined.png);
}
.TY_gjoined>div:nth-child(2) {
	color:#54ae3f;
}
.TY_gunjoined>div:first-child {
	background-image:url(join.png);
	
}
.TY_gunjoined>div:nth-child(2) {
	color:#ffc000;
}
.TY_content_right {
	float:left;
	width:300px;
}
.TY_popular_title {
	width:inherit;
	height:50px;
	color:#3b3b3b;
	font-size:16px;
	line-height:50px;
	margin-bottom:20px;
	background-color:#ffffff;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.TY_post {
	display:block;
	width:300px;
	/*height:60px;*/
	padding: 0 0 10px;
	margin-bottom:20px;
	overflow:hidden;
	cursor:pointer;
}
.TY_post:hover {
	border-left:5px solid #ffc000;
}
.TY_post:active {
	border-left:5px solid #ffc000;
}
.TY_post_content {
	float:left;
	margin-left:12px;
}
.TY_post_content>a>div:first-child {
	color:#54ae3f;
	font-size:16px;
	font-weight:bold;
	padding-top:12px;
  padding-right:10px;
}
.TY_post_content>div:nth-child(2) {
	color:#999999;
	font-size:12px;
	padding-top:5px;
}
.TY_replis {
	width:121px;
	height:30px;
	line-height:30px;
	float:right;
	text-align:center;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	background-color:#54ae3f;
	border-radius:25px;
	-moz-border-radius:25px;
	margin-right:16px;
	margin-top:15px;
}
.w-span {
  padding: 10px;
  font-size: 16px;
  line-height: 30px;
}
@media only screen and (max-width: 600px) {
	.TY_content {width: 100%;}
  .TY_group_intro {
    display:none;
  }
	.TY_content_left {
		float: none;
		width: 90%;
		margin: 0 5%;
	}
	.TY_group_general div:last-child {
	margin-top: 10px;
	}
	.TY_title_box {
		width:100%;
		margin-top:20px;
	}
	.TY_title_box>div:nth-child(2) {
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
	}
	.TY_group:nth-child(4n) {margin-left:0px;	}
	.TY_group {width:100%;}
	.TY_group_info {
		position:relative;
		margin-top:7px;
		width:45% !important;
	}
	.TY_group_general>div:first-child {padding-top:5px;width: 100%;display:block;height:60px;}
	.TY_group_state {float:right !important;	}
	.TY_content_right {display: none;}
}
@media only screen and (max-width: 600px) {
	#ty_chart, .ty_joinlabel {
		display: none;
	}
}
@media only screen and (max-width: 490px) {
	.TY_group_general>div:first-child {width:100%;display:block;}
	#ty_mapcontainer {display:none;}
	.ty_mapmapchart {display:none;}
}
@media only screen and (max-width: 470px) {
	.TY_group_general>div:first-child {width:100%;display:block;}
}
@media only screen and (max-width: 400px) {
	.TY_group_img {margin-left:10px;	}
	.TY_group_state {
		margin-left:0;
		margin-right:10px;
	}
	.active span:last-child {
		display:none;
	}
	.TY_group_general {
		width:100%;
	}
}