:root {
    --brand-accent: #3d87c6;
    --primary: #2b73ad;
    --primary-hover: #245f90;
    --primary-tint: #edf5fb;
    --primary-focus: rgba(43, 115, 173, 0.3);
}

body {
    font-family: Helvetica,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

/* Load after Bootstrap so every member page uses the same theme and states. */
a, .btn-link, .page-link, .theme-color {
    color: var(--primary);
}

a:hover, .btn-link:hover, .page-link:hover {
    color: var(--primary-hover);
}

.btn-primary, .badge-primary, .page-item.active .page-link,
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover, .btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: var(--primary);
    background-color: transparent;
}

.btn-primary:focus, .btn-outline-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.form-control:focus, .custom-select:focus, .page-link:focus,
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem var(--primary-focus);
}

.form-control:focus, .custom-select:focus,
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: var(--primary);
}

.text-primary {
    color: var(--primary) !important;
}

.border-primary {
    border-color: var(--primary) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: var(--primary-hover) !important;
}

.site-header {
    border-bottom: 2px solid var(--brand-accent);
    background-color: #fff;
}

.site-header .navbar-nav .nav-link {
    color: #5b6269;
}

.site-header .navbar-nav .nav-link:hover,
.site-header .navbar-nav .nav-link:focus {
    color: var(--primary);
}

.badge-notify {
    position: relative;
    top: -12px;
    left: -12px;
}

.site-header .account-notification-count {
    position: relative;
    top: -3px;
}

.page-content {
    padding-top: 112px;
    flex: 1 0 auto;
    overflow-wrap: break-word;
}

.nav-tabs .nav-link.active {
    color: var(--primary);
    font-weight: 600;
}

.btn-fixed-width {
    min-width: 96px;
}

.member-search-form {
    width: 100%;
    max-width: 30rem;
    margin-left: auto;
}

.member-search-form .form-control {
    min-width: 0;
}

.empty-state {
    width: 100%;
    padding: 2rem 1rem;
    margin: 1rem 0;
    color: #6c757d;
    text-align: center;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
}

.address-text {
    overflow-wrap: anywhere;
}

.order-status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.order-status > span {
    margin-right: auto;
}

.order-item-image {
    width: 96px;
    max-width: 100%;
    height: auto;
}

.addressCard {
    cursor: pointer;
}

.addressCard:hover, .addressCard:focus {
    border-color: var(--primary);
    background-color: var(--primary-tint);
}

