/* ----- slick.min.css 1.31kb ------- */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.product-slick-silde {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .product-slick-silde {
    float: right
}

.product-slick-silde img {
    display: block
}

.product-slick-silde.slick-loading img {
    display: none
}

.product-slick-silde.dragging img {
    pointer-events: none
}

.slick-initialized .product-slick-silde {
    display: block
}

.slick-loading .product-slick-silde {
    visibility: hidden
}

.slick-vertical .product-slick-silde {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/* ----- customize-slick-theme.min.css 1.57kb ------- */
.slick-arrow {
    width: 36px;
    height: 36px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #323232;
    color: #323232;
    position: absolute;
    cursor: pointer;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    outline: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.slick-arrow .fa {
    font-size: 20px;
    font-weight: 600
}

.slick-arrow.slick-prev {
    left: -5px;
    padding-top: 0;
    padding-right: 3px
}

.slick-arrow.slick-next {
    right: -3px;
    padding-left: 0;
    padding-top: 0
}

.slick-arrow:not(.slick-disabled):hover {
    background: #ffca18;
    color: #fff;
    border-color: #ffca18
}

.slick-arrow.slick-disabled {
    cursor: default;
    color: #b2b2b2;
    border-color: #b2b2b2
}

.slick-dots {
    display: block;
    padding-top: 30px;
    margin: 0;
    text-align: center;
    letter-spacing: -.33em;
    line-height: 0
}

.slick-dots li {
    display: inline-block;
    font-size: 0px;
    margin: 0px 7px;
    width: 12px;
    height: 12px;
    letter-spacing: normal
}

.slick-dots li button {
    width: 12px;
    height: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #707979;
    background: #707979;
    padding: 0;
    outline: none;
    cursor: pointer
}

.slick-dots li.slick-active button {
    background: rgba(255,255,255,0);
    border-color: #505656
}

.slick-dots li:first-child {
    margin-left: 0
}

.slick-dots li:last-child {
    margin-right: 0
}

/* ----- jquery.fancybox.min.css 66.6kb ------- */
body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');


@font-face {
    font-family: "ic";
    src: url('/assets/fonts/iconfont-custom.woff2') format('woff2'), url('/assets/fonts/iconfont-custom.woff') format('woff'), url('/assets/fonts/iconfont-custom.ttf') format('truetype');
}

.ic {
    font-family: "ic" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 2px;
}

.ic-minus-circle:before {
    content: "\e78c";
}

.ic-refresh:before {
    content: "\e7da";
}

.ic-star-empty:before {
    content: "\e85c";
}

.ic-star:before {
    content: "\e85d";
}

.ic-delete:before {
    content: "\e616";
}

.ic-bullhorn:before {
    content: "\e8d2";
}

.ic-vacuum-cleaner:before {
    content: "\e73b";
}

.ic-watch:before {
    content: "\e614";
}

.ic-sound:before {
    content: "\e6c2";
}

.ic-power-tool:before {
    content: "\e7ee";
}

.ic-time:before {
    content: "\e65f";
}

.ic-close:before {
    content: "\e643";
}

.ic-copy:before {
    content: "\e80d";
}

.ic-question:before {
    content: "\e611";
}

.ic-answer:before {
    content: "\e612";
}

.ic-setting:before {
    content: "\e610";
}

.ic-apple-logo:before {
    content: "\e633";
}

.ic-bag-plus:before {
    content: "\e60e";
}

.ic-ArrowSquareRight:before {
    content: "\e613";
}

.ic-repair-warranty:before {
    content: "\e63e";
}

.ic-shoppingbag:before {
    content: "\f946";
}

.ic-Macbook:before {
    content: "\e60c";
}

.ic-iPhone:before {
    content: "\e620";
}

.ic-iWatch:before {
    content: "\e62f";
}

.ic-iPad:before {
    content: "\e87e";
}

.ic-home-o:before {
    content: "\e85a";
}

.ic-cart-solid:before {
    content: "\ed80";
}

.ic-shopping-cart:before {
    content: "\e60b";
}

.ic-money-back-eur:before {
    content: "\e648";
}

.ic-money-back-usd:before {
    content: "\e647";
}

.ic-returns:before {
    content: "\e69d";
}

.ic-tracking:before {
    content: "\e641";
}

.ic-repair:before {
    content: "\e626";
}

.ic-shield-alt:before {
    content: "\e8a3";
}

.ic-plane:before {
    content: "\e83e";
}

.ic-money-back-gbp:before {
    content: "\e64b";
}

.ic-circle-left:before {
    content: "\e619";
}

.ic-angle-left:before {
    content: "\e60a";
}

.ic-search-plus:before {
    content: "\eaa6";
}

.ic-link:before {
    content: "\e621";
}

.ic-th-list:before {
    content: "\e739";
}

.ic-info-circle:before {
    content: "\e831";
}

.ic-write:before {
    content: "\e62a";
}

.ic-quote-left:before {
    content: "\e844";
}

.ic-quote-right:before {
    content: "\e845";
}

.ic-go-back:before {
    content: "\e71c";
}

.ic-convenience:before {
    content: "\e62c";
}

.ic-customer-service:before {
    content: "\e735";
}

.ic-dollar-o:before {
    content: "\e609";
}

.ic-high-quality:before {
    content: "\e617";
}

.ic-images:before {
    content: "\ea89";
}

.ic-credit-card:before {
    content: "\e80c";
}

.ic-truck:before {
    content: "\e8db";
}

.ic-battery-full:before {
    content: "\e7b8";
}

.ic-check-square:before {
    content: "\e7c7";
}

.ic-check-circle:before {
    content: "\e7c9";
}

.ic-edit:before {
    content: "\e7eb";
}

.ic-laptop:before {
    content: "\e83c";
}

.ic-cart-plus:before {
    content: "\e7c8";
}

.ic-minus:before {
    content: "\e85b";
}

.ic-plus:before {
    content: "\e884";
}

.ic-circle-down:before {
    content: "\ee04";
}

.ic-radio-checked:before {
    content: "\e607";
}

.ic-radio:before {
    content: "\e608";
}

.ic-about-us:before {
    content: "\e654";
}

.ic-help:before {
    content: "\e606";
}

.ic-chevron-circle-right:before {
    content: "\e7c6";
}

.ic-guide:before {
    content: "\e7e2";
}

.ic-circle-right:before {
    content: "\e7d7";
}

.ic-quick-link:before {
    content: "\e63f";
}

.ic-info:before {
    content: "\e689";
}

.ic-angle-up:before {
    content: "\e605";
}

.ic-email:before {
    content: "\e60d";
}

.ic-contact:before {
    content: "\e604";
}

.ic-menu-bar:before {
    content: "\e625";
}

.ic-arrow-down:before {
    content: "\e601";
}

.ic-home:before {
    content: "\e603";
}

.ic-angle-right:before {
    content: "\e65c";
}

.ic-angle-down:before {
    content: "\e600";
}

.ic-ShoppingCart:before {
    content: "\e63d";
}

.ic-Search:before {
    content: "\e624";
}

.ic-add-cart:before {
    content: "\e61e";
}

.ic-Language:before {
    content: "\e659";
}

.ic-PaymentSafe:before {
    content: "\e60f";
}

.ic-Warranty:before {
    content: "\e615";
}

.ic-MoneyBack:before {
    content: "\e602";
}

.ic-FastShipping:before {
    content: "\e77e";
}


body {
    font-size: 14px;
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.06rem;
}

@import url('/assets/Styles/zoom-union.css');
@import url('/assets/bootstrap/css/bootstrap.css');

p {
    font-family: 'Roboto',sans-serif !important;
}

a {
    font-family: 'Roboto',sans-serif;
    color: #333;
    text-decoration: none;
    outline: none;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

a:hover, a:focus {
    color: #08c;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

ul, ul li, ol, ol li, dt, dt dd {
    list-style: none;
    font-family: 'Roboto',sans-serif;
}

h1, h2, h3, h4, ul, ol, li {
    margin: 0;
    padding: 0;
}

hr {
    width: 100%;
    margin: 0 auto;
    border-top: 1.2px solid #ccc;
}

img {
    max-width: 100%;
}

.red {
    color: #f00;
}

.blue {
    color: #00f;
}

.help-content h3 i {
    color: #ffca18;
}

.current-color {
    color: #2d7ce7;
}

.a_current-color {
    color: red;
    text-decoration: underline;
}

.a_current-color:hover {
    text-decoration: underline;
}

.pointer {
    cursor: pointer;
}

.badge {
    background: #ffca18;
}

.badge-warn {
    background: #ff5353;
}

.PadL5 {
    padding-left: 5px;
}

.PadR5 {
    padding-right: 5px;
}

.MarginR5 {
    margin-right: 5px;
}

.product-price span {
    color: #232323;
    font-weight: 500;
    font-size: 16px;
}

.btn-close {
    top: -9px !important;
}

#discount-container {
    background-color: #ff06 !important;
    border-color: #ff06 !important;
    padding-top: 6px;
    padding-bottom: 6px;
}


#discount-container span {
    font-size: 18px;
    font-weight: 500;
    color: #ff0000;
}




@media(min-width:1400px) {
    .tab {
        margin-top: 20px;
    }
}

.productpicsbox {
    text-align: center;
}

.productpicsbox img {
    margin: 15px auto;
    display: block;
}

.proNote span {
    display: block;
}



.proNote b, .proDisclaim b {
    display: block;
    font-weight: 600
}

.label-section {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.label-Mainsection-shipping {
    padding-left: 0px;
    padding-right: 0px;
}

.label-Mainsection-guarantee {
    padding-left: 0px;
    padding-right: 0px;
}

.label-Mainsection-security {
    padding-left: 0px;
    padding-right: 0px;
}

@media(min-width:992px) {
    .label-Mainsection-warranty {
        border-right: 1px solid rgba(102,102,102,.15);
    }

    .label-Mainsection-guarantee {
        border-right: 1px solid rgba(102,102,102,.15);
    }

    .label-Mainsection-shipping {
        border-right: 1px solid rgba(102,102,102,.15);
    }
}

.label-Mainsection-warranty {
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width:527px) {
    .label-Mainsection-guarantee .label-Image {
        margin-left: 0px;
    }

    .label-Mainsection-security .label-Image {
        margin-left: 0px;
    }
}

@media(max-width:476px) {
    .label-main {
        display: block;
    }

    .label-Mainsection-shipping .label-main {
        margin-left: 20px;
    }

    .label-Mainsection-warranty .label-main {
        margin-left: 20px;
    }
}

@media (max-width: 992px) {
    .label-section {
        text-align: left;
    }

    .label-Image {
        margin-left: 20px;
    }

    .label-Mainsection-shipping {
        margin-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .label-Mainsection-guarantee {
        margin-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width:768px) {
}

@media only screen and (min-width: 1200px) {
    .paypal-button-row.paypal-button-layout-vertical {
        height: 30px;
        width: 250px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .paypal-button-row {
        height: 30px;
        width: 250px;
    }
}

.paypal-button-row paypal-button-number-0 {
    width: 250px !important;
    z-index: 999999999999;
}

.paypal-button-row.paypal-button-layout-vertical {
    width: 250px !important;
    z-index: 999999999999;
}

.paypal-button {
    width: 250px !important;
    z-index: 999999999999;
}

@media(max-width:407px) {
    /*	.label-Mainsection-shipping {
		width: 100%;
	}

	.label-Mainsection-guarantee {
		width: 100%;
	}

	.label-Mainsection-warranty {
		width: 100%;
	}

	.label-Mainsection-security {
		width: 100%;
	}*/
    .label-main h6 {
        padding-right: 16px;
    }

    .label-main p {
        padding-right: 16px;
    }
}

.rating-box {
    margin-bottom: 6px;
}

.faq-item b {
    font-weight: 400 !important;
}

.faq-item strong {
    font-weight: 400 !important;
}

@media(max-width:1200px) {
    #cse-search-box .search-btn {
        width: 20%;
    }

    .top-header a {
        font-size: 12px;
    }
}

@media(min-width:1200px) {
    #cse-search-box .search-btn {
        width: 18%;
    }

    .top-header a {
        font-size: 13px;
    }
}

.search-btn {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

@media(max-width:467px) {
    #cse-search-box .search-btn {
        width: 28%;
    }
}

.top-header {
    text-align: right;
}

.NavMenuOpen-sub {
    color: #FFFFFF;
}

.top-header i {
    font-style: normal;
    font-variant: normal;
    color: #ebebeb;
    padding-right: 8px;
    padding-left: 8px;
}

.top-header a {
    color: #888888;
    display: inline-block;
    line-height: 35px;
}

.label-main {
    text-align: left;
}

.footerPage {
    background-color: #f7f7f7;
    border-top: 1px solid #eee;
    padding-top: 28px;
}

@media(min-width:476px) {
    .label-main {
        display: inline-block;
    }
}

.label-main h6 {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #222222;
    line-height: 1;
}

.label-main p {
    line-height: 1;
    letter-spacing: .5px;
    font-size: 14px;
    color: #666666;
}

.label-section {
    margin: 0;
    position: relative;
}

.label-Image {
    font-family: icon-dukamarket !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 60px;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
}

.label-Image i {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 38px;
}

.label-alert {
    border-radius: 5px;
    padding: 16px;
    background-color: #fff;
    margin-top: 30px;
}

.label-section {
    margin-top: 20px;
    margin-bottom: 20px;
}

.tipProduct {
    background-color: #f5f5f5;
}

.tipProduct h1 {
    font-size: 1.4rem;
    font-weight: 500;
}
/*导航栏*/
.nav-item-tab {
    font-family: Roboto, sans-serif;
    min-width: 84px;
    font-size: 18px;
    font-weight: 600;
}

.dropdown-item:hover {
    background-color: #08c;
    color: white;
}

.dropdown-item {
    margin-bottom: 8px;
    font-size: 15px;
    padding-right: 8px;
    padding-left: 15px;
}

.nav-link {
    color: black;
}

.allNav {
    display: flex;
}

.nav-tabs {
    border-bottom: none;
}



.nav-tabs .nav-item-tab:last-child {
    border-right: none;
}






.topnav::before {
    content: "AsusLaptopBattery.co.uk is not affiliated with any OEM brands. The brand names and model designations used in the website are only intended to show the compatibility of our batteries, which are the property of their respective owners.";
    text-align: center;
    background-color: #f8f8f8;
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
    font-size:12px;
}

/*
	.nav-Foutab:hover:after {
	
	left: 25px !important;
	opacity: 1;
}
.nav-Thrtab:hover:after {

	left: 25px!important;
	opacity: 1;
}
.nav-tabs .nav-item-tab:hover:after {

	left:25px;
	opacity: 1;
}
.nav-firsttab:after{
	left:0px!important;
}
.nav-tabs .nav-item-tab:after {
	z-index: 99999999999999;
	content: "";
	height: 2px;
	background: #08c;
	width: 50px;
	position: absolute;
	left:50%;
	transition: all 240ms linear 0ms;
	margin: 0 auto;
	bottom: -20px;
	opacity: 0;
	border-bottom: 1px solid #ebebeb;
}
@media(min-width:992px) {
	.nav-tabs .nav-item-tab.active:after {
		z-index: 99999999999999;
		content: "";
		height: 2px;
		background: #08c;
		width: 50px;
		position: absolute;
		left: 25px;
		transition: all 240ms linear 0ms;
		margin: 0 auto;
		bottom: -20px;
		opacity: 1;
	}
}

.tab-content {
	border-top: 1px solid #ebebeb!important;
}
	@media(min-width:992px) {
		.nav-firsttab.active:after {
	
			left: 0px!important;
		
		}
			
		.tab-content {
			margin-top: 20px;
			line-height: 25px;
		}
		
	}			


@media (max-width: 992px) {
	.nav-tabs .nav-item-tab {
		padding:0px 25px;
		font-size: 1rem;
	}
	/*.nav-tabs .nav-item-tab:after {
			bottom: -15px;
		}
	.nav-firsttab.active:after {
		left: 0px !important;
	}
	.nav-tabs .nav-item-tab.active:after {		
		left: 25px;
		
	}
	.nav-tabs .nav-item-tab.active:after {
		transition: all 240ms linear 0ms;
		left: 48%;
		z-index: 99999999999999;
		content: "";
		height: 2px;
		background: #08c;
		width: 50px;
		position: absolute;
		left: 25px;
		margin: 0 auto;
		bottom: -15px;
		opacity: 1;
	}
		*/
.tab-content {
    margin-top: 15px;
    line-height: 25px;
}

}

@media(max-width:380px) {
    .nav-tabs .nav-item-tab {
        font-size: 13px !important;
    }
}

@media (max-width: 768px) {
    /*.nav-tabs .nav-item-tab:hover:after {
		left:0px!important;
		bottom:4px!important;
	}*/
    .nav-tabs .nav-item-tab {
        width: 100%;
        padding: 0 0 15px;
        border-right: none;
        font-size: 14px !important;
        line-height: 1.7;
        margin-bottom: 7px;
    }

    /*
		.nav-tabs .nav-item-tab.active:after {
			left: 0px;
			bottom:4px;
		}

		.nav-tabs .nav-item-tab:after {
			left: 50%;
			bottom: 4px;
		}
		*/
    .tab-content {
        margin-top: 0px;
    }
}

.NavMenu, .nav-Main-Box {
    position: relative;
}

.nav-Main-Menu > li {
    float: left;
}

.nav-Main-Menu > li > a {
    display: block;
    padding: 0 12px;
    min-width: 70px;
    height: 48px;
    line-height: 43px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.nav-Main-Menu .menuHome > i {
    font-size: 22px;
}

.nav-Main-Menu .homeText {
    display: none;
}

@media(min-width:992px) {
    .col-lg-2-5 {
        width: 20%;
    }
}

@media(max-width:375px) {
    .desProduct {
        font-size: 13px !important;
    }
}

.picCart {
    padding-left: 0px;
    padding-right: 0px;
}

/*导航条菜单块*/
@media only screen and (min-width: 992px) {
    .NavMenuBrand {
        -o-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        -o-transition: -o-transform 0.3s, opacity 0.3s;
        -ms-transition: -ms-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform: rotateX(-75deg);
        -o-transform: rotateX(-75deg);
        -moz-transform: rotateX(-75deg);
        -webkit-transform: rotateX(-75deg);
        position: absolute;
        z-index: 99000;
        top: 54px;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        border: solid 1px #eeeeee;
        border-top: 1px solid #e5e5e5;
        box-shadow: 0 6px 10px rgba(0,0,0,.15);
        padding: 10px;
    }


    .NavMenu-active > a {
        color: black;
    }

    .NavMenu-active:hover > a {
        color: #3BB77E;
    }

    .topnavright a p:hover {
        color: rgb(231 231 231 / 80%);
    }
}

@media(max-width:991px) {
    .side-contact {
        display: none;
    }
}

@media(min-width:992px) {
    .side-contact {
        display: block;
    }
}

.NavMenuBrand.full {
    width: 100%;
    left: 0;
}

.topnav-contact {
    background-color: #FFCA18 !important;
    float: right !important;
    padding-bottom: 5px;
}

.topnav-contact:hover {
    background-color: #08c !important;
}

.contact-topnav:hover {
    color: #FFFFFF;
}

.nav-Main-Menu > li:hover > .NavMenuBrand {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}

.NavMenuBrand a {
    line-height: 34px;
    display: block;
    font-size: 14px;
}

.NavMenuBrand a b {
    font-weight: 600;
}



/*弹出下拉菜单的li*/
.NavMenuTheme li a:hover {
    background: #3BB77E;
    color: #fff;
}

/*2023-6-19 LZN添加 导航条放图片广告样式*/
.NavMenuTheme .NavMenuImg h4 {
    text-align: center;
}

#navbar-overlay {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99001;
    background: rgba(0, 0, 0, 0.8);
}

@media (min-width:992px) and (max-width:1200px) {
    .nav-Main-Menu > li > a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) {
    .noscroll, .noscroll body {
        overflow: hidden;
    }

    .noscroll body {
        position: relative;
    }

    .rotate180-ic {
        background: #f5f5f5 !important;
    }

    .rotate180-ic .ic-angle-down {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg); /* IE 9 */
        -moz-transform: rotate(180deg); /* Firefox */
        -webkit-transform: rotate(180deg); /* Safari and Chrome */
        -o-transform: rotate(180deg); /* Opera */
    }

    .allNav {
        background: #eee;
    }

    .nav-Main-Box {
        background: #fff;
        width: 265px;
        position: fixed;
        top: 0;
        height: 100%;
        left: 0;
        z-index: 99002;
        overflow-x: hidden;
        overflow-y: auto;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
        transform: translate(-270px,0);
        -ms-transform: translate(-270px,0);
        -webkit-transform: translate(-270px,0);
        -o-transform: translate(-270px,0);
        -moz-transform: translate(-270px,0);
        transition: transform .3s;
        -moz-transition: transform .3s;
        -webkit-transition: transform .3s;
        -o-transition: transform .3s;
    }

    .NavMenuOpen-input:checked + .nav-Main-Box {
        transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -o-transform: translate(0,0);
        -moz-transform: translate(0,0);
    }

    .NavMenuOpen-total {
        line-height: 40px;
    }

    .mobileH {
        border-bottom: 1px solid #e0e0e0;
        padding-left: 10px;
        font-size: 20px;
        line-height: 60px;
        background: #3BB77E;
        color: #fff;
        font-weight: 600;
    }

    .mobileH label {
        float: right;
        margin-right: 20px;
    }

    .nav-Main-Menu {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .nav-Main-Menu > li {
        float: none;
    }

    .nav-Main-Menu > li:last-child {
        margin-bottom: 40px;
    }

    .nav-Main-Menu > li > a {
        height: 50px;
        line-height: 50px;
        color: #555;
        padding: 0 10px;
        border-bottom: 1px solid #e0e0e0;
        text-align: left;
        position: relative;
    }

    .nav-Main-Menu > li > a .ic-angle-down {
        position: absolute;
        top: 0;
        right: 20px;
        line-height: 50px;
    }

    .nav-Main-Menu .NavMenuBrand {
        display: none;
        border-bottom: solid 1px #DEDEDE;
    }

    .nav-Main-Menu .homeText {
        display: block;
    }

    .NavMenuBrand li {
        border-bottom: 1px dotted #e0e0e0;
    }

    .NavMenuBrand ul:last-child > li:last-child, .NavMenuBrand > li:last-child {
        border-bottom: none;
    }

    .NavMenuBrand a {
        line-height: 45px;
    }
}

@media (min-width: 992px) {


    .dropdown-item:hover {
        color: white;
    }

    .allNav-Box {
        background-color: #08c;
    }

    .nav-Mian-Box {
        color: white !important;
    }
}

@media (max-width: 992px) {
    .allNav-Box {
        background-color: white;
    }

    .nav-Mian-Box {
        color: black;
        background-color: white;
    }

    .nav-Mian-Box {
        padding-right: 20px;
        padding-left: 4px;
    }

    .dropdown-item {
        padding-left: 2px;
        margin-left: 2px;
        margin-right: 10px;
    }
}

.section-productHot:hover h6 {
    color: #08c !important;
    z-index: 9999999999999999;
}

.section-productHot:hover p {
    color: #08c !important;
    z-index: 9999999999999999;
}
/*topnav顶部横条*/
.taopnav-header {
    color: #888888;
    line-height: 35px;
    font-size: 14px;
    text-align: left;
}

.alert-info {
    border-color: #ffecb5;
}

.section-productHot {
    margin-bottom: 30px;
}

.section-productHot::before {
    width: 40px;
    height: 40px;
    background-color: #08c;
    content: 'HOT';
    position: absolute;
    border-radius: 3px;
    color: #ffffff;
    margin-left: 10px;
    margin-top: 10px;
    font-family: Rubik,sans-serif;
    z-index: 999999999999999;
    line-height: 22px;
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    border-radius: 50%;
    padding: 7px 4px;
}

.section-productHot {
    padding-left: 15px;
    padding-right: 15px;
}

.section-productHot :hover .section-productHot h6 {
    color: #08c !important;
}

.productPage-CartPrimary {
    border: 1px solid #e9e9e9;
    text-align: center;
    padding: 20px 20px;
    border-radius: 3px;
    position: relative;
}
/*全站公告样式*/
.notice-bar {
    background-color: #ff06;
    text-align: center;
    padding: 7px;
    margin: 0;
    border: 0;
    border-radius: 0;
    font-size: 16px;
}
.notice-bar i{
    color:orangered;
    font-weight:600;
    font-size:18px;
}
.notice-bar b {
    display: block;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

.notice-bar a {
    color: #f7f72b;
}

.notice-bar a:hover {
    text-decoration: underline;
}

/*header样式========开始*/

#cse-search-box {
    position: relative;
}

#cse-search-box .search-input:focus, #cse-search-box .search-input:active {
    transition: all 0.4s linear;
    border: 1px solid #e7e7e7 !important;
    border-color: #e7e7e7 !important;
    outline: none;
    box-shadow: 0 0 6px 1px #0d6efd;

}

.pro-number {
    width: 83px !important;
}

.search-btn:hover {
    background-color: #232323 !important;
}

#cse-search-box .search-input {
    width: 100%;
    border: 1px solid #e7e7e7;
    padding: 5px 105px 5px 15px;
    margin: 0;
    background: #fff;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    height: 50px;
    border-radius: 5px;
}

#cse-search-box .search-btn {
    background-color: #08c;
    border: 0;
    outline: none;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 12px;
    border-radius: 0 5px 5px 0;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
}

#cse-search-box .search-btn i {
    font-size: 20px;
    color: #fff;
}


