.col-product {
    max-width: 1440px;
    min-width: 1440px;
    margin: 0 auto;
    display: block
}

/*head-search*/
.form-search input.searchinput-text {
    width: 300px;
    font-size: 13px;
    border-radius: 3px;
    background: 0;
    padding: 4px 0 4px 8px;
    margin: 0;
    float: left;
    border: 0;
    text-indent: 30px
}


#search_mini_form .form-search #search {
    height: 36px;
    background-color: #fff
}

#search_mini_form .form-search button.button {
    height: 36px;
    color: #ccc;
    background-color: #fff;
    border-radius: 18px 0 0 18px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    left: 1px;
}

/*empty-mini-cart*/
#emptycart .empty-mini-cart {
    padding: 29px 0 20px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-weight: 700
}

#emptycart .empty-mini-cart em {
    background: url(../image/8001dcb.png) no-repeat 50%;
    background-size: 100% 100%;
    width: 168px;
    height: 92px;
    display: block;
    margin: auto
}

#emptycart .empty-mini-cart .empty-tips {
    margin: 20px auto
}

#emptycart .empty-mini-cart .login-btn {
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
    background-color: rgb(var(--color-button-background));
    color: rgb(var(--color-button-text));
    display: inline-block
}

#emptycart .empty-mini-cart .login-btn:hover {
    background-color: #000;
    color: #fff;
    transition: background-color 0.3s ease, color 1s ease;
}

#emptycart .empty-mini-cart p {
    font-size: 14px;
    color: #999;
    line-height: 1
}

/*product-details*/
.header-container.type19 .v-mini-cart-item-content a {
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 18px;
    color: rgb(var(--color-text));
    text-overflow: ellipsis;
    display: -webkit-box;
}

.header-container .v-mini-cart-item-content p.v-mini-cart-product-info-line {
    color: rgb(var(--color-text));
    font-size: 14px;
    margin-bottom: 5px
}

.header-container .v-mini-cart-item-content p.v-mini-cart-product-info-line em {
    color: rgb(var(--color-text));
}

.fw-bold {
    font-weight: var(--body-bold-font-weight) !important;
}

.header-container .v-mini-cart-item-content div.v-mini-cart-product-info-line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.header-container .v-mini-cart-item-content .change-cart-num-box {
    position: relative;
    border: 1px solid;
    height: 30px;
    align-items: center;
    line-height: 30px;
    width: 85px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.header-container .v-mini-cart-item-content .change-cart-num-box .minus,
.header-container .v-mini-cart-item-content .change-cart-num-box .plus {
    width: 30px;
    flex-shrink: 0;
    font-size: 1.8rem;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--color-text));
    padding: 0;
}

.header-container .v-mini-cart-item-content .change-cart-num-box input {
    color: rgb(var(--color-text));
    text-align: center;
    background-color: transparent;
    border: 0;
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    appearance: none;
    outline-style: none;
}

.header-container .v-mini-cart-item-content div.v-mini-cart-product-info-line .price {
    margin-right: 6px;
    font-size: 14px;
    color: #2e2e2e;
    font-weight: 400 !important;
}


.header-container .v-mini-cart-item-content p.v-mini-cart-product-info-line span {
    color: rgb(var(--color-text));
}

.header-container .v-mini-cart-item-content .product-price-info .price {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 700
}

.header-container.type19 .mini-products-list li a.btn-remove {
    top: 0
}

/*header-items*/
.topCartContent .item {
    max-height: 315px;
    width: 100%;
    overflow-y: auto;
    padding-bottom: 20px;
    overflow-x: hidden
}

.topCartContent .block-subtitle span {
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase
}

.topCartContent .product-image {
    float: left;
    width: 22%
}

.topCartContent .product-image img {
    width: 100%
}

.topCartContent .v-mini-cart-item-content {
    display: flex;
    text-align: left;
    padding: 0 12px;
    font-size: 12px;
    line-height: 16px;
    flex: 1;
    width: 78%;
    text-transform: Capitalize;
    flex-direction: column;
    justify-content: space-around;
    height: 135px;
}

.topCartContent #cart-sidebar {
    overflow-y: auto;
    max-height: 432px;
}

#productcart {
    padding-top: 38px;
}

.topCartContent .empty-mini-cart .summary {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    color: #000
}

.topCartContent .empty-mini-cart .summary .price {
    font-size: 18px;
    color: #000;
    padding-right: 10px
}

.topCartContent .empty-mini-cart .btn-checkout {
    width: 100%;
    line-height: 44px;
    font-size: 16px;
    border-radius: 4px;
    color: #fff;
    background-color: #000;
    margin-top: 15px
}

.topCartContent .empty-mini-cart .btn-contact_info {
    width: 100%;
    line-height: 44px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    color: #fff;
    background-color: #ffc439;
    margin-top: 15px
}

.topCartContent .empty-mini-cart .btn-contact_info span {
    display: flex;
    height: 41px;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.topCartContent .empty-mini-cart .btn-contact_info span img {
    height: 28px;
}

.topCartContent {
    right: -10px;
    border-radius: 0;
    box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1); /* 外阴影 */
}


* {
    font-family: var(--body-font);
}

/*header*/
header {
    background: #fff;
}

.header-container.type19 .header.container {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0px 20px;
}

.header .right-wraper {
    display: flex
}

.header .right-wraper .product-search-input {
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    float: left
}

.header .dropbox-wraper {
    vertical-align: middle;
    font-weight: 400;
    font-size: 12px;
    margin-left: 5px;
    line-height: 30px;
    min-width: 46px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 45px
}

.header .icon.cart-icon {
    width: 18px;
    height: 22px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAsCAMAAAA6jerHAAAAM1BMVEUAAAA4ODgiIiIjIyMjIyMjIyMjIyMjIyMiIiIkJCQjIyMjIyMlJSUkJCQqKioiIiIiIiK/x8goAAAAEHRSTlMACPbj89W5mpSPSUI3KwzmUKZ2QQAAAIBJREFUOMvt1MsKwyAURdFrfRs1+/+/toWGmIJi6KB04B55YA0cXfmsRGuMjUXGqcBRUEPjwOdaswc3UoF9e7+2ndA3BV7mUFC6KOLb8MQusuQ2MraLDLWNipFW0pw9LnGmk2imaQE1CQRk0kI/QI5Lt9CffHyhhb5D945Y0lOTnm+ZFH+dgo9eAAAAAElFTkSuQmCC)
}

.header .dropbox-wraper .cart-acount-num {
    position: absolute;
    right: 2px;
    top: -4px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background-color: var(--main-color);
    font-size: 10px;
    color: #fff;
    border-radius: 50%;
    font-weight: 700
}

