@charset "utf-8";



































body,

html {

    font-size: 100%;

    padding: 0;

    margin: 0;

}





/* Reset */



*,

*:after,

*:before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}





/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */



.clearfix:before,

.clearfix:after {

    content: " ";

    display: table;

}



.clearfix:after {

    clear: both;

}



body {

    background: #494A5F;

    color: #D5D6E2;

    font-weight: 500;

    font-size: 12px;

    font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;

}



a {

    color: #034991;

    text-decoration: none;

	text-align: center;

    outline: none;

}



a:hover,

a:focus {

    color: #74777b;

}



body {

    color: #404042;

    background-color: #ffffff;

}



.featherlight {

    display: none;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 4002;

    text-align: center;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    padding-bottom: 4.5%;

    background: rgba(0, 0, 0, .4)

}



.featherlight .m-table,

.featherlight .m-text--richtext table,

.m-text--richtext .featherlight table {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.featherlight--tutorial {

    display: block;

    z-index: 3998

}



.featherlight-content {

    position: relative;

    display: inline-block;

    text-align: left;

    overflow: auto;

    margin: 4.5% 5% 0;

    background: #fff;

    cursor: auto;

    white-space: normal;

    width: 90%

}



.is-IE .featherlight-content {

    cursor: default

}



.featherlight-inner,

.featherlight-inner .m-overlay {

    display: block!important

}



.featherlight-close-icon {

    position: absolute;

    z-index: 9999;

    top: 22px;

    right: 8px;

    line-height: 0;

    font-size: 0;

    display: block;

    width: 2.5rem;

    height: 2.5rem;

    cursor: pointer;

    text-align: center;

    background: 0 0;

    border: 0;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.featherlight-close-icon:after,

.featherlight-close-icon:before {

    content: "";

    display: block;

    position: absolute;

    top: 18px;

    right: 14px;

    height: .125rem;

    width: .8125rem;

    background-color: #524F53

}



.featherlight-close-icon:before {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.featherlight-close-icon:after {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.featherlight-close-icon:hover {

    color: #034991

}



.featherlight-close-icon:hover:after,

.featherlight-close-icon:hover:before {

    background-color: #034991

}



.featherlight .featherlight-image {

    width: 100%

}



.featherlight-iframe:not(.featherlight-iframe--fix) .featherlight-content {

    border-bottom: 0;

    padding: 0;

    max-height: 98%

}



.featherlight iframe {

    border: none;

    width: 100%

}



.m-overlay {

    display: none;

    padding: 1.25rem

}



.m-overlay.m-overlay--nopadding {

    padding: 0!important

}



.m-overlay--size-auto .featherlight-content {

    width: auto;

    max-width: 90%

}



.is-IE .m-overlay--size-auto .featherlight-content {

    width: 90%

}



.m-overlay--size-l .featherlight-content,

.m-overlay--size-m .featherlight-content,

.m-overlay--size-s .featherlight-content {

    max-width: 90rem;

    width: 90%

}



.m-overlay--overflow-auto .featherlight-content {

    overflow: auto

}



.m-overlay--overflow-hidden .featherlight-content {

    overflow: hidden

}



.m-overlay--overflow-scroll .featherlight-content {

    overflow: scroll

}



.m-overlay--overflow-visible .featherlight-content {

    overflow: visible

}



.m-overlay--generic .featherlight-inner {

    padding: 2.5rem 1.25rem 1.25rem

}



.m-overlay:not(.m-overlay--simple) .a-heading-h3,

.m-overlay:not(.m-overlay--simple) .m-chat-popup--title,

.m-overlay:not(.m-overlay--simple) .m-filterbar-title,

.m-overlay:not(.m-overlay--simple) .m-product-addreview--title,

.m-overlay:not(.m-overlay--simple) .m-product-review--comment-title,

.m-overlay:not(.m-overlay--simple) .m-product-review--title,

.m-overlay:not(.m-overlay--simple) .o-prod-grid--header-title {

    display: inline-block;

    font-family: "Microsoft YaHei", "Source Han Sans CN", "Helvetica Neue", Arial, Verdana, sans-serif;

    font-weight: 400;

    font-size: 1rem;

    line-height: 1.25rem;

    color: #FFAF00;

    text-transform: uppercase;

    padding-bottom: 1.25rem!important

}



.m-overlay p {

    padding-bottom: 1.25rem!important

}



.m-overlay .a-button-primary,

.m-overlay .m-text--richtext .m-text-buttons a,

.m-text--richtext .m-text-buttons .m-overlay a {

    width: 100%;

    margin-right: .9375rem

}



.m-overlay--alert {

    border: .0625rem solid #FFAF00;

    border-left: .625rem solid #FFAF00

}





/* 对比参数 */



.m-compare-title {

    padding: 1.25rem 1.25rem .9375rem;

    background: #FBFBFB;

}



.m-compare-title .a-heading-h2 {

    padding: 0 0 1.25rem;

    color: #034991;

    line-height: 1;

    text-transform: uppercase;

    font-family: "Microsoft YaHei", "Source Han Sans CN", "Helvetica Neue", Arial, Verdana, sans-serif;

    font-weight: bold;

    clear: both;

    letter-spacing: .0625rem;

}



.m-compare--show-products,

.m-compare-cell li,

.m-compare-cell p,

.m-compare-sidebar label,

.m-grid-item-vertical--description {

    font-weight: 400;

    line-height: 1.25rem;

    font-family: "Microsoft YaHei", "Source Han Sans CN", "Helvetica Neue", Arial, Verdana, sans-serif;

    color: #666;

}



.m-compare--show-products {

    display: block;

    cursor: pointer;

    border-top: .0875rem solid #E4E4E4;

    -webkit-transition: padding .3s;

    transition: padding .3s;

    margin: 0 1.25rem;

    padding: 1.25rem 0;

    font-size: 1rem;

}



.m-compare-cell:after,

.m-compare-products-wrap,

.m-compare-remove-all,

.m-filterbar-main,

.m-filterbar-main:after,

.m-filterbar2-row,

.m-filterbar2-row:after,

.m-list .a-list-downloads:after,

.m-list .a-list-unordered:after,

.m-list .m-list-content:after,

.m-list ul:after,

.m-map-wrapper:after,

.m-map-wrapper:before,

.m-map:after,

.m-staticmap-nearbycenter-item .inner:after,

.m-staticmap-nearbycenter:after,

.m-staticmap:after {

    clear: both

}



.m-grid-item-vertical .m-grid-item--pricegroup .right {

    float: right

}



.m-grid-item-vertical .m-grid-item--content {

    padding: 0

}



.m-grid-item-vertical--inner {

    position: relative;

    padding: .9375rem

}



.m-grid-item-vertical--inner:before {

    content: '';

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    box-sizing: border-box;

    border: .0625rem solid #EBE6dE;

    border-bottom: .0875rem solid #E4E4E4

}



.m-compare,

.m-compare--shadow-left,

.m-compare-modal .featherlight-close {

    display: none

}



.m-compare,

.m-grid-item-vertical .a-button-wrapper,

.m-grid-item-vertical .a-input,

.m-grid-item-vertical .a-stars-radio {

    width: 100%!important

}



.m-grid-item-vertical--inner.selected:before {

    border: .1275rem solid #887F6E

}



.m-grid-item-vertical--inner.selected a.is-disabled:before {

    color: inherit

}



.is-open .m-compare--show-products,

.m-chat-popup--title,

.m-compare-remove-all:hover {

    color: #F60

}



.m-grid-item-vertical .a-input,

.m-grid-item-vertical .a-stars-radio {

    margin-bottom: .9375rem!important

}



.m-grid-item-vertical .a-input label,

.m-grid-item-vertical .a-stars-radio label {

    right: auto!important;

    left: 17px;

    top: 3px

}



.overlay-compare {

    max-height: 100vh

}



.m-compare-modal {

    padding-bottom: 0

}



.m-compare-modal .featherlight-content {

    left: 0;

    width: 100%!important;

    max-width: 100%!important;

    margin: 0 -.0625rem -.25rem 0

}



.m-compare {

    overflow: hidden;

    background: #FBFBFB;

    min-height: 100vh

}



.m-compare-wrap.shadow-left::after,

.m-compare-wrap.shadow-right:before {

    display: none;

    width: .5rem;

    top: 50%;

    z-index: 1002;

    height: 100%;

    content: ""

}



.m-compare-sidebar {

    padding-top: 1.25rem;

    border-top: .0875rem solid #E4E4E4;

    display: none;

}



.m-compare-sidebar .a-checkbox {

    padding: 0

}



.m-compare-sidebar label {

    font-size: .875rem

}



.m-compare-wrap {

    position: relative;

    z-index: 1002;

    -webkit-overflow-scrolling: touch

}



.m-compare-wrap.shadow-right:before {

    position: absolute;

    right: 15px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .1), rgba(210, 210, 210, 0));

    background: linear-gradient(to left, rgba(0, 0, 0, .1), rgba(210, 210, 210, 0));

    background-color: transparent;

    background-repeat: no-repeat;

    background-size: 8px 100%

}



.m-compare-wrap.shadow-left::after {

    position: absolute;

    left: 300px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .1), rgba(210, 210, 210, 0));

    background: linear-gradient(to right, rgba(0, 0, 0, .1), rgba(210, 210, 210, 0));

    background-color: transparent;

    background-repeat: no-repeat;

    background-size: 8px 100%

}