.cart-area {
    text-align: right;
}

.cart-area .link-cart {
    display: inline-block;
    color: #444;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.cart-area .link-cart:hover {
    color: #08c;
}

.cart-area .link-cart i {
    font-size: 36px;
}



@media only screen and (max-width: 768px) {
    .cart-area .link-cart {
        overflow: hidden;
    }

    .logo-Box {
        padding: 12px 0;
    }
}

@media only screen and (max-width: 992px) {
    .logo-Box {
        padding: 15px 0;
    }

    .cart-area {
        padding-top: 4px;
    }
}
/*header样式========结束*/
.faqItems > p > b {
    font-weight: 400;
}

.main-title {
    font-weight: 700;
    font-family: 'Roboto',sans-serif;
    font-size: 30px;
    text-align: center;
    margin-bottom: 28px;
    position: relative;
    margin-top: 68px;
}

.main-title h3 {
    font-size: 1.5rem !important;
}
@media (max-width:300px) {
    .main-titleOnePage h3 {
        font-size: 1.15rem !important;
    }

    .main-titlesec h3 {
        font-size: 1.15rem !important;
    }
}

@media (min-width:301px) and (max-width:321px) {
    .main-titleOnePage h3 {
        font-size: 1.35rem !important;
    }

    .main-titlesec h3 {
        font-size: 1.35rem !important;
    }
}

