文章点赞样式

app/css/app.css

/*底部导航栏*/
.footbox{ background: #FFFFFF;border-top:1px solid #DDDDDD;-webkit-box-shadow: 0px 6px 6px 2px #CCCCCC;box-shadow: 0px 6px 6px 2px #CCCCCC;}
.footbox .mui-tab-item.mui-active{ color: #FF9900;}
.footbox .iconfont{line-height: 24px;}
.listtit0{font-size: 14px; color: #222222;}
.listtit{ font-size: 15px; color: #333333;position: relative;}/*中标题*/
.gotonext{ width:140px; margin: auto; font-size: 14px; color: #FF9900; overflow: hidden;}
.gotonext2{ width: 110px;}
.dialogbtn{ overflow: hidden; width:80%; line-height:50px; color: #FF9900;}
.dialogbtn{ overflow: hidden; width:80%;padding: 13px;color: #FF9900;}
.dialogbtn div{ width: 70px;overflow: hidden;margin: auto;}
.dialogbtn span{font-size: 14px; padding: 0 3px; font-weight: 600;}
.dialogbtn em{font-size: 20px;}
.attentbtn{margin: auto; overflow: hidden; width:20%;padding: 12px;text-align: center; border-left:1px solid #F0F0F0;}
.attentbtn{margin: auto; overflow: hidden; width:20%;padding: 13px;text-align: center; border-left:1px solid #F0F0F0;}
.attentbtn em{font-size: 20px;line-height: 24px;color:#F6DC00;}
.attentbtn.attentbtn2 em{color:#ff9900;}
/*更多详细信息*/
.maincon2{padding-right:0;}
.infocon2{padding:0;}

app/html/professorArticle.html

			<a class="mui-icon iconfont icon-share mui-pull-right button topmore" id="shareBtn"></a>
		</header>
		<nav class="mui-bar mui-bar-tab mui-clearfix footbox">
			<div class="attentbtn mui-pull-left" id="thumbsUp">
				<em class="mui-iocn iconfont  icon-appreciate" id="appreciate" style="float:left"></em>
				<em class="mui-iocn iconfont icon-appreciatefill" style="display:none;float:left" id="appreciatefill"></em>
				<span style="float:left;" id="numerCount"></span>
			<div class="attentbtn attentbtn2 mui-pull-left" id="thumbsUp">
				<em class="mui-iocn iconfont icon-appreciate mui-pull-left" id="appreciate"></em>
				<em class="mui-iocn iconfont icon-appreciatefill mui-pull-left" style="display:none;" id="appreciatefill"></em>
				<span class="mui-pull-left" style="font-size:16px;line-height: 20px;margin-left: 8px;" id="numerCount"></span>
			</div>
			<div class="dialogbtn mui-pull-left btnactive" style="background:#FF9900; color: #FFFFFF;width:60%;" id="leaveWord">
				<div>