.m-compare-products-wrap {

    overflow-x: hidden;

    overflow-y: hidden;

    width: 0;

    height: 0;

    position: absolute;

    -webkit-transition: height .3s;

    transition: height .3s;

    margin-top: -.1275rem

}



.is-open .m-compare-products-wrap {

    width: 100%;

    padding-top: .9375rem;

    height: auto;

    overflow-y: visible;

    position: static;

    padding-bottom: 1.25rem

}



.m-compare-product-list {

    display: block;

    position: relative

}



.m-compare-product-list tbody,

.m-compare-product-list tr {

    display: block

}



.m-compare-product-list th {

    display: block;

    padding-top: .9375rem

}



.m-compare-product-list th:first-child {

    padding-top: 0

}



.m-compare-title {

    padding: 1.25rem 1.25rem .9375rem;

    background: #FBFBFB

}



.m-compare-title .a-heading-h2,

.m-compare-title .m-grid-item--banner .m-grid-item--cat-title,

.m-grid-item--banner .m-compare-title .m-grid-item--cat-title {

    margin-top: -.25rem;

    padding: 0

}



.m-compare-content {

    padding: 1.25rem 1.25rem .9375rem

}



.m-compare--show-products {

    display: block;

    cursor: pointer;

    border-top: .0875rem solid #E4E4E4;

    -webkit-transition: padding .3s;

    transition: padding .3s;

    margin: 0 1.25rem;

    padding: 1.25rem 0;

    font-size: 1rem

}



