.mobile{
	display: none;
}

/* .pc{
	display: block;
	background-color:#f2f2f2;
	position: relative;
	z-index: 1;
} */

.main{
	width: 1010px;
	margin: 0 auto;
}
.welcome{
	display: block;
	float:right;
	font-family: arial;
	font-size: 14px;
	color: #a0a0a0;
	margin-right:66px;
	line-height: 25px;
}
.content_w{
	width: 1010px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}
/* .content_left{ */
/* 	width: 770px; */
/* 	float: left; */
/* } */
.blog_index_loading{
	width:1010px;
	height:20px;
	text-align: center;
	padding: 4px 0;
/* 	position: absolute; */
    left: 54%;
    z-index:1001;
	display: none;
}
.blog_index_loading img{
	margin-top: -20px;
}
.article_no_more{
	width:1010px;
	text-align: center;
	padding: 10px 0;
    left: 54%;
    z-index:1001;
	display: none;
	font-family: times new roman;
	color: #999794;
	font-size: 18px;
}
.content{
	clear: both;
}
.content ul li{
	float: left;
	width: 322px;
	height:225px;
	background-color: #fff;
	border-radius: 18px;
	behavior: url(../PIE.htc);
	margin-bottom: 22px;
}
.content ul li.middle{
	margin: 0 22px;
}
.content ul li .li_top{
	padding:15px 20px;
}
.content ul li .li_top>a{
	display: block;
	width: 58px;
	height: 58px;
	float: left;
}
.content ul li .li_top >a img{
	width: 58px;
	height: 58px;
	border-radius: 50%;
	behavior: url(../PIE.htc);
}
.content ul li .li_top .li_left{
	float: left;
	margin-left:10px;
	width: 200px;
	max-width: 200px !important;
}
.content ul li .li_top .li_left p{
	width: 200px;
}
.content ul li .li_top .li_left .article_title a{
	display:inline-block;
    word-break:break-all;
    word-wrap:break-word;
	font-family: arial;
	font-size: 16px;
	color:#006ab5;
	width: 200px ! important;
	cursor: pointer;
	overflow : hidden;
	line-height:1.2em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
    height:2.4em;
}
.content ul li .li_top .li_left .article_title a:hover{
	color: #014073;
}
.content ul li .li_top .li_left .article_intro{
	margin-top: 5px;
}
.content ul li .li_top .li_left .article_intro a{
	font-family: arial;
	font-size: 16px;
	color:#9d9d9d;
	width: 200px;
	cursor: pointer;
}
.content ul li .li_top .li_left .article_intro a:hover{
	text-decoration: underline;
}
.content ul li .aiticle{
	padding:15px 20px;
	clear: both;
	height: 90px;
}
.content ul li .aiticle a{
	display:inline-block;
	width:282px;
/*     word-break:break-all; */
    word-wrap:break-word;
	font-family: arial;
	font-size: 16px;
	line-height: 18px;
	color:#000;
	cursor: pointer;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.content ul li .aiticle a p{
	font-family: arial;
	font-size: 16px;
	line-height: 18px;
	color:#000;
	cursor: pointer;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
}
.content ul li .aiticle a:hover{
	text-decoration: underline;
}
.content ul li span{
	float: right;
	font-family: arial;
	font-size: 14px;
	color:#9d9d9d;
	padding-right: 20px;
/* 	cursor: pointer; */
}
/*loading*/
.loading{
	text-align: center;
}
/*发帖失败*/
.fail{
	width: 400px;
    height: 162px;
    border: 3px solid #ebeaea;
    background-color: #fff;
    position: absolute;
/*     top: 50%; */
    top: 400px;
    left: 50%;
    margin-top: -81px;
    margin-left: -200px;
    display:none;
}
.fail .top{
	width: 400px;
	height:37px;
	background-color: #f2f2f2;
}
.fail .bottom{
	padding: 25px;
}
.fail .bottom img{
	display: block;
	width: 61px;
	height: 60px;
	float: left;	
}
.fail .bottom p{
	display: block;
	float: left;
	margin-left: 18px;
	font-family: arial;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	width: 253px;
	font-weight: bold;
	margin-top: 10px;
}
.fail .close{
	position: absolute;
	top:11px;
	right: 15px;
	cursor:pointer;
}
/*发帖成功*/
.success{
	width: 400px;
    height: 162px;
    border: 3px solid #ebeaea;
    background-color: #fff;
    position: absolute;
/*     top: 50%; */
    top: 400px;
    left: 50%;
    margin-top: -81px;
    margin-left: -200px;
    display:none;
}
.success .top{
	width: 400px;
	height:37px;
	background-color: #f2f2f2;
}
.success .bottom{
	padding: 25px;
}
.success .bottom img{
	display: block;
	width: 61px;
	height: 60px;
	float: left;
	
}
.success .bottom p{
	display: block;
	float: left;
	margin-left: 18px;
	font-family: arial;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	width: 253px;
	font-weight: bold;
	margin-top: 10px;
}
.success .close{
	position: absolute;
	top:11px;
	right: 15px;
	cursor:pointer;
}
.loading {
	z-index: 1001;
	position: absolute;
	top: 262px;left: 50%;
}
@media only screen and (max-width:768px){
html,body{font-size:100px;}
body{
    width:100%;
    padding:0px;
    margin: 0px;
}
/* .pc{
	display: none;
} */
.mobile{display: block;
overflow-x:hidden;
}
}