.top-header i {
    color: #08c;
}

@media(min-width:1201px) {
    .top-header a {
        margin-left: 8px;
    }
}

.main-titleOnePage h3 {
    margin-top: 68px;
    margin-bottom: 28px;
    text-align: left;
    position: relative;
    text-transform: capitalize;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 500;
    color: #232323;
    padding: 15px;
    text-transform: uppercase;
}

.main-titlesec {
    margin-top: 42px;
    text-align: center;
    margin-bottom: 28px;
}

.main-titlesec h3 {
    font-size: 1.5rem;
}
.benefit-box {
    position: relative;
}

.benefit-box :hover .benefitImage {
    transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transition: transform .5s linear;
    -moz-transition: transform .5s linear;
    -webkit-transition: transform .5s linear;
    -o-transition: transform .5s linear;
}

.footer-liner {
    height: 100%;
    width: 1px;
    position: absolute;
    right: -15px;
    top: 0;
    background: rgba(255, 255, 255, 0.2);
}

.product-destitle {
    color: #08c;
    padding-top: 10px;
    font-size: 1rem;
    font-weight: 600;
}

.section-benefit {
    background-color: #08c;
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center;
}

.benefitImage i {
    color: #ffffff;
    font-size: 40px;
}

.benefitText h6 {
    color: #ffffff;
}

.benefitText p {
    color: #b3d7ff;
    line-height: 18px;
    font-size: 12px;
}

.product-Main {
    margin-top: 30px;
    margin-bottom: 30px;
}

.product-Main div {
    border-radius: 5px;
}

.main-title-sec h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 68px;
    margin-bottom: 28px;
}

.section-productBox {
    padding-right:4px;
    padding-left:4px;
    border: 1px solid rgba(128,128,128,.16);
    box-shadow: 0 1px 4px #8080801c;
    padding-top: 30px;
    box-sizing: border-box;
    padding-bottom: 30px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-align: center;
}



.section-productBox:hover img {
    transform: scale(1.04);
    transition: all 0.3s linear;
}

.section-productBox img {
    transition: all 0.3s linear;
    margin-bottom: 30px;
}

@media(min-width:768px) {
    .label-main {
        margin-left: 8px;
    }
}

.product-price {
    color: #333;
    font-weight: 300;
    font-size: 12px;
}



.section-productBox p {
    font-weight: 600;
    font-size: 16px;
}

.hot-Product-span {
    font-size: 0.9rem !important;
}
@media(min-width:993px) {
    .breadcrumb-heading {
        height: 60px;
    }
}



.breadcrumb-heading .pageTitle {
    display: inline-block;
    font-size: 1.5rem;
    margin: 0;
    line-height: 60px;
    color: #08c;
}

.breadcrumb-heading .pageNav {
    float: right;
    padding: 0;
    background-color: #fff;
    line-height: 59px;
}

.breadcrumb-heading .pageNav > .active {
    color: #787878;
}

.breadcrumb-heading .pageNav2 {
    display: inline-block;
    float: left;
    padding: 0;
    padding-top: 20px;
    margin-bottom: 0 !important;
}



@media only screen and (max-width: 992px) {
    .breadcrumb-heading .pageTitle {
        display: block;
        text-align: center;
        width: 100%;
        line-height: 20px;
        margin-top: 20px;
    }

    .breadcrumb-heading .pageNav {
        float: none;
        justify-content: center;
        line-height: 36px;
        border: none;
        margin-top: 10px;
    }
}

.left-menu-title {
    background-color: #555;
    text-transform: uppercase;
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 15px;
}

.left-menu-title i {
    padding-right: 10px;
}

.left-menu-box {
    border: 1px solid #ebebeb;
    margin-bottom: 15px;
}

.left-menu-list li {
    line-height: 40px;
    border-bottom: 1px solid #ebebeb;
    padding-left: 15px;
}

.left-menu-list li a {
    display: block;
    -webkit-transition: all linear 0.25s;
    -moz-transition: all linear 0.25s;
    -o-transition: all linear 0.25s;
    transition: all linear 0.25s;
}

.left-menu-list li:hover {
    cursor: pointer;
}

.left-menu-list li:hover a {
    font-weight: bold;
    padding-left: 5px;
}

.pmodeldes {
    padding: 15px 15px 5px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 4px;
    border-left-color: #08c;
    background: #f1f1f1;
}

.pmodeldes h1 {
    font-size: 1.2rem;
    padding-bottom: 8px;
    font-weight: 500;
    text-transform: uppercase;
}

.pResult {
    margin-top: 10px;
    padding: 10px;
    background: #f1f1f1;
    border-radius: 4px;
    font-weight: bold;
    color: #08c;
}

.dlModelList {
    overflow: hidden;
    padding: 10px 0;
    border-radius: 4px;
}

.dlModelList dd {
    line-height: 35px;
    float: left;
    width: 33.33%;
    padding: 5px;
}

.dlModelList dd a {
    display: block;
    padding-left: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: url(/Images/bullet.png) no-repeat center left;
}

.dlModelList dd:hover a {
    color: #fff;
    background: #08c url(/Images/bullet2.png) no-repeat center left;
    border: 1px solid #08c;
}

.NoResult {
    display: none;
}

@media only screen and (min-width: 992px) {
    .main-area {
        order: 2;
    }

    .comple-area {
        order: 1;
    }
}

@media only screen and (max-width: 992px) {
    .main-area {
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width: 768px) {
    .dlModelList dd {
        width: 50%;
        word-break: break-all;
    }
}

.btn-primary {
    width: 150px;
}

.boxProduct {
    margin-top: 20px;
}

.tipProduct {
    padding: 8px 0 8px 12px;
    background-color: #eee;
}

.tipProduct h1 {
    line-height: 1.2;
    margin-top: 8px;
    margin-bottom: 8px;
}

.product-img {
    padding-top: 25px;
}

.certi-img {
    display: block;
    margin: 15px auto;
}

.btnlargeImg {
    margin: 35px 0 20px;
    display: block;
    padding: 10px 15px;
    font-size: 1.1rem;
    color: #6a96ff;
    transition: all .25s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    height: 45px;
}

.btnlargeImg:hover {
    font-size: 1.2rem;
    cursor: pointer;
}

.picCart span {
    padding: 5px 5px;
    margin-top: 10px;
    background-color: #fcf8e3;
    color: #8a6d3b;
    display: inline-block;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #faebcc;
    text-align: initial;
}

.mesCart {
    padding: 7px 0 0px 30px;
}

.mesCart h2 {
    font-size: 1.2rem;
    padding-bottom: 5px;
    line-height: 1.1;
    font-weight: 500;
}

.mainCart li {
    line-height: 35px;
}

.mainCart li:nth-child(2n+1) {
    background-color: #f9f9f9;
    border-radius: 3px;
}

.mainCart li:last-child {
    border-bottom: 1px solid #e9e9e9;
}

#product-PModelList {
    margin-bottom: 16px;
}

.mainCart li > span:first-child {
    width: 210px;
    color: #637381;
    font-weight: 600;
    padding-left: 10px;
    font-style: normal;
}

.mainCart li span {
    display: table-cell;
}

.Availability {
    padding: 3px 0;
}

.Availability span:last-child {
    background-color: #08c;
    color: #fff;
    padding: 6px 24px;
    border-radius: 8px;
    line-height: 2;
}

.price-box {
    margin: 15px 0;
}

.PPrice {
    padding-bottom: 15px;
}

.PPrice .price-text, .comingsoon {
    font-size: 2rem;
    color: #d33;
    font-weight: 600;
}

.PPrice del {
    font-size: 1.5rem;
    display: block;
    color: #DB5A6B;
}

.PPrice .shipping-text {
    font-size: 1rem;
    color: #408ed4;
    padding-left: 10px;
    cursor: pointer;
}

.PPrice .shipping-text:hover {
    text-decoration: underline;
}

.add-qty {
    padding: 0 !important;
    width: 145px;
    margin-bottom: 14px;
}

.add-qty button {
    border: 1px solid #e9e9e9 !important;
}

.add-qty button i {
    color: #777;
}

.btn-dec, .btn-inc {
    border-radius: 0px;
}

.add-qty .btn-dec, .add-qty .btn-inc {
    transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
}

.add-qty .btn-dec:hover, .add-qty .btn-inc:hover {
    background: #08c;
    border: 1px #08c solid;
}

.add-qty .btn-dec:hover i, .add-qty .btn-inc:hover i {
    color: #fff;
}

.add-qty .qty {
    text-align: center;
    border: 1px solid #ddd;
    color: #555;
    font-size: 15px;
    outline: none;
}

.addcart-btn {
    border-radius: 0px;
    margin-bottom: 14px;
    width: 180px;
    margin-left: 65px;
    font-size: 1.2rem;
    color: #fff !important;
    background-color: #08c;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.addcart-btn:hover {
    background-color: #232323;
}

.addcart-btn i {
    color: #fff;
    padding-right: 8px;
    font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .add-qty {
        width: 130px;
    }

    .addcart-btn {
        width: 155px;
        margin-left: 8px;
        font-size: 1.08rem;
    }
}

@media(min-width:992px) {
    .menuHome {
        color: #FFFFFF !important;
    }
}

@media only screen and (max-width: 991px) {
    .contact-topnav {
        font-size: 16px !important;
    }
}

.contact-topnav {
    color: #FFFFFF;
    font-size: 20px;
    padding-left: 12px;
    padding-right: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .btnlargeImg {
        font-size: 1.4rem;
    }
}

@media only screen and (min-width: 422px) and (max-width: 767px) {
    .addcart-btn {
        margin-left: 50px;
    }
}

@media only screen and (max-width: 422px) {
    .addcart-btn {
        width: 230px;
        margin-top: 15px;
        margin-left: 0;
    }
}


/*非放大镜FancyBox点击查看大图*/
.fancybox-slide--iframe .fancybox-content {
    max-width: 742px;
    max-height: 570px;
}

@media only screen and (max-width: 739px) {
    .fancybox-slide--iframe .fancybox-content {
        max-height: 470px;
    }

    .fancybox-slide--iframe {
        padding: 44px 10px;
    }
}


/*产品页Review显示*/
.rating-box {
    display: flex;
    align-items: center;
}

.rating-box .rating-num {
    margin-left: 5px;
}


@media only screen and (max-width: 470px) {
    .tipProduct {
        padding: 5px 0 5px 10px;
    }

    .mainCart li > span:first-child {
        width: 125px;
    }

    .mesCart h2 {
        font-size: 1.1rem;
    }
}