.m-compare--show-products:after {

    top: 33px

}



.is-open .m-compare--show-products:after {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    color: #F60

}



.m-compare--back-btn {

    display: block;

    background: #FFF;

    padding: 1.125rem 0 1.125rem 2.1275rem;

    border-bottom: .0875rem solid #E4E4E4

}



.m-compare--back-btn:before {

    top: 19px!important;

    left: 20px

}



.m-compare--back-btn:hover:before {

    left: 15px

}



.m-compare .m-nav-totop {

    position: absolute;

    position: fixed;

    bottom: 20px;

    right: 20px;

    z-index: 1004;

    -webkit-transition: opacity .3s;

    transition: opacity .3s

}



.m-compare .m-nav-totop .a-button-totop {

    padding: .625rem .75rem .3125rem;

    box-sizing: border-box;

    display: block

}



.m-compare-head {

    position: relative;

    background: #f1f1f1;

    padding: 0 1.25rem 1.25rem

}



.is-open .m-compare-head {

    padding-top: "xxs"

}



.m-compare-head .m-grid-item--inner {

    height: 100%

}



.m-compare--product-name {

    display: block;

    float: left;

    width: 50%

}



.m-compare--text-list,

.m-compare--text-p {

    float: right;

    width: 50%;

    display: block

}



