fe / YOHOBUYPC · Commits

Go to a project

Authored by 毕凯
Commit 2ecac4f4380523819e49ed2a83fe983627576cd5 1 parent e98a12f6

删除 scss

Inline Side-by-side
Showing 7 changed files with 0 additions and 2418 deletions
1 -/*  
2 - * @description: 404页面  
3 - * @author: chenglong.wang@yoho.cn  
4 - * @time: 2015/12/17  
5 - */  
6 -  
7 -.err-page {  
8 - width: 650px;  
9 - height: 200px;  
10 - overflow: hidden;  
11 - margin: 100px auto;  
12 -  
13 - &:before {  
14 - content: '';  
15 - display: block;  
16 - width: 200px;  
17 - height: 200px;  
18 - background: image_url('404.png') center center no-repeat;  
19 - float: left;  
20 - }  
21 -  
22 - .tips-404 {  
23 - float: left;  
24 - height: 200px;  
25 - padding-left: 20px;  
26 -  
27 - .tip {  
28 - font-size: 24px;  
29 - color: #000;  
30 - margin-top: 55px;  
31 - }  
32 -  
33 - .links {  
34 - font-size: 12px;  
35 - color: #666;  
36 - margin-top: 15px;  
37 - }  
38 - }  
39 -}  
1 -.yoho-footer {  
2 - font-size: 12px;  
3 -  
4 - .left {  
5 - float: left;  
6 - }  
7 -  
8 - .right {  
9 - float: right;  
10 - }  
11 -  
12 - .center {  
13 - text-align: center;  
14 - }  
15 -  
16 - * {  
17 - box-sizing: border-box;  
18 - }  
19 -  
20 - .red {  
21 - color: #ee0011;  
22 - }  
23 -  
24 - .rgb6 {  
25 - color: #666;  
26 - }  
27 -  
28 - .rgb9 {  
29 - color: #999;  
30 - }  
31 -  
32 - .rgbf {  
33 - color: #fff;  
34 - }  
35 -  
36 - .index-foot {  
37 - background: #eeeeee;  
38 - padding:20px 0;  
39 -  
40 - dd {  
41 - width: 370px;  
42 - margin-right: 20px;  
43 - float: left;  
44 - overflow:hidden;  
45 -  
46 - &.last {  
47 - margin-right: 0;  
48 - }  
49 -  
50 - .foot-panel {  
51 - background: #fff;  
52 - padding: 20px;  
53 - }  
54 -  
55 - .title {  
56 - position: relative;  
57 - text-align: center;  
58 - }  
59 -  
60 - .title-line {  
61 - border-bottom: 1px solid #dddddd;  
62 - position: absolute;  
63 - top: 9px;  
64 - width: 100%;  
65 - left: 0;  
66 - }  
67 -  
68 - .text {  
69 - position: absolute;  
70 - width: 100%;  
71 - text-align: center;  
72 - left: 0;  
73 - top: 0;  
74 -  
75 - span {  
76 - background: #fff;  
77 - font-size: 18px;  
78 - line-height: 18px;  
79 - padding: 0 10px;  
80 - }  
81 - }  
82 -  
83 - ul {  
84 - margin-top: 18px;  
85 - padding-top: 18px;  
86 - }  
87 -  
88 - .two-dim {  
89 - margin-right: -10px;  
90 - overflow: hidden;  
91 -  
92 - li {  
93 - border: 1px solid #ddd;  
94 - padding: 7px;  
95 - margin-right: 10px;  
96 -  
97 - a {  
98 - display: block;  
99 - }  
100 -  
101 - p {  
102 - text-align: center;  
103 - margin-top: 13px;  
104 - margin-bottom: 3px;  
105 - line-height: 12px;  
106 - }  
107 - }  
108 - }  
109 -  
110 - .dim-img {  
111 - display: block;  
112 - width: 87px;  
113 - height: 87px;  
114 - }  
115 -  
116 - .dim-hover {  
117 - position: absolute;  
118 -  
119 - img {  
120 - width: 38px;  
121 - height: 38px;  
122 - }  
123 - }  
124 -  
125 - .dim-active .dim-img {  
126 - opacity: 1;  
127 - filter:alpha(opacity=100);  
128 - }  
129 -  
130 - .dim-active .dim-hover {  
131 - display: none;  
132 - }  
133 -  
134 - .item-nav{  
135 - padding-top: 20px;  
136 -  
137 - span {  
138 - color: #fff;  
139 - padding: 0 3px;  
140 - cursor:pointer;  
141 - font-size: 20px;  
142 - }  
143 -  
144 - .cur {  
145 - color: #999;  
146 - }  
147 - }  
148 - }  
149 -  
150 - .vote {  
151 - line-height: 24px;  
152 -  
153 - input {  
154 - margin: 0 5px 0 1px;  
155 - }  
156 -  
157 - .button {  
158 - height: 24px;  
159 - line-height: 24px;  
160 - width: 55px;  
161 - font-size: 12px;  
162 - margin-top: 10px;  
163 - margin-right: 10px;  
164 - background: #222;  
165 - color: #fff;  
166 - display: inline-block;  
167 - text-align: center;  
168 - cursor: pointer;  
169 - }  
170 -  
171 - p {  
172 - height: 24px;  
173 - overflow: hidden;  
174 - }  
175 -  
176 - textarea{  
177 - width: 98%;  
178 - height: 68px;  
179 - vertical-align: middle;  
180 - margin: 5px 0px 0px 0px;  
181 - resize:none;  
182 - }  
183 - }  
184 -  
185 - .vote-item p {  
186 - float: left;  
187 - width: 50%;  
188 -  
189 - }  
190 -  
191 - .mobile {  
192 - margin-right: -10px;  
193 -  
194 - li {  
195 - margin-right: 10px;  
196 - float: left;  
197 - }  
198 -  
199 - img {  
200 - display: block;  
201 - width: 103px;  
202 - height: 131px;  
203 - }  
204 - }  
205 -  
206 - .index-banner {  
207 - width: 100%;  
208 - margin-top: 20px;  
209 - }  
210 - }  
211 -  
212 - .footerbottom {  
213 - width: 100%;  
214 - }  
215 -  
216 - .promise {  
217 - padding: 20px 0 10px 0;  
218 - background: #000;  
219 -  
220 - .left {  
221 - margin-right: 60px;  
222 - line-height: 30px;  
223 - font-size: 12px;  
224 - font-weight: bold;  
225 -  
226 - .iconfont {  
227 - display: inline-block;  
228 - font-weight: normal;  
229 - font-size: 22px;  
230 - vertical-align: middle;  
231 - margin-right: 5px;  
232 - }  
233 - }  
234 -  
235 - .left:first-child .iconfont {  
236 - font-size: 27px;  
237 - }  
238 - }  
239 -  
240 - .subscribe {  
241 - border: 1px solid #262626;  
242 - width: 240px;  
243 -  
244 - input {  
245 - width: 180px;  
246 - height: 32px;  
247 - padding: 0 10px;  
248 - line-height: 32px;  
249 - border: none;  
250 - margin: 0;  
251 - background: #000;  
252 - }  
253 -  
254 - a {  
255 - display: block;  
256 - float: right;  
257 - margin-right: 20px;  
258 - font-size: 20px;  
259 - line-height: 28px;  
260 - opacity: 0.5;  
261 - filter: alpha(opacity=50);  
262 - }  
263 - }  
264 -  
265 - .footer-help {  
266 - background: #000;  
267 - font-size: 12px;  
268 - overflow: hidden;  
269 -  
270 - > div {  
271 - padding: 15px 0;  
272 - border-top: 1px solid #262626;  
273 - }  
274 -  
275 - ul {  
276 - width: 110%;  
277 - }  
278 -  
279 - p {  
280 - line-height: 24px;  
281 -  
282 - span {  
283 - color: #fff;  
284 - }  
285 -  
286 - a {  
287 - color: #666;  
288 -  
289 - &:hover {  
290 - text-decoration: underline;  
291 - }  
292 - }  
293 - }  
294 -  
295 - li {  
296 - width: 180px;  
297 - }  
298 -  
299 - .screen {  
300 - border-top: 1px solid #262626;  
301 - padding: 15px 0;  
302 - }  
303 - }  
304 -  
305 - .footer-link {  
306 - background: #000;  
307 - padding: 10px 0 30px 0;  
308 - font-size: 12px;  
309 -  
310 - .right-flag {  
311 - margin-top: 3px;  
312 -  
313 - a {  
314 - margin-right: 5px;  
315 - }  
316 - }  
317 -  
318 - .about-us {  
319 - line-height: 20px;  
320 - color: #666;  
321 - margin-left: 10px;  
322 -  
323 - a {  
324 - color: #666;  
325 - }  
326 -  
327 - span {  
328 - padding: 0 10px;  
329 - }  
330 - }  
331 - }  
332 -  
333 - .return-top {  
334 - position: fixed;  
335 - width: 60px;  
336 - height: 60px;  
337 - left: 50%;  
338 - margin-left: 595px;  
339 - text-align: center;  
340 - line-height: 50px;  
341 - color: #fff;  
342 - background: #000;  
343 - opacity: 0.5;  
344 - filter: alpha(opacity=50);  
345 - bottom: 20px;  
346 - cursor: pointer;  
347 - z-index: 4;  
348 -  
349 - &:hover {  
350 - opacity: 0.9;  
351 - filter: alpha(opacity=90);  
352 - }  
353 -  
354 - .iconfont {  
355 - font-size: 34px;  
356 - }  
357 - }  
358 -}  
359 -  
360 -.yoho-footer .return-top.min {  
361 - left: 100%;  
362 - right: 20px;  
363 - margin-left: auto;  
364 -}  
365 -  
366 -.min-screen .yoho-footer {  
367 - .index-foot dd {  
368 - width: 316px;  
369 -  
370 - .two-dim {  
371 - margin-top: 26px;  
372 - margin-bottom: 10px;  
373 - overflow: hidden;  
374 - }  
375 -  
376 - .dim-img {  
377 - width: 69px;  
378 - height: 69px;  
379 - }  
380 -  
381 - .mobile img {  
382 - width: 85px;  
383 - height: 108px;  
384 - }  
385 - }  
386 -  
387 - .promise .left {  
388 - margin-right: 45px;  
389 - }  
390 -  
391 - .subscribe {  
392 - width: 200px;  
393 -  
394 - input {  
395 - width: 140px;  
396 - }  
397 - }  
398 -  
399 - .footer-help li {  
400 - width: 150px;  
401 - }  
402 -}  
1 -.yoho-header {  
2 - .header-topwrapper {  
3 - width: 100%;  
4 - background-color: #f4f4f4;  
5 - min-width: 1150px;  
6 - }  
7 -  
8 - .header-top {  
9 - width: 1150px;  
10 - height: 32px;  
11 - line-height: 32px;  
12 - margin: 0 auto;  
13 - position: relative;  
14 - }  
15 -  
16 - .leftpart {  
17 - position: relative;  
18 - padding-left: 5px;  
19 - padding-right: 5px;  
20 - }  
21 -  
22 - .leftpart:hover {  
23 - background-color: #dcdcdc;  
24 - .yohoproducts-list {  
25 - display: block !important;  
26 - }  
27 - }  
28 - .leftpart .acttags {  
29 - background-color: #dcdcdc;  
30 - }  
31 -  
32 - .yohoproducts-list {  
33 - position: absolute;  
34 - display: none;  
35 - width: 170px;  
36 - left: 0;  
37 - top: 32px;  
38 - background-color: #f4f4f4;  
39 - padding-top: 30px;  
40 - padding-bottom: 10px;  
41 - padding-left: 20px;  
42 - z-index: 10000000;  
43 - }  
44 -  
45 - .yohoproducts-item {  
46 - height: 14px;  
47 - line-height: 14px;  
48 - margin-bottom: 20px;  
49 - }  
50 - .yohoproducts-item a {  
51 - color: #9196a0;  
52 - font-size: 14px;  
53 - }  
54 - .yohoproducts-item:hover a {  
55 - color: black;  
56 - }  
57 -  
58 - .rightpart {  
59 - position: absolute;  
60 - right: 0;  
61 - top: 0;  
62 - }  
63 - .rightpart .acttags {  
64 - background-color: #dcdcdc;  
65 - }  
66 - .rightpart .acttags .tag-seprate {  
67 - border-color: #dcdcdc;  
68 - }  
69 - .hi,  
70 - .loginbar,  
71 - .registbar {  
72 - display: inline-block;  
73 - float: left;  
74 - }  
75 -  
76 - .hi {  
77 - color: #8e8e8e;  
78 - font-size: 12px;  
79 - }  
80 - #loginBox a,  
81 - #loginBox span {  
82 - color: black;  
83 - font-size: 12px;  
84 - }  
85 - .header-yoho,  
86 - .loginbar,  
87 - .login-out,  
88 - .registbar {  
89 - color: black;  
90 - font-size: 12px;  
91 - }  
92 -  
93 - .registbar {  
94 - margin-left: 7px;  
95 - }  
96 - .tag-list-wrapper {  
97 - margin-left: 13px;  
98 - float: left;  
99 - }  
100 - .tag-list {  
101 - margin-left: 13px;  
102 - height: 34px;  
103 - }  
104 - .tag-seprate {  
105 - margin-top: 11px;  
106 - width: 0;  
107 - height: 14px;  
108 - display: inline-block;  
109 - float: left;  
110 - border-left: 1px solid #dcdcdc;  
111 - }  
112 - .tag-item {  
113 - display: inline-block;  
114 - float: left;  
115 - line-height: 32px;  
116 - box-sizing: border-box;  
117 - margin-left: -1px;  
118 - }  
119 - .tag-item a {  
120 - color: #8e8e8e;  
121 - font-size: 12px;  
122 - display: inline-block;  
123 - }  
124 - .tag-item span {  
125 - display: inline-block;  
126 - }  
127 - .myyoho {  
128 - padding-right: 10px;  
129 - position: relative;  
130 - }  
131 - .myyoho .tag-seprate {  
132 - margin-right: 12px;  
133 - }  
134 - .myyoho-info {  
135 - position: absolute;  
136 - display: none;  
137 - top: 32px;  
138 - left: -110px;  
139 - width: 300px;  
140 - background-color: #f8f8f8;  
141 - z-index: 1000000;  
142 - }  
143 - .myyoho-photo {  
144 - overflow: hidden;  
145 - }  
146 - .myyoho-photo img{  
147 - display: block;  
148 - margin:0 auto;  
149 - width: 63px;  
150 - height: 63px;  
151 - border-radius: 50%;  
152 - }  
153 - .myyoho-info-header {  
154 - margin: 17px auto 0;  
155 - width: 257px;  
156 - border-bottom: 1px solid #dcdcdc;  
157 - text-align: center;  
158 - padding-bottom: 15px;  
159 - }  
160 -  
161 - .user-email {  
162 - margin-top: 14px;  
163 - color: black;  
164 - height: 25px;  
165 - line-height: 20px;  
166 - font-size: 18px;  
167 - }  
168 -  
169 - .user-level {  
170 - color: black;  
171 - height: 20px;  
172 - line-height: 20px;  
173 - font-size: 18px;  
174 - }  
175 - .user-level .leveldetail {  
176 - color: #8cc4f9;  
177 - }  
178 -  
179 - .levelinfo {  
180 - width: 100%;  
181 - padding-top: 10px;  
182 - clear: both;  
183 - height: 15px;  
184 - }  
185 -  
186 - .levelwrapper {  
187 - width: 150px;  
188 - height: 14px;  
189 - background-color: #e2e2e2;  
190 - margin-left: 40px;  
191 - position: relative;  
192 - }  
193 - .levelspan {  
194 - position: absolute;  
195 - left: 2px;  
196 - height: 14px;  
197 - top: 0;  
198 - line-height: 16px;  
199 - }  
200 - .levelwrapper .integrate {  
201 - height: 14px;  
202 - line-height: 15px;  
203 - background-color: #ceae64;  
204 - text-align: left;  
205 - padding-left: 5px;  
206 - }  
207 -  
208 - .cardcate {  
209 - font-size: 14px;  
210 - line-height: 14px;  
211 - margin-left: 5px;  
212 - }  
213 -  
214 - .myyoho-info-content {  
215 - margin: 20px auto 0;  
216 - padding-left: 35px;  
217 - padding-right: 29px;  
218 - border-bottom: 1px solid #dcdcdc;  
219 - }  
220 - .myyoho-info-content .item {  
221 - height: 12px;  
222 - line-height: 12px;  
223 - margin-bottom: 16px;  
224 - }  
225 - .myyoho-info-content .item a {  
226 - font-size: 14px;  
227 - color: black;  
228 - }  
229 -  
230 - .myyoho-info-footer {  
231 - height: 51px;  
232 - line-height: 51px;  
233 - text-align: center;  
234 - }  
235 - .myyoho-info-footer a {  
236 - color: black;  
237 - font-size: 14px;  
238 - }  
239 - .myorder {  
240 - padding-right: 10px;  
241 - }  
242 - .myorder .tag-seprate {  
243 - margin-right: 11px;  
244 - }  
245 - .mycollect {  
246 - padding-right: 11px;  
247 - }  
248 - .mycollect .tag-seprate {  
249 - margin-right: 11px;  
250 - }  
251 - .message {  
252 - padding-right: 10px;  
253 - }  
254 - .message .tag-seprate {  
255 - margin-right: 11px;  
256 - }  
257 - .phone {  
258 - padding-right: 8px;  
259 - position: relative;  
260 - }  
261 - .phone .tag-seprate {  
262 - margin-right: 10px;  
263 - }  
264 - .qr {  
265 - position: absolute;  
266 - display: none;  
267 - top: 32px;  
268 - left: -100px;  
269 - width: 231px;  
270 - height: 290px;  
271 - background-color: #f8f8f8;  
272 - z-index: 10000000;  
273 - }  
274 -  
275 - .qr-img {  
276 - position: relative;  
277 - background-image: image-url("header/qr.png");  
278 - background-repeat: no-repeat;  
279 - background-size: 100% 100%;  
280 - margin: 32px auto 15px;  
281 - width: 143px;  
282 - height: 147px;  
283 - }  
284 -  
285 - .qr-words {  
286 - height: 25px;  
287 - line-height: 25px;  
288 - font-size: 16px;  
289 - text-align: center;  
290 - }  
291 -  
292 - .qr-more {  
293 - margin-top: 6px;  
294 - line-height: 25px;  
295 - font-size: 14px;  
296 - text-align: center;  
297 - }  
298 -  
299 - .onlineserver .tag-seprate {  
300 - margin-right: 10px;  
301 - }  
302 -  
303 - .header-navwrapper {  
304 - width: 100%;  
305 - height: 130px;  
306 - position: relative;  
307 - min-width: 1150px;  
308 - }  
309 -  
310 - .header-navcontent {  
311 - width: 1150px;  
312 - height: 130px;  
313 - margin: 0 auto;  
314 - }  
315 -  
316 - .first-nav-list {  
317 - margin-top: 45px;  
318 - }  
319 -  
320 - .first-nav-item {  
321 - float: left;  
322 - padding: 8px 23px 0;  
323 - }  
324 -  
325 - .all a,  
326 - .girls a,  
327 - .boys a,  
328 - .kids a,  
329 - .lifestyle a {  
330 - color: white !important;  
331 - }  
332 - .all span,  
333 - .girls span,  
334 - .boys span,  
335 - .kids span,  
336 - .lifestyle span {  
337 - color: white !important;  
338 - }  
339 -  
340 - .all {  
341 - background-color: #5e4b3c;  
342 - }  
343 -  
344 - .all .sub-nav-wrapper {  
345 - background-color: black;  
346 - display: block !important;  
347 - }  
348 -  
349 - .all .third-nav-wrapper {  
350 - border-top: 2px solid black;  
351 - }  
352 - .searchcateboys {  
353 - .searchinput {  
354 - border: 1px solid #3a3a3a  
355 - }  
356 - .icon-search {  
357 - background-color: #3a3a3a!important  
358 - }  
359 - }  
360 - .searchcategirls {  
361 - .searchinput {  
362 - border: 1px solid #ff88ae  
363 - }  
364 - .icon-search {  
365 - background-color: #ff88ae!important  
366 - }  
367 - }  
368 - .searchcatewoman {  
369 - .searchinput {  
370 - border: 1px solid #ff88ae  
371 - }  
372 - .icon-search {  
373 - background-color: #ff88ae!important  
374 - }  
375 - }  
376 - .searchcatekids {  
377 - .searchinput {  
378 - border: 1px solid #7bd3f9 !important  
379 - }  
380 - .icon-search {  
381 - background-color: #7bd3f9!important  
382 - }  
383 - }  
384 - .gobuyboys {  
385 - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUFFQTNDNEExRjA1MTFFNUIwODc4NTUzNUJFODJCMjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUFFQTNDNEIxRjA1MTFFNUIwODc4NTUzNUJFODJCMjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQUVBM0M0ODFGMDUxMUU1QjA4Nzg1NTM1QkU4MkIyNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQUVBM0M0OTFGMDUxMUU1QjA4Nzg1NTM1QkU4MkIyNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj44ndIAAAF7SURBVHjavJa7SsRAFEBn11gpov8gCCIKIijYrVjZCYmNFjYidn6BrSCWFoKdjQTsLKw0bHwh2gi+BTu30TWFK+j6OgMTiEOM0Z3shUPmzoQ5ZF6ZnG3ba0KIMfE9zqAH3sQv4bquSBN5GI2p74RuYTCkaAa24Fxr6zctWoEhGNfaBkyKcsxRWG6AMrSo/AaGDThemMeSFal4Bx9GVN4Otya+xnGchbxWVxTZxGy9RA+66AgqGYg8XSQ36F49RFkN306cyDMsuYfTONGhXPsGRUX20Wec6BUODIr88AgSGQ+flyTyDUkCOEkS7UPVgGiX+flIEj2rRWFk2JJEpuZpO41oCa5qkKwybMdhYiW8WIIOaP2HpIqkov9h06ycQN0jBtVmDusCOpTPJihAm8x1SVqRjEW5gmBDnYVW5KfWxeMC1uGSvPDTnSFNTEXKfdAbySegWZUbYbIWUVnLH7VDM+ndP4mm4Q6eYA6uI23LsKk2uDwj5+M6+BJgAFPmZONXOE3uAAAAAElFTkSuQmCC') !important;  
386 - }  
387 - .gobuygirls {  
388 - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABfklEQVRIx73Vv0vDQBTA8e9F3UR09j8QUSiC4Cg4ud3iJOIi4uZ2m+uBODq46uJipg5ONbRWiyiC4G/BTZdaHfxBrRiHpJLG2NTm4pvevXe5Dxy5O+FqexOYojHOgGGh5AeGwgJkRH0AGDKF1KEFIAech3qjJiFRT1xtZ4CjQG9dKDmTBtQBVIAev3QDTBgwqkLJexGsuNrOApMmt8yPZStUyKeAACz+F/QQhg6BlxQgpwHyD+he6pAfaWzfbhTkGEbKwGkUdABUDUJ5oaT7AxJKvgMlg1ABvLsuKhyDkNMMKhhCnoCTZtA+UDMAFYWSn79CQslXvJ8iaTj1xGplUoLYaQVaBa4SIBtCye/3TcTNdrXd2wZSE0o23JmxUAAcA/qAnFDyLdTrx3v6j4WSt1HfW/EEuNpeAYpAFsi72u4M9AaBC2ALuHS1Pd42BMwF8hEgExhPA91+3gXMJoEqofFjIC/HzP0TNA/cAc/AklDyOtBbA7bxDngJ0FELfAHxEGiu2DHs/wAAAABJRU5ErkJggg==') !important;  
389 - }  
390 - .gobuykids {  
391 - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABgUlEQVRIx73Vvy8EQRTA8e8eMo0Itf9ADMlFIlFKVDqNSkQjolNvoZpEIkqFlkaju0J1NneOixCJjd8SHc05Cj8yTlDsnuytdXvcrFe9eW92PslkZ8ayXb0OjFMbJ0C/kuINQ5ECxiLqPUCfKaQKzQJZ4DTUGzQJWdXEdnUaOAj0VpUUk0lALUAZ6PBLV8CIAUMrKW6tYMV2dQYYNbllfiymQoVcAgjA3H9Bd2FoH3hKAHJqIP+A7iQO+ZHE9m1HQY5hpAQcR0F7gDYI5ZQUH98gJcUrUDQI5cG766LCMQg59aC8IeQBOKoH7QIVA1BBSfH+I6SkeMb7KZoNp5qkGpnURGw1Ai0DF00ga0qKr/fNipttu7rzD0hFSVFzZ8ZCAXAI6AKySoqXUK8b7+k/VFJcR32fiifAdvUSUAAyQM52dWug1wucARvAue3q4T9DwHQgHwDSgfEE0O7nbcBUM1A5NL4P5KWYub+CZoAb4BGYV1JcBnorwCbeAS8CC1ELfAIRimiKicNJAQAAAABJRU5ErkJggg==') !important;  
392 - }  
393 - .gobuylifestyle {  
394 - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABf0lEQVRIx73VPUvDQBjA8X+ibiI6+w1EFIogSCbBKZuLkxEXETc/gasgjg6u5+Li1gOnGtqrFlEEwXfBTZdaHXyhVtQhqaQxNrW5+EzPPc/lfnDk7gzHtjaBKRrjFBgWUr2jKUxgMqI+AAzpQurQApADzkK9UZ2QUU8c28oAh4GeEFLNpAF1ABWgxy9dAxMajKqQ6s4IVhzbygK2zi3zY8UMFfIpIACL/wXdh6ED4DkFyG2A/AO6mzrkRxrbp6IgVzNSBk6ioH2gqhHKC6k+f0BCqjegpBEqgHfXRYWrEXKbQQVNyCNw3AzaA2oaoKKQ6uNXSEj1gvdTJA23npitTEoQO61Aa8BlAmRDSPX9vhlxsx3b6m0DqQmpGu7MWCgAjgF9QE5I9Rrq9eM9/UdCqpuo7814AhzbWgWKQBbIO7bVGegNAufAFnDh2NZ42xAwF8hHgExgPA10+3kXMJsEqoTGD4G8HDP3T9A8cAs8AUtCqqtAbx3YxjvgJWA5aoEvXQ1rTnQJKpQAAAAASUVORK5CYII=') !important;  
395 - }  
396 - .searchcatelifestyle {  
397 - .searchinput {  
398 - border: 1px solid #5e4b3c!important  
399 - }  
400 - .icon-search {  
401 - background-color: #5e4b3c!important  
402 - }  
403 - }  
404 - .boys {  
405 - background-color: #3a3a3a;  
406 - }  
407 -  
408 - .boys .sub-nav-wrapper {  
409 - background-color: #3a3a3a;  
410 - display: block !important;  
411 - }  
412 -  
413 - .boys .third-nav-wrapper {  
414 - border-top: 2px solid #3a3a3a;  
415 - }  
416 -  
417 - .girls {  
418 - background-color: #ff88ae;  
419 - }  
420 -  
421 - .girls .sub-nav-wrapper {  
422 - background-color: #ff88ae;  
423 - display: block !important;  
424 - }  
425 -  
426 - .girls .third-nav-wrapper {  
427 - border-top: 2px solid #ff88ae;  
428 - }  
429 -  
430 - .kids {  
431 - background-color: #7bd3f9;  
432 - }  
433 -  
434 - .kids .sub-nav-wrapper {  
435 - background-color: #7bd3f9;  
436 - display: block !important;  
437 - }  
438 -  
439 - .kids .third-nav-wrapper {  
440 - border-top: 2px solid #7bd3f9;  
441 - }  
442 -  
443 - .lifestyle {  
444 - background-color: #5e4b3c;  
445 - }  
446 -  
447 - .lifestyle .sub-nav-wrapper {  
448 - background-color: #5e4b3c;  
449 - display: block !important;  
450 - }  
451 -  
452 - .lifestyle .third-nav-wrapper {  
453 - border-top: 2px solid #5e4b3c;  
454 - }  
455 -  
456 - .name-cn {  
457 - text-align: center;  
458 - line-height: 16px !important;  
459 - }  
460 - .name-cn a {  
461 - color: black;  
462 - font-size: 16px !important;  
463 - }  
464 -  
465 - .name-en {  
466 - text-align: center;  
467 - line-height: 14px !important;  
468 - margin-bottom: 6px;  
469 - }  
470 - .name-en a {  
471 - color: #8e8e8e;  
472 - font-size: 12px;  
473 - line-height: 14px !important;  
474 - font-family: 'arial' !important;  
475 - }  
476 -  
477 - .sub-nav-wrapper {  
478 - display: none;  
479 - height: 40px;  
480 - left: 0;  
481 - width: 100%;  
482 - position: absolute;  
483 - z-index: 1000;  
484 - }  
485 -  
486 - .sub-nav-list {  
487 - width: 1150px;  
488 - height: 40px;  
489 - margin: 0 auto;  
490 - overflow: hidden;  
491 - }  
492 -  
493 - .sub-nav-item {  
494 - float: left;  
495 - padding: 12px 46px 12px 0;  
496 - box-sizing: border-box;  
497 - margin-right: 38px;  
498 - }  
499 - .sub-nav-item:last-child {  
500 - margin-right: 0 !important;  
501 - }  
502 - .sub-nav-item a {  
503 - color: white;  
504 - font-size: 14px;  
505 - line-height: 14px;  
506 - display: inline-block;  
507 - }  
508 - .sub-nav-item a{  
509 - position: relative;  
510 - }  
511 - .newlogo {  
512 - display: block;  
513 - width: 26px;  
514 - height: 12px;  
515 - background-image: image-url("header/new.png");  
516 - background-repeat: no-repeat;  
517 - position: absolute;  
518 - right: -29px;  
519 - top: -6px;  
520 - }  
521 - .sub-nav-item:hover>a {  
522 - padding-bottom: 3px;  
523 - border-bottom: 2px solid white;  
524 - }  
525 - .actsecondnav {  
526 - padding-bottom: 3px;  
527 - border-bottom: 2px solid white;  
528 - }  
529 - .sub-nav-item:hover .third-nav-wrapper {  
530 - display: block;  
531 - }  
532 -  
533 - .third-nav-wrapper {  
534 - box-sizing: border-box;  
535 - height: 410px;  
536 - position: absolute;  
537 - left: 0;  
538 - top: 38px;  
539 - width: 100%;  
540 - min-width: 1150px;  
541 - display: none;  
542 - z-index: 10000;  
543 - padding-top: 30px;  
544 - padding-bottom: 30px;  
545 - background-color: #f8f8f8;  
546 - }  
547 -  
548 - .third-nav {  
549 - width: 1150px;  
550 - height: 100%;  
551 - margin: 0 auto;  
552 - }  
553 -  
554 - .category {  
555 - width: 880px;  
556 - float: left;  
557 - overflow: hidden;  
558 - .thirdnavlist {  
559 - box-sizing: border-box;  
560 - width: 220px;  
561 - height: 240px;  
562 - float: left;  
563 - padding-left: 20px;  
564 - border-right: 1px solid #dcdcdc;  
565 - padding-right: 20px;  
566 - }  
567 - }  
568 -  
569 - .category-title {  
570 - color: black;  
571 - font-size: 16px;  
572 - width: 178px;  
573 - padding-bottom: 12px;  
574 - border-bottom: 1px solid #000;  
575 - line-height: 16px;  
576 - margin-bottom: 20px;  
577 - a {  
578 - color: black !important;  
579 - }  
580 - }  
581 -  
582 - .category-list {  
583 - margin-top: 16px;  
584 - margin-bottom: 30px;  
585 - }  
586 -  
587 - .category-item {  
588 - line-height: 28px;  
589 - }  
590 - .category-list a{  
591 - color: #a1a1a1 !important;  
592 - font-size: 14px;  
593 - }  
594 - .category-list .category-item .hot{  
595 - color: #ee0011 !important;  
596 - font-size: 14px;  
597 - }  
598 - .category-item-act a{  
599 - color: black !important;  
600 - }  
601 - .showdetail {  
602 - box-sizing: border-box;  
603 - padding-left: 19px;  
604 - padding-right: 19px;  
605 - width: 337px;  
606 - height: 250px;  
607 - float: right;  
608 - }  
609 -  
610 - [class^="icon-"], [class*=" icon-"] {  
611 - display: inline-block;  
612 - vertical-align: middle;  
613 - background-repeat: none;  
614 - }  
615 -  
616 - .icon-hamburger {  
617 - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkNDMTBCN0ExRjAzMTFFNUI1NzZENkM4MUQyMEJGQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkNDMTBCN0IxRjAzMTFFNUI1NzZENkM4MUQyMEJGQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQ0MxMEI3ODFGMDMxMUU1QjU3NkQ2QzgxRDIwQkZBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQ0MxMEI3OTFGMDMxMUU1QjU3NkQ2QzgxRDIwQkZBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqrUNPwAAAAmSURBVHjaYuzr6/vPQCJgAWJGUjUxMZAB6KcJ5KfRgCA3IAACDACZEATHVTZCoQAAAABJRU5ErkJggg==");  
618 - width: 13px;  
619 - height: 11px;  
620 - }  
621 -  
622 - .icon-headphones {  
623 - background-image: url("header/headphones.png");  
624 - width: 15px;  
625 - height: 10px;  
626 - margin-top: 2px;  
627 - }  
628 -  
629 - .icon-heart {  
630 - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJFNDA0MDMxRjAzMTFFNTgzQUY4OEM0NzJDQ0YyNzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJFNDA0MDQxRjAzMTFFNTgzQUY4OEM0NzJDQ0YyNzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQkU0MDQwMTFGMDMxMUU1ODNBRjg4QzQ3MkNDRjI3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQkU0MDQwMjFGMDMxMUU1ODNBRjg4QzQ3MkNDRjI3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgbjRwsAAADJSURBVHjahNC9DgFBEMDxuXWiUUq0Si+i9AqiukQjkdBRi0R8FlrxAhKtgkfw0aiovYGEhP/EhI0cJvldNjOzu3MbRFEUiEgVeVyQxESeUcEVKRwwDvnUsMPQmjQ3srUedLN1QXu1mENP3qENXdy9Zo0liqHEx/FLPnA2X1r+h/akdEMHAyR+NGutj7az64c2dxA3hv2jPsTJWXKPBZoxG1qYW484r7DCFnUv18AGa/He3A+9pYySHXa23CtczAhTZJHB7LP4EGAA/kUjzWzAmh0AAAAASUVORK5CYII=");  
631 - width: 12px;  
632 - height: 11px;  
633 - margin-top: -2px;  
634 - }  
635 -  
636 - .icon-mail {  
637 - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUVFMTA0NDExRjAzMTFFNTg3MzBCMUMzNDQ0Q0E1QkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUVFMTA0NDIxRjAzMTFFNTg3MzBCMUMzNDQ0Q0E1QkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRUUxMDQzRjFGMDMxMUU1ODczMEIxQzM0NDRDQTVCRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRUUxMDQ0MDFGMDMxMUU1ODczMEIxQzM0NDRDQTVCRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptf44EYAAADcSURBVHjalNJPCwFBGMfxsW3UvgdydJVc7EEOcnH1Amxt/iUHUt6A456EUrwYJS64unkFjhKF79RDk6Q19Znd5nl+M9O2kSAIjkop7aD+GykkbKYdLphgHzKcRh8ni+mMKnrIhgjrnq5kzpYs6ht4aMH9EXalx5OMsoziFb4U81/CBTnVl171uYEed9FB0VgvoW3U38M23qOYYoEVRohJrYwKcpih/rqFbYR1YYyNrDUxxAMNeS5xk17/tYGDOQJsjRvpwODLt1jL6fqmjt4gIz9S7c8fKY7kU4ABAPrAL/PXL7nQAAAAAElFTkSuQmCC");  
638 - width: 16px;  
639 - height: 10px;  
640 - margin-top: -2px;  
641 - }  
642 -  
643 - .icon-iphone {  
644 - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDNDODgxQzgxRjAzMTFFNUIzMUFDQjFGNUQyMzI4RTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDNDODgxQzkxRjAzMTFFNUIzMUFDQjFGNUQyMzI4RTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEM0M4ODFDNjFGMDMxMUU1QjMxQUNCMUY1RDIzMjhFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEM0M4ODFDNzFGMDMxMUU1QjMxQUNCMUY1RDIzMjhFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhJU+6cAAAB7SURBVHjaYnyorNzIwMDwFYgZGVDBPyDmYwESP4C4CyroBqV3QelKkAIeIF4IxNeQdBsCsRYQPwEpYALiE0A8Hc2KTCCWY2IgAIaHAlhI8gFxORCLQsVfQ+kfIAW/gLgTKjALamoJclBzAnEZNLL4oBIg0/4DMRdAgAEA3OsUBsKkQkoAAAAASUVORK5CYII=");  
645 - width: 8px;  
646 - height: 14px;  
647 - margin-top: -2px;  
648 - }  
649 -  
650 - .icon-papers {  
651 - background-image: url("data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNCQzI5NzcxRjAzMTFFNTg0MTBDRDUyRkVENTFGQTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCQzI5NzgxRjAzMTFFNTg0MTBDRDUyRkVENTFGQTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQ0JDMjk3NTFGMDMxMUU1ODQxMENENTJGRUQ1MUZBNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0JDMjk3NjFGMDMxMUU1ODQxMENENTJGRUQ1MUZBNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqSzZHsAAACCSURBVHjaYkxLS7vKwMBwhAETuABxGhDvBXFYgPggEGdhUTgdiP2h7L0sDLjBfyDOB+KJMBNxgb9APAOIGYF4DrJCfiBmQuJXAvEXKHsassJMIBZA4t8A4gUwDrLCDjzOQFHYDsRCWNQ0oSuspK+JTAxEAqIVgqy2B+KZBNTZAAQYAEaiFCx+VPXeAAAAAElFTkSuQmCC");  
652 - width: 10px;  
653 - height: 14px;  
654 - margin-top: -2px;  
655 - }  
656 -  
657 - .icon-bottomarrow {  
658 - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUEzRDI1MEQxRjAzMTFFNUJENkRGMUM2QzYwNzc5ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUEzRDI1MEUxRjAzMTFFNUJENkRGMUM2QzYwNzc5ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QTNEMjUwQjFGMDMxMUU1QkQ2REYxQzZDNjA3Nzk4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QTNEMjUwQzFGMDMxMUU1QkQ2REYxQzZDNjA3Nzk4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjEPOcUAAABkSURBVHjaYuzr65vBwMDQB8S3GLADNSAuYgISlUDcDsTGWBSBxDpBakAK3wNxLBAXA7EzkiJnqFg0SA0LVPAbEMcB8VQgFgbi/0DsChX7A1LAhGQCSCADap0JEKfDFIEAQIABAH3lEoANPM6QAAAAAElFTkSuQmCC");  
659 - width: 10px;  
660 - height: 5px;  
661 - margin-top: -2px;  
662 - }  
663 -  
664 - .icon-logo {  
665 - background-image: url(data:image/png;base64,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);  
666 - background-repeat: no-repeat;  
667 - background-position: center center;  
668 - width: 182px;  
669 - height: 53px;  
670 - top: 22px;  
671 - left: 44.2%;  
672 - position: absolute;  
673 - .main-link {  
674 - display: block;  
675 - width: 100%;  
676 - height: 100%;  
677 - }  
678 - }  
679 -  
680 - .search {  
681 - position: relative;  
682 - }  
683 -  
684 - .searchspan {  
685 - margin-top: 45px;  
686 - float: left;  
687 - display: inline-block;  
688 - overflow: hidden;  
689 - }  
690 -  
691 - .searchinput {  
692 - float: left;  
693 - width: 240px;  
694 - height: 28px;  
695 - line-height: 25px;  
696 - border: 1px solid #000;  
697 - box-sizing: border-box;  
698 - padding-left: 10px;  
699 - border-right: none;  
700 - }  
701 -  
702 - .icon-search {  
703 - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM1RjdENDUxRjA0MTFFNUEwRkRCMURDREZCNjYxQTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM1RjdENDYxRjA0MTFFNUEwRkRCMURDREZCNjYxQTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzVGN0Q0MzFGMDQxMUU1QTBGREIxRENERkI2NjFBMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzVGN0Q0NDFGMDQxMUU1QTBGREIxRENERkI2NjFBMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvM9DyUAAAEMSURBVHjanNS/S4JBHMfx59EnCyGcRBDD8Mca1NDm1qJTDU4NjTo4OEmbNNrgJAjR0FBOLe3+Ca06uDu1OIghGE/vb9wDD9epp194wXF3fJ7nufvyuL7vO6E6QQMJ/EAWPbxj6KwrCVGu0UcqNCc81NFFVFv7EwzO0TFtCCmhvSnkGYdbQsQjMvp8hC9KYoqls71ecKNPSkgeE8euZF/RFLJCzDLkQO3/FzLCmWXIJT5NId9qnLYIucPHuj5JYoDEhptp4da0FlFZX7hHD1UchZ5zgScsUEZcfxFXa3sXFVypQ5QaY4AZCnhADXNT29vK4RXHesfu6hRvwRnuGyKywWXoZ7Jrya+j+SvAAPnfjoCz07o6AAAAAElFTkSuQmCC");  
704 - width: 80px;  
705 - height: 28px;  
706 - float: left;  
707 - border: none;  
708 - margin-top: 45px;  
709 - background-color: #3a3a3a;  
710 - background-repeat: no-repeat;  
711 - background-position: center center;  
712 - }  
713 -  
714 - .search-list {  
715 - position: absolute;  
716 - top: 73px;  
717 - left: 0;  
718 - z-index: 1000;  
719 - box-sizing: border-box;  
720 - display: none;  
721 - background-color: white;  
722 - padding-top: 20px;  
723 - width: 100%;  
724 - max-height: 500px;  
725 - border-left: 1px solid #000;  
726 - border-right: 1px solid #000;  
727 - border-bottom: 1px solid #000;  
728 - }  
729 -  
730 - .search-item {  
731 - position: relative;  
732 - padding: 5px;  
733 - height: 25px;  
734 - line-height: 25px;  
735 - font: 12px;  
736 - }  
737 - .search-item:hover {  
738 - background-color: #f4f4f4;  
739 - }  
740 -  
741 - .searchvalue {  
742 - position: absolute;  
743 - left: 10px;  
744 - max-width: 192px;  
745 - overflow: hidden;  
746 - text-overflow: ellipsis;  
747 - white-space: nowrap;  
748 - font-size: 12px;  
749 - }  
750 -  
751 - .valuenum {  
752 - position: absolute;  
753 - right: 10px;  
754 - font-size: 12px;  
755 - }  
756 - .header-tool {  
757 - padding-right: 23px;  
758 - }  
759 - .gobuy {  
760 - margin-top: 47px;  
761 - margin-left: 23px;  
762 - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABc0lEQVRIx73VvS9DURjH8W+LTYTZfyBCIhLJM0pMNotJxCJi8xdYJWI0WFkstg6mumn1pxEikXiX2Fgog5dUBUNv5fa62tJzPdNznufc80lO7jknYWbrwDjVcQz0S3rDUSSBsYh6D9DnCqlAs0AaOAn1hlxCiUpiZgPAfqC3KmkyDqgFKAAdfukSGHFgFCXdJIIVM0sBoy63zI/FZKiQiQEBmPsv6C4M7QFPMUBeFeQfUMUO+RHH9m1HQZ5j5BY4ioJ2gaJDKCPp4xsk6RXIO4SyUL7rosJzCHm1oKwj5AE4rAXtACUHUE7S+4+QpGfKP0Wz4VWSZCOTmoitRqBl4LwJZE3S1/uWqDfbzDr/gJQkVd2ZdaEAaEAXkJb0Eup1U376DyRdRX2frE+AmS0BOSAFZMysNdDrBU6BDeDMzIb/DAHTgXwQGAiMJ4B2P28DppqBCqHxfSC/rTP3V9AMcA08AvOSLgK9FWCT8gHPAwtRC3wCDWxrvGA4PUcAAAAASUVORK5CYII=);  
763 - background-repeat: no-repeat;  
764 - width: 30px;  
765 - height: 30px;  
766 - position: relative;  
767 - cursor: pointer;  
768 - }  
769 -  
770 - .gobuy-wrapper {  
771 - position: absolute;  
772 - display: none;  
773 - top: 30px;  
774 - right: -14px;  
775 - width: 378px;  
776 - background-color: #f8f8f8;  
777 - z-index: 10000000;  
778 - }  
779 -  
780 - .gobuy-empty {  
781 - position: absolute;  
782 - width: 100%;  
783 - height: 507px;  
784 - z-index: 1;  
785 - background-image: image-url("header/empty_car.png");  
786 - background-repeat: no-repeat;  
787 - background-position: 106px 132px;  
788 - background-color: #f8f8f8;  
789 - }  
790 - .gobuy-loading {  
791 - position: absolute;  
792 - width: 100%;  
793 - height: 407px;  
794 - z-index: 1;  
795 - background-image: image-url("header/loading.gif");  
796 - background-repeat: no-repeat;  
797 - background-position: center 150px;  
798 - background-color: #f8f8f8;  
799 - }  
800 - .gobuy-loading .information {  
801 - margin-top: 180px;  
802 - width: 100%;  
803 - height: 12px;  
804 - line-height: 12px;  
805 - font-size: 12px;  
806 - text-align: center;  
807 - }  
808 - .gobuy-empty .information {  
809 - margin-top: 300px;  
810 - width: 100%;  
811 - height: 18px;  
812 - line-height: 18px;  
813 - font-size: 18px;  
814 - text-align: center;  
815 - }  
816 -  
817 - .gobuy-notempty {  
818 - position: absolute;  
819 - width: 100%;  
820 - z-index: 1;  
821 - background-color: #f8f8f8;  
822 - overflow: hidden;  
823 - }  
824 -  
825 - .goods-list-wrapper {  
826 - width: 100%;  
827 - max-height: 444px;  
828 - margin-bottom: 19px;  
829 - overflow-y: auto;  
830 - overflow-x: hidden;  
831 - }  
832 -  
833 - .goods-list {  
834 - margin-top: 40px;  
835 - }  
836 -  
837 - .goods-item {  
838 - height: 64px;  
839 - margin-bottom: 18px;  
840 - padding-left: 18px;  
841 - }  
842 - .goods-img {  
843 - display: inline-block;  
844 - float: left;  
845 - width: 46px;  
846 - height: 62px;  
847 - margin-right: 13px;  
848 - }  
849 -  
850 - .goods-detail {  
851 - margin-right: 16px;  
852 - }  
853 - .goods-detail .content {  
854 - overflow: hidden;  
855 - text-overflow: ellipsis;  
856 - white-space: nowrap;  
857 - width: 170px;  
858 - height: 14px;  
859 - line-height: 14px;  
860 - font-size: 14px;  
861 - margin-bottom: 13px;  
862 - a {  
863 - color: #666;  
864 - outline: none;  
865 - text-decoration: none;  
866 - }  
867 - }  
868 - .goods-detail .style {  
869 - height: 14px;  
870 - line-height: 14px;  
871 - font-size: 14px;  
872 - color: #b0b0b0;  
873 - }  
874 -  
875 - .goods-price .priceandnum {  
876 - height: 14px;  
877 - line-height: 14px;  
878 - font-size: 14px;  
879 - margin-bottom: 13px;  
880 - min-width: 75px;  
881 - text-align: right;  
882 - }  
883 - .goods-price .delete {  
884 - display: inline-block;  
885 - float: right;  
886 - font-size: 14px;  
887 - color: #000;  
888 - }  
889 -  
890 - .activity-item {  
891 - margin-bottom: 8px;  
892 - padding-left: 18px;  
893 - }  
894 -  
895 - .activity-name {  
896 - display: inline-block;  
897 - box-sizing:border-box;  
898 - border: none;  
899 - width: 60px;  
900 - height: 18px;  
901 - line-height: 18px;  
902 - background-color: #3a3a3a;  
903 - color: white;  
904 - font-size: 14px;  
905 - text-align: center;  
906 - margin-right: 13px;  
907 - vertical-align: top;  
908 - }  
909 -  
910 - .activity-content {  
911 - display: inline-block;  
912 - line-height: 14px;  
913 - width: 250px;  
914 - color: #3a3a3a;  
915 - font-size: 12px;  
916 - word-break: break-all;  
917 - }  
918 -  
919 - .gobuy-notempty-footer {  
920 - width: 100%;  
921 - height: 61px;  
922 - text-align: center;  
923 - }  
924 - .gobuy-notempty-footer h3 {  
925 - box-sizing: border-box;  
926 - width: 349px;  
927 - margin: 0 auto;  
928 - height: 61px;  
929 - line-height: 61px;  
930 - border-top: 1px solid #dcdcdc;  
931 - }  
932 - .gobuy-notempty-footer a {  
933 - font-size: 18px;  
934 - color: #444;  
935 - }  
936 -  
937 - .ic-infomation {  
938 - position: absolute;  
939 - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzU2RjA1MDYxRjA0MTFFNTk4RkI5QTc3MzJEQjAzQ0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzU2RjA1MDcxRjA0MTFFNTk4RkI5QTc3MzJEQjAzQ0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNTZGMDUwNDFGMDQxMUU1OThGQjlBNzczMkRCMDNDQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNTZGMDUwNTFGMDQxMUU1OThGQjlBNzczMkRCMDNDQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg3/ud0AAAFcSURBVHjavJa9SsNQGIa/1Ig6OJtWcZGYZBXFxWvwD6poNztFsINgb0Jw0MHNTaGLFu/CwQ4OCQgurUl6BxalHt8vHq1Gs5TkvPCQk7/zcJJ850SLHIf+yQTYBOtgGRhglNLzBrrgDjTBteF5L8mLtNC2k8e2wDGYpeHTBvWi7zd+yYKBbAScgBpll1NwWPL9Pu/oJMTXiTPgUrapyce/zzsFARnYAa5sZ40bWNZu/Bg7pjmO7RMoUX4JwZwOczlnEcn+yyxbJTVZY9mSItkiywxFsiLLXtEYU2HTxbuIsJ1U4Ip4ZA9ozCuQ3XNR3+ZUzEma2uP0jLKi5pH1wFHOo6qbz50evzM2X4GVHCZizrkVBpefX+Ng1j+QJbCXoehC9hunQMSyGKw5ogoqoP3j+DDw/RU7Cqug/714elNG2m/BNtgAC1z9cnFNC3fI9doCN6DhdKM/vwUfAgwAy/liVzz2H2sAAAAASUVORK5CYII=);  
940 - width: 27px;  
941 - height: 20px;  
942 - top: -10px;  
943 - right: -15px;  
944 - color: white;  
945 - text-align: center;  
946 - line-height: 20px;  
947 - font-size: 12px;  
948 - }  
949 -  
950 - .float-left {  
951 - float: left;  
952 - }  
953 -  
954 - .float-right {  
955 - float: right;  
956 - }  
957 -  
958 - .showdetail img {  
959 - display: block;  
960 - box-sizing: border-box;  
961 - width: 337px;  
962 - height: 250px;  
963 - }  
964 - .showdetail .title {  
965 - display: block;  
966 - margin-top: 40px;  
967 - width: 100%;  
968 - height: 15px;  
969 - text-align: center;  
970 - line-height: 15px;  
971 - font-size: 14px;  
972 - color: black !important;  
973 - white-space: nowrap;  
974 - overflow: hidden;  
975 - text-overflow: ellipsis;  
976 - }  
977 - .cate_row {  
978 - float:left;  
979 - height:352px;  
980 - box-sizing:border-box;  
981 - }  
982 - .cate_row li {  
983 - box-sizing:border-box;  
984 - }  
985 - .cate_row1 {  
986 - width:253px;  
987 - }  
988 - .cate_row2{  
989 - width:278px;  
990 - border-left:1px solid #ccc;  
991 - padding-left: 50px;  
992 - }  
993 - .cate_row3{  
994 - width: 270px;  
995 - border-left:1px solid #ccc;  
996 - padding-left: 50px;  
997 - }  
998 - .third-nav .cattitle {  
999 - width: 180px;  
1000 - padding-bottom: 10px;  
1001 - border-bottom: 1px solid #000;  
1002 - line-height: 18px;  
1003 - margin-bottom: 20px;  
1004 - }  
1005 - .third-nav .catdetail {  
1006 - line-height: 14px;  
1007 - height: 14px;  
1008 - margin-bottom: 24px;  
1009 - min-width: 200px;  
1010 - }  
1011 - .third-nav .cattitle h3 a{  
1012 - color: black !important;  
1013 - font-size: 14px;  
1014 - }  
1015 - .third-nav .catdetail a {  
1016 - color: #a1a1a1 !important;  
1017 - font-size: 14px;  
1018 - }  
1019 - .thirdcatelink:hover {  
1020 - text-decoration: underline !important ;  
1021 - }  
1022 - .third-nav .catdetail a.hot {  
1023 - color: #ee0011 !important ;  
1024 - }  
1025 - .hovercontent {  
1026 - display: none;  
1027 - }  
1028 - .noticewrapper{  
1029 - width: 100%;  
1030 - height: 100px;  
1031 - background-color: #3a3a3a  
1032 - }  
1033 - .noticecontainer {  
1034 - width: 1150px;  
1035 - margin: 0 auto;  
1036 - }  
1037 - .noticecontainer .noticetitle{  
1038 - padding:0;  
1039 - margin: 0;  
1040 - float: left;  
1041 - height: 100px;  
1042 - line-height: 100px;  
1043 - font-size: 27px;  
1044 - font-weight: bold;  
1045 - color: #fff;  
1046 - width: 245px;  
1047 - font-family: '微软雅黑'  
1048 - }  
1049 - .noticecontainer .noticecontent {  
1050 - width: 853px;  
1051 - float: left;  
1052 - margin-left: 38px;  
1053 - }  
1054 - .noticecontainer .noticecontent .tips {  
1055 - margin-top: 16px;  
1056 - margin-bottom: 10px;  
1057 - color: #fff;  
1058 - font-family: '微软雅黑';  
1059 - font-size: 12px;  
1060 - }  
1061 - .noticecontainer .noticecontent .detail {  
1062 - color: #fff;  
1063 - font-family: '微软雅黑';  
1064 - font-size: 12px;  
1065 - line-height: 16px;  
1066 - }  
1067 -}  
1068 -  
1069 -.simple-header {  
1070 - height: 66px;  
1071 - margin: 0 0 20px 0;  
1072 - border-bottom: 2px solid #222;  
1073 -  
1074 - .header-inner {  
1075 - width: 990px;  
1076 - height: 100%;  
1077 - margin: 0 auto;  
1078 - }  
1079 -  
1080 - .logo {  
1081 - float: left;  
1082 - line-height: 66px;  
1083 - font-size: 0;  
1084 - img {  
1085 - vertical-align: middle;  
1086 - }  
1087 - }  
1088 -}  
1089 -  
1090 -.simple-header .header-tool {  
1091 - float: right;  
1092 - line-height: 66px;  
1093 - font-size: 0;  
1094 - li {  
1095 - @include inline-block;  
1096 - padding: 0 10px;  
1097 - *margin: 19px 0 0;  
1098 - line-height: 28px;  
1099 - font-size: 12px;  
1100 -  
1101 - span, a {  
1102 - font-size: 12px;  
1103 - vertical-align: middle;  
1104 - }  
1105 -  
1106 - .tell-icon {  
1107 - font-size: 12px;  
1108 - }  
1109 - .tell-icon ~ span {  
1110 - font-weight: bold;  
1111 - }  
1112 - }  
1113 - .login-box {  
1114 - a {  
1115 - color: #666;  
1116 - }  
1117 - }  
1118 - .tool-options {  
1119 - position: relative;  
1120 - font-size: 0;  
1121 - cursor: pointer;  
1122 -  
1123 - &:hover {  
1124 - background-color: #eaeceb;  
1125 - .iconfont {  
1126 - &.up {  
1127 - display: inline-block;  
1128 - *display: inline;  
1129 - *zoom: 1;  
1130 - }  
1131 - &.down {  
1132 - display: none;  
1133 - }  
1134 - }  
1135 - }  
1136 - .iconfont, span{  
1137 - @include inline-block;  
1138 - font-size: 12px;  
1139 - height: 28px;  
1140 - line-height: 28px;  
1141 - &.up {  
1142 - display: none;  
1143 - }  
1144 -  
1145 - }  
1146 - .tool-select {  
1147 - display: none;  
1148 - position: absolute;  
1149 - width: 74px;  
1150 - left: 0;  
1151 - background: #eaeceb;  
1152 - z-index: 9;  
1153 - a {  
1154 - display: block;  
1155 - padding: 0 0 0 10px;  
1156 - border-top: 1px solid #ddd;  
1157 - }  
1158 - }  
1159 - }  
1160 -}  
1161 -@media (max-width:1180px) {  
1162 - .yoho-header {  
1163 - .header-topwrapper {  
1164 - min-width: 990px;  
1165 - }  
1166 - .header-top {  
1167 - width: 990px;  
1168 - }  
1169 - .header-navwrapper {  
1170 - min-width: 990px;  
1171 - }  
1172 - .header-wrapper {  
1173 - width: 990px;  
1174 - }  
1175 - .header-navcontent {  
1176 - width: 990px;  
1177 - }  
1178 - .icon-logo {  
1179 - left: 39.2%;  
1180 - .main-link {  
1181 - display: block;  
1182 - width: 100%;  
1183 - height: 100%;  
1184 - }  
1185 - }  
1186 - .sub-nav-list {  
1187 - width: 990px;  
1188 - min-width: 990px;  
1189 - }  
1190 - .sub-nav-item {  
1191 - margin-right:15px;  
1192 - }  
1193 - .first-nav-item {  
1194 - float: left;  
1195 - padding: 10px 14px 0;  
1196 - margin-right: 3px;  
1197 - }  
1198 - .third-nav {  
1199 - width: 990px;  
1200 - }  
1201 - .third-nav-wrapper {  
1202 - min-width: 990px;  
1203 - }  
1204 - .category {  
1205 - width: 800px;  
1206 - }  
1207 - .cate_row1 {  
1208 - width: 204px;  
1209 - }  
1210 - .cate_row2 {  
1211 - width: 244px;  
1212 - border-left: 1px solid #ccc;  
1213 - padding-left: 39px;  
1214 - }  
1215 - .cate_row3 {  
1216 - width: 163px;  
1217 - border-left: 1px solid #ccc;  
1218 - padding-left: 28px;  
1219 - }  
1220 - .category .thirdnavlist {  
1221 - width: 200px;  
1222 - }  
1223 - .category-title {  
1224 - width: 152px;  
1225 - }  
1226 - .showdetail {  
1227 - width: 190px;  
1228 - padding-right: 0;  
1229 - img {  
1230 - width: 174px;  
1231 - height: 155px;  
1232 - }  
1233 - }  
1234 - }  
1235 -}  
1236 -#cover {  
1237 - left: 0px;  
1238 - top: 0px;  
1239 - width: 100%;  
1240 - height: 100%;  
1241 - position: fixed;  
1242 - z-index: 1001;  
1243 -}  
1244 -#cover .con {  
1245 - background: rgba(0, 0, 0, 0.6) !important;  
1246 - left: 0px;  
1247 - top: 0px;  
1248 - width: 100%;  
1249 - height: 100%;  
1250 - position: absolute;  
1251 - z-index: 1002;  
1252 - opacity: 0.5;  
1253 - -moz-opacity: 0.5;  
1254 -}  
1255 -#cover .tag_img_warpper {  
1256 - margin: 0px auto;  
1257 - width: 180px;  
1258 - height: 168px;  
1259 -}  
1260 -#cover .tag_img_warpper img {  
1261 - width: 100%;  
1262 - height: 100%;  
1263 -}  
1264 -#cover .guide-box {  
1265 - background: rgb(255, 255, 255);  
1266 - margin: 0px auto;  
1267 - height: 400px;  
1268 - position: relative;  
1269 - z-index: 1003;  
1270 -}  
1271 -#cover .guide-box .close {  
1272 - top: -15px;  
1273 - text-align: center;  
1274 - right: -15px;  
1275 - color: rgb(255, 255, 255);  
1276 - line-height: 22px;  
1277 - font-size: 24px;  
1278 - position: absolute;  
1279 -}  
1280 -#cover .guide-box .close {  
1281 - background: rgb(0, 0, 0);  
1282 - border-radius: 50px;  
1283 - border: currentColor;  
1284 - border-image: none;  
1285 - width: 28px;  
1286 - height: 28px;  
1287 - line-height: 25px;  
1288 - display: block;  
1289 - -moz-border-radius: 50px;  
1290 - -webkit-border-radius: 50px;  
1291 -}  
1292 -#cover .guide-box ul li {  
1293 - padding: 10px;  
1294 - width: 200px;  
1295 - height: 400px;  
1296 - float: left;  
1297 - box-sizing: border-box;  
1298 -}  
1299 -#cover .guide-box ul li.girls {  
1300 - border-left-color: rgb(238, 238, 238);  
1301 - border-left-width: 1px;  
1302 - border-left-style: solid;  
1303 -}  
1304 -#cover .guide-box ul li.lifestyle {  
1305 - border-left-color: rgb(238, 238, 238);  
1306 - border-left-width: 1px;  
1307 - border-left-style: solid;  
1308 -}  
1309 -#cover .guide-box ul li.kids {  
1310 - border-left-color: rgb(238, 238, 238);  
1311 - border-left-width: 1px;  
1312 - border-left-style: solid;  
1313 -}  
1314 -#cover .guide-box ul li.boys .goods-num {  
1315 - text-align: center;  
1316 - color: rgb(187, 187, 187);  
1317 - line-height: 12px;  
1318 - font-size: 12px;  
1319 - margin-top: 16px;  
1320 -}  
1321 -#cover .guide-box ul li.girls .goods-num {  
1322 - text-align: center;  
1323 - color: rgb(187, 187, 187);  
1324 - line-height: 12px;  
1325 - font-size: 12px;  
1326 - margin-top: 16px;  
1327 -}  
1328 -#cover .guide-box ul li.kids .goods-num {  
1329 - text-align: center;  
1330 - color: rgb(187, 187, 187);  
1331 - line-height: 12px;  
1332 - font-size: 12px;  
1333 - margin-top: 16px;  
1334 -}  
1335 -#cover .guide-box ul li.lifestyle .goods-num {  
1336 - text-align: center;  
1337 - color: rgb(187, 187, 187);  
1338 - line-height: 12px;  
1339 - font-size: 12px;  
1340 - margin-top: 16px;  
1341 -}  
1342 -#cover .guide-box ul li a.go {  
1343 - margin: 26px auto 0px;  
1344 - width: 100%;  
1345 - height: 18px;  
1346 - text-align: center;  
1347 - color: rgb(176, 176, 176);  
1348 - line-height: 18px;  
1349 - font-size: 18px;  
1350 - font-style: italic;  
1351 - font-weight: lighter;  
1352 - display: block;  
1353 -}  
1354 -#cover .boys .block_cn {  
1355 - text-align: center;  
1356 - line-height: 26px;  
1357 - font-size: 26px;  
1358 - font-weight: bold;  
1359 - margin-top: 30px;  
1360 -}  
1361 -#cover .girls .block_cn {  
1362 - text-align: center;  
1363 - line-height: 26px;  
1364 - font-size: 26px;  
1365 - font-weight: bold;  
1366 - margin-top: 30px;  
1367 -}  
1368 -#cover .kids .block_cn {  
1369 - text-align: center;  
1370 - line-height: 26px;  
1371 - font-size: 26px;  
1372 - font-weight: bold;  
1373 - margin-top: 30px;  
1374 -}  
1375 -#cover .lifestyle .block_cn {  
1376 - text-align: center;  
1377 - line-height: 26px;  
1378 - font-size: 26px;  
1379 - font-weight: bold;  
1380 - margin-top: 30px;  
1381 -}  
1382 -#cover .boys .block_cn {  
1383 - color: black;  
1384 -}  
1385 -#cover .boys .block_en {  
1386 - color: black;  
1387 -}  
1388 -#cover .girls .block_cn {  
1389 - color: rgb(255, 136, 174);  
1390 -}  
1391 -#cover .girls .block_en {  
1392 - color: rgb(255, 136, 174);  
1393 -}  
1394 -#cover .kids .block_cn {  
1395 - color: rgb(122, 217, 248);  
1396 -}  
1397 -#cover .kids .block_en {  
1398 - color: rgb(122, 217, 248);  
1399 -}  
1400 -#cover .lifestyle .block_cn {  
1401 - color: rgb(79, 64, 55) !important;  
1402 -}  
1403 -#cover .lifestyle .block_en {  
1404 - color: rgb(79, 64, 55) !important;  
1405 -}  
1406 -#cover .boys .block_en {  
1407 - text-align: center;  
1408 - line-height: 26px;  
1409 - font-size: 26px;  
1410 - font-weight: bold;  
1411 - margin-top: 19px;  
1412 -}  
1413 -#cover .girls .block_en {  
1414 - text-align: center;  
1415 - line-height: 26px;  
1416 - font-size: 26px;  
1417 - font-weight: bold;  
1418 - margin-top: 19px;  
1419 -}  
1420 -#cover .kids .block_en {  
1421 - text-align: center;  
1422 - line-height: 26px;  
1423 - font-size: 26px;  
1424 - font-weight: bold;  
1425 - margin-top: 19px;  
1426 -}  
1427 -#cover .lifestyle .block_en {  
1428 - text-align: center;  
1429 - line-height: 26px;  
1430 - font-size: 26px;  
1431 - font-weight: bold;  
1432 - margin-top: 19px;  
1433 -}  
1434 -#cover .boys .block_line {  
1435 - margin: 20px auto 0px;  
1436 - width: 50px;  
1437 - height: 0px;  
1438 - border-bottom-color: rgb(204, 204, 204);  
1439 - border-bottom-width: 1px;  
1440 - border-bottom-style: solid;  
1441 -}  
1442 -#cover .girls .block_line {  
1443 - margin: 20px auto 0px;  
1444 - width: 50px;  
1445 - height: 0px;  
1446 - border-bottom-color: rgb(204, 204, 204);  
1447 - border-bottom-width: 1px;  
1448 - border-bottom-style: solid;  
1449 -}  
1450 -#cover .kids .block_line {  
1451 - margin: 20px auto 0px;  
1452 - width: 50px;  
1453 - height: 0px;  
1454 - border-bottom-color: rgb(204, 204, 204);  
1455 - border-bottom-width: 1px;  
1456 - border-bottom-style: solid;  
1457 -}  
1458 -#cover .lifestyle .block_line {  
1459 - margin: 20px auto 0px;  
1460 - width: 50px;  
1461 - height: 0px;  
1462 - border-bottom-color: rgb(204, 204, 204);  
1463 - border-bottom-width: 1px;  
1464 - border-bottom-style: solid;  
1465 -}  
1 -.pager {  
2 - font-size: 12px;  
3 -  
4 - a {  
5 - height: 24px;  
6 - padding: 0 9px;  
7 - line-height: 24px;  
8 - display: inline-block;  
9 - text-align: center;  
10 - margin-right: 8px;  
11 - color: #222;  
12 -  
13 - &.cur {  
14 - background-color: #222;  
15 - color: #fff;  
16 - }  
17 - }  
18 -}  
1 -.path-nav {  
2 - font-size: 12px;  
3 - padding: 15px 0;  
4 - height: 18px;  
5 - line-height: 18px;  
6 - border-bottom: 1px solid #eaeceb;  
7 - margin-bottom: 15px;  
8 -  
9 - a {  
10 - color: #666;  
11 - }  
12 -  
13 - .iconfont {  
14 - font-size: 12px;  
15 - }  
16 -}  
1 -@charset "utf-8";  
2 -  
3 -@import "compass",  
4 - "compass/reset",  
5 - "header",  
6 - "footer",  
7 - "path-nav",  
8 - "plugin/slider",  
9 - "pager";  
10 -  
11 -b {  
12 - font-weight: bold;  
13 -}  
14 -  
15 -body {  
16 - font-family: arial,"Microsoft YaHei";  
17 -}  
18 -  
19 -@font-face {  
20 - font-family: "iconfont";  
21 - src: font-url('iconfont.eot'); /* IE9*/  
22 - src: font-url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  
23 - font-url('iconfont.woff') format('woff'), /* chrome、firefox */  
24 - font-url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/  
25 - font-url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */  
26 -}  
27 -  
28 -.iconfont {  
29 - font-family: "iconfont" !important;  
30 - font-size: 16px;  
31 - font-style: normal;  
32 - text-decoration: none;  
33 - -webkit-font-smoothing: antialiased;  
34 - -webkit-text-stroke-width: 0.2px;  
35 - -moz-osx-font-smoothing: grayscale;  
36 -}  
37 -  
38 -.clearfix:before,  
39 -.clearfix:after {  
40 - content: "";  
41 - display: table;  
42 -}  
43 -  
44 -.clearfix:after {  
45 - clear: both;  
46 -}  
47 -  
48 -.clearfix {  
49 - *zoom: 1;  
50 -}  
51 -  
52 -ol, ul {  
53 - list-style: none;  
54 -}  
55 -  
56 -a {  
57 - text-decoration: none;  
58 - color: #000;  
59 -}  
60 -  
61 -.hide {  
62 - display: none !important;  
63 -}  
64 -  
65 -.pull-left {  
66 - float: left;  
67 -}  
68 -  
69 -.pull-right {  
70 - float: right;  
71 -}  
72 -  
73 -a:focus {  
74 - outline: none;  
75 -}  
76 -  
77 -input,textarea {  
78 - outline: none;  
79 -}  
80 -  
81 -.center-content {  
82 - width: 1150px;  
83 - margin-left: auto;  
84 - margin-right: auto;  
85 -}  
86 -  
87 -.min-screen .center-content {  
88 - width: 990px;  
89 -}  
90 -  
91 -@import "home/index", "product/index", "guang/index", "passport/index", "error", "order/index", "sale/index";  
1 -.sale-page {  
2 - margin-top: 10px;  
3 -  
4 - .slide-container {  
5 - position: relative;  
6 - height: 450px;  
7 - overflow: hidden;  
8 - }  
9 -  
10 - .activity-entry {  
11 - margin: 10px 0;  
12 -  
13 - .entry-item {  
14 - display: block;  
15 - width: 377px;  
16 - margin-right: 10px;  
17 - padding: 24px 0;  
18 - background: #f5f5f5;  
19 -  
20 - &.first,  
21 - &.last {  
22 - width: 376px;  
23 - }  
24 -  
25 - &.last {  
26 - margin-right: 0;  
27 - }  
28 - }  
29 -  
30 - .entry-text {  
31 - padding-left: 160px;  
32 - font-size: 16px;  
33 - }  
34 -  
35 - .icon {  
36 - width: 70px;  
37 - height: 70px;  
38 - margin-left: 48px;  
39 - background-repeat: no-repeat;  
40 -  
41 - &.vip {  
42 - background-image: image-url('sale/for-vip.png');  
43 - }  
44 -  
45 - &.discount {  
46 - background-image: image-url('sale/discount.png');  
47 - }  
48 -  
49 - &.off-price {  
50 - background-image: image-url('sale/off-price.png');  
51 - }  
52 - }  
53 -  
54 - .title {  
55 - font-size: 26px;  
56 - font-weight: bold;  
57 - line-height: 48px;  
58 - }  
59 - }  
60 -  
61 - .floor-title {  
62 - margin: 80px auto 40px;  
63 - width: 300px;  
64 - font-size: 16px;  
65 - line-height: 30px;  
66 - text-align: center;  
67 - border: 1px solid #000;  
68 - }  
69 -  
70 - .brand-sale {  
71 - .sale-group-big {  
72 - width: 1150px + 8px;  
73 -  
74 - .item {  
75 - width: 378px;  
76 - margin-right: 8px;  
77 - margin-bottom: 10px;  
78 - }  
79 -  
80 - .pic {  
81 - position: relative;  
82 - height: 400px;  
83 - }  
84 -  
85 - .time {  
86 - @include box-sizing(border-box);  
87 - position: absolute;  
88 - left: 0;  
89 - bottom: 0;  
90 - width: 100%;  
91 - padding: 0 10px;  
92 - font-size: 16px;  
93 - line-height: 30px;  
94 - text-align: right;  
95 - color: #fff;  
96 - background: #4e4e4e;  
97 - }  
98 -  
99 - .detail {  
100 - background: #f5f5f5;  
101 - }  
102 -  
103 - .brand {  
104 - margin: 24px 10px 0;  
105 - }  
106 -  
107 - .text {  
108 - padding: 24px 10px 24px 0;  
109 - font-size: 14px;  
110 - color: #fd5659;  
111 - }  
112 -  
113 - .discount {  
114 - font-size: 28px;  
115 - font-weight: bold;  
116 -  
117 - .num {  
118 - font-size: 40px;  
119 - }  
120 - }  
121 - }  
122 -  
123 - .sale-group {  
124 - width: 1150px + 8px;  
125 -  
126 - .item {  
127 - width: 185px;  
128 - margin-right: 8px;  
129 - margin-bottom: 10px;  
130 - }  
131 -  
132 - .pic {  
133 - width: 100%;  
134 - display: block;  
135 - }  
136 -  
137 - .detail {  
138 - padding: 14px 10px;  
139 - background: #f5f5f5;  
140 - text-align: center;  
141 - line-height: 20px;  
142 - }  
143 -  
144 - .title {  
145 - font-size: 12px;  
146 - }  
147 -  
148 - .time {  
149 - font-size: 14px;  
150 - }  
151 - }  
152 - }  
153 -  
154 - .sale-nav li {  
155 - float: left;  
156 - width: 20%;  
157 - height: 40px;  
158 - line-height: 40px;  
159 - background-color: #e0e0e0;  
160 - text-align: center;  
161 - background-color: #f5f5f5;  
162 - color: #6d6d6d;  
163 - margin-bottom: 10px;  
164 - &.active {  
165 - color: #fff;  
166 - background-repeat: no-repeat;  
167 - background-size: 100% 100%;  
168 - }  
169 - &.green {  
170 - &.active {  
171 - color: #fff;  
172 - background-image: image-url("sale/navactive-green-middle.png");  
173 - background-repeat: no-repeat;  
174 - background-size: 100% 100%;  
175 - }  
176 - &.first.active {  
177 - background-image: image-url("sale/navactive-green-first.png");  
178 - }  
179 - &.last.active {  
180 - background-image: image-url("sale/navactive-green-last.png");  
181 - }  
182 - }  
183 - &.yellow {  
184 - &.active {  
185 - color: #fff;  
186 - background-image: image-url("sale/navactive-yellow-middle.png");  
187 - background-repeat: no-repeat;  
188 - background-size: 100% 100%;  
189 - }  
190 - &.first.active {  
191 - background-image: image-url("sale/navactive-yellow-first.png");  
192 - }  
193 - &.last.active {  
194 - background-image: image-url("sale/navactive-yellow-last.png");  
195 - }  
196 - }  
197 - &.red {  
198 - &.active {  
199 - color: #fff;  
200 - background-image: image-url("sale/navactive-red-middle.png");  
201 - background-repeat: no-repeat;  
202 - background-size: 100% 100%;  
203 - }  
204 - &.first.active {  
205 - background-image: image-url("sale/navactive-red-first.png");  
206 - }  
207 - &.last.active {  
208 - background-image: image-url("sale/navactive-red-last.png");  
209 - }  
210 - }  
211 - }  
212 -  
213 - @media screen and (min-width: 1150px) {  
214 - .floor-header {  
215 - margin: 80px 0 40px;  
216 - .header-navs li {  
217 - padding: 1px 15px;  
218 - }  
219 - }  
220 - }  
221 -  
222 - .commodity-list ul {  
223 - width: 1004px;  
224 - }  
225 -  
226 - .commodity-item {  
227 - float: left;  
228 - width: 241px;  
229 - margin: 0 10px 0 0;  
230 - }  
231 -  
232 - .commodity-img {  
233 - position: relative;  
234 - height: 323px;  
235 - text-align: center;  
236 - img {  
237 - width: 100%;  
238 - height: 100%;  
239 - vertical-align: middle;  
240 - }  
241 - .top-tag {  
242 - position: absolute;  
243 - width: 60px;  
244 - height: 60px;  
245 - top: 10px;  
246 - right: 10px;  
247 - line-height: 60px;  
248 - background: url('../assets/images/furniture/top-tag-bg.png?1450667948');  
249 - font-size: 20px;  
250 - color: #fff;  
251 - }  
252 - .few-tag {  
253 - position: absolute;  
254 - bottom: 0;  
255 - width: 100%;  
256 - height: 20px;  
257 - background: #ffac5b;  
258 - color: #fff;  
259 - line-height: 20px;  
260 - text-align: center;  
261 - font-size: 12px;  
262 - }  
263 - }  
264 -  
265 - .commodity-content {  
266 - padding: 10px 0 0 0;  
267 - height: 69px;  
268 - overflow: hidden;  
269 - .commodity-name {  
270 - font-size: 12px;  
271 - color: #000;  
272 - line-height: 18px;  
273 - text-align: center;  
274 - }  
275 - .commodity-price {  
276 - position: relative;  
277 - margin: 3px 0 0 0;  
278 - text-align: center;  
279 - line-height: 20px;  
280 - color: #000;  
281 - span {  
282 - display: inline-block;  
283 - *display: inline;  
284 - *zoom: 1;  
285 - font-size: 12px;  
286 - padding: 0 15px;  
287 - &.origin {  
288 - text-decoration: line-through;  
289 - }  
290 - }  
291 - strong {  
292 - font-weight: normal;  
293 - color: #565656;  
294 - font-size: 13px;  
295 - }  
296 - span.vip-tag {  
297 - background-image: image-url("sale/vip.png");  
298 - background-repeat: no-repeat;  
299 - background-size: 100% 90%;  
300 - color: #fff;  
301 - font-style: italic;  
302 - margin-right: 5px;  
303 - }  
304 - .price-sale {  
305 - margin-left: 10px;  
306 - padding-left: 10px;  
307 - width: 36px;  
308 - height: 20px;  
309 - line-height: 20px;  
310 - background: url('../assets/images/furniture/sale-tag-bg.png?1450667948');  
311 - color: #fff;  
312 - }  
313 - }  
314 - }  
315 -  
316 - @media screen and (min-width: 1150px) {  
317 - .commodity-list ul {  
318 - width: 1160px;  
319 - }  
320 - .commodity-item {  
321 - width: 280px;  
322 - }  
323 - .commodity-img {  
324 - height: 374px;  
325 - }  
326 - .commodity-content {  
327 - padding: 14px 0 0 0;  
328 - height: 77px;  
329 - }  
330 - }  
331 -  
332 -}  
333 -  
334 -.sale-list-page {  
335 -  
336 - .sale-title {  
337 - margin: 30px 0;  
338 - font-size: 12px;  
339 - line-height: 26px;  
340 -  
341 - .title {  
342 - margin-right: 20px;  
343 - font-size: 16px;  
344 - }  
345 -  
346 - .discount {  
347 - display: inline-block;  
348 - margin-right: 10px;  
349 - padding: 0 10px;  
350 - font-weight: lighter;  
351 - line-height: 16px;  
352 - vertical-align: text-bottom;  
353 - color: #fff;  
354 - background: #ff575c;  
355 - }  
356 -  
357 - .time {  
358 - .iconfont {  
359 - margin-right: 5px;  
360 - }  
361 - }  
362 - }  
363 -  
364 - .sort {  
365 - padding: 10px;  
366 - border: 1px solid #eaeceb;  
367 -  
368 - li {  
369 - display: inline-block;  
370 - margin-right: 15px;  
371 - padding: 0 10px;  
372 - font-size: 12px;  
373 - line-height: 20px;  
374 - color: #444;  
375 -  
376 - &.title {  
377 - margin-right: 0;  
378 - font-weight: bold;  
379 - }  
380 -  
381 - &.active {  
382 - color: #666;  
383 - border: 1px solid #000;  
384 - }  
385 - }  
386 - }  
387 -}