搜索页面右侧信息居中

css/genindex.css

.listdiv ul.listitemdiv{}
ul.listitemdiv li{position:relative;min-height:132px;padding:15px 20px;}
ul.listitemdiv li:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: #f7f7f8;}
ul.listitemdiv li a.linkhref{display: block;}
ul.listitemdiv li a.linkhref{display: block;width: 100%;}
ul.listitemdiv li .lefthead{position:absolute;top:50%;overflow: hidden;background-size: cover;background-position: center;}
ul.listitemdiv li .userheadt{width: 100px;height:100px;margin-top:-50px;background-image: url(../images/default-photo.jpg);}
ul.listitemdiv li .centercon{padding-left:120px;padding-right:200px;margin-top:14px;}
ul.listitemdiv li .centercon{padding-left:120px;padding-right:200px;}
ul.listitemdiv li .centercon .h1font{font-size: 16px;line-height: 28px; color:#000;}
ul.listitemdiv li .centercon .h2font{font-size: 14px;line-height: 24px; color:#666;}
ul.listitemdiv li .rightop{padding:0 24px;line-height:32px;font-size:16px;color:#FFFFFF;cursor:pointer;border-radius:4px;background:#ff9900;
ul.listitemdiv.listmorediv li{min-height: 142px;}	
ul.listitemdiv.listmorediv .resouhead{width: 164px;height: 110px;margin-top:-55px;background-image: url(../images/default-resource.jpg);}
ul.listitemdiv.listmorediv .centercon{padding-left:184px;padding-right: 10px;margin-top:16px;}
ul.listitemdiv.listmorediv .centercon{padding-left:184px;padding-right: 10px;}
ul.listitemdiv.listmorediv .margin-top:16px;{margin-top:30px;}

searchNew.html

				<div class="listdiv">
					<!--找人-->
					<ul class="listitemdiv">
						<li>
						<li class="flexCenter">
							<a class="linkhref" href="information-brow.html">
								<div class="lefthead userheadt userRadius"></div>
								<div class="centercon">
					</ul>
					<!--找资源-->
					<ul class="listitemdiv listmorediv">
						<li>
						<li class="flexCenter">
							<a class="linkhref" href="resourceInfo.html">
								<div class="lefthead resouhead"></div>
								<div class="centercon">
								</div>
							</a>
						</li>
						<li>
						<li class="flexCenter">
							<a class="linkhref" href="resourceInfo.html">
								<div class="lefthead resouhead"></div>
								<div class="centercon">
					</ul>
					<!--找文章-->
					<ul class="listitemdiv listmorediv">
						<li>
						<li class="flexCenter">
							<a class="linkhref" href="articalShow.html">
								<div class="lefthead articalhead"></div>
								<div class="centercon centercon2">
								</div>
							</a>
						</li>
						<li>
						<li class="flexCenter">
							<a class="linkhref" href="articalShow.html">
								<div class="lefthead articalhead"></div>
								<div class="centercon centercon2">