.header .icon.fav-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFkklEQVRoQ+2Za2xURRSAz5ne7ibFSkAJEtumuTO7bLehabpViA9C5BF+EISIGkyQxIAIJj6jNmqzTYTEKk2USCKJ/GEbVDAmNjHGWLBptOKjQojug965akQ0rgZw+6L23mMGd2vZbundB3QbuX/vmTPnO2fmzDkzCDP8wxluP1wDcBLBQCBQNjg4OHv+/Pnxrq6uUSdjnMoUPAKLFi2aMzQ0tJ6I7gYAnYhuBoA5SYNsRPyNiH4BgJOMsUMVFRVH84EqGIDH41lqWdaziLiKiErTPEgAMAgAs9I9i4h/ENEht9u9MxKJ/OrU8ym5vAGEEPOIaDcRPTimFPEYEb2DiN+4XK7TZWVlZ3p7e/9euHBhuYqIbdtVRLQKAO4joko1DhH/AoDmhoaGvYcPH7acguQF4PF41liWdUAtEUQcJaI9brd7TyQS+cmJAUSEnPPbEfElIlqWBOnVNG1tLBY740RHzgBCCOW9drVcEPELTdMeicViJ51MmklGCLGJiNqIaB4imqWlpcuj0eiPU+nLCYBzvpmI9gNACSLuMwxjOyKqdZ7X5/f7b7pw4UInEdUi4mkiuss0zb7LKc0awOv13mJZVg8RaYyx1wzDeDIvq9MGe73eG0dHRz8BgHpE/L6ysrKxq6treLI5sgJQ+fzs2bPHAcALAPtN09xSSONTulQqHhgY+BYAqqdyUlYAuq7vBYAdiCjdbnd9OBzuvxIASmcyLX+qEhQArDRN80imuRwD6LruAYBoMlMslVJ+fqWMT+nlnKv0/DQiHpdSNuQLkPL+21LKB6608Up/XV3drP7+/p+TaXq5lPLohIPQiSG1tbVzh4aGlKIyTdNuPXXq1NdOxhVCRgjxsm3bzwHAh6ZprskJQAjxlG3bbQDwmWmadxbCMKc6hBAVRPQDEZW4XC49/WxwtAc45x8R0WrG2BbDMFT+v6rf5eafFEDX9dmMscVE5COiVwDADQBPVFVV7c2nesyGPBAIlJ4/f/5+IrqXiNYCwFclJSUvMMa+jMViiYsJJZNCXdfVJn1jXBk8JoaIL0opd2VjSK6ynPNdRPT8hHX/bwW7zTTN9ycACCGW2batdjv6/X7w+XzAGAPDMODEiROqagxJKccqz1yNczJO1/X3AOCexsZGqK6uBsuyIBwOQywWU8MtxtgdEwB0XT8GAIu3bt0KTU1NY/O0t7dDMBicFoDW1lbYsGHDmC3KDmUPIh69BECtuXPnziWIyK28XV5eXpQA8XgclixZogASlwAkC6m4y+WCSCRySZSLKQK2batS46J91wCcbMZcZVKbOH0PXIvA1U6j/58IJDuuBCJiOBxGlY1SXzFloUQiAfX19SqNjmQ6yFT+9LW1tcG6devGAEKhELS0tBTFQXbw4EFobm5WtvROAOCcbyOiNzVNo40bN2JNTc3FUqKnpwc6OjqmBUCdwqqcUKVEd3c3dHZ2kmVZyBjbNFkxpwq5RzOlv6ma7FxTZqZxnPN9RPRwhn+EiG1SymcmLac557cBwGp1A0FELKkkzhhrMQwjXkhDJ9NVU1OzYGRkJEhEc5MyK5Lt5QEp5eZJy+mrYVy2c6SWNiL+jogewzDUXerMeODgnKsL4O+I6Pr0rtBRS5mttwopHwwGWSgU+hgAViDiEcMwVo6/xix6gFRXpq7fXS5XXfrNd1EDCCEesm37LRVRxth6wzA+mNBeFjLchdQlhNhi2/Y+ZTsiNkspd2bSX3QR8Pv91w0PD7eqO9ik51sNw/ivt02jKAoA9VLj8Xh027ZV4/s4ACxQTTsiNkkpd18ustMOoOv6dgB4dfwDoHoXYIzt6Ovr655qWU47AOf8dSJ6DAAGELFbPVsFAoF3nT70TTuA8rDP57shGo3+OZW3Z8QmzhaiKCKQrdHj5Wc8wD8c/Nkx4Yax8wAAAABJRU5ErkJggg==);
    width: 24px;
    height: 22px
}

.header .icon {
    display: inline-block;
    width: 16px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.header .icon.return-icon {
    width: 41px;
    height: 39px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAMAAACyy+glAAAAAXNSR0IB2cksfwAAAAlwSFlzAAASdAAAEnQB3mYfeAAAAo5QTFRFAAAApaWle3t7Z2dnhYWFtra2wsLCQkJChIODpqWmpaSlpKSkWlpaaWlp5OTkiIiIZGRk6urqxsbGPz8/ycnJh4eHh4eHQ0ND0dHRs7OzrKysqqqqNjY2h4eHiIiIjIyMzc3N29vb1dXV1NTU2NXW19bW3Nzci4uLNzc3dHR0dnZ2S0pKXl1ezMzMRUVFODg4Ojk5S0tL4eHhbGxsYWFhVFRUPDw8Ojo6OTk5f39/V1RV4ODg2dnZ09PT1NTU3NzcU1NTb29vZWNjGxkaGBgYPDo6vbu7REREbW1t7Ozsnp6eX19fWVlZe3t7UFBQgICAXV1dGhkZGhgYHBkaTkxNubm5lJSUpqamqampqampqKioraqrq6mqqKiod3d3j4+PUlJSHBsbGxoaHRwcZWVlsLCwq6ur4uLinZ2dlZWVl5SVlpWVlZOUlpSVtbKzbGxsj4+PoaGhjIyMi4uLjY2NtbW1hISEQUFBw8PDxcXFY2NjW1tbXFtbmpmZSEhInp6eVlZWXFxcq6urysrKzc3Nra2ty8vL7u7uT09Penp61tbWrq6uz8/PPT09vLy81NTUR0dH3d3diYmJOTk5lZWV5OTkm5uboaGhPDw8Ojo6NDQ0fHx829vb0NDQ19fXw8PD7u7uqqqqt7e37OzsoaGhzMzM0tLSOzs7vLy8vLy8Pj4+o6Oj6+vrt7e3vb29o6GiTU1N4eHhenp6MjIyiIiIRkZGSUlJJCQkSEhIlZWV6Ojok5OTdnZ2a2trcHBwsbGxj4+PY2JiXVxc6urqxcXFgoKCd3d3tbW1oKCgbWxtenl5QEBAiYmJwMDAe3t7goKC6enpr6+vhoWFfHt8np6eoqKiioqKenp6lZWV5eXl9F0XvgAAANp0Uk5TAFz///g9a///9Oz4//8qpf8Nmf9mxv//Zj08mf/hzKs9hpmZmZlamf//////Pf////9Tmf9cmZmZPf86ZGZmSJn/8P//////wgxz///ZqP/////////Cxt3Z0N/Zff3/////////wkuZmZmZmZk9/9H4////ecL/Spn///+BZmb/ZmaZXJk9Bv9mXJlg/2aV/17W/8JmZtb////GgmZ3twrHowjCjJ3/fZX/owrCsdb/JOj///////+jG2Zm//9ro83/E1yjZmZD/+b/3T3f/w9o//+jRf//qRru8b4cAAABo0lEQVR4nGNgGAUUA0YmZgzAwopdLRs7BycXGuDm4eXDqphfQBBTUEhYBKtiUTEsgkLiElgVS0phEZSWkZWTk5NXQBFUVFJSVlJRVVJDU6yuoamlpaWto4tsm54+EBgY6BsaoSo2NjE1M7ewtNKyRhK0sbW1AwJbezSTHRydnF1cXN3cPTyRRL28fYCAh8fHF0Wxn39AoEtQcEioRhiy98IjIiMjo6JjYlEUx8UnJCYlJSWnpOqnQUTSMzIzM7OygURObh6qM/ILCouKiouLS0rLyivAIpVV1dXVNUBczVNTi6rYpA7OdK9nIAAaGuFM9iYk8WYQ0dLahqy2vaOTgaGruwfE7O1DiPdPmMjAMEl/ssYUJMVT9aYxTJ8xc9ZsBoY5vXMR4vM05i9YyL5o8ZIZSxfAwbLlK1auWr1m7fJ1C9Zv2IhkyqbJEzZvAdJbhbfBgfh2cQ1HoJjPzB36O5Hdt2v3nr37GBj2zziwBxkcPHSY4Qj70WPH0f1+YubJU6fPoIqdPZ1ybuv5C1hC6uKly1fQxa5eu37jJha1o2AUkA0AEOyLcNQBjooAAAAASUVORK5CYII=)
}

.header .icon.user-icon {
    width: 20px;
    height: 22px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAsCAMAAAAgsQpJAAAAilBMVEUAAAAkJCQiIiIjIyOAgIAiIiIjIyMjIyMsLCw3NzciIiIiIiIjIyMjIyMmJiYlJSUzMzMjIyMiIiIpKSkiIiIiIiIjIyMiIiIkJCQmJiYjIyMjIyMjIyMiIiIjIyMiIiIiIiIiIiIjIyMkJCQiIiIjIyMiIiIjIyMiIiIjIyMjIyMjIyMiIiIiIiKCj6EFAAAALXRSTlMAG++gAvjMdQ8I56tYSSYUBeqyF/Xf27swIPrz1tHNtIhtZ1JCOiyolJODZK1aypcbAAABgUlEQVQ4y5WT55KjMBAGB0TOwcbGu07rtOH6/V/vrmzfsYBAt/2DqvmqYdBIkgFFEu9sexcnhczh+CVPSt+Z9vIVeF/rIFh/ebDKp7ygITr/Lc4RTTAhVnh1V9Ueld47Ulrfa6vkqPPCiLSfpEShRkzwhpFHohHVuNERpREbrsPoSqMRbYLRvLA1oks4Wh+uRlySDaOMpUbccxpGJ/Ya0ec2jG74GtHCbftJ62KJBjVstEeJjtrm8L0+YNei5eyiwn+jUbhnmeC0oEmfB6JhcZJJsi3ElogVwzaTGQr/hRel/jz8+dv1+Nj9s0YuO9hdjFpxgM0GDobOmcfmM88/N3iza3lbsLzc+y9ZvE3f/wpU8DyzCqpc76URdtKViU2U6m7rO6z693oF76NTv37F9UdH1OV13UucLhq/7vSbfISiIfzofqj77bkldoMwDu36GK1pG66yvW+WcWO3AoUYKUBA/oOfiCW12aspJebXtOk8sCpiaW0wY7cibVxiILq18ht8+zEclstvugAAAABJRU5ErkJggg==)
}

