Browse Source

企业邀请员工注册科袖

luyanan 8 years ago
parent
commit
63d1a07dec

+ 59 - 0
cmp-staffReg.html

@ -0,0 +1,59 @@
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
<script type="text/javascript"src="js/jquery.cookie.js"></script>
14
<script type="text/javascript" src="js/common.js"></script>
15
</head>
16

17
<body class="covbodyBg">
18

19
<div class="containerCon">
20
	<div class="headlogo signLogo"></div>
21
</div>
22
<!--中间-->
23
<div id="container">
24
	<div class="containerCon contConP">
25
		<div class="covFrmblock">
26
			<form class="cmpAllFrm">
27
				<p class="h1Font alignCenter"><span class="mainColor cmpOrgName">XXXXXXXXXX(企业名称)</span><br />邀请您注册「科袖」</p>
28
				<ul class="cmpAllUl cmpCoverUl">
29
					<li>
30
						<input type="text" class="frmtype frmtypeW" placeholder="请输入您的真实姓名"/>
31
					    <div class="frmmsg msgCmp01"><span></span></div>
32
					</li>
33
					<li>
34
						<input type="email" class="frmtype frmtypeW companyEmail" value="lixiaoyuan@ekexiu.com" readonly />
35
					</li>
36
					<li>
37
						<input type="password" class="frmtype frmtypeW" placeholder="请设置您的登录密码"/>
38
					    <div class="frmmsg msgCmp02"><span></span></div>
39
					</li>
40
					<li>
41
						<input type="password" class="frmtype frmtypeW" placeholder="请再次输入密码确认"/>
42
					    <div class="frmmsg msgCmp03"><span></span></div>
43
					</li>
44
					<li>
45
						<!--选中状态为图片c-sign-on_button_xuanze_hig.png-->
46
						<img class="cmpAgree ifxuanze" src="images/c-sign-on_button_xuanze_nor.png" />
47
						<span>我已阅读并同意<a href="privacy.html" class="mainColor" target="_blank">《科袖网用户协议》</a></span>
48
					</li>
49
					<li>
50
						<button type="button" class="frmtype frmtypeW btnModel headRadius save-block">注册</button>
51
					</li>
52
				</ul>
53
			</form>
54
		</div>
55
	</div>
56
</div>
57

58
</body>
59
</html>

+ 31 - 3
css/common.css