.m-compare--text-list {

    padding-left: 1.875rem

}



.m-compare--text-list li {

    list-style-type: disc

}



.m-compare-body {

    padding-bottom: 1.25rem;

    background: #FFF

}



.m-compare-body-table {

    display: block;

    min-width: 100%;

}



.m-compare-body-table tbody {

    display: block

}



.m-compare-remove-all {

    height: 0;

    width: 0;

    position: absolute;

    overflow: hidden;

    -webkit-transition: height .3s;

    transition: height .3s;

    cursor: pointer

}



.is-open .m-compare-remove-all {

    height: auto;

    width: auto;

    overflow: visible;

    position: relative

}



.m-compare-row {

    display: block;

    padding-left: 1.25rem;

    padding-right: 1.25rem

}



.m-compare-cell {

    display: block;

    padding: 1.25rem;

    border-top: .0625rem solid #EBE6dE

}



.m-filterbar-tag-counter,

.m-filterbar-tag-delete,

.m-filterbar-tag-title {

    vertical-align: middle;

    display: inline-block

}



.m-compare-cell:after,

.m-compare-cell:before {

    content: "";

    display: table

}



.m-compare-cell:first-of-type,

.m-compare-cell:nth-child(2) {

    border-top-width: 3px

}



.m-compare-cell li,

.m-compare-cell p {

    padding: 0;

    font-size: .875rem

}



.m-compare-cell li {

    padding-bottom: .3125rem

}



.m-compare-cell li:last-of-type {

    padding-bottom: 0

}



.m-compare-cell .a-stars {

    min-width: 7.5rem

}



.m-compare-cell .a-stars-item {

    height: 1rem;

    width: 1.25rem

}



.m-compare-cell .a-stars-item::before {

    font-size: 1rem

}



.m-chat-popup .a-link--arrow,

.m-compare-cell--first p {

    font-size: .875rem;

    line-height: 1.25rem;

    font-weight: 800

}



.m-compare-cell--first {

    display: block;

    padding: 1.875rem 1.25rem .625rem

}



.m-compare-cell--first p {

    font-family: "Microsoft YaHei", "Source Han Sans CN", "Helvetica Neue", Arial, Verdana, sans-serif

}



.m-compare.highlight-differences .m-compare-row--difference,

.m-compare.highlight-differences .m-compare-row--difference .m-compare-cell {

    background-color: #eae6dd;

    border-color: #DFD8C8

}



.m-compare-row:not(.m-compare-row--difference)+.m-compare-row--difference .m-compare-cell--first {

    border-top: 0

}



.m-compare .m-slider-btns {

    display: none;

    position: absolute;

    bottom: 15px;

    z-index: 1002;

    right: 18px;

    background: #034991;

}



.m-compare .hide-controls .m-slider-btns {

    display: none

}



.a-link--reset,

.m-grid-item--remove {

    font-size: .875rem;

    line-height: 1.25rem;

    height: auto;

    cursor: pointer;

    text-transform: uppercase;

}



.m-grid-item--remove {

    /*display: block;*/

	display: none;

    padding: 0;

    margin: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    cursor: pointer;

    font-size: .875rem!important;

}



.a-link--reset:before,

.m-grid-item--remove:before {

    display: inline-block;

    font-family: FontAwesome;

    font-weight: 400;

    line-height: inherit;

    -webkit-font-smoothing: antialiased;

    font-smoothing: antialiased;

    content: "\F05c";

}



.a-link--reset::after,

.a-link--reset::before,

.m-grid-item--remove::after,

.m-grid-item--remove::before {

    position: relative;

    top: 1px;

    color: #F60;

}



.a-link--reset::before,

.m-grid-item--remove::before {

    margin-right: .3125rem;

}



.m-slider-btns {

    overflow: hidden;

    position: absolute;

    right: 20px;

    margin-top: -1.375rem;

    z-index: 1;

    background: #F60;

}



