
    .pull-left {
        float: left;
    }

    .pull-right {
        float: right;
    }

    .hide {
        display: none;
    }

    .clearfix {
    }

    .clearfix::after {
        content: "";
        display: table;
        clear: both;
    }

    .common-header_ {
        width: 100%;
        height: auto;
        min-width: 1100px;
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        border-bottom: 1px solid rgb(237, 237, 237);
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
        z-index: 200;
        transition: all 0.5s ease-in 0s;
    }

    @media (max-width: 1100px) {
        .common-header_ {
            min-width: 1000px;
        }
    }

    .common-header_ .common-header-center {
        box-sizing: border-box;
        margin: 0px auto;
        width: 1100px;
        height: 70px;
    }

    @media (max-width: 1100px) {
        .common-header_ .common-header-center {
            width: 1000px;
            min-width: 1000px;
        }
    }

    .common-header_ .common-header_logo {
        display: inline-block;
        width: 160px;
        height: 53px;
        margin-top: 6.5px;
        background-size: 72px 25px;
    }

    @media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
        .common-header_ .common-header_logo {
        }
    }

    .common-header_ .nav-list li {
        float: left;
        display: inline-block;
        font-size: 14px;
        padding: 0px 40px;
        height: 70px;
        line-height: 70px;
    }

    @media (max-width: 1100px) {
        .common-header_ .nav-list li {
            padding: 0px 27px;
        }
    }

    .common-header_ .nav-list li a {
        text-decoration: none;
        color: rgb(44, 58, 70);
    }

    .common-header_ .nav-list li a:hover {
        color: rgb(238, 0, 0);
    }

    .common-header_ .nav-list li.active a {
        color: rgb(238, 0, 0);
    }

    .common-header_ .nav-list .last {
        padding-right: 0px;
    }

    .common-header_ .nav-list .product-dropdown {
        box-sizing: border-box;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        z-index: 200;
        font-size: 14px;
        padding: 0px 38px 0px 20px;
    }

    .common-header_ .nav-list .product-dropdown .product-center {
        cursor: pointer;
    }

    .common-header_ .nav-list .product-dropdown:hover .caret::after {
        border-top-color: rgb(238, 0, 0);
    }

    .common-header_ .nav-list .product-dropdown:hover .product-center {
        color: rgb(238, 0, 0);
    }

    .common-header_ .nav-list .product-dropdown:hover .dropdown-menu-wrapper {
        transform: rotate3d(0, 0, 0, 0deg);
        transform-origin: 50% 0% 0px;
        max-height: 1000px;
    }

    .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper {
        left: 0px;
        position: absolute;
        transform: rotate3d(1, 0, 0, -90deg);
        z-index: 1000;
        transform-origin: 50% 0% 0px;
        max-height: 0px;
        overflow: hidden;
        transition: all 300ms ease-in-out 0s;
        background-color: rgb(255, 255, 255);
        box-sizing: border-box;
        width: 100%;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    }

    .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu {
        padding: 50px 0px 40px;
        margin: 0px auto;
        width: 1100px;
        overflow: auto;
        box-sizing: border-box;
    }

    @media (max-width: 1100px) {
        .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu {
            width: 1000px;
            min-width: 1000px;
        }
    }

    .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu::after {
        content: " ";
        height: 0px;
        display: block;
        clear: both;
    }

    .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .item-product {
        width: 16.6667%;
        float: left;
    }

    .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .item-product div a.item-product-link {
        font-size: 16px;
        text-align: left;
        line-height: 16px;
        color: rgb(51, 51, 51);
    }

    .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .item-product div {
        line-height: 12px;
        margin-top: 10px;
    }

    .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .item-product div .sub-title-link {
        text-decoration: none;
        font-size: 12px;
        line-height: 12px;
        color: rgb(153, 153, 153);
        text-align: left;
    }

    .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .item-product ul {
        list-style-type: none;
        margin-top: 20px;
    }

    .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .item-product ul li {
        padding: 0px;
        float: none;
        display: block;
        line-height: 24px;
        height: auto;
    }

    .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .item-product ul li a {
        text-decoration: none;
        font-size: 12px;
        line-height: 24px;
        text-align: left;
        color: rgb(51, 136, 255);
    }

    .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .bottom-contact-container {
        margin: 0px auto;
        width: 1100px;
        border-top: 1px solid rgb(229, 229, 229);
        padding: 20px 0px;
        box-sizing: border-box;
        text-align: center;
    }

    @media (max-width: 1100px) {
        .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .bottom-contact-container {
            width: 1000px;
            min-width: 1000px;
        }
    }

    .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .bottom-contact-container .bottom-contact {
        font-size: 12px;
        line-height: 30px;
        color: rgb(102, 102, 102);
    }

    .common-header_ .nav-list .product-dropdown .dropdown-menu-wrapper .bottom-contact-container .bottom-contact .dividing-line {
        display: inline-block;
        padding: 0px 20px;
    }

    .common-header_ .nav-list .caret {
        position: relative;
        display: inline-block;
    }

    .common-header_ .nav-list .caret::after, .common-header_ .nav-list .caret::before {
        content: " ";
        height: 0px;
        width: 0px;
        top: 100px;
        position: absolute;
        left: 5px;
        border: 5px solid transparent;
    }

    .common-header_ .nav-list .caret::before {
        border-top-color: rgb(255, 255, 255);
        top: -9px;
        z-index: 2;
    }

    .common-header_ .nav-list .caret::after {
        border-top-color: rgb(51, 51, 51);
        top: -7px;
        z-index: 1;
    }

    .common-header_ .nav-list .login_common_ {
        padding-left: 10px;
    }

    .common-header_ .nav-list .register_common_ {
        padding-left: 10px;
    }

    .common-header_ .nav-list .btn-login {
        width: 80px;
        height: 30px;
        line-height: 28px;
        display: inline-block;
        border: 1px solid rgb(43, 144, 237);
        color: rgb(43, 144, 237);
        text-align: center;
        border-radius: 2px;
        box-sizing: border-box;
        cursor: pointer;
    }

    .common-header_ .nav-list .btn-login:hover {
        background-color: rgb(43, 144, 237);
        color: rgb(255, 255, 255);
    }

    .common-header_ .nav-list .btn-register_ {
        width: 80px;
        height: 30px;
        line-height: 30px;
        display: inline-block;
        background-color: rgb(43, 144, 237);
        color: rgb(255, 255, 255);
        text-align: center;
        border-radius: 2px;
        cursor: pointer;
    }

    .common-header_ .nav-list .btn-register_:hover {
        background-color: rgb(92, 176, 253);
        color: rgb(255, 255, 255);
    }

    .common-header_ .nav-list .loaded_common_ {
        box-sizing: border-box;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        width: 152px;
        position: relative;
        padding: 0px 0px 0px 15px;
        z-index: 200;
        margin-right: -16px;
    }

    .common-header_ .nav-list .loaded_common_:hover .loaded-menu_ {
        display: block;
    }

    .common-header_ .nav-list .loaded_common_:hover {
        background-color: rgb(255, 255, 255);
        border-left: 1px solid rgb(229, 229, 229);
        border-right: 1px solid rgb(229, 229, 229);
    }

    .common-header_ .nav-list .loaded_common_ #mobile_common_ {
        color: rgb(43, 144, 237);
    }

    .common-header_ .nav-list .loaded_common_ .caret::after {
        border-top-color: rgb(43, 144, 237);
    }

    .common-header_ .nav-list .loaded_common_ #avatar_common_ {
        width: 16px;
        height: 16px;
        margin-right: 3px;
        display: inline-block;
        border-radius: 50%;
        vertical-align: text-bottom;
        background-size: 16px 16px;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA99JREFUWAmtV81PE0EUf7PdLR+t0CIiATEKekEkYiIhMSRyhUgiiQejN+NBDkSJnkwMIfFkgoaD+gdoPJqUoDe5aCB6MMZIlEgxWtHIh6W2QNm243vT7rrQ7e409CWT3Z157/d7M2/mzVsGkjLykXv/LMR6AHg/49CKZg2c8wYyZ4wt4mORM5jFr1DwcNXUyDG2RWNuwtwUbk7G6/VM6jYHfhE4VLnpi3EGMQbsiaaoo3f7/L+cbAo6MP6cl4XT0VtoPMw5+JxACo0xBgkcG2v2BO4M9bKknZ6tAzTrrXTqGS53l51R8X1sxutRz9mtRp4DN17E2/WUPonLfaB4IgcLBhFF0Xrv9fk/WLW2OSBmntHflpzcYEQnvIp2yroSijFGMRfLXuqZGwT0RGziIC6j23Qgu+FKFXMD3u7Ju3KbWwyKEGSPmv5Fdrd70O3WOg0aqzwC5EcsDbO/dUhn7Ajz++h0aIp2hEKh0rA455JHrbnGA5c6fFBTaS6eYFhdz8DjdwkIr6bzGXf00ESJE7sHmchw4eiSTJJpqvbA0Gk/aJ5te9eE19Mcxl/H4fuauxOAySrYHNiniPQqmeHOt1cUJCcvyDHSkRLkJG5cR94vY1DnU+BgQETMUZ10SFdOeL+Su1hc9WulQQFkdYmbXBU3mpsHukRYDYwidBsU40o1jAs9v0VTkMJN5iakQ7oyQtyywYIkrsCrr7YX2jYu0iFdGcGzxJVcMSGjDxOfNmFuWS+oS2OkIy2M/aQVoGpGSijTPZpJQGh2A1bW/0+T3qmPxmSzYY5wURVlFIczUh6gUga3wcv5pGjluVO5KRfyPAriRggWwlAM5o06dAQqGFSXKVChMUygABs6h7XNDDb3TbodloVUKiD/hKMxt1TcWqdCZ5MXjtaq4PPa792/yQzMLaXgTWQLPuPTUSgVI7dI6tcmog/wSFy1M9jvV+DCiUo4FHTPglb7+ZUUPH2/DssJ+ysSN//D+2cDg2IqVL3mCkgrBrTgzXe9e0/R5ATSsleF4W4/2mavbCtw9jpWR6lPOJArkcasSkGM8+VOH5Sr9jefVbfQe6WmwBXEqC7PwxgzyjIzmFQ644acMcAG2iqBAHYrtF8G2qw3JJvJcmWRTQaq26l0xns6QnE/Xq/tltu0b0esOsQkbOKw/iOYDpA2LYuman0djd6IaV2CF9xwcBIxqSw3lt4RdiHO6/FUTGMrlUwTpiPpzkFkLsM2ii2+Cy/IljDMMnwnj+s3GtNqUJ5YwyYrpEs2rrPOOx+FPEIwL471YKMSTvye49MoZsTvOX7j7zlgaocpjLvU7/k/yQQudCFAbHkAAAAASUVORK5CYII=");
    }

    .common-header_ .nav-list .loaded_common_ .loaded-menu_ {
        display: none;
        width: 152px;
        margin-left: -16px;
        height: 72px;
        box-sizing: border-box;
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        border-width: 0px 1px 1px;
        border-style: none solid solid;
        border-color: currentcolor rgb(229, 229, 229) rgb(229, 229, 229);
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image: none;
    }

    .common-header_ .nav-list .loaded_common_ .loaded-menu_ li {
        height: 35px;
        width: 150px;
        padding: 0px;
    }

    .common-header_ .nav-list .loaded_common_ .loaded-menu_ li a {
        height: 35px;
        width: 150px;
        padding-left: 37px;
        display: block;
        line-height: 35px;
        background-color: rgb(255, 255, 255);
        box-sizing: border-box;
        font-size: 14px;
        color: rgb(102, 102, 102);
    }

    .common-header_ .nav-list .loaded_common_ .loaded-menu_ li a:hover {
        color: rgb(238, 0, 0);
        background-color: rgb(248, 248, 248);
    }



    /* Code tidied up by ScrapBook */
    .pull-left {
        float: left;
    }

    .pull-right {
        float: right;
    }

    .hide {
        display: none;
    }

    .clearfix {
    }

    .clearfix::after {
        content: "";
        display: table;
        clear: both;
    }

    .common-footer_ {
        background: rgb(250, 250, 250) none repeat scroll 0% 0%;
        height: 367px;
        min-width: 1100px;
    }

    @media (max-width: 1100px) {
        .common-footer_ {
            min-width: 1000px;
        }
    }

    .common-footer_-main {
        width: 1100px;
        margin: 0px auto;
    }

    @media (max-width: 1100px) {
        .common-footer_-main {
            width: 1000px;
            min-width: 1000px;
        }
    }

    .common-footer_ .footer_about_ li {
        width: 180px;
    }

    @media (max-width: 1100px) {
        .common-footer_ .footer_about_ li {
            width: 170px;
        }
    }

    .common-footer_ .footer_produce_ li {
        width: 100px;
    }

    .common-footer_ h3 {
        font-size: 20px;
        padding: 60px 0px 30px;
        color: rgb(51, 51, 51);
        line-height: 20px;
        margin: 0px;
    }

    .common-footer_ .shangjia {
        padding-left: 55px;
    }

    @media (max-width: 1100px) {
        .common-footer_ .shangjia {
            padding-left: 30px;
        }
    }

    .common-footer_ .shangjia .tel {
        padding-bottom: 29px;
        font-size: 20px;
        color: rgb(102, 102, 102);
        line-height: 20px;
    }

    .common-footer_ .shangjia .time {
        font-size: 12px;
        color: rgb(102, 102, 102);
        line-height: 12px;
        padding-top: 4px;
    }

    .common-footer_ .qr-code {
        text-align: center;
    }

    .common-footer_ .qr-code .yz-code {
        width: 120px;
        height: 120px;
        background: rgb(229, 229, 229) url("../images/youzanshuo.png")/*tpa=http://www.xudoodoo.com/Public/Home/images/youzanshuo.png*/ repeat scroll 0% 0%;
        margin-top: 60px;
    }

    @media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
        .common-footer_ .qr-code .yz-code {
            background-image: url("../images/youzanshuo@2x.png")/*tpa=http://www.xudoodoo.com/Public/Home/images/youzanshuo@2x.png*/;
            background-size: 120px 120px;
        }
    }

    .common-footer_ .qr-code p {
        font-size: 14px;
        padding-top: 15px;
        color: rgb(102, 102, 102);
    }

    .common-footer_ li {
        width: 300px;
        margin-bottom: 20px;
        display: block;
        line-height: 1;
    }

    .common-footer_ li a {
        font-size: 14px;
        color: rgb(102, 102, 102);
        text-decoration: none;
    }

    .common-footer_ li a:hover {
        color: rgb(238, 0, 0);
    }

    .common-footer_ li .dow-zlb {
        width: 14px;
        height: 14px;
        vertical-align: middle;
        display: inline-block;
        background-image: url("../images/download.png")/*tpa=http://www.xudoodoo.com/Public/Home/images/download.png*/;
        background-size: 14px 14px;
    }

    .common-footer_ .common_copy_ {
        font-size: 12px;
        margin: 15px auto 0px;
        text-align: center;
        width: 1100px;
        min-width: 1100px;
        border-top: 1px solid rgb(229, 229, 229);
        padding-top: 32px;
        color: rgb(182, 182, 182);
    }

    @media (max-width: 1100px) {
        .common-footer_ .common_copy_ {
            width: 1000px;
            min-width: 1000px;
        }
    }

    .common-footer_ .common_copy_ a {
        text-decoration: none;
        color: rgb(182, 182, 182);
    }
