修改专家头像，页面显示的一些问题

src/main/webapp/account-set.html

        </div>
        <!--已登录-->
        <div class="onlogin">
	        <div class="head-portrait">
       		<a class="myWorkspace" href="workspaces.html">我的工作台</a>
	        <div class="head-portrait headRadius">
	        	<img class="portrait-p" />
	            <div class="personal-infor">
	                <div class="triangleB"></div>
	                <div class="personal-box">
	                <div class="personal-box bgRadius">
	                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
	                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
	                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
	                </div>
	            </div>
	        </div>
	        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
	        
        </div>
    </div>
</div>
	<div class="account">
		<div class="account-set">
			<div class="account-title">账号设置</div>
			<a href="#"  class="leftsidebar bgcolor">个人信息</a>
			<a href="#" class="leftsidebar">修改密码</a>
			<!-- <a href="#"  class="leftsidebar">个人信息</a> -->
			<a href="#" class="leftsidebar bgcolor">修改密码</a>
			<a href="#" class="leftsidebar">账号绑定</a>
		</div>
	<div class="contentbox">
		<div class="content-set" style="display:block">
		<!-- <div class="content-set">
			<div class="content-title">个人信息</div>
			<!-- div class="note">此信息用于站内沟通、社区等功能</div> -->
			div class="note">此信息用于站内沟通、社区等功能</div>
			<div class="acountinfor">
				<div class="account-photo">
				 <img id="headimg" src="">
				<div class="account-photo headRadius">
				 	<img id="headimg" src="">
				</div>
				<div class="account-name">
					<div class="text">
					</div>
				</div>
			</div>
		</div>
		</div> -->
		
		<div class="content-set">
		<div class="content-set" style="display:block">
			<div class="content-title">修改密码</div>
			<div class="marginT"></div>
            <form  name="f1" >	
			<div class="content-title">账号绑定</div>
			<div class="note">绑定后，您可以同时使用以下方式登录科袖网</div>
			<div class="unbinding">
				<div class="replace1"><span class="email-icon "></span>绑定邮箱账号</div>
				<div class="replace2"><span class="phone-icon "></span>绑定手机账号</div>
				<div class="replace1"><span class="email-icon "></span>绑定邮箱账号<input type="button" value="绑定" class="replace"></div>
				<div class="replace2"><span class="phone-icon "></span>绑定手机账号<input type="button" value="绑定" class="replace"></div>
                <div class="replace3"><span class="email-icon"></span>您已绑定邮箱  <span id="emailShow"></span><input type="button" value="更换" class="replace replace5"><br>
				</div>
				<div class="replace4"><span class="phone-icon "></span>您已绑定手机  <span id="phoneShow"></span><input type="button" value="更换" class="replace replace6" >

src/main/webapp/css/basic.css

