新增合作资源模块，绑定手机邮箱功能

app/css/app.css

@@ -3,7 +3,7 @@
.mui-input-group:after{background: none;}
.mui-table-view:before{ background: none;}
.mui-table-view:after{ background: none;}
.mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;/*background: none;*/}
.mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
/*.mui-table-view-cell .mui-media-body{padding-bottom:10px; border-bottom:1px solid #CCCCCC;}*/
.mui-input-group .mui-input-row:last-child:after{ background: none;}
@@ -58,13 +58,15 @@ body{ color: #666666; font-size:14px;}
/*input输入相关*/
.frmbox{ width: 100%; margin:2% auto; border-radius: 6px; }
.frmtype{ width: 100%; margin: auto; padding:2%;font-size: 14px;}
.frmbtn{margin:4% 0;  font-size: 16px; padding:2%;border:1px solid #FF9900; border-radius: 6px; color:#FF9900 ;}
.frmbtn{margin:4% auto;  font-size: 16px; padding:2%;border:1px solid #FF9900; border-radius: 6px; color:#FF9900 ;}
/*.frmbtn:hover{border:1px solid #FF9900; color:#FFFFFF;background-color:#FF9900;}*/
.frmbox{ border:none; width: 90%; height: 100%; } 
.frmactive2{color:#fff;background-color:#ccc; border:1px solid #ccc;}
.frmactive2{color:#fff;background-color:#ccc; border:1px solid transparent;}
.frmactive{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
.frmactiveok{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
.exitbtn{ border:none; margin: 0; color:#FF0000; border-radius: 0;}
.pompmsg{ font-size: 12px; color: #CCCCCC;}
/*///////////////common公共样式///////////////////////*/
/***********************登录注册相关页面*******************/
@@ -109,12 +111,18 @@ body{ color: #666666; font-size:14px;}
.maincon .headbox{ text-align: center;}
.headbox .headimg{width: 20%;}
.maincon .pinfor{ color: #888888; font-size: 13px;}
.maincon .basicinfo {padding-left:4%;  }
.maincon .basicinfo li{ list-style: none;padding-left: 2%; overflow: hidden;}
.maincon .basicinfo {padding-left:4%; }
.maincon .basicinfo li{ list-style: none;padding-left: 2%;font-size: 14px; overflow: hidden;}
/*.maincon .basicinfo>li:not(.basicfrm){ font-size: 13px; line-height: 42px;}*/
.maincon .basicinfo li.basicfrm{ position: relative; overflow: hidden; font-size: 14px; line-height: 20px;border-bottom:1px #F0F0F0 solid;margin-left: 2%;padding-left:0; }
.maincon .basicinfo li.basicfrm .frmtype{ height: 30px; padding:0; padding-right:2%;font-size: 14px; }
.maincon .basicinfo li label{ position: relative; font-size: 16px; color: #888888; line-height:40px;}
.maincon .basicinfo li.basicfrm{ position: relative; overflow: hidden; line-height: 20px;border-bottom:1px #F0F0F0 solid;margin-left: 2%;padding-left:0; }
.maincon .basicinfo li.basicfrm .frmtype{ height: 26px; padding:0; padding-right:2%;line-height:20px;font-size: 14px; }
.maincon .basicinfo li label{ position: relative; color: #888888; line-height:30px;}
.maincon .basicinfo li small{ color:#AAAAAA;}
.fillbox{margin-top:20%;}
.maincon .headbox3{width:100px; height: 100px;position: absolute;top:-14%; left: 50%; margin-left: -50px;border-radius: 50%;border:2px #FFFFFF solid;box-shadow: 1px 1px 2px 1px #F0F0F0; overflow: hidden;background: url(../images/default-photo.jpg); background-size:100% 100%;}
.headbox3 .headimg3{width:100%; height: 100%;}
.headbox3 .headimglink{position: absolute;bottom: 0; display: block; background: url(../images/take-photo.png) center center no-repeat rgba(0,0,0,.4);width: 100%; height:100%;z-index: 4;}
.nextstep{ color: #FF9900; font-size: 13px;}
.nextstep{ position: relative;}
@@ -160,11 +168,16 @@ body{ color: #666666; font-size:14px;}
.levelbox{ width:72px;margin: auto; overflow: hidden; }
.levelbox .star{ float: left; width:14px; height: 14px; background: url(../images/staricon.png) center center no-repeat;background-size:100% 100% ;}
/*专家相关信息*/
.infocontit{font-size:16px; position: relative;}
.infocontit{font-size:14px; position: relative;}
.infocon{padding:6px 10px; /*text-align: justify;*/ font-size: 13px;}
.infocon ul{ padding:0; margin: 0; overflow: hidden;}
.infosubject li{ list-style: none; padding:4px 10px; padding-right:20px; margin:4px; border:1px solid #FF9900; border-radius: 6px; float: left;}
.resinfo li{padding:6px 8px;}
.resinfo li .mui-media-body{ border-bottom:1px solid #F0F0F0; padding-bottom:4px; margin-bottom: 6px;}
.resinfo li .mui-media-body .resbrief{ max-height: 48px; overflow: hidden;}
.resinfo li:last-child .mui-media-body{ border-bottom:none;padding-bottom:0px; margin-bottom:0px;}
.listbox{ margin:5px 0;max-width:100%; overflow:hidden;}
.listbrowse{border: 1px solid #FF9900; border-radius: 0 6px 6px 0; text-align:center;font-size:13px;line-height:26px; float:left;padding-right: 8px; max-width:40%; overflow:hidden;}
.plusbtn{ float:left;width:22px; height:22px; background:url(../images/zan.png) no-repeat center center; background-size:100% 100% ; margin-left:4px; margin-top:2px;  }
@@ -179,10 +192,12 @@ body{ color: #666666; font-size:14px;}
.gotonext2{ width: 110px;}
.gotonext em{display: block; width: 20px; height: 20px; margin-left:6px ; background:url(../images/goto.png) center center no-repeat; background-size:100% 100% ; }
.dialogbtn{ overflow: hidden; width:80%;padding: 12px;}
.dialogbtn div{ width: 100px;overflow: hidden;margin: auto; }
.dialogbtn span{font-size: 14px; line-height: 24px; padding: 0 3px; color: #FF9900; font-weight: 600;}
.dialogbtn{ overflow: hidden; width:80%;padding: 12px; color: #FF9900;}
.dialogbtn div{ width: 70px;overflow: hidden;margin: auto;}
.dialogbtn span{font-size: 14px; line-height: 24px; padding: 0 3px; font-weight: 600;}
.dialogbtn em{display: block; width: 24px; height: 24px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}
.dialogbtn:hover{ background:#FF9900; color: #FFFFFF;}
.attentbtn{margin: auto; overflow: hidden; width:20%;padding: 12px; border-left:1px solid #F0F0F0;}
.attentbtn em{display: block; margin: auto; width: 22px; height: 22px; background: url(../images/attenticon.png) center center no-repeat; background-size:100% 100% ;}
@@ -332,8 +347,28 @@ body{ color: #666666; font-size:14px;}
.thistime{ position: absolute; right:2px; font-size: 12px; color: #999999;}
.mui-table-view-cell>.proinfor>.mui-badge{top: 20px;left:10px; right:auto;}
/*星级评价*/
.evabox{ text-align: center;}
.evabox span{ font-size: 12px;}
.evabox .levelbox .mui-icon{ font-size: 14px; line-height: 14px; border:1px solid red;}
/*********************** 咨询*******************/
/*咨询列表下拉菜单*/
.popoverbox {border-radius: 6px;width:0;height:0;min-width: 90px;min-height:110px;font-size: 13px;}
.popoverbox .mui-popover-arrow{top: -22px;width: 22px;height: 22px;}
.popoverbox .mui-table-view-cell{padding:8px 14px;}
.mui-popover4{ width: 130px;  }
/*********************** 咨询*******************/
/*********************** 资源信息浏览*******************/
.resoubox{ overflow: hidden;}
.resouimgbox{ width: 30%;}
.resouimgbox img{ width: 100%;}
.resouinfobox{ padding:0;margin: 0; margin-left: 6px;}
.resouinfobox li{ list-style: none; margin: 4px;}
.remarkbox li{padding-left:6px;}
.activity{ width: 100%; margin:auto;}
.activity_img{ float:left; margin:10px 16px 10px 0;}
.activity_word{ clear:right; margin-top:10px; line-height:26px;}
.activity_word p{ font-size:14px; text-indent:2em; text-align:justify; text-justify:inter-ideograph; }
/*********************** 资源信息浏览*******************/

app/html/attentions.html

@@ -122,7 +122,7 @@
			<div class="mui-card-content conblock childlist">
		        <ul class="mui-table-view protable">
		            <li class="mui-table-view-cell mui-media">
		                <a class="proinfor" href="javascript:;">
		                <a class="proinfor" href="resinforbrow.html">
		                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
		                    <div class="mui-media-body">
		                    	<span class="listtit">资源名称</span>
@@ -133,7 +133,7 @@
		                </a>
		            </li>
		            <li class="mui-table-view-cell mui-media">
		                <a class="proinfor" href="javascript:;">
		                <a class="proinfor" href="resinforbrow.html">
		                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
		                    <div class="mui-media-body">
		                    	<span class="listtit">资源名称</span>
@@ -144,7 +144,7 @@
		                </a>
		            </li>
		            <li class="mui-table-view-cell mui-media">
		                <a class="proinfor" href="javascript:;">
		                <a class="proinfor" href="resinforbrow.html">
		                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
		                    <div class="mui-media-body">
		                    	<span class="listtit">资源名称</span>
@@ -155,7 +155,7 @@
		                </a>
		            </li>
		            <li class="mui-table-view-cell mui-media">
		                <a class="proinfor" href="javascript:;">
		                <a class="proinfor" href="resinforbrow.html">
		                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
		                    <div class="mui-media-body">
		                    	<span class="listtit">资源名称</span>
@@ -173,15 +173,6 @@
    <script src="../js/public/mui.min.js"></script>
	<script type="text/javascript" charset="utf-8">
		mui.init()
//		mui.plusReady(function(){
//			var btn = document.getElementById("fixbtn");
//			//监听点击事件
//			btn.addEventListener("tap",function () {
//			  console.log("tap event trigger");
//			});
//			//触发submit按钮的点击事件
//			mui.trigger(btn,'tap');
//		})
	</script>      	 
</body>
</html>

app/html/bindmail.html

@@ -0,0 +1,39 @@
<!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-color:#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>
		</header>
		<div class="mui-content">
		    <div class="mui-input-group">
				<div class="maincon">
					<ul class="basicinfo" style="margin: 0; padding: 0;">
						<li><label>邮箱地址</label></li>
						<li class="basicfrm"><input type="email" class="mui-input-clear frmtype" placeholder="请输入邮箱地址"></li>
						
					</ul>
		        </div>
		    </div>
		    <div class="mui-content-padded mainbox">
				<button class="mui-btn mui-btn-block frmbtn" style="width: 96%;">发送验证链接</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
	</body>
</html>

app/html/bindphone.html

@@ -0,0 +1,40 @@
<!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-color:#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>
		</header>
		<div class="mui-content">
		    <div class="mui-input-group">
				<div class="maincon">
					<ul class="basicinfo" style="margin: 0; padding: 0;">
						<li><label>手机号码</label></li>
						<li class="basicfrm"><input type="tel" class="mui-input-clear frmtype" placeholder="请输入要绑定的手机号码"></li>
						<li><label>验证码</label></li>
						<li class="basicfrm mui-clearfix"><input type="number" class="mui-input-clear frmtype mui-pull-left" style="width: 70%;" placeholder="请输入验证码"><span class="mui-pull-right" style="color: #FF9900; margin-right: 10px;">获取验证码</span></li>						
					</ul>
		        </div>
		    </div>
		    <div class="mui-content-padded mainbox">
				<button class="mui-btn mui-btn-block frmbtn" style="width: 96%;">绑定</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
	</body>
</html>

app/html/changepass.html

@@ -0,0 +1,43 @@
<!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-color:#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>
		</header>
		<div class="mui-content">
		    <div class="mui-input-group">
				<div class="maincon">
					<ul class="basicinfo" style="margin: 0; padding: 0;">
						<li><label>原密码</label></li>
						<li class="basicfrm"><input type="password" class="mui-input-clear frmtype" placeholder="请输入当前密码"></li>
						<li><label>新密码</label></li>
						<li class="basicfrm"><input type="password" class="mui-input-clear frmtype" placeholder="请输入新密码"></li>
						<li><label>确认新密码</label></li>
						<li class="basicfrm"><input type="password" class="mui-input-clear frmtype" placeholder="再次确认新密码"></li>
						<li><p class="pompmsg">密码由6~24个字符组成,区分大小写</p></li>
					</ul>
		        </div>
		    </div>
		    <div class="mui-content-padded mainbox">
				<button class="mui-btn mui-btn-block frmbtn" style="width: 96%;">修改密码</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
	</body>
</html>

app/html/chatover.html

@@ -0,0 +1,358 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link href="../css/mui.imageviewer.css" rel="stylesheet" />
		<style>
			html,
			body {
				height: 100%;
				margin: 0px;
				padding: 0px;
				overflow: hidden;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
			}
			footer {
				position: fixed;
				width: 100%;
				height: 50px;
				min-height: 50px;
				border-top: solid 1px #bbb;
				left: 0px;
				bottom: 0px;
				overflow: hidden;
				padding: 0px 50px;
				background-color: #fafafa;
			}
			.footer-left {
				position: absolute;
				width: 50px;
				height: 50px;
				left: 0px;
				bottom: 0px;
				text-align: center;
				vertical-align: middle;
				line-height: 100%;
 				padding: 12px 4px;
 			}
 			.footer-right {
 				position: absolute;
 				width: 50px;
 				height: 50px;
 				right: 0px;
 				bottom: 0px;
 				text-align: center;
 				vertical-align: middle;
 				line-height: 100%;
 				padding: 12px 5px;
 				display: inline-block;
 			}
 			.footer-center {
 				height: 100%;
 				padding: 5px 0px;
 			}
 			.footer-center [class*=input] {
 				width: 100%;
 				height: 100%;
 				border-radius: 5px;
 			}
 			.footer-center .input-text {
 				background: #fff;
 				border: solid 1px #ddd;
 				padding: 10px !important;
 				font-size: 16px !important;
 				line-height: 18px !important;
 				font-family: verdana !important;
 				overflow: hidden;
 			}
 			.footer-center .input-sound {
 				background-color: #eee;
 			}
 			.mui-content {
 				height: 100%;
 				padding: 44px 0px 50px 0px;
 				overflow: auto;
 				background-color: #eaeaea;
 			}
 			#msg-list {
 				height: 100%;
 				overflow: auto;
 				-webkit-overflow-scrolling: touch;
 			}
 			.msg-item {
 				padding: 8px;
 				clear: both;
 			}
 			.msg-item .mui-item-clear {
 				clear: both;
 			}
 			.msg-item .msg-user {
 				width: 38px;
 				height: 38px;
 				border: solid 1px #d3d3d3;
 				display: inline-block;
 				background: #fff;
 				border-radius: 3px;
 				vertical-align: top;
 				text-align: center;
 				float: left;
 				padding: 3px;
 				color: #ddd;
 			}
 			
 			.msg-item .msg-user-img{
 				width: 38px;
 				height: 38px;
 				display: inline-block;
 				border-radius: 3px;
 				vertical-align: top;
 				text-align: center;
 				float: left;
 				color: #ddd;
 			}
 			
 			.msg-item .msg-content {
 				display: inline-block;
 				border-radius: 5px;
 				border: solid 1px #d3d3d3;
 				background-color: #FFFFFF;
 				color: #333;
 				padding: 8px;
 				vertical-align: top;
 				font-size: 15px;
 				position: relative;
 				margin: 0px 8px;
 				max-width: 75%;
 				min-width: 35px;
 				float: left;
 			}
 			.msg-item .msg-content .msg-content-inner {
 				overflow-x: hidden;
 			}
 			.msg-item .msg-content .msg-content-arrow {
 				position: absolute;
 				border: solid 1px #d3d3d3;
 				border-right: none;
 				border-top: none;
 				background-color: #FFFFFF;
 				width: 10px;
 				height: 10px;
 				left: -5px;
 				top: 12px;
 				-webkit-transform: rotateZ(45deg);
 				transform: rotateZ(45deg);
 			}
 			.msg-item-self .msg-user,
 			.msg-item-self .msg-content {
 				float: right;
 			}
 			.msg-item-self .msg-content .msg-content-arrow {
 				left: auto;
 				right: -5px;
 				-webkit-transform: rotateZ(225deg);
 				transform: rotateZ(225deg);
 			}
 			.msg-item-self .msg-content,
 			.msg-item-self .msg-content .msg-content-arrow {
 				background-color: #4CD964;
 				color: #fff;
 				border-color: #2AC845;
 			}
 			footer .mui-icon {
 				color: #999999;
 			}
 			footer .mui-icon:active {
 				color: #FF9900 !important;
 			}/*#007AFF*/
 			footer .mui-icon-paperplane:before {
 				content: "发送";
 			}
 			footer .mui-icon-paperplane {
 				/*-webkit-transform: rotateZ(45deg);
 				transform: rotateZ(45deg);*/
 				
 				font-size: 16px;
 				word-break: keep-all;
 				line-height: 100%;
 				padding-top: 6px;
 				color: rgba(0, 135, 250, 1);
 			}
 			#msg-sound {
 				-webkit-user-select: none !important;
 				user-select: none !important;
 			}
 			.rprogress {
 				position: absolute;
 				left: 50%;
 				top: 50%;
 				width: 140px;
 				height: 140px;
 				margin-left: -70px;
 				margin-top: -70px;
 				background-image: url(../images/arecord.png);
 				background-repeat: no-repeat;
 				background-position: center center;
 				background-size: 30px 30px;
 				background-color: rgba(0, 0, 0, 0.7);
 				border-radius: 5px;
 				display: none;
 				-webkit-transition: .15s;
 			}
 			.rschedule {
 				background-color: rgba(0, 0, 0, 0);
 				border: 5px solid rgba(0, 183, 229, 0.9);
 				opacity: .9;
 				border-left: 5px solid rgba(0, 0, 0, 0);
 				border-right: 5px solid rgba(0, 0, 0, 0);
 				border-radius: 50px;
 				box-shadow: 0 0 15px #2187e7;
 				width: 46px;
 				height: 46px;
 				position: absolute;
 				left: 50%;
 				top: 50%;
 				margin-left: -23px;
 				margin-top: -23px;
 				-webkit-animation: spin 1s infinite linear;
 				animation: spin 1s infinite linear;
 			}
 			.r-sigh{
 				display: none;
 				border-radius: 50px;
 				box-shadow: 0 0 15px #2187e7;
 				width: 46px;
 				height: 46px;
 				position: absolute;
 				left: 50%;
 				top: 50%;
 				margin-left: -23px;
 				margin-top: -23px;
 				text-align: center;
 				line-height: 46px;
 				font-size: 40px;
 				font-weight: bold;
 				color: #2187e7;
 			}
 			.rprogress-sigh{
 				background-image: none !important;
 			}
 			.rprogress-sigh .rschedule{
 				display: none !important;
 			}
 			.rprogress-sigh .r-sigh{
 				display: block !important;
 			}
 			.rsalert {
 				font-size: 12px;
 				color: #bbb;
 				text-align: center;
 				position: absolute;
 				border-radius: 5px;
 				width: 130px;
 				margin: 5px 5px;
 				padding: 5px;
 				left: 0px;
 				bottom: 0px;
 			}
 			@-webkit-keyframes spin {
 				0% {
 					-webkit-transform: rotate(0deg);
 				}
 				100% {
 					-webkit-transform: rotate(360deg);
 				}
 			}
 			@keyframes spin {
 				0% {
 					transform: rotate(0deg);
 				}
 				100% {
 					transform: rotate(360deg);
 				}
 			}
 			#h {
 				background: #fff;
 				border: solid 1px #ddd;
 				padding: 10px !important;
 				font-size: 16px !important;
 				font-family: verdana !important;
 				line-height: 18px !important;
 				overflow: visible;
 				position: absolute;
 				left: -1000px;
 				right: 0px;
 				word-break: break-all;
 				word-wrap: break-word;
 			}
 			.cancel {
 				background-color: darkred;
 			}
 		</style>
 	</head>
  	<body contextmenu="return false;">
 		<header class="mui-bar mui-bar-nav toptitbox">
 			<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
 			<h1 class="mui-title toptit">对方姓名</h1>
 			<span class="mui-icon mui-icon-contact mui-pull-right personhead"></span>
 		</header>
 		<pre id='h'></pre>
 		<script id='msg-template' type="text/template">
 			<% for(var i in record){ var item=record[i]; %>
 				<div class="msg-item <%= (item.sender=='self'?' msg-item-self':'') %>" msg-type='<%=(item.type)%>' msg-content='<%=(item.content)%>'>
 					<% if(item.sender=='self' ) { %>
 						<i class="msg-user mui-icon mui-icon-person"></i>
 					<% } else { %>
 						<img class="msg-user-img" src="../images/logo.png" alt="" />
 					<% } %>
 					<div class="msg-content">
 						<div class="msg-content-inner">
 							<% if(item.type=='text' ) { %>
 								<%=( item.content|| '&nbsp;&nbsp;') %>
 							<% } else if(item.type=='image' ) { %>
 								<img class="msg-content-image" src="<%=(item.content)%>" style="max-width: 100px;" />
 							<% } else if(item.type=='sound' ) { %>
 								<span class="mui-icon mui-icon-mic" style="font-size: 18px;font-weight: bold;"></span>
 								<span class="play-state">点击播放</span>
 							<% } %>
 						</div>
 						<div class="msg-content-arrow"></div>
 					</div>
 					<div class="mui-item-clear"></div>
 				</div>
 			<% } %>
 		</script>
 		<div class="mui-content">
 			<div class="operatebox">
 				<div class="themespan mui-pull-left" style="width:70%;">
 					<span class="">关于XXXXXX的咨询</span>
 				</div>
 				
 				<div class="operatebtnbox mui-pull-right">
 					<!--未评价-->
	                <button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn" style="width:80px;">去评价</button>
 					<!--已评价-->
 					<div class="">
 						<span></span>
 						<div>
 							
 						</div>
 					</div>
 				</div>
 			</div>
 			<div id='msg-list'>
 			</div>
 		</div>
 				
 		<script src="../js/public/mui.min.js"></script>
 		<script src="../js/public/mui.imageViewer.js"></script>
 		<script src="../js/public/arttmpl.js"></script>
 		<script type="text/javascript" charset="utf-8">
		</script>
	</body>
</html>

app/html/consultlist.html

@@ -6,61 +6,7 @@
    <title></title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link href="../css/app.css" rel="stylesheet"/>
    
    <style>
    /*跨webview需要手动指定位置*/
			
			/*.mui-plus header.mui-bar {
				display: none!important;
			}
			.mui-plus .mui-bar-nav~.mui-content {
				padding: 0!important;
			}*/
			
			.mui-plus .plus{
				display: inline;
			}
			
			.plus{
				display: none;
			}
			
			#topPopover {
				position: fixed;
				top: 16px;
				right: 6px;
			}
			#topPopover .mui-popover-arrow {
				left: auto;
				right: 6px;
			}
			
			span.mui-icon {
				font-size: 14px;
				color: #007aff;
				margin-left: -15px;
				padding-right: 10px;
			}
			.mui-popover {
				border-radius: 6px;
				width:0;
				height:0;
				min-width: 90px;
				min-height:110px;
				font-size: 13px;
			}
			.mui-popover .mui-popover-arrow{
				top: -22px;
				width: 22px;
    			height: 22px;
    			
    		}
    		.mui-popover .mui-table-view-cell{
    			padding:8px 14px;
    		}
    		
    		.mui-popover4{ width: 130px;  }
    </style>
</head>
<body>
@@ -208,7 +154,7 @@
	        </ul>
		</div>
		
		<div id="middlePopover1" class="mui-popover mui-popover1">
		<div id="middlePopover1" class="mui-popover popoverbox mui-popover1">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
@@ -220,7 +166,7 @@
				</div>
			</div>
		</div>
		<div id="middlePopover2" class="mui-popover mui-popover2">
		<div id="middlePopover2" class="mui-popover popoverbox mui-popover2">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
@@ -232,7 +178,7 @@
				</div>
			</div>
		</div>
		<div id="middlePopover3" class="mui-popover mui-popover3">
		<div id="middlePopover3" class="mui-popover popoverbox mui-popover3">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
@@ -244,7 +190,7 @@
				</div>
			</div>
		</div>
		<div id="middlePopover4" class="mui-popover mui-popover4">
		<div id="middlePopover4" class="mui-popover popoverbox mui-popover4">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">

app/html/fillinfo.html

@@ -14,30 +14,24 @@
		    <h1 class="mui-title toptit">完善个人信息</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="maincon">
					<div class="headbox">
				        <a href="javascript:;">
				        	<img class="headimg" src="../images/default-photo.jpg" />
				        	<div class="pinfor">点击上传头像</div>
				        </a>
		    <div class="mui-input-group mainbox fillbox">
				<div class="maincon" style="margin: 0;">
					<div class="headbox3">
						<a href="javascript:;" class="headimglink"></a>
			        </div>
		        </div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="maincon">
					<ul class="basicinfo">
						<li><label>姓名<em class="requiredcon"></em></label></li>
						<li class="basicfrm"><input type="text"  class="mui-input-clear frmtype" id="userName"></li>
						<li><label>所在机构(高校/科研机构/企业名称)<em class="requiredcon"></em></label></li>
						<li><label>所在机构<small> ( 高校/科研机构/企业名称 )</small><em class="requiredcon"></em></label></li>
						<li class="basicfrm"><input type="text"  class="mui-input-clear frmtype" id="userMechanism"></li>
						<li><label>所属部门(院系/科研室/部门名称)</label></li>
						<li><label>所属部门<small> ( 院系/科研室/部门名称 )</small></label></li>
						<li class="basicfrm"><input type="text"  class="mui-input-clear frmtype" id="userDepartment"></li>
						<li><label>职位</label></li>
						<li class="basicfrm"><input type="text"  class="mui-input-clear frmtype" id="userPosition"></li>
						<li><label>职称</label></li>
						<li class="basicfrm"><input type="text"  class="mui-input-clear frmtype" id="userTitle"></li>
						
						<li><label>所在地</label></li>
						<li class="basicfrm"><input type="text"  class="mui-input-clear frmtype"></li>
					</ul>
			        
		        </div>

app/html/proinforbrow-more.html

@@ -20,7 +20,7 @@
		    <div class="dialogbtn mui-pull-left btnactive">
		    	<div>
			    	<em class="mui-pull-left"></em>
					<span class="mui-pull-left">联系专家</span>
					<span class="mui-pull-left">咨询</span>
				</div>
			</div>
			<div class="attentbtn mui-pull-left">

app/html/proinforbrow.html

@@ -20,7 +20,7 @@
		    <div class="dialogbtn mui-pull-left btnactive">
		    	<div>
			    	<em class="mui-pull-left"></em>
					<span class="mui-pull-left">联系专家</span>
					<span class="mui-pull-left">咨询</span>
				</div>
			</div>
			<div class="attentbtn mui-pull-left">
@@ -41,7 +41,7 @@
				        </a>
			        </div>
		        </div>
		        <div class="mui-clearfix peolevelbox">
		        <a class="mui-clearfix peolevelbox" href="coophistory.html">
		        	<div class="mui-pull-left peocountbox">
		        		<div class="peocount mui-clearfix">
		        			<em class="actionicon dialogicon mui-pull-left "></em>
@@ -55,7 +55,43 @@
		        		<span class="star"></span>
		        		<span class="star"></span>
		        	</div>
		        </div>
		        </a>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="maincon">
			       <div class="infocontit">合作资源</div> 
			       <div class="infocon">
				       <ul class="mui-table-view resinfo">
				            <li class="mui-table-view-cell mui-media">
				                <a class="proinfor" href="resinforbrow.html">
				                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
				                    <div class="mui-media-body">
				                        <span class="listtit">资源名称</span>	
				                        <p class="listtit2">应用用途XXXXXXX</p>
				                    	<p class="listtit3 resbrief">
				                    		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan
				                    	</p>
				                    	
				                    </div>
				                </a>
				            </li>
				            <li class="mui-table-view-cell mui-media">
				                <a class="proinfor" href="resinforbrow.html">
				                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
				                    <div class="mui-media-body">
				                        <span class="listtit">资源名称</span>	
				                        <p class="listtit2">应用用途XXXXXXX</p>
				                    	<p class="listtit3 resbrief">
				                    		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan
				                    	</p>
				                    	
				                    </div>
				                </a>
				            </li>	
		                </ul>    
		              
			       </div>
		       </div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="maincon">

app/html/proinforupdate.html

@@ -38,35 +38,71 @@
				       		</li>
				       		<li class="ginfolist">
				       			<span class="infotype"><i class="letspace">职</i>称：</span>
				       			<span>XXX</span>
				       			<span>XXXXXXX</span>
				       		</li>
				       		<li class="ginfolist">
				       			<span class="infotype"><i class="letspace">职</i>位：</span>
				       			<span>XXX</span>
				       			<span>XXXXXXXX</span>
				       		</li>
				       		<li class="ginfolist">
				       			<span class="infotype">所属部门：</span>
				       			<span>XXX</span>
				       			<span>XXXXXXXXXXXXXXXXXXX</span>
				       		</li>
				       		<li class="ginfolist">
				       			<span class="infotype">所在机构：</span>
				       			<span>XXX</span>
				       			<span>XXXXXXXXXXXXXXXXXXX</span>
				       		</li>
				       		<li class="ginfolist">
				       			<span class="infotype">所在城市：</span>
				       			<span>XXX</span>
				       			<span>XXXXXXXXXXXXXXXXXXX</span>
				       		</li>
				       		<li class="ginfolist">
				       			<span class="infotype">联系电话：</span>
				       			<span>XXX</span>
				       			<span>XXXXXXXXXXX</span>
				       		</li>
				       		<li class="ginfolist">
				       			<span class="infotype">邮箱地址：</span>
				       			<span>XXX</span>
				       			<span>XXXXXXXXXXX</span>
				       		</li>
				       </ul>	
			       </div>
		       </div>
		    </div>
		     <div class="mui-input-group mainbox">
				<div class="maincon">
			       <div class="infocontit">合作资源<a class="updatebox mui-clearfix" href=".html"><em class="updatebtn mui-pull-left"></em><span class="mui-pull-left">点击修改</span></a></div> 
			       <div class="infocon">
				       <ul class="mui-table-view resinfo">
				            <li class="mui-table-view-cell mui-media">
				                <a class="proinfor" href="resinforbrow.html">
				                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
				                    <div class="mui-media-body">
				                        <span class="listtit">资源名称</span>	
				                        <p class="listtit2">应用用途XXXXXXX</p>
				                    	<p class="listtit3 resbrief">
				                    		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan
				                    	</p>
				                    	
				                    </div>
				                </a>
				            </li>
				            <li class="mui-table-view-cell mui-media">
				                <a class="proinfor" href="resinforbrow.html">
				                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
				                    <div class="mui-media-body">
				                        <span class="listtit">资源名称</span>	
				                        <p class="listtit2">应用用途XXXXXXX</p>
				                    	<p class="listtit3 resbrief">
				                    		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan
				                    	</p>
				                    	
				                    </div>
				                </a>
				            </li>	
		                </ul>    
		              
			       </div>
		       </div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="maincon">

app/html/search-res.html

@@ -56,7 +56,7 @@
        <div class="mui-card-content conblock">
	        <ul class="mui-table-view protable">
	            <li class="mui-table-view-cell mui-media">
	                <a class="proinfor" href="javascript:;">
	                <a class="proinfor" href="resinforbrow.html">
	                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
	                    <div class="mui-media-body">
	                    	<span class="listtit">资源名称</span>
@@ -67,7 +67,7 @@
	                </a>
	            </li>
	            <li class="mui-table-view-cell mui-media">
	                <a class="proinfor" href="javascript:;">
	                <a class="proinfor" href="resinforbrow.html">
	                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
	                    <div class="mui-media-body">
	                    	<span class="listtit">资源名称</span>
@@ -78,7 +78,7 @@
	                </a>
	            </li>
	            <li class="mui-table-view-cell mui-media">
	                <a class="proinfor" href="javascript:;">
	                <a class="proinfor" href="resinforbrow.html">
	                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
	                    <div class="mui-media-body">
	                    	<span class="listtit">资源名称</span>
@@ -89,7 +89,7 @@
	                </a>
	            </li>
	            <li class="mui-table-view-cell mui-media">
	                <a class="proinfor" href="javascript:;">
	                <a class="proinfor" href="resinforbrow.html">
	                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
	                    <div class="mui-media-body">
	                    	<span class="listtit">资源名称</span>

app/html/security.html

@@ -29,13 +29,13 @@
		    <div class="mui-input-group marginbox">
				<ul class="mui-table-view">
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" href="">
				        <a class="mui-navigate-right" href="bindphone.html">
				        	<span class="mui-pull-left">已绑定手机</span>
				        	<span class="rightword">183******82</span>
				        </a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" href="">
				        <a class="mui-navigate-right" href="bindmail.html">
				        	<span class="mui-pull-left">已绑定邮箱</span>
				        	<span class="rightword">183******82@qq.com</span>
				        </a>
@@ -45,19 +45,19 @@
		    <div class="mui-input-group marginbox">
				<ul class="mui-table-view">
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" href="">
				        <a class="mui-navigate-right">
				        	<span class="mui-pull-left">微信号</span>
				        	<span class="rightword">183******82</span>
				        </a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" href="">
				        <a class="mui-navigate-right">
				        	<span class="mui-pull-left">微博账号</span>
				        	<span class="rightword">未绑定</span>
				        </a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" href="">
				        <a class="mui-navigate-right">
				        	<span class="mui-pull-left">QQ号</span>
				        	<span class="rightword">127*****52</span>
				        </a>
@@ -67,7 +67,7 @@
		    <div class="mui-input-group marginbox">
				<ul class="mui-table-view">
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" href="">
				        <a class="mui-navigate-right" href="changepass.html">
				        	<span class="mui-pull-left">修改密码</span>
				        	<span class="rightword"></span>
				        </a>

app/index.html

@@ -138,7 +138,7 @@
	                    <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>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
	                    </div>
	                </a>
@@ -149,7 +149,7 @@
	                    <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>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
	                    </div>
	                </a>
@@ -160,7 +160,7 @@
	                    <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>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
	                    </div>
	                </a>
@@ -171,7 +171,7 @@
	                    <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>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
	                    </div>
	                </a>
@@ -182,7 +182,7 @@
	                    <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>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
	                    </div>
	                </a>
@@ -193,7 +193,7 @@
	                    <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>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
	                    </div>
	                </a>
@@ -204,7 +204,7 @@
	                    <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>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
	                    </div>
	                </a>