.addressCard:focus {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

/* Shared by checkout, payment retry, and balance recharge. */
.paymentWrap {
    padding: 0.5rem 0 1rem;
}

.paymentWrap .paymentBtnGroup {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.paymentWrap .paymentBtnGroup .paymentMethod {
    flex: 1 0 100px;
    min-width: 0;
    height: 80px;
    margin: 0 0 0.5rem;
    padding: 0;
    position: relative;
    cursor: pointer;
}

.paymentWrap .paymentBtnGroup .paymentMethod .method {
    position: absolute;
    inset: 3px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid #dee2e6;
    border-radius: 0.25rem;
}

.paymentWrap .paymentBtnGroup .paymentMethod.active .method {
    border-color: var(--primary);
    box-shadow: 0 0 0 1px var(--primary);
}

.paymentWrap .paymentBtnGroup .paymentMethod.focus .method {
    box-shadow: 0 0 0 0.2rem var(--primary-focus);
}

.paymentWrap .method.weixin {
    background-image: url("/image/weixin-b7e4728f2c7d4ec0c79bcea74755a00b.png");
}

.paymentWrap .method.alipay {
    background-image: url("/image/alipay-c6c8207ddbca78f235fa4937c0edd47a.png");
}

.paymentWrap .method.transfer {
    background-image: url("/image/transfer-0692508b8ffbf5ab7a76ee83b62e120e.png");
}

.paymentWrap .method.union, .paymentWrap .method.credit, .paymentWrap .method.payunion {
    background-image: url("/image/visa-751b92a9d0691bbfa3dd9f333db30d08.png");
}

/* Keep the collapsed header in the page flow so it cannot cover search or content. */
@media (max-width: 991.98px) {
    .site-header {
        position: static;
        flex-shrink: 0;
    }

    .page-content {
        padding-top: 24px;
    }
}

@media (max-width: 767.98px) {
    .member-search-form {
        max-width: none;
        margin-top: 0.5rem;
    }
}

.footer {
    bottom: 0;
    width: 100%;
}

.fa-stack[data-count]:after{
    position:absolute;
    right:0%;
    top:0%;
    content: attr(data-count);
    font-size:40%;
    padding:.6em;
    border-radius:999px;
    line-height:.75em;
    color: white;
    /*color: $shopping-cart-red;*/
    text-align:center;
    min-width:2em;
    font-weight:bold;
    background: white;
    border-style:solid;
}
.fa-circle {
    color:#DF0000;
}

.red-cart {
    color: #DF0000; background:white;
}

.trueIcon {
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    background: url(/image/common-9544088b46136437f5bb0ea153baef38.gif) -30px -390px no-repeat;
}

.falseIcon {
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    background: url(/image/common-9544088b46136437f5bb0ea153baef38.gif) 0px -420px no-repeat;;
}


.product-item .pr-img-area {
    overflow: hidden;
    position: relative;
    border: 1px #e5e5e5 solid;
}
.product-item .pr-img-area a {
    display: block
}
.product-item .pr-img-area > a::before {
    background: #444 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 0.9s ease 0s;
    width: 100%;
    z-index: 9
}
.product-item:hover .pr-img-area a::before {
    opacity: .1
}
.product-item .item-inner img.hover-img {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.9s ease 0s;
}
.product-item .item-inner:hover img.hover-img {
    opacity: 1;
}
.pr-img-area {
    overflow: hidden;
    position: relative
}
.add-to-cart-mt {
    background: var(--primary);
    border: 0 none;
    bottom: 0;
    font-size: 12px;
    left: -100%;
    line-height: 10px;
    position: absolute;
    text-align: center;
    transition: all .5s ease-out 0s;
    width: 100%;
    padding: 12px 0;
    color: #fff;
}
.add-to-cart-mt:hover {
    color: #fff;
}
.add-to-cart-mt span {
    margin-left: 5px
}
.product-item .item-inner:hover .product-thumbnail .add-to-cart-mt {
    left: 0
}
.product-item .item-inner:hover .product-thumbnail .pr-button {
    background: #F2F2F2
}
.pr-button .mt-button {
    width: 33.3%;
    float: left;
    text-align: center;
    border-right: 1px solid
}
.pr-button {
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
    transition: all .5s ease-out 0s
}
.pr-info-area .product-name a:hover, .pr-button .mt-button a:hover {
    color: var(--primary-hover)
}
.pr-button .mt-button {
    border-right: 1px solid #e5e5e5;
    float: left;
    text-align: center;
    width: 33.3%
}
.pr-button .mt-button a {
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 10px 3px 8px;
    font-weight: normal;
    background-color: #444;
    border-radius: 2px;
}
.pr-info-area .pr-button .s-button a:hover {
    color: #fff;
}
.pr-button .s-button a {
    color: #fff
}
.pr-img-area img {
    width: 100%
}
.product-item .pr-button {
    border: 0 none;
    position: absolute;
    top: 3%;
    opacity: 0;
    z-index: 12;
    padding-left: 4%;
}
.product-item .item-inner:hover .product-thumbnail .pr-button {
    background: none;
    opacity: 1;
}
.pr-button .mt-button a:hover {
    background: var(--primary);
    color: #fff;
    border: 0px var(--primary) solid;
}
.pr-button .mt-button {
    border-right: 0 none;
    float: none;
    margin-bottom: 8px;
    text-align: center;
    transform: scale(0);
    transition: all 0.4s ease 0s;
    width: 40px;
    line-height: 20px
}
.product-item .item-inner:hover .product-thumbnail .mt-button, .on-sale-product .item-inner:hover .product-thumbnail .mt-button {
    transform: scale(1)
}
.product-item .item-inner .item-info {
    text-align: center;
    padding-top: 8px;
}
.product-item .item-inner .item-info .item-title {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 400;
    width: 100%;

}
.product-item .item-inner .item-info .item-title a {
    display: inherit;
    padding: 0 3px;
    /*修改字号 15--16*/
    font-size: 14px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    text-align: left;
    height: 36px;
    line-height: 18px;


}
.product-item .item-inner {
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
}
.product-item .item-inner:hover {
    box-shadow: 0 0 2px #dedede;
}
.product-item {
    margin: 0 12px
}
.products-grid .item .product-item {
    margin: 0px
}
.owl-carousel .owl-wrapper-outer {
    padding: 5px 0px;
}
.product-item .item-inner .item-info .item-title a:hover {
    color: var(--primary);
}
.product-item .item-inner .item-info .pro-action {
    position: absolute;
    bottom: -50px;
    width: 100%;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
}
.product-item:hover .item-inner .item-info .pro-action {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.product-item .item-inner .item-info .add-to-cart {
    padding: 9px 12px;
    font-size: 12px;
    width: 100%;
}
.product-item .item-inner .item-info .add-to-cart i {
    font-size: 16px;
    vertical-align: -1px;
}
.product-item .item-inner:hover .item-info .add-to-cart {
    color: #fff;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    width: 100%;
    transition: 0.5s all ease;
}
.product-item .item-inner .item-info .add-to-cart:hover {
    background-color: var(--primary-hover);
    border: 1px solid var(--primary-hover);
    transition: 0.5s all ease;
}
.product-item .item-inner .item-info .add-to-cart span {
    margin-left: 5px;
}

.price {
    font-size: 14px;
    color: #6c757d;
    white-space: nowrap !important;
}
.price-box {
    margin: 6px 0 2px;
    min-height: 22px;
    text-align: left;
    padding: 0 4px;
}
.regular-price {
    display: inline
}
.regular-price .price {
    font-weight: 600;
    font-size: 17px;
    color: var(--primary);
}
.block .regular-price, .block .regular-price .price {
    color: #333333
}
.price-box .price-from .price {
    font-weight: 600;
    font-size: 14px;
    color: var(--primary)
}
.price-box .price-to .price {
    font-weight: 600;
    font-size: 14px;
    color: var(--primary)
}
.price-box .minimal-price .price {
    font-weight: 600;
    font-size: 14px;
    color: var(--primary)
}
.old-price .price-label {
    white-space: nowrap;
    color: #999;
    display: none
}
.old-price {
    display: inline;
    margin-right: 15px
}
.old-price .price-label {
    color: #ccc;
    display: none;
    white-space: nowrap
}
.old-price .price {
    color: #6c757d !important;
    font-size: 12px;
    font-weight: normal;
    text-decoration: line-through;
    margin-left: 6px
}
.special-price {
    margin: 0;
    padding: 3px 0;
    display: inline
}
.special-price .price-label {
    color: #666;
    display: none;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap
}
.special-price .price {
    font-size: 14px;
    color: var(--primary);
    font-weight: 600
}
.special-price .price-label {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    color: #666;
    display: none
}
.minimal-price {
    margin: 0
}
.minimal-price .price-label {
    white-space: nowrap
}
.minimal-price-link {
    display: inline
}

.border-2 {
    border-width: 2px !important;
}