.jcrop_w img{ position: absolute; }
.pre-1,.pre-2,.pre-3{ border: 1px solid #c8c8c8; margin:auto;}
.pre-1 img,.pre-2 img,.pre-3 img{width:100%; height:100%}
.pre-1{ width: 200px; height: 200px; border-radius:50%; overflow:hidden;  }
.pre-2{ width: 50px; height: 50px;border-radius:50%; overflow:hidden; margin-top: 13px; }
.pre-3{ width: 26px; height: 26px;border-radius:5px; overflow:hidden;margin-top: 13px; }
.pre-1{ width: 200px; height: 200px; border-radius:4px; overflow:hidden;  }
.pre-2{ width: 50px; height: 50px;border-radius:4px; overflow:hidden; margin-top: 13px; }
.pre-3{ width: 26px; height: 26px;border-radius:4px; overflow:hidden;margin-top: 13px; }

src/main/webapp/css/common.css

.floatR{float:right;}
.clearfix{ clear:both;}
/*默认/主题颜色*/
.mainColor{color:#ff9900;}
.defaultColor{ color:#333;}
/*文字*/
.h1Font{font-size:20px;} /*标题*/
.h2Font{font-size:18px;} 
.h3Font{font-size:16px;} 
.h4Font{font-size:14px;} 
.h5Font{font-size:13px;} 
.h6Font{font-size:12px;} 
/*圆角*/
/*头像、资源圆角*/
.headRadius{border-radius: 4px;}
/*底板背景圆角*/
.bgRadius{border-radius: 6px; overflow:hidden;}
/* 表单样式 */
.frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
.frmtype:focus{ border:1px solid #ff8500;}
.frmbtn{ width:100px; margin:10px; background:#ff9900; color:#fff; border:none; }
.frmrbtn{ background:none; color:#303030; border:none; }
.updownbtn{text-decoration:underline; color:#333;}
html, body{}
input{ outline:none;}
/*header部分*/
#header{width:100%;min-width:1170px; height:60px; background:rgba(255,153,0,1); position:fixed; top:0; z-index:999; }
#header{width:100%;min-width:1050px; height:60px; background:rgba(255,153,0,1); position:fixed; top:0; z-index:999; }
.logo{ display:block; width:80px; height:50px; background:url(../images/logo2.png) no-repeat; margin-left:80px; margin-top:5px; float:left;}
.searchblock{ width:280px; height:35px; position:absolute; left:50%; top:50%; margin-left:-132px; margin-top:-17.5px; display:none;}
.search-txt{ width:220px;/*line-height兼容*/line-height:35px; height:35px; background:#fff; border:none;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px; behavior:url(../js/ie-css3.htc); float:left;font-size:14px;padding-left:10px; color:#a3a3a3;}
.search-txt{ width:220px;line-height:35px; height:35px; background:#fff; border:none;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px; behavior:url(../js/ie-css3.htc); float:left;font-size:14px;padding-left:10px; color:#a3a3a3;}
.search-btn{ width:35px; height:35px; background:#fff; border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0; float:left; cursor:pointer; behavior:url(../js/ie-css3.htc);cursor:pointer;}
.search-icon{ display:block; width:20px; height:20px; background:
url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
/* .loginbtn:hover{border:2px #fff solid;} */
/*已登录*/
.onlogin{ display:none; position:relative;}
.head-portrait{width:50px; height:50px; border-radius:50%;background-size:100% 100%;-moz-background-size:100% 100%; float:left; margin-right:10px; margin-top:5px; cursor:pointer;/* border:1px solid #f8f8f8; */overflow:hidden; }
.head-portrait{width:40px; height:40px;background-size:100% 100%;-moz-background-size:100% 100%; float:left;margin: 10px 16px; cursor:pointer;overflow:hidden; }
.portrait-p{ width:100%;}
.personal-infor{width:202px; height:179px; position:absolute; top:40px; right:80px; display:none;}
.personal-infor{width:202px; height:179px; position:absolute; top:40px; right:8px; display:none;}
.triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#f3a36c; float:right; margin-right:20px; margin-top:15px;}
.personal-box{ width:202px; /*height:160px;*/ border-radius:10px; background:#f3a36c; clear:both; overflow:hidden;}
.personal-box{ width:202px;background:#f3a36c; clear:both; overflow:hidden;}
.personal-box a{ display:block; width:202px; height:40px;line-height:40px; font-size: 13px; color:#fff;}
.personal-box a:hover{ background:#ff9900;}
.icon{ display:block; width:20px; height:20px; margin-left:15px; margin-right:12px; margin-top:10px; float:left;}
.myWorkspace{font-size: 14px;line-height:40px; text-align: center;float: left; margin-top: 10px;color: #fff;}
/*主体部分*/
#container{ min-width:1170px; background:#fff;overflow: hidden;}
/*分页*/
.tcdPageCode{ padding: 20px; margin: 10px 0;text-align: left;color: #000;text-align:center;font-size:14px;line-height:24px; }
.tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 30px;	line-height: 30px;	padding: 0 10px;border: 1px solid #e5e5e5;	margin: 0 8px;border-radius:5px; color:#000;}
.tcdPageCode a:hover{text-decoration: none;}
.tcdPageCode span.current{display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #ff9900;border-radius:5px;}
.tcdPageCode span.disabled{	display: inline-block;height: 30px;line-height:30px;padding: 0 10px;margin: 0 8px;	color: #000;background: #fff;border: 1px solid #e5e5e5;border-radius:5px;}
.tcdPageCode li { display: inline;}
.tcdPageCode a.current{
	display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #ff9900;border-radius:5px;
}
#container{ min-width:1050px; background:#fff;overflow: hidden;}
/*footer部分*/
#footer{ min-width:1170px;clear:both; height:250px; background:#ff9900;}
.footer-top{ width:1170px; padding: 20px 10px; overflow: hidden; margin:auto;}
#footer{ min-width:1050px;clear:both; height:250px; background:#ff9900;}
.footer-top{ width:1050px; padding: 20px 10px; overflow: hidden; margin:auto;}
.footerL{ float:left; }
.footer-logo{ width:80px; height:50px; background:url(../images/logo2.png) no-repeat; background-size:100% 100%; margin:24px 0;}
.link{ color:#fff;padding-bottom:15px;display:none;  }
.foot-icon3{ width:21px; background:url(../images/share.png) no-repeat; background-position:-54px 0;}
.foot-icon4{ width:23px; background:url(../images/share.png) no-repeat; background-position:right;}
.footer-btm{ width:100%; height:40px; background:#FFB76A;font-size:12px;line-height:40px; color:#fff; text-align:center; }
/*------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/
/*分页*/
.tcdPageCode{ padding: 20px; margin: 10px 0;text-align: left;color: #000;text-align:center;font-size:14px;line-height:24px; }
.tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 30px;	line-height: 30px;	padding: 0 10px;border: 1px solid #e5e5e5;	margin: 0 8px;border-radius:5px; color:#000;}
.tcdPageCode a:hover{text-decoration: none;}
.tcdPageCode span.current{display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #ff9900;border-radius:5px;}
.tcdPageCode span.disabled{	display: inline-block;height: 30px;line-height:30px;padding: 0 10px;margin: 0 8px;	color: #000;background: #fff;border: 1px solid #e5e5e5;border-radius:5px;}
.tcdPageCode li { display: inline;}
.tcdPageCode a.current{
	display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #ff9900;border-radius:5px;
}

src/main/webapp/css/index.css

html, body{}
input{ outline:none;}
.emspace{letter-spacing: 2em; }
/*banner部分*/
#banner{ height:auto; position:relative;}
.field-icon7{ background:url(../images/field02.png) no-repeat center center;}
.field-icon8{ background:url(../images/field05.png) no-repeat center center;}
.more{position: relative; display:block; width:132px; height:35px; margin:auto;font-size:14px;line-height:32px;padding:0 30px; color:#fff;}
.more em{ position: absolute; top: 50%;margin-top: -11px; margin-left: 4px;width: 20px; height: 20px; background:url(../images/more-white.png) center center no-repeat;background-size:100% 100%;}
.more em{ position: absolute; top: 50%;margin-top: -9px; margin-left: 4px;width: 16px; height: 16px; background:url(../images/more-white.png) center center no-repeat;background-size:100% 100%;}
.hot-field .more{ color:#fff;}
/*热门专家*/
.hot-professor{ width:100%;  padding: 40px 0; }
/*搜索页*/
.content{ width:100%; height:auto; background:#f8f8f8; padding:60px 0 2px 0; }
.content-in{ width:1170px;/*min-height:300px;*/ margin:auto;padding-bottom:20px;}
.content-in{ width:1050px;/*min-height:300px;*/ margin:auto;padding-bottom:20px;}
.sear-search{ width: 774px;height: 38px;border: 2px solid #ff9900;border-radius: 6px; margin: 20px 0;}
.sear-search .lookwho{border-right: 2px #ff9900 solid;font-size:15px;color:#ff9900;line-height:34px; height:34px; width:100px; border:none; border-right: 2px #ff9900 solid;border-radius:4px 0 0 4px; background:url(../images/downselect.png) no-repeat 70px center #fff; padding-left:16px; }
.sear-search .lishow{background: #fff; overflow: hidden;border-radius: 0 0 6px 6px; position: absolute;top: 32px;left: -2px;width: 102px;border: 2px solid #ff9900; border-top: none;z-index: 20; display: none;}
.sear-search .sear-btn{ width:140px; height:34px; background:#ff9900; border-radius:0; float:left; cursor:pointer;font-size:15px;line-height:34px; color:#fff; text-align:center; }
/*搜索分类*/
.classify{ width:100%; /*min-height:200px; */border:1px #f0f0f0 solid; margin-top:10px;border-radius: 6px;background: #fff; padding:10px 0; }
.classify{ width:100%;border:1px #f0f0f0 solid; margin-top:10px;border-radius: 6px;background: #fff; }
.class1{ width:100%; height:52px; overflow:hidden; position:relative; border-bottom:1px #efefef solid;}
.class1:nth-child(even){background:#f8f8f8;}
.class1:last-child{border-bottom:none;}
.title{ padding:0 15px; float:left;font-size:15px;line-height:48px; color:#000;}
.area-con{ float:left; width:970px;/* border:1px solid red; */overflow:hidden; padding-bottom: 16px;}
.class1 a{ padding:0px 10px; float:left;font-size:14px;line-height:30px; color:#000; margin-top:9px;/*  margin-right:15px; */}
.title{ padding:0 15px; float:left;font-size:15px;line-height:48px; color:#333;}
.area-con{ float:left; width:83%;/* border:1px solid red; */overflow:hidden; padding-bottom: 10px;}
.class1 a{ padding:0px 10px; float:left;font-size:14px;line-height:30px; color:#333; margin-top:9px;/*  margin-right:15px; */}
.class1 a:hover{color:#fff; background:#ff9900;}
.class1 .colorbg{ color:#fff; background:#ff9900;}
.andmore{ display:block; width:100px;font-size:14px;line-height:50px; color:#000; padding:0 28px; position:absolute;right:0; cursor:pointer;}
.andmore{ display:block; width:100px;font-size:14px;line-height:50px; color:#333; padding:0 28px; position:absolute;right:0; cursor:pointer;}
.updown{ display:block; width:12px; height:12px; background:url(../images/UpDown.png) 0 center no-repeat;  float:right; margin-top:19px;}
/*搜索内容*/
.about{ width:100%; border-top:1px #e2e2e2 solid; padding:5px 0;}
.aboutcenter{ width:1170px;height:auto; margin:auto; }
.abouttab{ width:100%; margin:10px 0; border-bottom:1px solid #ccc; border-radius:4px; }
.aboutcenter{ width:1050px;height:auto; margin:auto; }
.abouttab{ width:100%; margin:10px 0; border-bottom:1px solid #ccc; border-radius:6px; }
.tabbtn{ font-weight:bold; position:relative;z-index:20;font-size:16px; letter-spacing:0.2em; float:left; padding:16px; width:100px; text-align:center; border-radius:6px 6px 0 0; top: 1px;color:#ff9900; cursor:pointer; margin-left:6px; }
.tabcurrent{ border:1px solid #ccc; border-bottom-color:#fff;background:#f8f8f8;}
.abouttablist{ margin-bottom:40px;}
.item{ width:99%;overflow: hidden; background:#f8f8f8; border:1px #f0f0f0 solid;/*box-shadow:1px 1px 1px #ff9900 inset;*/ border-radius:6px; margin:10px auto; position:relative;min-height:120px; }
.operbox{float: left;position: absolute;padding: 10px 20px;margin: 20px;right: 10px; top:50%; margin-top:-20px;}
.operbtn{ padding:4px 20px; font-size:13px; margin:0 2px; border: 1px solid #efefef;border-radius: 6px; background:#ff9900; color:#fff; cursor:pointer;}
.photo1{width:100px;height:100px;border-radius:50%;margin:10px 20px;float:left; overflow:hidden;}
.photo1{width:100px;height:100px;margin:10px 20px;float:left; overflow:hidden;}
.item:hover{/* border:1px solid #ff9900; */ box-shadow: 0 1px 6px 2px #e0e0e0;}
/*专家简介*/
.synopsis{ float:left; padding:10px 0; width:770px;line-height:24px;}
.synopsis{ float:left; padding:10px 0; width:74%;line-height:24px;cursor: pointer;}
.named{display:block;font-size:18px; color:#333; float:left;}
.named:hover,.named:focus,.named:active{color:#333; text-decoration:none;}
.modify{ display:block; width:16px; height:16px; background:url(../images/onauth.png) center center no-repeat; background-size:100% 100%; float:left; margin:4px;}
.position{ clear:both;font-size:16px;  color:#666; }
.science{font-size:14px; color:#999;  }
.industry{font-size:15px; color:#888;  }
.industry,.address{font-size:15px; color:#888;  }
/*资源简介*/
.remess{ cursor:pointer;}
.resourcephoto{width:100px;height:100px; border-radius:4px;border:1px #f0f0f0 solid;margin:10px 20px;float:left;overflow:hidden; }
.resouname{font-size:18px; color:#000;}
.resourcephoto{width:100px;height:100px;margin:10px 20px;float:left;overflow:hidden; }
.resouname{font-size:18px; color:#333;}
.belongname{ font-size:17px; color:#333; }
.modicon{ margin:0 6px;}
.positionbox{ font-size:16px;  color:#666; }
.content-title{height:58px;padding:0 30px;font-size:18px;line-height:64px; color:#313131; border-bottom:1px #c8c8c8 solid;}
.note{ width:438px; height:74px; margin:auto;font-size:16px;line-height:100px;color:#818181; text-align:center; border-bottom:1px #c8c8c8 dashed;}
.acountinfor{ width:60%; margin:10px auto; }
.account-photo{ width:175px; height:175px; border-radius:50%;  margin:auto;margin-top:25px; margin-bottom:25px; overflow:hidden;}
.account-photo{ width:175px; height:175px; margin:auto;margin-top:25px; margin-bottom:25px; overflow:hidden;}
.account-photo img{width:100%;}
.account-name{ height:50px; padding: 0 40px;}
.text-txt{font-size:18px;line-height:50px;color:#515151;}
.text{ overflow: hidden;width:180px;margin: auto;}
.text a{ overflow: hidden;font-size:14px;line-height:57px; color:#f5980b; padding-left:5px;}
 
.account-wallet{margin:20px auto;  padding: 20px; background: #E8E8E8; border-radius: 4px;}   
.account-wallet{margin:20px auto;  padding: 20px; background: #E8E8E8; border-radius: 6px;}   
.mywallet{ font-size:16px; line-height:20px; color:grey; font-weight: 500;}
.walletbox{overflow: hidden; padding:6px 14px;}
.walletbrig{font-size: 14px; color: #666; margin-left:20px;  }
input[type='radio'].radio {opacity:0; display:inline-block; height:20px; float:left; }
label.radio {background:url(../images/unredio.png) no-repeat; height:20px; padding-left:25px; float:left; margin-top:14px; margin-left:10px;font-size:18px;line-height:22px; color:#818181;}
input[type='radio'].radio:checked + .radio {background:url(../images/redio.png) no-repeat;}
.save{ clear:both; width:140px; height:36px;margin-left:219px; margin-top:20px;border-radius:6px; border:none; background:#ff9900;font-size:16px;line-height:36px; color:#fff;}
.save{ clear:both; width:100px; height:30px;margin-left:220px; margin-top:20px;border-radius:6px; border:none; background:#ff9900;font-size:14px;line-height:30px; color:#fff;}
/*修改密码*/
/*input:focus{ border:1px solid #ff8500;}*/
.msgs{font-size:14px;line-height:40px; color:#ff8500;padding-left:8px;  float:left;cursor:pointer;}
.msg{ clear:both;font-size:14px;line-height:26px;color:red; padding-left:140px; background:url(../images/info_warn.png) 116px center no-repeat; }
.msg{ clear:both;font-size:14px;line-height:26px;color:red; padding-left:120px; background:url(../images/info_warn.png) 100px center no-repeat; }
.msg-yz{font-size:14px;line-height:26px; color:red; padding:0 30px;background:url(../images/info_warn.png) 10px center no-repeat; margin-bottom:10px;  clear: both;  }
.marginT{ height:60px; width:100%;}
.password{ width:100%; height:40px; clear:both; margin-top:24px; }
.password{ width:100%; height:40px; clear:both; margin:6px 0; }
.lable{ float:left; display:block; width:100px;font-size:16px;line-height:40px; color:#747474; padding-right:15px; text-align:right;}
.psd{ width:350px; height:40px; float:left; border-radius:6px; border:1px #bdbdbd solid; box-shadow:0px 0px 2px #bdbdbd inset; padding-left:20px;}
.psd{ width:350px; height:40px; float:left; border-radius:6px; border:1px #bdbdbd solid; box-shadow:0px 0px 2px #bdbdbd inset; padding-left:10px;}
.forget{ display:block; height:40px;font-size:14px;line-height:40px; color:#ff8500; float:right;cursor:pointer; position:relative;}
.forget:hover{ color:#ff8500;}
/*账号绑定*/
.binding{ width:100%; height:44px;font-size:16px;line-height:66px;color:#818181;margin-left:70px;; margin-top:40px; display:none; }
.unbinding{width:580px; height:44px;font-size:16px;line-height:66px; color:#ff9900;margin:auto; margin-top:40px; cursor:pointer; }
.email-icon{display:block; width:30px; height:30px; background:url(../images/ep.png) 0 center no-repeat; float:left; margin-right:20px; margin-top:20px;}
.phone-icon{display:block; width:30px; height:30px; background:url(../images/ep.png) -30px center no-repeat;float:left; margin-right:20px; margin-top:20px;}
.replace{ width:88px; height:30px; background:#ff9900; border-radius:5px; border:none;font-size:16px;line-height:30px; color:#fff; margin-left:10px; cursor:pointer;}
.replace3,.replace4{ display:none;}
.email-icon{display:block; width:30px; height:30px; background:url(../images/ep.png) 0 center no-repeat; float:left; margin-right:6px; margin-top:18px;}
.phone-icon{display:block; width:30px; height:30px; background:url(../images/ep.png) -30px center no-repeat;float:left; margin-right:6px; margin-top:18px;}
.replace{ width:60px; height:25px; background:#ff9900; border-radius:6px; border:none;font-size:13px;line-height:24px; color:#fff; margin-left:10px; cursor:pointer;}
.replace3,.replace4{ display:none;color:#666;}
.coverblock{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; z-index:1004; display:none;}
.floatbox{ /*width:400px;*/ padding: 0 20px 10px 20px;box-shadow:1px 1px 8px #9f9d9d; border-radius:6px;background:#fff; position:absolute; top:80px; left:50%; margin-left:-240px;  margin-bottom:40px;}
.cover p{ clear:both;font-size:16px;line-height:26px; color:#818181; text-align:center; margin:20px 0;}
.cover2 p{ clear:both;font-size:16px;line-height:26px; color:#818181; text-align:center; margin:20px 0;}
.activate{ width:140px; height:38px; background:#fff;font-size:16px;line-height:35px; color:#000; cursor:pointer; border:none; border-radius:5px; margin:auto; margin-top:30px;  }
.activate{ width:140px; height:38px; background:#fff;font-size:16px;line-height:35px; color:#333; cursor:pointer; border:none; border-radius:6px; margin:auto; margin-top:30px;  }
.act{margin-left:40px;}
.act-color{background:#ff9900;color:#fff;}
.back-btn:hover{background:#ff9900;color:#fff;cursor:pointer;}
.input-code{ width: 210px;margin-left: 10px;}
.infor-code{ width:130px; height:40px; background:#ff9900; border:none; border-radius:5px;font-size:14px;line-height:35px; color:#fff; cursor:pointer; margin-left:5px;}
.infor-code{ width:130px; height:40px; background:#ff9900; border:none; border-radius:6px;font-size:14px;line-height:35px; color:#fff; cursor:pointer; margin-left:5px;}
/*------------------------------------------------------------------------------------*/
/*专家信息页*/
/*咨询模块按钮入口*/
.coulstblock{position:fixed; bottom:0;right:0;z-index:999; display:none;}
.coulstblock .coulstbox{display:block; width:200px; height:100px; padding:10px; background:rgba(256,256,256,.9); border:1px solid #ccc; border-radius:4px 4px 0 0; box-shadow: -3px -2px 8px -1px rgba(0,0,0,0.2); cursor: pointer;}
.coulstblock .coulstbox .prohead{ width:80px; height:80px; border-radius:50%; overflow:hidden;}
.coulstblock .coulstbox .prohead{ width:80px; height:80px; overflow:hidden;}
.coulstblock .coulstbox .coulstbtn{padding:24px 10px; margin-left:10px;}
.coulstblock .coulstbox .coulstbtn span,#conbtn span{padding:4px 10px; display:block; width:60px; border-radius:2px; text-align:center; color:#fff; background:#ff9900;cursor:pointer}
/*专家信息头部*/
.information-head{ width:1050px; margin:auto;background:#fff; border:1px  solid #eaeaea; margin-top:30px; overflow:hidden; padding:20px 50px;}
.head-left{ float:left;width:200px; height:200px; border-radius:50%;position:relative;overflow:hidden;}
.head-left{ float:left;width:200px; height:200px; position:relative;overflow:hidden;}
.replace-photo{ display:block; width:100%; height:50px; position:absolute; bottom:-50px;background:url(../images/take-photo.png) no-repeat center center; background-color:rgba(0,0,0,0.4);font-size:16px;line-height:44px; color:#fff; text-align:center;}
/*.take-photo{ display:block; width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-10px;background:url(../images/take-photo.png) no-repeat center center; }*/
.head-center{ float:left; width:500px; min-height:150px; margin-top:20px; margin-left:64px;}
.input-txt{ width:175px; height:26px; border-radius:5px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; float:left; padding-left:10px;}
.input-txt{ width:175px; height:26px; color:#666; border-radius:5px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; float:left; padding-left:10px;}
.infor{clear:both; width:100%; height:26px; margin-bottom:10px; }
.infor span{ display:block; width:60px; height:26px; float:left;font-size:14px;line-height:26px; color:#000; margin-left:10px;}
.infor span{ display:block; width:60px; height:26px; float:left;font-size:14px;line-height:26px; color:#333; margin-left:10px;}
.select{  width:173px; height:24px; border-radius:5px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; background:url(../images/downselect.png) no-repeat 150px center; float:left; overflow:hidden;}
.selectbtn{ width:200px; height:24px; border:none; background:url(../images/downselect.png) no-repeat 150px center; font-size:14px;line-height:26px; color:#999;}
.infor-save{ float:left; clear:both; width:130px; height:26px; background:#ff9900;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font-size:14px;line-height:26px; margin-top:15px; margin-left:10px;  }
.close{float: left;  width:130px; height:26px; border-radius:5px; background:none; box-shadow:none; border:none;cursor:pointer; padding:0;font-size:14px;line-height:26px; margin-top:15px; margin-left:5px;opacity: 1;  text-shadow:none; }
.close{float: left;  width:130px; height:26px; border-radius:5px; font-weight:normal;background:none; box-shadow:none; border:none;cursor:pointer; padding:0;font-size:14px;line-height:26px; margin-top:15px; margin-left:5px;opacity: 1;color: #666; text-shadow:none; }
.close:hover{ background:#ff9900; color:#fff; opacity: 1; }
.head-right{ float:right; margin-top:30px; /*margin-right:50px;*/position: relative;width:140px; height:140px; overflow:hidden;}
.head-right{ float:right; margin-top:30px; position: relative;width:140px; height:140px; overflow:hidden;}
#headImage,#orgImage{ width:100%; height:100%;border:0;}
#orgImage{display:none;}
/*专家信息内容*/
.information-content{  width:1050px;height:auto; margin:auto;margin-top:20px; position:relative;overflow: hidden;}
.content-left{min-height:394px; float:left;overflow:hidden; }
.menublock{ margin-bottom:10px;width:298px; background:#fff; border:1px #eaeaea solid; padding-bottom:10px;}
.left-title{ width:165px; height:44px;font-size:22px;line-height:44px; border-bottom:1px #ffad55 solid; padding-left:10px; }
.left-title{ width:165px; height:44px;font-size:20px;line-height:44px; border-bottom:1px #ffad55 solid; padding-left:10px; }
.subsidebar{ display:block; width:100%; height:26px; padding-left:18px;font-size:14px;line-height:26px;color:#313131; margin-top:5px;}
.subcolor{ background:#f99550; color:#fff;}
.subcolor{ background:#ff9900; color:#fff;}
.subsidebar:hover{ background:#f99550; color:#fff;}
.content-right{ width:735px;min-height:100px; float:right; }
.right-box{ width:100%; background:#fff; border:1px #eaeaea solid; margin-bottom:20px; }
/*.introduction{min-height:200px;}*/
.right-title{ position:relative; overflow:hidden; padding-right:20px;}
.right-title span{ float:left;font-size:22px;line-height:48px; /*color:#ff9900; */padding-left:15px;}
.right-title span{ float:left;font-size:20px;line-height:48px; /*color:#ff9900; */padding-left:15px;}
.edit-position-left{ background-position:left;}
.editbox{ clear:both; width:665px; min-height:210px; margin:auto;font-size:14px;line-height:20px;color:#3e3e3e;}
.editbox{ clear:both; width:665px; margin:auto;font-size:14px;line-height:20px;color:#666;}
.reedit{ clear:both; width:665px; min-height:210px; padding:10px;margin-left:35px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; font-size:14px;line-height:20px; color:#3e3e3e;resize:none;
}
.edit{ display:block; float:left; width:22px; height:22px; background:url(../images/edit.png) no-repeat right center;margin: 15px 6px;cursor:pointer;}
.listbox{ margin:5px 0;max-width:100%; margin-left:15px; overflow:hidden; /*border:1px solid red;*/}
.list-area{ overflow:hidden; padding:10px 0 20px 0; width:670px; margin:10px auto; background:#f8f8f8;}
.listbox-browse{ min-height:26px; position:relative;}
.list-browse{ height:24px;box-shadow:2px 2px 1px #c9c9c9 ; text-align:center;font-size:14px;line-height:26px; color:#3e3e3e; margin-left:15px; float:left;cursor:pointer;padding-right: 8px; overflow:hidden;}
.list-browse{ height:24px;box-shadow:2px 2px 1px #c9c9c9 ; text-align:center;font-size:14px;line-height:26px; color:#666; margin-left:15px; float:left;cursor:pointer;padding-right: 8px; overflow:hidden;}
.plus{ float:left;display:block; width:26px; height:26px; cursor:pointer; background:url(../images/zan.png) no-repeat center center; margin-left:10px;  }
.line{ width:110px; height:1px; background:#ccc; float:left; margin-left:30px; margin-top:12px;}
.like-num{ float:right;max-width:380px;height:26px; padding:0 20px; overflow:hidden; }
.edu-about li{ list-style:inside;}
.edu-about{ list-style:inside;font-size:14px;line-height:26px;color:#868686; margin:0 35px; margin-bottom:35px; cursor:pointer;}
.edu-about span{ display:none;}
.infor-browse .edu-about{ color:#000;}
.infor-browse .edu-about{ color:#666;}
.add-icon{ cursor:pointer;}
.button{ float:left; width:40px; height:17px; margin-left:10px; margin-top:4px;}
.modi{ cursor:pointer;padding-left:10px;}
.sharesrcbox{overflow:hidden; position:relative; margin:auto; width:640px;  }
.sharescrollbox{ overflow:hidden;width:30000em; position:relative; left:0;}
.sharescrollbox .sharesrc{ width:200px; margin:10px 6px; float:left;}
.sharescrollbox .briefinfor{ width:100%; max-height:100px; text-overflow:ellipsis; overflow:hidden; }
.sharescrollbox .restit{ color:#666; margin-top: 6px;}
.sharescrollbox .briefinfor{ width:100%; max-height:100px; text-overflow:ellipsis; overflow:hidden; color:#777; }
.sharescrollbox .shareshow{ position: relative; width: 200px; height: 200px;border-radius: 4px; overflow: hidden;}
.shareopeart{ position:absolute; bottom:0px; left:0px; z-index:100; overflow:hidden; width:100%;}
.sharebtn{ display:block; text-align:center; float:left; cursor:pointer; width:50%; height:30px;font-size:14px;line-height:30px; background:rgba(0,0,0,.2); color:#fff; border:1px solid #d6d6d6;}
/*合作历史及评价*/
.evaluate{ overflow:hidden; border-bottom:1px dashed #d6d6d6; padding:10px 0;}
.evaluate .lefteva{ float:left; max-height:200px; width:20%; max-width:200px; text-align:center; margin-top:10px;}
.evaluate .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:50%; margin:auto;}
.evaluate .evaimg{ display:block; width:60px; height:60px; overflow:hidden;margin:auto;}
.evaluate .righteva{ padding:0 10px; float:right; width:80%;}
.evaluate .evasort{ }
.evaluate .evasort li{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.shareabout .morebtn .morelink{ color:#333;font-size:14px;line-height:60px;float:right; margin-right:20px;}
/*个人修改页面科研资源*/
.enterwork{ color:#333;position:absolute; bottom:10px; left:110px; cursor: pointer;}
.enterwork{ color:#333;position:absolute; bottom:10px; left:102px; cursor: pointer;}
.enterwork:hover{color:#ff9900;}
/*机构信息页面*/
.head-org{ float:left;  position: relative;width:180px; height:180px; overflow:hidden;}
.similarblock{ overflow:hidden; margin:0 10px; padding:10px; border-bottom:1px dashed #d6d6d6;}
.similarblock .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:50%; float:left; margin-right:20px;}
.similarblock .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:4px; float:left; margin-right:20px;}
.rightsim{ max-width:160px; overflow:hidden; float:left;}
.rightsim p{text-overflow:ellipsis;  white-space:nowrap;overflow:hidden;font-size:12px; line-height:16px;}
.subuser{ overflow:hidden;}
.subuser li{ overflow:hidden; float:left; text-align:center; padding:10px; width:24%; list-style:none;}
.subuser li .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:50%; margin:auto;}
.subuser li .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:4px; margin:auto;}
#evastarboxx .staspan{background: url(../images/evastar.png) 0 1px no-repeat;}

src/main/webapp/css/login.css

.photo-upload{ width:490px; height:450px; border-radius:10px; background:#f8f8f8; float:left; overflow:hidden;}
.load{font-size:16px;line-height:30px; text-align:center;/* border:1px solid red;*/ margin-top:200px;margin-bottom:200px;}
.load{font-size:14px;line-height:28px; text-align:center;/* border:1px solid red;*/ margin-top:200px;margin-bottom:200px;}
.load p{font-size:14px;line-height:14px; margin: 10px;}
.resouimgmsg{ font-size:12px;line-height:20px; color:#999;}
.upbtn{width: 140px;height: 34px; border-radius:10px; border:1px #dfdfdf solid; background:#fff; position:relative; margin-top:10px; cursor:pointer;}
.filebtn{ width: 200px; height: 80px; box-shadow:none;opacity:0; position:absolute; left:-20px; top:-25px; cursor:pointer;}
#uploadBtn{ float:left; box-shadow:none; border:1px #dfdfdf solid; width:140px; height:32px; border-radius:10px; background:#fff;margin-top:10px; margin-left:100px; cursor:pointer; }
.clear{ clear:both;}
.plus{font-size:24px;line-height:30px; color:#ff9900; font-weight:bold; margin-right:10px;}
.photo-size{ /*width:200px; */height:410px; border-radius:10px; background:#f8f8f8; float:right; padding:20px 0;}
.size-big{ width:175px; height:175px; background:red; border-radius:50%; margin:auto;}
.size-small{ width:58px; height:58px; background:red; border-radius:50%; margin:auto;}
.size-square{ width:26px; height:26px; background:red; border-radius:5px; margin:auto;}
.save{ clear:both; width:130px; height:35px; background:#ff9900;box-shadow:none; border:none;cursor:pointer; color:#fff;margin-left:200px; padding:0;}
.close{ width:130px; height:35px; background:none; box-shadow:none; border:none;cursor:pointer; padding:0;}
#back{width: 130px;height: 35px; background:none; box-shadow:none; border:none;cursor: pointer;padding: 0;}
#back:hover,.close:hover{ background:#ff9900; color:#fff; }
.save{ clear:both; width:130px; height:30px; background:#ff9900;box-shadow:none; border:none;cursor:pointer; color:#fff;margin-left:200px; padding:0;}
.close{ width:130px; height:30px; background:none; box-shadow:none; border:none;cursor:pointer; padding:0;}
#back{width: 130px;height: 30px; background:none; box-shadow:none; border:none;cursor: pointer;padding: 0;}
.save:hover,#back:hover,.close:hover{ background:#ff9900; color:#fff; }
/*注册*/

src/main/webapp/css/popup.css

/* CSS Document */
.frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
#resouinforcon .frmtype,.subCla{width:80%;}
.addIndusry,.addSubject{ width:16%; height:30px; background:#ff8400;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font-size:14px;line-height:26px;  margin-left:10px;cursor:pointer; }
.addIndusry,.addSubject{ width:16%; height:30px; background:#ff9900;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font-size:14px;line-height:26px;  margin-left:10px;cursor:pointer; }
.deleteIndustry,.deleteSubject{  height:30px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font-size:14px;line-height:30px;color:#3e3e3e; margin:6px 0; margin-left:15px; float:left;cursor:pointer;padding:0 8px;}
.removeNu{margin-left:5px;}
.frmtype:focus{ border:1px solid #ff8500;}
.frmbtn{ width:100px; margin:10px; background:#ff8400; color:#fff;  border:1px solid transparent; }
.frmbtn{ width:100px; margin:10px; background:#ff9900; color:#fff;  border:1px solid transparent; }
.frmrbtn{ background:none; color:#303030; border:1px solid transparent; }
.frmarea{ min-height:80px;}
.updownbtn{text-decoration:underline; color:#333;}
/*弹窗资源信息、申请信息*/
.resouinfo{position:absolute;background:#fff;min-width:750px;border-radius:10px;padding:30px 20px;font-size:14px;z-index:1001; margin-bottom:40px; box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555; }
.resoutit{padding: 0 20px;font-size:16px;line-height:40px;color: #606060; border-bottom:1px solid #ff8400; position:relative; font-weight:bold;}
.resoutit{padding: 0 20px;font-size:16px;line-height:40px;color: #606060; border-bottom:1px solid #ff9900; position:relative; font-weight:bold;}
.resoutit .showinfor{ position:absolute; left:60px; top:2px; font-size:13px; font-weight:normal;}
.resouinfotype{ font-weight:600; text-align:right;color: #555; min-width: 80px;}
/*合作项目及评价*/
.teamworkbox{ margin-top:20px;}
.teamworktit{padding: 0 10px;font-size:16px;line-height:40px;color: #606060; border-bottom:1px solid #ff8400;}
.teamworktit{padding: 0 10px;font-size:16px;line-height:40px;color: #606060; border-bottom:1px solid #ff9900;}
.teamwork{ overflow:hidden;  padding-bottom: 10px; border-bottom:1px dashed #d6d6d6; }
.teamwork .lefteva{ float:left; max-height:200px; width:20%; max-width:200px; text-align:center; margin-top:10px;}
.teamwork .lefteva .evaimg{ display:block; width:50px; height:50px; overflow:hidden; border:1px solid transparent; border-radius:50%; margin:auto;}
.teamwork .lefteva .evaimg{ display:block; width:50px; height:50px; overflow:hidden; border:1px solid transparent; margin:auto;}
.teamwork .righteva{padding:10px; float:left; margin-left:20px; font-size:14px; width:78%; max-width:476px;}
.teamwork .righteva  .teamname{ position:relative;}
.teamwork .righteva .teamname .teamtime{ position:absolute; right:0;}
.teamwork .righteva .evastarbox{ overflow:hidden;}
.teamwork .righteva .evastar{ display:block; width:24px; height:24px; cursor:pointer; float:left; background:url(../images/evastar.png) 0 -22px no-repeat;}
.teamwork .righteva .evastar{ display:block; width:20px; height:20px; cursor:pointer; float:left; background:url(../images/evastar.png) 0 -22px no-repeat;}
.teamwork .righteva .evabrief{ display:block; margin-top:10px; max-height:80px; overflow:hidden; }
.resoutit .stateinfor{ position:absolute; bottom:-20px; right: -28px;background: #ff8400; color: #fff; padding: 0 40px;border-radius: 20px 0 0 20px;z-index: 2; cursor:pointer;}
.resoutit .stateinfor{ position:absolute; bottom:-20px; right: -28px;background: #ff9900; color: #fff; padding: 0 40px;border-radius: 20px 0 0 20px;z-index: 2; cursor:pointer;}
.resoutit .stateinfor em{position: absolute;width: 0px; height: 0px;border-top: 0px solid  rgb(180, 60, 6);border-bottom: 6px solid transparent;border-left: 8px solid  rgb(180, 60, 6); border-right: 0px solid transparent;right: 0px; bottom: -6px;}
.workclose{ position:absolute; top:0; right:-50px; display:block; width:20px; height:20px; background:url(../images/workclose.png) center center no-repeat; padding:20px;cursor:pointer; z-index:999;}
.resouapply .resoushowimg{width:100%; border:1px solid #d6d6d6; height:200px; position:relative; overflow:hidden; }
.resouapply .resouimg2{ height:200px;}
.resoufrm .worktit{ position:relative; width:100%;border-bottom:1px solid #d6d6d6; padding:10px; font-size:16px; }
.resoufrm .worktit .uploadbtn{ position:absolute; bottom:11px; left:80px; font-size:13px; color:#ff8400;}
.resoufrm .worktit .uploadbtn{ position:absolute; bottom:11px; left:80px; font-size:13px; color:#ff9900;}
.filebox{ padding:10px; margin:10px 0;}
.fileitem{ margin:10px;}
.filename{ margin-left:10px;}
.fileicon{ background:url(../images/filetype.png) center center no-repeat; width:20px; height:20px; }
.filebtn{ padding:0 10px; cursor:pointer; }
.filedownbtn{ color:#ff8400; text-decoration:underline;}
.filedownbtn{ color:#ff9900; text-decoration:underline;}
.fibepople{ margin-right:60px;}
/*评价*/
.noconmment{ line-height:120px;}
.evastarbox2{ overflow:hidden;}
.evastar2{ display:block; width:24px; height:24px; cursor:pointer; float:left; background:url(../images/evastar.png) 0 -21px no-repeat;}
.evastar2{ display:block; width:20px; height:20px; cursor:pointer; float:left; background:url(../images/evastar.png) 0 -21px no-repeat;}
/*留言*/
.guestbookinfo{position:absolute;background:#fff;border-radius:10px;padding:20px;font-size:14px; z-index:1001;  margin-bottom:40px;box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555;}
.guestconitem{ padding:10px 0; overflow:hidden; margin-bottom:10px;border-bottom:1px dashed #d6d6d6;}
.guestconitem:nth-child(odd){ background:#f8f8f8;}
.guestcon .lefteva{ float:left; max-height:200px; width:20%; max-width:200px; text-align:center; margin-top:10px;}
.guestcon .lefteva .evaimg{ display:block; width:80px; height:80px; overflow:hidden; border:1px solid #d6d6d6; border-radius:50%; margin:auto;}
.guestcon .lefteva .evaimg{ display:block; width:80px; height:80px; overflow:hidden; border:1px solid #d6d6d6; margin:auto;}
.guestcon .righteva{padding:0 10px; float:left; margin-left:20px; width:79%; max-width:480px;}
.guestcon .righteva .guestname{ position:relative;}
.guestcon .righteva .guestname .guesttime{ position:absolute; right:0;}
.paymentbox table{width:760px; margin-bottom:20px;}
.paymentbox table tr{border-bottom:1px dotted #ccc; }
.paymentbox table tr:nth-child(1){border-bottom:none;}
.paymentbox table tr th{ background:#ff8400;color:#fff;}
.paymentbox table tr th{ background:#ff9900;color:#fff;}
.paymentbox table tr th,.paymentbox table tr td{ padding:10px 4px; text-align:center; }
.paymentbox table .paytit th{ background:#ff8400; color:#fff;}
.paybtn{ position:absolute; left:100px; top:0px; font-size:14px; cursor:pointer; color:#ff8400; }
.paymentbox table .paytit th{ background:#ff9900; color:#fff;}
.paybtn{ position:absolute; left:100px; top:0px; font-size:14px; cursor:pointer; color:#ff9900; }
/*详细信息*/
.resoudetailinfo{position:absolute;margin-top:40px; background:#fff; font-size:14px;border-radius:10px;padding:20px;margin-bottom:40px;z-index:1900;box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555;}
.paymentbox1 table tr th{ background:#f2f2f2;}
.paymentbox1 table tr th,.paymentbox1 table tr td{ padding:10px 4px; text-align:center; }
.paymentbox1 #paytit tr td:nth-child(even){background:#f6f6f6;}
.paymentbox1 table .paytit th{ background:#ff8400; color:#fff;}
.paymentbox1 table .paytit th{ background:#ff9900; color:#fff;}
.combtn{color:#ff8400; cursor:pointer;}
.combtn{color:#ff9900; cursor:pointer;}
/*//咨询申请*/
.consultapply{position:absolute;border-radius:10px; min-width: 700px;margin-top:40px;margin-bottom:40px; font-size:14px; background:#fff;padding:20px;z-index:1001; box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555;}
.consultinfo{ padding:10px 20px; max-width:680px; overflow:hidden;}
.consultleft{ width:33%; margin-right:20px;}
.consultleft .prohead{ width:140px; height:140px; border-radius:50%; overflow:hidden; margin:auto; margin-bottom:10px;}
.consultleft .proheadbox{ width:140px; height:140px; margin:auto; margin-bottom:10px; }
.consultleft .prohead{ width:100px; height:100px; overflow:hidden; margin:auto;}
.consultleft .phh5{font-size: 13px;line-height: 24px;color: #999;width: 110px;text-align: center;margin: auto;overflow: hidden; }
.consultmenu{ margin:10px 0;}
.consultmenu .menutit{ font-size:16px;line-height:40px; font-weight:600;border-bottom:1px solid #ff8400;}
.consultmenu .menutit{ font-size:16px;line-height:40px; border-bottom:1px solid #ff9900;}
.consultmenu .menucon{ padding:10px;}
.consultmenu .menucon li{ padding:8px 20px;cursor:pointer; font-size:14px;line-height:20px;  border-bottom:1px solid #d6d6d6;}
.consultmenu .menucon .clicknow{ background:#ff8400; color:#fff;} 
.consultmenu .menucon .clicknow{ background:#ff9900; color:#fff;} 
.consultmenu .pripolicy{ padding:10px; background:#eee; border-radius: 6px;text-align:center;}
.consultmenu .pripolicy h3{ font-size:14px; line-height:30px;}
.consultmenu .pripolicy p{ font-size:13px; text-align:justify; text-indent:1.5em;}
.consultright{ width:60%; margin-left:20px; padding:10px;}
.consultright .probrief {height:130px;}
.probrief .proname .name{  text-align:left;font-size:26px;line-height:46px; font-weight:400; color:#333;}
.probrief .proname .modifyicon{ margin-left:10px; margin-top:-10px;}
.probrief .phh2{font-size:20px;line-height:36px; color:#333;  }
.probrief .phh4{font-size:16px;line-height:24px; color:#333; }
.consultright .probrief {height:130px;overflow:hidden;}
.probrief .proname .name{  text-align:left;font-size:20px;line-height:40px;color:#333;}
.probrief .proname .modifyicon{ margin-left:6px; margin-top:-10px;}
.probrief .phh2{font-size:16px;line-height:30px; color:#333;  }
.probrief .phh4{font-size:14px;line-height:20px; color:#666; }
.sendmsg {}
.sendmsg .sendmsgtit{font-size:18px;line-height:40px;  font-weight:600; border-bottom: 1px solid #ff8400; margin:10px 0;}
.sendmsg .sendmsgtit{font-size:18px;line-height:40px; border-bottom: 1px solid #ff9900; margin:10px 0;}
.sendmsg .sendmsgcon{}
.sendmsg .sendmsgcon li{ padding:4px 0; font-size:14px;line-height:20px; }
.sendmsg .sendmsgcon li span{ color:red; margin-right:6px;}

src/main/webapp/css/webuploader/webuploader.css

	position: relative;
	display: inline-block;
	cursor: pointer;
	background: #ff8400;
	padding: 7px 15px;
	background: #ff9900;
	padding: 4px 20px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	
}
.webuploader-pick-hover {
	background: #ff8400;
	background: #ff9900;
}
.webuploader-pick-disable {
    overflow: hidden;
    width: 0;
    height: 100%;
    background: #ff8400  url(../images/progress.png) repeat-x;
    background: #ff9900  url(../images/progress.png) repeat-x;
    -webit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;

src/main/webapp/css/workspace.css

@charset "utf-8";
/* CSS Document */
.con-center{ width:1170px;position:relative; margin:auto; overflow:hidden;padding:20px 10px; margin-top:60px;}
.con-center{ width:1050px;position:relative; margin:auto; overflow:hidden;padding:20px 10px; margin-top:60px;}
.frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
.frmtype:focus{ border:1px solid #ff8500;}
.frmbtn{ width:100px; margin:10px; background:#ff8400; color:#fff; border:none; }
.frmbtn{ width:100px; margin:10px; background:#ff9900; color:#fff; border:none; }
.frmrbtn{ background:none; color:#303030; border:none; }
.updownbtn{text-decoration:underline; color:#333;}
/*左侧菜单*/
.workmenu{ float:left; width:12%; height:300px; background: #fafafa;border-radius: 6px;overflow: hidden;}
.workmenutit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px; border-bottom:1px #ff8400 solid;cursor:pointer;}
.workmenutit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px; border-bottom:1px #ff9900 solid;cursor:pointer;}
.worksubmenu{width:100%; height:40px; margin:10px 0; padding-left:30px;font-size:15px;line-height:40px; color:#313131; cursor:pointer;}
.subcolor{ background:#f99550; color:#fff;}
.worksubmenu .subcolor{ background:#ff9900; color:#fff;}
/*右侧内容*/
.workcon{float:right; margin-left:10px; width:87%; min-height:800px; background: #fafafa;border-radius:6px;overflow: hidden;}
.workmysrc{ margin-bottom:30px;}
.workmysrctit{font-size:16px;line-height:30px;position:relative;}
.worksamlltit{ font-size:13px;line-height:30px; margin:0 10px; padding:10px;cursor:pointer;}
.worksamlltitnow{ border-bottom:1px solid #ff8400; color:#ff8400;text-decoration: none;}
.worksamlltitnow{ border-bottom:1px solid #ff9900; color:#ff9900;text-decoration: none;}
.workcontit a:link,.workcontit a:active,.workcontit a:visited  {color:#313131;}
.workmysrc{display:none;}
.workmysrc:first-child{display:block;}
.workmysrc .workbtn{ display:block;background:#ff8400;text-align: center;font-size:14px;line-height:30px;color:#fff; width:140px; padding:0 20px; border-radius:4px; cursor:pointer; margin-bottom:10px;}
.workmysrc .workbtn{ display:block;background:#ff9900;text-align: center;font-size:14px;line-height:30px;color:#fff; width:140px; padding:0 20px; border-radius:4px; cursor:pointer; margin-bottom:10px;}
.maintab{ border-bottom:1px dashed #d7d7d7; margin-top:20px; overflow:hidden;}
.maintab:last-child{border-bottom:none;}
.worktab *{ text-align:center; color:#000;}
.worktab *{ text-align:center; color:#333;}
.lefttab{ width:16%;min-width: 162px; max-height:400px; overflow:hidden;}
.resoubrief{width:100%;height:300px; overflow:hidden;}
.resoubrief tr td{ /*border-bottom:1px solid #d6d6d6;*/ max-height:180px; padding:6px 0;}
.resoubrief tr td ul{max-height: 260px;overflow: hidden;}
.resoubrief tr td ul li{ width:100%; max-width:160px; text-indent:1.5em; word-break: break-all;text-align: justify; /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/}
.resoubrief tr td ul li:first-child{text-indent:0;font-size: 15px;color: #ff8400;}
.resoubrief tr td ul li{ width:100%; max-width:160px; text-indent:0.5em; word-break: break-all;text-align: justify; /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/}
.resoubrief tr td ul li:first-child{text-indent:0;font-size: 15px;color: #ff9900;}
.resoubrief tr td .resoimgbox{width: 160px; height: 160px;border-radius: 4px; overflow:hidden;}
.managebtn{ display:block; background:#ff8400;margin:auto;width:120px;font-size:14px;line-height:30px;color:#fff; border-radius:4px; text-align:center; cursor:pointer;}
.managebtn{ display:block; background:#ff9900;margin:auto;width:120px;font-size:14px;line-height:30px;color:#fff; border-radius:4px; text-align:center; cursor:pointer;}
.righttab{ width:82%;}
.righttab{ width:80%;}
.worktab a{ color:#333;}
.worktab a:hover{color:#ff8400;}
.worktab a:hover{color:#ff9900;}
.worktab tr td{ padding:0 4px;max-width:60px;word-break:break-all;/*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/}
.worktab .worktabtit{ height:40px;background:#fff9ef;border-bottom:1px #D8D8D8 solid;}
.worktab .workitem{ border-bottom:1px #D8D8D8 solid;height:110px; padding:10px 0;}
.worktab .workitem:nth-child(odd){background:#fff;}
.workitemsrc{/* cursor:pointer;*/ color:#702C40;}
.operatebtn,.opbtn{ display:block;margin-top:10px;}
.operatebtn span,.opbtn span{ color:#ff8400; cursor:pointer; }
.operatebtn span,.opbtn span{ color:#ff9900; cursor:pointer; }
.modification{padding:10px 0;}
/*////////////我的工作台/////////////////*/
.workblock{ padding:10px; overflow:hidden;  background:#fff; margin:10px 0; margin-bottom:20px;}
.workhs{ width:34%; overflow:hidden;}
.workconleft{ width:82%;}
.workhead{ display:block; margin:10px; height:84%; height:84%;/* border:1px #ccc solid; */border-radius:50%; overflow:hidden;}
.workconleft{/*  width:82%; */ width:100%;}
.workhead{ display:block; margin:10px auto 2px auto; width:60%; overflow:hidden;}
.workstat{ float:left; width:100%; text-align:center;}
.workstat span{font-size:18px;line-height:30px; font-weight:bold;}
.workstat span{font-size:18px;line-height:30px;margin: 0 4px;}
.workinfor{width:64%; margin-top:20px; padding:10px 16px;min-height:140px;}
.workinfor h4{ overflow:hidden;}
.workinfor .named{display:block;font-size:18px;line-height:34px; font-weight:bold; color:#000; float:left;}
.workinfor .named:hover,.workinfor .named:focus,.workinfor .named:active{color:#000; text-decoration:none;}
.workinfor .named{display:block;font-size:18px;line-height:34px;color:#333; float:left;}
.workinfor .named:hover,.workinfor .named:focus,.workinfor .named:active{color:#333; text-decoration:none;}
.workinfor h5{font-size:16px;line-height:30px; font-weight:600;}
.workinfor h6{ font-size:13px;line-height:24px; font-weight:400;}
.worklinkbtn{ color:#ff8400;font-size:12px;line-height:24px;cursor:pointer;}
.workinfor h5{font-size:16px;line-height:26px;color:#666;}
.workinfor h6{ font-size:13px;line-height:24px;color:#888;}
.workinfor p{ color:#444; font-size:12px;}
.worklinkbtn{ color:#ff9900;font-size:12px;line-height:24px;cursor:pointer;}
.workcountup{ width:100%; overflow:hidden; padding:6px 0; text-align:center; margin:10px;}
.workcountup:nth-child(2){ border-top:1px solid #d6d6d6;}
.worktit{ width:100%;border-bottom:1px solid #d6d6d6; padding:4px 0; font-size:16px; }
.leftwb{ width:30%; margin:auto; text-align:center;}
.wbcon{ padding:20px 0; overflow:hidden;}
.wbimg{ display:block; margin:auto; width:60px; height:60px; overflow:hidden; border-radius:50%;}
.wbimg{ display:block; margin:auto; width:60px; height:60px; overflow:hidden;}
.rightwb{ width:66%; margin-left:10px; }
.worktopic{ font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.worktopic{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.workrecord{ list-style:inside disc;max-height:94px; overflow:hidden;font-size:13px; color:#666;}
.writeback{ margin:10px 0; border-radius:4px; font-size:12px; text-align:center; cursor:pointer; border:1px solid #888; padding:0 14px;}
.writeback:hover,.writeback:active{border:1px solid #ff8400; color:#ff8400;}
.writeback{ margin:10px 0;padding:4px 16px; border-radius:4px; font-size:12px; text-align:center; cursor:pointer; background: #ff9900;border: 1px solid #ff9900;color:#fff; }
/* .writeback:hover,.writeback:active{border:1px solid #ff9900; color:#ff9900;} */
.writebackbox{/*display:none;*/}
.writespan{ margin-top:10px; font-weight:bold;}
/*资源、项目*/
.sharesrcbox11{ overflow:hidden; width:100%; padding:10px; height:320px;}
.sharesrcbox11 .sharesrc{ width:200px; margin:10px 20px; float:left;cursor:pointer;}
.sharesrcbox11{ overflow:hidden; width:100%; padding:1%; height:320px;}
.sharesrcbox11 .sharesrc{ width:186px; margin:10px 1%; float:left;cursor:pointer;}
.sharesrcbox11 .briefinfor{ width:100%; max-height:100px; text-overflow:ellipsis; overflow:hidden; }
.sharesrcbox11 .shareshow{ position:relative; overflow:hidden;border-radius: 4px;margin: 8px;}
.sharesrcbox11 .shareshow{ position:relative; overflow:hidden;border-radius: 4px;margin: 8px 0;font-size: 13px; color:#666;}
.sharesrcbox11 .shareopeart{ position:absolute;background:rgba(0,0,0,.4); line-height:30px; text-align:center; bottom:-30px; left:0px; z-index:100; overflow:hidden; width:100%; cursor:pointer;}
.sharesrcbox11 .shareshow .statuswork{font-size: 12px;color:#ff9900/* #006DBD */;}
.objectsrcbox{ overflow:hidden; width:100%; padding:10px; height:160px;}
.objectsrc{float:left;  width:28%; margin:10px 20px;  height:120px; border-radius:4px; background:#fbeed5; /*border:1px dashed #e5e5e5;*/ padding:30px 10px; cursor:pointer; }
.workcurrent{ background:url(../images/selected.png) no-repeat 90% center #f7f7f7; }
.orderedbtn{ padding:1px 6px;  cursor:pointer; }
.orderedbtn div{width:20px; height:20px; background:url(../images/order.png) no-repeat 0 1px #ff8400 ; border-radius:4px;}
.orderedbtn div{width:20px; height:20px; background:url(../images/order.png) no-repeat 0 1px #ff9900 ; border-radius:4px;}
.workselectcon{ padding:10px;}
.workselectitem{/*  overflow:hidden; */ margin:6px 0;}
.workselectitem{/*  overflow:hidden; */ margin:6px 0;padding: 0 10px; padding-left: 20px;}
.workselectitem:nth-child(odd){background:#fff;}
.workselectitem table tr .workcheck{ text-align:center;}
.worksitcon{ width:100%;margin-top:0; overflow:hidden; }
.worksitcon .lasttime{ font-size:13px; color:#666;}
.worksitcon span{ padding-right:4px;}
.rebackcon{ height:60px; overflow:hidden;}
.modifyicon{width:20px; margin-left:6px;margin-top: 6px;}
.modifyicon{width:16px; margin-left:6px;margin-top: 6px;}
.workitimg{ width:120px; height:120px; }
.messagebox{position:relative;}
.msgprompt{position:absolute; top:26px; left:16px; padding:0 10px;text-align:center;  border-radius:14px; background:#ff6432; color:#fff;}
.workhandle{ position:absolute;  top:20px; right:20px;}
.workhandle span{ padding:2px 20px;border:1px #d7d7d7 solid;}
.workhandle .coultstate{background: #ff8400; position: relative;top:-10px;right: 20px; padding: 10px 30px; border-radius: 0 0 6px 6px;    border: solid 1px transparent;  box-shadow: 1px 1px 2px 1px #ccc; color: #fff; z-index: 20;}
.workhandle span{ padding:2px 20px;border:1px #d7d7d7 solid;margin: 2px;}
.workhandle .complain{display:none;}/* 更多操作按钮... */
.workhandle .coultstate{/* background: #ff9900; position: relative;top:-10px;right: 20px; padding: 10px 30px; border-radius: 0 0 6px 6px; box-shadow: 1px 1px 2px 1px #ccc; z-index: 20; */color: #fff;border-radius: 6px 0 0 6px;}
.workhandle .status-1{background:#FF9900;border: solid 1px #FF9900;}/*进行中*//*咨询状态*/
.workhandle .status-2{background:#dd524d;border: solid 1px #dd524d;}/*待评价*/
.workhandle .status-3{background:#4cd964;border: solid 1px #4cd964;}/*已完成*/
.workhandle .coultstate em{ position: absolute; width: 0px; height: 0px;border-top: 6px solid transparent; border-bottom: 0px solid rgb(204, 106, 6); border-left: 0px solid transparent; border-right: 5px solid rgb(204, 106, 6);left: -6px; top: -1px;z-index: 10;}
#evastarbox { overflow: hidden; border: 1px solid transparent; width: 110px; margin: auto;}
#evastarbox .startStyle{background: url(../images/evastar.png) 0 1px no-repeat;}
.workhandle .replybtn:hover{ background:#ff8400;cursor:pointer;color:#fff;border:1px #ff8400 solid;}
.workhandle .replybtn:hover{ background:#ff9900;cursor:pointer;color:#fff;border:1px #ff9900 solid;}
.workhandle .moreopert:hover{ background:#ff8400;cursor:pointer;color:#fff;border:1px #ff8400 solid;}
.workhandle .moreopert:hover{ background:#ff9900;cursor:pointer;color:#fff;border:1px #ff9900 solid;}
.workhandle .moreopertbtn{box-shadow:0px 2px 2px 1px #CECEB8;-moz-box-shadow:0px 2px 2px 1px #CECEB8;-webkit-box-shadow:0px 2px 2px 1px #CECEB8;width: 80px;right: 0;position: absolute;background: #fff; display:none;}
.workhandle .moreopertbtn li{ cursor:pointer;padding:2px 20px;border:1px #d7d7d7 solid;}
.workhandle .moreopertbtn li:hover{background:#ff8400;cursor:pointer;color:#fff;border:1px #ff8400 solid;}
.workhandle .moreopertbtn li:hover{background:#ff9900;cursor:pointer;color:#fff;border:1px #ff9900 solid;}
/*////////////科研项目/////////////////*/
.workobjcon{ overflow:hidden; background:#fff; min-height:600px; margin-top:10px; padding:20px;}
.dialogcontain .dialoginfo .thankbox{ width:190px;}
.dialogcontain .dialoginfo .thankbox span{ padding:0 12px; font-weight:600;}
.dialogcontain .dialoginfo .dialogsurebtn{margin: 10px auto;}
.dialogcontain .dialoginfo .dialogsurebtn span {padding:6px 20px; border-radius:6px; background:#ff8400;color:#fff; cursor:pointer; }
.dialogcontain .dialoginfo .dialogsurebtn span {padding:6px 20px; border-radius:6px; background:#ff9900;color:#fff; cursor:pointer; }
.dialogcontain .dialogstatus{ position:absolute; top:-20px; right: -8px;background: #ff8400; color: #fff; padding: 0 60px;border-radius: 20px 0 0 20px;z-index: 2; line-height: 40px; }
.dialogcontain .dialogstatus{ position:absolute; top:-20px; right: -8px;background: #ff9900; color: #fff; padding: 0 60px;border-radius: 20px 0 0 20px;z-index: 2; line-height: 40px; }
.dialogcontain .dialogstatus em{position: absolute;width: 0px; height: 0px;border-top: 0px solid  rgb(180, 60, 6);border-bottom: 6px solid transparent;border-left: 8px solid  rgb(180, 60, 6); border-right: 0px solid transparent;right: 0px; bottom: -5px;}
.dialogbody{ padding:20px; background:#FFF1DD; border-bottom:1px #d6d6d6 solid; min-height: 320px; overflow-y:auto;}
.dialogbody .dialoghistory{display: block; padding: 0 0 0 20px;border-style: solid;border-width: 1px 0 0 0;position: relative; margin: 25px 82px 14px; border-style: dashed; border-color: #d9d9d9;}
.dialogbody .dialoghistory .dialogword{ font-size: 14px; text-decoration:none; position: absolute; top: -9px;left: 50%;width: 108px; margin-left: -54px;text-align: center;font-weight: normal;}
.dialogleftitem,.dialogrightitem{ padding:10px; margin:10px;}
.dialogleftitem,.dialogrightitem{ padding:4px; }
.dilmod{ overflow:hidden;}
.dilmod .diluser{ width:60px; height:60px;}
.dilmod .diluser .userface{ display:block; width:100%; height:100%; border-radius:50%;overflow:hidden;}
.dilmod .diluser .userface{ display:block; width:100%; height:100%;/*  border-radius:50%; */overflow:hidden;}
.dilmod .dilinfobox{ max-width: 700px; padding:20px; margin:0 16px; border-radius:10px; position:relative;}
.dilmod .dilinfobox{ max-width: 700px; padding:10px 20px; margin:8px 16px; border-radius:6px; position:relative;}
.dilmod .dilinfobox_l{ background:#fff ; border: 1px  rgba(0,0,0,.1) solid;}
.dilmod .dilinfobox_r{ background:#ADE0F9; border: 1px #C8ECFD solid;}
.dilmod .dilinfobox .dilarrow{ display: block; width: 0px;height: 0px; margin:20px;border-width:14px;border-style:solid; position: absolute; top:-5px; }
.dilmod .dilinfobox .dilarrow_l{border-color:transparent rgba(0,0,0,.1) transparent transparent;left:-48px; }
.dilmod .dilinfobox .dilarrow_l_bor{border-color:transparent #fff transparent transparent;  left:-47px; }
.dilmod .dilinfobox .dilarrow_r{ border-color:transparent transparent transparent #C8ECFD;  right:-48px;}
.dilmod .dilinfobox .dilarrow_r_bor{ border-color:transparent transparent transparent #ADE0F9;  right:-47px;}
.dilmod .dilinfobox .dilarrow{ display: block; width: 0px;height: 0px; margin:20px;border-width:10px;border-style:solid; position: absolute; top:-10px; }
.dilmod .dilinfobox .dilarrow_l{border-color:transparent rgba(0,0,0,.1) transparent transparent;left:-40px; }
.dilmod .dilinfobox .dilarrow_l_bor{border-color:transparent #fff transparent transparent;  left:-39px; }
.dilmod .dilinfobox .dilarrow_r{ border-color:transparent transparent transparent #C8ECFD;  right:-40px;}
.dilmod .dilinfobox .dilarrow_r_bor{ border-color:transparent transparent transparent #ADE0F9;  right:-39px;}
.dialogfoot{ padding:20px; background:#fff; border-radius:0 0 10px 10px;}
.dialogfoot .sendbox_bar .sendtype .mlink3:hover{ background-position: -60px -30px;}
.dialogfoot .sendbox_bar .sendbtn {}
.dialogfoot .sendbox_bar .sendbtn .W_btn { display: inline-block;text-align: center;border-radius: 4px;line-height: 30px; padding: 0px 20px; font-size: 14px; background: #ff8400; border: 1px solid #ff8400; color: #fff; box-shadow: 0px 1px 2px rgba(0,0,0,0.25);}
.dialogfoot .sendbox_bar .sendbtn .W_btn { display: inline-block;text-align: center;border-radius: 4px;line-height: 30px; padding: 0px 20px; font-size: 14px; background: #ff9900; border: 1px solid #ff9900; color: #fff; box-shadow: 0px 1px 2px rgba(0,0,0,0.25);}
/* 对话页面，按钮显示和隐藏样式 */
.displayNone{

src/main/webapp/index.html

	        
	        <!--已登录-->
	        <div class="onlogin">
		        <div class="head-portrait">
	        	<a class="myWorkspace" href="workspaces.html">我的工作台</a>
		        <div class="head-portrait headRadius">
		        	<img class="portrait-p" />
		            <div class="personal-infor">
		                <div class="triangleB"></div>
		                <div class="personal-box">
		                <div class="personal-box bgRadius">
		                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
		                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
		                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
		                </div>
		                
		            </div>
		        </div>
		        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
		        </div> 
	        </div>
        </div>
    </div>
		<div class="theme">
			<h1>科袖</h1>
			<h2>搭建专家与企业之间的桥梁</h2>
			<div class="main-search">
			<div class="main-search bgRadius">
				 <div class="simuselect floatL" id="lookFor">
                	<div class="ulbox lookwho" onclick="showmenu()" id="div_select">找专家</div> 
					<ul id="li_show" class="lishow"> 

src/main/webapp/information-brow.html

        </div>
        <!--已登录-->
        <div class="onlogin">
	        <div class="head-portrait">
        	<a class="myWorkspace" href="workspaces.html">我的工作台</a>
	        <div class="head-portrait headRadius">
	        	<img class="portrait-p" />
	            <div class="personal-infor">
	                <div class="triangleB"></div>
	                <div class="personal-box">
	                <div class="personal-box bgRadius">
	                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
	                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
	                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
	                
	            </div>
	        </div>
	        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
	        
        </div>
	</div>
</div>
<div id="container">
	<div class="content">
		<div class="information-head">
			<div class="head-left"><a href="#"><img id="headImage"></a></div>	
			<div class="head-left headRadius"><a href="#"><img id="headImage"></a></div>	
			<div class="head-center">
				<div class="infor-browse">
					<a href="#" class="named" id="nameS"></a><a href="#" class="modify"></a>
					<a href="#" class="named" id="nameS" style="font-size:20px;"></a><a href="#" class="modify"></a>
					<div class="position" ><span id="office"></span ><span id="titleS"></span ></div>				
					<div class="science"><span id="industryS"></span ><span id="orgNameS"></span ></div>			
					<div class="address" id="address"></div>					
				</div>
				<div class="coulstbtn floatL" id="conbtn"><span>咨询</span></div>
			</div>
			<div class="head-right"><a  id="organ"><img id="orgImage"></a></div>
			<div class="head-right headRadius"><a  id="organ"><img id="orgImage"></a></div>
		</div>
		<div class="information-content">
			<div class="content-left" >
                    <a href="#infor3"  class="subsidebar">研究方向</a>
                    <a href="#infor4"  class="subsidebar">应用行业</a>
                    <a href="#infor5"  class="subsidebar">教育背景</a>
                    <a href="#infor6"  class="subsidebar">社会兼职</a>
                    <a href="#infor6"  class="subsidebar">工作经历</a>
                    <a href="#infor7"  class="subsidebar">项目经历</a>
                    
                    <a href="#infor8"  class="subsidebar">著作、论文、文章</a>
                    <a href="#infor9"  class="subsidebar">专利</a>
                    <a href="#infor10"  class="subsidebar">获奖</a>
                    <a href="#infor10"  class="subsidebar">荣誉及奖项</a>
                </div>
                <div class="menublock">
                    <div class="left-title" >合作机会</div>
				</div>
				
				<div class="right-box introduction">
					<div class="right-title"><span>社会兼职</span>    </div>
					<div class="right-title"><span>工作经历</span>    </div>
					<div class="infor-browse">
						<ul class="edu-about" id="timeJobShow">
							
				<div class="right-box introduction">
					<div class="right-title"><span>科研资源</span>    </div>
					<div class="infor-browse">
                    	<div class="shareabout">
                    	<div class="shareabout shareabout1">
                            <div class="sharesrcbox">
                                <div class="sharescrollbox" id="sharescrollbox">
                                    
                <div class="right-box introduction">
					<div class="right-title"><span>合作历史及评价</span>    </div>
					<div class="infor-browse">
						<div class="shareabout">
						<div class="shareabout shareabout2">
                        	
                        
                        </div>

src/main/webapp/information.html

        </div>
        <!--已登录-->
        <div class="onlogin">
	        <div class="head-portrait">
        	<a class="myWorkspace" href="workspaces.html">我的工作台</a>
	        <div class="head-portrait headRadius">
	        	<img class="portrait-p" />
	            <div class="personal-infor">
	                <div class="triangleB"></div>
	                <div class="personal-box">
	                <div class="personal-box bgRadius">
	                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
	                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
	                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
	                
	            </div>
	        </div>
	        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
        </div>
	</div>
</div>
<div id="container">
	<div class="content">
		<div class="information-head">
			<div class="head-left"><a href="#"><img id="headImage"><a href="photo-set.html" class="replace-photo"></a></a></div>		
			<div class="head-left headRadius"><a href="#"><img id="headImage"><a href="photo-set.html" class="replace-photo"></a></a></div>		
			<div class="head-center">
				<div class="infor-browse">
					<a href="#" class="named" id="nameS"></a><a href="#" class="modify"></a><a class="edit" ></a>
					<a href="#" class="named" id="nameS" style="font-size:20px;"></a><a href="#" class="modify"></a><a class="edit" style=" margin:4px 6px;"></a>
					<div class="position" ><span id="office"></span ><span id="titleS"></span ></div>				
					<div class="science"><span id="industryS"></span ><span id="orgNameS"></span ></div>			
					<div class="address" id="address"></div>
				</div>
				<div class="modifybox">
				<div class="infor">
					<span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span>
					<span><em class="emspace">姓</em>名</span>
					<input type="text" class="input-txt name" id="name">
                    <span>职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称</span>
					<div class="divselect"> 
						<input class="input-txt" type="text" value=""  id="title"/> 
					</div>
					<span>所在城市</span>
					<input type="text" class="input-txt" id="addressRevise">
                    
				</div>
				<div class="infor">
					<span>职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位</span>
					<span><em class="emspace">职</em>称</span>
					<div class="divselect"> 
						<input class="input-txt" type="text" value=""  id="title"/> 
					</div>
					<span><em class="emspace">职</em>位</span>
					<input type="text" class="input-txt" id="officeRevise">
					<span>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址</span>
					<input type="text" class="input-txt" id="addressRevise">
				</div>
				<div class="infor">
					<span>部&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;门</span>
					<span>所属部门</span>
					<input type="text" class="input-txt" id="department">
					<span>所属机构</span>
					<span>所在机构</span>
					<input type="text" class="input-txt" id="orgName">
				</div>
				<div class="infor">
				</div>
			</div>
			<!-- href="organization-brow.html" -->
		<div class="head-right"><a ><img id="orgImage"></a></div>
		<div class="head-right headRadius"><a ><img id="orgImage"></a></div>
		</div>
		<div class="information-content">
			<div class="content-left" >
                    <a href="#infor3"  class="subsidebar">研究方向</a>
                    <a href="#infor4"  class="subsidebar">应用行业</a>
                    <a href="#infor5"  class="subsidebar">教育背景</a>
                    <a href="#infor6"  class="subsidebar">社会兼职</a>
                    <a href="#infor6"  class="subsidebar">工作经历</a>
                    <a href="#infor7"  class="subsidebar">项目经历</a>
                    
                    <a href="#infor8"  class="subsidebar">著作、论文、文章</a>
                    <a href="#infor9"  class="subsidebar">专利</a>
                    <a href="#infor10"  class="subsidebar">获奖</a>
                    <a href="#infor10"  class="subsidebar">荣誉及奖项</a>
                </div>
                <div class="menublock">
                    <div class="left-title" >合作机会</div>
					</div>
					<div class="modifybox">
					<div class="infor edu btn-marL">
						<b class="star">*</b>学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;校
						<b class="star">*</b><em class="emspace">学</em>校
						<input type="hidden" id="eduId" />
						
						<input type="text" class="input-txt edu-txt" id="school">
						<!--<input type="text" class="date-btn input-txt" id="year" />-->
					</div>
					<div class="infor edu btn-marL">
						<b class="star">&nbsp;&nbsp;</b>院&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系
						<b class="star">&nbsp;&nbsp;</b><em class="emspace">院</em>系
						<input type="text" class="input-txt edu-txt" id="college">
					</div>
					<div class="infor edu btn-marL">
						<b class="star">&nbsp;&nbsp;</b>专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业
						<b class="star">&nbsp;&nbsp;</b><em class="emspace">专</em>业
						<input type="text" class="input-txt edu-txt" id="major">
					</div>
					<div class="infor edu btn-marL edu-h">
					<!--	<div class="sf"><b class="star">*</b>身&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;份</div>
					<!--	<div class="sf"><b class="star">*</b><em class="emspace">身</em>份</div>
						<div class="radiobox">
							<input type="radio" name="student" id="a" value="0" class="radio edu-radio"><label for="a" class="radio edu-radio">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;生</label>
							<input type="radio" name="student" id="a" value="0" class="radio edu-radio"><label for="a" class="radio edu-radio"><em class="emspace">学</em>生</label>
							<input type="radio" name="student" id="b" value="1" class="radio edu-radio"><label for="b" class="radio edu-radio" >访问学者</label>
						</div>-->
						<div class="edu-select" style=" float:none;">
				</div>
				
				<div class="right-box introduction">
					<div class="right-title"><span>社会兼职</span><a class="edit"></a></div>
					<div class="right-title"><span>工作经历</span><a class="edit"></a></div>
					<div class="infor-browse">
						<ul class="edu-about" id="timeJobShow">
							
					</div>
					<div class="infor edu btn-marL datebox">
						<div class="date-title"><b class="star">&nbsp;&nbsp;</b>时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间</div>
						<div class="date-title"><b class="star">&nbsp;&nbsp;</b><em class="emspace">时</em>间</div>
                        <input type="text"  maxLength="6" class="date-btn input-txt " id="startMonth"  onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;" value="201608">
						<!--<input class="date-btn input-txt" id="startMonth"/>-->
						  <hr class="ago">
                        
					</div>
					<div class="infor edu btn-marL">
						<b class="star">*</b>头&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;衔
						<b class="star">*</b><em class="emspace">头</em>衔
						<input type="text" class="input-txt edu-txt" id="jobTitle" />
					</div>
					<input type="button" value="保存" class="infor-save btn btn-marL" id="timeJobSave">
						<input type="text" class="input-txt edu-txt" id="projectName">
					</div>
					<div class="infor edu btn-marL datebox">
						<div class="date-title"><b class="star">&nbsp;&nbsp;</b>时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间</div>
						<div class="date-title"><b class="star">&nbsp;&nbsp;</b><em class="emspace">时</em>间</div>
						
						<!--<input class="date-btn input-txt" id="projectStartMonth"/>-->
                        
                        <div class="check checkbox"><input type="checkbox" class="present" >至今</div>
					</div>
					<div class="infor edu btn-marL">
						<b class="star">&nbsp;&nbsp;</b>描&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;述
						<b class="star">&nbsp;&nbsp;</b><em class="emspace">描</em>述
						<!-- <textarea class="reedit" id="projectDescp"></textarea> -->
						<input type="text" class="input-txt edu-txt" id="projectDescp">
					</div>
					</div>
					<div class="modifybox">
					<div class="infor edu btn-marL">
						<b class="star">*</b>标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题
						<b class="star">*</b><em class="emspace">标</em>题
						<input type="hidden" id="paperId"/>
						<input type="text" class="input-txt edu-txt" id="paperName">
					</div>
                        <input type="text"  maxLength="4" class="date-btn input-txt" id="paperYear"  onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;" value="2016">
                        
					</div>
					<!--<div class="infor edu btn-marL datebox">
						<b class="star">&nbsp;&nbsp;</b>年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;份
						<input type="text" class="input-txt edu-txt" id="paperYear">
						
					</div>-->
					<div class="infor edu btn-marL">
						<b class="star">&nbsp;&nbsp;</b>描&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;述
						<b class="star">&nbsp;&nbsp;</b><em class="emspace">描</em>述
						<input type="text" class="input-txt edu-txt" id="paperDescp">
					</div>
					<div class="infor edu btn-marL">
						<b class="star">&nbsp;&nbsp;</b>链&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;接
						<b class="star">&nbsp;&nbsp;</b><em class="emspace">链</em>接
						<input type="text" class="input-txt edu-txt" id="paperUrl">
					</div>
					<input type="button" value="保存" class="infor-save btn btn-marL" id="paperSave">
					</div>
					<div class="modifybox">
					<div class="infor edu btn-marL">
						<b class="star">*</b>标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题
						<b class="star">*</b><em class="emspace">标</em>题
						<input type="hidden" id="patentId" />
						<input type="text" class="input-txt edu-txt" id="patentName">
					</div>
                         <input type="text"  maxLength="4" class="date-btn input-txt" id="patentYear"  onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;" value="2016">
                        
					</div>
					<!--
					<div class="infor edu btn-marL datebox">
						<b class="star">&nbsp;&nbsp;</b>年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;份
						<input type="text" class="input-txt edu-txt" id="patentYear">
						
					</div>-->
					<div class="infor edu btn-marL">
						<b class="star">&nbsp;&nbsp;</b>链&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;接
						<b class="star">&nbsp;&nbsp;</b><em class="emspace">链</em>接
						<input type="text" class="input-txt edu-txt" id="patentUrl">
					</div>
					<div class="infor edu btn-marL">
						<b class="star">&nbsp;&nbsp;</b>描&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;述
						<b class="star">&nbsp;&nbsp;</b><em class="emspace">描</em>述
						<input type="text" class="input-txt edu-txt" id="patentDescp">
					</div>
					<input type="button" value="保存" class="infor-save btn btn-marL" id="patentSave">
					</div>
					<div class="modifybox">
					<div class="infor edu btn-marL">
						<b class="star">*</b>标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题
						<b class="star">*</b><em class="emspace">标</em>题
						<input type="hidden" id="honorId"/>
						<input type="text" class="input-txt edu-txt" id="honorName">
					</div>
					<div class="infor edu btn-marL date-box">
						<div class="date-title"><b class="star">&nbsp;&nbsp;</b>时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间</div>
						<div class="date-title"><b class="star">&nbsp;&nbsp;</b><em class="emspace">时</em>间</div>
						<!--<input type="text" class="date-btn input-txt" id="honorYear">-->
                      
                        <input type="text"  maxLength="4" class="date-btn input-txt" id="honorYear"  onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;" value="2016">
                        
					</div>
				<!--	<div class="infor edu btn-marL datebox">
						<b class="star">&nbsp;&nbsp;</b>年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;份
						<input type="text" class="input-txt edu-txt" id="honorYear">
						
					</div>
					<div class="infor edu btn-marL">
						<b class="star">*</b>描&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;述
						<input type="text" class="input-txt edu-txt" id="honorDescp">
					</div>-->
			
					<input type="button" value="保存" class="infor-save btn btn-marL" id="honorSave">
					<input type="button" value="取消" class="close btn btn-marB">
                    <div class="clearfix"></div>
</body>
</html>

src/main/webapp/js/account-set.js

			}else{
				phonePass = false;
				/*alert("手机格式正确,请输入正确的手机号码");*/
				$(".msg12").text("手机格式正确,请输入正确的手机号码");
				$(".msg12").text("手机格式不正确,请输入正确的手机号码");
			}
	    }
	}

src/main/webapp/js/consult.js

		
		if(data[i]["consultStatus"] == 0){
			state = "进行中";
			/*$(".coultstate").eq(i).removeClass("status-2,status-3");
			$(".coultstate").eq(i).addClass("status-1");*/
			text = '回复';
		} else if (data[i]["consultStatus"] == 1) {
			text = "查看";
			/*$(".coultstate").eq(i).removeClass("status-2,status-1");
			$(".coultstate").eq(i).addClass("status-3");*/
			state = "已完成";
			if(attrParams == 'consultId'){
				if(data[i]["assessStatus"] == 0){
					state = "未评价";
					/*$(".coultstate").eq(i).removeClass("status-1,status-3");
					$(".coultstate").eq(i).addClass("status-2");*/
					state = "待评价";
				}
			} 
		}else if(data[i]["consultStatus"] == undefined){
				"<table width='100%'>" +
					"<tbody><tr>" +
						"<td width='14%' class='messagebox'>" +
							"<a class='workhead workitimg'>" +
							"<a class='workhead workitimg headRadius'>" +
								"<img class='headPhoto' src='"+photoUrl+"'  width='100%' height='100%'>" +
							"</a>" +
							"<span class='msgprompt showUnreadMsg' style='"+unread.style+"' id='" +data[i]["consultId"] +"'>"+unread.unreadCount+"</span>" +
			"<div class='"+dialogitem+"'>" +
			"<div class='dilmod'>" +
				"<div class='diluser "+float+"'>" +
					"<a  target='_blank' class='userface'>" +
					"<a  target='_blank' class='userface headRadius'>" +
						"<img src='images/default-photo.jpg' width='100%' height='100%'>" +
					"</a>" +
				"</div>" +

src/main/webapp/js/index.js

});
var lookFor = $("#lookFor ul li").index();
var lookFor = 0;
$("#lookFor ul li").on("click",function(){
	lookFor=$(this).index();
});

src/main/webapp/js/information.brow.js

						
						if($photos.length>0){
							for(var j =0 ; j< $photos.length;++j){
								showDiv += "<span class='like-people'><img class='like-h' src='/images/head/"+$photos[j]+"_s.jpg'></span>";
								showDiv += "<span class='like-people headRadius'><img class='like-h' src='/images/head/"+$photos[j]+"_s.jpg'></span>";
								
							} 
						}
							
							//研究方向						
							if ($info.researchAreas.length) {
								researchAreaShow($info.researchAreas,$info.researchAreaLogs);
								researchAreaShow($info.researchAreas,$info.editResearchAreaLogs);
							}else{							
								$("span:contains('研究方向')").parents(".introduction").hide();
								$("a:contains('研究方向')").hide();
							if ($info.jobs.length) {
								timeJobShow($info.jobs);
							}else{
								$("span:contains('社会兼职')").parents(".introduction").hide();
								$("a:contains('社会兼职')").hide();
								$("span:contains('工作经历')").parents(".introduction").hide();
								$("a:contains('工作经历')").hide();
							}
							//项目
							if ($info.projects.length) {
								honorShow($info.honors);
							}else{
								$("span:contains('荣誉及奖项')").parents(".introduction").hide();
								$("a:contains('获奖')").hide();	
								$("a:contains('荣誉及奖项')").hide();	
							}
							 
					//下滑滚动不覆盖底部 
	                	add+='<a class="remess" resourceId='+data.data[i].resourceId+'><img src="/images/resource/'+data.data[i].resourceId+'.jpg" width="100%" height="100%" class="resourceImg"></a>'
	                 	add+='<div class="shareopeart"><a class="sharebtn resourceConsult" professorId='+data.data[i]["professorId"]+'>咨询</a><a class="sharebtn applicant">申请</a></div>'
	             		add+='</div>'
	             		add+='<p>资源名称：<span class="presou consultTitleVal" resourceConsultTitle = "">'+ data.data[i].resourceName+'</span></p>'
	             		add+='<p class="restit">资源名称：<span class="presou consultTitleVal" resourceConsultTitle = "">'+ data.data[i].resourceName+'</span></p>'
	             		add+='<p class="briefinfor">简介:'+data.data[i].supportedServices+'</p>'
	        			add+='</div>'
	        			$("#sharescrollbox").append(add);
				+  $data[i].assessTime.substr(8,2)+ ":" + $data[i].assessTime.substr(10,2);
				add+='<div class="evaluate">'
                	add+='<div class="lefteva">'
                      add+='<a  class="evaimg">'
                      add+='<a  class="evaimg headRadius">'
                    if($data[i].professor.hasHeadImage) {
                    	add+='<img src="/images/head/'+$data[i].professor.id+'_m.jpg" width="100%" height="100%">'
                    }else{
                      add+='</div>'
                add+='</div>'
                	var $add=$(add);
                $(".shareabout").append($add);
                $(".shareabout2").append($add);
                 $add.find(".evastar:lt("+$data[i].assessStar+")").addClass('staspan');     
               }
			}

src/main/webapp/js/information.js

	                	add+='<a href=""><img src="/images/resource/'+data.data[i].resourceId+'.jpg" width="100%" height="100%" class="resouImage"></a>'
	                 	add+='<div class="shareopeart"></div>'
	             		add+='</div>'	             
	             		add+='<p>资源名称：<span class="presou">'+ data.data[i].resourceName+'</span></p>'
	             		add+='<p class="restit">资源名称：<span class="presou">'+ data.data[i].resourceName+'</span></p>'
	             		if(data.data[i].descp==undefined){
	             			data.data[i].descp="";
	             		}

src/main/webapp/js/login-phone-find01.js

	    var clickTime = new Date().getTime();
	    var Timer = setInterval(function(){
	        var nowTime = new Date().getTime();
	        var second  = Math.ceil(120-(nowTime-clickTime)/1000);
	        var second  = Math.ceil(60-(nowTime-clickTime)/1000);
	        if(second>0){
	        	$('.gainon').val(second+"s后重新获取");
	        }else{

src/main/webapp/js/popup.js

		
		PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg1"></div></div></td></tr>  ';
		PopHtml += '<tr class="respublisher"><th class="resouinfotype"  scope="row">资源发布者</th><td><div class="resouinforcon" id="professor" ></div></td></tr>';
		PopHtml += '<tr><th class="resouinfotype"  scope="row">可提供服务</th><td><div class="resouinforcon"><input type="text" class="frmtype"  id="supportedServices"><span class="requiredcon">*</span></div></td></tr>';
		PopHtml += '<tr><th class="resouinfotype"  scope="row">应用用途</th><td><div class="resouinforcon"><input type="text" class="frmtype"  id="supportedServices"><span class="requiredcon">*</span></div></td></tr>';
		PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg3"></div></div></td></tr>  ';
		PopHtml += '<tr><th class="resouinfotype"  scope="row">学术领域</th><td><div class="resouinforcon"><input type="text" class="frmtype subCla" id="subject"><input type="button" value="添加" class="addIndusry" id="subjectAdd"></div></td></tr>';
		PopHtml += '<tr><th></th><td><div class="addlist" id="SubjectList"></div></td></tr>'
		//PopHtml += '<div class="resouimg" >';
		//PopHtml += '<span class="resouup"><input type="file" name="file" id="resouup" >上传资源图片</span>';
		//PopHtml += '<div class="resouimgshow"><img width="100%" height="100%" src="" class="resouImage" /></div></div>';
		PopHtml += '<div id="uploader">';
		PopHtml += '<div id="uploader" style="border-radius: 6px;">';
		PopHtml += '<div id="fileList" class="uploader-list"></div>';
		PopHtml += '<div id="filePicker">选择图片</div></div>';
		PopHtml += '<span class="resouimgmsg">尺寸240*240，大小在5M以内，<br/>JPG、PNG格式</span>';
//		PopHtml += '<table class="teamworkbox">';
//		PopHtml += '<tr><td><div class="teamworktit">合作历史及评价</div></td></tr>';
//		PopHtml += '<tr><td><div class="teamwork">';
//		PopHtml += '<div class="lefteva"><a href="" class="evaimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称，职位</p><p>XXX学校，XXX机222222222222222构</p></div>';
//		PopHtml += '<div class="lefteva"><a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称，职位</p><p>XXX学校，XXX机222222222222222构</p></div>';
//		PopHtml += '<div class="righteva">';
//        PopHtml += '<ul class="evasort"><li class="teamname"><span>XXXXXX资源的合作</span><span class="teamtime">2016-09-06</span></li></ul>';
//        PopHtml += '<div class="evastarbox"><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span></div>';
			 resourceName();
		});
	//验证可提供服务	
	//验证应用用途	
		function supportedServices()
		{
			var code = $("#supportedServices").val();
			if(code.length==0||code==" ")
			{
				$(".workmsg3").text("可提供服务不能为空");
				$(".workmsg3").text("应用用途不能为空");
				supportedServicesPass= false;
			}
			else
	PopHtml += '</tr>';		
	PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg1"></div></div></td></tr>  ';
	PopHtml += '<tr class="respublisher"><th class="resouinfotype"  scope="row">资源发布者</th><td><div class="resouinforcon" id="professor" ></div></td></tr>';
	PopHtml += '<tr><th class="resouinfotype"  scope="row">可提供服务</th><td><div class="resouinforcon"><span  id="supportedServices"></span></div></td></tr>';
	PopHtml += '<tr><th class="resouinfotype"  scope="row">应用用途</th><td><div class="resouinforcon"><span  id="supportedServices"></span></div></td></tr>';
	PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg3"></div></div></td></tr>  ';
	PopHtml += '<tr><th class="resouinfotype"  scope="row">学术领域</th><td><div class="resouinforcon"><span   id="subject"></span></div></td></tr>';
	PopHtml += '<tr><th class="resouinfotype"  scope="row">应用行业</th><td><div class="resouinforcon"><span id="industry"></span></div></td></tr>'; 
	
	/////////////资源图片上传////////////////////
	//图像
	PopHtml +='<div class="resouimgbox floatL">';
	PopHtml +='<div class="resouimgbox floatL" style="width:240px;">';
	PopHtml += '<div class="resouinforcon">';
	PopHtml += '<div class="resouimg" >';
	PopHtml += '<div class="resouimgshow"><img width="100%" height="100%" src="" class="resouImage" /></div></div>';
	PopHtml += '<div class="resouimgshow" style="height:220px;width:220px;"><img width="100%" height="100%" src="" class="resouImage" /></div></div>';
	PopHtml += '</div></div>';
	PopHtml += '</div></form>';
	//关闭按钮
		PopHtml += '<div class="commentbox"><table class="commentcon"id="commbox">';
		//双方都评价
//		PopHtml += '<tr><td> <div class="teamwork">';
//		PopHtml += '<div class="lefteva"> <a href="" class="evaimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称，职位</p><p>XXX学校，XXX机222222222222222构</p></div>';
//		PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称，职位</p><p>XXX学校，XXX机222222222222222构</p></div>';
//		PopHtml += '<div class="righteva">';
//        PopHtml += '<ul class="evasort"><li class="teamname"><span>XXXXXX资源的合作</span><span class="teamtime">2016-09-06</span></li></ul>';
//        PopHtml += '<div class="evastarbox"><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span></div>';
//        PopHtml += '</div></div>';
//        //对方未评价
//        PopHtml += '<tr><td> <div class="teamwork">';
//		PopHtml += '<div class="lefteva"> <a href="" class="evaimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称，职位</p><p>XXX学校，XXX机222222222222222构</p></div>';
//		PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称，职位</p><p>XXX学校，XXX机222222222222222构</p></div>';
//		PopHtml += '<div class="righteva"><div class="noconmment">对方还未评价</div></div>';
//		PopHtml += '</td></tr>  ';
		PopHtml += '</table></div> </div>'
		PopHtml += '<div class="resouinforcon"><div class="wordlimit">字数限制为5~200个</div></div>';
		PopHtml += '<div class="addrebtn" style="text-align:right;"> <input type="button" value="留言" class="frmtype frmbtn"></div></div>';
		PopHtml += '<div class="guestcon"><div class="guestconitem">';
		PopHtml += '<div class="lefteva"> <a href="" class="evaimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a> </div>';
		PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a> </div>';
		PopHtml += ' <div class="righteva">';
		PopHtml += '<ul class="evasort"> <li class="guestname"><span>李四</span><span class="guesttime">2016-09-06 08:00</span></li></ul>';
		PopHtml += '<p class="evabrief">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo co Proin gravida dolor sit amet lacus accumsan etiverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et  </p>';
		PopHtml += '<div class="resouinforcon"><div class="wordlimit">字数限制为5~200个</div></div>';
		PopHtml += '<div class="addrebtn" style="text-align:right;"> <input type="button" value="留言" class="frmtype frmbtn"></div></div>';
		PopHtml += '<div class="guestcon"><div class="guestconitem">';
		PopHtml += '<div class="lefteva"> <a href="" class="evaimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a> </div>';
		PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a> </div>';
		PopHtml += ' <div class="righteva">';
		PopHtml += '<ul class="evasort"> <li class="guestname"><span>李四</span><span class="guesttime">2016-09-06 08:00</span></li></ul>';
		PopHtml += '<p class="evabrief">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo co Proin gravida dolor sit amet lacus accumsan etiverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et  </p>';
		PopHtml += '<div class="commentbox"><table class="commentcon">';
		//双方都评价
		PopHtml += '<tr><td> <div class="teamwork">';
		PopHtml += '<div class="lefteva"> <a href="" class="evaimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称，职位</p><p>XXX学校，XXX机222222222222222构</p></div>';
		PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称，职位</p><p>XXX学校，XXX机222222222222222构</p></div>';
		PopHtml += '<div class="righteva">';
        PopHtml += '<ul class="evasort"><li class="teamname"><span>XXXXXX资源的合作</span><span class="teamtime">2016-09-06</span></li></ul>';
        PopHtml += '<div class="evastarbox"><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span></div>';
        PopHtml += '</div></div>';
        //对方未评价
        PopHtml += '<tr><td> <div class="teamwork">';
		PopHtml += '<div class="lefteva"> <a href="" class="evaimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称，职位</p><p>XXX学校，XXX机222222222222222构</p></div>';
		PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称，职位</p><p>XXX学校，XXX机222222222222222构</p></div>';
		PopHtml += '<div class="righteva"><div class="noconmment">对方还未评价</div></div>';
		//您本人未评价
        PopHtml += '<tr><td> <div class="teamwork">';
		PopHtml += '<div class="lefteva"> <a href="" class="evaimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称，职位</p><p>XXX学校，XXX机222222222222222构</p></div>';
		PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称，职位</p><p>XXX学校，XXX机222222222222222构</p></div>';
		PopHtml += '<div class="righteva"><div class="noconmment">您还未进行评价，<a class="combtn">现在去评价！</a></div>';
		PopHtml += '</td></tr> </table></div> </div> ';
		PopHtml += '<div class="consultleft floatL">';
		//专家头像
		PopHtml += '<div class="prohead"><img id="prohead"  width="100%" height="100%"></div>';
		PopHtml += '<div class="proheadbox">';
		PopHtml += '<div class="prohead headRadius"><img id="prohead"  width="100%" height="100%"></div>';
		PopHtml += '<div class="phh5" id="starLevel"><div class="evadegree floatL" style="margin-right:10px;">';
		PopHtml += '<div class="evastarbox2">';
   			PopHtml += '<span class="evastar2"></span>';
			PopHtml += '<span class="evastar2"></span>';
			PopHtml += '<span class="evastar2"></span>';
			PopHtml += '<span class="evastar2"></span>';
			PopHtml += '<span class="evastar2"></span>';
		PopHtml += '</div>';
		PopHtml += '已完成咨询<span id="byConsultConut" ></span>次</div>';
		PopHtml += '</div>';
			
		PopHtml += '</div>';
		//咨询类型菜单选择
		PopHtml += '<div class="consultmenu">';
		PopHtml += '<div class="menutit">请选择联系目的</div>';
		PopHtml += '<div class="menutit">请选择您的咨询类型</div>';
		PopHtml += '<ul class="menucon"><li>技术咨询</li><li>资源咨询</li><li>其他事务</li> </ul>';
		PopHtml += '<div class="pripolicy"><h3>隐私条款</h3><p>为使您的请求得到快速响应，您填写的信息可能被ta的助手或科袖工作人员查阅，所以请不要填写机密信息。</p></div>';
		PopHtml += '<div class="pripolicy"><h3>隐私条款</h3><p>为使您的请求得到快速响应，您填写的信息可能被他的助手或科袖工作人员查阅，所以请不要填写机密信息。</p></div>';
        PopHtml += '</div></div>';
		PopHtml += ' <div class="consultright floatL">';
		//专家信息
		PopHtml += '<div class="probrief">';
		PopHtml += '<div class="proname"><a href="" class="name" id="professorName"></a><img class="modifyicon displayNone" id="proModify" src="images/rz.png" width="30"></div>';
		PopHtml += '<div class="proname"><a href="" class="name" id="professorName"></a><img class="modifyicon displayNone" id="proModify" src="images/onauth.png" width="18"></div>';
		PopHtml += '<div class="phh2" id="professorTitle"></div>';
		PopHtml += '<div class="phh4"><span id="profDepartment"> </span><span id="profOrganization" style="margin-left:5px;"></span></div>';
		PopHtml += '<div class="phh4" id="adress"><span id="profAdress"></span></div>';
		PopHtml += '<div class="phh4" id="starLevel"><div class="evadegree floatL" style="margin-right:10px;">';
		PopHtml += '<div class="evastarbox2">';
   			PopHtml += '<span class="evastar2"></span>';
			PopHtml += '<span class="evastar2"></span>';
			PopHtml += '<span class="evastar2"></span>';
			PopHtml += '<span class="evastar2"></span>';
			PopHtml += '<span class="evastar2"></span>';
			PopHtml += '</div>';
		PopHtml += '</div>';
PopHtml += '已完成咨询<span id="byConsultConut" ></span>次</div>';
		
		PopHtml += '</div>';
		//发送咨询主题与内容
		PopHtml += '<div class="sendmsg">';
		//必须先将html添加到body，再设置Css样式
        $("body").prepend(PopHtml);
        $("body").css("position","fixed");
		//$("body").css({"overflow-y":"hidden","-ms-overflow-y":"hidden","-webkit-overflow-y":"hidden","-moz-overflow-y":"hidden"});
		/*$("#sendConsultBtn").on("click",function(){
			alert("444");
			//sendConsult();
			
		})*/;
        var _widht = $(".blackcover").width();
        var _height = $(".blackcover").height();
		var boxWidth = $(".consultapply").width();

src/main/webapp/js/register.js

	   		        }
	    		}else{
	    			phonePass = false;
	    			$(".msgphone1").text("手机格式正确,请输入正确的手机号码");
	    			$(".msgphone1").text("手机格式有误,请输入正确的手机号码");
	    		}
	        }    
		},
function doClick(){
    removeClass(btn,'getcodeon');
    addClass(btn,'getcodeoff');
    btn.innerHTML="120s后重新获取";
    btn.innerHTML="60s后重新获取";
    var clickTime = new Date().getTime();
    var Timer = setInterval(function(){
        var nowTime = new Date().getTime();
        var second  = Math.ceil(120-(nowTime-clickTime)/1000);
        var second  = Math.ceil(60-(nowTime-clickTime)/1000);
        if(second>0){
            btn.innerHTML = second+"s后重新获取";
        }else{
			$(".msgphone4").text("");
			setpass = true;
		}else{
			$(".msgphone4").text("密码6到16位");
			//$(".msgphone4").text("密码6到16位");
			$(".msgphone4").text("密码由6-24 个字符组成，区分大小写");
		}
    }  
}

src/main/webapp/js/search.js

//	       $(".lookwho option[value='1']").attr("selected","selected");
	       $("#div_select").text("找资源");
	    }
	   
//	    var lookFor2 = 0;
//	    $("#lookFor2 ul li").on("click",function(){
//	    	lookFor2=$(this).index();
//	    	 console.log(lookFor2);
//	    });
//	  //enter绑定时间
//	    $("#lookFor2 #searchContent").keydown(function(e){
//	    	if(e.which==13) {
//	    		synContent(2);
//	    		synContent(1);		
//	    	 var searchContent = $("#searchContent").val();
//	    	   console.log(lookFor2);
//	    		location.href = "search.html?searchContent=" + encodeURI(searchContent)+"&lookFor=" + lookFor2;
//	    	}
//	    	
//	    })
	    
		var userid = $.cookie("userid");
		var  subject;
		var subb=$.trim(GetQueryString("subject"));
							for(var i = 0 ; i < $data.data.data.length ; i++){
								//创建HTML标签  
								var dataHtml = "<div class='item'>";									
								dataHtml += "<a  class='infoi'  href='information-brow.html?professorId="+$data.data.data[i].id+"' ><div class='photo1'>"
								dataHtml += "<a  class='infoi'  href='information-brow.html?professorId="+$data.data.data[i].id+"' ><div class='photo1 headRadius'>"
								if($data.data.data[i].hasHeadImage) {
									dataHtml += "<img class='images' style='width:100%;'  src='/images/head/"+$data.data.data[i].id+"_l.jpg'/></div></a>";
								}
									dataHtml += "<img class='images' style='width:100%;'  src='/images/default-photo.jpg'/></div></a>";
								}
								dataHtml += "<div class='synopsis'>";
								dataHtml += "<a href='information-brow.html?professorId="+$data.data.data[i].id+"' class='named'>";
								dataHtml += "<a href='javascript:void();' class='named'>";
								if(typeof($data.data.data[i].name) !== "undefined"){
									dataHtml += $data.data.data[i].name;
								}
								)(i);
								//点击查看当前信息
								(function(i){
									$('.named').click(function()
									$('.synopsis').click(function()
								{
									if(userid==$data.data.data[i].id)
									{
										$(".named").attr("href","information.html");	
									}										
									{	
										location.href='information.html';
									}else{
										location.href='information-brow.html?professorId='+$data.data.data[i].id;
									}	
									
								})
								}
									
 							for(var i=0;i<$da.length;i++)
 							{
 								var add='<div class="item">'
 			                    add+='<a class="resourcephoto" ><img src="" class="resourceImg remess" width="100%" height="100%" resourceId='+$da[i].resourceId+'></a>'
 			                    add+='<a class="resourcephoto bgRadius" ><img src="" class="resourceImg remess" width="100%" height="100%" resourceId='+$da[i].resourceId+'></a>'
 			                    add+='<div class="synopsis">' 			                  
 			                     add+='<div class="cousultName"><a class="resouname" href="">'+$da[i].resourceName+'</a></div>'
 			                     add+='<div class="cousultName"><a class="resouname" href="javascript:void();">'+$da[i].resourceName+'</a></div>'
 			                     if($da[i].professor.name){
 			                    	 add+='<div class="belongname">'+$da[i].professor.name+'<img class="modicon" src="images/onauth.png" width="14" ></div>'  
 			                    		  } 			                   

src/main/webapp/js/workindex.js

	$.ajax({		
		"url":"/ajax/operation/pqpro",
		"type":"get",
		"data":{"id":userid},
		"data":{"id":userid,"pageSize":4},
		"async": false,
		"success":function(data)
		{
						{
							stringContent +='<div class="sharesrc replySide" resourId='+data.data.data[i].resource.resourceId+' operationStatus='+data.data.data[i].operationStatus+' operationId='+data.data.data[i].operationId+' dealPrice='+data.data.data[i].dealPrice+' flag=0>'
						}						
	                    stringContent +='<div class="shareshow"><img src="" width="100%" height="184"class="resourceImage"></div>'
	                    stringContent +='<p>资源名称：'+data.data.data[i].resource.resourceName+'</p>'
	                    stringContent +='<div class="shareshow"><img src="" width="186" height="186"class="resourceImage"></div>'
	                    stringContent +='<div class="shareshow"><p>资源名称：'+data.data.data[i].resource.resourceName+'</p>'
	                    if(userid==data.data.data[i].professor.id)
	                    	{
	                    	 stringContent +='<p>合作对象：'+data.data.data[i].resource.professor.name+'</p>'
	                    	 stringContent +='<p>合作对象：'+data.data.data[i].professor.name+'</p>'
	                    }
		                stringContent +='<p>最新动态：</p>'
		                stringContent +='<p class="statuswork"></p>'
		                stringContent +='<p class="statuswork"></p></div>'
		                stringContent +='</div>'
		                var $stringContent=$(stringContent)
		                $(".sharesrcbox11").append($stringContent);
	//最新回复中的发送
	$("#myFlatSendReplyBtn").bind("click",newReplySendFn);
	//点击最新咨询查看全部
	$("#lookAllConsult").click(function(){
	$("#lookAllConsult,#lookMyConsult").click(function(){
		$("#consultbtn").css({
			color:"#fff",
			background:"#f99550"
						$("#wbcon1").append('<span id="wbcen">暂无最新咨询消息~~</span>').css("height",height);
						var oHeight=($("#wbcon1").height()-$("#wbcen").height())/2;
						var oWidth=($("#wbcon1").width()-$("#wbcen").width())/2;					
						$("#wbcen").css({"display":"inline-block","margin-top":oHeight,"margin-left":oWidth});						
						$("#wbcen").css({"color":"#999","display":"inline-block","margin-top":oHeight,"margin-left":oWidth});						
					}
					
				}
							$("#wbcon2").append('<span id="wbcent">暂无最新回复消息~~</span>').css("height",height);
							var oHeight=($("#wbcon2").height()+40-$("#wbcent").height())/2;
							var oWidth=($("#wbcon2").width()-$("#wbcent").width())/2;					
							$("#wbcent").css({"display":"inline-block","margin-top":oHeight,"margin-left":oWidth});
							$("#wbcent").css({"color":"#999","display":"inline-block","margin-top":oHeight,"margin-left":oWidth});
					}
					
				}

src/main/webapp/organization-brow.html

        </div>
        <!--已登录-->
        <div class="onlogin">
	        <div class="head-portrait">
        	<a class="myWorkspace" href="workspaces.html">我的工作台</a>
	        <div class="head-portrait headRadius">
	        	<img class="portrait-p" />
	            <div class="personal-infor">
	                <div class="triangleB"></div>
	                <div class="personal-box">
	                <div class="personal-box bgRadius">
	                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
	                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
	                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
	                
	            </div>
	        </div>
	        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
        </div>
	</div>
</div>
<div id="container">
	<div class="content">
		<div class="information-head">
			<div class="head-org"><img id="orgImage"></div>	
			<div class="head-org headRadius"><img id="orgImage"></div>	
			<div class="head-center">
				<div class="infor-browse">
					<a href="#" class="named">北京科技大学</a><a href="#" class="modify"></a>
                <div class="menublock">
                    <div class="left-title" >相似机构</div>
                    <div class="similarblock">
                    	<a href="" class="evaimg"><img src="" width="100%" height="100%"></a>
                    	<a href="" class="evaimg headRadius"><img src="" width="100%" height="100%"></a>
                    	<div class="rightsim">
	                          <p>机构姓名</p>
	                          <p>北京</p>
	                    </div>
                    </div>
                    <div class="similarblock">
                    	<a href="" class="evaimg"><img src="" width="100%" height="100%"></a>
                    	<a href="" class="evaimg headRadius"><img src="" width="100%" height="100%"></a>
                    	<div class="rightsim">
	                          <p>机构姓名</p>
	                          <p>北京</p>

src/main/webapp/photo-set.html

								<div id="fileList" class="uploader-list"></div>
								<div id="filePicker">选择图片</div>
						 </div>
						<span class="resouimgmsg">尺寸240*240，大小在5M以内，<br/>JPG、PNG格式</span> 
						<span class="resouimgmsg">尺寸240*240，大小在5M以内，JPG、PNG格式</span> 
                     </div>
                     <!---->
                     <!--选择图片尺寸-->
                 <div class="photo-size">
                     <div class="wr" id="preview-pane">
                         <div class="preview-container">
                             <p>头像预览</p>
                             <p style="margin:10px 20px;">头像预览</p>
                             <div class="pre-1">
                                 <img  src="" class="jcrop-preview jcrop_preview_s" alt="" id="largeImage"/>
                             </div>
                             <p>200px*200px</p>
                             <p>160px*160px</p>
                             <div class="pre-2">
                                 <img src="" class="jcrop-preview jcrop_preview_s" alt="" id="middleImage"/>
                             </div>
                             <p>66px*66px</p>
                             <p>50px*50px</p>
                             <div class="pre-3">
                                 <img src="" class="jcrop-preview jcrop_preview_s" alt="" id="smallImage"/>
                             </div>
                             <p>30px*30px</p>
                             <p>26px*26px</p>
                         </div>
                     </div>
                 </div>
	<input id="y" type="hidden"/>
	<input id="w" type="hidden"/>
	<input id="h" type="hidden"/>
             <div class="upload-file">
             	  <!--<div class="fl">
                    <div class="upbtn"><span class="plus">+</span>本地上传<input type="file" class="filebtn"  name="file" id="uploadInput" ></div>
                     <p>只支持JPG、PNG、GIF，大小不超过5M</p> 
                 </div>
                 <div class="fl">
                 	<button type="button" id="uploadBtn">UPLOAD</button>
                 </div>
                 -->
                 <div class="clear"></div>
             </div>
	<input type="button" value="保存" class="inputtxt inputtxtbtn save" id="saveImage" >
	<input type="button" value="取消" class="inputtxt inputtxtbtn  close" >
	<input type="button" value="返回" class="inputtxt inputtxtbtn " id="back">
	
    <div style="overflow:hidden; margin:10px 0; font-size:14px;">
		<input type="button" value="保存" class="inputtxt inputtxtbtn save" id="saveImage" >
		<input type="button" value="取消" class="inputtxt inputtxtbtn  close" >
		<input type="button" value="返回" class="inputtxt inputtxtbtn " id="back">
	</div>
  </div>
</div>
 

src/main/webapp/search.html

	        </div>
        <!--已登录-->
        <div class="onlogin">
	        <div class="head-portrait">
        	<a class="myWorkspace" href="workspaces.html">我的工作台</a>
	        <div class="head-portrait headRadius">
	        	<img class="portrait-p" />
	            <div class="personal-infor">
	                <div class="triangleB"></div>
	                <div class="personal-box">
	                <div class="personal-box bgRadius">
	                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
	                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
	                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
	                
	            </div>
	        </div>
	        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
        </div>
	</div>
	
	<div class="content">
        <div class="content-in">
                <div class="sear-search">
                	<div class="simuselect floatL">
                	<div class="simuselect floatL" id="lookFor2">
	                	<div class="ulbox lookwho" onclick="showmenu()" id="div_select">找专家</div> 
						<ul id="li_show" class="lishow"> 
						    <li><div onclick="selectThis('找专家')">找专家</div></li> 

src/main/webapp/workindex.html

            <div class="workblock">
                <div class="worksubblock floatL">
                    <div class=" workhs floatL">
                        <a class="workhead" ><img src=""class="imgProfess" width="100%" height="100%"></a>
                        <a class="workhead headRadius" ><img src=""class="imgProfess" width="100%" height="100%"></a>
                        <p class="workstat">已完成咨询<span id="allConsultCount"></span>次</p>
                        <p id="evastarbox"><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span></p>
                        <!-- <p class="workstat">合作<br><span>12</span>次</p> -->
                    <div class="worktit">最新咨询<a class="worklinkbtn floatR" id="lookAllConsult">查看全部</a></div>
                    <div class="wbcon" id="wbcon1">
                        <div class="leftwb floatL">
                            <a href="" class="wbimg"><img src="" width="100%" height="100%" id="proImage"></a>
                            <a href="" class="wbimg headRadius"><img src="" width="100%" height="100%" id="proImage"></a>
                            <p id="myFlatProName">专家姓名</p>
                            <p id="myFlatProTitle"><span id="myReplyProOffice"></span><span id="myReplyProTitle"></span></p>
                            <p id="myFlatProDepartment"><span id="myReplyProDepartment"></span><span id="myReplyProOrgName"></p>
                    <div class="worktit">最新回复<a class="worklinkbtn floatR" id="lookAllReply">查看全部</a></div>
                    <div class="wbcon" id="wbcon2">
                        <div class="leftwb floatL">
                            <a href="" class="wbimg"><img src="" width="100%" height="100%" id="proreplayImage"></a>
                            <a href="" class="wbimg headRadius"><img src="" width="100%" height="100%" id="proreplayImage"></a>
                            <p id="myFlatReplyProName">专家姓名</p>
                            <p id="myFlatReplyProTitle"><span id="myProOffice"></span><span id="myProTitle"></span></p>
                            <p id="myFlatReplyProDepartment"><span id="myProDepartment"></span><span id="myProOrgName"></p>

src/main/webapp/workspaces.html

        </div>
        <!--已登录-->
        <div class="onlogin">
        	<a class="myWorkspace" href="workspaces.html">我的工作台</a>
	        <div class="head-portrait">
	        	<img class="portrait-p" />
	        	<img class="portrait-p headRadius" />
	            <div class="personal-infor">
	                <div class="triangleB"></div>
	                <div class="personal-box">
	                <div class="personal-box bgRadius">
	                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
	                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
	                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
	                    <a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
	                </div>
	                
	                </div>              
	            </div>
	        </div>
	        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
        </div>
	</div>
</div>