@media(max-width:991px) {
    .tipProduct h1 {
        line-height: 1.6 !important;
    }

    .tipProduct h1 {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 768px) {


    .mesCart {
        padding: 15px 0 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .mainCart li > span:first-child {
        width: 140px;
    }
}

/*新放大镜-New added*/
.slider-for .zoomImg {
    cursor: crosshair;
}

.slider-for [data-zoom] {
    display: block;
    display: table-cell;
    vertical-align: middle;
}

.slider-for [data-zoom] img {
    width: 100%;
}

.slider-nav {
    padding: 0 32px 0 28px;
    margin: 10px 0 15px;
}

.slider-nav .slick-track {
    margin-left: -2px;
}

.slider-nav .product-slick-silde {
    margin: 1px 3px;
    border: 1px solid #ddd;
    cursor: pointer;
    outline: none;
}

.slider-nav .product-slick-silde .item {
    display: table-cell;
    vertical-align: middle;
}

.slider-nav .product-slick-silde img {
    max-height: 100%;
    width: 100%;
    padding: 1px;
}

.slider-nav .slick-current {
    border-color: #ef0404;
    outline: #ef0404 solid 1px;
}

.slider-nav .slick-arrow {
    background-color: #fff !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: none;
    padding: 0;
}

.slider-nav .slick-arrow .ic {
    font-size: 28px;
}

.slider-nav .slick-arrow:not(.slick-disabled) {
    color: #323232 !important;
}


/* ========================产品页Tabs标签导航============================ */
/* ===Shipping Methods表格 START=== */
#shippingHtml {
    background: no-repeat left;
}

#shippingHtml.shipping-initialized {
    background: none;
}

.shipping-table {
    margin: 1rem 0;
}

.shipping-table td.ShippingCountry div {
    color: #00f;
}

.shipping-table td.ShippingMethod {
    width: 165px;
}

.shipping-table td.DeliveryTime {
    width: 200px;
}

.shipping-table td.ShippingFee {
    width: 120px;
}

.shipping-table td.ShippingFee div {
    color: red;
}

.shipping-table td div {
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .shipping-table {
        font-size: 13px;
    }

    .shipping-table thead {
        display: none;
    }

    .shipping-table tr {
        margin-bottom: 10px;
        display: block;
        -webkit-box-shadow: 0px 1px 1px 0 rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 1px 1px 0 rgba(0,0,0,0.15);
        box-shadow: 0px 1px 1px 0 rgba(0,0,0,0.15);
    }

    .shipping-table tr:last-child {
        margin-bottom: 5px;
    }

    .shipping-table td {
        width: auto !important;
        display: block;
        margin-top: -1px;
        overflow: hidden;
    }

    .shipping-table td:nth-child(odd) {
        background: #fbfbfb;
    }

    .shipping-table td:before {
        content: attr(data-label);
        float: left;
        width: 175px;
        font-weight: 600;
    }
}

@media screen and (max-width: 460px) {
    .shipping-table td:before {
        width: 150px;
    }
}
/* ===Shipping Methods表格 END=== */

.title-productSecPage {
    color: #444;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.nav-tabs {
    border-bottom: none;
    justify-content: center;
}


.nav-tabs .nav-link {
    font-size: 1.1rem;
    font-weight: 500;
    color: #444;
    background-color: #fff;
    margin: 1px;
    padding: 15px;
    border-radius: 0;
    border: none;
    border-right: 1px solid #ddd;
    position: relative;
}

.nav-tabs .nav-item-tab:last-child .nav-link {
    border-right: none;
}



.nav-tabs .nav-link.active {
    color: #fff !important;
    border: none;
    background: #08c !important;
    border-right: 1px solid #ddd;
    cursor: pointer;
    z-index: 999999;
}



.nav-tabs .nav-link.active:after {
    content: "";
    border-top: 10px solid #08c;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 47%;
    z-index: 999999;
}

.tab-content {
    padding-top: 10px;
    border-top: none;
    font-family: 'Roboto',sans-serif;
    line-height: 24px;
    letter-spacing: 0.5px;
    font-weight: 400;
    font-size: 15px;
}

.tab-content ul {
    overflow: auto;
}

.tab-content .preTitle {
    font-size: 1rem;
    font-weight: 500;
    padding: 8px;
    margin: 16px 0;
    background-color: #EAECEE;
}

.tab-content .preTitle i {
    color: #08c;
    padding-right: 8px;
}

.tab-content ul li {
    float: left;
    width: 25%;
    line-height: 35px;
    border-bottom: 1px solid #e9e9e9;
}

.faqItems .faq-Quest {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #232323;
    font-family: 'Roboto';
    font-style: normal;
}

.faq-Quest b {
    font-weight: 500 !important;
}

.faq-Quest strong {
    font-weight: 500 !important;
}

.faqItems .ic {
    padding-right: 5px;
}

.faqItems .ic-question {
    color: #08c;
}

.faqItems .ic-answer {
    color: #ffca18;
}

.faqItems span.badge {
    margin-right: 5px;
}

.productPage-proFeature {
    position: relative;
}

.product-topdes {
    margin-top: 35px;
    margin-bottom: 35px;
}

.product-featuretitle1-Primary {
    display: block;
    color: #fff;
    background: #08c;
    text-align: center;
    padding: 5px 0;
    font-size: 1rem;
}

.product-featuretitle1-Primary i {
    padding-right: 8px;
    font-weight: normal;
}

.desProduct {
    padding: 10px 0;
    border: 1px solid #e9e9e9;
}

.proAlltext {
    display: inline-block;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #e9e9e9;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #e9e9e9;
}

@media (min-width: 768px) {
    .product-featuretitle1-Primary {
        /*position: absolute;
				margin-left: -300px;
			*/
        width: 600px;
        left: 50%;
        top: -20px;
        font-size: 1.1rem;
        text-align: center;
    }

    .desProduct {
        padding: 0px 16px 0px;
    }
}

@media(min-width:992px) {
    #PVideo {
        width: 55%;
        float: left;
        margin: 2px 16px 2px 0;
    }
}

@media(max-width:991px) {
    #PVideo {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

    .proPicture1 {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .proPicture2 {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
}

@media (max-width: 767px) {
    .desProduct {
        padding-left: 8px;
        padding-right: 8px;
    }
}
/* ===新增加的：YouTube视频iframe样式===*/
.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ===新增加的：YouTube视频iframe样式 End===*/

.proAlltext h4 {
    font-size: 15px;
    padding-bottom: 5px;
    font-weight: 600;
    font-family: 'Roboto',sans-serif;
    color: #232323;
    letter-spacing: 0.2px;
}

.proAlltext p i.ic, .proAlltext h4 i.ic {
    padding-right: 5px;
    color: #FFCA18;
    font-size: 16px;
    font-family: 'Roboto',sans-serif;
}

.proAlltext b, .proAlltext strong {
    font-weight: 400;
    font-family: 'Roboto',sans-serif;
}



.proAlltext ul.protection-box {
    display: block;
    padding: 25px 0 10px;
    border: 1px solid #ccc;
    border-radius: 0 0 4px 4px;
    border-top: none;
    margin-top: -16px;
}

.proAlltext ul.protection-box li {
    border: none;
    text-align: center;
    height: 110px;
    line-height: 17px;
}

.proAlltext ul.protection-box span {
    background: url('/Images/protection-icons.png') no-repeat;
    width: 49px;
    height: 54px;
    display: block;
    margin: 5px auto;
}

.proAlltext ul.protection-box .protection-icon-1 {
    background-position: 0 0;
}

.proAlltext ul.protection-box .protection-icon-2 {
    background-position: -49px 0;
}

.proAlltext ul.protection-box .protection-icon-3 {
    background-position: -98px 0;
}

.proAlltext ul.protection-box .protection-icon-4 {
    background-position: -147px 0;
}

.proAlltext ul.protection-box .protection-icon-5 {
    background-position: 0 -54px;
}

.proAlltext ul.protection-box .protection-icon-6 {
    background-position: -49px -54px;
}

.proAlltext ul.protection-box .protection-icon-7 {
    background-position: -98px -54px;
}

.proAlltext ul.protection-box .protection-icon-8 {
    background-position: -147px -54px;
}

@media (max-width: 992px) {
    .tab {
        margin-top: 0;
    }

    .nav-tabs .nav-link {
        padding: 10px;
        font-size: 1rem;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .tab .tab-content ul li {
        width: 33.3%;
    }
}

@media (max-width: 768px) {


    .nav-tabs .nav-item-tab {
        width: 60%;
    }

    .nav-tabs .nav-link {
        padding: 8px;
        border-right: none;
        border-bottom: 1px solid #ddd;
    }

    .tab .tab-content ul li {
        width: 50%;
    }

    #PVideo {
        float: none;
        width: 100%;
    }
}

@media (max-width: 536px) {
    .productPage-proFeature {
        margin: 8px auto;
    }
}


/*Popular Products*/
/*.slick-related {
    margin: 0 -15px;
}*/

.hot-product a {
    display: block;
    text-align: center;
    margin: 0 15px;
    border: 1px solid #e9e9e9;
    padding: 15px;
}

.hot-product .product_image {
    padding: 25px 0;
    min-height: 180px;
}

.hot-product .product_image img {
    display: block;
    width: 120px;
    margin: 0 auto;
}

.hot-product:hover .product_image img {
    transform: scale(1.1);
    transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
}

.hot-product .product_image img {
    transition: all 0.3s linear;
}

.hot-product span {
    display: block;
    font-size: 0.9rem;
    padding-bottom: 10px;
    color: #777;
}

.hot-product b {
    display: block;
    font-size: 0.9rem;
    font-weight: normal;
    min-height: 60px;
    font-family: 'Roboto',sans-serif;
    color: #222222;
    font-weight: 500;
}

/*Start 20220330-产品页底部热门型号*/
.productPage-New {
    margin-right: -10px;
    margin-bottom: 15px;
}

.productPage-New a {
    display: inline-block;
    border: 1px #e9e9e9 solid;
    background: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    padding: 8px;
    margin-bottom: 15px;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .productPage-New {
        margin-right: -2px;
    }

    .productPage-New a {
        margin-right: 2px;
    }
}

@media (max-width: 479px) {
    .productPage-New a {
        width: 48%;
        vertical-align: top;
    }
}
/*End 20220330-产品页底部热门型号*/

/*Detail Page End*/

/*Help帮助页面*/
.help-area {
    padding: 15px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #ebebeb;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.08);
}

@media only screen and (min-width: 992px) {
    .help-area {
        min-height: 990px;
    }
}

.help-title {
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
}

.help-title:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #f1f1f1;
}

.help-title:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 100px;
    height: 2px;
    background: #08c;
}

.help-content {
    padding: 20px 5px;
    line-height: 26px;
    font-size: 15px;
    overflow: hidden;
}

.help-content p {
    padding-bottom: 5px;
}

.help-content .h3_helpContent {
    font-size: 1.1rem;
    padding: 5px 0 10px;
    font-weight: 600;
}

/*提示如果下了订单请留下订单号*/
.help-block {
    margin-bottom: 0;
    color: #1e88e5;
}

.help-ul-list {
    padding-left: 15px;
}

.help-ul-list li a {
    color: #4b7bec;
}

.help-ul-list li a:hover {
    text-decoration: underline;
}

.help-part-guide {
    padding: 5px 10px 10px;
}

.help-part-guide li {
    padding-bottom: 5px;
}

.help-part-guide li .fa {
    margin-right: 5px;
}

.help-part-guide li a {
    color: #4b7bec;
}

.help-part-guide li a:hover {
    text-decoration: underline;
}

.help-part {
    padding: 10px 0 5px;
}

.help-part h2 {
    padding: 10px 0 15px;
    font-size: 18px;
    font-weight: 600;
}


/*New Added --Help Center -- Start*/
.hc-area {
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
}

.hc-header {
    background-color: #555;
    padding: 7px 15px;
}

.hc-header2 {
    background-color: #555;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 7px 15px;
}

.hc-header h2, .hc-header2 h2 {
    font-size: 1.4rem;
    color: #fff;
}

.hc-header h2 > i, .hc-header2 h2 > i {
    padding-right: 15px;
    font-size: 20px;
}

.hc-content {
    padding: 20px;
    font-size: 1.2rem;
}

.hc-content ul.hc-list {
    padding: 5px 0;
    overflow: hidden;
}

.hc-content ul.hc-list li {
    line-height: 2;
}

.hc-content ul.hc-list li i {
    padding-right: 10px;
}

.hc-content ul.hc-list li a {
    color: #636363;
}

.hc-content ul.hc-list li a:hover {
    text-decoration: underline;
    color: #08c;
}


/*树状图Sitemap*/
.left-border {
    position: relative;
    line-height: 30px;
    padding-left: 20px;
    margin-left: 15px;
}

.left-border:before {
    content: "";
    position: absolute;
    top: -50%;
    left: 0;
    border-left: 1px solid #ccc;
    height: 100%;
}