.header .dropbox-content {
    left: 0;
    text-align: left;
    transform: translateX(-50%);
    display: none;
    position: absolute;
    top: 106%;
    z-index: 200;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, .08);
    border-radius: 4px;
    min-width: 160px
}

.header .dropbox-content div {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 16px;
    white-space: nowrap
}

/*menu*/
.mega-columns {
    padding: 0 5px
}

.mega-columns .menu-sm-1 {
    width: 10%
}

.mega-columns .menu-sm-2 {
    width: 20%
}

.mega-columns .menu-sm-25 {
    width: 25%
}

.mega-columns .menu-sm-3 {
    width: 30%
}

.mega-columns .menu-sm-4 {
    width: 40%
}

.mega-columns .menu-sm-5 {
    width: 50%
}

.mega-columns .menu-sm-6 {
    width: 60%
}

.mega-columns .menu-sm-7 {
    width: 70%
}

.mega-columns .menu-sm-8 {
    width: 80%
}

.mega-columns .menu-sm-9 {
    width: 90%
}

.mega-columns .menu-left {
    float: left
}

.mega-columns .menu-right {
    float: right
}

.mega-columns .menu-padding-left20 {
    padding-left: 20px
}

.main-nav .menu > li .nav-sublist-dropdown .container ul > li > a {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    text-transform: capitalize;
}

.main-nav .menu > li .nav-sublist-dropdown .container ul > li > .menu-listul li > a {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    text-transform: capitalize;
    padding: 3px 5px
}

.menu-leftpadding {
    padding: 0 20px 5px
}

.menu-rightpadding {
    padding: 0 10px 10px
}

.main-nav .menu > li .nav-sublist-dropdown .menu-buttompadding {
    padding-bottom: 25px
}

.main-nav {
    background-color: #fff
}

.main-nav .menu > li > a > span.cat-label {
    top: -9px;
    font: inherit;
    font-size: 12px;
    z-index: 1;
    line-height: 1;
    height: 20px;
    padding: 3px 8px 0;
}

.header-container.type19 .main-nav .menu {
    padding: 10px 20px 0;
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    position: static;
    text-align: center;
}

.main-nav .menu > li > a > span.cat-label.cat-label-label2:before {
    content: "";
    position: absolute;
    left: 8px;
    bottom: -9px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: var(--main-color)
}

.header-container.type19 .main-nav ul.menu > li > a {
    display: inline-block;
    height: 45px;
    padding: 0 8px;
    color: #333;
    line-height: 45px;
    position: relative;
    text-align: center;
    margin-right: 0
}

.header-container.type19 .main-nav ul.menu > li:hover .item-text::after {
    left: 27%
}

.header-container.type19 .main-nav ul.menu > li:hover .item-text::after {
    content: "";
    display: block;
    position: absolute;
    width: 46%;
    height: 2px;
    bottom: 8px;
    background: var(--menu-hover-color);
}

.header-container.type19 .main-nav ul.menu > li:hover .item-text {
    color: var(--menu-hover-color);
}

/*breadcrumbs*/
.breadcrumbs {
    width: 100%;
    padding-top: 10px;
}

.breadcrumbs li a {
    vertical-align: middle;
    font-weight: 400;
    font-size: 12px;
    position: relative;
    color: #000;
    cursor: pointer
}

.breadcrumbs li a:last-child {
    color: #999;

}

.breadcrumbs ul li span {
    display: inherit;
    width: 5px;
    line-height: 16px;
    vertical-align: middle;
    color: #000;
    margin-left: -5px;
    margin-right: -5px;
    opacity: 0.3;
}


/*footer*/
.footer-display {
    padding-top: 50px;
    position: relative;
    z-index: 10;
    background-color: #fff
}


.footer-display .footer-container {
    padding: 62px 30px;
    background-color: rgb(var(--color-footer-background));
}

.footer-display .footer-container h4 {
    font-family: var(--title-font);
}

.footer-display .footer-container ul.footer-list > li > a:hover {
    text-decoration: underline;
    text-underline-offset: 6px;
    color: rgba(var(--color-footer-text));
}

.footer-display .footer-container .col-product {
    max-width: none;
    border-bottom: 1px solid rgb(var(--color-footer-border));
    padding-bottom: 30px;
    margin: 0 30px;
}

.footer-display .col-sm-60 {
    float: left;
    width: 60%;
    border-right: 1px solid rgb(var(--color-footer-border));
}

.footer-display .col-sm-40 {
    float: right;
    margin-right: 100px;
}

.footer-display .footer-container h4 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: rgb(var(--color-footer-text));
    line-height: 14px
}

.footer-display .footer-container .footer-list li {
    margin: 26px 0
}

.footer-display .footer-container .footer-list a {
    width: 100%;
    color: rgb(var(--color-footer-text));
    font-size: 16px;
    line-height: 16px;
    word-wrap: break-word;
    word-break: normal;
    letter-spacing: .4px
}

.footer-display .footer-last {
    padding-bottom: 62px;
    background-color: rgb(var(--color-footer-background));
    display: flex;
    color: rgb(var(--color-footer-text));
}

.footer-display .footer-last div {
    flex: 1;
    text-align: right;
    padding-right: 200px;
}

.footer-display .footer-menu {
    display: flex
}

.footer-display .paymentIcons .icon {
    margin-right: 4px
}

.footer-display .paymentIcons .card-1 {
    background-position: 0 0;
    background-size: 100% auto
}

.footer-display .paymentIcons .card-2 {
    background-position: 0 -31.2px;
    background-size: 100% auto
}

.footer-display .paymentIcons .card-3 {
    background-position: 0 -62.4px;
    background-size: 100% auto
}

.footer-display .paymentIcons .card-4 {
    background-position: 0 -93.6px;
    background-size: 100% auto
}

.footer-display .paymentIcons .card-5 {
    background-position: 0 -124.8px;
    background-size: 100% auto
}

.footer-display .paymentIcons .card-6 {
    background-position: 0 -156px;
    background-size: 100% auto
}

.footer-display .paymentIcons .card-7 {
    background-position: 0 -187.2px;
    background-size: 100% auto
}

.footer-display .paymentIcons .card-8 {
    background-position: 0 -218.4px;
    background-size: 100% auto
}

