bulomakaka
/
ekexiu.app


			
				
					
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
							<!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/iconfont.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
	</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>
		</header>
		<div class="mui-content">
			<!-- 主界面具体展示内容 -->
			<div class="marginbox">
				<div class="personinfo2">
					<div class="headbox2" >
					    <a class="proinfor" href="proinforbrow.html">
		                    <img class="mui-pull-left headimg2" src="../images/default-photo.jpg">
		                    <div class="mui-pull-left infobasic">
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon" style="font-size: 16px;"></em></span>	
		                        <p class="listtit2"><span>职称</span>，<span>职务</span></p>
		                    	<p class="listtit3"><span>所在部门</span>，<span>所属机构</span> | <span>所在地</span></p>
		                    </div>
		                </a>
			        </div>
		        </div>
		    </div>
    		<div class="mui-input-group  marginbox">
		        <div class="mui-clearfix peolevelbox">
		        	<div class="mui-pull-left peocountbox">
		        		<div class="peocount mui-clearfix">
		        			<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
		        			<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
		        		</div>
		        	</div>
		        	<div class="mui-pull-right levelbox">
		        		<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
		        		<span class="mui-icon iconfont icon-favorfill"></span>
		        		<span class="mui-icon iconfont icon-favorfill"></span>
		        		<span class="mui-icon iconfont icon-favor"></span>
		        		<span class="mui-icon iconfont icon-favor"></span>
		        	</div>
		        </div>
		    </div>
			<div class="mui-input-group marginbox consultbox">
				<div class="consultaim">
					<div>请选择您的联系目的</div>
					<ul class="aimclass">
						<li class="liactive"><em></em>技术咨询</li>
						<li><em></em>资源咨询</li>
						<li><em></em>其他事务</li>
					</ul>
				</div>
				<div class="divline"></div>
				<table class="consultinfo">
					<tr>
						<td><span>咨询主题</span></td>
						<td><input type="text"/></td>
					</tr>
					<tr>
						<td><span>咨询内容</span></td>
						<td><textarea></textarea></td>
					</tr>
					<tr>
						<td colspan="2" class="sendbox">
							<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn sendbtn">发送</button>
						</td>
					</tr>
				</table>	
		    </div>
		</div>
		<script src=" ../js/public/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			
			//鼠标点击联系目的li时添加liactive类
			
		</script>
	</body>
</html>