@charset "utf-8";
/*电脑端样式 - pc terminal style*/
body{background:#f9f9f9;}
.submission .span{padding:0 8px; border-radius:5px; background:#f25d8e; color:#fff; text-align:center; line-height:20px; margin-right:5px;}
@media screen and (min-width: 830px) { 
    #submissionN{
		font-size:18px;
	}
    #fansNo{
	    font-size:12px; text-align:center; color:blue; background:#ccc; padding:5px; border-radius:8px;float:left;display:block; width:99%;
	}
    .details{
    	width:1200px;
    	margin:15px auto;
        
    }
    .submission1{border:1px solid #ccc; height:130px; border-radius:20px; border-top:none;}
    .details a{color:#000;}
    /*关注/粉丝*/
    .fansDiv{width:5%;margin-left:5.3%; float:left; margin-top:20px; text-align:center; height:93px; overflow:hidden; line-height:15px;}
    .fansDivHead{width:60px; height:60px; border-radius:60px;}
    /*右边：作者信息*/
    .details .right{
    	width:100%;
    	margin-left:15px;
    }
    .submission aside{
    	width:21.8%; background:#ccc;
    	height:205px;
    	border-radius:12px;
    	float:left;
    	margin-top:15px;
    	overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    	position:relative;
    	margin-left:2.5%;
    }
    .submission aside a img{
    	height:205px;
    }
}
/*移动端样式 - Mobile terminal style*/
@media screen and (min-width: 0) and (max-width: 829px){ 
	#submissionN{
		font-size:18px;
	}
	#IFeditValue{
	    margin-top:100px;
	}
	#fansNo{
	    font-size:12px; text-align:center; color:blue; background:#ccc; padding:5px; border-radius:8px;float:left;display:block; width:97%;
	}
    .details{
    	width:100%;
    }
    .submission1{border:1px solid #ccc; height:120px; border-radius:20px; border-top:none;}
    .details a{color:#000;}
    /*关注/粉丝*/
    .fansDiv{width:68px;margin-left:10%; float:left; margin-top:20px; text-align:center; height:93px; overflow:hidden; line-height:15px;}
    .fansDivHead{width:60px; height:60px; border-radius:60px;}
    /*右边：作者信息*/
    .details .right{
    	width:94%;
    	height:100px;
    	margin:0px auto;
    	border:1px solid #f9f9f9;
    	clear:both;
    }   
    /*投稿*/
    .submission aside{
    	width:46%; background:#ccc;
    	height:125px;
    	border-radius:12px;
    	float:left;
    	margin-top:15px;
    	overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    	position:relative;
    	margin-left:2.5%;
    }
    .submission aside a img{
    	height:125px;
    }
}

/*公共样式*/
.head_text{
	width:100%;
	border-radius:15px;
	margin-top:100px;
	background:#fff;
	position:relative;
}
.head_text .head_pic{
	width:145px;
	height:145px;
	display:block;
	border-radius:145px;
	border:5px solid #fff;
	box-shadow:0px 0px 15px #ccc;
	margin:0 auto;
	position:absolute;
	top:-80px;
	left:50%;
	margin-left:-82px;
}
.head_text .writer{
	position:relative;
	top:80px;
	font-size:20px;
	color:#000;
	font-weight:bold;
	text-align:center;
}
.head_text .text{
	text-align:center;
	margin-top:90px;
	padding:0 10px;
	color:#6f6767;
	/*
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	-moz-box-orient: vertical;
    -moz-line-clamp: 3;
	-ms-box-orient: vertical;
    -ms-line-clamp: 3;
	-o-box-orient: vertical;
    -o-line-clamp: 3;
	box-orient: vertical;
    line-clamp: 3;
    overflow: hidden;
    */
	line-height:25px;
}
/*认证*/
.head_text .authentication1{
	display:block;
	margin:0 auto;
	position:absolute;
	top:40px;
    left: 50%;
    margin-left: 30px; /* 宽度的n px */
    margin-top: -18px; /* 高度的n px */
}
.head_text .text1{
	position:relative;
	top:85px;
	text-align:center;
	color:orange;
}
/*关注*/
.head_text aside{
	width:100%;
	height:50px;
	margin-top:12px;
	border:1px solid #f5f0f0;
	background:#faf9f9;
}
.head_text aside span{
	display:inline-block;
	width:32%;
	height:45px; border-right:2px solid #f5f0f0;
	float:left;
	text-align:center;
	margin-top:3px;
}
.head_text aside span img{
	width:13px;
	position:relative;
	top:1px;
	margin-right:2px;
}
.head_text .follow{
	text-align:center;
	letter-spacing:10px;
	padding:8px 0;
	color:blue; font-weight:bold;
}
.head_text .follow:hover{
	background:#b8d6ee;
	color:#fff;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
/*作者的投稿*/
.submissionH4{
	width:95%;
	margin:0px auto;
	margin-top:25px;
}
.submission aside h5{
	position:absolute; 
	background:#fff; 
	width:100%; 
	height:26px; 
	bottom:0px; 
	margin:0; padding:0;
	border-bottom-left-radius:12px; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
	line-height:26px;
	text-indent:5px;
}
.submission aside a{
	color:#000;
}