.left-border:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 1px solid #ccc;
    width: 15px;
}

.left-border a {
    color: #2d7ce7;
}

.left-border a:hover {
    text-decoration: underline;
}

.sitemap-content {
    margin-left: 60px;
    margin-top: 15px;
}

/*New Added --Help Center -- End*/

.ol_list li {
    line-height: 28px;
}

.ol_list li span {
    margin-right: 5px;
}

/*FAQ页面*/
.h3title {
    margin: 15px 0px;
}

.h3title i {
    margin-right: 5px;
    font-size: 22px;
}

.ol_list2 {
    margin: 0px 0px 15px 18px;
    padding-left: 5px;
}

.ol_list2 li {
    margin: 0px;
    padding: 0px;
    line-height: 28px;
    list-style: disc;
}

/*控制手风琴折叠*/
.accordion-button:not(.collapsed) {
    background-color: #f5f5f5;
}

.btn-link2, .btn-link2:visited {
    display: inline-block;
    margin: 10px 0px;
    text-align: left;
    color: #488dd8;
    background-color: #fff;
    border: solid 1px #adadad;
    padding: 12px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-link2:hover {
    text-decoration: none;
    background-color: #488dd8;
    color: #fff;
    cursor: pointer;
}

/*Shopping guide页面*/
.gbigLine {
    overflow: hidden;
    width: 100%;
    display: table;
}

.gbigLineStep {
    background: #408ed4;
    color: #fff;
    font-size: 18px;
    display: table-cell;
    padding: 10px;
    width: 85px;
    text-align: center;
    vertical-align: middle;
}

.gbigLineText {
    font-size: 16px;
    line-height: 18px;
    background-color: #dbdbdb;
    display: table-cell;
    padding: 10px 0 10px 10px;
    vertical-align: middle;
}

.guideImg {
    padding: 10px 0;
    text-align: center;
}

.product-proNote b, .product-proNote span, .disclaimProduct b {
    display: block;
    font-weight: 600;
}

/*How to find correct battery*/
.LocateBatteryList {
    margin: -10px 20px 10px;
    font-size: 1.5rem;
}

.LocateBatteryList li i {
    padding-right: 8px;
}

.LocateTitle {
    margin-bottom: 40px;
    position: relative;
}

.LocateTitle h3 {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 17px;
    margin: 0;
    padding-right: 20px;
    z-index: 2;
    position: relative;
}

.LocateTitle::after {
    background: #f3f3f3 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: 1;
}

.PLocate {
    margin: -20px 10px 20px !important;
    font-size: 14px;
}

/*Shipping.aspx Table*/
.gvtable tbody > tr > td {
    vertical-align: middle;
}

.gvtable tbody > tr > th {
    vertical-align: middle;
    border-bottom: 2px solid #ddd;
}

.gvtable tbody > tr > td > span {
    color: #ff0000;
}

.footer-minor p {
    display: inline-block;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
}
/*Footer//transform: translateX(10px);*/
.footer-minor li p:hover {
    color: #08c !important;
    position: relative;
    display: inline-block;
    transition: 0.4s ease;
}



.footer-MainSection {
    margin-top: 20px;
    padding-left: 60px;
    position: relative;
}

.footer-primary {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .5px;
    color: #232323;
}

.footer-primary::before {
    width: 4px;
    height: 30px;
    color: red;
    content: '';
}





.footer-minor li a {
    color: #666666;
    line-height: 26px;
    margin-bottom: 5px !important;
    z-index: 9999999999;
}



.payment-area {
    text-align: center;
    padding: 15px 0 15px;
}

.payment-area span, .payment-area a {
    display: inline-block;
    vertical-align: middle;
}

.shipping-img-product-1, .shipping-img-product-10, .shipping-img-product-2, .shipping-img-product-3, .shipping-img-product-4, .shipping-img-product-5, .shipping-img-product-6, .shipping-img-product-7, .shipping-img-product-8, .shipping-img-product-9 {
    background-image: url("../../Images/payment-icons.png.png");
    background-repeat: no-repeat;
    background-size: 291px 185px;
}

@media all and (min-width:300px) and (max-width:800px) {
    .payment-area sapn, .payment-area a {
    }
}

.shipping-img-product-1 {
    width: 64px;
    height: 42px;
    background-position: -222px -47px;
}

.shipping-img-product-10 {
    width: 161px;
    height: 57px;
    background-position: -3px -47px;
}

.shipping-img-product-2 {
    width: 64px;
    height: 42px;
    background-position: -222px -91px;
}

.shipping-img-product-3 {
    width: 66px;
    height: 42px;
    background-position: -3px -140px;
}

.shipping-img-product-4 {
    width: 66px;
    height: 42px;
    background-position: -71px -140px;
}

.shipping-img-product-5 {
    width: 66px;
    height: 42px;
    background-position: -139px -140px;
}

.shipping-img-product-6 {
    width: 66px;
    height: 42px;
    background-position: -222px -3px;
}

.shipping-img-product-7 {
    width: 35px;
    height: 42px;
    background-position: -222px -135px;
}

.shipping-img-product-8 {
    width: 104px;
    height: 32px;
    background-position: -3px -106px;
}

.shipping-img-product-9 {
    width: 217px;
    height: 42px;
    background-position: -3px -3px;
}

.copyright {
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    padding-bottom: 15px;
    background-color: #08c;
}

.label-alert {
    font-size: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .footer-MainSection {
        padding-left: 8px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-minor {
        min-height: 120px;
    }

    .footer-MainSection {
        padding-left: 30px;
    }
}
@media(max-width:500px){
    .call-text span{
        font-size:12px;
    }
}
@media only screen and (max-width: 768px) {
    .footer-minor {
        margin-bottom: 10px;
    }

    .footer-MainSection {
        padding-left: 30px;
    }
}


/*Hide Live Chat*/
.hide-live-chat {
    display: none !important;
}

/*Change ShareThis close button*/
.st-close {
    top: 28px !important;
}

/*Cookie弹窗*/
#accept-cookies {
    position: fixed;
    z-index: 99;
    width: 450px;
    text-align: left;
    display: none;
    background: rgba(20, 20, 20, 0.9);
    bottom: 15px;
    left: 15px;
    padding: 10px 15px;
}

#accept-cookies .group-action-links {
    text-align: right;
}

#accept-cookies .group-action-links .accept_cookies_link {
    margin-left: 10px;
}

#accept-cookies .group-action-links .accept_cookies_link button {
    background: #fed700;
    color: #000;
    outline: none;
    border-style: none;
}

#accept-cookies .des {
    line-height: 22px;
}

#accept-cookies .des .title {
    font-size: 16px;
    font-weight: bold;
    color: #fed700;
}

#accept-cookies .des a {
    color: #86abff;
}

#accept-cookies .des a:hover {
    text-decoration: underline;
}

#accept-cookies .notification-cookies, #accept-cookies .notification-cookies button {
    line-height: 23px;
    display: inline-block;
    text-transform: uppercase;
}

@media (max-width: 479px) {
    #accept-cookies {
        width: 100%;
        text-align: center;
        left: 0;
        bottom: 0;
    }

    #accept-cookies .group-action-links {
        text-align: center;
    }
}

#accept-cookies .block-cookies,
#accept-cookies .privacy-link:hover {
    color: #ffffff;
}

#accept-cookies .privacy-link,
#accept-cookies .accept_cookies_link:hover {
    color: #bbb;
}



/*AspNetPager分页控件样式 ===Start*/
.pagination > li > a, .pagination > li > span {
    position: relative;
    display: block;
    padding: 6px 12px;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.pagination a[disabled] {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination span.active {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #ffca18;
    border-color: #ffca18;
}

@media only screen and (max-width: 768px) {
    .pagination {
        display: block;
    }

    .pagination > li > a, .pagination > li > span {
        float: left;
    }
}
/*AspNetPager分页控件样式 ===End*/

/*NavMenu CSS Start*/
/*==============================================================================
                              导航菜单桌面端样式
===============================================================================*/
.allNav {
    display: flex;
    background-color: #08c;
}

.NavMenu, .topnav-Main {
    position: relative;
}

.top-MainNav > li {
    float: left;
}

.top-MainNav > li > a {
    display: block;
    padding: 0 12px;
    min-width: 84px;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.top-MainNav .top-Navtitle > i {
    font-size: 22px;
}

.top-MainNav .homeText {
    display: none;
}

/*导航条菜单块*/
@media only screen and (min-width: 992px) {
    .NavMenuBrand {
        -o-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        -o-transition: -o-transform 0.3s, opacity 0.3s;
        -ms-transition: -ms-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform: rotateX(-75deg);
        -o-transform: rotateX(-75deg);
        -moz-transform: rotateX(-75deg);
        -webkit-transform: rotateX(-75deg);
        position: absolute;
        z-index: 99000;
        top: 54px;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        border: solid 1px #eeeeee;
        border-top: 1px solid #e5e5e5;
        box-shadow: 0 6px 10px rgba(0,0,0,.15);
        padding: 10px;
    }

    .NavMenuBrand-first {
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        background: #08c;
    }

    .NavMenuBrand-first > .benefit-NavMenu {
        min-width: 180px;
        text-align: left;
        color: #fff;
    }

    .top-MainNav > li:hover > a {
        color: #08c;
    }

    .top-MainNav > .NavMenuBrand-first:hover > a {
        color: #f5f5f5;
    }
}

.NavMenuBrand.full {
    width: 100%;
    left: 0;
}

.top-MainNav > li:hover > .NavMenuBrand {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}

.NavMenuBrand a {
    line-height: 34px;
    display: block;
    font-size: 14px;
}

.NavMenuBrand a b {
    font-weight: 600;
}

/*弹出下拉菜单的li*/
.NavMenuTheme li a:hover {
    background: #08c;
    color: #fff;
}
/*==============================================================================
                              导航条移动端样式
===============================================================================*/
#navbar-overlay {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99001;
    background: rgba(0, 0, 0, 0.8);
}

@media only screen and (max-width: 991px) {
    .noscroll, .noscroll body {
        overflow: hidden;
    }

    .noscroll body {
        position: relative;
    }

    .rotate180-ic {
        background: #f5f5f5 !important;
    }

    .rotate180-ic .ic-angle-down {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg); /* IE 9 */
        -moz-transform: rotate(180deg); /* Firefox */
        -webkit-transform: rotate(180deg); /* Safari and Chrome */
        -o-transform: rotate(180deg); /* Opera */
    }

    .allNav {
        background: #08c;
    }

    .topnav-Main {
        background: #fff;
        width: 265px;
        position: fixed;
        top: 0;
        height: 100%;
        left: 0;
        z-index: 99002;
        overflow-x: hidden;
        overflow-y: auto;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
        transform: translate(-270px,0);
        -ms-transform: translate(-270px,0);
        -webkit-transform: translate(-270px,0);
        -o-transform: translate(-270px,0);
        -moz-transform: translate(-270px,0);
        transition: transform .3s;
        -moz-transition: transform .3s;
        -webkit-transition: transform .3s;
        -o-transition: transform .3s;
    }

    .NavMenuOpen-input:checked + .topnav-Main {
        transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -o-transform: translate(0,0);
        -moz-transform: translate(0,0);
    }

    .NavMenuOpen-total {
        font-size: 20px;
        line-height: 40px;
    }

    .mobileH {
        border-bottom: 1px solid #e0e0e0;
        padding-left: 10px;
        font-size: 20px;
        line-height: 60px;
        background: #08c;
        color: #fff;
        font-weight: 600;
    }

    .mobileH label {
        float: right;
        margin-right: 20px;
    }

    .top-MainNav {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .top-MainNav > li {
        float: none;
    }

    .top-MainNav > li:last-child {
        margin-bottom: 40px;
    }

    .top-MainNav > li > a {
        height: 50px;
        line-height: 50px;
        color: #555;
        padding: 0 10px;
        border-bottom: 1px solid #e0e0e0;
        text-align: left;
        position: relative;
    }

    .top-MainNav > li > a .ic-angle-down {
        position: absolute;
        top: 0;
        right: 20px;
        line-height: 50px;
    }

    .top-MainNav .NavMenuBrand {
        display: none;
        border-bottom: solid 1px #DEDEDE;
    }

    .top-MainNav .homeText {
        display: block;
    }

    .NavMenuBrand li {
        border-bottom: 1px dotted #e0e0e0;
    }

    .NavMenuBrand ul:last-child > li:last-child, .NavMenuBrand > li:last-child {
        border-bottom: none;
    }

    .NavMenuBrand a {
        line-height: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media(max-width:1400px) {
    .NavMenuBrand a {
    }
}


lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    max-width: 720px;
}

/* gradient */
lite-youtube::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
    background-position: top;
    background-repeat: repeat-x;
    height: 60px;
    padding-bottom: 50px;
    width: 100%;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

/* responsive iframe with a 16:9 aspect ratio
thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(100% / (16 / 9));
}

lite-youtube > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

/* play button */
lite-youtube > .lty-playbtn {
    display: block;
    width: 68px;
    height: 48px;
    position: absolute;
    cursor: pointer;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
    z-index: 1;
    background-color: transparent;
    /* YT's actual play button svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: none;
}

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
    filter: none;
}

/* Post-click styles */
lite-youtube.lyt-activated {
    cursor: unset;
}

lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
    opacity: 0;
    pointer-events: none;
}

.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/*NavMenu CSS End*/




/* bootstrap-star-rating v4.0.6  === 产品页和评论页使用 */
.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0;
    color: #fff;
    background: transparent top left no-repeat;
    border: none
}

.rating-container .rating-stars {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

.rating-container .rating-input {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    font-size: 1px;
    border: none;
    background: none;
    opacity: 0;
    padding: 0;
    margin: 0
}

.rating-container.is-display-only .rating-input, .rating-container.is-display-only .rating-stars {
    cursor: default
}

.rating-disabled .rating-input, .rating-disabled .rating-stars {
    cursor: not-allowed
}

.rating-container .star {
    display: inline-block;
    margin: 0 2px;
    text-align: center
}

.rating-container .empty-stars {
    color: #aaa
}

.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: #FFA41C;
    white-space: nowrap;
    overflow: hidden; /*-webkit-text-stroke:1px #777;*/
    text-shadow: 1px 1px #999
}

.rating-rtl {
    float: right
}

.rating-animate .filled-stars {
    transition: width .25s ease
}

.rating-rtl .filled-stars {
    left: auto;
    right: 0;
    transition: none;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: matrix(-1,0,0,1,0,0)
}

.rating-rtl.is-star .filled-stars {
    right: .06em
}

.rating-rtl.is-heart .empty-stars {
    margin-right: .07em
}

.rating-container .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%
}

.clear-rating-active {
    cursor: pointer !important
}

.clear-rating-active:hover {
    color: #843534
}

.rating-container .clear-rating {
    padding-right: 5px
}

.rating-container .caption .label {
    display: inline-block;
    padding: .25em .4em;
    line-height: 1;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25rem
}

.rating-container .caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.rating-container .caption {
    margin-left: 5px;
    margin-right: 0
}

.rating-rtl .caption {
    margin-right: 5px;
    margin-left: 0
}

@media print {
    .rating-container .clear-rating {
        display: none
    }
}

.rating-xl {
    font-size: 48px
}

.rating-lg {
    font-size: 40px
}

.rating-md {
    font-size: 32px
}

.rating-sm {
    font-size: 24px
}

.rating-xs {
    font-size: 16px
}

.rating-xl .caption {
    font-size: 20px
}

.rating-lg .caption {
    font-size: 18px
}

.rating-md .caption {
    font-size: 16px
}

.rating-sm .caption {
    font-size: 14px
}

.rating-xs .caption {
    font-size: 12px
}



/* jQuery UI CSS  === 搜索自动填充使用 */
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

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

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc( 100% - 2.4em )
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    -ms-filter: "alpha(opacity=25)";
    opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #efefef;
}