.footer-display .paymentIcons .icon {
    display: inline-block;
    vertical-align: top;
    width: 40.7px;
    height: 30px;
    margin-top: 6px;
    background-image: url(../image/8178788.png)
}

.footer-display .follow-us {
    line-height: 36px;
    margin-bottom: 15px;
    padding: 80px 0 0;
}

.footer-display .follow-us-span {
    font-size: 16px;
    line-height: 20px;
    margin: 16px 0 18px;
    color: rgb(var(--color-footer-text));
}

.footer-display .follow-us a {
    margin: 0 8px 0 0;
    display: inline-block;
    width: 36px;
    height: 36px;
    color: #fff;
    overflow: hidden;
    line-height: 16px;
    text-align: center;
    vertical-align: top
}

.footer-display .follow-us .icon-twitter {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA/5JREFUaAXVmjtoFUEUhhOxEFFRghBN6RMFwTKFIlEQYqFgI4htwCA2FqJgZSGItaSx1tJno5BU4gPBQlDERFTUgGChV7GIUf9vvefmzObu3tn73Bz4M2d2zvznn33MzN1Nf1++Dan5sHBI2CRQXyV00ioi/yzMCPeEm9W6ingbVOiEMCf87THQgBY0Rdmoor4JvRaezo8mtOXaSbXOC77zpOpjwnZhtdBpIwe5yElurwVtaKxrjM6L5x4cqRvZ3YNoQIsNBI2LrgT3l79tHqo+IJTF0IImGwRag2eCh8QaGW2ZxEtOYmjyVwLNiTE1+tmmDLdNVdqiAm12otGM9r5xd5CHpuzmH+zxZVLLImV2w5wSl15jov21xNplYfoqu6HR9KK9r+IOdGOeJ2crhkYbQKW/WjFC6kvBGEBiy83pQsmZGxZ2Cq8E5nWufstml6M2qghGdqhF1ooDiv8k+FzfVT8qYFuFK8J6KhHmeQLSiL5JyFP9fSysjOiwWzG/BZ/U+++qbQwg1nz/gDiWgLMHyX1hXYNOT6qxPmnaf6SYC8KZBlzW7Ps3NYCvYjKSD/L3GHOq5DazuEblS8WuTfXPqnquIEFWh/TxKR3wJNwi14RdqcB9qvu4LP+54oo8U54nSJDKn1k9niNsSm3nBLa8PKQ+WZZ/WXFFzPMECWJIWCuYLe4InqgV/2xMYhdTy8VeqKjR+ZnADDRftHNG/JeM4w0PN7uQvRHz/obs8QHJniY+PIysXY7wcG7toFp9v1b8iriKnkifLxCSqzrVeLVNg7ib4o2ptmUAJDotvBc8YVH/CEQFzecIkhfh2aBgNmQsZJ6wiM+z1OxEYnmC5OIrZNcVbUTNlCcKZVsI9rkCAQshcR7vSdnUecJY/3ZcirpRPkeQvG50g4PMIKeEB8IvwZNn+by8Dd7rqF7EPG+QsAiJj12hCtvhP4Inr+cjfpvQinneIGFR0h3qcF6YFTxpls+CxY+XVs3zB4ljiPl1xR7/p+CJ8vw5xV4SuFLtMJ8rEBFLvkaBrAEvBE+W9t+q/aKwRWin1fK0460ED+OwwLrADxI2Zh8FFjh+vHfCGEBi7RiAcXWzrA2AVfCHy7xUXmyZ5AoDYFozGzKnxKXXOMsApp3Yvc4vq+s1TjMAPmWaHTOnxKXXmGjnkjBP29Q0UmLxaDOdaN5oWidcw4z8AWsoUYkmtNkA0FyzQXlL+iMfIxkVeMtgI2S0Zbid0ODPPBrRWtfyPnSzg2T/32kjB7nGhEnBTigl4jM/dKstMUbnbydP0EsfTZln/r/0hb88EzwkfnbqlXg0oAVNi4y9UJ4NqdH+3WazfKatTt9GbG3YHbDAMs/fEvg4Utf+ATz2jkZXvvHVAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%
}