.m-slider .slick-prev:after, .m-slider-btns:after {

    content: '';

    display: block;

    z-index: 1;

    height: 100%;

    bottom: 0;

}



.m-slider-btns:after {

    position: absolute;

    left: 0;

    width: 65%;

    background-color: #FFF;

    -webkit-transform: skewX(-30deg);

    transform: skewX(-30deg);

    -webkit-transform-origin: right top;

    transform-origin: right top;

    box-sizing: border-box;

    border-style: solid;

    border-width: .125rem 0;

    border-color: #034991;

}



.m-slider-btns button {

    width: 2.5rem;

    height: 2.75rem;

    border: none;

    position: relative;

    z-index: 10;

    padding: 0;

    background: 0 0;

    font-size: 1.25rem;

    outline:0 none !important;

}



.m-slider-btns button:first-child {

    border-style: solid;

    border-color: #034991;

    border-width: 0 0 0 .125rem;

    border-right: none;

    float: left;

    color: #034991;

}



.m-slider-btns button:last-child {

    color: #fff;

    border-left: none;

    float: right;

}



.m-slider-btns button:first-child:after,

.m-slider-btns button:last-child:after {

    font-family: FontAwesome;

    line-height: inherit;

    font-weight: 400;

    font-style: normal;

    text-decoration: inherit;

    text-rendering: optimizeLegibility;

    -moz-osx-font-smoothing: grayscale

}



.scroll-start .m-slider-btns button:first-child {

    cursor: default;

    border-color:#034991;

}



.scroll-end .m-slider-btns {

    background-color: #CBCACB

}



.scroll-end .m-slider-btns button:last-child:hover:after {

    margin-right: 0

}





.m-grid-item--inner {

    width: 100%;

    position: relative;

    background-color: #FFF;

    /*border: 1px solid #e5e5e5;*/

    border-radius: 4px;

}



.m-grid-item--content,

.m-grid-item--head {

    position: relative;

    padding: .9375rem;

}



.m-grid-item--head {

    box-sizing: content-box;

}



.m-compare-head .m-grid-item--inner {

    height: 100%;

}





/* 产品缩略图 */



picture {

    display: inline-block;

    max-width: 100%;

    line-height: 0

}



picture img {

    max-width: 100%;

    transition: All .3s ease-in-out;

    -webkit-transition: All .3s ease-in-out;

    -moz-transition: All .3s ease-in-out;

    -o-transition: All .3s ease-in-out

}



picture img:hover {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1)

}



.is-IE picture img {

    height: auto

}



picture img.is-lazy {

    min-height: .0625rem;

    min-width: .0625rem;

    transition: All .3s ease-in-out;

    -webkit-transition: All .3s ease-in-out;

    -moz-transition: All .3s ease-in-out;

    -o-transition: All .3s ease-in-out

}



picture img.is-lazy:not(.is-loaded) {

    opacity: 0

}



picture img.is-lazy.is-loaded {

    opacity: 1

}



picture.svg img {

    width: 100%;

    height: auto

}



.image-center img {

    width: 100%!important;

    object-fit: cover!important;

    font-family: 'object-fit: cover'!important

}



.m-grid-item--image {

    position: relative;

    width: 100%;

    display: table

}



.m-grid-item--image>span {

    display: table-cell;

    vertical-align: middle;

    text-align: center

}



.m-cart--row-action td:not(:last-child) a:before,

.m-compare-cell {

    vertical-align: top

}



.is-IE .m-grid-item--description div,

.m-grid-item-vertical,

.m-grid-item-vertical li {

    text-align: left

}



.m-grid-item--image>span img {

    width: auto;

    -webkit-transform: scale(1) translateZ(0);

    transform: scale(1) translateZ(0);

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition: transform .5s, -webkit-transform .5s

}



.m-grid-item--image .m-kaltura-video-image img {

    -webkit-transform: none;

    transform: none;

    -webkit-transition: none;

    transition: none

}



.m-compare .m-grid-item--description {

    display: block

}



.m-compare .m-grid-item--description .a-heading-h4 {

    font-size: .875rem!important;

    padding-bottom: 0

}



