bulomakaka
/
ekexiu.app


			
				
					
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
							<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			body{background: #FFFFFF;}
			.mui-content{ background: #FFFFFF;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">资源名称</h1>
		    <a class="mui-icon mui-icon-more mui-pull-right topmore"></a>
		</header>
		
		<!--主页面底部菜单-->
	    <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
		    <div class="dialogbtn mui-pull-left btnactive">
		    	<div>
			    	<em class="mui-pull-left"></em>
					<span class="mui-pull-left">咨询</span>
				</div>
			</div>
			<div class="attentbtn mui-pull-left">
				<em></em>
			</div>
		</nav>
		<!-- 主页面内容容器 -->
    	<div class="mui-content">
    		<!-- 主界面具体展示内容 -->
    		<div class="mui-input-group marginbox resoubox">
    			<table>
	            	<tr>
	                	<td>
	                		<div class="resouimgbox">
								<img src="../images/default-resource.jpg"/>
							</div>
	                        <div class="resouinfoword">
	                        	<ul class="resouinfobox">
									<li>
										<label>资源名称</label>
										<div class="listtit2">XXXXX资源名称XX</div>
									</li>
									<li>
										<label>应用用途</label>
										<div class="listtit2">应用用途XXXXXXXXX</div>
									</li>
									<li>
										<label>学术领域</label>
										<div class="listtit2">学术领域XXXXXXXXXXXXXXXX</div>
									</li>
									<li>
										<label>应用行业</label>
										<div class="listtit2">应用行业XXXXXXXXXXXXXXXXXXXXXXXXX</div>
									</li>
								</ul>
	                         </div>
	                     </td>
	                 </tr>
	           </table>
		    </div>
			<ul class="mui-table-view protable" style="background-color: #F0F0F0;">
	            <li class="mui-table-view-cell mui-media">
	                <a class="proinfor" href="proinforbrow.html">
	                    <img class="mui-media-object mui-pull-left headimg" style="width: 40px; height: 40px;" src="../images/default-photo.jpg">
	                    <div class="mui-media-body">
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
	                    </div>
	                </a>
	            </li>
	        </ul>
			<ul class="mui-input-group marginbox remarkbox">
				<li>
			       <div class="infocontit">详细描述</div> 
			       <div class="infocon">
			       		<p class="listtit3 mutlinebox">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
			       </div>
				</li>
				<li>
			       <div class="infocontit">合作备注</div> 
			       <div class="infocon">
			       		<p class="listtit3 mutlinebox"> Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
			       </div>
			    </li>
			</ul>
        </div>
		
		
		<script src=" ../js/public/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>
</html>