正在显示
1 个修改的文件
包含
395 行增加
和
0 行删除
1 | +@charset "utf-8"; | ||
2 | + | ||
3 | +/* 禁用iPhone中Safari的字号自动调整 */ | ||
4 | + | ||
5 | +html { | ||
6 | + -webkit-text-size-adjust: 100%; | ||
7 | + -ms-text-size-adjust: 100%; | ||
8 | + /* 解决IOS默认滑动很卡的情况 */ | ||
9 | + -webkit-overflow-scrolling: touch; | ||
10 | + font-family: "微软雅黑"; | ||
11 | +} | ||
12 | + | ||
13 | + | ||
14 | +/* 取消链接高亮 */ | ||
15 | + | ||
16 | +body, | ||
17 | +div, | ||
18 | +ul, | ||
19 | +li, | ||
20 | +ol, | ||
21 | +h1, | ||
22 | +h2, | ||
23 | +h3, | ||
24 | +h4, | ||
25 | +h5, | ||
26 | +h6, | ||
27 | +input, | ||
28 | +textarea, | ||
29 | +select, | ||
30 | +p, | ||
31 | +dl, | ||
32 | +dt, | ||
33 | +dd, | ||
34 | +a, | ||
35 | +img, | ||
36 | +button, | ||
37 | +form, | ||
38 | +table, | ||
39 | +th, | ||
40 | +tr, | ||
41 | +td, | ||
42 | +tbody, | ||
43 | +article, | ||
44 | +aside, | ||
45 | +details, | ||
46 | +figcaption, | ||
47 | +figure, | ||
48 | +footer, | ||
49 | +header, | ||
50 | +hgroup, | ||
51 | +menu, | ||
52 | +nav, | ||
53 | +section { | ||
54 | + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
55 | +} | ||
56 | + | ||
57 | + | ||
58 | +/* 设置HTML5元素为块 */ | ||
59 | + | ||
60 | +article, | ||
61 | +aside, | ||
62 | +details, | ||
63 | +figcaption, | ||
64 | +figure, | ||
65 | +footer, | ||
66 | +header, | ||
67 | +hgroup, | ||
68 | +menu, | ||
69 | +nav, | ||
70 | +section { | ||
71 | + display: block; | ||
72 | +} | ||
73 | + | ||
74 | + | ||
75 | +/* 初始化 */ | ||
76 | + | ||
77 | +body, | ||
78 | +div, | ||
79 | +ul, | ||
80 | +li, | ||
81 | +ol, | ||
82 | +h1, | ||
83 | +h2, | ||
84 | +h3, | ||
85 | +h4, | ||
86 | +h5, | ||
87 | +h6, | ||
88 | +input, | ||
89 | +textarea, | ||
90 | +select, | ||
91 | +p, | ||
92 | +dl, | ||
93 | +dt, | ||
94 | +dd, | ||
95 | +a, | ||
96 | +img, | ||
97 | +button, | ||
98 | +form, | ||
99 | +table, | ||
100 | +th, | ||
101 | +tr, | ||
102 | +td, | ||
103 | +tbody, | ||
104 | +article, | ||
105 | +aside, | ||
106 | +details, | ||
107 | +figcaption, | ||
108 | +figure, | ||
109 | +footer, | ||
110 | +header, | ||
111 | +hgroup, | ||
112 | +menu, | ||
113 | +nav, | ||
114 | +section { | ||
115 | + margin: 0; | ||
116 | + padding: 0; | ||
117 | +} | ||
118 | + | ||
119 | +em, | ||
120 | +i { | ||
121 | + font-style: normal; | ||
122 | +} | ||
123 | + | ||
124 | +ul, | ||
125 | +li { | ||
126 | + list-style-type: none; | ||
127 | +} | ||
128 | + | ||
129 | +strong { | ||
130 | + font-weight: normal; | ||
131 | +} | ||
132 | + | ||
133 | +.clearfix:after { | ||
134 | + content: ""; | ||
135 | + display: block; | ||
136 | + visibility: hidden; | ||
137 | + height: 0; | ||
138 | + clear: both; | ||
139 | +} | ||
140 | + | ||
141 | +.clearfix { | ||
142 | + zoom: 1; | ||
143 | +} | ||
144 | + | ||
145 | +a { | ||
146 | + text-decoration: none; | ||
147 | + color: #969696; | ||
148 | + font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif; | ||
149 | +} | ||
150 | + | ||
151 | +ul, | ||
152 | +ol { | ||
153 | + list-style: none; | ||
154 | +} | ||
155 | + | ||
156 | +h1, | ||
157 | +h2, | ||
158 | +h3, | ||
159 | +h4, | ||
160 | +h5, | ||
161 | +h6 { | ||
162 | + font-size: 100%; | ||
163 | + font-family: 'Microsoft YaHei'; | ||
164 | +} | ||
165 | + | ||
166 | +img { | ||
167 | + border: none; | ||
168 | +} | ||
169 | + | ||
170 | +input { | ||
171 | + font-family: 'Microsoft YaHei'; | ||
172 | +} | ||
173 | + | ||
174 | + | ||
175 | +/* 移动端点击a链接出现蓝色背景问题解决 */ | ||
176 | + | ||
177 | +a:link, | ||
178 | +a:active, | ||
179 | +a:visited, | ||
180 | +a:hover { | ||
181 | + background: none; | ||
182 | + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
183 | + -webkit-tap-highlight-color: transparent; | ||
184 | +} | ||
185 | + | ||
186 | + | ||
187 | +/* 公共样式 */ | ||
188 | + | ||
189 | + | ||
190 | +/* css */ | ||
191 | + | ||
192 | +.header { | ||
193 | + display: flex; | ||
194 | + display: -webkit-flex; | ||
195 | + align-items: center; | ||
196 | + width: 100%; | ||
197 | + height: 1.1rem; | ||
198 | + border-bottom: 1px solid #E6E6E6; | ||
199 | +} | ||
200 | + | ||
201 | +.header img { | ||
202 | + width: 4.5rem; | ||
203 | + display: block; | ||
204 | + margin: auto; | ||
205 | +} | ||
206 | + | ||
207 | +.in_box { | ||
208 | + margin: 0 0.52rem; | ||
209 | +} | ||
210 | + | ||
211 | +.in_box ul li a { | ||
212 | + display: flex; | ||
213 | + display: -webkit-flex; | ||
214 | + align-items: center; | ||
215 | + margin-top: 0.5rem; | ||
216 | +} | ||
217 | + | ||
218 | +.in_box ul li img { | ||
219 | + width: 0.84rem; | ||
220 | + border-radius: 50%; | ||
221 | +} | ||
222 | + | ||
223 | +.in_box ul li p { | ||
224 | + font-size: 0.32rem; | ||
225 | + font-weight: 500; | ||
226 | + margin-left: 0.35rem; | ||
227 | + color: rgba(76, 76, 77, 1); | ||
228 | +} | ||
229 | + | ||
230 | + | ||
231 | +/* 關於我們 */ | ||
232 | + | ||
233 | +.in1_box, | ||
234 | +.con_box { | ||
235 | + margin: 0 0.45rem; | ||
236 | +} | ||
237 | + | ||
238 | +.in1_box h1, | ||
239 | +.con_box h1, | ||
240 | +.land_box h1 { | ||
241 | + text-align: center; | ||
242 | + font-size: 0.36rem; | ||
243 | + margin: 0.43rem 0; | ||
244 | + color: rgba(76, 76, 77, 1); | ||
245 | +} | ||
246 | + | ||
247 | +.in1_box img, | ||
248 | +.con_box img { | ||
249 | + width: 100%; | ||
250 | + display: block; | ||
251 | +} | ||
252 | + | ||
253 | +.in1_txt { | ||
254 | + margin-top: 0.4rem; | ||
255 | +} | ||
256 | + | ||
257 | +.in1_box p { | ||
258 | + font-size: 0.28rem; | ||
259 | + color: rgba(51, 51, 51, 1); | ||
260 | + line-height: 0.46rem; | ||
261 | +} | ||
262 | + | ||
263 | + | ||
264 | +/* 联系我们 */ | ||
265 | + | ||
266 | +.con_txt { | ||
267 | + margin-top: 0.7rem; | ||
268 | +} | ||
269 | + | ||
270 | +.con_txt h2 { | ||
271 | + margin-bottom: 0.26rem; | ||
272 | + font-size: 0.3rem; | ||
273 | + color: rgba(80, 80, 80, 1); | ||
274 | +} | ||
275 | + | ||
276 | +.con_txt p { | ||
277 | + font-size: 0.28rem; | ||
278 | + color: rgba(80, 80, 80, 1); | ||
279 | + line-height: 0.56rem; | ||
280 | +} | ||
281 | + | ||
282 | + | ||
283 | +/* 会员登陆 */ | ||
284 | + | ||
285 | +.land_box { | ||
286 | + margin: 0 0.4rem; | ||
287 | +} | ||
288 | + | ||
289 | +.form { | ||
290 | + margin-top: 0.8rem; | ||
291 | +} | ||
292 | + | ||
293 | +.form ul { | ||
294 | + width: 100%; | ||
295 | + border: 1px solid rgba(204, 204, 204, 1); | ||
296 | + border-radius: 0.1rem; | ||
297 | + box-sizing: border-box; | ||
298 | +} | ||
299 | + | ||
300 | +.form ul li { | ||
301 | + width: 100%; | ||
302 | + padding: 0 0.34rem; | ||
303 | + box-sizing: border-box; | ||
304 | + border-bottom: 1px solid #CCCCCC; | ||
305 | +} | ||
306 | + | ||
307 | +.form ul li input { | ||
308 | + width: 100%; | ||
309 | + /* border: 0; */ | ||
310 | + outline: none; | ||
311 | + height: 1.2rem; | ||
312 | + display: block; | ||
313 | + border: 0; | ||
314 | + box-sizing: border-box; | ||
315 | + -webkit-user-select: text !important; | ||
316 | +} | ||
317 | + | ||
318 | +.form ul li input::-webkit-input-placeholder { | ||
319 | + color: #B3B3B3; | ||
320 | +} | ||
321 | + | ||
322 | +.form ul li input:-ms-input-placeholde { | ||
323 | + color: #B3B3B3; | ||
324 | +} | ||
325 | + | ||
326 | +.form ul li input::-moz-placeholder { | ||
327 | + color: #B3B3B3; | ||
328 | +} | ||
329 | + | ||
330 | +.land_box button { | ||
331 | + width: 100%; | ||
332 | + height: 1rem; | ||
333 | + border: 0; | ||
334 | + margin-top: 0.7rem; | ||
335 | + background: rgba(226, 156, 109, 1); | ||
336 | + border-radius: 0.1rem; | ||
337 | + font-size: 0.36rem; | ||
338 | + color: rgba(255, 255, 255, 1); | ||
339 | +} | ||
340 | + | ||
341 | + | ||
342 | +/* 会员登陆之后的页面 */ | ||
343 | + | ||
344 | +.bg { | ||
345 | + background-color: #F4F4F4; | ||
346 | +} | ||
347 | + | ||
348 | +.land_go_box { | ||
349 | + width: 4.45rem; | ||
350 | + margin: 1.9rem auto; | ||
351 | + background: rgba(255, 255, 255, 1); | ||
352 | + box-shadow: 0.06rem 0.08rem 0.32rem 0px rgba(40, 38, 38, 0.06); | ||
353 | + border-radius: 0.1rem; | ||
354 | +} | ||
355 | + | ||
356 | +.land_go_box2 { | ||
357 | + width: 100%; | ||
358 | + height: 1.92rem; | ||
359 | + border-radius: 0.1rem 0.1rem 0 0; | ||
360 | + background: rgba(226, 156, 109, 1); | ||
361 | +} | ||
362 | + | ||
363 | +.land_go_box3 { | ||
364 | + display: flex; | ||
365 | + display: -webkit-flex; | ||
366 | + align-items: center; | ||
367 | + justify-content: center; | ||
368 | + padding-top: 0.36rem; | ||
369 | +} | ||
370 | + | ||
371 | +.land_go_box3 p { | ||
372 | + font-size: 0.3rem; | ||
373 | + margin: 0 0.15rem; | ||
374 | + color: rgba(255, 255, 255, 1); | ||
375 | +} | ||
376 | + | ||
377 | +.land_go_box3 span { | ||
378 | + width: 0.2rem; | ||
379 | + height: 0.02rem; | ||
380 | + display: block; | ||
381 | + background: rgba(245, 245, 245, 1); | ||
382 | +} | ||
383 | + | ||
384 | +.land_go_price { | ||
385 | + text-align: center; | ||
386 | + font-size: 0.7rem; | ||
387 | + color: rgba(255, 255, 255, 1); | ||
388 | +} | ||
389 | + | ||
390 | +.price_img { | ||
391 | + width: 1.96rem; | ||
392 | + margin: auto; | ||
393 | + display: block; | ||
394 | + padding: 0.69rem 0 0.77rem 0; | ||
395 | +} |
-
请 注册 或 登录 后发表评论