最近文章样式完善

articalShow.html

			</div>
			
			<div class="rightconBox floatR">
				<div class="conItem conItemG alignCenter displayNone" id="expert" style="border:none;padding:30px;">
				<div class="conItem conItemG alignCenter displayNone" id="expert" style="border:none;">
					<a href="" class="hrefgo"><div class="madiaHead useHead" id="Zimg"></div></a>
					<div class="proInfo">
						<div class="h3Font clearfix">
					<div class="goSpan displayNone">
						<span class="attenSpan"></span>
					</div>
						
					<div class="form-item otherBlock currentBlock">
						<div class="aboutTit">最近文章</div>
						<div class="form-result currentArt">
							<ul class="recentlyList">
							</ul>
						</div>
					</div>	
				</div>
				<div class="conItem conItemG alignCenter displayNone" id="enterprise" style="border:none;padding:30px;">
				<div class="conItem conItemG alignCenter displayNone" id="enterprise" style="border:none;">
					<a href=""  class="qiyego">
						<div class="madiaHead cmpHead" id="Qimg">
							<div class="boxBlock" style="width:98px;height:98px">
					<div class="goSpan">
						<span class="attenSpan"></span>
					</div>
				</div>
				<div class="conItem">
					<div class="form-item otherBlock">
					<div class="form-item otherBlock currentBlock">
						<div class="aboutTit">最近文章</div>
						<div class="form-result currentArt">
							<ul id="recentlyList">
								<!--<li>
									<p class="h2Font ellipsisSty-2">我国新航母开始发动机点火试车，各位真的不必为那缕黑烟担心航母动力</p>
									<span class="smalltip">5月8日 18:00</span>
								</li>
								<li>
									<p class="h2Font ellipsisSty-2">我国新航母开始发动机点火试车，各位真的不必为那缕黑烟担心航母动力</p>
									<span class="smalltip">5月8日 18:00</span>
								</li>
								<li>
									<p class="h2Font ellipsisSty-2">我国新航母开始发动机点火试车，各位真的不必为那缕黑烟担心航母动力</p>
									<span class="smalltip">5月8日 18:00</span>
								</li>--> 
							<ul class="recentlyList">
							</ul>
						</div>
					</div>
					</div>	
				</div>
			</div>

css/genindex.css

.hotThis{position:absolute;top:-5px;right:-5px;display:inline-block;width:63px;height:63px;background:url(../images/g_article_bg_redu_nor.png);}
.rightconBox{width:260px;margin-left: 20px;}
.rightconBox .conItem{padding:30px;background: #FFFFFF;margin-bottom: 20px;}
.conBlock .rightconBox .conItem:first-child{padding:30px 10px;border-top:4px #ff9900 solid;}
.rightconBox .conItem{padding:30px 20px;background: #FFFFFF;margin-bottom: 20px;}
.rightconBox .conItem .form-result{margin:18px -20px 0 -20px}
.rightconBox .conItem .form-result>ul>li{padding:12px 20px}
.conBlock .rightconBox .conItem:first-child{padding:30px 20px;border-top:4px #ff9900 solid;}
ul.artAbout>li{clear:both;}
ul.artAbout>li:before,ul.artAbout>li:after{display:table;content:" "}
ul.artAbout>li:after{clear:both}
.conItem ul.operateBlock>li.disableLi:hover{color:#666666;}
.conItem ul.operateBlock>li.disableLi:hover .operateicon.icon-delete{background-image:url(../images/g_article_icon_shanchu_nor.png);}
.conItem .aboutTit{margin-top:-10px;}
.conItem .otherBlock{padding-bottom: 30px;border-bottom:1px dashed #E5E5E5;margin-bottom: 30px;}
.conItem .otherBlock{padding-bottom: 30px;border-bottom:1px dashed #E5E5E5;margin-bottom: 30px;text-align: left;}
.conItem .otherBlock:last-child{padding:0;margin:0;border: 0;}
.rightconBox .conItem .currentArt.form-result{margin-top:0}
.rightconBox .conItem .currentArt.form-result li{padding:8px 20px 4px;min-height: auto;}
.rightconBox .conItem.conItemG .currentArt.form-result .ellipsisSty-2{max-height:42px;line-height: 20px;}
.rightconBox .conItem.conItemG .currentArt.form-result .smalltip{display:inline-block;color:#999;margin-top:6px}
.rightconBox .conItem.conItemG .currentBlock{margin-top:30px;padding-top:16px;border-top:1px solid #E5E5E5}
.flexCenter{position: relative;width: 100%; min-height:90px;
		    display: -webkit-box;
.goSpan .attenedSpan{background:#ccc;padding-left:16px;}
.goSpan .attenedSpan:before{content:"";}
.goSpan .consultSpan{}
.currentArt.form-result{margin-top:0}
.currentArt.form-result .ellipsisSty-2{max-height:42px;line-height: 20px;}
.currentArt.form-result .smalltip{display:inline-block;color:#999;margin-top:6px}
/*文章列表*/
.itemListCon{background: #fff;}
.itemListBolck .searchAbout{position: relative;}

js/articalShow.js

	//最近文章
	function recentlyArticle(num,obj) {
		var ourl=num==1?"/ajax/article/qaOrgPublish":"/ajax/article/qaProPublish";
		var qyw = 0;
		if(num=1){
			var qyw=1;
		}
		$.ajax({
			"url" :ourl ,
			"type" :  "GET" ,
					var $data=data.data;
					for(var i=0;i<5;i++) {
						var str='<li>'+
									'<a href="articalShow.html?articleId="'+$data[i].articleId+'><p class="h2Font ellipsisSty-2">'+$data[i].articleTitle+'</p>'+
									'<span class="smalltip">'+commenTime($data[i].publishTime)+'</span></a></li>'
						$("#recentlyList").append(str);	
							'<a href="articalShow.html?articleId="'+$data[i].articleId+'><p class="h2Font ellipsisSty-2">'+$data[i].articleTitle+'</p>'+
							'<span class="smalltip">'+commenTime($data[i].publishTime)+'</span></a></li>'
						$(".recentlyList").eq(qyw).append(str);	
					}
				}