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

分享页面提取share.css
在文章分享页面加入下载科袖移动端链接

luyanan 8 years ago
parent
2dd5ed00c4
commit
5543ff1f99
4 changed files with 113 additions and 770 deletions
Split View Show Diff Stats
  1. 90 0
      css/share.css
  2. 17 137
      ekexiu/shareArticalinfor.html
  3. 3 404
      ekexiu/shareProinfor.html
  4. 3 229
      ekexiu/shareResinfor.html

+ 90 - 0
css/share.css
View File 

@ -0,0 +1,90 @@
1 
@charset "utf-8";
2 
/* CSS Document */
3 
html,body {background: #efeff4;}
4 
/*input输入相关*/
5 
.frmbox {width: 100%;margin: 2% auto;border-radius: 6px;}
6 
.frmtype {width: 100%;margin: auto;line-height: 30px;padding: 1% 2%;font-size: 14px;line-height: 20px;}
7 
.frmbtn {width: 100%;margin: 4% auto;font-size: 14px;line-height: 24px;padding: 1% 2%;border: 1px solid #FF9900;border-radius: 6px;color: #FF9900;}
8 
.frmbox {border: none;width: 90%;height: 100%;}
9 
.frmactive {color: #fff;background-color: #FF9900;border: 1px solid #FF9900;}
10 
.pull-right {float: right!important}
11 
.pull-left {float: left!important}
12 
.alignCenter {text-align: center;}
13 
.displayNone {display: none;}
14 
.displayBlock {display: block;}
15 
/*圆角*/
16 
/*头像、资源圆角*/
17 
.headRadius {border-radius: 4px;}
18 
.blockGroup {background: #fff;}
19 
.mainbox {width: 96%;margin: 2% auto;}
20 
.maincon {padding: 4% 2%;overflow: hidden;}
21
22 
.listtit {font-size: 16px;line-height: 26px;color: #333333;}
23 
.listtit2 {font-size: 15px;line-height: 20px;color: #666666;}
24 
.listtit3 {font-size: 13px;line-height: 18px;color: #888888;}
25 
.mui-ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
26 
/*资源图片*/
27 
.ResImgBox {display: inline-block;text-align: center;max-width: 64px;width: 64px;height: 60px;padding: 1px;background: #FAFAFA;border: 1px solid #F8F8F8;overflow: hidden;padding: 2px;margin: 6px 0;border-radius: 4px;}
28 
.ResImgBox2 {margin: 6px 0 6px 10px;}
29 
.ResImgBox .resImg {max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
30 
.ResImgBox:before {content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: -6px;}
31
32 
/*专家身份标识*/
33 
.authicon {width: 16px;height: 16px;}
34 
.authicon2{ width: 48px; height: 16px;}
35 
.authicon-mana{background-position: 0 -4px;background-size:100% auto;color:#ff9900;}/*认证科研*/
36 
.authicon-staff{background-position:0 -19px;background-size:100% auto;color:#19AFFF;}/*认证企业*/
37 
.authicon-stu{background-position: 0 -34px;background-size:100% auto;color:#03CE30}/*认证在读学生*/
38
39 
/*咨询记录及等级*/
40 
.peolevelbox {display: block;padding: 4% 16px;border-top: 1px #F0F0F0 solid;}
41 
.peocountbox {width: 150px;}
42 
.peocount {font-size: 13px;color: #888888;overflow: hidden;}
43 
.peocount span em {font-size: 14px;padding: 0 3px;color: #FF9900;font-weight: 600;}
44 
.peocount .dialogicon {display: block;width: 20px;height: 20px;background: url(../images/dialogue.png) center center no-repeat;background-size: 100% 100%;margin-right: 6px;}
45 
.peocount:before {position: absolute;right: 0;top: 0;left: 15px;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);background-color: #c8c7cc;}
46 
.levelbox {margin: auto;overflow: hidden;}
47 
.levelbox .iconfont {float: left;margin: 2px;width: 14px;height: 14px;}
48 
.levelbox .icon-favor {background: url(../images/favoricon.png) 0 0 no-repeat;background-size: 100% auto;}
49 
.levelbox .icon-favorfill {background: url(../images/favoricon.png) 0 -14px no-repeat;background-size: 100% auto;}
50 
/*专家相关信息*/
51 
.personinfo .listtit3 {font-size: 14px;line-height: 24px;color: #AAAAAA;margin: 0;}
52 
.personinfo .listtit {font-size: 18px;line-height: 30px;color: #333333;}
53 
.personinfo .listtit3 {font-size: 14px;line-height: 24px;color: #AAAAAA;margin: 0;}
54 
.headbox .headimg {width: 100px;overflow: hidden;margin: auto;}
55
56 
.infocontit {font-size: 14px;position: relative;}
57 
.infocon {padding: 6px 10px;font-size: 13px;line-height: 27px;color: #888888;}
58 
.infocon ul {padding: 0;margin: 0;overflow: hidden;}
59 
.infocon .infoapply li {padding:0;margin:0;padding-left: 6px;padding-right: 2px;list-style: disc inside;width: 46%;float: left;}
60 
.infocon .infosubject li {list-style: none;padding: 2px 16px;margin: 4px;border: 1px solid #BBBBBB;border-radius: 6px;float: left;}
61 
.personblock {position: absolute;left: 198px;padding: 0 3%;text-align: center;}
62 
.personbox{margin:auto; width:80%;position:relative;}
63
64 
.listitembox {position: static;width: 100%;}
65 
.listitembox .listitem {padding: 4px;padding-right: 0;}
66 
.listitembox .listitem .media-body {width: 73%;margin-left: 2%;}
67 
.listitembox .listitem .media-body .resbrief {width: 100%;}
68 
.listitembox .listitem .media-object {width: 30%;}
69 
.listitembox .listitem .media-object .iconposition {border-radius: 50%;max-width: 60px;height: 60px;margin: 1% 0;}
70 
.listitembox .listitem>a .mutlinebox {white-space: normal;overflow: auto;word-break: break-word;}
71 
.listbox {margin: 5px 0;max-width: 100%;overflow: hidden;}
72 
.listbrowse {border: 1px solid #FF9900;border-radius: 0 6px 6px 0;text-align: center;font-size: 13px;line-height: 27px;float: left;padding-right: 8px;max-width: 60%;overflow: hidden;}
73 
.like {display: block;float: left;width: 28px;font-size: 12px;background: #FF9900;color: #fff;line-height: 27px;margin-right: 5px;}
74 
.likenum {float: right;max-width: 130px;overflow: hidden;}
75 
.likenum .mui-icon {font-size: 24px;color: #CCCCCC;}
76 
.likepeople {width: 26px;height: 26px;line-height: 20px;float: left;overflow: hidden;margin-right: 5px;}
77 
.likepeople img {width: 100%;height: 100%;}
78 
.likemore {display: block;width: 25px;height: 25px;border: 1px solid #CCCCCC;background: url(../images/likemore.png) center center no-repeat;}
79
80 
/*文章*/
81 
.art_topicBox {max-width: 640px;margin: 4px auto;}
82 
.art_topicBox img {width: 100%;}
83 
.art_img {height: 180px;}
84 
#artical_topic {font-size: 18px;line-height: 24px;}
85 
#artical_sth {font-size: 12px;line-height: 14px;color: #999999;}
86 
.articalBox {max-width: 640px;margin: 6px auto 26px;padding: 4px 16px;color: #555555;}
87
88
89
90

+ 17 - 137
ekexiu/shareArticalinfor.html
View File 

@ -7,148 +7,16 @@
7 7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 8 
		<link rel="stylesheet" href="../css/reset.css" />
9 9 
		<link rel="stylesheet" href="../css/common.css" />
10 
		<link rel="stylesheet" href="../css/index.css" />
11 
		<link rel="stylesheet" href="../css/share.css" />
10 12 
		<style>
11 
			body,
12 
			html {
13 
				background: #FFFFFF;
14 
			}
15
16 
			.listtit {
17 
				font-size: 16px;
18 
				line-height: 26px;
19 
				color: #333333;
20 
			}
21 
			/*中标题*/
22
23 
			.listtit2 {
24 
				font-size: 15px;
25 
				line-height: 20px;
26 
				color: #666666;
27 
			}
28 
			/*较小标题*/
29
30 
			.listtit3 {
31 
				font-size: 13px;
32 
				line-height: 18px;
33 
				color: #888888;
34 
			}
35 
			/*小标题*/
36
37 
			.mui-ellipsis {
38 
				overflow: hidden;
39 
				white-space: nowrap;
40 
				text-overflow: ellipsis;
41 
			}
42
43 
			.proinfor .headblock {
44 
				margin: 0 2% 0 0;
45 
			}
46
47 
			.proinfor .headblock .headimg {
48 
				width: 64px;
49 
				overflow: hidden;
50 
				margin: auto;
51 
			}
52
53 
			.art_topicBox {
54 
				position: relative;
55 
				max-width: 640px;
56 
				margin: 4px auto;
57 
				display: block;
58 
			}
59
60 
			.art_topicBox img {
61 
				width: 100%;
62 
			}
63
64 
			.art_topicbox {
65 
				position: absolute;
66 
				top: 0;
67 
				width: 100%;
68 
				height: 100%;
69 
				background: -webkit-linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
70 
				/* Safari 5.1 - 6.0 */
71 
				background: -o-linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
72 
				/* Opera 11.1 - 12.0 */
73 
				background: -moz-linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
74 
				/* Firefox 3.6 - 15 */
75 
				background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
76 
				/* 标准的语法 */
77 
			}
78
79 
			.art_img {
80 
				width: 100%;
81 
				height: 180px;
82 
				overflow: hidden;
83 
				background: url(../images/default-art_top.jpg) center center no-repeat;
84 
				background-size: cover;
85 
			}
86
87 
			#artical_topic {
88 
				position: absolute;
89 
				bottom: 0;
90 
				padding: 6px 10px;
91 
				font-size: 18px;
92 
				line-height: 24px;
93 
				color: #FFFFFF
94 
			}
95
96 
			#artical_sth {
97 
				font-size: 12px;
98 
				line-height: 14px;
99 
				color: #999999;
100 
			}
101
102 
			.articalBox {
103 
				max-width: 640px;
104 
				margin: 6px auto 26px;
105 
				padding: 4px 16px;
106 
				color: #555555;
107 
			}
108
109 
			.line01 {
110 
				margin: 10px 0 4px 0;
111 
				border-top: 1px dashed #ddd;
112 
				height: 1px;
113 
				overflow: hidden;
114 
				clear: both;
115 
				width: 100%;
116 
			}
117
118 
			.articalBox p {
119 
				margin: 6px 0;
120 
				padding: 2px;
121 
				text-indent: 2em;
122 
				font-size: 15px;
123 
				line-height: 26px;
124 
				color: #666666;
125 
			}
126
127 
			.articalBox .indentNone {
128 
				text-indent: 0;
129 
				text-align: center;
130 
			}
131
132 
			.articalBox .indentNone img {
133 
				width: 90%;
134 
				margin: 10px 0;
135 
			}
136
137 
			.articalBox .indentNone .imgTit {
138 
				font-size: 12px;
139 
				line-height: 20px;
140 
			}
141
142 
			.articalBox .artSTit {
143 
				text-indent: 0.5em;
144 
				font-size: 16px;
145 
				color: #069E21;
146 
			}
13 
			html,body {background: #ffffff;}
14 
			.proinfor .headblock {margin: 0 2% 4px 0;}
15 
			.proinfor .headblock .headimg {width: 64px;overflow: hidden;margin: auto;}
147 16 
		</style>
148 17 
	</head>
149 18
150 19 
	<body>
151
152 20 
		<div class="contentBody2">
153 21 
			<div class="art_topicBox">
154 22 
				<div class="art_img" id="articleImg"></div>
 
@ -178,6 +46,18 @@
178 46 
					</div>
179 47 
					<!--body-->
180 48 
				</div>
49 
				<div class="blockGroup mainbox" style="padding-bottom:40px;">
50 
					<div class="maincon alignCenter">
51 
						<div style="margin-top: 30px;"><span style="color:#ff9900; font-size: 16px;line-height: 32px;">「 科袖 」</span><br />搭建企业与专家的桥梁</div>
52 
						<div class="frmbox" style="margin:20px auto;">
53 
							<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
54 
						</div>
55 
						<div>
56 
							<img style="width:120px;" src="../images/weixin_code.jpg" />
57 
							<div style="color:#CCCCCC;font-size:13px;">关注科袖公众号</div>
58 
						</div>
59 
					</div>
60 
				</div>
181 61 
			</div>
182 62 
		</div>
183 63 
		<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>

+ 3 - 404
ekexiu/shareProinfor.html
View File 

@ -7,410 +7,9 @@
7 7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 8 
		<link rel="stylesheet" href="../css/reset.css" />
9 9 
		<link rel="stylesheet" href="../css/common.css" />
10 
		<link rel="stylesheet" href="../css/share.css" />
10 11 
	</head>
11 
	<style>
12 
		html,
13 
		body {
14 
			background: #efeff4;
15 
		}
16 
		/*input输入相关*/
17
18 
		.frmbox {
19 
			width: 100%;
20 
			margin: 2% auto;
21 
			border-radius: 6px;
22 
		}
23
24 
		.frmtype {
25 
			width: 100%;
26 
			margin: auto;
27 
			line-height: 30px;
28 
			padding: 1% 2%;
29 
			font-size: 14px;
30 
			line-height: 20px;
31 
		}
32
33 
		.frmbtn {
34 
			width: 100%;
35 
			margin: 4% auto;
36 
			font-size: 14px;
37 
			line-height: 24px;
38 
			padding: 1% 2%;
39 
			border: 1px solid #FF9900;
40 
			border-radius: 6px;
41 
			color: #FF9900;
42 
		}
43
44 
		.frmbox {
45 
			border: none;
46 
			width: 90%;
47 
			height: 100%;
48 
		}
49
50 
		.frmactive {
51 
			color: #fff;
52 
			background-color: #FF9900;
53 
			border: 1px solid #FF9900;
54 
		}
55
56 
		.clearfix:before,
57 
		.clearfix:after {
58 
			display: table;
59 
			content: " "
60 
		}
61
62 
		.clearfix:after {
63 
			clear: both
64 
		}
65
66 
		.pull-right {
67 
			float: right!important
68 
		}
69
70 
		.pull-left {
71 
			float: left!important
72 
		}
73
74 
		.alignCenter {
75 
			text-align: center;
76 
		}
77
78 
		.displayNone {
79 
			display: none;
80 
		}
81
82 
		.displayBlock {
83 
			display: block;
84 
		}
85 
		/*圆角*/
86 
		/*头像、资源圆角*/
87
88 
		.headRadius {
89 
			border-radius: 4px;
90 
		}
91 
		/*底板背景圆角*/
92
93 
		.bgRadius {
94 
			border-radius: 6px;
95 
		}
96
97 
		.blockGroup {
98 
			background: #fff;
99 
		}
100
101 
		.mainbox {
102 
			width: 96%;
103 
			margin: 2% auto;
104 
		}
105
106 
		.maincon {
107 
			padding: 4% 2%;
108 
			overflow: hidden;
109 
		}
110
111 
		.listtit {
112 
			font-size: 14px;
113 
			color: #333333;
114 
		}
115 
		/*中标题*/
116
117 
		.listtit2 {
118 
			font-size: 13px;
119 
			color: #666666;
120 
		}
121 
		/*较小标题*/
122
123 
		.listtit3 {
124 
			font-size: 12px;
125 
			color: #888888;
126 
		}
127 
		/*小标题*/
128
129 
		.mui-ellipsis {
130 
			overflow: hidden;
131 
			white-space: nowrap;
132 
			text-overflow: ellipsis;
133 
		}
134 
		/*资源图片*/
135
136 
		.ResImgBox {
137 
			display: inline-block;
138 
			text-align: center;
139 
			max-width: 64px;
140 
			width: 64px;
141 
			height: 60px;
142 
			padding: 1px;
143 
			background: #FAFAFA;
144 
			border: 1px solid #F8F8F8;
145 
			overflow: hidden;
146 
			padding: 2px;
147 
			margin: 6px 0;
148 
			border-radius: 4px;
149 
		}
150
151 
		.ResImgBox2 {
152 
			margin: 6px 0 6px 10px;
153 
		}
154
155 
		.ResImgBox .resImg {
156 
			max-width: 100%;
157 
			max-height: 100%;
158 
			vertical-align: middle;
159 
			position: relative;
160 
		}
161
162 
		.ResImgBox:before {
163 
			content: ' ';
164 
			display: inline-block;
165 
			vertical-align: middle;
166 
			width: 0;
167 
			height: 100%;
168 
			overflow: hidden;
169 
			margin-left: -4px;
170 
		}
171 
		/*专家相关信息*/
172 
		.personinfo .listtit3 {
173 
			font-size: 14px;
174 
			line-height: 24px;
175 
			color: #AAAAAA;
176 
			margin: 0;
177 
		}
178
179 
		.personinfo .listtit {
180 
			font-size: 18px;
181 
			line-height: 30px;
182 
			color: #333333;
183 
		}
184
185 
		.personinfo .listtit3 {
186 
			font-size: 14px;
187 
			line-height: 24px;
188 
			color: #AAAAAA;
189 
			margin: 0;
190 
		}
191
192 
		.headbox .headimg {
193 
			width: 100px;
194 
			overflow: hidden;
195 
			margin: auto;
196 
		}
197 
		/*咨询记录及等级*/
198
199 
		.peolevelbox {
200 
			display: block;
201 
			padding: 4% 16px;
202 
			border-top: 1px #F0F0F0 solid;
203 
		}
204
205 
		.peocountbox {
206 
			width: 150px;
207 
		}
208
209 
		.peocount {
210 
			font-size: 13px;
211 
			color: #888888;
212 
			overflow: hidden;
213 
		}
214
215 
		.peocount span em {
216 
			font-size: 14px;
217 
			padding: 0 3px;
218 
			color: #FF9900;
219 
			font-weight: 600;
220 
		}
221
222 
		.peocount .dialogicon {
223 
			display: block;
224 
			width: 20px;
225 
			height: 20px;
226 
			background: url(../images/dialogue.png) center center no-repeat;
227 
			background-size: 100% 100%;
228 
			margin-right: 6px;
229 
		}
230
231 
		.peocount:before {
232 
			position: absolute;
233 
			right: 0;
234 
			top: 0;
235 
			left: 15px;
236 
			height: 1px;
237 
			content: '';
238 
			-webkit-transform: scaleY(.5);
239 
			transform: scaleY(.5);
240 
			background-color: #c8c7cc;
241 
		}
242
243 
		.levelbox {
244 
			margin: auto;
245 
			overflow: hidden;
246 
		}
247
248 
		.levelbox .iconfont {
249 
			float: left;
250 
			margin: 2px;
251 
			width: 14px;
252 
			height: 14px;
253 
		}
254
255 
		.levelbox .icon-favor {
256 
			background: url(../images/favoricon.png) 0 0 no-repeat;
257 
			background-size: 100% auto;
258 
		}
259
260 
		.levelbox .icon-favorfill {
261 
			background: url(../images/favoricon.png) 0 -14px no-repeat;
262 
			background-size: 100% auto;
263 
		}
264
265 
		.infocontit {
266 
			font-size: 14px;
267 
			position: relative;
268 
		}
269
270 
		.infocon {
271 
			padding: 6px 10px;
272 
			/*text-align: justify;*/
273 
			font-size: 13px;
274 
			line-height: 27px;
275 
			color: #888888;
276 
		}
277
278 
		.infocon ul {
279 
			padding: 0;
280 
			margin: 0;
281 
			overflow: hidden;
282 
		}
283
284 
		.infocon .infoapply li {
285 
			padding-left: 6px;
286 
			padding-right: 2px;
287 
			list-style: disc inside;
288 
			width: 46%;
289 
			float: left;
290 
		}
291
292 
		.infocon .infosubject li {
293 
			list-style: none;
294 
			padding: 2px 16px;
295 
			margin: 4px;
296 
			border: 1px solid #BBBBBB;
297 
			border-radius: 6px;
298 
			float: left;
299 
		}
300
301 
		.listitembox {
302 
			position: static;
303 
			width: 100%;
304 
		}
305
306 
		.listitembox .listitem {
307 
			padding: 4px;
308 
			padding-right: 0;
309 
		}
310
311 
		.listitembox .listitem .media-body {
312 
			width: 73%;
313 
			margin-left: 2%;
314 
		}
315
316 
		.listitembox .listitem .media-body .resbrief {
317 
			width: 100%;
318 
		}
319
320 
		.listitembox .listitem .media-object {
321 
			width: 30%;
322 
		}
323
324 
		.listitembox .listitem .media-object .iconposition {
325 
			border-radius: 50%;
326 
			max-width: 60px;
327 
			height: 60px;
328 
			margin: 1% 0;
329 
		}
330
331 
		.listitembox .listitem>a .mutlinebox {
332 
			white-space: normal;
333 
			overflow: auto;
334 
			word-break: break-word;
335 
		}
336
337 
		.listbox {
338 
			margin: 5px 0;
339 
			max-width: 100%;
340 
			overflow: hidden;
341 
		}
342
343 
		.listbrowse {
344 
			border: 1px solid #FF9900;
345 
			border-radius: 0 6px 6px 0;
346 
			text-align: center;
347 
			font-size: 13px;
348 
			line-height: 27px;
349 
			float: left;
350 
			padding-right: 8px;
351 
			max-width: 60%;
352 
			overflow: hidden;
353 
		}
354
355 
		.plusbtn {
356 
			font-size: 20px;
357 
			line-height: 22px;
358 
			color: #999999;
359 
			margin-left: 4px;
360 
			margin-top: 2px;
361 
		}
362
363 
		.plusbtn.icon-appreciatefill {
364 
			color: #FF9900;
365 
		}
366
367 
		.like {
368 
			display: block;
369 
			float: left;
370 
			width: 28px;
371 
			font-size: 12px;
372 
			background: #FF9900;
373 
			color: #fff;
374 
			line-height: 27px;
375 
			margin-right: 5px;
376 
		}
377
378 
		.likenum {
379 
			float: right;
380 
			max-width: 130px;
381 
			overflow: hidden;
382 
		}
383
384 
		.likenum .mui-icon {
385 
			font-size: 24px;
386 
			color: #CCCCCC;
387 
		}
388
389 
		.likepeople {
390 
			width: 26px;
391 
			height: 26px;
392 
			line-height: 20px;
393 
			float: left;
394 
			overflow: hidden;
395 
			margin-right: 5px;
396 
		}
397
398 
		.likepeople img {
399 
			width: 100%;
400 
			height: 100%;
401 
		}
402
403 
		.likemore {
404 
			display: block;
405 
			width: 25px;
406 
			height: 25px;
407 
			border: 1px solid #CCCCCC;
408 
			background: url(../images/likemore.png) center center no-repeat;
409 
		}
410 
	</style>
411
412 12 
	<body>
413
414 13 
		<div class="contentBody2">
415 14 
			<div class="blockGroup mainbox">
416 15 
				<div class="maincon personinfo">
 
@ -490,13 +89,13 @@
490 89
491 90 
			<div class="blockGroup mainbox" style="padding-bottom:40px;">
492 91 
				<div class="maincon alignCenter">
493 
					<p style="margin-top: 30px;"><span style="color:#ff9900; font-size: 16px;line-height: 32px;">[ 科袖 ]</span><br />搭建企业与专家的桥梁</p>
92 
					<div style="margin-top: 30px;"><span style="color:#ff9900; font-size: 16px;line-height: 32px;">「 科袖 」</span><br />搭建企业与专家的桥梁</div>
494 93 
					<div class="frmbox" style="margin:20px auto;">
495 94 
						<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
496 95 
					</div>
497 96 
					<div>
498 97 
						<img style="width:120px;" src="../images/weixin_code.jpg" />
499 
						<p style="color:#CCCCCC;font-size:13px;">关注科袖公众号</p>
98 
						<div style="color:#CCCCCC;font-size:13px;">关注科袖公众号</div>
500 99 
					</div>
501 100 
				</div>
502 101 
			</div>

+ 3 - 229
ekexiu/shareResinfor.html
View File 

@ -7,235 +7,9 @@
7 7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 8 
		<link rel="stylesheet" href="../css/reset.css" />
9 9 
		<link rel="stylesheet" href="../css/common.css" />
10 
		<link rel="stylesheet" href="../css/share.css" />
10 11 
	</head>
11 12 
	<style>
12 
		html,
13 
		body {
14 
			background: #efeff4;
15 
		}
16 
		/*input输入相关*/
17
18 
		.frmbox {
19 
			width: 100%;
20 
			margin: 2% auto;
21 
			border-radius: 6px;
22 
		}
23
24 
		.frmtype {
25 
			width: 100%;
26 
			margin: auto;
27 
			line-height: 30px;
28 
			padding: 1% 2%;
29 
			font-size: 14px;
30 
			line-height: 20px;
31 
		}
32
33 
		.frmbtn {
34 
			width: 100%;
35 
			margin: 4% auto;
36 
			font-size: 14px;
37 
			line-height: 24px;
38 
			padding: 1% 2%;
39 
			border: 1px solid #FF9900;
40 
			border-radius: 6px;
41 
			color: #FF9900;
42 
		}
43
44 
		.frmbox {
45 
			border: none;
46 
			width: 90%;
47 
			height: 100%;
48 
		}
49
50 
		.frmactive {
51 
			color: #fff;
52 
			background-color: #FF9900;
53 
			border: 1px solid #FF9900;
54 
		}
55
56 
		.pull-right {
57 
			float: right!important
58 
		}
59
60 
		.pull-left {
61 
			float: left!important
62 
		}
63
64 
		.alignCenter {
65 
			text-align: center;
66 
		}
67 
		/*圆角*/
68 
		/*头像、资源圆角*/
69
70 
		.headRadius {
71 
			border-radius: 4px;
72 
		}
73
74 
		.blockGroup {
75 
			background: #fff;
76 
		}
77
78 
		.mainbox {
79 
			width: 96%;
80 
			margin: 2% auto;
81 
		}
82
83 
		.maincon {
84 
			padding: 4% 2%;
85 
			overflow: hidden;
86 
		}
87
88 
		.listtit {
89 
			font-size: 14px;
90 
			line-height: 26px;
91 
			color: #333333;
92 
		}
93 
		/*中标题*/
94
95 
		.listtit2 {
96 
			font-size: 13px;
97 
			line-height: 20px;
98 
			color: #666666;
99 
		}
100 
		/*较小标题*/
101
102 
		.listtit3 {
103 
			font-size: 12px;
104 
			line-height: 18px;
105 
			color: #888888;
106 
		}
107 
		/*小标题*/
108
109 
		.mui-ellipsis {
110 
			overflow: hidden;
111 
			white-space: nowrap;
112 
			text-overflow: ellipsis;
113 
		}
114 
		/*资源图片*/
115
116 
		.ResImgBox {
117 
			display: inline-block;
118 
			text-align: center;
119 
			max-width: 64px;
120 
			width: 64px;
121 
			height: 60px;
122 
			padding: 1px;
123 
			background: #FAFAFA;
124 
			border: 1px solid #F8F8F8;
125 
			overflow: hidden;
126 
			padding: 2px;
127 
			margin: 6px 0;
128 
			border-radius: 4px;
129 
		}
130
131 
		.ResImgBox2 {
132 
			margin: 6px 0 6px 10px;
133 
		}
134
135 
		.ResImgBox .resImg {
136 
			max-width: 100%;
137 
			max-height: 100%;
138 
			vertical-align: middle;
139 
			position: relative;
140 
		}
141
142 
		.ResImgBox:before {
143 
			content: ' ';
144 
			display: inline-block;
145 
			vertical-align: middle;
146 
			width: 0;
147 
			height: 100%;
148 
			overflow: hidden;
149 
			margin-left: -6px;
150 
		}
151 
		/*专家相关信息*/
152
153 
		.personinfo .listtit3 {
154 
			font-size: 14px;
155 
			line-height: 24px;
156 
			color: #AAAAAA;
157 
			margin: 0;
158 
		}
159
160 
		.personinfo .listtit {
161 
			font-size: 18px;
162 
			line-height: 30px;
163 
			color: #333333;
164 
		}
165
166 
		.personinfo .listtit3 {
167 
			font-size: 14px;
168 
			line-height: 24px;
169 
			color: #AAAAAA;
170 
			margin: 0;
171 
		}
172
173 
		.headbox .headimg {
174 
			width: 100px;
175 
			overflow: hidden;
176 
			margin: auto;
177 
		}
178
179 
		.infocontit {
180 
			font-size: 14px;
181 
			position: relative;
182 
		}
183
184 
		.infocon {
185 
			padding: 6px 10px;
186 
			/*text-align: justify;*/
187 
			font-size: 13px;
188 
			line-height: 27px;
189 
			color: #888888;
190 
		}
191
192 
		.infocon ul {
193 
			padding: 0;
194 
			margin: 0;
195 
			overflow: hidden;
196 
		}
197
198 
		.infocon .infoapply li {
199 
			padding:0;
200 
			margin:0;
201 
			padding-left: 6px;
202 
			padding-right: 2px;
203 
			list-style: disc inside;
204 
			width: 46%;
205 
			float: left;
206 
		}
207
208 
		.infocon .infosubject li {
209 
			list-style: none;
210 
			padding: 2px 16px;
211 
			margin: 4px;
212 
			border: 1px solid #BBBBBB;
213 
			border-radius: 6px;
214 
			float: left;
215 
		}
216 
		.personblock {
217 
			position: absolute;
218 
			left: 198px;
219 
			padding: 0 3%;
220 
			text-align: center;
221 
		}
222 
		.personbox{
223 
			margin:auto;
224 
			width:80%;
225 
			position:relative;
226 
		}
227 
		.authicon {
228 
			width: 16px;
229 
			height: 16px;
230 
		}
231
232 
		.authicon2{
233 
		    width: 48px;
234 
		    height: 16px;
235 
		}
236 
		.authicon-mana{background-position: 0 -4px;background-size:100% auto;color:#ff9900;}/*认证科研*/
237 
		.authicon-staff{background-position:0 -19px;background-size:100% auto;color:#19AFFF;}/*认证企业*/
238 
		.authicon-stu{background-position: 0 -34px;background-size:100% auto;color:#03CE30}/*认证在读学生*/
239 13 
		@media only screen and (min-width: 100px) and (max-width: 360px) {
240 14 
			div[class="personbox"]{width:100%;}
241 15 
		}
 
@ -326,13 +100,13 @@
326 100 
			</div>
327 101 
			<div class="blockGroup mainbox" style="padding-bottom:40px;">
328 102 
				<div class="maincon alignCenter">
329 
					<p style="margin-top: 30px;"><span style="color:#ff9900; font-size: 16px;line-height: 32px;">[ 科袖 ]</span><br />搭建企业与专家的桥梁</p>
103 
					<div style="margin-top: 30px;"><span style="color:#ff9900; font-size: 16px;line-height: 32px;">「 科袖 」</span><br />搭建企业与专家的桥梁</div>
330 104 
					<div class="frmbox" style="margin:20px auto;">
331 105 
						<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
332 106 
					</div>
333 107 
					<div>
334 108 
						<img style="width:120px;" src="../images/weixin_code.jpg" />
335 
						<p style="color:#CCCCCC;font-size:13px;">关注科袖公众号</p>
109 
						<div style="color:#CCCCCC;font-size:13px;">关注科袖公众号</div>
336 110 
					</div>
337 111 
				</div>
338 112 
			</div>