:root {
  --hi-color-black: #333;
  --hi-color-orange: #FF4000;
}

.d-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
}
.justify-content-between {
  justify-content: space-between;
}
.align-items-start {
  align-items: flex-start !important;
}
.border-bottom {
  border-bottom: 1px solid #ccc;
}
.border-top {
  border-top: 1px solid #ccc;
}
.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.justify-content-center {
  justify-content: center;
}

.fixed-top,
.fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 30;
}

.fixed-top,
.absolute-top {
  top: 0;
}
.fixed-bottom,
.absolute-bottom {
  bottom: 0;
}

.absolute-top,
.absolute-bottom {
  position: absolute;
  right: 0;
  left: 0;
}

.bg-orange {
  background: #FF4000;
}

.border-1 {
  border-width: 1px;
  border-style: solid;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.bg-cover {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.w-50 {
  width: 50%;
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.text-primary {
  color: #ec8200 !important;
}
.text-light2 {
  color: #ccc !important;
}
.text-gray {
  color: #BBB;
}
.text-dark {
  color: #282828;
}
.text-light-dark {
  color: #686868;
}
.letter-spacing-0 {
  letter-spacing: -0.25em;
}
.rating-block {
  height: 1em;
  line-height: 1em;
}

@charset "utf-8";

.nav-container {
    margin: 0 auto;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    width: 1200px;
}

.navFull {
    width: 100%;
    margin: 0 auto;
    color: #000;
    background: #fff;
}

#nav {
    width: 100%;
    height: auto;
    position: relative;
}

#nav>li {
    width: auto;
    float: left;
    position: static;
    margin-left: 3px;
}

#nav>.usa-link {
    margin-left: 0;
}

#nav>.usa-link>a {
    padding: 0 10px 0 0;
}

#nav>.usa-link>a span {
    float: left;
}

#nav>.usa-link>a span,
#nav>.new-link>a span {
    color: #e75200;
}

#nav>.new-link>a {
    margin-right: 0 !important;
}

#nav>li>a {
    padding: 0 7px;
    color: #000 !important;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    display: block;
    text-decoration: none;
    text-align: left;
    font-family: 'Arial-Bold';
    box-sizing: border-box;
    position: relative;
}

#nav>li:hover>a {
    border-bottom: 4px solid #e75200;
}

#nav>li:hover a span {
    color: #e75200;
}

#nav>li>a i {
    display: inline-block;
    font-size: 34px;
    background: linear-gradient(to bottom, #e9812a, #f01902);
    -webkit-background-clip: text;
    color: transparent;
    line-height: 38px;
}

.nav-box {
    width: 1200px;
    height: auto;
    position: absolute;
    top: 44px;
    left: 0;
    background: #fff;
    z-index: 88;
    box-sizing: border-box;
    box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 20px 20px;
    visibility: hidden;
    -webkit-transform: none;
    transform: none;
    opacity: 0;
    /*transition: all .1s cubic-bezier(.1,.06,.05,.95);
    transition-delay: .1s;*/
}

#nav>li:hover .nav-box {
    display: block;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /*transition: all .1s cubic-bezier(.1,.06,.05,.95);*/
    opacity: 1;
    /*transition-delay: 0s;*/
}

.nav-warehouse-box {
    text-align: center;
}

.nav-warehouse-box ul{
    display: inline-block;
    width: auto;
    height: auto;
    margin:0 auto;
}

.nav-warehouse-box ul li{
    display: inline-block;
    width: auto;
    height: auto;
    float: left;
}
.nav-warehouse-box ul li:first-child{
    margin-right: 150px;
}
.nav-warehouse-box ul li:hover p {
    color: #e75200;
}
.nav-warehouse-box ul li a{
    display: block;
    width: auto;
    height: auto;
}
.nav-warehouse-box ul li a span{
    display: block;
    width: 100px;
    height: 100px;
}

.nav-warehouse-box ul li a p{
    display: block;
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #333;
    margin:0;
    font-weight: 500;
}

.brand-logo {
    padding: 60px 120px;
}

.brand-logo ul {
    overflow: hidden;
}

.brand-logo ul li {
    width: 124px;
    height: auto;
    float: left;
    margin: 0 15px 15px 0;
}

.brand-logo ul li:nth-child(7n) {
    margin: 0 0 15px 0 !important;
}

.brand-logo ul li img {
    width: 80%;
}

.brand-logo .more {
    text-align: right;
    margin-bottom: 20px;
    padding: 0 22px 0 0;
}

.brand-logo .more a {
    font-size: 16px;
    color: #202020;
    font-weight: 500;
}

.accessories-box li:hover a p,
.mod-right li:hover a p,
.kit-right li:hover a p,
.atomizer-list ul li:hover p,
.mod-left li:hover a p,
.kit-left li:hover a p,
.brand-logo .more a:hover,
.brand-logo .more a:hover i {
    color: #e75200;
}

.nav-warehouse-box,
.atomizer-box,
.mod-box,
.vape-kit-box {
    padding: 60px 75px;
    overflow: hidden;
}

.mod-left,
.kit-left {
    width: 428px;
    height: auto;
    float: left;
}

.accessories-box ul,
.atomizer-list ul,
.mod-left ul,
.mod-right ul,
.kit-left ul,
.kit-right ul {
    overflow: hidden;
}

.kit-left ul li {
    width: 128px;
    height: auto;
    margin: 20px 20px 0 0;
    float: left;
    text-align: center;
}

.kit-left ul li:nth-child(3n) {
    margin-right: 0;
}

.kit-left ul li:nth-child(1),
.kit-left ul li:nth-child(2),
.kit-left ul li:nth-child(3) {
    margin-top: 0;
}

.kit-left ul li a span {
    display: inline-block;
    width: 110px;
    height: 110px;
}

.kit-left li a span .icon {
    display: inline-block;
    width: 110px;
    height: 110px;
    fill: currentColor;
    overflow: hidden;
}

.mod-left li a p,
.kit-left li a p {
    margin: 0;
    color: #202020;
    font-size: 14px;
}

.mod-right,
.kit-right {
    width: 582px;
    height: auto;
    margin-left: 40px;
    float: left;
}

.mod-right li,
.kit-right li {
    width: 285px;
    height: auto;
    border-radius: 4px;
    margin: 12px 12px 0 0;
    float: left;
}

.mod-right li a img,
.kit-right li a img {
    width: 285px;
    height: 188px;
    border-radius: 4px;
    background-color: #cecece;
}

.mod-right li a p,
.kit-right li a p {
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    color: #202020;
    font-weight: 500;
}

.mod-right ul li:nth-child(2n),
.kit-right ul li:nth-child(2n) {
    margin-right: 0;
}

.mod-right ul li:nth-child(1),
.mod-right ul li:nth-child(2),
.kit-right ul li:nth-child(1),
.kit-right ul li:nth-child(2) {
    margin-top: 0;
}

.mod-left ul li {
    width: 204px;
    height: auto;
    margin: 20px 20px 0 0;
    float: left;
    text-align: center;
}

.mod-left ul li:nth-child(2n) {
    margin-right: 0;
}

.mod-left ul li:nth-child(1),
.mod-left ul li:nth-child(2) {
    margin-top: 0;
}

.mod-left ul li a span {
    display: inline-block;
    width: 100px;
    height: 100px;
}

.mod-left li a span .icon {
    display: inline-block;
    width: 100px;
    height: 100px;
    fill: currentColor;
    overflow: hidden;
}

.atomizer-list {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    text-align: center;
}

.atomizer-list .title {
    font-size: 16px;
    color: #202020;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 500;
}

.tank-list {
    margin-bottom: 0;
}

.atomizer-list ul {
    display: inline-block;
    margin: 0 auto;
}

.atomizer-list ul li {
    width: 128px;
    height: auto;
    margin: 0 20px 0 0;
    float: left;
    text-align: center;
}

.atomizer-list ul li:last-child {
    margin-right: 0;
}

.atomizer-list ul li a span {
    display: inline-block;
    width: 100px;
    height: 100px;
}

.atomizer-list li a span .icon {
    display: inline-block;
    width: 100px;
    height: 100px;
    fill: currentColor;
    overflow: hidden;
}

.accessories-box {
    padding: 60px 200px;
}

.accessories-box ul li {
    width: 184px;
    height: auto;
    margin: 0 20px 10px 0;
    float: left;
    text-align: center;
}

.accessories-box ul li:nth-child(4n) {
    margin-right: 0;
}

.accessories-box ul li a span {
    display: inline-block;
    width: 120px;
    height: 120px;
}

.accessories-box li a span .icon {
    display: inline-block;
    width: 120px;
    height: 120px;
    fill: currentColor;
    overflow: hidden;
}

.vaporizers-box {
    padding: 60px 75px;
    overflow: hidden;
}

.vaporizers-box .mod-left ul li a span {
    width: 180px;
    height: 180px;
}

.vaporizers-box .mod-left li a span .icon {
    width: 180px;
    height: 180px;
}

.show-right,
.show-left,
.show-last {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
}

#nav>li:hover .show-left,
#nav>li:hover .show-right,
#nav>li:hover .show-last {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.appear-delay-1 {
    transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.075s;
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.075s, opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.075s, opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.075s;
}

.appear-delay-2 {
    transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.33s, -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.255s;
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.255s, opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.33s;
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.255s, opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.33s, -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.255s;
}

.appear-delay-3 {
    transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.51s, -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.435s;
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.435s, opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.51s;
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.435s, opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.51s, -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.435s;
}
.mix_container {
    position: relative
}

#fme_layered_container .grid-inner .btn-cart span span {
    padding: 10px 16px
}

.header_cart .item .product-name {
    text-align: left;
    padding: 0
}

.block-content .item .product-name {
    text-align: left;
    padding: 0;
    margin: 0
}

.nextPre .prod-prev,
.nextPre .prod-next {
    background-color: #b69160;
    border: 0;
    cursor: pointer;
    display: block;
    height: 25px;
    outline: medium;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    width: 25px;
    z-index: 1;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin-left: 1px;
    float: right;
    line-height: 24px;
    z-index: 9999
}

.products-grid .ratings .rating-links .separator,
.products-grid .ratings .rating-links .add_review {
    display: none
}

.col-wrapper.span6 .addBox2 {
    text-align: center
}

.col-wrapper.span6 .addBox2 li,
.col-wrapper.span6 .addBox2 li.compareR2 {
    float: none;
    display: inline-block
}

.col-wrapper.span6 .btn-right {
    display: inline-block
}

.item .addBox2 li {
    padding: 0 5px;
    margin-top: 5px;
    height: 18px;
    float: left
}

.item .addBox2 li.compareR2 {
    float: right
}

.item .addBox2 li a {
    color: #000;
    text-decoration: none
}

.button:hover span span {
    background-color: #b69160
}

.check_border input[type=checkbox],
.check_border input[type=radio] {
    margin: 0 !important
}

.check_border button.button {
    padding: 7px 20px !important
}

@media screen and (min-width:1200px) {
    .bg00bbd3 {
        background-color: #b69160
    }

    .bgFFA500 {
        background: orange
    }

    .featured .price-box {
        width: 60%;
        display: inline
    }

    .wh75 {
        width: 75%;
        float: left;
        height: auto
    }
}

@media screen and (max-width:1200px) {
    .short-description {
        display: none
    }
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%)
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%)
    }
}
.data-table>li.tableRow .item-options .td,
.product-intro-info .price_box>.regular-price>.price {
    font-family: myriadsetpro-semibold
}

.zmsp2 {
    margin-left: 0
}


#forum_wrapper,
.advanceforum-box,
.marketing,
.cart,
#amscheckout-onepage,
/*.content-wrapper .container .std,*/
.header .full-width,
.news_box,
#contactForm,
.messages {
    width: 1200px;
    margin: 0 auto;
    vertical-align: top;
    display: block;
}

.form-validate {
    width: 1200px;
    display: block;
    margin: 0 auto
}

.affiliate-page .affiliate-navigation {
    width: 297px;
    margin: 20px auto
}

.container .container {
    padding: 0
}

.cms-home .content-wrapper {
    padding-top: 0
}

.content-wrapper .container {
    text-align: left
}


.page-print {
    background: #fff;
    padding: 25px 30px;
    text-align: left
}

.page-empty {
    background: #fff;
    padding: 0;
    text-align: left
}

.main-container {
    background: #fbfaf6 url(/default/images/bkg_main1.gif) 50% 0 no-repeat
}

.main {
    min-height: 400px
}

.col2-set .col-1 {
    float: right;
    width: 48.5%;
    word-wrap: break-word
}

.col2-set .col-2 {
    float: left;
    width: 48.5%
}

.col2-set .col-narrow {
    width: 32%
}

.col2-set .col-wide {
    width: 65%
}

.col3-set .col-1 {
    float: left;
    width: 32%
}

.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%
}

.col3-set .col-3 {
    float: right;
    width: 32%
}

.col4-set .col-1 {
    float: left;
    width: 23.5%
}

.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%
}

.col4-set .col-3 {
    float: left;
    width: 23.5%
}

.col4-set .col-4 {
    float: right;
    width: 23.5%
}

.data-table>li.tableRow .item-options {
    font-size: 14px
}

.data-table>li.tableRow .item-options dt {
    float: left;
    margin-bottom: 10px;
    margin-left: 10px
}

.data-table>li.tableRow .item-options dd {
    float: left;
    margin-right: 10px
}

.data-table>li.tableRow .item-options td {
    border: none;
    text-align: left !important;
    line-height: 26px
}

.span2 button.button span span {
    padding: 10px
}

button.disabled span {
    border-color: #bbb !important;
    background: #bbb !important
}


button.button span span i.icon {
    margin-right: 7px;
    font-style: normal;
    line-height: 18px;
    float: left
}

button.btn-checkout.no-checkout span {
    background-position: 0 100%;
    color: #b8baba
}

button.btn-checkout.no-checkout span span {
    background-position: 100% 100%
}

p.control input.checkbox,
p.control input.radio {
    margin-right: 6px
}

input.input-text:focus,
textarea:focus {
    background-color: #fff
}

select:focus {
    background-color: #f9f9f9
}

.form-list label {
    font-size: 14px;
    float: left;
    color: #333;
    position: relative;
    z-index: 0;
    padding: 0 0 5px
}

.form-list label.required em {
    font-style: normal;
    color: #ff1200;
    margin-right: 4px
}

.check_register label,
.form-list li.control label {
    float: none;
    font-size: 15px;
    vertical-align: middle
}

.check_register {
    position: relative
}

.check_register label {
    position: absolute;
    left: 0;
    color: #fff;
    border-radius: 4px;
    cursor: pointer
}

.form-list li.control input.radio,
.form-list li.control input.checkbox {
    margin-right: 6px
}

.form-list li.control .input-box {
    clear: none;
    display: inline;
    width: auto
}

.form-list textarea,
.form-list .input-box {
    display: block;
    clear: both
}

.form-list .field {
    float: left;
    width: 48%
}

.form-list .field+.field {
    margin-left: 4%
}

.form-list input.input-text {
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
}

.account-create .control>.input-box>input,
.account-create .control>.input-box>label {
    display: inline-block;
    float: left
}

.account-create .control>.input-box>input {
    width: 15px;
    height: 15px;
    margin: 3px 5px 0 0
}

.account-create .buttons-set button.button>span>span {
    padding: 10px 40% !important
}

.form-list textarea {
    width: 100%;
    height: 60px;
    display: block;
    box-sizing: border-box;
    padding: 5px 10px
}

.form-list select {
    width: 100%;
    height: 40px;
    padding: 9px 10px 8px 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box
}

.form-list li.additional-row {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 7px
}

.form-list li.additional-row .btn-remove {
    float: right;
    margin: 5px 0 0
}

.form-list .input-range input.input-text {
    width: 74px
}

.form-list-narrow li {
    margin-bottom: 0
}

.form-list-narrow li .input-box {
    margin-bottom: 6px
}

.form-list-narrow li.wide .input-box {
    width: 260px
}

.form-list-narrow li.wide input.input-text,
.form-list-narrow li.wide textarea {
    width: 254px
}

.form-list-narrow li.wide select {
    width: 260px
}

.contactsus_form .buttons-set button.button {
    margin-right: 32px
}

.contactsus_form button.button span span {
    width: 100%;
    height: 100%;
    background: #b69160;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    border-radius: 3px;
    padding: 8px 16px
}

.buttons-set {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: right
}

.buttons-set p.required {
    margin: 0 0 10px
}

.buttons-set .back-link {
    float: left;
    margin: 0;
    color: #ea271c
}

.buttons-set button.button {
    float: right;
    margin-left: 5px;
    background:#e75200;
}

.buttons-set-order {
    margin: 10px 0 0
}

.buttons-set-order .please-wait {
    padding: 12px 7px 0 0
}

.fieldset {
    text-align: left
}

.contactForm_review .form-list .field {
    width: 100%
}

.contactForm_review.form-list li {
    margin-bottom: 16px
}

.contactForm_review .contact_addmore {
    font-size: 16px;
    font-weight: 500;
    color: #ff7a01;
    cursor: pointer;
    border: none;
    margin-left: 23%
}

.contactForm_review .relevant_website_more {
    margin-bottom: 10px
}

.contactForm_review .form-list label {
    float: left;
    min-width: 20%;
    text-align: right;
    margin-right: 3%;
    font-size: 16px;
    color: #000
}

.contactForm_review .form-list .input-box,
.contactForm_review .form-list #comment {
    float: left;
    clear: none;
    width: 55%;
    font-size: 14px
}

.contactForm_review .buttons-set {
    border: none;
    text-align: center;
    margin: 0;
    padding: 0
}

.contactForm_review .buttons-set .required {
    display: none
}

.contactForm_review .buttons-set button {
    float: none;
    margin-bottom: 60px
}

.contactForm_review .buttons-set button span span {
    border: 0;
    padding: 6px 98px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: #ff7a01
}

.contactsus_form li label {
    font-size: 15px
}

.contactsus_form li {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px
}
.footer .input-box .msg-block {
    position: relative;
    padding-right: 21px;
    width: 236px;
    border: 1px solid #b69160;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px
}

.review-empty,
.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 8px 0 0;
    line-height: 13px;
    color: #eb340a;
    max-width: 260px;
    font-size: 13px
}

.review-empty {
    max-width: inherit;
    display: none;
}

.footer .input-box .msg-block .validation-advice {
    position: absolute;
    left: 0;
    top: 34px;
    width: 240px
}

.validation-failed {
    border: 1px dashed #eb340a !important;
    background: #faebe7 !important;
    box-sizing: border-box
}

p.required {
    font-size: 11px;
    text-align: right;
    color: #eb340a
}

.success {
    color: #3d6611;
    font-weight: 500
}

.error {
    color: #df280a;
    font-weight: 500
}

.notice {
    color: #000
}

.page-title h1,
.page-title h2 {
    margin: 0;
    font-size: 20px;
    color: #000
}

.page-title .separator {
    margin: 0 3px
}

.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 {
    float: left
}

.recommended-products {
    width: 1200px;
    height: auto;
    margin: 0 auto 54px
}

.recommended-products p {
    margin: 0
}

.headingBox h2 {
    margin: 0;
    color: #b69160
}

.subtitle,
.sub-title {
    clear: both;
    padding: 15px 0 0;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 6px;
    color: #c11111
}

.pager .amount {
    float: left;
    margin: 4px 0 0
}

.pager .limiter {
    float: left
}

.pager .limiter label {
    vertical-align: middle
}

.pager .limiter select {
    padding: 0;
    margin: 5px;
    vertical-align: middle
}



.pager .pages .current a {
    background: #b69160;
    color: #fff
}

.limiter {
    float: left;
    margin: 0
}

.toolbar .limiter {
    margin: 8px 0 0 20px
}

.sbHolder {
    width: 130px !important
}

.toolbar .grid,
.toolbar .list {
    display: inline-block;
    font-size: 24px;
    vertical-align: text-top
}

.toolbar .grid:before,
.toolbar .list:before {
    text-indent: 0
}


.my-account .pager li>a,
.toolbar .pager li>a {
    border-radius: 0;
    padding: 0
}



.data-table td.last,
.data-table th.last {
    border-right: 0
}

.data-table tr.last th,
.data-table tr.last td {
    border-bottom: 0 !important
}

.data-table th {
    padding: 3px 8px;
    font-weight: 500
}

.data-table td {
    padding: 3px 8px
}

#my-orders-table th {
    text-align: center;
    padding: 12px 8px
}

#my-orders-table td,
#my-orders-table-shipping td,
#my-orders-table-new td {
    padding: 8px
}

#my-orders-table td em,
#my-orders-table-shipping td em,
#my-orders-table-new td em {
    font-style: normal
}

#my-orders-table td em {
    font-style: normal
}

.data-table thead th {
    font-weight: 500;
    border-right: 1px solid #c2d3e0;
    padding: 12px 8px;
    color: #0a263c;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center
}

.data-table thead th:last-child {
    border-right: none
}

.data-table thead th.wrap {
    white-space: normal
}

.data-table thead th a,
.data-table thead th a:hover {
    color: #fff
}

.data-table thead th .tax-flag {
    font-size: 11px;
    white-space: nowrap
}

.data-table tfoot {
    border-bottom: 1px solid #d9dde3
}

.std .subtitle {
    padding: 0
}

.std ol.ol {
    list-style: decimal outside;
    padding-left: 1.5em
}

.std ul.disc {
    list-style: disc outside;
    padding-left: 18px;
    margin: 0 0 10px
}

.std dl dt {
    font-weight: 500
}

.std dl dd {
    margin: 0 0 10px
}

.std dl,
.std address {
    margin: 0 0 1em;
    padding: 0
}

.std ul {
    list-style: none;
    padding-left: 0
}

.std ol {
    list-style: decimal outside;
    padding-left: 1.5em
}

.std ul ul {
    list-style-type: circle
}

.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul {
    margin: .5em 0
}

.std dt {
    font-weight: 500
}

.std dd {
    padding: 0 0 0 1.5em
}

.std address {
    font-style: normal
}

.std b,
.std strong {
    font-weight: 500
}

.std i,
.std em {
    font-style: normal
}

.links li {
    display: inline
}

.links li.first {
    padding-left: 0
}

.links li.last {
    background: 0 0 !important;
    padding-right: 0 !important
}

.btn-remove {
    display: inline-block;
    color: #333 !important;
    margin: 1px 3px 0 0
}

.btn-previous {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    background: url(/default/images/btn_previous.gif) 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden
}

.btn-edit {
    display: block;
    width: 14px;
    height: 14px;
    font-size: 0;
    line-height: 0;
    background: url(/default/images/btn_edit.gif) 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden
}

.separator {
    margin: 0 3px;
    font-weight: 400;
    color: #999
}

.divider {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
    margin: 10px 0;
    background: url(/default/images/bkg_divider1.gif) 0 50% repeat-x;
    text-indent: -999em;
    overflow: hidden
}

.global-site-notice {
    border: 1px solid #cfcfcf;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f
}

.global-site-notice .notice-inner {
    width: 860px;
    margin: 0 auto;
    padding: 12px 0 12px 80px;
    background: url(/default/images/i_notice.gif) 20px 25px no-repeat;
    text-align: left
}

.global-site-notice .notice-inner p {
    margin: 0;
    border: 1px dotted #cccc73;
    padding: 10px
}

.global-site-notice .notice-inner .actions {
    padding-top: 10px
}

.container .left_pic {
    display: block;
    width: 84px;
    height: 94px;
    position: absolute;
    left: -92px;
    bottom: 6px;
    background-size: contain
}

.container .right_pic {
    display: block;
    width: 133px;
    height: 100px;
    position: absolute;
    right: -116px;
    bottom: -4px;
    background-size: contain
}

.topbanner p {
    margin: 0
}

.header-container:before {
    background: #000;
    left: 0;
    top: 0;
    width: 100%;
    content: '';
    position: absolute
}

.top-fix {
    position: relative
}

.top-fix .summary {
    background: #000
}

.top-fix .fix-search {
    padding-bottom: 30px
}

.header .welcome-msg a {
    color: #ebbc58
}

.header .links {
    float: right;
    margin: 0
}

.header .links li {
    float: left;
    background: url(/default/images/bkg_pipe1.gif) 100% 60% no-repeat;
    padding: 0 8px 0 7px
}

.header .links a {
    color: #939393;
    text-decoration: none
}

.header .links a:hover {
    color: #666
}

.header-container .top-container {
    clear: both;
    padding: 5px 10px 0 12px;
    text-align: right
}

.header-container .top-container a {
    font-size: 11px;
    color: #ebbc58
}

.header-top {
    color: #aaa;
    padding: 5px 0 0;
    font-size: 11px
}

.goog-te-gadget-simple .goog-te-menu-value span {
    text-decoration: none;
    color: #b69160;
    font-size: 14px;
    font-weight: 500
}

#google_translate_element .goog-te-gadget-simple {
    z-index: 9;
    background-color: #fafafa;
    border: 1px solid #ddd;
    float: left;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    position: relative;
    text-align: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    line-height: 28px;
    padding: 0 4px;
    float: left !important
}

.header-cart .bag {
    float: left;
    width: 32px;
    height: 32px;
    text-align: center;
    background: rgba(0, 0, 0, .2);
    font-size: 14px;
    line-height: 32px
}

.header-cart .classy {
    float: left;
    margin: 0;
    font-size: 12px;
    padding: 3px 5px
}

.header-cart .classy a,
.header-cart .classy span {
    float: left;
    color: #fff;
    padding: 5px 2px
}

.header .welcome-msg {
    color: #939393;
    padding-right: 30px;
    font-style: italic;
    font-size: 15px;
    line-height: 30px
}

.topbanner img {
    width: 100%;
    height: auto
}

.banner-top {
    background: #2b2b2b
}

.banner-top .container ul {
    background: #1c1c1c;
    display: inline-block;
    padding: 15px 0;
    width: 100%;
    vertical-align: top
}

.banner-top .container li {
    margin-bottom: 0;
    text-align: left;
    color: #aaa;
    font-size: 12px;
    line-height: 27px;
    text-transform: uppercase;
    padding-left: 40px
}

.banner-top .container li a span {
    color: #aaa
}

.banner-top .container li+li {
    border-left: 1px solid #5c5c5c
}

.banner-top .container li span {
    vertical-align: text-bottom;
    display: block;
    margin: 4px 0 0 35px;
    line-height: 16px
}

.banner-top .container li em {
    font-size: 24px;
    color: #9f7b4b;
    float: left
}

.block.news-categories .head {
    font-size: 16px;
    height: 32px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #333;
    font-family: Rubik;
    font-weight: 500;
}

.block.news-categories .head h2 {
    font-size: 24px;
    display: inline;
    font-weight: 500;
}

.block.news-categories ul li a {
    color: #666;
    font-size: 13px
}

.block.news-categories ul li a:hover {
    color: #b69160
}

.margin-right-20 {
    border-right: 1px solid #38424d
}


.footer_top .span7 .span12 {
    margin-left: 0
}

.footer_top .span4 {
    padding-right: 3%;
    margin-right: 2%
}

.about-footer .container {
    padding: 20px
}

.block-title {
    padding: 0 0 10px 0;
    display: inline-block;
    width: 100%
}

.block-title h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 0
}

.block-title h2 .fa {
    margin-right: 14px;
    font-size: 20px
}


a.small-icon.social-icon {
    padding: 18px;
    cursor: pointer;
    float: left;
    margin-right: 5px
}

a.small-icon.social-icon.social-icon1 {
    background-position: -14px -88px
}

a.small-icon.social-icon.social-icon1:hover {
    background-position: -14px -129px;
    text-decoration: none
}

a.small-icon.social-icon.social-icon2 {
    background-position: -56px -88px
}

a.small-icon.social-icon.social-icon2:hover {
    background-position: -56px -129px;
    text-decoration: none
}

a.small-icon.social-icon.social-icon3 {
    background-position: -98px -88px
}

a.small-icon.social-icon.social-icon3:hover {
    background-position: -98px -129px;
    text-decoration: none
}

a.small-icon.social-icon.social-icon4 {
    background-position: -141px -88px
}

a.small-icon.social-icon.social-icon4:hover {
    background-position: -141px -129px;
    text-decoration: none
}

a.small-icon.social-icon.social-icon5 {
    background-position: -182px -88px
}

a.small-icon.social-icon.social-icon5:hover {
    background-position: -182px -129px;
    text-decoration: none
}

a.small-icon.social-icon.social-icon6 {
    background-position: -225px -88px
}

a.small-icon.social-icon.social-icon6:hover {
    background-position: -225px -129px;
    text-decoration: none
}

.customer-center a.small-icon.social-icon {
    padding: 8px 29px 30px 26px
}

.customer-center a.small-icon.social-icon.social-icon1 {
    background-position: -97px -365px
}

.customer-center a.small-icon.social-icon.social-icon2 {
    background-position: -150px -365px
}

.customer-center a.small-icon.social-icon.social-icon3 {
    background-position: -204px -365px
}

.customer-center a.small-icon.social-icon.social-icon4 {
    background-position: -41px -365px
}

.customer-center a.small-icon.social-icon.social-icon5 {
    background-position: -257px -365px
}

.customer-center a.small-icon.social-icon.social-icon6 {
    background-position: -312px -365px
}

.allmore-icon {
    float: right;
    color: #333;
    font-size: 14px;
    margin-top: 5px;
    cursor: pointer;
    font-family: Rubik;
    font-weight: 400;
    text-decoration: none !important;
    background: 0 0;
    border-top: none !important
}

.allmore-icon .icon {
    font-size: 15px
}

.allmore-icon:hover {
    color: #b69160
}

.newsBox .allmore-icon {
    color: #666;
    font-family: Rubik;
    text-decoration: none
}

span.small-icon.info-icon1 {
    padding: 0 10px 0 0;
    background-position: -60px -6px
}

.block-content p {
    line-height: 20px
}

.block .block-title {
    padding: 0
}

.block .block-title strong {
    display: block;
    background: #b69160;
    font-weight: 500px;
    font-size: 20px;
    line-height: 22px;
    padding: 15px 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400
}

.block .block-title a {
    text-decoration: none !important
}

.block .block-subtitle {
    margin: 0 0 2px;
    padding: 5px 9px;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: #313131;
    background: #f2f2f2
}

.block .block-content li.item {
    padding: 7px 9px
}

.block .block-content .product-name a:hover {
    color: #303030
}

.block .btn-remove,
.block .btn-edit {
    float: right;
    margin: 1px 0 2px 5px
}

.block .actions {
    background: #f2f2f2;
    padding: 6px 9px;
    text-align: right;
    border-top: 1px solid #ddd
}

.block .actions a {
    float: left
}

.block .actions button.button {
    float: right
}

.block .empty {
    margin: 0 0 5px;
    padding: 5px 10px;
    background: #f6f6f6
}



.header .block li.odd,
.header .block li.even {
    background: 0 0
}

.block li.odd {
    background-color: #f4f3f3
}

.block li.even {
    background-color: #fafafa
}

.block-related li.odd,
.block-related li.even {
    background: 0 0
}

.welcome-block {
    padding: 20px;
    background: #f6f6f6;
    border: 1px solid #e9e9e9;
    text-align: left;
    margin: 0 auto 20px
}

.welcome-block [class*=span] {
    margin-bottom: 0;
    padding-right: 12px
}

.welcome-block [class*=span]+[class*=span] {
    margin-bottom: 0;
    margin-left: 0;
    padding: 0 0 0 12px
}

.welcome-block img {
    display: block;
    border: 5px solid #fff
}

.welcome-block h2.welecome-title {
    font-size: 36px;
    line-height: 36px;
    color: #c11
}

.welcome-block h2+h4 {
    margin-bottom: 20px
}

.welcome-block h3 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: 400;
    color: #c11
}

.welcome-block h4 {
    font-size: 18px;
    font-weight: 400
}

.welcome-block .img-block img {
    border-width: 10px;
    display: block
}

.welcome-block p {
    font-size: 13px;
    line-height: 22px;
    text-align: justify;
    color: #666
}

.welcome-block .right>.span6 {
    border-right: 1px dashed #c9c9c9
}

.welcome-block .right>.span6+.span6 {
    border: 0
}

.block-related,
.block-login {
    font-size: 11px;
    line-height: 1.25
}

.block-related .block-title strong,
.block-login .block-title strong {
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 21px
}


.block-account {
    width: 283px;
    padding-right: 58px;
    box-sizing: border-box;
}

.navgation-profileimage {
    width: 180px;
    margin-bottom: 26px
}

.navgation-profileimage img {
    display: block;
    width: 148px;
    height: 148px;
    margin: 0 auto 15px;
    border: 1px solid #e5e5e5;
}

.navgation-profileimage p {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0;
    font-size: 14px
}

.block-account .block-title strong {
    font-size: 13px;
    color: #fff
}

.block-account .block-content li a {
    display: block;
    padding: 10px 26px;
    color: #333;
    text-decoration: none !important;
    white-space: nowrap;
}

.block-account .block-content li a:hover {
    color: #b69160
}

.block-account .block-content li.current a {
    font-weight: 500;
    color: #ea271c
}

.block-account .block-content li a.current:hover {
    color: #ea271c
}

.block-account .block-content li.last a {
    border-bottom: 0
}

.block-account .block-content li.current.last {
    border-bottom: 0
}

.vs-account-msg {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.vs-account-msg ul li {
    padding: 10px 26px
}

.vs-account-msg ul li p {
    font-size: 14px;
    color: #666;
    margin: 0 0 10px
}

.vs-account-msg ul li span {
    display: block;
    font-weight: 500;
    font-size: 13px;
    color: #333
}

.vs-account-msg ul li:hover p,
.vs-account-msg ul li:hover span,
.vs-account-msg ul li.current p,
.vs-account-msg ul li.current span {
    color: #e75200;
}

.block-currency {
    border: 0;
    padding: 7px 12px 10px;
    height: 51px
}

.block-currency .block-title {
    background: 0 0;
    border: 0;
    padding: 0;
    margin: 0 0 5px
}

.block-currency .block-title strong {
    font: bold 13px/21px Arial, Helvetica, sans-serif;
    background: url(/default/images/i_block-currency.gif) 0 50% no-repeat;
    padding: 0 0 0 21px;
    text-transform: none;
    color: #fff
}

.block-currency .block-content {
    background: 0 0;
    padding: 0
}

.block-currency .block-content select {
    width: 100%;
    padding: 0
}

.block-related input.checkbox {
    float: left
}

.block-related .product {
    margin-left: 20px
}

.block-login .block-title strong {
    background-image: url(/default/images/i_ma-info.gif)
}

.block-login .block-content {
    padding: 5px 10px
}

.block-login label {
    font-weight: 500;
    color: #666
}

.block-login input.input-text {
    display: block;
    width: 167px;
    margin: 3px 0
}

.block-login .actions {
    background: 0 0;
    padding: 0;
    margin: 3px 0 0
}

.block-login .actions button.button span {
    border-color: #406a83;
    background: #618499
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.featuredbox .owl-theme .owl-controls .owl-page {
    display: none
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #b69160
}

.owl-theme .owl-controls .owl-page.active span {
    background: #b69160 !important
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

#block-related .owl-item {
    padding: 10px
}

.products-grid .regularprice,
.products-grid .old-price .price-label,
.products-grid .special-price .price-label {
    display: none
}

#recently-viewed-items .p-img {
    width: 50px;
    float: left;
    border: 1px solid #ccc
}

#recently-viewed-items .p-img img {
    width: 100%;
    display: block
}

#recently-viewed-items .recent_left {
    margin-left: 70px
}

#recently-viewed-items .product-name a {
    color: #444;
    line-height: 18px;
    display: inline-block
}

.item .price-box .coming-soon {
    font-size: 15px
}

.products-grid .actions {
    position: absolute;
    bottom: 12px
}

.seb1 {
    text-align: center;
    padding: 3px 0 0;
    width: 100%;
    display: inline-block
}

.ratings-table th,
.ratings-table td {
    font-size: 14px;
    line-height: 1.15;
    padding: 3px 0
}

.ratings-table th {
    font-weight: 500;
    padding-right: 8px
}

.ratings-table .ratings-table td {
    font-size: 14px
}

.ratings-table td .reviewname,
.ratings-table td .reviewW {
    font-weight: 500;
    font-size: 14px;
    text-decoration: none
}

.availability-only {
    margin: 10px 0 7px;
    line-height: 16px;
    background: url(/default/images/i_availability_only.gif) 0 50% no-repeat;
    padding-left: 15px
}

.availability-only span,
.availability-only a {
    border-bottom: 1px dashed #751d02;
    color: #000
}

.availability-only a {
    background: url(/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat;
    cursor: pointer;
    padding-right: 15px;
    text-decoration: none
}

.availability-only .expanded {
    background-position: 100% -15px
}

.availability-only strong {
    color: #be2c00
}

.availability-only-details {
    margin: 0 0 7px
}

.availability-only-details th {
    background: #d2d6d9;
    font-size: 10px;
    padding: 0 8px
}

.availability-only-details td {
    background: #ebf0f3;
    border-bottom: 1px solid #fff;
    font-size: 11px;
    padding: 2px 8px 1px
}

.availability-only-details tr.odd td.last {
    color: #d95e00;
    font-weight: 500
}

.alert-stock {
    margin: 0;
    font-size: 11px
}


.product_left .ratings {
    font-size: 13px
}

.product_left .ratings .rating-box {
    height: 11px;
    margin: 3px 10px 0 0 !important
}

.product-collateral {
    clear: both
}

.product-collateral .box-collateral {
    margin: 0 0 25px
}

.product-view .product-img-box .product-cover {
    position: relative;
    border: 1px solid #e5e5e5
}

.product-view .product-img-box .product-cover .badge {
    z-index: 999;
    top: 7px;
    right: 10px
}

.product-img-box {
    width: 45%;
    float: left
}

.product-view .product-img-box .p-img #cloud-zoom-big {
    border: 1px solid #ddd;
    box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    -webkit-box-shadow: 0 0 10px #ddd
}

.product-view .product-img-box .p-img #cloud-zoom-big {
    border: 1px solid #ddd;
    box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    -webkit-box-shadow: 0 0 10px #ddd
}



.product-view .product-img-box .p-img-zoom,
.product-view .product-img-box .p-img {
    position: relative;
    width: 99%;
    z-index: 9;
    padding: 2px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e6e6, endColorstr=#e6e6e6)
}

.product-view .product-img-box .p-img {
    border: 5px solid #fff;
    box-sizing: border-box
}

.catalog-product-view .product-view .product-img-box .p-img-zoom {
    margin: 0 0 10px 2px
}

.catalog-product-view .product-view .product-img-box.left-carousel .product-cover {
    float: right;
    width: 75%
}

.catalog-product-view .product-view .product-img-box.left-carousel .no-thumb-view {
    width: 100%
}

.product-view .product-img-box .p-img-zoom .zoomBtn {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 34px;
    height: 34px;
    z-index: 99999;
    line-height: 34px;
    font-size: 24px;
    color: #b69160;
    background: rgba(255, 255, 255, .3);
    text-align: center
}

.product-view .product-img-box .p-img-zoom img {
    cursor: move
}

.product-view .product-img-box .zoom-notice {
    font-size: 11px;
    margin: 0 0 10px;
    text-align: center;
    color: #999
}

.product-view .product-img-box .zoom {
    position: relative;
    z-index: 9;
    height: 18px;
    margin: 0 auto 13px;
    padding: 0 28px;
    background: url(/default/images/slider_bg.gif) 50% 50% no-repeat;
    cursor: pointer
}

.product-view .product-img-box .zoom.disabled {
    -moz-opacity: .3;
    -webkit-opacity: .3;
    -ms-filter: "alpha(opacity=30)";
    opacity: .3
}

.product-view .product-img-box .zoom #track {
    position: relative;
    height: 18px
}

.product-view .product-img-box .zoom #handle {
    position: absolute;
    left: 0;
    top: -1px;
    width: 9px;
    height: 22px;
    background: url(/default/images/magnifier_handle.gif) 0 0 no-repeat
}

.product-view .product-img-box .zoom .btn-zoom-out {
    position: absolute;
    left: 2px;
    top: 0
}

.product-view .product-img-box .zoom .btn-zoom-in {
    position: absolute;
    right: 2px;
    top: 0
}

.pay-layer {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 1002;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
}

.pay-layer-hide {
    display: none;
}

.pay-box {
    width: 900px !important;
    z-index: 1001;
    background-color: #fff;
    border: 1px solid #dadada;
    position: relative;
    padding: 50px 24px !important;
}

.order-pay-button {
    text-align: center;
    margin-top: 10px;
}

.order-pay-button button {
    width: 240px;
    height: 44px;
    background: #EC8200;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
    word-spacing: 0;
    text-transform: uppercase;
}

.proimg-pagination {
    position: absolute;
    left: 0;
    bottom: 12px;
    z-index: 999;
    text-align: right;
    padding-right: -16px;
    width: 97% !important;
    font-size: 18px;
    font-weight: 400
}

.product-view .product-img-box .more-views li .big_img_same {
    display: none
}

.product-view .product-img-box .p-img-zoom .zoom_btn {
    position: absolute;
    right: -8px;
    bottom: -15px;
    display: inline-block;
    width: 34px;
    height: 34px;
    z-index: 99999;
    line-height: 34px;
    color: #b69160;
    background: rgba(255, 255, 255, .3);
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

.product-view .product-img-box .p-img-zoom .zoom_btn i {
    color: #333;
    font-size: 30px;
    font-weight: 500
}

.product-view .product-img-box.left-carousel .more-views li {
    width: 120px;
    height: 120px
}

.product-view .product-img-box.left-carousel .more-views li a {
    width: 110px;
    height: 110px
}

.product-view .product-img-box.left-carousel .more-views li a img {
    width: 100%;
    height: 100%
}

.product-view .product-img-box .more-views li a img {
    width: 74px;
    height: 74px;
    display: block;
    border: 2px solid #fff
}

dd .input-box ul li {
    float: left;
    margin-right: 20px;
    font-size: 14px
}

.product-view .addthis_toolbox {
    padding: 10px 0 0;
    clear: both;
    min-width: 135px;
    display: inline
}

.fb_iframe_widget span {
    vertical-align: baseline !important
}

.product-options-bottom:after {
    width: 32px;
    display: inline-block;
    margin-right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 14px
}


.input_sel {
    opacity: 0
}

.input-box ul.options-list .usaWarehouse .label i,
.input-box ul.options-list .usaWarehouse .label p {
    color: #ff7a16;
    margin-bottom: 0
}

.input-box ul.options-list .usaWarehouse .label i {
    margin-right: 5px;
    font-size: 16px
}

.input-box ul.options-list li>i {
    position: absolute;
    z-index: 1;
    display: none;
    color: #ff7a16;
    margin-top: 4px;
    margin-left: -15px
}

.input-box ul.options-list input.radio {
    float: left;
    margin-top: 10px;
    cursor: pointer
}

.input-box ul.options-list input.checkbox {
    float: left;
    margin-top: 4px;
    width: 14px
}

.input-box ul.options-list .label {
    display: inline-block;
    padding: 0 12px;
    height: 32px;
    line-height: 32px
}

.product-options ul.options-list label {
    font-weight: 400;
    cursor: pointer
}

.product-options ul.options-list label a {
    color: #333
}

.product-options ul.validation-failed {
    padding: 0 7px;
    display: inline-block
}

.product-options ul.validation-failed li .label {
    border: none
}

.product-options p.note {
    margin: 0;
    font-size: 11px
}

.product-options p.required {
    position: absolute;
    right: 0;
    top: 14px;
    display: none
}

.product-options-bottom .price-box {
    float: left;
    margin: 0;
    padding: 0
}

.product-options-bottom .price-label {
    float: left;
    padding-right: 5px
}

.product-options-bottom .price-tax {
    float: left
}

.product-intro-info .product-options .required em {
    display: none
}


.flash-sale-percent {
    overflow: hidden;
    display: inline-block;
    float: left;
    background: #da3738;
    padding: 6px 16px;
    color: #fff;
    margin-top: 13px;
    font-size: 14px
}

.box-reviews .loadreviews {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center
}

.box-reviews .loadreviews>span {
    display: inline-block;
    float: none;
    background-color: #ccc;
    border: none;
    width: 8px;
    height: 8px;
    margin: 0 6px 0 0;
    border-radius: 100%;
    -webkit-animation: vsload 1s ease infinite;
    -moz-animation: vsload 1s ease infinite;
    -o-animation: vsload 1s ease infinite;
    animation: vsload 1s ease infinite
}

.box-reviews .loadreviews>span:nth-child(1) {
    -webkit-animation-delay: -400ms;
    -moz-animation-delay: -400ms;
    -o-animation-delay: -400ms;
    animation-delay: -400ms
}

.box-reviews .loadreviews>span:nth-child(2) {
    -webkit-animation-delay: -300ms;
    -moz-animation-delay: -300ms;
    -o-animation-delay: -300ms;
    animation-delay: -300ms
}

.box-reviews .loadreviews>span:nth-child(3) {
    -webkit-animation-delay: -200ms;
    -moz-animation-delay: -200ms;
    -o-animation-delay: -200ms;
    animation-delay: -200ms
}

.box-reviews .loadreviews>span:nth-child(4) {
    -webkit-animation-delay: -100ms;
    -moz-animation-delay: -100ms;
    -o-animation-delay: -100ms;
    animation-delay: -100ms
}

.box-reviews .loadreviews>span:nth-child(5) {
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    -o-animation-delay: 0ms;
    animation-delay: 0ms
}

@-webkit-keyframes vsload {

    0%,
    60%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        opacity: .1;
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }
}

.col-left .truncated .show .item-options {
    left: 15px;
    top: 7px
}

.col-right .truncated .show .item-options {
    left: -240px;
    top: 7px
}

.sp-methods dt {
    margin: 5px 0;
    font-weight: 500
}

.sp-methods dd li {
    margin: 5px 0
}

.sp-methods .form-list {
    padding-left: 20px
}

.sp-methods .form-list li {
    margin: 0 0 8px
}

.sp-methods select.month {
    width: 154px;
    margin-right: 10px
}

.sp-methods select.year {
    width: 96px
}

.sp-methods input.cvv {
    width: 3em !important
}

.sp-methods .checkmo-list li {
    margin: 0 0 5px
}

.sp-methods .checkmo-list label {
    width: 135px;
    padding-right: 10px;
    text-align: right
}

.sp-methods .checkmo-list address {
    float: left
}

.sp-methods .release-amounts {
    margin: .5em 0
}

.sp-methods .release-amounts button {
    float: left;
    margin: 5px 10px 0 0
}
.customer-account-login .topbanner,
.customer-account-create .topbanner {
    display: none !important
}

.account-login .new-users h2 {
    background-image: url(/default/images/i_page1.gif)
}

.account-login .registered-users h2 {
    background-image: url(/default/images/i_page2.gif)
}

.account-login .buttons-set {
    border: 1px solid #bbb6a5;
    border-top: 0;
    margin: 0;
    padding: 8px 13px;
    background: #dee5e8 url(/default/images/bkg_buttons-set1.gif) 0 0 repeat-x
}

.account-login .form-list .unlock-block:before,
.account-login .form-list .key:before {
    color: #fff;
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
    height: 44px;
    width: 45px;
    text-align: center;
    line-height: 44px;
    background: #2b2b2b
}

.account-login .form-list input#captcha_user_login {
    padding: 0 10px !important
}

.account-create .form-list .input-box .icon,
.account-login .form-list .input-box .icon {
    color: #ccc;
    font-size: 24px;
    position: absolute;
    height: 38px;
    width: 50px;
    text-align: left;
    line-height: 38px;
    top: 1px;
    right: 1px;
    text-align: center
}

.captcha-note {
    clear: left;
    padding-top: 5px
}


.window-overlay {
    background: rgba(0, 0, 0, .35);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 990
}

.remember-me label {
    float: none;
    margin: 0 6px
}

.remember-me-popup {
    background: #fff;
    border: 1px solid #ccc;
    left: 50%;
    top: 50%;
    position: absolute;
    margin: -85px 0 0 -200px;
    width: 400px;
    text-align: left;
    -moz-box-shadow: 0 0 6px #ccc;
    -webkit-box-shadow: 0 0 6px #ccc;
    box-shadow: 0 0 6px #ccc;
    z-index: 1000
}

.remember-me-popup h3 {
    background: #d9e5ee;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    padding: 5px 10px
}

.remember-me-popup .remember-me-popup-head {
    position: relative
}

.remember-me-popup .remember-me-popup-head .remember-me-popup-close {
    background: url(/default/images/btn_window_close.gif) no-repeat;
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    height: 15px;
    width: 15px;
    text-indent: -9999em
}

.remember-me-popup .remember-me-popup-body {
    padding: 10px
}

.remember-me-popup .remember-me-popup-body a {
    display: inline-block;
    height: 19px;
    border: 1px solid #de5400;
    background: #f18200;
    padding: 0 8px;
    font: bold 12px/19px Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    color: #fff
}

.page-print .print-head {
    margin: 0 0 15px
}

.page-print .print-head .logo {
    float: left
}

.page-print .print-head address {
    float: left;
    margin-left: 15px
}

.page-print h1 {
    font-size: 16px;
    font-weight: 500
}

.page-print h2,
.page-print h3 {
    font-size: 13px;
    font-weight: 500
}

.page-print h2.h2 {
    font-size: 16px;
    font-weight: 500
}

.page-print .order-date {
    background: url(data:image/gif;base64,R0lGODlhAwABAIABADIyMgAAACH5BAEAAAEALAAAAAADAAEAAAICRFIAOw==) 0 100% repeat-x;
    padding: 0 0 10px;
    margin: 0 0 10px
}

.page-print .col2-set {
    margin: 0 0 10px
}

.page-print .price-excl-tax,
.page-print .price-incl-tax {
    display: block;
    white-space: nowrap
}

.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price {
    display: inline
}

.footer-container {
    background: #2a3744;
    position: relative
}


.footer-container02 {
    background: #3a3a3a;
    padding: 30px 0 0;
    position: relative
}

.footer-container02:after {
    bottom: 0;
    left: 0;
    height: 60px;
    background: #303030;
    content: '';
    position: absolute;
    width: 100%
}


.footer_top_left {
    margin: 0 !important;
    padding: 0 !important
}

.footer_top>.span8 {
    margin-bottom: 0
}






.footer_bottom h3 {
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px
}

.footer-container02 .footer_bottom h3 {
    font-weight: 400;
    border-bottom: 1px solid #4b4b4b;
    color: #868686;
    padding-bottom: 6px
}

.footer_bottom ul {
    float: left
}


.footer-container02 .footer_bottom p {
    color: #868686;
    margin-bottom: 10px;
    line-height: 18px
}

.footer-container02 .footer_bottom p em,
.footer-container02 .footer_bottom p strong {
    font-size: 14px;
    margin-right: 5px
}

.footer_bottom ul li {
    float: left;
    width: 100%;
    padding: 4px 0
}

.footer_bottom ul li a {
    position: relative;
    padding-left: 18px
}

.footer_bottom ul li a:before {
    color: #9f7b4b;
    position: absolute;
    left: 0;
    top: 2px
}

.footer_bottom ul li a:hover:before {
    left: 2px
}

.footer_bottom ul li a:hover {
    text-decoration: none;
    color: #ccc
}

.footer .store-switcher {
    display: inline;
    margin: 0 5px 0 0;
    color: #fff
}

.footer .store-switcher label {
    font-weight: 500;
    vertical-align: middle
}

.footer .store-switcher select {
    padding: 0;
    vertical-align: middle
}


.footer .margin-right-20 {
    padding-right: 20px
}


.footer .bugs {
    margin: 13px 0 0;
    color: #ecf3f6
}

.footer .bugs a {
    color: #ecf3f6;
    text-decoration: underline
}

.footer .bugs a:hover {
    text-decoration: none
}

.footer address {
    margin: 0 0 20px;
    color: #ecf3f6
}

.footer address a {
    color: #ecf3f6;
    text-decoration: underline
}

.footer address a:hover {
    text-decoration: none
}
.footer ul.links {
    display: block
}

.footer a:hover {
    color: #b69160
}

.span12 .wh23 ul li {
    font-weight: 500;
    padding-top: 3%
}

.footer-container .bottom-container {
    margin: 0 0 5px
}

.copyright .copyText {
    color: #aaa;
    margin: 0
}

.footer-container02 .copyright .copyText {
    color: #868686
}

.copyright ul.footer-bottom-links li {
    background: url(/default/images/bkg_pipe1.gif) no-repeat scroll 100% 60%
}

.social-media li {
    float: left;
    padding: 0 12px 0 0
}

.social-media li a {
    float: left;
    text-align: center;
    width: 56px;
    height: 56px;
    line-height: 56px;
    color: #fff;
    background: #555;
    font-size: 18px;
    position: relative
}

.social-media li a:hover {
    text-decoration: none;
    color: #fff
}

.social-media li a.twitter:hover {
    background: #0084b4
}

.social-media li a.facebook:hover {
    background: #3b5998
}

.social-media li a.google-plus:hover {
    background: #cf3e2b
}

.social-media li a.linkedin:hover {
    background: #006599
}

.social-media li a.youtube:hover {
    background: #bc1e2c
}

.social-media li a.rss:hover {
    background: #de4f27
}

.social-media li a.dribblbe:hover {
    background: #dc4882
}

.social-media li a span {
    position: absolute;
    text-indent: -9999em
}

.footer_bottom .footer-width-100 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.best-selling h3 {
    margin: 12px 0 6px;
    color: #e25203;
    font-size: 1.2em
}

.best-selling table {
    border-top: 1px solid #ccc
}

.best-selling tr.odd {
    background: #eee url(/default/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x
}

.best-selling tr.even {
    background: #fff url(/default/images/best_selling_tr_even_bg.gif) 0 100% repeat-x
}

.best-selling td {
    width: 50%;
    border-bottom: 1px solid #ccc;
    padding: 8px 10px 8px 8px;
    font-size: 11px
}

.best-selling .product-img {
    float: left;
    border: 2px solid #dcdcdc
}

.best-selling .product-description {
    margin-left: 107px;
    line-height: 1.3em
}

.best-selling a.product-name {
    color: #203548
}

.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.pager:after,
.ratings:after,
.add-to-cart:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0
}

.accordion li ul li {
    background: #f7f6f4;
    border-top: 1px solid #e7e7e7;
    font-size: 11px
}

.accordion li ul li ul li {
    background: #f1f1f1
}

.guest-select {
    width: 305px !important
}

@media(min-width:1200px) {
    .header-container .pdtop {
        width: 30% !important
    }
}

@media screen and (max-width:1350px) {
    .header-container .pdtop {
        padding: .5% 3%
    }

    .width40 {
        width: 30%
    }
}

@media screen and (max-width:1200px) {
    .footer-width-100 {
        width: 100%;
        margin: 0 auto
    }

    .width15 {
        width: 50%
    }

    .width45 {
        width: 50%
    }

    .width40 {
        width: 30%
    }

    .header-container .pdtop {
        padding: 1% 2%;
        width: 30%
    }

    .container .container {
        margin: 0;
        width: 100%
    }

    div .camera_effected h2 {
        font-size: 36px;
        line-height: 36px;
        padding: 4px 10px
    }

    .footer-bottom {
        padding: 30px 3% 0
    }
}

@media screen and (max-width:1024px) {
    .catalog-product-view .product-view .product-img-box.left-carousel .product-cover {
        width: 70%
    }

    .catalog-product-view .product-view .product-img-box.left-carousel .no-thumb-view {
        width: 100%
    }

    .welcome-block h2.welecome-title {
        margin: 5px 0;
        font-size: 24px
    }

    .welcome-block h3 {
        margin: 5px 0;
        font-size: 18px
    }

    .camera_effected p {
        line-height: 16px
    }

    div .camera_effected .bannerButton {
        display: none
    }
}

@media only screen and (min-width:767px) and (max-width:2000px) {
    .zmnone1 {
        display: none
    }
}

.wish-box .item:nth-child(2) img {
    width: 50%
}

.wish-box .item:nth-child(3) img {
    width: 88%
}

.customer-center>ul.form-list>li {
    display: inline-block !important
}


.flash-ul .item .product-name a {
    color: #333
}

.flash-ul .item .product-name a:hover {
    color: #b69160
}

#amscheckout-onepage .page-title {
    padding: 0;
    margin: 40px auto 20px
}

.checkout-onepage-success .container>.title-buttons {
    margin: 40px auto 20px
}

.order_success {
    margin: 0 auto 20px
}

.order_success_page {
    margin-top: 40px;
    text-align: center
}

.order_success .buttons-set {
    text-align: center
}

.order_success .buttons-set button.button {
    float: none;
    margin: 10px 0 0;
    width:150px;
    height: 40px;
    line-height: 40px;
    text-align:center;
    color: #fff;
    border-radius: 4px;
}

.order_success .page-title,
.order_success .checkout-success .sub-title {
    text-align: center
}

.customer-account-logoutsuccess .content-wrapper .container {
    text-align: center;
    padding: 100px 0 0;
}
.customer-account-logoutsuccess .content-wrapper .container h1 {
    font-size: 30px;
    color: #333;
    margin-top: 46px;
    margin-bottom: 17px;
    text-transform: uppercase;
}

.footer .block-content p {
    color: #fff
}

.review-customer-view .content-wrapper,
.customer-address-form .content-wrapper,
.customer-account-edit .content-wrapper,
.customer-address-index .content-wrapper,
.sales-order-history .content-wrapper,
.review-customer-index .content-wrapper,
.wishlist-index-index .content-wrapper,
.newsletter-manage-index .content-wrapper,
.amstcred-customer-index .content-wrapper,
.sales-order-view .content-wrapper,
.orderpackage-index-index .content-wrapper,
.rewardpoints-rewardpoints-index .content-wrapper {
    margin-top: 20px
}

.my-account .col2-set .col-1,
.my-account .col2-set .col-2 {
    text-align: left
}

.my-account .my-wishlist .data-table .price-box {
    display: block;
    line-height: 40px
}

.buttons-set .buttons-set {
    margin: 0;
    padding: 0
}

.marketing .span9 .dashboard .box-head h2 a {
    margin-top: 0 !important;
    margin-bottom: 5px !important
}

.read_review_msg .pager .amount,
.read_review_msg .pager .limiter,
.read_review_msg .pager .total_page,
.read_review_msg .pager #pager_num,
.read_review_msg .pager .go_page  {
    display: none !important
}

.toolbar-header .toolbar .sorter .sort-by a {
    display: inline-block;
    width: 110px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    border-radius: 4px;
    margin-right: 5px;
    text-decoration: none;
    font-family: Arial-Bold;
    color: #010101;
    vertical-align: top;
}

.toolbar-header .sort-by a i {
    width: 10px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.toolbar-header .sort-by a i:before {
    content: "";
    width: 0;
    height: 0;
    margin-left: 6px;
    display: inline-block;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #999 transparent transparent;
    position: absolute;
    top: 16px;
    left: -1px;
    overflow: hidden;
}

.toolbar-header .sort-by a i:after {
    content: "";
    font-size: 0;
    line-height: 0;
    border: 5px dashed #999;
    border-top-width: 0;
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: 8px;
    left: 5px;
    overflow: hidden;
}

.toolbar-header .toolbar .sorter .sort-by a:hover,
.toolbar-header .toolbar .sorter .sort-by a.active {
    text-decoration: none;
    color: #FFF;
    background: #FF4000;
}

.toolbar-header .sort-by .top i:after {
    border: 5px dashed #FFF;
    border-top-width: 0;
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
}

.toolbar-header .sort-by .bottom i:before {
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #FFF transparent transparent;
}

.toolbar-header .toolbar .sorter .sort-by label {
    display: inline-block;
    font-family: Arial-Bold;
    margin-right: 10px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
}

.product-intro-info .countdown {
    font-weight: 500;
    color: red;
    font-family: MyriadSetPro-Semibold;
    font-size: 16px
}

.product-intro-info .countdown span {
    font-size: 18px;
    font-weight: 500
}

.productDetailBox .share-btn-box {
    margin-top: 14px;
    padding-left: 5px;
    overflow: hidden
}

.customer-center {
    width: 1330px;
    overflow: hidden;
    margin: 20px auto 40px
}

.customer-center .guide {
    width: 212px;
    height: auto;
    background: #f5f5f5;
    padding: 20px;
    float: left;
    margin-right: 30px;
}

.guide .left-menu-list h2 {
    border-bottom: 0 none;
    padding: 10px 0 7px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 13px;
    margin: 0 0 8px 0;
}

.guide .left-menu-list h2 a {
    color: #333;
}

.guide .left-menu-list ul {
    margin-bottom: 18px;
}

.guide .left-menu li {
    line-height: 18px;
    margin-bottom: 14px;
}

.guide .left-menu li a {
    font-size: 14px;
    color: #333;
}

.guide .left-menu-list h2 a:hover,
.guide .left-menu li a:hover {
    color: #b69160;
}

.guide_msg {
    width: 908px;
    height: auto;
    float: left;
    margin: 0 auto;
}

.guide_msg .breadcrumbs {
    padding: 0;
    margin: 0 !important;
}

.guide_msg .bread-nav {
    padding: 0;
    margin: 0 !important;
}

.guide_msg .step_guide {
    padding: 0;
    margin: 20px 0
}

.guide_msg h3 {
    font-size: 20px;
    color: #333
}

.guide_msg .p-title span {
    font-size: 24px;
    color: #333;
    font-weight: 500 !important;
    padding: 0;
    text-indent: 0;
    display: inline;
}

.guide_msg .p0 span {
    color: #333;
    font-size: 14px !important;
    font-weight: 400;
    display: inline;
    font-family: 'opensans,helvetica,arial'
}

.guide_msg .p0 img {
    margin: 12px 0;
}

.guide_msg .p1 {
    color: #333;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.guide_msg .p1 span {
    color: #333;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 0;
    text-indent: 0;
    display: inline
}

.guide_msg .p1 .em_block {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #ff7a01
}

.guide_msg .showpic {
    display: inline-block
}

.guide_msg .faq {
    width: 100%;
    height: auto;
}

.guide_msg .faq li {
    margin-bottom: 13px;
    border: 1px solid #e5e5e5;
}

.faqtitle>span {
    width: 100%;
    display: block;
    background: #f5f5f5;
    color: #000;
    padding: 20px 30px 20px 22px;
    border-radius: .15em;
    transition: background .3s ease;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
}

.guide_msg .faq li>span {
    width: 100%;
    display: block;
    background: #f5f5f5;
    color: #000;
    padding: 20px 30px 20px 22px;
    border-radius: .15em;
    transition: background .3s ease;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
}

.faqtitle>span:after,
.guide_msg .faq li>span:after {
    display: inline-block;
    font-family: 'iconfont';
    font-style: normal;
    font-weight: 500er;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e65b";
    font-size: 16px;
    speak: none;
    position: absolute;
    right: 15px;
}

.faqtitle>span.active:after,
.guide_msg .faq li>span.active:after {
    content: "\e620" !important;
}

.faqmian,
.guide_msg .faq li .faq-msg {
    border-top: 1px solid #e5e5e5;
    padding: 20px 30px 20px 22px;
    display: none;
}

.faqmian.active,
.guide_msg .faq li .faq-msg.active {
    display: block;
}

.faqlist .faq-msg {
    padding: 0 !important;
}

.guide_msg .faq li .faq-msg p {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    font-size: 13px;
}

.guide_msg .faq li .faq-msg p:last-child {
    margin-bottom: 0 !important;
}

.guide_msg .freeobject li {
    margin-bottom: 20px;
}

.faqtitle {
    border-bottom: 1px solid #e5e5e5;
}

.faqtitle:last-child {
    border-bottom: none;
}

.customer-center .ui-tabs .Track_my_order {
    font-size: 18px;
    color: #ff7a01;
    font-weight: 500
}

a.small-icon.social-icon {
    padding: 18px
}

.promotion-title em {
    display: inline-block;
    font-style: normal;
    line-height: 27px;
    height: 32px;
    float: left;
    margin: 0 10px
}

.block.news-categories .block-title strong {
    color: #e26703;
    display: block;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
    min-height: 16px;
    padding: 1px 0;
    text-transform: uppercase;
    background: #fff
}

.news p {
    line-height: 22px
}

.news {
    text-align: justify
}

.news-item .comment {
    float: right;
    font-size: 11px;
    padding-top: 5px
}

.news .loadfile {
    text-align: right
}

.news .loadfile a {
    background: url(/default/css/images/i_attached.gif) 0 0 no-repeat;
    padding: 1px 0 0 20px
}

label .required {
    color: red
}

.news-item .more {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 30px;
    font-size: 14px;
    color: #ea271c;
    font-weight: 500;
}


.news_box .toolbar {
    margin-top: 40px;
}

.coin {
    background: url(/default/images/coin.png) no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    background-size: 15px
}

.mh_display_point.hide {
    display: none
}

.mh_display_point.show {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px
}

div.mh_display_point a {
    float: none !important
}

div.mh_display_point img {
    display: inline
}

div.rwp-box-wait {
    text-align: center;
    margin-top: 30px;
    float: left;
    width: 100%
}

div.rwp-box-wait img {
    display: inline
}

.full-wrapper {
    position: relative
}

.shipping_time {
    font-family: trebuchet ms, Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse
}

.shipping_time td,
.shipping_time th {
    font-size: 1em;
    border: 1px solid #000;
    padding: 8px 7px;
    text-align: center;
    font-family: tahoma, arial, helvetica, sans-serif;
    color: #000
}

.shipping_time th {
    padding-top: 5px;
    padding-bottom: 4px;
    color: #000;
    background: #f1f1f1;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif
}

.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #fff;
    margin-right: 5px;
    opacity: .8;
    border: 1px solid #fff;
    cursor: pointer
}

.swiper-visible-switch {
    background: #aaa
}

.swiper-active-switch {
    background: #b69160;
    border: 1px solid #b69160
}

.trackmsg>span {
    color: #b69160;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 0;
    display: block;
    cursor: pointer
}

.recaptcha>div {
    width: 100%
}

.login_box .recaptcha .g-recaptcha-response,
.login_box .rc-anchor-light.rc-anchor-normal {
    border: none !important
}

.rc-anchor-light.rc-anchor-normal {
    border: none !important
}

#form-validate {
    width: 100%;
    display: block;
    max-width: 1200px;
    margin: 0 auto
}

.product-intro-info .promotion>span {
    background: #ff9d44;
    padding: 6px 5px;
    color: #fff;
    display: block;
    font-weight: 500;
    font-size: 16px
}

.product-intro-info .promotion>span>em {
    font-style: normal;
    color: #fff;
    margin: 0 5px
}

.product-intro-info .promotion>span>a {
    display: inline-block;
    padding: 4px 18px;
    font-size: 16px;
    text-decoration: none;
    background: #fff;
    margin-left: 6px;
    cursor: pointer;
    color: #ff9d44;
    font-weight: 500;
    position: relative
}

.product-intro-info .promotion>span>a>b {
    position: absolute;
    right: -6px;
    bottom: -20px;
    font-style: inherit;
    display: block;
    width: 28px;
    height: 26px;
    background: url(/default/images/apply.png) no-repeat;
    background-size: contain;
    animation: hmove 3s infinite;
    -webkit-animation: hmove 3s infinite
}

@keyframes hmove {
    from {
        bottom: -20px
    }

    to {
        bottom: -8px
    }
}

@-webkit-keyframes hmove {
    from {
        bottom: -20px
    }

    to {
        bottom: -8px
    }
}

.wish-box {
    margin: 0 auto;
    padding: 0;
    background: #fff;
    font-size: 14px;
    font-family: 'opensans,helvetica,arial';
    color: #666
}

.wish-box .item {
    margin: 0;
    list-style-type: none;
    float: left;
    width: 25%;
    position: relative
}

.wish-box .item-outer {
    width: 100%;
    z-index: 100;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    height: 308px
}

.wish-box .item-outer .item-inner:hover {
    z-index: 4;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    height: 308px
}

.wish-box .item-inner {
    padding: 0 16px 0 !important;
    position: relative;
    background: #fff
}

.wish-box .item-img {
    position: relative;
    margin-bottom: 8px;
    overflow: hidden
}

.wish-box .p-img {
    width: 100%;
    height: 205px;
    border: none;
    display: block;
    line-height: 205px
}

.wish-box .box-content {
    text-align: center;
    margin: 0
}

.wish-box h2.product-name {
    font-weight: 500;
    font-size: 13px;
    padding: 0;
    margin: 0 0 0;
    height: 36px;
    color: #666;
    margin-bottom: 6px;
    line-height: 17px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden
}

.wish-box .item-options {
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px
}

.wish-box .product-name a {
    color: #666
}

.wish-box .price-box {
    text-align: center;
    margin: 0
}

.wish-box .regular-price {
    color: #c76200
}

.wish-box .regular-price .price,
.wish-box .price-box .price {
    color: #ea271c;
    font-weight: 500
}

.wish-box .product-name a:hover {
    color: #b69160;
    text-decoration: none
}

.wish-box a {
    text-decoration: none
}

.wish-box img {
    width: 100%;
    vertical-align: middle
}

.wish-box .thumb-box dd {
    margin-bottom: 10px;
    width: 180px
}

.wish-box .icon-trash:before {
    content: "\e726"
}

.wish-box .icon-trash:hover {
    color: #b69160
}

.wish-box .gbGoodsItem_cartIcon-favor:after {
    content: "";
    width: 1px;
    height: 30px;
    background-color: #fff;
    opacity: .5;
    position: absolute;
    top: 0;
    right: 0
}

.wish-box .content-wrapper .add-to-cart .icon-wishlist,
.wish-box .content-wrapper .add-to-cart .icon-wishlist1 {
    display: block;
    width: 34px;
    font-size: 34px;
    color: #b69160;
    height: 34px
}

.wish-box .content-wrapper .add-to-cart .btn-wish span {
    color: #b69160;
    background-color: transparent;
    padding: 7px !important
}

.headSearch_cate {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    width: 100px;
    line-height: 40px;
    text-align: left;
    font-size: 0
}

.headSearch_cateLabel {
    padding-left: 10px;
    width: 70px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.headSearch_cate>* {
    line-height: 40px;
    font-size: 14px
}

.headSearch,
.headSearch_cate>* {
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.select_model {
    height: 40px
}

.select_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.select_toggle {
    position: relative;
    display: block;
    box-sizing: border-box;
    z-index: 1;
    font-size: 14px;
    line-height: 40px;
    color: #000;
    background-color: #fff;
    white-space: nowrap;
    cursor: pointer
}

.select_toggle .select_arrow {
    width: 12px;
    height: 6px;
    margin-top: -3px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.select_menu {
    position: relative
}

.select_scrollWrap {
    width: 100%;
    max-height: 300px;
    padding: 10px 0;
    overflow: auto;
    box-sizing: border-box
}

.scrollWrap::-webkit-scrollbar {
    width: 7px
}

.scrollWrap::-webkit-scrollbar-thumb {
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .2)
}

.select_option.selected {
    color: #b69160
}

.select_option {
    padding: 0 14px;
    line-height: 28px;
    color: #000;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    background-color: #fff
}

.select_option:hover {
    background-color: #f5f5f5
}

.headSearch_cate .icon-xiangxia-copy {
    font-size: 12px;
    display: inline-block
}

.item-flash .item-inner {
    padding: 0 10px 3px !important;
    height: auto
}


.kit-product-box .item,
.liquids-product-box .item {
    width: 246px;
    height: 286px
}

.kit-product-box .item .p-img,
.liquids-product-box .item .p-img {
    width: 205px;
    line-height: 205px;
    height: 205px
}

.kit-product-box .item:nth-child(2),
.kit-product-box .item:nth-child(3),
.kit-product-box .item:nth-child(4),
.liquids-product-box .item:nth-child(2),
.liquids-product-box .item:nth-child(3),
.liquids-product-box .item:nth-child(4) {
    border-bottom: none !important
}

.firstitem {
    width: 452px !important;
    height: 572px !important;
    border: 1px solid #eee !important;
    overflow: hidden
}

.firstitem .item-inner {
    padding: 0 !important
}

.firstitem .item-inner,
.firstitem .p-img {
    width: auto;
    height: 100%
}

.firstitem .box-content {
    background-color: rgba(255, 255, 255, .6);
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: 0;
    height: 120px;
    width: 100%;
    font-size: 38px
}

.firstitem .product-name {
    line-height: 40px;
    font-size: 28px;
    margin-top: 20px
}

.slider-kit .item:nth-child(7) {
    border-right: 1px solid #eee
}

.storeopen .icon {
    display: inline-block;
    transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
}
.help-center .company-info .list {
    min-height: 140px;
}
.help-center .company-info .list .title {
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 500;
}
.help-center .company-info .list li {
    color: #666;
}
.help-center .company-info .list li a {
    color: #ec8200;
}
.help-center .topices-link .list {
    padding: 10px 0;
}
.help-center .topices-link .list span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 16px;   
    text-transform: uppercase; 
}
.help-center .topices-link .list ul {
    display: none;
    margin-top: 12px;
    margin-bottom: 0;
}
.help-center .topices-link .list ul li a {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
}
.help-center .topices-link .icon-arrow-slim {
    transform: rotate(90deg);
    font-size: 20px;
}
.help-center .topices-link .list.active .icon-arrow-slim {
    transform: rotate(-90deg);
}
.help-center .company-info .list .more {
    display: flex;
    flex-wrap: wrap;
    width: 275px;
}
.help-center .company-info .list .more li {width: 50%;}



.track-order-page .title {
    font-size: 20px;
    font-weight: 500;
    color: #000000;    
    padding: 0 0 24px;
    text-align: center;
}
.track-order-page .track-order-box {
    width: 552px;
    margin: auto;
}
.track-order-page .track-order-box #track-form {
    width: 100%;
    display: block;
}
.track-order-page .track-order-box #track-form input {
    width: 100%;
    text-indent: 10px;
    padding: 0;
    height: 40px!important;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
}
.track-order-page .track-order-box #track-form .social-login {
    margin: 6px 0 22px;
}
.track-order-page .track-order-box #track-form .social-login-title {
    height: auto;
    width: 100%;
    margin: 24px auto;
}
.track-order-page .track-order-box #track-form .social-login-title span {
    top: 8px;
    color: #888;
}
.track-order-page .track-order-box #track-form .field{position: relative;}
.track-order-page .track-order-box #track-form .field .icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}
.track-order-page .track-order-box #track-form .field .txt {
    position: absolute;
    top: 30px;
    left: 517px;
    width: 186px;
    z-index: 5;
    display: none;
}
.track-order-page .track-order-box #track-form button {
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #EC8200;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    border: none;
    text-transform: uppercase;
    margin-top: 32px;
}
.track-order-page .track-order-box #track-form button:disabled {
    background: #999;
}
.track-order-page .signin {
    padding: 8px 0 48px;
    color: #666;
    font-size: 16px;
    margin: 0;
}
.track-order-page .signin a {
    text-decoration: underline;
    color: #ec8200;
}
.track-order-page .new-customer .title {
    padding: 0 0 8px;
}
.track-order-page .new-customer p {
    text-align: center;
    color: #666666;
    margin-top: -0.2133rem;
    margin-bottom: 24px;
    font-size: 16px;
}
.track-order-page .new-customer .why {
    font-size: 16px;
    margin-bottom: 8px;
    text-align: center;
    font-weight: 500;
}
.track-order-page .new-customer .txt {
    line-height: 18px;
    text-align: center;
    color: #666666;
    margin-bottom: 32px;
    font-size: 16px;
}
.track-order-page .new-customer a {
    display: block;
    width: 552px;
    height: 45px;
    margin: auto;
    line-height: 45px;
    text-align: center;
    background: #EC8200;
    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    text-transform: uppercase;
}
#trackOrder .pc-common-popup .content{
    width: 497px;
    padding: 24px 32px;
    border-radius: 2px;
}
#trackOrder .pc-common-popup .content .popup-header {
    font-size: 20px;
    margin-bottom: 12px;
}
#trackOrder .pc-common-popup .content .pupup-desc {
    color: #444444;
    margin-bottom: 20px;
}
#trackOrder .pc-common-popup .content .label {
    font-size: 16px;
    color: #444444;
    margin-right: 8px;
    padding: 0;
}
#trackOrder .pc-common-popup .content .email {
    color: #444444;}
#trackOrder .pc-common-popup .content input {
    width: 100%;
    height: 35px;
    border: 1px solid #999;
    text-indent: 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 2px;
}
#trackOrder .pc-common-popup .content .actions {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}
#trackOrder .pc-common-popup .content .actions button {
    width: 211px;
    height: 45px;
    border-radius: 2px;
    border: 1px solid #282828;
    color: #282828;
    font-size: 16px;
}
#trackOrder .pc-common-popup .content .actions button:disabled {
    background: #999;
    color: #fff;
    border: 1px solid #999;
}
#trackOrder .pc-common-popup .content .actions button.join {
    background: #EC8200;
    color: #fff;
}

.track-order-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(34, 34, 34, .6);
}
.track-order-popup .content {
    width: 618px;
    height: 682px;
    padding: 24px 32px;
}
.track-order-popup .content.null {
    height: auto;
}
.track-order-popup .content .track-header {
    font-weight: 500;
    color: #222222;
    font-size: 20px;
    height: auto;
    line-height: normal;
    padding-bottom: 30px;
}
.track-order-popup .content .track-header .info {
    margin-bottom: 0.32rem;
}
.track-order-popup .content .track-header .info .title {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    width: 2.8rem;
    display: inline-block;
}
.track-order-popup .content .track-header .info .text {
    font-weight: 400;
    color: #666666;
}
.track-order-popup .track-info {
    padding: 0 16px;
    margin-top: 36px;
    overflow-y: auto;
    height: 70%;
}
.track-order-popup .content ul li {
    display: flex;
    padding-bottom: 64px;
    position: relative;
}
.track-order-popup .content ul li img {
    width: 20px;
    height: 20px;
    margin: 0 16px;
    position: relative;
    z-index: 3;
    background: #fff;
}
.track-order-popup .content ul li:not(:first-child):before {
    content: "";
    position: absolute;
    bottom: 16px;
    left: 95px;
    height: 100%;
    border-right: 1px solid #bbb;
    z-index: 1;
    width: 1px;
}
.track-order-popup .content ul li:last-child:before {
    display: none;
}
.track-order-popup .content ul li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 16px;
    left: 95px;
    height: 100%;
    border-right: 1px solid #bbb;
    z-index: 1;
    width: 1px;
}
.track-order-popup .content ul li .time {
    color: #666666;
}
.track-order-popup .content ul li .txt {
    color: #666666;
    line-height: 20px;
    display: inline-block;
    width: 70%;
}
.track-order-popup .track-status {
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.track-order-popup .track-status .status {
    text-align: center;
    position: relative;
}
.track-order-popup .track-status .status .img {
    width: 24px;
    height: 24px;
    background: #CCCCCC;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 0.4rem;
    position: relative;
    z-index: 2;
}
.track-order-popup .track-status .status img {
    width: 60px;
    height: 60px;
    position: relative;
    z-index: 2;
}
.track-order-popup .track-status .status p {
    font-size: 16px;
    color: #bbb;
    margin: 0;
    margin-top: 12px;
}
.track-order-popup .track-status .status.active p {
    color: #ec8200;
}
.track-order-popup .track-status .status2:after,.track-order-popup .track-status .status3:after {
    content: '';
    position: absolute;
    height: 6px;
    background: #BFBFBF;
    width: 200px;
    top: 26px;
    left: -170px;
    z-index: 0;
}
.track-order-popup .track-status .status2.active:after,.track-order-popup .track-status .status3.active:after {
    background: #EC8200;
}

.track-order-popup .check-status p:first-child {
    font-weight: 500;
    margin-bottom:12px;
}
.track-order-popup .check-status p:last-child {
    color: #666;
    font-size: 14px;
}
.track-order-popup .check-status p a {
    color: #ec8200;
}

.vsorder-item-img .swiper-button-next:after, .vsorder-item-img .swiper-container-rtl .swiper-button-prev:after {
    font-size: 20px;
    color: #666;
}
.vsorder-item-img .swiper-button-prev:after,  .vsorder-item-img .swiper-container-rtl .swiper-button-next:after {
    font-size: 20px;
    color: #666;
}
#globalVehicleForm .close, #checkoutVehicleForm .close {display: block!important;}

.reset-success {
    background: #fff;
    padding: 0 15px 30px;
    text-align: center;
}
.reset-success .headingBox h2 {
    font-size: 24px;
    margin: 0;
    padding: 15px 0 50px;
    color: #333;
    text-align: center;
    font-weight: 400;
}
.reset-success .content img {
    width: 125px;
}
.reset-success .content p {
    text-align: center;
    font-size: 14px;
    margin: 25px 0 80px;
}
.reset-success .content a {
    display: block;
    width: 420px;
    height: 56px;
    background: #EC8200;
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
    line-height: 56px;
    border-radius: 5px;
    text-transform: uppercase;
    margin: 0 auto;
}

.arrow .swiper-button-next, .arrow .swiper-button-prev {
    width: 48px;
    height: 48px;
    background: rgba(0,0,0,.5);
    backdrop-filter: blur(6px);   
}
.arrow .swiper-button-next {
    right: 0;
    /* border-radius: 24px 0px 0px 24px; */
}
.arrow .swiper-button-prev {
    left: 0;
    /* border-radius: 0px 24px 24px 0px; */
}
.arrow .swiper-button-next:after, .arrow .swiper-button-prev:after {
    font-size: 18px;
    color: #fff;
}
.arrow .swiper-button-next:hover, .arrow .swiper-button-prev:hover {
    background: #EC8200;
}

/*----------------公共样式--------------*/
* {
    margin: 0;
    padding: 0
}
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-optical-sizing: auto;
    src: url('/font/rubik-regular.woff2?v=2');
    src: local(''),
         url('/font/rubik-regular.woff2?v=2') format('woff2'), /* Super Modern Browsers */
         url('/font/rubik-regular.woff?v=2') format('woff'), /* Modern Browsers */
         url('/font/rubik-regular.ttf?v=2') format('truetype'); /* Safari, Android, iOS */
    font-display: swap;
}
@font-face {
    font-family: 'Rubik-Medium';
    font-style: normal;
    font-optical-sizing: auto;
    src: url('/font/rubik-medium.woff2?v=2');
    src: local(''),
    url('/font/rubik-medium.woff2?v=2') format('woff2'), /* Super Modern Browsers */
    url('/font/rubik-medium.woff?v=2') format('woff'), /* Modern Browsers */
    url('/font/rubik-medium.ttf?v=2') format('truetype'); /* Safari, Android, iOS */
    font-display: swap;
}
body {
    font-family: 'Rubik';
    min-width: 1330px;
    color: #282828;
}

img {
    border: 0;
    max-width: 100%
}

button.button span,
a {
    color: #282828;
    transition: all 200ms ease-in-out 0s;
    -moz-transition: all 200ms ease-in-out 0s;
    -ms-transition: all 200ms ease-in-out 0s;
    -o-transition: all 200ms ease-in-out 0s;
    -webkit-transition: all 200ms ease-in-out 0s
}

a:hover,a:focus {
    text-decoration: none;
    color: #EC8200;
}

:focus {
    outline: 0
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 11px;
}

form {
    display: inline
}

fieldset {
    border: 0
}

table {
    border: 0;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%
}

caption,
th,
td {
    text-align: left;
    font-weight: 400
}

p {
    margin: 0 0 10px
}

q {
    quotes: none
}

q:before,
q:after {
    content: ''
}

small,
big {
    font-size: 1em
}

ul,
ol {
    list-style: none
}
.cms-index-index {background: #fff!important;}
.hidden {
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important
}

.wrap {
    white-space: normal !important
}

.clear {
    clear: both
}

.span12 {
    width: 100%
}

.span11 {
    width: 91.5%
}

.span10 {
    width: 83%
}

.span9 {
    width: 74.5%
}

.span8 {
    width: 66%
}

.span7 {
    width: 57.5%
}

.span6 {
    width: 49%
}

.span5 {
    width: 40.5%
}

.span4 {
    width: 32%
}

.span3 {
    width: 23.5%
}

.span2 {
    width: 20%
}

.span15 {
    width: 15%
}

.width40 {
    width: 40%
}

.width45 {
    width: 70%
}

.width15 {
    width: 30%
}

.span1 {
    width: 6.5%
}

/*
[class*=span] {
    float: left;
}
*/

input
.input-text,
select,
textarea {
    background: #fff;
    border: 1px solid #b6b6b6
}

input.input-text,
textarea {
    padding: 2px 0;
}

select,
div select {
    padding: 1px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    padding: 5px;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 3px;
    width: 165px
}

select option {
    padding-right: 10px;
    letter-spacing: 2px
}

select.multiselect option {
    border-bottom: 1px solid #b6b6b6;
    padding: 2px 5px
}

select.multiselect option:last-child {
    border-bottom: 0
}

textarea {
    overflow: auto
}

input.radio {
    margin-right: 3px
}

input.checkbox {
    margin-right: 3px
}

button.button::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.button {
    -webkit-border-fit: lines
}

button.button {
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: 0 0;
    cursor: pointer;
}

button.button span {
    display: block;
    font-weight: 400;
    border: 0;
    background: #e75200;
    padding: 0;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    display: inline-block
}

button.button span span {
    border: 0;
    padding: 5px 16px
}


.messages,
.messages ul {
    list-style: none !important;
    padding: 0 !important;
    text-align: left
}

.messages {
    width: 100%;
}

.error-msg {
    min-height: 24px !important;
    padding: 15px 8px 12px 24px !important;
    font-size: 14px;
    color: #ea271c;
    box-sizing: border-box;
}

.error-msg ul li {
    color: #ea271c;
}

.success-msg {
    min-height: 28px !important;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #EEF6FF;
    color: #333;
}

.error-msg {
    background-color: #fff3f6;
    color: #323232;
    margin-bottom: 10px;
}
.top-banner {position: relative;}
.top-banner img {
    width: 100%;
    height: 100%;
}
.error-msg:before,
.success-msg:before {
    position: absolute;
    left: 14px;
    top: 15px;
    color: #fff;
    font-size: 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

.messages a {
    color: #000;
    font-weight: 500
}

.goog-te-gadget .goog-te-combo {
    background: #f5f5f5;
    color: #000;
    border: none;
    outline: none;
    width: 120px;
    margin: 0;
}

.goog-te-gadget {
    height: 30px;
    overflow: hidden;
}

.goog-te-gadget {
    width: 190px;
}

.goog-te-gadget-simple {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.brand-index,
.coupons-list,
.coupons-index {
    background-color: #f9f9f9;
}

.brand-arrow-left,
.brand-arrow-right,
.coupons-arrow-left,
.coupons-arrow-right,
.flash-arrow-left,
.flash-arrow-right  {
    opacity: 0;
    position: absolute;
    height: 58px;
    cursor: pointer;
    line-height: 58px;
    width: 28px;
    text-align: center;
    top: 50%;
    margin-top: -30px;
    background: #505050;
    z-index: 10;
    transition: all .5s ease;
    text-decoration: none
}

.coupons-arrow-left:hover,
.coupons-arrow-right:hover,
.brand-arrow-left:hover,
.brand-arrow-right:hover,
.flash-arrow-left:hover,
.flash-arrow-right:hover {
    background: #e75200;
}

.coupons-banner:hover .coupons-arrow-left,
.coupons-banner:hover .coupons-arrow-right,
.brand-banner:hover .brand-arrow-left,
.brand-banner:hover .brand-arrow-right {
    opacity: 1;
    text-decoration: none
}

.coupons-arrow-left,
.brand-arrow-left,
.flash-arrow-left,
.news-arrow-left {
    left: 0;
}

.brand-arrow-right,
.coupons-arrow-right,
.flash-arrow-right {
    right: 0;
}

.brand-arrow-left i,
.brand-arrow-right i,
.coupons-arrow-left i,
.coupons-arrow-right i,
.flash-arrow-left i,
.flash-arrow-right i {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

/*----------------年龄弹窗-------------*/

@keyframes age {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

.w {
    position: relative;
    width: 1330px;
    margin: 0 auto;
}

.w:after {
    content: '';
    display: block;
    clear: both;
}

#bg_color {background: #F5F5F5;}
/*------------------侧边菜单---------------*/
.slidebar-menu {display: none;}
.slidebar-menu.active {display: block;}
.slidebar-menu.active .bgcover {display: block;}
.slidebar-menu .bgcover {position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, .6);
    z-index: 1114;
    display: none;
}
.slidebar-menu > .icon-x {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    position: absolute;
    left: 480px;
    top: 20px;
    cursor: pointer;
    font-size: 26px;
    color: #fff;
    background: #EC8200;
    z-index: 1115;
}
.slidebar-menu .menu-item {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 480px;
    background: #fff;
    z-index: 1115;
    opacity: 1;
    overflow-y: auto;

    display: flex;
    flex-direction: column;
}
.slidebar-menu .menu-item > ul {
    padding: 8px 16px;
    position: relative;
}
.slidebar-menu .menu-item ul.border:before {
    content: '';
    border-top: 1px solid #bbb;
    width: 302px;
    position: absolute;
    left: 24px;
    top: 0;
}
.slidebar-menu .menu-item { background: #fff;}
.slidebar-menu .menu-item > h2 { margin: 0; }
.slidebar-menu .menu-item li {cursor: pointer;position: relative;}
.slidebar-menu .menu-item>ul li .first {
    padding: 0 0 0 5px;
}
.slidebar-menu .menu-item>ul li .list .item .two {
    padding: 0 0 0 24px;
}
.slidebar-menu .menu-item>ul li .list .item .three {
    padding: 0 10px 0 45px;
}
.slidebar-menu .menu-item>ul li:not(:last-child) .first,
.slidebar-menu .menu-item>ul li .list .item .second.two,
.slidebar-menu .menu-item>ul li .list .item.three {
    border: 1px solid #fff;
    border-bottom-color: #eee;
}
.slidebar-menu .menu-item>ul li:last-child .first {
    border: 1px solid #fff;
}
.slidebar-menu .menu-item>ul li .first.open a,
.slidebar-menu .menu-item>ul li .first.open i,
.slidebar-menu .menu-item>ul li .list .item .second.open a,
.slidebar-menu .menu-item>ul li .list .item .second.open i {
    color: #ec8200;
}
.slidebar-menu .menu-item>ul li .first:hover,
.slidebar-menu .menu-item>ul li .list .item .second.two:hover,
.slidebar-menu .menu-item>ul li .list .item.three:hover {border: 1px solid #ec8200;}
.slidebar-menu .menu-item ul.account li a {
    color: #ec8200;
}
.slidebar-menu .menu-item li a{font-size: 16px;color: #484848;padding: 8px 0;display: block;width: 100%;line-height: normal;}
.slidebar-menu .menu-item ul.border li a{
    display: flex;
    align-items: center;
}
.slidebar-menu .menu-item ul.policy li a,
.slidebar-menu .menu-item li .three a {padding: 16px 0;}
.slidebar-menu .menu-item ul.account li a {
    padding: 16px 10px;
    border: 1px solid #fff;
}
.slidebar-menu .menu-item ul.account li:not(:last-child) a {
    border-bottom-color: #eee;
}
.slidebar-menu .menu-item ul.account li:hover a {
    border: 1px solid #ec8200;
}
.slidebar-menu .menu-item li>div.first {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.slidebar-menu .menu-item li a img {
    margin-right: 8px;
}
.slidebar-menu .menu-item li h3 {margin: 0;width: 100%;font-size: 16px;}
.slidebar-menu .menu-item h2 {font-size: 20px;color: #333333;padding: 0 30px;margin: 0;height: 60px;line-height: 60px;}
.slidebar-menu .menu-item li .menu-toggle {
    color: #222;
    transform: rotate(90deg);
}
.slidebar-menu .menu-item li .menu-toggle.open {
    transform: rotate(-90deg);
}
.slidebar-menu .menu-item li.Vehicles .img span {
    display: block;
    padding: 0 8px;
    height: 16px;
    line-height: 16px;
    border-radius: 4px;
    background: #FF1200;
    position: absolute;
    top: 18px;
    left: 132px;
    font-size: 12px;
    text-align: center;
    color: #fff;
}
.slidebar-menu .menu-item li.Vehicles .content {width: 100%;}
.slidebar-menu .menu-item li.Vehicles .content p {font-size: 14px;color:#484848;margin: 4px 0 0;}

.slidebar-menu .menu-item li .child {
    display: none;
}
.slidebar-menu.active .menu-item li .child.active {
    display: block;
}
.slidebar-menu .menu-item li .child .top-back {
    padding: 24px 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
}
.slidebar-menu .menu-item li .child .top-back .back {font-size: 14px;cursor: pointer;}
.slidebar-menu .menu-item li .child .top-back .back i {transform: rotate(180deg);text-align: right;display: inline-block;font-size: 14px;margin-right: 6px;pointer-events: none;}
.slidebar-menu .menu-item li .child .top-back h2 {
    font-size: 16px;color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 250px;
    text-align: right;
}
.slidebar-menu .menu-item li .child .list {display: flex;flex-direction: column;}
.slidebar-menu .menu-item li .child .list .item {padding: 0;}
.slidebar-menu .menu-item li .child .list .item.vehicle {
    /* height: 55px; */
    width: 100%;
    padding: 0 15px 0 30px;
    line-height: 55px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.slidebar-menu .menu-item li .child .list .item .second {
    /* height: 55px; */
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.slidebar-menu .menu-item li .child .list .item .name {font-size: 16px;color: #666666;width: 80%;position: relative;display: flex;justify-content: space-between;align-items: center;}
.slidebar-menu .menu-item li .child .list .item .name p {
    width: 180px;
    line-height: normal;
    margin: 0;
}
.slidebar-menu .menu-item li .child .list .item .name span {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 39px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    background: #EC8200;
    border-radius: 5px;
    font-size: 12px;
    color: #FFFFFF;
}

.slidebar-menu .menu-item li .child .list .item .icon-right {font-size: 16px;color: #333;margin-right: 30px;}
.slidebar-menu .menu-item li .child .list .item .icon-delete {font-size: 16px;color: #666;}
.slidebar-menu .menu-item li .child .action {margin-top: 80px;text-align: center;}
.slidebar-menu .menu-item li .child .action .add {
    width: 284px;
    height: 46px;
    line-height: 46px;
    background: #EC8200;
    border-radius: 5px;
    font-size: 16px;
    color: #FFFFFF;
    display: block;
    margin: 0 auto 26px;
    border: none;
}
.slidebar-menu .menu-item li .child .action .clear-all {
    color: #ec8200;
    font-size: 16px;
    cursor: pointer;
}

.cross-gap-box {
    padding:0 16px;height:1px;width:100%;
}
.cross-gap-box .cross-gap-line {
    border-top:1px solid #989898;
}

.comfirm-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1119;
}
.comfirm-box .content {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    width: 393px;
    /* height: 232px; */
    background: #FFFFFF;
    border-radius: 5px;
    padding: 42px 30px 45px;
    text-align: center;
}
.comfirm-box .content p {
    font-size: 24px;
    color: #333333;
    padding-bottom: 45px;
    margin: 0;
}
.comfirm-box .content .action {display: flex;justify-content: space-between;}
.comfirm-box .content .action button {
    width: 160px;
    height: 52px;
    line-height: 52px;
    background: #999999;
    border-radius: 5px;
    font-size: 16px;
    color: #FFFFFF;
    border: none;
}
.comfirm-box .content .action button:last-child {background: #ec8200;}






/*------------------头部---------------*/
#shortcut {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: right;
    background: #E75200;
}
#shortcut > div {
    position: relative;
    text-align: center;
}

#shortcut > div > a {
    color: #FFF;
    font-size: 26px;
    font-family: Arial-Bold;
}

.header-menu-content {
    width: auto;
    height: 50px;
    display: inline-block;
    position: absolute;
    right: 0;
}

.header-menu-content>div {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    color: #000;
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
    float: left;
}

.contacts-menu a {
    color: #fff;
}

.contacts-menu a:hover {
    text-decoration: none;
    color: #e75200;
}
.header-ship-cur {
    margin-left: 20px;
}
.header-lang .btn-lang img{
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.btn-ship-cur span,
.header-lang .btn-lang span {
    color: #FFF;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    display: inline-block;
}
.btn-ship-cur:hover span,
.header-lang .btn-lang:hover span,
.header-acc > span,
.header-acc > span > a{
    color: #FF4000;
}
.header-lang .lang-wrap {
    display: none;
    position: absolute;
    left: 0;
    z-index: 9999;
    padding-top: 16px;
}
.header-lang #google_translate_element {
    position: relative;
    width: 230px;
    min-width: 122px;
    height: 74px;
    text-align: center;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .26);
    padding: 20px;
}
.header-lang:hover .lang-wrap {
    display: block;
}
.header-lang #google_translate_element:before {
    left: 25px !important;
}

.currency_detail {
    display: none;
    position: absolute;
    top: 32px;
    left: -32px;
    z-index: 99;
    width: 130px;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.currency-inner {
    background-color: #fff;
    position: relative;
    padding: 10px 0;
}

.currency-inner a {
    display: block;
    overflow: hidden;
    padding: 0 12px;
}

.currency-inner a .currencysymbol {
    display: inline-block;
    width: 65px;
    cursor: pointer;
    text-align: left;
    float: left
}

.currency-inner a .currencycode {
    display: inline-block;
    cursor: pointer;
    float: left
}

.irote {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header-lang #google_translate_element:before,
.remain_cart:before,
.currency-inner:before {
    content: "";
    height: 9px;
    width: 9px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: -5px;
    right: 50%;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.remain_cart:before {
    right: 50px;
}

.head-links:before {
    left: 28px;
}

.currency-inner a {
    display: block;
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 30px
}

.currency-inner a:hover span {
    color: #b69160
}

.ship-to .icon,
.siteHeader_currencyContain .icon {
    font-size: 20px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
    color: #666;
}

.ship-cur-dropdown {
    position: absolute;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 9999;
    padding-top: 16px;
}
.ship-cur-dropdown > div {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    line-height: normal;
    text-align: left;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    width: 300px;
}

.ship-cur-dropdown > div:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #fff;
    position: absolute;
    left: 15px;
    top: 0;
}

.ship-cur-dropdown > div > div:not(:last-child) {
    margin-bottom: 10px;
}

.ship-cur-dropdown .ship-to.active {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.ship-cur-dropdown .ship-to {
    display: block;
    position: relative;
    border-radius: 3px;
    border: 1px solid #eee;
    border-bottom: 0;
    width: 100%;
    transition: all .2s ease;
    background: #fff;
    z-index: 199
}

.ship-cur-dropdown .ship-to-btn {
    padding-left: 10px;
    border-bottom: 1px solid #eee;
    line-height: 35px;
}

.ship-cur-dropdown .ship-to-btn i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    color: #666;
    z-index: 0;
    transition: all .2s ease
}

.ship-cur-dropdown .ship-to-btn span {
    display: inline-block;
    vertical-align: middle;
}

.icon-xiangxia:before {
    content: "\e613"
}

.ship-cur-dropdown .ship-to-dropdown {
    left: 0;
    border: 1px solid #eee;
    border-top: 0;
    background: #fff;
    line-height: 40px;
    z-index: 199;
    padding: 0 10px 10px;
}

.ship-cur-dropdown .ship-to-dropdown .search-box {
    height: 35px;
    line-height: 32px;
    border-radius: 3px;
    position: relative;
    border: 1px solid #eee;
    margin-top: 10px
}

.ship-cur-dropdown .ship-to-dropdown .search-box input {
    border: 0;
    width: 100%;
    padding: 0 34px 0 10px;
    height: 34px;
    box-sizing: border-box;
}

.ship-cur-dropdown .ship-to-dropdown .search-box i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    color: #999
}

.ship-to-dropdown li span {
    display: inline-block;
    vertical-align: middle;
}

.ship-cur-dropdown .ept_country_flag {
    font-size: 14px
}

.ship-cur-dropdown .ept_country_flag:hover {
    color: #b79160
}

.ept_AF {
    background-position: 0 -158px
}

.siteHeader_currencyContain {
    height: 36px;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 0;
    position: relative
}

.siteHeader_currencyText {
    height: 34px;
    line-height: 34px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: -webkit-calc(100% - 14px);
    width: calc(100% - 14px);
    cursor: pointer;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.siteHeader_currencyContain i {
    position: absolute;
    right: 0;
    font-size: 18px;
    color: #666;
    z-index: 10;
    transition: all .2s ease
}

.siteHeader_currencyList {
    width: 100%;
    border: 1px solid #eee;
    border-top: 0;
    left: 0;
    font-size: 0;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    background: #fff;
    z-index: 1;
    position: absolute;
    max-height: 300px;
    overflow-y: auto
}

.siteHeader_currencyItem.active,
.siteHeader_currencyItem:hover {
    color: #c21e29
}

.siteHeader_currencyItem:nth-of-type(odd) {
    border-right: 1px solid #eee
}

.siteHeader_currencyItem {
    width: 50%;
    height: 30px;
    line-height: 30px;
    font-size: 0;
    padding: 0 20px;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    display: inline-block
}

.siteHeader_currencyLetter,
.siteHeader_currencySymbol {
    display: inline-block;
    font-size: 14px
}

.siteHeader_currencyList .siteHeader_currencyItem a {
    color: #333
}

.siteHeader_currencyList .siteHeader_currencyItem a:hover {
    color: #b69160
}

.siteHeader_currencySymbol {
    width: 50px;
    display: inline-block
}

.ept_country_flag {
    line-height: 16px;
    font-size: 12px;
    height: 13px;
    display: block;
    padding-left: 23px;
    background: url(/default/images/country_flags.png) no-repeat;
}

.currency_pan .ept_country_flag {
    width: 0;
    height: 14px;
    display: inline-block
}

.siteHeader_currencyItem a {
    color: #333
}

.siteHeader_currencyItem a:hover {
    color: #b69160
}

.currency_box i {
    font-size: 12px;
    display: inline-block;
    margin-left: 6px;
    color: #000;
}
#header {background: #282828;}
.header-helpcenter {
    display: var(--bs-theme-notice-display, block);
    background: #1B1B1B;
}

.header-buy-together.active {
    z-index: 1000;
    position: sticky;
}
.header-helpcenter.active {
    z-index: 1000;
    position: sticky;
}
.header-container.active {
    z-index: 1000;
    position: sticky;
}
.header-catlog-container.active {
    z-index: 1000;
    position: sticky;
}

.topAd-swiper {
    height: 43px;
    line-height: 43px;
    color: #ccc;
}
.topAd-swiper a {
    color: #ccc;
}

.header-helpcenter .country-state-container .current-country{
    display: flex;
    align-items: center;
    cursor: pointer; /* 设置鼠标悬停时的指针样式为手形 */
}

.header-helpcenter .country-state-container .current-country .country-icon{
    width: 24px;
    height: 24px;
    margin-right: 8px;
    overflow: hidden;
    border-radius: 50%;
}

.header-helpcenter .country-state-container .current-country .country-code{
    color: #FFFFFF;
    font-size: 14px;
    /*text-decoration: underline;*/
    /*text-decoration-color: #FFFFFF;*/

}

.header-helpcenter .country-state-container .country-dropdown{
    display: none;
    position: absolute;
    top: 43px;
    right: 0;
    width: 320px;
    z-index: 1150;
    border: 1px solid #DEDEDE;
    border-radius: 16px;
    background: #FFFFFF;
    text-align: left;
    padding: 24px 16px;
    font-size: 14px;
}
.header-helpcenter .country-state-container:hover .country-dropdown{
    display: block;
}
.header-helpcenter .country-state-container:hover .country-dropdown .dropdown-toggle.show{
    box-shadow: 0 0 0 3px rgb(237, 237, 237);
}
.header-helpcenter .country-state-container:hover .country-dropdown .dropdown-toggle::after{
    border-top: 0.4em solid !important;
    border-right: 0.4em solid transparent !important;
    border-bottom: 0 !important;
    border-left: 0.4em solid transparent !important;
    width: auto;
    height: auto;

}

.header-helpcenter .country-state-container .country-dropdown .dropdown-menu{
    transform: none !important;
    top: 48px !important;
    border-color: rgb(187,187,187);
}

.header-helpcenter .country-state-container .country-dropdown .dropdown-item:hover {
    background-color: rgb(237,237,237);
    color: black;
}
.header-helpcenter .country-state-container .country-dropdown .dropdown-item.active{
    background-color: rgb(40,40,40);
    color: #FFFFFF;
}


.header-helpcenter .country-state-container .country-dropdown .country-icon{
    width: 16px;
    height: 16px;
    margin-right: 8px;
    overflow: hidden; /* 隐藏超出容器的部分 */
    border-radius: 50%; /* 将容器四个角设为圆角，半径为宽度/高度的一半 */
}

.header-helpcenter .country-state-container .country-dropdown li a{
    height: auto;
    color: black;
}


.slidebar-menu .country-state-container{
    position: sticky;
    bottom: 0;
    left: 0px;
    width: 100%;
    margin-top: auto;
    background: white;
}
.slidebar-menu .country-state-container .country-dropdown{
    border-top: 1px solid #ec8200;
    display: none;
}
.slidebar-menu .country-state-container:hover .country-dropdown{
    display: block;

}

.slidebar-menu .country-state-container .country-icon{
    width: 16px;
    height: 16px;
    margin-right: 8px;
    overflow: hidden; /* 隐藏超出容器的部分 */
    border-radius: 50%; /* 将容器四个角设为圆角，半径为宽度/高度的一半 */
}
.slidebar-menu .country-state-container .current-country{
    height: 50px;
    background-color: rgb(248,248,248);
    padding: 0 16px;
}
.slidebar-menu .country-state-container .country-dropdown-item{
    height: 50px;
    padding: 0 16px;
}
.slidebar-menu .country-state-container .country-dropdown-item:hover{
    background-color: rgb(237,237,237);
}






#header .header-search-box {
    display: flex;
    position: relative;
    margin-right: 16px;
}
.hot-search {
    position: absolute;
    background: #fff;
    z-index: 11;
    top: 115%;
    left: 0;
    width: 100%;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1);
    border-radius: 6px;
    padding: 10px 12px 8px;
    border: 1px solid #EEEEEE;
    display: none;
}
.hot-search .top-title {
    padding: 9px 6px 6px;
    border-bottom: 1px solid #EEEEEE;
}
.hot-search .top-title span {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #000000;
    margin: 0;
}
.hot-search .hot-list li a {
    font-size: 14px;
    color: #484848;
    line-height: 20px;
    padding: 10px 6px;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.hot-search .hot-list li a div svg {
    color: #BBB;
}
.hot-search .hot-list li a:hover div svg {
    color: #7D7D7D;
}
.hot-search .hot-list li a:hover {
    color: #000000;
    background: #EEEEEE;
}
.hot-search .hot-list li a:hover div {
    text-decoration: underline;
}
.hot-search .hot-list li a svg {
    color: #eee;
}
.hot-search .hot-list li a:hover svg {
    color: #484848;
}
.hot-search .hot-list li a i:hover {
    color: #D82518;
    cursor: pointer;
}
.hot-search .history .clear {
    text-align: right;
    color: #D82518;
    text-decoration: underline;
    margin-bottom: 14px;
}
.hot-search .history .clear span {
    cursor: pointer;
}
.selected-vehicle-box {
    position: absolute;
    width: 100%;
    top: 102%;
    left: 0;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ec8200;
    z-index: 1113;
    padding: 10px 0 0;
    display: none;
}
.selected-vehicle-box .exited-vehicle form {
    display: flex;
    flex-direction: column;
    padding: 0 15px;
}
.selected-vehicle-box .exited-vehicle .item {
    padding-top: 20px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #CCCCCC;
}
.selected-vehicle-box .exited-vehicle .item:last-child{border-bottom: none;}
.selected-vehicle-box .exited-vehicle .item input {
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
}
.selected-vehicle-box .exited-vehicle .item .vehicle {
    font-size: 16px;
    color: #666666;
    padding-left: 21px;
    width: 60%;
    display: inline-block;
}
.selected-vehicle-box .exited-vehicle .item .browse {
    font-size: 14px;
    color: #ec8200;
    margin-right: 50px;
}
.selected-vehicle-box .exited-vehicle .item .icon {font-size: 20px;color: #666666;cursor: pointer;}
.selected-vehicle-box .action {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #F1F1F1;
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    border-radius: 0 0 5px 5px;
}
.selected-vehicle-box .action .add {font-size: 14px;color: #ec8200;cursor: pointer;}
.selected-vehicle-box .action .clear-all {font-size: 14px;color: #FF1200;cursor: pointer;}


#header > div:nth-child(2) {
    position: relative;    
}
.header-nav > li {
    display: inline-block;
    line-height: 58px;
    text-align: center;
    overflow-x: visible;
    position: relative;
}

.header-nav > li > a {
    font-size: 16px;
    color: #fff;
    line-height: 52px;
    display: block;
    padding: 0 10px;
    font-weight: 500;
    margin-top: 30px;
    text-transform: uppercase;
    border-radius: 4px 4px 0px 0px;
    overflow: visible;
}
.header-nav > li > a > h3 {
    line-height: inherit;
}
.header-nav > li:not(:last-child) {
    margin-right: 4px;
}
.header-nav .nav-products:hover .menu-list {
    display: block;
}
.header-nav .nav-products a {position: relative;}

.header-nav > li:last-child > a:after {border-right: none;}
/* #header .nav-products > a > span:last-child {border-right: none;} */
#header .header-search {
    width: 100%;
    height: 40px;
    line-height: 40px;
}
#header .current-searchs.opacity + .header-search {border: 1px solid #C8C8C8;border-radius: 5px;}
#header .header-search-box .current-searchs {
    border-radius: 5px 0 0 5px;
    padding: 0 30px 0 10px; 
    min-width: 130px;
    width: max-content;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    border: 1px solid #282828;
    overflow: hidden;
    position: relative;
    background-color: #282828;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
#header .header-search-box .current-searchs.opacity {visibility: hidden;}
#header .header-search-box .current-searchs i {position: absolute;top: 0;right: 8px;z-index: 11; font-size: 10px;line-height: 40px;}



#header .header-search .body {
    position: relative;
    display: block;
}
#header .header-middle {padding: 30px 0 0;}
#header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    background: #282828;
}
#header.fixed .header-middle {padding: 16px 0;}
#header .header-lang {
    min-width: 24px;
}
.header-logo {
    width: 182px;
    height: 36px;
    margin: 0 36px;
    line-height: 36px;
}
.header-logo a {
    display: block;
    width: 184px;
    height: 20px;
}
.header-icon {
    font-size: 20px;
}
#searchVehicle {
    width: 196px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 24px;
    height: 42px;
    background: #fff;
    border-radius: 4px;
    padding: 0 10px;
    cursor: pointer;
}
#searchVehicle .vehicle-info {
    display: flex;
    align-items: center;
    position: relative;
}
#searchVehicle .vehicle-info .has-vehicle {
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    background: #36C14D;
    position: absolute;
    top: 14px;
    left: 15px;
    border-radius: 50%;
}
#searchVehicle .current-searchs {
    max-width: 184px;
    margin: 0 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    color: #444444;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#searchVehicle .icon-arrow-slim{
    color: #222;
    font-weight: 500;
}
.header-right {
    display: flex;
    margin-left: auto;
    align-items: center;
    position: relative;
    min-width: 76px;
}
.header-acc.login:hover .account-dropdown {display: block;}
.header-acc.login:hover:after {
    background: transparent;
    bottom: -7px;
    content: "";
    height: 30px;
    right: 0;
    position: absolute;
    top: auto;
    transform: translateY(0);
    width: 100px;
}
.account-dropdown {
    position: absolute;
    width: 300px;
    padding: 0 0 24px;
    background: #fff;
    top: 130%;
    right: 0px;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.1600);
    z-index: 1116;
    text-align: center;
    border-radius: 5px;
    border-radius: 5px 5px 0 0;
    display: none;
}

.account-dropdown .title {
    background: url(/default/images/suncent/index/login_popup_bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    height: 87px;
    display: flex;
    align-items: center;  
    padding: 0 24px;
}
.account-dropdown .title .content {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}
.account-dropdown .title .desc {
    color: #888888;
}
.account-dropdown .title .login-in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.account-dropdown .title .login-in .name {
    font-size: 16px;
    font-weight: 500;
}
.account-dropdown .title .login-in a {
    display: inline-block;
    color: #888888;
    font-size: 14px;
    text-decoration: underline;
}
.account-dropdown .menus ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 24px;
}
.account-dropdown .menus ul li {width: 33%;}
.account-dropdown .menus ul li a {
    display: flex;
    flex-direction: column;
    color: #888888;
    font-size: 14px;
}
.account-dropdown .menus ul li a img {width: 36px;margin: 0 auto 8px;}
.account-dropdown .action {
    display: flex;
    justify-content: space-between;
    padding: 0 24px;
}
.account-dropdown .action a {
    display: block;
    width: 122px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border: 1px solid #282828;
    color: #282828;
    border-radius: 4px;
}
.account-dropdown .action a.up {
    background: #EC8200;
    color: #fff;
    border: 1px solid #EC8200;
}




.header-right .header-acc {position: relative;cursor: pointer;}

.mybtn > i,
.mybtn > span {
    display: inline-block;
    vertical-align: middle;
}
#header .mybtn.account.border>span{
    position: absolute;
    top: -2px;
    right: -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FF1200;
}
#header .header-wishlist {margin-left: 32px; margin-right: 21px;}
#header .header-right .btn-icon {
    color: #000;
    font-size: 25px;
    -webkit-text-stroke-width: 0.2px;
}
#header .header-right .icon-account-center {margin-right: 5px;}
#header .header-right .icon-account-center,
#header .header-right .icon-wishlist-fill{
    color: #ec8200;
}
#header .header-right .icon-arrow-slim {
    font-size: 9px;
    vertical-align: top;
}
.icon-arrow-slim.down:before {
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg); /* Safari and Chrome */
    display: inline-block;
}
.icon-arrow-slim.up:before {
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -webkit-transform:rotate(-90deg); /* Safari and Chrome */
    display: inline-block;
}
#header .mybtn.account img {width: 24px;height: 22px;}

#header .mybtn a {
    color: #999;
    font-size: 12px;
}
#header .mybtn span {color: #666;font-size: 14px;line-height: 14px;}
#header .mybtn span span {color: #333;}

.header-wishlist img {width: 24px;height: 24px;}
.header-cart img {width: 24px;height: 24px;}
.header-acc .mybtn > span > span,
.header-cart .mybtn > span > span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 80px;
}

.header-acc .header-account-dropdown {
    display: none;
}
.header-acc.login:hover .header-account-dropdown {
    display: block;
}

.header-account-dropdown {
    width: 140px;
    text-align: left;
    display: block;
    position: absolute;
    z-index: 10000000;
    left: -15px;
}
.header-account-dropdown .head-links {
    position: relative;
    padding: 10px 0 0;
    background: #fff;
    /* box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .26); */
    border: 1px solid #dadada;
    border-top: none;
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
}
.header-account-dropdown .head-links ul {margin-bottom: 0;}
.header-account-dropdown .head-links li {padding: 0 10px;}
.header-account-dropdown .head-links li a{
    height: 42px;
    line-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
}
.header-account-dropdown .head-links li:hover a span,.header-account-dropdown .head-links li a.active span{color: #ec8200;}
.header-account-dropdown .head-links li.last {background: #F5F5F5;}
.header-account-dropdown .head-links li:last-child a{border-bottom: none;}
.header-account-dropdown .head-links li .account {width: 22px;height: 25px;}
.header-account-dropdown .head-links li .vehicle {width: 22px;height: 15px;}
.header-account-dropdown .head-links li .order {width: 22px;height: 22px;}
.header-account-dropdown .head-links li .wishlist {width: 19px;height: 23px;}
.header-account-dropdown .head-links li .exit {width: 22px;height: 22px;}

.header-account-dropdown .head-links li a span{
    color: #333;
    font-size: 14px;
    line-height: 42px;
    width: 73%;
    height: 42px;
    text-decoration: none;
    display: block
}

.header-account-dropdown .head-links .top-login-name {
    width: 100%;
    height: auto;
    color: #ea3903;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Arial-Bold;
    font-size: 14px;
}

.header-account-dropdown .head-links .top-login a {
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    height: 34px;
    text-decoration: none;
    display: block;
    background: #e75200;
    text-align: center;
    border-radius: 4px;
}

.header-account-dropdown .head-links .top-login a:hover {
    color: #fff;
}

.header-account-dropdown .head-links li a:hover {
    color: #e75200;
}
.header-cart > span {
    width: 45px;
    color: #FFF;
}
#header .mybtn {position: relative;cursor: pointer;}
#header .cart-num {
    cursor: pointer;
    position: absolute;
    top: -10px;
    left: 11px;
    min-width: 20px;
    height: 20px;
    line-height: 16px;
    border: 2px solid #282828;
    padding: 0 4px;
    background: #EC8200;
    color: #FFF;
    font-size: 13px;
}
.site-menu .count {
    display: inline-block;
    min-width: 18px;
    height: 18px;
    line-height: 18px!important;
    padding: 0 3px;
    color: #fff !important;
    font-size: 12px!important;
    text-align: center;
    border-radius: 12px;
    background: #ff1200;
    width: auto!important;
}

.site-menu .count {
    position: absolute;
    right: -10px;
    z-index: 1;
}
#header .nav-content.old {
    padding: 24px 73px;
    display: flex;
    position: relative;
}
#header .nav-content.new {
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    margin-bottom: 26px;
    position: relative;
}
.header-nav .nav-products:hover a {
    background: #EC8200;
}
.header-nav .nav-products > div .mask {
    
    position: absolute;
    top: 100%;
    height: 100%;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    pointer-events: none;
}

#header .nav-content.old .left-nav {
    width: 51%;
    padding-right: 75px;
    text-align: left;
}
#header .nav-content.old .left-nav img {
    display: block;
    width: 460px;
    height: 220px;
}
#header .nav-content.old .left-nav h3 a {
    font-size: 24px;
    color: #333333;
    margin: 0;
    padding:21px 0 15px;
    font-family: Arial-Regular;
}
#header .nav-content.old .left-nav h3:hover a {
    text-decoration: underline;
    color: #ec8200;
}
#header .nav-content.old .left-nav p {
    font-size: 12px;
    color: #666666;
    line-height: normal;
    margin: 0;
}
#header .nav-content.old .right-nav {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 49%;
    padding-left: 38px;
    border-left: 1px solid #CCCCCC;
}
#header .nav-content.old .right-nav a {
    width: 33%;
    text-align: center;
    margin-top: 38px;
}
#header .nav-content.old .right-nav a:hover p {text-decoration: underline;}
#header .nav-content.old .right-nav a:nth-child(1),
#header .nav-content.old .right-nav a:nth-child(2),
#header .nav-content.old .right-nav a:nth-child(3) {
    margin-top: 0px;
}
#header .nav-content.old .right-nav img {
    display: block;
    width: 100px;
    margin: auto;
}
#header .nav-content.old .right-nav p {
    font-size: 14px;
    color: #666666;
    margin: 16px 0 0;
    text-align: center;
    line-height: normal;
}
#header .nav-content.old .right-nav a:nth-child(4) p,
#header .nav-content.old .right-nav a:nth-child(5) p,
#header .nav-content.old .right-nav a:nth-child(6) p {margin-bottom: 0;}




#header .nav-content.new .left-nav {
    display: flex;
    padding-right: 40px;
    text-align: left;
    margin-bottom: 26px;
}
#header .nav-content.new .left-nav img {
    display: inline-block;
    width: 274px;
    height: 131px;
    margin-right: 35px;
}
#header .nav-content.new .left-nav .nav-info{
    display: flex;
    flex-direction: column;
}
#header .nav-content.new .left-nav .nav-info > a {
    font-size: 26px;
    color: #000;
    font-weight: 500;
    margin: 0;
    padding:0 0 10px;
    line-height: 30px;
}
#header .nav-content.new .left-nav .nav-info > a:hover {
    text-decoration: underline;
    color: #ec8200;
}
#header .nav-content.new .left-nav p {
    font-size: 16px;
    color: #7D7D7D;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#header .nav-content.new .left-nav p:not(:last-child) {
    margin-bottom: 20px;
}
#header .nav-content.new .left-nav p:last-child {margin: 0;}
#header .nav-content.new .left-nav p a {
    text-decoration: underline;
}
#header .nav-content.new .left-nav .nav-info,
#header .nav-content.new .left-nav .other-links {
    line-height: normal;
}
#header .nav-content.new .left-nav .other-links a{
    font-size: 18px;
    color: #ec8200;
    text-decoration: underline;
}
#header .nav-content.new .left-nav .other-links a:not(:last-child) {
    margin-right: 40px;
}
#header .nav-content.new .right-nav {
    display: flex;
    align-content: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 900px;
    overflow-x: hidden;
}
#header .nav-content.new .right-nav .list {
    padding-bottom: 26px;
    width: 23%;
    margin-right: 2%;
    float: left;
}
#header .nav-content.new .right-nav .second-catalog a {
    text-align: center;
    display: flex;
    border-bottom: 1px solid #BBBBBB;
    line-height: normal;
}
#header .nav-content.new .right-nav a span {
    font-size: 16px;
    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 228px;
    line-height: 20px;
    text-align: left;
    padding-left: 6px;
}
#header .nav-content.new .right-nav a span i {
    color: #ec8200;
    font-size: 14px;
    display: none;
}
#header .nav-content.new .right-nav a:hover span {
    color: #ec8200;
}
#header .nav-content.new .right-nav a:hover i {display: block;}

#header .nav-content.new .right-nav img {
    display: block;
    width: 48px;
    margin: auto;
}
#header .nav-content.new .right-nav .third-catalog {
    padding: 14px 0 0 12px;
    text-align: left;
}
#header .nav-content.new .right-nav .third-catalog li {
    width: 100%;
}
#header .nav-content.new .right-nav .third-catalog li i{
    color: #ec8200;
    font-size: 14px;
    opacity: 0;
}
#header .nav-content.new .right-nav .third-catalog li a {
    padding: 11px 22px;
    font-size: 16px;
    color: #000000;
    border: 1px solid #fff;
    line-height: normal;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#header .nav-content.new .right-nav .third-catalog li:hover a {
    border: 1px solid #282828;
    border-radius: 4px 4px 4px 4px;
    color: #282828;
    position: relative;
    z-index: 1;
}
#header .nav-content.new .right-nav .third-catalog li:hover a i {
    opacity: 1;
}



































#minicart {
    background: #fff;
    box-shadow: 0 3px 11px 0 rgb(0 0 0 / 26%);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 470px;
    z-index: 10000000;
}

#minicart .empty {
    font-size: 22px;
    text-align: center;
    padding-top: 28px;
}

#minicart .top {
    position: relative;
    padding: 28px 18px 28px 18px ;
    z-index: 1;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px -3px 6px 1px rgba(0, 0, 0, 0.1607843137254902);
}


#minicart .top a,
#minicart .top button {
    width: 142px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #ec8200;
    text-align: center;
    font-size: 16px;
    vertical-align: top;
    border-radius: 4px;
    font-weight: 500;
    border: none;
}
.btn-x {
    display: block;
    color: #adadad;
    cursor: pointer;
}
.btn-x:hover {
    color: #ff4000;
}
#minicart .title h2 {
    font-size: 26px;
    font-weight: 500;
    color: #000000;
    float: left;
    margin: 56px 0 19px 28px;
}
#minicart .select-all {
    padding-left: 28px;
}
#minicart .select-all .checkbox-wrap {
    margin-right: 10px;
}










#minicart .btn-x {
    width: 18px;
    font-size: 17px;
    color: #222;
    margin: 20px 20px 12px;
    float: right;
}
#minicart .top a {
    background: #fff;
    border: 1px solid #282828;
    color: #282828;
    margin-right: 12px;
}

#minicart .top button {
    background: #EC8200;
    float: right;
    color: #fff;
}
#minicart .top .summary {
    font-size: 14px;
    display: flex;
}
#minicart .top .summary .fr {
    text-align: right;
    line-height: normal;
    float: none;
}
#minicart .top .summary .price {
    color: #d82518!important;
    font-size: 18px;
    font-weight: 500;
}
#minicart .top .summary > div > div > span:nth-child(1) {
    color: rgba(34, 34, 34, .8);
    margin-right: 8px;
}
#minicart .top .summary > div > div > span:nth-child(2) {
    color: #D82518;
    float: right;
}
#minicart .body {
    height: calc(100% - 244px);
    padding: 10px 28px;
    overflow-y: auto;
}
#minicart .body > div {
    margin-bottom: 22px;
    box-sizing: content-box;
    transition: all .2s ease;
}

#minicart .body > div > div:first-child {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

#minicart .body > div .p-img {
    display: block;
    width: 100px;
    height: 100px;
    margin-left: 13px;
    position: relative;
}
#minicart .body .p-img .out-of-stock {
    width: 80px;
    height: 80px;
    line-height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(34,34,34,.6);
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    backdrop-filter: blur(5px);
    font-weight: 500;
}
#minicart .body .product-details {
    position: relative;
    padding: 0 0 0 8px;
    box-sizing: content-box;
}
#minicart .body .title {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#minicart .body .title a {
    font-size: 17px;
    color: #010101;
}

#minicart .attrs {
    font-size: 14px;
    color: #666;
}

#minicart .attrs > span:last-child {
    display: none;
}
#minicart .qty-box {
    float: none;
    width: 66px;
    height: 22px;
    line-height: 22px;
    padding: 0 18px;
    display: inline-block;
    vertical-align: middle;
}
#minicart .qty-box .add {
    width: 22px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}
#minicart .qty-box .qty {
    width: 28px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}
#minicart .product-details .action {
    display: flex;
    align-items: center;
    margin-top: 12px;
}
#minicart .icon-delete {
    font-size: 16px;
    color: #666;
    cursor: pointer;
    transition: all .2s ease;
    margin-left: auto;
}
#minicart .icon-delete:hover {
    color: #ec8200;
}
#minicart .price {
    font-size: 18px;
    color: #EC2A1C;
}
#minicart .base_price {
    font-size: 14px;
    color: #000;
    text-decoration: line-through;
    margin-left: 3px;
}
.header-cart .mini-products-list li {
    padding: 10px 0 0;
    background: 0 0;
    border-bottom: 1px solid #e5e5e5;
    min-height: 66px;
    width: 100%;
}

.nav-products .menu-list {
    z-index: 1115;
    position: absolute;
    top: 62px;
    left: 0;
    right: 0;
    min-width: 100%;
    width: max-content;
    background: #fff;
    display: none;
    -webkit-transform: translate(0,20px);
    -o-transform: translate(0,20px);
    transform: translate(0,20px);
    -webkit-transition: opacity .3s,visibility .3s,-webkit-transform .3s;
    transition: opacity .3s,visibility .3s,-webkit-transform .3s;
    -o-transition: opacity .3s,visibility .3s,-o-transform .3s;
    transition: transform .3s,opacity .3s,visibility .3s;
    transition: transform .3s,opacity .3s,visibility .3s,-webkit-transform .3s,-o-transform .3s;
}
.nav-products .menu-list a {
    display: block;
    background: #fff!important;
    color: #282828;
    text-align: left;
    padding: 9px 12px;
}
.nav-products .menu-list a:hover {
    color: #FF2D37;
}
.nav-products > div .icon-x {
    position: absolute;right: 0;top: 0;font-size: 24px;cursor: pointer;z-index: 11;color: #666;
}
.nav-products.active > div {
    display: block;
    visibility:visible;
    -webkit-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}
.nav-products .w > .adv {
    width: 385px;
    height: 213px;
    position: absolute;
    right: 40px;
    bottom: 0;
}
.nav-products .w > .adv > a {
    display: block;
    float: left;
}

.nav-products .w > .adv > a:nth-child(1) {
    margin-bottom: 5px;
}
.nav-products .w > .adv > a:nth-child(3) {
    margin-left: 5px;
}
.nav-products .w > .body {
    display: flex;
    height: 528px;
    margin-top: 24px;
}
.nav-products .w > .body > div {
    text-align: left;
    max-width: 240px;
    min-width: 210px;
}
.nav-products .w > .body > div:not(:last-child) {
    margin-right: 23px;
}
.nav-products .set-top {
    display: inline-block;
    max-width: 240px;
}
.nav-products .set-top i {
    color: #FFF;
    font-size: 46px;
    line-height: 46px;
    height: 46px;
    display: block;
    text-align: center;
}
.nav-products .set-top > div {
    color: #FFF;
    font-size: 14px;
    line-height: 1;
    margin-top: 20px;
    height: 30px;
    text-transform: uppercase;
}
.nav-products .set-top > div:hover {
    color: #FF4000;
}
.nav-products .set-body > a {
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #BBBBBB;
    text-align: left;
    border-bottom: 1px solid #292a2c;
}
.nav-products .set-body > a:hover {
    color: #FF2000;
    border-color: #FF2000;
}
.nav-products .set-more {
    font-size: 14px;
    color: #FFF;
}
.nav-products .set-more:hover {
    color: #FF2000;
}
.mini-products-list .p-img {
    float: left;
    width: 60px !important;
    height: 60px !important;
    padding: 0;
    background: #fff
}

.mini-products-list .product-details {
    margin-left: 70px;
    text-align: left;
    color: #333
}

.header-cart .btn-pencil,
.block-content .btn-pancil {
    float: right;
    font-size: 18px;
    color: #000;
    margin-left: 5px;
    line-height: 12px;
    text-decoration: none
}

.header-cart .minicartInner {
    display: block;
    color: #333;
    width: 310px
}

.header-cart .minicartInner .empty {
    font-size: 14px;
    text-align: left;
}

.header-cart .minicartInner .empty-msg {
    padding: 72px 0;
    margin-bottom: 0
}

.header-cart .mini-products-list li .product-name {
    margin: 0;
    color: #333;
    max-height: 34px !important;
    height: auto !important;
    margin-bottom: 5px;
    padding: 0;
}

.mini-products-list .product-details>strong {
    font-weight: 400;
}

.header-cart .mini-products-list li .truncated {
    margin-top: 5px;
    text-decoration: underline
}

.header-cart .mini-products-list li .truncated a {
    color: #333
}

.header-cart .mini-products-list li .truncated a em {
    color: red !important
}

.header-cart .mini-products-list li .product-name a {
    color: #333;
    font-size: 13px
}

.header-cart .mini-products-list .product-details span.price {
    color: #ea271c;
}

.header-cart .actions_checkout .button {
    background: #e75200;
    color: #fff;
    padding: 0;
    font-size: 14px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    border-radius: 4px;
}

.header-cart .summary {
    z-index: 1
}

.header-cart .amount {
    margin: 0
}

.header-cart .amount a {
    font-weight: 500;
}

.header-cart .subtotal {
    font-weight: 500;
    color: #ea271c;
    font-size: 16px;
    line-height: 40px;
    text-align: right;
    margin-bottom: 0;
}

.actions_checkout>a {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    font-synthesis: 14px;
    color: #e75200;
}

.cartactive {
    background: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#header .cartactive .summary a {
    color: #b69160;
}
.header-container .logo img {
    width: 4.32rem;
}
.header-container .logo-box {
    padding: 0;
    width: 359px;
    height: 87px;
    float: left;
    margin: 0 100px 0 168px;
}

#header .header-left {
    font-size: 18px;
    line-height: 40px;
    font-family: Arial-Bold;
    text-transform: uppercase;
    position: absolute;
    top: 20px;
    left: 0;
}

#header .header-left > li {
    float: left;
}

#header .header-left > li:not(last-child) {
    margin-right: 58px;
}

#header .header-left > li > a {
    color: #E75220;
}

#header .header-left > li:hover > a {
    color: #FFF;
}

#header .search-wrap {
    width: 100%;
    position: relative;
}

#header .search-wrap input {
    width: 100%;
    height: 42px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    font-size: 14px;
    border: none;
    padding-right: 60px;
    background: #DEDEDE;
    padding-left: 17px;
    padding-right: 72px;
    border-radius: 5px;
}
#header .search-wrap input:focus {
    background: #fff;
}
#header .search-wrap input::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
    font-size: 14px;
}

#header .search-wrap input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
    font-size: 14px;
}

#header .search-wrap input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
    font-size: 14px;
}

#header .search-wrap:hover input {
    /* color: #FFF; */
    /* border-color: #F5F5F5; */
}
#header .search-wrap:hover input::-webkit-input-placeholder { /* WebKit browsers */
    /* color: #FFF; */
}

#header .search-wrap:hover input::-moz-placeholder { /* Mozilla Firefox 19+ */
    /* color: #FFF; */
}

#header .search-wrap:hover input:-ms-input-placeholder { /* Internet Explorer 10+ */
    /* color: #FFF; */
}

#header .search-wrap:hover button i {
    /* color: #FFF; */
}
#header .search-wrap.focus button i {
    color: #000;
}
#hotWords {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#hotWords i {
    color: #FFF;
    font-size: 16px;
    margin-right: 4px;
}
#hotWords a {
    font-size: 14px;
    color: #FCFCFC;
    margin-right: 12px;
}
#header .search-result {
    display: none;
    padding: 20px 40px;
    position: absolute;
    top: 74px;
    left: 0;
    width: 454px;
    max-height: calc(100vh - 100px);
    background-color: #FFF;
    border: 1px solid #F0F0F0;
    box-sizing: border-box;
}

#header .search-result.has > div > div {
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#header .search-result a > span {
    color: #FF4000;
}

#header .header-search:hover .search-result {
    display: block;
}

#mainNav > div {
    display: none;
    margin-top: 20px;
}
#mainNav:hover > div {
    display: block;
}
#mainNav > div > div {
    width: 934px;
    height: 470px;
    padding-top: 32px;
    box-sizing: border-box;
    z-index: 9;
    position: absolute;
    background: #FFF;
    text-transform: none;
    font-family: Arial-Regular;
    box-shadow: 0 3px 7px 0 rgb(0 0 0 / 25%);
}

#mainNav > div > div > .fl {
    display: block;
    width: 260px;
}
#mainNav > div > div > .fl > li {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    overflow: hidden;
}
#mainNav a:hover {
    color: #e75220 !important;
}

#mainNav .nav-content {
    display: none;
    position: absolute;
    top: 0;
    left: 260px;
    width: 674px;
    height: 470px;
    padding: 20px 20px;
    background: #FFF;
    box-sizing: border-box;
}
#mainNav .nav-content a {
    color: #333;
}
#mainNav .nav-item.active > .nav-title a {
    color: #E75220;
}
#mainNav .nav-item.active > .nav-title {
    background-color: #F5F5F5;
}
#mainNav .nav-item.active > .nav-content {
    display: table;
}
#mainNav .nav-item > .nav-content > ul {
    display: table-cell;
    min-width: 150px;
}
#mainNav .nav-title {
    display: table;
    width: 100%;
    height: 74px;
    padding-left: 20px;
    padding-right: 5px;
    box-sizing: border-box;
}
#mainNav .nav-title > div {
    display: table-cell;
    vertical-align: middle;
}
#mainNav .nav-title > div:last-child {
    width: 60px;
    text-align: right;
}
#mainNav .nav-title > div > img {
    display: none;
}
#mainNav .nav-item.active .nav-title > div > img {
    display: inline-block;
}
#mainNav .nav-item.active .nav-title > div > i {
    display: none;
}
#mainNav ul ul > li {
    vertical-align: top;
    margin: 30px 5px;
    min-width: 150px;
}

.search-autocomplete ul.search-list {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-bottom: 0
}

.search-autocomplete ul.search-list li {
    padding: 4px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.search-autocomplete ul.search-list li .image {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 6px;
    background-color: #fff
}

.search-autocomplete ul.search-list li .info {
    width: 254px;
    height: auto;
    float: left;
    margin-left: 10px;
    background-color: #fff;
}

.search-autocomplete ul.search-list li .name {
    color: #333;
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
}

.search-autocomplete ul.search-list li.selected {
    background-color: #ecf3f6
}

.search-autocomplete ul.search-list li .price-label {
    display: none;
}

.search-autocomplete ul.search-list li .old-price,
.search-autocomplete ul.search-list li .special-price {
    display: inline-block;
}

.search-autocomplete ul.search-list li .old-price {
    margin-left: 8px;
}

.search-autocomplete ul.search-list li .old-price .price {
    font-size: 12px;
}


.search-autocomplete ul.search-list li .special-price .price {
    font-size: 16px;
}

.search-autocomplete ul.search-list li.all-results a,
.search-autocomplete ul.search-list li a:hover {
    color: #333;
}

.search-autocomplete ul.search-list li a {
    display: block;
}

.search-autocomplete ul.search-list li.selected a {
    color: #333;
    text-decoration: none
}

.search-autocomplete ul.search-list li .price-box {
    margin: 0
}

.search-autocomplete ul.search-list li.all-results {
    padding: 8px 4px;
}


/* select vehicle start */
/* .select-vehicle-box {
    padding: 35px 30px 30px 40px;
    border-radius: 5px;
    background: #EC8200;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 5px solid #FF1200;
    margin-top: 20px;
} */
.select-vehicle-box .top-title {width: 223px;}
.select-vehicle-box .top-title h2{
    font-size: 35px;
    color: #FFFFFF;
    margin: 0;
}
.select-vehicle-box .top-title img {
    width: 54px;
    height: 25px;
}
.select-vehicle-box .top-title p {
    font-size: 27px;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0;
}
.select-vehicle-box form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.select-vehicle-box form .input-box {
    width: 100%;
    height: 42px;
    margin-bottom: 16px;
    position: relative;
}

.select-vehicle-box form .input-box .select2 {
    width: 100%;
    font-size: 14px;
    color: #222;
    border-radius: 5px;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
}
.select-vehicle-box form .input-box .select2-selection {height: 100%;border-radius: 4px;}
.select-vehicle-box form .input-box .select2-selection span {line-height: 42px;height: 42px;font-size: 14px;}

.select-vehicle-box form .input-box .select2-selection .select2-selection__placeholder {
    color: #282828;
}
.select-vehicle-box form .input-box .select2-container--disabled .select2-selection .select2-selection__placeholder {
    color: #C2C2C2;
}
.select-vehicle-box form .input-box .select2-container .select2-search--dropdown {
    padding-top: 8px !important;
}

.select-vehicle-box .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #282828 transparent transparent transparent!important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #282828 transparent!important;
}
.border-none .select2-container--default .select2-selection--single {border: none;}
.select-vehicle-box .submit button {
    width: 100%!important;
    height: 42px;
    background: #EDEDED;
    border-radius: 4px 4px 4px 4px;
    border: none;
    box-shadow: none;
    color: #787878;
    font-size: 14px;
    opacity: 1;
}
span.select2-container.select2-container--default.select2-container--open {z-index: 1137;}
select + span.select2-container.select2-container--default.select2-container--open {z-index: 1006;}
.select2-container--default .select2-results>.select2-results__options {padding: 0 10px;    border-radius: 5px;}

.select2-results__options .select2-results__option {padding: 10px 18px;color: #666;}

/*select2下拉框打开时页面页面多了横向滚动条因此这里强制设置body的overflow-x*/
body {
    /*overflow-x: hidden !important;*/
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #E6E6E6!important;color: #666!important;
}
.select2-container--open .select2-dropdown--below {z-index: 6;}
.select2-search--dropdown {    padding: 10px!important;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.select2-results__options::-webkit-scrollbar  
{  
    width: 7px;  
    padding-right: 10px;
    /* background-color: #ccc;   */
}    
/*定义滑块 内阴影+圆角*/  
.select2-results__options::-webkit-scrollbar-thumb  
{  
    border-radius: 4px;  
    background-color: #ccc;
}

.select-vehicle-box .submit button:disabled {background: #EDEDED}
/* select vehicle end */

/* blog */
.blog-section {margin-top: 50px;}
.blog-section .top-title {display: flex;justify-content: space-between;margin-bottom: 35px;align-items: center;}
.blog-section .top-title h2 {font-size: 26px;color: #333333;margin: 0;}
.blog-section .top-title a {font-size: 16px;color: #333333;}
.blog-section .blog-list {display: flex;justify-content: space-between;}
.blog-section .blog-list .item {width: 32.5%;padding: 0;}
.catalog-featured .blog-section .blog-list .item {width: 100%;}
.blog-section .blog-list .item .img {
    text-align: center;
	overflow: hidden;
}
.blog-section .blog-list .item .img img {transform: scale(1);transition: .5s;width: 390px;height: auto;}
.blog-section .blog-list .item:hover .img img {transform: scale(1.1);}
.blog-section .blog-list .item .desc {
	background-color: #fff;
	padding: 20px;
	color: #333;
} 
.catalog-featured .blog-section .blog-list .item .desc h3{
    min-height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog-section .blog-list .item .desc h3{font-size: 20px;margin: 0;}
.blog-section .blog-list .item .desc .date {
    font-size: 14px;margin: 14px 0 18px;color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-section .blog-list .item .desc a:last-child {
	display: block;
    width: 110px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ec8200;
    border-radius: 5px;
    background: #fff;
    color: #ec8200;
    text-align: center;
    font-size: 14px;
}









/*---------------- 底部 ------------------*/
/* 订阅  */
footer .newsletter-section {
    /*background: url(/default/images/suncent/index/subcribe_bg.png);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100px;
    display: flex;
    background: #EC8200;
}
footer .newsletter-section .w {display: flex;align-items: center;color: #FFFFFF;}
footer .newsletter-section .w .logo img {width: 178px;height: 28px;font-size: 0;}
footer .newsletter-section .w .logo .line-blue {display:block;width: 130px;height: 2px;background: #2C7BF4;margin-top: 3px;}
footer .newsletter-section .w .logo .line-red {display:inline-block;width: 48px;height: 2px;background: #FF1200;float: right;margin-top: -2px;}
footer .newsletter-section .w .logo P {font-size: 19px;margin: 0;}
footer .newsletter-section .w form {font-size: 0;margin-left: auto;display: flex;}
footer .newsletter-section .w .middle-text {font-size: 18px;line-height: 24px;margin-left: 40px;}
footer .newsletter-section .w form input {width: 300px;height: 46px;color: #333;background: #fff;border-radius: 5px 0 0 5px;text-indent: 15px;font-size: 14px;border: none;}
footer .newsletter-section .w form button {width: 100px;height: 46px;line-height: 35px;background: #282828;border-radius: 0px 5px 5px 0px;font-size: 13px;border: none;box-shadow: none;text-transform: uppercase;}
footer .newsletter-section ul, footer .newsletter-section a {
    margin-bottom: 0;
}
footer .newsletter-section .w > ul {
    width: 414px;
    height: 100px;
    background: #D47500;
    display: flex;
    align-items: center;
    padding-left: 30px;
}
footer .newsletter-section .newsletter-section-title {
    margin-left: 36px;
    font-size: 18px;
    text-transform: uppercase;
}
footer .footer-account-center {
    width: 1330px;
    height: 72px;
    line-height: 72px;
    margin: auto;
    border-bottom: 1px solid #484848;
    margin-bottom: 32px;
    display: flex;
    justify-content: center;
}
footer .footer-account-center ul {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
footer .footer-account-center ul li a{
    display: flex;
    align-items: center;
    color: #fff;
}
footer .footer-account-center ul li img {
    height: 24px;
    margin-right: 8px;
}
footer .footer-account-center ul li:not(:last-child) {
    margin-right: 120px;
}


footer {background: #181818;}
footer .footer-lists {display: flex;justify-content: space-between;padding-bottom: 60px;padding-right: 34px;}
footer .w:after {display: none;}
footer ul li.footer-title {font-size: 18px;color: #fff;margin-bottom: 24px!important;line-height: normal;}
footer ul li {font-size: 14px;color: #fff;}
footer .footer-lists li {
    margin-bottom: 12px;
}
footer ul li a {
    color: #fff;
}
footer ul li a:hover {
    color: #ec8200!important;
    text-decoration: underline;
}
footer ul.contacts li {
    margin-bottom: 12px;
    line-height: 24px;
}
footer ul.contacts img {margin-right: 8px;}
footer ul.contacts .livechat a {
    width: 74px;height: 23px;border: 1px solid #282828;color:#282828;border-radius: 2px;padding: 0 5px;
 }
footer ul li.social-icon a {   
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    --bs-btn-bg: #FFF;
}
footer ul li.social-icon a .hover {
    display: none;
}
footer ul li.social-icon a:hover .hover {
    display: block;
}
footer ul li.social-icon a:hover .default {
    display: none;
}
footer .footer-bottom {
    background: #EC8200;
    text-align: center;
    padding-top: 32px;
}
footer .footer-bottom .payment-method-img .img {
    width: 48px;
    margin-right: 8px;
    padding-top: 24px;
}
footer .footer-bottom .policy {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 48px 0 30px;
    color: #fff;
}
footer .footer-bottom .policy li a {
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
}


.copyrights {
    text-align: center;
    height: 80px;
    line-height: 50px;
    background: #111111;
    font-size: 13px;
    color: rgba(255, 255, 255, .5);
}
.copyrights .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1330px;
    height: 80px;
    margin: 0 auto;
}
.copyrights ul {
    display: flex;
    align-items: center;
    margin: 0;
}
.site-menu > div {
    position: relative;
    padding-left: 7px;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 50px;
    margin-bottom: 16px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.site-menu a {
    display: block;
}

.site-menu > div i{
    font-size: 20px;
    color: #fff;
    vertical-align: middle;
    position: relative;
}

.site-menu > div span {
    display: none;
    font-size: 14px;
    line-height: 22px;
    color: #FFF;
    margin-left: 3px;
    vertical-align: middle;
}


.vape-close {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    top: 0;
    left: -26px;
    z-index: 81;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.vaping-show .vape-close {
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.vape-close i {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background: #05010a;
    color: #fff;
    border-radius: 24px;
    font-size: 16px;
}

@-webkit-keyframes changesize {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
    }

    50% {
        transform: scale(0.8);
        -ms-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
    }

    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
    }
}

@keyframes changesize {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
    }

    50% {
        transform: scale(0.8);
        -ms-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
    }

    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
    }
}

.vaping-show {
    right: 10px;
    -moz-transition: all .7s ease-in 0s;
    -webkit-transition: all .7s ease-in 0s;
    transition: all .7s ease-in 0s;
}

/*----------------- 产品通用---------------------*/
.item {
    width: auto;
    height: auto;
    margin: 0;
    list-style-type: none;
    float: left;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    padding: 10px 15px 20px;
}

.item .p-img {
    width: 100%;
    height: auto;
    border: none;
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center
}

.usa-banner ul li a img,
.item .p-img img {
    width: 100%;
    height: 100%;
    display: block;
}

.item .box-content {
    text-align: left;
    margin: 0;
}

.item .product-name {
    text-align: left;
    font-weight: 400;
    display: block;
    margin: 10px 0;
    padding: 0;
    overflow: hidden;
    height: 36px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 18px;
}

.item .product-name a {
    font-size: 14px
}

.item:hover .product-name a {
    color: #e75200;
    text-decoration: none
}

.item .price-box {
    text-align: left;
    margin: 0;
}

.item .price-box .price-msg-title {
    display: none !important
}

.item .price-box p {
    padding: 0;
    display: inline-block;
    margin-bottom: 0;
}

.item .price-box .out-of-stock span {
    color: #999;
    font-size: 16px;
    font-weight: 500;
}

.item .special-price {
    color: #191E2B;
    margin-right: 10px;
}
.item .special-price .price {
    font-size: 20px;
    font-family: Digital-Dream-Fat;
}
.price-box .old-price {
    font-size: 14px;
    text-decoration: line-through;
    color: #333;
}

.price {
    white-space: nowrap !important;
}

.Pre-order {
    width: 65px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    border-radius: 4px;
    background-color: #e75200;
    display: inline-block;
    text-align: center;
    font-size: 13px
}

.item-brand-badge {
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: #ea271c;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    text-align: center
}

.item-more {
    width: 100%;
    height: auto;
    text-align: center;
}

.item-more a {
    display: inline-block;
    width: 90px;
    height: 28px;
    border-radius: 28px;
    border: solid 1px #ccc;
    line-height: 28px;
    color: #999;
    font-size: 14px;
}

.item-more a:hover {
    color: #e75200;
}

.rating-box {
    font-size: 20px;
    height: 1em;
    line-height: 0;
    position: relative;
    overflow: hidden
}

.rating-box:before {
    color: #c7c7c7;
    font-family: iconfont !important;
    content: '\e604''\e604''\e604''\e604''\e604';
    font-size: 1em;
    height: 1em;
    line-height: 1em;
    letter-spacing: 1px;
}

.rating-box .rating {
    height: 1em;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.rating-box .rating:before {
    color: #EC8200;
    font-family: iconfont !important;
    content: '\e604''\e604''\e604''\e604''\e604';
    font-size: 1em;
    height: 1em;
    line-height: 1em;
    letter-spacing: 1px;
    vertical-align: middle;
}

.ratings .rating-box {
    display: inline-block
}

.item-flash-badge {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 25px;
    top: -10px;
    z-index: 6;
    background-color: #f58426;
    line-height: 1;
}

.item-flash-badge .box {
    text-align: center;
    color: #fff;
    padding: 10px;
    position: relative;
    overflow: hidden;
    z-index: 4;
}

.item-flash-badge strong {
    font-weight: 400;
    font-size: 18px;
    
}
.item-flash-badge em {
    font-size: 12px;
}
.item-flash-badge span {
    font-size: 13px;
    font-weight: 400;
    
}

.oos-sign-box {
    width: 100%;
    height: auto;
    position: absolute;
    top: 16%;
    left: 0;
    text-align: center;
    display: none;
}

.item .oos-sign-box {
    display: block !important;
}

.item .oos-sign {
    width: 130px;
    height: 130px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 130px;
    text-align: center;
    margin: 0 auto;
}

.item .oos-sign span {
    display: inline-block;
    width: 110px;
    height: 110px;
    background: #333;
    border-radius: 110px;
    border: 3px solid #fff;
    text-align: center;
    margin: 10px auto 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .3);
}

.item .oos-sign span em {
    width: 70px;
    height: auto;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 30px;
    display: inline-block;
    font-style: normal;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -webkit-transform-origin: 32px 50px;
    transform-origin: 32px 50px;
}

.bg-orange {
    background-color: #e75200;
}

.bg-grey {
    background-color: #536877;
}

.btn-orange {
    background-color: #e75200;
    color: #FFF;
    padding: 4px 8px;
    cursor: pointer;
}

.link-orange {
    color: #e75200;
}

.btn-orange:hover {
    color: #FFF;
}

.btn-grey {
    background-color: #DDD;
    color: #000;
    padding: 4px 8px;
    cursor: pointer;
}

.btn-grey:hover {
    color: #000;
}

.btn-white-blue {
    color: #536877;
    border: 1px solid #536877;
    padding: 4px 8px;
}

.btn-white-blue.btn-w {
    padding: 4px 26px;
}

.btn-black {
    padding: 0 16px;
    height: 30px;
    line-height: 30px;
    background: #191E2B;
    border-radius: 2px;
    color: #FFF;
    font-size: 12px;
    font-family: Arial-Bold;
    text-align: center;
}
.clock {
    text-align: center;
    position: relative;
}

.clock .clock-item {
    vertical-align: top;
}

.clock .clock-item:nth-child(odd) {
    width: 2.636em;
    height: 3.136em;
}

.clock li > span {
    color: #E75220;
    line-height: 1.8em;
}

.clock > .clock-item > div:first-child {
    width: 100%;
    height: 60.8%;
    border-top-left-radius: 0.727em;
    border-top-right-radius: 0.727em;
    background-color: #191e2b;
    margin-bottom: 2px;
    color: #e75200;
    line-height: 2em;
    font-family: Digital-Dream-Fat;
}

.clock > .clock-item > div:last-child {
    width: 100%;
    height: calc(39.2% - 2px);
    border-bottom-left-radius: 0.727em;
    border-bottom-right-radius: 0.727em;
    background-color: #536877;
    color: #FFF;
    font-size: 0.636em;
    line-height: 1.7em;
}

.item .item-title {
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 20px !important;
    text-align: left;
}

.symbol {
    font-size: 22px;
    font-weight: 500;
}
.cart-recommend .item:hover img {
    opacity: .8;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.cart-recommend .item img  {
    width: auto !important;
}
.arrow-left,
.arrow-right {
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    top: 50%;
    margin-top: -30px;
    z-index: 10;
    transition: all .5s ease;
    text-decoration: none;
    background: rgba(3, 3, 3, 0);
    border-radius: 30px;
}

.arrow-left:hover,
.arrow-right:hover {
    background: #e75200 !important;
}

.arrow-left {
    left: 0;
}

.arrow-right {
    right: 0;
}

.arrow-left i,
.arrow-right i {
    color: #fff;
    font-size: 18px;
}

.cart-recommend:hover .arrow-left,
.cart-recommend:hover .arrow-right {
    background: rgba(3, 3, 3, 0.2);
}

.tab-body > div {
    display: none;
}

.tab-body > div.active {
    display: block;
}

/*------------- 登录、注册、密码重置 -------------*/
.captcha-image {
    float: left;
    display: inline;
    margin: 0;
    position: relative;
    width: 258px;
    border: 1px dashed #e5e5e5;
    padding: 0 5px;
    width: 37%;
    height: 56px;
    border-radius: 5px;
}

.captcha-image .captcha-img {
    height: 54px;
    vertical-align: bottom;
    width: auto;
    border-radius: 3px;
    box-sizing: border-box;
}

.registered-users .captcha-image {
    margin: 0;
}

.captcha-reload {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 100%;
    height: 100%;
}

.captcha-reload.refreshing {
    animation: rotate 1.5s infinite linear;
    -webkit-animation: rotate 1.5s infinite linear;
    -moz-animation: rotate 1.5s infinite linear
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0)
    }

    0% {
        -webkit-transform: rotate(-360deg)
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0)
    }

    0% {
        -moz-transform: rotate(-360deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    0% {
        transform: rotate(-360deg)
    }
}

.icon.icon-eye-close,
.icon.icon-eye-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    color: #666;
    cursor: pointer;
}
.icon.icon-eye-close.active:before,
.icon.icon-eye-close.active:before {
    content: '\e622';
}

.social-login {
    width: 100%;
    height: auto;
    text-align: center;
}

.social-login p {
    height: 20px;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.social-login p span {
    position: relative;
    padding: 0 25px;
    background: #fff;
    font-size: 13px;
    top: 8px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    color: #999;
}

.social-login ul {
    color: #999;
    vertical-align: middle;
    margin: 24px auto 0;
}
.social-login ul li.btn-facebook a {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-bottom: 12px;
    background: linear-gradient(90deg,#0d81ff 0,#0562e7 100%);
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
}
.social-login ul li.btn-google a {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #999;
    border-radius: 2px;
    background: #fff;
    color: #222;
    font-size: 16px;
}
.social-login ul li a img {margin-right: 8px;}
.login-creat-account {
    background: #fff;
    color: #eee
}

.trackorderbtn,
.loginbtn,
.rebtn {
    display: block;
    width: 100%!important;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #ec8200!important;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 0;
    border: none;
    border-radius: 2px;
    margin-top: 24px!important;
}

.rebtn {
    width: 100% !important;
    float: none !important;
    margin: 30px auto 15px !important
}

.fw-button {
    width: 100%;
    height: auto;
    text-align: center;
}

.fw-button button {
    width: 100%;
    height: 40px;
    background: #EC8200;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    border-radius: 2px;
    text-transform: uppercase;
}

/*------------ 列表页 -------------*/
.breadcrumbs {
    font-size: 14px;
    padding: 18px 0;
    text-align: left;
    z-index: 5;
}
.breadcrumbs > li a {
    color: #bbb;
}
.breadcrumbs h1 {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
}
.breadcrumbs > li:last-child a {
    color: #282828;
}

.breadcrumbs > li:hover > a  {
    color: #ec8200;
}

.bread-sign:after,
.bread-sign:before {
    content: "";
    position: absolute;
    top: -1px;
    right: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 7px;
    border-color: transparent;
    border-left-color: #e5e5e5;
}

.bread-sign:after {
    top: 0;
    right: -6px;
    border-left-color: #f9f9f9;
    border-width: 14px 0 14px 6px;
}

.clnews-newsitem-view .bread-sign:after,
.clnews-index-index .bread-sign:after,
.wordpress-post-view .bread-sign:after,
.wordpress-index-index .bread-sign:after {
    border-left-color: #fff;
}

.bread-sign:hover {
    color: #b69160
}

.vs-no-color:hover {
    color: #333 !important;
}

.category-top {
    width: 100%;
    height: auto;
}

.category-image {
    width: 100%;
    margin: 0 0 20px;
    text-align: left;
    border-radius: 4px;
    text-align: center;
}

.category-image img {
    border-radius: 4px;
}

.category_name {
    display: none !important;
}

.category-name {
    font-size: 50px;
    text-align: center;
    color: #333;
    margin: 0 0 15px 0;
    font-family: "Arial-Regular";
}

.category-description {
    width: 100%;
    margin: 0 0 20px;
    font-size: 13px;
    line-height: 20px;
}

.next_menu {
    width: 100%;
    height: auto;
    margin-bottom: 20px
}

.next_menu .next_menu_list {
    overflow: hidden;
    padding: 0
}

.next_menu .next_menu_list a {
    font-size: 14px;
    float: left;
    width: auto;
    height: 32px;
    line-height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
    padding: 0 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #e8e8e8;
    border-radius: 4px;
}

.next_menu .next_menu_list a:hover {
    color: #fff;
    background: #e75200;
}

.category-bottom {
    width: 100%;
    height: auto;
    /* margin-bottom: 100px; */
}
.catalog-featured .category-bottom {
    margin-bottom: 36px;
}
.catalog-featured .catlog-category-title {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(34,34,34,.6);
    width: 100%;
    height: 100%;
    
}
.catalog-featured .catlog-category-title span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #fff;
    width: fit-content;
    max-width: 80%;
    text-align: center;
}
.catalog-selector,
#catalog-filters {
    width: 235px;
    height: auto;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    margin-right: 15px;
    border: 0;
    float: left;
}
.category-bar {
    position: relative;
    margin-bottom: 30px;
}

.category-bar-title {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.category-bar-title .triangle {
    font-size: 70px;
}

.category-bar-title .triangle:after {
    border-color: #191e2b;
}

.category-bar-title .triangle-middle {
    height: 70px;
    line-height: 70px;
    z-index: 1;
    font-size: 17px;
    font-family: Arial-Bold;
    color: #e75200;
    background-color: #191e2b;
    padding: 0 2px;
    border-top: 1px solid #536877;
    border-bottom: 1px solid #536877;
    box-sizing: border-box;
    text-transform: uppercase;
    font-family: 'Digital-Dream-Fat';
    word-spacing: -5px;
}

.category-bar-border {
    position: absolute;
    left: 35px;
    right: 0;
    top: 35px;
    z-index: 0;
}

.category-bar-border .triangle-middle {
    line-height: 35px;
    width: calc(100% - 18px);
    background-color: #191e2b;
}

.category-bar-border .triangle-right {
    font-size: 35px;
    border-color: #191e2b;
}

.category-bar-breadcrumbs {
    position: relative;
    display: inline-block;
    height: 70px;
    z-index: 2;
    color: #fff;
    line-height: 35px;
    vertical-align: top;
    padding-top: 35px;
    box-sizing: border-box;
}

.category-bar-breadcrumbs .bread-nav li>a {
    color: #FFF !important;
    vertical-align: middle;
    text-transform: uppercase;
}

.category-bar-breadcrumbs .bread-nav-home:after {
    background-color: #FFF !important;
}

.category-bar .clock {
    position: relative;
    z-index: 1;
    font-size: 23px;
    float: right;
    margin-top: -11px;
    margin-right: 300px;
}

.category-bar .clock-title {
    margin-top: 41px;
    margin-right: 30px;
    color: #FFF;
    z-index: 10;
    float: right;
    position: relative;
}

.clear-sel-box {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.clear-sel-box span,
.clear-sel-box em {
    display: inline-block;
    width: auto;
    height: 24px;
    float: left;
    margin-bottom: 15px;
    background: #f5f5f5;
    color: #333;
    font-size: 13px;
    margin: 0 10px 10px 0;
    padding: 2px 8px 0 10px;
    border-radius: 50px;
    cursor: pointer;
    line-height: 20px;
}

.clear-sel-box em {
    font-style: normal;
    display: none;
}

.clear-sel-box span+em {
    display: inline-block !important;
}

.clear-sel-box span i {
    font-size: 14px;
    margin-left: 4px;
    float: right;
    line-height: 22px;
}

.clear-sel-box em:hover,
.clear-sel-box span:hover,
.clear-sel-box span:hover i {
    color: #e75200;
}

.block-layered-nav {
    border: 0;
    margin: 0;
    text-align: left;
}

#fme_filters_list,
.price-filter {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.fme-filter dt {
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    -moz-user-select: none;
    color: #333;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-family: 'Arial-Bold';
    line-height: 2.7;
    position: relative;
    text-rendering: optimizespeed;
    text-transform: uppercase;
    padding: 0;
}

.fme-filter .fme_layered_dd-close:after {
    display: inline-block;
    text-align: right;
    float: right;
    line-height: 36px;
    padding-left: 10px;
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e620";
}

.fme-filter dd {
    padding: 0 !important;
    width: 100%;
    margin: 0 auto
}

.fme-filter dd ol {
    margin: 0;
    padding: 6px 0
}

.fme-filter dd li {
    color: #333;
    padding: 0;
    margin: 6px 0;
    white-space: nowrap;
}

.fme-filter dd li .color {
    display: inline-block;
    cursor: pointer;
    max-width: 185px;
}

.fme-filter .set dt {
    color: #000333;
    line-height: 1.3em;
    white-space: nowrap;
}

.fme-filter dd li > span,
.fme-filter .set dt > span {
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 200px;
}

.set .selected {
    margin-left: 10px;
}

.set .fme_layered_dd-close:after,
.set .fme_layered_dt_selected:after {
    content: "";
}

.attr-set {
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    display: block;
}
.attr-set li {
    margin-bottom: 25px !important;
    text-transform: uppercase;
    font-size: 14px;
    overflow: hidden;
    color: #333;
    padding: 0;
}
.attr-set li .color {
    display: inline-block;
    cursor: pointer;
    max-width: 185px;
}
.attr-set .selected {
    margin-left: 14px;
    margin-top: 6px;
}

.set .selected .triangle {
    font-size: 11px;
    border-color: #e75200;
}

.set .selected .triangle-middle {
    width: 16px;
    height: 11px;
    background-color: #e75200;
}

.attr-set a {
    color: #000333;
}
.block-layered-nav dd li a {
    color: #000333;
    font-size: 14px;
}

.block-layered-nav dd li .count {
    text-align: left;
    font-size: 12px;
    color: #999;
    margin-top: -3px;
}

.fme-filter .brand dd {
    max-height: 270px;
    overflow: hidden;
}

.brand-close {
    overflow: hidden;
    margin-top: 15px;
    height: 24px;
    cursor: pointer;
}

.brand-close span {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    float: left;
    font-weight: 500;
}

.brand-close i {
    float: left;
    line-height: 23px;
    display: inline-block;
    font-weight: 500;
    margin-left: 3px;
}

.hauto .brand-close i {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    line-height: 19px;
}

.hauto dd {
    height: auto !important;
    max-height: inherit !important;
    overflow: auto !important;
}


.fme-filter a.fme_layered_attribute {
    background: none;
    padding-left: 0 !important;
    cursor: pointer;
}

.fme-filter dd li .color:hover a,
.fme-filter dd li .color:hover span,
.fme-filter a.fme_layered_attribute_selected,
.fme-filter a.fme_layered_attribute_selected+span,
.usa-list-box .fme-filter a.fme_layered_attribute:hover+span,
.usa-list-box .fme-filter a.fme_layered_attribute:hover {
    color: #e75200 !important;
}

.fme_layered_dt_selected:after {
    display: inline-block;
    text-align: right;
    float: right;
    line-height: 36px;
    padding-left: 4px;
    content: "\e65b";
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.category-main {
    width: 950px;
    margin: 0;
    float: left;
}

.results-msg,
.toolbar-header {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 38px;
    font-size: 14px;
}

.results-msg {
    margin-right: 40px;
    float: left;
    color: #999;
}

.set-result-msg {
    font-size: 20px;
    margin: 50px 0 40px;
    text-align: center;
    color: #191e2b;
}

#fme_layered_container .products-grid {
    position: relative;
    margin: 0;
}

#fme_layered_container .products-grid > div {
    float: left;
    margin-right: 10px;
    width: 230px;
    height: 406px;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
}

#fme_layered_container .products-grid > div:nth-child(4n) {
    margin-right: 0;
}

#fme_layered_container .products-grid .item:last-child {
    margin-right: 0 !important;
}

.usa-container .usa-list .products-grid .item:hover,
#fme_layered_container .products-grid .item:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: all .5s ease-in-out;
    box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.14);
    z-index: 2;
}

#fme_layered_container .products-grid .item .p-img {
    width: 180px;
    height: 180px;
    line-height: 180px;
    margin: 0 auto;
}

.badge {
    position: absolute;
    z-index: 6;
    top: 0;
    right: 0
}

.badge .vshot {
    border-radius: 50%;
    width: 56px;
    height: 56px;
    background: #ea271c;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 2px;
    top: 2px;
    line-height: 54px;
    font-size: 18px;
}

.badge .vsfree-shipping {
    width: 56px;
    height: 56px;
    display: block;
    background: url(/default/images/freeshipping.png) no-repeat;
    background-size: contain;
    margin: 3px 3px 0 0;
}

/*----------- 分页 ------------*/
.pager {
    width: auto;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    height: 42px;
    text-align: center;
}

.num-sel {
    width: 74px;
    margin: 0;
    float: left;
}

.num-sel select {
    width: 74px;
    height: 30px;
    padding: 4px 10px;
    margin: 0;
    border-radius: 4px;
    box-sizing: border-box;
}
.pager.toolbar>.next {
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    background: #EC8200;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    float: left;
    cursor: pointer;
}
.pager .page {
    display: inline-block;
    height: 50px;
}

.pager .page>span,
.pager .page a {
    display: inline-block;
    padding: 0 8px;
    text-decoration: none;
    cursor: pointer;
    float: left;
    margin-right: 11px;
    color: #484848;
    min-width: 42px;
    height: 42px;
    background: #f8f8f8;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    line-height: 42px;
}
.pager .page a:last-child,
.pager .page a:first-child {
    padding: 0 12px;
}
.pager .page > span {
    background: #EC8200;
    color: #fff;
    border-color: #EC8200;
}
/* .pager .page a.active {
    background: #EC8200;
    color: #fff;
    border-color: #EC8200;
} */
/* .pager .page a.disable:hover {
    color: #888;
} */
.pager .page a:hover {
    background: #EC8200;
    color: #fff;
    border-color: #EC8200;
}
.pager .page a.disable:hover {
    background: #EC8200;
    color: #fff;
    border-color: #BBBBBB;
}
.pager .page a i {
    color: #ec8200;
    margin-left: 8px;
    font-size: 14px;
}
.pager .page a.disable i {
    color: #888;
}
.pager .page a i.left {
    transform: rotate(180deg);
    display: inline-block;
    margin-right: 8px;
}
.pager input {
    width: 42px;
    height: 28px;
    border: none;
    margin: 0 8px;
    padding: 0 5px;
    border-radius: 4px;
    box-shadow: 0 3px 6px 1px rgb(0 0 0 / 10%);
}
.pager p {
    display: inline-block;
    margin: 0;
    padding-left: 48px;
    color: #999;
}
.total_page {
    display: inline-block;
    margin: 0 6px 0 14px;
    line-height: 50px;
    float: left;
}

.pager #pager_num {
    float: left;
}
.pager .go_page:hover {
    color: #FFF;
    background: #EC8200;
}
.no-search {
    width: 680px;
    height: auto;
    text-align: center;
    margin: 60px auto;
}

.no-search p {
    font-size: 14px;
    color: #333;
    margin-bottom: 16px
}

.no-search p span {
    font-family: "Arial-Bold";
}

.no-search ul {
    margin-bottom: 16px
}

.no-search ul li {
    margin: 0 0 12px 248px;
    width: 50%;
    text-align: left
}

.no-search a {
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    background: #e75200;
    color: #fff;
    border-radius: 4px;
}

.no-search em {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
}

.no-search em i {
    font-size: 256px;
    color: #e5e5e5;
}


/*------------- ajax-product --------------*/

.ajax-list {
    width: 100%;
    height: auto;
    display: none;
}

.ajax-list.active {
    display: block;
}

.ajax-list .pro {
    width: 956px;
    height: auto;
    float: left;
}

.ajax-list .pro ul li {
    width: 224px !important;
    margin: 0px 20px 20px 0 !important;
}

.ajax-pro-content .ajax-list .products-grid .item {
    width: 230px !important;
    height: auto;
    margin: 18px 11px 0 0 !important;
    border-radius: 4px;
}

.ajax-pro-content .ajax-list .products-grid .item:nth-child(1),
.ajax-pro-content .ajax-list .products-grid .item:nth-child(2),
.ajax-pro-content .ajax-list .products-grid .item:nth-child(3),
.ajax-pro-content .ajax-list .products-grid .item:nth-child(4) {
    margin: 0 11px 0 0 !important;
}

.ajax-pro-content .ajax-list .products-grid .item:nth-child(4n) {
    margin-right: 0 !important;
}

.ajax-list .pro ul li:nth-of-type(4n) {
    margin-right: 0 !important;
}

/*-------------- coupons ------------------*/

.coupons-box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
/*----------------- flash sale -----------------*/

.flashsale-container {
    width: 1200px;
    margin: 0 auto;
    vertical-align: top;
    display: block;
}

.flashsale-main {
    margin-bottom: 60px;
}

.flashsale-main .countdown-menu {
    overflow: hidden;
    margin: 0;
}

.flashsale-main .countdown-menu li {
    float: left;
    height: 60px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #e75200;
}

.flashsale-main .countdown-menu li.countdown {
    width: 62%;
    background: #fff;
    border-right: none;
}

.flashsale-main .countdown-menu li.comingsoon {
    width: 38%;
    background: #fff;
    border-left: none;
}

.flashsale-main .countdown-menu li.focus {
    background-image: linear-gradient(to right, #2cceea, #1f7efe);
    cursor: auto;
    border: none;
}

.flashsale-main .countdown-menu li.focus .flag {
    color: #fff;
}

.flashsale-main .countdown-menu li .flag {
    color: #e75200;
    font-size: 26px;
}

.flashsale-main .countdown-menu li span.labels {
    font-size: 14px;
    margin-left: 40px;
    line-height: 66px;
}

.flashsale-main .countdown-menu li span {
    display: inline-block;
    vertical-align: middle;
    height: 60px;
    line-height: 58px;
    vertical-align: top
}

.flashsale-main .countdown-menu .countdown-timebox {
    display: inline-block;
    font-size: 16px;
    vertical-align: top
}

.flashsale-main .countdown-menu .countdown-timebox em {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #fff;
    color: #e75200;
    margin: 0 4px 0 8px;
    border-radius: 3px;
    font-style: normal
}

.flash-bottom {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.countdown-probar {
    position: relative;
    width: 186px;
    height: 6px;
    float: left;
    margin-top: 10px;
}

.countdown-probar .progress-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #999;
}

.countdown-probar .progressbar {
    position: relative;
    background: #e5e5e5;
    height: 6px;
    border-radius: 4px;
    z-index: 2;
    overflow: hidden;
}

.countdown-probar .already-bar {
    display: block;
    width: auto;
    height: 6px;
    position: relative;
    z-index: 2;
    background: #ffb700;
    border-radius: 4px;
    background-image: linear-gradient(to right, #ffe196, #ffb700);
}

.transition3 {
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

/*--------------- 详情页 -------------------*/

.order-track-layer,
.add-success-box,
.wish_layer,
.big_img_layer,
.add-error-box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 10002;
    display: none;
    cursor: pointer
}

.review-success,
.review-error,
.add-success,
.add-erro,
.wish_layer img {
    display: block;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}


.preview .spec-items {
    width: 450px;
    height: 90px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.preview .spec-items ul {
    width: 99999999999px;
    height: 90px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    list-style: none;
    margin-bottom: 0;
}

.preview .spec-items ul li {
    float: left;
    width: 90px;
    text-align: center;
}

.preview .spec-items ul li img {
    border: 2px solid #fff;
    padding: 2px;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    box-sizing: border-box;
}

.preview .spec-items ul li.img-hover img,
.preview .spec-items ul li:hover img {
    border: 2px solid #e75200;
}

.overallimg-lable {
    position: absolute;
    top: 530px;
    left: 260px;
    display: block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    border: 2px solid #c6c6c6;
    background: #f1f1f1;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
}

.overallimg-lable img {
    width: 80%;
    height: auto;
}

.overallimg-layer {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}

.overallimg-box {
    width: 550px;
    height: 550px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1002;
}

.overallimg-close {
    display: inline-block;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}

.overallimg-close i {
    font-size: 20px;
    color: #333;
}

.overallimg-close:hover i {
    font-size: 20px;
    color: #e75200;
}

.threesixty {
    width: 550px;
    height: 550px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.threesixty .threesixty_images {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: move;
}

.threesixty .threesixty_images img {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}

.threesixty .threesixty_images img.previous-image {
    visibility: hidden;
    width: 0;
}

.threesixty .threesixty_images img.current-image {
    visibility: visible;
    width: 100%;
}

.threesixty .spinner {
    width: 60px;
    display: block;
    margin: 0 auto !important;
    height: 30px;
    background: #333;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 245px;
    left: 240px;
}

.threesixty .spinner span {
    font-family: Arial, "MS Trebuchet", sans-serif;
    font-size: 12px;
    font-weight: 500er;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    display: block;
}

.product-intro-info .promotime {
    width: 100%;
    margin: 0;
    height: 42px;
    display: none;
}

.product-intro-info .promotime a {
    display: block;
    width: 100%;
    margin: 0;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    background: -webkit-linear-gradient(left, #f42740, #ff8358);
    background: -o-linear-gradient(left, #f42740, #ff8358);
    background: -moz-linear-gradient(left, #f42740, #ff8358);
    background: linear-gradient(left, #f42740, #ff8358)
}

.product-intro-info .promotime .title {
    color: #fff;
    float: left;
    font-size: 14px;
    padding-left: 10px
}

.product-intro-info .promotime .times {
    float: right;
    color: #fff;
    text-decoration: none;
    padding-right: 10px;


}

.product-intro-info .promotime b {
    font-weight: 400;
    display: inline-block;
    width: auto;
    height: 24px;
    background: #fff;
    color: #cc3433;
    border-radius: 2px;
    line-height: 24px;
    text-align: center;
    font-weight: 400;
    margin: 0 2px;
    padding: 0 4px
}

#products .ratings .rating-links {
    margin: 0;
}

#products .ratings .icon-like {
    float: right;
    font-size: 18px;
}

#products .review {
    margin-top: 8px;
}
#products .has-wishlist i:after {
    transform: scale(0.7);
}
.ratings .rating-links {
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: top;
}

.ratings .rating-links .separator {
    margin: 0 6px;
    color: #e5e5e5;
}

.faq-num,
.review a {
    color: #333;
    text-decoration: none !important;
    cursor: pointer;
    font-size: 14px;
}

.review a:hover {
    color: #b69160
}

.rating-links .sku {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
}

.product-intro-info .pre_notice {
    padding: 0;
    color: #fe1b1b;
    border-radius: 2px;
    font-weight: 500;
    margin: 20px 0 0;
    padding-left: 5px
}

.product-intro-info .pre_notice i {
    margin-right: 4px
}

.product-intro-info .price_box {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 25px 10px 10px 0;
}

.product-intro-info .price_box .promotion {
    margin: 5px 0 0
}

.product-intro-info .price_box .vipprice {
    padding: 0 0 10px 5px;
    font-size: 16px;
    font-weight: 500;
    color: #444
}

.product-intro-info .price_box .vipprice a {
    cursor: pointer
}

.product-view .in-stock span,
.product-view .product-intro-info .in-stock span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    color: #e75200;
    font-weight: 500;
}

.product-view .product-intro-info .out-of-stock span {
    color: #fe1b1b;
    font-weight: 500;
}

.product-view .product-intro-info .price-box {
    height: 50px;
    width: auto;
    padding: 0;
    margin: 0;
    overflow: hidden
}



.product-view .product-intro-info .price-box .promotion {
    margin: 0
}

.product-intro-info .prodiscount {
    margin-left: 15px;
}


.price-msg-title {
    width: 104px;
    color: #333;
    float: left;
}

.product-options {
    position: relative;
    width: 100% !important;
    margin: 0;
    padding-bottom: 22px;
}

.product-options dt {
    color: #000;
    width: 104px;
    display: inline-block;
    font-weight: normal;
    vertical-align: top;
    line-height: 32px;
}

.product-options dt label.required em {
    color: #FF1200;
    margin-right: 4px;
    display: none !important
}

.product-options dd .qty-holder {
    display: block;
    padding: 10px 0 0
}

.product-options dd .qty-holder label {
    vertical-align: middle
}

.product-options dt .qty-disabled {
    background: 0 0;
    border: 0;
    padding: 3px;
    color: #2f2f2f
}

.product-options dd i {
    line-height: 16px;
    vertical-align: middle;
}

.product-options dl.last dd.last {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    display: inline-block;
    padding-top: 0
}

.product-options dd input.input-text {
    width: 100%;
    height: 43px
}

.product-options dd .multiselect option {
    border-bottom: 1px dotted #d9e5ee;
    padding: 2px 4px
}

.product-options ul.options-list {
    overflow: hidden;
    margin-bottom: 0
}

.product-options ul.options-list+span {
    display: block !important
}

.product-options ul.options-list li {
    cursor: pointer;
    line-height: 1.5;
    padding: 0;
    width: auto !important;
    display: inline-block;
    float: left;
    border: 1px solid #e5e5e5;
    position: relative;
    margin: 0 5px 5px 0
}

.product-options .input-box ul.options-list li input {
    display: none;
    position: absolute;
    left: 20px;
    top: 3px;
    z-index: 1
}

.product_left .add-to-cart .qty {
    width: 53px;
    padding: 0 30px;
    font-size: 14px;
    color: #333;
    box-sizing: content-box;
}

.p-info .qty-box {
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 98px;
    height: 34px;
    border: 1px solid #bbb;
    box-sizing: border-box;
    padding: 0 32px;
    border-radius: 4px;
}
.p-info .qty-box div.disabled {
    background-color: #f8f8f8;
    color: #d7d7d7;
    cursor: default
}
.p-info .qty-box .dec {
    left: 0;
    border-right: 1px solid #bbb;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.p-info .qty-box .addqty {
    right: 0;
    border-left: 1px solid #bbb;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.p-info .qty-box .qty {
    float: left;
    width: 32px;
    height: 31px;
    text-align: center;
    color: #282828;
    padding: 0;
    border: none;
    font-size: 14px
}
.p-info .qty-box .add {
    width: 32px;
    height: 32px;
    font-size: 22px;
    color: #989898;
    line-height: 32px;
    text-align: center;
    background: #fff;
    position: absolute;
    top: 0;
    cursor: pointer;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    justify-content: center!important
}
.p-info .qty-box .add .icon-svg {
    width: 16px;
    height: 16px
}

.qty-box {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 72px;
    height: 22px;
    border: 1px solid #BBBBBB;
    box-sizing: border-box;
    border-radius: 12px;
}

.qty-box .add {
    color: #989898;
    text-align: center;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;

    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    justify-content: center !important;
}

.qty-box .add.disabled {
    color: #DDD;
}
.qty-box .qty.disabled {
    color: #D7D7D7;
}

.qty-box .qty {
    float: left;
    width: 20px;
    height: 21px;
    text-align: center;
    color: #282828;
    padding: 0;
    border: none;
    font-size: 14px;
}

.qty-box.disabled .dec,.qty-box.disabled .qty,.qty-box.disabled .addqty{
    color: #D7D7D7;
    cursor: default;
}
.qty-box div.disabled{
    color: #D7D7D7;
    cursor: default;
}


.pro-free-gift {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 15px;
    color: #ea271c;
}

.pro-free-gift i {
    width: 20px;
    height: auto;
    font-size: 16px;
    display: inline-block;
    float: left;
    margin-top: 1px;
}

.pro-free-gift span {
    width: 528px;
    height: auto;
    font-size: 13px;
    display: inline-block;
    float: left;
}

@-webkit-keyframes shine {
    100% {
        left: -200%
    }
}

@keyframes shine {
    100% {
        left: -200%
    }
}

.product-intro-info .add-to-cart-box {
    clear: both;
    float: left;
    padding-top: 12px
}

.product-intro-info .add-to-links {
    float: left;
    margin-top: 15px;
    cursor: pointer;
}

.product-intro-info .add-to-links a {
    display: block;
}

.product-intro-info .add-to-links i {
    font-size: 32px;
}

.has-wishlist i {
    position: relative;
}
.has-wishlist i:after {
    content: '\e604';
    display: block;
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
    font-size: 10px;
    color: #e75200;
}
.btn-wishlist i {
     color: #999;
 }
.btn-wishlist.on i {
    color: #ff1200 !important;
}
.btn-wishlist.on i:before {
    content: "\e602";
}

.product-intro-info .add-to-links span {
    font-size: 12px;
    vertical-align: super;
}

.share-btn-box {
    margin-top: 25px;
}

.share-btn-box .price-msg-title {
    line-height: 48px;
    float: none;
    width: 100%;
    height: 48px;
    display: block;
}

.share-btn-box .shareaholic-canvas {
    display: block;
    float: none;
    clear: none !important
}

.product-view .product-intro-info .codenotice,
.product-view .product-intro-info .freenotice {
    padding: 0;
    margin: 15px 0 0;
}

.product-options-warehouse .input-box i {
    color: #ff7a16;
    margin-bottom: 0;
}

.product-alerts .alert-stock,
.oos-content p.oos-content-title {
    font-size: 15px;
    font-weight: 500;
    color: #EA271C;
    margin: 0 0 10px;
}

#submitEmailContainer {
    margin: 10px 0;
}

.email-text-field {
    height: 34px !important;
    padding: 0 10px !important;
    border-radius: 4px;
    float: left;
}

.product-alerts {
    display: none;
    clear: both;
    margin: 28px 0 70px;
}

.oos-content a {
    text-decoration: underline;
}

.pay-close {
    position: absolute;
    width: 36px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    top: 0;
    right: 0;
    cursor: pointer;
    text-align: center;
}

.pay-close i {
    font-size: 20px;
    color: #333;
    text-decoration: none;
}

.shipping-to-country {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    position: relative;
    border-radius: 3px;
    border: 1px solid #ccc;
    width: 280px;
    transition: all .2s ease;
    background: #fff;
}

.shipping-to-country.active {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    height: auto;
}

.shipping-to-country.active .s-to-selected {
    border-bottom: 1px solid #ccc;
}

.s-to-selected {
    padding-left: 10px;
}

.s-to-selected i {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 18px;
    color: #666;
    z-index: 10;
    transition: all .2s ease
}

.ept_US {
    background-position: 0 -20880px
}

.ui-hide {
    display: none
}

.add-upsell-products .upsell-sel {
    display: block;
    margin-bottom: 0;
    overflow: hidden
}

.add-upsell-products .upsell-sel dt {
    text-align: left;
    color: #333
}

.add-upsell-products .upsell-sel dt label {
    font-size: 14px;
    color: #333
}

.add-upsell-products .upsell-sel dd {
    width: 98%;
    color: #333;
    font-weight: 400
}

.add-upsell-products .upsell-sel dd>div>select {
    width: 92%;
    padding: 2px 5px;
    margin-bottom: 0
}

.add-upsell-products .upsell-sel dd>div>select:option:hover {
    background-color: #eef6ff;
}

.add-upsell-products .item {
    padding: 0 !important;
    width: 195px;
    height: auto;
    margin-right: 20px;
}

.addupsell-prev,
.addupsell-next {
    display: none
}

.upsell-option {
    position: relative;
}



.total_price_sign {
    width: 35px;
    height: auto;
    color: #ccc;
    font-size: 38px;
    font-weight: 500;
    text-align: center;
    float: left;
    margin: 80px 0 0 10px;
}







.total-price-result>em {
    display: inline-block;
    font-size: 14px;
    font-style: normal
}

.total-price-result>.total_price {
    font-size: 14px;
    margin: 10px 0;
    display: inline-block
}

.products-grid .product-name {
    margin: 20px 0 5px;
    font-family: Arial-Bold;
    font-size: 13px;
    color: #333;
    height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.box-collateral .price-box .price {
    color: #c33;
    font-weight: 400;
    font-size: 15px
}

.box-collateral .p-img {
    margin-bottom: 10px
}



.upsell-sel-box {
    height: 18px;
    text-align: center;
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.upsell-sel-box>span {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
}

.upsell-sel-box>span>span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    color: #fff;
    text-align: center;
    line-height: 18px;
    box-sizing: border-box;
    background: #fff;
    z-index: 90;
}

.upsell-sel-box>span input {
    float: none;
    width: 18px;
    height: 18px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 !important;
}

.upsell-sel-box>span>span .icon {
    font-size: 14px;
}

.upsell-sel-box span .addupsell:checked+span {
    background: #e75200;
}

.finalprice-related,
.total_price {
    color: #ea271c;
}

.total_price {
    font-size: 16px;
}

.oos-price {
    color: #ea271c !important
}

.onlyshiptousa {
    font-size: 14px;
    color: red;
    margin-top: 14px
}


/*------------- 推荐版块 ----------------*/


.vs-related {
    width: 286px;
    height: auto;
    margin: 0 20px 0 0;
    float: left;
    background: #fff;
    box-sizing: border-box;
    padding: 0 5px;
}

.block-related .block-title {
    border-bottom: 1px solid #e5e5e5;
    font-family: "Arial-Bold";
    font-size: 20px;
    color: #333;
    margin: 0;
    padding: 0;
    height: 48px;
    line-height: 48px;
    text-align: center;
}

/*---------------- 详情 ----------------*/
.detail-desc h2 {
    font-family: "Arial-Bold";
    font-size: 22px;
    color: #fc7907 !important;
    padding: 0;
    margin: 10px 0 30px;
    text-align: center
}

.detail-desc h2 a,
.detail-desc h2 span,
.detail-desc h2 a span,
.detail-desc h2 span a {
    color: inherit !important
}

#customer-reviews .write_review {
    padding: 20px
}

#customer-reviews div.write_review {
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    /* margin: 40px auto 0; */
}

.write_review_box {
    width: 85%;
}

.normal_tips {
    background: #fff3f6;
    border-radius: 2px;
    padding: 10px !important;
    font-size: 13px;
    position: relative;
    margin: 10px 0 0 !important
}

.normal_tips b {
    display: block;
    color: #ea271c;
    font-size: 14px;
    overflow: hidden;
    font-weight: normal;
    line-height: 26px;
}

.normal_tips i {
    color: #ea271c;
    font-size: 24px;
    line-height: 26px;
    float: left;
    margin-right: 8px;
}

.write_review_box .captchabox {
    width: 100%;
    height: auto;
}

.captcha-input {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.captcha-input .captcha {
    margin-right: 20px;
}

.captcha-input>div>input {
    width: 100%;
    height: 40px !important;
    line-height: 38px !important;
}


.faq-btn-box {
    text-align: right;
}

.faq-help {
    padding: 8px 0 0 12px;
    color: #666;
    margin-bottom: 40px;
}

.faq-help p {
    margin-bottom: 16px;
    font-size: 13px;
}

.faq-help ul li {
    list-style: inside;
    list-style-type: circle;
    margin-bottom: 8px;
    font-size: 12px;
    margin-left: 8px;
}

.faq-wrap {
    padding: 16px 0 20px 0;
    margin-bottom: 10px;
    border-bottom: 1px dashed #e5e5e5;
}

.faq-wrap:last-child {
    border-bottom: none;
}

.faq-wrap>.asker {
    color: #999;
    font-size: 12px;
    margin: 0 54px 0;;
}

.faq-wrap .answer .asker {
    color: #999;
    font-size: 12px;
    margin: 5px 54px 0;
}

.faq-wrap .question {
    position: relative;
    min-height: 24px;
    font-size: 13px;
    margin-top: 8px;
}

.faq-wrap .question em,
.faq-wrap .answer em {
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    font-style: normal;
    line-height: 20px;
    text-align: center;
    font-family: Arial-Bold;
    font-size: 12px;
}

.faq-wrap .question > span:first-child,
.faq-wrap .answer > span:first-child {
    margin-right: 10px;
}

.faq-wrap .triangle {
    font-size: 18px;
}

.faq-wrap .question .triangle {
    border-color: #e75200;
}

.faq-wrap .triangle-middle {
    color: #fff;
    font-weight: 500;
    line-height: 18px;
    padding: 0 5px;
    font-size: 12px;
}

.faq-wrap .question .triangle-middle {
    background-color: #e75200;
}

.faq-wrap .question em {
    background: #e75200;
    color: #fff;
}

.faq-wrap .answer em {
    color: #333;
    background: #f2f2f2;
}

.faq-wrap .answer em:before,
.faq-wrap .question em:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 4px;
    left: 20px;
}

.faq-wrap .question em:before {
    border-left: 6px solid #e75200;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.faq-wrap .answer em:before {
    border-left: 6px solid #f2f2f2;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.faq-wrap .answer em:after,
.faq-wrap .question em:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 5px;
    left: 20px;
    border-left: 6px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.faq-wrap .question em:after {
    border-left: 6px solid #e75200;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.faq-wrap .answer em:after {
    border-left: 6px solid #f2f2f2;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.faq-wrap .answer {
    position: relative;
    min-height: 24px;
    font-size: 13px;
    margin-top: 15px;
}

.faq-notice,
.already-like,
.no-selitem-notice {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 18px;
    width: 256px;
    height: 63px;
    background: #323232;
    line-height: 63px;
    text-align: center;
    display: none;
    /* animation: itemnotice .5s;
    -webkit-animation: itemnotice .5s; */
    z-index: 999999;
}

@keyframes itemnotice {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.9)
    }

    50% {
        transform: scale(1)
    }

    75% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

.faq-success {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 18px;
    width: 466px;
    height: 63px;
    background: #323232;
    line-height: 63px;
    text-align: center;
    display: none;
    /* animation: itemnotice .5s;
    -webkit-animation: itemnotice .5s; */
    z-index: 999999;
}

.del-selitem-notice {
    z-index: 9999999;
}

.pro-edit-box,
.del-selitem-notice,
.del-selitem-layer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000
}

.pro-edit-box,
.del-selitem-layer {
    background: rgba(0, 0, 0, .4)
}

.user-reply {
    width: 100%;
    height: auto;
    margin-left: 54px;
}

.user-reply .open {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
    overflow: hidden;
}

.user-reply .open i {
    font-size: 28px;
    color: #999;
    margin-right: 4px;
    float: left;
}

.user-reply .open em {
    display: inline-block;
    width: auto;
    height: auto;
    color: #999;
    font-size: 14px;
    font-style: normal;
    float: left;
    line-height: 32px;
}

.user-reply .open:hover i,
.user-reply .open:hover em,
.user-reply .open.active i,
.user-reply .open.active em {
    color: #e75200;
}

.replay-text-box {
    width: 100%;
    height: auto;
    margin-top: 10px;
    border: 1px solid #e75200;
    border-radius: 4px;
    overflow: hidden;
    display: none;
}

.replay-text {
    width: 100%;
    height: auto;
    min-height: 140px;
    border: none;
    padding: 10px;
    box-sizing: border-box;
}

.replay-text-box span {
    display: inline-block;
    width: 115px;
    height: 32px;
    background-color: #e75200;
    border-radius: 4px;
    float: right;
    margin: 10px 10px 10px 0;
    text-align: center;
    line-height: 32px;
    color: #fff;
    cursor: pointer;
}

.fl {
    float: left
}

.fr {
    float: right
}

.review-box {
    color: #333
}

.review-box>.item {
    margin-top: 6px;
    width: 100%;
}

.review-box .tit {
    width: 80px;
    line-height: 30px
}

.write_review .validation-advice {
    width: 100%;
    max-width: 100%
}

#customer-reviews .buttons-set {
    border-top: 0;
    margin-top: 10px
}

#customer-reviews .ratings-table {
    width: 100%
}

#customer-reviews .even td {
    color: #000
}

#scroll_reviews li a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    width: 187px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    background: #e75200;
    text-align: center
}


#reviewForm button,
#faqForm button {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    background: #e75200;
    color: #fff;
    border-radius: 4px;
    float: left;
    margin-left: 0;
}

.read_review_btn {
    display: none;
}

.form-add .form-list label {
    width: 100%;
    display: block;
    font-size: 14px;
    float: none;
    color: #333;
    position: relative;
    z-index: 0;
    padding: 0;
    margin: 12px 0 5px
}

.product-view .box-reviews .read_review dt {
    line-height: 18px
}

.product-view .box-reviews dl {
    margin: 15px 0
}

.product-view .box-reviews dt a,
.product-view .box-reviews dt span {
    font-weight: 500
}

.product-view .box-reviews dd {
    margin: 0 0 15px
}

.product-view .box-reviews dd small {
    font-style: normal
}

.haslike,
.haslike i,
.haslike b,
.regood:hover,
.regood:hover i,
.regood:hover b {
    color: #ea271c !important
}

.regood i {
    font-size: 22px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    color: #989898;
    line-height: 16px
}

.regood b {
    font-weight: 400;
    display: inline-block;
    vertical-align: bottom;
    color: #989898;
    font-size: 13px
}

.popuphide {
    opacity: 0 !important
}

.fbload {
    display: block !important
}

.total-rating .base {
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #999;
    line-height: 48px;
    height: 36px;
}

.total-review {
    width: 100%;
    height: auto;
    background-color: #e5e5e5;
    padding: 0 20px;
    box-sizing: border-box;
}

.total-review span {
    display: inline-block;
    font-size: 14px;
    color: #333;
    border-bottom: 4px solid #e75200;
    padding: 6px 0;
}

.total-review em {
    font-style: normal;
    display: inline-block;
    font-size: 14px;
    color: #999;
}

.pager ol {
    display: inline-block;
    margin: 0 auto;
    overflow: hidden;
}

.pager li {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 12px;
    float: left;
    cursor: pointer;
}

.pager li>a,
.pager li>span {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-sizing: border-box;
}

.pager li:hover,
.pager li:hover>span,
.pager li:hover>a {
    color: #ec8200;
}


/*--------------------- 购物车 ----------------------*/
.checkout-cart-index.bottom  {
    padding-bottom: 76px;
}
.checkout-cart-index footer {
    margin-top: 32px;
}
.guest-section {
    text-align: center;
    margin: 24px 0 0;
}
.guest-section .title {
    font-size: 18px;
    font-weight: 500;
}
.guest-section p {
    font-size: 14px;
    margin: 16px 0 8px;
}
.guest-section a {
    color: #ec8200;
    text-decoration: underline;
    font-size: 16px;
}
.guest-section a:last-child {
    margin-left: 18px;
}
.title-buttons {
    text-align: right
}

.checkout-cart-index .title-buttons {
    padding: 0;
    /* margin: 40px auto 55px */
    margin-bottom: 3px;
}
.page-title.title-buttons {width: 100%;height: 140px;background: #fff;padding: 30px 0;}
.cart-steps-box .cart-steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}
.cart-steps-box .cart-steps .step-msg {
    text-align: left;
    position: relative;
    height: 80px;
}
.cart-steps-box .cart-steps .step-msg:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #999999;
    transform: translateX(-50%);
    z-index: 3;
}
.cart-steps-box .cart-steps:before {
    content: '';
    position: absolute;
    bottom: 8px;
    width: 84%;
    height: 5px;
    left: 95px;
    background: #BFBFBF;
    z-index: 1;
}
.cart-steps-box .cart-steps.step-2:after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 105px;
    width: 27%;
    height: 5px;
    background: #EC8200;
    z-index: 2;
}
.cart-steps-box .cart-steps.step-3:after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 105px;
    width: 56%;
    height: 5px;
    background: #EC8200;
    z-index: 2;
}
.cart-steps-box .cart-steps.step-4:after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 105px;
    width: 83%;
    height: 5px;
    background: #EC8200;
    z-index: 2;
}
.cart-steps-box .cart-steps .step-msg.current-step:after {
    background: #fff;
    border: 5px solid #ec8200;
}
.cart-steps-box .cart-steps .step-msg a {
    width: 160px;
    height: 35px;
    display: inline-block;
    font-size: 18px;
    color: #333;
    text-align: center;
    line-height: 35px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}
.cart-steps-box .cart-steps .step-msg a.prev {color: #ec8200;}
.cart-steps-box .cart-steps .step-msg a.current {
    background: #EC8200;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
}
.cart-steps-box .cart-steps .step-msg.current-step a.current:after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 20px;
    height: 20px;
    background: #EC8200;
    z-index: -1;
}











.del-main {
    position: fixed;
    z-index: 1001;
    width: 780px;
    height: 438px;
    border-radius: 20px;
    background: #fff;
    padding-left: 48px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    /* animation: itemnotice .5s;
    -webkit-animation: itemnotice .5s */
}
.del-main > img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.del-main .icon.del-close {
    right: 28px;
    top: 28px;
    z-index: 2;
    width: 36px;
    height: 36px;
    position: absolute;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: #ec8200;
}

@keyframes irotate2 {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
/* 
.del-main .icon:hover {
    animation: irotate2 1s;
    -moz-animation: irotate2 1s;
    -webkit-animation: irotate2 1s;
    -o-animation: irotate2 1s
} */
.del-main .text h4 {
    margin-top: 48px;
    font-size: 20px;
    font-weight: 500;
}
.del-main p {
    font-size: 16px;
    font-weight: 400;
    color: #4C4C4C;
    margin: 0;
    text-align: left;
}

.del-main .actions {
   margin-top: 100px;
   display: flex;
}
.del-main .actions .del-confirm {
    width: 108px;
    text-align: center;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
.del-main .actions .del-confirm i{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    background: #EC8200;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin: 0 auto 12px;
}
.del-main .actions .cart-wish-all {
    width: 150px;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-left: 80px;
    margin-top: -10px;
    cursor: pointer;
}
.del-main .actions .cart-wish-all i {
    font-size: 40px;
    color: #F24343;
    margin-bottom: 12px;
}
.del-main .actions span span {
    text-decoration: underline;
    font-weight: 500;
}




.pro-edit {
    position: absolute;
    z-index: 1001;
    width: 688px;
    height: auto;
    background: #fff;
    text-align: center;
    padding: 20px 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pro-edit-left {
    z-index: 1001;
    width: 210px;
    height: auto;
}

.pro-edit-left span {
    display: block;
    width: 200px;
    height: 200px;
}

.pro-edit-left span img {
    display: block;

    width: 200px;
    height: 200px;
}

.pro-edit-right {
    width: 462px;
    height: auto;
    min-height: 160px;
    padding-left: 10px;
    border-left: 1px solid #e5e5e5;
    text-align: left;
}

.pro-edit-right>div>div {
    margin-bottom: 10px;
}

.pro-edit-right>div>div>lable {
    display: block;
    font-size: 12px;
    color: #a6a6a6;
    margin-bottom: 4px;
}

.pro-edit-right .pro-edit-option {
    overflow: hidden;
}

.pro-edit-right .pro-edit-option span {
    display: inline-block;
    color: #333;
    margin: 0 10px 6px 0;
    border: 1px solid #e5e5e5;
    height: 30px;
    line-height: 30px;
    padding: 0 7px;
    cursor: pointer;
    font-size: 12px;
    float: left;
}

.pro-edit-right .pro-edit-option span.current {
    border: 1px solid #e75200;
}

.pro-edit-right .pro-edit-option .swatch-img.no-stock {
    border: 1px dashed #e5e5e5;
    color: #999;
    pointer-events: none;
}

.pro-edit-right .pro-edit-option .swatch-img.no-stock .icon {
    color: #999;
}

.pro-edit-operation .pro-edit-save {
    background-color: #e75200;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-right: 20px;
    border-radius: 4px;
    cursor: pointer;
}

.pro-edit-operation .pro-edit-cancel {
    background-color: #fff;
    color: #e75200;
    font-size: 12px;
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    border: 1px solid #e75200;
    border-radius: 4px;
    cursor: pointer;
}

.checkout-noitems {
    text-align: center;
    margin: 40px 0
}

.checkout-noitems span {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
}

.checkout-noitems span i {
    display: inline-block;
    font-size: 200px;
    color: #ccc;
}

.checkout-noitems .cart-empty {
    text-align: center
}

.checkout-noitems .cart-empty p {
    font-size: 16px;
    color: #ccc;
    margin: 50px 0
}

.checkout-noitems .cart-empty a {
    display: inline-block;
    width: 180px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 4px;
}

.checkout-noitems .cart-empty .empty-login {
    border: 1px solid #FF1200;
    color: #FF1200;
    margin-right: 30px;
    box-sizing: border-box
}

.checkout-noitems .cart-empty .empty-shopping {
    background: #FF1200;
    color: #fff;
}

.cart-qty-box {
    position: relative;
    margin: 0;
    width: 110px;
    height: 32px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
    border-radius: 40px;
}

.quantity-minus,
.quantity-plus {
    width: 32px;
    height: 30px;
    text-align: center;
    border: none;
    font-size: 20px;
    background: #fff;
    float: left;
}

.cart-qty-box .qty {
    width: 44px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    padding: 0;
    float: left;
    border: none;
}

.shopping-cart-table {
    width: 100%
}

.freepro-notice {
    margin-top: 10px
}

.freepro-notice span {
    display: inline-block;
    font-size: 14px;
    color: #df6562;
    background: #ffceaf;
    padding: 0 10px;
    font-weight: 500;
    line-height: 32px
}

.cart .cart-form .cart-warehouse:not(:first-child) .shopping-cart-table thead {
    display: none
}

.cart-title-table-box {
    display: block;
    width: 100%;
    border: 1px solid #f5f5f5;
    box-sizing: border-box;
    height: 60px;
    margin-bottom: 20px;
}

.cart .cart-house-title {
    padding: 12px 0 12px 0;
    background: #fff;
    color: #333;
    border-bottom: 2px solid #ccc;
    overflow: hidden;
}

.cart .cart-house-title p {
    font-size: 18px;
    float: left;
    display: inline-block;
    font-family: "Arial-Bold";
    margin: 0 0 0 10px;
}

.my-account .order-house-title em,
.cart .cart-house-title em {
    font-style: inherit;
    color: #ea271c;
    font-size: 18px;
    font-family: "Arial-Bold";
    margin-left: 5px;
}

.my-account .order-china .order-house-title .china-house,
.my-account .order-hong-kong .order-house-title .hong-kong-house,
.my-account .order-u-s-a- .order-house-title .usa-house,
.amscheckout .amscheckout-u-s-a- .amscheckout-house-title .usa-house,
.amscheckout .amscheckout-china .amscheckout-house-title .china-house,
.amscheckout .amscheckout-hong-kong .amscheckout-house-title .hong-kong-house,
.cart #shopping-cart-table-china .cart-house-title .china-house,
.cart #shopping-cart-table-hong-kong .cart-house-title .hong-kong-house,
.cart #shopping-cart-table-u-s-a- .cart-house-title .usa-house {
    display: inline-block
}

.cart .cart-house {
    border-top: none !important
}

.cart .shopping-cart-table .cart-msg tr .unitprice,
.cart .shopping-cart-table .cart-msg tr .qty_parent,
.cart .shopping-cart-table .cart-msg tr .subtotal,
.cart .shopping-cart-table .cart-msg tr .last {
    text-align: left !important
}

.cart .shopping-cart-table .cart-msg tr .unitprice .price {
    color: #333;
    font-size: 14px;
}

.cart .shopping-cart-table .cart-msg tr .subtotal .price {
    font-size: 14px;
}

.cart .cart-house p {
    margin-bottom: 0;
    font-weight: 500
}

.cart .cart-house p span:nth-child(1) {
    width: 90%;
    text-align: right;
    display: inline-block;
    margin-right: 1%
}

.cart .cart-house p span:nth-child(2) {
    width: 9%;
    text-align: left;
    display: inline-block
}

.cart .cart-form>ul {
    border: none;
    margin: 20px 0 0;
    padding: 10px 20px;
    box-sizing: border-box;
}

.cart .cart-form .cart-title {
    overflow: hidden;
    margin-bottom: 0;
    padding: 0 20px;
    background: #fff;
}

.cart .cart-form .cart-title-table .cart-title li {
    background: #fff;
    color: #666;
    height: 48px;
    line-height: 48px;
    text-align: left;
    float: left;
    text-transform: uppercase;
    font-family: "Arial-Bold"
}

.cart .cart-form .cart-title .cart-proname {
    width: 598px;
    padding-left: 30px;
    box-sizing: border-box
}

.cart .cart-form .cart-title .cart-proprice {
    width: 151px
}

.cart .cart-form .cart-title .cart-qty {
    width: 163px
}

.cart .cart-form .cart-title .cart-sub {
    width: 102px
}

.cart .cart-form .cart-title .cart-operate {
    width: 144px;
}

.cart .title-buttons .checkout-types {
    float: right
}

.cart .title-buttons .checkout-types li {
    float: left;
    margin: 0 0 5px 5px
}

.cart .checkout-types .paypal-or {
    margin: 0 8px;
    line-height: 2.3
}

.cart .totals .checkout-types .paypal-or {
    clear: both;
    display: block;
    padding: 8px 55px 0 0;
    line-height: 1;
    font-size: 11px
}

.cart-table th {
    padding: 2px 10px
}

.cart-table td {
    padding: 0
}

.cart-table .product-name {
    font-weight: 500;
    margin: 0 0 5px;
    color: #2f2f2f
}

.cart-table .item-msg {
    margin: 5px 0;
    font-size: 14px;
    font-weight: 500;
    color: #df280a;
    padding: 5px 15px 5px 0;
    text-align: left;
    line-height: 22px
}

.cart-table tfoot td {
    padding: 5px 10px 0
}

.cart-table .btn-continue {
    float: left
}

.cart-table .btn-empty span,
.cart-table .btn-continue span,
.cart-table .btn-update span {
    border-color: #010101;
    background: #b69160
}

.cart-table .btn-update,
.cart-table .btn-empty {
    float: right
}

.cart-table .btn-update {
    margin-left: 10px;
    margin-right: 10px
}

.house-notice {
    padding: 20px 20px 0;
    color: #ea271c
}

.house-notice span {
    font-weight: 500
}

.cart-total-operate {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fff;
    height: 70px;
    margin-bottom: 70px;
    text-align: right;
    line-height: 70px;
    border-radius: 0 0 5px 5px;
}

.cart-total-operate .cart-wish-all-href,
.cart-total-operate span {
    color: #333;
    margin-right: 50px
}
.cart-total-operate span.continue-shopping a{
    color: #ec8200;
}
.cart-total-operate span.continue-shopping i {
    font-size: 25px;
    vertical-align: bottom;
    margin-right: 8px;
}
.cart-total-operate span.cart-del-all {color: #FF1200;text-decoration: none;}


.cart-total-operate .cart-wish-all-href,
.cart-total-operate .cart-del-all,
.cart-total-operate .cart-wish-all,
.cart-href {
    cursor: pointer;
    text-decoration: underline
}

.cart-table .cart-operation span {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    float: left;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

.cart-table .cart-operation .cartdel i {
    color: #999;
    font-size: 20px;
}

.cart .has-wish .iconfavorite-copy-copy,
.cart-table .cart-operation span i:hover {
    color: #ea271c !important;
}

.cart-table .cart-operation .cartwish {
    margin-right: 5px;
}

.cart-total-operate .cart-wish-all-href:hover,
.cart-total-operate .cart-del-all:hover,
.cart-total-operate .cart-wish-all:hover,
.cart-href:hover {
    text-decoration: underline !important;
    color: #e75200;
}

.cart .cart-collaterals {
    padding: 10px 0 0;
    position: relative;
    height: auto
}

.cart .cart-collaterals .cart-info p img {
    width: 100%
}

.cart .cart-collaterals .col2-set {
    float: left;
    width: 605px
}

.cart .cart-collaterals .col2-set .col-2 {
    width: 294px
}

.cart .crosssell {
    display: inline-block;
    width: 100%
}

.cart .crosssell h2 {
    font-size: 13px;
    font-weight: 500
}

.cart .crosssell .product-name {
    font-weight: 500
}

.cart .crosssell .link-compare {
    font-weight: 400
}

.cart .clear-cart {
    position: absolute;
    margin-bottom: 24px;
    margin-left: 6px;
    z-index: 99;
    bottom: 0
}

.cart .clear-cart>span {
    background: 0 0
}

.cart .clear-cart>span {
    padding: 12px 10px;
    background: 0 0;
    color: #999
}

.cart .cart-collaterals .tatalBox {
    overflow: hidden;
    width: 100%
}

.cart .shipping {
    border: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    height: 292px;
    box-sizing: border-box;
    border-bottom: none;
    float: left;
    width: 55%
}

.cart .shipping .form-list {
    width: 70%;
    float: left;
    margin-right: 1%;
    margin-bottom: 0
}

.cart .shipping .buttons-set-1 {
    width: 20%;
    float: left;
    clear: none;
    border: 0;
    padding: 0;
    text-align: left;
    margin-top: 21px
}

.cart .shipping .buttons-set-2 {
    text-align: left;
    border: none;
    margin-top: 5px !important;
    padding: 0
}

.cart .shipping form {
    clear: both;
    display: block
}

.cart .shipping .buttons-set-1 .button span span {
    padding: 10px 6px
}

.cart .discount {
    width: 100%;
    border-right: 0;
    float: left
}

.cart .discount h2,
.cart .shipping h2 {
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    color: #c11111;
    text-transform: uppercase
}

.cart .discount .buttons-set {
    margin: 8px 0 0;
    border: 0;
    padding: 0;
    text-align: right;
    width: 28%;
    clear: none;
    float: right
}

.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button {
    float: none;
    margin-left: 0
}

.cart .discount div span.sec-heading,
.cart .shipping div span.sec-heading {
    font-size: 14px;
    text-transform: uppercase;
    font-family: myriadsetpro-semibold
}

.cart .discount div i.fa.fa-sort-asc,
.cart .shipping div i.fa.fa-sort-asc {
    padding: 6px 6px 15px
}

.cart .discount div i.fa.fa-sort-down,
.cart .shipping div i.fa.fa-sort-down {
    padding: 0 6px 21px
}

.cart .shipping .shipping-all {
    color: #000;
    padding: 6px;
    border-radius: 5px;
    width: 97%;
    z-index: 10
}

.cart .discount .discount-coupon-all {
    color: #000;
    padding: 5px 6px;
    width: 96%;
    z-index: 10;
    border-right: 1px solid #e2e2e2;
    height: 147px
}

.cart .discount div i.fa.fa-sort-down,
.cart .discount div i.fa.fa-sort-asc,
.cart .shipping div i.fa.fa-sort-down,
.cart .shipping div i.fa.fa-sort-asc {
    font-size: 15px;
    float: right;
    background: #fff;
    border-radius: 5px;
    color: #000;
    height: 10px
}

.cart .no-wish .iconfavorite-copy-copy,
.cart .has-wish .iconfavitie-copy-copy {
    display: none !important;
}

.cart .no-wish .iconfavitie-copy-copy,
.cart .has-wish .iconfavorite-copy-copy {
    display: inline-block !important;
}

.cart .cart-operation i {
    font-size: 26px;
    color: #999;
}

.discount .input-box {
    margin: 8px 0 0;
    width: 70%;
    float: left;
    margin-right: 1%
}

.discount button span {
    padding: 0;
    background: 0 0
}

.discount button span span {
    padding: 10px 25px;
    font-weight: 500;
    font-size: 12px
}

.discount label {
    display: block;
    float: left;
    line-height: 27px
}

.cart .shipping h2 {
    background-image: url(/default/images/i_shipping.png)
}

.cart .shipping .sp-methods {
    margin: 5px 0 0;
    padding: 5px 0 0;
    background: url(/default/images/bkg_divider1.gif) 0 0 repeat-x
}

#process-updatetotal {
    color: red
}

.cart .shipping .sp-methods ul li input {
    float: left;
    margin-right: 5px
}

.cart .shipping .shipping-form select {
    color: #000;
    padding: 9px 0 8px 1px;
    border-color: #b69160
}

.cart .shipping .input-box {
    width: 100%;
    float: left
}

.cart .shipping .shipping-form .form-list label {
    color: #000
}

.cart .totals {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 25px 20px;
    background: #fff;
    box-sizing: border-box;
}

.totalsfix {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 999;
    border-top: 1px solid #e5e5e5
}

.cart .totals .sec-heading {
    padding: 10px
}

.cart .totals table {
    width: 100%
}

.cart .totals td {
    padding: 0 4px 0 7px;
    font-size: 14px;
    color: #333;
}

.cart .totals td:nth-child(2) {
    font-weight: 500;
    font-size: 18px;
    color: #ea271c;
}

.cart .totals tfoot th {
    padding: 5px 15px 5px 7px
}

.cart .totals tfoot th strong,
.cart .totals tfoot td strong {
    font-size: 18px;
    color: #ea271c
}

.cart .totals .checkout-types {
    font-size: 13px;
    padding: 0;
    margin-bottom: 0 !important;
    text-align: right;
    float: right
}

.cart .btn-proceed-checkout {
    width: 254px;
    height: 64px;
    background-color: #e75200;
    border-radius: 4px;
    font-size: 20px;
    padding: 0;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}

.cart .totals #shopping-cart-totals-contaner {
    margin: 0 40px
}

.cart-total-inputsel,
.cart .totals #shopping-cart-totals-contaner {
    float: right;
    margin-top: 43px;
}

.cart-total-inputsel em {
    color: #ea271c;
    font-size: 14px;
    font-style: normal;
    margin: 0 2px 0 3px;
}

.cart-total-inputsel span {
    color: #ea271c;
    font-size: 14px;
    margin: 0 2px 0;
}

.cart-href {
    display: inline-block;
    color: #999;
    text-decoration: underline;
    margin-top: 43px;
}

.cart-href:hover {
    color: #e75200
}

.item-options {
    margin-top: 0
}

.item-options dt {
    font-weight: 500;
    font-style: normal;
    float: left;
    font-size: 14px;
    color: #333;
    padding: 2px 0
}

.item-options dd {
    float: left;
    padding-left: 0;
    margin: 0 18px 0 10px;
    padding: 2px
}

.truncated {
    cursor: help
}

.truncated a.dots {
    cursor: help
}

.truncated a.details {
    cursor: help;
    color: #b69160
}

.truncated .truncated_full_value {
    position: relative;
    z-index: 999
}

.truncated .truncated_full_value .item-options {
    position: absolute;
    top: -99999em;
    left: -99999em;
    z-index: 999;
    width: 220px;
    padding: 8px;
    border: 1px solid #ddd;
    background-color: #d2d2d2
}

.truncated .truncated_full_value .item-options>p {
    font-weight: 500
}

.truncated .show .item-options {
    top: 12px;
    left: 30%;
    margin-left: -70px;
    color: #000
}

.checkout-cart-index .data-table>li.tableRow {
    background: #fff
}


.data-table {
    border: 1px solid #ddd;
    width: 100%;
    background: #fff
}

.data-table>li,
.data-table>li .row {
    display: inline-block;
    vertical-align: top;
    width: 100%
}



.data-table>li.heading {
    background: none repeat scroll 0 0 #f6f6f6;
    line-height: 38px
}

.data-table>li.heading div,
.data-table>li.heading div h2.product-name {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0
}

.data-table .shopping-cart-table .product-name {
    text-align: left;
    line-height: 14px;
    margin: 0;
}

.data-table>li.tableBottomRow {
    background: none repeat scroll 0 0 #f2f2f2;
    padding: 10px 0
}

.data-table>li .tableImg {
    float: left;
    padding: 10px;
    position: relative;
    height: 130px;
    width: 13%
}

.data-table>li .tableImg a.p-img {
    display: inline-block;
    max-width: 100%
}

.data-table>li .tableContent {
    float: left;
    width: 87%
}

.data-table>li .tableContent .product-name {
    margin-bottom: 10px;
    width: 100%;
    margin-top: 20px
}

.data-table>li .tableContent .row .row_product {
    width: 40%;
    float: left
}

.data-table>li .tableContent .price-box {
    clear: none;
    float: right;
    width: 49%;
    margin: 0
}

.data-table>li .tableContent .price-box.price-line-height {
    line-height: 10
}

.data-table>li .tableContent .price-box div {
    float: left;
    text-align: center
}

.data-table>li .tableContent .price-box .qty-wrap,
.data-table>li .tableContent .price-box .cart-price-box {
    width: 30%;
    border-left: 1px solid #ddd
}

.data-table>li .tableContent .price-box .cartDeta2,
.data-table>li .tableContent .price-box .Cartsep {
    width: 10%
}

.data-table>li .tableContent .price-box .cartDeta6 {
    float: left;
    width: 10%;
    text-align: center
}

.cart-msg .cart-item-id {
    overflow: hidden;
    padding: 30px 0;
    border-bottom: 1px solid #e6e6e6;
}

.cart-msg>li>div {
    float: left;
}

.cart-msg .table-input-sel {
    width: 40px;
    height: auto;
    text-align: center;
    margin-right: 10px;
    min-height: 100px;
}

.cart-house-title .box {
    float: left;
}

.cart-house-title .box,
.cart-total-sel,
.item-sel-box {
    width: 20px;
    height: 20px;
    position: relative;
}

.cart-house-title .box input,
.cart-total-sel input,
.item-sel-box input {
    float: none;
    margin: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-opacity: 0;
    position: relative;
    z-index: 99;
    border-radius: 100%;
    cursor: pointer;
}

.cart-house-title .box input:checked+span,
.cart-total-sel input:checked+span,
.item-sel-box input:checked+span {
    background: #e75200;
    border: none;
}

.cart-house-title .box span,
.cart-total-sel span,
.item-sel-box span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e6;
    color: #fff;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
    background: #fff;
}

.cart-msg .table-pro-img {
    width: 100px;
    height: auto;
    margin-right: 10px;
    position: relative;
}

.cart-msg .table-pro-img a {
    display: block;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
}

.table-pro-img .sign {
    width: 86px;
    height: 86px;
    position: absolute;
    top: 7px;
    left: 7px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 100px;
    text-align: center;
    display: none;
}

.pro-no-stock .table-pro-img .sign {
    display: block !important;
}

.table-pro-img .sign span {
    display: inline-block;
    width: 76px;
    height: 76px;
    background: #333;
    border-radius: 76px;
    border: 3px solid #fff;
    text-align: center;
    margin: 6px auto 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
}

.table-pro-img .sign span em {
    width: 56px;
    height: 56px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 16px;
    display: inline-block;
    font-style: normal;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
}

.pro-no-stock .row_product .cart-pro-option,
.pro-no-stock .table-pro-msg .row_product a,
.pro-no-stock .cart-qty-box input,
.pro-no-stock .subtotal .price,
.pro-no-stock .unitprice .special-price {
    color: #999 !important;
}

.cart-msg .table-pro-msg {
    width: 418px;
    height: auto;
    margin-right: 20px;
}

.cart-msg .table-pro-msg .row_product a {
    display: block;
    width: 100%;
    height: auto;
    color: #333;
}

.checkout-cart-index .row_product .cart-pro-option-lable {
    color: #333;
    font-size: 12px
}

.checkout-cart-index .row_product .cart-pro-option-box {
    text-align: left;
    background: #f8f8f8;
    display: inline-block;
    padding: 2px 4px;
    cursor: pointer;
    margin-top: 10px;
}

.checkout-cart-index .row_product .cart-pro-option {
    color: #666;
    font-size: 12px;
    float: left;
    margin-right: 6px;
}

.checkout-cart-index .row_product .cart-pro-option-box i {
    color: #979797;
    float: left;
    font-size: 14px;
    line-height: 18px;
}

.add-item-sign {
    width: 100%;
    height: auto;
    text-align: left;
    margin-top: 8px;
    display: none;
}

.add-item-sign span {
    width: auto;
    height: 18px;
    background: #ea271c;
    border-radius: 4px;
    font-size: 14px;
    padding: 0 10px;
    color: #fff;
    line-height: 18px;
}

.cart-add-item .add-item-sign {
    display: block !important;
}

.checkout-cart-index .row_product .codenotice {
    width: 100%;
    margin: 8px 0 0;
    text-align: left;
    color: #999;
    font-size: 12px;
}

.shopping-cart-table .product-name {
    font-family: 'opensans,helvetica,arial' !important;
    color: #f67b13
}

.cart-msg .unitprice {
    width: 141px;
    margin-right: 10px;
}

.cart-msg .unitprice span {
    display: block;
    width: 100%;
    height: auto;
    font-size: 14px;
}

.cart-msg .unitprice .special-price {
    color: #333333;
}

.cart-msg .unitprice .old-price {
    color: #999;
    text-decoration: line-through;
    margin-top: 10px;
}

.cart-msg .qty_parent {
    width: 153px;
    margin-right: 10px;
}

.cart-msg .subtotal {
    width: 92px;
    margin-right: 10px;
}

.cart-msg .subtotal .price {
    font-size: 14px;
    color: #ea271c;
}

.cart-msg .cart-operation {
    width: 144px;
}

.shopping-cart-table .cart-msg>li {
    border-bottom: 2px solid #ccc;
    vertical-align: top
}


.shopping-cart-table li:last-child {
    border-bottom: none
}

.shopping-cart-table tfoot td button.button span span {
    font-size: 14px
}

.data-table.cart-table tbody td {
    border-right: 0
}

.cart-no-stock {
    margin-top: 4px;
    color: #ea271c;
    font-size: 13px;
}

.data-table tbody.odd tr td,
.data-table tbody.even tr td {
    border-bottom: 0
}

.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td {
    border-bottom: 1px solid #d9dde3
}

.data-table tbody td .option-label {
    font-weight: 500;
    font-style: italic
}

.data-table tbody td .option-value {
    padding-left: 10px
}

.data-table .price-box .qty-wrap {
    float: left
}

.data-table .price-box .price {
    font-size: 16px;
    font-weight: 500
}

.regular-price {
    color: #c76200
}

.regular-price .price {
    font-weight: 500;
    font-size: 18px
}

.product-intro-info .regular-price .price {
    font-size: 28px
}


.block .regular-price,
.block .regular-price .price {
    color: #2f2f2f
}

.add-erro,
.add-success {
    width: 500px;
    height: 200px;
    background-color: #fff;
}

.add-erro .box,
.add-success .box {
    font-size: 0;
    text-align: center;
    margin-top: 20px;
}

.add-erro .box a,
.add-success .box a {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    margin: 0 10px;
    color: #000;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    text-align: center;
    background: #ff8a00;
    text-decoration: none;
    border-radius: 4px;
}

.add-success .box .go-cart {
    background: #e75200;
    color: #fff;
}

.add-erro .box .go-shopping,
.add-success .box .go-shopping {
    background: #fff;
    border: 1px solid #e75200;
    color: #e75200;
}

.add-erro span,
.add-success span {
    display: block;
    width: 36px;
    height: 36px;
    margin: 30px auto 20px;
    line-height: 36px;
    text-align: center;
}

.add-success span i {
    font-size: 28px;
    color: #e75200;
    border: 2px solid #e75200 !important;
    border-radius: 100%;
}

.add-erro span i {
    font-size: 36px;
    color: #ea271c;
    border: 2px solid #ea271c !important;
    border-radius: 100%;
}

.add-erro p,
.add-success p {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.add-erro .add-close,
.add-success .add-close {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    color: #999;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}

.add-success .add-close i {
    font-size: 20px;
    color: #999;
}

.cart-add-box {
    width: 1200px;
    height: auto;
    margin: 50px auto 40px;
}

.cart-add-box .title {
    width: 1200px;
    height: 40px;
    background: url(/default/images/addon.png) no-repeat;
    background-size: contain;
    border-radius: 4px;
    line-height: 40px;
    color: #fff;
    box-sizing: border-box;
    padding: 0 0 0 30px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

.cart-add {
    width: 100%;
    height: 600px;
    border-radius: 4px;
    background: #ececec;
    box-sizing: border-box;
    padding: 40px 30px;
    overflow-y: scroll;
}

.add-tiem {
    width: 550px;
    height: 240px;
    background: #ffffff;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
    float: left;
    margin: 20px 20px 0 0;
}

.add-tiem:nth-child(1),
.add-tiem:nth-child(2) {
    margin-top: 0 !important;
}

.add-tiem:nth-child(even) {
    margin-right: 0 !important;
}

.add-tiem .p-img {
    width: 182px;
    height: 182px;
    float: left;
    line-height: 182px;
    text-align: center;
}

.add-right-box {
    width: 298px;
    height: auto;
    min-height: 182px;
    margin-left: 30px;
    float: left;
    display: table;
}

.add-right {
    width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.add-tiem .product-name {
    display: block;
    text-align: left;
    display: block;
    overflow: hidden;
    max-height: 34px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 !important;
}

.add-tiem .pro-type {
    background-color: rgba(255, 255, 255, .94);
    border-radius: 0 0 2px 2px;
    position: absolute;
    left: 20px;
    bottom: 0;
    width: 182px;
    text-align: left;
    max-height: 0;
    overflow: hidden;
    z-index: 1;
}

.add-tiem .pro-type .add-sel {
    display: block;
    margin-bottom: 0;
    overflow: hidden
}

.add-tiem .pro-type .add-sel dt {
    text-align: left;
    color: #333
}

.add-tiem .pro-type .add-sel dt label {
    font-size: 14px;
    color: #333
}

.add-tiem .pro-type .add-sel dd {
    width: 98%;
    color: #333;
    font-weight: 400
}

.add-tiem .pro-type .add-sel dd>div>select {
    width: 92%;
    padding: 2px 5px;
    margin-bottom: 0
}

.add-price {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #ea271c;
    margin-top: 15px;
}

.add-price span {
    display: inline-block;
    font-size: 20px;
    color: #ea271c;
    margin-left: 5px;
    font-weight: 500;
    float: none !important;
}

.add-old-price {
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 16px;
    color: #999;
    margin-top: 15px;
}

.add-btn-box {
    width: 100%;
    height: auto;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
}

.add-bth {
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.add-bth span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: solid 2px #e5e5e5;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 40px;
    box-sizing: border-box;
    text-align: center;
    line-height: 38px;
}

.add-bth span i {
    color: #e5e5e5;
    font-size: 30px;
}

.add-bth input {
    display: inline-block;
    width: 40px;
    height: 40px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 !important;
}

.add-bth input:checked+span {
    background-image: linear-gradient(to bottom right, #F8790A, #EA271C);
    border: none;
}

.add-tiem:hover .pro-type {
    max-height: 999px;
    -moz-transition: all .3s linear .1s;
    -ms-transition: all .3s linear .1s;
    -o-transition: all .3s linear .1s;
    -webkit-transition: all .3s linear .1s;
    transition: all .3s linear .1s;
    bottom: 10px;
}

.cart-recommend {
    background-color: #FFF;
    border-bottom: 2px solid #ccc;
    padding: 60px 0;
}

.cart-recommend ul {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.catalog-category-view .cart-recommend {
    border: none;
}

.w-list-6 {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.w-list-6 li,
.catalog-category-view .cart-recommend ul .item,
.catalog-product-view .cart-recommend ul .item,
.checkout-cart-index .cart-recommend ul .item,
.checkout-onepage-index .cart-recommend ul .item {
    width: 183px;
    height: auto;
    margin-left: 20px;
}

.w-list-6 li:nth-child(1),
.catalog-category-view .cart-recommend ul .item:nth-child(1),
.catalog-product-view .cart-recommend ul .item:nth-child(1),
.checkout-cart-index .cart-recommend ul .item:nth-child(1),
.checkout-onepage-index .cart-recommend ul .item:nth-child(1) {
    margin-left: 0 !important;
}

.my-order .cart-recommend,
.my-account .cart-recommend {
    width: 100%;
}

.my-order .cart-recommend ul .item,
.my-account .cart-recommend ul .item {
    width: 212px;
    height: auto;
    margin-left: 20px;
}

.my-order .cart-recommend ul .item:nth-child(1),
.my-account .cart-recommend ul .item:nth-child(1) {
    margin-left: 0 !important;
}
.hexagon {
    display: block;
}
.hexagon > div {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
}
.hexagon:before {
    content: '';
    display: block;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    transform: rotate(-45deg);
    transform-origin: 0 0;
    position: absolute;
    top: 50%;
    left: 0;
}

.hexagon:after {
    content: '';
    display: block;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    transform: rotate(45deg);
    transform-origin: 100% 0;
    position: absolute;
    top: 50%;
    right: 0;
}
.triangle {
    float: left;
}
.triangle-left {
    border-top: 0.5em solid transparent !important;
    border-right: 0.5em solid #536877;
    border-bottom: 0.5em solid transparent !important;
}
.triangle-left-inner:after {
    content: '';
    display: block;
    position: absolute;
    left: 1.2px;
    top: 1px;
    border-top: calc(.5em - 1px) solid transparent!important;
    border-right: calc(.5em - 1px) solid #536877;
    border-bottom: calc(.5em - 1px) solid transparent!important;
}
.triangle-right-inner:after {
    content: '';
    display: block;
    position: absolute;
    right: 1.2px;
    top: 1px;
    border-top: calc(.5em - 1px) solid transparent!important;
    border-left: calc(.5em - 1px) solid #536877;
    border-bottom: calc(.5em - 1px) solid transparent!important;
}
.triangle-right {
    border-top: 0.5em solid transparent !important;
    border-left: 0.5em solid #536877;
    border-bottom: 0.5em solid transparent !important;
}
.triangle-middle {
    float: left;
    background-color: #536877;
}

.cart-recommend .title {
    margin-bottom: 20px;
    margin-left: 34px;
    border-bottom: 12px solid #536877;
}

.cart-recommend .title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    top: 56;
    right: -6px;
    position: absolute;
    border-top: 6px solid transparent;
    border-left: 6px solid #536877;
    border-bottom: 6px solid transparent;
}


.cart-recommend .title > span {
    display: inline-block;
    position: relative;
    background-color: #536877;
    font-family: Arial-Bold;
    font-size: 24px;
    line-height: 68px;
    color: #FFF;
    margin-bottom: -12px;
}

.cart-recommend .title > span:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    top: 0;
    left: -34px;
    position: absolute;
    border-top: 34px solid transparent;
    border-right: 34px solid #536877;
    border-bottom: 34px solid transparent;
}
.cart-recommend .title > span:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    top: 0;
    right: -34px;
    position: absolute;
    border-top: 34px solid transparent;
    border-left: 34px solid #536877;
    border-bottom: 34px solid transparent;
}

.recommend {
    width: 100%;
    height: auto;
}

.w-list-6 li .p-img,
.cart-recommend .item .p-img {
    width: 153px;
    height: 153px;
    line-height: 153px;
}

.add-layer {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    cursor: pointer;
}

.add-layer .box {
    width: 500px;
    height: 200px;
    background-color: #fff;
    display: block;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.add-layer .box p {
    margin: 85px auto 0;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.add-layer .box .cart-add-close {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    color: #999;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}

.add-layer .cart-add-close i {
    font-size: 20px;
    color: #999;
}

.clnews-newsitem-view .post-view .new-img img {
    width: 400px;
    height: auto;
}

.news_box {
    overflow: hidden;
    margin-bottom: 40px;
}

/*个人中心*/
.dashboard_img>.box-account {
    border: none
}

.dashboard_img .box-account .box-head {
    margin-bottom: 20px
}

.dashboard_img .box-account .box-head h2 {
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 4px;
    float: left;
    font-weight: 500;
    text-transform: uppercase;
    background-position: 0 0;
    background-repeat: no-repeat;
    font-family: 'opensans,helvetica,arial'
}

.box-account {
    border: 1px solid #ccc;
    margin: 0 0 20px;
    background: #fff;
    padding: 10px
}

.box-account .box-head {
    border-bottom: 1px solid #d9dde3;
    margin: 0 0 10px;
    text-align: right
}

.dashboard .box .box-title {
    padding: 0 0 4px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 14px;
    text-align: right;
    font-family: 'opensans,helvetica,arial'
}

.dashboard .box .box-title h3,
.dashboard .box .box-title h4 {
    float: left;
    font-weight: 500;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    font-family: 'opensans,helvetica,arial'
}

.dashboard .box .box-content p,
.dashboard .box .box-content address {
    color: #000;
    font-size: 14px;
    line-height: 20px
}

.dashboard .box .box-title a,
.dashboard .box .box-content a {
    font-family: myriadsetpro-semibold;
    font-size: 14px
}

.dashboard .welcome-msg .hello {
    width: 100%;
    height: auto;
    margin: 15px 0 30px
}

.dashboard .customer_msg_box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 30px 0
}

.dashboard .customer_msg_1 {
    width: 25%;
    height: auto;
    float: left;
    text-align: center
}

.dashboard .customer_msg_1 .customer_msg_bg {
    display: block;
    width: 100%
}

.dashboard .customer_msg_1 .customer_msg_bg a {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.dashboard .ad-account-info .customer_msg_bg a {
    background: url(/default/images/customer_msg1.png) no-repeat -13px -19px
}

.dashboard .customer_msg_balance .customer_msg_bg a {
    background: url(/default/images/customer_msg1.png) no-repeat -110px -19px
}

.dashboard .customer_msg_reviews .customer_msg_bg a {
    background: url(/default/images/customer_msg1.png) no-repeat -208px -19px
}

.dashboard .customer_msg_Shipping .customer_msg_bg a {
    background: url(/default/images/customer_msg1.png) no-repeat -305px -19px
}

.dashboard .welcome-msg p {
    margin: 0
}

.dashboard .col2-set {
    margin: 0 0 15px
}

.dashboard .box-info h4 {
    font-weight: 500;
    font-size: 12px;
    font-family: 'opensans,helvetica,arial';
    margin-bottom: 6px
}

.dashboard .box-reviews .number {
    float: left;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #0a263c
}

.dashboard .box-reviews .details {
    margin-left: 20px
}

.dashboard .box-reviews li.item {
    margin: 0 0 7px
}

.dashboard .box-reviews li.item.last {
    margin: 0
}

.dashboard .box-reviews .ratings {
    margin: 7px 0 0
}

.vs-information-box {
    width: 420px;
    margin: 0 auto;
}

.vs-information-box .form-list li {
    margin-bottom: 14px
}

.vs-information-box .form-list .customer-name label {
    display: block !important
}

.vs-information-box .required-fields {
    margin: 0
}

.addresses-list {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    padding: 11px 20px!important;
}
.addresses-list-box  .desc {
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 33px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 33px;
    display: flex;
    justify-content: space-between;
}
.addresses-list-box  .desc a {
    text-decoration: underline;
}
.addresses-list-box .addresses-additional .address-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}
.addresses-list-box .addresses-additional .address-title h2 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}
.addresses-list-box .addresses-additional .address-title a {
    text-decoration: underline;
    font-weight: 400;
}
.addresses-list-box h3 {
    font-weight: 500;
    font-size: 12px;
    font-family: 'opensans,helvetica,arial';
    margin-bottom: 6px
}

.addresses-list-box address {
    margin-bottom: 0;
    color: #333333;
    line-height: 30px;
}
.addresses-list-box address span {
    font-size: 16px;
    font-weight: 500;
}

.addresses-list-box p {
    margin: 0
}

.addresses-list-box a {
    margin-left: 20px;
    color: #333;
}

.addresses-list-box .separator {
    margin: 0 3px
}

.addresses-additional,
.addresses-primary {
    padding: 20px 20px 0
}

.addresses-additional h2,
.addresses-primary h2 {
    padding: 0 0 4px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 14px;
    font-family: 'opensans,helvetica,arial'
}

.addresses-list-box ol {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.addresses-list-box li.item {
    padding: 0;
    width: 266px;
    background: #FAFAFA;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-right: 17px;
    margin-bottom: 17px;
}
.addresses-list-box li.item:nth-child(3n) {
    margin-right: 0;
}
.addresses-list-box li.item:last-child {margin-right: 0;}
.addresses-list-box li.item > div {
    padding: 13px 10px 13px 19px;
    box-sizing: border-box;
    position: relative;
}
.addresses-list-box li.item:after {
    content: '';
    background: url(/default/images/suncent/index/address_bg.png);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: repeat-x;
    height: 6px;
    border-radius: 5px;
}
.addresses-list-box li.item .address-action {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.addresses-list-box li.item .address-action input {
    width: 17px;
    height: 17px;
    margin-right: 4px;
    vertical-align: sub;
}
.addresses-list-box li.item .address-action label.checked {
    color: #ec8200;
}
.addresses-list-box li.item .address-action i{font-weight: 500;}
.addresses-list-box li.empty {
    background: 0 0;
    border: 0;
    padding: 0
}

.wish-cart-all,
.addnew {
    margin: 10px 0 30px;
    text-align: center
}

.addnew {
    width: 830px
}

.my-account .buttons-set button,
.subscription-msg .buttons-set button,
.order-track-msg .track-btn,
.order-details .table-caption>a,
.vs-wallet .buttons-set button,
.vs-rewardpoints .points-btn,
.wish-cart-all button,
.newdrssform .buttons-set button,
.addnew .button {
    background: #e75200;
    display: inline-block;
    padding: 6px 18px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    cursor: pointer
}

.newdrssform {
    width: 552px;
    margin: 0 auto;
}

.newdrssform .form-list .wide {
    position: relative;
    margin-bottom: 12px;
}
.newdrssform .form-list li input,.newdrssform .form-list select{
    border: 1px solid #ccc;
    border-radius: 2px;
}
.newdrssform .select2-container .select2-selection--single {
    height: 40px;
    border-radius: 2px;
}
.newdrssform .select2-container--default .select2-selection--single .select2-selection__rendered, .newdrssform .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
}
.newdrssform .buttons-set button {
    width: 100%;
    height: 56px;
    background: #EC8200;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
}
.newdrssform .form-list li .addressshow {
    display: block !important
}
.newdrssform .set-default {
    display: flex;
    align-items: center;
}
.newdrssform .set-default .radio {
    margin: 0;
}
.newdrssform .set-default label {
    padding: 0;
    margin-left: 8px;
    font-weight: normal;
    font-size: 16px;
}
.newdrssform .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 14px!important;
    color: #777!important;
}
.newdrssform .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent !important;
}
.newdrssform .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent !important;
}
.newdrssform .form-list li.control {
    margin-bottom: 8px;
    overflow: hidden
}
.newdrssform button.btn {
    display: block;
    width: 100%!important;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #ec8200!important;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 0;
    border: none;
    border-radius: 2px;
    margin-top: 32px!important;
}
.newdrssform .form-list li.nocontrol {
    display: none !important
}

.form-list li.control label {
    margin: 0;
    padding: 0;
    float: left
}

.form-list li.control input.checkbox {
    float: left;
    margin-top: 4px
}

.my-account .buttons-set,
.newdrssform .buttons-set {
    text-align: center;
    margin-top: 30px
}

.my-account .buttons-set button,
.vs-wallet .buttons-set button,
.vs-rewardpoints .vs-subscribe .points-btn,
.newdrssform .buttons-set button {
    float: none;
    margin-left: 0
}

.product-review .product-img-box {
    float: left;
    width: 140px
}

.product-review .product-img-box .p-img {
    display: block;
    width: 125px;
    height: 125px
}

.product-review .product-img-box .label {
    font-size: 11px;
    margin: 0 0 3px
}

.product-review .product-details {
    padding: 20px
}

.product-review .product-name {
    font-size: 16px;
    margin: 0 0 10px
}

.product-review h3 {
    font-size: 12px;
    margin: 0 0 3px;
    color: #2f2f2f
}

.product-review .ratings-table {
    margin: 0 0 10px;
    overflow: hidden
}

.product-review .ratings-table span {
    display: inline-block;
    float: left
}

.product-review .ratings-table .rating-box {
    float: left;
    margin: 4px 0 0 10px
}

.product-review dd {
    font-size: 13px;
    margin: 5px 0 0
}

.my-order {
    padding-bottom: 40px;
}

.my-order .order-reviews-msg li {
    overflow: hidden;
    margin-bottom: 18px
}

.my-order .order-reviews-msg li:last-child {
    margin-bottom: 0
}

.vs-my-order .order-reviews-msg li>div {
    float: left
}

.vs-my-order .order-reviews-title li .reviews-time,
.vs-my-order .order-reviews-msg li .reviews-msg-time {
    width: 130px
}

.vs-my-order .order-reviews-title li .reviews-proname,
.vs-my-order .order-reviews-msg li .reviews-msg-proname {
    width: 180px;
    margin-right: 10px
}

.vs-my-order .order-reviews-title li .reviews-summary-rating,
.vs-my-order .order-reviews-msg .reviews-msg-rating {
    width: 160px
}

.vs-my-order .order-reviews-title li .reviews-detail,
.vs-my-order .order-reviews-msg .reviews-msg-detail {
    width: 266px;
    margin-right: 10px
}

.vs-my-order .order-reviews-title li .reviews-operation,
.vs-my-order .order-reviews-msg .reviews-msg-operation {
    width: 120px
}

.reviews-msg-proname .product-name {
    text-align: left;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 36px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 17px;
}

.reviews-msg-detail {
    font-size: 12px;
}

.reviews-msg-proname .product-name a {
    font-size: 14px;
}

.order-reviews-msg .reviews-msg-detail p {
    margin: 0;
    font-size: 12px;
    text-align: left;
}

.my-account {
    margin-bottom: 40px;
}

.points-line {
    border-bottom: 1px solid #e5e5e5
}

.vs-rewardpoints .account-box {
    margin: 0;
    background: #fff
}

.vs-rewardpoints .account-box .box-head {
    text-align: left;
    padding: 12px 0;
    font-weight: 500;
}

.vs-rewardpoints .account-box .box-head h2 {
    font-size: 14px;
    font-weight: 500
}

.order-reviews-msg,
.ordertrack,
.vs-wallet,
.rewardpoints-msg {
    padding: 20px
}

.rewardpoints-msg span {
    color: #c33;
    font-size: 16px;
    font-weight: 500;
}

.rewardpoints-msg em {
    color: #c33;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
}

.rewardpoints-msg a {
    color: #3c9ffc;
    text-decoration: none !important;
    cursor: pointer;
}

.vs-wallet .wallet-num .price {
    color: #c33;
    font-size: 16px
}

.vs-rewardpoints .data-table {
    border: none
}

.vs-my-order .vs-order-msg,
.vs-rewardpoints .points-msg {
    padding: 20px
}

.vs-my-order ul li span,
.vs-rewardpoints ul li span {
    display: inline-block;
    float: left;
    text-align: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 14px;
}

.order-reviews-title,
.vs-rewardpoints .points-title {
    padding: 0 20px;
    background: #f5f5f5
}

.order-reviews-title li,
.vs-rewardpoints .points-title li {
    height: 44px;
    line-height: 44px;
    color: #333;
    font-weight: 500
}

.vs-rewardpoints .points-msg li {
    margin-bottom: 18px
}

.vs-rewardpoints .points-title li .points-date,
.vs-rewardpoints .points-msg li .points-msg-date {
    width: 190px
}

.vs-rewardpoints .points-title li .points-value,
.vs-rewardpoints .points-msg li .points-msg-value {
    width: 190px
}

.vs-rewardpoints .points-title li .points-balance,
.vs-rewardpoints .points-msg li .points-msg-balance {
    width: 190px
}

.vs-rewardpoints .points-title li .points-note,
.vs-rewardpoints .points-msg li .points-msg-note {
    width: 308px
}

.vs-rewardpoints .points-msg li .points-msg-note b {
    font-weight: 400
}

.vs-rewardpoints .points-msg li:last-child {
    margin-bottom: 0
}

.vs-wallet .wallet-subscribe .buttons-set,
.vs-rewardpoints .vs-subscribe .buttons-set {
    text-align: left;
    margin-top: 20px
}

.vs-wallet .wallet-num {
    margin-bottom: 12px
}

.points-filter-box .points-filter {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 20px;
    margin-bottom: 20px;
}

.points-filter-box .points-filter ul {
    overflow: hidden;
}

.points-filter-box .points-filter ul li {
    display: inline-block;
    height: 48px;
    box-sizing: border-box;
    margin-right: 30px;
    vertical-align: top;
    overflow: hidden;
}

.points-filter-box .points-filter ul li a {
    display: inline-block;
    font-size: 16px;
    color: #333;
    height: 46px;
    line-height: 46px;
}

.points-filter-box .points-filter ul li.on a {
    border-bottom: 2px solid #b69160;
    font-weight: 500;
}

.vs-rewardpoints .points-filter-box .points-title,
.vs-rewardpoints .points-filter-box .points-msg {
    width: 876px;
    margin: 0 auto;
}

.vs-rewardpoints .points-filter-box .points-title,
.vs-rewardpoints .points-filter-box .points-msg {
    padding: 0;
}

.vs-rewardpoints .points-filter-box .points-title {
    border: 1px solid #e5e5e5;
}

.vs-rewardpoints .points-filter-box .points-msg {
    border: 1px solid #e5e5e5;
    border-top: none;
}

.vs-rewardpoints .points-filter-box .points-msg li {
    margin: 0;
    padding: 14px 0;
    border-bottom: 1px solid #e5e5e5;
}

.vs-rewardpoints .points-filter-box .points-msg li:last-child {
    border-bottom: none;
}

.vs-rewardpoints .points-filter-box .points-msg li span,
.vs-rewardpoints .points-filter-box .points-title li span {
    padding: 0 20px;
}

.vs-rewardpoints .points-filter-box .points-title li .points-date,
.vs-rewardpoints .points-filter-box .points-msg li .points-msg-date {
    width: 180px;
}

.vs-rewardpoints .points-filter-box .points-title li .points-value,
.vs-rewardpoints .points-filter-box .points-msg li .points-msg-value {
    width: 145px;
}

.vs-rewardpoints .points-filter-box .points-title li .points-balance,
.vs-rewardpoints .points-filter-box .points-msg li .points-msg-balance {
    width: 145px;
}

.vs-rewardpoints .points-filter-box .points-title li .points-note,
.vs-rewardpoints .points-filter-box .points-msg li .points-msg-note {
    width: 245px;
}

.about-points-box,
.about-points-top {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.about-points-box>div {
    margin-bottom: 30px;
}

.about-points-box h2 {
    font-size: 16px;
    color: #333;
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: 500;
    font-family: 'Arial-Bold';
}

.about-points-top p {
    line-height: 22px;
    font-size: 14px;
    color: #000;
    margin: 0;
}

.about-points-middle ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 0;
}

.about-points-middle ul li {
    display: inline-block;
    vertical-align: top;
    width: 442px;
    height: 118px;
    margin-right: 30px;
    margin-bottom: 20px;
    background: #f5f5f5;
    /*box-shadow: 1px 1px 3px #999;*/
}

.about-points-middle ul li:nth-child(2n) {
    margin-right: 0;
}

.about-points-middle ul li .imgBox {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 118px;
    height: 118px;
    text-align: center;
}

.about-points-middle ul li .imgBox img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
}

.about-points-middle ul li .imgBox h3 {
    position: relative;
    font-size: 32px;
    height: 36px;
    line-height: 36px;
    color: #ea271c;
    font-style: normal;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 0;
}

.about-points-middle ul li .imgBox h6 {
    position: relative;
    font-weight: none;
    font-size: 16px;
    color: #ce7f12;
    margin: 0;
}

.about-points-middle ul li .txtBox {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 308px;
    height: 118px;
    padding-left: 10px;
}

.about-points-middle ul li .txtBox span {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 20px;
    font-size: 14px;
    color: #666;
    padding-right: 10px;
}


/*订单中心*/
.vs-my-order .addresses-list {

    border: none;
    padding: 11px 0;
}

.order-menu-box {
    margin-bottom: 50px;
}

.order-menu {
    width: 630px;
    height: 44px;
    border-bottom: 1px solid #e5e5e5;
    float: left;
}

.order-menu>div {
    width: auto;
    height: 44px;
    color: #333;
    display: inline-block;
    position: relative;
    padding: 0 20px 0 0;
    float: left;
    cursor: pointer;
}

.order-menu-sel span {
    display: block;
    height: 44px;
    padding-right: 5px;
}

.order-menu-sel span em {
    display: inline-block;
    height: 44px;
    font-size: 14px;
    color: #333;
    line-height: 44px;
    font-style: normal;
}

.order-menu>div>a {
    display: block;
    padding: 0 5px;
    height: 44px;
    font-size: 14px;
    color: #333;
    line-height: 44px;
}

.order-menu-sel span:hover em,
.order-menu-sel span:hover i,
.order-menu>div>a:hover {
    color: #cf3334;
}

.order-menu>div>b {
    display: inline-block;
    padding: 0 3px;
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    background: #cf3334;
    position: absolute;
    top: 3px;
    right: 8px;
    font-weight: normal;
}
.order-search {
    width: 262px;
    height: 35px;
    float: right;
    box-sizing: border-box;
    overflow: hidden;
    border: 2px solid #BBB;
}

.order-search input {
    width: 200px;
    height: 100%;
    border: none;
    padding-left: 5px;
    float: left;
}

.order-search button {
    width: 52px;
    height: 35px;
    background-color: #BBB;
    position: absolute;
    right: 0;
    top: 0;
}

.order-search button i {
    font-size: 32px;
    color: #FFF;
}



.vsorder-proname {
    line-height: 16px !important;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.vsorder-proname a {
    color: #333;
}

.vsorder-name-box .vsorder-proname,
.vsorder-name-box .item-options {
    padding-left: 130px;
}

.vsorder-name-box .item-options dt,
.vsorder-name-box .item-options dd {
    color: #999;
    font-weight: normal;
    font-size: 12px;
}

.order-box .content ul li .vsorder-qty {
    width: 90px;
    height: auto;
    float: left;
    padding: 0;
}

.vsorder-status-box span,
.vsorder-qty span,
.vsorder-status-box a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    font-size: 14px;
    float: inherit !important;
}

.vsorder-qty span em {
    font-style: normal;
    font-size: 14px;
}

.order-box .content .vsorder-status-box {
    width: 130px;
    height: auto;
    float: left;
    padding: 20px 0 0 20px;
    border-top: 1px solid #e5e5e5 !important;
    margin-right: 20px;
}

.vsorder-status-box .vsorder-status {
    font-size: 14px;
    display: block;
    width: 100%;
    float: inherit;
}

.vsorder-status-box .order-track,
.vsorder-status-box .reorder {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #5d80d1;
    float: inherit;
    cursor: pointer;
}

.vsorder-status-box .order-receipt em {
    display: inline-block;
    padding: 5px 6px;
    background-color: #e75200;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    cursor: pointer;
}

.order-box .content .vsorder-sub {
    width: 88px;
    height: auto;
    padding: 0;
    /* font-weight: 500; */
    text-align: center;
}

.order-box .content .vsorder-sub:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.order-box .content .vsorder-sub span {
    /* display: inline-block; */
    vertical-align: middle;
    width: 92%;
}

.order-box .content .vsorder-operation {
    width: 120px;
    height: auto;
    text-align: center;
}

.order-box .content .vsorder-operation:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.order-box .content .vsorder-operation a {
    font-size: 14px;
    color: #5d80d1;
    display: inline-block;
    vertical-align: middle;
    width: 92%;
}

.order-arrow-left,
.order-arrow-right {
    position: absolute;
    height: 50px;
    cursor: pointer;
    line-height: 50px;
    width: 24px;
    text-align: center;
    top: 50%;
    margin-top: -25px;
    background: #fff;
    z-index: 10;
    transition: all .5s ease;
    text-decoration: none;
    display: none;
}

.order-arrow-left {
    left: -24px;
}

.order-arrow-right {
    right: 0;
}

.order-arrow-left i,
.order-arrow-right i {
    font-size: 28px;
    color: #ccc;
    font-weight: 500;
}

.order-arrow-left:hover i,
.order-arrow-right:hover i {
    color: #ea271c;
}

.noscroll {
    overflow: hidden;
}

.order-track-box {
    width: 800px;
    height: 500px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1000;
    background-color: #fff;
    padding: 40px 10px;
}

.order-track-box>span {
    display: inline-block;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    cursor: pointer;
    line-height: 36px;
}

.order-track-box>span i {
    font-size: 20px;
    color: #333;
}

.vs-my-order .vs-order-msg li .order-msg-num {
    width: 150px
}

.vs-my-order .vs-order-msg li .order-msg-time {
    width: 150px
}

.vs-my-order .vs-order-msg li .order-msg-value {
    width: 150px
}

.vs-my-order .vs-order-msg li .order-msg-status {
    width: 150px
}

.vs-my-order .vs-order-msg li .order-msg-operation {
    width: 276px
}

.vs-my-order .vs-order-msg li {
    margin-bottom: 18px
}

.vs-my-order .vs-order-msg li:last-child {
    margin-bottom: 0
}

.order-msg-operation .separator {
    margin: 0 8px;
    color: #999;
    font-weight: 400
}
.vsorder-total {text-align: right;}
.vsorder-totals {
    width: 392px;
    overflow: hidden;
    padding: 20px 20px 0;
    float: right;
}
.clear:after {
    content: '';
    display: block;
    clear: both;
}
.vsorder-totals tr td {
    padding: 16px;
    border-bottom: 1px solid #ccc;
}
.vsorder-totals tr td.last {
    font-size: 20px;
}
.vsorder-totals tr td.last strong {
    
    font-weight: 500;
    color: #FF1200;
}
.vsorder-totals tr:last-child td {
    border-bottom:none;
}

.vs-no-order {
    padding: 20px;
    border-top: 1px solid #e5e5e5
}

.order-list-operation {
    float: right
}

.vs-ordermsg {
    margin-bottom: 40px;
}

.ordermsg-num {
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
}

.order-date {
    margin: 0 0 0 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.link-print {
    display: inline-block;
    font-size: 12px;
    color: #4d6cbe;
    float: right;
}

.order-msg-box {
    margin-bottom: 20px
}

.order-msg-box .box {
    width: 40%;
    height: auto;
    float: left
}

.box-shippingmethod,
.box-shippingadress {
    margin-right: 60px
}

.order-msg-box .box-title span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 6px;
    margin-bottom: 10px
}

.order-msg-box .box-payment p {
    margin: 0 0 3px
}

.order-msg-box .box-payment strong {
    font-weight: 400
}

.order-items {
    width: 100%
}

.order-items .product-name a {
    color: #333
}

.order-items .link-print {
    color: #1e7ec8;
    font-weight: 400
}

.order-items .order-links {
    text-align: right
}

.order-additional {
    margin: 15px 0
}

.order-items.order-details {
    width: 100%;
    display: block;
    margin: 0 auto;
    border: 1px solid #ccc;
}

.order-invoice-title {
    overflow: hidden;
    background: #e5e5e5;
    padding: 0 20px;
}
.order-main-msg .order-msg-warehouse .my-order-warehouse {background: #EEEEEE;}
.order-warehouse-title {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 0 auto;
    padding: 0 20px;
}

.vsorder-print .order-invoice-title {
    border-bottom: 1px solid #e5e5e5
}

.order-invoice-title li {
    float: left;
    height: 44px;
    line-height: 44px;
    color: #333;
    font-weight: 500
}

.order-warehouse-title li {
    float: left;
    height: 44px;
    line-height: 44px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
}

.order-house-title {
    width: auto;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    background-color: #f5f5f5;
    overflow: hidden;
}

.order-house-title-l {
    width: auto;
    height: 44px;
    float: left;
}

.order-house-title-l span {
    display: inline-block;
    font-weight: 500;
}

.order-house-title-l .order-Status {
    display: inline-block;
    margin-left: 10px;
}

.order-house-title-c {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #999;
    margin-left: 15px;
    font-size: 12px;
}

.order-house-title-r {
    width: auto;
    height: auto;
    float: right;
    overflow: hidden;
}

.order-house-title-r a,
.order-house-title-r span {
    display: inline-block;
    float: left;
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    margin: 6px 15px 0 0;
    cursor: pointer;
}

.order-house-title-r a {
    background-color: #fffbf2;
    border: 1px solid #e75200;
    color: #e75200;
    font-size: 14px;
    border-radius: 4px;
    width: 60px;
    text-align: center;
}

.order-house-title-r span {
    color: #fff;
    background-color: #e75200;
    border: 1px solid #e75200;
    font-size: 14px;
    border-radius: 3px;
}

.order-house-title-r span:last-child {
    margin-right: 0;
}

.my-orders-table {
    padding: 20px
}

.my-orders-table ul li {
    overflow: hidden;
    padding-bottom: 20px
}

.my-orders-table ul li:last-child {
    padding-bottom: 0
}

.my-orders-table ul li>div {
    float: left;
    overflow: hidden
}

.order-invoice-proname,
.vsorder-proname-box,
.order-warehouse-title .order-warehouse-proname {
    width: 388px;
    margin-right: 10px
}

.order-invoice-sku,
.vsorder-price,
.order-warehouse-title .order-warehouse-proprice {
    width: 120px;
}

.order-invoice-price,
.vsorder-qty,
.order-warehouse-title .order-warehouse-qty {
    width: 120px;
}

.order-invoice-qty,
.vsorder-sub,
.order-warehouse-title .order-warehouse-sub {
    width: 120px;
}

.order-invoice-sub,
.vsorder-operation,
.order-warehouse-title .order-warehouse-operation {
    width: 120px;
}

.order-invoice-proname .product-name,
.vsorder-proname .vsproduct-name {
    line-height: 16px !important;
    font-size: 14px;
    font-weight: 400;
    margin: 0
}

.vsorder-proname img {
    float: left;
    padding-right: 0;
    margin-right: 12px;
    border: 1px solid #ccc
}

.vsorder-proname .vsproduct-name a {
    color: #333
}

.vsorder-print .vsorder-proname-box .item-options dl,
.my-account .order-details .item-options dl {
    overflow: hidden;
    width: 100%
}

.vsorder-print .vsorder-proname-box .item-options dt,
.vsorder-print .vsorder-proname-box .item-options dd,
.my-account .order-details .item-options dt,
.my-account .order-details .item-options dd {
    float: left;
    width: auto;
    font-size: 12px;
    color: #999;
}

.vsorder-print .vsorder-proname-box .item-options dt,
.my-account .order-details .item-options dt {
    font-style: normal;

    font-weight: 400;
    color: #999;
}

.vsorder-print .vsorder-proname-box .item-options dd,
.my-account .order-details .item-options dd {

    color: #999;
}

.shipping-msg-name dl,
.order-invoice-proname dl {
    overflow: hidden
}

.vsorder-proname-box dl {
    width: auto;
    height: auto;
    margin: 0;
    overflow: hidden;
}

.order-main-msg .order-msg-warehouse {
    border-bottom: none
}

.order-invoice .order-msg-warehouse {
    border-bottom: none;
    padding-top: 0
}

.order-details .table-caption {
    width: auto;
    height: auto;
    padding: 30px;
    border-top: 1px solid #e5e5e5
}

.invoice-title {
    width: auto;
    height: auto
}

.invoice-title p {
    width: auto;
    padding: 20px;
    text-align: right;
    margin: 0;
    text-decoration: underline
}

.invoice-title p a {
    font-weight: 500 !important;
    color: #ea271c !important;
    font-size: 12px
}

.invoice-title .invoice-print {
    text-align: left;
    padding: 0 0 4px 20px
}

.invoice-title .invoice-print em,
.invoice-title .invoice-print a {
    font-weight: 500;
    color: #ea271c !important;
    font-size: 12px;
    font-style: normal
}

.shipping-msg-name,
.order-shipment-proname {
    width: 416px;
    margin-right: 10px
}

.shipping-msg-sku,
.order-shipment-sku {
    width: 250px
}

.shipping-msg-qty,
.order-shipment-qty {
    width: 200px
}

.order-shipping .order-msg-warehouse {
    padding: 0
}

.order-track-msg {
    padding: 20px
}

.order-tracknum {
    margin-bottom: 20px
}

.order-tracknum em {
    font-style: normal;
    margin-left: 10px
}

.order-track-msg .track-btn {
    margin-bottom: 20px
}

.subscription-msg {
    padding: 20px
}

.subscription-msg .form-list li.control label {
    margin: 0;
    padding: 0;
    float: left
}

.subscription-msg .buttons-set {
    text-align: left;
    margin-top: 20px
}

.subscription-msg .buttons-set button {
    float: none;
    margin: 0
}

.sales-order-printshipment .print-head,
.sales-order-printinvoice .print-head,
.sales-order-print .print-head,
.vsorder-print {
    width: 918px;
    height: auto;
    margin: 0 auto !important
}

/*-------------- 个人中心 wishlist ---------*/

.wishlist-msg {
    width: 100%;
    height: auto;
}

.wishlist-msg ul {
    overflow: hidden;
}

.wishlist-msg ul li {
    width: 212px;
    height: auto;
    margin: 0 15px 20px 0;
    float: left;
    position: relative
}

.wishlist-msg ul li .p-img {
    display: block;
    width: 182px;
    height: 182px;
    line-height: 182px;
    text-align: center;
}

.wishlist-msg ul li:nth-child(4n) {
    margin-right: 0;
}

.wishlist-msg ul li .wishitemmsg .p-img {
    width: 88%
}

.wishlist-msg ul li .btn-cart,
.wishlist-msg ul li .wish-remove {
    display: none;
    background: #ddd;
    color: #333;
    border-radius: 50%;
    padding: 0;
    width: 34px;
    height: 34px;
    line-height: 36px;
    text-align: center
}

.wishlist-msg ul li .btn-cart {
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 9
}

.wishlist-msg ul li .wish-remove {
    position: absolute;
    top: 44px;
    right: 10px;
    z-index: 9;
    line-height: 34px;
    margin: 0
}

.wishlist-msg ul li .btn-cart i,
.wishlist-msg ul li .wish-remove i {
    font-size: 26px
}

.wishlist-msg ul li .btn-cart:hover,
.wishlist-msg ul li .wish-remove:hover {
    color: #fff !important;
    background: #ea2b38 none repeat scroll 0 0
}

.wishlist-msg ul li:hover .btn-cart,
.wishlist-msg ul li:hover .wish-remove {
    display: block
}

.my-wishlist .wishlist-empty {
    padding: 20px 20px 0
}


/*---------- affiliate ------------*/
.affiliate-box .logos {
    margin-top: 0 !important;
}

.affiliate-box .logos li {
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 55px 0 30px 0;
}

.affiliate-box .logos li > div {
    width: 132px;
    height: 132px;
    margin: 0 auto;
    display: block;
    background: #332725;
    border-radius: 50%;
    padding-top: 15px;
    box-sizing: border-box;
}
.affiliate-box .logos li .icon {
    color: #ffc754;
    font-size: 58px;
    height: 58px;
    display: block;
}

.affiliate-box .logos li .title {
    margin: 0;
    color: #ffc754;
    font-family: Arial-Bold;
    font-size: 18px;
}

.affiliate-box .logos li .msg {
    font-size: 14px;
    margin-top: 20px;
}
.affiliate-box .steps {
    margin-left: 125px;
}
.affiliate-box .steps > li {
    font-size: 18px;
}
.affiliate-box .steps > li p {
    margin-top: 25px;
}
.affiliate-box .steps > li:not(:first-child) {
    margin-top: 40px;
}
.affiliate-box .steps > li:before {
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    left: 54px;
    background-size: 100%;
}
.affiliate-box>.w .steps:before {
    content: "";
    display: block;
    width: 1px;
    border-left: 2px dotted #BBBBBB;
    position: absolute;
    left: 75px;
    top: 150px;
    bottom: 150px;
}
.affiliate-box .steps > li:nth-child(1):before {
    background-image: url(/default/images/affiliate/link.png);
}
.affiliate-box .steps > li:nth-child(2):before {
    background-image: url(/default/images/affiliate/input.png);
}
.affiliate-box .steps > li:nth-child(3):before {
    background-image: url(/default/images/affiliate/click.png);
}
.affiliate-main {
    height: auto;
    margin-top: 25px;
    background: #fff;
    position: relative;
}

.affiliate-box > .w {
    margin-top: 60px;
    background: #FFF;
    overflow: hidden;
}

.affiliate-box > .w .box-title {
    text-align: center;
    font-size: 30px;
    margin: 40px 0;
    font-weight: 500;
}

.affiliate-box > .w .box {
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 50px;
}

.affiliate-box > .w .box .list {
    margin-left: 60px;
    width: 510px;
    height: auto;
    box-sizing: border-box;
    position: relative;
}
.affiliate-box > .w .box .list:before {
    content: "";
    height: 42px;
    width: 42px;
    background-size: 100%;
    position: absolute;
    left: -60px;
    top: 0;
}
.affiliate-box > .w .box .list:first-child:before {
    background-image: url(/default/images/affiliate/service.png);
}
.affiliate-box > .w .box .list:last-child:before {
    background-image: url(/default/images/affiliate/group.png);
}

.affiliate-box > .w .box .list-title {
    margin: 0 0 25px;
    line-height: 42px;
    font-size: 18px;
    font-family: Arial-Bold;
}

.affiliate-main .box .list p {
font-size: 18px;
color: #666;
margin: 0;
}

.affiliate-main .se-title {
text-align: center;
font-size: 30px;
margin: 100px auto 80px;
font-weight: 500;
}

.affiliate-main .share {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 35px;
}

.affiliate-main .share a {
    display: inline-block;
    margin: 0 auto;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
    transition: all .3s ease;
}
.affiliate-main .share a:hover {
    transform: scale(1.02);
}

/*----------------国旗--------------------*/


.ept_AD {
    background-position: 0 -23841px
}

.ept_AE {
    background-position: 0 -78px
}

.ept_AF {
    background-position: 0 -158px
}

.ept_AG {
    background-position: 0 -240px
}

.ept_AI {
    background-position: 0 -318px
}

.ept_AJ {
    background-position: 0 -398px
}

.ept_AL {
    background-position: 0 -480px
}

.ept_AM {
    background-position: 0 -558px
}

.ept_AN {
    background-position: 0 -640px
}

.ept_AO {
    background-position: 0 -720px
}

.ept_AQ {
    background-position: 0 -800px
}

.ept_AR {
    background-position: 0 -880px
}

.ept_AS {
    background-position: 0 -958px
}

.ept_AT {
    background-position: 0 -1040px
}

.ept_AU {
    background-position: 0 -1118px
}

.ept_AW {
    background-position: 0 -1200px
}

.ept_AZ {
    background-position: 0 -1278px
}

.ept_BA {
    background-position: 0 -1360px
}

.ept_BB {
    background-position: 0 -1440px
}

.ept_BD {
    background-position: 0 -1520px
}

.ept_BE {
    background-position: 0 -1600px
}

.ept_BF {
    background-position: 0 -1680px
}

.ept_BG {
    background-position: 0 -1760px
}

.ept_BH {
    background-position: 0 -1840px
}

.ept_BI {
    background-position: 0 -1920px
}

.ept_BJ {
    background-position: 0 -2000px
}

.ept_BK {
    background-position: 0 -2078px
}

.ept_BM {
    background-position: 0 -2158px
}

.ept_BN {
    background-position: 0 -2238px
}

.ept_BO {
    background-position: 0 -2320px
}

.ept_BP {
    background-position: 0 -2400px
}

.ept_BR {
    background-position: 0 -2480px
}

.ept_BS {
    background-position: 0 -2558px
}

.ept_BT {
    background-position: 0 -2640px
}

.ept_BV {
    background-position: 0 -2720px
}

.ept_BW {
    background-position: 0 -2800px
}

.ept_BY {
    background-position: 0 -2878px
}

.ept_BZ {
    background-position: 0 -2960px
}

.ept_CA {
    background-position: 0 -3038px
}

.ept_CC {
    background-position: 0 -3118px
}

.ept_CD {
    background-position: 0 -3200px
}

.ept_CE {
    background-position: 0 -3278px
}

.ept_CF {
    background-position: 0 -3360px
}

.ept_CG {
    background-position: 0 -3440px
}

.ept_CH {
    background-position: 0 -3520px
}

.ept_CI {
    background-position: 0 -3600px
}

.ept_CK {
    background-position: 0 -3678px
}

.ept_CL {
    background-position: 0 -3760px
}

.ept_CM {
    background-position: 0 -3840px
}

.ept_CN {
    background-position: 0 -3920px
}

.ept_CO {
    background-position: 0 -4000px
}

.ept_CQ {
    background-position: 0 -4078px
}

.ept_CR {
    background-position: 0 -4160px
}

.ept_CS {
    background-position: 0 -4240px
}

.ept_CU {
    background-position: 0 -4318px
}

.ept_CV {
    background-position: 0 -4400px
}

.ept_CW {
    background-position: 0 -4478px
}

.ept_CX {
    background-position: 0 -4558px
}

.ept_CY {
    background-position: 0 -4640px
}

.ept_CZ {
    background-position: 0 -4720px
}

.ept_DA {
    background-position: 0 -4800px
}

.ept_DE {
    background-position: 0 -4880px
}

.ept_DJ {
    background-position: 0 -4960px
}

.ept_DK {
    background-position: 0 -5038px
}

.ept_DM {
    background-position: 0 -5118px
}

.ept_DO {
    background-position: 0 -5200px
}

.ept_DR {
    background-position: 0 -5280px
}

.ept_DZ {
    background-position: 0 -5360px
}

.ept_EC {
    background-position: 0 -5438px
}

.ept_EE {
    background-position: 0 -5520px
}

.ept_EG {
    background-position: 0 -5600px
}

.ept_EH {
    background-position: 0 -5678px
}

.ept_EK {
    background-position: 0 -5760px
}

.ept_EN {
    background-position: 0 -5840px
}

.ept_ER {
    background-position: 0 -5918px
}

.ept_ES {
    background-position: 0 -6000px
}

.ept_ET {
    background-position: 0 -6080px
}

.ept_EZ {
    background-position: 0 -6160px
}

.ept_FI {
    background-position: 0 -6238px
}

.ept_FJ {
    background-position: 0 -6318px
}

.ept_FK {
    background-position: 0 -6398px
}

.ept_FM {
    background-position: 0 -6480px
}

.ept_FO {
    background-position: 0 -6560px
}

.ept_FR {
    background-position: 0 -6640px
}

.ept_FX {
    background-position: 0 -6720px
}

.ept_GA {
    background-position: 0 -6800px
}

.ept_GD {
    background-position: 0 -6960px
}

.ept_GE {
    background-position: 0 -7040px
}

.ept_GF {
    background-position: 0 -7120px
}

.ept_GG {
    background-position: 0 -7200px
}

.ept_GH {
    background-position: 0 -7280px
}

.ept_GI {
    background-position: 0 -7358px
}

.ept_GL {
    background-position: 0 -7440px
}

.ept_GM {
    background-position: 0 -7520px
}

.ept_GN {
    background-position: 0 -7600px
}

.ept_GP {
    background-position: 0 -7680px
}

.ept_GP {
    background-position: 0 -7760px
}

.ept_GR {
    background-position: 0 -7840px
}

.ept_GS {
    background-position: 0 -7918px
}

.ept_GT {
    background-position: 0 -8000px
}

.ept_GU {
    background-position: 0 -8078px
}

.ept_GV {
    background-position: 0 -8160px
}

.ept_GW {
    background-position: 0 -8240px
}

.ept_GY {
    background-position: 0 -8320px
}

.ept_HA {
    background-position: 0 -8400px
}

.ept_HK {
    background-position: 0 -8480px
}

.ept_HM {
    background-position: 0 -8558px
}

.ept_HN {
    background-position: 0 -8638px
}

.ept_HR {
    background-position: 0 -8718px
}

.ept_HT {
    background-position: 0 -8800px
}

.ept_HU {
    background-position: 0 -8880px
}

.ept_IC {
    background-position: 0 -8960px
}

.ept_ID {
    background-position: 0 -9040px
}

.ept_IE {
    background-position: 0 -9118px
}

.ept_IL {
    background-position: 0 -9200px
}

.ept_IN {
    background-position: 0 -9280px
}

.ept_IO {
    background-position: 0 -9358px
}

.ept_IQ {
    background-position: 0 -9440px
}

.ept_IR {
    background-position: 0 -9520px
}

.ept_IS {
    background-position: 0 -9600px
}

.ept_IT {
    background-position: 0 -9680px
}

.ept_IV {
    background-position: 0 -9760px
}

.ept_JA {
    background-position: 0 -9840px
}

.ept_JM {
    background-position: 0 -9918px
}

.ept_JO {
    background-position: 0 -9998px
}

.ept_JP {
    background-position: 0 -10080px
}

.ept_KE {
    background-position: 0 -10160px
}

.ept_KG {
    background-position: 0 -10240px
}

.ept_KH {
    background-position: 0 -10320px
}

.ept_KI {
    background-position: 0 -10400px
}

.ept_KM {
    background-position: 0 -10480px
}

.ept_KN {
    background-position: 0 -10560px
}

.ept_KP {
    background-position: 0 -10638px
}

.ept_KR {
    background-position: 0 -10720px
}

.ept_KS {
    background-position: 0 -10800px
}

.ept_KW {
    background-position: 0 -10878px
}

.ept_KY {
    background-position: 0 -10958px
}

.ept_KZ {
    background-position: 0 -11040px
}

.ept_LA {
    background-position: 0 -11120px
}

.ept_LB {
    background-position: 0 -11200px
}

.ept_LC {
    background-position: 0 -11278px
}

.ept_LE {
    background-position: 0 -11360px
}

.ept_LG {
    background-position: 0 -11440px
}

.ept_LH {
    background-position: 0 -11520px
}

.ept_LI {
    background-position: 0 -11600px
}

.ept_LK {
    background-position: 0 -11678px
}

.ept_LR {
    background-position: 0 -11758px
}

.ept_LS {
    background-position: 0 -11840px
}

.ept_LT {
    background-position: 0 -11920px
}

.ept_LU {
    background-position: 0 -12000px
}

.ept_LV {
    background-position: 0 -12080px
}

.ept_LY {
    background-position: 0 -12158px
}

.ept_MA {
    background-position: 0 -12240px
}

.ept_MB {
    background-position: 0 -12320px
}

.ept_MC {
    background-position: 0 -12400px
}

.ept_MD {
    background-position: 0 -12478px
}

.ept_ME {
    background-position: 0 -22720px
}

.ept_MG {
    background-position: 0 -12560px
}

.ept_MH {
    background-position: 0 -12638px
}

.ept_MI {
    background-position: 0 -12720px
}

.ept_MK {
    background-position: 0 -12800px
}

.ept_ML {
    background-position: 0 -12880px
}

.ept_MM {
    background-position: 0 -12958px
}

.ept_MN {
    background-position: 0 -13038px
}

.ept_MO {
    background-position: 0 -13120px
}

.ept_MP {
    background-position: 0 -13278px
}

.ept_MQ {
    background-position: 0 -13360px
}

.ept_MR {
    background-position: 0 -13440px
}

.ept_MS {
    background-position: 0 -13518px
}

.ept_MT {
    background-position: 0 -13600px
}

.ept_MU {
    background-position: 0 -13680px
}

.ept_MV {
    background-position: 0 -13760px
}

.ept_MW {
    background-position: 0 -13840px
}

.ept_MX {
    background-position: 0 -13920px
}

.ept_MY {
    background-position: 0 -13998px
}

.ept_MZ {
    background-position: 0 -14080px
}

.ept_NA {
    background-position: 0 -14160px
}

.ept_NC {
    background-position: 0 -14240px
}

.ept_NE {
    background-position: 0 -14320px
}

.ept_NF {
    background-position: 0 -14398px
}

.ept_NG {
    background-position: 0 -14478px
}

.ept_NH {
    background-position: 0 -14560px
}

.ept_NI {
    background-position: 0 -14640px
}

.ept_NL {
    background-position: 0 -14720px
}

.ept_NO {
    background-position: 0 -14800px
}

.ept_NP {
    background-position: 0 -14880px
}

.ept_NR {
    background-position: 0 -14958px
}

.ept_NT {
    background-position: 0 -15040px
}

.ept_NU {
    background-position: 0 -15118px
}

.ept_NZ {
    background-position: 0 -15198px
}

.ept_OM {
    background-position: 0 -15280px
}

.ept_PA {
    background-position: 0 -15360px
}

.ept_PE {
    background-position: 0 -15440px
}

.ept_PF {
    background-position: 0 -15520px
}

.ept_PG {
    background-position: 0 -15600px
}

.ept_PH {
    background-position: 0 -15678px
}

.ept_PK {
    background-position: 0 -15760px
}

.ept_PL {
    background-position: 0 -15840px
}

.ept_PM {
    background-position: 0 -15920px
}

.ept_PN {
    background-position: 0 -15998px
}

.ept_PO {
    background-position: 0 -16080px
}

.ept_PR {
    background-position: 0 -16160px
}

.ept_PS {
    background-position: 0 -23998px
}

.ept_PT {
    background-position: 0 -16320px
}

.ept_PW {
    background-position: 0 -16400px
}

.ept_PY {
    background-position: 0 -16480px
}

.ept_QA {
    background-position: 0 -16558px
}

.ept_RE {
    background-position: 0 -16640px
}

.ept_RM {
    background-position: 0 -16718px
}

.ept_RO {
    background-position: 0 -16800px
}

.ept_RS {
    background-position: 0 -18400px
}

.ept_RW {
    background-position: 0 -16960px
}

.ept_SA {
    background-position: 0 -17040px
}

.ept_SB {
    background-position: 0 -17120px
}

.ept_SC {
    background-position: 0 -17198px
}

.ept_SD {
    background-position: 0 -17278px
}

.ept_SE {
    background-position: 0 -17360px
}

.ept_SF {
    background-position: 0 -17440px
}

.ept_SG {
    background-position: 0 -17520px
}

.ept_SH {
    background-position: 0 -17598px
}

.ept_SI {
    background-position: 0 -17678px
}

.ept_SJ {
    background-position: 0 -17760px
}

.ept_SK {
    background-position: 0 -17840px
}

.ept_SL {
    background-position: 0 -17920px
}

.ept_SM {
    background-position: 0 -18000px
}

.ept_SN {
    background-position: 0 -18080px
}

.ept_SO {
    background-position: 0 -18160px
}

.ept_SP {
    background-position: 0 -18240px
}

.ept_SR {
    background-position: 0 -18320px
}

.ept_SS {
    background-position: 0 -24075px
}

.ept_ST {
    background-position: 0 -18478px
}

.ept_SV {
    background-position: 0 -18560px
}

.ept_SW {
    background-position: 0 -18640px
}

.ept_SY {
    background-position: 0 -18720px
}

.ept_SZ {
    background-position: 0 -18800px
}

.ept_TC {
    background-position: 0 -18878px
}

.ept_TD {
    background-position: 0 -18960px
}

.ept_TF {
    background-position: 0 -19040px
}

.ept_TG {
    background-position: 0 -19120px
}

.ept_TH {
    background-position: 0 -19200px
}

.ept_TJ {
    background-position: 0 -19278px
}

.ept_TK {
    background-position: 0 -19358px
}

.ept_TL {
    background-position: 0 -23682px
}

.ept_TM {
    background-position: 0 -19438px
}

.ept_TN {
    background-position: 0 -19520px
}

.ept_TO {
    background-position: 0 -19598px
}

.ept_TP {
    background-position: 0 -19680px
}

.ept_TR {
    background-position: 0 -19760px
}

.ept_TS {
    background-position: 0 -19840px
}

.ept_TT {
    background-position: 0 -19920px
}

.ept_TU {
    background-position: 0 -20000px
}

.ept_TV {
    background-position: 0 -20078px
}

.ept_TW {
    background-position: 0 -20160px
}

.ept_TX {
    background-position: 0 -20318px
}

.ept_TZ {
    background-position: 0 -20400px
}

.ept_UA {
    background-position: 0 -20480px
}

.ept_UG {
    background-position: 0 -20560px
}

.ept_GB {
    background-position: 0 -20638px
}

.ept_UM {
    background-position: 0 -20720px
}

.ept_UP {
    background-position: 0 -20800px
}

.ept_US {
    background-position: 0 -20880px
}

.ept_UY {
    background-position: 0 -20960px
}

.ept_UZ {
    background-position: 0 -21038px
}

.ept_VA {
    background-position: 0 -21120px
}

.ept_VC {
    background-position: 0 -21200px
}

.ept_VE {
    background-position: 0 -21280px
}

.ept_VG {
    background-position: 0 -21358px
}

.ept_VI {
    background-position: 0 -21440px
}

.ept_VM {
    background-position: 0 -21520px
}

.ept_VN {
    background-position: 0 -21600px
}

.ept_VT {
    background-position: 0 -21680px
}

.ept_VU {
    background-position: 0 -21760px
}

.ept_WA {
    background-position: 0 -21840px
}

.ept_WF {
    background-position: 0 -21920px
}

.ept_WS {
    background-position: 0 -21998px
}

.ept_WZ {
    background-position: 0 -22080px
}

.ept_YE {
    background-position: 0 -22160px
}

.ept_YT {
    background-position: 0 -22240px
}

.ept_YU {
    background-position: 0 -22320px
}

.ept_ZA {
    background-position: 0 -22400px
}

.ept_ZM {
    background-position: 0 -22480px
}

.ept_ZR {
    background-position: 0 -22560px
}

.ept_ZW {
    background-position: 0 -22638px
}

.ept_Azores {
    background-position: 0 -24155px
}

.ept_Canary {
    background-position: 0 -24236px
}

.ept_GQ {
    background-position: 0 -24317px
}

.ept_AX {
    background-position: 0 -24398px
}

.ept_IM {
    background-position: 0 -24479px
}

.ept_JE {
    background-position: 0 -24559px
}

.noclick {
    pointer-events: none
}
.site-menu {
    position: fixed;
    bottom: 90px;
    left: 52%;
    margin-left: 657px;
    z-index: 99;
    
}
.site-menu #back-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #EC8200;
    border-radius: 4px;
    text-align: center;
    padding-left: 0;
    display: none;
}
@media only screen and (max-width: 1400px) {
    .site-menu {
        left: auto;
        right: 24px;
        margin-left: 0;
    }
}
.icon-home:after {
    content: '\e604';
    display: block;
    position: absolute;
    top: 0.3em;
    left: 0.8em;
    font-size: 0.38em;
    color: #e75200;
}
.shareaholic-canvas {
    margin-top: 10px;
}
a.shareaholic-service-icon.shareaholic-service-default {
    width: 32px !important;
    height: 32px !important;
    font-size: 20px !important;
}
a.shareaholic-service-icon.shareaholic-service-default:before {
    left: 6px !important;
    top: 6px !important;
}
.shareaholic-share-buttons-container .shareaholic-share-buttons-wrapper-with-headline,
.shareaholic-canvas .shareaholic-share-buttons-container ul.shareaholic-share-buttons {
    margin-left: 0 !important;
}

#DigiCertClickID_a4PKU2w4 {
    width: 100px;
    height: 100%;
    opacity: 0;
    float: left;
    margin-left: 30px;
}

.btn-loading {
    pointer-events: none;
    position: relative;
}

.btn-loading:after {
    -webkit-animation: btn-loading 1s linear infinite;
    animation: btn-loading 1s linear infinite;
    background: -webkit-repeating-linear-gradient(
            150deg
            , rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15) 1em, rgba(0, 0, 0, 0.15) 1em, rgba(0, 0, 0, 0.15) 2em);
    background: repeating-linear-gradient(
            -60deg
            , rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15) 1em, rgba(0, 0, 0, 0.15) 1em, rgba(0, 0, 0, 0.15) 2em);
    background-size: 200%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@-webkit-keyframes btn-loading {
    from {
        background-position: -4em 0;
    }
    to {
        background-position: -1.7em 0;
    }
}
@keyframes btn-loading {
    from {
        background-position: -4em 0;
    }
    to {
        background-position: -1.7em 0;
    }
}

.screen-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0, 0, 0, .3);
    z-index: 0;
}

.thumbnail-box {
    position: relative;
    -webkit-transition:border-color .4s,
    -webkit-transform .4s,
    -webkit-box-shadow .4s;
    transition:border-color .4s, -webkit-transform .4s, -webkit-box-shadow .4s,height .2s;
    -o-transition:border-color .4s,box-shadow .4s,-o-transform .4s,height .2s;
    transition:border-color .4s,transform .4s,box-shadow .4s,height .2s;
    transition:border-color .4s,transform .4s,box-shadow .4s,-webkit-transform .4s,-o-transform .4s,-webkit-box-shadow .4s,height .2s;
    -webkit-box-shadow:0 0 0 0 rgba(0,0,0,.15);
    box-shadow:0 0 0 0 rgba(0,0,0,.15);
}
.down-to-up,
.left-to-right,
.up-to-down,
.nav-products > a{
    position: relative;
    overflow: hidden;
}
.down-to-up > span,
.left-to-right > span,
.up-to-down > span,
.nav-products > a > span {
    position:relative;
    z-index:1;
    -moz-user-select: none; /*mozilar*/
    -webkit-user-select: none; /*webkit*/
    -ms-user-select: none; /*IE*/
    user-select: none;
}
.down-to-up:not(.active):hover > span,
.left-to-right:not(.active):hover > span,
.up-to-down:not(.active):hover > span,
.nav-products:hover > a > span {
    /* color:#FFF; */
    transition:all 400ms ease-in-out 0s;
    -webkit-transition:all 400ms ease-in-out 0s;
    -moz-transition:all 400ms ease-in-out 0s;
    -o-transition:all 400ms ease-in-out 0s;
    -ms-transition:all 400ms ease-in-out 0s
}

.down-to-up:not(.active):before {
    transform:translateY(100%);
}

.down-to-up:hover:before{
    transform:translateY(0);
}

.down-to-up:not(.active):before,
.left-to-right:not(.active):before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    transition:all 400ms ease-in-out 0s;
    -webkit-transition:all 400ms ease-in-out 0s;
    -moz-transition:all 400ms ease-in-out 0s;
    -o-transition:all 400ms ease-in-out 0s;
    -ms-transition:all 400ms ease-in-out 0s;
    z-index: 0;
}

.down-to-up:hover:before,
.left-to-right:hover:before {
    transition:all 400ms ease-in-out 0s;
    -webkit-transition:all 400ms ease-in-out 0s;
    -moz-transition:all 400ms ease-in-out 0s;
    -o-transition:all 400ms ease-in-out 0s;
    -ms-transition:all 400ms ease-in-out 0s
}

.left-to-right:not(.active):before {
    transform:translateX(-100%);
}

.left-to-right:hover:before{
    transform:translateX(0%);
}

.checkbox-wrap {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}
.checkbox-wrap.checkout-small {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
.checkbox-wrap input {
    display: inline-block;
    margin: 0;
    border-radius: 5px;
}
.checkbox-wrap .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border: 1px solid #EC8200;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    -o-pointer-events: none;
    pointer-events: none;
}
.checkbox-wrap input:checked+.bg {
    background-color: #EC8200;
}
.checkbox-wrap input +.bg i {
    font-size: 12px;
}
.checkbox-wrap.radio {
    width: 24px;
    height: 24px;
    display: inline-block;
}
.checkbox-wrap.radio + label {
    display: inline-block;
    margin-bottom: 0!important;
}
.checkbox-wrap.radio input {
    width: 24px;
    height: 24px;
}
.checkbox-wrap.radio .bg {
    border-radius: 50%;
    width: 24px;
    height: 24px;    
    line-height: 22px;
}
.checkbox-wrap.disable .bg {
    border-color: #bbb;
    font-size: 10px;
    /* font-weight: 500; */
}
.checkbox-wrap.radio input:checked+.bg {
    background: #EC8200;
}
.checkbox-wrap.disable input:checked+.bg {
    background: #bbb;
}
.checkbox-wrap.radio input:checked+.bg i {
    color: #fff;
    display: inline-block;
}
.checkbox-wrap.square {
    width: 20px;
    height: 20px;
}
.checkbox-wrap.square input {
    width: 20px;
    height: 20px;
}
.checkbox-wrap.square .bg {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 4px;
    border: 2px solid #BBBBBB;
}
.checkbox-wrap.square .bg span {
    display: inline-block;
    background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 2px;
}
.checkbox-wrap.square input:checked+.bg {
    border: 2px solid #EC8200;
    background: #fff;   
}
.checkbox-wrap.square input:checked+.bg span {
    background: #EC8200;
}


.products {
    position: relative;
}
.products:after {
    clear: both;
    content: "";
    display: block;
}
.products > .product {
    float: left;
    position: relative;
}
.products-5 > .product {
    width: 227px;
    height: 406px;
    margin: 0 16px 26px 0;
    text-align: center;
}
.products-5 > div:nth-child(5n) {
    margin-right: 0;
}
.products > .product > .thumbnail-box {
    width: 100%;
    max-height: 100%;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
}
.products-5 > .product > .thumbnail-box {
    border: 1px solid #F0F0F0;
    border-radius: 4px;
    padding: 38px 18px 0;
    box-sizing: border-box;
}
.products .p-img {
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    overflow: hidden;
}

.products .thumbnail-box:hover .p-img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.p-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.products-5 .p-img {
    margin-bottom: 22px;
}

.products .title {
    font-family: Arial-Bold;
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 32px;
    margin-top: 5px;
}
.products .title:not(:hover) {
    color: #000;
}
.products-5 .price-box {
    margin: 18px auto 23px;
}
.products .price-box .special-price {
    font-size: 24px;
    font-family: DIN-Bold;
    color: #000;
    margin-right: 10px;
}
.products .price-box .old-price {
    font-family: DIN-Bold;
    font-size: 20px;
}
.products .price-box > span {
    vertical-align: middle;
}

.products-5 .btn-buy {
    width: 178px;
    height: 36px;
    margin: 0 auto;
    line-height: 36px;
    background: #FF4000;
    border-radius: 4px;
    font-family: DIN-Bold;
    font-size: 16px;
    color: #FFF;
    cursor: pointer;
}
.products-5 .btn-buy:before {
    border-radius: 4px;
}
.products-5 .btn-buy:hover:before{
    background: #191E2B;
}

.products-4 > .product {
    width: 276px;
    margin: 0 28px 20px 0;
}
.products-4 > div:nth-child(4n) {
    margin-right: 0;
}
.products-4 > .product > .thumbnail-box {
    border: 1px solid #F5F5F5;
    padding: 18px 19px 16px;
    box-sizing: border-box;
}
.p-mark {
    /* width: 66px; */
    height: 42px;
    padding: 0 10px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    line-height: 42px;
    text-align: center;
    z-index: 1;
    color: #202223;
    background: #FABF14;
    box-shadow: 0px 3px 6px 1px rgba(141, 70, 9, 0.30196078431372547);
}
.p-mark:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 42px 8px 0 0;
    border-color: #fac014 transparent transparent transparent;
    position: absolute;
    right: -8px;
}
.product .icon-wishlist3 {
    font-family: iconfont;
    width: 51px;
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    text-align: center;
    color: #FFF;
    background: #292A2C;
    border-radius: 12px 0px 0px 12px;
    position: absolute;
    top: 46%;
    right: -51px;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product .icon-wishlist3.on {
    background: #FF4000;
}

/* .product:hover .icon-wishlist3 {
    transform: translateX(-51px);
    -webkit-transform: translateX(-51px);
    -o-transform: translateX(-51px);
    -ms-transform: translateX(-51px);
    -moz-transform: translateX(-51px);
} */

.moveL-enter-active,
.moveL-leave-active {
    transition: all 0.3s linear;
    transform: translateX(0%);
}
.moveL-enter,
.moveL-leave {
    transform: translateX(100%);
}
.moveL-leave-to {
    transform: translateX(100%);
}

.my-scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background:none
}
.my-scrollbar::-webkit-scrollbar-track{
    background:none
}
.my-scrollbar::-webkit-scrollbar-thumb{
    background:#e1e1e6;
    border-radius:8px
}
.my-scrollbar::-webkit-scrollbar-thumb:hover{
    background:#e1e1e6
}
.my-scrollbar::-webkit-scrollbar-button{
    display:none
}
.my-scrollbar:hover::-webkit-scrollbar-thumb{
    background:#e1e1e6
}

.lazyload {
    opacity: 0;
}
.vip {
    background: url(/images/vip.png) no-repeat center;
    background-size: 100%;
    display: inline-block;
    width: 83px;
    line-height: 18px;
    color: #FFF !important;
    text-align: center;
    padding-left: 9px;
    font-size: 14px !important;
}


.product-fit-tag .items.ensure_fit {cursor: pointer;}
.product-fit-tag .items img{
    /* width: 35px;
    height: 35px; */
    margin-right: 2px;
    vertical-align: top;
}
.product-fit-tag .items .content p{
    font-size: 14px;
    font-weight: 400;
    color: #282828;
    line-height: 17px;
    margin: 0;
    display: flex;
    align-items: center;
}
.product-fit-tag .items .content p > svg {
    font-size: 36px;
}
.product-fit-tag .items .content p label {
    display: block;
    font-weight: normal;
}
.product-fit-tag .items .content a {
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline;
    color: #EC8200;
    line-height: 17px;
    cursor: pointer;
}

.product-fit-tag.activity {
    margin: 0 -12px 5px;
    width: 190px;
}
.product-fit-tag.activity .items {
    flex-direction: row;
}
.product-fit-tag.activity .items .content p img {
    margin-right: 3px;
}
.product-fit-tag.activity .items.ensure_fit {
    background: #E5F1FF;
}
.product-fit-tag.activity .items.ensure_fit a {
    color: #ec8200!important;
}
.product-fit-tag.activity .items.universal_fit {
    background: #EAF8EF;
    height: 59px;
}
.product-fit-tag.activity .items.compatible {
    background: #EAF8EF;
}
.product-fit-tag.activity .items.notfit {
    background: #F1F1F1;
}
.product-fit-tag.activity .items.notfit a.view-part {
    color: #0E843D!important;
}
.product-fit-tag.activity .items.notfit a.change-vehicle {
    color: #2F6AAF!important;
}
.product-fit-tag.activity .items .content p {
    color: #636363;
    font-size: 12px;
    padding: 6px 3px 6px 7px;
}
.product-fit-tag.activity .items .content a {
    display: inline;
    font-size: 12px;
    padding-left: 0;
}



.select-vehicle-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1005;
    background: rgba(0, 0, 0, .6);
    display: none;
}
.select-vehicle-popup .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.right-content span a {color: #ec8200;}

.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    width: 500px;
    z-index: 1000;
}
.cookie-consent > div {
    padding: 32px 30px 42px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    color: #fff;
}
.cookie-consent .content {margin-bottom: 32px;}
.cookie-consent .content .title {
    font-size: 24px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.cookie-consent .content .title i {
    font-size: 24px;
    cursor: pointer;
}
.cookie-consent .content .info {
    font-size: 16px;
    line-height: 25px;
}
.cookie-consent .content .info span {color: #ec8200;}
.cookie-consent .actions button {
    width: 96px;
    height: 40px;
    background: #999999;
    border-radius: 5px;
    border: none;
}
.cookie-consent .actions button.accept {
    margin-left: 20px;
}

.payment-method-img .img {
    display: inline-block;
}
.review_big_img{position: fixed;z-index: -1;opacity: 0;background: #222;width: 100%;height: 100%;top:0;left:0;}
.review_big_img .close {
    float: none;
    opacity: 1;
}
.review_big_img .close:focus, .review_big_img .close:hover {
    opacity: 1;
    color: #fff;
}
.review_big_img .close i {
    font-size: 16px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 11;
    color: #fff;
    width: 28px;
    height: 28px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    font-weight: normal;
    cursor: pointer;
}
.review_big_img .swiper-container {position: relative;width: 100%;height: 100%;}
.review_big_img .swiper-container .swiper-wrapper{width: 100%;height: 100%;}
.review_big_img .swiper-slide{width: 100%;height: 100%;display: table}
.review_big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.review_big_img .swiper-pagination{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.review_big_img .proimg-pagination {
    left: auto!important;
    right: 0.4266rem;
    width: 1.6rem!important;
    height: 0.72rem;
    line-height: 0.72rem;
    border-radius: 0.3733rem;
}
.review_big_img .proimg-pagination .swiper-pagination-current {
    font-size: 0.4266rem;
}

.brand-info {
    height: 66px;
    display: flex;
    align-items: center;
    width: 530px;
    margin: auto;
    justify-content: space-between;
}
.brand-info a {
    font-size: 14px;
    color: #282828;
    text-transform: uppercase;
}
.brand-info a img {
    margin-right: 8px;
}
.section-title {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    margin: 48px 0 36px;
    position: relative;
}
.section-title:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    background: url(/default/images/suncent/index/title_underling_icon.png?v=1) no-repeat;
    background-position: center;
    background-size: contain;
    width: 97px;
    height: 6px;
}

.section-title-box {
    height: 45px;
    line-height: 45px;
    font-size: 36px;
    font-weight: 400;
    color: #282828;
    margin: 56px auto 32px;
    overflow: hidden;
}
.section-title-box .title-point {
    width:8px;
    height:8px;
    background: #EC8200;
    border-radius: 50%;
}

.delete-popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%!important;
    height: 100%;
    background: rgba(34,34,34,.6);
    z-index: 1114;
    display: none;
}
.delete-popup .content {
    width: 497px;
    height: 286px;
    background: #FFFFFF;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.delete-popup .content .title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px 0 32px;
    height: 46px;
    background: #EC8200;
    font-size: 16px;
    color: #FFFFFF;
}
.delete-popup .content .title i{cursor: pointer;}
.delete-popup .content p{
    font-size: 14px;
    color: #666666;
    margin: 32px 0 16px;
    padding: 0 32px;
}
.delete-popup .content h2 {
    font-size: 18px;
    color: #222222;
    font-weight: 500;
    margin-bottom: 32px;
    padding: 0 32px;
    line-height: 26px;
}
.delete-popup .content .actions {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 32px;
}
.delete-popup .content .actions button {
    width: 210px;
    height: 45px;
    border: 1px solid #282828;
    color: #282828;
    font-size: 16px;
    background: #fff;
}
.delete-popup .content .actions button.confirm {
    background: #EC8200;
    color: #fff;
}

.radio-wrap {display: inline-block;position: relative;}
.radio-wrap input {
    opacity: 0;
    width: 24px;
    height: 24px;
    margin: 0;
}
.radio-wrap .bg {
    width: 24px;
    height: 24px;
    border: 1px solid #ec8200;
    position: absolute;
    top: 0;
    border-radius: 50%;
    box-sizing: border-box;
    pointer-events: none;
}
.radio-wrap input:checked + .bg::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: #EC8200;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
select[data-class='validation-failed'] + .select2-container--default .select2-selection--single {
    background: #faebe7!important;
    border: 1px dashed #eb340a!important;
}
#bottom-notice-box {
   position: fixed;
   bottom: 80px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 1200;
   padding: 18px 24px;
   background: #444444;
   border-radius: 2px;
   width: 656px;
   line-height: 28px;
   display: flex;
   justify-content: space-between;
}
#bottom-notice-box span {
    color: #fff;
    width: 90%;
    margin-right: 32px;
}
#bottom-notice-box .icon {
    font-size: 20px;
    color: #fff;
}

.input-clear-all.icon-x {
    position: absolute;
    top: 11px;
    right: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #999;
    text-align: center;
    line-height: 16px;
    box-sizing: border-box;
    font-size: 14px;
    color: #999;
    cursor: pointer;
}


.hp-select-vehicle .select-vehicle-box form .input-box {
    width: 194px;
    margin-bottom: 0;
}
.hp-select-vehicle .select-vehicle-box form .submit {
    width: 70px!important;
}
.hp-select-vehicle .select-vehicle-box form .submit button {
    width: 70px!important;
    height: 48px;
    background: #ec8200;
    border-radius: 4px;
    font-size: 18px;
}
.hp-select-vehicle .current-vehile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.hp-select-vehicle .current-vehile .vehicle {
    width: 1156px;
    padding: 12px 14px;
    background: #fff;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 20px;
    cursor: pointer;
}
.hp-select-vehicle .current-vehile .vehicle .left {
    display: flex;
    align-items: center;
    width: 80%;
    font-weight: 500;
    position: relative;
}
.hp-select-vehicle .current-vehile .vehicle .left:before {
    content: '';
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    background: #36c14d;
    position: absolute;
    top: 11px;
    left: 15px;
    border-radius: 50%;
    z-index: 1;
}
.hp-select-vehicle .current-vehile .vehicle .left img {
    margin-right: 12px;
}
.hp-select-vehicle .current-vehile .vehicle a {
    color: #ec8200;
    text-decoration: underline;
    cursor: pointer;
}
.hp-select-vehicle .current-vehile .actions {
    display: flex;
    flex-direction: column;
}
.hp-select-vehicle .current-vehile .actions span {
    color: #282828;
    width: 138px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
}
.hp-select-vehicle .warning {
    color: #bbb;
    display: flex;
    align-items: center;
}
.hp-select-vehicle .warning img {margin-right: 8px;}
.pc-common-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1152;
    background: rgba(34,34,34,.6);
}
.pc-common-popup>.content {
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 2px;
}
.pc-common-popup>.content .w {
    width: 100%;
}
.pc-common-popup .content .close,.pc-common-popup .content .close:hover {
    opacity: 1;
}
.pc-common-popup .content .icon-x {
    position: absolute;
    right: 0;
    color: #fff;
    font-size: 22px;
    top: -30px;
    font-weight: normal;
    opacity: 1;
    text-shadow: none;
}
.pc-common-popup .content .popup-header {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 8px;
}

#outOfStockSubscribe .content{
    padding: 24px 32px 32px;
    width: 497px;
}
#outOfStockSubscribe .content input {
    border: 1px solid #999;
    width: 100%;
    height: 35px;
    text-indent: 12px;
    border-radius: 2px;
}
#outOfStockSubscribe .content label {
    font-weight: 400;
    margin-left: 8px;
}
#outOfStockSubscribe .content button {
    width: 100%;
    height: 45px;
    background: #282828;
    color: #fff;
    font-size: 16px;
    border-radius: 2px;
    margin-top: 10px;
}
.account-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 48px;
    font-size: 18px;
    font-weight: 500;
}
.account-title a {
    width: 20%;
    display: block;
}
.account-title a.right {
    text-align: right;
    color: #ec8200;
    font-size: 14px;
    font-weight: 500;
}
.account-title a i {
    transform: rotate(181deg);
    display: inline-block;
    font-size: 14px;
    color: #FF1200;
}
.account-title a span {
    font-size: 16px;
    color: #222222;
    text-decoration: underline;
    font-weight: 400;
}

.policy-popup .help-center {
    width: 100%;
}
.policy-popup .help-center h2 {font-weight: 500;}
.policy-popup .help-center .company-info .list{display: none;}
.policy-popup .help-center .company-info .list.contact, 
.policy-popup .help-center .company-info .list.time {display: block;}

@keyframes pulse512 {
    0% {
     box-shadow: 0 0 0 0 #ec820066;
    }
   
    70% {
     box-shadow: 0 0 0 10px rgb(218 103 68 / 0%);
    }
   
    100% {
     box-shadow: 0 0 0 0 rgb(218 103 68 / 0%);
    }
}

.coupons-center .title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 12px;
}
.coupons-center .desc {
    font-size: 14px;
    margin-bottom: 32px;
}
.coupons-center .desc a {
    color: #ec8200;
}
.coupons-center .coupons-lists {display: flex;flex-wrap: wrap;margin-bottom: 32px;}
.coupons-center .coupons-lists .list {
    width: 345px;
    height: 139px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    color: #fff;

}
.coupons-center .coupons-lists .list:not(:last-child) {
    margin-bottom: 16px;
}
.coupons-center .coupons-lists .list:not(:nth-child(3n)) {
    margin-right: 16px;
}
.coupons-center .coupons-lists .list .coupon-label {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 3px;
}
.coupons-center .coupons-lists .list .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
}
.coupons-center .coupons-lists .list .valid-time {
    font-size: 12px;
}
.coupons-center .coupons-lists .list .desc {
    margin-top: 12px;
    margin-bottom: 0;
}
.conupon-empty {
    text-align: center;
}
.conupon-empty a {
    display: block;
    width: 345px;
    height: 45px;
    line-height: 45px;
    background: #EC8200;
    color: #fff;
    margin: 16px auto 32px;
    font-size: 16px;
    border-radius: 4px;
}

#bulb-guide .breadcrumbs {
    padding: 18px 0 34px;
}
#bulb-guide #guide-vehicle-box {
    background: #282828;
    border-radius: 4px;
    border: 0px solid #BBBBBB;
    padding: 32px 32px 24px;
    margin-bottom: 16px;
}
#bulb-guide #guide-vehicle-box .title {
    font-family: "Rubik-Medium";
    font-size: 30px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 36px;
}
#bulb-guide #guide-vehicle-box p {
    font-size: 14px;
    font-weight: 400;
    color: #BBBBBB;
    line-height: 20px;
    margin: 8px 0 20px;
}
#bulb-guide #guide-vehicle-box .select-vehicle-box form .input-box {
    width: 260px;
    height: auto;
    margin-right: 11px;
}
#guide-vehicle-box .select2-dropdown {
    margin-top: 4px;
}
#guide-vehicle-box select {
    opacity: 0;
    width: 1px;
}
#guide-vehicle-box .select2 {
    border-radius: 4px;
    overflow: hidden;
}
#bulb-guide #guide-vehicle-box .select-vehicle-box form .submit {
    width: 180px!important;
}
#bulb-guide #guide-vehicle-box .select-vehicle-box form .submit button {
    width: 180px!important;
    height: 42px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    color: #FFF;
    font-weight: 500;
}
#bulb-guide #guide-vehicle-box .select-vehicle-box form .submit button:disabled {
    background: #BBBBBB;
    color: #787878;
}
#bulb-guide #guide-vehicle-box .select-vehicle-box form .input-box .select2-selection span {
    font-size: 16px;

}
#bulb-guide #guide-vehicle-box .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #282828;
}
#bulb-guide #guide-vehicle-box .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__placeholder {
    color: #BBBBBB;
}
#bulb-guide #guide-vehicle-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #282828;
}
#guide-vehicle-box .select2-container--open .select2-dropdown--below {
    border-radius: 4px;
}
#bulb-guide #guide-vehicle-box .warning {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 18px;
    text-align: center;
    margin-top: 20px;
}
#bulb-guide #guide-vehicle-box .warning a {
    font-family: Rubik-Medium;
    color: #EC8200;
}
#bulb-guide #guide-vehicle-box .p-cart:hover {
    background: #282828;
    border-color: #282828 !important;
    color: #FFF;
}
.guide-front-back-image {
    background: #282828;
    border-radius: 4px;
    border: 0px solid #BBBBBB;
    padding: 32px;
    margin-bottom: 32px;
}
.guide-front-back-image .title {
    font-family: Rubik-Medium;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;
    margin-bottom: 20px;
}
.guide-front-back-image .title span {
    font-size: 13px;
    font-weight: 400;
    color: #BBBBBB;
    line-height: 19px;
    padding-left: 4px;
}
.guide-front-back-image ul {
    background: #fff;
    padding-bottom: 12px;
}
.guide-front-back-image ul li {
    width: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 363px;
}


#bulb-guide .category-title {
    font-family: Rubik-Medium;
    font-size: 30px;
    line-height: 36px;
    color: #282828;
    font-weight: 500;
    margin: 0 0 10px;
    padding: 0;
}
#bulb-guide .about-catalog {
    line-height: 20px;
    margin-bottom: 18px;
}
#bulb-guide .about-catalog a {
    color: #EC8200;
    text-decoration: underline;
}
#bulb-guide p:not(:last-child) {
    margin-bottom: 1em;
    color: #282828;
}
#bulb-guide p a{ 
    color: #ec8200;
}
#bulb-guide .guide-catalog ul {
    margin-bottom: 14px;
    flex-wrap: wrap;
}
#bulb-guide .guide-catalog ul li a {
    display: block;
    width: 180px;
    text-align: center;
    margin-bottom: 18px;
    font-size: 18px;
    color: #282828;
}
#bulb-guide .guide-catalog ul li a:hover span {
    text-decoration: underline;
    color: #EC8200;
}
#bulb-guide .guide-catalog ul li:not(:nth-child(6n)) {
    margin-right: 50px;
}
#bulb-guide .guide-catalog ul li a div {
    border-radius: 4px;
    border: 1px solid #BBBBBB;
    margin-bottom: 16px;
    padding: 12px;
}
#bulb-guide .guide-catalog ul li a img {
    height: auto;
}
#bulb-guide .guide-faqs {
    margin-bottom: 60px;
}
#bulb-guide .guide-faqs li:not(:last-child) {
    margin-bottom: 20px;
}
#bulb-guide .guide-faqs li .guide-q {
    font-family: Rubik-Medium;
    background: #F8F8F8;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    font-size: 18px;
    font-weight: 500;
    color: #282828;
    line-height: 24px;
    cursor: pointer;
}
#bulb-guide .guide-faqs li .guide-q i {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 8px 0 8px;
    border-color: #686868 transparent transparent transparent;
    border-radius: 4px;
}
#bulb-guide .guide-faqs li .guide-q i.active {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 9px 8px;
    border-color: transparent transparent #282828 transparent;
}
#bulb-guide .guide-faqs li .guide-a {
    padding: 20px 48px 16px 42px;
    font-size: 14px;
    color: #686868;
    line-height: 18px;
    display: none;
}


#bulb-guide ul.lists {
    display: flex;
    /* align-items: center; */
    flex-wrap: wrap;
    align-content: flex-start;
    margin-bottom: 14px;
}
#bulb-guide ul.lists li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 253px;
    height: 42px;
    color: #282828;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 16px;
    font-weight: 500;
}
#bulb-guide ul.lists.two {
    justify-content: space-between;
}
#bulb-guide ul.lists.two li {
    margin-right: 0!important;
}
#bulb-guide ul.lists.two li a {
    width: 649px;
    font-weight: 500;
    margin-bottom: 12px;
}
#bulb-guide.vehicle ul.lists {
    height: 264px;
    overflow: hidden;
}
#bulb-guide.vehicle ul.lists.active {
    height: 100%;
}
#bulb-guide.vehicle ul.lists li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    border: 1px solid #EEEEEE;
    box-shadow: none;
    line-height: normal;
    text-align: left;
    font-weight: 500;
}
#bulb-guide.vehicle ul.lists li a i {
    font-size: 14px;
}
#bulb-guide.vehicle button {
    width: 146px;
    height: 36px;
    border-radius: 20px;
    border: 1px solid #282828;
    color: #282828;
    vertical-align: middle;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    margin: 0 auto 6px;
    background: #fff;
    line-height: normal;
}
#bulb-guide.vehicle button i {
    margin-left: 6px;
    transform: rotate(180deg);
}
#bulb-guide.vehicle button:hover {
    background: #EC8200;
    color: #fff;
}
#bulb-guide.vehicle button.active i {
    transform: rotate(0);
}
#bulb-guide ul.lists li:hover a {
    border: 1px solid #EC8200;
    color: #EC8200;
}
#bulb-guide ul.lists li:not(:nth-child(5n)) {
    margin-right: 16px;
}
#bulb-guide .blog-section {
    margin-bottom: 88px;
    margin-top: 0;
}
#bulb-guide .blog-section .top-title {
    margin-bottom: 0;
    text-align: center;
    display: block;
}
#bulb-guide .blog-section .top-title h2 {
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    color: #282828;
    line-height: 36px;
    margin-bottom: 14px;
    position: relative;
}
#bulb-guide .blog-section .top-title h2:before,
#bulb-guide .blog-section .top-title h2:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #EC8200;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#bulb-guide .blog-section .top-title h2:before {
    left: -20px;
}
#bulb-guide .blog-section .top-title h2:after {
    right: -20px;
}
#bulb-guide .blog-section .top-title a {    
    display: block;
    width: 104px;
    height: 30px;
    border-radius: 50px;
    border: 1px solid #EC8200;
    font-size: 13px;
    line-height: 28px;
    color: #EC8200;
    margin: 0 auto 40px;
}
#bulb-guide .blog-section .top-title a:hover {
    background: #F2F2F2;
}
#bulb-guide .blog-section .blog-list .item {
    width: 427px;
}
#bulb-guide .blog-section .blog-list .item:not(:last-child) {
    margin-right: 24px;
}
#bulb-guide .blog-section .blog-list .item .img {
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
    width: 100%;
    height: 240px;
}
#bulb-guide .blog-section .blog-list .item .desc {
    padding: 0;
    background: none;
    margin-top: 16px;
}
#bulb-guide .blog-section .blog-list .item .desc a:last-child {
    width: 100%;
    border: none;
    text-align: left;
    height: 100%;
}
#bulb-guide .blog-section .blog-list .item .desc h3 {
    font-size: 18px;
    line-height: 26px;
    min-height: 52px;
    color: #282828;
    margin-top: 0;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#bulb-guide .blog-section .blog-list .item .desc h3:hover {text-decoration: underline;}
#bulb-guide .blog-section .blog-list .item .date {
    font-size: 14px;    
    line-height: 20px;
    color: #fff;
    
}
#bulb-guide .blog-section .blog-list .item .author {
    font-size: 14px;
    color: #FFFFFF;
}
#bulb-guide .blog-section .blog-list .item .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 27%, #000000 100%);
    pointer-events: none;
    padding: 12px 16px;
    color: #fff;
}
#bulb-guide .blog-section .blog-list .item  .author span {
    color: #9B9B9B;
}
#bulb-guide .blog-section .blog-list .item .desc .tag a {
    font-size: 14px;
    color: #EC8200;
    border: none;
    width: auto;
    height: auto;
    background: none;
    display: inline;
    text-transform: capitalize;
}
#bulb-guide .blog-section .blog-list .item .desc .tag a:not(:last-child) {
    margin-right: 8px;
}
#bulb-guide .blog-section .blog-list .item .desc .tag a:hover {
    text-decoration: underline;
}

#bulb-guide .guide-size-guide {
    background: #282828;
    border-radius: 4px;
    padding: 30px;
    margin-top: 32px;
    margin-bottom: 40px;
}
#bulb-guide .guide-size-guide .title {
    font-family: Rubik-Medium;
    font-size: 30px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 36px;
}
#bulb-guide .guide-size-guide p {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 24px;
}
#bulb-guide .guide-size-guide .title span {
    color: #FFFFFF;
}
#bulb-guide .guide-size-guide span {
    display: block;
    width: 50%;
    padding: 0 25px;
    font-size: 14px;
    font-weight: 400;
    color: #282828;
}
#bulb-guide .guide-size-guide img {
    width: 355px;
    margin-right: 30px;
}
#bulb-guide .guide-size-guide .bulb-guide {
    width: 885px;
}
#bulb-guide .guide-size-guide .bulb-guide li {
    padding: 9px 0;
    color: #282828;
    background: #fff;
}
#bulb-guide .guide-size-guide .bulb-guide li:nth-child(odd) {
    background: #F8F8F8;
}
#bulb-guide .guide-size-guide .bulb-guide li.title {
    background: #EC8200;
}
#bulb-guide .guide-size-guide .bulb-guide li span:first-child a {
    color: #282828;
}
#bulb-guide .guide-size-guide:not(.chart) .bulb-guide li span:first-child a:hover:before {
    content: ' - ';
    color: #FF2D37;
}
#bulb-guide .guide-size-guide:not(.chart) .bulb-guide li span:first-child a:hover {
    color: #FF2D37;
}
#bulb-guide .guide-size-guide .bulb-guide li span:last-child {
    font-weight: 500;
}
#bulb-guide .guide-size-guide .bulb-guide li a {
    color: #EC8200;
}
#bulb-guide .guide-size-guide .bulb-guide li a:hover {
    text-decoration: underline;
}

#bulb-guide .guide-size-guide.chart {
    background: #fff;
    padding: 0;
    
}
#bulb-guide .guide-size-guide.chart .bulb-guide {
    margin-bottom: 24px;
}
#bulb-guide .guide-size-guide.chart .bulb-guide:last-child {
    margin-bottom: 60px;
}
#bulb-guide .guide-size-guide.chart .bulb-guide {
    width: 100%;
}
#bulb-guide .guide-size-guide.chart .bulb-guide li.title {
    background: #282828;    
}
.bulb-guide-list .review_big_img .swiper-slide{display: block;}
.bulb-guide-list .review_big_img .swiper-slide .cell{display: block;}
.bulb-guide-list .review_big_img .swiper-slide .cell img{width: auto;height: 100%;}

#guide-vehicle-box .select2-container--default.select2-container--open:not(.select2-container--disabled) .selection:after,
#guide-vehicle-box .select2-container--default:not(.select2-container--disabled) .selection .select2-selection__placeholder:after {
    content: "";
    background: linear-gradient(90deg, #FF2D37, #F5BA73, #FDF3E5, #EC8200, #FF2D37);
    background-size: 200% 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    animation: gradientAnimation 2s linear infinite;
}

.select-vehicle-box .select2-container--default:not(.select2-container--disabled) .selection .select2-selection__placeholder:after {
    content: "";
    background: linear-gradient(90deg, #FF2D37, #F5BA73, #FDF3E5, #EC8200, #FF2D37);
    background-size: 200% 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    animation: gradientAnimation 2s linear infinite;
}


@keyframes gradientAnimation {
    0% {
        background-position: 200% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}











.bulb-guide-list .listClumn .product-common .title {
    min-height: 48px;
    font-size: 18px;
}
.bulb-guide-list .listClumn.products-cat .thumbnail-box .box-content .price-view {
    margin-left: 0;
}
.bulb-guide-list .listClumn.products-cat>div>div {padding: 0;}
.bulb-guide-list .fit-table table {
    width: 100%;
}
.bulb-guide-list .fit-table td {
    width: 25%;
    text-align: center;
}
.bulb-guide-list .fit-table td a {text-decoration: underline;}
.bulb-guide-list .fit-table thead td {
    padding-bottom: 16px;
    font-size: 18px;
    font-weight: 500;
} 
.bulb-guide-list .fit-table tbody td {
    height: 68px;
}
.bulb-guide-list .fit-table tbody tr:nth-child(odd) {
    background: #F8F8F8;
}
.bulb-guide-list .fit-table tbody tr td:first-child {
    background: #eee;
    border-bottom: 1px solid #fff;
}
.bulb-guide-list .fit-table tbody tr td:not(:first-child) a {
    color: #ec8200;
}

.auto-tip li {
    height: 30px;
    line-height: 30px;
    padding: 0px 0.32rem;
    user-select: auto;
    color: #222;
    margin: 0!important;
    cursor: pointer;
}
#activity_sale .catalog-items .top-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 38px;
    margin-bottom: 5px;
}
#activity_sale .catalog-items .top-name h2 {
    font-size: 20px;
    color: #C70A27;
    margin: 0;
}
#activity_sale .catalog-items .top-name a {
    font-size: 16px;
    color: #2F6AAF;
}
#activity_sale .catalog-items .show-add-cart .price-view .view {
    width: 76px;
    height: 24px;
    background: #C70A27;
    border-radius: 12px 12px 12px 12px;
    opacity: 1;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
}
#activity_sale .catalog-items .catalog-products {
    display: flex;
    flex-wrap: wrap;
}
#activity_sale .catalog-items .catalog-products .product-common {
    width: 190px;
    margin-bottom: 12px;
}
#activity_sale .catalog-items .catalog-products .product-common:not(:nth-child(6n)) {
    margin-right: 12px;
}
.activity-sale-page .site-menu {display: none;}
#activity_sale .catalog-map {
    width: 156px;
    padding: 19px 11px 14px;
    background: linear-gradient(326deg, #001E64 0%, #004FAD 41%, #428BE1 100%);
    border-radius: 14px;
    position: fixed;
    top: 50%;
    right: 6%;
    transform: translateY(-50%);
    z-index: 101;
}
#activity_sale .catalog-map ul:not(:last-child) {
    border-bottom: 1px solid #E5F1FF;
}
#activity_sale .catalog-map ul li {
    line-height: 14px;
    font-size: 12px;
    color: #FFFFFF;
    margin-bottom: 12px;
    text-align: center;
    cursor: pointer;
}
#activity_sale .catalog-map ul li.active {
    background: #FFFFFF;
    color: #ec8200;
    border-radius: 12px;
    padding: 4px;

}
#activity_sale .catalog-map .map-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 10px 0;
    margin: 0;
 }
 #activity_sale .catalog-map .map-action li {margin-bottom: 0;}
@media screen and (max-width: 1660px) {
    #activity_sale .catalog-map {
        right: 1%;
    }
}

.loading-gif {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    user-select: auto;
    width: 100%;
    height: 100%;
    z-index: 1111;
}
.loading-gif img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.outline-inside .outline-chapter {
    line-height: 1.25;
    white-space: normal;
}

.chat-loading {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 83px;
    height: 36px;
    color: #FFFFFF;
    font-size: 15px;
    background: #0A7CFF;
    border-radius: 18px;
    text-align: center;
    line-height: 34px;
    z-index: 1;
    display: none;
}
.low-high-title {
    margin-top: 10px;
    margin-bottom: 4px;
    font-weight: 500;
}
.low-high-beam {
    display: flex;
    flex-wrap: wrap;
}
.low-high-beam .beam img {
    height: 16px;
}
.low-high-beam .beam {
    margin-right: 16px;
    font-size: 12px;
    color: #282828;
}

.customer-title {
    font-size: 36px;
    font-weight: 500;
    color: #282828;
    line-height: 42px;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.customer-title span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #ec8200;
    border-radius: 50%;
    margin: 0 12px;
}

.sales-promotion-swiper .swiper-slide {
    width: 264px;
}

.modal-responsive .modal-dialog {
    --bs-modal-width: 345px;
}


#bulb-guide .chart-title {
    width:100%;
    margin:0;
    background:#282828;
    color:#fff;
    padding:9px 25px;
    font-size:14px;
    line-height: 36px;
}
#bulb-guide .chart-content {
    width: 100%;
    margin-bottom:24px;
}
#bulb-guide .chart-content tr:nth-child(even) {
    background: #F8F8F8;
}
#bulb-guide .chart-content a {
    color: #ec8200;
}
#bulb-guide .chart-content tr td {
    width:50%;
    padding:9px 25px;
    font-size:14px;
    color: #282828;
}
#bulb-guide .chart-content tr td:first-child a {
    color: #282828;
}
#bulb-guide .chart-content a:hover {
    text-decoration: underline;
}


.vehicle-make-menus {
    width:100%;
    height:640px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-bottom:20px;
    background: #FFFFFF;
    position: absolute;
    top:82px;
    left:0;
    z-index:1115;
    border:1px solid #BBBBBB;
    color: #282828;
    scrollbar-width: none;
}
.vehicle-make-menus::-webkit-scrollbar {
    display:none;
}
.vehicle-make-menus .menus-box {
    padding:24px 0;
    border-bottom: 1px solid rgba(194, 194, 194, 0.4);
}
.vehicle-make-menus .menus-box:last-child {
    border-bottom: none;
}
.vehicle-make-menus .menus-title-box {
    height:20px;
}
.vehicle-make-menus .menus-title {
    height:20px;
    line-height: 20px;
    padding-right: 16px;
    background-image: url("/svg/chevron-right.svg");
    background-repeat: no-repeat;
    background-position: center right;
}
.vehicle-make-menus .menus-title:hover {
    color: #FF2D37;
    background-image: url("/svg/chevron-right-active.svg");
    text-decoration: underline;
}
.vehicle-make-menus .chevron-right-active {
    display: none;
}
.vehicle-make-menus .menus-item{
    height:34px;
    line-height:18px;
    margin: 8px 8px 0 0;
    padding:8px 16px;
    border:1px solid #DEDEDE;
    border-radius: 9999px;
    color: #282828;
}
.vehicle-make-menus .menus-item:hover{
    border-color: #FF2D37;
    color: #FF2D37;
}

.third-level-item:hover .vehicle-make-item-title{
    color: #FF2D37;

}

#headerCompare .compare-icon-box {
    height:20px;
    line-height: 20px;
    margin-bottom: 2px;
}
#headerCompare .compare-txt-box {
    height:13px;
}
#headerCompare .num-box {
    color:#EC8200;
    margin-left:2px;
    line-height: 12.5px;
}
#headerCompare .compare-num {
    width:6px;
}

.text-truncate-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cursor-pointer {
    cursor: pointer;
}

.cart-free-shipping-bar.cart-bar {
    width: 456px;
    margin: 0 auto;
}
.cart-free-shipping-bar.mini-cart-bar {
    width: 332px;
    margin: 0 auto;
}
.cart-free-shipping-bar::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 26px;
    width: calc(100% - 48px);
    height: 8px;
    background-color: #FAE0BF;
    z-index: 1;
    transition: background-color 0.3s ease;
}
.cart-step-wrapper .step-text {
    min-height: 15px;
}
.cart-step-wrapper .dot {
    width: 26px;
    height: 26px;
    background-color: #EDEDED;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    transition: background-color 0.3s ease;
}
.cart-step-wrapper .two-step-item {
    width: 120px !important;
}
.cart-step-wrapper .two-step-item:first-child .step-item-bar::after {
    width: 328px !important;
}
.cart-step-wrapper .two-step-item-gain {
    width: 120px !important;
}
.cart-step-wrapper .two-step-item-gain:first-child .step-item-bar::after {
    width: 328px !important;
}
.cart-step-wrapper .step-item {
    width: 80px;
}
.cart-step-wrapper .step-item:not(:last-child) .step-item-bar::after {
    content: "";
    position: absolute;
    bottom: 9px;
    left: calc(50% + 8px);
    width: 165px;
    height: 8px;
    background-color: #EDEDED;
    z-index: 1;
    transition: background-color 0.3s ease;
}
.cart-step-wrapper .step-item.active:not(:last-child) .step-item-bar::after {
    background-color: #FAE0BF;
}
.cart-step-wrapper .step-item.active .dot {
    background-color: #EC8200;
}
.cart-step-wrapper .step-item.active .icon-svg {
    color: #FFFFFF;
}

.cart-step-wrapper .p-two-step-item:first-child .step-item-bar::after {
    width: 525px !important;
}
.cart-step-wrapper .p-step-item {
    width: 172px;
}
.cart-step-wrapper .p-step-item:not(:last-child) .step-item-bar::after {
    content: "";
    position: absolute;
    bottom: 9px;
    left: calc(50% + 12px);
    width: 250px;
    height: 8px;
    background-color: #EDEDED;
    z-index: 1;
    transition: background-color 0.3s ease;
}
.cart-step-wrapper .p-step-item.active:not(:last-child) .step-item-bar::after {
    background-color: #FAE0BF;
}
.cart-step-wrapper .p-step-item.active .dot {
    background-color: #EC8200;
}
.cart-step-wrapper .p-step-item.active .icon-svg {
    color: #FFFFFF;
}

.recommend-swiper .swiper-slide {
    width: 129px;
}
.cart-recommend-swiper .swiper-slide {
    width: 168px;
}

.recommend-question {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.transform-none {
    transform: none !important;
}

.bulb-position-tooltip-style {
    --bs-tooltip-max-width: 240px;
    --bs-tooltip-text-align: start;
    padding: 4px;
    background-color: #282828;
    opacity: 1 !important;
    border-radius: 4px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    z-index: 1;
}

.select-vehicle-box .select2-container--open .select2-dropdown {
    margin-top: 8px;
    border-top: 1px solid #BBBBBB !important;
    border-color: #BBBBBB !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.list-4 {
    padding: 25px;
    overflow: visible;
    background: #fff;
    border-radius: 5px;
}

.list-4:after {
    content: '';
    display: block;
    clear: both;
}

.list-4 > div {
    float: left;
    width: calc(25% - 30px / 4);
}

.list-4 > div:not(:nth-child(4n)) {
    margin-right: 10px;
}
.recently_parts {
    margin: 50px auto;
}

.recently_parts > .title {
    font-size: 30px;
    color: #333;
    font-weight: 500;
    margin-bottom: 27px;
    text-align: center;
}
.recently_parts .thumbnail-box {
    height: 100%;
    text-align: center;
    padding: 10px 13px 0;
    box-sizing: border-box;
    border: 1px solid #fff;
}

.recently_parts .thumbnail-box .title {
    font-size: 16px;
    line-height: 16px;
    max-height: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.recently_parts .thumbnail-box .title:not(:hover) {
    color: #333;
}

.recently_parts .thumbnail-box .desc {
    margin-top: 11px;
    color: #999;
}

.recently_parts .thumbnail-box:hover {
    border: 1px solid #FF1200;
}

.recently_parts .p-img {
    display: block;
    width: 100%;
    height: 190px;
    margin: 0 auto 26px;
}

.recently-products {
    margin: 50px auto;
}

.recently-products > .title {
    font-size: 30px;
    color: #333;
    fw-semiboldght: 500;
    margin-bottom: 27px;
    text-align: center;
}

.product-common > div {
    width: 100%;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
}
.product-common.sale .p-img {
    margin: 0 auto 12px!important;
    width: auto!important;
    height: auto!important;
}
.product-common.sale > .thumbnail-box {
    border: none;
    /* box-shadow: 0px 2px 6px rgba(0,0,0,0.2400); */
    padding: 12px;
    /* border-radius: 2px; */
    
}
.product-common.sale > .thumbnail-box:hover {
    border: none!important;
}
.product-common .brand {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 4px;
    text-transform: uppercase;
}
.product-common.listClumn .brand {
    font-size: 20px;
}
.product-common.sale .title {
    -webkit-line-clamp: 1;
    margin-bottom: 6px;
    min-height: 16px;
}
.product-common.sale .rating-box {
    width: auto;
    height: auto;
    margin-right: 8px;
}
.product-common.sale .rating-box .rating:before {
    color: #FD9200;
}
.product-common.sale .rating-box:before, .product-common.sale .rating-box .rating:before {
    font-size: 16px;
}
.product-common.sale .review .ratings {display: flex;align-items: center;margin-bottom: 24px;}
.product-common.sale .ratings .rating-num {
    font-size: 13px;
    color: #bbb;
}
.product-common.sale .price-box .special-price {
    color: #282828;    
    font-size: 22px;
}
.product-common .price-box .old-price {
    color: #bbb;  
}
.product-common .p-img {
    display: block;
    margin: 0 auto 22px;
    position: relative;
}
.product-common .p-img .out-of-stock {
    width: 132px;
    height: 132px;
    line-height: 132px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(34,34,34,.6);
    border-radius: 50%;
    text-align: center;
    font-size: 21px;
    color: #FFFFFF;
    backdrop-filter: blur(2px);
    font-weight: 500;
}
.product-common .p-img img {
    display: block;
    width: 100%;
    height: 100%;
}
.product-common a.title {
    font-size: 14px;
    line-height: 16px;
    min-height: 32px;
    color: #282828;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.listClumn .product-common a.title {
    min-height: auto;
    font-size: 18px;
    color: #282828;
    line-height: 24px;
}
.product-common .price-box .special-price {
    font-size: 22px;
    color: #282828;
    font-weight: 500;
    line-height: 24px;
}
.product-common .price-box .old-price {
    font-size: 14px;
    color: #bbb;
    margin-left: 8px;
}
.product-common .price-view .shipping-stock {
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-weight: 500;
   margin: 14px 0 24px;
}
.product-common .price-view .shipping-stock img {margin-right: 8px;}
.product-common .price-view .shipping-stock .stock {
    font-weight: 500;
    color: #ec8200;
}

.product-common.sale .price-view {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-common.sale .price-view .p-cart {
    display: none;
    width: 24px!important;
    height: 24px!important;
    line-height: 24px;
    background: #eee;
    border-radius: 50%;
    text-align: center;
    border: none;
}
.product-common.sale .price-view .p-cart .icon {color: #666;font-size: 14px;}
.show-add-cart .product-common.sale .price-view .p-cart {display: block;}
select#rating, select#sort_by{
    /* 清除下拉菜单默认样式 */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("/default/images/suncent/index/select_arrow_down.png") no-repeat scroll calc(100% - 8px) center transparent;
}
select::-ms-expand { display: none;}
.widget{display:inline}.widget .widget-title{clear:both;padding:15px 0 0;margin:0 0 7px}.widget .widget-title h2{font-size:15px;font-weight:500;color:#e25203}.widget .mini-products-images-list .p-img{display:block;width:76px;height:76px;border:1px solid #a9a9a9;margin:0 auto}.widget .mini-products-images-list li.item{float:left;width:77px;height:77px}.widget-new-products{display:block}.col-main .widget-new-products{margin:7px 0}.widget-new-products .products-grid .p-img,.widget-new-products .products-list .p-img{width:85px;height:85px}.widget-new-products .products-list .product-intro-info{margin-left:100px}.sidebar .widget-new-products .block{font-size:11px;line-height:1.25}.sidebar .widget-new-products .block-title strong{background:url(/default/images/widgets/i_widget-new.gif) 0 1px no-repeat;padding-left:21px;color:#dc5033}.widget-viewed{display:block}.col-main .widget-viewed{margin:7px 0}.widget-viewed .products-grid .p-img,.widget-viewed .products-list .p-img{width:85px;height:85px}.widget-viewed .products-list .product-intro-info{margin-left:100px}.sidebar .widget-viewed .block{font-size:11px;line-height:1.25}.sidebar .widget-viewed .block-title strong{background:url(/default/images/widgets/i_block-list.gif) 0 0 no-repeat;padding-left:21px}.widget-compared{display:block}.col-main .widget-compared{margin:7px 0}.widget-compared .products-grid .p-img,.widget-compared .products-list .p-img{width:85px;height:85px}.widget-compared .products-list .product-intro-info{margin-left:100px}.sidebar .widget-compared .block{font-size:11px;line-height:1.25}.sidebar .widget-compared .block-title strong{background:url(/default/images/widgets/i_block-list.gif) 0 0 no-repeat;padding-left:21px}.widget-static-block{}.sidebar .widget-static-block{display:block;margin:0 0 15px}.top-container .widget a{padding:0 0 0 7px}.bottom-container .widget a{padding:0 3px}.widget-product-link-inline{display:inline}.col-main .widget-product-link{display:block;text-align:right;margin:7px 0}.col-main .widget-product-link a{background:url(/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;padding-right:15px}.sidebar .widget-product-link{display:block;margin:0 0 15px;padding:0 10px}.sidebar .widget-product-link a{background:url(/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;padding:0 15px 0 0}.widget-category-link-inline{display:inline}.col-main .widget-category-link{display:block;text-align:right;margin:7px 0}.col-main .widget-category-link a{background:url(/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;padding-right:15px}.sidebar .widget-category-link{display:block;margin:0 0 15px;padding:0 10px}.sidebar .widget-category-link a{background:url(/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;padding:0 15px 0 0}.widget-cms-link-inline{display:inline}.col-main .widget-cms-link{display:block;text-align:right;margin:7px 0}.col-main .widget-cms-link a{background:url(/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;padding-right:15px}.sidebar .widget-cms-link{display:block;margin:0 0 15px;padding:0 10px}.sidebar .widget-cms-link a{background:url(/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;padding:0 15px 0 0}
.upload_img_box {
    width: 100%;
    margin: 0 auto;
}

.upload_box{
	width: 106px;
    height: 106px;
    position: relative;
    background: #fff;
    margin: 0 auto 10px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
}
.upload_sel_img{
	position: absolute;
	top:0;
	left:0;
	width: 94px;
    height: 94px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #fff;
}

.upload_sel_img{
	filter: Alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
.profileimage-wrapper {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}
.profileimage-bg,
.profileimage-wrapper img {
	width: 106px !important;
    height: 106px !important;
    margin:0 auto;
}

.uploadbtn{
	width: 140px;
    text-align: center;
    float: left;
}

.dashboard_img {
    padding: 20px;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
}
.dashboard .welcome-msg .customer_name {
	display: block;
	width: 100%;
	text-align: center;
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
}
.dashboard .welcome-msg .customer_level {
    display: inline-block;
    font-size: 14px;
    background: #ee3243;
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.vsupload {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
    line-height: 106px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.upload_box:hover .vsupload {
    opacity: 1;
    z-index: 2;
}

@font-face {
  font-family: "iconfont"; /* Project id 3094385 */
  src: url('/default/font/iconfont.woff2?t=1668508671803') format('woff2'),
       url('/default/font/iconfont.woff?t=1668508671803') format('woff'),
       url('/default/font/iconfont.ttf?t=1668508671803') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-flash:before {
  content: "\e650";
}

.icon-free-shipping:before {
  content: "\e64e";
}

.icon-a-zu1823:before {
  content: "\e649";
}

.icon-a-zu1822:before {
  content: "\e64a";
}

.icon-next:before {
  content: "\e647";
}

.icon-eye-close:before {
  content: "\e645";
}

.icon-vehicle:before {
  content: "\e644";
}

.icon-logout1:before {
  content: "\e646";
}

.icon-selected-fill:before {
  content: "\e63f";
}

.icon-blog-tag:before {
  content: "\e642";
}

.icon-account-slim:before {
  content: "\e63a";
}

.icon-a-5:before {
  content: "\e641";
}

.icon-a-2:before {
  content: "\e640";
}

.icon-youtube:before {
  content: "\e635";
}

.icon-facebook-full:before {
  content: "\e636";
}

.icon-twitter:before {
  content: "\e637";
}

.icon-instagram:before {
  content: "\e639";
}

.icon-facebook-slim:before {
  content: "\e63b";
}

.icon-pinterest:before {
  content: "\e63c";
}

.icon-youtube-full:before {
  content: "\e63d";
}

.icon-pinterest-full:before {
  content: "\e63e";
}

.icon-facebook:before {
  content: "\e88d";
}

.icon-part-lighting:before {
  content: "\e633";
}

.icon-part-exterior:before {
  content: "\e634";
}

.icon-part-auto:before {
  content: "\e62e";
}

.icon-part-interior:before {
  content: "\e630";
}

.icon-part-auto-electronics:before {
  content: "\e631";
}

.icon-part-performance:before {
  content: "\e632";
}

.icon-msg2:before {
  content: "\e62d";
}

.icon-star:before {
  content: "\e604";
}

.icon-question:before {
  content: "\e62c";
}

.icon-x:before {
  content: "\e62a";
}

.icon-delete:before {
  content: "\e62b";
}

.icon-minus:before {
  content: "\e628";
}

.icon-plus:before {
  content: "\e629";
}

.icon-go-top:before {
  content: "\e627";
}

.icon-cart:before {
  content: "\e643";
}

.icon-account:before {
  content: "\e638";
}

.icon-thumb-up:before {
  content: "\e626";
}

.icon-play:before {
  content: "\e625";
}

.icon-list:before {
  content: "\e623";
}

.icon-grid:before {
  content: "\e624";
}

.icon-eye:before {
  content: "\e622";
}

.icon-email-fill:before {
  content: "\e61f";
}

.icon-locate:before {
  content: "\e620";
}

.icon-email:before {
  content: "\e621";
}

.icon-bank-card:before {
  content: "\e61c";
}

.icon-account-add:before {
  content: "\e61d";
}

.icon-shipping:before {
  content: "\e61e";
}

.icon-search:before {
  content: "\e619";
}

.icon-time:before {
  content: "\e61a";
}

.icon-question-fill:before {
  content: "\e61b";
}

.icon-customer-service:before {
  content: "\e616";
}

.icon-gift:before {
  content: "\e617";
}

.icon-filter:before {
  content: "\e618";
}

.icon-arrow-slim:before {
  content: "\e614";
}

.icon-arrow-fill:before {
  content: "\e615";
}

.icon-shake-hands:before {
  content: "\e611";
}

.icon-tick:before {
  content: "\e612";
}

.icon-arrow:before {
  content: "\e613";
}

.icon-account-center:before {
  content: "\e60e";
}

.icon-checkbox:before {
  content: "\e60f";
}

.icon-personal-info:before {
  content: "\e610";
}

.icon-order-line:before {
  content: "\e60d";
}

.icon-logout:before {
  content: "\e60a";
}

.icon-order-fill:before {
  content: "\e60b";
}

.icon-phone:before {
  content: "\e60c";
}

.icon-addr-line:before {
  content: "\e608";
}

.icon-addr-fill:before {
  content: "\e609";
}

.icon-clock:before {
  content: "\e607";
}

.icon-car:before {
  content: "\e606";
}

.icon-edit:before {
  content: "\e605";
}

.icon-safe:before {
  content: "\e62f";
}

.icon-wishlist-line:before {
  content: "\e603";
}

.icon-wishlist-fill:before {
  content: "\e602";
}

.icon-sort:before {
  content: "\e601";
}


/**
 * Swiper 6.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 18, 2020
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ave-review-images li {
    width: 80px;
    height: 80px;
    display: inline-block;
    background: #000;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.ave-review-images li img {
    height: 100px;
}


li.reviewimg input{
    width: 100px !important;
    height: 100px !important;
    opacity: 0;
    cursor:pointer;
    z-index: 60;
    position: relative;
}

.uploadimg:after, .uploadimg:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 64px;
    margin: -32px 0 0 -1px;
    background-color: #ddd;
    -webkit-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
}
.uploadimg:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

li.reviewimg .deleteimg{
    line-height: 20px;
    vertical-align: top;
    cursor: pointer;
    text-decoration: none;
}
li.reviewimg .deleteimg i{
    font-size: 20px;
}
.ave-review-images li img{
    border: 1px solid #f0f0f0;
    cursor: url(/default/images/cursorbig.png),auto;
    width: 100%;
    height: 100%;
}
.ave-review-images li.active img,
.ave-review-images li:hover img{
    border: 1px solid #e75200;
    box-sizing: border-box;
}
.ave-review-big-image img {
    max-width: 100%;
    height: auto;
}
.big-image-show,
.ave-review-images li.active img{
    cursor: url(/default/images/cursorsmall.png),auto;
}
.ave-review-big-image {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 6px;
}
.ave-review-big-image.active {
    display: block;
}
.ave-review-big-image a {
    display: inline-block;
}


.reviewimg.has .upload-img {
    display: block;
}

/*=============================     STYLES REVIEW     ====================================*/
#customer-reviews dd {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
}
.review-meta {
    display: block;
}
.ave-hint {
    font-size: 0.8em;
    color: #888888;
    text-transform: none;
}

.reviewlayer-box{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
    display: none;
    cursor: pointer;
}

.reviewlayer {
    width: 300px;
    height: 44px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 9999999;
    display: none;
    padding: 35px;
}
.reviewlayer p{
    font-size: 15px;
}
.reviewlayer .reviewclose{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: #fff;
    color: #000;
    line-height: 30px;
    text-align: center;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    text-decoration:none;
}


.order-review-box{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    display: none;
    cursor: pointer;
}

.order-review-box .write_review{
    width: 500px;
    height: 522px;
    background-color: #fff;
    padding: 20px 40px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.order-review-box .write_review_box{
    width: 100%;

}
.order-review-box .required{
    float: left;
    font-style: normal;
    color: #eb340a;
    margin-right: 4px;
}
.order-review-box h4 {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    font-family: myriadsetpro-semibold;
    margin-bottom: 0;
}

.order-review-close{
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align:center;
    top: 0;
    right: 0;
    color: #333;
}

.order-review-close i{
    font-size: 20px;
}

.order-reviews-image{
    width: 100%;
    height: auto;
    margin-top: 5px;
}
.order-reviews-image span{
    display: block;
    width: 50px !important;
    height: 50px !important;
    margin-right: 4px;
}
.order-reviews-image span img{
    width: 100%;
    height: 100%;
}

.review-success,.review-error {
     width: 214px;
     height: 88px;
     background-color: #fff;
 }

.review-success span,.review-error span {
     display: block;
     width: 36px;
     height: 36px;
     border: 2px solid #cd3333;
     border-radius: 100%;
     margin: 10px auto;
     line-height: 36px;
     text-align: center;
 }

.review-success span i,.review-error span i {
     font-size: 36px;
     color: #cd3333;
 }
 
.review-success p,.review-error p {
     margin: 0 auto;
     text-align: center;
     font-size: 14px;
     color: #333;
 }


.review-verified-txt {
    width:115px;
    height:19px;
    line-height: 19px;
    color: #C96F00;
    background: #FDF3E5;
    border-radius: 4px;
    margin-top:6px;
}









table {
    border-spacing: 0;
    border-collapse: inherit;
}
.amscheckout-submit:active span {
    background-color: #F26222;
    border: solid 1px #c24e1b;
    background-image: -webkit-linear-gradient(bottom, #f26222, #c24e1b);
    background-image: -moz-linear-gradient(bottom, #f26222, #c24e1b);
    background-image: -o-linear-gradient(bottom, #f26222, #c24e1b);
    background-image: linear-gradient(to top, #f26222, #c24e1b);
}

#co-payment-form {
    width: 100%;
}

.amscheckout .sp-methods label {
    color: #000
}

.amscheckout .sp-methods table {
    padding: 0 25px;
}

.amscheckout .sp-methods tr {
    line-height: 32px;
}

.amscheckout table .checkouttrsel td,
.amscheckout .sp-methods .checkouttrsel label {
    /*color: #b69160 !important;*/
}

.amscheckout .sp-methods tr th {
    text-align: center
}

.amscheckout .sp-methods tr td {
    color: #666;
}

.amscheckout .sp-methods .checkouttrsel.DHL-main+.dhlnotice {
    display: contents;
    line-height: 22px;
    background: #f6f6f6;
    color: #d54c4c;
}

.amscheckout .sp-methods .dhlnotice td {
    text-align: left;
}

.amscheckout .sp-methods .dhlnotice td p {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
}

.amscheckout .sp-methods .dhlnotice td em {
    float: left;
    font-style: normal;
    color: #eb340a;
    margin-right: 4px;
}

.amscheckout .shipping-methods-title {
    padding: 10px 25px;
    background: #fff;
    margin-bottom: 10px;
}


.amscheckout .shipping-methods-title tbody tr th {
    color: #333;
    font-weight: 500;
}

.amscheckout .estime {
    padding: 10px 25px;
}

.amscheckout .estime P {
    font-size: 13px;
    color: #333;
    line-height: 20px;
    margin: 0;
}

.ch-shipping-time {
    padding-left: 24px;
    font-weight: 500;
}

.amscheckout .estime i {
    font-size: 20px;
    margin-right: 4px;
    float: left;
}

.amscheckout>table {
    width: 100%;
    table-layout: fixed;
}

.amscheckout .amscheckout-data-table {
    width: 100%;
}

.amscheckout table td {
    vertical-align: top;
}

.amscheckout-row {
    display: inline-table;
    padding-top: 10px;
    float: left;
}

.amscheckout .three-columns .first-column,
.amscheckout .three-columns .second-column,
.amscheckout .three-columns .third-column {
    width: 33%;
    float: left;
    margin-bottom: 10px;
}

.amscheckout .two-columns .first-column,
.amscheckout .two-columns .second-column {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

.amscheckout .two-columns .first-column {
    width: 49%;
}

.amscheckout .one-columns .first-column {
    width: 100%;
    margin: 0 auto 10px;
}

.amscheckout input.input-text {
    padding: 0;
    width: 100%;
    height: 30px;
    text-indent: 3px;
    line-height: 30px;
}

.amscheckout input.input-text,
.amscheckout select {
    font-size: 13px;
    font-weight: normal;
}

.amscheckout select {
    padding: 0;
    width: 100%;
    height: 30px;
    margin-bottom: 0px;
}

.checkout-onepage-payment-additional-amstcred-customerbalance {
    width: 100%;
    height: auto;
    padding:12px 0;
}

#amstcred-customerbalance .box,
.payment-item .box,
.default-box,
.amscheckout-control-checkbox,
.amscheckout-control-radio {
    float: left;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    position: relative;
}

#amstcred-customerbalance .box input,
.payment-item .box input,
.default-box input,
.amscheckout-control-checkbox input,
.amscheckout-control-radio input {
    float: none;
    margin: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-opacity: 0;
    position: relative;
    z-index: 99;
    border-radius: 100%;
    cursor: pointer;
}

#amstcred-customerbalance .box input:checked+span,
.payment-item .box input:checked+span,
.default-box input:checked+span,
.amscheckout-control-checkbox input:checked+span,
.amscheckout-control-radio input:checked+span{
    background: #e75200;
    border: 1px solid #e75200;
}

#amstcred-customerbalance .box span,
.payment-item .box span,
.default-box span,
.amscheckout-control-checkbox span,
.amscheckout-control-radio span{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e6;
    color: #fff;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
    background: #fff;
}

.amscheckout .input-address {
    margin-top: 3px;
}

.amscheckout-review {
    display: none !important;
}

.amscheckout .order-review .amscheckout-data-table thead tr th {
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
    color: #333;
}

.amscheckout .order-review .amscheckout-data-table thead tr th:nth-child(1) {
    width: 61%;
    text-align: center;
    color: #333 !important;
}

.amscheckout .order-review .amscheckout-data-table thead tr th:nth-child(2) {
    width: 13%;
    text-align: center;
}

.amscheckout .order-review .amscheckout-data-table thead tr th:nth-child(3) {
    width: 13%;
    text-align: center;
}

.amscheckout .order-review .amscheckout-data-table thead tr th:nth-child(4) {
    width: 13%;
    text-align: center;
}

.amscheckout .checkout-title {
    overflow: hidden;
    background: #fff;
    margin-bottom: 12px;
    padding: 0 49px;
}

.amscheckout .checkout-title > li {
    text-align: left;
    float: left;
    padding: 10px 0;
    color: #666;
}

.checkout-total .title {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 12px;
}
.amscheckout .checkout-title>li:nth-child(1) {
    text-align: left;
    overflow: hidden;
}

.amscheckout-item .item-msg .item-product-msg>p {
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}

.amscheckout-item .item-price,
.amscheckout .checkout-title>li:nth-child(2) {
    width: 105px;
    text-align: center;
}
.amscheckout-item .item-total-price,
.amscheckout .checkout-title>li:nth-child(4) {
    text-align: right;
}

.amscheckout-item .item-del,
.amscheckout .checkout-title>li:nth-child(5) {
    width: 94px;
}

.amscheckout-item .item-del span {
    display: inline-block;
    cursor: pointer;
    line-height: 18px;
}

.amscheckout-item .item-del span i {
    font-size: 26px;
}

.amscheckout .order-review .amscheckout-data-table tbody tr td:nth-child(2) .price {
    color: #333 !important;
}

.amscheckout-item .item-qty,
.amscheckout .checkout-title>li:nth-child(3) {
    width: auto;
    text-align: center;
}

.amscheckout .order-review .amscheckout-data-table tbody tr td span span {
    display: block;
    width: 100%;
    text-align: left;
    color: #ea271c;
    font-weight: 500;
}

.amscheckout .order-review .amscheckout-data-table tfoot tr td:nth-child(1) {
    width: 86%;
}

.amscheckout .order-review .amscheckout-data-table tfoot tr td:nth-child(2) {
    font-weight: normal;
}

.amscheckout-data-table tfoot td {
    padding-right: 3px;
}

.amscheckout .second-column {
    border: 0px;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    border-style: dashed;
}

.amscheckout {
    width: 100%;
    padding: 10px 0 98px;
}

.amscheckout .shipping-method dt {
    font-weight: 500;
}

.amscheckout .shipping-method dd,
.amscheckout .shipping-method dt {
    padding: 12px 0;
}

.amscheckout .payment-method .payment-item {
    display: table;
    padding: 30px 17px;
    width: 100%;
    box-sizing: border-box;
}

.amscheckout .payment-method .payment-item.current {
    border: 2px solid #E75220;
}

.amscheckout .payment-method .payment-item > div {
    display: table-cell;
    vertical-align: top;
}
.amscheckout .payment-method .payment-item > div:first-child {
    width: 55px;
    max-width: 55px;
}
.amscheckout .payment-method .payment-item > div img {
    margin: 10px 0 0 !important;
    display: block;
}

.amscheckout .payment-method dt label a {
    color: #00bbd3;
}

.authorize-msg {
    width: 600px;
    height: auto;
}

.authorize-cardnumber-box {
    width: 100%;
    height: auto;
    padding: 6px;
    box-sizing: border-box;
}

.authorize-date-box {
    width: 50%;
    height: auto;
    float: left;
    padding: 6px;
    box-sizing: border-box;
}

.authorize-cardnumber,
.authorize-date,
.authorize-securecode {
    position: relative;
}

.authorize-msg select,
.authorize-cardnumber input,
.authorize-date input,
.authorize-securecode input {
    border-radius: 1px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 10px;
    word-break: normal;
    transition: all 0.2s ease-out;
    border: 1px solid #d9d9d9;
    background-color: white;
    color: #333333;
    font-size: 12px;
}

.authorize-msg select {
    height: auto;
}

.authorize-securecode {
    padding: 6px;
}

.authorize-securecode>span {
    display: inline-block;
    position: absolute;
    right: 6px;
    top: 28px;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}

.authorize-securecode>span i {
    font-size: 28px;
}

.authorize-securecode-img {
    background: #f4f4f4;
    border: 1px solid #999;
    border-radius: 1px;
    font-size: 14px;
    padding: 12px;
    width: 270px;
    display: none;
    right: -310px;
    position: absolute;
    text-transform: none;
    top: 26px;
    word-wrap: break-word;
    z-index: 2;
}

.authorize-securecode-img:before,
.authorize-securecode-img:after {
    border: 10px solid transparent;
    height: 0;
    width: 0;
    border-right-color: #f4f4f4;
    left: -21px;
    top: 12px;
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
}

.authorize-securecode-img:before {
    border-right-color: #666;
}

.authorize-securecode-img:after {
    border-right-color: #f4f4f4;
    width: 1px;
    z-index: 4;
}

.amstcred-balance-box{
    display: inline-block;
    float: left;
}

.amstcred-balance-box .open,
.amstcred-balance-box span,
.amstcred-balance-box i{
    display: inline-block;
    float: left;
    line-height: 20px;
}

.amstcred-balance-box i{
    font-size: 36px;
    color: #e75200;
    line-height: 12px;
    margin: 0 5px 0 10px;
}

.pay-name{
    font-size: 20px;
    line-height: 20px;
    color: #333;
    font-weight: 500;
    display: block;
}
.checkout-left .msg {
    position: absolute;
    bottom: 20px;
    font-size: 12px;
    color: #000;
    margin: 0;
}

#amstcred_available_amount{
    font-size: 14px;
}

.amstcred-balance-box .open{
    margin-left: 10px;
    cursor: pointer;
    position: relative;
}

.amstcred-balance-box .open em{
    color: #999;
    font-size: 26px;
    line-height: 18px;
}

.amstcred-balance-box .open p{
    position: absolute;
    top: 26px;
    left: -14px;
    width: 401px;
    height: auto;
    border: solid 1px #e75200;
    padding: 15px 20px;
    box-sizing: border-box;
    z-index: 9;
    background: #fff;
    border-radius: 4px;
    margin:0;
    display: none;
}

.amstcred-balance-box .open p span{
    display: block;
    position: relative;
}

.amstcred-balance-box .open p span:before{
    content: "";
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #e75200;
    position: absolute;
    left: 0;
    top: -27px;
}

.amstcred-balance-box .open p span:after{
    content: "";
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff;
    position: absolute;
    left: 0;
    top: -26px;
}

.amstcred-balance-box .open:hover p{
    display: block;
}

.amscheckout .btn-checkout {
    width: 100%;
}

.amscheckout-header {
    padding: 0;
}

.amscheckout-review {
    background-repeat: no-repeat;
    background-position: center;
    width: 26px;
    display: inline-block;
}



.amscheckout-submit,
.amscheckout-apply {
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0);
    word-spacing: 10px;
}

.amscheckout-submit span,
.amscheckout-apply span {
    text-align: center;
    white-space: nowrap;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 2px;
}

.amscheckout-submit span span,
.amscheckout-apply span span {
    color: #FFF;
    font-size: 14px;
}

.amscheckout-submit span span {
    font-size: 24px;
}

.amscheckout-submit span {
    line-height: 38px;
}

.btn-add-addr {
    display: inline-block;
    background: #e75200;
    border-radius: 3px;
    height: 38px;
    width: auto;
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
}

.hide-new-billing,
.hide-new-ship {
    max-height: inherit;
}
.select-address-popup .content li:after,
.amscheckout.payments .billing-address .address:after {
    content: '';
    background: url(/default/images/suncent/index/address_bg.png);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: repeat-x;
    height: 6px;
    border-radius: 5px;
}
.billing-address-item-box:last-child,
.addresses > div:last-child {
    margin-right: 0;
}
.billing-address-item-box span.title,
.addresses > div span.title {
    width: 37%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 5px;
    color: #666666;
}

.billing-address-item-box:nth-child(3n),
.addresses > div:nth-child(3n) {
    margin-right: 0;
}

.addresses > div.selected {
    border: 1px solid #e75200;
    position: relative;
}

.addresses > div.selected:after {
    color: #e75200;
    content: "\e6a7";
    font-family: "iconfont" !important;
    font-size: 40px;
    position: absolute;
    right: -10px;
    text-align: center;
    bottom: -13px;
}
.addresses .actions {
    position: absolute;
    text-align: right;
    width: 98%;
    left: -12px;
    top: 20px;
    z-index: 2;
}

.addresses > div.selected .actions {
    width: 103%;
    height: 30px;
}

.addresses > div.selected:after {
    content: "\e686";
    color: #FFF;
    font-size: 12px;
    width: 25px;
    height: 25px;
    padding-top: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    background-color: #e75200;
    clip-path: polygon(100% 0,0 100%,100% 100%);
    position: absolute;
    right: -1px;
    bottom: 0;
}

.addresses > div.selected .icon-delete {
    display: none;
}

.addresses .actions span:hover {
    color: #e75200;
}

.show-all-billing span,
.show-all-ship span{
    display: inline-block;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

.show-all-billing span:after,
.show-all-ship span:after {
    color: #333;
    content: "\e684";
    font-family: "iconfont" !important;
    font-size: 20px;
    margin-left: 4px;
}

.addresses .address-form {
    max-width: 600px;
}

.amscheckout-apply span {
    line-height: 20px;
}

.order-review-button {
    margin-top: 20px;
}

.order-review-button button {
    width: 240px;
    height: 44px;
    line-height: 44px;
    background: #EC8200;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    word-spacing:0;
}

.coupon-buttons {
    padding: 0px;
    text-align: left;
}

.coupon-buttons button span span {
    padding: 5px 18px;
    font-size: 12px;
    background: #e75200;
    color: #fff;
    border: 1px solid #e75200;
    border-left: none;
}

.coupon-buttons .cancelbtn span span {
    background: #fdf9f6;
    border: 1px solid #e75200;
    color: #e7d9ce;
}

.amscheckout-processing {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    cursor: pointer;
}

.amscheckout-processing img {
    display: block;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.amloading {
    text-align: center;
}

.amscheckout .order-review {
    padding: 0px;
}

.amscheckout-data-table tr td,
.amscheckout-data-table tr th {
    line-height: 31px;
    vertical-align: middle;
}

.amscheckout-data-table tr th {
    font-weight: 500;
    padding: 0px 3px;
}
.amscheckout .amscheckout-item .input-qty {
    margin: 0 3px;
    width: 35px;
}

.amscheckout-data-table tfoot td:first-child {
    padding-right: 10px;
    font-weight: normal !important;
    float: left;
}

.checkout-onepage-index .col-main {
    width: 100% !important;
}


#co-payment-form dd>fieldset.form-divst>ul.form-list {
    width: 50%;
    margin: 10px 0 0 20px;
}

#co-payment-form>div>dd>ul {
    border: 1px solid #e5e5e5;
    display: inline-block;
    padding: 6px 10px;
}

.amscheckout .product-name img {
    float: left;
    padding-right: 0px;
    margin-right: 12px;
    border: 1px solid #ccc;
}

.amscheckout .product-name {
    line-height: 20px !important;
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.amscheckout .shoping-for-vehicle {
    margin: 8px 0 18px;
    min-height: 20px;
    display: flex;
}
.amscheckout .item-bottom,.amscheckout .item-bottom .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
}
.amscheckout .item-bottom .sku {
    font-size: 16px;
    line-height: 20px;
    color: #282828;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.amscheckout .item-bottom .item-qty {
    font-size: 16px;
    line-height: 20px;
    color: #282828;
    font-weight: 400;
}
.amscheckout .item-bottom .item-total-price {
    font-weight: 500;
    color: #282828;
    font-size: 22px;
    line-height: 24px;
}
.amscheckout .item-bottom .item-total-base-price {
    color: #BBBBBB;
    font-size: 14px;
    line-height: 20px;
    margin-left: 8px;
    text-decoration: line-through;
}
.amscheckout-control .form-list .field {
    width: auto;
    float: none;
}

.amscheckout-control .form-list li {
    margin: 0;
    padding: 0;
}

.amscheckout .amscheckout-house-title {
    color: #000;
    font-size: 16px;
    line-height: 50px;
    margin-left: 29px;
}

.amscheckout .amscheckout-house-title em {
    font-style: inherit;
    color: #ea271c;
    font-size: 18px;
}

#amscheckout-onepage .cart-table {
    width: 100%;
    float: none;
}

#shipping-method-processing {
    line-height: 10px;
}

label.required:after,
span.required:after {
    content: '' !important;
}

label.required em,
span.required em {
    display: inline;
    float: right;
}

.amscheckout-control [for='billing:gender'] {
    display: none;
}

.giftcard-code-check {
    float: left;
}

.checkout-enotice {
    font-size: 12px;
    color: #666;
    margin: 2px 0;
    line-height: 14px;
}

.amscheckout-data-table .item-options {
    overflow: hidden;
    margin: 0;
}

.amscheckout-data-table .item-options dd {
    color: #999;
    font-size: 12px;
}

.amscheckout-data-table .item-options dt {
    color: #999;
    font-size: 12px;
    font-weight: normal;
}

.amscheckout .amscheckout-cost {
    padding: 11px 29px;
    text-align: right;
}

.amscheckout .amscheckout-cost span:nth-child(1) {
    text-align: right;
    display: inline-block;
    line-height: 24px;
}

.amscheckout .amscheckout-cost span:nth-child(2) {
    color: #E75220;
    font-size: 18px;
    font-family: Arial-Bold;
    width: 90px;
    margin-left: 15px;
    display: inline-block;
}

.amscheckout .amscheckout-cost p span {
    float: left;
}

.amscheckout .shipping-method .sp-methods {
    background: #fff;
    margin: 0 0 10px;
}

.amscheckout .discount #mh_amount {
    color: #000;
    width: 60px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    border-color: #999;
    margin: 3px 4px;
    height: 22px;
    border-radius: 0;
}

.amscheckout .discount #mh_use_max_points {
    float: left;
}

.amscheckout .discount input.input-text {
    color: #000;
    border-color: #b69160;
}

.amscheckout .discount>div>p {
    text-align: left;
    margin: 0;
    overflow: hidden;
    font-size: 12px;
}

.checkout-right-box {
    width: 403px !important;
    float: right;
    border: none !important;
}


.checkout-total-price .price {
    font-size: 20px;
    color: #D82518;
}

.amscheckout .address-sel {
    margin: 8px 0 0 0;
    display: block;
    font-size: 15px;
    color: #333 !important;
    position: relative;
    z-index: 0;
    padding: 0px 0px 5px;
    font-weight: 500;
    line-height: 26px;
}

.amscheckout .rwp-title {
    margin-bottom: 6px;
}

.amscheckout .rwp-title span {
    float: left;
    font-size: 18px;
    color: #333;
    font-family: "Arial-Bold";
}

.amscheckout .rwp-title .open {
    display: inline-block;
    float: left;
    line-height: 20px;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
}

.amscheckout .rwp-title .open em{
    color: #999;
    font-size: 26px;
    line-height: 22px;
}

.amscheckout .rwp-title .open:hover .policymsg{
    display: block;
}

.policymsg {
    position: absolute;
    top: 26px;
    left: -14px;
    width: 400px;
    height: auto;
    border: solid 1px #e75200;
    padding: 15px 20px;
    box-sizing: border-box;
    z-index: 9;
    background: #fff;
    border-radius: 4px;
    margin: 0;
    display: none;
}

.policymsg p{
    color: #333;
    font-size: 13px;
    float: left;
    font-style: normal;
    line-height: 20px;
    text-align: left;
    margin: 0;
}

.policymsg .box{
    position: relative;
}

.policymsg .box:before{
    content: "";
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #e75200;
    position: absolute;
    left: 0;
    top: -27px;
}

.policymsg .box:after{
    content: "";
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff;
    position: absolute;
    left: 0;
    top: -26px;
}

.rewardpoints-left {
    width: 70%;
    float: left !important;
    border-right: 1px solid #ccc;
    padding-right: 2%;
}

.rewardpoints-right {
    width: 25%;
    float: left !important;
    padding-left: 2%;
}

.rewardpoints-left p,
.rewardpoints-right p {
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.rewardpoints-left p span {
    color: #b69160;
    border-bottom: 1px solid #b69160;
    margin-bottom: 5px;
    display: inline-block;
}

.rewardpoints-left p em {
    color: #b69160;
}

.rewardpoints-right .total_points {
    font-size: 20px;
    font-weight: 500;
    color: #404040;
    text-align: center;
    font-family: MyriadSetPro-Semibold;
    line-height: 36px;
}

.rewardpoints-right .total_points {
    color: #ee3e43;
}

#mh-checkout-payment-rewardpoints {
    text-align: right;
    padding: 0px;
    height: auto;
    width: 100%;
    margin-top: 26px;
    position: relative;
}

#mh_reward_incr_handle,
#mh_reward_decr_handle {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 0px;
}

#mh_reward_incr_handle {
    background: url("../images/plus.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    right: -20px;
}

#mh_reward_decr_handle {
    background: url("../images/minus.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    margin-left: -17px;
}

.mh_reward_select {
    background: url("../images/slider_rail.png") no-repeat scroll 0 0 transparent;
    font-weight: normal;
    color: #555555;
    min-height: 16px;
    cursor: default;
    height: 2em;
    margin-top: 2px;
    position: absolute;
    width: 1em;
    z-index: 2;
}

.mh_reward_slider_contaner {
    background: url(../images/rail.png) repeat-x scroll 0 0 transparent;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 20px;
    padding-right: 10px;
    position: relative;
    min-height: 16px;
    display: none;
}

.mh_reward_title img {
    display: inline;
    position: relative;
    top: 9px;
}

.showpng {
    background: url(../images/show.png) repeat-x scroll 0 0 transparent;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 20px;
    padding-right: 10px;
    position: relative;
    min-height: 16px;
}

.hidepng {
    background: url(../images/hide.png) repeat-x scroll 0 0 transparent;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 20px;
    padding-right: 10px;
    position: relative;
    min-height: 16px;
}

.rwp-details-rule {
    float: left;
    width: 100%;
    font-size: 11px;
    margin: 0 0 5px 0;
    overflow: hidden;
}

.mh_reward_toggle {
    float: left;
    margin-bottom: 10px;
}

.amscheckout input[type="radio"] {
    cursor: pointer;
}

.ship-item-box {
    height: auto;
    box-sizing: border-box;
    margin: 20px 29px 20px 0;
}

.ship-item-tips {
    color: red;
    text-align: right;
}

.ship-item-main {
    color: #333;
    line-height: 50px;
}

.ship-item-main > div {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
}
.ship-item-main > div:nth-child(1) {
    width: 680px;
    padding-left: 12px;
    background-color: #f5f5f5;
}
.ship-item-main > div:nth-child(1) > div {
    display: inline-block;
}
.ship-item-main > div:nth-child(1) > div:nth-child(1) {
    width: 160px;
    font-family: Arial-Bold;
    font-size: 12px;
    color: #010101;
}
.ship-item-main .icon-cart3 {
    font-size: 29px;
    color: #FF4000;
    vertical-align: middle;
    margin-right: 10px;
}

.ship-item-main .item-selected {
    box-sizing: border-box;
    padding: 0 80px 0 30px;
    font-family: Arial-Bold;
    font-size: 12px;
    color: #010101;
}
.ship-item-main .item-selected i {
    color: #999;
    position: absolute;
    top: 0;
    right: 18px;
    transition: transform .5s ease;
}
.ship-cost {
    font-family: Arial-Bold;
    width: 74px;
    line-height: 50px;
    display: inline-block;
    text-align: right;
    background: #FFF;
}

.ship-cost span {
    display: inline-block;
    height: 39px;
    text-align: left;
    color: #E75220;
}

.ship-item-main .shipping-selector {
    position: absolute;
    top: 0;
    right: 0;
}
.ship-item-main .shipping-selector:hover {
    background-color: #fff;
    border: 1px solid #111;
    box-sizing: border-box;
}

.ship-item-main .dropdown {
    color: #333;
    width: 100%;
    background: #fff;
    display: none;
}

.ship-item-main .shipping-selector:hover .dropdown {
    display: block;
}

.ship-item-main:hover .item-selected i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ship-item-main:hover .ship-item:hover {
    background: #FFCBB9;
}

.ship-item-selmsg {
    height: 48px;
    line-height: 48px;
    cursor: pointer;
}

.ship-item-main .dropdown .ship-item {
    position: relative;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    padding: 0 80px 0 30px;
    white-space: nowrap;
}

.ship-item-main .dropdown .ship-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 9px;
    right: 9px;
    height: 1px;
    background: #BBB;
}

.ship-item-main .dropdown .ship-item:first-child:before {
    background: #111;
}

.ship-item-selmsg span,
.ship-item-main .dropdown .ship-item span {
    font-size: 12px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.ship-item-1 {
    width: 140px;
}

.ship-item-2 {
    width: 120px;
    margin-left: 20px;
}

.ship-item-3 {
    width: 70px;
    color: #333;
    margin-left: 20px;
    text-align: right;
}

.authorize-notice {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 14px;
    width: 320px;
    height: 63px;
    background: #323232;
    line-height: 63px;
    text-align: center;
    display: none;
    animation: itemnotice .5s;
    -webkit-animation: itemnotice .5s;
    z-index: 999999
}

@keyframes itemnotice {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.9)
    }

    50% {
        transform: scale(1)
    }

    75% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}
#notice-box {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 18px;
    width: 300px;
    height: 20px;
    padding: 20px 0;
    white-space: nowrap;
    background: #323232;
    text-align: center;
    display: none;
    z-index: 9999;
    line-height: 0;
}
#notice-dialog {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
}
.notice-dialog-layer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .4);
}
.notice-dialog-main {
    position: fixed;
    z-index: 1001;
    width: 520px;
    height: 280px;
    background: #fff;
    text-align: center;
    padding: 10px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.notice-dialog-main .notice-dialog-close {
    right: 3px;
    top: 3px;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
}
.notice-dialog-main .text {
    display: flex;
    padding: 68px 90px 47px;
    align-items: center;
    justify-content: space-between;
}
.notice-dialog-main .text h4 {
    font-size: 24px;
    font-weight: 400;
    color: #4c4c4c;
    text-align: left;
    margin-top: 0;
    margin-bottom: 7px;
}
.notice-dialog-main p {
    font-size: 16px;
    font-weight: 400;
    color: #4c4c4c;
    margin: 0;
    text-align: left;
}
.notice-dialog-main>div {
    padding: 10px 30px 30px;
    font-size: 0;
    text-align: center;
}
.notice-dialog-main>div a {
    min-width: 180px;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    margin: 0 10px;
    color: #000;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    text-align: center;
    background: #ff8a00;
    text-decoration: none;
    border-radius: 4px;
}
.notice-dialog-main>div .notice-dialog-confirm {
    background: #EC8200;
    border-radius: 5px;
    font-size: 16px;
    
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
.notice-dialog-main>div .notice-dialog-cancel {
    background: #666;
    border-radius: 5px;
    font-size: 16px;
    
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
.video {
    cursor: pointer;
}
#videoBody {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: rgb(0, 0, 0, 0.6);
    display: none;
}
#videoBody.active {
    display: block;
}
#videoBody iframe {
    margin: auto !important;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: calc(67vh / 63 * 112);
    height: 67vh;
    background: #DDD url(/images/loading.gif) no-repeat center;
    /* box-shadow: 0px 0px 5px 5px #888; */
}
div .select2-container {
	width: 100% !important;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle; }
/*select2 下拉容器（dropdownParent 模式下 absolute 定位、无 .select2 class）不应命中上面的 width:100%，否则参照 .w(1330px) 被撑宽导致页面横向溢出*/
span.select2-container:not(.select2) {
	width: auto !important; }
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 32px;
    user-select: none;
    -webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 12px;
    padding-right: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0; }
.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em; }
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none; }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051; }

.select2-results {
    display: block; }

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0; }

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none; }

.select2-results__option--selectable {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
    left: 0; }

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-search--dropdown {
    display: block;
    padding: 4px; }
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0); }

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #C2C2C2;
    border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #666;
    line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 500;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #C2C2C2;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 0px;
    right: 1px;
    width: 28px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #F8F8F8;
    cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative; }
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 500;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 500;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #f8f8f8;
    cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em; }

.select2-container--default .select2-results__option--group {
    padding: 0; }

.select2-container--default .select2-results__option--disabled {
    color: #999; }

.select2-container--default .select2-results__option--selected {
    background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: white; }

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 500;
    height: 26px;
    margin-right: 20px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px; }
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: 500;
    padding: 0 4px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none; }

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
    border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
    border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
    padding: 0; }

.select2-container--classic .select2-results__option--disabled {
    color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: white; }

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb; }

.flash-sale-bar {
    display: flex;
    align-items: center;
    padding: 0 12px 0 16px;
}

.flash-sale-bar a {
    padding-left: 4px;
}
.flash-sale-bar a > .iconfont {
    font-size: 12px;
    color: #FFF!important;
}

.flash-sale-bar > .iconfont {
    color: #FFF;
    margin-right: 4px;
}

.flash-sale-bar > span {
    color: #FFF;
    font-size: 16px;
    margin-right: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.flash-sale-bar > div {
    margin-left: auto;
    color: #FFF;
    white-space: nowrap;
}

.discount-box {
    display: inline-block;
    background: #FF2D37;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
    height: 23px;
    padding: 0 6px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
}

.left-bar {
    position: relative;
    height: 12px;
}
.left-bar .bg {
    height: 12px;
    background: #FDF1D4;
    border-radius: 8px 8px 8px 8px;
}
.left-bar .count {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #FFE148;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid rgba(19,19,19,0.29);
    padding: 0 2px;
    text-align: center;
    white-space: nowrap;
}
.left-bar .count > span {
    font-size: 12px;
    line-height: 1;
    transform: scale(.8);
    font-weight: 500;
    margin: 0 auto;
    vertical-align: top;
}

#minicart .flash-sale-bar {
    height: 34px;
    background: url('/default/images/flash-sale/flash-sale-bar.png') no-repeat center;
}

#minicart .discount-box {
    margin-left: 10px;
}

.cart-group-item .flash-sale-bar {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 260px;
    height: 28px;
    background: url('/default/images/flash-sale/flash-sale-bar.png') no-repeat center;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.cart-group-item .flash-sale-bar .icon-arrow {
    font-size: 12px;
}
.listClumn .flash-sale-bar {
    padding: 0;
    margin-bottom: 4px;
}
.listClumn .flash-sale-bar > span,
.listClumn .flash-sale-bar > i {
    font-size: 18px;
    color: #ec8200;
}

.listClumn .flash-sale-bar > div {
    color: #000;
    line-height: 19px;
}
.listClumn .flash-sale-bar > div > span {
    margin-left: 5px;
}
.listClumn .flash-sale-bar .times > span {
    background: #FFE148;
    padding: 0 7px;
    font-weight: 500;
    margin: 0 5px;
    border-radius: 4px 4px 4px 4px;
}
.listClumn .flash-sale-bar a > .iconfont {
    color: #000 !important;
}

.listClumn .flash-sale-bar a {
    margin-left: -4px;
}
.listClumn .left-bar {
    margin-bottom: 12px;
}
.flash-filter {
    height: 36px;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px dashed #EC8200;
    margin-right: 20px;
    font-weight: 500;
    color: #EC8200;
    line-height: 34px;
    text-align: center;
    padding: 0 14px;
    cursor: pointer;
}
.flash-filter i {
    color: #ec8200;
    vertical-align: middle;
    margin-right: 7px;
}
.flash-filter.active {
    background: #EC8200;
    color: #fff;
}
.flash-filter.active i {
    color: #fff;
}

.grid3 .left-bar {
    margin-top: 10px;
}
.grid3 .flash-sale-bar {
    position: absolute;
    top: 227px;
    left: 23px;
    right: 23px;
    height: 34px;
    padding: 0 8px 0 10px !important;
    background: url('/default/images/flash-sale/flash-sale-bar.png') no-repeat center;
}
.grid3 .flash-sale-bar > span {
    font-size: 14px;
}
.grid3 .discount-box {
    position: absolute;
    top: 0;
    right: 23px;
}
.grid3 .flash-sale-bar .icon-arrow {
    font-size: 12px;
}
.product-intro-info .flash-sale-bar {
    height: 58px;
    padding: 0 20px !important;
    margin-top: -22px;
    background: url('/default/images/flash-sale/flash-sale-bar-lg.png') no-repeat center;
}
.product-intro-info .flash-sale-bar > span {
    font-size: 22px;
    font-weight: 500;
}
.product-intro-info .flash-sale-bar > i {
    font-size: 22px;
}
.product-intro-info  .flash-sale-bar > div {
    font-size: 20px;
}

.product-intro-info .flash-sale-bar a > .iconfont {
    font-size: 16px;
    margin-bottom: 2px;
    display: inline-block;
    vertical-align: middle;
}
.product-intro-info .left-bar {
    flex: 1 1 auto!important;
    margin-left: 20px!important;
}

.features-categories .flash-sale-bar {
    height: 42px;
    margin-top: 40px;
    margin-bottom: 16px;
    padding: 0 20px;
    background: url('/default/images/flash-sale/flash-sale-bar-xlg.png') no-repeat center;
}
.features-categories .flash-sale-bar > span,
.features-categories .flash-sale-bar > i {
    font-size: 22px;
}

.features-categories.flash-sale-wrap .thumbnail-box {
    box-shadow: none !important;
    border-radius: 0 !important;
    transition: none !important;
    transform: none;
}
.features-categories.flash-sale-wrap .product {
    border: 1px solid rgba(112,112,112,0.11) !important;
}
.features-categories.flash-sale-wrap .left-bar {
    margin-top: 12px;
}
.features-categories .flash-sale-bar > div span {
    margin: 0 2px;
}
.amscheckout-item .flash-sale-bar {
    height: 26px;
    margin-bottom: 10px;
    background: url('/default/images/flash-sale/flash-sale-bar.png') no-repeat center;
    background-size: cover;
}

.amscheckout-item .flash-sale-bar > span,
.amscheckout-item .flash-sale-bar > i {
    font-size: 12px;
}

.amscheckout-item .discount-box {
    margin-right: 8px;
}

.zip-code-not-style {
    width: 167px !important;
}
#zipCodeBox {
    display:flex;
    width:176px;
    height:42px;
    border: 2px solid #383838;
    background: #181818;
    border-radius:8px;
    margin-right:16px;
    cursor: pointer;
}
#zipCodeBox .zip-code-info {
    display:flex;
    margin-left:16px;
    align-items:center;
    color:#989898;
}
#zipCodeBox .zip-code-info .code-tit {
    margin-left: 8px;
}
#zipCodeBox .zip-code-info .code-txt {
    color:#EC8200;
    margin-left: 4px;
}
#zipCodeBox .zip-code-info .code-txt-not {
    color:#EC8200;
    margin-left: 8px;
}


#menuZipCodeBox {
    border-bottom:1px solid #DEDEDE;
    width:100%;
    height:40px;
    padding:8px 16px;
    background: #FFFFFF;
}
#menuZipCodeBox .zip-code-info {
    display: flex;
    align-items: center;
    height:24px;
    line-height:24px;
    cursor: pointer;
}
#menuZipCodeBox .code-tit {
    color: #787878;
    margin-right:4px;
}
#menuZipCodeBox .location-icon {
    width:16px;
    height:16px;
    margin-left:4px;
}


#zipCodeModal {
    --bs-modal-width:377px;
}
#zipCodeModal .modal-dialog{
    margin-top:200px !important;
}
#zipCodeModal .modal-header {
    border:none;
    padding:14px 16px !important;
}
#zipCodeModal .modal-header .btn-close {
    --bs-btn-close-bg: url("/images/x-icon.svg");
    --bs-btn-close-color:#282828;
    --bs-btn-close-opacity: 1;
    background-size: 16px 16px;
}
#zipCodeModal .modal-body-info {
    color:#989898;
    line-height: 15px;
}
#zipCodeModal .content-title {
    margin:24px 0 12px 0;
}
#zipCodeModal .location-icon {
    margin-right: 4px;
}
#zipCodeModal .input-area {
    height: 42px;
    margin-bottom: 8px;
}
#zipCodeModal .zip-code-input-box {
    display:flex;
    width: 237px;
    margin: 0 auto;
    color: #282828;
}
#zipCodeModal .zip-code-input-box input {
    display:flex;
    width:41px;
    height:42px;
    border: 1px solid #C2C2C2;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
}
#zipCodeModal .zip-code-input-box input:focus {
    border: 1px solid #282828;
    caret-color: #EC8200;
    box-shadow: 0px 0px 0px 3px rgb(237,237,237);
}
#zipCodeModal .zip-code-input-box input:not(:first-child) {
    margin-left:8px;
}
#zipCodeModal .refresh-icon {
    right:25px;
    top:9px;
}
#zipCodeModal .msg-box {
    height: 17px;
    line-height: 17px;
    font-size: 13px;
    padding-top: 4px;
    color: #D9262F;
}
#zipCodeModal .apply-btn-box {
    width:160px;
    margin:32px auto 8px auto;
}
#zipCodeModal .apply-btn-box .apply-btn {
    width:160px;
    height:42px;
    line-height: 42px;
    background: #EC8200;
    color:#FFF;
    border-radius: 4px;
    cursor:pointer;
}
#zipCodeModal .apply-btn-box .apply-btn-disabled {
    background: #EDEDED !important;
    color: #787878 !important;
    cursor: default;
}


#zipCodeDeliveryBox {
    color:#787878;
    margin-bottom: 16px;
}
#zipCodeDeliveryBox .info-box {
    display:flex;
}
#zipCodeDeliveryBox .location-info {
    display:flex;
}
#zipCodeDeliveryBox .zip-code-txt {
    color:#282828;
    cursor:pointer;
    margin-left: 4px;
}
#zipCodeDeliveryBox .edit-icon {
    margin-left:12px;
    margin-top:-2px;
    cursor:pointer;
}
#zipCodeDeliveryBox .delivery-info {
    display:flex;
    margin-left:32px;
}
#zipCodeDeliveryBox .delivery-time-txt {
    color:#282828;
    margin-left:4px;
}


.shipping-method-box .area-header {
    padding:24px 0px 12px 0px;
}
.shipping-method-box .shipping-method-item {
    border:1px solid #36C14D;
    border-radius: 8px;
    padding:12px 16px;
    background-image: url('/images/sale/shipping-method-s01.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.shipping-method-box .shipping-method-item .item-title {
    height: 20px;
    line-height:20px;
}
.shipping-method-box .shipping-method-item .item-info {
    height: 18px;
    line-height: 18px;
    margin-top: 4px;
}
.shipping-method-box .free-txt {
    float:right;
    color:#2EA442;
}
.shipping-method-box .delivery-time-txt {
    color:#282828;
    margin-left: 4px;
}
.series-box {
    margin:56px auto;
    color:#282828;
}
.series-title {
    font-size:36px;
}
.series-title .title-font {
    max-width: 1048px;
    line-height: 45px;
}
.series-title .title-point {
    width:8px;
    height:8px;
    background: #EC8200;
    border-radius: 50%;
    margin-top:18.5px;
}
.series-box .p-cart:hover {
    background: #EC8200 !important;
    border-color: #EC8200 !important;
}
.series-product-box {
    margin-top: 32px;
    padding: 4px;
    border-radius: 12px;
    background-image:linear-gradient(to bottom, #EC8200, #FF2D37);
    box-shadow: 0px 7px 8px -4px rgba(250, 224, 191, 0.20), 0px 12px 17px 2px rgba(250, 224, 191, 0.12), 0px 5px 22px 4px rgba(250, 224, 191, 0.08);
}
.series-product-list {
    border-radius: 10px;
    background-color: #FFFFFF;
    padding:12px 0;
}
#seriesCompareBox .series-product-item {
    flex:1;
    padding:12px 24px;
}
#seriesCompareBox .product-line-item:first-child .series-product-item {
    padding-bottom: 18px !important;
}
.series-product-item .item-title {
    margin-bottom:4px;
    height:18px;
    line-height:18px;
    color:#989898;
}

#seriesCompareBox .product-line-item .series-product-item {
    border:none;
    position: relative;
}
#seriesCompareBox .product-line-item:not(:first-child) .series-product-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-image: repeating-linear-gradient(
        to right,
        #DEDEDE 0,
        #DEDEDE 5px,
        transparent 5px,
        transparent 10px
    );
}

.product-line-item:last-child .series-product-item{
    padding-top:16px !important;
}

#seriesCompareBox .product-line-item img {
    width:120px;
    height:120px;
}
#seriesCompareBox .product-line-item .label-box {
    margin-top:9px;
}
.product-line-item .label-box {
    height:17px;
}
.product-line-item .label-box .label-title {
    height:17px;
    line-height:15px;
    padding:1px 8px;
    border-radius: 4px;
}

#seriesCompareBox .product-line-item .product-series-name {
    margin-top: 6px;
}
.product-line-item .product-series-name {
    min-height: 23px;
    line-height: 22.5px;
}
.product-line-item .price-box {
    height: 23px;
    margin-top:12px;
}
.product-line-item .price-box .shop-price {
    line-height: 23px;
}
.product-line-item .price-box .market-price {
    height:18px;
    line-height:17.5px;
    margin-left:8px;
    color:#BBBBBB;
    text-decoration-line: line-through;
}
.product-line-item .price-box .discount-rate {
    height:18px;
    line-height:17.5px;
    margin-left:8px;
    color: #FF2D37;
}
.product-line-item .cart-add-btn,
.product-line-item .arrival-notice-btn
{
    height:42px;
    line-height:17.5px;
    padding-top:12px;
    padding-bottom: 12px;
}
.product-line-item .normal-spec {
    line-height: 17.5px;
}

#modalCompareProduct .btn-close {
    width:24px;
    height:24px;
    --bs-btn-close-color: #989898;
    --bs-btn-close-opacity: 1;
    --bs-btn-close-bg: url('/svg/close-icon-m.svg');
    background-size: 24px 24px;
    border-radius: 0;
}
#modalCompareProduct .modal-dialog {
    idth:100%;
    height:100%;
    margin:0;
}
#modalCompareProduct .modal-content {
    overflow-y:auto;
    border:none;
    width:100%;
    height:100%;
}
#modalCompareProduct .modal-header {
    border:none;
    width:1330px;
    margin:0 auto;
}
#modalCompareProduct .modal-title {
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 36px;
}
#modalCompareProduct .modal-body{
    width:1330px;
    margin:0 auto;
    padding:0;
}
#modalCompareProduct .series-product-item {
    padding: 24px;
    width: 266px;
}
#modalCompareProduct .product-line-item:last-child .series-product-item {
    padding-top: 24px !important;
}
#modalCompareProduct .item-title {
    margin-bottom: 12px;
}
#modalCompareProduct .compare-remove {
    color: #585858;
    cursor: pointer;
    text-decoration: underline;
}
#modalCompareProduct .compare-rating-num {
    color:#989898 !important;
    font-size:13px !important;
}


.mobile-style {
    margin-bottom: 64px;
}

.compare-product-bar {
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 100;
}

.compare-product-bar.show {
    transform: translateY(0);
}

.compare-product-bar.show .btn-toggle-compare-product-bar svg {
    transform: rotateX(0);
}

.btn-toggle-compare-product-bar {
    width: 97px;
    height: 20px;
    margin-bottom: -1px;
    box-shadow: 0px -5px 22px 4px rgba(0,0,0,0.02), 0px -12px 17px 2px rgba(0,0,0,0.03), 0px -7px 8px -4px rgba(0,0,0,0.03);
}

.btn-toggle-compare-product-bar svg {
    transform: rotateX(180deg);
}

.compare-product-bar-body {
    box-shadow: 0px -5px 22px 4px rgba(0,0,0,0.02), 0px -12px 17px 2px rgba(0,0,0,0.03), 0px -7px 8px -4px rgba(0,0,0,0.03);
}

.compare-product-bar-actions {
    width: 211px;
}

.compare-product {
    width: 104px;
    height: 104px;
}

.compare-table .table-bordered td + td {
  border-left: none !important; /* 消除相邻单元格左侧的重复边框 */
}

.compare-table .table-bordered > :not(caption) > * > * {
    border-width: var(--bs-border-width) !important;
}

.compare-table .progress {
    --bs-progress-height: 8px;
    width: 128px;
}

.compare-table .progress-bar {
    background: var(--bs-progress-bar-bg);
    border-radius: 4px 4px 4px 4px;
}

.compare-table .progress-lumens_brightness {
    --bs-progress-bar-bg: linear-gradient( 90deg, #FE6601 0%, #FEDC01 100%);
    --bs-progress-bg: rgba(255, 198, 0, 0.1);
    
}

.compare-table .progress-wattage {
    --bs-progress-bar-bg: linear-gradient( 90deg, #178FFE 0%, #60C5FF 100%);
    --bs-progress-bg: #D7EBF6;
}

.compare-table .progress-lifespan {
    --bs-progress-bar-bg: linear-gradient( 90deg, #007E94 0%, #13FAF9 100%);;
    --bs-progress-bg: #EBFDFC;
}

.compare-table .tooltip {
    --bs-tooltip-max-width: 246px;
}

.compare-table .tooltip .tooltip-inner {
    --bs-tooltip-text-align: left;
    --bs-tooltip-padding-x: 12px;
    --bs-tooltip-padding-y: 8px;
    --bs-tooltip-line-height: 18px;
}

.compare-table .tooltip[data-popper-placement='bottom'] .tooltip-inner {
    transform: translateX(calc(-50% + 18px));
}

.compare-table {
    border-collapse: collapse !important;
}
.compare-table td {
    vertical-align: middle !important;
}

.compare-table tr > td:first-child {
    padding: 16px 25px !important;
}

.compare-table tr > td.px-0:first-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.icon-color-picker {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    /* 继承父级字体颜色，控制内圈中心点的颜色 */
    color: inherit;
}

.icon-color-picker::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 0.5px solid #D8D8D8;
    box-sizing: border-box;
    filter: drop-shadow(0px 2px 4px rgba(165, 185, 200, 0.8));
}

/* 内层渐变圆环 + 白色边框 */
.icon-color-picker::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    background: radial-gradient( 50% 50% at 50% 50%, #FFFFFF 50%, currentColor 100%);
}

.modal.modal-slide-up .modal-dialog {
    transform: translate3d(0, 100%, 0);
    transition: transform 0.3s ease-out;
}

/* 显示状态：平滑滑动回原位 */
.modal.modal-slide-up.show .modal-dialog {
    transform: translate3d(0, 0, 0);
}