.ui-widget-content {
    border: 1px solid #efefef;
    background: white 50% top repeat-x;
    color: #362b36;
}

.ui-widget-content a {
    color: #362b36
}

.ui-widget-header {
    border: 1px solid #aed0ea;
    background: #deedf7 50% 50% repeat-x;
    color: #222;
    font-weight: bold
}

.ui-widget-header a {
    color: #222
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #aed0ea;
    background: #d7ebf9 50% 50% repeat-x;
    font-weight: bold;
    color: #2779aa
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #2779aa;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #74b2e2;
    background: #e4f1fb 50% 50% repeat-x;
    font-weight: bold;
    color: #0070a3
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
    color: #0070a3;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94,158,214)
}

/*改这个代码*/

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #efefef;
    background: #FFCA18 50% repeat-x;
    color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #2694e8;
    background-color: #fff
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #f9dd34;
    background: #ffef8f 50% top repeat-x;
    color: #363636
}

.ui-state-checked {
    border: 1px solid #f9dd34;
    background: #ffef8f
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #cd0a0a;
    color: #fff
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)";
    background-image: none
}

.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)"
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
    background-color: white;
}

.ui-widget-header .ui-icon {
    background-color: white;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-color: white;
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-color: white;
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
    background-color: white;
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-color: white;
}

.ui-button .ui-icon {
    background-color: white;
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 6px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 6px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 6px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 6px
}

.ui-widget-overlay {
    background-color: white;
    opacity: .8;
    -ms-filter: Alpha(Opacity=80)
}

.navber-top-first {
    padding-left: 5px;
    padding-right: 140px;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #fff;
    color: #232323;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    font-family: 'Roboto';
    letter-spacing: 1.5px;
    cursor: pointer;
    border: 0;
    border-radius: 5px;
    background-image: none;
    position: relative;
}

.Navber-Top-Sec {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #232323;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .5px;
}

#Capa_1 {
    width: 40px;
    height: 22px;
    fill: #232323;
    margin-bottom: 5px;
}

.call-img {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.call-text {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 7px;
}

.call-text .call-title {
    font-size: 13px;
    color: #232323;
    font-weight: 500;
    display: block;
}

.call-text .call-num {
    color: #666;
    font-weight: 400;
    text-transform: unset;
    display: block;
    font-size: 12px;
}

.cart-area {
    display: inline;
    display: inline-block;
    vertical-align: middle;
    padding-left: 7px;
    text-align: left;
}

.call-text span {
    font-weight: 500;
    color: #f33b0a;
}

.call {
    display: inline;
}

.hidden-lg-down {
    width: 45px;
    height: 45px;
    display: inline-;
    vertical-align: middle;
    line-height: 1.5;
    letter-spacing: .5px;
}

.hidden-lg-up {
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    letter-spacing: .5px;
}

.main-titleOnePage {
    background: #f7f7f7;
    border-radius: 5px;
    margin-bottom: 30px;
}

/*.section-productBox {
    background-color: #f7f7f7;
}*/
/*.section-productBox img::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: red;*/ /* 这里设置为灰色，可以根据需要更改颜色 */
/*mix-blend-mode: luminosity;*/ /* 控制颜色混合模式，以保留图像的亮度 */
/*}
.section-productBox img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: red;*/ /* 这里设置为灰色，可以根据需要更改颜色 */
/*mix-blend-mode: luminosity;*/ /* 控制颜色混合模式，以保留图像的亮度 */
/*}*/

/*   .section-productBox img {
       filter: grayscale(0%) hue-rotate(27deg) brightness(97%) saturate(100%) contrast(100%);
   }
*/
.section-productBox1 img {
    filter: grayscale(100%) hue-rotate(0deg) brightness(97%) saturate(100%) contrast(100%);
}

.section-productHot2 {
}

.section-productBox2 {
    width: 25%;
    display: inline-block;
}

.section-productBoxSec {
    display: inline-block;
}

.footer-minor p {
    margin-bottom: 0px !important;
}

.footer-minor li {
    margin-bottom: 5px;
}


/*.section-productBox:hover, .section-productBox:focus, .section-productBox:active {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}
	*/
.section-productBox h6 {
    padding-right: 0;
    color: #232323;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}

.section-productBox p {
    padding-right: 0;
    color: #232323;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}

.section-productBox span {
    padding-right: 0;
    color: #232323;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
}

.navbar-ImgMain {
    padding-top: 30px;
    background-color: #f3f3f3;
    padding-bottom: 30px;
}

.main-titleView span {
    background-color: #08c;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 20px;
    line-height: 20px;
    color: #ffffff;
}

.main-titleView {
    text-align: center;
}

.main-titleView :hover {
    background-color: #232323;
}

.product-Imgsmall {
    background-color: #f7f7f7;
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: center;
    padding-right: 30px;
    padding-left: 30px;
}

.section-productHot1 {
    width: 33.3333%;
}

.product-des-small {
    display: inline-block;
    justify-content: center;
}

.product-Imgsmall {
    display: inline-block;
}

.product-des-small h6 {
    color: #232323;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}

.product-des-small p {
    color: #232323;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}

.iconnav {
    background-color: #ffffff;
    fill: #ffffff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.eye-Img {
    position: absolute;
}

.section-productHot1 :hover .iconnav {
    background-color: #08c;
}

.iconnav :hover .iconnav {
    background-color: #232323 !important;
    z-index: 9999999;
}

.Imag-navbar {
    text-align: right;
}

.contact-topnav {
    line-height: 48px !important;
}

.proAlltext div {
    line-height: 24px;
    color: #444;
    letter-spacing: 0.5px;
    font-weight: 400;
    font-size: 14px;
}

.nav-tabs .nav-item-tab {
    /*position: relative*/
    text-align: center;
    border-radius: 0;
    cursor: pointer;
    font-size: 16px;
    color: #232323;
    font-weight: 500;
    line-height: 20px;
    flex: 1;
    padding: 9px 12px;
    border: 1px solid transparent;
    background-color: #f5f5f5;
    letter-spacing: 1px;
    margin-left: 12px;
    text-transform: uppercase;
}

@media (max-width: 1200px) {
    .nav-tabs .nav-item-tab{
        flex: none;
    }
}

.nav-tabs .nav-item-tab:first-child{
    margin-left: 0;
}

.nav-item-tab {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.nav-item-tab:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #232323;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.nav-item-tab.active {
    background-color: #232323;
    color: #fff;
}

.nav-item-tab:hover, .nav-item-tab:focus, .nav-item-tab:active {
    color: #fff;
}

.nav-item-tab:hover:before, .nav-item-tab:focus:before, .nav-item-tab:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1) !important;
}

.productPage-New {
    letter-spacing: 0.2px;
}

.hot-product {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hot-product:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 15px;
    background: white;
    /* IE9 */
    background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
    /*For IE7-8-9*/
    z-index: 1000;
    box-shadow: 1px 1px 1px #e9e9e9;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.hot-product:hover:before, .hot-product:focus:before, .hot-product:active:before {
    width: 25px;
    height: 25px;
}

.pay-shipping-1, .pay-shipping-2, .pay-shipping-3, .pay-shipping-4, .pay-shipping-5, .pay-shipping-6, .pay-shipping-7, .pay-shipping-8, .pay-shipping-9 {
    background-image: url("/Images/pay-shipping.png");
    background-repeat: no-repeat;
    background-size: 235px 195px;
}

.pay-shipping-1 {
    width: 64px;
    height: 42px;
    background-position: -3px -150px;
}

.pay-shipping-2 {
    width: 64px;
    height: 42px;
    background-position: -69px -150px;
}

.pay-shipping-3 {
    width: 66px;
    height: 42px;
    background-position: -3px -106px;
}

.pay-shipping-4 {
    width: 66px;
    height: 42px;
    background-position: -71px -106px;
}

.pay-shipping-5 {
    width: 66px;
    height: 42px;
    background-position: -166px -3px;
}

.pay-shipping-6 {
    width: 66px;
    height: 42px;
    background-position: -166px -47px;
}

.pay-shipping-7 {
    width: 66px;
    height: 42px;
    background-position: -166px -91px;
}

.pay-shipping-8 {
    width: 132px;
    height: 42px;
    background-position: -3px -62px;
}

.pay-shipping-9 {
    width: 161px;
    height: 57px;
    background-position: -3px -3px;
}

.listproduct {
    font-weight: 400;
    line-height: 22px;
    font-size: 14px;
}

@media(max-width:991px) {
    .NavMenuOpen-sub span {
        display: none !important;
    }
}

@media(min-width:992px) {
    .NavMenuOpen-sub i {
        display: none;
    }
}

@media(max-width:1399px) {
    .call-email-main {
        display: none !important;
    }
}

@media(min-width:992px) {
    .Navber-Top-Sec {
        color: #ffffff;
    }
}

@media(max-width:1399px) {
    .call-shipping {
        display: none !important;
    }
}

@media(min-width:1400px) {
    .label-Image {
        display: inline-block;
    }
}

.proPicture1 {
    width: 55%;
    float: right;
    margin-left: 16px;
    height: auto;
    margin-bottom: 16px;
}

.proPicture2 {
    float: left;
    width: 55%;
    margin-right: 16px;
    height: auto;
    margin-bottom: 16px;
}



@media (min-width: 992px ) and (max-width:1399px) {

    .Imag-navbar {
        width: 18% !important;
    }
}

.product-find-battery {
    font-weight: 500;
    color: #333;
}

.faq-item p{
    color: #787878;
    font-weight: 400 !important;
    line-height: 26px;
}



.divReviewBody {
    font-weight: 400;
    letter-spacing: .5px !important;
    line-height: 24px;
}

.alert-warning {
    letter-spacing: .5px;
    line-height: 24px;
}

.paypal-button.paypal-button-shape-rect {
    border-radius: 0px !important;
    z-index: 99999999999;
}

#ContentPlaceHolder1_btnSubmit {
    background-color: #08c;
    border-color: #08c;
    color: #fff;
}

#ContentPlaceHolder1_btnSubmit:hover {
    background-color: #232323;
    border-color: #232323;
}

#btnAddReview {
    background-color: #08c;
    border-color: #08c;
    color: #fff;
}

