Merge branch 'master' of http://121.42.53.174:3000/bulomakaka/ekexiu.app.git

app/css/app.css

.mui-input-group .mui-input-row:last-child:after{ background: none;}
.mui-popover{ border-radius:0;}
/*弹出框样式popup*/
.mui-popup-inner {border-radius: 8px 8px 0 0;}
.mui-popup-title{text-align: left;}
.mui-popup{text-align: left;}
.mui-popup-button:first-child { border-radius: 0 0 0 8px;}
.mui-popup-button:last-child { border-radius: 0 0 8px;}
.mui-popup-button{ color:#999999; font-size:14px;}
.mui-popup-button:hover{background: #FF9900;color:#FFFFFF;}
a{text-decoration:none;color:#007aff}a:active{color:#0062cc}
.mui-btn.mui-active:enabled,.mui-btn:enabled:active,button.mui-active:enabled,button:enabled:active,input[type=button].mui-active:enabled,input[type=button]:enabled:active,input[type=reset].mui-active:enabled,input[type=reset]:enabled:active,input[type=submit].mui-active:enabled,input[type=submit]:enabled:active{color:#fff;background-color:#FF9900}
.textareabox{/*border-bottom: 1px solid #F0F0F0;*/}
.borderarea{border-bottom: 1px solid #F0F0F0;}
.smallicon{ width: 16px; height:16px; margin: 0 4px;}
/*必填项样式*/
.requiredcon{ position: absolute; top:0; width: 8px; height:8px; background: url(../images/requiredicon.png) center center no-repeat; background-size: 100% 100%;}
/*功能icon样式*/
.actionicon{display: block; width: 20px; height: 20px;margin-right:6px;}
.actionicon{/*display: block; width: 20px; height: 20px;*/ font-size:20px;margin-right:6px;}
/*主题色开关样式*/
.witchbg.mui-active{border:2px solid #FF9900; background-color:#FF9900;}
.witchbg{ height: 30px;}
/*顶部标题栏*/
.toptitbox{ background:#FF9900; }
.topback{color: #FFFFFF;}
.topmore {
.topmore {position:relative;color: #FFFFFF;
	color: #FFFFFF;
	/*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	transform: rotate(90deg);*/
}
.topmore.mui-icon{ font-size:22px; line-height:24px;}
.topmore .sharebox{padding:0; margin: 0; position: absolute;display: none;}
.topmore .sharebox li{list-style: none;}
.topsave{color: #FFFFFF; line-height: 42px; cursor: pointer;}
.toptit{color: #FFFFFF; font-size: 20px;}
.personhead{color: #FFFFFF;}
.weiboicon{color:#F29600; font-size: 36px;}
.qqicon{color:#0093DD;}
/*用户协议*/
.protocolbox{overflow: hidden; font-size: 14px; color: #999999; margin: 0 0 20px 0;}
.protocolbox{overflow: hidden;color: #999999; line-height: 20px; margin: 0 0 20px 0;}
.agreeicon{width:20px; height:20px;}
.protocolbox .mui-icon{ font-size:18px;}
.protocolbox label{ font-size: 14px; }
/*.agreeicon{width:20px; height:20px;}*/
.agreecheck{font-size:30px; line-height: 30px; color: #FF9900 ;}
.protocollink{ color: #FF9900;}
/*设置密码*/
/*完善信息*/
.maincon{ padding:4% 2%; overflow: hidden;}
.maincon .headbox{ text-align: center;}
.headbox .headimg{width: 20%;}
.headbox .headimg{width: 20%;border-radius:50%;}
.maincon .pinfor{ color: #888888; font-size: 13px;}
.maincon .basicinfo {padding-left:4%; }
.maincon .basicinfo li{ list-style: none;padding-left: 2%;font-size: 14px; overflow: hidden;}
.fieldicon img{width: 100%;}
/*热门专家*/
.protable:before{ background-color:transparent;}
.mui-media-body .listtit img.authicon{ width: 12px; height:12px; border: none;}
.listtit .unauthicon{margin-left:4px;font-size: 14px; color:#C0C0C0; }
.listtit .authicon{margin-left:4px;font-size: 14px;color:#FF9900;}
.listtit0{font-size: 13px; color: #222222;}
.listtit{ font-size: 14px; color: #333333;}
.listtit2{font-size: 13px; color: #666666; position: relative;}
.peocountbox{width: 150px;}
.peocount {font-size: 13px; color:#888888 ; overflow:hidden; }
.peocount span em{font-size: 14px; padding: 0 3px; color: #FF9900; font-weight: 600;}
.peocount .dialogicon{ display: block; width: 20px; height: 20px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}
.peocount .dialogicon{ font-size: 16px;line-height:20px; color: #FF9900;}
/*.peocount .dialogicon{ display: block; width: 20px; height: 20px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}*/
.levelbox{margin: auto; overflow: hidden; }
.levelbox .mui-icon{ font-size: 14px; color: #CCCCCC;}
.levelbox .icon-favorfill{ color:#F4C600;}
.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;}
.infosubject li{ list-style: none; padding:4px 10px; padding-right:20px; margin:4px; border:1px solid #BBBBBB; 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;}
.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;  }
/*.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;  }*/
.plusbtn{ font-size:20px; line-height: 22px; color:#999999;margin-left:4px; margin-top:2px;  }
.plusbtn.icon-appreciatefill{color:#FF9900;}
.like {display: block;float: left;width: 28px;font-size:12px;background: #FF9900; color: #fff; line-height: 26px;margin-right: 5px;}
.likenum{ float:right;max-width:130px;overflow:hidden; }
.likenum .mui-icon{ font-size:24px; color:#CCCCCC;}
.likepeople{ width:26px; height:26px; float:left; overflow:hidden; margin-right:5px; }
.likepeople img{ width:100%; height:100%;}
.likemore{ display: block; width: 26px; height: 26px; border:1px solid #CCCCCC; border-radius: 50%;}
.infoapply li{ padding-left:6px;padding-right:2px; list-style: disc inside; width: 50%; float: left;}
.gotonext{ width:140px; margin: auto; font-size: 14px; color: #FF9900; overflow: hidden;}
.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% ; }
/*.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; 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 em{font-size: 20px;line-height: 24px; }
/*.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{margin: auto; overflow: hidden; width:20%;padding: 12px;text-align: center; 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% ;}
.attentbtn em{font-size: 20px;line-height: 24px;color:#F6DC00;}
/*.attentbtn em{display: block; margin: auto; width: 22px; height: 22px; background: url(../images/attenticon.png) center center no-repeat; background-size:100% 100% ;}*/
.listitembox{ position: static;width: 108%;}
.listitembox .listitem{ position: static;padding:10px; margin-right: 2%;}
.headbox2 .infobasic .listtit2{ margin: 4px 0;}
.headbox2 .updatebtn{position: absolute; top:50%; margin-top: -12px; right:10px;  }
.headbox2 .editbox{ display: block; width: 24px; height: 24px; }
.headbox2 .editbox img{ width: 100%; height: 100%;}
.headbox2 .editbox .mui-icon{font-size:24px; color:#999999;}
.headbox2 .editbox .mui-icon:hover{color:#FF9900;}
.wallteicon{background: url(../images/wallter.png) center center no-repeat;background-size:100% 100% ;}
/*.headbox2 .editbox img{ width: 100%; height: 100%;}*/
.addicon{background: url(../images/personadd.png) center center no-repeat;background-size:100% 100% ;}
.wallteicon{ color:#FAD000;/*background: url(../images/wallter.png) center center no-repeat;background-size:100% 100% ;*/}
.seticon{background: url(../images/set.png) center center no-repeat;background-size:100% 100% ;}
.addicon{ color:#00AAEF;/*background: url(../images/personadd.png) center center no-repeat;background-size:100% 100% ;*/}
.attenticon{background: url(../images/attenticon.png) center center no-repeat;background-size:100% 100% ;}
.seticon{color:#ACACB4;/*background: url(../images/set.png) center center no-repeat;background-size:100% 100% ;*/}
.attenticon{ color:#FF9900;/*background: url(../images/attenticon.png) center center no-repeat;background-size:100% 100% ;*/}
.rightword{ position: absolute; right:40px; font-size:13px;}
/*已认证*/
.verified{ color: #FF9900;}
.popoverbox2 .mui-table-view .mui-table-view-cell>a:not(.mui-btn).mui-active{background:#FF9900; color: #FFFFFF;}
/*城市选择级联*/
.menublock{ position: relative; }
.menuposition.mui-popover .mui-scroll-wrapper{ margin: 0;}
.menuposition{border-radius:4px; position: absolute; height:300px;width:100%; font-size: 14px;}
.menuposition .mui-popover-arrow{left:50%; margin-left:-12px;}
.menuposition.mui-table-view{border-radius: 0; overflow: auto;}
.menuposition .mui-row.mui-fullscreen>[class*="mui-col-"] {height:100%;}
.menuposition .mui-col-xs-4,.menuposition .mui-control-content {border-radius: 6px;overflow-y: auto;height: 100%;}
.menuposition .mui-col-xs-12,.menuposition .mui-control-content {border-radius: 6px;overflow-y: auto;height: 100%;}
.menuposition .mui-segmented-control .mui-control-item {line-height: 44px;width: 100%;}
.menuposition .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {border-bottom: 1px solid #e8e8e8;}.menuposition .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {background-color: #FFFFFF;color:#FF9900;}
	
/*********************** 咨询*******************/
/*********************** 资源信息浏览*******************/
.resoubox{ overflow: hidden;}
.restopblock{ overflow: hidden; padding:14px 10px; background: #FFFFFF;}
.resoubox table{ width:100%;}
.resouimgbox{width: 56%; margin-right:10px;}
.resouimgbox{ width: 160px; float:right; margin:10px 2px 4px 16px;}
.resouimgbox img{ width: 100%;margin: auto;}
.resouimgbox img{ width: 100%;}
.personblock{ padding:8px 2px; text-align: center; width:40%;}
.resouinfoword{ clear:left; margin-top:10px}
.personblock p{ margin-bottom: 4px;}
.personblock .headimg{ width:40%; border-radius: 50%;overflow: hidden;}
.resomenubox{background: #FFFFFF; padding:8px 10px;}
.resomenubox ul.resomenu{padding: 0;margin: 0;overflow: hidden;}
.resomenubox ul.resomenu li{ list-style: none; font-size:16px; float: left;}
.resouinfoword{ padding:6px 0; background: #FFFFFF;}
.resouinfobox{ padding:0;margin: 0;}
.resouinfobox li{ list-style: none; margin: 6px 4px; font-size: 14px; line-height: 20px; word-break: break-all;}
.resouinfobox>li{ list-style: none; margin:10px 4px; padding-left: 10px; font-size: 14px; line-height: 20px; word-break: break-all;}
.resouinfobox li label{ font-size: 14px; color: #333333;}
/*.resouinfobox li div{ padding-left:4px;}*/
.remarkbox li{padding-left:6px;}
/*********************** 资源信息浏览*******************/

app/html/attentions.html

    <title></title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link href="../css/iconfont.css" rel="stylesheet" />
    <link href="../css/app.css" rel="stylesheet"/>
</head>
<body>
		                <a class="proinfor" href="../html/proinforbrow.html">
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
		                    <div class="mui-media-body">
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></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>、<span>设备资源名称B</span></p>
		                </a>
		            </li>
		            <li class="mui-table-view-cell mui-media">
		                <a href="javascript:;">
		                <a class="proinfor" href="../html/proinforbrow.html">
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
		                    <div class="mui-media-body">
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip unauthicon"></em></span>	
		                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
		                        <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>、<span>设备资源名称B</span></p>
		                    </div>
		                </a>
		            </li>
		            <li class="mui-table-view-cell mui-media">
		                <a href="javascript:;">
		                <a class="proinfor" href="../html/proinforbrow.html">
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
		                    <div class="mui-media-body">
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
		                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
		                        <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>、<span>设备资源名称B</span></p>
		                    </div>
		                </a>
		            </li>
		            <li class="mui-table-view-cell mui-media">
		                <a href="javascript:;">
		                <a class="proinfor" href="../html/proinforbrow.html">
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
		                    <div class="mui-media-body">
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
		                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
		                        <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>、<span>设备资源名称B</span></p>
		                    </div>
		                </a>
		            </li>
		            <li class="mui-table-view-cell mui-media">
		           <li class="mui-table-view-cell mui-media">
		                <a href="javascript:;">
		                <a class="proinfor" href="../html/proinforbrow.html">
		                    <img class="mui-media-object mui-pull-left headimg" 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>
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
		                    </div>
		                </a>
		            </li>
		            <li class="mui-table-view-cell mui-media">
		                <a href="javascript:;">
		                    <img class="mui-media-object mui-pull-left headimg" 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>
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
		                    </div>
		                </a>
		            </li>
		            <li class="mui-table-view-cell mui-media">
		                <a href="javascript:;">
		                    <img class="mui-media-object mui-pull-left headimg" 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>
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
		                    </div>
		                </a>
		            </li>
		            <li class="mui-table-view-cell mui-media">
		                <a href="javascript:;">
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
		                    <div class="mui-media-body">
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
		                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
		                        <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>、<span>设备资源名称B</span></p>
		                    </div>
		                    <div class="mui-media-body">
		                    	<span class="listtit">资源名称</span>
		                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
		                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
		                    </div>
		                </a>
		                    <div class="mui-media-body">
		                    	<span class="listtit">资源名称</span>
		                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
		                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
		                    </div>
		                </a>
		                    <div class="mui-media-body">
		                    	<span class="listtit">资源名称</span>
		                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
		                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
		                    </div>
		                </a>
		                    <div class="mui-media-body">
		                    	<span class="listtit">资源名称</span>
		                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
		                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
		                    </div>
		                </a>

app/html/chat_assess.html

		<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/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link href="../css/mui.imageviewer.css" rel="stylesheet" />
		<style>
 		<script src="../js/public/arttmpl.js"></script>
 		<script type="text/javascript" charset="utf-8">
 		//mui初始化
//			mui.init({
			mui.init({
//				swipeBack: true //启用右滑关闭功能
				swipeBack: true //启用右滑关闭功能
//			});
			});
//			var info = document.getElementById("info");
				var info = document.getElementById("info");
//			document.getElementById("promptBtn").addEventListener('tap', function(e) {
				document.getElementById("promptBtn").addEventListener('tap', function(e) {
//				e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
					e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
//				var btnArray = ['暂不评价', '发送'];
					var btnArray = ['暂不评价', '发送'];
//				mui.prompt('请您对此次咨询进行评价：', '性能好', 'Hello MUI', btnArray, function(e) {
					var str = '';
//					if (e.index == 1) {
					str += '<div style="overflow:hidden;">';
//						info.innerText = '谢谢你的评语：' + e.value;
	//				str += '<span class="mui-pull-left">整体评价</span>';
//					} else {
					str += '<div class="levelbox mui-pull-left">';
//						info.innerText = '你点了取消按钮';
					str += '<span class="mui-icon iconfont icon-favorfill"></span>';
//					}
				    str += '<span class="mui-icon iconfont icon-favorfill"></span>';
//				})
				    str += '<span class="mui-icon iconfont icon-favorfill"></span>';
//			});
				    str += '<span class="mui-icon iconfont icon-favor"></span>';
//			document.getElementById("toastBtn").addEventListener('tap', function() {
				    str += '<span class="mui-icon iconfont icon-favor"></span>';
//				mui.toast('欢迎体验Hello MUI');
				    str += '</div></div>';
//			});	
				    console.log(str);
					mui.prompt(str, '性能好', '请您对此次咨询进行评价', btnArray, function(e) {
						if (e.index == 1) {
							mui.toast('谢谢你的评语：' + e.value);
						} else {
							mui.toast('欢迎再次进行评价');
						}
					})
				});
		</script>
	</body>
</html>

app/html/consultapply.html

					    <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">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
		                        <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>
		        <div class="mui-clearfix peolevelbox">
		        	<div class="mui-pull-left peocountbox">
		        		<div class="peocount mui-clearfix">
		        			<em class="actionicon dialogicon mui-pull-left "></em>
		        			<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
		        			<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
		        		</div>
		        	</div>

app/html/myaccount.html

		<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>
	
					    <a class="mui-pull-left proinfor">
		                    <img class="mui-pull-left headimg2" src="../images/default-photo.jpg" id="userImg">
		                    <div class="mui-pull-left infobasic" style="display:none;" id="loginYes">
		                        <span class="listtit"><span id="userName"></span><img class="smallicon authicon" id="rzImg" style="display:none;" src="../images/authicon.png"/></span>	
		                        <span class="listtit"><span id="userName"></span><em class="mui-icon iconfont icon-vip authicon" id="rzImg" style="display:none;"></em></span>	
		                        <p class="listtit2"><span id="userTitle"></span>，<span id="userPosition"></span></p>
		                    	<p class="listtit3"><span id="userDepartment"></span>，<span id="userMechanism"></span> | <span id="userCity"></span></p>
		                    </div>
		                </a>
		                <div class="mui-pull-right updatebtn">
			        		<a class="editbox" id="editbox">
			        			<img src="../images/edit.png" />
			        			<!--<img src="../images/edit.png" />-->
			        			<span class="mui-icon iconfont icon-edit"></span>
			        		</a>
			        	</div>
			        </div>
		        <a class="mui-clearfix peolevelbox"  id="goZixun">
		        	<div class="mui-pull-left peocountbox">
		        		<div class="peocount mui-clearfix">
		        			<em class="actionicon dialogicon mui-pull-left "></em>
		        			<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="star"></span>
		        		<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
		        		<span class="star"></span>
		        		<span class="mui-icon iconfont icon-favorfill"></span>
		        		<span class="star"></span>
		        		<span class="mui-icon iconfont icon-favorfill"></span>
		        		<span class="star"></span>
		        		<span class="mui-icon iconfont icon-favor"></span>
		        		<span class="star"></span>
		        		<span class="mui-icon iconfont icon-favor"></span>
		        	</div>
		        </a>
		    </div>
		    
	        <div class="mui-input-group  marginbox">
				<ul class="mui-table-view">
				    <!--<li class="mui-table-view-cell">
				        <a class="mui-navigate-right walltebox">
				        	<em class="actionicon wallteicon mui-pull-left"></em>
				        	<em class="mui-icon iconfont icon-recharge actionicon wallteicon mui-pull-left"></em>
				        	<span class="mui-pull-left">我的钱包</span>
				        	<span class="rightword">￥0.00</span>
				        </a>
				    </li>-->
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" href="attentions.html" id="goFollow">
				        	<em class="actionicon attenticon mui-pull-left"></em>
				        	<em class="mui-icon iconfont icon-favor actionicon attenticon mui-pull-left"></em>
				        	<span class="mui-pull-left">我的关注</span>
				        </a>
				    </li>
				    <li class="mui-table-view-cell" id="goNewuser">
				        <a class="mui-navigate-right">
				        	<em class="actionicon addicon mui-pull-left"></em>
				        	<em class="mui-icon iconfont icon-friendfavor actionicon addicon mui-pull-left"></em>
				        	<span class="mui-pull-left">邀请新用户</span>
				        </a>
				    </li>
				<ul class="mui-table-view">
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" id="goSetup">
				        	<em class="actionicon seticon mui-pull-left"></em>
				        	<em class="mui-icon iconfont icon-settings actionicon seticon mui-pull-left"></em>
				        	<span class="mui-pull-left">设置</span>
				        </a>
				    </li>

app/html/proinforbrow-more.html

		<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>
		<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>
		    <a class="mui-icon iconfont icon-moreandroid 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>
			    	<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
					<span class="mui-pull-left">咨询</span>
				</div>
			</div>
			<div class="attentbtn mui-pull-left">
				<em></em>
				<em class="mui-iocn iconfont icon-favor"></em><!--已经关注icon-favorfill-->
			</div>
		</nav>
		<!-- 主页面内容容器 -->

app/html/proinforbrow.html

		<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>
		    <a class="mui-icon iconfont icon-moreandroid 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>
			    	<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
					<span class="mui-pull-left">咨询</span>
				</div>
			</div>
			<div class="attentbtn mui-pull-left">
				<em></em>
				<em class="mui-iocn iconfont icon-favor"></em><!--已经关注icon-favorfill-->
			</div>
		</nav>
		<!-- 主页面内容容器 -->
					<div class="headbox">
				        <a href="javascript:;">
				        	<img class="headimg" src="../images/default-photo.jpg" />
				        	<div class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></div>	
				        	<div class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon" style="font-size:16px;"></em></div>	
		                    <p class="listtit3"><span>职称</span>，<span>职务</span></p>
		                    <p class="listtit3"><span>所在部门</span>，<span>所属机构</span> | <span>所在地</span></p>
				        </a>
		        <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>
		        			<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="listbrowse mui-ellipsis">
				        		<span class="like">0</span>方向一方向一方向一方向一方向一方向一
				        	</div>
				        	<span class="plusbtn" data-isagree="-1"></span>
				        	<!--点赞icon-appreciatefill 未点赞icon-appreciate-->
				        	<span class="mui-icon iconfont plusbtn icon-appreciate" data-isagree="-1"></span>
				        	<div class="likenum">
				        		<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
				        		<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
				        		<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
				        		<span class="mui-icon mui-icon-more likepeople likemore"></span>
				        		<span class="mui-icon iconfont icon-more likepeople likemore"></span>
				        	</div>
				        </div>
				        <div class="listbox">
				        	<div class="listbrowse mui-ellipsis">
				        		<span class="like">68</span>方向二
				        	</div>
				        	<span class="plusbtn" data-isagree="-1"></span>
				        	<span class="mui-icon iconfont plusbtn icon-appreciatefill" data-isagree="-1"></span>
				        	<div class="likenum">
				        		<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
				        		<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
					<a href="proinforbrow-more.html">
						<div class="gotonext">
							<span class="mui-pull-left">查看专家详细信息</span>
				       		<em class="mui-pull-left"></em>
				       		<em class="mui-iocn iconfont icon-pullright mui-pull-left"></em>
						</div>
					</a>
		       </div>

app/html/reg.html

		<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>
		    <div class="mui-content-padded frmbox">
		    	<div class="protocolbox">
			    	<label checked="true"> 
			    		<span class="mui-icon mui-icon-checkmarkempty agreecheck"></span>	
			    		<span class="mui-icon iconfont icon-squarecheck iconagreecheck"></span>	
			    		
	                     <!--<em><img class="agreeicon" src="../images/agreenicon.png"/></em> -->
	                     <input type="checkbox" name="checkbox" checked="true" style="display:none;">已同意<a href="" class="protocollink" target="_blank">科袖网用户协议</a>

app/html/resinforbrow.html

<!doctype html>
<html>
	<head>
<head>
		<meta charset="UTF-8">
	<meta charset="UTF-8">
		<title></title>
	<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<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/mui.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
	<link href="../css/iconfont.css" rel="stylesheet" />
		<style>
	<link href="../css/app.css" rel="stylesheet" />
			body{background: #FFFFFF;}
</head>
			.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>
		    <a class="mui-icon iconfont icon-share mui-pull-right topmore" id="shareBtn">
		    	<ul class="sharebox" style="display: block; color: #000000;">
		    		<li>
		    			<span class="mui-icon mui-icon-weixin"></span>
		    		</li>
		    		<li>
		    			<span class="mui-icon mui-icon-weibo"></span>
		    		</li>
		    		<li>
		    			<span class="mui-icon mui-icon-qq"></span>
		    		</li>
		    		
		    	</ul>
		    </a>
		</header>
		
		<!--主页面底部菜单-->
	    <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
	     <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
		    <div class="dialogbtn mui-pull-left btnactive">
		    	<div>
			    	<em class="mui-pull-left"></em>
			    	<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
					<span class="mui-pull-left">咨询</span>
				</div>
			</div>
			<div class="attentbtn mui-pull-left">
				<em></em>
				<em class="mui-iocn iconfont icon-favor"></em><!--已经关注icon-favorfill-->
			</div>
		</nav>
		<!-- 主页面内容容器 -->
    	<div class="mui-content">
    		<!-- 主界面具体展示内容 -->
    		<div class="mui-input-group marginbox resoubox">
    		<div class="mui-input-group mainbox restopblock">
    			<table>
    			<div class="resouimgbox mui-pull-left">
	            	<tr>
					<img src="../images/default-resource.jpg"/>
	                	<td>
				</div>
	                		<div class="resouimgbox">
				<div class="personblock mui-pull-left">
								<img src="../images/default-resource.jpg"/>
                    <img class="headimg" src="../images/default-photo.jpg">
							</div>
                    <p class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon" style="font-size:16px;"></em></p>	
	                        <div class="resouinfoword">
                    <p class="listtit2"><span>职称</span>，<span>职务</span></p>
	                        	<ul class="resouinfobox">
                    <p class="listtit3"><span>所属机构</span></p>
									<li>
                    <p class="listtit3"><span>所在地</span></p>
										<label>资源名称</label>
                </div>
										<div class="listtit2">XXXXX资源名称XX</div>
    		</div>
									</li>
    		<!--<div class="resomenubox">
									<li>
    			<ul class="resomenu">
										<label>应用用途</label>
    				<li>基本信息</li>
										<div class="listtit2">应用用途XXXXXXXXX</div>
    			</ul>
									</li>
    		</div>-->
									<li>
    		<div class="mui-input-group mainbox resouinfoword marginbox">
										<label>学术领域</label>
            	<ul class="resouinfobox">
										<div class="listtit2">学术领域XXXXXXXXXXXXXXXX</div>
            		<li>
									</li>
            			<div class="infocontit">基本信息</div>
									<li>
            		</li>
										<label>应用行业</label>
					<li>
										<div class="listtit2">应用行业XXXXXXXXXXXXXXXXXXXXXXXXX</div>
						<div class="infocon">
									</li>
							<p style="color:#666666;">
								</ul>
								<span>资源名称：</span>
	                         </div>
								<span class="listtit2">XXXXX资源名称XXXXX资源名称XX</span>
	                     </td>
							</p>
	                 </tr>
							<p style="color:#666666;">
	           </table>
								<span>应用用途：</span>
		    </div>
								<span class="listtit2">应用用途应用用途应用用途应用用途应用用</span>
			<ul class="mui-table-view protable" style="background-color: #F0F0F0;">
							</p>
	            <li class="mui-table-view-cell mui-media">
						</div>
	                <a class="proinfor" href="proinforbrow.html">
					</li>
	                    <img class="mui-media-object mui-pull-left headimg" style="width: 40px; height: 40px;" src="../images/default-photo.jpg">
				</ul>
	                    <div class="mui-media-body">
			</div>
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
			<div class="mui-input-group mainbox resouinfoword marginbox">
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
            	<ul class="resouinfobox">
	                    </div>
					<li>
	                </a>
						<div class="infocontit">学术领域</div>
	            </li>
						<div class="infocon">
	        </ul>
					       	<ul class="infosubject">
			<ul class="mui-input-group marginbox remarkbox">
					       		<li>领域1</li>
				<li>
					       		<li>领域领域领域2</li>
			       <div class="infocontit">详细描述</div> 
					       		<li>领域领域领域领域3</li>
			       <div class="infocon">
					       		<li>领域4</li>
			       		<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>
					       		<li>领域领1</li>
			       </div>
					       		<li>领域1</li>
				</li>
					       		<li>领域1</li>
				<li>
					       	</ul>
			       <div class="infocontit">合作备注</div> 
				       </div>
			       <div class="infocon">
					</li>
			       		<p class="listtit3 mutlinebox"> Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
				</ul>
			       </div>
			</div>
			    </li>
			<div class="mui-input-group mainbox resouinfoword marginbox">
			</ul>
            	<ul class="resouinfobox">
					<li>
						<div class="infocontit">应用行业</div> 
				        <div class="infocon">
					       	<ul class="infoapply">
					       		<li class="mui-ellipsis">应用行业1</li>
					       		<li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
					       		<li class="mui-ellipsis">领域领域3</li>
					       		<li class="mui-ellipsis">领域4</li>
					       		<li class="mui-ellipsis">领域领1</li>
					       		<li class="mui-ellipsis">领域1</li>
					       		<li class="mui-ellipsis">领域1</li>
					       	</ul>
				        </div>
					</li>
				</ul>
			</div>
			<div class="mui-input-group mainbox resouinfoword marginbox">
            	<ul class="resouinfobox">
					<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>
				</ul>
			</div>
			<div class="mui-input-group mainbox resouinfoword marginbox">
            	<ul class="resouinfobox">
		            <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>
        </div>
		
		
		<script src=" ../js/public/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			mui.init();
		</script>
	</body>

app/html/resinforupdate.html

<!doctype html>
<html>
	<head>
<head>
		<meta charset="UTF-8">
	<meta charset="UTF-8">
		<title></title>
	<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<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/mui.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
	<link href="../css/iconfont.css" rel="stylesheet" />
		<style>
	<link href="../css/app.css" rel="stylesheet" />
			body{background: #FFFFFF;}
</head>
			.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>
		    <h1 class="mui-title toptit">资源名称</h1>
		    <span class="mui-pull-right topsave">保存</span>
		    <a class="mui-icon iconfont icon-share mui-pull-right topmore" id="shareBtn">
		    	<ul class="sharebox" style="display: block; color: #000000;">
		    		<li>
		    			<span class="mui-icon mui-icon-weixin"></span>
		    		</li>
		    		<li>
		    			<span class="mui-icon mui-icon-weibo"></span>
		    		</li>
		    		<li>
		    			<span class="mui-icon mui-icon-qq"></span>
		    		</li>
		    		
		    	</ul>
		    </a>
		</header>
		
		<!--主页面底部菜单-->
	     <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
		    <div class="dialogbtn mui-pull-left btnactive">
		    	<div>
			    	<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
					<span class="mui-pull-left">咨询</span>
				</div>
			</div>
			<div class="attentbtn mui-pull-left">
				<em class="mui-iocn iconfont icon-favor"></em><!--已经关注icon-favorfill-->
			</div>
		</nav>
		<!-- 主页面内容容器 -->
    	<div class="mui-content">
    		<!-- 主界面具体展示内容 -->
    		<div class="mui-input-group marginbox resoubox">
    		<div class="mui-input-group mainbox restopblock">
    			<table>
    			<div class="resouimgbox" style="margin: auto;text-align: center;">
	            	<tr>
					<img src="../images/default-resource.jpg"/>
	                	<td>
					<span style="font-size:13px; color:#999999;">点击上传资源图片</span>
	                		<div class="resouimgbox">
				</div>
								<img src="../images/default-resource.jpg"/>
    		</div>
							</div>
    		<!--<div class="resomenubox">
	                        <div class="resouinfoword">
    			<ul class="resomenu">
	                        	<div class="resouinfobox">
    				<li>基本信息</li>
									<div class="maincon" style="margin: 0;padding:0;">
    			</ul>
										<ul class="basicinfo" style="margin: 0;padding:0;">
    		</div>-->
											<li><label>资源名称</label></li>
    		<div class="mui-input-group mainbox resouinfoword marginbox">
											<li class="basicfrm"><input type="text" name="comname" class="mui-input-clear frmtype"></li>
            	<ul class="resouinfobox">
											<li><label>应用用途</label></li>
            		<li>
											<li class="basicfrm">
            			<div class="infocontit">基本信息<a class="updatebox mui-clearfix" href="updateinfo-res01.html"><em class="updatebtn mui-pull-left"></em><span class="mui-pull-left">点击修改</span></a></div>
												<div class="textareabox" contenteditable="true"></div> 
            		</li>
											</li>
					<li>
											<li><label>学术领域</label></li>
						<div class="infocon">
											<li class="basicfrm">
							<p style="color:#666666; font-size:14px;">
												<div class="textareabox" contenteditable="true"></div> 
								<span>资源名称：</span>
											</li>
								<span class="listtit2">XXXXX资源名称XXXXX资源名称XX</span>
											<li><label>应用行业</label></li>
							</p>
											<li class="basicfrm">
							<p style="color:#666666; font-size:14px;">
												<div class="textareabox" contenteditable="true"></div> 
								<span>应用用途：</span>
											</li>
								<span class="listtit2">应用用途应用用途应用用途应用用途应用用</span>
											<li><label>详细描述</label></li>
							</p>
											<li class="basicfrm">
						</div>
												<div class="textareabox" contenteditable="true"></div> 
					</li>
											</li>
				</ul>
											<li><label>合作备注</label></li>
			</div>
											<li class="basicfrm">
			<div class="mui-input-group mainbox resouinfoword marginbox">
												<div class="textareabox" contenteditable="true"></div> 
            	<ul class="resouinfobox">
											</li>
					<li>
										</ul>
						<div class="infocontit">学术领域<a class="updatebox mui-clearfix" href="updateinfo-res02.html"><em class="updatebtn mui-pull-left"></em><span class="mui-pull-left">点击修改</span></a></div>
								        <div class="mui-input-group">
						<div class="infocon">
											<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此合作资源</button>
					       	<ul class="infosubject">
									    </div>
					       		<li>领域1</li>
							        </div>
					       		<li>领域领域领域2</li>
								</div>
					       		<li>领域领域领域领域3</li>
	                         </div>
					       		<li>领域4</li>
	                     </td>
					       		<li>领域领1</li>
	                 </tr>
					       		<li>领域1</li>
	           </table>
					       		<li>领域1</li>
		    </div>
					       	</ul>
			
				       </div>
					</li>
				</ul>
			</div>
			<div class="mui-input-group mainbox resouinfoword marginbox">
            	<ul class="resouinfobox">
					<li>
						<div class="infocontit">应用行业<a class="updatebox mui-clearfix" href="updateinfo-res03.html"><em class="updatebtn mui-pull-left"></em><span class="mui-pull-left">点击修改</span></a></div> 
				        <div class="infocon">
					       	<ul class="infoapply">
					       		<li class="mui-ellipsis">应用行业1</li>
					       		<li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
					       		<li class="mui-ellipsis">领域领域3</li>
					       		<li class="mui-ellipsis">领域4</li>
					       		<li class="mui-ellipsis">领域领1</li>
					       		<li class="mui-ellipsis">领域1</li>
					       		<li class="mui-ellipsis">领域1</li>
					       	</ul>
				        </div>
					</li>
				</ul>
			</div>
			<div class="mui-input-group mainbox resouinfoword marginbox">
            	<ul class="resouinfobox">
					<li>
				       <div class="infocontit">详细描述<a class="updatebox mui-clearfix" href="updateinfo-res04.html"><em class="updatebtn mui-pull-left"></em><span class="mui-pull-left">点击修改</span></a></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>
				</ul>
			</div>
			<div class="mui-input-group mainbox resouinfoword marginbox">
            	<ul class="resouinfobox">
		            <li>
				       <div class="infocontit">合作备注<a class="updatebox mui-clearfix" href="updateinfo-res05.html"><em class="updatebtn mui-pull-left"></em><span class="mui-pull-left">点击修改</span></a></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>
             <div class="mui-input-group mainbox">
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此资源</button>
             </div>
        </div>
		
		
		<script src=" ../js/public/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			mui.init();
		</script>
	</body>

app/html/search-pro.html

    <title></title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link href="../css/iconfont.css" rel="stylesheet" />
    <link href="../css/app.css" rel="stylesheet"/>
	<link href="../css/mui.picker.min.css" rel="stylesheet" />
</head>
	                <a class="proinfor" href="../html/proinforbrow.html">
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
	                    <div class="mui-media-body">
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
	                    	<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>
	                <a href="javascript:;">
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
	                    <div class="mui-media-body">
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
	                    	<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>
	                <a href="javascript:;">
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
	                    <div class="mui-media-body">
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
	                    	<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>
	                <a href="javascript:;">
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
	                    <div class="mui-media-body">
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
	                    	<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>
	                <a href="javascript:;">
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
	                    <div class="mui-media-body">
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
	                    	<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>
	                <a href="javascript:;">
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
	                    <div class="mui-media-body">
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
	                    	<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>
	                <a href="javascript:;">
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
	                    <div class="mui-media-body">
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
	                    	<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>
	                <a href="javascript:;">
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
	                    <div class="mui-media-body">
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
	                    	<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>
	            </li>
	        </ul>
		</div>
		<div class=" mui-row mui-popover mui-fullscreen menuposition" id="middlePopovercity">
		<div class="mui-popover mui-fullscreen menuposition" id="middlePopovercity">
			<div class="mui-col-xs-4">
			<div class="mui-scroll-wrapper" style="width:40%;left:0;">
				<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
				<div class="mui-scroll">
					<div class="mui-col-xs-12">
						<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
						</div>
					</div>
				</div>
			</div>
			<div id="segmentedControlContents" class="mui-col-xs-8" style="border-left: 1px solid #d6d6d6; background-color: #FFFFFF;">
			<div class="mui-scroll-wrapper" style="width: 60%;left:40%;">
				<div id="item1" class="mui-control-content mui-active">
				<div class="mui-scroll">
				</div>
					<div id="segmentedControlContents" class="mui-col-xs-12" style="border-left: 1px solid #d6d6d6; background-color: #FFFFFF;">
				<div id="item2" class="mui-control-content">
						<div id="item1" class="mui-control-content mui-active">
				</div>
						</div>
				<div id="item3" class="mui-control-content">
						<div id="item2" class="mui-control-content">
						</div>
						<div id="item3" class="mui-control-content">
						</div>
					</div>
				</div>
			</div>
		</div>
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			//-------------------------------
//			mui.plusReady(function(){
			//筛选添加弹出菜单
				//-------------------------------
			mui('.mui-scroll-wrapper').scroll();
				//筛选添加弹出菜单
			mui('body').on('shown', '.mui-popover', function(e) {
				mui('.mui-scroll-wrapper').scroll();
				//console.log('shown', e.detail.id);//detail为当前popover元素
				mui('body').on('shown', '.mui-popover', function(e) {
			});
					//console.log('shown', e.detail.id);//detail为当前popover元素
			mui('body').on('hidden', '.mui-popover', function(e) {
				});
				//console.log('hidden', e.detail.id);//detail为当前popover元素
				mui('body').on('hidden', '.mui-popover', function(e) {
			});
					//console.log('hidden', e.detail.id);//detail为当前popover元素
			
				});
			//搜专家搜资源的下拉选择框
			var showblock = document.getElementById("li_show"); 
			var selectblock = document.getElementById("div_select");
			selectblock.addEventListener('tap',function(){
				showmenu();
			});
			
			mui("#li_show").on('tap','li',function(){
				//liindex = this.getAttribute("index");
				selectThis(this.innerHTML);
			});
			
			function selectThis(value){
				selectblock.innerHTML=value; 
				showblock.style.display = 'none'; 
				} 
				
			function showmenu(){ 
				//搜专家搜资源的下拉选择框
			   showblock.style.display = 'block'; 
				var showblock = document.getElementById("li_show"); 
			} 
				var selectblock = document.getElementById("div_select");
				selectblock.addEventListener('tap',function(){
        	//-----city--------------------------
					showmenu();
			var controls = document.getElementById("segmentedControls");
				});
			var contents = document.getElementById("segmentedControlContents");
				mui("#li_show").on('tap','li',function(){
			var html = [];
					//liindex = this.getAttribute("index");
			var i = 1,
					selectThis(this.innerHTML);
				j = 1,
				});
				m = 16, //左侧选项卡数量+1
				function selectThis(value){
				n = 21; //每个选项卡列表数量+1
					selectblock.innerHTML=value; 
			for (; i < m; i++) {
					showblock.style.display = 'none'; 
				html.push('<a class="mui-control-item" href="#content' + i + '">选项' + i + '</a>');
					} 
			}
				function showmenu(){ 
			controls.innerHTML = html.join('');
				   showblock.style.display = 'block'; 
			html = [];
				} 
			for (i = 1; i < m; i++) {
	        	//-----city--------------------------
				html.push('<div id="content' + i + '" class="mui-control-content"><ul class="mui-table-view">');
				var controls = document.getElementById("segmentedControls");
				for (j = 1; j < n; j++) {
				var contents = document.getElementById("segmentedControlContents");
					html.push('<li class="mui-table-view-cell">第' + i + '个选项卡子项-' + j + '</li>');
				var html = [];
				var i = 1,
					j = 1,
					m = 16, //左侧选项卡数量+1
					n = 21; //每个选项卡列表数量+1
				for (; i < m; i++) {
					html.push('<a class="mui-control-item" href="#content' + i + '">选项' + i + '</a>');
				}
				html.push('</ul></div>');
				controls.innerHTML = html.join('');
			}
				html = [];
			contents.innerHTML = html.join('');
				for (i = 1; i < m; i++) {
			 //默认选中第一个
					html.push('<div id="content' + i + '" class="mui-control-content"><ul class="mui-table-view">');
			controls.querySelector('.mui-control-item').classList.add('mui-active');
					for (j = 1; j < n; j++) {
			contents.querySelector('.mui-control-content').classList.add('mui-active');
						html.push('<li class="mui-table-view-cell">第' + i + '个选项卡子项-' + j + '</li>');
					}
					html.push('</ul></div>');
				}
				contents.innerHTML = html.join('');
				 //默认选中第一个
				controls.querySelector('.mui-control-item').classList.add('mui-active');
				contents.querySelector('.mui-control-content').classList.add('mui-active');
//			});
    </script>	
	</script>      	 
</body>

app/html/search-res.html

    <title></title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link href="../css/iconfont.css" rel="stylesheet" />
    <link href="../css/app.css" rel="stylesheet"/>
	<link href="../css/mui.picker.min.css" rel="stylesheet" />
    
	                    <div class="mui-media-body">
	                    	<span class="listtit">资源名称</span>
	                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
	                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
	                    </div>
	                </a>
	                    <div class="mui-media-body">
	                    	<span class="listtit">资源名称</span>
	                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
	                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
	                    </div>
	                </a>
	                    <div class="mui-media-body">
	                    	<span class="listtit">资源名称</span>
	                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
	                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
	                    </div>
	                </a>
	                    <div class="mui-media-body">
	                    	<span class="listtit">资源名称</span>
	                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
	                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
	                    </div>
	                </a>

app/html/updateinfo-res01.html

<!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" />
	</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>
		    <span class="mui-pull-right topsave">保存</span>
		</header>
		<div class="mui-content">	
		    <div class="mui-input-group marginbox">
				<div class="maincon">
					<ul class="basicinfo">
						<li><label>资源名称<em class="requiredcon"></em></label></li>
						<li class="basicfrm"><input type="text" name="comname" class="mui-input-clear frmtype"></li>
						<li><label>应用用途</label></li>
						<li class="basicfrm">
							<div class="textareabox" contenteditable="true"></div> 
						</li>
					</ul>
		        </div>
		    </div>
		    
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>
</html>

app/html/updateinfo-res02.html

<!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" />
	</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>
		    <span class="mui-pull-right topsave">保存</span>
		</header>
		<div class="mui-content">
			
		    <div class="mui-input-group marginbox">
				<div class="maincon">
					<div class="labelbox">
						<div class="addlabel mui-clearfix">
							<input type="text" class="mui-pull-left frmtype"/>
							<button class="mui-btn mui-pull-left addlabelbtn">添加</button>
						</div>
                        <div class="labelarea">
                        	<ul class="labelshow">
					       		<li>领域1<em class="mui-icon mui-icon-closeempty"></em></li>
					       		<li>领域领域领域2<em class="mui-icon mui-icon-closeempty"></em></li>
					       		<li>领域领域领域领域3<em class="mui-icon mui-icon-closeempty"></em></li>
					       		<li>领域4<em class="mui-icon mui-icon-closeempty"></em></li>
					       		<li>领域领1<em class="mui-icon mui-icon-closeempty"></em></li>
					       		<li>领域1<em class="mui-icon mui-icon-closeempty"></em></li>
					       		<li>领域1<em class="mui-icon mui-icon-closeempty"></em></li>
					       	</ul>
                        </div>
						
				    </div>
			        
		        </div>
		    </div>
		    
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>
</html>

app/html/updateinfo-res03.html

<!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" />
	</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>
		    <span class="mui-pull-right topsave">保存</span>
		</header>
		<div class="mui-content">
			
		    <div class="mui-input-group marginbox">
				<div class="maincon">
					<div class="labelbox">
						<div class="addlabel mui-clearfix">
							<input type="text" class="mui-pull-left frmtype"/>
							<button class="mui-btn mui-pull-left addlabelbtn">添加</button>
						</div>
                        <div class="labelarea">
                        	<ul class="labelshow">
					       		<li>领域1<em class="mui-icon mui-icon-closeempty"></em></li>
					       		<li>领域领域领域2<em class="mui-icon mui-icon-closeempty"></em></li>
					       		<li>领域领域领域领域3<em class="mui-icon mui-icon-closeempty"></em></li>
					       		<li>领域4<em class="mui-icon mui-icon-closeempty"></em></li>
					       		<li>领域领1<em class="mui-icon mui-icon-closeempty"></em></li>
					       		<li>领域1<em class="mui-icon mui-icon-closeempty"></em></li>
					       		<li>领域1<em class="mui-icon mui-icon-closeempty"></em></li>
					       	</ul>
                        </div>
						
				    </div>
			        
		        </div>
		    </div>
		    
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>
</html>

app/html/updateinfo-res04.html

<!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" />
	</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>
		    <span class="mui-pull-right topsave">保存</span>
		</header>
		<div class="mui-content">
			
		    <div class="mui-input-group marginbox">
				<div class="maincon">
					<div class="textareabox borderarea" contenteditable="true"></div> 
		        </div>
		    </div>
		    
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>
</html>

app/html/updateinfo-res05.html

<!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" />
	</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>
		    <span class="mui-pull-right topsave">保存</span>
		</header>
		<div class="mui-content">
			
		    <div class="mui-input-group marginbox">
				<div class="maincon">
					<div class="textareabox borderarea" contenteditable="true"></div> 
		        </div>
		    </div>
		    
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>
</html>

app/index.html

    <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 href="css/iconfont.css" rel="stylesheet" />
    <link href="css/app.css" rel="stylesheet"/>
</head>
<body>
    <!--主页面底部菜单-->
    <nav class="mui-bar mui-bar-tab footbox">
	    <a class="mui-tab-item mui-active" href="html/index_home.html">
	        <span class="mui-icon mui-icon-home"></span>
	        <span class="mui-icon iconfont icon-home"></span>
	    </a>
	    <a class="mui-tab-item" href="html/consultlist.html">
	        <span class="mui-icon mui-icon-chat"></span>
	        <span class="mui-icon iconfont icon-community"></span>
	    </a>
	    <a class="mui-tab-item" id="isLogin" href="html/myaccount.html">
	        <span class="mui-icon mui-icon-person"></span>
	        <span class="mui-icon iconfont icon-people"></span>
	    </a>
	</nav>
    <script src="js/public/mui.min.js"></script>