完善搜索和咨询列表样式

app/css/app.css

/*企业和专家认证标识 icon-vip*/
.unauthicon{color:#C0C0C0; }/*未认证*/
.authicon{color:#FF9900;}
.icon-vip{}
.icon-vip.iconfont{margin-left:2px;font-size:14px;}
.authicon-cu{color:#FF9900;}/*认证科研型专家*/
.authicon-com{/*color:#00aaee;*/ color:#2082fb;}/*认证企业型专家*/
/*普通用户认证标识 icon-renzheng*/
em.icon-renzheng{border:1px solid;border-radius:10px;font-size:16px;line-height:14px;}
em.icon-renzheng span{ font-size:12px;margin-right:6px;vertical-align:middle;}
em.icon-renzheng{position:absolute;border:1px solid;margin-top:2px;margin-left:2px;border-radius:10px;font-size:12px;line-height:10px;}
em.icon-renzheng span{position:relative;top:0px;font-size:8px;line-height:8px;margin-right:6px;vertical-align:middle;}
.authicon-mana{color:#ff9900;}/*认证在企高管*/
.authicon-staff{color:#007AFF;}/*认证在企职员*/
.authicon-stu{color:#6bbf00;}/*认证在读学生*/
/***********************首页*******************/
.searchbox {width: 96%;margin:6px auto;background:#FFFFFF;height:32px;text-align: center;}
.searchbox .searchtxt.mui-icon{font-size:16px; color: #999999;}
.searchbox .searchtxt.mui-icon span{font-size:14px;margin-left:4px;line-height:16px;}
.searchbox .searchtxt.mui-icon{font-size:14px; color: #999999;}
.searchbox .searchtxt.mui-icon span{font-size:12px;margin-left:4px;line-height:16px;}
.mui-search input[type=search].searchtxt{background: #FFFFFF;}
.mui-search .mui-placeholder{ font-size: 14px; top:2px }
.fieldicon{ overflow: hidden;width:40px; height:40px;margin: auto;}
.fieldicon img{width: 100%;}
/*热门专家*/
.mui-table-view-cell.prolist:after{/*background:#C0C0C0*//*#c8c7cc*/;}
.mui-table-view-cell.prolist:after{/*background:#C0C0C0*//*#c8c7cc;*/}
.protable:before{ background-color:transparent;}
#table .mui-table-view-cell:after{right: 0;bottom: 0;left:0;background: none;}
/***********************搜索*******************/
.searchbox2{width:85%;background: #FFFFFF; border-radius: 6px; height: 30px;  margin:7px 2%;/*overflow: hidden;*/}
.searchbox2 .searchselect{width: 24%; position:relative; }
.searchbox2 .searchselect{max-width:64px;width:24%; position:relative; }
.searchbox2 .searchselect em{position: absolute; right:30%; top:-8%; font-size: 13px; line-height:18px;color:#999999; width: 0; height: 0; z-index: 0;}
.searchbox2 .searchtxt2{width: 76%;height: 22px; line-height:20px; margin: 5px 0; border: none; border-radius:0 6px 6px 0; border-left:1px solid #CCCCCC; font-size:13px;}
.simuselect{position:relative;z-index: 30;}
.ulbox{padding-left: 24%;font-size: 13px;color:#999999;line-height: 32px;cursor:pointer; position:relative;} 
.lishow{ padding:0; margin:0;background:#fff;overflow: hidden; border-radius:0 0 2px 2px;position:absolute; top:26px;right:0px; width:100%;box-shadow: 0px 0px 3px #ccc inset;z-index: 9999;display:none;} 
.lishow li{list-style: none; font-size: 13px;line-height:30px; list-style:none; padding:2px 16px; margin-top:1px;cursor: pointer;} 
.searchbox2 .searchtxt2{width: 76%;height: 22px; margin: 5px 0; border: none; border-radius:0 6px 6px 0; border-left:1px solid #CCCCCC; font-size:12px; line-height:22px;}
.simuselect{width: 100%;position:relative;z-index: 30;}
.ulbox{padding-left: 24%;font-size: 12px;color:#999999;line-height: 32px;cursor:pointer; position:relative;} 
.lishow{ padding:0; margin:0;background:#fff;overflow: hidden; border-radius:0 0 2px 2px;position:absolute; top:24px;right:0px; width:100%;box-shadow: 0px 0px 2px #ccc inset;z-index: 9999;display:none;} 
.lishow li{list-style: none; font-size: 13px;line-height:30px; list-style:none; padding:2px 18px; margin-top:1px;cursor: pointer;} 
.lishow li:hover{ background:#f0f0f0;} 
.historybox{ background: #FFFFFF; padding-bottom:20px;}
.coutopicbox .status-2{background:#dd524d;}/*待评价*/
.coutopicbox .status-3{background:#6bbf00;}/*已完成*/
.thistime{ position: absolute; right:2px; font-size: 12px; color: #999999;}
.thistime{ position: absolute; right:6px; font-size: 12px; color: #999999;}
.mui-table-view-cell>.proinfor>.mui-badge{top: 20px;left:10px; right:auto;}
/*星级评价*/

app/html/consultlist.html

     		border-right:1px solid #F0F0F0;
     		border-bottom:1px solid #F0F0F0;
    	}
    	#sliderSegmentedControl .mui-control-item.filteritem:last-child{
    		border-right:none;
    	}
    	#sliderSegmentedControl a.filteritem:active  {
    		color: #007aff;
    	}
    	#sliderSegmentedControl .mui-icon-arrowdown {
    		margin: 0;
    		border: none;
    		width: 15px;
    		width: 12px;
    		height: 30px;
    		margin-left:-3px;
    		font-size:inherit;
    		font-family:Muiicons;
    		line-height: 30px;
		<div id="slider" class="mui-slider mui-fullscreen">
			<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
				<div class="mui-scroll" style="width: 100%; color: #333;">
					<a style="width: 22%;" href="#middlePopover1"  class="mui-control-item filteritem">
					<a style="width: 22%;min-width:80px;" href="#middlePopover1"  class="mui-control-item filteritem">
						<span id="headck1" headck='0'>咨询/需求</span>
						<em class="mui-icon mui-icon-arrowdown"></em>
					</a>
						<span id="headck3" headck='0'>咨询状态</span>
						<em class="mui-icon mui-icon-arrowdown"></em>
					</a>
					<a style="width: 34%;" href="#middlePopover4"  class="mui-control-item filteritem" >
					<a style="min-width: 108px;" href="#middlePopover4"  class="mui-control-item filteritem" >
						<span id="headck4" headck='1'>按最后回复排序</span>
						<em class="mui-icon mui-icon-arrowdown"></em>
					</a>

app/html/search.html

					</div>
					<em class="mui-icon mui-icon-arrowdown"></em>
				</div>
				<input type="text" class="mui-input-clear mui-pull-right searchtxt2" placeholder="搜索专家、设备资源" id="searchval">
				<input type="text" class="mui-input-clear mui-pull-left searchtxt2" placeholder="搜索专家、设备资源" id="searchval">
			</div>
		</header>
		<div class="filterbox" style=" position: fixed; z-index:1; top:45px; width:100%">

app/js/companyUpdata.js

				var string = '<li class="mui-table-view-cell mui-media" resouId=' + $data[i].resourceId + '>'
				string += '<a class="proinfor" href="resinforupdate.html"><div class="mui-media-object mui-pull-left ResImgBox">'
				if($data[i].images.length) {
					string += '<img class="resImg" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
					string += '<img class="resImg headRadius" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
				} else {
						string += '<img class="resImg" src="../images/default-resource.jpg">'
						string += '<img class="resImg headRadius" src="../images/default-resource.jpg">'
					}
					string += '<div class="mui-media-body">'
					string += '<span class="listtit">' + $data[i].resourceName + '<div class="updatebox updatebox2" style="top:6px;right:6px;"><em class="mui-icon mui-icon-compose updatebtn"></em></div></span>'

app/js/companybrowse.js

				var string = '<li class="mui-table-view-cell mui-media" resouseId=' + $data[i].resourceId + '>'
				string += '<a class="proinfor"><div class="mui-media-object mui-pull-left ResImgBox">'
				if($data[i].images.length) {
					string += '<img class="resImg" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
					string += '<img class="resImg headRadius" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
				} else {
					string += '<img class="resImg" src="../images/default-resource.jpg">'
					string += '<img class="resImg headRadius" src="../images/default-resource.jpg">'
				}
				string += '</div><div class="mui-media-body">'
				string += '<span class="listtit">' + $data[i].resourceName + '</span>'

app/js/proinfobrow.js

				var string = '<li class="mui-table-view-cell mui-media listitem" resouseId=' + $data[i].resourceId + '>'
				string += '<a class="proinfor"><div class="mui-media-object mui-pull-left ResImgBox">'
				if($data[i].images.length) {
					string += '<img class="resImg" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
					string += '<img class="resImg headRadius" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
				} else {
					string += '<img class="resImg" src="../images/default-resource.jpg">'
					string += '<img class="resImg headRadius" src="../images/default-resource.jpg">'
				}
				string += '</div><div class="mui-media-body">'
				string += '<span class="listtit">' + $data[i].resourceName + '</span>'

app/js/proinforupdate.js

				var string = '<li class="mui-table-view-cell mui-media listitem" resouId=' + $data[i].resourceId + '>'
				string += '<a class="proinfor" href="resinforupdate.html"><div class="mui-media-object mui-pull-left ResImgBox">'
				if($data[i].images.length) {
					string += '<img class="resImg" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
					string += '<img class="resImg headRadius" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
				} else {
						string += '<img class="resImg" src="../images/default-resource.jpg">'
						string += '<img class="resImg headRadius" src="../images/default-resource.jpg">'
					}
					string += '</div><div class="mui-media-body">'
					string += '<span class="listtit">' + $data[i].resourceName + '<div class="updatebox updatebox2" style="top:24px;"><em class="mui-icon mui-icon-compose updatebtn"></em></div></span>'

app/js/searchhome.js

/*搜专家搜资源的下拉选择框*/
selectblock.addEventListener('tap', function() {
	showblock.style.display = 'block';
//	console.log(selectblock.style.width);
//	console.log(showblock.style.width);
});
mui("#li_show").on('tap', 'li', function() {

app/js/studentUpdata.js

				var string = '<li class="mui-table-view-cell mui-media" resouId=' + $data[i].resourceId + '>'
				string += '<a class="proinfor" href="resinforupdate.html"><div class="mui-media-object mui-pull-left ResImgBox">'
				if($data[i].images.length) {
					string += '<img class="resImg" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
					string += '<img class="resImg headRadius" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
				} else {
						string += '<img class="resImg" src="../images/default-resource.jpg">'
						string += '<img class="resImg headRadius" src="../images/default-resource.jpg">'
					}
					string += '</div><div class="mui-media-body">'
					string += '<span class="listtit">' + $data[i].resourceName + '<div class="updatebox updatebox2" style="top:6px;right:6px;"><em class="mui-icon mui-icon-compose updatebtn"></em></div></span>'

app/js/studentbrowse.js

				var string = '<li class="mui-table-view-cell mui-media" resouseId=' + $data[i].resourceId + '>'
				string += '<a class="proinfor"><div class="mui-media-object mui-pull-left ResImgBox">'
				if($data[i].images.length) {
					string += '<img class="resImg" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
					string += '<img class="resImg headRadius" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
				} else {
					string += '<img class="resImg" src="../images/default-resource.jpg">'
					string += '<img class="resImg  headRadius" src="../images/default-resource.jpg">'
				}
				string += '</div><div class="mui-media-body">'
				string += '<span class="listtit">' + $data[i].resourceName + '</span>'