@ -35,11 +35,14 @@
35 35
.inline {display:inline-block;}
36 36
.displayNone{display:none;}
37 37
.displayBlock{display:block;}
38
.ellipsisSty {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
39
.ellipsisSty-2 { display: -webkit-box;height:40px;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
38 40

39

41
.alignCenter{text-align: center;}
40 42
/*默认/主题颜色*/
41 43
.mainColor{color:#ff9900;}
42 44
.defaultColor{ color:#333;}
45

43 46
/*文字*/
44 47
.h1Font{font-size:20px;} /*标题*/
45 48
.h2Font{font-size:18px; line-height:30px; color:#333; } 
@ -57,6 +60,7 @@
57 60
.headRadius{border-radius: 4px;}
58 61
/*底板背景圆角*/
59 62
.bgRadius{border-radius: 6px;}
63

60 64
/* 表单样式 */
61 65
.frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
62 66
textarea.frmtype{line-height:20px;padding:6px 8px;min-height:100px;}
@ -67,6 +71,30 @@ textarea.frmtype{line-height:20px;padding:6px 8px;min-height:100px;}
67 71

68 72
body{height:auto;position: relative;min-height: 100%;}
69 73
input{ outline:none;}
74

75
/*/////////////////////表单样式/////////////////////// */
76
.frmtype{border:1px #b5b5b5 solid;font-size:14px;outline: none; padding:6px 20px 6px 10px;border-radius: 6px;}
77
.frmtype:focus{box-shadow: none;outline:none}
78
.frmtypeW{width:98%;margin: auto;}
79
textarea.frmtype{height:100px;}
80
/*小按钮*/
81
.btnModel{display:inline-block;color:#FFFFFF;border:none;background: #FFFFFF; padding:6px 20px;background:#ff9900;}
82
.btnModel:hover{background:#ff8f00;}
83
/*取消按钮*/
84
.btnCancel{background:#edeff4;}
85
.btnCancel:hover{background:#d6d8de;}
86
/*按钮不可用状态*/
87
button.btnModel[disabled]{background:#d6d8de;}
88
button.btnModel[disabled]:hover{background:#d6d8de;}
89

90
.save-block{margin:20px auto 40px;padding:6px 40px;}/*保存按钮*/
91
.fontLink{background:none;border:none;}/*字体链接按钮*/
92
.limitNum{text-align: right;color:#AAAAAA;}/*限制字数*/
93
/*表单消息提示*/
94
.frmmsg{background:url(../images/con_icon_info_warn.png) 0 center no-repeat;background-size: auto 50%;padding-left:18px;line-height:28px;}
95

96

97

70 98
/*header部分*/
71 99
.topheader{background: #000;height:30px;font-size:14px;line-height:30px;}
72 100
.topheader a{padding:0 10px;margin-right:16px;color:#FFFFFF}
@ -78,7 +106,7 @@ input{ outline:none;}
78 106
#header.firstL{ background:rgba(255,153,0,0);}
79 107
#header.firstB{ background:rgba(55,61,65,1);}
80 108
#header.Nosear{position:static;}
81
.logo{ display:block; width:80px; height:40px; background:url(../images/logo2.png) no-repeat;background-size:100% 100%; /* margin-left:80px;*/ margin-top:10px; float:left;}
109
.logo{ display:block; width:80px; height:40px; background:url(../images/logo.png) no-repeat;background-size:100% 100%; /* margin-left:80px;*/ margin-top:10px; float:left;}
82 110
.searchblock{ width:280px; height:35px; position:absolute; left:50%; top:50%; margin-left:-140px; margin-top:-17.5px; display:none;}
83 111
.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;}
84 112
.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;}
@ -88,7 +116,7 @@ input{ outline:none;}
88 116
.header-right{ float:right; /*margin-right:80px;*/}
89 117
/*未登录*/
90 118
.unlogin{float:left;padding:4px 0;}
91
.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; }
119
.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; }
92 120
.loginrbtn{ border:2px transparent solid;padding:0 2px;}
93 121
.loginlbtn{margin-right:20px;/* background:#fff;color:#ff9900; */}
94 122
/* .loginbtn:hover{border:2px #fff solid;} */

+ 247 - 0
css/genindex.css

@ -0,0 +1,247 @@
1
@charset "utf-8";
2
/* CSS Document */
3
.con-center{padding:20px 10px 40px; margin:10px auto;}
4
5
/*左侧菜单*/
6
.workmenu{text-align: center; float:left; width:12%; height:300px; background: #fafafa;border-radius: 6px;overflow: hidden;}
7
a.workmenutit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px; border-bottom:1px #28b8fa solid;cursor:pointer; display: block;color:#313131; }
8
a.worksubmenu{width:100%; height:40px; margin:10px 0;font-size:15px;line-height:40px; color:#313131;display: block;}
9
a.worksubmenu.cmpBg{color: #FFFFFF;}
10
/*右侧内容*/
11
.workcon{float:right; margin-left:10px; width:87%; background: #fafafa;border-radius:6px;overflow: hidden;}
12
.worksubcon{ padding:20px 16px;}
13
.workconleft{width:70%;}
14
.workcontit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px;color: #606060; border-bottom:1px solid #e7e7e7;}
15
16
/*////////////工作台/////////////////*/
17
.workblock{width:100%; padding:10px; overflow:hidden; background:#fff; margin:0;margin-bottom:16px;}
18
.leftlogo{width:56px;overflow:hidden;text-align: center;}
19
.cmplogo{width: 140px;}
20
.leftlogo img{width: 100%;}
21
.rightinfo{position:relative;width:77%;padding:0 10px;}
22
.cmpinfo{padding:0 80px 0 20px;}
23
.cmpBasic span:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
24
.cmpBasic span:first-child:before{border:none;margin:0; }
25
.btnPosition{position: absolute;top:50%;margin-top:-36px;right:4px;}
26
.btnBlock a{display: block;margin:6px 0;}
27
.btnBlock .frmtype{display: block;width: 140px;}
28
/*企业认证*/
29
.identityState{padding:100px 60px 100px 60px; text-align:center;}
30
.identityState p{padding:10px; margin:10px;}
31
.identityState span{display: block;}
32
.identProcess{font-size:20px;line-height: 40px; color:#777;}
33
.identts{font-size:15px;color:#999;line-height: 34px;}
34
35
/*企业需求/员工*/
36
.worksubblock{ width:50%;height:354px;padding:0 10px;overflow:hidden;position: relative;}
37
.worksubblock:first-child{border-right:1px solid #D6D6D6;}
38
.worktit{ width:100%;border-bottom:1px solid #d6d6d6; padding:4px 0; font-size:16px; }
39
.worklinkbtn {font-size: 12px;line-height: 24px; cursor: pointer;}
40
.wbcon{ padding:20px 0; overflow:hidden;}
41
.needUlist{height:286px;overflow: hidden;}
42
.needUlist li{position:relative;overflow: hidden;padding:4px 0;margin:6px 0;}
43
.needUlist li:after{content: '';background: #E6E6E6;height:1px;position: absolute;bottom: 0;right: 0;left:64px;}
44
.needUlist li:last-child:after{background: none;}
45
.staffDlist{overflow: hidden;}
46
.staffDlist h2{float:left;width: 58px; text-align: right;line-height: 60px;}
47
.staffDlist dl{width: 78%;float: right;}
48
.staffDlist dl .staffchild{width:60px;}
49
.staffDlist dd{float:left;margin:2% 3%;}
50
/*公告*/
51
.workconright{ width:29%;}
52
.worknotice{ width:100%; height:478px;background:#fff; position: relative;text-align: center; margin:1px;}
53
/*工作台其他功能*/
54
.workmysrc{ margin-bottom:30px;}
55
.workmysrctit{font-size:16px;line-height:30px;position:relative;}
56
.worksamlltit{ font-size:13px;line-height:30px; margin:0 10px; padding:10px;cursor:pointer;}
57
.worksamlltitnow{ border-bottom:1px solid;text-decoration: none;}/*//cmpBorder*/
58
.workcontit a:link,.workcontit a:active,.workcontit a:visited  {color:#313131;}
59
/*内容列表*/
60
.workselectcon{ padding:20px 10px;}
61
.workselectitem{ height: 180px; margin:6px 0;padding:16px 10px 10px; padding-left: 20px;}
62
.workselectitem:nth-child(odd){background:#fff;}
63
.workselectitem table tr .workcheck{ text-align:center;}
64
.worksitcon{ width:100%;margin-top:0; overflow:hidden; }
65
.worksitcon .titList{font-weight:bold;font-size:14px;padding-right: 130px;}
66
.worksitcon .lasttime{ font-size:13px; color:#666;}
67
.worksitcon .lasttime.rightTime{position: absolute; right: 20px;top:0}
68
.worksitcon span{ padding-right:4px;}
69
.workitimg{ display:block;overflow:hidden;width:120px; height:120px;margin: 5px 0; }
70
.needinfo{position:relative;}
71
.workhandle{ position:absolute;  top:10px; right:20px;}
72
.workhandle span{ padding:2px 20px;border:1px #d7d7d7 solid;margin: 2px;}
73
.workhandle .complain{display:none;}/* 更多操作按钮... */
74
.workhandle .coultstate{color: #fff;}
75
.workhandle .coultstate.coulstAim{border-radius: 6px 0 0 6px;}
76
/*操作状态类型*/
77
.workhandle .coultstate i{font-style: normal;}
78
.workhandle .status-1{background:#FF9900;border: solid 1px #FF9900;}/*进行中*//*咨询状态*/
79
.workhandle .status-2{background:#dd524d;border: solid 1px #dd524d;}/*待评价/新咨询*/
80
.workhandle .status-3{background:#03CE30;border: solid 1px #03CE30;}/*已完成*/
81
.workhandle .status-4{background:#6CA8FF;border: solid 1px #6CA8FF;}/*待回复*/
82
.workhandle .status-5{background:#d3d3d3;border: solid 1px #d3d3d3;}/*已拒绝/被拒绝*/
83
84
.workhandle .coultstate em{ position: absolute; width: 0px; height: 0px;border-top: 6px solid transparent; border-bottom: 0px solid rgb(204, 106, 6); border-left: 0px solid transparent; border-right: 5px solid rgb(204, 106, 6);left: -6px; top: -1px;z-index: 10;}
85
.workhandle .replybtn:hover{ background:#ff9900;cursor:pointer;color:#fff;border:1px #ff9900 solid;}
86
.rebackcon{ height:50px;width:700px;line-height: 24px; overflow:hidden;} 
87
88
/*下拉菜单*/
89
.workset{padding:4px 20px; background:#fff; border:1px solid #e8e8e8; line-height:20px; cursor:pointer;}
90
.workmenubox{ width:100%; background:#fff; padding:10px 20px;}
91
.workmenufrm{ max-width:100%;}
92
.workselectbox{ position:relative; padding:4px 10px; }
93
.workselectmenu{ padding:4px 10px 4px 20px; position:relative;cursor:pointer;}
94
.workselectmenu~.to-bottom{border-color: #28b8fa #fff;top: 40%;}
95
96
.workdropdown { position:absolute;right:0; background:#fff; border-radius:6px;border: 1px #d6d6d6 solid; box-shadow:0px 2px 2px 1px #CECEB8;-moz-box-shadow:0px 2px 2px 1px #CECEB8;-webkit-box-shadow:0px 2px 2px 1px #CECEB8; z-index:99;}
97
.workdropdown li{padding:0 20px;width:100px; line-height:40px;cursor:pointer;}
98
.workdropdown li:hover{ background-color:#f7f7f7;}
99
.workdropdown2 li{width:200px;}
100
101
/*需求查看*/
102
.consultdialogbox{ width:100%;padding: 20px 20px 80px 20px;color:#666;font-size:15px;line-height: 28px;}
103
.dialoghead{ padding:20px; border-radius:10px 10px 0 0; text-align:center; border-bottom:1px #d6d6d6 solid; background-color:#F3F3F3; position:relative;}
104
.dialoghead .backupbtn{ background:url(../../images/backup.png) no-repeat center center; width:24px; height:24px; padding:20px; position:absolute; top:50%; left:16px; margin-top:-16px; cursor:pointer;}
105
.dialoghead .dheadtit{width:680px; margin:auto; font-size: 18px;line-height: 18px; }
106
.dialoghead .dheadtit .dialogpro{ padding:0 10px; font-size: 20px; color:#333;}
107
.dialogcontain{ background:#fff; border-bottom:1px #d6d6d6 solid; position:relative;}
108
.dialogcontain .dialoginfo{padding: 30px 10px 20px 10px;}
109
.dialogcontain .dialoginfo .dialoginfotype{ padding: 1px 10px; color: #777;}
110
.dialogcontain .dialoginfo .dialogtit{ color: #333;font-size:15px;max-width:90%;}
111
.dialogcontain .dialoginfo .dialogtitTopic{ font-weight: bold;font-size:18px;max-width: 86%;}
112
.dialogcontain .dialoginfo .evadbox{ overflow:hidden; }
113
.dialogcontain .dialogstatus{ position:absolute;min-width:100px; top:-20px; right: -8px;padding: 0 60px;border-radius: 20px 0 0 20px;z-index: 2; line-height: 40px; }
114
.dialogcontain .dialogstatus em{position: absolute;width: 0px; height: 0px;border-top: 0px solid  #0776a9;border-bottom: 6px solid transparent;border-left: 8px solid #0776a9; border-right: 0px solid transparent;right: 0px; bottom: -5px;}
115
116
.consultBasicInfor{background: #ffffea;border-bottom:1px solid #d6d6d6;}
117
.consultBasic{width:50%;padding:10px 20px 20px 40px;}
118
.consultBasic:first-child{border-right:1px solid #d6d6d6;}
119
.consultBasic .workhs{width: auto;}
120
.consultBasic .workhs .workitimg{width:60px;}
121
.consultBasic .workinfor{width: auto;width:64%;padding:5px 16px;}
122
.consultBasic .workinfor .h1Font{font-size:18px;}
123
.consultBasic .workinfor h5{font-size:14px;}
124
125
.cBasicTit{font-size:16px;line-height:30px;text-align: center;}
126
127
.basicBtn{text-align: center;padding:80px 10px 60px 10px; background-color:#FFFFFF;}
128
.basicBtn span{padding:8px 40px;border-radius:6px;font-size: 15px;margin:4px;cursor: pointer;}
129
.basicBtn span.closeBtn{border:none;color:#FF0000}
130
131
/*员工列表*/
132
.staffemail{width: 300px;padding-left:10px;}
133
.staffMana{margin:10px 4px;padding:10px; border:1px solid #D0D0D0;}
134
.staffMana li{ width: 48%;float:left;padding:10px;border:1px dashed #a6a6a6;margin:6px 1%;border-radius: 6px;}
135
.staffMana li .leftlogo{ margin: 8px 0;}
136
.staffinfo{width: 84%;padding-right: 40px;}
137
.staffinfo .btnPosition{right:-8px;}
138
.stafffrm{padding:2px 8px;}
139
.staffTip{background: #f5f5f5;padding: 10px;}
140
/*企业信息浏览*/
141
.mainHead{background: #fafafa;padding:20px;margin:0 auto 10px;border-radius: 6px;}
142
.cmpLogoblock div{width: 180px;height: 180px;margin:auto;overflow: hidden;}
143
.menublock{height:420px;}
144
.subsidebar{cursor: pointer;}
145
.right-box{padding:8px;}
146
.right-title{ position:relative; overflow:hidden;}
147
.right-title span{font-size:20px;line-height:30px;}
148
.infor-browse{padding:0 16px;}
149
.infoList{ overflow: hidden;padding:6px 0;}
150
.infoList li{margin:4px;position: relative;overflow: hidden;}
151
.industryList li{padding-left: 10px;}
152
.industryList li:before{content: ' '; background: #666;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:8px;left:0;}
153
.areaList{overflow: hidden;}
154
.areaList li{float:left;padding:6px 20px;border:1px solid #D6D6D6; border-radius:6px;}
155
.needTopic{ display:inline-table; max-width:76%;}
156
.needAim{margin-left:20px;}
157
.cmpStaff dl{width:100%;float:none;margin-right:-4%;}
158
.cmpStaff dd{max-width:120px;text-align: center;margin:2% 2.9% 1% 0;}
159
.cmpStaff dd .staffChild{width:80px;margin:auto}
160
/*修改企业信息*/
161
.uploadlogo{position:relative;background: rgba(40,184,250,.8); color:#FFFFFF;padding:8px 0;}
162
input.uploadInp[type="file"]{position:absolute;height: 40px;width: 100%;top: 0;outline: none;opacity: 0;cursor: pointer;}
163
.cmpFrmList{padding:10px 0;}
164
.cmpFrmList>li{position: relative;clear:both;margin:4px 0;padding:6px 0;}
165
.cmpFrmList>li:before,.cmpFrmList>li:after{display:table;content:" "}
166
.cmpFrmList>li:after{clear: both;}
167
.ulspace{padding:10px 0;}
168
.ulspace li{margin:4px;padding:6px 10px;text-align: center;border-width:1px;border-style:solid;border-color:#D6D6D6;border-radius:6px;}
169
.enterpriseType li{width:31%;float:left;}
170
.enterpriseType li.listactive{border-color:#28b8fa;}
171
.enterpriseType li.listactive:before{content:"";display:inline-block;width:14px;height:14px;margin-right:3px;background-image:url(../images/con_icon_selected.png);background-size:contain;overflow:hidden;}
172
.editUlist li{float:left; position:relative;padding:4px 36px 4px 10px;}
173
.editUlist li img{position:absolute;right:8px;top:8px;width: 12px;cursor: pointer;}
174
.editUlistC li{position:relative;width:96%;padding:6px 10px;margin:4px;}
175
.editUlistC li img{position:absolute;right:10px;top:10px;width: 12px;cursor: pointer;}
176
.paddingSpace{padding:0 6px;}
177
/*城市选择器*/
178
.citybox span{position:relative;width:96%;display:inline-block;padding:0 0 0 6px;cursor:pointer;margin:0;background:#fff;}
179
.citybox span .mr_show{ font-style:normal;width:100%;color:#AAAAAA;display:inline-block;height:32px;line-height:32px;position:relative;}
180
.citybox span .mr_sj{position: absolute;right: 10px;top: 13px;display:inline-block;height: 0;width: 0;border: 6px solid #fff;border-color: #28b8fa transparent transparent;}
181
.citybox span ul{width:98%;border-radius:0 0 5px 5px;position:absolute;border:1px solid #E8E8E8;background:#fff;left:-1px;top:32px;margin-bottom:10px;display:none;z-index:10;max-height:280px; overflow:auto;}
182
.citybox span ul li{width:100%;float:left;overflow:hidden;border-top:1px solid #E8E8E8;}
183
.citybox span ul li:first-child{border-top:0;}
184
.citybox span ul li a{display:block;height:30px;line-height:30px;padding:0 8px;color:#494949;}
185
/*日期选择器*/
186
.input-append.date .dateIcon{position:absolute;right:14px; top:6px;}
187
188
/*////////////个人设置/////////////////*/
189
a.workmenutit.accouttit{cursor: text;color: #a3a3a3;}
190
ul.cmpAllUl{width:50%;margin:60px auto 20px;}
191
ul.cmpAllUl li{position:relative;clear:both;padding:6px 0;}
192
ul.cmpAllUl li:before,ul.cmpAllUl li:after{display:table;content:" "}
193
ul.cmpAllUl li:after{clear: both;}
194
ul.cmpAllUl li .col-w-2{text-align: right;padding-right: 10px;line-height: 30px;}
195
ul.cmpAllUl li .col-w-10{position: relative;}
196
.forgetLink{position:absolute; right:-92px;}
197
198
.uploadFile{line-height:30px;text-align: center;}
199
.uploadFile .uploadlogo{width:98%;padding:16px 0 8px;border:2px dashed #D6D6D6; border-radius: 6px;background: #f5faff;color:#666;}
200
.uploadFile input.uploadInp[type="file"]{height:96px;}
201
202
.notetip{padding: 10px; margin:20px auto 10px; text-align:center; border-bottom:1px #c8c8c8 dashed;}
203
.bindBlock{min-height: 200px;}
204
.bindFont{position: relative;font-size:16px; line-height: 32px;padding-left:26px;}
205
.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;}
206
207
ul.cmpAllUl.cmpBindul{width:70%;margin:40px auto 20px;}
208
.importBlock{margin:30px auto 20px;}
209
.importTip{font-size:22px;line-height: 40px; color:#333;text-align: center;}
210
211
/*////////////企业入驻/////////////////*/
212
.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;}
213
.conTit{margin-top: 30px;padding:10px 0;background: url(../images/home_line_nor.png) no-repeat center center;text-align: center;}
214
.tit-hh4{font-size:22px;line-height:40px;}
215
.tit-hh4 img{margin-right:18px;margin-left:-10px;}
216
input.cmpAgreebtn[type="checkbox"]{position:absolute;width:20px;margin: 0;opacity: 0;}
217
218
ul.cmpAllUl.cmpSettledul{width:60%;margin:10px auto 20px;}
219
ul.cmpAllUl.cmpSettledul>li{padding:8px;}
220
ul.cmpAllUl.cmpSettledul .frmtype{height:40px;}
221
222
.successImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_chenggong_nor.png) center center no-repeat;}
223
.failImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_shibai_nor.png) center center no-repeat;}
224
/*登录相关*/
225
.signLogo{height:70px;width:270px;background:url(../images/c-sign-on_icon_logo_nor.png);background-size:cover;margin: 30px 20px 20px 0}
226
.covbodyBg{background:url(../images/c-sign-on_bg_img_nor.png) 0 bottom no-repeat;background-size:cover;}
227
.contConP{position:static}
228
.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; 
229
 		 box-shadow: 2px 6px 30px #d68203;
230
  -webkit-box-shadow: 2px 6px 30px #d68203;}
231
.covFrmblock .h1Font{margin-bottom:30px;}
232
.cmpOrgName{font-size: 24px;line-height: 60px;}
233
ul.cmpAllUl.cmpCoverUl{width:100%;margin:10px auto 20px;}
234
ul.cmpAllUl.cmpCoverUl>li .frmtypeW{width:100%;height:40px;}
235
ul.cmpAllUl.cmpCoverUl>li .save-block{margin-bottom:0;}
236
237
ul.cmpAllUl>li .form_head{position: relative;margin-bottom: 10px;line-height:26px;}
238
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;}
239
ul.cmpAllUl>li .form_head li{ position: relative;clear:none; text-align: center;color: #b5b5b5; float: left;}
240
ul.cmpAllUl>li .form_head .icon_step {display: block;width: 40px;height: 40px; margin: 0 auto;margin-bottom: 8px;}
241
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;}
242
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;}
243
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;}
244
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;}
245
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;}
246
ul.cmpAllUl>li .form_head li.stepActive{color: #555;}
247
ul.cmpAllUl.cmpCoverUl .importTip{font-size:18px;color:#333;}

BIN
images/c-sign-on_bg_img_nor.png


BIN
images/c-sign-on_button_xuanze_hig.png


BIN
images/c-sign-on_button_xuanze_nor.png


BIN
images/c-sign-on_icon_logo_nor.png


BIN
images/con_icon_info_warn.png


BIN
images/sign_icon_gantan_nor.png


BIN
images/sign_icon_guanbi_nor.png


+ 21 - 20
js/jquery.similar.msgbox.js

@ -15,7 +15,7 @@
15 15
    var GenerateHtml = function (type, title, msg) {
16 16
        var _html = "";
17 17
        _html += '<div id="mb_box"></div><div id="mb_con"><span id="mb_tit">' + title + '</span>';
18
        _html += '<a id="mb_ico"></a><div id="mb_msg">' + msg + '</div><div id="mb_btnbox">';
18
        _html += '<a id="mb_ico"></a><div id="mb_msg"><span id="mb_msgicon"></span><p id="mb_msgcontent">' + msg + '</p></div><div id="mb_btnbox">';
19 19
        if (type == "alert") {
20 20
            _html += '<input id="mb_btn_ok" type="button" value="确定" />';
21 21
        }
@ -28,33 +28,34 @@
28 28
        $("body").append(_html); GenerateCss();
29 29
    }
30 30
    //生成Css
31
    var fontfamily='PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif';
31 32
    var GenerateCss = function () {
32 33
        $("#mb_box").css({ width: '100%', height: '100%', zIndex: '99999', position: 'fixed',
33
            filter: 'Alpha(opacity=60)', backgroundColor: 'black', top: '0', left: '0', opacity: '0.3'
34
            filter: 'Alpha(opacity=60)', backgroundColor: 'black', top: '0', left: '0', opacity: '0.5'
34 35
        });
35 36
        $("#mb_con").css({ zIndex: '999999', width: '400px', position: 'fixed',
36
            backgroundColor: 'White', borderRadius: '10px',boxShadow:' 0px 1px 8px #9f9d9d'
37
            backgroundColor: 'White', borderRadius: '6px',overflow:'hidden',boxShadow:'1px 1px 20px 4px #666'
37 38
        });
38
        $("#mb_tit").css({ display: 'block', fontSize: '14px', color: 'rgb(150, 150, 150)', padding: '10px 15px',
39
            backgroundColor: '#fff', borderRadius: '10px 10px 0 0', marginTop: '4px',
40
            borderBottom: '2px solid #ff9900', fontWeight: 'bold',fontFamily: 'Microsoft Yahei,Hiragino Sans GB, PingFang SC,Helvetica Neue,WenQuanYi Micro Hei,sans-serif'
39
        $("#mb_tit").css({ display: 'block', fontSize: '18px', color: '#fff', 
40
            backgroundColor: '#ff9900',lineHeight:'60px',textAlign: 'center',
41
            fontFamily: fontfamily
41 42
        });
42
        $("#mb_msg").css({ padding: '20px', lineHeight: '20px',
43
            borderBottom: '1px dashed #DDD',wordBreak:'break-all', textAlign:'justify', fontSize: '14px',fontFamily: 'Microsoft Yahei,Hiragino Sans GB, PingFang SC,Helvetica Neue,WenQuanYi Micro Hei,sans-serif'
43
        $("#mb_msg").css({position:'relative', padding: '30px 20px 20px', lineHeight: '24px',
44
            textAlign:'center', fontSize: '16px',overflow:'hidden',fontFamily: fontfamily
44 45
        });
45
        $("#mb_ico").css({ display: 'block', position: 'absolute', right: '-35px', top: '8px',
46
        	background:'url(../images/workclose.png) center center no-repeat', width: '24px', height: '24px',cursor: 'pointer'
46
        $("#mb_msgicon").css({display:'inline-block',width:'40px',height: '40px',marginRight: '6px',
47
    		background: 'url(images/sign_icon_gantan_nor.png)', backgroundSize: 'contain',overflow:'hidden'
47 48
        });
48
        $("#mb_btnbox").css({ margin: '16px 10px 20px 10px', textAlign: 'center', position:'relative' });
49
        $("#mb_btn_ok,#mb_btn_no").css({ width: '84px', fontSize: '14px', height: '30px', color: 'white', border: 'none' });
50
        $("#mb_btn_ok").css({backgroundImage:'none', padding:'0',margin:'0', backgroundColor: '#ff9900',borderRadius: '6px',fontFamily: 'Microsoft Yahei,Hiragino Sans GB, PingFang SC,Helvetica Neue,WenQuanYi Micro Hei,sans-serif'});
51
        $("#mb_btn_no").css({backgroundImage:'none', padding:'0',margin:'0', backgroundColor: 'gray', marginLeft: '20px',borderRadius: '6px',fontFamily: 'Microsoft Yahei,Hiragino Sans GB, PingFang SC,Helvetica Neue,WenQuanYi Micro Hei,sans-serif' });
52
        //右上角关闭按钮hover样式
53
//        $("#mb_ico").hover(function () {
54
//            $(this).css({ backgroundColor: '#ff9900', color: 'White',border:'1px solid #ff9900'  });
55
//        }, function () {
56
//            $(this).css({ backgroundColor: '#DDD', color: '#666',border:'1px solid #666' });
57
//        });
49
         $("#mb_msgcontent").css({margin:'10px'});
50
        
51
        $("#mb_ico").css({ display: 'block', position: 'absolute', right: '20px', top: '18px',
52
        	background:'url(images/sign_icon_guanbi_nor.png) center center no-repeat', width: '20px', height: '20px',cursor: 'pointer'
53
        });
54
        $("#mb_btnbox").css({ margin: '0 auto 30px', textAlign: 'center', position:'relative' });
55
        $("#mb_btn_ok,#mb_btn_no").css({ width: '100px', fontSize: '14px', height: '32px', color: 'white', border: 'none' });
56
        $("#mb_btn_ok").css({backgroundImage:'none', padding:'0',margin:'0', backgroundColor: '#ff9900',borderRadius: '6px',fontFamily: fontfamily});
57
        $("#mb_btn_no").css({backgroundImage:'none', padding:'0',margin:'0', backgroundColor: 'gray', marginLeft: '20px',borderRadius: '6px',fontFamily: fontfamily });
58

58 59
        var _widht = document.documentElement.clientWidth;  //屏幕宽
59 60
        var _height = document.documentElement.clientHeight; //屏幕高
60 61
        var boxWidth = $("#mb_con").width();