#btnAddReview:hover {
    background-color: #232323;
    border-color: #232323;
}

.top-textanimation {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    animation: textAnimation 4s steps(40) infinite;
}

@keyframes textAnimation {
    0% {
        transform: translateX(-100%);
        opacity: 1;
    }

    5% {
        transform: translateX(-70%);
        opacity: 1;
    }

    25% {
        transform: translateX(-50%);
        opacity: 1;
    }

    50% {
        transform: translateX(-20%);
        opacity: 1;
    }

    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

.discont-cartsec {
    background-color: #ff06;
    border-color: #ff06;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    padding:10px;
}

@media(max-width:575px) and (min-width:476px) {
    .label-Mainsection-shipping .label-main {
        margin-left: 20px;
    }
}

@media(max-width:575px) and (min-width:476px) {
    .label-Mainsection-warranty .label-main {
        margin-left: 20px;
    }
}

#discount-container b {
    font-weight: 500 !important;
}



.premiumFeatures-ProductTitle {
    margin-bottom: 8px !important;
}

@media(max-width:1399px) {
    .picright {
        display: none;
    }
}

@media(max-width:1399px) {
    .picleft {
        width: 100%;
    }
}

.carousel-item img {
    border-radius: 8px;
}

.picright {
    padding-left: 18px;
}

@media(max-width:470px) {
    .Imag-navbar {
        padding-left: 0px;
    }
}

@media(max-width:398px) {
    .Imag-navbar {
        padding-left: 0px;
    }

    .call-text {
        padding-left: 0px;
        font-size: 12px;
    }
}

.tipProduct h1 span {
    color: #fff;
    background-color: #08c;
    border-radius: 5px;
    font-weight: 400;
    z-index: 9999999;
    padding: 5px 10px;
}
#trustpilot {
    justify-content: center;
    display:flex!important;
}

#trustpilot img {
    padding-left: 4px;
    padding-right: 4px;
}

#trustpilot div {
    font-size: 15px;
    position: relative;
}


.navbar-ImgMain{
    padding: 0;
    background: #FFFFFF;
}
.label-alert{
    background: #f7f7f7;
}
#trustpilot{
    top: 80% !important;
}
.carousel-item img{
    border-radius: 0;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
    background-image: none;
    width: 2.6rem;
    height: 2.6rem;
}
.carousel-control-prev-icon svg, .carousel-control-next-icon svg{
    fill: #08c;
}
.carousel-control-prev, .carousel-control-next{
    width: 10%;
    opacity: 1;
}
.tipProduct{
    background-color: #0088cc;
    color: #fff;
    border-radius: 4px;
}
.tipProduct h1 span{
    color: #000;
    background-color: #FFF;
}
.breadcrumb-heading .pageNav{
    margin: 0;
}
.w2 .w2-box {
    margin-top: 30px;
}
.w2 .w2-box .w2-b {
    display: flex;
    align-items: center;
    grid-gap: 40px;
}
.w2 .w2-box .w2-b .w2-left {
    width: 50%;
    border-radius: 4px;
    overflow: hidden;
}
.w2 .w2-box .w2-b .w2-left img {
    width: 100%;
    max-width: 100%;
    display: block;
}
.w2 .w2-box .w2-b .w2-right {
    flex: 1;
}
.w2 .w2-box .w2-b .w2-right h3 {
    font-size: 32px;
    color: #212529;
    font-weight: 600;
    margin-bottom: 30px;
}
.w2 .w2-box .w2-b .w2-right p {
    font-size: 16px;
    color: #212529;
}
@media (max-width: 1000px) {
    .w2 .w2-box .w2-b{
        flex-wrap: wrap;
    }
    .w2 .w2-box .w2-b .w2-left{
        width: 100%;
    }
    .w2 .w2-box .w2-b .w2-right{
        flex: none;
        width: 100%;
    }
}

.breadcrumb-heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    height: auto;
    border-bottom: 1px solid #dadae5;
}
.breadcrumb-heading .pageNav{
    margin: 0;
    line-height: initial;
    border: none;
}
.breadcrumb-heading .pageTitle{
    line-height: initial;
}
@media (max-width: 1000px) {
    .breadcrumb-heading{
        flex-direction: column;
        grid-gap: 10px;
    }
    .breadcrumb-heading .pageTitle{
        width: 100%;
        margin: 0;
    }
    .breadcrumb-heading .pageNav{
        width: 100%;
    }
}

.paypal-btn-css {
    background-color: #ffc439; /* 黄色背景 */
    color: #444; /* 文字颜色 */
    border: none; /* 移除边框 */
    padding: 10px 30px; /* 内边距 */
    font-size: 20px; /* 字体大小 */
    cursor: pointer; /* 鼠标指针样式 */
    border-radius: 5px; /* 圆角 */
    font-family: 'Arial', sans-serif; /* 字体 */
    text-transform: none; /* 文本大写 */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 400px;
}

.paypal-btn-css:hover {
    filter: brightness(0.95);
    overflow: inherit;
    /* background-color: #FFDB00;  鼠标悬停时的背景颜色 */
}

.paypal-btn-css:focus {
    outline: none; /* 移除默认焦点轮廓 */
    /*  box-shadow: 0 0 0 2px rgba(255, 219, 0, 0.5); 添加自定义焦点阴影 */
}

.paypal-btn-text {
    font-size: 12px;
}

#divCheckout .c-payal-logo img,
#divCheckout .paypal-help a,
#divCheckout .c-btn-checkout{
    width: 100%;
}

.slider-nav .slick-list{
    padding: 0 2px;
}

.help-content tr img{height: 36px;object-fit: contain;}
.help-content tr:first-child img{height: 66px;object-fit: contain;}
#paymentHtml tr img{height: 36px;object-fit: contain;}
#paymentHtml tr:first-child img{height: 66px;object-fit: contain;}

.slider-nav .slick-current{
    box-shadow: inset 0 0 0 1px #ef0404;
    outline: none;
}

.slider-nav .product-slick-silde .item{
    padding: 1px;
}

.section-productBox img{
    height: 113px;
}

.label-alert{margin-top: 0;background: #FFF;border: 1px solid #08c}
.index-box{display: flex;grid-gap: 30px;align-items: flex-start;padding: 50px 0 0;}
.index-left{border-radius: 5px;overflow: hidden;}
.index-left img{max-width: 100%;display: block;height: 463px;}
.index-right{flex: 1}
.index-r1{display: flex;flex-direction: column;justify-content: space-between;height: 100%;grid-gap: 30px;}
.index-r2{border-radius: 5px;overflow: hidden}
.index-r2 img{width: 100%;max-width: 100%;display: block}
.index-r3 h3{margin-bottom: 16px;font-size: 16px;line-height: 1.7}
.index-r3 p{margin: 0}
.product-Main{margin-top: 20px;margin-bottom: 20px;}
.section-productHot{margin: 0;display: flex;flex-wrap: wrap;grid-gap: 30px;align-items: stretch;padding: 0}
.section-productHot::before{display: none;}
.section-productBox{padding: 0;border: none;box-shadow: none;width: calc((100% - 30px * 3)/4)}
.section-productBox a{display: flex;height: 100%;flex-direction: column;justify-content: space-between;border: 1px solid #dfe2e1;border-radius: 5px;padding: 20px;transition: all 0.3s linear;}
.section-productBox a:hover{border-color: #08c;}
.section-productBox .img{overflow: hidden;padding: 20px 0;}
.section-productBox img{height: 160px;width: 100%;object-fit: contain;display: block;margin: 0;mix-blend-mode: multiply;}
.section-productBox .txt{margin: 20px 0 0;}
.section-productBox .txt h6{padding-bottom: 20px;margin-bottom: 0;color: #333 !important;font-weight: 600;text-align: center}
.section-productBox .txt span{color: red;font-weight: bold;font-size: 18px;display: block;text-align: center;}
.section-productBox a:hover .product-price .buy{width: 110px;}
.index-title .main-titleOnePage h3{margin-top: 20px;color: #333;padding: 30px 16px 20px;font-size: 20px;position: relative}
.index-title .main-titleOnePage h3:before{content: '';position: absolute;left: 0;top: 32px;bottom: 22px;width: 3px;background: #333}
.index-title .main-titleOnePage{margin-bottom: 0;background: transparent}
@media (max-width: 1400px) {
    .section-productBox img{height: 200px;}
    .index-left img{height: 483px;width: 280px;object-fit: contain;background: #f7a76e;}
}
@media (max-width: 1200px) {
    .index-left{display: none;}
}
@media (max-width: 1000px) {
    .section-productHot{grid-gap: 40px 20px;}
    .section-productBox{width: 100%;overflow: hidden}
    .index-box{flex-wrap: wrap;}
    .okk-size{font-size: 12px !important;}
    .section-productBox img{height: 130px;}
}

.left-menu-title{background: #08c;}

.mesCart .price-box .addcart-btn{margin-left: 14px;flex: 1;background: red;border-radius: 4px;margin-top: 0;}
.mesCart .price-box .addcart-btn:hover{background: #0088cc;}
.mesCart .price-box form{padding: 0;margin: 0;}
.mesCart .price-box .form-control{padding: 0.775rem 0.75rem;}

.pro-number{
    width: auto !important;
}
:root{
    --wxc-borderblackcolor: rgba(0,0,0,0.1);
    --wxc-borderradius: 4px;
    --wxc-drakyellow: #ffc439;
    --wxc-lightgray: #fafafc;
    --wxc-black: #333333;
    --wxc-red: #ff0000;
    --wxc-white: #ffffff;
    --wxc-lightblack: rgba(0,0,0,0.5);
}
#review {
    background: var(--wxc-lightgray);
    padding: 20px;
    border-radius: var(--wxc-borderradius);
    border: 1px solid var(--wxc-borderblackcolor);
    margin-bottom: 16px;
}
#review .panel-Review {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--wxc-borderblackcolor);
}
#review .panel-Review:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0;
}
#review .panel-Review .divBuyer {
    font-size: 16px;
    color: var(--wxc-black);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}
#review .panel-Review .divBuyer span {
    font-size: 14px;
}
#review .panel-Review .divRating {
    height: 20px;
    max-width: 100%;
    display: block;
    object-fit: contain;
    margin-bottom: 16px;
}
#review .panel-Review .lbViewText {
    font-size: 14px;
    color: var(--wxc-black);
    line-height: 1.7;
    margin-bottom: 16px;
}
#review .panel-Review .divShare {
    display: flex;
    align-items: center;
    grid-gap: 8px;
}
#review .panel-Review .divShare a img {
    width: 18px;
    display: block;
    opacity: 0.5;
    transition: ease-in-out 0.2s;
}
#review .panel-Review .divShare a:hover img {
    opacity: 1;
}
#review .panel-Review .divReviewBody {
    margin-top: 20px;
    display: flex;
    align-items: flex-start;
    grid-gap: 10px;
}
#review .panel-Review .divReviewBody svg {
    width: 16px;
    min-width: 16px;
    display: block;
}
#review .panel-Review .divReviewBody .divReply0 {
    padding-top: 20px;
    font-size: 14px;
    color: var(--wxc-black);
    line-height: 1.7;
}
#review .panel-Review .divReviewBody .divReply0 .div-ReDate {
    font-weight: 600;
}
.adapter-list {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    grid-gap: 20px;
}
.adapter-list .adapter {
    display: flex;
    align-items: center;
    padding: 20px;
    background: var(--wxc-lightgray);
    grid-gap: 20px;
    border-radius: var(--wxc-borderradius);
    border: 1px solid var(--wxc-borderblackcolor);
    overflow: hidden;
}
.adapter-list .adapter img {
    width: 40%;
    max-width: 100%;
    object-fit: contain;
    mix-blend-mode: darken;
    transition: ease-in-out 0.5s;
}
.adapter-list .adapter div {
    width: calc(100% - 40% - 20px);
}
.adapter-list .adapter div h3 {
    font-size: 16px;
    color: var(--wxc-black);
    padding: 0 0 10px 0;
    font-weight: bold;
}
.adapter-list .adapter div ul {
    list-style-type: none;
    padding-bottom: 20px;
}
.adapter-list .adapter div ul li span {
    font-size: 14px;
    color: var(--wxc-lightblack);
}
.adapter-list .adapter div ul li span:last-child {
    font-weight: 500;
    color: var(--wxc-black);
}
.adapter-list .adapter div button {
    padding: 6px 20px;
    background: var(--wxc-drakyellow);
    color: var(--wxc-black);
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: var(--wxc-borderradius);
    transition: ease-in-out 0.2s;
}
.adapter-list .adapter div button:hover {
    background: var(--wxc-red);
    color: var(--wxc-white);
    box-shadow: 0 0 6px var(--wxc-black);
}
.adapter-list .adapter:hover img {
    transform: scale(1.05);
}
.NewArrivals{
    position: relative;
}
.NewArrivals .NavMenuBrand.full{
    width: auto;
}
.NewArrivals-box{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    grid-gap: 10px;
}
.NewArrivals-box img{
    height: 80px;
    max-width: 100%;
    display: block;
}
.NewArrivals-box span{
    font-size: 14px;
    white-space: nowrap;
}
.specification-title{
    font-size: 14px;
    margin: 6px 0;
}

