Blame view

public/scss/common/_header.css 34.2 KB
yyq authored
1 2 3 4 5
.yoho-notice {
    width: 100%;
    height: 100px;
    font-size: 12px;
    background-color: #555;
yyq authored
6
    font-family: "微软雅黑", sans-serif;
yyq authored
7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

    .notice-title {
        height: 100px;
        line-height: 100px;
        font-size: 27px;
        font-weight: bold;
        color: #fff;
        width: 245px;
        position: absolute;
    }

    .notice-content {
        padding: 16px 0 0 300px;
        color: #e8e8e8;

        .tips {
            margin-bottom: 10px;
        }

        .detail {
            line-height: 16px;
        }
    }
}
杨延青 authored
32 33 34 35 36 37 38 39 40 41
.yoho-header {
    .tool-wrapper {
        width: 100%;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
        background-color: #f4f4f4;

        .yoho-group-map {
            padding: 0 5px;
yyq authored
42
            position: relative;
杨延青 authored
43 44 45 46 47 48 49 50 51 52 53

            .yoho-group-list {
                position: absolute;
                display: none;
                width: 170px;
                top: 32px;
                margin-left: -5px;
                background-color: #f4f4f4;
                padding: 20px 0 20px 20px;
                z-index: 1000;
            }
毕凯 authored
54
杨延青 authored
55 56
            &:hover {
                background-color: #dcdcdc;
毕凯 authored
57
杨延青 authored
58 59 60 61
                .yoho-group-list {
                    display: block;
                }
            }
毕凯 authored
62
杨延青 authored
63 64 65 66 67
            li {
                a {
                    color: #9196a0;
                    font-size: 14px;
                }
毕凯 authored
68
杨延青 authored
69 70 71 72 73
                &:hover a {
                    color: #000;
                }
            }
        }
毕凯 authored
74
杨延青 authored
75 76 77 78
        .yoho-buy-tools {
            li {
                float: left;
                padding-right: 10px;
yyq authored
79
                position: relative;
毕凯 authored
80
杨延青 authored
81 82 83
                span {
                    display: inline-block;
                    vertical-align: middle;
yyq authored
84
                    line-height: 30px;
杨延青 authored
85
                }
毕凯 authored
86
杨延青 authored
87 88 89
                .hi {
                    vertical-align: top;
                }
毕凯 authored
90
杨延青 authored
91 92
                a {
                    color: #8e8e8e;
93 94 95 96
                }

                a > span {
                    color: #d0021b;
杨延青 authored
97
                }
毕凯 authored
98 99
            }
王水玲 authored
100 101 102 103 104 105
            .phoneapp {
                a {
                    color: #d71d32;
                }
            }
杨延青 authored
106 107 108 109
            .nick-name {
                color: #000;
            }
王水玲 authored
110 111
            .help {
                .iconfont {
周少峰 authored
112
                    font-size: 14px;
王水玲 authored
113 114 115
                    color: #898989;
                    position: relative;
                    top: -1px;
王水玲 authored
116 117 118
                }
            }
杨延青 authored
119 120 121 122 123 124 125
            .tag-seprate {
                width: 0;
                margin-top: 11px;
                margin-right: 12px;
                height: 14px;
                float: left;
                border-left: 1px solid #dcdcdc;
毕凯 authored
126
            }
yyq authored
127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150

            .nav-drop-down {
                display: none;

                li {
                    float: none;
                    padding: 0;
                    position: relative;
                    width: 88px;
                    height: 33px;
                    border-top: 1px solid #c9c9c9;
                    box-sizing: border-box;
                    line-height: 33px;
                    text-align: center;
                }

                a {
                    display: inline-block;
                    width: 88px;
                    height: 33px;
                    line-height: 33px;
                    box-sizing: border-box;
                }
            }
毕凯 authored
151 152
        }
杨延青 authored
153
        .simple-user-center {
yyq authored
154
            top: 32px;
杨延青 authored
155 156 157 158 159 160 161 162 163 164 165 166 167 168
            margin-left: -110px;
            width: 300px;
            position: absolute;
            background-color: #f8f8f8;
            z-index: 100;
            display: none;

            .account-info-header {
                margin: 17px auto 0;
                width: 257px;
                border-bottom: 1px solid #dcdcdc;
                text-align: center;
                padding-bottom: 15px;
            }
毕凯 authored
169
杨延青 authored
170 171 172 173 174 175
            .user-img {
                width: 63px;
                height: 63px;
                margin: 0 auto;
                border-radius: 50%;
                overflow: hidden;
yyq authored
176 177
                background: resolve("layout/default-thumb.png") center center;
                filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale")";
杨延青 authored
178 179 180
                background-size: 100% 100%;
                -moz-background-size: 100% 100%;
            }
毕凯 authored
181
yyq authored
182 183 184 185 186
            .user-img > img {
                width: 100%;
                height: 100%;
            }
杨延青 authored
187 188 189 190
            .user-name {
                margin-top: 14px;
                line-height: 25px;
            }
毕凯 authored
191
杨延青 authored
192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214
            .user-level {
                color: #000;
                height: 20px;
                line-height: 20px;
                font-size: 18px;

                span {
                    color: #8cc4f9;
                }
            }

            .level-detail {
                font-size: 14px;
                line-height: 14px;
                padding-top: 10px;
                padding-left: 20px;
            }

            .level-view-bar {
                width: 150px;
                height: 14px;
                margin-right: 5px;
                text-align: left;
OF1706 authored
215
                background-color: #eaeceb;
杨延青 authored
216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258
                display: inline-block;
                vertical-align: middle;
                overflow: hidden;

                .text-span {
                    font-size: 16px;
                    line-height: 16px;
                    padding-left: 3px;
                    position: absolute;
                }

                .integrate {
                    height: 14px;
                    background-color: #ceae64;
                    padding-left: 5px;
                }
            }

            .account-info-content {
                padding: 20px 30px 0;
                border-bottom: 1px solid #dcdcdc;

                li {
                    float: none;
                    font-size: 16px;
                }

                a {
                    font-size: 14px;
                    color: #000;
                }
            }

            .account-info-footer {
                height: 51px;
                line-height: 51px;
                text-align: center;

                a {
                    font-size: 14px;
                    color: #000;
                }
            }
毕凯 authored
259 260
        }
htoooth authored
261
        .myyoho-hover {
OF1706 authored
262
            background-color: #eaeceb;
毕凯 authored
263
杨延青 authored
264 265 266
            .simple-user-center {
                display: block;
            }
毕凯 authored
267 268
        }
杨延青 authored
269 270 271
        .download-app-box {
            position: absolute;
            top: 32px;
OF1706 authored
272 273 274 275 276
            margin-left: -35px;
            width: 146px;
            height: 216px;
            background-color: #f4f4f4;
            border: none;
杨延青 authored
277
            z-index: 1000;
OF1706 authored
278
            display: none;
杨延青 authored
279
OF1706 authored
280
            .code-img {
杨延青 authored
281
                position: relative;
OF1706 authored
282
                margin: 2px auto 3px;
OF1706 authored
283 284
                width: 96px;
                height: 168px;
杨延青 authored
285 286
            }
OF1706 authored
287 288
            .qr-img {
                position: relative;
OF1706 authored
289
                background-image: resolve("layout/qr-wenle.png");
OF1706 authored
290 291 292 293 294 295
                background-repeat: no-repeat;
                background-size: 100% 100%;
            }

            .we-chat-img {
                position: relative;
yyq authored
296
                background-image: resolve("layout/qr-wenle-wechat.png");
OF1706 authored
297 298 299 300
                background-repeat: no-repeat;
                background-size: 100% 100%;
            }
OF1706 authored
301
            .qr-words,
杨延青 authored
302
            .qr-more {
OF1706 authored
303 304
                height: 18px;
                line-height: 18px;
OF1706 authored
305
                font-size: 12px;
杨延青 authored
306 307
                text-align: center;
            }
毕凯 authored
308 309
        }
OF1706 authored
310 311 312 313 314 315 316 317 318 319 320
        .we-chat.download-code {
            & > a {
                color: #86bf4a;
            }

            & > .iconfont {
                font-size: 14px;
                color: #86bf4a;
            }

            .download-app-box {
OF1706 authored
321
                margin-left: -26px;
OF1706 authored
322 323 324
            }
        }
OF1706 authored
325 326
        .download-code:hover {
            background-color: #eaeceb;
OF1706 authored
327 328 329 330

            .download-app-box {
                display: block;
            }
毕凯 authored
331 332
        }
杨延青 authored
333
        .icon-hamburger {
OF1706 authored
334
            background: url("/layout/hamburger.png") no-repeat;
杨延青 authored
335 336
            width: 16px;
            height: 12px;
毕凯 authored
337
            display: inline-block;
杨延青 authored
338
            vertical-align: middle;
毕凯 authored
339 340
        }
杨延青 authored
341
        .icon-bottomarrow {
OF1706 authored
342
            background: url("/layout/bottom-arrow.png") no-repeat;
杨延青 authored
343 344 345
            width: 10px;
            height: 5px;
            margin-top: -2px;
毕凯 authored
346 347
        }
杨延青 authored
348
        .icon-papers {
yyq authored
349
            background: url("/layout/paper.png") no-repeat;
OF1706 authored
350
            width: 11px;
杨延青 authored
351 352
            height: 14px;
            margin-top: -2px;
毕凯 authored
353 354
        }
杨延青 authored
355
        .icon-heart {
yyq authored
356
            background: url("/layout/heart.png") no-repeat;
OF1706 authored
357 358
            width: 15px;
            height: 13px;
杨延青 authored
359 360
            margin-top: -2px;
        }
毕凯 authored
361
杨延青 authored
362
        .icon-mail {
yyq authored
363
            background: url("/layout/mail.png") no-repeat;
杨延青 authored
364
            width: 16px;
OF1706 authored
365
            height: 11px;
杨延青 authored
366
            margin-top: -2px;
毕凯 authored
367 368
        }
杨延青 authored
369
        .icon-phone {
yyq authored
370
            background: url("/layout/iphone.png") no-repeat;
OF1706 authored
371
            width: 10px;
杨延青 authored
372 373
            height: 14px;
            margin-top: -2px;
毕凯 authored
374
        }
375 376

        .yoho-cert-tip {
yyq authored
377 378 379
            margin-left: 20px;

            .iconfont {
380
                margin-right: 2px;
yyq authored
381
                color: red;
m  
刘传洋 authored
382
            }
yyq authored
383 384 385

            a {
                color: red;
386 387
            }
        }
毕凯 authored
388 389
    }
杨延青 authored
390
    .head-wrapper {
毕凯 authored
391 392
        width: 100%;
杨延青 authored
393 394 395 396
        .main-nav-list {
            display: inline-block;
            vertical-align: top;
            padding-top: 45px;
yyq authored
397
            float: left;
毕凯 authored
398
杨延青 authored
399 400
            li {
                float: left;
401
                padding: 8px 22px 5px;
yyq authored
402
                text-align: center;
毕凯 authored
403
杨延青 authored
404 405 406 407 408 409 410 411
                a {
                    font-size: 12px;
                    line-height: 14px;
                }

                .name-cn a {
                    font-size: 16px;
                }
yyq authored
412 413 414 415

                .name-en a {
                    color: #8e8e8e;
                }
毕凯 authored
416 417
            }
杨延青 authored
418 419 420 421
            .cure {
                color: #fff;
                background-color: #3a3a3a;
yyq authored
422 423
                .name-cn > a,
                .name-en > a {
杨延青 authored
424 425
                    color: #fff;
                }
毕凯 authored
426
            }
yyq authored
427 428 429 430 431 432

            .menu-ico {
                width: 80px;
                height: 32px;
                display: block;
            }
毕凯 authored
433 434
        }
yyq authored
435
        .outlets-logo {
yyq authored
436
            background: resolve("layout/outlets.png") no-repeat center center;
yyq authored
437 438
            width: 200px;
            height: 34px;
yyq authored
439
            left: 45%;
yyq authored
440 441 442 443 444
            margin-top: 28px;
            position: absolute;
            display: none;
        }
杨延青 authored
445
        .main-logo {
yyq authored
446
            background: resolve("layout/logo-en.png") no-repeat center center;
杨延青 authored
447 448
            width: 182px;
            height: 53px;
449
            left: 43%;
杨延青 authored
450 451 452 453 454 455 456 457 458 459 460 461 462
            margin-top: 22px;
            position: absolute;
            animation: logoflip 20s infinite;
            -moz-animation: logoflip 20s infinite;
            -webkit-animation: logoflip 20s infinite;
            -o-animation: logoflip 20s infinite;

            .main-link {
                display: block;
                width: 100%;
                height: 100%;
            }
        }
毕凯 authored
463
yyq authored
464
        .main-logo.logo-cn {
yyq authored
465
            background: resolve("layout/logo-cn.png") no-repeat center center;
yyq authored
466 467
        }
王水玲 authored
468
        .main-logo.logo-cn-ie {
yyq authored
469
            background: resolve("layout/logo-cn-ie.png") no-repeat center center;
王水玲 authored
470 471
        }
杨延青 authored
472 473 474 475
        .func-area {
            float: right;
            width: 378px;
            padding-right: 18px;
OF1706 authored
476
            margin-top: 40px;
毕凯 authored
477 478
        }
杨延青 authored
479 480 481
        .search-2016 {
            width: 320px;
            height: 28px;
OF1706 authored
482
            box-sizing: border-box;
杨延青 authored
483
            display: inline-block;
yyq authored
484
OF1706 authored
485 486 487 488 489 490 491 492 493
            form {
                width: 320px;
                height: 28px;
                background-color: #3a3a3a;
                border: 1px solid #3a3a3a;
                box-sizing: border-box;
                display: inline-block;
                overflow: hidden;
            }
毕凯 authored
494
杨延青 authored
495 496 497
            input {
                width: 240px;
                height: 100%;
杨延青 authored
498
                border: none;
杨延青 authored
499 500
                background: #fff;
                box-sizing: border-box;
501
                padding-left: 10px;
杨延青 authored
502
            }
毕凯 authored
503
杨延青 authored
504
            .search-btn {
yyq authored
505
                background: resolve("layout/search.png") no-repeat center center;
周少峰 authored
506
                width: 78px;
杨延青 authored
507 508 509 510 511 512
                height: 28px;
                float: right;
                border: none;
                cursor: pointer;
            }
        }
毕凯 authored
513
yyq authored
514 515
        .search-suggest,
        .search-suggest-history {
杨延青 authored
516 517
            position: absolute;
            width: 320px;
OF1706 authored
518
            box-sizing: border-box;
杨延青 authored
519
            border: 1px solid #000;
OF1706 authored
520
            margin-top: 27px;
杨延青 authored
521 522 523 524 525 526 527 528 529
            padding-top: 20px;
            background-color: #fff;
            display: none;
            z-index: 1000;

            .action,
            li:hover {
                background-color: #eee;
            }
毕凯 authored
530
杨延青 authored
531 532 533 534 535 536 537
            a {
                display: block;
                padding: 5px;
                height: 25px;
                line-height: 25px;
                font-size: 12px;
            }
毕凯 authored
538
杨延青 authored
539 540
            .valuenum {
                float: right;
毕凯 authored
541 542 543
            }
        }
OF1706 authored
544
        .search-suggest-title {
OF1706 authored
545 546
            width: 320px;
            box-sizing: border-box;
OF1706 authored
547 548 549 550
            color: #b0b0b0;
            font-size: 12px;
            line-height: 12px;
            padding: 10px 0 12px 10px;
yyq authored
551
yyq authored
552
            .search-del {
OF1706 authored
553 554 555 556 557 558
                padding: 0 10px 0 0;
                color: #000;
                cursor: pointer;
                float: right;
                line-height: 1;
                height: 12px;
yyq authored
559
OF1706 authored
560 561
                &:hover {
                    color: #d0021b;
yyq authored
562
                }
OF1706 authored
563
            }
OF1706 authored
564 565 566 567
        }

        .search-suggest-history {
            padding-top: 0;
yyq authored
568
OF1706 authored
569 570 571
            a {
                padding: 5px 10px;
            }
yyq authored
572
OF1706 authored
573 574 575 576 577 578 579 580 581 582 583
            .searchvalue {
                display: inline-block;
                width: 230px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }
        }

        .search-hot {
            width: 320px;
yyq authored
584
            height: 16px;
OF1706 authored
585 586 587
            box-sizing: border-box;
            overflow: hidden;
            display: inline-block;
yyq authored
588 589
            *zoom: 1;
OF1706 authored
590
            &:after {
yyq authored
591 592 593
                visibility: hidden;
                display: block;
                font-size: 0;
OF1706 authored
594
                content: " ";
yyq authored
595 596
                clear: both;
                height: 0;
OF1706 authored
597 598 599 600 601 602 603 604 605 606 607
            }

            li {
                float: left;
            }

            span {
                display: inline-block;
                font-size: 12px;
                color: #b0b0b0;
                margin-right: 18px;
yyq authored
608
OF1706 authored
609 610 611 612 613 614
                &:hover {
                    color: #d0021b;
                }
            }
        }
杨延青 authored
615 616 617 618 619 620
        .go-cart {
            width: 30px;
            height: 30px;
            float: right;
            cursor: pointer;
            position: relative;
毕凯 authored
621
杨延青 authored
622 623 624 625
            .iconfont {
                font-size: 26px;
                color: #3a3a3a;
            }
毕凯 authored
626
杨延青 authored
627 628
            .goods-num-tip {
                position: absolute;
yyq authored
629
                background: resolve("layout/ic-information.png") no-repeat;
杨延青 authored
630 631 632 633 634 635 636 637 638
                width: 27px;
                height: 20px;
                top: -10px;
                right: -15px;
                color: white;
                text-align: center;
                line-height: 20px;
                font-size: 12px;
            }
毕凯 authored
639 640
        }
杨延青 authored
641 642 643 644 645 646
        .mini-cart-wrapper {
            position: absolute;
            top: 30px;
            right: -14px;
            width: 378px;
            z-index: 1000;
yyq authored
647
            background: #f8f8f8;
杨延青 authored
648 649 650 651 652
            display: none;

            .empty-cart {
                padding: 280px 0 200px;
                text-align: center;
yyq authored
653
                background: resolve("layout/empty_car.png") no-repeat 106px 132px;
杨延青 authored
654
            }
毕凯 authored
655
杨延青 authored
656 657 658
            .loading-cart {
                padding: 200px 0;
                text-align: center;
yyq authored
659
                background: resolve("layout/loading.gif") no-repeat center 170px;
杨延青 authored
660
            }
毕凯 authored
661
杨延青 authored
662 663 664
            .rich-cart {
                background: #f8f8f8;
            }
毕凯 authored
665
OF1706 authored
666 667 668 669
            .rich-cart-title {
                font-size: 16px;
                color: #000;
                line-height: 16px;
OF1706 authored
670 671
                margin: 0 26px;
                padding: 18px 0;
OF1706 authored
672 673 674
                border-bottom: 1px solid #dcdcdc;
            }
杨延青 authored
675
            .goods-list {
OF1706 authored
676
                padding-top: 5px;
yyq authored
677
                padding-bottom: 5px;
杨延青 authored
678 679
                overflow-x: hidden;
            }
毕凯 authored
680
杨延青 authored
681
            .goods-item {
OF1706 authored
682
                padding: 5px 0 5px 26px;
杨延青 authored
683 684 685 686 687 688 689 690

                > div {
                    font-size: 14px;
                    display: inline-block;
                    vertical-align: top;
                }

                p {
OF1706 authored
691 692
                    font-size: 14px;
                    color: #000;
杨延青 authored
693 694 695 696
                    margin-bottom: 12px;
                }

                .goods-img {
OF1706 authored
697
                    width: 46px;
杨延青 authored
698 699 700
                }

                .title {
OF1706 authored
701
                    margin-top: 8px;
OF1706 authored
702
                    width: 160px;
杨延青 authored
703 704
                    height: 14px;
                    font-size: 14px;
OF1706 authored
705
                    color: #444;
杨延青 authored
706 707 708
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
yyq authored
709
                }
yyq authored
710
yyq authored
711 712 713 714 715 716 717 718
                .title + p {
                    margin-bottom: 0;
                    color: #b0b0b0;
                    position: absolute;
                    max-width: 190px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
杨延青 authored
719 720 721
                }

                .title > a {
OF1706 authored
722
                    color: #444;
杨延青 authored
723
                }
毕凯 authored
724 725
            }
yyq authored
726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750
            .goods-info {
                margin-left: 16px;
                width: 160px;
                color: #b0b0b0;

                span {
                    display: inline-block;
                    max-width: 50px;
                    margin-right: 10px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    vertical-align: bottom;
                }
            }

            .goods-price {
                min-width: 90px;
                text-align: right;

                p:nth-child(1) {
                    margin-top: 8px;
                }
            }
杨延青 authored
751 752
            .activity-item {
                font-size: 14px;
yyq authored
753
                margin-top: 5px;
杨延青 authored
754
                margin-bottom: 8px;
OF1706 authored
755
                padding-left: 26px;
杨延青 authored
756 757 758 759 760 761 762 763 764 765 766 767
                line-height: 18px;

                label {
                    width: 60px;
                    height: 18px;
                    background-color: #3a3a3a;
                    color: #fff;
                    text-align: center;
                    margin-right: 13px;
                    vertical-align: top;
                    display: inline-block;
                }
毕凯 authored
768
杨延青 authored
769 770 771 772 773 774
                h3 {
                    width: 250px;
                    color: #3a3a3a;
                    font-size: 12px;
                    word-break: break-all;
                    display: inline-block;
毕凯 authored
775 776 777
                }
            }
杨延青 authored
778
            .go-full-cart {
OF1706 authored
779
                padding: 0 25px;
杨延青 authored
780 781 782

                > div {
                    border-top: 1px solid #dcdcdc;
OF1706 authored
783
                    text-align: right;
OF1706 authored
784 785
                    padding-top: 14px;
                    padding-bottom: 16px;
OF1706 authored
786
                }
yyq authored
787
OF1706 authored
788 789 790 791
                p {
                    font-size: 13px;
                    color: #444;
                    text-align: right;
OF1706 authored
792
                    padding-top: 0;
OF1706 authored
793 794
                    padding-bottom: 8px;
                }
yyq authored
795
OF1706 authored
796 797 798 799 800 801 802 803
                a {
                    display: inline-block;
                    color: #fff;
                    background-color: #d0021b;
                    padding: 10px 11px;
                    border-radius: 0;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
杨延青 authored
804 805
                }
            }
毕凯 authored
806 807
        }
杨延青 authored
808 809
        .on-hover .mini-cart-wrapper {
            display: block;
毕凯 authored
810 811 812
        }
    }
杨延青 authored
813 814 815 816 817 818
    .nav-wrapper {
        height: 40px;
        width: 100%;
        position: relative;

        .sub-nav-list {
819 820 821 822 823 824
            display: none;

            &.cure {
                display: block;
            }
杨延青 authored
825 826 827 828
            li {
                line-height: 40px;
                padding-right: 46px;
                box-sizing: border-box;
yyq authored
829
                margin-right: 36px;
yyq authored
830
                display: inline-block;
杨延青 authored
831 832 833 834 835 836
            }

            .newlogo {
                display: block;
                width: 26px;
                height: 12px;
yyq authored
837
                background-image: resolve("layout/new.png");
杨延青 authored
838 839
                background-repeat: no-repeat;
                position: absolute;
yyq authored
840 841
                right: -29px;
                top: -6px;
杨延青 authored
842
            }
毕凯 authored
843 844

            a {
杨延青 authored
845 846 847 848
                color: #fff;
                font-size: 14px;
                line-height: 14px;
                display: inline-block;
yyq authored
849
                position: relative;
杨延青 authored
850 851 852 853 854
            }

            li:hover a {
                padding-bottom: 3px;
                border-bottom: 2px solid white;
毕凯 authored
855 856 857
            }
        }
杨延青 authored
858 859 860 861 862 863 864 865 866 867 868
        .third-nav-wrapper {
            width: 100%;
            height: 410px;
            box-sizing: border-box;
            position: absolute;
            left: 0;
            top: 38px;
            display: none;
            padding: 30px 0;
            background-color: #f8f8f8;
            z-index: 900;
毕凯 authored
869 870

            a {
杨延青 authored
871 872
                font-size: 14px;
                border-bottom: none !important;
毕凯 authored
873 874
            }
杨延青 authored
875 876 877 878 879 880 881
            dl {
                float: left;
                width: 278px;
                height: 352px;
                box-sizing: border-box;
                border-left: 1px solid #ccc;
                padding: 0 50px;
毕凯 authored
882 883
            }
杨延青 authored
884 885 886 887 888 889 890 891 892 893 894 895 896 897 898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918
            dl:first-child {
                width: 228px;
                border-left: 0;
                padding-left: 0;
            }

            dt {
                width: 180px;
                padding-bottom: 10px;
                border-bottom: 1px solid #000;
                line-height: 18px;
                margin-bottom: 20px;

                a {
                    color: #000;
                }
            }

            dd {
                line-height: 14px;
                height: 14px;
                margin-bottom: 24px;

                a {
                    color: #a1a1a1;
                }

                a:hover {
                    text-decoration: underline;
                }
            }

            .hot {
                color: #e01;
            }
毕凯 authored
919 920
        }
杨延青 authored
921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938
        .show-detail {
            box-sizing: border-box;
            padding-left: 19px;
            padding-right: 19px;
            width: 337px;
            height: 250px;
            float: right;

            .title {
                width: 100%;
                margin-top: 40px;
                text-align: center;
                font-size: 14px;
                color: #000;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
毕凯 authored
939 940
        }
    }
941 942 943 944 945

    .nav-drop-down-container {
        width: 89px;
        box-sizing: border-box;
        position: relative;
OF1706 authored
946
947 948 949 950
        .nav-drop-down-title {
            color: #8e8e8e;
            font-size: 12px;
        }
OF1706 authored
951 952

        &.nav-drop-down-hover {
953
            position: relative;
OF1706 authored
954
955 956 957 958
            &:before {
                position: absolute;
                top: 0;
                left: 1px;
OF1706 authored
959
                content: " ";
960 961 962
                display: inline-block;
                width: 88px;
                height: 32px;
OF1706 authored
963
                background-color: #eaeceb;
964 965
                box-sizing: border-box;
            }
OF1706 authored
966 967

            & > a {
968 969 970 971 972 973 974 975 976 977
                position: relative;
            }
        }
    }

    .nav-drop-down {
        top: 32px;
        margin-left: 1px;
        width: 88px;
        position: absolute;
OF1706 authored
978
        background-color: #eaeceb;
979 980
        z-index: 100;
    }
OF1706 authored
981
郝肖肖 authored
982 983 984 985
    .swindle-info {
        color: #444;
        font-size: 12px;
        margin-left: 20px;
郝肖肖 authored
986
        padding: 0 1px;
987 988
        height: 32px;
        overflow: hidden;
郝肖肖 authored
989
郝肖肖 authored
990 991 992 993
        a {
            color: #d71d32;
        }
994 995 996
        .icon-note {
            display: inline-block;
            background: url("/layout/note.png") no-repeat;
997
            width: 15px;
998 999
            height: 14px;
            margin-top: -2px;
1000
            margin-right: 2px;
1001
            vertical-align: middle;
郝肖肖 authored
1002 1003
        }
    }
毕凯 authored
1004 1005
}
yyq authored
1006 1007 1008 1009 1010 1011
.yoho-header.boys {
    .nav-wrapper {
        background-color: #3a3a3a;
    }
}
杨延青 authored
1012
.yoho-header.girls {
OF1706 authored
1013
    .search-2016 form {
杨延青 authored
1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025
        background-color: #ff88ae;
        border-color: #ff88ae;
    }

    .nav-wrapper,
    .cure {
        background-color: #ff88ae !important;
    }

    .go-cart .iconfont {
        color: #ff88ae;
    }
毕凯 authored
1026 1027
}
杨延青 authored
1028
.yoho-header.kids {
OF1706 authored
1029
    .search-2016 form {
杨延青 authored
1030 1031
        background-color: #7bd3f9;
        border-color: #7bd3f9;
毕凯 authored
1032 1033
    }
杨延青 authored
1034 1035 1036
    .nav-wrapper,
    .cure {
        background-color: #7bd3f9 !important;
毕凯 authored
1037 1038
    }
杨延青 authored
1039 1040
    .go-cart .iconfont {
        color: #7bd3f9;
毕凯 authored
1041
    }
杨延青 authored
1042
}
毕凯 authored
1043
杨延青 authored
1044
.yoho-header.lifestyle {
OF1706 authored
1045
    .search-2016 form {
杨延青 authored
1046 1047 1048
        background-color: #5e4b3c;
        border-color: #5e4b3c;
    }
毕凯 authored
1049
杨延青 authored
1050 1051 1052 1053 1054 1055 1056
    .nav-wrapper,
    .cure {
        background-color: #5e4b3c !important;
    }

    .go-cart .iconfont {
        color: #5e4b3c;
毕凯 authored
1057
    }
杨延青 authored
1058
}
毕凯 authored
1059
yyq authored
1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097
.yoho-header.outlets {
    .head-wrapper {
        background: #3a3a3a;
    }

    .nav-wrapper {
        background: #e6e6e6;
    }

    .main-logo,
    .main-nav-list,
    .search-2016 {
        display: none;
    }

    .outlets-logo {
        display: block;
    }

    .go-cart .iconfont {
        color: #fff;
    }

    .sub-nav-list {
        a {
            color: #222;
        }

        li {
            padding: 0;
            margin: 0;
            width: 14%;
            text-align: center;
        }

        li:hover a {
            border-color: #555;
        }
yyq authored
1098 1099 1100 1101

        li:first-child {
            margin-left: 15%;
        }
yyq authored
1102 1103 1104
    }
}
王水玲 authored
1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204
.simple-header {
    height: 66px;
    margin: 0 0 20px;
    border-bottom: 2px solid #222;

    .header-inner {
        width: 990px;
        height: 100%;
        margin: 0 auto;
    }

    .logo {
        float: left;
        line-height: 66px;
        font-size: 0;

        img {
            vertical-align: middle;
        }
    }
}

.simple-header .header-tool {
    float: right;
    line-height: 66px;
    font-size: 0;

    li {
        display: inline-block;
        padding: 0 10px;
        line-height: 28px;
        font-size: 12px;
        vertical-align: middle;

        span,
        a {
            font-size: 12px;
            vertical-align: middle;
        }

        .tell-icon {
            font-size: 12px;
        }

        .tell-icon ~ span {
            font-weight: bold;
        }
    }

    .login-box a {
        color: #666;
    }

    .tool-options {
        position: relative;
        font-size: 0;
        cursor: pointer;

        &:hover {
            background-color: #eaeceb;

            .iconfont {
                &.up {
                    display: inline-block;
                }

                &.down {
                    display: none;
                }
            }
        }

        .iconfont,
        span {
            display: inline-block;
            font-size: 12px;
            height: 28px;
            line-height: 28px;
            vertical-align: top;

            &.up {
                display: none;
            }
        }

        .tool-select {
            display: none;
            position: absolute;
            width: 74px;
            left: 0;
            background: #eaeceb;
            z-index: 9;

            a {
                display: block;
                padding: 0 0 0 10px;
                border-top: 1px solid #ddd;
            }
        }
    }
OF1706 authored
1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219

    .tool-options-large {
        width: 80px;
        box-sizing: border-box;

        .tool-select {
            width: 80px;
            box-sizing: border-box;

            a {
                padding: 0;
                text-align: center;
            }
        }
    }
王水玲 authored
1220 1221
}
杨延青 authored
1222 1223 1224
.min-screen {
    .head-wrapper .main-nav-list > li {
        padding: 8px 14px 5px;
毕凯 authored
1225 1226
    }
yyq authored
1227 1228 1229 1230 1231 1232
    .yoho-buy-tools {
        .myorder,
        .mycollect,
        .message {
            display: none;
        }
yyq authored
1233 1234
    }
杨延青 authored
1235 1236 1237 1238
    .nav-wrapper {
        .sub-nav-list > li {
            margin-right: 15px;
        }
毕凯 authored
1239
杨延青 authored
1240 1241 1242
        .show-detail {
            width: 190px;
            padding-right: 0;
毕凯 authored
1243 1244 1245
        }
    }
杨延青 authored
1246 1247
    .head-wrapper .main-logo {
        left: 39%;
毕凯 authored
1248
    }
yyq authored
1249 1250 1251 1252 1253

    .show-detail img {
        width: 174px;
        height: 155px;
    }
杨延青 authored
1254
}
runner authored
1255 1256

#cover {
yyq authored
1257 1258
    left: 0;
    top: 0;
runner authored
1259 1260 1261 1262 1263 1264 1265
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1001;

    .con {
        background: rgba(0, 0, 0, 0.6) !important;
yyq authored
1266 1267
        left: 0;
        top: 0;
runner authored
1268 1269 1270 1271 1272 1273 1274
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1002;
        opacity: 0.5;
    }
yyq authored
1275 1276
    .tag-img-warpper {
        margin: 0 auto;
runner authored
1277 1278 1279
        width: 180px;
        height: 168px;
yyq authored
1280 1281 1282 1283
        img {
            width: 100%;
            height: 100%;
        }
runner authored
1284 1285 1286 1287
    }

    .guide-box {
        background: rgb(255, 255, 255);
yyq authored
1288
        margin: 0 auto;
runner authored
1289 1290 1291 1292
        height: 400px;
        position: relative;
        z-index: 1003;
yyq authored
1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308
        .close {
            top: -15px;
            text-align: center;
            right: -15px;
            color: rgb(255, 255, 255);
            font-size: 24px;
            position: absolute;
            background: rgb(0, 0, 0);
            border-radius: 50px;
            border: currentColor;
            border-image: none;
            width: 28px;
            height: 28px;
            line-height: 25px;
            display: block;
        }
runner authored
1309
yyq authored
1310 1311 1312 1313 1314 1315
        li {
            padding: 10px;
            width: 200px;
            height: 400px;
            float: left;
            box-sizing: border-box;
runner authored
1316
yyq authored
1317
            &.girls {
yyq authored
1318
                border-left: 1px solid #eee;
runner authored
1319
yyq authored
1320 1321 1322 1323 1324 1325 1326 1327
                .goods-num {
                    text-align: center;
                    color: rgb(187, 187, 187);
                    line-height: 12px;
                    font-size: 12px;
                    margin-top: 16px;
                }
            }
runner authored
1328
yyq authored
1329
            &.lifestyle {
yyq authored
1330
                border-left: 1px solid #eee;
runner authored
1331
yyq authored
1332 1333 1334 1335 1336 1337 1338 1339
                .goods-num {
                    text-align: center;
                    color: rgb(187, 187, 187);
                    line-height: 12px;
                    font-size: 12px;
                    margin-top: 16px;
                }
            }
runner authored
1340
yyq authored
1341
            &.kids {
yyq authored
1342
                border-left: 1px solid #eee;
runner authored
1343
yyq authored
1344 1345 1346 1347 1348 1349 1350 1351
                .goods-num {
                    text-align: center;
                    color: rgb(187, 187, 187);
                    line-height: 12px;
                    font-size: 12px;
                    margin-top: 16px;
                }
            }
runner authored
1352
yyq authored
1353 1354 1355 1356 1357 1358 1359
            &.boys .goods-num {
                text-align: center;
                color: rgb(187, 187, 187);
                line-height: 12px;
                font-size: 12px;
                margin-top: 16px;
            }
runner authored
1360
yyq authored
1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373
            .go {
                margin: 26px auto 0;
                width: 100%;
                height: 18px;
                text-align: center;
                color: rgb(176, 176, 176);
                line-height: 18px;
                font-size: 18px;
                font-style: italic;
                font-weight: lighter;
                display: block;
            }
        }
runner authored
1374 1375
    }
yyq authored
1376
    .boys .block-cn {
runner authored
1377 1378 1379 1380 1381 1382 1383
        text-align: center;
        line-height: 26px;
        font-size: 26px;
        font-weight: bold;
        margin-top: 30px;
    }
yyq authored
1384
    .girls .block-cn {
runner authored
1385 1386 1387 1388 1389 1390 1391
        text-align: center;
        line-height: 26px;
        font-size: 26px;
        font-weight: bold;
        margin-top: 30px;
    }
yyq authored
1392
    .kids .block-cn {
runner authored
1393 1394 1395 1396 1397 1398 1399
        text-align: center;
        line-height: 26px;
        font-size: 26px;
        font-weight: bold;
        margin-top: 30px;
    }
yyq authored
1400
    .lifestyle .block-cn {
runner authored
1401 1402 1403 1404 1405 1406 1407
        text-align: center;
        line-height: 26px;
        font-size: 26px;
        font-weight: bold;
        margin-top: 30px;
    }
yyq authored
1408
    .boys .block-en {
runner authored
1409 1410 1411 1412 1413 1414 1415
        text-align: center;
        line-height: 26px;
        font-size: 26px;
        font-weight: bold;
        margin-top: 19px;
    }
yyq authored
1416
    .girls .block-en {
runner authored
1417 1418 1419 1420 1421 1422 1423
        text-align: center;
        line-height: 26px;
        font-size: 26px;
        font-weight: bold;
        margin-top: 19px;
    }
yyq authored
1424
    .kids .block-en {
runner authored
1425 1426 1427 1428 1429 1430 1431
        text-align: center;
        line-height: 26px;
        font-size: 26px;
        font-weight: bold;
        margin-top: 19px;
    }
yyq authored
1432
    .lifestyle .block-en {
runner authored
1433 1434 1435 1436 1437 1438 1439
        text-align: center;
        line-height: 26px;
        font-size: 26px;
        font-weight: bold;
        margin-top: 19px;
    }
yyq authored
1440 1441
    .boys .block-cn,
    .boys .block-en {
runner authored
1442 1443 1444
        color: #000;
    }
yyq authored
1445 1446
    .girls .block-cn,
    .girls .block-en {
runner authored
1447 1448 1449
        color: rgb(255, 136, 174);
    }
yyq authored
1450 1451
    .kids .block-cn,
    .kids .block-en {
runner authored
1452 1453 1454
        color: rgb(122, 217, 248);
    }
yyq authored
1455 1456
    .lifestyle .block-cn,
    .lifestyle .block-en {
runner authored
1457 1458 1459
        color: rgb(79, 64, 55) !important;
    }
yyq authored
1460 1461
    .boys .block-line {
        margin: 20px auto 0;
runner authored
1462
        width: 50px;
yyq authored
1463
        height: 0;
yyq authored
1464
        border-bottom: 1px solid #ccc;
runner authored
1465 1466
    }
yyq authored
1467 1468
    .girls .block-line {
        margin: 20px auto 0;
runner authored
1469
        width: 50px;
yyq authored
1470
        height: 0;
yyq authored
1471
        border-bottom: 1px solid #ccc;
runner authored
1472 1473
    }
yyq authored
1474 1475
    .kids .block-line {
        margin: 20px auto 0;
runner authored
1476
        width: 50px;
yyq authored
1477
        height: 0;
yyq authored
1478
        border-bottom: 1px solid #ccc;
runner authored
1479 1480
    }
yyq authored
1481 1482
    .lifestyle .block-line {
        margin: 20px auto 0;
runner authored
1483
        width: 50px;
yyq authored
1484
        height: 0;
yyq authored
1485
        border-bottom: 1px solid #ccc;
runner authored
1486 1487
    }
}
OF1706 authored
1488 1489 1490 1491 1492 1493 1494 1495 1496 1497

.code-down-box {
    position: fixed;
    top: 260px;
    right: 20px;
    width: 117px;
    height: 216px;
    border: none;
    background-color: transparent;
    z-index: 990;
OF1706 authored
1498
    display: block;
OF1706 authored
1499 1500 1501 1502

    .code-img {
        width: 117px;
        height: 192px;
yyq authored
1503
        background-image: resolve("layout/qr-wenle-large.png");
OF1706 authored
1504 1505 1506 1507 1508 1509
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .code-title {
        color: #000;
OF1706 authored
1510
        font-size: 12px;
OF1706 authored
1511 1512 1513 1514 1515
        height: 20px;
        line-height: 20px;
        text-align: center;
    }
OF1706 authored
1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526
    .icon-del {
        position: absolute;
        top: -13px;
        right: -10px;
        display: inline-block;
        font-size: 30px;
        cursor: pointer;

        &:before {
            content: "\e60d";
        }
OF1706 authored
1527 1528
    }
}