Showing
13 changed files
with
16 additions
and
3101 deletions
| @@ -21,8 +21,8 @@ | @@ -21,8 +21,8 @@ | ||
| 21 | {{/dnsPrefetch.hosts}} | 21 | {{/dnsPrefetch.hosts}} |
| 22 | 22 | ||
| 23 | {{#if devEnv}} | 23 | {{#if devEnv}} |
| 24 | - <link rel="stylesheet" href="//{{devHost}}:5002/css/base.css"> | ||
| 25 | - <link rel="stylesheet" href="//{{devHost}}:5002/css/{{#if cssModule}}{{cssModule}}.css{{^}}{{module}}.css{{/if}}"> | 24 | + <link rel="stylesheet" href="//{{devHost}}:5002/base.css"> |
| 25 | + <link rel="stylesheet" href="//{{devHost}}:5002/{{#if cssModule}}{{cssModule}}.css{{^}}{{module}}.css{{/if}}"> | ||
| 26 | {{^}} | 26 | {{^}} |
| 27 | <link rel="stylesheet" href="//{{#isEqual cdn 'qcloud'}}qcdn.yoho.cn{{^}}cdn.yoho.cn{{/isEqual}}/yohobuy-node/{{version}}/base.css"> | 27 | <link rel="stylesheet" href="//{{#isEqual cdn 'qcloud'}}qcdn.yoho.cn{{^}}cdn.yoho.cn{{/isEqual}}/yohobuy-node/{{version}}/base.css"> |
| 28 | <link rel="stylesheet" href="//{{#isEqual cdn 'qcloud'}}qcdn.yoho.cn{{^}}cdn.yoho.cn{{/isEqual}}/yohobuy-node/{{version}}/{{#if cssModule}}{{cssModule}}.css{{^}}{{module}}.css{{/if}}"> | 28 | <link rel="stylesheet" href="//{{#isEqual cdn 'qcloud'}}qcdn.yoho.cn{{^}}cdn.yoho.cn{{/isEqual}}/yohobuy-node/{{version}}/{{#if cssModule}}{{cssModule}}.css{{^}}{{module}}.css{{/if}}"> |
| 1 | -.about-page { | ||
| 2 | - width: 990px; | ||
| 3 | - padding: 10px 0 20px; | ||
| 4 | - | ||
| 5 | - .about-nav { | ||
| 6 | - width: 210px; | ||
| 7 | - padding: 10px 20px; | ||
| 8 | - background-color: #ebe9ea; | ||
| 9 | - border: 1px solid #d7d7d7; | ||
| 10 | - border-radius: 5px; | ||
| 11 | - | ||
| 12 | - li { | ||
| 13 | - line-height: 30px; | ||
| 14 | - font-size: 12px; | ||
| 15 | - text-align: center; | ||
| 16 | - border-bottom: #ddd 1px solid; | ||
| 17 | - border-top: #fff 1px solid; | ||
| 18 | - | ||
| 19 | - a { | ||
| 20 | - color: #333; | ||
| 21 | - font-weight: bold; | ||
| 22 | - } | ||
| 23 | - | ||
| 24 | - a:hover { | ||
| 25 | - color: #f60; | ||
| 26 | - } | ||
| 27 | - } | ||
| 28 | - | ||
| 29 | - li:first-child { | ||
| 30 | - border-top: 0; | ||
| 31 | - } | ||
| 32 | - | ||
| 33 | - .act { | ||
| 34 | - a { | ||
| 35 | - color: #ed004c; | ||
| 36 | - cursor: pointer; | ||
| 37 | - } | ||
| 38 | - | ||
| 39 | - a:hover { | ||
| 40 | - color: #ed004c; | ||
| 41 | - } | ||
| 42 | - } | ||
| 43 | - } | ||
| 44 | -} | ||
| 45 | -/* stylelint-disable */ | 1 | +@import "base"; |
| 46 | @import "yohobuy"; | 2 | @import "yohobuy"; |
| 47 | @import "newpower"; | 3 | @import "newpower"; |
| 48 | @import "contact"; | 4 | @import "contact"; |
| 49 | @import "link"; | 5 | @import "link"; |
| 50 | @import "privacy"; | 6 | @import "privacy"; |
| 51 | -/* stylelint-enable */ |
| 1 | -.home-page { | ||
| 2 | - width: 1150px; | ||
| 3 | - margin: 10px auto 0; | ||
| 4 | - | ||
| 5 | - .slide-container { | ||
| 6 | - position: absolute; | ||
| 7 | - left: 0; | ||
| 8 | - right: 0; | ||
| 9 | - height: 450px; | ||
| 10 | - } | ||
| 11 | - | ||
| 12 | - .slide-thumb-container { | ||
| 13 | - height: 510px; | ||
| 14 | - } | ||
| 15 | - | ||
| 16 | - .slide-wrapper { | ||
| 17 | - position: relative; | ||
| 18 | - height: 450px; | ||
| 19 | - overflow: hidden; | ||
| 20 | - | ||
| 21 | - ul { | ||
| 22 | - position: relative; | ||
| 23 | - height: 100%; | ||
| 24 | - } | ||
| 25 | - | ||
| 26 | - &:hover .slide-switch.show { | ||
| 27 | - display: block; | ||
| 28 | - } | ||
| 29 | - | ||
| 30 | - li { | ||
| 31 | - display: none; | ||
| 32 | - position: absolute; | ||
| 33 | - top: 0; | ||
| 34 | - right: 0; | ||
| 35 | - width: 100%; | ||
| 36 | - height: 100%; | ||
| 37 | - | ||
| 38 | - a { | ||
| 39 | - display: block; | ||
| 40 | - height: 100%; | ||
| 41 | - width: 1150px; | ||
| 42 | - margin: 0 auto; | ||
| 43 | - } | ||
| 44 | - | ||
| 45 | - &:first-child { | ||
| 46 | - display: block; | ||
| 47 | - } | ||
| 48 | - | ||
| 49 | - img { | ||
| 50 | - width: 100%; | ||
| 51 | - height: 100%; | ||
| 52 | - } | ||
| 53 | - } | ||
| 54 | - } | ||
| 55 | - | ||
| 56 | - .slide-container-placeholder { | ||
| 57 | - height: 450px; | ||
| 58 | - width: 100%; | ||
| 59 | - } | ||
| 60 | - | ||
| 61 | - .slide-thumb-container-placeholder { | ||
| 62 | - height: 510px; | ||
| 63 | - } | ||
| 64 | - | ||
| 65 | - .slide-switch { | ||
| 66 | - display: block; | ||
| 67 | - | ||
| 68 | - a { | ||
| 69 | - position: absolute; | ||
| 70 | - top: 50%; | ||
| 71 | - margin: -30px 0 0; | ||
| 72 | - width: 60px; | ||
| 73 | - height: 60px; | ||
| 74 | - line-height: 56px; | ||
| 75 | - text-align: center; | ||
| 76 | - z-index: 2; | ||
| 77 | - background: #fff; | ||
| 78 | - opacity: 0.55; | ||
| 79 | - | ||
| 80 | - &.prev { | ||
| 81 | - left: 50%; | ||
| 82 | - margin-left: -575px; | ||
| 83 | - } | ||
| 84 | - | ||
| 85 | - &.next { | ||
| 86 | - right: 50%; | ||
| 87 | - margin-right: -575px; | ||
| 88 | - } | ||
| 89 | - | ||
| 90 | - &:hover { | ||
| 91 | - opacity: 0.9; | ||
| 92 | - } | ||
| 93 | - | ||
| 94 | - .iconfont { | ||
| 95 | - font-size: 32px; | ||
| 96 | - color: #59585a; | ||
| 97 | - } | ||
| 98 | - } | ||
| 99 | - } | ||
| 100 | - | ||
| 101 | - .thumb-pagination { | ||
| 102 | - width: 1148px; | ||
| 103 | - margin: 6px auto 0; | ||
| 104 | - padding-left: 2px; | ||
| 105 | - | ||
| 106 | - li { | ||
| 107 | - position: relative; | ||
| 108 | - float: left; | ||
| 109 | - margin-left: 6px; | ||
| 110 | - width: 138px; | ||
| 111 | - height: 54px; | ||
| 112 | - | ||
| 113 | - &:first-child { | ||
| 114 | - margin: 0; | ||
| 115 | - } | ||
| 116 | - | ||
| 117 | - &.focus a { | ||
| 118 | - opacity: 0; | ||
| 119 | - } | ||
| 120 | - | ||
| 121 | - a { | ||
| 122 | - position: absolute; | ||
| 123 | - left: 0; | ||
| 124 | - right: 0; | ||
| 125 | - bottom: 0; | ||
| 126 | - top: 0; | ||
| 127 | - background: #000; | ||
| 128 | - opacity: 0.3; | ||
| 129 | - } | ||
| 130 | - | ||
| 131 | - img { | ||
| 132 | - width: 100%; | ||
| 133 | - height: 100%; | ||
| 134 | - } | ||
| 135 | - } | ||
| 136 | - } | ||
| 137 | - | ||
| 138 | - /* 大banner圆点 */ | ||
| 139 | - .slide-pagination { | ||
| 140 | - font-size: 0; | ||
| 141 | - | ||
| 142 | - .slide-shade { | ||
| 143 | - position: absolute; | ||
| 144 | - left: 0; | ||
| 145 | - right: 0; | ||
| 146 | - top: 0; | ||
| 147 | - bottom: 0; | ||
| 148 | - background: #000; | ||
| 149 | - opacity: 0.3; | ||
| 150 | - border-radius: 13px; | ||
| 151 | - } | ||
| 152 | - | ||
| 153 | - span { | ||
| 154 | - position: relative; | ||
| 155 | - display: inline-block; | ||
| 156 | - margin: 0 7px; | ||
| 157 | - width: 12px; | ||
| 158 | - height: 12px; | ||
| 159 | - background: #fff; | ||
| 160 | - cursor: pointer; | ||
| 161 | - opacity: 0.6; | ||
| 162 | - border-radius: 6px; | ||
| 163 | - z-index: 2; | ||
| 164 | - | ||
| 165 | - &.focus { | ||
| 166 | - opacity: 1; | ||
| 167 | - } | ||
| 168 | - } | ||
| 169 | - } | ||
| 170 | - | ||
| 171 | - .debris-slider { | ||
| 172 | - height: 510px; | ||
| 173 | - width: 100%; | ||
| 174 | - | ||
| 175 | - .col { | ||
| 176 | - float: left; | ||
| 177 | - | ||
| 178 | - a { | ||
| 179 | - display: block; | ||
| 180 | - } | ||
| 181 | - } | ||
| 182 | - | ||
| 183 | - .left-col a, | ||
| 184 | - .right-col a { | ||
| 185 | - margin-bottom: 10px; | ||
| 186 | - | ||
| 187 | - &:last-child { | ||
| 188 | - margin-bottom: 0; | ||
| 189 | - } | ||
| 190 | - } | ||
| 191 | - | ||
| 192 | - .right-col img, | ||
| 193 | - .left-col img { | ||
| 194 | - height: 100%; | ||
| 195 | - width: 100%; | ||
| 196 | - } | ||
| 197 | - | ||
| 198 | - .left-col { | ||
| 199 | - margin-right: 10px; | ||
| 200 | - | ||
| 201 | - a { | ||
| 202 | - width: 280px; | ||
| 203 | - height: 120px; | ||
| 204 | - } | ||
| 205 | - | ||
| 206 | - a:first-child { | ||
| 207 | - height: 250px; | ||
| 208 | - } | ||
| 209 | - } | ||
| 210 | - | ||
| 211 | - .center-col { | ||
| 212 | - position: relative; | ||
| 213 | - width: 570px; | ||
| 214 | - height: 100%; | ||
| 215 | - margin-right: 10px; | ||
| 216 | - font-size: 0; | ||
| 217 | - | ||
| 218 | - &:hover { | ||
| 219 | - .slide-switch.show { | ||
| 220 | - display: block; | ||
| 221 | - } | ||
| 222 | - } | ||
| 223 | - | ||
| 224 | - .slide-wrapper { | ||
| 225 | - height: 100%; | ||
| 226 | - | ||
| 227 | - a { | ||
| 228 | - width: 100%; | ||
| 229 | - } | ||
| 230 | - } | ||
| 231 | - | ||
| 232 | - .slide-switch { | ||
| 233 | - a.prev { | ||
| 234 | - left: 0; | ||
| 235 | - margin-left: 0; | ||
| 236 | - } | ||
| 237 | - | ||
| 238 | - a.next { | ||
| 239 | - right: 0; | ||
| 240 | - margin-right: 0; | ||
| 241 | - } | ||
| 242 | - } | ||
| 243 | - | ||
| 244 | - img { | ||
| 245 | - max-width: 100%; | ||
| 246 | - max-height: 100%; | ||
| 247 | - } | ||
| 248 | - } | ||
| 249 | - | ||
| 250 | - .right-col a { | ||
| 251 | - width: 280px; | ||
| 252 | - height: 120px; | ||
| 253 | - } | ||
| 254 | - | ||
| 255 | - .right-col a:first-child { | ||
| 256 | - height: 380px; | ||
| 257 | - margin-bottom: 11px; | ||
| 258 | - } | ||
| 259 | - } | ||
| 260 | - | ||
| 261 | - .new-report { | ||
| 262 | - .report-list { | ||
| 263 | - float: left; | ||
| 264 | - width: 868px; | ||
| 265 | - | ||
| 266 | - li { | ||
| 267 | - float: left; | ||
| 268 | - margin: 0 8px 8px 0; | ||
| 269 | - width: 185px; | ||
| 270 | - height: 248px; | ||
| 271 | - overflow: hidden; | ||
| 272 | - | ||
| 273 | - &:first-child { | ||
| 274 | - margin-right: 7px; | ||
| 275 | - width: 282px; | ||
| 276 | - height: 504px; | ||
| 277 | - } | ||
| 278 | - } | ||
| 279 | - } | ||
| 280 | - | ||
| 281 | - .last-item { | ||
| 282 | - float: left; | ||
| 283 | - width: 282px; | ||
| 284 | - height: 504px; | ||
| 285 | - overflow: hidden; | ||
| 286 | - } | ||
| 287 | - } | ||
| 288 | - | ||
| 289 | - /* 优选品牌 */ | ||
| 290 | - .preference-brand { | ||
| 291 | - overflow: hidden; | ||
| 292 | - } | ||
| 293 | - | ||
| 294 | - .preference-brand-list { | ||
| 295 | - margin-top: 8px; | ||
| 296 | - width: 1158px; | ||
| 297 | - } | ||
| 298 | - | ||
| 299 | - .preference-brand-item { | ||
| 300 | - float: left; | ||
| 301 | - margin-right: 8px; | ||
| 302 | - margin-bottom: 8px; | ||
| 303 | - | ||
| 304 | - a { | ||
| 305 | - display: table-cell; | ||
| 306 | - width: 185px; | ||
| 307 | - height: 86px; | ||
| 308 | - text-align: center; | ||
| 309 | - vertical-align: middle; | ||
| 310 | - } | ||
| 311 | - | ||
| 312 | - img { | ||
| 313 | - display: block; | ||
| 314 | - max-width: 100%; | ||
| 315 | - max-height: 100%; | ||
| 316 | - margin: 0 auto; | ||
| 317 | - } | ||
| 318 | - } | ||
| 319 | - | ||
| 320 | - .preference-more { | ||
| 321 | - float: left; | ||
| 322 | - width: 185px; | ||
| 323 | - height: 86px; | ||
| 324 | - line-height: 100px; | ||
| 325 | - text-align: center; | ||
| 326 | - color: black; | ||
| 327 | - font-size: 16px; | ||
| 328 | - } | ||
| 329 | - | ||
| 330 | - .img-slider-wrapper { | ||
| 331 | - position: relative; | ||
| 332 | - width: 100%; | ||
| 333 | - height: 558px; | ||
| 334 | - background: #8ae6e0; | ||
| 335 | - overflow: hidden; | ||
| 336 | - | ||
| 337 | - .img-brand-switch, | ||
| 338 | - .new-user-switch { | ||
| 339 | - display: block; | ||
| 340 | - | ||
| 341 | - a { | ||
| 342 | - position: absolute; | ||
| 343 | - top: 50%; | ||
| 344 | - font-size: 36px; | ||
| 345 | - color: #fff; | ||
| 346 | - | ||
| 347 | - &.next { | ||
| 348 | - right: 30px; | ||
| 349 | - } | ||
| 350 | - | ||
| 351 | - &.prev { | ||
| 352 | - left: 30px; | ||
| 353 | - } | ||
| 354 | - } | ||
| 355 | - } | ||
| 356 | - } | ||
| 357 | - | ||
| 358 | - .img-container-landscape { | ||
| 359 | - box-sizing: border-box; | ||
| 360 | - margin: 86px auto 0; | ||
| 361 | - width: 980px; | ||
| 362 | - height: 433px; | ||
| 363 | - overflow: hidden; | ||
| 364 | - | ||
| 365 | - .img-list { | ||
| 366 | - width: 1000px; | ||
| 367 | - height: 100%; | ||
| 368 | - } | ||
| 369 | - | ||
| 370 | - .img-item { | ||
| 371 | - float: left; | ||
| 372 | - box-sizing: border-box; | ||
| 373 | - width: 320px !important; | ||
| 374 | - height: 100%; | ||
| 375 | - margin-right: 10px; | ||
| 376 | - | ||
| 377 | - img { | ||
| 378 | - width: 100%; | ||
| 379 | - height: 100%; | ||
| 380 | - } | ||
| 381 | - } | ||
| 382 | - } | ||
| 383 | - | ||
| 384 | - .img-brand, | ||
| 385 | - .new-user-prolist { | ||
| 386 | - position: relative; | ||
| 387 | - width: 100%; | ||
| 388 | - height: 175px; | ||
| 389 | - overflow: hidden; | ||
| 390 | - | ||
| 391 | - &:hover { | ||
| 392 | - .img-brand-switch { | ||
| 393 | - display: block; | ||
| 394 | - } | ||
| 395 | - } | ||
| 396 | - | ||
| 397 | - ul { | ||
| 398 | - width: 1158px; | ||
| 399 | - } | ||
| 400 | - | ||
| 401 | - li { | ||
| 402 | - float: left; | ||
| 403 | - margin-right: 8px; | ||
| 404 | - width: 378px !important; | ||
| 405 | - height: 175px; | ||
| 406 | - line-height: 175px; | ||
| 407 | - overflow: hidden; | ||
| 408 | - font-size: 0; | ||
| 409 | - text-align: center; | ||
| 410 | - | ||
| 411 | - img { | ||
| 412 | - max-width: 100%; | ||
| 413 | - max-height: 100%; | ||
| 414 | - vertical-align: middle; | ||
| 415 | - } | ||
| 416 | - } | ||
| 417 | - | ||
| 418 | - .img-brand-switch { | ||
| 419 | - display: none; | ||
| 420 | - | ||
| 421 | - a { | ||
| 422 | - position: absolute; | ||
| 423 | - top: 50%; | ||
| 424 | - margin: -20px 0 0; | ||
| 425 | - width: 40px; | ||
| 426 | - height: 40px; | ||
| 427 | - line-height: 40px; | ||
| 428 | - text-align: center; | ||
| 429 | - z-index: 2; | ||
| 430 | - background: #fff; | ||
| 431 | - opacity: 0.55; | ||
| 432 | - | ||
| 433 | - &.prev { | ||
| 434 | - left: 0; | ||
| 435 | - } | ||
| 436 | - | ||
| 437 | - &.next { | ||
| 438 | - right: 0; | ||
| 439 | - } | ||
| 440 | - | ||
| 441 | - &:hover { | ||
| 442 | - opacity: 0.9; | ||
| 443 | - } | ||
| 444 | - } | ||
| 445 | - } | ||
| 446 | - } | ||
| 447 | - | ||
| 448 | - .logo-brand { | ||
| 449 | - width: 100%; | ||
| 450 | - height: 282px; | ||
| 451 | - overflow: hidden; | ||
| 452 | - | ||
| 453 | - &.logos-10 { | ||
| 454 | - height: 188px; | ||
| 455 | - } | ||
| 456 | - | ||
| 457 | - ul { | ||
| 458 | - width: 1158px; | ||
| 459 | - } | ||
| 460 | - | ||
| 461 | - li { | ||
| 462 | - float: left; | ||
| 463 | - margin: 8px 8px 0 0; | ||
| 464 | - width: 185px; | ||
| 465 | - height: 86px; | ||
| 466 | - line-height: 86px; | ||
| 467 | - font-size: 0; | ||
| 468 | - text-align: center; | ||
| 469 | - | ||
| 470 | - img { | ||
| 471 | - max-width: 100%; | ||
| 472 | - max-height: 100%; | ||
| 473 | - vertical-align: middle; | ||
| 474 | - } | ||
| 475 | - } | ||
| 476 | - | ||
| 477 | - .logo-brand-switch { | ||
| 478 | - position: relative; | ||
| 479 | - background: resolve(index/logo-brand-line.png) no-repeat center center; | ||
| 480 | - line-height: normal; | ||
| 481 | - | ||
| 482 | - .iconfont { | ||
| 483 | - position: absolute; | ||
| 484 | - left: 50%; | ||
| 485 | - font-size: 32px; | ||
| 486 | - | ||
| 487 | - &.prev { | ||
| 488 | - top: 10px; | ||
| 489 | - margin-left: -48px; | ||
| 490 | - } | ||
| 491 | - | ||
| 492 | - &.next { | ||
| 493 | - bottom: 12px; | ||
| 494 | - margin-left: 20px; | ||
| 495 | - } | ||
| 496 | - } | ||
| 497 | - } | ||
| 498 | - | ||
| 499 | - .brand-more { | ||
| 500 | - font-size: 16px; | ||
| 501 | - | ||
| 502 | - &:hover { | ||
| 503 | - text-decoration: underline; | ||
| 504 | - } | ||
| 505 | - } | ||
| 506 | - } | ||
| 507 | - | ||
| 508 | - .categorys-list { | ||
| 509 | - ul { | ||
| 510 | - width: 1158px; | ||
| 511 | - } | ||
| 512 | - | ||
| 513 | - li { | ||
| 514 | - float: left; | ||
| 515 | - margin: 0 8px 8px 0; | ||
| 516 | - width: 185px; | ||
| 517 | - height: 248px; | ||
| 518 | - | ||
| 519 | - &.cate-item0 { | ||
| 520 | - width: 185px; | ||
| 521 | - height: 504px; | ||
| 522 | - } | ||
| 523 | - | ||
| 524 | - &.cate-item1 { | ||
| 525 | - width: 377px; | ||
| 526 | - height: 504px; | ||
| 527 | - } | ||
| 528 | - | ||
| 529 | - img { | ||
| 530 | - display: block; | ||
| 531 | - width: 100%; | ||
| 532 | - height: 100%; | ||
| 533 | - } | ||
| 534 | - } | ||
| 535 | - } | ||
| 536 | - | ||
| 537 | - /* 新人专享 */ | ||
| 538 | - .new-user { | ||
| 539 | - .new-user-banner > img { | ||
| 540 | - width: 100%; | ||
| 541 | - height: 368px; | ||
| 542 | - } | ||
| 543 | - | ||
| 544 | - .new-user-prolist { | ||
| 545 | - height: auto; | ||
| 546 | - margin-top: 10px; | ||
| 547 | - | ||
| 548 | - .img-brand-switch { | ||
| 549 | - display: block; | ||
| 550 | - | ||
| 551 | - a { | ||
| 552 | - margin: -30px 0 0; | ||
| 553 | - width: 60px; | ||
| 554 | - height: 60px; | ||
| 555 | - line-height: 60px; | ||
| 556 | - } | ||
| 557 | - | ||
| 558 | - a .iconfont { | ||
| 559 | - font-size: 30px; | ||
| 560 | - } | ||
| 561 | - } | ||
| 562 | - } | ||
| 563 | - | ||
| 564 | - .new-user-list { | ||
| 565 | - .img-item { | ||
| 566 | - float: left; | ||
| 567 | - } | ||
| 568 | - | ||
| 569 | - .good-info { | ||
| 570 | - display: inline-block; | ||
| 571 | - width: 185px; | ||
| 572 | - padding: 18px; | ||
| 573 | - margin-bottom: 0; | ||
| 574 | - background-color: #f5f5f5; | ||
| 575 | - | ||
| 576 | - .tag-container, | ||
| 577 | - .brand { | ||
| 578 | - display: none; | ||
| 579 | - } | ||
| 580 | - | ||
| 581 | - .good-detail-img { | ||
| 582 | - height: 247px; | ||
| 583 | - } | ||
| 584 | - } | ||
| 585 | - | ||
| 586 | - .good-detail-text { | ||
| 587 | - > a { | ||
| 588 | - font-weight: bold; | ||
| 589 | - margin-top: 0; | ||
| 590 | - } | ||
| 591 | - | ||
| 592 | - .price { | ||
| 593 | - font-weight: bold; | ||
| 594 | - } | ||
| 595 | - | ||
| 596 | - .market-price { | ||
| 597 | - color: #000; | ||
| 598 | - } | ||
| 599 | - | ||
| 600 | - .sale-price { | ||
| 601 | - color: #d62238; | ||
| 602 | - } | ||
| 603 | - | ||
| 604 | - .new-user-tag { | ||
| 605 | - background-color: #d62238; | ||
| 606 | - color: #fff; | ||
| 607 | - font-weight: normal; | ||
| 608 | - padding: 3px 10px; | ||
| 609 | - margin-left: 10px; | ||
| 610 | - } | ||
| 611 | - } | ||
| 612 | - } | ||
| 613 | - } | ||
| 614 | - | ||
| 615 | - .floor-header { | ||
| 616 | - position: relative; | ||
| 617 | - margin: 80px 0 40px; | ||
| 618 | - | ||
| 619 | - .floor-title { | ||
| 620 | - margin: 0 auto; | ||
| 621 | - width: 298px; | ||
| 622 | - height: 31px; | ||
| 623 | - line-height: 31px; | ||
| 624 | - border: 1px solid #000; | ||
| 625 | - font-size: 16px; | ||
| 626 | - text-align: center; | ||
| 627 | - } | ||
| 628 | - | ||
| 629 | - .header-navs { | ||
| 630 | - position: absolute; | ||
| 631 | - padding: 10px 0; | ||
| 632 | - top: 0; | ||
| 633 | - right: 0; | ||
| 634 | - font-size: 14px; | ||
| 635 | - | ||
| 636 | - li { | ||
| 637 | - float: left; | ||
| 638 | - padding: 1px 15px; | ||
| 639 | - border-left: 1px solid #ccc; | ||
| 640 | - | ||
| 641 | - &:first-child { | ||
| 642 | - border-left: none; | ||
| 643 | - } | ||
| 644 | - | ||
| 645 | - &:hover { | ||
| 646 | - text-decoration: underline; | ||
| 647 | - } | ||
| 648 | - | ||
| 649 | - a { | ||
| 650 | - color: #333; | ||
| 651 | - } | ||
| 652 | - } | ||
| 653 | - } | ||
| 654 | - } | ||
| 655 | -} | ||
| 656 | -/* stylelint-disable */ | 1 | +@import "base"; |
| 657 | @import "index-pliffy"; | 2 | @import "index-pliffy"; |
| 658 | @import "min-index"; | 3 | @import "min-index"; |
| 659 | @import "brand"; | 4 | @import "brand"; |
| 660 | @import "coupon"; | 5 | @import "coupon"; |
| 661 | @import "../variables"; | 6 | @import "../variables"; |
| 662 | -/* stylelint-enable */ |
| 1 | -/* | ||
| 2 | -公共样式 | ||
| 3 | -*/ | ||
| 4 | -.g-list { | ||
| 5 | - li { | ||
| 6 | - float: left; | ||
| 7 | - | ||
| 8 | - a { | ||
| 9 | - position: relative; | ||
| 10 | - display: block; | ||
| 11 | - overflow: hidden; | ||
| 12 | - | ||
| 13 | - img { | ||
| 14 | - width: 100%; | ||
| 15 | - height: 100%; | ||
| 16 | - } | ||
| 17 | - } | ||
| 18 | - } | ||
| 19 | -} | ||
| 20 | - | ||
| 21 | -/* | ||
| 22 | -热门推荐模板样式 | ||
| 23 | -*/ | ||
| 24 | -.home-page { | ||
| 25 | - .tpl-recommend { | ||
| 26 | - width: 100%; | ||
| 27 | - position: relative; | ||
| 28 | - | ||
| 29 | - a { | ||
| 30 | - display: block; | ||
| 31 | - | ||
| 32 | - img { | ||
| 33 | - display: block; | ||
| 34 | - width: 100%; | ||
| 35 | - height: 100%; | ||
| 36 | - } | ||
| 37 | - } | ||
| 38 | - | ||
| 39 | - .tpl-body { | ||
| 40 | - margin-bottom: 8px; | ||
| 41 | - } | ||
| 42 | - | ||
| 43 | - .tpl-nav { | ||
| 44 | - float: left; | ||
| 45 | - overflow: hidden; | ||
| 46 | - | ||
| 47 | - .tpl-keywords { | ||
| 48 | - margin-bottom: 8px; | ||
| 49 | - } | ||
| 50 | - | ||
| 51 | - .tpl-category { | ||
| 52 | - padding: 10px 0; | ||
| 53 | - background-color: #f8f8f8; | ||
| 54 | - overflow: hidden; | ||
| 55 | - | ||
| 56 | - a { | ||
| 57 | - float: left; | ||
| 58 | - width: 50%; | ||
| 59 | - text-align: center; | ||
| 60 | - color: #000; | ||
| 61 | - overflow: hidden; | ||
| 62 | - } | ||
| 63 | - } | ||
| 64 | - } | ||
| 65 | - | ||
| 66 | - .tpl-brands { | ||
| 67 | - float: left; | ||
| 68 | - overflow: hidden; | ||
| 69 | - margin-left: 8px; | ||
| 70 | - | ||
| 71 | - li { | ||
| 72 | - margin-top: 8px; | ||
| 73 | - } | ||
| 74 | - } | ||
| 75 | - | ||
| 76 | - .tpl-types { | ||
| 77 | - float: left; | ||
| 78 | - overflow: hidden; | ||
| 79 | - margin-top: -8px; | ||
| 80 | - width: 579px; | ||
| 81 | - | ||
| 82 | - li { | ||
| 83 | - float: left; | ||
| 84 | - margin-left: 8px; | ||
| 85 | - margin-top: 8px; | ||
| 86 | - | ||
| 87 | - a { | ||
| 88 | - width: 185px; | ||
| 89 | - height: 248px; | ||
| 90 | - } | ||
| 91 | - } | ||
| 92 | - } | ||
| 93 | - | ||
| 94 | - .tpl-products { | ||
| 95 | - overflow: hidden; | ||
| 96 | - margin-left: -10px; | ||
| 97 | - | ||
| 98 | - li { | ||
| 99 | - float: left; | ||
| 100 | - margin-left: 10px; | ||
| 101 | - | ||
| 102 | - a { | ||
| 103 | - width: 222px; | ||
| 104 | - height: 298px; | ||
| 105 | - } | ||
| 106 | - } | ||
| 107 | - } | ||
| 108 | - | ||
| 109 | - .tpl-nav { | ||
| 110 | - width: 185px; | ||
| 111 | - | ||
| 112 | - .keywords0, | ||
| 113 | - .keywords1, | ||
| 114 | - .keywords2 { | ||
| 115 | - margin-bottom: 10px; | ||
| 116 | - height: 76px; | ||
| 117 | - } | ||
| 118 | - | ||
| 119 | - .keywords2 { | ||
| 120 | - margin-bottom: 0; | ||
| 121 | - } | ||
| 122 | - | ||
| 123 | - .tpl-category { | ||
| 124 | - height: 228px; | ||
| 125 | - | ||
| 126 | - a { | ||
| 127 | - height: 38px; | ||
| 128 | - line-height: 38px; | ||
| 129 | - font-size: 14px; | ||
| 130 | - } | ||
| 131 | - } | ||
| 132 | - } | ||
| 133 | - | ||
| 134 | - .tpl-brands { | ||
| 135 | - width: 378px; | ||
| 136 | - height: 512px; | ||
| 137 | - | ||
| 138 | - li a { | ||
| 139 | - height: 248px; | ||
| 140 | - } | ||
| 141 | - } | ||
| 142 | - } | ||
| 143 | -} | ||
| 144 | - | ||
| 145 | -/* | ||
| 146 | -人气单品 | ||
| 147 | -*/ | ||
| 148 | -.home-page .flash-sale { | ||
| 149 | - .flash-sale-list { | ||
| 150 | - margin-left: -10px; | ||
| 151 | - | ||
| 152 | - a { | ||
| 153 | - height: 340px; | ||
| 154 | - width: 560px; | ||
| 155 | - } | ||
| 156 | - | ||
| 157 | - li { | ||
| 158 | - margin: 10px; | ||
| 159 | - } | ||
| 160 | - | ||
| 161 | - .flash-sale-banner { | ||
| 162 | - position: relative; | ||
| 163 | - height: 260px; | ||
| 164 | - } | ||
| 165 | - | ||
| 166 | - .flash-sale-bottom { | ||
| 167 | - height: 78px; | ||
| 168 | - position: relative; | ||
| 169 | - border: 1px solid #000; | ||
| 170 | - border-top-style: none; | ||
| 171 | - } | ||
| 172 | - | ||
| 173 | - p.flash-sale-count { | ||
| 174 | - position: absolute; | ||
| 175 | - left: 50px; | ||
| 176 | - top: 20px; | ||
| 177 | - } | ||
| 178 | - | ||
| 179 | - p.flash-sale-name { | ||
| 180 | - position: absolute; | ||
| 181 | - left: 120px; | ||
| 182 | - top: 20px; | ||
| 183 | - } | ||
| 184 | - | ||
| 185 | - p.flash-sale-timer { | ||
| 186 | - position: absolute; | ||
| 187 | - left: 50px; | ||
| 188 | - top: 50px; | ||
| 189 | - } | ||
| 190 | - | ||
| 191 | - .flash-sale-logo { | ||
| 192 | - position: absolute; | ||
| 193 | - right: 50px; | ||
| 194 | - width: 100px; | ||
| 195 | - height: 80px; | ||
| 196 | - | ||
| 197 | - img { | ||
| 198 | - width: 100px; | ||
| 199 | - height: 50px; | ||
| 200 | - margin-top: 15px; | ||
| 201 | - } | ||
| 202 | - } | ||
| 203 | - } | ||
| 204 | -} | ||
| 205 | -/* stylelint-disable */ | 1 | +@import "base"; |
| 206 | @import "../variables"; | 2 | @import "../variables"; |
| 207 | @import "reset"; | 3 | @import "reset"; |
| 208 | @import "common"; | 4 | @import "common"; |
| @@ -216,4 +12,3 @@ | @@ -216,4 +12,3 @@ | ||
| 216 | @import "foot-pager"; | 12 | @import "foot-pager"; |
| 217 | @import "list"; | 13 | @import "list"; |
| 218 | @import "good"; | 14 | @import "good"; |
| 219 | -/* stylelint-enable */ |
| 1 | -.guang-page { | ||
| 2 | - width: 1150px; | ||
| 3 | - margin: 0 auto; | ||
| 4 | - | ||
| 5 | - .left-side { | ||
| 6 | - float: left; | ||
| 7 | - width: 830px; | ||
| 8 | - } | ||
| 9 | - | ||
| 10 | - .right-side { | ||
| 11 | - float: left; | ||
| 12 | - width: 290px; | ||
| 13 | - margin-left: 30px; | ||
| 14 | - } | ||
| 15 | - | ||
| 16 | - img.blink, | ||
| 17 | - .bg-img.blink { | ||
| 18 | - opacity: 0.8; | ||
| 19 | - } | ||
| 20 | - | ||
| 21 | - /* 精彩推荐 */ | ||
| 22 | - .ex-reco-title { | ||
| 23 | - color: #333; | ||
| 24 | - line-height: 24px; | ||
| 25 | - padding-bottom: 10px; | ||
| 26 | - border-bottom: 1px solid #ccc; | ||
| 27 | - font-size: 20px; | ||
| 28 | - font-weight: bold; | ||
| 29 | - } | ||
| 30 | - | ||
| 31 | - .ex-reco-list { | ||
| 32 | - margin-top: 14px; | ||
| 33 | - } | ||
| 34 | - | ||
| 35 | - .ex-reco-item { | ||
| 36 | - box-sizing: border-box; | ||
| 37 | - height: 60px; | ||
| 38 | - margin-bottom: 14px; | ||
| 39 | - | ||
| 40 | - &:last-child { | ||
| 41 | - margin-bottom: 0; | ||
| 42 | - } | ||
| 43 | - } | ||
| 44 | - | ||
| 45 | - .ex-reco-img { | ||
| 46 | - display: block; | ||
| 47 | - float: left; | ||
| 48 | - width: 90px; | ||
| 49 | - height: 60px; | ||
| 50 | - | ||
| 51 | - span { | ||
| 52 | - display: block; | ||
| 53 | - height: 100%; | ||
| 54 | - width: 100%; | ||
| 55 | - background-size: cover; | ||
| 56 | - background-position: center; | ||
| 57 | - | ||
| 58 | - img { | ||
| 59 | - width: 100%; | ||
| 60 | - height: 100%; | ||
| 61 | - } | ||
| 62 | - } | ||
| 63 | - | ||
| 64 | - margin-right: 5px; | ||
| 65 | - } | ||
| 66 | - | ||
| 67 | - .ex-reco-context { | ||
| 68 | - float: left; | ||
| 69 | - max-width: 195px; | ||
| 70 | - height: 40px; | ||
| 71 | - line-height: 20px; | ||
| 72 | - font-size: 13px; | ||
| 73 | - color: #666; | ||
| 74 | - white-space: nowrap; | ||
| 75 | - overflow: hidden; | ||
| 76 | - text-overflow: ellipsis; | ||
| 77 | - | ||
| 78 | - &:hover { | ||
| 79 | - color: #c30; | ||
| 80 | - } | ||
| 81 | - } | ||
| 82 | - | ||
| 83 | - /* 热门标签 */ | ||
| 84 | - .hot { | ||
| 85 | - margin-top: 40px; | ||
| 86 | - | ||
| 87 | - .hot-title { | ||
| 88 | - color: #333; | ||
| 89 | - line-height: 24px; | ||
| 90 | - padding-bottom: 10px; | ||
| 91 | - border-bottom: 1px solid #ccc; | ||
| 92 | - font-weight: bold; | ||
| 93 | - font-size: 20px; | ||
| 94 | - } | ||
| 95 | - | ||
| 96 | - .hot-tag-list { | ||
| 97 | - margin-top: 14px; | ||
| 98 | - max-height: 150px; | ||
| 99 | - overflow: hidden; | ||
| 100 | - } | ||
| 101 | - | ||
| 102 | - .hot-tag { | ||
| 103 | - display: inline-block; | ||
| 104 | - float: left; | ||
| 105 | - padding: 5px; | ||
| 106 | - font-size: 12px; | ||
| 107 | - background-color: #ccc; | ||
| 108 | - border: none; | ||
| 109 | - margin-right: 10px; | ||
| 110 | - margin-bottom: 10px; | ||
| 111 | - color: white; | ||
| 112 | - font-weight: bold; | ||
| 113 | - | ||
| 114 | - &:hover { | ||
| 115 | - background-color: #333; | ||
| 116 | - } | ||
| 117 | - } | ||
| 118 | - } | ||
| 119 | - | ||
| 120 | - /* 广告位 */ | ||
| 121 | - .ads { | ||
| 122 | - margin-top: 30px; | ||
| 123 | - | ||
| 124 | - .ad { | ||
| 125 | - display: block; | ||
| 126 | - box-sizing: border-box; | ||
| 127 | - margin-bottom: 24px; | ||
| 128 | - width: 290px; | ||
| 129 | - | ||
| 130 | - img { | ||
| 131 | - display: block; | ||
| 132 | - width: 100%; | ||
| 133 | - } | ||
| 134 | - } | ||
| 135 | - } | ||
| 136 | - | ||
| 137 | - /* 资讯 */ | ||
| 138 | - .msg-content { | ||
| 139 | - padding: 24px 0; | ||
| 140 | - border-bottom: 1px solid #ccc; | ||
| 141 | - position: relative; | ||
| 142 | - | ||
| 143 | - .content { | ||
| 144 | - height: 80px; | ||
| 145 | - line-height: 24px; | ||
| 146 | - } | ||
| 147 | - | ||
| 148 | - .iconfont { | ||
| 149 | - color: #ccc; | ||
| 150 | - } | ||
| 151 | - | ||
| 152 | - .msg-img { | ||
| 153 | - position: relative; | ||
| 154 | - float: left; | ||
| 155 | - margin-right: 26px; | ||
| 156 | - | ||
| 157 | - img { | ||
| 158 | - display: block; | ||
| 159 | - width: 360px; | ||
| 160 | - height: 240px; | ||
| 161 | - } | ||
| 162 | - | ||
| 163 | - img.square { | ||
| 164 | - height: 360px; | ||
| 165 | - } | ||
| 166 | - } | ||
| 167 | - | ||
| 168 | - .classification { | ||
| 169 | - position: absolute; | ||
| 170 | - background-color: #000; | ||
| 171 | - color: #fff; | ||
| 172 | - text-align: center; | ||
| 173 | - width: 80px; | ||
| 174 | - height: 32px; | ||
| 175 | - line-height: 32px; | ||
| 176 | - font-size: 13px; | ||
| 177 | - opacity: 0.9; | ||
| 178 | - z-index: 99; | ||
| 179 | - } | ||
| 180 | - | ||
| 181 | - .video-icon { | ||
| 182 | - position: absolute; | ||
| 183 | - top: 50%; | ||
| 184 | - left: 50%; | ||
| 185 | - width: 54px; | ||
| 186 | - height: 54px; | ||
| 187 | - margin-top: -27px; | ||
| 188 | - margin-left: -27px; | ||
| 189 | - background: resolve("guang/isVideo.png") no-repeat; | ||
| 190 | - background-size: 100% 100%; | ||
| 191 | - z-index: 120; | ||
| 192 | - } | ||
| 193 | - | ||
| 194 | - .type-icon { | ||
| 195 | - position: absolute; | ||
| 196 | - top: 0; | ||
| 197 | - left: 66px; | ||
| 198 | - height: 32px; | ||
| 199 | - width: 32px; | ||
| 200 | - background: resolve("guang/msg-reco.png") no-repeat; | ||
| 201 | - background-size: 100% 100%; | ||
| 202 | - z-index: 100; | ||
| 203 | - | ||
| 204 | - &.fashion-man { | ||
| 205 | - background: resolve("guang/fashion-man.png") no-repeat; | ||
| 206 | - } | ||
| 207 | - } | ||
| 208 | - | ||
| 209 | - .msg-info { | ||
| 210 | - float: left; | ||
| 211 | - width: 440px; | ||
| 212 | - } | ||
| 213 | - | ||
| 214 | - .msg-title { | ||
| 215 | - display: block; | ||
| 216 | - font-size: 22px; | ||
| 217 | - color: #333; | ||
| 218 | - line-height: 30px; | ||
| 219 | - max-height: 64px; | ||
| 220 | - | ||
| 221 | - &:hover { | ||
| 222 | - color: #c30; | ||
| 223 | - } | ||
| 224 | - } | ||
| 225 | - | ||
| 226 | - .content { | ||
| 227 | - font-size: 14px; | ||
| 228 | - color: #666; | ||
| 229 | - } | ||
| 230 | - | ||
| 231 | - .msg-app { | ||
| 232 | - line-height: 34px; | ||
| 233 | - color: #999; | ||
| 234 | - font-size: 13px; | ||
| 235 | - } | ||
| 236 | - | ||
| 237 | - .author { | ||
| 238 | - display: block; | ||
| 239 | - float: left; | ||
| 240 | - color: #333; | ||
| 241 | - margin-right: 22px; | ||
| 242 | - max-width: 180px; | ||
| 243 | - white-space: nowrap; | ||
| 244 | - overflow: hidden; | ||
| 245 | - text-overflow: ellipsis; | ||
| 246 | - | ||
| 247 | - &:hover { | ||
| 248 | - color: #c30; | ||
| 249 | - } | ||
| 250 | - } | ||
| 251 | - | ||
| 252 | - .publish-time, | ||
| 253 | - .page-view { | ||
| 254 | - color: #999; | ||
| 255 | - } | ||
| 256 | - | ||
| 257 | - .publish-time { | ||
| 258 | - margin-right: 30px; | ||
| 259 | - } | ||
| 260 | - | ||
| 261 | - .tags, | ||
| 262 | - .like-comment { | ||
| 263 | - position: absolute; | ||
| 264 | - bottom: 24px; | ||
| 265 | - font-size: 12px; | ||
| 266 | - | ||
| 267 | - &.tags { | ||
| 268 | - left: 386px; | ||
| 269 | - max-width: 350px; | ||
| 270 | - height: 20px; | ||
| 271 | - overflow: hidden; | ||
| 272 | - } | ||
| 273 | - | ||
| 274 | - &.like-comment { | ||
| 275 | - right: 0; | ||
| 276 | - color: #999; | ||
| 277 | - } | ||
| 278 | - | ||
| 279 | - .like { | ||
| 280 | - margin-right: 10px; | ||
| 281 | - | ||
| 282 | - &:hover * { | ||
| 283 | - color: #000; | ||
| 284 | - } | ||
| 285 | - } | ||
| 286 | - | ||
| 287 | - .like-icon { | ||
| 288 | - cursor: pointer; | ||
| 289 | - | ||
| 290 | - &.liked { | ||
| 291 | - color: #000; | ||
| 292 | - } | ||
| 293 | - } | ||
| 294 | - } | ||
| 295 | - | ||
| 296 | - .msg-tag { | ||
| 297 | - display: inline-block; | ||
| 298 | - text-align: center; | ||
| 299 | - height: 20px; | ||
| 300 | - line-height: 20px; | ||
| 301 | - padding: 0 10px; | ||
| 302 | - margin-right: 10px; | ||
| 303 | - background-color: #ccc; | ||
| 304 | - color: #fff; | ||
| 305 | - | ||
| 306 | - &:last-child { | ||
| 307 | - margin-right: 0; | ||
| 308 | - } | ||
| 309 | - | ||
| 310 | - &:hover { | ||
| 311 | - background-color: #333; | ||
| 312 | - } | ||
| 313 | - } | ||
| 314 | - } | ||
| 315 | - | ||
| 316 | - .pager { | ||
| 317 | - font-size: 12px; | ||
| 318 | - | ||
| 319 | - a { | ||
| 320 | - height: 24px; | ||
| 321 | - padding: 0 9px; | ||
| 322 | - line-height: 24px; | ||
| 323 | - display: inline-block; | ||
| 324 | - text-align: center; | ||
| 325 | - margin-right: 8px; | ||
| 326 | - color: #222; | ||
| 327 | - | ||
| 328 | - &.cur { | ||
| 329 | - background-color: #222; | ||
| 330 | - color: #fff; | ||
| 331 | - } | ||
| 332 | - } | ||
| 333 | - } | ||
| 334 | -} | ||
| 335 | -/* stylelint-disable */ | 1 | +@import "base"; |
| 336 | @import "home"; | 2 | @import "home"; |
| 337 | @import "detail"; | 3 | @import "detail"; |
| 338 | @import "list"; | 4 | @import "list"; |
| 339 | @import "../variables"; | 5 | @import "../variables"; |
| 340 | -/* stylelint-enable */ |
| 1 | -.help-page { | ||
| 2 | - .center-content { | ||
| 3 | - width: 990px; | ||
| 4 | - } | ||
| 5 | - | ||
| 6 | - .home-icon { | ||
| 7 | - font-size: 16px; | ||
| 8 | - } | ||
| 9 | - | ||
| 10 | - .red { | ||
| 11 | - color: #ce021b; | ||
| 12 | - margin: 0 5px; | ||
| 13 | - } | ||
| 14 | - | ||
| 15 | - .foot-pager { | ||
| 16 | - border-top: none; | ||
| 17 | - width: 740px; | ||
| 18 | - margin: 0 auto; | ||
| 19 | - padding-bottom: 10px; | ||
| 20 | - } | ||
| 21 | - | ||
| 22 | - .help-navigation { | ||
| 23 | - width: 163px; | ||
| 24 | - background: #fff; | ||
| 25 | - margin-bottom: 20px; | ||
| 26 | - | ||
| 27 | - .title { | ||
| 28 | - width: 100%; | ||
| 29 | - height: 54px; | ||
| 30 | - background: #eaeaea; | ||
| 31 | - padding-left: 20px; | ||
| 32 | - line-height: 54px; | ||
| 33 | - font-size: 18px; | ||
| 34 | - box-sizing: border-box; | ||
| 35 | - } | ||
| 36 | - | ||
| 37 | - .nav { | ||
| 38 | - background: #fbfbfb; | ||
| 39 | - | ||
| 40 | - li { | ||
| 41 | - cursor: pointer; | ||
| 42 | - padding-left: 20px; | ||
| 43 | - width: 100%; | ||
| 44 | - box-sizing: border-box; | ||
| 45 | - } | ||
| 46 | - | ||
| 47 | - .icon { | ||
| 48 | - cursor: pointer; | ||
| 49 | - margin-right: 10px; | ||
| 50 | - height: 13px; | ||
| 51 | - width: 13px; | ||
| 52 | - display: inline-block; | ||
| 53 | - position: relative; | ||
| 54 | - top: 1px; | ||
| 55 | - } | ||
| 56 | - | ||
| 57 | - .plus { | ||
| 58 | - background-image: resolve("help/plus.png"); | ||
| 59 | - } | ||
| 60 | - | ||
| 61 | - .minus { | ||
| 62 | - background-image: resolve("help/minus.png"); | ||
| 63 | - } | ||
| 64 | - | ||
| 65 | - .mult { | ||
| 66 | - margin-right: 26px; | ||
| 67 | - height: 14px; | ||
| 68 | - width: 14px; | ||
| 69 | - } | ||
| 70 | - | ||
| 71 | - li.selected > a { | ||
| 72 | - color: #ce021b; | ||
| 73 | - } | ||
| 74 | - } | ||
| 75 | - | ||
| 76 | - .big-category { | ||
| 77 | - height: 59px; | ||
| 78 | - line-height: 59px; | ||
| 79 | - font-size: 16px; | ||
| 80 | - border-top: 1px solid #e8e8e8; | ||
| 81 | - } | ||
| 82 | - | ||
| 83 | - .smll-category { | ||
| 84 | - display: none; | ||
| 85 | - height: 16px; | ||
| 86 | - line-height: 16px; | ||
| 87 | - margin-bottom: 14px; | ||
| 88 | - font-size: 14px; | ||
| 89 | - | ||
| 90 | - a { | ||
| 91 | - color: #6b6b6b; | ||
| 92 | - } | ||
| 93 | - } | ||
| 94 | - } | ||
| 95 | - | ||
| 96 | - .help-main { | ||
| 97 | - width: 785px; | ||
| 98 | - margin: 0 0 60px 40px; | ||
| 99 | - border: 1px solid #e0e0e0; | ||
| 100 | - padding-bottom: 20px; | ||
| 101 | - } | ||
| 102 | - | ||
| 103 | - .problem-box { | ||
| 104 | - position: fixed; | ||
| 105 | - left: 0; | ||
| 106 | - right: 0; | ||
| 107 | - top: 0; | ||
| 108 | - bottom: 0; | ||
| 109 | - line-height: calc(100vh); | ||
| 110 | - text-align: center; | ||
| 111 | - display: none; | ||
| 112 | - | ||
| 113 | - .mark { | ||
| 114 | - background: #000; | ||
| 115 | - opacity: 0.5; | ||
| 116 | - position: absolute; | ||
| 117 | - left: 0; | ||
| 118 | - right: 0; | ||
| 119 | - top: 0; | ||
| 120 | - bottom: 0; | ||
| 121 | - z-index: 1; | ||
| 122 | - cursor: pointer; | ||
| 123 | - } | ||
| 124 | - | ||
| 125 | - .problem-area { | ||
| 126 | - min-width: 345px; | ||
| 127 | - max-width: 610px; | ||
| 128 | - max-height: 380px; | ||
| 129 | - position: relative; | ||
| 130 | - z-index: 2; | ||
| 131 | - vertical-align: middle; | ||
| 132 | - display: inline-block; | ||
| 133 | - line-height: 24px; | ||
| 134 | - text-align: left; | ||
| 135 | - border: 5px solid rgba(0, 0, 0, 0.4); | ||
| 136 | - } | ||
| 137 | - | ||
| 138 | - .problem-cont { | ||
| 139 | - max-width: 610px; | ||
| 140 | - max-height: 380px; | ||
| 141 | - background: #fff; | ||
| 142 | - } | ||
| 143 | - | ||
| 144 | - .cont-area { | ||
| 145 | - margin: 0 auto; | ||
| 146 | - padding: 53px 18px 53px 45px; | ||
| 147 | - } | ||
| 148 | - | ||
| 149 | - .a-area, | ||
| 150 | - .q-area { | ||
| 151 | - position: relative; | ||
| 152 | - font-size: 14px; | ||
| 153 | - color: #444; | ||
| 154 | - min-height: 20px; | ||
| 155 | - margin-top: 15px; | ||
| 156 | - padding-left: 30px; | ||
| 157 | - | ||
| 158 | - &:before { | ||
| 159 | - content: ""; | ||
| 160 | - width: 18px; | ||
| 161 | - height: 18px; | ||
| 162 | - display: block; | ||
| 163 | - position: absolute; | ||
| 164 | - left: 0; | ||
| 165 | - top: 2px; | ||
| 166 | - } | ||
| 167 | - } | ||
| 168 | - | ||
| 169 | - .a-area { | ||
| 170 | - margin-top: 10px; | ||
| 171 | - font-size: 18px; | ||
| 172 | - color: #000; | ||
| 173 | - } | ||
| 174 | - | ||
| 175 | - .q-area { | ||
| 176 | - line-height: 24px; | ||
| 177 | - max-height: 210px; | ||
| 178 | - overflow-y: auto; | ||
| 179 | - overflow-x: hidden; | ||
| 180 | - | ||
| 181 | - img { | ||
| 182 | - max-width: 100%; | ||
| 183 | - } | ||
| 184 | - } | ||
| 185 | - | ||
| 186 | - .a-area:before { | ||
| 187 | - background: url("/help/q.png") no-repeat; | ||
| 188 | - } | ||
| 189 | - | ||
| 190 | - .q-area:before { | ||
| 191 | - background: url("/help/a.png") no-repeat; | ||
| 192 | - } | ||
| 193 | - | ||
| 194 | - .iconfont { | ||
| 195 | - position: absolute; | ||
| 196 | - right: 28px; | ||
| 197 | - top: 21px; | ||
| 198 | - cursor: pointer; | ||
| 199 | - font-size: 30px; | ||
| 200 | - z-index: 4; | ||
| 201 | - } | ||
| 202 | - } | ||
| 203 | - | ||
| 204 | - ::-webkit-scrollbar { | ||
| 205 | - width: 16px; | ||
| 206 | - height: 16px; | ||
| 207 | - } | ||
| 208 | - | ||
| 209 | - ::-webkit-scrollbar-track, | ||
| 210 | - ::-webkit-scrollbar-thumb { | ||
| 211 | - border-radius: 999px; | ||
| 212 | - border: 5px solid transparent; | ||
| 213 | - } | ||
| 214 | - | ||
| 215 | - ::-webkit-scrollbar-track { | ||
| 216 | - box-shadow: 0 0 6px rgba(0, 0, 0, 0) inset; | ||
| 217 | - } | ||
| 218 | - | ||
| 219 | - ::-webkit-scrollbar-thumb { | ||
| 220 | - min-height: 20px; | ||
| 221 | - background-clip: content-box; | ||
| 222 | - box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.3) inset; | ||
| 223 | - } | ||
| 224 | - | ||
| 225 | - ::-webkit-scrollbar-corner { | ||
| 226 | - background: transparent; | ||
| 227 | - } | ||
| 228 | -} | ||
| 229 | -/* stylelint-disable */ | 1 | +@import "base"; |
| 230 | @import "help"; | 2 | @import "help"; |
| 231 | @import "detail"; | 3 | @import "detail"; |
| 232 | @import "../variables"; | 4 | @import "../variables"; |
| 233 | -/* stylelint-enable */ |
| 1 | +@import "../common/img-preview"; | ||
| 2 | + | ||
| 1 | .comment-me-page { | 3 | .comment-me-page { |
| 2 | .btn { | 4 | .btn { |
| 3 | display: inline-block; | 5 | display: inline-block; |
| @@ -461,6 +463,3 @@ | @@ -461,6 +463,3 @@ | ||
| 461 | padding-bottom: 0; | 463 | padding-bottom: 0; |
| 462 | } | 464 | } |
| 463 | } | 465 | } |
| 464 | -/* stylelint-disable */ | ||
| 465 | -@import "../common/img-preview"; | ||
| 466 | -/* stylelint-enable */ |
| 1 | -.me-page { | ||
| 2 | - width: 990px; | ||
| 3 | - margin: 0 auto 20px; | ||
| 4 | - | ||
| 5 | - .home-path { | ||
| 6 | - height: 40px; | ||
| 7 | - line-height: 40px; | ||
| 8 | - color: #ccc; | ||
| 9 | - font-size: 12px; | ||
| 10 | - | ||
| 11 | - .path-icon { | ||
| 12 | - float: left; | ||
| 13 | - display: block; | ||
| 14 | - background: resolve(home/home-icon.png); | ||
| 15 | - width: 15px; | ||
| 16 | - height: 15px; | ||
| 17 | - margin-right: 10px; | ||
| 18 | - margin-top: 11px; | ||
| 19 | - } | ||
| 20 | - | ||
| 21 | - a, | ||
| 22 | - span { | ||
| 23 | - color: #666; | ||
| 24 | - } | ||
| 25 | - | ||
| 26 | - span { | ||
| 27 | - font-weight: bold; | ||
| 28 | - } | ||
| 29 | - } | ||
| 30 | - | ||
| 31 | - .block { | ||
| 32 | - border: 1px solid #dedede; | ||
| 33 | - border-radius: 2px; | ||
| 34 | - } | ||
| 35 | - | ||
| 36 | - .me-main .block { | ||
| 37 | - margin-bottom: 10px; | ||
| 38 | - } | ||
| 39 | - | ||
| 40 | - .title { | ||
| 41 | - height: 40px; | ||
| 42 | - line-height: 40px; | ||
| 43 | - padding: 0 8px; | ||
| 44 | - background-color: #e3e3e3; | ||
| 45 | - background-position: 10px 12px; | ||
| 46 | - background-repeat: no-repeat; | ||
| 47 | - } | ||
| 48 | - | ||
| 49 | - .user-thumb { | ||
| 50 | - text-align: center; | ||
| 51 | - padding: 20px 0; | ||
| 52 | - background: #f8f8f8; | ||
| 53 | - | ||
| 54 | - .thumb-bg { | ||
| 55 | - width: 100px; | ||
| 56 | - height: 100px; | ||
| 57 | - padding: 5px 7px 7px 5px; | ||
| 58 | - margin: 0 auto; | ||
| 59 | - background: resolve(home/thumb-bg.png); | ||
| 60 | - } | ||
| 61 | - | ||
| 62 | - img, | ||
| 63 | - .default-user-thumb { | ||
| 64 | - width: 100px; | ||
| 65 | - height: 100px; | ||
| 66 | - } | ||
| 67 | - | ||
| 68 | - .default-user-thumb { | ||
| 69 | - background: resolve(home/default-thumb.png) no-repeat; | ||
| 70 | - background-size: 100%; | ||
| 71 | - } | ||
| 72 | - } | ||
| 73 | - | ||
| 74 | - .home-navigation { | ||
| 75 | - float: left; | ||
| 76 | - width: 180px; | ||
| 77 | - margin-right: 8px; | ||
| 78 | - | ||
| 79 | - .ucenter { | ||
| 80 | - background-image: resolve(home/ucenter.png); | ||
| 81 | - } | ||
| 82 | - } | ||
| 83 | - | ||
| 84 | - .nav-group .row { | ||
| 85 | - height: 38px; | ||
| 86 | - line-height: 38px; | ||
| 87 | - border-top: 1px solid #e2e2e2; | ||
| 88 | - padding-left: 35px; | ||
| 89 | - color: #666; | ||
| 90 | - background: #f8f8f8; | ||
| 91 | - font-size: 12px; | ||
| 92 | - | ||
| 93 | - a { | ||
| 94 | - display: inline-block; | ||
| 95 | - color: #666; | ||
| 96 | - } | ||
| 97 | - | ||
| 98 | - &.active { | ||
| 99 | - background: #636363; | ||
| 100 | - | ||
| 101 | - a { | ||
| 102 | - color: #fff; | ||
| 103 | - } | ||
| 104 | - } | ||
| 105 | - | ||
| 106 | - &.first { | ||
| 107 | - border-top: none; | ||
| 108 | - } | ||
| 109 | - | ||
| 110 | - span { | ||
| 111 | - color: #e0012b; | ||
| 112 | - font-weight: bold; | ||
| 113 | - } | ||
| 114 | - | ||
| 115 | - .new-count { | ||
| 116 | - text-indent: -9999px; | ||
| 117 | - background: resolve(home/new-ico.gif) no-repeat; | ||
| 118 | - display: inline-block; | ||
| 119 | - width: 30px; | ||
| 120 | - height: 14px; | ||
| 121 | - vertical-align: middle; | ||
| 122 | - } | ||
| 123 | - } | ||
| 124 | - | ||
| 125 | - .nav-group li:hover { | ||
| 126 | - background: #fff; | ||
| 127 | - color: #000; | ||
| 128 | - } | ||
| 129 | - | ||
| 130 | - .nav-group .nav-title { | ||
| 131 | - font-size: 14px; | ||
| 132 | - border-top: 1px solid #ccc; | ||
| 133 | - border-bottom: 1px solid #ccc; | ||
| 134 | - color: #333; | ||
| 135 | - background: #e6e6e6; | ||
| 136 | - padding-left: 0; | ||
| 137 | - | ||
| 138 | - .title-icon { | ||
| 139 | - float: left; | ||
| 140 | - display: block; | ||
| 141 | - width: 15px; | ||
| 142 | - height: 15px; | ||
| 143 | - background: resolve(home/pre-title.png); | ||
| 144 | - margin: 10px 10px 0; | ||
| 145 | - } | ||
| 146 | - } | ||
| 147 | - | ||
| 148 | - .me-main { | ||
| 149 | - float: left; | ||
| 150 | - width: 800px; | ||
| 151 | - } | ||
| 152 | - | ||
| 153 | - .me-pager { | ||
| 154 | - width: 778px; | ||
| 155 | - height: 22px; | ||
| 156 | - line-height: 22px; | ||
| 157 | - background: #f3f3f3; | ||
| 158 | - border-top: 1px solid #e3e3e3; | ||
| 159 | - padding: 10px; | ||
| 160 | - font-size: 12px; | ||
| 161 | - color: #666; | ||
| 162 | - | ||
| 163 | - .check-all { | ||
| 164 | - margin: 0; | ||
| 165 | - vertical-align: text-top; | ||
| 166 | - margin-right: 5px; | ||
| 167 | - } | ||
| 168 | - | ||
| 169 | - .del-checked { | ||
| 170 | - cursor: pointer; | ||
| 171 | - margin-left: 5px; | ||
| 172 | - | ||
| 173 | - &:hover { | ||
| 174 | - color: #468fa2; | ||
| 175 | - text-decoration: underline; | ||
| 176 | - } | ||
| 177 | - } | ||
| 178 | - | ||
| 179 | - a { | ||
| 180 | - border: 1px solid #cecece; | ||
| 181 | - padding: 0 6px; | ||
| 182 | - height: 18px; | ||
| 183 | - line-height: 18px; | ||
| 184 | - border-radius: 2px; | ||
| 185 | - margin-right: 4px; | ||
| 186 | - background-color: #fff; | ||
| 187 | - | ||
| 188 | - &:hover, | ||
| 189 | - &.cur { | ||
| 190 | - background-color: #222; | ||
| 191 | - color: #fff; | ||
| 192 | - } | ||
| 193 | - } | ||
| 194 | - | ||
| 195 | - .pager-html { | ||
| 196 | - display: inline; | ||
| 197 | - } | ||
| 198 | - } | ||
| 199 | - | ||
| 200 | - .help-us { | ||
| 201 | - height: 20px; | ||
| 202 | - line-height: 20px; | ||
| 203 | - font-size: 12px; | ||
| 204 | - | ||
| 205 | - a { | ||
| 206 | - color: #468fa2; | ||
| 207 | - } | ||
| 208 | - | ||
| 209 | - .help-us-icon { | ||
| 210 | - display: inline-block; | ||
| 211 | - width: 12px; | ||
| 212 | - height: 12px; | ||
| 213 | - margin-right: 8px; | ||
| 214 | - vertical-align: middle; | ||
| 215 | - background: resolve(home/help-us.png); | ||
| 216 | - } | ||
| 217 | - } | ||
| 218 | - | ||
| 219 | - .help-us-txt { | ||
| 220 | - vertical-align: middle; | ||
| 221 | - } | ||
| 222 | - | ||
| 223 | - .empty-tip { | ||
| 224 | - padding: 200px 0; | ||
| 225 | - text-align: center; | ||
| 226 | - overflow: hidden; | ||
| 227 | - } | ||
| 228 | - | ||
| 229 | - .tabs { | ||
| 230 | - height: 25px; | ||
| 231 | - margin: 10px; | ||
| 232 | - background: resolve(home/tab.png) repeat-x 0 -25px; | ||
| 233 | - font-size: 12px; | ||
| 234 | - line-height: 25px; | ||
| 235 | - padding-left: 10px; | ||
| 236 | - | ||
| 237 | - li { | ||
| 238 | - display: block; | ||
| 239 | - float: left; | ||
| 240 | - width: 88px; | ||
| 241 | - height: 25px; | ||
| 242 | - text-align: center; | ||
| 243 | - background: resolve(home/tab.png) no-repeat -92px 0; | ||
| 244 | - margin-right: 3px; | ||
| 245 | - color: #333; | ||
| 246 | - | ||
| 247 | - &.active { | ||
| 248 | - background-position: 0 0; | ||
| 249 | - font-weight: bold; | ||
| 250 | - } | ||
| 251 | - } | ||
| 252 | - | ||
| 253 | - a { | ||
| 254 | - display: block; | ||
| 255 | - width: 100%; | ||
| 256 | - height: 100%; | ||
| 257 | - } | ||
| 258 | - } | ||
| 259 | - | ||
| 260 | - .table-header { | ||
| 261 | - height: 30px; | ||
| 262 | - line-height: 30px; | ||
| 263 | - background: #efefef; | ||
| 264 | - border: 1px solid #e6e6e6; | ||
| 265 | - padding: 0 10px; | ||
| 266 | - | ||
| 267 | - > span { | ||
| 268 | - display: block; | ||
| 269 | - float: left; | ||
| 270 | - text-align: center; | ||
| 271 | - } | ||
| 272 | - } | ||
| 273 | - | ||
| 274 | - .freebie-tag, | ||
| 275 | - .advance-buy-tag, | ||
| 276 | - .virtual-good-tag, | ||
| 277 | - .presall-tag { | ||
| 278 | - display: block; | ||
| 279 | - position: absolute; | ||
| 280 | - bottom: 0; | ||
| 281 | - left: 0; | ||
| 282 | - right: 0; | ||
| 283 | - height: 15px; | ||
| 284 | - line-height: 16px; | ||
| 285 | - text-align: center; | ||
| 286 | - color: #fff; | ||
| 287 | - } | ||
| 288 | - | ||
| 289 | - .freebie-tag { | ||
| 290 | - background: #88be51; | ||
| 291 | - } | ||
| 292 | - | ||
| 293 | - .advance-buy-tag { | ||
| 294 | - background: #fc1264; | ||
| 295 | - } | ||
| 296 | - | ||
| 297 | - .virtual-good-tag, | ||
| 298 | - .presall-tag { | ||
| 299 | - background: #333; | ||
| 300 | - } | ||
| 301 | - | ||
| 302 | - .swindle-info { | ||
| 303 | - margin: 10px; | ||
| 304 | - padding: 10px; | ||
| 305 | - font-size: 12px; | ||
| 306 | - background-color: #faf6da; | ||
| 307 | - color: #444; | ||
| 308 | - | ||
| 309 | - span { | ||
| 310 | - color: #cd0c25; | ||
| 311 | - } | ||
| 312 | - } | ||
| 313 | -} | ||
| 314 | -/* stylelint-disable */ | 1 | +@import "base"; |
| 315 | @import "default"; | 2 | @import "default"; |
| 316 | @import "order-block"; | 3 | @import "order-block"; |
| 317 | @import "orders"; | 4 | @import "orders"; |
| @@ -335,4 +22,3 @@ | @@ -335,4 +22,3 @@ | ||
| 335 | @import "../variables"; | 22 | @import "../variables"; |
| 336 | @import "returns-detail"; | 23 | @import "returns-detail"; |
| 337 | @import "returns-save"; | 24 | @import "returns-save"; |
| 338 | -/* stylelint-enable */ |
| 1 | +@import "goods_type"; | ||
| 2 | + | ||
| 1 | .apply-returns-page { | 3 | .apply-returns-page { |
| 2 | font-size: 12px; | 4 | font-size: 12px; |
| 3 | 5 | ||
| @@ -636,6 +638,3 @@ | @@ -636,6 +638,3 @@ | ||
| 636 | @mixin special-limit-day-box 35, 30, 31; | 638 | @mixin special-limit-day-box 35, 30, 31; |
| 637 | } | 639 | } |
| 638 | } | 640 | } |
| 639 | -/* stylelint-disable */ | ||
| 640 | -@import "goods_type"; | ||
| 641 | -/* stylelint-enable */ |
| 1 | -.passport-page { | ||
| 2 | - margin-right: auto; | ||
| 3 | - margin-left: auto; | ||
| 4 | - width: 1150px; | ||
| 5 | - | ||
| 6 | - .content { | ||
| 7 | - float: left; | ||
| 8 | - margin-top: 107px; | ||
| 9 | - padding-left: 85px; | ||
| 10 | - } | ||
| 11 | - | ||
| 12 | - .input { | ||
| 13 | - width: 268px; | ||
| 14 | - height: 43px; | ||
| 15 | - border: 1px solid #dbdbdb; | ||
| 16 | - color: #9a9a9a; | ||
| 17 | - color: rgba(0, 0, 0, 0.5); | ||
| 18 | - text-indent: 10px; | ||
| 19 | - font-size: 16px; | ||
| 20 | - line-height: 1.2; | ||
| 21 | - line-height: 43px\9; | ||
| 22 | - } | ||
| 23 | - | ||
| 24 | - .error { | ||
| 25 | - border-color: #f00 !important; | ||
| 26 | - } | ||
| 27 | - | ||
| 28 | - .btn { | ||
| 29 | - display: block; | ||
| 30 | - width: 100%; | ||
| 31 | - height: 46px; | ||
| 32 | - background-color: #ff1901; | ||
| 33 | - color: #fff; | ||
| 34 | - text-align: center; | ||
| 35 | - letter-spacing: 10px; | ||
| 36 | - font-size: 20px; | ||
| 37 | - line-height: 46px; | ||
| 38 | - cursor: pointer; | ||
| 39 | - | ||
| 40 | - &.disable { | ||
| 41 | - background-color: #555; | ||
| 42 | - cursor: default; | ||
| 43 | - } | ||
| 44 | - } | ||
| 45 | - | ||
| 46 | - .pwd-intensity-container { | ||
| 47 | - padding-top: 5px; | ||
| 48 | - width: 270px; | ||
| 49 | - text-align: right; | ||
| 50 | - | ||
| 51 | - &.red { | ||
| 52 | - .pwd-intensity { | ||
| 53 | - color: #e01; | ||
| 54 | - } | ||
| 55 | - | ||
| 56 | - .color { | ||
| 57 | - background: #e01; | ||
| 58 | - color: #fff; | ||
| 59 | - } | ||
| 60 | - } | ||
| 61 | - | ||
| 62 | - &.yellow { | ||
| 63 | - .pwd-intensity { | ||
| 64 | - color: #f6da1e; | ||
| 65 | - } | ||
| 66 | - | ||
| 67 | - .color { | ||
| 68 | - background: #f6da1e; | ||
| 69 | - color: #fff; | ||
| 70 | - } | ||
| 71 | - } | ||
| 72 | - | ||
| 73 | - &.green { | ||
| 74 | - .pwd-intensity { | ||
| 75 | - color: #3ee392; | ||
| 76 | - } | ||
| 77 | - | ||
| 78 | - .color { | ||
| 79 | - background: #3ee392; | ||
| 80 | - color: #fff; | ||
| 81 | - } | ||
| 82 | - } | ||
| 83 | - | ||
| 84 | - .pwd-intensity { | ||
| 85 | - padding: 0 10px; | ||
| 86 | - height: 15px; | ||
| 87 | - background-color: #e8e8e8; | ||
| 88 | - color: #b9b9b9; | ||
| 89 | - text-align: center; | ||
| 90 | - font-size: 12px; | ||
| 91 | - } | ||
| 92 | - } | ||
| 93 | - | ||
| 94 | - .pwd-tips { | ||
| 95 | - position: absolute; | ||
| 96 | - top: -10px; | ||
| 97 | - left: 285px; | ||
| 98 | - padding-top: 7px; | ||
| 99 | - width: 160px !important; | ||
| 100 | - height: 72px; | ||
| 101 | - background: url(/passport/tip/block.png) no-repeat; | ||
| 102 | - font-size: 12px; | ||
| 103 | - | ||
| 104 | - > div { | ||
| 105 | - position: relative; | ||
| 106 | - margin-left: 15px; | ||
| 107 | - padding-left: 15px; | ||
| 108 | - height: 22px; | ||
| 109 | - color: #b9b9b9; | ||
| 110 | - font-size: 12px; | ||
| 111 | - line-height: 22px; | ||
| 112 | - | ||
| 113 | - i { | ||
| 114 | - position: absolute; | ||
| 115 | - top: 50%; | ||
| 116 | - left: -2px; | ||
| 117 | - margin: -7px 0 0; | ||
| 118 | - width: 14px; | ||
| 119 | - height: 14px; | ||
| 120 | - background: url(/passport/tip/info.png) no-repeat; | ||
| 121 | - } | ||
| 122 | - | ||
| 123 | - &.no { | ||
| 124 | - color: red; | ||
| 125 | - | ||
| 126 | - i { | ||
| 127 | - background: url(/passport/tip/error.png) no-repeat; | ||
| 128 | - } | ||
| 129 | - } | ||
| 130 | - | ||
| 131 | - &.yes i { | ||
| 132 | - background: url(/passport/tip/success.png) no-repeat; | ||
| 133 | - } | ||
| 134 | - } | ||
| 135 | - } | ||
| 136 | - | ||
| 137 | - .email-autocomplete { | ||
| 138 | - position: absolute; | ||
| 139 | - z-index: 1; | ||
| 140 | - margin-top: 5px; | ||
| 141 | - padding: 0 10px; | ||
| 142 | - width: 248px; | ||
| 143 | - border: 1px solid #fefefe; | ||
| 144 | - border-radius: 5px; | ||
| 145 | - background-color: #161616; | ||
| 146 | - color: #fff; | ||
| 147 | - font-size: 16px; | ||
| 148 | - cursor: pointer; | ||
| 149 | - | ||
| 150 | - li { | ||
| 151 | - height: 24px; | ||
| 152 | - line-height: 24px; | ||
| 153 | - } | ||
| 154 | - } | ||
| 155 | - | ||
| 156 | - .err-tip { | ||
| 157 | - position: absolute; | ||
| 158 | - top: 8px; | ||
| 159 | - left: 285px; | ||
| 160 | - padding: 6px 0; | ||
| 161 | - color: #f00; | ||
| 162 | - white-space: nowrap; | ||
| 163 | - font-size: 14px; | ||
| 164 | - | ||
| 165 | - i { | ||
| 166 | - display: block; | ||
| 167 | - float: left; | ||
| 168 | - margin-right: 5px; | ||
| 169 | - width: 14px; | ||
| 170 | - height: 14px; | ||
| 171 | - background: url(/passport/tip/error.png) no-repeat; | ||
| 172 | - } | ||
| 173 | - | ||
| 174 | - a { | ||
| 175 | - color: #f00; | ||
| 176 | - text-decoration: underline; | ||
| 177 | - } | ||
| 178 | - } | ||
| 179 | - | ||
| 180 | - /* 完善信息提示框 */ | ||
| 181 | - .page-tip { | ||
| 182 | - display: block; | ||
| 183 | - clear: both; | ||
| 184 | - margin-bottom: 15px; | ||
| 185 | - width: 100%; | ||
| 186 | - height: 30px; | ||
| 187 | - color: #ccc; | ||
| 188 | - text-align: center; | ||
| 189 | - font-weight: bold; | ||
| 190 | - font-size: 20px; | ||
| 191 | - line-height: 30px; | ||
| 192 | - } | ||
| 193 | -} | ||
| 194 | - | ||
| 195 | -.passport-cover { | ||
| 196 | - float: left; | ||
| 197 | - margin: 107px 0; | ||
| 198 | - width: 575px; | ||
| 199 | - | ||
| 200 | - .cover-content { | ||
| 201 | - padding: 50px 0; | ||
| 202 | - width: 100%; | ||
| 203 | - height: 318px; | ||
| 204 | - border-right: 1px solid #dfdfdf; | ||
| 205 | - } | ||
| 206 | - | ||
| 207 | - .cover-img { | ||
| 208 | - display: block; | ||
| 209 | - margin: 0 auto; | ||
| 210 | - margin-top: 50px; | ||
| 211 | - width: 252px; | ||
| 212 | - height: 190px; | ||
| 213 | - } | ||
| 214 | -} | ||
| 215 | -/* stylelint-disable */ | 1 | +@import "base"; |
| 216 | @import "login"; | 2 | @import "login"; |
| 217 | @import "register"; | 3 | @import "register"; |
| 218 | @import "back"; | 4 | @import "back"; |
| @@ -221,4 +7,3 @@ | @@ -221,4 +7,3 @@ | ||
| 221 | @import "third"; | 7 | @import "third"; |
| 222 | @import "_bind-tip.css"; | 8 | @import "_bind-tip.css"; |
| 223 | @import "../variables"; | 9 | @import "../variables"; |
| 224 | -/* stylelint-enable */ |
| 1 | -.outlets-page { | ||
| 2 | - .center-content { | ||
| 3 | - width: 1150px !important; | ||
| 4 | - } | ||
| 5 | - | ||
| 6 | - .column-img-tab { | ||
| 7 | - margin-top: 15px; | ||
| 8 | - | ||
| 9 | - li { | ||
| 10 | - width: 380px; | ||
| 11 | - max-height: 178px; | ||
| 12 | - margin-left: 5px; | ||
| 13 | - float: left; | ||
| 14 | - overflow: hidden; | ||
| 15 | - } | ||
| 16 | - | ||
| 17 | - li:first-child { | ||
| 18 | - margin-left: 0; | ||
| 19 | - } | ||
| 20 | - | ||
| 21 | - img { | ||
| 22 | - width: 100%; | ||
| 23 | - } | ||
| 24 | - } | ||
| 25 | - | ||
| 26 | - .limited-buy { | ||
| 27 | - .limit-list { | ||
| 28 | - width: 65%; | ||
| 29 | - } | ||
| 30 | - | ||
| 31 | - .limit-item { | ||
| 32 | - height: 260px; | ||
| 33 | - margin-top: 15px; | ||
| 34 | - overflow: hidden; | ||
| 35 | - | ||
| 36 | - img { | ||
| 37 | - width: 76%; | ||
| 38 | - height: 100%; | ||
| 39 | - float: right; | ||
| 40 | - } | ||
| 41 | - | ||
| 42 | - .item-info { | ||
| 43 | - width: 24%; | ||
| 44 | - height: 100%; | ||
| 45 | - color: #585858; | ||
| 46 | - font-size: 14px; | ||
| 47 | - background-color: #f5f5f5; | ||
| 48 | - position: relative; | ||
| 49 | - text-align: center; | ||
| 50 | - z-index: 1; | ||
| 51 | - } | ||
| 52 | - | ||
| 53 | - .item-info > a { | ||
| 54 | - width: 100%; | ||
| 55 | - height: 100%; | ||
| 56 | - display: block; | ||
| 57 | - } | ||
| 58 | - | ||
| 59 | - .logo-img { | ||
| 60 | - width: 140px; | ||
| 61 | - height: auto; | ||
| 62 | - margin: 25px 0 40px; | ||
| 63 | - float: none; | ||
| 64 | - } | ||
| 65 | - | ||
| 66 | - .discount { | ||
| 67 | - font-size: 20px; | ||
| 68 | - font-weight: bold; | ||
| 69 | - } | ||
| 70 | - | ||
| 71 | - i { | ||
| 72 | - font-style: italic; | ||
| 73 | - color: #fe575d; | ||
| 74 | - font-size: 30px; | ||
| 75 | - margin-right: 10px; | ||
| 76 | - } | ||
| 77 | - | ||
| 78 | - .title { | ||
| 79 | - font-size: 16px; | ||
| 80 | - margin: 28px 0 14px; | ||
| 81 | - padding: 0 8px; | ||
| 82 | - font-weight: bold; | ||
| 83 | - } | ||
| 84 | - | ||
| 85 | - .time { | ||
| 86 | - color: #585858; | ||
| 87 | - } | ||
| 88 | - } | ||
| 89 | - | ||
| 90 | - .limit-item:first-child { | ||
| 91 | - margin-top: 0; | ||
| 92 | - } | ||
| 93 | - } | ||
| 94 | - | ||
| 95 | - .limit-extra { | ||
| 96 | - width: 33%; | ||
| 97 | - | ||
| 98 | - .source-img { | ||
| 99 | - display: block; | ||
| 100 | - margin-bottom: 15px; | ||
| 101 | - } | ||
| 102 | - | ||
| 103 | - .type-list { | ||
| 104 | - padding: 15px 10px; | ||
| 105 | - | ||
| 106 | - li { | ||
| 107 | - width: 27%; | ||
| 108 | - margin-left: 4%; | ||
| 109 | - line-height: 40px; | ||
| 110 | - display: inline-block; | ||
| 111 | - text-align: center; | ||
| 112 | - } | ||
| 113 | - } | ||
| 114 | - | ||
| 115 | - .brand-list { | ||
| 116 | - width: 1135px; | ||
| 117 | - max-height: 273px; | ||
| 118 | - overflow: hidden; | ||
| 119 | - | ||
| 120 | - .list-page { | ||
| 121 | - width: 378px; | ||
| 122 | - max-height: 918px; | ||
| 123 | - overflow: hidden; | ||
| 124 | - display: inline-block; | ||
| 125 | - vertical-align: top; | ||
| 126 | - } | ||
| 127 | - | ||
| 128 | - .brand-item { | ||
| 129 | - width: 125px; | ||
| 130 | - height: 90px; | ||
| 131 | - float: left; | ||
| 132 | - border: 1px solid #ccc; | ||
| 133 | - margin-top: -1px; | ||
| 134 | - margin-left: -1px; | ||
| 135 | - text-align: center; | ||
| 136 | - } | ||
| 137 | - | ||
| 138 | - .brand-item img { | ||
| 139 | - width: 90%; | ||
| 140 | - margin-top: 19px; | ||
| 141 | - } | ||
| 142 | - } | ||
| 143 | - | ||
| 144 | - .brand-page-btns { | ||
| 145 | - margin-top: 10px; | ||
| 146 | - } | ||
| 147 | - | ||
| 148 | - .good-list { | ||
| 149 | - width: 300%; | ||
| 150 | - | ||
| 151 | - .list-page { | ||
| 152 | - width: 33.33%; | ||
| 153 | - max-height: 918px; | ||
| 154 | - overflow: hidden; | ||
| 155 | - display: inline-block; | ||
| 156 | - vertical-align: top; | ||
| 157 | - } | ||
| 158 | - | ||
| 159 | - .good-item { | ||
| 160 | - padding: 15px; | ||
| 161 | - } | ||
| 162 | - | ||
| 163 | - .good-item > a { | ||
| 164 | - width: 90px; | ||
| 165 | - height: 120px; | ||
| 166 | - display: inline-block; | ||
| 167 | - } | ||
| 168 | - | ||
| 169 | - .good-item > img { | ||
| 170 | - width: 100%; | ||
| 171 | - height: 100%; | ||
| 172 | - } | ||
| 173 | - } | ||
| 174 | - | ||
| 175 | - .item-text { | ||
| 176 | - width: 64%; | ||
| 177 | - padding-right: 10px; | ||
| 178 | - padding-top: 5px; | ||
| 179 | - float: right; | ||
| 180 | - | ||
| 181 | - a { | ||
| 182 | - line-height: 26px; | ||
| 183 | - color: #555; | ||
| 184 | - margin: 5px 0 20px; | ||
| 185 | - } | ||
| 186 | - | ||
| 187 | - .price { | ||
| 188 | - margin-top: 20px; | ||
| 189 | - } | ||
| 190 | - | ||
| 191 | - .sale-price { | ||
| 192 | - color: #ec0011; | ||
| 193 | - margin-right: 8px; | ||
| 194 | - } | ||
| 195 | - | ||
| 196 | - .market-price { | ||
| 197 | - margin-right: 15px; | ||
| 198 | - text-decoration: line-through; | ||
| 199 | - } | ||
| 200 | - | ||
| 201 | - .discount { | ||
| 202 | - font-size: 12px; | ||
| 203 | - line-height: 22px; | ||
| 204 | - color: #fff; | ||
| 205 | - padding: 0 10px 0 20px; | ||
| 206 | - background: resolve("product/discount-tag.png") no-repeat; | ||
| 207 | - display: inline-block; | ||
| 208 | - } | ||
| 209 | - } | ||
| 210 | - | ||
| 211 | - .page-btns { | ||
| 212 | - text-align: center; | ||
| 213 | - padding-bottom: 10px; | ||
| 214 | - display: none; | ||
| 215 | - | ||
| 216 | - label { | ||
| 217 | - width: 40px; | ||
| 218 | - height: 40px; | ||
| 219 | - line-height: 40px; | ||
| 220 | - color: #fff; | ||
| 221 | - background-color: #000; | ||
| 222 | - text-align: center; | ||
| 223 | - display: inline-block; | ||
| 224 | - cursor: pointer; | ||
| 225 | - font-size: 26px; | ||
| 226 | - } | ||
| 227 | - | ||
| 228 | - label:first-child { | ||
| 229 | - margin-right: 20px; | ||
| 230 | - } | ||
| 231 | - } | ||
| 232 | - } | ||
| 233 | - | ||
| 234 | - .extra-pack { | ||
| 235 | - margin-bottom: 15px; | ||
| 236 | - border: 1px solid #000; | ||
| 237 | - overflow: hidden; | ||
| 238 | - | ||
| 239 | - .extra-title { | ||
| 240 | - height: 34px; | ||
| 241 | - line-height: 34px; | ||
| 242 | - background-color: #000; | ||
| 243 | - color: #fff; | ||
| 244 | - font-size: 18px; | ||
| 245 | - text-align: center; | ||
| 246 | - } | ||
| 247 | - } | ||
| 248 | - | ||
| 249 | - .near-over { | ||
| 250 | - width: 1170px; | ||
| 251 | - margin-top: -20px; | ||
| 252 | - | ||
| 253 | - .activity-list { | ||
| 254 | - margin-top: -20px; | ||
| 255 | - } | ||
| 256 | - | ||
| 257 | - li { | ||
| 258 | - float: left; | ||
| 259 | - margin-right: 20px; | ||
| 260 | - margin-top: 20px; | ||
| 261 | - | ||
| 262 | - & > a { | ||
| 263 | - width: 565px; | ||
| 264 | - height: 263px; | ||
| 265 | - display: block; | ||
| 266 | - } | ||
| 267 | - } | ||
| 268 | - | ||
| 269 | - .item-info { | ||
| 270 | - height: 80px; | ||
| 271 | - border: 1px solid #000; | ||
| 272 | - border-top: 0; | ||
| 273 | - margin-top: -3px; | ||
| 274 | - } | ||
| 275 | - | ||
| 276 | - .brand-logo { | ||
| 277 | - width: 120px; | ||
| 278 | - float: right; | ||
| 279 | - margin-top: 14px; | ||
| 280 | - margin-right: 8px; | ||
| 281 | - } | ||
| 282 | - | ||
| 283 | - .activity-info { | ||
| 284 | - width: 380px; | ||
| 285 | - padding: 10px 20px; | ||
| 286 | - | ||
| 287 | - p { | ||
| 288 | - color: #585858; | ||
| 289 | - font-size: 16px; | ||
| 290 | - } | ||
| 291 | - | ||
| 292 | - p:first-child { | ||
| 293 | - font-size: 20px; | ||
| 294 | - font-weight: bold; | ||
| 295 | - margin-bottom: 10px; | ||
| 296 | - color: #000; | ||
| 297 | - } | ||
| 298 | - | ||
| 299 | - i { | ||
| 300 | - font-style: italic; | ||
| 301 | - color: #fe575d; | ||
| 302 | - font-size: 30px; | ||
| 303 | - margin-right: 10px; | ||
| 304 | - } | ||
| 305 | - | ||
| 306 | - .title { | ||
| 307 | - max-width: 250px; | ||
| 308 | - color: #3a3a3a; | ||
| 309 | - font-size: 16px; | ||
| 310 | - margin-left: 20px; | ||
| 311 | - overflow: hidden; | ||
| 312 | - text-overflow: ellipsis; | ||
| 313 | - white-space: nowrap; | ||
| 314 | - display: inline-block; | ||
| 315 | - vertical-align: bottom; | ||
| 316 | - } | ||
| 317 | - } | ||
| 318 | - } | ||
| 319 | - | ||
| 320 | - .sort-layer { | ||
| 321 | - height: 48px; | ||
| 322 | - | ||
| 323 | - .full-line { | ||
| 324 | - width: 100%; | ||
| 325 | - background: #f5f7f6; | ||
| 326 | - position: absolute; | ||
| 327 | - left: 0; | ||
| 328 | - } | ||
| 329 | - | ||
| 330 | - .fixed { | ||
| 331 | - position: fixed; | ||
| 332 | - top: 0; | ||
| 333 | - z-index: 1010; | ||
| 334 | - opacity: 0.9; | ||
| 335 | - } | ||
| 336 | - | ||
| 337 | - .sort-pager { | ||
| 338 | - width: 1150px; | ||
| 339 | - margin: 0 auto; | ||
| 340 | - } | ||
| 341 | - } | ||
| 342 | - | ||
| 343 | - .main-banner { | ||
| 344 | - height: 450px; | ||
| 345 | - position: relative; | ||
| 346 | - | ||
| 347 | - .slide-wrapper { | ||
| 348 | - height: 100%; | ||
| 349 | - } | ||
| 350 | - | ||
| 351 | - ul { | ||
| 352 | - width: 100%; | ||
| 353 | - height: 100%; | ||
| 354 | - position: relative; | ||
| 355 | - } | ||
| 356 | - | ||
| 357 | - li { | ||
| 358 | - width: 100%; | ||
| 359 | - height: 100%; | ||
| 360 | - display: block; | ||
| 361 | - position: absolute; | ||
| 362 | - top: 0; | ||
| 363 | - left: 0; | ||
| 364 | - } | ||
| 365 | - | ||
| 366 | - li > a { | ||
| 367 | - width: 100%; | ||
| 368 | - height: 100%; | ||
| 369 | - display: block; | ||
| 370 | - } | ||
| 371 | - | ||
| 372 | - .slide-switch { | ||
| 373 | - position: relative; | ||
| 374 | - width: 1150px; | ||
| 375 | - left: 50%; | ||
| 376 | - margin-left: -575px; | ||
| 377 | - top: -225px; | ||
| 378 | - display: block; | ||
| 379 | - } | ||
| 380 | - | ||
| 381 | - .slide-shade { | ||
| 382 | - display: none; | ||
| 383 | - } | ||
| 384 | - } | ||
| 385 | -} | ||
| 386 | -/* stylelint-disable */ | 1 | +@import "base"; |
| 387 | @import "channel"; | 2 | @import "channel"; |
| 388 | @import "special"; | 3 | @import "special"; |
| 389 | @import "main-product"; | 4 | @import "main-product"; |
| 390 | -/* stylelint-enable */ |
| 1 | -.center-content { | ||
| 2 | - width: 1150px; | ||
| 3 | - margin-left: auto; | ||
| 4 | - margin-right: auto; | ||
| 5 | -} | ||
| 6 | - | ||
| 7 | -.sale-page { | ||
| 8 | - margin-top: 10px; | ||
| 9 | - | ||
| 10 | - .slide-container { | ||
| 11 | - position: relative; | ||
| 12 | - height: 450px; | ||
| 13 | - | ||
| 14 | - ul { | ||
| 15 | - width: 100%; | ||
| 16 | - height: 100%; | ||
| 17 | - position: relative; | ||
| 18 | - } | ||
| 19 | - | ||
| 20 | - li { | ||
| 21 | - width: 100%; | ||
| 22 | - height: 100%; | ||
| 23 | - display: block; | ||
| 24 | - position: absolute; | ||
| 25 | - top: 0; | ||
| 26 | - left: 0; | ||
| 27 | - } | ||
| 28 | - | ||
| 29 | - li > a { | ||
| 30 | - width: 100%; | ||
| 31 | - height: 100%; | ||
| 32 | - display: block; | ||
| 33 | - } | ||
| 34 | - | ||
| 35 | - .slide-wrapper { | ||
| 36 | - height: 100%; | ||
| 37 | - } | ||
| 38 | - | ||
| 39 | - .slide-switch { | ||
| 40 | - position: relative; | ||
| 41 | - width: 1150px; | ||
| 42 | - left: 50%; | ||
| 43 | - margin-left: -575px; | ||
| 44 | - top: -225px; | ||
| 45 | - display: block; | ||
| 46 | - } | ||
| 47 | - } | ||
| 48 | - | ||
| 49 | - /* | ||
| 50 | - 大banner圆点 | ||
| 51 | - */ | ||
| 52 | - .slide-pagination { | ||
| 53 | - font-size: 0; | ||
| 54 | - | ||
| 55 | - .slide-shade { | ||
| 56 | - position: absolute; | ||
| 57 | - left: 0; | ||
| 58 | - right: 0; | ||
| 59 | - top: 0; | ||
| 60 | - bottom: 0; | ||
| 61 | - background: #000; | ||
| 62 | - opacity: 0.3; | ||
| 63 | - border-radius: 13px; | ||
| 64 | - } | ||
| 65 | - | ||
| 66 | - span { | ||
| 67 | - position: relative; | ||
| 68 | - display: inline-block; | ||
| 69 | - margin: 0 7px; | ||
| 70 | - width: 12px; | ||
| 71 | - height: 12px; | ||
| 72 | - background: #fff; | ||
| 73 | - cursor: pointer; | ||
| 74 | - opacity: 0.6; | ||
| 75 | - border-radius: 6px; | ||
| 76 | - z-index: 2; | ||
| 77 | - | ||
| 78 | - &.focus { | ||
| 79 | - opacity: 1; | ||
| 80 | - } | ||
| 81 | - } | ||
| 82 | - } | ||
| 83 | - | ||
| 84 | - .activity-entry { | ||
| 85 | - margin: 10px 0; | ||
| 86 | - width: 1150px; | ||
| 87 | - | ||
| 88 | - .entry-item { | ||
| 89 | - display: block; | ||
| 90 | - margin-right: 10px; | ||
| 91 | - background: #f5f5f5; | ||
| 92 | - | ||
| 93 | - &.last { | ||
| 94 | - margin-right: 0; | ||
| 95 | - } | ||
| 96 | - } | ||
| 97 | - | ||
| 98 | - .entry-text { | ||
| 99 | - padding-left: 160px; | ||
| 100 | - font-size: 16px; | ||
| 101 | - } | ||
| 102 | - | ||
| 103 | - .icon { | ||
| 104 | - width: 70px; | ||
| 105 | - height: 70px; | ||
| 106 | - margin-left: 48px; | ||
| 107 | - background-repeat: no-repeat; | ||
| 108 | - } | ||
| 109 | - | ||
| 110 | - .title { | ||
| 111 | - font-size: 30px; | ||
| 112 | - font-weight: bold; | ||
| 113 | - line-height: 48px; | ||
| 114 | - } | ||
| 115 | - } | ||
| 116 | - | ||
| 117 | - .floor-title { | ||
| 118 | - margin: 80px auto 40px; | ||
| 119 | - width: 300px; | ||
| 120 | - font-size: 16px; | ||
| 121 | - line-height: 30px; | ||
| 122 | - text-align: center; | ||
| 123 | - border: 1px solid #000; | ||
| 124 | - } | ||
| 125 | - | ||
| 126 | - .brand-sale { | ||
| 127 | - .sale-group-big { | ||
| 128 | - width: 1150px + 10px; | ||
| 129 | - | ||
| 130 | - .item { | ||
| 131 | - width: 375px; | ||
| 132 | - margin-right: 8px; | ||
| 133 | - margin-bottom: 10px; | ||
| 134 | - } | ||
| 135 | - | ||
| 136 | - .pic { | ||
| 137 | - position: relative; | ||
| 138 | - height: 375px; | ||
| 139 | - } | ||
| 140 | - | ||
| 141 | - .time { | ||
| 142 | - @include box-sizing(border-box); | ||
| 143 | - | ||
| 144 | - position: absolute; | ||
| 145 | - left: 0; | ||
| 146 | - bottom: 0; | ||
| 147 | - opacity: 0.7; | ||
| 148 | - width: 100%; | ||
| 149 | - letter-spacing: 1px; | ||
| 150 | - font-size: 16px; | ||
| 151 | - line-height: 30px; | ||
| 152 | - text-align: right; | ||
| 153 | - color: #fff; | ||
| 154 | - background: #4e4e4e; | ||
| 155 | - | ||
| 156 | - span { | ||
| 157 | - margin-right: 10px; | ||
| 158 | - } | ||
| 159 | - } | ||
| 160 | - | ||
| 161 | - .time-span { | ||
| 162 | - margin-right: 20px; | ||
| 163 | - } | ||
| 164 | - | ||
| 165 | - .detail { | ||
| 166 | - background: #f5f5f5; | ||
| 167 | - } | ||
| 168 | - | ||
| 169 | - .brand { | ||
| 170 | - margin: 10px; | ||
| 171 | - } | ||
| 172 | - | ||
| 173 | - .text { | ||
| 174 | - padding: 24px 10px 48px 0; | ||
| 175 | - font-size: 16px; | ||
| 176 | - padding-bottom: 20px; | ||
| 177 | - color: #fd5659; | ||
| 178 | - } | ||
| 179 | - | ||
| 180 | - .discount { | ||
| 181 | - font-size: 28px; | ||
| 182 | - font-weight: bold; | ||
| 183 | - text-align: right; | ||
| 184 | - margin-right: 20px; | ||
| 185 | - max-width: 220px; | ||
| 186 | - overflow: hidden; | ||
| 187 | - text-overflow: ellipsis; | ||
| 188 | - white-space: nowrap; | ||
| 189 | - | ||
| 190 | - .num { | ||
| 191 | - font-size: 38px; | ||
| 192 | - max-width: 120px; | ||
| 193 | - overflow: hidden; | ||
| 194 | - } | ||
| 195 | - } | ||
| 196 | - | ||
| 197 | - .active-name { | ||
| 198 | - font-size: 15px; | ||
| 199 | - font-weight: bold; | ||
| 200 | - text-align: center; | ||
| 201 | - margin-top: 10px; | ||
| 202 | - } | ||
| 203 | - | ||
| 204 | - .title { | ||
| 205 | - font-size: 14px; | ||
| 206 | - max-width: 200px; | ||
| 207 | - overflow: hidden; | ||
| 208 | - text-overflow: ellipsis; | ||
| 209 | - white-space: nowrap; | ||
| 210 | - text-align: center; | ||
| 211 | - } | ||
| 212 | - } | ||
| 213 | - | ||
| 214 | - .sale-group { | ||
| 215 | - width: 1150px + 8px; | ||
| 216 | - | ||
| 217 | - .item { | ||
| 218 | - width: 183px; | ||
| 219 | - margin-right: 8px; | ||
| 220 | - margin-bottom: 10px; | ||
| 221 | - } | ||
| 222 | - | ||
| 223 | - .pic { | ||
| 224 | - width: 100%; | ||
| 225 | - display: block; | ||
| 226 | - } | ||
| 227 | - | ||
| 228 | - .detail { | ||
| 229 | - padding: 14px 10px; | ||
| 230 | - background: #f5f5f5; | ||
| 231 | - text-align: center; | ||
| 232 | - line-height: 20px; | ||
| 233 | - } | ||
| 234 | - | ||
| 235 | - .title { | ||
| 236 | - height: 20px; | ||
| 237 | - width: auto; | ||
| 238 | - font-size: 10px; | ||
| 239 | - line-height: 20px; | ||
| 240 | - font-weight: 500; | ||
| 241 | - text-align: center; | ||
| 242 | - max-width: 200px; | ||
| 243 | - overflow: hidden; | ||
| 244 | - text-overflow: ellipsis; | ||
| 245 | - white-space: nowrap; | ||
| 246 | - | ||
| 247 | - span { | ||
| 248 | - font-size: 18px; | ||
| 249 | - color: #ff0705; | ||
| 250 | - display: inline-block; | ||
| 251 | - } | ||
| 252 | - } | ||
| 253 | - | ||
| 254 | - .time { | ||
| 255 | - font-size: 13px; | ||
| 256 | - font-weight: 600; | ||
| 257 | - } | ||
| 258 | - } | ||
| 259 | - } | ||
| 260 | - | ||
| 261 | - .sale-nav { | ||
| 262 | - display: inline-block; | ||
| 263 | - width: 100%; | ||
| 264 | - height: 40px; | ||
| 265 | - background-color: #f5f5f5; | ||
| 266 | - } | ||
| 267 | - | ||
| 268 | - li { | ||
| 269 | - cursor: pointer; | ||
| 270 | - float: left; | ||
| 271 | - width: 20%; | ||
| 272 | - height: 40px; | ||
| 273 | - line-height: 40px; | ||
| 274 | - text-align: center; | ||
| 275 | - background-color: #f5f5f5; | ||
| 276 | - color: #6d6d6d; | ||
| 277 | - margin-bottom: 10px; | ||
| 278 | - | ||
| 279 | - &.active { | ||
| 280 | - color: #fff; | ||
| 281 | - background-repeat: no-repeat; | ||
| 282 | - background-size: 100% 100%; | ||
| 283 | - } | ||
| 284 | - | ||
| 285 | - &.green { | ||
| 286 | - &.active { | ||
| 287 | - color: #fff; | ||
| 288 | - background-image: resolve("sale/navactive-green-middle.png"); | ||
| 289 | - background-repeat: no-repeat; | ||
| 290 | - background-size: 100% 100%; | ||
| 291 | - } | ||
| 292 | - | ||
| 293 | - &.first.active { | ||
| 294 | - background-image: resolve("sale/navactive-green-first.png"); | ||
| 295 | - } | ||
| 296 | - | ||
| 297 | - &.last.active { | ||
| 298 | - background-image: resolve("sale/navactive-green-last.png"); | ||
| 299 | - } | ||
| 300 | - } | ||
| 301 | - | ||
| 302 | - &.yellow { | ||
| 303 | - &.active { | ||
| 304 | - color: #fff; | ||
| 305 | - background-image: resolve("sale/navactive-yellow-middle.png"); | ||
| 306 | - background-repeat: no-repeat; | ||
| 307 | - background-size: 100% 100%; | ||
| 308 | - } | ||
| 309 | - | ||
| 310 | - &.first.active { | ||
| 311 | - background-image: resolve("sale/navactive-yellow-first.png"); | ||
| 312 | - } | ||
| 313 | - | ||
| 314 | - &.last.active { | ||
| 315 | - background-image: resolve("sale/navactive-yellow-last.png"); | ||
| 316 | - } | ||
| 317 | - } | ||
| 318 | - | ||
| 319 | - &.red { | ||
| 320 | - &.active { | ||
| 321 | - color: #fff; | ||
| 322 | - background-image: resolve("sale/navactive-red-middle.png"); | ||
| 323 | - background-repeat: no-repeat; | ||
| 324 | - background-size: 100% 100%; | ||
| 325 | - } | ||
| 326 | - | ||
| 327 | - &.first.active { | ||
| 328 | - background-image: resolve("sale/navactive-red-first.png"); | ||
| 329 | - } | ||
| 330 | - | ||
| 331 | - &.last.active { | ||
| 332 | - background-image: resolve("sale/navactive-red-last.png"); | ||
| 333 | - } | ||
| 334 | - } | ||
| 335 | - } | ||
| 336 | - | ||
| 337 | - @media screen and (min-width: 1150px) { | ||
| 338 | - .floor-header { | ||
| 339 | - margin: 80px 0 40px; | ||
| 340 | - | ||
| 341 | - .header-navs li { | ||
| 342 | - padding: 1px 15px; | ||
| 343 | - } | ||
| 344 | - } | ||
| 345 | - } | ||
| 346 | - | ||
| 347 | - .commodity-list ul { | ||
| 348 | - width: 1004px; | ||
| 349 | - } | ||
| 350 | - | ||
| 351 | - .commodity-item { | ||
| 352 | - float: left; | ||
| 353 | - width: 241px; | ||
| 354 | - margin: 0 10px 0 0; | ||
| 355 | - } | ||
| 356 | - | ||
| 357 | - .commodity-img { | ||
| 358 | - position: relative; | ||
| 359 | - height: 323px; | ||
| 360 | - text-align: center; | ||
| 361 | - | ||
| 362 | - img { | ||
| 363 | - width: 100%; | ||
| 364 | - height: 100%; | ||
| 365 | - vertical-align: middle; | ||
| 366 | - } | ||
| 367 | - | ||
| 368 | - .top-tag { | ||
| 369 | - position: absolute; | ||
| 370 | - width: 60px; | ||
| 371 | - height: 60px; | ||
| 372 | - top: 10px; | ||
| 373 | - right: 10px; | ||
| 374 | - line-height: 60px; | ||
| 375 | - font-size: 20px; | ||
| 376 | - color: #fff; | ||
| 377 | - } | ||
| 378 | - | ||
| 379 | - .few-tag { | ||
| 380 | - position: absolute; | ||
| 381 | - bottom: 0; | ||
| 382 | - width: 100%; | ||
| 383 | - height: 20px; | ||
| 384 | - background: #ffac5b; | ||
| 385 | - color: #fff; | ||
| 386 | - line-height: 20px; | ||
| 387 | - text-align: center; | ||
| 388 | - font-size: 12px; | ||
| 389 | - } | ||
| 390 | - } | ||
| 391 | - | ||
| 392 | - .commodity-content { | ||
| 393 | - padding-top: 10px; | ||
| 394 | - height: 69px; | ||
| 395 | - overflow: hidden; | ||
| 396 | - | ||
| 397 | - .commodity-name { | ||
| 398 | - font-size: 12px; | ||
| 399 | - color: #000; | ||
| 400 | - line-height: 18px; | ||
| 401 | - text-align: center; | ||
| 402 | - } | ||
| 403 | - | ||
| 404 | - .commodity-price { | ||
| 405 | - position: relative; | ||
| 406 | - margin-top: 3px; | ||
| 407 | - text-align: center; | ||
| 408 | - line-height: 20px; | ||
| 409 | - color: #000; | ||
| 410 | - | ||
| 411 | - span { | ||
| 412 | - display: inline-block; | ||
| 413 | - *display: inline; | ||
| 414 | - *zoom: 1; | ||
| 415 | - font-size: 12px; | ||
| 416 | - padding: 0 15px; | ||
| 417 | - | ||
| 418 | - &.origin { | ||
| 419 | - text-decoration: line-through; | ||
| 420 | - } | ||
| 421 | - } | ||
| 422 | - | ||
| 423 | - strong { | ||
| 424 | - font-weight: normal; | ||
| 425 | - color: #565656; | ||
| 426 | - font-size: 13px; | ||
| 427 | - } | ||
| 428 | - } | ||
| 429 | - } | ||
| 430 | - | ||
| 431 | - @media screen and (min-width: 1150px) { | ||
| 432 | - .commodity-list ul { | ||
| 433 | - width: 1160px; | ||
| 434 | - } | ||
| 435 | - | ||
| 436 | - .commodity-item { | ||
| 437 | - width: 280px; | ||
| 438 | - } | ||
| 439 | - | ||
| 440 | - .commodity-img { | ||
| 441 | - height: 374px; | ||
| 442 | - } | ||
| 443 | - | ||
| 444 | - .commodity-content { | ||
| 445 | - padding-top: 14px; | ||
| 446 | - height: 77px; | ||
| 447 | - } | ||
| 448 | - } | ||
| 449 | - | ||
| 450 | - .good-info { | ||
| 451 | - .good-detail-text { | ||
| 452 | - > a { | ||
| 453 | - margin-top: 16px; | ||
| 454 | - line-height: 1.5; | ||
| 455 | - display: block; | ||
| 456 | - text-align: center; | ||
| 457 | - font-weight: 600; | ||
| 458 | - | ||
| 459 | - @mixin ellipsis ; | ||
| 460 | - } | ||
| 461 | - | ||
| 462 | - > .price { | ||
| 463 | - margin-top: 5px; | ||
| 464 | - text-align: center; | ||
| 465 | - font-weight: bold; | ||
| 466 | - } | ||
| 467 | - | ||
| 468 | - .brand { | ||
| 469 | - display: none; | ||
| 470 | - } | ||
| 471 | - | ||
| 472 | - .market-price { | ||
| 473 | - text-decoration: line-through; | ||
| 474 | - margin-left: 30px; | ||
| 475 | - color: #444; | ||
| 476 | - font-weight: bold; | ||
| 477 | - } | ||
| 478 | - } | ||
| 479 | - } | ||
| 480 | - | ||
| 481 | - .sale-vip-box { | ||
| 482 | - .good-info { | ||
| 483 | - width: 280px; | ||
| 484 | - height: 380px; | ||
| 485 | - margin-right: 10px; | ||
| 486 | - float: left; | ||
| 487 | - margin-bottom: 100px; | ||
| 488 | - } | ||
| 489 | - | ||
| 490 | - .good-detail-img { | ||
| 491 | - height: 100%; | ||
| 492 | - } | ||
| 493 | - | ||
| 494 | - .good-detail-text { | ||
| 495 | - > a { | ||
| 496 | - margin-top: 16px; | ||
| 497 | - line-height: 1.5; | ||
| 498 | - display: block; | ||
| 499 | - text-align: center; | ||
| 500 | - font-weight: 600; | ||
| 501 | - | ||
| 502 | - @mixin ellipsis ; | ||
| 503 | - } | ||
| 504 | - | ||
| 505 | - > .price { | ||
| 506 | - margin-top: 5px; | ||
| 507 | - text-align: center; | ||
| 508 | - font-weight: bold; | ||
| 509 | - } | ||
| 510 | - | ||
| 511 | - .brand { | ||
| 512 | - display: none; | ||
| 513 | - } | ||
| 514 | - | ||
| 515 | - .market-price { | ||
| 516 | - text-decoration: line-through; | ||
| 517 | - color: #444; | ||
| 518 | - font-weight: bold; | ||
| 519 | - } | ||
| 520 | - | ||
| 521 | - .vip-span { | ||
| 522 | - background-repeat: no-repeat; | ||
| 523 | - background-size: 100% 100%; | ||
| 524 | - line-height: 20px; | ||
| 525 | - color: #fff; | ||
| 526 | - font-style: italic; | ||
| 527 | - margin-right: 5px; | ||
| 528 | - margin-left: 10px; | ||
| 529 | - margin-bottom: -3px; | ||
| 530 | - padding-right: 5px; | ||
| 531 | - padding-left: 5px; | ||
| 532 | - display: inline-block; | ||
| 533 | - } | ||
| 534 | - | ||
| 535 | - .vip-tag { | ||
| 536 | - background-image: resolve("sale/vip.png"); | ||
| 537 | - margin-left: 30px; | ||
| 538 | - width: 20px; | ||
| 539 | - height: 15px; | ||
| 540 | - line-height: 16px; | ||
| 541 | - padding-right: 7px; | ||
| 542 | - } | ||
| 543 | - | ||
| 544 | - .vip-1 { | ||
| 545 | - background-image: resolve("product/silver.png"); | ||
| 546 | - margin-left: 30px; | ||
| 547 | - width: 16px; | ||
| 548 | - height: 16px; | ||
| 549 | - } | ||
| 550 | - | ||
| 551 | - .vip-2 { | ||
| 552 | - background-image: resolve("product/golden.png"); | ||
| 553 | - margin-left: 30px; | ||
| 554 | - width: 16px; | ||
| 555 | - height: 16px; | ||
| 556 | - } | ||
| 557 | - | ||
| 558 | - .vip-3 { | ||
| 559 | - background-image: resolve("product/platinum.png"); | ||
| 560 | - margin-left: 30px; | ||
| 561 | - width: 16px; | ||
| 562 | - height: 16px; | ||
| 563 | - } | ||
| 564 | - } | ||
| 565 | - } | ||
| 566 | -} | ||
| 567 | - | ||
| 568 | -.sale-discount-page { | ||
| 569 | - .sale-title { | ||
| 570 | - margin: 30px 0; | ||
| 571 | - font-size: 12px; | ||
| 572 | - line-height: 26px; | ||
| 573 | - | ||
| 574 | - .title { | ||
| 575 | - margin-right: 20px; | ||
| 576 | - font-size: 16px; | ||
| 577 | - } | ||
| 578 | - | ||
| 579 | - .discount { | ||
| 580 | - display: inline-block; | ||
| 581 | - margin-right: 10px; | ||
| 582 | - padding: 0 10px; | ||
| 583 | - height: 25px; | ||
| 584 | - vertical-align: center; | ||
| 585 | - font-weight: lighter; | ||
| 586 | - line-height: 25px; | ||
| 587 | - color: #fff; | ||
| 588 | - background: #ff575c; | ||
| 589 | - } | ||
| 590 | - | ||
| 591 | - .time { | ||
| 592 | - .iconfont { | ||
| 593 | - margin-right: 5px; | ||
| 594 | - } | ||
| 595 | - } | ||
| 596 | - } | ||
| 597 | - | ||
| 598 | - .sort { | ||
| 599 | - padding: 10px; | ||
| 600 | - border: 1px solid #eaeceb; | ||
| 601 | - | ||
| 602 | - li { | ||
| 603 | - display: inline-block; | ||
| 604 | - margin-right: 15px; | ||
| 605 | - padding: 0 10px; | ||
| 606 | - font-size: 12px; | ||
| 607 | - line-height: 20px; | ||
| 608 | - color: #444; | ||
| 609 | - | ||
| 610 | - &.title { | ||
| 611 | - margin-right: 0; | ||
| 612 | - font-weight: bold; | ||
| 613 | - } | ||
| 614 | - | ||
| 615 | - &.active { | ||
| 616 | - color: #666; | ||
| 617 | - border: 1px solid #000; | ||
| 618 | - } | ||
| 619 | - } | ||
| 620 | - } | ||
| 621 | - | ||
| 622 | - .pager { | ||
| 623 | - float: right; | ||
| 624 | - } | ||
| 625 | - | ||
| 626 | - .good-info { | ||
| 627 | - .good-detail-text { | ||
| 628 | - > .price { | ||
| 629 | - margin-top: 5px; | ||
| 630 | - text-align: left; | ||
| 631 | - font-weight: bold; | ||
| 632 | - position: relative; | ||
| 633 | - } | ||
| 634 | - | ||
| 635 | - .brand { | ||
| 636 | - display: none; | ||
| 637 | - } | ||
| 638 | - | ||
| 639 | - .sale-price { | ||
| 640 | - margin-left: 20px; | ||
| 641 | - } | ||
| 642 | - | ||
| 643 | - .market-price { | ||
| 644 | - text-decoration: line-through; | ||
| 645 | - margin-left: 5px; | ||
| 646 | - margin-right: 0; | ||
| 647 | - color: #444; | ||
| 648 | - font-weight: bold; | ||
| 649 | - } | ||
| 650 | - | ||
| 651 | - strong { | ||
| 652 | - font-weight: normal; | ||
| 653 | - color: #565656; | ||
| 654 | - font-size: 13px; | ||
| 655 | - float: left; | ||
| 656 | - } | ||
| 657 | - | ||
| 658 | - .vip-span { | ||
| 659 | - background-repeat: no-repeat; | ||
| 660 | - background-size: 100% 100%; | ||
| 661 | - line-height: 20px; | ||
| 662 | - color: #fff; | ||
| 663 | - font-style: italic; | ||
| 664 | - margin-right: 5px; | ||
| 665 | - margin-left: 10px; | ||
| 666 | - padding-right: 5px; | ||
| 667 | - padding-left: 5px; | ||
| 668 | - float: left; | ||
| 669 | - } | ||
| 670 | - | ||
| 671 | - .vip-tag { | ||
| 672 | - background-image: resolve("sale/vip.png"); | ||
| 673 | - width: 20px; | ||
| 674 | - height: 15px; | ||
| 675 | - } | ||
| 676 | - | ||
| 677 | - .vip-1 { | ||
| 678 | - background-image: resolve("product/silver.png"); | ||
| 679 | - width: 18px; | ||
| 680 | - height: 16px; | ||
| 681 | - } | ||
| 682 | - | ||
| 683 | - .vip-2 { | ||
| 684 | - background-image: resolve("product/golden.png"); | ||
| 685 | - width: 18px; | ||
| 686 | - height: 16px; | ||
| 687 | - } | ||
| 688 | - | ||
| 689 | - .vip-3 { | ||
| 690 | - background-image: resolve("product/platinum.png"); | ||
| 691 | - width: 18px; | ||
| 692 | - height: 16px; | ||
| 693 | - margin-bottom: 1px; | ||
| 694 | - } | ||
| 695 | - } | ||
| 696 | - } | ||
| 697 | -} | ||
| 698 | -/* stylelint-disable */ | 1 | +@import "base"; |
| 699 | @import "new-sale"; | 2 | @import "new-sale"; |
| 700 | @import "special"; | 3 | @import "special"; |
| 701 | -/* stylelint-enable */ |
-
Please register or login to post a comment