.specification {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}
.specification li {
    background: #ffffff;
    border: 1px solid #dfe2e1;
    border-radius: 8px;
    cursor: pointer;
    padding: 10px;
}
.specification li img {
    height: 82px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    mix-blend-mode: darken;
}
.specification li div {
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 6px;
    justify-content: center;
}
.specification li.active {
    position: relative;
    border: 2px solid #fc7418;
}
.specification li.active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 30px solid #fc7418;
    border-bottom: 30px solid transparent;
    z-index: 1;
}
.specification li.active:after {
    content: "√";
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    z-index: 1;
    font-family: cursive;
}
.boxProduct{
    align-items: flex-start;
}
.boxProduct .picCart{
    position: sticky;
    top: 0;
}
@media (max-width: 768px) {
    .boxProduct .picCart{
        position: initial;
    }
}
.price-box{
    margin-bottom: 0;
}
.NewArrivals-all{
    border: 1px solid var(--wxc-borderblackcolor);
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    .NewArrivals-title{
        padding: 14px;
        background: #08c;
        color: #FFF;
        font-size: 16px;
    }
    .NewArrivals-product{
        display: flex;
        flex-direction: column;
        align-items: stretch;
        a{
            display: flex;
            flex-direction: column;
            align-items: stretch;
            border-bottom: 1px solid var(--wxc-borderblackcolor);
            margin: 0;
            padding: 14px;
            grid-gap: 10px;
            text-align: center;
            font-size: 14px;
            img{
                height: 100px;
                max-width: 100%;
                display: block;
                margin: 0 auto;
            }
        }
    }
    .NewArrivals-product2{
        display: flex;
        align-items: stretch;
        a{
            display: flex;
            flex-direction: column;
            align-items: stretch;
            border-bottom: 1px solid var(--wxc-borderblackcolor);
            margin: 0;
            padding: 14px;
            grid-gap: 10px;
            text-align: center;
            font-size: 14px;
            img{
                height: 100px;
                max-width: 100%;
                display: block;
                margin: 0 auto;
            }
        }
    }
}

.wxc-newarrivals{
    .container{
        padding: 0;
        .wxc-box{
            display: flex;
            flex-wrap: wrap;
            grid-gap: 30px;
            align-items: stretch;
            a{
                width: calc((100% - 30px*2)/3);
                display: flex;
                flex-direction: column;
                align-items: stretch;
                grid-gap: 20px;
                border: 1px solid #dfe2e1;
                border-radius: 5px;
                overflow: hidden;
                padding: 20px;
                @media (max-width: 1000px) {
                    &{
                        width: calc((100% - 30px)/2);
                    }
                    &:last-child{
                        display: none;
                    }
                }
                div{
                    h3{
                        font-size: 16px;
                        color: #333;
                        padding: 0 0 20px 0;
                        margin: 0;
                        text-align: center;
                    }
                    p{
                        font-size: 14px;
                        color: #5c6c75;
                        padding: 0;
                        margin: 0;
                        text-align: center;
                        strong{
                            color: red;
                        }
                    }
                    button{
                        border: none;
                        background: #08c;
                        font-size: 16px;
                        padding: 6px 16px;
                        color: #FFF;
                        border-radius: 5px;
                        transition: ease-in-out 0.2s;
                        &:hover{
                            background: #076392;
                        }
                    }
                }
                img{
                    width: 100%;
                    height: 160px;
                    max-width: 100%;
                    display: block;
                    transition: ease-in-out 0.3s;
                    object-fit: contain;
                }
                &:hover{
                    border-color: #08c;
                    img{
                        transform: scale(1.05);
                    }
                }
            }
        }
    }
}
/* =========== Shipping Methods =========== */
@media (max-width: 1200px) {
    .table-responsive{/* table外层的div类名 */
        overflow: initial;/* 取消左右拖动 */
        counter-reset: item;/* 创建计数器 item ，初始为0 */
    }
    .table-responsive .table-light{/* table里面第一行tr里面的th移动端隐藏掉，.table-light的类名可能不一样 */
        display: none;/* 隐藏 */
    }
    .table-responsive table tr td:nth-child(1):before{/* 给tr下面的第一个td添加标题 */
        content: 'Shipping Methods ' counter(item);/* Shipping Methods 翻译成对应的语言 ，输出数字序列 */
    }
    .table-responsive table tr td:nth-child(2):before{/* 给tr下面的第二个td添加标题 */
        content: 'Ship To';/* Ship To 翻译成对应的语言 */
    }
    .table-responsive table tr td:nth-child(3):before{/* 给tr下面的第三个td添加标题 */
        content: 'Estimated Delivery Time';/* Estimated Delivery Time 翻译成对应的语言 */
    }
    .table-responsive table tr td:nth-child(4):before{/* 给tr下面的第四个td添加标题 */
        content: 'Shipping Cost';/* Shipping Cost 翻译成对应的语言 */
    }
    .table-responsive table,.table-responsive tbody{/* 选择table和tbody */
        display: block;/* 变成块元素 */
    }
    .table-responsive table tr{/* 选择所有tr */
        display: flex;/* 弹性盒子 */
        flex-direction: column;/* 向下布局 */
        margin-bottom: 30px;/* 向下外边距 */
        border: 1px solid #e9e9e9;/* 边框 */
        counter-increment: item;/* 计数 n + 1 */
    }
    .table-responsive table tr:last-child{/* 选择table里面最后一组tr */
        margin-bottom: 0;/* 取消外边距 */
    }
    .table-responsive table tr td{/* 选择tr下面的td */
        width: 100% !important;/* 宽度 */
        border: none;/* 取消边框 */
        display: flex;/* 弹性盒子 */
        grid-gap: 30px;/* 弹性盒子边距 */
        text-align: left;/* 文字左对其 */
        font-size: 12px;/* 字体大小 */
    }
    .table-responsive table tr span{
        display: contents;
        word-break: break-word;
    }
    .table-responsive table tr td:nth-child(odd){/* 选择table里面tr下面奇数的td */
        background: #fafafc;/* 添加背景颜色 */
    }
    .table-responsive table tr td:before{/* 选择table里面tr下面的td所有before */
        width: 44%;/* 宽度 */
        min-width: 44%;/* 最小宽度 */
        font-size: 12px;/* 字体大小 */
    }
}
.logo-Box {
    position: relative;
    padding: 30px 0;
    flex-wrap: nowrap;
}
.logo-area{
    width: 29%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 100px 0 0;
}
.logo-area a{
    display: block;
}
.logo-area img{
    max-width: 100%;
    display: block;
}
.search-area{
    flex: 1;
}
.hidden-lg-down{
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    background: #08c;
    border-radius: 5px;
    line-height: normal;
    letter-spacing: normal;
    vertical-align: inherit;
    position: relative;
    transition: ease-in-out 0.2s;
}
@media (min-width: 700px) {
    .hidden-lg-down:hover{
        background: rgb(35, 35, 35);
    }
}
.hidden-lg-down svg{
    width: 28px;
    display: block;
    fill: #FFF;
}
.hidden-lg-down .cart-Number{
    position: absolute;
    right: 0;
    top: 0;
    background: red;
    color: #FFF;
    font-size: 14px;
    padding: 2px 6px;
    border-radius: 100px;
    font-weight: bold;
}
@media (max-width: 1200px) {
    .logo-area{
        margin: 0 50px 0 0;
    }
}
@media (max-width: 1000px) {
    .allTop .container{
        max-width: 100%;
    }
    .notice-bar{
        font-size: 12px;
    }
    .notice-bar i{
        font-size: 14px;
    }
    .alert-dismissible .btn-close{
        padding: 0;
        top: 50% !important;
        transform: translateY(-50%);
        right: 10px;
        font-size: 14px;
        font-weight: bold;
    }
    .logo-Box{
        flex-wrap: wrap;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
        padding: 20px 0;
    }
    .logo-area{
        width: calc(100% - 48px * 2);
        margin: 0 0 0 48px;
        justify-content: center;
    }
    .search-area{
        order: 3;
        width: 100%;
        padding: 20px 10px 0;
    }
    .hidden-lg-down{
        width: calc(48px - 10px);
        padding: 0 !important;
        margin: 0 10px 0 0;
        background: transparent;
        justify-content: flex-start;
    }
    .hidden-lg-down .cart-Number{
        padding: 1px 6px 2px;
        font-size: 12px;
    }
    .hidden-lg-down svg{
        fill: #333;
    }
    header{
        position: relative;
    }
    .allNav{
        position: absolute;
        left: 10px;
        bottom: 84px;
        background: transparent;
    }
    .allNav .container{
        padding: 0;
    }
    .NavMenuOpen-total{
        color: #333 !important;
        line-height: 35px;
    }
    .NavMenuOpen-total .PadR5{
        font-size: 26px;
    }
    #cse-search-box .search-input{
        height: 44px;
    }
    #cse-search-box .search-btn{
        height: 44px;
    }
    .carousel-item img{
        height: 200px;
        width: 100%;
        max-width: 100%;
        display: block;
    }
    .selling-points-box{
        display: none;
    }
    .tipProduct h1{
        font-size: 18px;
        margin: 0;
    }
    .tipProduct h1 span{
        display: none;
    }
    .index-r2{
        display: none;
    }
    .index-r3{
        display: none;
    }
    .section-productHot{
        grid-gap: 20px;
    }
    .section-productBox{
        width: calc((100% - 20px)/2);
    }
    .footer-MainSection{
        width: 50%;
        padding: 10px;
    }
    .footer-primary{
        font-size: 16px;
    }
    .footer-minor p{
        word-break: break-word;
    }
}
.topnav::before{
    content: "AsusLaptopBattery.co.uk is not affiliated with any OEM brands. The brand names and model designations used in the website are only intended to show the compatibility of our batteries, which are the property of their respective owners.";
    text-align: center;
    background-color: #f8f8f8;
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
    font-size:12px;
}

/*=========================================*/
/* 首页YouTube */
/*=========================================*/
.indexyoutube {
    margin-bottom: 50px;
}
.indexyoutube .swiper {
    overflow: hidden;
}
.indexyoutube-title h2{
    margin-top: 20px;
    color: #333;
    padding: 30px 16px 20px;
    font-size: 20px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: uppercase;
}
.indexyoutube-title h2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 32px;
    bottom: 22px;
    width: 3px;
    background: #333;
}
.indexyoutube .swiper .swiper-slide iframe {
    width: 100%;
    border: none;
    object-fit: contain;
    aspect-ratio: 1.77;
    border-radius: 8px;
}
.indexyoutube .swiper .navbtn {
    margin-top: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
}
.indexyoutube .swiper .navbtn .swiper-button-prev,
.indexyoutube .swiper .navbtn .swiper-button-next {
    position: initial;
    transform: none;
}
.indexyoutube .swiper .navbtn .swiper-button-prev svg,
.indexyoutube .swiper .navbtn .swiper-button-next svg {
    fill: rgba(0, 0, 0, 0.85);
    width: 22px;
    display: block;
}
.indexyoutube .swiper .navbtn .swiper-scrollbar {
    width: 300px;
    height: 6px;
    background: #f0f3f2;
}
@media (max-width: 1000px) {
    .indexyoutube .swiper .navbtn .swiper-scrollbar {
        width: 200px;
    }
}
.indexyoutube .swiper .navbtn .swiper-scrollbar .swiper-scrollbar-drag {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.85);
}