@charset "utf-8";
.content{background:#F5F5F5;}
.zhibo_list{
    margin-right: -3.1%;
}
.flesh{
    text-indent: 1.5em;
    background: url(../../images/community/icon_refresh.png) 4px 7px no-repeat;
    float: right;
    margin-top: 5px;
    color: #00B386;
}
#top .title.clearfix {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.zhibo_list ul{
    box-sizing: border-box;
    width: 24%;
    float: left;
    margin-left: -5px;
    margin-right: 1%;
}

.zhibo_list ul li{
	border:1px solid #ddd;
	padding-bottom: 10px;
	margin-top: 10px;
}
.zhibo_list ul li>img{
	width: 100%;
}
.zhibo_list ul li p{
	color:#999;
	margin-top: 10px;
	box-sizing: border-box;
	padding:0 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zhibo_list ul li p span{
	display: inline-block;
	text-indent: 1.5em;
	font-size: 12px;
}
.zhibo_list ul li p span.s1{
	background: url(../../images/community/icon_zan_hov.png) 0 0 no-repeat;
}
.zhibo_list ul li p span.s2{
	background:  url(../../images/community/icon_pinglun.png) 0 0 no-repeat;
	margin-left: 10px;
}
.zhibo_list ul li p span.s3{
	background:  url(../../images/community/icon_date.png) 0 0px no-repeat;
	float: right;
}
.zhibo_list ul li p span.s4{
	background:  url(../../images/community/icon_like_hov.png) 0 0 no-repeat;
	background-size: 15px 15px;
}
.zhibo_list ul li p.place{
	background: url(../../images/community/icon_location3.png) 10px 3px no-repeat;
	margin-top: 5px;
	text-indent:1em;
}
 li p img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	/*vertical-align: middle;*/
	margin-right:5px;
}
.zhibo_list ul > li textarea {
	width: 83%;
    min-height: 110px;
	outline: 0;
}
.zhibo_list ul li p.p1{
	font-size: 16px;
	color:#333;
}
.zhibo_list ul li p.p4{
	overflow: hidden;
}

.zhibo_list ul li p.p4 textarea{
	border:1px solid #ddd;
	outline: none;
	resize: none;
	padding:10px;
	width: 70%;
	height: 50px;
	float: right;
}
.zhibo_list ul li p .btn_green{
    text-indent: 0;
    background: #00B386;
    font-size: 12px;
    text-align: center;
    float: right;
    cursor: pointer;
}
.dialog_img_wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.3);
	z-index: 9;
}
.dialog_img_wrap .dialog_img_show {
    position: absolute;
    top: 50%;
    left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.dialog_img_wrap .dialog_img_show img {
    display: block;
    max-height: 450px;
    margin: 0 auto;
    height: auto;
}
.dialog_img_wrap .d_close_btn {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 32px;
    color: #00b486;
    background: #fff;
    text-align: center;
    border-radius: 100%;
}
.clearfix::after {
	content: '';
	display: table;
	clear: both;
}
.img-with-name img {
	vertical-align: middle;
}