.footer-display .follow-us .icon-facebook {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAvhJREFUaAXtmj1rFUEUhhM/KmMlYjBNwKCC/gAbLaKVKWxS+AsEg42dtf/AQkwhiFaWWqS1EPwFNoIflUZBEORqY/DjfdY9y8nu7DrezH5c2APvnZkzs+e8Z+fM3L07d36uWZbUfUVYE04ItBeENmUi49vCW2FLeJK3VcTLooZuCjvC754BB7jAKUoua9RXoW/iZf9wglujXFfvT8Ff/Ezta8Jp4bDQtuADX/jEt+cCNzgGheg8eXJwNTiyWyUc4GKBwLEyE+SXT5sXah8RhiJwgZMFAddda4JFYp1EOyTyopMJnPxMwDkTtka/2wwhbXJqlQJudqPhDPe5Dadk0Qxd/MLe2Ce2fEmZPLbKgEvPce2AiK44ss9dfa9VtsMbwgXhqIAvL3fUeOAVkXXPMeM+0YWWV6n2+WXZfOnsmn1f3lL/NAJHszMhhfyzDcGkkEcycjaFoYANz3GBAFLLGRk8n9ponb1yXtaN+x/9pZrB76T/6Preu/rU1TYCOBZgw2K+G9AnUdmCoEwh92XE2/yh9v4Uhp2Nwn4ba+Cgc0SV5xYewFqRNgJohWid0VRr4KIcrOdOzpWcsU3fK+lo3hb8og4MiVMV+RQ3PDjqprTezr/qvzT+UNBSnLKw31cKsYV+j+PaPKqvAF4104rvnfkACLXIp/i4G0c+LNn83Dh6us6Cc18zMB3twFVjAIGb0qlqnIFOb3fA2TgDgZvSqWqcgU5vd8DZOAOBm9Kpihn45jymerHlTCaveo4TfpFxoHYyd8Pb3r0+6n6Sjde5PYovrp6imr2Rzg1lv+g4CbSnO451hi5wNL5bpBABmFy1yoBLzzHjzpTsCBbV6oDJw814wvm4cd10HTN3xEQQiwIvoCy6mTvkI4iZPmYlAKTpoPuU+v1ZQnZBCx/4wBe7jT8PIzt4RVl70K2+TJgJn06WVn2XcKoccP+lXP1kTbCw/e7UVwBwgAucKjJf0exWLKlpf7dZUZ1tq+004tFmW3gjsM8/FT4IQfkD71hUMId/0KIAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.footer-display .follow-us .icon-pinterest {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABOJJREFUaAXNmkmIHVUUhl9CHHFAoyaxFUMMGmdXIoqCrQtN47QQ3AQhi5DEneAmIIq4FFwaRFdGEQRRURQ1Cg4LXYggqB3S4hgUNQ5xDp34f0Wd4q/b1dVVN/3sOvBzzzn3DP+td6tuvde9bNQuE5q+VZgSzhWwTxDGKQdUfJ8wI7wsPF/aGrrLaoXuFA4Kh5cYcIALnDrJRkX9Kiw18bQ/nODWKts0Oyt48puytwgbhBOFcQs96EVPejsXuMGxUVidk2cPTjZG/r9OOMAlFgLHOZ8E+8u3zXuyVwpDEbjAKRYB19o9wU0Sk6x2SORFpxA4+ScB50J4NPrTZgjbpqQ2Z4BbXGg4w3203ZzcNEMXv7G3LxdbDqmQZ0IZ8Ogcp1aI6Hoj+7bpueoyJV4scHKfLpwm/Cn8IOwRPhQOCbniHAvuB1Qp9tWRPOevVp1dwvdWL+r6uF/zTwqXCTkCx6gH98rAmSMXKcn3ZRTvMj6l3JMzmla1+bidOHYf2aRgHmfHWxJXZbfwrvCdwPY5RWChNwkXCC5fyLhe+NydC+jOOfsTuEtNqish/Q9hh9C2DXlobBZ42/RcyK8Suorn1gp1LXCVAv8VotCX0i/pmqw4DqVvhMhnfFboKp5XK9KlAFeRJ0kU4Vi/MEkkZk3iS83r5JgVog4jF6aLeE6tQJdkvuB4gXuSpK2yfyljpjWuS+bd5AuL13rUJ1t0z6kVaMmppp6WFgV+k35MNTMa3WZzEfO4zafqvUn8p2nAPHbUPsxH3VeusITXpP9j9g7TQz0rlIbxx8R3dmIvaOYsoHiBKivvtQ7UutTsUGdCaRjPSHxc2V6Ss4Di9Cu7+LnBVvLtFETeCKVhPCfx/ZTYC5o5C/jKqnI4hfwlhee7y98yXndHoq9N7D6HWZGas4CXrOkN0s8z+1XTUSH/e+ILkwPvmjDK8Z3E7mRWd3Sn6NForeJ4PYi83Zb3ivmZ32xzqXp3Ekv8lWnQPHb0ZqyIFMY8Cal7k+V9XE4epZGr7cUvL+fSYYUcnySxH6RBLbb3qDVsyZkzdaM8nwn3lzO8Tnth9JvLuXR4uCGWF72u4n1qTbsWaIq7T04vjL5H8NeMVbKfaIh7TL4+4n1qTfsUSWPn+04wq0C2y0cCh543R39OOFroI16jVrBPEY89VgaPzCjMt7JHzA6/j8Q/IHA/9BWvUzXFmSuTSvSiu8pCt2t8S4grz1nBTf+gsE7IFe9Va5xb8CElelGeUi6c2Ce54wh171VrnFuXAyiKHpLOzTpOiV6MVePCyOz6s9V5P7NGn7RFXcCpRp7CbadvH5JtsYu6gDW2gK+lH9fWeZHmagvg9TgcvGD1FX5S4RcJatzRNzkjHo7Bl2+Eo2lzbMCRIbxG3JKRl5MCx1jA9HIZ/q3q2pyKyuGPDy9m5vZNc457WQC/DITcGcqAR+dYcJ8Q2YNCfCyTAyYPt+AJ5zOD606bmJG+MiYGNMIJbrEAOFeyWhq/sMUke3pIi4ALnIIfXOFck42yePWNIFY7hO0EB7/ycIRro2yT1xfBYnjP3yKcL4z7/yTUouhBL3rSOy4oI9zg2CqszreTF1hKHU7zXvl0RewvbhJ/Oi0VeTjAZc6el2/kv6xhpzIhB79GTwnrBR5b495G/LKxT+CA5Tn/gvCt0Cj/AWzEVnxv41v9AAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%
}

.footer-display .follow-us .icon-instagram {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABHtJREFUaAXVmUuLFEkUhVuREcVBxYUv1IWK4l8QxdHVKCo4MONWBhQHdOM/cCEKrn0hOKAbdzqoAwM2IsxfGGntFkRsceVzVj7Pl9RNTmZnVUdkUV3lhUPciIx74tzKeFXVvLHetlaPDwr7hI0C9SXCIO29yKeFKeGucKtTV5Fuq9T1kvBR+DpkoAEtaEqyver1Vhi28Pr4aEJbTzuup58FDx5X/aiwVfhRGLQxBmMxJmO7FrShsdHIzsUzB3c39pzbRjSgJRJB44w3wfzyafOv6iuEUTG0oCmSQGtlTbBI4iHZjpJ4ySkMTf4m0FwYW6PvNqMwbTrSZhRoiw8azWgf+8MaWTTDsh808BnhufBMOC0sEOrmCxvtxWERWbHyh2XnNHDoiJIk6obGeM5BNzZhDWxfw7KXGjiERcmbqBsa4/nEfFXWWI8X5s+1i5a6zas3qO4a1xDkd5v3DQE5TavV+Zjwl/Cf8Fp40/HvqOQQKhaeyrpdrzeofqOhzTUW2uN1ULa1lQq8IPhu5rzuf1K/KwLJui1U5bzwSmA6nRVY2E3mfOV8apvAzxqBT9lJU/x3ijnQpC6hzfkrAyfEVrowJTjanfCB6rRvE5YJSzs+U+u+4H2JPSnkmnNUCHOI+ORd/JTqexIIdqnPEyFEfJGf+yYilrIkKio0JBhz3qdN7t1pueIfCiGEhdltcevRDIu41glcFGWQ8MlzT8k1kngsBM/VDIKIaZUAu4fvNinTppu2nZYAu9P6bh1r7X0lwGIMggc14jbVf4zvRCJBjP+16fSbjYMv+GE3w+mjdA7nTqYss0mM4ISNGLbKfm2zCIKP3SnFoj9lGVxUEqK5HgQB+3y/tlgEwfd/Iln0bzWF/IKVmnQvXc7h3L1iymdt1sB0GZ23d1tYxfX937krnbpV2iTw1Mh2mN/WdQ7OlCxrk0DxLagzyq9ZozV3/s2a75mf7JYLIjGCL0AcOhH3U2JcU7ftxvNZ/oamTg1tMTZlKaSoNHRuarpscWx9XAtyjVvqIyHEXMsgiJhCc6WSSMJ1gvt8xD6Un5ME4sct/oP8dUKqxbitE2Cg/QKvPci4mHG3mc2YNv7Jf1H90GxBtecxZl8JwMmXEQQ4IXeb34VNAofUoo5/ROXfgvcl9pSQa85RIcwloj9fRrjPO2mKz7T5RWhjzl8ZuA0ZMRxG3Od9d/JB3Gfa/SnkzHl1r1jJx9FNJSz7KI/ATrle5UGBWyVTiMUOJyfsUyH+Mnomvx9zzZXXPxd/YPQjnFg0xht4x0ns9w+mwqiba3xJApOmeKf5o+q6xkkS8LvN4VFVbbpcY6GdV/JRiHm12zqPmou20Ilm7mWFfdd/MZHBKuGtENnl/lAFxyCN353QFPrQiuaK7VXN7zZTqo/CdEIDWkI8GtHaaMfV6kkQNC4cFbYI/l+CqgMxxmAsxmTsEE6JNjT2NLLz6eQEw/TR1PWTr2fE/GJh++40LPFoQMuMOa+24p5C2c3W6oHfbdi2Bj2NuKVyO+CAZZ+/LbwQGu0bf8Y9Q+Joif4AAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.footer-display .follow-us .icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    overflow: hidden;
    vertical-align: top
}

.footer-display .follow-us svg {
    fill: currentColor;
}

.footer-container .form-subscribe .input-box {
    position: relative;
    border-radius: 4px;
    background-color: #fff;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-container .form-subscribe input.input-text {
    width: auto;
    height: 25px;
    color: #000;
    font-size: 12px;
    line-height: 14px;
    border-radius: 4px;
    vertical-align: top;
    flex: 1;
}

.footer-container .form-subscribe button.button {
    margin-right: 20px;
    width: auto;
    height: 27px;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    line-height: 26px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.footer-container .footer-download {
    flex-grow: 1;
    text-align: center;
    margin-top: 12px
}

.footer-container .footer-download-wrap {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 6px
}

.footer-container .footer-download-wrap h4 {
    display: flex;
    margin-bottom: 13px
}

.footer-container .footer-download-wrap .foot-app-top {
    text-align: left;
    text-transform: uppercase;
    line-height: 21px
}

.footer-container .footer-download-wrap .foot-app-top span {
    color: #ce2020
}

.footer-container .footer-download-wrap .code {
    margin-left: 10px;
    display: flex;
    font-size: 11px;
    padding: 4px 10px;
    line-height: 12px;
    align-items: center;
    font-weight: 400;
    background: #fff;
    border: 1px solid #e5e5e5;
    height: 24px
}

.footer-container .footer-download-wrap .code span {
    font-weight: 700
}

.footer-last-container {
    display: inline-block;
    width: 100%;
    clear: both;
    padding-top: 10px;
    font-size: 14px;
    text-align: center;
}

.select-area .selectbox {
    display: inline-block;
    position: relative;
    z-index: 4;
}

.select-area .selectbox .select {
    float: left;
    position: relative;
    z-index: 10000
}


.select-area .dropdown {
    position: absolute;
    z-index: 9999;
    overflow: hidden auto;
    list-style: none;
    top: 30px;
    display: none;
    width: 87px;
    height: auto;
    bottom: auto;
}

.footer-container {
    width: auto
}

.header-container.type19 {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    transition: top 0.3s ease; /* 添加平滑过渡效果 */
    height: 111px;
}

.header.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-container .header.top {
    width: 100%;
}

.header-container .header.container .container-left {
    z-index: 1;
}

.header-container .header.container .container-menu {
    z-index: 0;
    flex: 1;
}

.header-container .header-wrap {
    display: inline-flex;
    background-color: #f7ead9;
    text-align: center;
    position: initial !important;
    line-height: 40px;
    height: 40px;
    color: #000000;
    font-size: 11px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    justify-content: space-around;
}

.container-left > .logo > img {
    width: 200px;
    height: auto;
    max-height: initial;
}

#search {
    border: 1px solid #CCCCCC;
    border-radius: 18px;
    height: 36px;
    line-height: 36px;
    width: 100%;
}

.header-container.type19 .header .form-search, .header-container.type19 .selectbox .select {
    border-color: #fff;
    background-color: #fff;
}

.header .container-right, .header .container-right > ul {
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.header .container-right > ul > li {
    cursor: pointer;
    padding: 0 5px;
    display: flex;
    align-items: center;
    position: relative;
    transition: all 0.3s;
}

.header .container-right > ul > li:nth-last-child(1) {
    width: 48px;
    height: 40px;
}

.header .container-right > ul > li:not(:nth-of-type(1)):hover {
    transform: scale(1.1);
}

.header .container-right > ul > li .cart-acount-num {
    position: absolute;
    right: 12px;
    min-width: 18px;
    height: 18px;
    line-height: 20px;
    text-align: center;
    background-color: var(--menu-hover-color);
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
}

.header .container-right > ul > li svg path {
    vector-effect: non-scaling-stroke;
}

.header-container.type19 .header.container:before, .header-container.type19 .header.container:after {
    display: table;
    content: none;
}

.header .choose-currency {
    height: auto;
    position: absolute;
    top: 115%;
    left: 5%;
    -webkit-transition: all 3s ease-in-out;
    -moz-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
}

.header .choose-currency p {
    background: none;
    font-size: 18px;
    line-height: 24px;
}

.header.advertising {
    display: none;
}

b, dfn, em, i {
    font-weight: 400;
    font-style: normal;
}

.topCartContent:before {
    content: ' ';
    display: block;
    width: 250px;
    height: 50px;
    z-index: -1;
    top: -20px;
    right: 0;
    position: absolute;
}

.lang {
    background: url(../image/currencyLang.png) no-repeat
}

.lang-eu, .lang-EUR {
    background-position: -165px -485px
}

.lang-us, .lang-USD {
    background-position: -365px -5px;
}

.lang-gb, .lang-GBP {
    background-position: -405px -5px
}

.lang-ca, .lang-CAD {
    background-position: -365px -395px
}

.lang-nz {
    background-position: -365px -155px
}

.lang-mx {
    background-position: -405px -185px
}

.lang-th {
    background-position: -365px -35px
}

.lang-my {
    background-position: -205px -215px
}

.lang-cn {
    background-position: -165px -395px
}

.lang-au, .lang-AUD {
    background-position: -285px -455px
}

.lang-id {
    background-position: -405px -275px
}

.lang-jp, .lang-JPY {
    background-position: -125px -275px
}

.lang-tw {
    background-position: -5px -65px
}

.lang-hk {
    background-position: -485px -155px
}

.lang-mo {
    background-position: -485px -35px
}

.lang-zw {
    background-position: -5px -5px
}

.lang-zm {
    background-position: -45px -5px
}

.lang-ye {
    background-position: -85px -5px
}

.lang-vn {
    background-position: -125px -5px
}

.lang-ve {
    background-position: -165px -5px
}

.lang-va {
    background-position: -205px -5px
}

.lang-vu {
    background-position: -245px -5px
}

.lang-uz {
    background-position: -285px -5px
}

.lang-uy {
    background-position: -325px -5px
}

.lang-ae {
    background-position: -445px -5px
}

.lang-ua {
    background-position: -5px -35px
}

.lang-ug {
    background-position: -45px -35px
}

.lang-tv {
    background-position: -85px -35px
}

.lang-tm {
    background-position: -125px -35px
}

.lang-tr {
    background-position: -165px -35px
}

.lang-tn {
    background-position: -205px -35px
}

.lang-tt {
    background-position: -245px -35px
}

.lang-to {
    background-position: -285px -35px
}

.lang-tg {
    background-position: -325px -35px
}

.lang-tz {
    background-position: -405px -35px
}

.lang-tj {
    background-position: -445px -35px
}

.lang-sy {
    background-position: -45px -65px
}

.lang-ch {
    background-position: -85px -65px
}

.lang-se {
    background-position: -125px -65px
}

.lang-sz {
    background-position: -165px -65px
}

.lang-sr {
    background-position: -205px -65px
}

.lang-sd {
    background-position: -245px -65px
}

.lang-lk {
    background-position: -285px -65px
}

.lang-es {
    background-position: -325px -65px
}

.lang-ss {
    background-position: -365px -65px
}

.lang-za {
    background-position: -405px -65px
}

.lang-so {
    background-position: -445px -65px
}

.lang-sb {
    background-position: -5px -95px
}

.lang-si {
    background-position: -45px -95px
}

.lang-sk {
    background-position: -85px -95px
}

.lang-sg {
    background-position: -125px -95px
}

.lang-sl {
    background-position: -165px -95px
}

.lang-sc {
    background-position: -205px -95px
}

.lang-rs {
    background-position: -245px -95px
}

.lang-sn {
    background-position: -285px -95px
}

.lang-sa {
    background-position: -325px -95px
}

.lang-st {
    background-position: -365px -95px
}

.lang-sm {
    background-position: -405px -95px
}

.lang-ws {
    background-position: -445px -95px
}

.lang-vc {
    background-position: -5px -125px
}

.lang-lc {
    background-position: -45px -125px
}

.lang-kn {
    background-position: -85px -125px
}

.lang-rw {
    background-position: -125px -125px
}

.lang-ru {
    background-position: -165px -125px
}

.lang-ro {
    background-position: -205px -125px
}

.lang-qa {
    background-position: -245px -125px
}

.lang-pt {
    background-position: -285px -125px
}

.lang-pl {
    background-position: -325px -125px
}

.lang-ph {
    background-position: -365px -125px
}

.lang-pe {
    background-position: -405px -125px
}

.lang-py {
    background-position: -445px -125px
}

.lang-pg {
    background-position: -5px -155px
}

.lang-pa {
    background-position: -45px -155px
}

.lang-pw {
    background-position: -85px -155px
}

.lang-pk {
    background-position: -125px -155px
}

.lang-om {
    background-position: -165px -155px
}

.lang-no {
    background-position: -205px -155px
}

.lang-ng {
    background-position: -245px -155px
}

.lang-ne {
    background-position: -285px -155px
}

.lang-ni {
    background-position: -325px -155px
}

.lang-nl {
    background-position: -405px -155px
}

.lang-np {
    background-position: -445px -155px
}

.lang-nr {
    background-position: -5px -185px
}

.lang-na {
    background-position: -45px -185px
}

.lang-mm {
    background-position: -85px -185px
}

.lang-mz {
    background-position: -125px -185px
}

.lang-ma {
    background-position: -165px -185px
}

.lang-me {
    background-position: -205px -185px
}

.lang-mn {
    background-position: -245px -185px
}

.lang-mc {
    background-position: -285px -185px
}

.lang-md {
    background-position: -325px -185px
}

.lang-fm {
    background-position: -365px -185px
}

.lang-mu {
    background-position: -445px -185px
}

.lang-mr {
    background-position: -5px -215px
}

.lang-mh {
    background-position: -45px -215px
}

.lang-mt {
    background-position: -85px -215px
}

.lang-ml {
    background-position: -125px -215px
}

.lang-mv {
    background-position: -165px -215px
}

.lang-mw {
    background-position: -245px -215px
}

.lang-mg {
    background-position: -285px -215px
}

.lang-mk {
    background-position: -325px -215px
}

.lang-lu {
    background-position: -365px -215px
}

.lang-lt {
    background-position: -405px -215px
}

.lang-li {
    background-position: -445px -215px
}

.lang-ly {
    background-position: -5px -245px
}

.lang-lr {
    background-position: -45px -245px
}

.lang-ls {
    background-position: -85px -245px
}

.lang-lb {
    background-position: -125px -245px
}

.lang-lv {
    background-position: -165px -245px
}

.lang-la {
    background-position: -205px -245px
}

.lang-kg {
    background-position: -245px -245px
}

.lang-kw {
    background-position: -285px -245px
}

.lang-yk {
    background-position: -325px -245px
}

.lang-kr {
    background-position: -365px -245px
}

.lang-mp {
    background-position: -405px -245px
}

.lang-ki {
    width: 30px;
    height: 20px;
    background-position: -445px -245px
}

.lang-ke {
    background-position: -5px -275px
}

.lang-kz {
    background-position: -45px -275px
}

.lang-jo {
    background-position: -85px -275px
}

.lang-jm {
    background-position: -165px -275px
}

.lang-it {
    background-position: -205px -275px
}

.lang-il {
    background-position: -245px -275px
}

.lang-ie {
    background-position: -285px -275px
}

.lang-iq {
    background-position: -325px -275px
}

.lang-ir {
    background-position: -365px -275px
}

.lang-in {
    background-position: -445px -275px
}

.lang-is {
    background-position: -5px -305px
}

.lang-hu {
    background-position: -45px -305px
}

.lang-hn {
    background-position: -85px -305px
}

.lang-ht {
    background-position: -125px -305px
}

.lang-gy {
    background-position: -165px -305px
}

.lang-gn {
    background-position: -205px -305px
}

.lang-gw {
    background-position: -245px -305px
}

.lang-gt {
    background-position: -285px -305px
}

.lang-gd {
    background-position: -325px -305px
}

.lang-gr {
    background-position: -365px -305px
}

.lang-gh {
    background-position: -405px -305px
}

.lang-de {
    background-position: -445px -305px
}

.lang-ge {
    background-position: -5px -335px
}

.lang-gm {
    background-position: -45px -335px
}

.lang-ga {
    background-position: -85px -335px
}

.lang-fr {
    background-position: -125px -335px
}

.lang-fi {
    background-position: -165px -335px
}

.lang-fj {
    background-position: -205px -335px
}

.lang-et {
    background-position: -245px -335px
}

.lang-ee {
    background-position: -285px -335px
}

.lang-er {
    background-position: -325px -335px
}

.lang-gq {
    background-position: -365px -335px
}

.lang-sv {
    background-position: -405px -335px
}

.lang-eg {
    background-position: -445px -335px
}

.lang-ec {
    background-position: -5px -365px
}

.lang-tl {
    background-position: -45px -365px
}

.lang-do {
    background-position: -85px -365px
}

.lang-dm {
    background-position: -125px -365px
}

.lang-dj {
    background-position: -165px -365px
}

.lang-dk {
    background-position: -205px -365px
}

.lang-cz {
    background-position: -245px -365px
}

.lang-cy {
    background-position: -285px -365px
}

.lang-cu {
    background-position: -325px -365px
}

.lang-hr {
    background-position: -365px -365px
}

.lang-ci {
    background-position: -405px -365px
}

.lang-cr {
    background-position: -445px -365px
}

.lang-cd {
    background-position: -5px -395px
}

.lang-cg {
    background-position: -45px -395px
}

.lang-cm {
    background-position: -85px -395px
}

.lang-co {
    background-position: -125px -395px
}

.lang-cl {
    background-position: -205px -395px
}

.lang-td {
    background-position: -245px -395px
}

.lang-cf {
    background-position: -285px -395px
}

.lang-cv {
    background-position: -325px -395px
}

.lang-cm {
    background-position: -405px -395px
}

.lang-kh {
    background-position: -445px -395px
}

.lang-bi {
    background-position: -5px -425px
}

.lang-bf {
    background-position: -45px -425px
}

.lang-bg {
    background-position: -85px -425px
}

.lang-bn {
    background-position: -125px -425px
}

.lang-br {
    background-position: -165px -425px
}

.lang-bw {
    background-position: -205px -425px
}

.lang-ba {
    background-position: -245px -425px
}

.lang-bo {
    background-position: -285px -425px
}

.lang-bt {
    background-position: -325px -425px
}

.lang-bj {
    background-position: -365px -425px
}

.lang-bz {
    background-position: -405px -425px
}

.lang-be {
    background-position: -445px -425px
}

.lang-by {
    background-position: -5px -455px
}

.lang-bb {
    background-position: -45px -455px
}

.lang-bd {
    background-position: -85px -455px
}

.lang-bh {
    background-position: -125px -455px
}

.lang-bs {
    background-position: -165px -455px
}

.lang-az {
    background-position: -205px -455px
}

.lang-at {
    background-position: -245px -455px
}

.lang-am {
    background-position: -325px -455px
}

.lang-ar {
    background-position: -365px -455px
}

.lang-ag {
    background-position: -405px -455px
}

.lang-ad {
    background-position: -445px -455px
}

.lang-dz {
    background-position: -5px -485px
}

.lang-al {
    background-position: -45px -485px
}

.lang-af {
    background-position: -85px -485px
}

.lang-bm {
    background-position: -125px -485px
}

.lang-xpt {
    background-position: -205px -485px
}

.lang-xau {
    background-position: -245px -485px
}

.lang-xag {
    background-position: -285px -485px
}

.lang-wf {
    background-position: -325px -485px
}

.lang-seborga {
    background-position: -365px -485px
}

.lang-aw {
    background-position: -405px -485px
}

.lang-ao {
    background-position: -445px -485px
}

.lang-sh {
    background-position: -485px -5px
}

.lang-je {
    background-position: -485px -65px
}

.lang-im {
    background-position: -485px -95px
}

.lang-imf {
    background-position: -485px -125px
}

.lang-gg {
    background-position: -485px -185px
}

.lang-gi {
    background-position: -485px -215px
}

.lang-fk {
    background-position: -485px -245px
}

.lang-cw {
    background-position: -485px -275px
}

.lang-ky {
    background-position: -485px -305px
}

.lang-bitcoin {
    background-position: -485px -335px
}

header .language-list > div .language-list-select {
    height: 36px;
    background: #F2F2F2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}

header .language-list > div .language-list-select > span,
header .language-list > div .language-list-content a {
    line-height: 24px;
    height: 24px;
}

header .language-list .lang {
    display: inline-block;
    margin: 0 18px 0 5px;
    width: 32px;
    height: 20px;
    transform: scale(1.2) translate(3px, -1px);
}

header .language-list > div .language-list-content {
    background: #F2F2F2;
    border-top: 1px solid #FFFFFF;
    max-height: 241px;
    overflow: auto;
    display: none;
}

header .language-list > div .language-list-content a.select {
    background: #ccc;
}

.language-list a {
    display: inline-table;
    text-align: left;
    height: 20px;
    line-height: 20px;
    padding: 8px 15px;
}

header {
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .04);
}

.global-modal-border-shadow {
    border-color: rgba(var(--color-text), var(--menu-modal-border-opacity));
    border-radius: var(--menu-modal-border-radius);
    border-style: solid;
    border-width: var(--menu-modal-border-thickness);
    box-shadow: var(--menu-modal-shadow-offset-x) var(--menu-modal-shadow-offset-y) var(--menu-modal-shadow-blur) rgba(var(--color-text), var(--menu-modal-shadow-opacity)) !important;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(var(--color-page-background));
    z-index: -1000;
    display: flex;
    opacity: 0;
    justify-content: center;
    align-items: center;
    animation-duration: 0.2s;
    animation-timing-function: ease;
    transition: all 0.9s ease;
}

.modal__content[open] {
    opacity: 1;
    z-index: 1000;
    transition: all 0.2s ease;
}

.modal__content .modal__overlay {
    display: block;
}

.modal__content .modal__overlay {
    display: block;
}

.modal__content[open] .modal__overlay::after {
    content: "";
    background-color: rgba(var(--color-mask), 0.6);
    left: 0;
    right: 0;
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 100%;
    z-index: initial;
}

.page-width {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
    max-width: calc(var(--page-padding) * 2 + var(--page-width));
    width: 100%;
}

.search-modal__content {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--color-text));
}

