文章分享页面专家信息展示

css/share.css

@@ -80,7 +80,8 @@ html,body {background: #efeff4;}
/*文章*/
.art_topicBox {max-width: 640px;margin: 4px auto;}
.art_topicBox img {width: 100%;}
.art_img {height: 180px;}			
.art_img {height: 180px;}
.line01 {margin:10px 0 4px 0;border-top: 1px dashed #ddd;height: 1px;overflow: hidden;clear: both;width: 100%;}			
#artical_topic {font-size: 18px;line-height: 24px;}			
#artical_sth {font-size: 12px;line-height: 14px;color: #999999;}
.articalBox {max-width: 640px;margin: 6px auto 26px;padding: 4px 16px;color: #555555;}

ekexiu/shareArticalinfor.html

@@ -12,7 +12,14 @@
		<style>
			html,body {background: #ffffff;}
			.proinfor .headblock {margin: 0 2% 4px 0;}
			.proinfor .headblock .headimg {width: 64px;overflow: hidden;margin: auto;}
			.proinfor .headblock .headimg {max-width:64px;width: 64px;overflow: hidden;margin: auto;}
			.proinfor .media-body{width: 76%;}
			.listtit {font-size: 15px;line-height: 26px;color: #333333;}
			.listtit2 {font-size: 13px;line-height: 20px;color: #666666;}
			.listtit3 {font-size: 12px;line-height: 18px;color: #888888;}
			@media only screen and (min-width: 100px) and (max-width: 350px) {
				.proinfor .media-body{width:70%;}
			}
		</style>
	</head>
@@ -29,7 +36,7 @@
					<li style="padding:8px 20px 8px 10px;">
						<a class="proinfor clearfix">
							<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="../images/default-photo.jpg"></div>
							<div class="media-body">
							<div class="media-body floatL">
								<span class="listtit"><span id="proName"></span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
								<div class="listtit2"><span id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div>
								<div class="mui-ellipsis listtit3" id="proRlist"></div>