@charset "UTF-8";

.ogs-red .text-primary { color: #bc0626 !important; }
.ogs-red a:hover, .ogs-red .art-list li a:hover, .ogs-red .category-condition li a:hover, .ogs-red .menu-sub li a:hover, .ogs-red .footer-nav dd a:hover { color: #bc0626; }
.ogs-red nav, .ogs-red .category > h3 { background: #333; }
.ogs-red .art-list li:after, .ogs-red .category-list > li > a:hover, .ogs-red .category-sub dd a:hover,.ogs-red .category-third dd a:hover, .ogs-red .nav-list li.active a, .ogs-red .nav-list li a:hover, .ogs-red .search__btn, .ogs-red .sort-list li.active a, .ogs-red .sort-list li:hover a, .ogs-red .paging .paging-btn, .ogs-red .menu-sub li.active:after, .ogs-red .btn-primary, .ogs-red .side-menu li.active a { background: #bc0626; }
.ogs-red .category-sub dt, .ogs-red .side-menu li.active a:after { border-left-color: #bc0626; }
.ogs-red .search, .ogs-red .code-img, .ogs-red .pro-list li:hover, .ogs-red .spec-list li.active img, .ogs-red .frm-group .frm-input:focus, .ogs-red .btn-join-cart--list { border-color: #bc0626; }
.ogs-red .search__btn:hover, .ogs-red .btn-buy:hover, .ogs-red .paging .paging-btn:hover, .ogs-red .btn-second:hover, .ogs-red .side-menu li a:hover, .ogs-red .btn-join-cart--list:hover { color: #fff; }
.ogs-red .code-img:after { border-left-color: #bc0626; border-bottom-color: #bc0626; }
.ogs-red .mod-pro__tle h3 { border-bottom-color: #bc0626; }
.ogs-red .footer { border-top-color: #bc0626; }
.ogs-red .view-switch a.active, .ogs-red .menu-sub li.active a, .ogs-red .tab-tle li.active, .ogs-red .news-item a:hover .news-tle, .ogs-red .side-category__list > li:hover, .ogs-red .side-category__list a:hover, .ogs-red .side-category__list li.active a, .ogs-red .btn-join-cart { color: #bc0626; }
.ogs-red .btn-primary:hover { color: #fff; background: #a30521; }
.ogs-red .condition-tag a.active { background: #333; }
.ogs-red .condition-tag a.active:hover { color: #fff; }
.ogs-red .spec-tag li.active, .ogs-red .btn-outline { border-color: #bc0626; color: #bc0626; }
.ogs-red .btn-join-cart--list:hover { background: #bc0626; }

.ogs-yellow .text-primary { color: #ff5000 !important; }
.ogs-yellow a:hover, .ogs-yellow .art-list li a:hover, .ogs-yellow .category-condition li a:hover, .ogs-yellow .menu-sub li a:hover, .ogs-yellow .footer-nav dd a:hover { color: #fdbc00; }
.ogs-yellow nav, .ogs-yellow .category > h3 { background: #403e38; }
.ogs-yellow .art-list li:after, .ogs-yellow .category-list > li > a:hover, .ogs-yellow .category-sub dd a:hover,.ogs-yellow .category-third dd a:hover, .ogs-yellow .nav-list li.active a, .ogs-yellow .nav-list li a:hover, .ogs-yellow .search__btn, .ogs-yellow .sort-list li.active a, .ogs-yellow .sort-list li:hover a, .ogs-yellow .paging .paging-btn, .ogs-yellow .menu-sub li.active:after, .ogs-yellow .btn-primary, .ogs-yellow .side-menu li.active a { background: #fdbc00; }
.ogs-yellow .category-sub dt, .ogs-yellow .side-menu li.active a:after { border-left-color: #fdbc00; }
.ogs-yellow .search, .ogs-yellow .code-img, .ogs-yellow .pro-list li:hover, .ogs-yellow .spec-list li.active img, .ogs-yellow .frm-group .frm-input:focus, .ogs-yellow .btn-join-cart--list { border-color: #fdbc00; }
.ogs-yellow .search__btn:hover, .ogs-yellow .btn-buy:hover, .ogs-yellow .paging .paging-btn:hover, .ogs-yellow .btn-second:hover, .ogs-yellow .side-menu li a:hover, .ogs-yellow .btn-join-cart--list:hover { color: #fff; }
.ogs-yellow .code-img:after { border-left-color: #fdbc00; border-bottom-color: #fdbc00; }
.ogs-yellow .mod-pro__tle h3 { border-bottom-color: #fdbc00; }
.ogs-yellow .footer { border-top-color: #fdbc00; }
.ogs-yellow .view-switch a.active, .ogs-yellow .menu-sub li.active a, .ogs-yellow .tab-tle li.active, .ogs-yellow .news-item a:hover .news-tle, .ogs-yellow .side-category__list > li:hover, .ogs-yellow .side-category__list a:hover, .ogs-yellow .side-category__list li.active a, .ogs-yellow .btn-join-cart { color: #fdbc00; }
.ogs-yellow .btn-primary:hover { color: #fff; background: #e4a900; }
.ogs-yellow .condition-tag a.active { background: #403e38; }
.ogs-yellow .condition-tag a.active:hover { color: #fff; }
.ogs-yellow .spec-tag li.active, .ogs-yellow .btn-outline { border-color: #fdbc00; color: #fdbc00; }
.ogs-yellow .btn-join-cart--list:hover { background: #fdbc00; }

.ogs-pink .text-primary { color: #ff5000 !important; }
.ogs-pink a:hover, .ogs-pink .art-list li a:hover, .ogs-pink .category-condition li a:hover, .ogs-pink .menu-sub li a:hover, .ogs-pink .footer-nav dd a:hover{ color: #ff6a92; }
.ogs-pink nav, .ogs-pink .category > h3 { background: #192d60; }
.ogs-pink .art-list li:after, .ogs-pink .category-list > li > a:hover, .ogs-pink .category-sub dd a:hover,.ogs-pink .category-third dd a:hover , .ogs-pink .nav-list li.active a, .ogs-pink .nav-list li a:hover, .ogs-pink .search__btn, .ogs-pink .sort-list li.active a, .ogs-pink .sort-list li:hover a, .ogs-pink .paging .paging-btn, .ogs-pink .menu-sub li.active:after, .ogs-pink .btn-primary, .ogs-pink .side-menu li.active a { background: #ff6a92; }
.ogs-pink .category-sub dt, .ogs-pink .side-menu li.active a:after { border-left-color: #ff6a92; }
.ogs-pink .search, .ogs-pink .code-img, .ogs-pink .pro-list li:hover, .ogs-pink .spec-list li.active img, .ogs-pink .frm-group .frm-input:focus, .ogs-pink .btn-join-cart--list { border-color: #ff6a92; }
.ogs-pink .search__btn:hover, .ogs-pink .btn-buy:hover, .ogs-pink .paging .paging-btn:hover, .ogs-pink .btn-second:hover, .ogs-pink .side-menu li a:hover, .ogs-pink .btn-join-cart--list:hover { color: #fff; }
.ogs-pink .code-img:after { border-left-color: #ff6a92; border-bottom-color: #ff6a92; }
.ogs-pink .mod-pro__tle h3 { border-bottom-color: #ff6a92; }
.ogs-pink .footer { border-top-color: #ff6a92; }
.ogs-pink .view-switch a.active, .ogs-pink .menu-sub li.active a, .ogs-pink .tab-tle li.active, .ogs-pink .news-item a:hover .news-tle, .ogs-pink .side-category__list > li:hover, .ogs-pink .side-category__list a:hover, .ogs-pink .side-category__list li.active a, .ogs-pink .btn-join-cart { color: #ff6a92; }
.ogs-pink .btn-primary:hover { color: #fff; background: #ff517f; }
.ogs-pink .condition-tag a.active { background: #192d60; }
.ogs-pink .condition-tag a.active:hover { color: #fff; }
.ogs-pink .spec-tag li.active, .ogs-pink .btn-outline { border-color: #ff6a92; color: #ff6a92; }
.ogs-pink .btn-join-cart--list:hover { background: #ff6a92; }

.ogs-light-orange .text-primary { color: #ee7f58 !important; }
.ogs-light-orange a:hover, .ogs-light-orange .art-list li a:hover, .ogs-light-orange .category-condition li a:hover, .ogs-light-orange .menu-sub li a:hover, .ogs-light-orange .footer-nav dd a:hover { color: #ee7f58; }
.ogs-light-orange nav, .ogs-light-orange .category > h3 { background: #2f3245; }
.ogs-light-orange .art-list li:after, .ogs-light-orange .category-list > li > a:hover, .ogs-light-orange .category-sub dd a:hover,.ogs-light-orange .category-third dd a:hover, .ogs-light-orange .nav-list li.active a, .ogs-light-orange .nav-list li a:hover, .ogs-light-orange .search__btn, .ogs-light-orange .sort-list li.active a, .ogs-light-orange .sort-list li:hover a, .ogs-light-orange .paging .paging-btn, .ogs-light-orange .menu-sub li.active:after, .ogs-light-orange .btn-primary, .ogs-light-orange .side-menu li.active a { background: #ee7f58; }
.ogs-light-orange .category-sub dt, .ogs-light-orange .side-menu li.active a:after { border-left-color: #ee7f58; }
.ogs-light-orange .search, .ogs-light-orange .code-img, .ogs-light-orange .pro-list li:hover, .ogs-light-orange .spec-list li.active img, .ogs-light-orange .frm-group .frm-input:focus, .ogs-light-orange .btn-join-cart--list { border-color: #ee7f58; }
.ogs-light-orange .search__btn:hover, .ogs-light-orange .btn-buy:hover, .ogs-light-orange .paging .paging-btn:hover, .ogs-light-orange .btn-second:hover, .ogs-light-orange .side-menu li a:hover, .ogs-light-orange .btn-join-cart--list:hover { color: #fff; }
.ogs-light-orange .code-img:after { border-left-color: #ee7f58; border-bottom-color: #ee7f58; }
.ogs-light-orange .mod-pro__tle h3 { border-bottom-color: #ee7f58; }
.ogs-light-orange .footer { border-top-color: #ee7f58; }
.ogs-light-orange .view-switch a.active, .ogs-light-orange .menu-sub li.active a, .ogs-light-orange .tab-tle li.active, .ogs-light-orange .news-item a:hover .news-tle, .ogs-light-orange .side-category__list > li:hover, .ogs-light-orange .side-category__list a:hover, .ogs-light-orange .side-category__list li.active a, .ogs-light-orange .btn-join-cart { color: #ee7f58; }
.ogs-light-orange .btn-primary:hover { color: #fff; background: #ec6d41; }
.ogs-light-orange .condition-tag a.active { background: #2f3245; }
.ogs-light-orange .condition-tag a.active:hover { color: #fff; }
.ogs-light-orange .spec-tag li.active, .ogs-light-orange .btn-outline { border-color: #ee7f58; color: #ee7f58; }
.ogs-light-orange .btn-join-cart--list:hover { background: #ee7f58; }
.ogs-light-orange .btn-join-cart--list:hover { background: #ee7f58; }

.ogs-blue .text-primary { color: #ff5000 !important; }
.ogs-blue a:hover, .ogs-blue .art-list li a:hover, .ogs-blue .category-condition li a:hover, .ogs-blue .menu-sub li a:hover, .ogs-blue .footer-nav dd a:hover { color: #294d7c; }
.ogs-blue nav, .ogs-blue .category > h3 { background: #294d7c; }
.ogs-blue .art-list li:after, .ogs-blue .category-list > li > a:hover, .ogs-blue .category-sub dd a:hover,.ogs-blue .category-third dd a:hover, .ogs-blue .search__btn, .ogs-blue .sort-list li.active a, .ogs-blue .sort-list li:hover a, .ogs-blue .paging .paging-btn, .ogs-blue .menu-sub li.active:after, .ogs-blue .btn-primary, .ogs-blue .side-menu li.active a { background: #294d7c; }
.ogs-blue .nav-list li.active a, .ogs-blue .nav-list li a:hover { background: #edb386; }
.ogs-blue .category-sub dt, .ogs-blue .side-menu li.active a:after { border-left-color: #294d7c; }
.ogs-blue .search, .ogs-blue .code-img, .ogs-blue .pro-list li:hover, .ogs-blue .spec-list li.active img, .ogs-blue .frm-group .frm-input:focus, .ogs-blue .btn-join-cart--list { border-color: #294d7c; }
.ogs-blue .search__btn:hover, .ogs-blue .btn-buy:hover, .ogs-blue .paging .paging-btn:hover, .ogs-blue .btn-second:hover, .ogs-blue .side-menu li a:hover, .ogs-blue .btn-join-cart--list:hover { color: #fff; }
.ogs-blue .code-img:after { border-left-color: #294d7c; border-bottom-color: #294d7c; }
.ogs-blue .mod-pro__tle h3 { border-bottom-color: #294d7c; }
.ogs-blue .footer { border-top-color: #294d7c; }
.ogs-blue .view-switch a.active, .ogs-blue .menu-sub li.active a, .ogs-blue .tab-tle li.active, .ogs-blue .news-item a:hover .news-tle, .ogs-blue .side-category__list > li:hover, .ogs-blue .side-category__list a:hover, .ogs-blue .side-category__list li.active a, .ogs-blue .btn-join-cart { color: #294d7c; }
.ogs-blue .btn-primary:hover { color: #fff; background: #234169; }
.ogs-blue .condition-tag a.active { background: #edb386; }
.ogs-blue .condition-tag a.active:hover { color: #fff; }
.ogs-blue .spec-tag li.active, .ogs-blue .btn-outline { border-color: #294d7c; color: #294d7c; }
.ogs-blue .btn-join-cart--list:hover { background: #294d7c; }

.ogs-golden .text-primary { color: #ff5000 !important; }
.ogs-golden a:hover, .ogs-golden .art-list li a:hover, .ogs-golden .category-condition li a:hover, .ogs-golden .menu-sub li a:hover, .ogs-golden .footer-nav dd a:hover { color: #fec769; }
.ogs-golden nav, .ogs-golden .category > h3 { background: #292a2e; }
.ogs-golden .art-list li:after, .ogs-golden .category-list > li > a:hover, .ogs-golden .category-sub dd a:hover,.ogs-golden .category-third dd a:hover, .ogs-golden .nav-list li.active a, .ogs-golden .nav-list li a:hover, .ogs-golden .search__btn, .ogs-golden .sort-list li.active a, .ogs-golden .sort-list li:hover a, .ogs-golden .paging .paging-btn, .ogs-golden .menu-sub li.active:after, .ogs-golden .btn-primary, .ogs-golden .side-menu li.active a { background: #fec769; }
.ogs-golden .category-sub dt, .ogs-golden .side-menu li.active a:after { border-left-color: #fec769; }
.ogs-golden .search, .ogs-golden .code-img, .ogs-golden .pro-list li:hover, .ogs-golden .spec-list li.active img, .ogs-golden .frm-group .frm-input:focus, .ogs-golden .btn-join-cart--list { border-color: #fec769; }
.ogs-golden .search__btn:hover, .ogs-golden .btn-buy:hover, .ogs-golden .paging .paging-btn:hover, .ogs-golden .btn-second:hover, .ogs-golden .side-menu li a:hover, .ogs-golden .btn-join-cart--list:hover { color: #fff; }
.ogs-golden .code-img:after { border-left-color: #fec769; border-bottom-color: #fec769; }
.ogs-golden .mod-pro__tle h3 { border-bottom-color: #fec769; }
.ogs-golden .footer { border-top-color: #fec769; }
.ogs-golden .view-switch a.active, .ogs-golden .menu-sub li.active a, .ogs-golden .tab-tle li.active, .ogs-golden .news-item a:hover .news-tle, .ogs-golden .side-category__list > li:hover, .ogs-golden .side-category__list a:hover, .ogs-golden .side-category__list li.active a, .ogs-golden .btn-join-cart { color: #fec769; }
.ogs-golden .btn-primary:hover { color: #fff; background: #fdbe4f; }
.ogs-golden .condition-tag a.active { background: #292a2e; }
.ogs-golden .condition-tag a.active:hover { color: #fff; }
.ogs-golden .spec-tag li.active, .ogs-golden .btn-outline { border-color: #fec769; color: #fec769; }
.ogs-golden .btn-join-cart--list:hover { background: #fec769; }

.ogs-brown .text-primary { color: #c53539 !important; }
.ogs-brown a:hover, .ogs-brown .art-list li a:hover, .ogs-brown .category-condition li a:hover, .ogs-brown .menu-sub li a:hover, .ogs-brown .footer-nav dd a:hover { color: #b6a378; }
.ogs-brown nav, .ogs-brown .category > h3 { background: #b6a378; }
.ogs-brown .art-list li:after, .ogs-brown .category-list > li > a:hover, .ogs-brown .category-sub dd a:hover,.ogs-brown .category-third dd a:hover, .ogs-brown .search__btn, .ogs-brown .sort-list li.active a, .ogs-brown .sort-list li:hover a, .ogs-brown .paging .paging-btn, .ogs-brown .menu-sub li.active:after, .ogs-brown .btn-primary, .ogs-brown .side-menu li.active a { background: #b6a378; }
.ogs-brown .nav-list li.active a, .ogs-brown .nav-list li a:hover { background: #c53539; }
.ogs-brown .category-sub dt, .ogs-brown .side-menu li.active a:after { border-left-color: #b6a378; }
.ogs-brown .search, .ogs-brown .code-img, .ogs-brown .pro-list li:hover, .ogs-brown .spec-list li.active img, .ogs-brown .frm-group .frm-input:focus, .ogs-brown .btn-join-cart--list { border-color: #b6a378; }
.ogs-brown .search__btn:hover, .ogs-brown .btn-buy:hover, .ogs-brown .paging .paging-btn:hover, .ogs-brown .btn-second:hover, .ogs-brown .side-menu li a:hover, .ogs-brown .btn-join-cart--list:hover { color: #fff; }
.ogs-brown .code-img:after { border-left-color: #b6a378; border-bottom-color: #b6a378; }
.ogs-brown .mod-pro__tle h3 { border-bottom-color: #b6a378; }
.ogs-brown .footer { border-top-color: #b6a378; }
.ogs-brown .view-switch a.active, .ogs-brown .menu-sub li.active a, .ogs-brown .tab-tle li.active, .ogs-brown .news-item a:hover .news-tle, .ogs-brown .side-category__list > li:hover, .ogs-brown .side-category__list a:hover, .ogs-brown .side-category__list li.active a, .ogs-brown .btn-join-cart { color: #b6a378; }
.ogs-brown .btn-primary:hover { color: #fff; background: #ad9867; }
.ogs-brown .condition-tag a.active { background: #c53539; }
.ogs-brown .condition-tag a.active:hover { color: #fff; }
.ogs-brown .spec-tag li.active, .ogs-brown .btn-outline { border-color: #b6a378; color: #b6a378; }
.ogs-brown .btn-join-cart--list:hover { background: #b6a378; }

.ogs-green .text-primary { color: #ff5000 !important; }
.ogs-green a:hover, .ogs-green .art-list li a:hover, .ogs-green .category-condition li a:hover, .ogs-green .menu-sub li a:hover, .ogs-green .footer-nav dd a:hover {color: #3fa547;}
.ogs-green nav, .ogs-green .category > h3 { background: #3fa547; }
.ogs-green .art-list li:after, .ogs-green .category-list > li > a:hover, .ogs-green .category-sub dd a:hover, .ogs-green .category-third dd a:hover, .ogs-green .search__btn, .ogs-green .sort-list li.active a, .ogs-green .sort-list li:hover a, .ogs-green .paging .paging-btn, .ogs-green .menu-sub li.active:after, .ogs-green .btn-primary, .ogs-green .side-menu li.active a { background: #3fa547; }
.ogs-green .nav-list li.active a, .ogs-green .nav-list li a:hover { background: #78c87e; }
.ogs-green .category-sub dt, .ogs-green .side-menu li.active a:after { border-left-color: #3fa547; }
.ogs-green .search, .ogs-green .code-img, .ogs-green .pro-list li:hover, .ogs-green .spec-list li.active img, .ogs-green .frm-group .frm-input:focus, .ogs-green .btn-join-cart--list { border-color: #3fa547; }
.ogs-green .search__btn:hover, .ogs-green .btn-buy:hover, .ogs-green .paging .paging-btn:hover, .ogs-green .btn-second:hover, .ogs-green .side-menu li a:hover, .ogs-green .btn-join-cart--list:hover { color: #fff; }
.ogs-green .code-img:after { border-left-color: #3fa547; border-bottom-color: #3fa547; }
.ogs-green .mod-pro__tle h3 { border-bottom-color: #3fa547; }
.ogs-green .footer { border-top-color: #3fa547; }
.ogs-green .view-switch a.active, .ogs-green .menu-sub li.active a, .ogs-green .tab-tle li.active, .ogs-green .news-item a:hover .news-tle, .ogs-green .side-category__list > li:hover, .ogs-green .side-category__list a:hover, .ogs-green .side-category__list li.active a, .ogs-green .btn-join-cart { color: #3fa547; }
.ogs-green .btn-primary:hover { color: #fff; background: #38933f; }
.ogs-green .condition-tag a.active { background: #78c87e; }
.ogs-green .condition-tag a.active:hover { color: #fff; }
.ogs-green .spec-tag li.active, .ogs-green .btn-outline { border-color: #3fa547; color: #3fa547; }
.ogs-green .btn-join-cart--list:hover { background: #3fa547; }
.cus-footer {
    width: 1128px;
    margin: 0 auto;
}

    .cus-footer .cus-footer-left {
        float: left;
        max-width: 70%;
        margin-right: 20px;
    }

    .cus-footer .cus-footer-right {
        float: left;
        padding: 30px 0;
    }

    .cus-footer .qrcode-box-item {
        text-align: center;
        float: left;
        margin-right: 20px;
    }

    .cus-footer .qrcode-img {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        display: block;
    }

    .cus-footer .qrcode-text {
        margin: 0 auto;
    }

    .cus-footer .qrcode-box {
        float: left;
    }

    .cus-footer .app-desc {
        max-width: 60%;
        float: left;
        padding: 20px 0;
    }

    .cus-footer .app-name {
        display: block;
    }

    .cus-footer .cus-footer-right {
        text-align: center;
    }

    .cus-footer .copy-text {
        display: block;
    }

    .cus-footer .company-text {
        display: block;
    }