修改首页样式

src/main/webapp/account-set.html

	</div>
	<div class="header-right"> 
        <!--未登录-->
        <a href="login-invite-code.html"><div class="unlogin">特邀专家登录</div></a>
        <div class="unlogin">
        	<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
        	<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
        </div>
        <!--已登录-->
        <div class="onlogin">
	        <div class="head-portrait">
                <div class="msg msg2" ></div>
                <div class="password"><span class="lable">确认密码</span><input type="password" class="psd" id="newPassword2" onBlur="valNew2()" /></div>
                <div class="msg msg3" ></div>
				<input type="button" value="保存" class="save" onClick="restPassword()"/>
				<input type="button" value="保存" class="save" style="margin-top:40px;" onClick="restPassword()"/>
            	<!--<div class="msg msg4" ></div> -->
            </form>
            

src/main/webapp/css/common.css

html, body{}
input{ outline:none;}
/*header部分*/
#header{width:100%;min-width:1170px; height:60px; background:rgba(255,132,0,1); position:fixed; top:0; z-index:999; }
#header{width:100%;min-width:1170px; 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:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; 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 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0; float:left; cursor:pointer; behavior:url(../js/ie-css3.htc);cursor:pointer;}
.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-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;}
/*顶部右边*/
.header-right{ float:right; margin-right:80px;}
/*未登录*/
.unlogin{float:left;}
.loginbtn{float:left; border:2px #fff solid; padding:0 20px; border-radius:10px;font-size:14px; line-height:30px; color:#fff; text-align:center; margin:10px 2px; cursor:pointer; }
.loginrbtn{  border:2px transparent solid;}
.loginbtn:hover{border:2px #fff solid;}
.unlogin{float:left;padding:4px 0;}
.loginbtn{float:left; border:2px #fff solid; padding:0 20px; border-radius:6px;font-size:14px; line-height:28px; color:#fff; text-align:center; margin:10px 2px; cursor:pointer; }
.loginrbtn{ border:2px transparent solid;padding:0 2px;}
.loginlbtn{margin-right:20px;/* background:#fff;color:#ff9900; */}
/* .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; }
.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 a{ display:block; width:202px; height:40px;line-height:40px; font-size: 13px; color:#fff;}
.personal-box a:hover{ background:#ff8400;}
.personal-box a:hover{ background:#ff9900;}
.icon{ display:block; width:20px; height:20px; margin-left:15px; margin-right:12px; margin-top:10px; float:left;}
.icon1{ background:url(../images/index-icon.png) no-repeat; background-position:right;}
.icon2{ background:url(../images/index-icon.png) no-repeat; background-position:-60px 0;}
.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: #ff8400;border-radius:5px;}
.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: #ff8400;border-radius:5px;
	display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #ff9900;border-radius:5px;
}
/*footer部分*/
#footer{ min-width:1170px;clear:both; height:250px; background:#ff8400;}
.footer-top{ width:1170px; height:214px; margin:auto;}
#footer{ min-width:1170px;clear:both; height:250px; background:#ff9900;}
.footer-top{ width:1170px; 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;  }
.link a{font-size:14px; line-height:20px; color:#fff; }
.customer{font-size:15px; line-height:20px; color:#fff; }
.link{ color:#fff;padding-bottom:15px;display:none;  }
.link a{font-size:13px; line-height:20px; color:#fff; }
.customer{font-size:14px; line-height:20px; color:#fff; }
.footerR{ float:right;font-size:12px; line-height:30px; color:#fff; text-align:center;  }
.code{ width:120px; height:120px; margin:auto; margin-top:24px;}
.code img{ width:100%;}
.foot-icon{ display:block; height:22px; float:left; margin:0 7px;}
.foot-icon{ display:none; height:22px; float:left; margin:0 7px;}
.foot-icon1{ width:27px; background:url(../images/share.png) no-repeat; background-position:left;}
.foot-icon2{ width:27px; background:url(../images/share.png) no-repeat; background-position:-27px 0;}
.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:#ffa545;font-size:12px;line-height:40px; color:#fff; text-align:center; }
.footer-btm{ width:100%; height:40px; background:#FFB76A;font-size:12px;line-height:40px; color:#fff; text-align:center; }
/*------------------------------------------------------------------------------------*/

src/main/webapp/css/index.css

.theme{ width:100%; height:236px; position:absolute; top:50%; margin-top:-60px; }
.theme h1{font-size:60px;line-height:80px; color:#fff; text-align:center; text-shadow:0px 0px 10px #2d2524;}
.theme h2{font-size:30px;line-height:50px; color:#fff; text-align:center; text-shadow:0px 0px 10px #2d2524;}
.main-search{ width:700px; height:46px; margin:auto; margin-top:20px; position:relative}
.main-search .lookwho{outline:none;position:absolute; height:40px; width:100px;border:none; box-shadow: 0px 0px 3px #ccc inset;border-radius:10px 0 0 10px; background:url(../images/downselect.png) no-repeat 70px center #fff; padding-left:16px; font-size:14px;line-height:38px; color:#888;}
.main-search{ width:670px; height:40px;border-radius:6px;box-shadow: 0px 0px 10px rgba(45, 38, 37, 0.6);margin:auto; margin-top:60px; position:relative}
.main-search .lookwho{outline:none;position:absolute; height:40px; width:100px;border:none; box-shadow: 0px 0px 3px #ccc inset;border-radius:6px 0 0 6px; background:url(../images/downselect.png) no-repeat 70px center #fff; padding-left:16px; font-size:15px;line-height:38px; color:#ff9900;}
.simuselect{position:relative;}
.ulbox{ width:100px; height:40px;cursor:pointer; position:relative;} 
.lishow{background:#fff;overflow: hidden; border-radius:6px;position:absolute; top:40px; width:100px;box-shadow: 0px 0px 3px #ccc inset; z-index: 20;display:none;} 
.lishow li{ line-height:30px; list-style:none; padding:2px 16px; margin-top:1px;cursor: pointer;} 
.lishow{background:#fff;overflow: hidden; border-radius:0 0 6px 6px;position:absolute; top:34px; width:99px;/* box-shadow: 0px 0px 3px #ccc inset;  */z-index: 20;display:none;} 
.lishow li{ line-height:30px; list-style:none; padding:2px 16px;color:#888; margin-top:1px;cursor: pointer;} 
.lishow li:hover{ background:#f0f0f0;} 
.sear-txt{ width:530px; height:40px; background:#fff; border:none; border-radius:10px 0 0 10px; float:left;font-size:16px;line-height:40px; padding-left:120px; color:#a3a3a3;}
.sear-btn{ width:140px; height:40px; background:#ff8400; border-radius:0 10px 10px 0; float:left; cursor:pointer;font-size:18px;line-height:40px;; color:#fff; text-align:center; }
.sear-txt{ width:530px; height:40px; background:#fff; border:none;  border-radius: 6px 0 0 6px; float:left;font-size:15px;line-height:40px; padding-left:120px; color:#a3a3a3;}
.sear-btn{ width:140px; height:41px; background:#ff9900; border-radius: 0 6px 6px 0; float:left; cursor:pointer;font-size:16px;line-height:40px; color:#fff; text-align:center; }
/*寻找专家流程*/
.process{ width:806px; height:205px; margin:auto;}
.process1{ height:144px; float:left; margin-top:40px;}
.process-icon2{ display:block; width:67px; height:64px; background:url(../images/steps02.png) no-repeat; margin:auto;}
.process-icon3{ display:block; width:67px; height:64px; background:url(../images/steps03.png) no-repeat; margin:auto;}
.process-icon4{ display:block; width:70px; height:64px; background:url(../images/steps04.png) no-repeat; margin:auto;}
.hh3{font-size:20px;line-height:30px; color:#777; font-weight:600; text-align:center; }
.hh3{font-size:18px;line-height:30px; color:#333; text-align:center; }
.process p{font-size:14px;line-height:20px; color:#888; text-align:center;  }
.nextR{ width:100px; height:205px; float:left; background:url(../images/nextR.png) no-repeat center center; }
/*热门领域*/
.hot-field{ width:100%;  background:url(../images/fieldbg.jpg) no-repeat; background-size:100% 100%;padding:40px 0;}
.hh4{width:180px; height:46px;padding: 2px 20px; text-align:center; margin:auto;border:1px #fff solid; border-radius:10px;font-size:26px;line-height:38px; color:#fff; text-align:center; }
.field-box{ width:856px; height:360px; margin:30px auto;}
.field{ /*width:164px; height:140px;*/ padding:20px 25px; float:left;}
.field-name{ display:block; width:164px;font-size:18px;line-height:40px; color:#fff;  font-weight:bold;text-align:center;}
.hh4{width:180px;margin:auto;border:2px #fff solid; border-radius:6px;font-size:20px;line-height:32px; color:#fff; text-align:center; }
.field-box{ width:856px;overflow:hidden; margin:20px auto;}
.field{ /*width:164px; height:140px;*/ padding:10px 25px; float:left;}
.field-name{ display:block; width:164px;font-size:16px;line-height:40px; color:#fff; text-align:center;}
.field-icon{ display:block; width:100px; height:100px; border-radius:50%; margin:auto;}
.field-name:hover{color:#fff;}
.field-icon1{ background:url(../images/field20.png) no-repeat center center;}
.field-icon6{ background:url(../images/field07.png) no-repeat center center;}
.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; border:1px #fff solid; border-radius:10px;font-size:14px;line-height:35px;padding:0 30px; color:#fff;}
.more em{ position: absolute; top: 50%;margin-top: -6px; margin-left: 4px;width: 14px; height: 14px; background:url(../images/more-white.png) center center no-repeat;background-size:100% 100%;}
.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%;}
.hot-field .more{ color:#fff;}
/*热门专家*/
.hot-professor{ width:100%;  padding: 40px 0; }
.hot-professor h4{border:1px #ff8400 solid;color:#ff8400;}
.hot-professor .more{border:1px #ff8400 solid;color:#ff8400;}
.hot-professor h4{border:1px #ff9900 solid;color:#ff9900;}
.hot-professor .more{border:1px #ff9900 solid;color:#ff9900;}
.professor-box{ width:900px; height:610px; margin:20px auto;}
.professor{ width:175px; height:255px; border-radius:10px; overflow:hidden; position:relative; float:left; margin:25px;}
.professor{ width:175px; height:255px; border-radius:6px; overflow:hidden; position:relative; float:left; margin:25px;}
.professor img{width:175px; height:255px;}
.professor-data{ width:100%; height:300px; position:absolute; font-size:14px;line-height:16px; text-align:center; color:#fff;top:58%; background:url(../images/p-bg.png) no-repeat;padding:25px 0; }
.professor-data h5{font-size:20px;line-height:30px; }
/*搜索页*/
.content{ width:100%; height:auto; background:#f8f8f8; padding:60px 0 2px 0; }
.content-in{ width:1170px;/*min-height:300px;*/ margin:auto;padding-bottom:20px;}
.sear-search{ width:100%; height:56px;margin-top:20px;}
.sear-search .lookwho{ height:40px; width:100px; border:none;box-shadow: 0px 0px 3px #ccc inset;border-radius:10px 0 0 10px; background:url(../images/downselect.png) no-repeat 70px center #fff; padding-left:16px; font-size:14px;line-height:38px; color:#888;}
.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 .lookwho:focus{ border:none;}
.sear-search .sear-txt{ width:530px; height:40px; background:#fff; border:none; border-radius:0; float:left;font-size:16px;line-height:40px;box-shadow: 0px 0px 3px #ccc inset; padding-left:20px; color:#a3a3a3;}
.sear-search .sear-btn{ width:140px; height:40px; background:#ff8400; border-radius:0 10px 10px 0; float:left; cursor:pointer;font-size:18px;line-height:40px; color:#fff; text-align:center; }
.sear-search .sear-txt{ width:530px; height:34px; background:#fff; border:none; border-radius:0; float:left;font-size:15px;line-height:34px;padding-left:20px; color:#888;}
.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 #e2e2e2 solid;*/ margin-top:10px;border-radius: 10px;background: #fff; padding:10px 0; }
.classify{ width:100%; /*min-height:200px; */border:1px #f0f0f0 solid; margin-top:10px;border-radius: 6px;background: #fff; padding:10px 0; }
.class1{ width:100%; height:52px; overflow:hidden; position:relative; border-bottom:1px #efefef solid;}
.class1:nth-child(even){background:#f8f8f8}
.class1:nth-child(even){background:#f8f8f8;}
.class1:last-child{border-bottom:none;}
.title{ padding:0 15px; float:left;font-size:16px;line-height:48px; color:#000;}
.area-con{ float:left; width:970px;/* border:1px solid red; */overflow:hidden;}
.class1 a{ padding:0px 5px; float:left;font-size:16px;line-height:30px; color:#000; margin-top:9px; margin-right:15px;}
.class1 .colorbg{ color:#fff; background:#ff8400;}
.andmore{ display:block; width:100px;font-size:16px;line-height:48px; color:#000; padding:0 20px; position:absolute;right:0; cursor:pointer;}
.updown{ display:block; width:18px; height:14px; background:url(../images/UpDown.png) 0 center no-repeat;  float:right; margin-top:18px;}
.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; */}
.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;}
.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; }
.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:#ff8400; cursor:pointer; margin-left: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;}
.aboutcon{ display:none;}
.aboutcon:first-child{ display:block;}
.about-in{ overflow:hidden;  width:100%;height:auto; margin:auto; margin-top:10px;}
.item{ width:99%;overflow: hidden; background:#f8f8f8; border:1px #f0f0f0 solid;/*box-shadow:1px 1px 1px #ff8400 inset;*/ border-radius:10px; margin:10px auto; position:relative;min-height:120px; }
.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:6px 20px; margin:0 2px; border: 1px solid #efefef;border-radius: 6px; background:#ff8400; color:#fff; cursor:pointer;}
.photo1{width:132px;height:132px;border-radius:50%;margin:20px;float:left;/*border:1px #f0f0f0 solid; background:url(../images/default-photo.jpg)  no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%;*/ overflow:hidden;}
.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;}
/*专家简介*/
.synopsis{ float:left; padding:20px 0;color:#000; width:770px;line-height:30px;}
.named{display:block;font-size:24px; color:#000; float:left;}
.named:hover,.named:focus,.named:active{color:#000; text-decoration:none;}
.modify{ display:block; width:20px; height:20px; background:url(../images/onauth.png) center center no-repeat; background-size:100% 100%; float:left; margin:4px;}
.position{ clear:both;font-size:18px; }
.science{font-size:14px; }
.industry{font-size:16px; }
.synopsis{ float:left; padding:10px 0; width:770px;line-height:24px;}
.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;  }
/*资源简介*/
.remess{ cursor:pointer;}
.resourcephoto{width:132px;height:132px; border-radius:4px;border:1px #f0f0f0 solid;margin:40px 20px;float:left;overflow:hidden; }
.resouname{font-size:24px; color:#000;}
.belongname{ font-size:20px; }
.modicon{ margin:0 10px;}
.positionbox{ font-size:18px; }
.sciencebox,.provideservice{font-size:14px; }
.industrybox{font-size:16px; }
.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;}
.belongname{ font-size:17px; color:#333; }
.modicon{ margin:0 6px;}
.positionbox{ font-size:16px;  color:#666; }
.sciencebox,.provideservice{font-size:14px; color:#999; }
.industrybox{font-size:15px; color:#888;  }
/*------------------------------------------------------------------------------------*/
/*账号设置*/
.account{ width:1050px; min-height:100px; margin:auto; padding: 40px 0;}
.account-set{ width:18%; min-height: 260px; float:left; background:#f8f8f8; border-radius:10px; margin-top:50px; overflow:hidden;}
.account-set{ width:18%; min-height: 260px; float:left; background:#f8f8f8; border-radius:6px; margin-top:50px; overflow:hidden;}
.account-title{ height:58px; padding:0 30px;font-size:18px;line-height:68px;color:#a3a3a3;}
.leftsidebar{ display:block; width:100%; height:40px; padding-left:50px;font-size:16px;line-height:40px; color:#313131;}
.bgcolor{ background:#ff8400; color:#fff;}
.leftsidebar:hover{ background:#ff8400; color:#fff;}
.bgcolor{ background:#ff9900; color:#fff;}
.leftsidebar:hover{ background:#ff9900; color:#fff;}
.contentbox{  width:80%; float: right;overflow:hidden;margin:40px 0;}
.content-set{ width:100%;  min-height: 460px; background:#f8f8f8; border-radius:10px;margin:10px 0; overflow:hidden; display:none;}
.content-set{ width:100%;  min-height: 460px; background:#f8f8f8; border-radius:6px; padding-bottom: 20px;margin:10px 0; overflow:hidden; display:none;}
.content-set:first-child{ display:block;}
.content-set form{ width: 600px;margin: auto;padding: 10px;}
.content-title{height:58px;padding:0 30px;font-size:18px;line-height:64px; color:#313131; border-bottom:1px #c8c8c8 solid;}
.walletbrig span .fen{ font-size:18px;} 
.walletrecords{font-size: 14px; line-height:40px; margin-left:20px; }
.walletrecords span{ color:#666;  margin:2px 6px; }
.walletrecords .recordbtn{ color:#ff8400;cursor:pointer;}
.walletrecords .recordbtn{ color:#ff9900;cursor:pointer;}
/*.account-sax{ clear:both; height:50px; width:100%; padding: 0 40px;}*/
.name-txt{ float:left;font-size:18px;line-height:50px; color:#818181;}
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:10px; border:none; background:#ff8400;font-size:16px;line-height:36px; color:#fff;}
.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;}
/*修改密码*/
/*input:focus{ border:1px solid #ff8500;}*/
.marginT{ height:60px; width:100%;}
.password{ width:100%; height:40px; clear:both; margin-top:24px; }
.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:10px; 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:20px;}
.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:#ff8400;margin:auto; margin-top:40px; cursor:pointer; }
.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:#ff8400; border-radius:5px; border:none;font-size:16px;line-height:30px; color:#fff; margin-left:10px; cursor:pointer;}
.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;}
.coverblock{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; z-index:1004; display:none;}
.floatbox{ /*width:400px;*/ padding: 20px; box-shadow:2px 5px 5px #999; border-radius:16px;background:#fff; position:absolute; top:80px; left:50%; margin-left:-240px;  margin-bottom:40px;}
.float-title{  height:60px;border-bottom: 1px #ff8400 solid;font-size:18px;line-height:60px; color:#818181; padding:0 20px;}
.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;}
.float-title{  height:60px;border-bottom: 1px #ff9900 solid;font-size:18px;line-height:60px; color:#818181; padding:0 20px;}
.times{ background:url(../images/workclose.png) center center no-repeat; position:absolute; top:10px; right:-30px;width: 24px;height: 24px; z-index: 1005; cursor:pointer; }
.bdfrm{ padding:10px 30px 60px 30px; }
.yz{ width:350px; height:44px; border-radius:10px; border:1px #bdbdbd solid; box-shadow:0px 0px 2px #bdbdbd inset; padding-left:20px; margin:10px;}
.yz{ width:350px; height:44px; border-radius:6px; border:1px #bdbdbd solid; box-shadow:0px 0px 2px #bdbdbd inset; padding-left:20px; margin:10px;}
.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;  }
.act{margin-left:40px;}
.act-color{background:#ff8400;color:#fff;}
.back-btn:hover{background:#ff8400;color:#fff;cursor:pointer;}
.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:#ff8400; 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:5px;font-size:14px;line-height:35px; color:#fff; cursor:pointer; margin-left:5px;}
/*------------------------------------------------------------------------------------*/
/*专家信息页*/
.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 .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:#ff8400;cursor:pointer}
.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;}
.infor span{ display:block; width:60px; height:26px; float:left;font-size:14px;line-height:26px; color:#000; 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:#ff8400;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font-size:14px;line-height:26px; margin-top:15px; margin-left:10px;  }
.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:hover{ background:#ff8400; color:#fff; opacity: 1; }
.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;}
#headImage,#orgImage{ width:100%; height:100%;border:0;}
/*专家信息内容*/
.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:#ff8400; */padding-left:15px;}
.right-title span{ float:left;font-size:22px;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;}
.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;
.btn:hover, .btn:focus { text-decoration: none; color:#fff;}
.select-sele{ clear:both; width:100%; height:26px;}
.add{ float:left;}
.addbtn{ float:left; clear:both; width:105px; height:26px; 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; }
.addbtn{ float:left; clear:both; width:105px; height:26px; 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; }
.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;}
.acad{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font-size:14px;line-height:26px;color:#3e3e3e; margin:6px 0; margin-left:15px; float:left;cursor:pointer;padding:0 8px;}
.list{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font-size:14px;line-height:26px; color:#3e3e3e; margin-top:12px; margin-left:15px; float:left;cursor:pointer;padding-right: 8px; overflow:hidden;}
.use{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font-size:14px;line-height:26px; color:#3e3e3e; margin-top:12px; margin-left:15px; float:left;cursor:pointer;padding:0 10px; overflow:hidden;}
.like{ display:block; float:left; width:28px;background:#ff8400; color:#fff;font-size:10px;line-height:26px; margin-right:5px;}
.like{ display:block; float:left; width:28px;background:#ff9900; color:#fff;font-size:10px;line-height:26px; margin-right:5px;}
.remove{ cursor:pointer; padding-left:5px;}
.cancel{ cursor:pointer; padding-left:5px;}
.ann{ clear:both; color:#7f7e7e;font-size:10px;line-height:10px; margin-left:50px;}
.bus-title{ clear:both;font-size:14px;line-height:26px; color:#3e3e3e; }
.check{ width:257px; height:26px; float:left;margin-left:35px;font-size:14px;line-height:26px;color:#3e3e3e;}
.txt-width{ width:358px;}
.star{ color:#ff8400; display:inline; font-size:16px;}
.star{ color:#ff9900; display:inline; font-size:16px;}
.edu{ font-size:16px;line-height:26px; color:#868686;}
.edu-h{ height:52px;}
.edu-txt{ float:none; width:402px;}
.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;}
.sharebtn:hover{ color:#fff; background:#ff8400;}
.sharebtn:hover{ color:#fff; background:#ff9900;}
.resoubtn{ position:absolute;top:40%;display:block; width:30px; height:41px; background:#ccc; border:1px 1px 0 1px; cursor:pointer;}
.resouprev{left:-4px;background:url(../images/arrows.png) -30px 0 no-repeat;}
.resounext{right:-4px;background:url(../images/arrows.png) 0 0 no-repeat;}

src/main/webapp/css/login.css

/* CSS Document */
html,body{ cursor:default; margin:0; height:100%;}
#header{ width:100%; height:50%; background:#db7200; }
#footer{ width:100%; height:50%; background:#dbdbdb;}
#header{ width:100%; height:50%; background:#E28D30; }
#footer{ width:100%; height:50%; background:#E8E8E8;}
.coverbox{position:fixed; overflow-y: auto; width:100%; height: 100%;}
.inputtxt{ width:100%; height:44px;border:1px #e4e4e4 solid; border-radius:10px;background:url(../images/input-bg.jpg); box-shadow:0px 1px 1px #d6d6d6; margin:4px 0; text-indent:1.4em;box-sizing: content-box;}
.inputtxt{ width:100%; height:44px;border:1px #e4e4e4 solid; border-radius:6px;/* background:url(../images/input-bg.jpg); box-shadow:0px 1px 1px #d6d6d6;  */ background:#fafafa;margin:4px 0; text-indent:1.4em;box-sizing: content-box;}
.inputtxtbtn{text-indent:0em;}
.inputtxt:focus{ border:1px solid #ff8400;}
.inputtxt:focus{ border:1px solid #ff9900;}
.input_warning{ border:1px solid red; }
.submitBtn {display: block;padding: 0; font-size:16px;width: 100%;cursor:pointer;height: 44px;text-indent:0;line-height: 44px;background: #ff8400;text-align: center;margin: 15px 0px;color: #fff;border:1px solid #ff8400;}
.submitBtn {display: block;padding: 0; font-size:16px;width: 100%;cursor:pointer;height: 44px;text-indent:0;line-height: 44px;background: #ff9900;text-align: center;margin: 15px 0px;color: #fff;border:1px solid #ff9900;}
/*登录邀请码*/
.loginbox{ width:710px;background:#fff; margin:auto; padding:20px; margin-bottom:40px;  position:relative;top:50%; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; }
.loginbox{ width:710px;background:#fff; margin:auto; padding:20px; margin-bottom:40px;  position:relative;top:50%; z-index:999; border-radius:6px; box-shadow:1px 1px 8px #9f9d9d; }
.loginbox-invite{width:520px;}
.login-title{ color:#ff8500;font-size:16px;line-height:86px; position:absolute;right:20px; top:-10px; cursor:pointer;}
.login-title a{ color:#ff8500; }
.back{ display:block; width:24px; height:24px; margin-top:30px; margin-left:8px; background:url(../images/back.png) no-repeat; float:right; cursor:pointer;}
.login-title{ color:#ff9900;font-size:16px;line-height:86px; position:absolute;right:20px; top:-10px; cursor:pointer;}
.login-title a{ color:#ff9900; }
.back{display: block; width: 18px; height: 18px;margin-top: 35px;margin-left: 4px; background: url(../images/back.png) no-repeat;background-size: 100% 100%;float: right;cursor: pointer;}
.logo{ clear:both;width:145px; height:100px;margin:auto; margin-top:30px;}
.logo img{ width:100%;}
.logindown{ overflow:hidden;}
.logindown table tr td{vertical-align: top;}
.frmlogin{width:100%;}
/*左侧登录*/
.login-input{ width:436px; /*height:336px;*/margin:10px 20px; position:relative; padding:20px;}
.loginleft{ width:300px;}
.forget{ display:block; color:#ff8500; float:right;cursor:pointer; position:relative;}
.forget:hover{ color:#ff8500;}
.forget{ display:block; color:#ff9900; float:right;cursor:pointer; position:relative;}
.forget:hover{ color:#ff9900;}
.reglinkbox{font-size:14px;line-height:26px; color:#666; overflow:hidden;}
.reglink{ color:#ff8500;}
.reglink{ color:#ff9900;}
.prompt{ width:140px; height:100px; position:absolute; left:100%; margin-left:-8px; bottom:-40px; z-index:999; display:none;}
.triangleR{ display:block; width:0; height:0; border:8px solid transparent; border-right-color:#ff9600; float:left; margin-top:40px;}
.prompt-con{ display:block; float:left; width:85px; height:50px;font-size:12px;line-height:18px;color:#fff; background:#ff9600; border-radius:10px; padding:10px;  }
/*验证码*/
.codebox .code{ width:175px; float:left;}
.codebox .code-pic{ width:140px; height:44px; float:left;border:1px #ddd solid; margin-left:9px; margin-top:26px;border-radius:10px; box-shadow:0px 1px 1px #d6d6d6;}
.codebox .note{font-size:14px;line-height:44px;color:#ff8500;padding-left:8px; padding-top:26px; float:left;cursor:pointer;}
.codebox .note{font-size:14px;line-height:44px;color:#ff9900;padding-left:8px; padding-top:26px; float:left;cursor:pointer;}
/*中间割线*/
.login-line{ padding:20px; position:relative;}
.lineb{ width:1px; min-height:240px; margin:20px 10px; border-right:1px dashed #ccc; }
.login-other .other-tit{ text-align:left;}
.loginlinkbox{ text-align:center; padding:10px;margin-bottom:20px;}
.loginlink{ color:#ff8400; font-size:16px; line-height:30px; background:url(../images/back.png) right center no-repeat;     padding: 10px 28px;}
.loginlink{ color:#ff9900; font-size:16px; line-height:30px; background:url(../images/back.png) right center no-repeat; padding: 10px 22px;}
.login-way{ overflow:hidden; width:120px; margin:16px auto; text-align:center;}
.way-icon{ height:22px; display:block; float:left; margin:0 7px;}
.way-icon1{ width:27px; background:url(../images/share2.png) no-repeat; background-position:left;}
.ecode p{ font-size:14px;}
.downcode{ margin:10px auto; width:120px; height:120px;}
/*首次登录*/
.login-first{ width:554px;  background:#fff; margin:auto;padding:40px 60px; position:relative;top:30%;  z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d;margin-bottom:40px;}
.login-first{ width:554px;  background:#fff; margin:auto;padding:40px 60px; position:relative;top:30%;  z-index:999; border-radius:6px; box-shadow:1px 1px 8px #9f9d9d;margin-bottom:40px;}
.logos{ clear:both;width:145px; height:100px; margin:auto; padding-top:-40px;}
.logos img{ width:100%;}
.welcome{font-size:16px;line-height:32px;color:#747474; text-align:center;padding:10px 0;}
.professor{color:#ff8500; padding:0 10px; }
.professor{color:#ff9900; padding:0 10px; }
.password-input{ /*width:438px; height:264px;*/margin:auto; position:relative;}
.password{ width:100%;overflow:hidden;}
.lable{ float:left; display:block;font-size:18px;line-height:60px; color:#747474;margin-right:8px;}
.psd{ width:350px; float:left;}
.forget:hover .prompt{ display:block;}
/*手机找回密码01*/
.phone-find1{ width:510px;background:#fff; margin:auto; padding:0 40px; padding-bottom:40px; position:relative;top:30%;z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; margin-bottom:40px; }
.phone-find1{ width:510px;background:#fff; margin:auto; padding:0 40px; padding-bottom:40px; position:relative;top:30%;z-index:999; border-radius:6px; box-shadow:1px 1px 8px #9f9d9d; margin-bottom:40px; }
.logo-find{width:76px; height:53px; margin:auto; padding-top:20px; float:left;}
.logo-find img{ width:100%;}
.steps{ clear:both;width:290px; height:90px; padding:20px 0;font-size:20px;line-height:70px; color:#f59503; text-align:center;  margin:auto; position: relative;  }
.line{ width:133px; height:2px; background:#d5d5d5; position:absolute; left:80px; top:35px}
.sms{ width:254px;}
.codebox{ overflow:hidden;}
.gain{ width:160px;background:#ff8500; color:#fff;font-size:14px;line-height:44px; box-shadow:none; float:right; padding-left:0; margin:4px 0;}
.gain{ width:160px;background:#ff9900; color:#fff;font-size:14px;line-height:44px; box-shadow:none; float:right; padding-left:0; margin:4px 0;}
.gainon{ border:1px solid #ccc; width:160px;background:#ccc; color:#fff;font-size:14px;line-height:44px; box-shadow:none; float:right; padding-left:0; margin:4px 0;}
/*手机找回密码02*/
.phone-find2{ width:510px;background:#fff; margin:auto;padding:0 40px; padding-bottom:40px; position:relative;top:30%; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d;margin-bottom:40px;}
.phone-find2{ width:510px;background:#fff; margin:auto;padding:0 40px; padding-bottom:40px; position:relative;top:30%; z-index:999; border-radius:6px; box-shadow:1px 1px 8px #9f9d9d;margin-bottom:40px;}
.steps2-2{ color:#f59503; float:right;}
.step02-2{ display:block; width:46px; height:30px; background:url(../images/02.png) no-repeat; background-position:left; overflow:hidden; margin:auto;}
/*邮箱找回密码01*/
.email-find1{ width:500px; background:#fff; margin:auto; padding:0 40px; padding-bottom:40px; position:relative;top:30%;z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; margin-bottom:40px; }
.email-find1{ width:500px; background:#fff; margin:auto; padding:0 40px; padding-bottom:40px; position:relative;top:30%;z-index:999; border-radius:6px; box-shadow:1px 1px 8px #9f9d9d; margin-bottom:40px; }
.email-steps{ clear:both;width:438px; height:90px; padding:20px 0;font-size:20px;line-height:70px; color:#f59503; text-align:center;  margin:auto; position: relative;  }
.E-steps2{ color:#a3a3a3; float:left; margin-left:70px;}
.E-step02{ display:block; width:46px; height:30px; background:url(../images/02.png) no-repeat; background-position:right; overflow:hidden; margin:auto;}
.line2{ width:95px; height:2px; background:#d5d5d5; position:absolute; left:95px; top:35px}
.line3{ width:95px; height:2px; background:#d5d5d5; position:absolute; left:265px; top:35px}
/*邮箱找回密码02*/
.email-find2{width:490px;background:#fff; margin:auto; padding:0 40px; padding-bottom:40px;position:relative;top:30%; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; margin-bottom:40px; }
.email-find2{width:490px;background:#fff; margin:auto; padding:0 40px; padding-bottom:40px;position:relative;top:30%; z-index:999; border-radius:6px; box-shadow:1px 1px 8px #9f9d9d; margin-bottom:40px; }
.E-steps2-2{ color:#f59503; float:left; margin-left:70px;}
.E-step02-2{ display:block; width:46px; height:30px; background:url(../images/02.png) no-repeat; background-position:left; overflow:hidden; margin:auto;}
.remind{font-size:14px;line-height:20px; color:#a8a8a8; text-align:center; }
.fl{ float:left;}
.clear{ clear:both;}
.plus{font-size:24px;line-height:30px; color:#ff8400; font-weight:bold; margin-right:10px;}
.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:#ff8400;box-shadow:none; border:none;cursor:pointer; color:#fff;margin-left:200px; padding:0;}
.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:#ff8400; color:#fff; }
#back:hover,.close:hover{ background:#ff9900; color:#fff; }
/*注册*/
.registerbox{ width:}
.active { color: #ff8400;}
.active { color: #ff9900;}
.regtab { position: relative;}
.regtabcon{ overflow:hidden;}
.phone, .mail {float: left;padding: 16px 20px;font-size: 16px; cursor:pointer;}
.phone span, .mail span { position: relative;top:0;left: 10px;}
.styleline{height: 1px;width: 154px;background: #ff8400; position: relative;}
.styleline:before {position: absolute;z-index: 2; top: -12px;left: 50%;margin-left: -5px;content: '';width: 0;height: 0;line-height: 0; border: 6px solid transparent;border-bottom-color: #ff8400;}
.styleline{height: 1px;width: 154px;background: #ff9900; position: relative;}
.styleline:before {position: absolute;z-index: 2; top: -12px;left: 50%;margin-left: -5px;content: '';width: 0;height: 0;line-height: 0; border: 6px solid transparent;border-bottom-color: #ff9900;}
.styleline:after {position: absolute; z-index: 2;top: -9px; left: 50%;margin-left: -4px; content: '';width: 0; height: 0;line-height: 0; border: 5px solid transparent;border-bottom-color: #fff;}
.regtablist{ margin:20px 0; min-height:240px;}
.yzm {position: absolute;height: 44px; width:100px; margin-top:1px;}
.reflash {position: absolute;height: 44px; width: 20px; background: url(../images/icon-reflash.png) center center no-repeat;top:0;right: 10px;}
.coderli { position: relative;}
.getcode { display: inline-block;width: 120px; height: 48px;background: #ff8400;border-radius:3px 10px 10px 3px;line-height: 48px; text-align: center; position: absolute;right:-2px;top:50%; margin-top:-24px;color: #fff;}
.getcode { display: inline-block;width: 120px; height: 48px;background: #ff9900;border-radius:2px 6px 6px 2px;line-height: 48px; text-align: center; position: absolute;right:-2px;top:50%; margin-top:-24px;color: #fff;}
.getcode:focus{ border:1px solid transparent;}
.getcodeon{background: #ff8400;}
.getcodeon{background: #ff9900;}
.getcodeoff{background: #B5B7BA;}
.agreeNotice em {background: url(../images/check.png) left -12px no-repeat; width: 14px; height: 12px;display: block;float: left;margin-top: 4px; margin-right: 3px;}
.contentmid{ padding:20px 40px;background: #f8f8f8; width:680px; margin:auto;}
.mailsection{  margin-bottom: 40px; position: relative; background-color: #fafafa;}
.statelable{ position:relative;  height:60px;}
.statelable h2{color: #fff; font-size: 22px;font-weight:400; line-height:48px;background: #ff8400;padding: 0 40px; position: absolute; right:-10px; top:-10px;z-index: 2; border-radius: 20px 0 0 20px; }
.statelable h2{color: #fff; font-size: 22px;font-weight:400; line-height:48px;background: #ff9900;padding: 0 40px; position: absolute; right:-10px; top:-10px;z-index: 2; border-radius: 20px 0 0 20px; }
.msgnotice{padding:20px 50px ;color: #555; background:#fff; }
.msgnotice .noticecon{font-weight: 400; font-size: 24px; margin: 30px 0;line-height: 22px;}
.msgnotice .emailus{ line-height:28px;}
.msgnotice .emailus a { font-size: 18px; color: #ff8400;}
.msgnotice .maillink{ display:block; font-size:14px; width:100px; text-align:center; margin-top:20px; padding:8px 30px; border-radius:10px;background:#ff8400; color:#fff;}
.msgnotice .emailus a { font-size: 18px; color: #ff9900;}
.msgnotice .maillink{ display:block; font-size:14px; width:100px; text-align:center; margin-top:20px; padding:8px 30px; border-radius:10px;background:#ff9900; color:#fff;}
.msgnotice:last-child{ border-top:1px #d6d6d6 dashed;}
.msgnotice h5{ font-size: 18px; color: #555;font-weight: 400;line-height: 40px;margin: 0;}
.msgnotice .contacttip{ margin-bottom:20px;}
.msgnotice .contacttip a{ color:#ff8400;}
.msgnotice .contacttip a{ color:#ff9900;}
/*弹窗提示完善信息*/
.completedcover{ position:fixed; width:100%; height:100%;background:rgba(0,0,0,.6); z-index:1000; display:none;}
.vercompleted{ border:1px solid #ddd; border-radius:10px; width:400px; position:absolute; top:20%; left:50%; margin-left:-240px; padding:20px 50px ;color: #555; background:#fff; text-align:center; z-index:1001; }
.vercompleted h3{font-weight: 400; font-size:18px; margin: 30px 0;line-height: 22px;}
.vercompleted .verbtnbox{ overflow:hidden; width:320px;  margin:auto; border-top:1px #d6d6d6 dashed; padding:20px 0;}
.vercompleted .verbtnbox a{ float:left; margin:0 20px; padding:8px 30px;  border-radius:10px;background:#ff8400; color:#fff;}
.vercompleted .verbtnbox a{ float:left; margin:0 20px; padding:8px 30px;  border-radius:10px;background:#ff9900; color:#fff;}
/*完善信息页面*/

src/main/webapp/css/popup.css

.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 .pripolicy{ padding:0px 10px; background:#eee; border-radius: 6px;text-align:center;}
.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;}

src/main/webapp/index.html

        <div class="header-right"> 
	        <!--未登录-->
	        <div class="unlogin">
	        	<a class="loginbtn" href="login-invite-code.html">特邀专家登录</a>
	        	<a class="loginbtn loginrbtn" href="login.html">登录</a>
	        	<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
	        	<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
	        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
	        </div>
	        

src/main/webapp/information-brow.html

	<div class="header-right"> 
        <!--未登录-->
        <div class="unlogin">
        	<a class="loginbtn" href="login-invite-code.html">特邀专家登录</a>
        	<a class="loginbtn loginrbtn" href="login.html">登录</a>
        	<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
        	<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
        </div>
        <!--已登录-->

src/main/webapp/information.html

	<div class="header-right"> 
        <!--未登录-->
        <div class="unlogin">
        	<a class="loginbtn" href="login-invite-code.html">特邀专家登录</a>
        	<a class="loginbtn loginrbtn" href="login.html">登录</a>
        	<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
        	<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
        </div>
        <!--已登录-->

src/main/webapp/js/index.js

$(document).scroll(function() {
	var top = $(document).scrollTop();
	if (top == 0) {
		$("#header").css("background", "rgba(255,132,0,1)");
		$("#header").css("background", "rgba(255,153,0,1)");
		$(".personal-infor").css("opacity", "1");
	} else {
		$("#header").css("background", "rgba(255,132,0,0.8)");
		$("#header").css("background", "rgba(255,153,0,0.8)");
		$(".personal-infor").css("opacity", "0.8");
	}

src/main/webapp/js/register.js

var _height = document.documentElement.clientHeight; //屏幕高
//var boxWidth = $(".registerbox").width();
var boxHeight = $(".registerbox").height();
$(".registerbox").css({ top:"40px"});
$(".registerbox").css({ top:"80px"});
/**复选框**/
  $('.agreeNotice').click(function(){
    var formbox = $(this).closest("form");
      if(formbox.find('.gree').prop('checked')){
        formbox.find('.agreeNotice em').css('background-position','0px 0px');
        formbox.find('.gree').prop('checked',false);
        formbox.find('.agreeNotice').next('span').show();
      }else{
        formbox.find('.gree').prop('checked',true);
        formbox.find('.agreeNotice').next('span').hide();
        formbox.find('.agreeNotice em').css('background-position','0px -12px');
          
      }
  });
//  $('.agreeNotice').click(function(){
//    var formbox = $(this).closest("form");
//      if(formbox.find('.gree').prop('checked')){
//        formbox.find('.agreeNotice em').css('background-position','0px 0px');
//        formbox.find('.gree').prop('checked',false);
//        formbox.find('.agreeNotice').next('span').show();
//      }else{
//        formbox.find('.gree').prop('checked',true);
//        formbox.find('.agreeNotice').next('span').hide();
//        formbox.find('.agreeNotice em').css('background-position','0px -12px');
//          
//      }
//  });
 
//手机、邮箱切换
$(".phone").click(function(){

src/main/webapp/js/search.js

 			                    add+='<div class="synopsis">' 			                  
 			                     add+='<div class="cousultName"><a class="resouname" href="">'+$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="20" ></div>'  
 			                    	 add+='<div class="belongname">'+$da[i].professor.name+'<img class="modicon" src="images/onauth.png" width="14" ></div>'  
 			                    		  } 			                   
 			                   if($da[i].professor.title==undefined){
 			                	  $da[i].professor.title="";
				subject = $("#subject .colorbg")[0].title;
			}
			industry = $("#industry .colorbg")[0].title;
			pageSize = 4;
			pageSize = 10;
			getData(key,subject,industry,pageSize,1,true,address);
		}
		$("#search1").on("click",function(){
			$(".aboutpro").append('<div class="about-in" id="professorList"></div>')
			$(".tcdPageCode").remove();
			$(".aboutpro").append('<div class="tcdPageCode"></div>');
			getData(key,subject,industry,4,1,true,address);
			getData(key,subject,industry,10,1,true,address);
		})
		$("#hsearch1").on("click",function(){
			$("#searchContent").val($("#hsearchContent").val());
			$(".aboutpro").append('<div class="about-in" id="professorList"></div>')
			$(".tcdPageCode").remove();
			$(".aboutpro").append('<div class="tcdPageCode"></div>');
			getData(key,subject,industry,4,1,true,address);
			getData(key,subject,industry,10,1,true,address);
		})
		subjectList();
			$(".aboutpro").append('<div class="about-in" id="professorList"></div>')
			$(".tcdPageCode").remove();
			$(".aboutpro").append('<div class="tcdPageCode"></div>');
			getData(key,subject,industry,4,1,true,address);
			getData(key,subject,industry,10,1,true,address);
			
		});	
		$(".class1").eq(1).on("click","a",function (){
			$(".aboutpro").append('<div class="about-in" id="professorList"></div>')
			$(".tcdPageCode").remove();
			$(".aboutpro").append('<div class="tcdPageCode"></div>');
			getData(key,subject,industry,4,1,true,address);		
			getData(key,subject,industry,10,1,true,address);		
    });	
		$(".class1").eq(2).on("click","a",function (){
			$(this).addClass("colorbg").siblings().removeClass("colorbg");
			$(".aboutpro").append('<div class="about-in" id="professorList"></div>')
			$(".tcdPageCode").remove();
			$(".aboutpro").append('<div class="tcdPageCode"></div>');
			getData(key,subject,industry,4,1,true,address);		
			getData(key,subject,industry,10,1,true,address);		
    });	
	/*搜索分类展开*/
	  var listi = 0;

src/main/webapp/login-invite-code.html

			<div class="login-input">
                <form  name="f1" action="login-first.html" method="post">	
                    <div class="frmbox">
                        <input class="inputtxt" type="text" placeholder="请输入您的手机号"  id="phone" value="" onKeyDown="restSub()"  onblur="phoneVal()" >
                        <input class="inputtxt" type="text" placeholder="请输入您的手机号码"  id="phone" value="" onKeyDown="restSub()"  onblur="phoneVal()" >
                        <div class="msg msg1" ><span></span></div>
                        <input class="inputtxt" type="text" placeholder="请输入您的邀请码" id="code" value="358FE958561241DA8A8DFC996388893C" onKeyDown="restSub()" onBlur="codeVal()" >
                        <input class="inputtxt" type="text" placeholder="请输入您的邀请码" id="code" value="" onKeyDown="restSub()" onBlur="codeVal()" >
                        <div class="msg msg2" ><span></span></div>
                        <!--<div class="codebox">
                        <input type="text" placeholder="验证码" class="code">

src/main/webapp/login.html

          <div class="logindown">
              <table>
                      <tr>
                          <td>
                          <td style="padding-top:20px;">
                              <div class="login-input loginleft">
                                  <form  name="loginForm" id="loginForm" action="index.html" method="post">	
                                      <div class="frmbox">

src/main/webapp/organization-brow.html

	<div class="header-right"> 
        <!--未登录-->
        <div class="unlogin">
        	<a class="loginbtn" href="login-invite-code.html">特邀专家登录</a>
        	<a class="loginbtn loginrbtn" href="login.html">登录</a>
        	<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
        	<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
        </div>
        <!--已登录-->

src/main/webapp/register.html

                                <div class="wordor"> or </div>
                            </div>
                        </td>
                        <td>
                        <td style="padding-top: 20px;">
                            <div class="login-other">
                            	<span class="other-tit">已有科袖网账号：</span>
                                <p class="loginlinkbox">

src/main/webapp/search.html

	<div class="header-right"> 
        <!--未登录-->
        <div class="unlogin">
        	<a class="loginbtn" href="login-invite-code.html">特邀专家登录</a>
        	<a class="loginbtn loginrbtn" href="login.html">登录</a>
        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
        </div>
	        	<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
	        	<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
	        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
	        </div>
        <!--已登录-->
        <div class="onlogin">
	        <div class="head-portrait">

src/main/webapp/workspaces.html

	<div class="header-right"> 
        <!--未登录-->
        <div class="unlogin">
        	<a class="loginbtn" href="login-invite-code.html">特邀专家登录</a>
        	<a class="loginbtn loginrbtn" href="login.html">登录</a>
        	<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
        	<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
        </div>
        <!--已登录-->