专家文章顶部图片样式

app/css/app.css

/***********************缺省页面*******************/
.nodatabox{width:100%;height: 100%; margin:50px auto;text-align: center;}
.nodatabox .picbox{width: 40%;margin: auto;}
.nodatabox .picbox{width: 40%;margin:20% auto 20px;}
.nodatabox .picbox .defpic{display:block;margin:auto;width:160px; height: 160px;background: url(../images/nodata.png) -6px 0 no-repeat;}
.nodatabox .picbox .defpic.consult-pic{background-position: -232px -1320px;}/*咨询页面未登录*/
.nodatabox .txtbox { margin:40px 0 10px 0;}
.nodatabox .txtbox { margin:20px 0 10px 0;}
.nodatabox .txtbox .currword{font-size: 14px;color: #999999;line-height: 14px;}
.nodatabox .txtbox .currtip{ font-size:13px;color: #AAAAAA;}
.nodatabox .txtbox .keyword{ padding:0 6px;}
	background: -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Firefox 3.6 - 15 */
	background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* 标准的语法 */
}
.art_img{ width: 100%; height:200px ; overflow: hidden;background: url(../images/default-artical.jpg) center center no-repeat;background-size:100% auto;}
.art_img{ width: 100%; height:140px; overflow: hidden;background: url(../images/default-art_top.jpg) center center no-repeat;background-size:100% auto;}
#artical_topic{position: absolute;bottom:0;padding:6px 10px;font-size:18px;line-height:24px;color:#FFFFFF}
#artical_sth{font-size:12px;line-height: 14px;color:#999999;}

app/html/artical_01.html

</header>
<div class="mui-content">
	<div class="art_topicBox">
		<img src="../images/banner/artical_01.jpg">
		<div class="art_img" style="background: url(../images/banner/artical_01.jpg) center center no-repeat; background-size:100% auto;">
			
		</div>
		
		<div class="art_topicbox">
			<h4 id="artical_topic" ><!--title-->李光福：为核电安全发展护航  腐蚀防护任重道远<!--title--></h4>
		</div>

app/html/professorArticle.html

			.mui-content {
				background: #FFFFFF;
			}
			p{padding:0; margin: 0;text-indent: 0;}
			#main_content img{
				width:100%;
			}
					<span class="mui-pull-left" id="leaveWord">留言</span>
				</div> 
			</div>
			<!--<div class="attentbtn mui-pull-left">
				<em class="mui-iocn iconfont icon-favor" id="yesExpert"></em>
				<em class="mui-iocn iconfont icon-favorfill" style="display:none;" id="noExpert"></em>
				已经关注icon-favorfill
			</div>-->
		</nav>
		<div class="mui-content">
			<div class="art_topicBox">
				
				<div class="art_img" id="articleImg"></div>
				<div class="art_topicbox">
					<h4 id="artical_topic"></h4>