.search-modal__form {
    position: relative;
    flex: 1 0 0;
}

.field {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.4;
    font-size: 14px;
    transition: all 300ms;
    align-items: center;
    color: rgba(var(--color-text));
    background-color: rgba(var(--color-page-background));
    margin-bottom: 20px;
}

.search-modal__field {
    position: relative;
    margin: 0;
}

.global-modal-border-shadow {
    border-color: rgba(var(--color-text), var(--menu-modal-border-opacity));
    border-radius: var(--menu-modal-border-radius);
    border-style: solid;
    border-width: var(--menu-modal-border-thickness);
    box-shadow: var(--menu-modal-shadow-offset-x) var(--menu-modal-shadow-offset-y) var(--menu-modal-shadow-blur) rgba(var(--color-text), var(--menu-modal-shadow-opacity)) !important;
    box-sizing: border-box;
}

.predictive-search {
    --predictive-search-result-padding: 20px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgb(var(--color-page-background));
    border-radius: 0 0 var(--menu-modal-border-radius) var(--menu-modal-border-radius);
    z-index: 1;
}

.body-font, .body1, .body2, .body3, .body4, .body5, .body6 {
    font-family: var(--body-font);
    font-style: var(--body-font-style);
    font-weight: var(--body-font-weight, 400);
    letter-spacing: var(--body-letter-spacing);
    line-height: var(--body-line-height);
    word-break: break-word;
}

