Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 331 Releases 0 Wiki
Browse Source

科袖普通版的导航条和新版登录

luyanan 8 years ago
parent
68db7da7f5
commit
20e2b81022
15 changed files with 308 additions and 256 deletions
Split View Show Diff Stats
  1. 41 69
      css/common.css
  2. 34 107
      css/genindex.css
  3. 5 3
      css/index.css
  4. 1 1
      css/login.css
  5. BIN
      images/c-sign-on_icon_1_hig.png
  6. BIN
      images/c-sign-on_icon_2_hig.png
  7. BIN
      images/c-sign-on_icon_2_nor.png
  8. BIN
      images/c-sign-on_icon_3_hig.png
  9. BIN
      images/c-sign-on_icon_3_nor.png
  10. BIN
      images/sign_icon_shibai_nor.png
  11. 6 13
      index.html
  12. 37 5
      js/cmp-staffReg.js
  13. 6 29
      js/common.js
  14. 79 29
      js/header.js
  15. 99 0
      loginNew.html

+ 41 - 69
css/common.css
View File 

@ -44,6 +44,11 @@ a,a:active,a:hover{outline:0;text-decoration:none;}
44 44 
.clearfix{ clear:both;}
45 45 
.clearfix:before,.clearfix:after{display:table;content:" "}
46 46 
.clearfix:after{clear:both}
47 
/*更改placeholder的颜色*/
48 
:-moz-placeholder {color: #c0c0c6;}
49 
::-moz-placeholder {color: #c0c0c6;}
50 
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #c0c0c6;}
51 
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #c0c0c6;}
47 52 
/* 显示和隐藏样式 */
48 53 
.inline {display:inline-block;}
49 54 
.displayNone{display:none;}

@ -71,6 +76,8 @@ a,a:active,a:hover{outline:0;text-decoration:none;}
71 76 
/*圆角*/
72 77 
/*头像、资源圆角*/
73 78 
.headRadius{border-radius: 4px;}
79 
.userRadius{border-radius:50%;}
80 
.cmpRadius{border-radius: 4px;}
74 81 
/*底板背景圆角*/
75 82 
.bgRadius{border-radius: 6px;}
76 83 


@ -85,74 +92,13 @@ textarea.frmtype{line-height:20px;padding:6px 8px;min-height:100px;}
85 92 
body{height:auto;position: relative;min-height: 100%;}
86 93 
input{ outline:none;}
87 94
88 
/*/////////////////////表单样式/////////////////////// */
89 
.frmtype{font-size:14px;outline: none; /*padding:6px 20px 6px 10px;border:1px #b5b5b5 solid;*/border-radius: 6px;}
90 
.frmtype:focus{box-shadow: none;outline:none}
91 
.frmtypeW{width:98%;margin: auto;}
92 
textarea.frmtype{height:100px;}
93 
input.frmtype[readonly]{background:#EFEFEF;color:#AAAAAA;}
94 
input.frmtype[readonly]:focus{border:1px #b5b5b5 solid;}
95 
/*小按钮*/
96 
.btnModel{display:inline-block;color:#FFFFFF;border:none;background: #FFFFFF; padding:6px 20px;background:#ff9900;}
97 
.btnModel:hover{background:#ff8f00;}
98 
/*取消按钮*/
99 
.btnCancel{background:#edeff4;}
100 
.btnCancel:hover{background:#d6d8de;}
101 
/*按钮不可用状态*/
102 
button.btnModel[disabled]{background:#d6d8de;}
103 
button.btnModel[disabled]:hover{background:#d6d8de;}
104
105 95 
.save-block{margin:20px auto 40px;padding:6px 40px;}/*保存按钮*/
106 96 
.fontLink{background:none;border:none;}/*字体链接按钮*/
107 97 
.limitNum{text-align: right;color:#AAAAAA;}/*限制字数*/
108 98 
/*表单消息提示*/
109 99 
.frmmsg{background:url(../images/con_icon_info_warn.png) 0 center no-repeat;background-size: auto 50%;padding-left:18px;line-height:28px;}
110 100
111
112
113 
/*header部分*/
114 
.topheader{background: #000;height:30px;font-size:14px;line-height:30px;}
115 
.topheader a{padding:0 10px;margin-right:16px;color:#FFFFFF}
116 
.topheader .downicon{background: url(../images/top_icon_shouji_nor.png) 0 center no-repeat;padding-left:18px;}
117
118 
#header{width:100%;min-width:1100px;height:60px; background:rgba(55,61,65,1); position:fixed; top:0; z-index:999; }
119 
#header.firstH{background: -webkit-linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,0));
120 
    background: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,0));}
121 
#header.firstL{ background:rgba(255,153,0,0);}
122 
#header.firstB{ background:rgba(55,61,65,1);}
123 
#header.Nosear{position:static;}
124 
.logo{ display:block; width:60px; height:30px;margin:14px 14px 14px 0; background:url(../images/home_icon_logo_orange.png) no-repeat;background-size:100% 100%; float:left;}
125 
.searchblock{ width:280px; height:35px; position:absolute; left:50%; top:50%; margin-left:-140px; margin-top:-17.5px;}
126 
.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;}
127 
.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;}
128 
.search-icon{ display:block; width:20px; height:20px; background:url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
129
130 
/*顶部右边*/
131 
.header-right{ float:right; /*margin-right:80px;*/}
132 
/*未登录*/
133 
.unlogin{ display:none;float:left;padding:4px 0;}
134 
.loginbtn{float:left; border:2px #e2e2e2 solid; padding:0 20px; border-radius:6px;font-size:14px; line-height:28px; color:#fff; text-align:center; margin:10px 2px; cursor:pointer; }
135 
.loginrbtn{ border:2px transparent solid;padding:0 2px;}
136 
.loginlbtn{margin-right:20px;/* background:#fff;color:#ff9900; */}
137 
/* .loginbtn:hover{border:2px #fff solid;} */
138 
/*已登录*/
139 
.onlogin{ display:none; position:relative;}
140 
.head-portrait{width:40px; height:40px;background-size:100% 100%;-moz-background-size:100% 100%; float:left;margin: 10px 0 10px 16px; cursor:pointer;overflow:hidden; }
141 
.portrait-p{ width:100%;}
142 
.personal-infor{width:202px; height:179px; position:absolute; top:40px; right:2px; display:none;}
143 
.triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#f3a36c; float:right; margin-right:12px; margin-top:15px;}
144 
.personal-box{ width:202px;background:#f3a36c; clear:both; overflow:hidden;}
145 
.personal-box a{ display:block; width:202px; height:40px;line-height:40px; font-size: 13px; color:#fff;}
146 
.personal-box a:hover{ background:#ff9900;}
147 
.icon{ display:block; width:20px; height:20px; margin-left:15px; margin-right:12px; margin-top:10px; float:left;}
148 
.icon1{ background:url(../images/index-icon.png) no-repeat; background-position:right;}
149 
.icon2{ background:url(../images/index-icon.png) no-repeat; background-position:-60px 0;}
150 
.icon3{ background:url(../images/index-icon.png) no-repeat; background-position:-40px 0;}
151 
.icon4{ background:url(../images/index-icon.png) no-repeat; background-position:-20px 0;}
152
153 
.myWorkspace{font-size: 14px;line-height:40px; text-align: center;float: left; margin-top: 10px;color: #fff;}
154 101 
/*主体部分*/
155 
#container{/* background:#fff;*//*overflow: hidden;*/}
156 102 
.contentBody{width:1050px;height:auto; margin:10px auto; padding:80px 0 2px 0; }
157 103 
/*产品下载  */
158 104 
.appstore{width:1000px;color: #696969;text-align: center;margin:90px auto 30px;position:relative;}

@ -264,16 +210,42 @@ footer .weixincode{background-image: url(../images/home_bg_guanzhu_nor.png);}
264 210 
footer .weixincode span{background-image:url(../images/home_code_weixin.jpg);background-size: cover;}
265 211
266 212 
/*新版header*/
267 
header{background: #373d41;color:#888;font-size:16px;line-height:32px;height:60px;}
268 
header .containerCon{background: #373d41;}
269 
header .headlogo h1 {width: 60px;height: 30px;margin: 14px 14px 14px 0;padding: 0;background-image: url(../images/home_icon_logo_orange.png);background-repeat:no-repeat;background-size:contain;overflow: hidden;}
213 
.topheader{background: #333;height:30px;font-size:14px;line-height:30px;}
214 
.topheader .containerCon{background: #333;}
215 
.topheader a{padding:0 10px;margin-right:16px;color:#FFFFFF}
216 
.topheader .downicon{background: url(../images/top_icon_shouji_nor.png) 0 center no-repeat;padding-left:18px;}
217
218 
.searchblock{ width:280px; height:39px;background:#fff;border:2px solid #d8d8d8;border-radius:6px;overflow: hidden; position:absolute; left:50%; top:50%; margin-left:-140px; margin-top:-19.5px;}
219 
.search-txt{ width:240px;line-height:35px; height:35px;border:none; behavior:url(../js/ie-css3.htc); float:left;font-size:14px;padding-left:10px; color:#444;}
220 
.search-btn{ width:35px; height:35px; float:right; behavior:url(../js/ie-css3.htc);cursor:pointer;}
221 
.search-icon{ display:block; width:20px; height:20px; background:url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
222
223 
header{ position:fixed; top:0;left:0;right: 0; z-index:999;font-size:16px;line-height:32px;}
224 
header .navheader{background:#FFFFFF;height:62px;border-bottom: 2px solid #e5e5e5;}
225 
header .navheader.navhdown{background: rgba(256,256,256,1);border-color:#E5E5E5;box-shadow: 0px 2px 12px 0px rgba(204, 204, 204, 0.6);-webkit-box-shadow: 0px 2px 12px 0px rgba(204, 204, 204, 0.6);}
226 
header .navheader.navhdown li a{color:#666;}
227 
header .headlogo h1 {width: 60px;height: 30px;margin:15px 14px 15px 0;padding: 0;background-image:url(../images/home_icon_logo_orange.png);background-repeat: no-repeat;background-size:contain;overflow: hidden;}
270 228 
header .headnav{margin:0 14px;}
271 
header .headnav li{float:left;margin:0 4px; padding:12px 0;}
272 
header .headnav li a{ color:#FFFFFF; padding:14px 18px;}
273 
header .headuser{overflow: hidden; width: 38px;height: 38px;margin:10px 0 12px 20px;cursor: pointer;}
274 
header .headnavbtn{margin:20px 6px;}
229 
header .headnav li{float:left;margin:0 4px; padding:14px 0;}
230 
header .headnav li a{ color:#666; padding:14px 18px;}
231 
header .headuserimg{position:relative;padding: 10px 0 10px 20px; width: 60px;height: 60px;}
232 
header .headuser{overflow: hidden;border:1px solid #999; width: 40px;height: 40px;display: table-cell; vertical-align:middle; text-align:center;cursor: pointer;}
233 
header .headuser img{max-width: 40px;max-height: 100%;vertical-align:middle;height:auto !important; overflow-y:auto;}
234 
header .headnavbtn{margin:14px 6px;}
235 
header .headnavbtn a{color:#666;font-size:15px;}
275 236 
header .headnavbtn li{float:right;margin:0 6px;}
237 
header .headnavbtn .teyaologin{padding:4px 20px;border-radius:6px;margin-right:16px;}
276 238 
header .navbtn{width: 18px;height:20px;cursor: pointer; padding:10px 18px;background-position:center;background-repeat:no-repeat;}
277 239 
header .navnews{background-image: url(../images/nav_button_news_nor.png);background-size:contain;}
278 240 
header .navsearch{background-image: url(../images/nav_button_search_nor_2.png);background-size:contain;}
279 
header .headnav li.navcurrent{border-bottom:4px solid #ff9900;}
241 
header .headnav li.navcurrent{border-bottom:4px solid #28b8fa;}
242
243 
header .comuserSelf{width:180px; height:180px; position:absolute; top:42px; right:0;z-index: 100;}
244 
header .triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#ff9900; float:right; margin-right:12px; margin-top:14px;}
245 
header .personal-box{ width:100%;background:#ff9900; clear:both; overflow:hidden;}
246 
header .personal-box a{ display:block; width:100%; height:40px;line-height:40px; font-size: 13px; color:#fff;}
247 
header .personal-box a:hover{ background:#ff8800;}
248 
header .icon{ display:block; width:20px; height:20px; margin-left:15px; margin-right:12px; margin-top:10px; float:left;}
249 
header .icon2{ background:url(../images/index-icon.png) no-repeat; background-position:-60px 0;}
250 
header .icon3{ background:url(../images/index-icon.png) no-repeat; background-position:-40px 0;}
251 
header .icon4{ background:url(../images/index-icon.png) no-repeat; background-position:-20px 0;}

+ 34 - 107
css/genindex.css
View File 

@ -4,112 +4,35 @@ html,body{background: #f4f6f8;}
4 4 
.userRadius{ border-radius: 50%;border:1px solid #E5E5E5;}
5 5 
.cmpRadius{border-radius:4px;border:1px solid #E5E5E5;}
6 6 
.con-center{padding:20px 10px 40px; margin:10px auto;}
7 
/*左侧菜单*/
8 
/*.workmenu{text-align: center; float:left; width:12%; height:300px; background: #fafafa;border-radius: 6px;overflow: hidden;}
9 
a.workmenutit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px; border-bottom:1px #28b8fa solid;cursor:pointer; display: block;color:#313131; }
10 
a.worksubmenu{width:100%; height:40px; margin:10px 0;font-size:15px;line-height:40px; color:#313131;display: block;}
11 
a.worksubmenu.cmpBg{color: #FFFFFF;}*/
12 
/*右侧内容*/
13 
/*.workcon{float:right; margin-left:10px; width:87%; background: #fafafa;border-radius:6px;overflow: hidden;}
14 
.worksubcon{ padding:20px 16px;}
15 
.workconleft{width:70%;}
16 
.workcontit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px;color: #606060; border-bottom:1px solid #e7e7e7;}*/
17
18 
/*////////////工作台/////////////////*/
19 
/*.workblock{width:100%; padding:10px; overflow:hidden; background:#fff; margin:0;margin-bottom:16px;}
20 
.leftlogo{width:56px;overflow:hidden;text-align: center;}
21 
.cmplogo{width: 140px;}
22 
.leftlogo img{width: 100%;}
23 
.rightinfo{position:relative;width:77%;padding:0 10px;}
24 
.cmpinfo{padding:0 80px 0 20px;}
25 
.cmpBasic span:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
26 
.cmpBasic span:first-child:before{border:none;margin:0; }
27 
.btnPosition{position: absolute;top:50%;margin-top:-36px;right:4px;}
28 
.btnBlock a{display: block;margin:6px 0;}
29 
.btnBlock .frmtype{display: block;width: 140px;}*/
30 
/*企业认证*/
31 
/*.identityState{padding:100px 60px 100px 60px; text-align:center;}
32 
.identityState p{padding:10px; margin:10px;}
33 
.identityState span{display: block;}
34 
.identProcess{font-size:20px;line-height: 40px; color:#777;}
35 
.identts{font-size:15px;color:#999;line-height: 34px;}*/
36
37 
/*企业需求/员工*/
38 
.worksubblock{ width:50%;height:354px;padding:0 10px;overflow:hidden;position: relative;}
39 
.worksubblock:first-child{border-right:1px solid #D6D6D6;}
40 
.worktit{ width:100%;border-bottom:1px solid #d6d6d6; padding:4px 0; font-size:16px; }
41 
.worklinkbtn {font-size: 12px;line-height: 24px; cursor: pointer;}
42 
.wbcon{ padding:20px 0; overflow:hidden;}
43 
.needUlist{height:286px;overflow: hidden;}
44 
.needUlist li{position:relative;overflow: hidden;padding:4px 0;margin:6px 0;}
45 
.needUlist li:after{content: '';background: #E6E6E6;height:1px;position: absolute;bottom: 0;right: 0;left:64px;}
46 
.needUlist li:last-child:after{background: none;}
47 
.staffDlist{overflow: hidden;}
48 
.staffDlist h2{float:left;width: 58px; text-align: right;line-height: 60px;}
49 
.staffDlist dl{width: 78%;float: right;}
50 
.staffDlist dl .staffchild{width:60px;}
51 
.staffDlist dd{float:left;margin:2% 3%;}
52 
/*公告*/
53 
.workconright{ width:29%;}
54 
.worknotice{ width:100%; height:478px;background:#fff; position: relative;text-align: center; margin:1px;}
55 
/*工作台其他功能*/
56 
.workmysrc{ margin-bottom:30px;}
57 
.workmysrctit{font-size:16px;line-height:30px;position:relative;}
58 
.worksamlltit{ font-size:13px;line-height:30px; margin:0 10px; padding:10px;cursor:pointer;}
59 
.worksamlltitnow{ border-bottom:1px solid;text-decoration: none;}/*//cmpBorder*/
60 
.workcontit a:link,.workcontit a:active,.workcontit a:visited  {color:#313131;}
61 
/*内容列表*/
62 
/*.workselectcon{ padding:20px 10px;}
63 
.workselectitem{ height: 180px; margin:6px 0;padding:16px 10px 10px; padding-left: 20px;}
64 
.workselectitem:nth-child(odd){background:#fff;}
65 
.workselectitem table tr .workcheck{ text-align:center;}
66 
.worksitcon{ width:100%;margin-top:0; overflow:hidden; }
67 
.worksitcon .titList{font-weight:bold;font-size:14px;padding-right: 130px;}
68 
.worksitcon .lasttime{ font-size:13px; color:#666;}
69 
.worksitcon .lasttime.rightTime{position: absolute; right: 20px;top:0}
70 
.worksitcon span{ padding-right:4px;}
71 
.workitimg{ display:block;overflow:hidden;width:120px; height:120px;margin: 5px 0; }
72 
.needinfo{position:relative;}
73 
.workhandle{ position:absolute;  top:10px; right:20px;}
74 
.workhandle span{ padding:2px 20px;border:1px #d7d7d7 solid;margin: 2px;}
75 
.workhandle .complain{display:none;}/* 更多操作按钮... */
76 
/*.workhandle .coultstate{color: #fff;}
77 
.workhandle .coultstate.coulstAim{border-radius: 6px 0 0 6px;}*/
78
7 
/*/////////////////////表单样式/////////////////////// */
8 
.frmtype{border:none;height:36px;background:#edeff4;font-size:14px;outline: none; padding:6px 20px 6px 10px;border-radius: 6px;}
9 
.frmtype:focus{box-shadow: none;outline:none; border:1px solid #ff8500;}
10 
.frmtypeW{width:98%;margin: auto;}
11 
textarea.frmtype{height:100px;}
12 
input.frmtype[readonly]{background:#EFEFEF;color:#AAAAAA;}
13 
input.frmtype[readonly]:focus{border:1px transparent solid;}
14 
/*小按钮*/
15 
.btnModel{display:inline-block;color:#FFFFFF;border:none;background: #FFFFFF; padding:6px 20px;background:#ff9900;}
16 
.btnModel:hover{background:#ff8f00;}
17 
/*取消按钮*/
18 
.btnCancel{background:#edeff4;}
19 
.btnCancel:hover{background:#d6d8de;}
20 
/*按钮不可用状态*/
21 
button.btnModel[disabled]{background:#d6d8de;}
22 
button.btnModel[disabled]:hover{background:#d6d8de;}
23 
.save-block{margin:20px auto 40px;padding:6px 40px;}/*保存按钮*/
24 
.fontLink{background:none;border:none;color:#ff9900;}/*字体链接按钮*/
25 
/*表单消息提示*/
26 
.frmmsg{background:url(../images/con_icon_info_warn.png) 0 center no-repeat;background-size: auto 50%;padding-left:18px;line-height:28px;color: #fd5f39;}
27 
.frmmsg-warning{border:1px solid #fd5f39;}
79 28
80 29 
/*////////////个人设置/////////////////*/
81 
/*a.workmenutit.accouttit{cursor: text;color: #a3a3a3;}*/
82 
ul.cmpAllUl{width:50%;margin:60px auto 20px;}
30 
ul.cmpAllUl{}
83 31 
ul.cmpAllUl li{position:relative;clear:both;padding:6px 0;}
84 32 
ul.cmpAllUl li:before,ul.cmpAllUl li:after{display:table;content:" "}
85 33 
ul.cmpAllUl li:after{clear: both;}
86 34 
ul.cmpAllUl li .col-w-2{text-align: right;padding-right: 10px;line-height: 30px;}
87 35 
ul.cmpAllUl li .col-w-10{position: relative;}
88 
.forgetLink{position:absolute; right:-92px;}
89
90 
.uploadFile{line-height:30px;text-align: center;}
91 
.uploadFile .uploadlogo{width:98%;padding:16px 0 8px;border:2px dashed #D6D6D6; border-radius: 6px;background: #f5faff;color:#666;}
92 
.uploadFile input.uploadInp[type="file"]{height:96px;}
93
94 
.notetip{padding: 10px; margin:20px auto 10px; text-align:center; border-bottom:1px #c8c8c8 dashed;}
95 
.bindBlock{min-height: 200px;}
96 
.bindFont{position: relative;font-size:16px; line-height: 32px;padding-left:26px;}
97 
.bindFont em{display:inline-block;position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;background:url(../images/con-icon-email.png);background-size:cover;}
98
99 
ul.cmpAllUl.cmpBindul{width:70%;margin:40px auto 20px;}
100 
.importBlock{margin:30px auto 20px;}
101 
.importTip{font-size:22px;line-height: 40px; color:#333;text-align: center;}
102
103 
/*////////////企业入驻/////////////////*/
104 
.conBanner{width: 100%;min-width:1100px;height:240px; background: url(../images/business_img_banner_nor.png) center center no-repeat;background-size: cover;overflow: hidden;}
105 
.conTit{margin-top: 30px;padding:10px 0;background: url(../images/home_line_nor.png) no-repeat center center;text-align: center;}
106 
.tit-hh4{font-size:22px;line-height:40px;}
107 
.tit-hh4 img{margin-right:18px;margin-left:-10px;}
108 
input.cmpAgreebtn[type="checkbox"]{position:absolute;width:20px;margin: 0;opacity: 0;}
109
110 
ul.cmpAllUl.cmpSettledul{width:60%;margin:10px auto 20px;}
111 
ul.cmpAllUl.cmpSettledul>li{padding:8px;}
112 
ul.cmpAllUl.cmpSettledul .frmtype{height:40px;}
113 36
114 37 
.successImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_chenggong_nor.png) center center no-repeat;}
115 38 
.failImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_shibai_nor.png) center center no-repeat;}
 
@ -120,7 +43,7 @@ ul.cmpAllUl.cmpSettledul .frmtype{height:40px;}
120 43 
.covFrmblock{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%);overflow:hidden;padding:40px 30px 30px 30px;/*margin:10% auto 40px;*/width:420px;max-width:420px;background:#fff;border-radius:8px;z-index:1056;
121 44 
 		 box-shadow: 2px 6px 30px #d68203;
122 45 
  -webkit-box-shadow: 2px 6px 30px #d68203;}
123 
.covFrmblock .h1Font{margin-bottom:30px;}
46 
.covFrmblock .h1Font{margin-bottom:24px;}
124 47 
.cmpOrgName{font-size: 24px;line-height: 60px;}
125 48 
ul.cmpAllUl.cmpCoverUl{width:100%;margin:10px auto 20px;}
126 49 
ul.cmpAllUl.cmpCoverUl>li .frmtypeW{width:100%;height:40px;}
 
@ -130,13 +53,17 @@ ul.cmpAllUl>li .form_head{position: relative;margin-bottom: 10px;line-height:26p
130 53 
ul.cmpAllUl>li .form_head:before{position: absolute;content: '';background: #E6E6E6;margin:auto;width:60%;height:1px;top:-30px;bottom: 0;right: 0;left:0;}
131 54 
ul.cmpAllUl>li .form_head li{ position: relative;clear:none; text-align: center;color: #b5b5b5; float: left;}
132 55 
ul.cmpAllUl>li .form_head .icon_step {display: block;width: 40px;height: 40px; margin: 0 auto;margin-bottom: 8px;}
133 
ul.cmpAllUl>li .form_head .icon_step.step1{background: url(../images/e-sign-on_icon_1_hig.png) 0 0 no-repeat;background-size: cover;}
134 
ul.cmpAllUl>li .form_head .icon_step.step2{background: url(../images/e-sign-on_icon_2_nor.png) 0 0 no-repeat;background-size: cover;}
135 
ul.cmpAllUl>li .form_head .icon_step.step2g{background: url(../images/e-sign-on_icon_2_hig.png) 0 0 no-repeat;background-size: cover;}
136 
ul.cmpAllUl>li .form_head .icon_step.step3{background: url(../images/e-sign-on_icon_3_nor.png) 0 0 no-repeat;background-size: cover;}
137 
ul.cmpAllUl>li .form_head .icon_step.step3g{background: url(../images/e-sign-on_icon_3_hig.png) 0 0 no-repeat;background-size: cover;}
56 
ul.cmpAllUl>li .form_head .icon_step.step1{background: url(../images/c-sign-on_icon_1_hig.png) 0 0 no-repeat;background-size: cover;}
57 
ul.cmpAllUl>li .form_head .icon_step.step2{background: url(../images/c-sign-on_icon_2_nor.png) 0 0 no-repeat;background-size: cover;}
58 
ul.cmpAllUl>li .form_head .icon_step.step2g{background: url(../images/c-sign-on_icon_2_hig.png) 0 0 no-repeat;background-size: cover;}
59 
ul.cmpAllUl>li .form_head .icon_step.step3{background: url(../images/c-sign-on_icon_3_nor.png) 0 0 no-repeat;background-size: cover;}
60 
ul.cmpAllUl>li .form_head .icon_step.step3g{background: url(../images/c-sign-on_icon_3_hig.png) 0 0 no-repeat;background-size: cover;}
138 61 
ul.cmpAllUl>li .form_head li.stepActive{color: #555;}
139 
ul.cmpAllUl.cmpCoverUl .importTip{font-size:18px;color:#333;}
62 
ul.cmpAllUl.cmpCoverUl .importTip{font-size:18px;color:#333;margin:10px 0;}
63
64 
ul.loginWaySort{overflow: hidden;border-bottom:1px solid #e5e5e5;margin-bottom:30px;}
65 
ul.loginWaySort li{text-align: center;line-height: 36px;font-size:14px;color:#333;cursor: pointer;}
66 
ul.loginWaySort li.liactive{border-bottom: 2px solid #ff9900;}
140 67
141 68 
/*--------------发现--------------*/
142 69 
.contentCon{padding-top:80px;}
 
@ -199,7 +126,7 @@ ul.filterUl>li{float:left;margin:0 5px 4px;padding:0 10px;cursor: pointer;color:
199 126 
ul.filterUl>li.filterCurrent{border-color:#e1e1e1;border-radius: 20px;color:#ff9900;}
200 127
201 128 
.listdiv{background: #FFFFFF;padding-bottom:20px;margin-bottom:20px;}
202 
.listdiv ul.listitemdiv{min-height: 200px;}
129 
.listdiv ul.listitemdiv{}
203 130 
ul.listitemdiv li{position:relative;min-height:132px;padding:15px 20px;}
204 131 
ul.listitemdiv li:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: #f7f7f8;}
205 132 
ul.listitemdiv li a.linkhref{display: block;}

+ 5 - 3
css/index.css
View File 

@ -6,7 +6,7 @@ input{ outline:none;}
6 6 
.emspace{letter-spacing: 2em; }
7 7
8 8 
/*banner部分*/
9 
#banner{ height:auto;min-width:1100px; position:relative;}
9 
#banner{ height:auto;min-width:1120px; position:relative;}
10 10 
.banner{width:100%; height:500px;background: url(../images/banner/banner01.jpg) center center no-repeat;background-size: cover;}
11 11 
.theme{ width:100%; height:236px; position:absolute; top:40%;}
12 12 
.theme h1{font-size:46px;line-height:80px; color:#fff; text-align:center; text-shadow:0px 0px 10px #2d2524;}

@ -48,7 +48,7 @@ input{ outline:none;}
48 48 
.link-btn-tip{position: relative; min-height: 170px;padding:0 10px;font-size:16px;color:#666; line-height: 24px;}
49 49 
.link-tip-tit{font-size:20px;color:#333;/*font-weight:bold;*/line-height: 46px;}
50 50 
/*热门领域*/
51 
.hot-field{ width:100%;min-width: 1100px;  background:url(../images/fieldbg.jpg) center center no-repeat; background-size:cover;padding:40px 0 50px;}
51 
.hot-field{ width:100%;min-width: 1120px;  background:url(../images/fieldbg.jpg) center center no-repeat; background-size:cover;padding:40px 0 50px;}
52 52 
.con-tit{padding:10px 0;background: url(../images/home_line_nor.png) no-repeat center center;text-align: center;}
53 53 
.hh4{font-size:22px;line-height:40px; color:#fff;}
54 54 
.hh4 img{margin-right:18px;margin-left:-10px;}

@ -515,7 +515,9 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
515 515 
}
516 516 
#artical_topic{position: absolute;bottom:0;padding:6px 10px;font-size:14px;line-height:16px;color:#FFFFFF}
517 517 
.art_img{ width: 100%; height:160px; overflow: hidden;
518 
	background: url(../images/default-artical.jpg) center center no-repeat;
518 
	background-image: url(../images/default-artical.jpg);
519 
	background-repeat:no-repeat;
520 
	background-position:center center;
519 521 
	background-size:cover;/*宽高覆盖区域*/
520 522 
	-moz-background-size:cover;
521 523 
	-webkit-background-size:cover;}

+ 1 - 1
css/login.css
View File 

@ -206,7 +206,7 @@ html,body{ cursor:default; margin:0; height:100%;}
206 206 
.basicinfor .inforAdd_tab .basicmsgbox td{padding:0; margin:0;}
207 207 
.basicinfor .inforAdd_tab .basicmsgbox td:first-child{width: 70px;height: 1px;}
208 208 
.basicmsg{ clear:both;font-size:13px;line-height:17px; color:red; padding-left:16px; background:url(../images/info_warn.png) 0 center no-repeat;background-size: auto 88%; }
209 
.basicinfor .default-photo{ width:140px; height:140px; border-radius:50%; position:absolute; top:20px; left:50%; margin-left:-72px; background:url(../images/default-photo-up.jpg) center center; background-size: 100% 100%; overflow:hidden; border:4px #c9c9c9 solid;}
209 
.basicinfor .default-photo{ width:140px; height:140px; border-radius:50%; position:absolute; top:20px; left:50%; margin-left:-72px; background:url(../images/default-photo.jpg) center center; background-size: 100% 100%; overflow:hidden; border:4px #c9c9c9 solid;}
210 210 
.basicinfor .default-photo a{ position:absolute; bottom:0; display:block; background:url(../images/take-photo.png) center center no-repeat rgba(0,0,0,.4); width:100%; height:50%; z-index:4;}
211 211 
.txtgo{width: 100%;height: 32px;line-height: 32px;font-size: 14px;}
212 212 
.infolist .liststyle .txtgo{height:32px;line-height:32px;font-size:15px;width:135px;text-indent: 0.2em;background:#fafafa;}

BIN
images/c-sign-on_icon_1_hig.png
View File


BIN
images/c-sign-on_icon_2_hig.png
View File


BIN
images/c-sign-on_icon_2_nor.png
View File


BIN
images/c-sign-on_icon_3_hig.png
View File


BIN
images/c-sign-on_icon_3_nor.png
View File


BIN
images/sign_icon_shibai_nor.png
View File


+ 6 - 13
index.html
View File 

@ -16,12 +16,14 @@
16 16 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
17 17 
<style type="text/css">
18 18 
	#header{top:30px;}
19 
	.searchblock{display:none;}
19 
	.searchblock{display:none;}
20 
	header .navheader{background: transparent;border-color: transparent;}
21 
	header .navheader li a{color:#FFFFFF;}
20 22 
</style>
21 23 
</head>
22 24 
<body>
23 25 
<div class="container-fulid topheader">
24 
	<div class="containerCon" style="background:#000000;">
26 
	<div class="containerCon">
25 27 
		<a class="downicon" href="download.html">科袖app</a>
26 28 
		<a id="gocmp" href="javascript:;">进入企业版</a>
27 29 
	</div>

@ -179,23 +181,14 @@
179 181 
		var top = $(document).scrollTop();
180 182 
		if (top == 0) {
181 183 
			$("#header").css("top","30px");
182 
			//$("#header").removeClass("firstL").removeClass('firstB');
183 184 
		} else {
184 
			$("#header").css("top","0");
185 
			//$("#header").addClass("firstB");
186
185 
			$("#header").css("top","0");
187 186 
		}
188 
		if (top >= 360) {
187 
		if (top >= 350) {
189 188 
			$(".searchblock").stop(true,false).fadeIn();
190 189 
		}else{
191 190 
			$(".searchblock").stop(true,false).fadeOut();
192 191 
		}
193 
//		if (top == 0) {
194 
//			$("#header").removeClass('firstB');
195 
//		} else {
196 
//			$("#header").removeClass('firstB').removeClass('firstL').addClass("firstH");
197 
//
198 
//		}
199 192 
	})
200 193 
</script>
201 194 
</body>

+ 37 - 5
js/cmp-staffReg.js
View File 

@ -21,27 +21,48 @@ $(function() {
21 21 
	});
22 22
23 23 
	/*校验邀请人名称*/
24 
	$('#companyName').on('keyup', function() {
24 
	$('#companyName').on('focus', function() {
25 
		$(".msgCmp01 span").text("");
26 
	});
27 
	$('#companyName').on('blur', function() {
25 28 
		checkName();
26 29 
	});
27 30
28 31 
	/*校验邀请人手机*/
32 
	$('#companyPhone').on('focus', function() {
33 
		$(".msgCmp02").text("");
34 
	});
29 35 
	$('#companyPhone').on('keyup', function() {
30 36 
		checkPhone();
31 37 
	});
32
38 
	$('#companyPhone').on('blur', function() {
39 
		if($(".msgCmp02").text()!=""){
40 
			$(".msgCmp02").prev().addClass("frmmsg-warning");
41 
		}else{
42 
			$(".msgCmp02").prev().removeClass("frmmsg-warning");
43 
		}
44 
	});
33 45 
	/*校验邀请验证码*/
34 
	$('#companysc').on('keyup', function() {
46 
	$('#companysc').on('focus', function() {
47 
		$(".msgCmp03").text("");
48 
	});
49 
	$('#companysc').on('blur', function() {
35 50 
		checkSc();
36 51 
	});
37 52
38 53 
	/*校验新密码*/
39 
	$('#companyPsw1').on('keyup', function() {
54 
	$('#companyPsw1').on('focus', function() {
55 
		$(".msgCmp04 span").text("");
56 
	});
57 
	$('#companyPsw1').on('blur', function() {
40 58 
		checkNewPwd();
41 59 
	});
42 60
43 61 
	/*校验新密码*/
44 
	$('#companyPsw2').on('keyup', function() {
62 
	$('#companyPsw2').on('focus', function() {
63 
		$(".msgCmp05 span").text("");
64 
	});
65 
	$('#companyPsw2').on('blur', function() {
45 66 
		checkNewPwd2();
46 67 
	});
47 68 


@ -106,8 +127,10 @@ $(function() {
106 127 
	function checkName() {
107 128 
		companyNameVal = $("#companyName").val();
108 129 
		if(companyNameVal.length == "") {
130 
			$(".msgCmp01").prev().addClass("frmmsg-warning");
109 131 
			$(".msgCmp01 span").text("请输入您的真实姓名");
110 132 
		} else {
133 
			$(".msgCmp01").prev().removeClass("frmmsg-warning");
111 134 
			$(".msgCmp01 span").text("");
112 135 
			setname = true;
113 136 
		}

@ -128,6 +151,7 @@ $(function() {
128 151 
						if($data.data == false) {
129 152 
							$(".msgCmp02").text("该手机已注册账户，您可以直接登录");
130 153 
						} else {
154 
							$(".msgCmp02").prev().removeClass("frmmsg-warning");
131 155 
							$(".msgCmp02").text("");
132 156 
							phonePass = true;
133 157 
							$("#getcode").attr("disabled", false);

@ -149,14 +173,17 @@ $(function() {
149 173 
	function checkSc() {
150 174 
		companyscVal = $("#companysc").val();
151 175 
		if(companyscVal.length == 0) {
176 
			$(".msgCmp03").prev().addClass("frmmsg-warning");
152 177 
			$(".msgCmp03").text("请输入您收到的验证码");
153 178 
			phoneCode = false;
154 179 
		} else {
155 180 
			var d = /^[0-9a-zA-Z]{4}$/;
156 181 
			if(d.test(companyscVal.trim())) {
182 
				$(".msgCmp03").prev().removeClass("frmmsg-warning");
157 183 
				$(".msgCmp03").text("");
158 184 
				phoneCode = true;
159 185 
			} else {
186 
				$(".msgCmp03").prev().addClass("frmmsg-warning");
160 187 
				$(".msgCmp03").text("验证码为4位数字，请检查后重试");
161 188 
				phoneCode = false;
162 189 
			}

@ -249,8 +276,10 @@ $(function() {
249 276 
	function checkNewPwd() {
250 277 
		companyPswVal1 = $("#companyPsw1").val();
251 278 
		if(companyPswVal1.length < 6) {
279 
			$(".msgCmp04").prev().addClass("frmmsg-warning");
252 280 
			$(".msgCmp04 span").text("密码由6-24个字符组成，区分大小写");
253 281 
		} else {
282 
			$(".msgCmp04").prev().removeClass("frmmsg-warning");
254 283 
			$(".msgCmp04 span").text("");
255 284 
			setnewpwd = true;
256 285 
		}

@ -259,10 +288,13 @@ $(function() {
259 288 
	function checkNewPwd2() {
260 289 
		companyPswVal2 = $("#companyPsw2").val();
261 290 
		if(companyPswVal2.length < 6) {
291 
			$(".msgCmp05").prev().addClass("frmmsg-warning");
262 292 
			$(".msgCmp05 span").text("密码由6-24个字符组成，区分大小写");
263 293 
		} else if(companyPswVal1 != companyPswVal2) {
294 
			$(".msgCmp05").prev().addClass("frmmsg-warning");
264 295 
			$(".msgCmp05 span").text("两次输入不一致，请重新输入");
265 296 
		} else {
297 
			$(".msgCmp05").prev().removeClass("frmmsg-warning");
266 298 
			$(".msgCmp05 span").text("");
267 299 
			setnewpwd2 = true;
268 300 
		}

+ 6 - 29
js/common.js
View File 

@ -1,14 +1,7 @@
1 1 
$(document).ready(function(){
2 2 
	$(".unlogin").show();
3 3 
	$(".onlogin").hide();
4
5 
	//加载页面时，判断是否登陆
6 
	/*var userid = $.cookie("userid");
7 
	if (userid && userid != "null" && userid != null) {
8 
		$(".myWorkspace").attr("href","workspaces.html?"+userid);
9 
		loginStatus();
10 
	}*/
11
4
12 5 
	var footerHeight = $("footer").outerHeight(true);
13 6 
	$('#container').css("padding-bottom", footerHeight +"px" );
14 7 
	//窗口大小变更事件
 
@ -81,27 +74,11 @@ $(document).ready(function(){
81 74 
$(document).scroll(function() {
82 75 
	var top = $(document).scrollTop();
83 76
84 
//	if (top == 0) {
85 
//		$("#header").addClass("firstL");
86 
//	} else {
87 
//		$("#header").addClass("firstB").removeClass("firstL");
88 
////		$("#header").removeClass("firstL").addClass("firstH");
89 
//
90 
//	}
91 
//	if (top != 0) {
92 
//		$(".searchbox").fadeIn(1000);
93 
//
94 
//	} else {
95 
//		$(".searchbox").fadeOut(1000);
96 
//	}
97 
	//小搜索框滚动大于等于350,显示在头部
98 
//	if (top >= 350) {
99 
//		$("#serc-index").fadeIn(1000);
100 
//
101 
//	} else {
102 
//		$("#serc-index").fadeOut(1000);
103 
//
104 
//	}
77 
	if (top == 0) {
78 
		$(".navheader").removeClass("navhdown");
79 
	} else {
80 
		$(".navheader").addClass("navhdown");
81 
	}
105 82
106 83 
	if (top >= 300) {
107 84 
		$(".content-left").css({

+ 79 - 29
js/header.js
View File 

@ -1,32 +1,82 @@
1 1 
//新版header
2 
//var headerHtml = '';
3 
//headerHtml += '<div class="container-fulid">'+
4 
//				  '<div class="containerCon">'+
5 
//				  		'<div class="floatL">'+
6 
//								'<div class="headlogo floatL">'+
7 
//										'<a href="index.html"><h1></h1></a>'+
8 
//								'</div>' +
9 
//								'<ul class="headnav floatL">'+
10 
//										'<li><a href="index.html">首页</a></li>'+
11 
//										'<li><a href="">专家</a></li>'+
12 
//										'<li><a href="">资源</a></li>'+
13 
//										'<li><a href="discover.html">发现</a></li>'+
14 
//										'<li><a href="">我的工作台</a></li>'+
15 
//								'</ul>' +
16 
//							'</div>' +
17 
//							'<div class="floatR">'+
18 
//								'<div class="headuser headRadius floatR">'+
19 
//										'<img src="../../images/default-photo.jpg" width="100%" />'+
20 
//								'</div>' +
21 
//								'<ul class="headnavbtn floatR">'+
22 
//										'<li><div class="navbtn navnews"></div></li>'+
23 
//										'<li><div class="navbtn navsearch"></div></li>'+
24 
//								'</ul>' +
25 
//
26 
//							'</div>' +
27 
//					'</div>' +
28 
//			'</div>';
2 29 
var headerHtml = '';
3 
headerHtml += '<div class="container-fulid">'+
4 
				  '<div class="containerCon">'+
5 
				  		'<div class="floatL">'+
6 
								'<div class="headlogo floatL">'+
7 
										'<a href="index.html"><h1></h1></a>'+
30 
	headerHtml +=
31 
					'<div class="container-fulid navheader">'+
32 
					  '<div class="containerCon clearfix">'+
33 
					  		'<div class="floatL">'+
34 
									'<div class="headlogo floatL">'+
35 
											'<a href="index.html"><h1></h1></a>'+
36 
									'</div>' +
37 
									'<ul class="headnav floatL">'+
38 
											'<li><a href="index.html">首页</a></li>'+
39 
											'<li><a href="discover.html">发现</a></li>'+
40 
									'</ul>' +
8 41 
								'</div>' +
9 
								'<ul class="headnav floatL">'+
10 
										'<li class="navcurrent"><a href="index.html">首页</a></li>'+
11 
										'<li><a href="">专家</a></li>'+
12 
										'<li><a href="">资源</a></li>'+
13 
										'<li><a href="discover.html">发现</a></li>'+
14 
										'<li><a href="">我的工作台</a></li>'+
15 
								'</ul>' +
16 
							'</div>' +
17 
							'<div class="floatR">'+
18 
								'<div class="headuser headRadius floatR">'+
19 
										'<img src="../../images/default-photo.jpg" width="100%" />'+
42 
								'<div class="searchblock">'+
43 
							    '<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">'+
44 
									'<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>'+
45 
								'</div>'+
46 
								//未登录状态
47 
								'<div class="unlogin floatR displayNone">'+
48 
									'<ul class="headnavbtn floatR">'+
49 
											'<li><a href="register.html">注册</a></li>'+
50 
											'<li><a>|</a></li>'+
51 
											'<li><a href="login.html">登录</a></li>'+
52 
											'<li><a href="login-invite-code.html" class="teyaologin">特邀专家登录</a></li>'+
53 
									'</ul>' +
20 54 
								'</div>' +
21 
								'<ul class="headnavbtn floatR">'+
22 
										'<li><div class="navbtn navnews"></div></li>'+
23 
										'<li><div class="navbtn navsearch"></div></li>'+
24 
								'</ul>' +
25
26 
							'</div>' +
27 
					'</div>' +
28 
			'</div>';
55 
								//已登录状态
56 
								'<div class="onlogin floatR displayNone">'+
57 
									'<div class="headuserimg floatR">'+
58 
											'<div class="headuser userRadius"><img class="portrait-p" src="../images/default-photo.jpg" /></div>'+
59 
											'<div class="comuserSelf displayNone">' +
60 
					                '<div class="triangleB"></div>'+
61 
					                '<div class="personal-box bgRadius">'+
62 
					                    '<a href="information.html"><span class="icon icon2"></span>修改资料</a>'+
63 
					                    '<a href="account-set.html"><span class="icon icon3"></span>账户设置</a>'+
64 
					                    '<a href="javascript:;" onClick="exit()"><span class="icon icon4"></span>退出登录</a>'+
65 
					                '</div> '+
66 
					           ' </div>' +
67 
									'</div>' +
68 
									'<ul class="headnavbtn floatR">'+
69 
											'<li><a href="workspaces.html">我的工作台</a></li>'+
70 
									'</ul>' +
71 
								'</div>' +
72 
						'</div>' +
73 
				'</div>';
74
75 
document.write(headerHtml);
29 76
77 
$(".headuserimg").hover(function(){
78 
	$(".comuserSelf").stop(false,true).slideToggle();
79 
})
30 80 
//旧版header
31 81 
var hHtml = '';
32 82 
hHtml +='<div class="containerCon"><a href="index.html" alt="科袖" class="logo"></a>'+

@ -64,11 +114,11 @@ hHtml +='<div class="containerCon"><a href="index.html" alt="科袖" class="logo
64 114 
	'</div></div>';
65 115
66 116
67 
document.write(hHtml);
68
69 
$(".head-portrait").hover(function(){
70 
		$(".personal-infor").stop(false,true).slideToggle();
71 
	})
117 
//document.write(hHtml);
118 
//
119 
//$(".head-portrait").hover(function(){
120 
//		$(".personal-infor").stop(false,true).slideToggle();
121 
//	})
72 122
73 123
74 124

+ 99 - 0
loginNew.html
View File 

@ -0,0 +1,99 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>科袖网-搭建企业与专家的桥梁</title>
8 
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
9 
<link type="text/css" rel="stylesheet" href="css/reset.css">
10 
<link type="text/css" rel="stylesheet" href="css/common.css">
11 
<link type="text/css" rel="stylesheet" href="css/genindex.css">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
</head>
14 
<body class="covbodyBg">
15 
<div class="containerCon">
16 
	<a href="index.html" class="headlogo signLogo"></a>
17 
</div>
18 
<!--中间-->
19 
<div id="container">
20 
	<div class="containerCon contConP">
21 
		<div class="covFrmblock">
22 
			<form class="cmpAllFrm">
23 
				<p class="h1Font alignCenter mainColor">登录科袖</p>
24 
				<ul class="loginWaySort">
25 
					<li class="col-w-4 liactive">密码登录</li>
26 
					<li class="col-w-4">短信登录</li>
27 
					<li class="col-w-4">邀请码登录</li>
28 
				</ul>
29 
				<div class="waysBlock">
30 
					<div class="loginWays">
31 
						<!--密码登录-->
32 
						<ul class="cmpAllUl cmpCoverUl">
33 
							<li>
34 
								<input type="text" class="frmtype frmtypeW" placeholder="请输入手机或邮箱"/>
35 
			    				<div class="frmmsg msgLog1"><span></span></div>
36 
							</li>
37 
							<li>
38 
								<input type="password" class="frmtype frmtypeW" placeholder="请输入密码"/>
39 
							    <div class="frmmsg msgLog2"><span></span></div>
40 
							</li>
41 
							<li>
42 
								<button type="button" class="frmtype frmtypeW btnModel save-block headRadius">登录</button>
43 
							</li>
44 
						</ul>
45 
						<!--短信登录-->
46 
						<ul class="cmpAllUl cmpCoverUl displayNone">
47 
							<li>
48 
								<input type="phone" class="frmtype frmtypeW" placeholder="请输入手机号码"/>
49 
			    				<div class="frmmsg msgLog1"><span></span></div>
50 
							</li>
51 
							<li>
52 
								<div class="col-w-8">
53 
									<input type="tel" class="frmtype frmtypeW" style="width: 98%;" placeholder="请输入短信验证码" id="companysc"/>
54 
								    <div class="frmmsg msgCmp03"><span></span></div>
55 
							    </div>
56 
							    <div class="col-w-4">
57 
							    	<button type="button" disabled class="frmtype frmtypeW btnModel headRadius" id="getcode">获取验证码</button>
58 
							    </div>
59 
							</li>
60 
							<li>
61 
								<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius">登录</button>
62 
							</li>
63 
						</ul>
64 
						<!--邀请码登录-->
65 
						<ul class="cmpAllUl cmpCoverUl displayNone">
66 
							<li>
67 
								<input type="text" class="frmtype frmtypeW" placeholder="请输入手机或邮箱"/>
68 
			    				<div class="frmmsg msgLog1"><span></span></div>
69 
							</li>
70 
							<li>
71 
								<input type="text" class="frmtype frmtypeW" placeholder="请输入邀请码"/>
72 
							    <div class="frmmsg msgLog2"><span></span></div>
73 
							</li>
74 
							<li>
75 
								<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius">登录</button>
76 
							</li>
77 
						</ul>
78 
					</div>
79 
					<div class="clearfix" style="margin-top:-15px;">
80 
						<a href="pwdFindNew.html" class="fontLink floatL">忘记密码？</a>
81 
						<span class="floatR" style="color:#999">没有账号？<a href="registerNew.html" class="fontLink">立即注册</a></span>
82 
					</div>
83 
				</div>
84
85 
			</form>
86 
		</div>
87 
	</div>
88 
</div>
89 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
90 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
91 
<script type="text/javascript" src="js/common.js"></script>
92 
<script type="text/javascript">
93 
	$(".loginWaySort").on("click","li",function(){
94 
		$(this).addClass("liactive").siblings().removeClass("liactive");
95 
		$(".loginWays ul").eq($(this).index()).removeClass("displayNone").siblings().addClass("displayNone");
96 
	})
97 
</script>
98 
</body>
99 
</html>