_header.scss 51.7 KB
1 2 3 4 5 6 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 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 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 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 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 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 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 978 979 980 981 982 983 984 985 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 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 1098 1099 1100 1101 1102 1103 1104 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 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214
.yoho-header {
    .header-topwrapper {
        width: 100%;
        background-color: #f4f4f4;
        min-width: 1150px;
    }

    .header-top {
        width: 1150px;
        height: 32px;
        line-height: 32px;
        margin: 0 auto;
        position: relative;
    }

    .leftpart {
        position: relative;
        padding-left: 5px;
        padding-right: 5px;
    }

    .leftpart:hover {
        background-color: #dcdcdc;
        .yohoproducts-list {
            display: block !important;
        }
    }
    .leftpart .acttags {
        background-color: #dcdcdc;
    }

    .yohoproducts-list {
        position: absolute;
        display: none;
        width: 170px;
        left: 0;
        top: 32px;
        background-color: #f4f4f4;
        padding-top: 30px;
        padding-bottom: 10px;
        padding-left: 20px;
        z-index: 10000000;
    }

    .yohoproducts-item {
        height: 14px;
        line-height: 14px;
        margin-bottom: 20px;
    }
    .yohoproducts-item a {
        color: #9196a0;
        font-size: 14px;
    }
    .yohoproducts-item:hover a {
        color: black;
    }

    .rightpart {
        position: absolute;
        right: 0;
        top: 0;
    }
    .rightpart .acttags {
        background-color: #dcdcdc;
    }
    .rightpart .acttags .tag-seprate {
        border-color: #dcdcdc;
    }
    .hi,
    .loginbar,
    .registbar {
        display: inline-block;
        float: left;
    }

    .hi {
        color: #8e8e8e;
        font-size: 12px;
    }
    #loginBox a,
    #loginBox span {
        color: black;
        font-size: 12px;
    }
    .header-yoho,
    .loginbar,
    .login-out,
    .registbar {
        color: black;
        font-size: 12px;
    }

    .registbar {
        margin-left: 7px;
    }
    .tag-list-wrapper {
        margin-left: 13px;
        float: left;
    }
    .tag-list {
        margin-left: 13px;
        height: 34px;
    }
    .tag-seprate {
        margin-top: 11px;
        width: 0;
        height: 14px;
        display: inline-block;
        float: left;
        border-left: 1px solid #dcdcdc;
    }
    .tag-item {
        display: inline-block;
        float: left;
        line-height: 32px;
        box-sizing: border-box;
        margin-left: -1px;
    }
    .tag-item a {
        color: #8e8e8e;
        font-size: 12px;
        display: inline-block;
    }
    .tag-item span {
        display: inline-block;
    }
    .myyoho {
        padding-right: 10px;
        position: relative;
    }
    .myyoho .tag-seprate {
        margin-right: 12px;
    }
    .myyoho-info {
        position: absolute;
        display: none;
        top: 32px;
        left: -110px;
        width: 300px;
        background-color: #f8f8f8;
        z-index: 1000000;
    }
    .myyoho-photo {
        overflow: hidden;
    }
    .myyoho-photo img{
        display: block;
        margin:0 auto;
        width: 63px;
        height: 63px;
        border-radius: 50%;
    }
    .myyoho-info-header {
        margin: 17px auto 0;
        width: 257px;
        border-bottom: 1px solid #dcdcdc;
        text-align: center;
        padding-bottom: 15px;
    }

    .user-email {
        margin-top: 14px;
        color: black;
        height: 25px;
        line-height: 20px;
        font-size: 18px;
    }

    .user-level {
        color: black;
        height: 20px;
        line-height: 20px;
        font-size: 18px;
    }
    .user-level .leveldetail {
        color: #8cc4f9;
    }

    .levelinfo {
        width: 100%;
        padding-top: 10px;
        clear: both;
        height: 15px;
    }

    .levelwrapper {
        width: 150px;
        height: 14px;
        background-color: #e2e2e2;
        margin-left: 40px;
        position: relative;
    }
    .levelspan {
        position: absolute;
        left: 2px;
        height: 14px;
        top: 0;
        line-height: 16px;
    }
    .levelwrapper .integrate {
        height: 14px;
        line-height: 15px;
        background-color: #ceae64;
        text-align: left;
        padding-left: 5px;
    }

    .cardcate {
        font-size: 14px;
        line-height: 14px;
        margin-left: 5px;
    }

    .myyoho-info-content {
        margin: 20px auto 0;
        padding-left: 35px;
        padding-right: 29px;
        border-bottom: 1px solid #dcdcdc;
    }
    .myyoho-info-content .item {
        height: 12px;
        line-height: 12px;
        margin-bottom: 16px;
    }
    .myyoho-info-content .item a {
        font-size: 14px;
        color: black;
    }

    .myyoho-info-footer {
        height: 51px;
        line-height: 51px;
        text-align: center;
    }
    .myyoho-info-footer a {
        color: black;
        font-size: 14px;
    }
    .myorder {
        padding-right: 10px;
    }
    .myorder .tag-seprate {
        margin-right: 11px;
    }
    .mycollect {
        padding-right: 11px;
    }
    .mycollect .tag-seprate {
        margin-right: 11px;
    }
    .message {
        padding-right: 10px;
    }
    .message .tag-seprate {
        margin-right: 11px;
    }
    .phone {
        padding-right: 8px;
        position: relative;
    }
    .phone .tag-seprate {
        margin-right: 10px;
    }
    .qr {
        position: absolute;
        display: none;
        top: 32px;
        left: -100px;
        width: 231px;
        height: 290px;
        background-color: #f8f8f8;
        z-index: 10000000;
    }

    .qr-img {
        position: relative;
        background-image: image-url("header/qr.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin: 32px auto 15px;
        width: 143px;
        height: 147px;
    } 

    .qr-words {
        height: 25px;
        line-height: 25px;
        font-size: 16px;
        text-align: center;
    }

    .qr-more {
        margin-top: 6px;
        line-height: 25px;
        font-size: 14px;
        text-align: center;
    }

    .onlineserver .tag-seprate {
        margin-right: 10px;
    }

    .header-navwrapper {
        width: 100%;
        height: 130px;
        position: relative;
        min-width: 1150px;    
    }

    .header-navcontent {
        width: 1150px;
        height: 130px;
        margin: 0 auto;
    }

    .first-nav-list {
        margin-top: 45px;
    }

    .first-nav-item {
        float: left;
        padding: 8px 23px 0;
    }

    .all a,
    .girls a,
    .boys a,
    .kids a,
    .lifestyle a {
        color: white !important;
    }
    .all span,
    .girls span,
    .boys span,
    .kids span,
    .lifestyle span {
        color: white !important;
    }

    .all {
        background-color: #5e4b3c;
    }

    .all .sub-nav-wrapper {
        background-color: black;
        display: block !important;
    }

    .all .third-nav-wrapper {
        border-top: 2px solid black;
    }
    .searchcateboys {
        .searchinput {
            border: 1px solid #3a3a3a
        }
        .icon-search {
            background-color: #3a3a3a!important
        }
    }
    .searchcategirls {
        .searchinput {
            border: 1px solid #ff88ae
        }
        .icon-search {
            background-color: #ff88ae!important
        }
    }
    .searchcatewoman {
        .searchinput {
            border: 1px solid #ff88ae
        }
        .icon-search {
            background-color: #ff88ae!important
        }
    }
    .searchcatekids {
        .searchinput {
            border: 1px solid #7bd3f9 !important
        }
        .icon-search {
            background-color: #7bd3f9!important
        }
    }
    .gobuyboys {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0M1MUU5Nzc5NEUwMTFFNThDRDY4NERDMEY4MjRFMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0M1MUU5Nzg5NEUwMTFFNThDRDY4NERDMEY4MjRFMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQzUxRTk3NTk0RTAxMUU1OENENjg0REMwRjgyNEUyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQzUxRTk3Njk0RTAxMUU1OENENjg0REMwRjgyNEUyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po+gT6YAAAG8SURBVHjatJY9S8NAGMdzF5u7hCR9gVJRhw4u4gdQ4lTERTfBUR1d/Sq6iN/AvYPg4ujipA6CL1EKpVVpEvqSxJrEiLW9NElL7eW/hMsd9+Pu+T/3PGBNUTyPCWsxmys+ao1XhpKgFzNhWGaZoSiIWbYbCfq0l6iCLMfh/C/I8/wtOdF13BmaoP5mMuY33k2z9jf+udJ5UTyb+iQA1CrN5iFQFIX87zEJyIcxMHA8CN0kQK7v6wBIRpzKJKQAKIeF9SQgYBhEM0FJpVj4BUM2hIC6IbIIX4dAEocqtEEywqUQKIv5LdrxedAaVgj0rGt3VF+EXsrAqEmWYpwyGN3EgsQU90YNhPhSLCjH83u0QH589FiQqusXVPKHeNJg3CIWTB+nNEL3Y0Fzong8ra0/THO5Px4qEyEV0+mDySGgqhp6ObLwxenFME5/H1ysdl0nkxfEbT/XLsk1C5J0olnWrn9V59VWaycSPu5EvcLluUSvRHZIBUG4qnc6qwM7o7pu27Mjy8SowkVKs8y+K/3yvxJoamy7MLYeTWDbpzh3AgCYf4MkjtPIMlJrtzcH8ZH3ybV+Q3MUtce3AAMAyqGI3gJgP0oAAAAASUVORK5CYII=') !important;
    }
    .gobuygirls {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTQ0MEE0NEI5NEUwMTFFNUJCM0NDNjJEQzcwRjYzRjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTQ0MEE0NEM5NEUwMTFFNUJCM0NDNjJEQzcwRjYzRjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNDQwQTQ0OTk0RTAxMUU1QkIzQ0M2MkRDNzBGNjNGNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNDQwQTQ0QTk0RTAxMUU1QkIzQ0M2MkRDNzBGNjNGNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsQbj+AAAAJiSURBVHjaYrxSPf2hNq+4HAMSePHz88/D7x4KhErq/GCgEmDS4BGVQxeUYOdl52JiDWKgImA69O7Borvf3r1/+fPLT2QJHhY2X6pa5CisFK/MJSR05sPTJGQJIVZOU2paxAJjfPv3e833v7+XcDKzMoKDj4NXbuOLazaUWvCP4f+XQAntC4z/O9bBBW9+efNSnUdEjIHK4PSHJ6eYkAXe/Pp6hoEGwIhf2gzFog9/fqynhUVf//76h2LRN2Ac/fz3h+oWPf7+4QmKRaAM+vj7x7fUtujNr29HmdAFX/36eoHaFn3683MVhkUffn9fR01Lvvz59e/Hvz+bmDAj7vei3///US9+fnx4AYySfxgWAQW/PPn+8QMV4+cUuAjCJgksvS9Sy6KPv3+swGkRUHILNSwBZpf/3//9WYvTos9/fy34S4V4AmaV18Co+IPTIqDkG6CiT5Ra9PrX11PwagKXImD9dJlSi4BZZSVBi579/JTz6ueXX+RacvnTi3s+4hpLMOojdACqQ4AU+7rnV+VJteQvw//vwOB/hbXiwwWCJLUfguhtr26mMzMySQKLk0lAQ94hq9nw4poxNzNb+Le/v7b4S2gdwmYOSsWHp+I6YyogYwxNSV9PfHgsAmshbX55I8BNVGUdOxMLIyil7np9p8RTTK0Xo81ATFDo8UkYwdiynPzcwBZSJKLFxFMBsgTEBvqYQYaDLxtr44TIjPcXmf/n/78nMPavf3/fIMv9+v/3E9kWnfrwpAlYWvwFVor/j79/tN9fQnM3UjZIv/31zRtQsD38/uHLo+8fErCZARBgABfzGasBpkfVAAAAAElFTkSuQmCC') !important;
    }
    .gobuykids {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REI3NTMxRkQ5NEUwMTFFNTkxQkFFMTBBNDAzMTQ3NDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REI3NTMxRkU5NEUwMTFFNTkxQkFFMTBBNDAzMTQ3NDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQjc1MzFGQjk0RTAxMUU1OTFCQUUxMEE0MDMxNDc0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQjc1MzFGQzk0RTAxMUU1OTFCQUUxMEE0MDMxNDc0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pme87CMAAAGmSURBVHjaYqy+/PM/Axbw6eB6az77wGMMVAJMuCTYtcz2MlARMP3/+werBJuwBAdVLWJkZmEE0ow/Xz/9gSzByMRMTXsYWGCMn1dOmLI7Bl9Glvx259JDSi34//PHO25tM0NGYGJAEWegEUBNDP9pZg+qRb/ev/5NF4t+XD7qQBeLqJlBUWLk318sGZYG8fTzxaMvGBb9/vTuD7Ut+nXttCyGRd8vHg2ltkV8LmEfMCzis/PbQN0I+o+nUKViPP18/eQ7Tov+fP30j2oWXTmlidOi75eP1VAtfpyCH+K0iNfSs52a8YO34qNGPP16+/wnQYu+Xjt9gVKL2ESkODDqI3QAqkNA9Jez+5aQHGK/ft3ntfSoxVrx4QI8xk4x4BLjw5vfTOyczN/OHyzmtfLqR/H99TNXOZV1tH48vvOES1lHlqTGCbojWQVEWJg5uRmBlvQBW0hW8BL/2f3P3JomWkxsHAxAS2T+fPn4lxKLUACHjuV+OFtSgQcliHj4mahm0d/PHz5SrV2HYvD3L/+Rkz2ngoYYjPv59J4ZKPF19RTW1AoQYAC04pbZt5WEpAAAAABJRU5ErkJggg==') !important;
    }
    .gobuylifestyle {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkMyMjYwQzA5NEUwMTFFNUJBMTVFMTIwRDMwMTg0RUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkMyMjYwQzE5NEUwMTFFNUJBMTVFMTIwRDMwMTg0RUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQzIyNjBCRTk0RTAxMUU1QkExNUUxMjBEMzAxODRFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQzIyNjBCRjk0RTAxMUU1QkExNUUxMjBEMzAxODRFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnnVB6UAAAInSURBVHjaYswKcP395fd3FgYkwMLIzKAkqCB4693dDwxUAkzoloDAn/9/Gf78/dXCQEXAJMUtepeDme0/yBfI4PufH75UtejZ19cqP/7+YpLjk5qKLPH19zdJaloEDzYWZrYKRgaG7P9wi76zqgjIZ1FsAyPj2zvvH6xkjPO2gYtxsbD//fbnJxMDlYEwB/9XFEN52XjeMtAAvP3xkRvFIi5Wru20sIgRCFEsYmVmy6eFRdysHH9QLAJlUE4W9v/UtggYJU8xIp6Hles9tS3iZOFczoTpTe7d1I4fFmbWWgyLgIJUjSdQlgFGyR8Mi+68v/8SVCRRMX5egYsgbJI8bFwfqeYjVs5VOC0CxtMR6sQPpGjDaREwPxVTJ7Wx/wPGzw+cFgHj6RY7M+t/KsTPa3g1gVMRK/dnyuOHaz1BiwQ4BdKYGckvyPnYuH/f//g4E6M+wgy+ByuB1EpVQUUrUi0BhvkHYPBfw1rx4QK3398/BqIV+GWW/Pv3T4adlSP59rt7d5HVqAgqxPz88yOXjZl9yd0PDyfjrWHxASFgxfXg4xMuEJuNieWOmpAyvIWkxC/Xfvf9gwpoyjGT55N2ffjpqR9Gm4EYi97/+MgFY//694fh959fvTD+x58fc5CT57vv7z2xNk6Iq/ZRlTEyMd2CBwkTyzeUIGJi/k22RTI8EvuYGBnBOV2UU/D9vQ8PO+Gpi53PC5QxocH6X5hLOBGbGQABBgAqqasbPnFSMAAAAABJRU5ErkJggg==') !important;
    }
    .searchcatelifestyle {
        .searchinput {
            border: 1px solid #5e4b3c!important
        }
        .icon-search {
            background-color: #5e4b3c!important
        }
    }
    .boys {
        background-color: #3a3a3a;
    }

    .boys .sub-nav-wrapper {
        background-color: #3a3a3a;
        display: block !important;
    }

    .boys .third-nav-wrapper {
        border-top: 2px solid #3a3a3a;
    }

    .girls {
        background-color: #ff88ae;
    }

    .girls .sub-nav-wrapper {
        background-color: #ff88ae;
        display: block !important;
    }

    .girls .third-nav-wrapper {
        border-top: 2px solid #ff88ae;
    }

    .kids {
        background-color: #7bd3f9;
    }

    .kids .sub-nav-wrapper {
        background-color: #7bd3f9;
        display: block !important;
    }

    .kids .third-nav-wrapper {
        border-top: 2px solid #7bd3f9;
    }

    .lifestyle {
        background-color: #5e4b3c;
    }

    .lifestyle .sub-nav-wrapper {
        background-color: #5e4b3c;
        display: block !important;
    }

    .lifestyle .third-nav-wrapper {
        border-top: 2px solid #5e4b3c;
    }

    .name-cn {
        text-align: center;
        line-height: 16px !important;
    }
    .name-cn a {
        color: black;
        font-size: 16px !important;
    }

    .name-en {
        text-align: center;
        line-height: 14px !important;
        margin-bottom: 6px;
    }
    .name-en a {
        color: #8e8e8e;
        font-size: 12px;
        line-height: 14px !important;
        font-family: 'arial' !important;
    }

    .sub-nav-wrapper {
        display: none;
        height: 40px;
        left: 0;
        width: 100%;
        position: absolute;
        z-index: 1000;
    }

    .sub-nav-list {
        width: 1150px;
        height: 40px;
        margin: 0 auto;
        overflow: hidden;
    }

    .sub-nav-item {
        float: left;
        padding: 12px 46px 12px 0;
        box-sizing: border-box;
        margin-right: 38px;
    }
    .sub-nav-item:last-child {
        margin-right: 0 !important;
    }
    .sub-nav-item a {
        color: white;
        font-size: 14px;
        line-height: 14px;
        display: inline-block;
    }
    .sub-nav-item a{
        position: relative;
    } 
    .newlogo {
        display: block;
        width: 26px;
        height: 12px;
        background-image: image-url("header/new.png");
        background-repeat: no-repeat;
        position: absolute;
        right: -29px;
        top: -6px;
    }
    .sub-nav-item:hover>a {
        padding-bottom: 3px;
        border-bottom: 2px solid white;
    }
    .actsecondnav {
        padding-bottom: 3px;
        border-bottom: 2px solid white;
    }
    .sub-nav-item:hover .third-nav-wrapper {
        display: block;
    }

    .third-nav-wrapper {
        box-sizing: border-box;
        height: 300px;
        position: absolute;
        left: 0;
        top: 38px;
        width: 100%;
        min-width: 1150px;
        display: none;
        z-index: 10000;
        padding-top: 30px;
        padding-bottom: 30px;
        background-color: #f8f8f8;
    }

    .third-nav {
        width: 1150px;
        height: 100%;
        margin: 0 auto;
    }

    .category {
        width: 880px;
        float: left;
        overflow: hidden;
            .thirdnavlist {
                box-sizing: border-box;
                width: 220px;
                height: 240px;
                float: left;
                padding-left: 20px;
                border-right: 1px solid #dcdcdc;
                padding-right: 20px;
            }
    }

    .category-title {
        color: black;
        font-size: 16px;
        width: 178px;
        padding-bottom: 12px;
        border-bottom: 1px solid #000;
        line-height: 16px;
        margin-bottom: 20px;
        a {
            color: black !important;
        }
    }

    .category-list {
        margin-top: 16px;
        margin-bottom: 30px;
    }

    .category-item {
        line-height: 28px;
    }
    .category-item a{
        color: #a1a1a1 !important;
        font-size: 14px;
    }
    .category-item-act a{
        color: black !important;
    }
    .showdetail {
        box-sizing: border-box;
        padding-left: 19px;
        padding-right: 19px;
        width: 268px;
        height: 100%;
        float: right;
    }

    [class^="icon-"], [class*=" icon-"] {
        display: inline-block;
        vertical-align: middle;
        background-repeat: none;
    }

    .icon-hamburger {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkNDMTBCN0ExRjAzMTFFNUI1NzZENkM4MUQyMEJGQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkNDMTBCN0IxRjAzMTFFNUI1NzZENkM4MUQyMEJGQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQ0MxMEI3ODFGMDMxMUU1QjU3NkQ2QzgxRDIwQkZBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQ0MxMEI3OTFGMDMxMUU1QjU3NkQ2QzgxRDIwQkZBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqrUNPwAAAAmSURBVHjaYuzr6/vPQCJgAWJGUjUxMZAB6KcJ5KfRgCA3IAACDACZEATHVTZCoQAAAABJRU5ErkJggg==");
        width: 13px;
        height: 11px;
    }

    .icon-headphones {
        background-image: url("header/headphones.png");
        width: 15px;
        height: 10px;
        margin-top: 2px;
    }

    .icon-heart {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJFNDA0MDMxRjAzMTFFNTgzQUY4OEM0NzJDQ0YyNzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJFNDA0MDQxRjAzMTFFNTgzQUY4OEM0NzJDQ0YyNzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQkU0MDQwMTFGMDMxMUU1ODNBRjg4QzQ3MkNDRjI3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQkU0MDQwMjFGMDMxMUU1ODNBRjg4QzQ3MkNDRjI3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgbjRwsAAADJSURBVHjahNC9DgFBEMDxuXWiUUq0Si+i9AqiukQjkdBRi0R8FlrxAhKtgkfw0aiovYGEhP/EhI0cJvldNjOzu3MbRFEUiEgVeVyQxESeUcEVKRwwDvnUsMPQmjQ3srUedLN1QXu1mENP3qENXdy9Zo0liqHEx/FLPnA2X1r+h/akdEMHAyR+NGutj7az64c2dxA3hv2jPsTJWXKPBZoxG1qYW484r7DCFnUv18AGa/He3A+9pYySHXa23CtczAhTZJHB7LP4EGAA/kUjzWzAmh0AAAAASUVORK5CYII=");
        width: 12px;
        height: 11px;
        margin-top: -2px;
    }

    .icon-mail {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUVFMTA0NDExRjAzMTFFNTg3MzBCMUMzNDQ0Q0E1QkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUVFMTA0NDIxRjAzMTFFNTg3MzBCMUMzNDQ0Q0E1QkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRUUxMDQzRjFGMDMxMUU1ODczMEIxQzM0NDRDQTVCRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRUUxMDQ0MDFGMDMxMUU1ODczMEIxQzM0NDRDQTVCRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptf44EYAAADcSURBVHjalNJPCwFBGMfxsW3UvgdydJVc7EEOcnH1Amxt/iUHUt6A456EUrwYJS64unkFjhKF79RDk6Q19Znd5nl+M9O2kSAIjkop7aD+GykkbKYdLphgHzKcRh8ni+mMKnrIhgjrnq5kzpYs6ht4aMH9EXalx5OMsoziFb4U81/CBTnVl171uYEed9FB0VgvoW3U38M23qOYYoEVRohJrYwKcpih/rqFbYR1YYyNrDUxxAMNeS5xk17/tYGDOQJsjRvpwODLt1jL6fqmjt4gIz9S7c8fKY7kU4ABAPrAL/PXL7nQAAAAAElFTkSuQmCC");
        width: 16px;
        height: 10px;
        margin-top: -2px;
    }

    .icon-iphone {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDNDODgxQzgxRjAzMTFFNUIzMUFDQjFGNUQyMzI4RTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDNDODgxQzkxRjAzMTFFNUIzMUFDQjFGNUQyMzI4RTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEM0M4ODFDNjFGMDMxMUU1QjMxQUNCMUY1RDIzMjhFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEM0M4ODFDNzFGMDMxMUU1QjMxQUNCMUY1RDIzMjhFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhJU+6cAAAB7SURBVHjaYnyorNzIwMDwFYgZGVDBPyDmYwESP4C4CyroBqV3QelKkAIeIF4IxNeQdBsCsRYQPwEpYALiE0A8Hc2KTCCWY2IgAIaHAlhI8gFxORCLQsVfQ+kfIAW/gLgTKjALamoJclBzAnEZNLL4oBIg0/4DMRdAgAEA3OsUBsKkQkoAAAAASUVORK5CYII=");
        width: 8px;
        height: 14px;
        margin-top: -2px;
    }

    .icon-papers {
        background-image: url("data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNCQzI5NzcxRjAzMTFFNTg0MTBDRDUyRkVENTFGQTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCQzI5NzgxRjAzMTFFNTg0MTBDRDUyRkVENTFGQTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQ0JDMjk3NTFGMDMxMUU1ODQxMENENTJGRUQ1MUZBNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0JDMjk3NjFGMDMxMUU1ODQxMENENTJGRUQ1MUZBNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqSzZHsAAACCSURBVHjaYkxLS7vKwMBwhAETuABxGhDvBXFYgPggEGdhUTgdiP2h7L0sDLjBfyDOB+KJMBNxgb9APAOIGYF4DrJCfiBmQuJXAvEXKHsassJMIBZA4t8A4gUwDrLCDjzOQFHYDsRCWNQ0oSuspK+JTAxEAqIVgqy2B+KZBNTZAAQYAEaiFCx+VPXeAAAAAElFTkSuQmCC");
        width: 10px;
        height: 14px;
        margin-top: -2px;
    }

    .icon-bottomarrow {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUEzRDI1MEQxRjAzMTFFNUJENkRGMUM2QzYwNzc5ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUEzRDI1MEUxRjAzMTFFNUJENkRGMUM2QzYwNzc5ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QTNEMjUwQjFGMDMxMUU1QkQ2REYxQzZDNjA3Nzk4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QTNEMjUwQzFGMDMxMUU1QkQ2REYxQzZDNjA3Nzk4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjEPOcUAAABkSURBVHjaYuzr65vBwMDQB8S3GLADNSAuYgISlUDcDsTGWBSBxDpBakAK3wNxLBAXA7EzkiJnqFg0SA0LVPAbEMcB8VQgFgbi/0DsChX7A1LAhGQCSCADap0JEKfDFIEAQIABAH3lEoANPM6QAAAAAElFTkSuQmCC");
        width: 10px;
        height: 5px;
        margin-top: -2px;
    }

    .icon-logo {
        background-image: url(data:image/png;base64,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);
        background-repeat: no-repeat;
        background-position: center center;
        width: 182px;
        height: 53px;
        top: 22px;
        left: 44.2%;
        position: absolute;
    }

    .search {
        position: relative;
    }

    .searchspan {
        margin-top: 45px;
        float: left;
        display: inline-block;
        overflow: hidden;
    }

    .searchinput {
        float: left;
        width: 240px;
        height: 28px;
        line-height: 25px;
        border: 1px solid #000;
        box-sizing: border-box;
        padding-left: 10px;
        border-right: none;
    }

    .icon-search {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM1RjdENDUxRjA0MTFFNUEwRkRCMURDREZCNjYxQTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM1RjdENDYxRjA0MTFFNUEwRkRCMURDREZCNjYxQTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzVGN0Q0MzFGMDQxMUU1QTBGREIxRENERkI2NjFBMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzVGN0Q0NDFGMDQxMUU1QTBGREIxRENERkI2NjFBMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvM9DyUAAAEMSURBVHjanNS/S4JBHMfx59EnCyGcRBDD8Mca1NDm1qJTDU4NjTo4OEmbNNrgJAjR0FBOLe3+Ca06uDu1OIghGE/vb9wDD9epp194wXF3fJ7nufvyuL7vO6E6QQMJ/EAWPbxj6KwrCVGu0UcqNCc81NFFVFv7EwzO0TFtCCmhvSnkGYdbQsQjMvp8hC9KYoqls71ecKNPSkgeE8euZF/RFLJCzDLkQO3/FzLCmWXIJT5NId9qnLYIucPHuj5JYoDEhptp4da0FlFZX7hHD1UchZ5zgScsUEZcfxFXa3sXFVypQ5QaY4AZCnhADXNT29vK4RXHesfu6hRvwRnuGyKywWXoZ7Jrya+j+SvAAPnfjoCz07o6AAAAAElFTkSuQmCC");
        width: 80px;
        height: 28px;
        float: left;
        border: none;
        margin-top: 45px;
        background-color: #3a3a3a;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .search-list {
        position: absolute;
        top: 73px;
        left: 0;
        z-index: 1000;
        box-sizing: border-box;
        display: none;
        background-color: white;
        padding-top: 20px;
        width: 100%;
        max-height: 500px;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }

    .search-item {
        position: relative;
        padding: 5px;
        height: 25px;
        line-height: 25px;
        font: 12px;
    }
    .search-item:hover {
        background-color: #f4f4f4;
    }

    .searchvalue {
        position: absolute;
        left: 10px;
        max-width: 192px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
    }

    .valuenum {
        position: absolute;
        right: 10px;
        font-size: 12px;
    }
    .header-tool {
        padding-right: 23px;
    }
    .gobuy {
        margin-top: 47px;
        margin-left: 23px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUFFQTNDNEExRjA1MTFFNUIwODc4NTUzNUJFODJCMjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUFFQTNDNEIxRjA1MTFFNUIwODc4NTUzNUJFODJCMjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQUVBM0M0ODFGMDUxMUU1QjA4Nzg1NTM1QkU4MkIyNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQUVBM0M0OTFGMDUxMUU1QjA4Nzg1NTM1QkU4MkIyNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj44ndIAAAF7SURBVHjavJa7SsRAFEBn11gpov8gCCIKIijYrVjZCYmNFjYidn6BrSCWFoKdjQTsLKw0bHwh2gi+BTu30TWFK+j6OgMTiEOM0Z3shUPmzoQ5ZF6ZnG3ba0KIMfE9zqAH3sQv4bquSBN5GI2p74RuYTCkaAa24Fxr6zctWoEhGNfaBkyKcsxRWG6AMrSo/AaGDThemMeSFal4Bx9GVN4Otya+xnGchbxWVxTZxGy9RA+66AgqGYg8XSQ36F49RFkN306cyDMsuYfTONGhXPsGRUX20Wec6BUODIr88AgSGQ+flyTyDUkCOEkS7UPVgGiX+flIEj2rRWFk2JJEpuZpO41oCa5qkKwybMdhYiW8WIIOaP2HpIqkov9h06ycQN0jBtVmDusCOpTPJihAm8x1SVqRjEW5gmBDnYVW5KfWxeMC1uGSvPDTnSFNTEXKfdAbySegWZUbYbIWUVnLH7VDM+ndP4mm4Q6eYA6uI23LsKk2uDwj5+M6+BJgAFPmZONXOE3uAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        position: relative;
        cursor: pointer;
    }

    .gobuy-wrapper {
        position: absolute;
        display: none;
        top: 30px;
        right: -14px;
        width: 378px;
        background-color: #f8f8f8;
        z-index: 10000000;
    }

    .gobuy-empty {
        position: absolute;
        width: 100%;
        height: 507px;
        z-index: 1;
        background-image: image-url("header/empty_car.png");
        background-repeat: no-repeat;
        background-position: 106px 132px;
        background-color: #f8f8f8;
    }
    .gobuy-loading {
        position: absolute;
        width: 100%;
        height: 407px;
        z-index: 1;
        background-image: image-url("header/loading.gif");
        background-repeat: no-repeat;
        background-position: center 150px;
        background-color: #f8f8f8;
    }
    .gobuy-loading .information {
        margin-top: 180px;
        width: 100%;
        height: 12px;
        line-height: 12px;
        font-size: 12px;
        text-align: center;
    }
    .gobuy-empty .information {
        margin-top: 300px;
        width: 100%;
        height: 18px;
        line-height: 18px;
        font-size: 18px;
        text-align: center;
    }

    .gobuy-notempty {
        position: absolute;
        width: 100%;
        z-index: 1;
        background-color: #f8f8f8;
        overflow: hidden;
    }

    .goods-list-wrapper {
        width: 96%;
        max-height: 444px;
        margin-bottom: 19px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .goods-list {
        margin-top: 40px;
    }

    .goods-item {
        height: 64px;
        margin-bottom: 18px;
        padding-left: 18px;
    }
    .goods-img {
        display: inline-block;
        float: left;
        width: 46px;
        height: 62px;
        margin-right: 13px;
    }

    .goods-detail {
        margin-right: 16px;
    }
    .goods-detail .content {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 170px;
        height: 14px;
        line-height: 14px;
        font-size: 14px;
        margin-bottom: 13px;
    }
    .goods-detail .style {
        height: 14px;
        line-height: 14px;
        font-size: 14px;
        color: #b0b0b0;
    }

    .goods-price .priceandnum {
        height: 14px;
        line-height: 14px;
        font-size: 14px;
        margin-bottom: 13px;
        min-width: 75px;
        text-align: right;
    }
    .goods-price .delete {
        display: inline-block;
        float: right;
        font-size: 14px;
        color: #000;
    }

    .activity-item {
        margin-bottom: 8px;
        padding-left: 18px;
    }

    .activity-name {
        display: inline-block;
        box-sizing:border-box;
        border: none;
        width: 60px;
        height: 18px;
        line-height: 18px;
        background-color: #3a3a3a;
        color: white;
        font-size: 14px;
        text-align: center;
        margin-right: 13px;
    }

    .activity-content {
        display: inline-block;
        line-height: 14px;
        height: 14px;
        color: #3a3a3a;
    }

    .gobuy-notempty-footer {
        width: 100%;
        height: 61px;
        text-align: center;
    }
    .gobuy-notempty-footer h3 {
        box-sizing: border-box;
        width: 349px;
        margin: 0 auto;
        height: 61px;
        line-height: 61px;
        border-top: 1px solid #dcdcdc;
    }
    .gobuy-notempty-footer a {
        font-size: 18px;
        color: #444;
    }

    .ic-infomation {
        position: absolute;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzU2RjA1MDYxRjA0MTFFNTk4RkI5QTc3MzJEQjAzQ0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzU2RjA1MDcxRjA0MTFFNTk4RkI5QTc3MzJEQjAzQ0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNTZGMDUwNDFGMDQxMUU1OThGQjlBNzczMkRCMDNDQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNTZGMDUwNTFGMDQxMUU1OThGQjlBNzczMkRCMDNDQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg3/ud0AAAFcSURBVHjavJa9SsNQGIa/1Ig6OJtWcZGYZBXFxWvwD6poNztFsINgb0Jw0MHNTaGLFu/CwQ4OCQgurUl6BxalHt8vHq1Gs5TkvPCQk7/zcJJ850SLHIf+yQTYBOtgGRhglNLzBrrgDjTBteF5L8mLtNC2k8e2wDGYpeHTBvWi7zd+yYKBbAScgBpll1NwWPL9Pu/oJMTXiTPgUrapyce/zzsFARnYAa5sZ40bWNZu/Bg7pjmO7RMoUX4JwZwOczlnEcn+yyxbJTVZY9mSItkiywxFsiLLXtEYU2HTxbuIsJ1U4Ip4ZA9ozCuQ3XNR3+ZUzEma2uP0jLKi5pH1wFHOo6qbz50evzM2X4GVHCZizrkVBpefX+Ng1j+QJbCXoehC9hunQMSyGKw5ogoqoP3j+DDw/RU7Cqug/714elNG2m/BNtgAC1z9cnFNC3fI9doCN6DhdKM/vwUfAgwAy/liVzz2H2sAAAAASUVORK5CYII=);
        width: 27px;
        height: 20px;
        top: -10px;
        right: -15px;
        color: white;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
    }

    .float-left {
        float: left;
    }

    .float-right {
        float: right;
    }

    .showdetail img {
        display: block;
        box-sizing: border-box;
        width: 226px;
        height: 200px;
    }
   .showdetail .title {
        display: block;
        margin-top: 17px;
        width: 100%;
        height: 15px;
        text-align: center;
        line-height: 15px;
        font-size: 14px;
        color: black !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cate_row {
        float:left;
        height:352px;
        box-sizing:border-box;
    }
    .cate_row li {
        box-sizing:border-box;
    }
    .cate_row1 {
        width:253px;
    }
    .cate_row2{
        width:278px;
        border-left:1px solid #ccc;
        padding-left: 50px;
    }
    .cate_row3{
        width: 270px;
        border-left:1px solid #ccc;
        padding-left: 50px;
    }
    .third-nav .cattitle {
        width: 180px;
        padding-bottom: 10px;
        border-bottom: 1px solid #000;
        line-height: 18px;
        margin-bottom: 20px;
    }
    .third-nav .catdetail {
        line-height: 14px;
        height: 14px;
        margin-bottom: 24px;
        min-width: 200px;
    }
    .third-nav .cattitle h3 a{
        color: black !important;
        font-size: 14px;
    }
    .third-nav .catdetail a {
        color: #a1a1a1 !important;
        font-size: 14px;
    }
    .thirdcatelink:hover {
        text-decoration: underline !important ;
    }
    .third-nav .catdetail a.hot {
        color: #ee0011 !important ;
    }
    .hovercontent {
        display: none;
    }
    .noticewrapper{
        width: 100%;
        height: 100px;
        background-color: #3a3a3a
    }
    .noticecontainer {
        width: 1150px;
        margin: 0 auto;
    }
    .noticecontainer .noticetitle{
        padding:0;
        margin: 0;
        float: left;
        height: 100px;
        line-height: 100px;
        font-size: 27px;
        font-weight: bold;
        color: #fff;
        width: 245px;
        font-family: '微软雅黑'
    }     
    .noticecontainer .noticecontent {
        width: 853px;
        float: left;
        margin-left: 38px;
    }
    .noticecontainer .noticecontent .tips {
        margin-top: 16px;
        margin-bottom: 10px;
        color: #fff;
        font-family: '微软雅黑';
        font-size: 12px;
    }
    .noticecontainer .noticecontent .detail {
        color: #fff;
        font-family: '微软雅黑';
        font-size: 12px;
        line-height: 16px;
    }
}

.simple-header {
    height: 66px;
    margin: 0 0 20px 0; 
    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 {
        @include inline-block;
        padding: 0 10px;
        *margin: 19px 0 0;
        line-height: 28px;  
        font-size: 12px;

        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;
                    *display: inline;
                    *zoom: 1;
                } 
                &.down {
                    display: none;
                }
            }
        }
        .iconfont, span{
            @include inline-block;
            font-size: 12px;
            height: 28px;
            line-height: 28px;
            &.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;
            }
        }
    }
}
@media (max-width:1180px) {
    .yoho-header {
        .header-topwrapper {
            min-width: 990px;
        }
        .header-top {
            width: 990px;
        }
        .header-navwrapper {
            min-width: 990px;
        }
        .header-wrapper {
            width: 990px;
        }
        .header-navcontent {
            width: 990px;
        }
        .icon-logo {
            left: 39.2%;
        }
        .sub-nav-list {
            width: 990px;
            min-width: 990px;
        }
        .sub-nav-item {
            margin-right:15px;
        }
        .first-nav-item {
            float: left;
            padding: 10px 14px 0;
            margin-right: 3px;
        }
        .third-nav {
            width: 990px;
        }
        .third-nav-wrapper {
            min-width: 990px;
        }
        .category {
            width: 800px;
        }
        .cate_row1 {
            width: 204px;
        }
        .cate_row2 {
            width: 244px;
            border-left: 1px solid #ccc;
            padding-left: 39px;
        }
        .cate_row3 {
            width: 163px;
            border-left: 1px solid #ccc;
            padding-left: 28px;
        }
        .category .thirdnavlist {
            width: 200px;
        }
        .category-title {
            width: 152px;
        }
        .showdetail {
            width: 190px;
            padding-right: 0;
            img {
                width: 174px;
                height: 155px;
            }
        }
    }
}