.body3 {
    font-size: var(--body3-font-size);
}

.field__input {
    width: 100%;
    border-radius: var(--input-border-radius-outset);
    border: none;
    padding: 24px 16px 8px;
    background: none;
    line-height: 1.15;
    box-shadow: none !important;
    color: rgba(var(--color-text));
    height: 56px;
    -webkit-appearance: none;
}

.search-modal__input {
    height: 60px;
    padding: 28px 68px 10px 20px;
}

.field__label {
    position: absolute;
    left: 16px;
    right: 0;
    top: 50%;
    pointer-events: none;
    transform: translateY(-50%);
    transition: transform 300ms ease;
    transform-origin: left top;
    word-break: break-word;
    color: rgba(var(--color-text), 0.6);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
}

.search-modal__field-label {
    width: calc(100% - 68px);
    left: 20px;
    transition: all 200ms;
}

.icon-button {
    position: relative;
    display: inline-flex;
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    padding: 0;
    transition: transform 0.3s;
}

.header__icon-button {
    display: flex;
    padding: 6px;
}

.search-modal__close-button {
    margin-left: 4px;
    padding: 12px;
    margin-right: 28px;
}

.field:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    border-width: var(--input-border-thickness);
    border-style: solid;
    border-color: rgba(var(--color-text), var(--input-border-opacity));
    pointer-events: none;
    transition: border-color 300ms;
    border-radius: var(--input-border-radius-outset);
    box-shadow: var(--input-shadow-offset-x) var(--input-shadow-offset-y) var(--input-shadow-blur) rgba(var(--color-text), var(--input-shadow-opacity));
}