@media (min-width:48rem) {

    .m-compare-modal .featherlight-content {

        width: auto!important;

        max-width: 90%!important;

        margin: 4.5% 5% 0!important;

    }

    .m-compare--back-btn {

        display: none;

    }

    .m-compare-title {

        margin-top: 0;

        background: #FFF;

        padding: 1.875rem;

    }

    .m-compare-title .a-heading-h2 {

        font-size: 1.5rem;

        padding: 0;

    }

    .m-compare--show-products {

        display: none;

        -webkit-transition: padding 0;

        transition: padding 0;

    }

    .m-compare-head {

        position: absolute;

        top: 0;

        z-index: 1001;

        padding: .625rem 0 5rem 18.75rem;

    }

    .m-compare-remove-all {

       /*display: block;*/ 

		display: none;

        margin-bottom: .9375rem;

        margin-left: .9375rem;

        height: auto;

        overflow: hidden;

        width: auto;

        position: relative;

        -webkit-transition: all 0s;

        transition: all 0s;

    }

    .m-compare .m-slider-btns {

        display: block;

    }

    .m-compare-modal .featherlight-close,

    .m-compare-products-wrap,

    .m-compare-wrap.shadow-left::after {

        display: block;

    }

    .m-compare-products-wrap {

        margin-top: 0;

        padding-left: .625rem;

        height: auto;

        position: static;

        width: 100%;

        -webkit-transition: all 0;

        transition: all 0;

    }

    .m-compare-products-wrap {

        padding-left: .75rem;

    }

    .m-compare-products-wrap {

        padding-left: .9375rem;

    }

    .m-compare-product-list {

        display: table;

		width: 100%

    }

    .m-compare-product-list tbody {

        display: table-row-group;

    }

    .m-compare-product-list tr {

        display: table-row;

    }

    .m-compare-product-list th {

        display: table-cell;

        vertical-align: top;

        padding-top: 0;

    }

    .m-compare-product-list th:first-child {

        padding-top: 0;

    }

    .m-compare-head .m-grid-item {

        width: auto;

        display: block;

        margin-right: .625rem;

    }

    .m-grid-item--head {

        min-height: 1.6875rem;

        padding: 1.25rem;

    }

    .m-grid-item--content {

        padding-top: 0;

    }

    .m-grid-item--image {

        padding: 0 1.25rem;

    }

    .m-grid-item--image>span {

        display: block;

        position: relative;

        width: 100%;

        height: 100%

    }

    .m-grid-item--image>span img {

        display: block;

        position: absolute;

        left: 50%;

        top: 50%;

        width: auto;

        height: auto;

        max-height: 100%;

        max-width: 100%;

        -webkit-transform: scale(1) translateY(-50%) translateX(-50%) translateZ(0);

        transform: scale(1) translateY(-50%) translateX(-50%) translateZ(0);

        -webkit-transform-origin: center;

        transform-origin: center

    }

    .m-grid-item--image>span picture {

        display: block;

        position: relative;

        width: 100%;

        height: 100%;

        padding-bottom: 70%;

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

    .m-compare .m-grid-item--description {

        display: block;

        padding-top: .9375rem;

    }

    /* 突出差异 */

    .m-compare-sidebar {

        position: absolute;

        left: 30px;

        border-top: none;

        bottom: 20px;

        padding: 0;

    }

    /* .m-compare-body   */

    .m-compare-body {

        overflow-x: hidden;

        padding-right: 0;

        padding-left: 18.75rem;

    }

    .m-compare-body-table {

        display: table;

    }

    .m-compare-body-table tbody {

        display: table-row-group;

    }

    .m-compare-row {

        display: table-row;

        border-top: .0625rem solid #EBE6dE;

    }

    .m-compare-row,

    .m-compare-row:not(.m-compare-row--difference) {

        padding-left: 0;

        padding-right: 0;

    }

    .m-compare-cell,

    .m-compare-row:first-of-type {

        border-top: none;

    }

    .m-compare-cell,

    .m-compare-row:first-of-type {

        border-top: none;

    }

    .m-compare-cell {

        display: table-cell;

        padding: .9375rem 0 .9375rem .9375rem;

    }

    .m-compare-cell--first {

        min-width: 16.875rem;

        width: 16.875rem;

        margin-top: -.0625rem;

        margin-left: 1.875rem;

        position: absolute !important;

        left: 0;

        z-index: 1000;

        background-color: #FFF;

        padding: .625rem .9375rem;

    }

    .m-compare-cell:first-of-type {

        border-top: .0625rem solid #EBE6dE;

        min-width: 19.6875rem;

    }

    .m-compare-row:first-of-type .m-compare-cell--first {

        border-top: .0875rem solid #E4E4E4;

        margin-top: -.1275rem;

    }

    .m-compare-cell--first::before {

        content: '';

        display: block;

        width: 1.875rem;

        height: 100%;

        position: absolute;

        top: -3px;

        bottom: -3px;

        left: -30px;

        background-color: #FFF

    }

    .m-compare-cell--first::after {

        bottom: 0;

        height: .1275rem;

        background: #FFF;

        left: 0;

        right: 0

    }

    .m-compare--product-name {

        float: none;

        display: none;

        width: auto;

    }

}



@media (min-width: 48rem) and (min-width: 64rem) {

    .m-compare-modal .featherlight-content {

        width: auto!important;

        max-width: 90%!important;

        margin: 4.5% 5% 0!important;

    }



    .m-compare-head {

        padding-top: 3rem;

        padding-right: 0;

    }

    .m-compare-head .m-grid-item {

        margin-right: .9375rem;

    }

}



@media (min-width: 64rem) {

    .m-compare-modal .featherlight-content {

        min-width: 57.5rem;

    }

    .m-compare-modal.maxWidth .featherlight-content {

        width: 90%!important;

    }

    .m-contact--tab-title {

        display: none;

    }

    .m-grid-item--content {

        padding: 0 1.25rem 1.25rem;

    }

}



@media (min-width: 90rem) {

    .m-overlay--size-auto .featherlight-content {

        width: auto;

        max-width: 80%;

    }

}



/* 对比栏 */





.block {

    display: block;

}





/* J-shoping */

.Q-buy-btn{ cursor: pointer;}

.baseBg {

    background-image: url(../images/base_bg.png);

    background-repeat: no-repeat;

}



.deleteBg {

    background-image: url(../images/deleteBg.jpg);

    background-repeat: no-repeat;

}



.J-shoping {

    height: 34px;

    position: fixed;

    right: 45px;

    bottom: 0px;

    z-index: 900;

    overflow: visible !important;

}



*html .J-shoping {

    position: absolute;

    top: expression(eval(document.documentElement.scrollTop));

    margin: 500px 0 0 0;

}



.J-shoping-item {

    position: relative;

    padding: 0px 6px;

    height: 34px;

}



.J-shoping-pos {

    position: absolute;

    width: 6px;

    height: 34px;

    z-index: 920;

    top: -3px;

}



.J-L-ico {

    background-position: -55px -84px;

    left: 0px;

}



.J-R-ico {

    background-position: -66px -84px;

    right: 0px;

}



.J-shoping-main {

    position: relative;

}



.J-shoping-title {

    height: 31px;

    cursor: pointer;

    line-height: 31px;

    padding: 0px 10px 4px 10px;

    position: relative;

    z-index: 920;
	
	border-radius:8px;

    background: url(../images/bg5.png) repeat-x 0px 0px;

}



.J-shoping-title .J-go {

    color: #fff;

    display: block;

    float: left;

}



.J-shoping-title .J-go em {

    display: inline-block;

    width: 17px;

    height: 14px;

    vertical-align: middle;

    margin: -2px 10px 0px 0px;

    margin-top: 0px\9;

    background-position: -56px -124px;

}



.J-shoping-num {

    width: 14px;

    height: 14px;

    background-position: -28px -88px;

    text-align: center;

    overflow: hidden;

    line-height: 14px;

    display: block;

    position: absolute;

    left: 70px;

    top: 2px;

    color: #fff;

    font-size: 10px;

}



.J-shoping-body {

    width: 275px;

    display: none;

    border: solid 1px #d6d6d6;

    box-shadow: 0px 0px 5px #8b8b8b;
	border-radius:8px;

    behavior: url(js/pie.htc);

    padding: 10px 10px 35px 10px;

    position: absolute;

    bottom: 5px;

    left: 0px;

/*    background: url(../images/p-bg.png) repeat;*/

	 background: #f1f1f1;

    z-index: 910;

}



.J-shoping-list {

    padding: 5px;

    color: #999;

    border: solid 1px #e3e3e3;

    background: #fff;

    height: 80px;

    margin-bottom: 10px;

    position: relative;

}



.J-shoping-list-remove {

    background: #ffd2d3;

}



.J-shoping-list img {

    /*float: left;*/

	margin-top: 5px;

}

.J-shoping-list picture {

    width: 65px;

	height: 65px;

}

.J-shoping-list-a {

    float: right;

	margin-top:8px;

    width: 170px;

}



.J-shoping-list-a p {

    height: 25px;

    line-height: 25px;

    margin: 0;

    padding: 0;

}



.J-shoping-list-a p em {

    color: #0363BD;

    font-weight: bold;

    margin-right: 3px;

}



.J-shoping-list-a p .right {

    display: none;

}



.J-shoping-close {

    position: absolute;

    cursor: pointer;

    right: 5px;

    top: 5px;

    width: 11px;

    height: 11px;

    background-position: -32px -147px;

    overflow: hidden;

}



.J-shoping-close:hover {

    background-position: -41px -147px;

}



.J-shoping-buy {

    height: 26px;

}



.J-shoping-buy span {

    float: left;

    color: #555;

}



.J-shoping-buy a {

    width: 100px;

    height: 26px;

    line-height: 24px;

    text-align: center;

    color: #fff;

   /*  border: 1px solid #bbb;*/
	
	border-radius:6px;

	background: #034991;

/* background: #ffffff; /* Old browsers */

/*background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */

/*background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */

/*background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



    display: block;

    float: right;

}



.J-shoping-buy a:hover {

    background-position: -3px -277px;

}



.J-shoping-px {

    width: 275px;

    border: solid 1px #d6d6d6;

    display: none;

    box-shadow: 0px 0px 5px #8b8b8b;

    behavior: url(js/pie.htc);

    height: 28px;

    position: absolute;

    bottom: 5px;

    left: 0px;

    background: url(../images/p-bg.png) repeat;

    z-index: 905;

}



.J-shoping-mx {

    width: 113px;

    position: absolute;

    left: -3px;

    top: -3px;

    height: 3px;

    background-position: -4px -187px;

    z-index: 921;

}



.J-shoping-small {

    width: 119px;

}



#floatOrder {

    width: 50px;

    height: 50px;

    padding: 2px;

    background: #fff;

    border: solid 5px #e54144;

    overflow: hidden;

    position: absolute;

    z-index: 890;

}



.Q-online {

    width: 28px;

    height: 20px;

    display: block;

    background-position: -78px -130px;

    position: fixed;

    right: 10px;

    bottom: 13px;

}



*html .Q-online {

    position: absolute;

    top: expression(eval(document.documentElement.scrollTop));

    margin: 500px 0 0 0;

}



#U-attion {

    display: block;

    width: 120px;

    padding-right: 20px;

    height: 28px;

    background: #eee;

    line-height: 28px;

    text-align: center;

    border: solid 1px #d0d0d0;

    color: #181818;

    position: absolute;

    left: -145px;

    top: -2px;

}



#U-attion em {

    display: inline-block;

    vertical-align: middle;

    margin: -2px 5px 0px 0px;

    margin-top: 0px\9;

    width: 16px;

    height: 15px;

    background-position: -65px -47px;

}



#U-attion span {

    display: inline-block;

    width: 22px;

    height: 11px;

    background-position: -65px -32px;

    position: absolute;

    right: 5px;

    top: 2px;

}