.search-modal__close-button .icon {
    width: 16px;
    height: 16px;
}

.search-modal__field-label.focus {
    top: 35%;
    font-size: 11px;
}

.icon-user path {
    fill: none !important;
    stroke: currentColor !important;
}

.topCartContent .cart-title {
    text-align: left;
    border-bottom: 1px solid rgb(var(--color-sale));
}

.topCartContent .cart-title span {
    font: 25px var(--title-font);
    color: rgb(var(--color-sale));
}


.new-in {
    width: 100%;
    height: 100%;
    background-color: #00000005;
    position: relative;
    display: flex;
    flex-direction: column;
}

.new-in > div {
    padding: 0 40px;
    display: block;
    width: 90%;
    margin: 0 auto;
}

.new-in .new-in-header {
    width: 100%;
    padding-top: 60px;
    text-align: center;
}

.new-in .new-in-header > span {
    color: #000;
    font-weight: 700;
    position: relative;
    font-family: var(--title-font), serif;
    z-index: 2;
    font-size: 24px;
}

.new-in .new-in-header > span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0;
    top: 18px;
    background: #fceedc;
    z-index: -1;
}

.new-in .new-in-content .new-in-product {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.new-in .new-in-content .new-in-product .new-in-product-item {
    /* 控制每行个数变量 覆盖即可 */
    --new-in-product-row-item-num: 4;
    width: calc(calc(100% / var(--new-in-product-row-item-num)));
    padding: 15px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.new-in .new-in-content .new-in-product .new-in-product-item div {
    cursor: pointer;
}

.new-in .new-in-content .new-in-product .new-in-product-item .new-in-product-img {
    position: relative;
    flex: 1;
}

.new-in .new-in-content .new-in-product .new-in-product-item .new-in-product-img img {
    position: relative;
    height: 100%;
}

.new-in .new-in-content .new-in-product .new-in-product-item .new-in-product-img .product-mainImg {
    z-index: 0;
}

.new-in .new-in-content .new-in-product .new-in-product-item .new-in-product-img .hover-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all .3s ease-in-out;
}

.new-in .new-in-content .new-in-product .new-in-product-item .new-in-product-img:hover .hover-image {
    opacity: 1;
}

.new-in .new-in-content .new-in-product .new-in-product-item .new-in-product-img .add-to-cart {
    position: absolute;
    bottom: 20px;
    left: calc(50% - 40%);
    z-index: 1;
    transition: all .3s ease-in-out;
    background-color: var(--menu-hover-color);
    width: 80%;
    display: none;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    height: auto;
    border-radius: 0 !important;
    border: none !important;
    padding: 10px 0;
}

.new-in .new-in-content .new-in-product .new-in-product-item .new-in-product-img:hover .add-to-cart {
    display: flex
}

.new-in .new-in-content .new-in-product .new-in-product-item .new-in-product-img .add-to-cart:hover {
    background-color: var(--main-color);
}

.new-in .new-in-content .new-in-product .new-in-product-item .new-in-product-title {
    font-size: 14px;
    color: #000000;
    cursor: pointer;
    font-weight: 400;
    margin-top: 5px;
}

.new-in .new-in-content .new-in-product .new-in-product-item .new-in-product-title .new-in-product-title-name span {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-family: var(--title-font), serif;
}

.new-in .new-in-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.new-in .new-in-footer a > button {
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    transition: background-color 0.3s ease, transform 0.3s ease;
    padding: 10px 20px;
    border: none;
    background-color: #dd8c32;
    color: white;
    font-size: 13px;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

.new-in .new-in-footer a > button::before {
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: transform 0.5s ease-out;
    transform: skewX(-45deg);
    opacity: 0;
}

.new-in .new-in-footer a > button:hover {
    background-color: #000;
}

.new-in .new-in-footer a > button:hover::before {
    right: 100%;
    transition: right 0.5s ease-out;
    opacity: 1;
}