@charset "utf-8";
@font-face {
    font-family: 'adihdb';
    src: url('../fonts/text/adihdb/adihdb.eot');
    src: url('../fonts/text/adihdb/adihdb.eot') format('embedded-opentype'), url('../fonts/text/adihdb/adihdb.woff2') format('woff2'), url('../fonts/text/adihdb/adihdb.woff') format('woff'), url('../fonts/text/adihdb/adihdb.ttf') format('truetype'), url('../fonts/text/adihdb/adihdb.svg#adihdb') format('svg')
}

@font-face {
    font-family: 'adihbdit';
    src: url('../fonts/text/adihbdit/adihbdit.eot');
    src: url('../fonts/text/adihbdit/adihbdit.eot') format('embedded-opentype'), url('../fonts/text/adihbdit/adihbdit.woff2') format('woff2'), url('../fonts/text/adihbdit/adihbdit.woff') format('woff'), url('../fonts/text/adihbdit/adihbdit.ttf') format('truetype'), url('../fonts/text/adihbdit/adihbdit.svg#adihbdit') format('svg')
}

@font-face {
    font-family: 'adihrg';
    src: url('../fonts/text/adihrg/adihrg.eot');
    src: url('../fonts/text/adihrg/adihrg.eot') format('embedded-opentype'), url('../fonts/text/adihrg/adihrg.woff2') format('woff2'), url('../fonts/text/adihrg/adihrg.woff') format('woff'), url('../fonts/text/adihrg/adihrg.ttf') format('truetype'), url('../fonts/text/adihrg/adihrg.svg#adihrg') format('svg')
}

@font-face {
    font-family: 'adihrgit';
    src: url('../fonts/text/adihrgit/adihrgit.eot');
    src: url('../fonts/text/adihrgit/adihrgit.eot') format('embedded-opentype'), url('../fonts/text/adihrgit/adihrgit.woff2') format('woff2'), url('../fonts/text/adihrgit/adihrgit.woff') format('woff'), url('../fonts/text/adihrgit/adihrgit.ttf') format('truetype'), url('../fonts/text/adihrgit/adihrgit.svg#adihrgit') format('svg')
}

@font-face {
    font-family: 'adineueproblack';
    src: url('../fonts/text/adineueproblack/adineueproblack.eot');
    src: url('../fonts/text/adineueproblack/adineueproblack.eot') format('embedded-opentype'), url('../fonts/text/adineueproblack/adineueproblack.woff') format('woff'), url('../fonts/text/adineueproblack/adineueproblack.ttf') format('truetype'), url('../fonts/text/adineueproblack/adineueproblack.svg#adineueproblack') format('svg')
}

@font-face {
    font-family: 'adineueprobold';
    src: url('../fonts/text/adineueprobold/adineueprobold.eot');
    src: url('../fonts/text/adineueprobold/adineueprobold.eot') format('embedded-opentype'), url('../fonts/text/adineueprobold/adineueprobold.woff') format('woff'), url('../fonts/text/adineueprobold/adineueprobold.ttf') format('truetype'), url('../fonts/text/adineueprobold/adineueprobold.svg#adineueprobold') format('svg')
}

@font-face {
    font-family: 'adineueprolight';
    src: url('../fonts/text/adineueprolight/adineueprolight.eot');
    src: url('../fonts/text/adineueprolight/adineueprolight.eot') format('embedded-opentype'), url('../fonts/text/adineueprolight/adineueprolight.woff') format('woff'), url('../fonts/text/adineueprolight/adineueprolight.ttf') format('truetype'), url('../fonts/text/adineueprolight/adineueprolight.svg#adineueprolight') format('svg')
}

.btn {
    display: inline-block;
    position: relative;
    text-align: center;
    overflow: hidden;
    white-space: normal;
    vertical-align: middle;
    padding: 0 4px;
    border: 0;
    margin: 0;
    color: #fff;
    background: #ccc;
    min-width: 100px;
    height: 42px;
    line-height: 42px;
    letter-spacing: 1px;
    -webkit-touch-action: manipulation;
    -moz-touch-action: manipulation;
    -ms-touch-action: manipulation;
    -o-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.btn:hover span:after,
.btn:active span:after,
.btn.is-hover span:after,
.btn.is-active span:after {
    right: -31px
}

.btn[disabled],
.btn.is-disabled {
    cursor: default!important;
    color: #fff!important;
    background: #c8cbcc!important;
    border-color: #c8cbcc!important;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.btn[disabled] span:after,
.btn.is-disabled span:after {
    right: -26px!important
}

.btn[disabled].btn-gradient-blue span:after,
.btn.is-disabled.btn-gradient-blue span:after {
    right: -22px!important
}

.btn-blue {
    font-size: 18px;
    color: #FFF;
    background: #0286cd;
    border: 0 solid #0286cd;
    min-width: 143px;
    height: 48px;
    line-height: 48px
}

.btn-blue:hover,
.btn-blue:active,
.btn-blue.is-hover,
.btn-blue.is-active {
    color: #FFF;
    background: #025f8e
}

.btn-blue-opacity {
    font-size: 18px;
    color: #0286cd;
    background: rgba(2, 134, 205, 0.1);
    border: 1px solid #0286cd;
    min-width: 143px;
    height: 48px;
    line-height: 46px
}

.btn-blue-opacity:hover,
.btn-blue-opacity:active,
.btn-blue-opacity.is-hover,
.btn-blue-opacity.is-active {
    color: #0286cd;
    background: rgba(2, 134, 205, 0.2)
}

.btn-red {
    font-size: 18px;
    color: #FFF;
    background: #e40139;
    border: 0 solid #e40139;
    min-width: 143px;
    height: 48px;
    line-height: 48px
}

.btn-red:hover,
.btn-red:active,
.btn-red.is-hover,
.btn-red.is-active {
    color: #FFF;
    background: #e40139
}

.btn-gray-disabled {
    font-size: 18px;
    color: #FFF;
    background: #ccc;
    border: 0 solid #ccc;
    min-width: 143px;
    height: 48px;
    line-height: 48px
}

.btn-gray-disabled:hover,
.btn-gray-disabled:active,
.btn-gray-disabled.is-hover,
.btn-gray-disabled.is-active {
    color: #FFF;
    background: #ccc
}

.btn-gradient-blue {
    font-size: 18px;
    color: #FFF;
    background: linear-gradient(to right, #025f8e, #0286cd);
    border: 0 solid #000;
    min-width: 143px;
    height: 48px;
    line-height: 48px
}

.btn-gradient-blue:hover,
.btn-gradient-blue:active,
.btn-gradient-blue.is-hover,
.btn-gradient-blue.is-active {
    color: #FFF;
    background: linear-gradient(to right, #025f8e, #025f8e)
}

.btn-black {
    font-size: 18px;
    color: #FFF;
    background: #000;
    border: 0 solid #000;
    min-width: 143px;
    height: 48px;
    line-height: 48px
}

.btn-black:hover,
.btn-black:active,
.btn-black.is-hover,
.btn-black.is-active {
    color: #FFF;
    background: #333
}

.btn-white {
    font-size: 18px;
    color: #000;
    background: #fff;
    border: 0 solid #fff;
    min-width: 143px;
    height: 48px;
    line-height: 48px
}

.btn-white:hover,
.btn-white:active,
.btn-white.is-hover,
.btn-white.is-active {
    color: #000;
    background: #fff
}

.btn-have-arrow {
    padding: 0 30px 0 4px
}

.btn-have-arrow span {
    position: relative
}

.btn-have-arrow span:after {
    position: absolute;
    display: block;
    content: "";
    line-height: 1;
    z-index: 1;
    top: 3px;
    right: -26px;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png);
    background-position: -120px -20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.btn-have-arrow.btn-icon-cart {
    padding: 0 26px 0 4px
}

.btn-have-arrow.btn-icon-cart span:after {
    width: 13px;
    height: 16px;
    background-position: -120px -86px;
    right: -22px
}

.btn-have-arrow.btn-white span:after {
    background-position: -144px -86px
}

.btn-have-opacity.btn-blue {
    background: rgba(2, 134, 205, 0.8)
}

.btn-have-opacity.btn-blue:hover {
    background: #0286cd
}

.btn-have-opacity.btn-black {
    background: rgba(0, 0, 0, 0.8)
}

.btn-have-opacity.btn-black:hover {
    background: #000
}

.btn-have-opacity.btn-white {
    background: rgba(255, 255, 255, 0.8)
}

.btn-have-opacity.btn-white:hover {
    background: #fff
}

@media(max-width:1024px) {
    .btn:hover span:after,
    .btn:active span:after,
    .btn.is-hover span:after,
    .btn.is-active span:after {
        right: -26px
    }
    .btn-mb-white {
        background: rgba(255, 255, 255, 0.8);
        color: #000
    }
    .btn-mb-white span:after {
        background-position: -286px -219px!important
    }
}

.dialog-opacity .dialog-scroll-container .dialog {
    background: #fff;
    border: 1px solid #c8cbcc;
    box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.5)
}

.dialog-opacity .dialog-scroll-container .dialog .dialog-container {
    border-radius: 0;
    padding: 0;
    position: relative
}

.dialog-opacity .dialog-scroll-container .dialog .dialog-container h4 {
    font-size: 18px;
    color: #000;
    line-height: 52px;
    border-bottom: 1px solid #c8cbcc;
    padding-left: 0
}

.dialog-opacity .dialog-scroll-container .dialog .dialog-container .d-arrival-notice {
    padding: 20px
}

.dialog-opacity .dialog-scroll-container .dialog .dialog-close {
    width: 18px;
    height: 18px;
    font-size: 0;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    top: 9px;
    right: 7px
}

.dialog-common-prompt .dialog-scroll-container .dialog {
    width: 530px
}

.dialog-common-prompt .dialog-scroll-container .dialog .dialog-close {
    top: 15px!important;
    right: 15px!important
}

.dialog-common-prompt .dialog-scroll-container .dialog .dialog-container {
    text-align: center;
    padding: 28px 20px
}

.dialog-common-prompt .dialog-scroll-container .dialog .dialog-container h4 {
    font-size: 24px;
    line-height: 24px;
    color: #000;
    border-bottom: 0 solid #c8cbcc
}

.dialog-common-prompt .dialog-scroll-container .dialog .dialog-container p {
    font-size: 14px;
    color: #888;
    line-height: 22px;
    margin: 20px 0 45px
}

.dialog-common-prompt .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap {
    width: 390px;
    height: 40px;
    margin: 0 auto
}

.dialog-common-prompt .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap .btn {
    float: left;
    min-width: 180px;
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.dialog-common-prompt .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap .btn-blue {
    float: right
}

.dialog-common-prompt-new .dialog-scroll-container .dialog {
    width: 530px
}

.dialog-common-prompt-new .dialog-scroll-container .dialog .dialog-close {
    top: 15px!important;
    right: 15px!important
}

.dialog-common-prompt-new .dialog-scroll-container .dialog .dialog-container {
    text-align: center;
    padding: 28px 20px
}

.dialog-common-prompt-new .dialog-scroll-container .dialog .dialog-container h4 {
    font-size: 24px;
    line-height: 24px;
    color: #000;
    border-bottom: 0 solid #c8cbcc
}

.dialog-common-prompt-new .dialog-scroll-container .dialog .dialog-container p {
    font-size: 14px;
    color: #888;
    line-height: 22px;
    margin: 20px 0 45px
}

.dialog-common-prompt-new .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap {
    width: 390px;
    height: 40px;
    margin: 0 auto
}

.dialog-common-prompt-new .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap .btn {
    min-width: 180px;
    margin: 0 6px;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.pdp-info-dialog .dialog-scroll-container .dialog {
    max-width: 840px;
    width: 840px;
    margin: 0
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 0
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container h4 {
    padding: 0 20px;
    font-weight: bold
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container .d-arrival-notice {
    padding: 20px 20px 30px
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container .continue-shopping {
    font-size: 14px;
    color: #0286cd;
    line-height: 52px;
    float: right;
    margin-right: 24px;
    font-weight: normal
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container.has-customized .notice-left>p {
    display: block
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container.has-customized .addcart-btn-box>div>p.customization-fee {
    display: block
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content {
    padding: 18px 20px
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content>div {
    margin-bottom: 28px
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content>div:last-child {
    margin-bottom: 0
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content>div ul li {
    font-size: 12px;
    color: #888;
    line-height: 22px;
    font-weight: bold
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content h4 {
    font-size: 14px;
    padding: 0;
    line-height: 14px;
    border-bottom: 0 solid #c8cbcc;
    margin-bottom: 10px
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content h5 {
    font-size: 12px;
    color: #888;
    line-height: 22px;
    margin-top: 5px;
    font-weight: bold
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content p,
.pdp-info-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content ul li p {
    font-size: 12px;
    color: #000;
    line-height: 22px;
    font-weight: bold
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-left {
    width: 25%;
    float: left
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-left>a {
    display: block;
    min-height: 199px
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-left>p {
    display: none;
    font-size: 12px;
    color: #888;
    line-height: 12px;
    margin-top: 10px
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d {
    margin-left: 2.5%;
    width: 72.5%;
    float: left
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .goods-tit {
    font-size: 16px;
    color: #888;
    line-height: 18px;
    margin-bottom: 5px
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d h2 {
    font-size: 18px;
    line-height: 26px;
    max-height: 52px;
    overflow: hidden
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-color {
    border-bottom: 1px dotted #c8cbcc;
    padding: 0 0 10px
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-color>span {
    font-size: 18px;
    color: #888;
    line-height: 26px
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-color p {
    font-size: 18px;
    color: #000;
    line-height: 18px;
    padding: 10px 0
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-color p.goods-price {
    color: #c53622
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-color p.goods-price .original-price {
    color: #5e686e;
    margin-left: 6px
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-color p.goods-price.price-single {
    color: #000
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-size>p {
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    line-height: 14px;
    margin: 20px 0
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-size>div {
    margin: 0 0 20px
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-size .info-size-select {
    width: 230px
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-size .form-group {
    width: 320px
}

.pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-size>a {
    width: 230px;
    height: 42px;
    line-height: 42px
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-close-box {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 30px;
    height: 52px;
    border-top-right-radius: 0;
    overflow: hidden
}

.pdp-info-dialog .dialog-scroll-container .dialog .dialog-close-box .icon-close {
    width: 16px;
    height: 16px;
    background-position: -162px -109px;
    left: 0;
    top: 50%;
    margin-right: 0;
    margin-top: -8px
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .dialog-container .d-arrival-notice {
    padding: 20px
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .notice-right-d {
    width: 32.5%;
    margin: 0 2.5%;
    padding: 0 20px 0 0;
    border-right: 2px solid #c8cbcc;
    min-height: 200px
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-color {
    border-bottom: 0 dotted #c8cbcc;
    padding: 0
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-color>span {
    color: #888;
    font-weight: bold
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-color>p {
    font-weight: bold;
    padding: 12px 0 17px
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-color>div p {
    font-size: 14px;
    color: #888;
    padding: 0;
    line-height: 20px
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .addcart-btn-box {
    float: left;
    width: 37.5%
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .addcart-btn-box a {
    width: 100%;
    margin-top: 10px;
    height: 42px;
    line-height: 42px;
    font-size: 14px
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .addcart-btn-box a span:after {
    top: 1px
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .addcart-btn-box>p {
    font-size: 18px;
    color: #888;
    line-height: 18px;
    margin-top: 5px
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .addcart-btn-box>div>p>span {
    font-size: 16px;
    color: #000;
    line-height: 18px
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .addcart-btn-box>div>p>span:nth-child(2) {
    font-size: 18px;
    font-weight: bold;
    float: right
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .addcart-btn-box>div>p.customization-fee {
    display: none;
    margin-bottom: 12px
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .addcart-btn-box>div>p.customization-fee>span {
    font-size: 14px;
    line-height: 16px;
    font-weight: normal
}

.pdp-info-dialog.pdp-addcart-dialog .dialog-scroll-container .dialog .addcart-btn-box>div:nth-child(2) {
    padding: 20px 0
}

.pdp-info-dialog.usp-dialog .dialog-scroll-container .dialog,
.pdp-info-dialog.customized-dialog .dialog-scroll-container .dialog {
    max-width: 650px;
    min-width: 320px
}

.pdp-info-dialog.usp-dialog .dialog-scroll-container .dialog .customized-dialog-content p a,
.pdp-info-dialog.customized-dialog .dialog-scroll-container .dialog .customized-dialog-content p a {
    text-decoration: underline
}

.pdp-info-dialog.usp-dialog .dialog-scroll-container .dialog .group-purchase-content p,
.pdp-info-dialog.customized-dialog .dialog-scroll-container .dialog .group-purchase-content p {
    font-size: 14px;
    font-weight: normal;
    line-height: 26px
}

.pdp-info-dialog.usp-dialog .dialog-scroll-container .dialog .group-purchase-content p span,
.pdp-info-dialog.customized-dialog .dialog-scroll-container .dialog .group-purchase-content p span {
    font-weight: bold
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog {
    max-width: 600px;
    width: 600px
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .notice-left {
    width: 36%
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .notice-right-d {
    margin-left: 3.5%;
    width: 60.5%
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .notice-right-d .rbk-color p {
    padding: 14px 0 10px
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .notice-right-d .rbk-size>a,
.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .notice-right-d .rbk-size .form-group {
    width: 100%
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .notice-right-d .rbk-size .info-size-select {
    width: 100%;
    margin: 0 0 10px
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .notice-right-d .rbk-size .info-size-select.select-box .dropdown .tinyscrollbar .viewport {
    max-height: 120px
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .arrival-notice-prompt {
    display: none;
    padding: 20px
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .arrival-notice-prompt .prompt-info {
    background: #e2ffd9;
    border-left: 3px solid #75a866;
    margin-bottom: 20px;
    padding: 13px 16px 13px 48px;
    position: relative
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .arrival-notice-prompt .prompt-info .icon-success-green {
    position: absolute;
    top: 10px;
    left: 10px
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .arrival-notice-prompt .prompt-info h3 {
    font-size: 18px;
    color: #000;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 14px
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .arrival-notice-prompt .prompt-info p {
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    line-height: 16px
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .arrival-notice-prompt .prompt-btn a {
    width: 100%;
    height: 42px;
    line-height: 42px
}

.pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .arrival-notice-prompt .prompt-btn p {
    font-size: 12px;
    color: #888;
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 8px
}

.pdp-info-dialog.arrival-notice-box.arrival-notice-success-box .dialog-scroll-container .dialog {
    max-width: 388px;
    width: 388px
}

.pdp-info-dialog.arrival-notice-box.arrival-notice-success-box .dialog-scroll-container .dialog .d-arrival-notice {
    display: none
}

.pdp-info-dialog.arrival-notice-box.arrival-notice-success-box .dialog-scroll-container .dialog .arrival-notice-prompt {
    display: block
}

.pdp-info-dialog.customized-clause-dialog .dialog-scroll-container .dialog {
    max-width: 800px
}

.pdp-info-dialog.customized-clause-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content>div {
    margin-bottom: 12px
}

.pdp-info-dialog.customized-clause-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content p {
    font-weight: normal
}

.pdp-info-dialog.customized-clause-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content p span {
    font-weight: bold;
    color: #c53622
}

.pdp-info-dialog.customized-clause-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content p .underline {
    text-decoration: underline;
    font-weight: normal;
    color: #000
}

.pdp-info-dialog.customized-clause-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content .dialog-tit {
    text-decoration: underline
}

.pdp-info-dialog.customized-clause-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content .dialog-tit span {
    font-weight: bold;
    color: #000
}

.pdp-info-dialog.customized-clause-dialog .dialog-scroll-container .dialog .dialog-container .customized-dialog-content h4 {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0
}

.video-dialog .dialog-scroll-container .dialog {
    margin: 20px;
    max-width: 950px;
    width: 950px;
    height: 534px;
    border: 1px solid #333
}

.video-dialog .dialog-scroll-container .dialog .dialog-container,
.video-dialog .dialog-scroll-container .dialog .video-content {
    width: 100%;
    height: 100%
}

.video-dialog .dialog-scroll-container .dialog .dialog-container>div,
.video-dialog .dialog-scroll-container .dialog .video-content>div,
.video-dialog .dialog-scroll-container .dialog .dialog-container embed,
.video-dialog .dialog-scroll-container .dialog .video-content embed,
.video-dialog .dialog-scroll-container .dialog .dialog-container video,
.video-dialog .dialog-scroll-container .dialog .video-content video {
    width: 100%;
    height: 100%
}

.video-dialog .dialog-scroll-container .dialog .dialog-close {
    top: -24px!important;
    right: 0!important;
    top: -32px!important;
    right: -8px!important
}

.video-dialog .dialog-scroll-container .dialog .dialog-close:after {
    background-position: -439px -22px
}

.video-dialog .dialog-scroll-container .dialog .loading-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
    width: 32px!important;
    height: 32px!important;
    z-index: 1
}

.video-dialog .dialog-scroll-container .dialog .video-content {
    position: relative;
    z-index: 2
}

.automatic-out-dialog .dialog-scroll-container .dialog {
    background: transparent;
    border: 0;
    margin: 0;
    box-shadow: none;
    width: auto;
    max-width: 450px
}

.automatic-out-dialog .dialog-scroll-container .dialog .dialog-container {
    background: transparent;
    border: 0
}

.automatic-out-dialog .dialog-scroll-container .dialog .dialog-close {
    display: none
}

.automatic-out-dialog .dialog-scroll-container .dialog .dialog-content {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    padding: 10px 50px
}

.automatic-out-dialog .dialog-scroll-container .dialog .dialog-content p {
    font-size: 14px;
    color: #FFF;
    line-height: 20px;
    text-align: center
}

.automatic-out-dialog .dialog-scroll-container .dialog .icon-fault {
    width: 16px;
    height: 17px;
    background-position: -404px -190px;
    vertical-align: middle;
    margin: -2px 4px 0 0
}

.welcome-dialog .dialog-scroll-container .dialog {
    max-width: 990px;
    width: 990px;
    border: 0
}

.welcome-dialog .dialog-scroll-container .dialog .dialog-close:after {
    background: url(../images/icon.png) -439px -22px
}

.welcome-dialog .dialog-scroll-container .dialog .welcome-content {
    position: absolute;
    left: 85px;
    top: 240px
}

.welcome-dialog .dialog-scroll-container .dialog .welcome-content>div {
    margin-bottom: 40px
}

.welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn {
    font-size: 16px;
    color: #fff;
    background: transparent;
    height: 24px;
    line-height: 24px;
    text-align: left;
    padding: 0 40px 0 50px
}

.welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn span:after {
    background-position: -541px -19px;
    background-color: #fff;
    border-radius: 50%
}

.welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn i {
    position: absolute;
    top: 0;
    left: 0
}

.welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn:hover {
    color: #0286cd
}

.welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn:hover span:after {
    right: -32px;
    top: 3px;
    background-position: -510px -20px;
    background-position: -541px -19px;
    background-color: #0286cd
}

.subscribe-dialog .dialog-scroll-container .dialog {
    max-width: 460px;
    width: 460px
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>h4 {
    border-bottom-width: 2px;
    line-height: 48px
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content {
    padding: 0 20px
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .subscribe-prompt {
    font-family: 'adihausRegular', "PingFangSC-Regular", "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin-top: 14px
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .subscribe-prompt span {
    color: #31ad69
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .form-group {
    margin-top: 20px
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .form-group.mail .control-label {
    font-size: 14px;
    color: #000;
    margin-bottom: 8px
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .form-group.mail .control-label:after {
    content: '*';
    font-size: 14px;
    color: #ff6067;
    margin-left: 3px
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .form-group.checkbox .form-checkbox {
    padding-left: 0
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .form-group.checkbox .form-checkbox .icon {
    vertical-align: middle
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .form-group.checkbox .form-checkbox span {
    font-size: 14px;
    color: #000;
    margin-left: 10px;
    vertical-align: middle
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .form-group.checkbox .form-checkbox span:before {
    content: '*';
    color: #ff6067;
    margin-right: 8px
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .subscribe-info {
    font-size: 12px;
    color: #888;
    line-height: 16px;
    margin-top: 6px
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .subscribe-info a {
    color: #0286cd
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content>.btn.submit {
    min-width: 100%;
    height: 42px;
    line-height: 42px;
    margin-top: 45px
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .subscribe-follow {
    margin-top: 14px;
    margin-bottom: 18px
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .subscribe-follow li {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    position: relative;
    padding-left: 10px
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .subscribe-follow li:before {
    content: '*';
    position: absolute;
    top: 0;
    left: 0
}

.subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content .subscribe-follow li a {
    color: #0286cd
}

.subscribe-success-dialog .dialog-scroll-container .dialog {
    max-width: 368px;
    width: 368px
}

.subscribe-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>h4 {
    border-bottom-width: 2px;
    line-height: 48px
}

.subscribe-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-success-content {
    padding: 0 20px
}

.subscribe-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-success-content>h3 {
    font-size: 18px;
    color: #31ad69;
    font-weight: bold;
    margin-top: 20px
}

.subscribe-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-success-content>h3 .icon,
.subscribe-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-success-content>h3 span {
    vertical-align: middle
}

.subscribe-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-success-content>h3 span {
    margin-left: 10px
}

.subscribe-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-success-content>p {
    font-size: 12px;
    color: #000;
    margin-top: 30px
}

.subscribe-success-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-success-content>a {
    font-size: 12px;
    color: #0286cd;
    display: block;
    margin-top: 28px;
    margin-bottom: 20px
}

@media(max-width:1024px) {
    .video-dialog .dialog-scroll-container .dialog {
        margin: 10px auto;
        width: 700px;
        height: 394px;
        border: 1px solid #333
    }
    .video-dialog .dialog-scroll-container .dialog #video-btn {
        min-width: 320px
    }
    .video-dialog .dialog-scroll-container .dialog .video-content video {
        width: 700px;
        height: 394px
    }
    .welcome-dialog .dialog-scroll-container .dialog {
        max-width: 500px;
        width: 100%;
        margin: 0
    }
    .welcome-dialog .dialog-scroll-container .dialog .dialog-close {
        display: block
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content {
        left: 5%;
        top: 45%
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content>div {
        margin-bottom: 10px
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn {
        font-size: 14px;
        height: 34px;
        line-height: 34px;
        padding: 0 22px 0 24px
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn i {
        width: 18px;
        height: 18px;
        top: 7px
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn span:after {
        top: 1px;
        right: -21px;
        background-color: transparent;
        border-radius: 0;
        background-position: -150px -360px!important
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn:hover {
        font-size: 14px;
        color: #fff
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn:hover span:after {
        top: 1px;
        right: -21px;
        background-color: transparent;
        background-size: 500px;
        background-position: -150px -360px!important
    }
    .subscribe-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content .subscribe-content>.btn.submit {
        margin-top: 30px
    }
}

@media screen and (max-width:900px) {
    .pdp-info-dialog .dialog-scroll-container .dialog {
        width: 90%;
        margin: 0 auto
    }
    .pdp-info-dialog .dialog-scroll-container .dialog .dialog-container .d-arrival-notice {
        padding: 0 0 30px
    }
    .pdp-info-dialog .dialog-scroll-container .dialog .notice-left,
    .pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d {
        float: none;
        width: 100%;
        margin: 0
    }
    .pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d {
        padding: 0 20px
    }
    .pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-color {
        padding: 14px 0 10px
    }
    .pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-size .info-size-select,
    .pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-size .form-group,
    .pdp-info-dialog .dialog-scroll-container .dialog .notice-right-d .rbk-size>a {
        width: 100%
    }
    .pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .dialog-container .d-arrival-notice {
        padding: 20px 20px 30px
    }
    .pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .notice-left {
        float: left
    }
    .pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .notice-right-d {
        float: left;
        padding: 0
    }
}

@media(max-width:767px) {
    .dialog-common-prompt .dialog-scroll-container .dialog {
        width: 78%;
        margin: 0 auto;
        min-width: 295px
    }
    .dialog-common-prompt .dialog-scroll-container .dialog .dialog-container {
        text-align: center;
        padding: 35px 10px
    }
    .dialog-common-prompt .dialog-scroll-container .dialog .dialog-container h4 {
        font-size: 18px;
        line-height: 18px
    }
    .dialog-common-prompt .dialog-scroll-container .dialog .dialog-container p {
        line-height: 16px;
        margin: 15px 0 25px
    }
    .dialog-common-prompt .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap {
        width: 100%;
        height: auto;
        padding: 0 30px
    }
    .dialog-common-prompt .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap .btn {
        float: none;
        min-width: 100%;
        font-size: 16px
    }
    .dialog-common-prompt .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap .btn-black {
        float: none;
        margin-bottom: 13px
    }
    .dialog-common-prompt-new .dialog-scroll-container .dialog {
        width: 78%;
        margin: 0 auto;
        min-width: 295px
    }
    .dialog-common-prompt-new .dialog-scroll-container .dialog .dialog-container {
        text-align: center;
        padding: 35px 10px
    }
    .dialog-common-prompt-new .dialog-scroll-container .dialog .dialog-container h4 {
        font-size: 18px;
        line-height: 18px
    }
    .dialog-common-prompt-new .dialog-scroll-container .dialog .dialog-container p {
        line-height: 16px;
        margin: 15px 0 25px
    }
    .dialog-common-prompt-new .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap {
        width: 100%;
        height: auto;
        padding: 0 30px
    }
    .dialog-common-prompt-new .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap .btn {
        min-width: 100%;
        font-size: 16px
    }
    .dialog-common-prompt-new .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap .btn-black {
        margin-bottom: 13px
    }
    .pdp-info-dialog .dialog-scroll-container .dialog {
        width: 100%;
        max-width: 400px;
        min-width: 320px
    }
    .pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog {
        width: 100%;
        max-width: 420px;
        min-width: 320px
    }
    .pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .dialog-container .d-arrival-notice {
        padding: 0 0 30px
    }
    .pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .notice-left {
        float: none;
        width: 100%
    }
    .pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .notice-left img {
        min-height: 374px
    }
    .pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .notice-right-d {
        float: none;
        margin: 0;
        width: 100%;
        padding: 0 20px
    }
    .pdp-info-dialog.arrival-notice-box.arrival-notice-success-box .dialog-scroll-container .dialog {
        width: 100%
    }
    .automatic-out-dialog .dialog-scroll-container .dialog {
        max-width: 300px
    }
    .video-dialog .dialog-scroll-container .dialog {
        width: 350px;
        height: 198px
    }
    .video-dialog .dialog-scroll-container .dialog .video-content video {
        width: 350px;
        height: 198px
    }
}

@media screen and (max-width:374px) {
    .pdp-info-dialog.arrival-notice-box .dialog-scroll-container .dialog .notice-left img {
        min-height: 320px
    }
}

@media(max-width:359px) {
    .video-dialog .dialog-scroll-container .dialog {
        width: 300px;
        height: 170px
    }
    .video-dialog .dialog-scroll-container .dialog .video-content video {
        width: 300px;
        height: 170px
    }
}

.form-selects .form-select .btn,
.select-box .dropdown .btn {
    background: #fff;
    border: 1px solid #c8cbcc;
    text-align: left;
    padding: 0 25px 0 10px;
    height: 40px;
    line-height: 38px;
    min-width: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

/*王莹莹加*/
.form-selects .form-select .btn,
.select-box .dropdown .custom{
    display: block;
    height: 40px;
    line-height: 38px;
    float: left;
}
.form-selects .form-select .btn,
.select-box .dropdown .custom:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0
}
.form-selects .form-select .btn,
.select-box .dropdown .stock{
    display: block;
    height: 40px;
    line-height: 38px;
    float: left;
    margin-left: 30px;
}
.form-selects .form-select .btn,
.select-box .dropdown .stock:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0
}
.form-selects .form-select .btn .dropdown-icon .icon-caret,
.select-box .dropdown .custom .amount-btn {
    width: 25px;
    display: block;
    height: 40px;
    position: absolute;
    left: 125px;
    top: 0;
    font-style: normal;
    cursor: pointer;
}
.form-selects .form-select .btn .dropdown-icon .icon-caret,
.select-box .dropdown .custom .amount-btn .amount-plus{
    display: block;
    width: 100%;
    height: 20px;
    line-height: 16px;
    float: left;
    text-align: center;
    background: #f8f6f6;
    border: 1px solid #c8cbcc;
}
.form-selects .form-select .btn .dropdown-icon .icon-caret,
.select-box .dropdown .custom .amount-btn .amount-minus{
    display: block;
    float: left;
    width: 100%;
    line-height: 18px;
    height: 20px;
    text-align: center;
    background: #f8f6f6;
    border: 1px solid #c8cbcc;
    border-top: none;
}
.form-selects .form-select .btn .dropdown-icon .icon-caret,
.select-box .dropdown .custom .amount-unit {
    margin-left: 10px;
}
/**/


.form-selects .form-select .btn .dropdown-text,
.select-box .dropdown .btn .dropdown-text {
    font-size: 14px;
    color: #000;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0
}
.amount-input{
    line-height: 38px!important;
}
.form-selects .form-select .btn .dropdown-icon,
.select-box .dropdown .btn .dropdown-icon {
    width: 25px
}

.form-selects .form-select .btn .dropdown-icon .icon-caret,
.select-box .dropdown .btn .dropdown-icon .icon-caret {
    margin: -4px 0 0;
    right: 10px;
    border: 0
}

.form-selects .form-select .tinyscrollbar,
.select-box .dropdown .tinyscrollbar {
    border-radius: 0;
    background: #fff;
    border: 1px solid #c8cbcc;
    border-top: 0;
    border-bottom: 0;
    padding: 0
}

.form-selects .form-select .tinyscrollbar .viewport,
.select-box .dropdown .tinyscrollbar .viewport {
    max-height: 160px
}

.form-selects .form-select .tinyscrollbar .viewport .overview ul li,
.select-box .dropdown .tinyscrollbar .viewport .overview ul li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #c8cbcc
}

.form-selects .form-select .tinyscrollbar .viewport .overview ul li a,
.select-box .dropdown .tinyscrollbar .viewport .overview ul li a {
    font-size: 14px;
    color: #000;
    padding: 0 10px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.form-selects .form-select .tinyscrollbar .viewport .overview ul li.is-active,
.select-box .dropdown .tinyscrollbar .viewport .overview ul li.is-active {
    background-color: #fff;
    border-bottom: 3px solid #000
}

.form-selects .form-select .tinyscrollbar .viewport .overview ul li.is-active a,
.select-box .dropdown .tinyscrollbar .viewport .overview ul li.is-active a {
    color: #000
}

.form-selects .form-select .tinyscrollbar .viewport .overview ul li:hover,
.select-box .dropdown .tinyscrollbar .viewport .overview ul li:hover {
    background-color: #fff;
    border-bottom: 3px solid #0286cd
}

.form-selects .form-select .tinyscrollbar .viewport .overview ul li:hover a,
.select-box .dropdown .tinyscrollbar .viewport .overview ul li:hover a {
    color: #0286cd
}

.form-selects .form-select.is-open .btn,
.select-box .dropdown.is-open .btn {
    border-bottom: 3px solid #000;
}

.tinyscrollbar .scrollbar,
.tinyscrollbar.sub-menu .scrollbar {
    width: 6px;
    padding: 0;
    background: #ebebeb;
    border-radius: 5px
}

.tinyscrollbar .scrollbar .track,
.tinyscrollbar.sub-menu .scrollbar .track {
    width: 100%
}

.tinyscrollbar .scrollbar .track .thumb,
.tinyscrollbar.sub-menu .scrollbar .track .thumb {
    width: 6px;
    background: #0286cd;
    border-radius: 5px;
    left: 0
}

.tinyscrollbar .scrollbar:hover .track .thumb,
.tinyscrollbar.sub-menu .scrollbar:hover .track .thumb {
    background: #025f8e
}

.is-error.dropdown .btn,
.is-error .dropdown .btn {
    border-bottom: 3px solid #ff6d6d;
    border-bottom-color: #ff6d6d
}

.form-selects .form-select .btn .dropdown-text {
    color: #888
}

.is-error .control-label {
    color: #000
}

.is-error .col-12-12 .form-input:before,
.is-error .col-12-12 .form-input .msg-block {
    display: none
}

.is-error .col-12-12 .form-input.is-error .msg-block,
.is-error .col-12-12 .form-input.is-textarea .msg-block {
    display: block
}

.is-error .col-12-12 .form-input input {
    border: 1px solid #c8cbcc;
    padding: 0 10px
}

.is-error .col-12-12 .form-input input:focus {
    border: 1px solid #c8cbcc;
    border-bottom: 3px solid #000;
    padding-top: 2px
}

.is-error .form-select.is-success .btn .dropdown-text {
    color: #000
}

.is-error .form-select.is-success .msg-block {
    display: none
}

.is-error .form-select.is-error .btn .dropdown-text {
    color: #888
}

.is-error .form-select.is-error .msg-block {
    display: none
}

.is-success .form-select.is-success .btn .dropdown-text,
.is-success .control-label {
    color: #000
}

.is-success .col-12-12 .form-input:before,
.is-success .col-12-12 .form-input .msg-block {
    display: none
}

.is-success .col-12-12 .form-input.is-error .msg-block,
.is-success .col-12-12 .form-input.is-textarea .msg-block {
    display: block
}

.is-success .col-12-12 .form-input input {
    border: 1px solid #c8cbcc;
    padding: 0 10px
}

.is-success .col-12-12 .form-input input:focus {
    border: 1px solid #c8cbcc;
    border-bottom: 3px solid #000;
    padding-top: 2px
}

.hype-panel .select-box .dropdown .tinyscrollbar .viewport {
    max-height: none
}

.icon {
    display: inline-block;
    background: url(../images/icon.png)
}

.dialog-close {
    font-size: 0;
    text-indent: -2000px;
    background: 0
}

.dialog-close:after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    background: url(../images/icon.png) -240px -20px
}

.icon-radio {
    width: 26px;
    height: 26px;
    background-position: -223px -112px;
    cursor: pointer
}

.icon-radio.is-active {
    background-position: -258px -112px
}

.icon-radio-blue {
    background-position: -68px -228px
}

.icon-radio-blue.is-active {
    background-position: -104px -228px
}

.icon-radio-gray {
    background-position: -153px -112px
}

.icon-radio-gray.is-active {
    background-position: -188px -112px
}

.is-active .icon-radio {
    background-position: -258px -112px
}

.is-active .icon-radio-blue {
    background-position: -104px -228px
}

.is-active .icon-radio-gray {
    background-position: -188px -112px
}

.icon-checked {
    width: 24px;
    height: 24px;
    background-position: -432px -50px;
    cursor: pointer
}

.icon-checked.is-active {
    background-position: -534px -50px
}

.icon-checked-blue {
    width: 24px;
    height: 24px;
    background-position: 0 -228px
}

.icon-checked-blue.is-active {
    background-position: -34px -228px
}

.on .icon-checked {
    background-position: -534px -50px
}

.is-disabled .icon-checked,
.form-checkbox.is-disabled .icon-checked {
    background-position: -466px -50px
}

.icon-checked-gray {
    background-position: -466px -50px
}

.icon-checked-gray.is-active {
    background-position: -500px -50px
}

.form-select .btn .dropdown-icon .icon-caret,
.dropdown .btn .dropdown-icon .icon-caret {
    width: 12px;
    height: 8px;
    background-position: -74px 0
}

.form-select .btn.open .dropdown-icon .icon-caret,
.dropdown .btn.open .dropdown-icon .icon-caret {
    background-position: -52px 0
}

.form-select.is-open .btn .dropdown-icon .icon-caret,
.dropdown.is-open .btn .dropdown-icon .icon-caret {
    background-position: -74px 0
}

.icon-black-logo {
    width: 23px;
    height: 15px;
    background-position: -176px -86px
}

.icon-service {
    width: 17px;
    height: 15px;
    background-position: -26px -86px
}

.icon-login {
    width: 13px;
    height: 16px;
    background-position: 0 -86px
}

.icon-search {
    width: 16px;
    height: 16px;
    background-position: -360px -20px
}

.form-search-open .icon-search {
    width: 17px;
    height: 17px;
    background-position: -334px -20px
}

.icon-search-clear {
    width: 12px;
    height: 12px;
    background-position: -241px -21px;
    opacity: .5
}

.icon-cart {
    width: 18px;
    height: 22px;
    background-position: -304px -190px
}

.icon-callout-1 {
    width: 32px;
    height: 32px;
    background-position: -335px -112px
}

.icon-callout-2 {
    width: 32px;
    height: 32px;
    background-position: -377px -112px
}

.icon-callout-3 {
    width: 32px;
    height: 32px;
    background-position: -293px -112px
}

.mail-subscription-form .msg-icon {
    width: 16px;
    height: 16px;
    background-position: -208px -20px
}

.icon-contact-us-tel {
    width: 16px;
    height: 16px;
    background-position: -74px -86px
}

.icon-contact-us-email {
    width: 16px;
    height: 16px;
    background-position: -96px -84px
}

.icon-contact-us-time {
    width: 16px;
    height: 16px;
    background-position: 0 -112px
}

.icon-address{
    width: 16px;
    height: 16px;
    background-position: -544px -549px;
}

.icon-contact-us-service {
    width: 17px;
    height: 17px;
    background-position: -400px -83px
}

.icon-sina {
    width: 30px;
    height: 24px;
    background-position: -130px -154px
}

.icon-wechat {
    width: 30px;
    height: 24px;
    background-position: -270px -154px
}

.icon-Payment-method {
    height: 24px;
    width: 388px;
    width: 72px;
    background-position: -614px -343px
}

.icon-Payment-method-1 {
    height: 24px;
    width: 108px;
    background-position: -695px -343px
}

.icon-Payment-method-2 {
    height: 24px;
    width: 100px;
    background-position: -809px -343px
}

.icon-Payment-method-3 {
    height: 24px;
    width: 82px;
    background-position: -917px -343px
}

.icon-china {
    width: 14px;
    height: 12px;
    background-position: -49px -190px
}

.icon-ebs1 {
    width: 16px;
    height: 16px;
    background-position: -23px -190px
}

.icon-ebs2 {
    width: 14px;
    height: 16px;
    background-position: 0 -190px
}

.icon-video-btn {
    width: 88px;
    height: 88px;
    background-position: -880px -48px
}

.icon-login-left {
    background-position: -52px -20px
}

.login-checkbox {
    background-position: -52px -20px
}

.icon-conform {
    width: 20px;
    height: 15px;
    background-position: -272px -19px
}

.icon-customized {
    width: 16px;
    height: 16px;
    background-position: -73px -190px
}

.icon-prompt {
    width: 16px;
    height: 16px;
    background-position: -208px -86px
}

.icon-payment-1 {
    background-position: -615px -343px
}

.icon-payment-2 {
    background-position: -695px -343px
}

.icon-payment-3 {
    background-position: -810px -343px
}

.icon-payment-4 {
    background-position: -918px -343px
}

.icon-cart-alipay {
    width: 63px;
    height: 24px;
    background-position: -614px -343px
}

.icon-cart-wechat {
    width: 97px;
    height: 24px;
    background-position: -695px -343px
}

.icon-online-pay {
    width: 90px;
    height: 24px;
    background-position: -810px -343px
}

.icon-cash-on-delivery {
    width: 82px;
    height: 24px;
    background-position: -918px -343px
}

.icon-cart-info {
    width: 16px;
    height: 16px;
    background-position: -208px -86px
}

.icon-cart-discount {
    width: 16px;
    height: 21px;
    background-position: -377px -154px
}

.icon-cart-customized {
    width: 17px;
    height: 17px;
    background-position: -99px -190px
}

.icon-cart-question-mark {
    width: 20px;
    height: 20px;
    background-position: -26px -112px
}

.icon-head-portrait {
    width: 18px;
    height: 20px;
    background-position: -272px -86px
}

.icon-head-portrait-ed {
    width: 19px;
    height: 22px;
    background-position: -437px -85px
}

.icon-help {
    width: 20px;
    height: 20px;
    background-position: -363px -190px
}

.icon-personalise {
    width: 16px;
    height: 16px;
    background-position: -99px -190px
}

.icon-evaluate {
    width: 16px;
    height: 16px;
    background-position: -66px -344px;
    vertical-align: middle
}

.icon-round-gray-rights {
    width: 12px;
    height: 12px;
    background-position: -210px -60px
}

.icon-round-lightgray-leftm {
    width: 26px;
    height: 26px;
    background-position: -288px -50px
}

.icon-round-lightgray-leftm.is-disabled {
    background-position: 0 -50px
}

.icon-round-lightgray-rightm {
    width: 26px;
    height: 26px;
    background-position: -324px -50px
}

.icon-round-lightgray-rightm.is-disabled {
    background-position: -36px -50px
}

.product-icon-label {
    width: auto;
    height: 20px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    cursor: default;
    display: inline-block!important
}

.product-icon-label:hover {
    color: #fff
}

.product-icon-label.icon-new-label {
    background: #56a76c
}

.product-icon-label.icon-personal-label {
    background: #0286cd
}

.product-icon-label.icon-discount-label {
    background: #ce5b4b;
    font-weight: bold
}

.product-icon-label.icon-gray-label {
    background: #5b5c5d
}

.product-icon-label.icon-coming-soon-label {
    background: #75a866;
    background: #56a76c
}

.icon-success {
    width: 36px;
    height: 36px;
    background-position: -720px -267px
}

.icon-terrex {
    width: 75px;
    height: 12px;
    background-position: -521px -343px;
    margin: -4px 5px 0 0;
    vertical-align: middle
}

.icon-coupon-down {
    width: 14px;
    height: 14px;
    background-position: -179px -343px
}

.icon-coupon-up {
    width: 14px;
    height: 14px;
    background-position: -214px -343px
}

.icon-success-green {
    width: 26px;
    height: 26px;
    background-position: -440px -380px
}

.icon-down {
    width: 14px;
    height: 8px;
    background-position: -27px 0
}

.icon-up {
    width: 14px;
    height: 8px;
    background-position: -1px 0
}

.icon-delivery {
    background-position: -18px -380px
}

.icon-arrow {
    background-position: 0 -380px
}

.icon-refund {
    background-position: -54px -380px
}

.icon-payment {
    background-position: -92px -380px
}

.icon-size {
    background-position: -127px -380px
}

.icon-newsletter {
    background-position: -165px -380px
}

.icon-sale {
    background-position: -199px -380px
}

.icon-products {
    background-position: -236px -380px
}

.icon-company {
    background-position: -276px -380px
}

.icon-tel {
    background-position: -310px -380px
}

.icon-chat-80 {
    background-position: -370px -380px
}

.icon-reture {
    background-position: -52px -20px
}

.icon-enlarge {
    background-position: -474px -380px
}

.icon-miadidas {
    background-position: -303px -454px
}

.icon-Print {
    background-position: -257px -454px
}

.icon-employee {
    width: 25px;
    height: 25px;
    background-position: -149px -589px
}

.icon-more-down {
    width: 16px;
    height: 16px;
    background-position: -474px -20px
}

.icon-eye {
    width: 25px;
    height: 21px;
    background-position: -531px -380px
}

.eye-hide .icon-eye {
    background-position: -576px -380px
}

.icon-bule-logo {
    width: 26px;
    height: 24px;
    background-position: -123px -189px
}

.brafinder-main .icon-arrow-right {
    width: 10px;
    height: 19px;
    background-position: -349px -454px
}

.brafinder-main .icon-arrow-down {
    width: 19px;
    height: 10px;
    background-position: -379px -454px
}

.brafinder-main .icon-arrow-up {
    width: 19px;
    height: 10px;
    background-position: -413px -550px
}

.brafinder-main .icon-white-right {
    width: 10px;
    height: 19px;
    background-position: -418px -454px
}

.brafinder-main .icon-white-down {
    width: 19px;
    height: 10px;
    background-position: -448px -454px
}

.brafinder-main .icon-white-up {
    width: 20px;
    height: 10px;
    background-position: -607px -454px
}

.icon-black-terrex {
    width: 103px;
    height: 18px;
    background-position: 0 -550px;
    vertical-align: bottom
}

.icon-ercode-close {
    width: 16px;
    height: 16px;
    background-position: -438px -21px
}

.icon-hook {
    width: 26px;
    height: 22px;
    background-position: -566px -454px;
    vertical-align: middle
}

.size-selector-box .icon-arrow-right {
    width: 7px;
    height: 12px;
    background-position: -352px -458px
}

.icon-welcome-1 {
    width: 24px;
    height: 24px;
    background-position: -120px -550px
}

.icon-welcome-2 {
    width: 24px;
    height: 24px;
    background-position: -162px -550px
}

.icon-welcome-3 {
    width: 24px;
    height: 24px;
    background-position: -205px -550px
}

.icon-clover-logo {
    width: 24px;
    height: 24px;
    background-position: -124px -188px;
    vertical-align: middle;
    margin: -4px 3px 0 0
}

.icon-release-dates-subscribe {
    width: 16px;
    height: 16px;
    background-position: -144px -86px
}

.icon-subscribe-success {
    width: 25px;
    height: 25px;
    background-position: 0 -590px
}

.icon-free-freight {
    width: 18px;
    height: 18px;
    background-position: -36px -590px
}

.icon-comments {
    width: 25px;
    height: 25px;
    background-position: -104px -589px
}

.icon-checked-min-cart {
    width: 18px;
    height: 18px;
    background-position: 0 -628px
}

.icon-checked-min-cart.is-active {
    background-position: -56px -628px
}

.icon-checked-min-cart.is-disabled {
    background-position: -28px -628px
}

.calculate-num .btn .icon-mincart-plus,
.calculate-num .btn .icon-mincart-minus {
    width: 10px;
    height: 10px
}

.calculate-num .btn .icon-mincart-minus {
    background-position: -124px -628px
}

.calculate-num .btn .icon-mincart-plus {
    background-position: -84px -628px
}

.calculate-num .btn.is-disabled .icon-mincart-minus {
    background-position: -144px -628px
}

.calculate-num .btn.is-disabled .icon-mincart-plus {
    background-position: -104px -628px
}

@media(max-width:1024px),
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min--moz-device-pixel-ratio:2),
screen and (-o-min-device-piratio:200/100),
screen and (min-device-pixel-ratio:2) {
    .icon {
        background: url(../images/icon@2x.png);
        background-size: 500px
    }
    .dialog-close {
        background: 0
    }
    .dialog-close:after {
        margin-top: -16px;
        margin-left: -16px;
        background: url(../images/icon@2x.png) -174px -16px;
        width: 32px;
        height: 32px;
        background-position: -174px -16px;
        background-size: 700px
    }
    .btn-have-arrow span:after {
        background: url(../images/icon@2x.png);
        background-size: 500px;
        background-position: -150px -360px
    }
    .btn-have-arrow.btn-icon-cart span:after {
        background-position: 0 -18px;
        width: 16px;
        height: 19px;
        right: -24px;
        top: 1px
    }
    .btn-have-arrow.btn-white span:after {
        background-position: -286px -219px!important
    }
    .is-error.form-input:before,
    .is-error .form-input:before {
        background: url(../images/icon@2x.png)!important;
        background-size: 500px!important;
        background-position: -196px -18px!important
    }
    .delivery-address .delivery-address-top .add-address-link span:after {
        background-position: -285px -219px
    }
    .icon-round-lightgray-lefts {
        background-position: -225px -470px!important
    }
    .icon-success-green {
        background-position: -349px -502px
    }
    .icon-delete-picture {
        background-position: -40px -300px!important
    }
    .myaccount-orders-details .goods-item-box .goods-item-info .btn-wrapper .mob-float-left .btn-evaluate .icon-returns-details {
        background-position: -102px -18px!important;
        width: 18px;
        height: 18px;
        top: 0!important;
        right: -22px!important;
        margin-top: -3px!important
    }
    .myaccount-right-content .my-return-order a .icon-round-gray-rights {
        background-position: -286px -220px;
        padding-right: 20px
    }
    .myaccount-orders-details .goods-item-box .goods-item-info .btn-wrapper .mob-float-left .btn-evaluate span:after,
    .myaccount-right-content .goods-item-box .goods-item-info .jumpbtn .btn-white-details span::after {
        background-position: -102px -18px!important;
        width: 18px;
        height: 18px;
        top: 0!important;
        right: -22px!important
    }
    .myaccount-orders-details .goods-item-box .goods-item-info .product-show .comment-details-btn .icon-logistics-btn-bottom,
    .myaccount-orders-details .goods-item-box .goods-item-info .orders-details-info .logistics-btn .icon-logistics-btn-bottom {
        background-position: -23px 2px!important;
        background-position: -68px 2px!important
    }
    .myaccount-orders-details .goods-item-box .goods-item-info .product-show .comment-details-btn .icon-logistics-btn-top,
    .myaccount-orders-details .goods-item-box .goods-item-info .orders-details-info .logistics-btn .icon-logistics-btn-top {
        background-position: 0 1px!important;
        background-position: -113px 2px!important
    }
    .myaccount-orders-details .goods-item-box .goods-item-info .product-show .comment-details-btn .icon-comment-details-btn-bottom,
    .myaccount-orders-details .goods-item-box .goods-item-info .orders-details-info .logistics-btn .icon-comment-details-btn-bottom {
        top: 7px!important;
        background-position: -68px 2px!important
    }
    .myaccount-orders-details .goods-item-box .goods-item-info .product-show .comment-details-btn .icon-comment-details-btn-top,
    .myaccount-orders-details .goods-item-box .goods-item-info .orders-details-info .logistics-btn .icon-comment-details-btn-top {
        top: 7px!important;
        background-position: -113px 2px!important
    }
    .myaccount-orders-details .goods-item-box .goods-item-info .product-show .comment-details-con .recommend-star .icon-yellow-star {
        background-position: -82px -242px!important
    }
    .myaccount-orders-details .goods-item-box .goods-item-info .product-show .comment-details-con .recommend-star .icon-star {
        background-position: -82px -220px!important
    }
    .icon-arrow-down {
        background-position: -91px 0;
        width: 14px;
        height: 8px
    }
    .icon-login {
        width: 14px;
        height: 18px;
        background-position: 0 -47px
    }
    .icon-service {
        width: 15px;
        height: 15px;
        background-position: -25px -47px
    }
    .icon-search {
        width: 17px;
        height: 17px;
        background-position: -221px -18px!important
    }
    .header-search.form-search-open .icon-search {
        background-position: -384px -502px!important
    }
    .icon-search-m {
        width: 17px;
        height: 17px;
        background-position: -247px -18px
    }
    .icon-cart {
        background-position: 0 -18px;
        width: 16px;
        height: 19px
    }
    .icon-phone {
        width: 16px;
        height: 16px;
        background-position: -302px -47px
    }
    .top-nav .header-top .header-top-container>ul>li a .icon-service,
    .header-simple .header-container .header-simple-right>span a .icon-service {
        width: 17px;
        height: 16px;
        background-position: -332px -47px
    }
    .header .header-container .nav-bar .header-right>li.header-cart.header-cart-has>a .icon-cart,
    .header .header-container .nav-bar .header-right>li.header-cart:hover>a .icon-cart {
        background-position: -274px -18px!important
    }
    .header .header-container .nav-bar .header-right>li.header-cart.header-cart-has>a span,
    .header .header-container .nav-bar .header-right>li.header-cart:hover>a span {
        width: 16px
    }
    .icon-search-clear {
        background-position: -129px -17px;
        opacity: .7;
        background-position: -355px -18px;
        opacity: 1
    }
    .section-top-info .top-info-box .icon-top-info-close {
        background-position: -351px -43px!important
    }
    .top-nav .header-top .header-top-container>ul>li a .icon-login {
        background-position: -355px -76px!important
    }
    .icon-callout-1 {
        background-position: -84px -324px!important
    }
    .icon-callout-2 {
        background-position: 0 -324px!important
    }
    .icon-callout-3 {
        background-position: -42px -324px!important
    }
    .mail-subscription-form .msg-icon {
        background-position: -196px -18px
    }
    .top-nav .mail-subscription-form .form-group .form-choice-btn-radio .icon-radio {
        background-position: -70px -110px!important
    }
    .top-nav .mail-subscription-form .form-group .form-choice-btn-radio.is-active .icon-radio {
        background-position: -126px -324px!important
    }
    .icon-star-yellow {
        width: 60px!important;
        height: 10px!important;
        background-position: 0 -220px!important
    }
    .icon-star-gray {
        width: 60px!important;
        height: 10px!important;
        background-position: 0 -207px!important
    }
    .icon-black-logo {
        background-position: -293px -324px!important
    }
    .icon-success {
        background-position: -255px -502px;
        width: 36px;
        height: 38px
    }
    .icon-more-down {
        background-position: -360px -553px
    }
    .icon-online-service {
        width: 17px;
        height: 15px;
        background-position: -332px -47px
    }
    .icon-back-top {
        width: 14px;
        height: 8px;
        background-position: 0 0
    }
    .icon-china {
        width: 20px;
        height: 14px;
        background-position: -162px -47px
    }
    .icon-primary-arrow {
        width: 15px;
        height: 15px;
        background-position: -26px -18px
    }
    .icon-video-btn {
        width: 70px;
        height: 70px;
        background-position: -390px 3px;
        background-position: -384px -70px;
        margin: -35px 0 0 -35px!important
    }
    .icon-contact-us-tel {
        background-position: -301px -47px!important
    }
    .icon-contact-us-email {
        background-position: -187px -323px!important;
        width: 17px
    }
    .icon-contact-us-time {
        width: 17px;
        background-position: -161px -324px!important
    }
    .icon-contact-us-service {
        background-position: -361px -108px!important
    }
    .icon-sina {
        background-position: -213px -324px!important
    }
    .icon-wechat {
        background-position: -253px -324px!important
    }
    .icon-Payment-method {
        background-position: -327px -156px!important
    }
    .icon-Payment-method-1 {
        width: 98px;
        margin-right: 10px;
        background-position: -404px -156px!important
    }
    .icon-Payment-method-2 {
        background-position: -226px -156px!important
    }
    .icon-Payment-method-3 {
        width: 83px;
        background-position: -404px -188px!important
    }
    .footer .footer-cont-bottom ul.footer-cont-left {
        padding: 0 38px 0 0!important
    }
    .icon-ebs1 {
        width: 16px;
        height: 16px;
        background-position: -331px -76px!important
    }
    .icon-ebs2 {
        width: 16px;
        height: 16px;
        background-position: -301px -76px!important
    }
    .form-select .btn .dropdown-icon .icon-caret,
    .dropdown .btn .dropdown-icon .icon-caret {
        background-position: -69px 0
    }
    .form-select .btn.open .dropdown-icon .icon-caret,
    .dropdown .btn.open .dropdown-icon .icon-caret {
        background-position: -115px 0
    }
    .form-select.is-open .btn .dropdown-icon .icon-caret,
    .dropdown.is-open .btn .dropdown-icon .icon-caret {
        background-position: -115px 0
    }
    .icon-checked {
        width: 20px;
        height: 20px;
        background-position: -109px -110px
    }
    .icon-checked.is-active {
        background-position: -137px -110px!important
    }
    .icon-checked-blue {
        width: 24px;
        height: 24px;
        background-position: 0 -76px
    }
    .icon-checked-blue.is-active {
        background-position: -34px -76px!important
    }
    .is-active .icon-checked {
        background-position: -137px -110px!important
    }
    .order-summary-box .coupon-box .coupon-content .coupon-select .dropdown .sub-menu .viewport .overview ul li.is-active a .icon-checked {
        background-position: -137px -110px!important
    }
    .form-simulate .icon-checked {
        width: 20px;
        height: 20px;
        background-position: -109px -110px
    }
    .on .icon-checked {
        background-position: -137px -110px
    }
    .is-disabled .icon-checked,
    .form-checkbox.is-disabled .icon-checked {
        background-position: -226px -110px
    }
    .icon-payment-1,
    .icon-cart-alipay {
        width: 61px;
        height: 22px;
        background-position: -329px -157px
    }
    .icon-payment-2,
    .icon-cart-wechat {
        width: 95px;
        height: 22px;
        background-position: -405px -157px
    }
    .icon-payment-3,
    .icon-online-pay {
        width: 88px;
        height: 22px;
        background-position: -226px -157px
    }
    .icon-payment-4,
    .icon-cash-on-delivery {
        width: 82px;
        height: 22px;
        background-position: -405px -189px
    }
    .icon-cart-info {
        width: 15px;
        height: 15px;
        background-position: -200px -110px
    }
    .icon-cart-discount {
        width: 14px;
        height: 19px;
        background-position: -172px -110px
    }
    .icon-cart-customized {
        background-position: -110px -47px
    }
    .icon-cart-question-mark {
        background-position: -81px -47px
    }
    .order-submit-content .icon-radio {
        background-position: -255px -110px;
        width: 22px;
        height: 22px;
        background-position: -90px -360px;
        width: 20px;
        height: 20px
    }
    .order-submit-content .icon-radio.is-active {
        background-position: -287px -110px;
        background-position: -120px -360px
    }
    .order-submit-content .is-active .icon-radio {
        background-position: -287px -110px;
        background-position: -120px -360px
    }
    .icon-prompt {
        background-position: -199px -110px
    }
    .delivery-address .delivery-address-bottom a .icon-caret {
        background-position: -69px 0!important
    }
    .delivery-address .delivery-address-bottom a.is-open .icon-caret {
        background-position: -115px 0!important
    }
    .icon-customized {
        background-position: -136px -47px
    }
    .icon-cart-question-mark {
        background-position: -81px -47px
    }
    .icon-close {
        width: 12px;
        height: 12px;
        background-position: -129px -17px;
        width: 32px;
        height: 32px;
        background-position: -174px -16px;
        background-size: 700px
    }
    .icon-caret {
        width: 12px;
        height: 8px;
        background-position: -69px 0
    }
    .icon-head-portrait {
        background-position: 0 -46px
    }
    .icon-help {
        background-position: -229px -220px
    }
    .left-nav-item ul li a .icon-caret {
        top: 12px!important;
        width: 16px!important;
        height: 16px!important;
        background-position: -76px -18px!important
    }
    .icon-myaccount-1 {
        width: 26px;
        background-position: 0 -263px
    }
    .icon-myaccount-2 {
        width: 28px;
        background-position: -30px -262px
    }
    .icon-myaccount-3 {
        width: 17px;
        background-position: -62px -264px
    }
    .icon-myaccount-4 {
        width: 18px;
        background-position: -84px -264px
    }
    .icon-myaccount-5 {
        width: 27px;
        background-position: -106px -263px
    }
    .icon-myaccount-6 {
        width: 25px;
        background-position: -137px -264px
    }
    .icon-myaccount-7 {
        width: 25px;
        background-position: -167px -264px
    }
    .icon-myaccount-8 {
        width: 26px;
        background-position: -196px -263px
    }
    .icon-back-myaccount-memeber {
        width: 14px;
        height: 12px;
        background-position: -107px -297px
    }
    .left-nav-item ul li.is-active .icon-myaccount-1 {
        background-position: 0 -500px
    }
    .left-nav-item ul li.is-active .icon-myaccount-2 {
        background-position: -30px -499px
    }
    .left-nav-item ul li.is-active .icon-myaccount-3 {
        background-position: -62px -501px
    }
    .left-nav-item ul li.is-active .icon-myaccount-4 {
        background-position: -84px -501px
    }
    .left-nav-item ul li.is-active .icon-myaccount-5 {
        background-position: -106px -500px
    }
    .left-nav-item ul li.is-active .icon-myaccount-6 {
        background-position: -137px -501px
    }
    .left-nav-item ul li.is-active .icon-myaccount-7 {
        background-position: -167px -501px
    }
    .left-nav-item ul li.is-active .icon-myaccount-8 {
        background-position: -196px -500px
    }
    .icon-personalise {
        background-position: -110px -47px
    }
    .icon-evaluate {
        background-position: -315px -266px
    }
    .myaccount-tit .icon-round-gray-rights {
        width: 9px;
        height: 14px;
        background-position: -137px -297px
    }
    .article-list-container .store-finder-box .store-finder-cont .sfcont-left-box .store-search-box .store-search-cont .store-search-type dd .logo-ic.logo-ic1 {
        background-position: -474px -367px!important
    }
    .article-list-container .store-finder-box .store-finder-cont .sfcont-left-box .store-search-box .store-search-cont .store-search-type dd .logo-ic.logo-ic2 {
        background-position: -380px -370px!important
    }
    .article-list-container .store-finder-box .store-finder-cont .sfcont-left-box .store-search-box .store-search-cont .store-search-type dd .logo-ic.logo-ic3 {
        background-position: -319px -366px!important
    }
    .article-list-container .store-finder-box .store-finder-cont .sfcont-right-box .sfcont-right-cont .store-result-line .listmap-toggle-place li i.ic-type-map {
        background-position: -405px -364px!important
    }
    .article-list-container .store-finder-box .store-finder-cont .sfcont-right-box .sfcont-right-cont .store-result-line .listmap-toggle-place li i.ic-type-list {
        background-position: -437px -366px!important
    }
    .article-list-container .store-finder-box .store-finder-cont .sfcont-right-box .sfcont-right-cont .store-item-box .store-item-info .jumpbtn .btn-white-details span:after {
        background-position: -259px -220px!important
    }
    .article-list-container .store-finder-box .store-finder-cont .sfcont-left-box .store-search-box .store-search-cont .store-search-crumbs dd .icon-clear {
        background-position: -349px -12px!important
    }
    .article-list-container .store-finder-box .store-finder-cont .sfcont-right-box .sfcont-right-cont .sf-particulars-tit .back-sf-list i {
        background-position: -286px -220px!important
    }
    .article-list-container .store-finder-box .store-finder-cont .sfcont-right-box .sfcont-right-cont .sf-particulars-box .sf-particulars-cont .share-box i.weibo,
    .article-list-container .store-finder-box .store-finder-cont .sfcont-right-box .sfcont-right-cont .sf-particulars-box .sf-particulars-cont p span i.weibo {
        background-position: -258px -450px!important
    }
    .article-list-container .store-finder-box .store-finder-cont .sfcont-right-box .sfcont-right-cont .sf-particulars-box .sf-particulars-cont .share-box i.weixin,
    .article-list-container .store-finder-box .store-finder-cont .sfcont-right-box .sfcont-right-cont .sf-particulars-box .sf-particulars-cont p span i.weixin {
        background-position: -258px -470px!important
    }
    .icon-round-gray-rights {
        background-position: -219px -60px
    }
    .icon-round-lightgray-lefts {
        background-position: -241px -60px
    }
    .icon-round-lightgray-leftm {
        width: 18px;
        height: 18px;
        background-position: -278px -60px
    }
    .icon-round-lightgray-rightm {
        width: 18px;
        height: 18px;
        background-position: -306px -60px
    }
    .automatic-out-dialog .dialog-scroll-container .dialog .icon-fault {
        background-position: -289px -266px
    }
    .my-score .scoring-details .size p .icon-size-circular {
        background-position: -70px -110px!important
    }
    .my-score .scoring-details .size p .icon-size-circular.icon-size-circular-active {
        background-position: -34px -110px!important
    }
    .my-score .upload-photos .pic li .icon-delete-picture {
        background-position: -40px -300px!important
    }
    .icon-terrex {
        background-position: -425px -398px
    }
    .icon-coupon-down {
        background-position: -34px -360px
    }
    .icon-coupon-up {
        background-position: -68px -360px
    }
    .icon-delivery {
        background-position: -19px -415px
    }
    .icon-arrow {
        background-position: 0 -415px
    }
    .icon-refund {
        background-position: -54px -415px
    }
    .icon-payment {
        background-position: -92px -415px
    }
    .icon-size {
        background-position: -128px -415px
    }
    .icon-newsletter {
        background-position: -159px -415px
    }
    .icon-sale {
        background-position: -186px -415px
    }
    .icon-products {
        background-position: -223px -415px
    }
    .icon-company {
        background-position: -263px -415px
    }
    .icon-tel {
        background-position: -301px -415px
    }
    .icon-chat-80 {
        background-position: -361px -415px
    }
    .icon-reture {
        background-position: -225px -470px
    }
    .icon-enlarge {
        background-position: 0 -606px
    }
    .icon-miadidas {
        background-position: -199px -606px
    }
    .icon-Print {
        background-position: -163px -606px
    }
    .icon-employee {
        background-position: -376px -696px
    }
    .icon-down {
        width: 14px;
        height: 8px;
        background-position: -23px 0
    }
    .icon-up {
        width: 14px;
        height: 8px;
        background-position: 0 0
    }
    .video-dialog .dialog-scroll-container .dialog .dialog-close:after {
        background-size: 600px;
        background-position: -150px -18px;
        background-position: -173px -12px
    }
    .customized-opt-box .icon-radio-blue {
        background-position: -70px -110px
    }
    .customized-opt-box .icon-radio-blue.is-active {
        background-position: -35px -110px
    }
    .hyper-launch-login .form-input-code .btn-verification-success .icon-success1 {
        background-position: -371px -324px!important
    }
    .usp-header .icon-round-gray-rights {
        width: 15px;
        height: 16px;
        background-position: -286px -219px
    }
    .icon-round-lightgray-leftm {
        width: 26px;
        height: 26px;
        background-position: 0 -553px
    }
    .icon-round-lightgray-leftm.is-disabled {
        background-position: -144px -553px
    }
    .icon-round-lightgray-rightm {
        width: 26px;
        height: 26px;
        background-position: -36px -553px
    }
    .icon-round-lightgray-rightm.is-disabled {
        background-position: -180px -553px
    }
    .delivery-address .add-address-list .distribution-list i.icon {
        margin-top: -10px!important;
        left: 20px!important
    }
    .icon-eye {
        background-position: -46px -606px
    }
    .eye-hide .icon-eye {
        background-position: -80px -606px
    }
    .icon-bule-logo {
        background-position: -319px -368px
    }
    .brafinder-main .icon-arrow-right {
        background-position: -235px -606px
    }
    .brafinder-main .icon-arrow-down {
        background-position: -271px -606px
    }
    .brafinder-main .icon-arrow-up {
        background-position: -59px -728px
    }
    .brafinder-main .icon-white-right {
        background-position: -323px -606px
    }
    .brafinder-main .icon-white-down {
        background-position: -343px -606px
    }
    .brafinder-main .icon-white-up {
        background-position: -30px -728px
    }
    .icon-black-terrex {
        background-position: -215px -697px
    }
    .icon-ercode-close {
        background-position: -171px -17px
    }
    .login-bg .login-content .login-box .login-btn .visitor span:after {
        background: url(../images/icon@2x.png);
        background-size: 500px;
        background-position: -150px -360px
    }
    .icon-hook {
        background-position: -424px -651px
    }
    .welcome-dialog .dialog-scroll-container .dialog .dialog-close:after {
        background: url(../images/icon@2x.png);
        background-size: 700px;
        background-position: -202px -17px
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn span:after {
        background-size: 500px;
        background-position: -487px -500px;
        width: 17px;
        height: 17px
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn i {
        background: url(../images/icon@2x.png);
        background-size: 1000px
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn .icon-welcome-1 {
        background-position: -854px -1005px
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn .icon-welcome-2 {
        background-position: -897px -1005px
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn .icon-welcome-3 {
        background-position: -940px -1005px
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn:hover span:after {
        background-position: -487px -500px
    }
    .icon-clover-logo {
        background-position: -320px -366px!important
    }
    .size-dialog .dialog-close:after {
        background-position: -208px -24px!important
    }
    .size-dialog .size-selector-box .icon-arrow-right {
        width: 10px;
        height: 13px;
        background-position: -237px -609px
    }
    .icon-release-dates-subscribe {
        background-position: -286px -219px
    }
    .icon-subscribe-success {
        background-position: 0 -690px
    }
    .icon-free-freight {
        background-position: -32px -690px
    }
    .icon-comments {
        background-position: -115px -719px
    }
    .icon-checked-min-cart {
        background-position: -293px -470px
    }
    .icon-checked-min-cart.is-active {
        background-position: -349px -470px
    }
    .icon-checked-min-cart.is-disabled {
        background-position: -321px -470px
    }
    .calculate-num .btn .icon-mincart-minus {
        background-position: -417px -470px
    }
    .calculate-num .btn .icon-mincart-plus {
        background-position: -377px -470px
    }
    .calculate-num .btn.is-disabled .icon-mincart-minus {
        background-position: -437px -470px
    }
    .calculate-num .btn.is-disabled .icon-mincart-plus {
        background-position: -397px -470px
    }
    .page-header-fixed .header-banner-box .icon-close {
        width: 18px;
        height: 16px;
        background-position: -238px -20px
    }
}

@media(max-width:1024px) {
    .icon-dialog-back {
        width: 8px;
        height: 14px;
        background-position: -158px -726px
    }
    .icon-new-alipay-pay {
        width: 21px;
        height: 21px;
        background-position: -168px -723px
    }
    .icon-new-weixin-pay {
        width: 21px;
        height: 21px;
        background-position: -191px -723px
    }
    .icon-new-union-pay {
        width: 21px;
        height: 21px;
        background-position: -308px -719px
    }
    .icon-new-cod-pay {
        width: 21px;
        height: 21px;
        background-position: -212px -723px
    }
    .checkout-new-coupon-code-dialog .icon-new-circle-check,
    .select-payment-dialog .icon-new-circle-check {
        width: 19px;
        height: 19px;
        background-position: -235px -724px
    }
    .checkout-new-coupon-code-dialog .is-active .icon-new-circle-check,
    .select-payment-dialog .is-active .icon-new-circle-check {
        background-position: -254px -724px
    }
    .checkout-new-container .icon-arrow-right {
        width: 8px;
        height: 16px;
        background-position: -277px -724px
    }
    .icon-address-list-info {
        width: 12px;
        height: 13px;
        background-position: -332px -723px
    }
    .icon-video-btn {
        background-position: -390px 3px
    }
    .icon-success {
        background-size: 400px;
        background-position: -203px -401px;
        width: 30px;
        height: 30px
    }
    .header-search.form-search-open .icon-search {
        background-position: -221px -18px!important
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn i {
        background: url(../images/icon@2x.png);
        background-size: 700px
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn .icon-welcome-1 {
        background-position: -598px -703px
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn .icon-welcome-2 {
        background-position: -627px -703px
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn .icon-welcome-3 {
        background-position: -657px -703px
    }
    .welcome-dialog .dialog-scroll-container .dialog .welcome-content .btn:hover span:after {
        background-size: 500px;
        background-position: -150px -360px
    }
    .icon-bundle-sale-dialog-back {
        width: 10px;
        height: 20px;
        background-position: -390px -650px
    }
}

.form-group {
    position: relative
}

.form-group .control-label {
    margin-bottom: 10px
}

.form-input,
.form-textarea {
    position: relative
}

input::-webkit-input-placeholder {
    font-family: "adihrg", "PingFangSC-Regular", "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 12px;
    color: #888;
    opacity: 1
}

input::-moz-placeholder {
    font-family: "adihrg", "PingFangSC-Regular", "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 12px;
    color: #888;
    opacity: 1
}

input:-ms-input-placeholder {
    font-family: "adihrg", "PingFangSC-Regular", "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 12px;
    color: #888;
    opacity: 1
}

input:-moz-placeholder {
    font-family: "adihrg", "PingFangSC-Regular", "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 12px;
    color: #888;
    opacity: 1
}

::-ms-clear {
    display: none
}

.form-input input,
.form-textarea input,
.form-input textarea,
.form-textarea textarea,
input.form-input,
input.form-textarea,
textarea.form-input,
textarea.form-textarea {
    width: 100%;
    height: 40px;
    line-height: 16px;
    background: #fff;
    border: 1px solid #c8cbcc;
    padding: 0 10px;
    font-size: 14px;
    color: #000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.form-input input::-ms-clear,
.form-textarea input::-ms-clear,
.form-input textarea::-ms-clear,
.form-textarea textarea::-ms-clear,
input.form-input::-ms-clear,
input.form-textarea::-ms-clear,
textarea.form-input::-ms-clear,
textarea.form-textarea::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.form-input input::-webkit-input-placeholder,
.form-textarea input::-webkit-input-placeholder,
.form-input textarea::-webkit-input-placeholder,
.form-textarea textarea::-webkit-input-placeholder,
input.form-input::-webkit-input-placeholder,
input.form-textarea::-webkit-input-placeholder,
textarea.form-input::-webkit-input-placeholder,
textarea.form-textarea::-webkit-input-placeholder {
    font-family: "adihrg", "PingFangSC-Regular", "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    color: #888;
    opacity: 1
}

.form-input input::-moz-placeholder,
.form-textarea input::-moz-placeholder,
.form-input textarea::-moz-placeholder,
.form-textarea textarea::-moz-placeholder,
input.form-input::-moz-placeholder,
input.form-textarea::-moz-placeholder,
textarea.form-input::-moz-placeholder,
textarea.form-textarea::-moz-placeholder {
    font-family: "adihrg", "PingFangSC-Regular", "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    color: #888;
    opacity: 1
}

.form-input input:-ms-input-placeholder,
.form-textarea input:-ms-input-placeholder,
.form-input textarea:-ms-input-placeholder,
.form-textarea textarea:-ms-input-placeholder,
input.form-input:-ms-input-placeholder,
input.form-textarea:-ms-input-placeholder,
textarea.form-input:-ms-input-placeholder,
textarea.form-textarea:-ms-input-placeholder {
    font-family: "adihrg", "PingFangSC-Regular", "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    color: #888;
    opacity: 1
}

.form-input input:-moz-placeholder,
.form-textarea input:-moz-placeholder,
.form-input textarea:-moz-placeholder,
.form-textarea textarea:-moz-placeholder,
input.form-input:-moz-placeholder,
input.form-textarea:-moz-placeholder,
textarea.form-input:-moz-placeholder,
textarea.form-textarea:-moz-placeholder {
    font-family: "adihrg", "PingFangSC-Regular", "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    color: #888;
    opacity: 1
}

.form-input textarea {
    padding: 10px
}

.form-input textarea:focus {
    border-color: #c8cbcc
}

input.form-input:focus,
.form-input input:focus,
input.form-input.is-focus,
.form-input input.is-focus,
.is-focus.form-input input,
.is-focus .form-input input {
    border: 1px solid #c8cbcc;
    border-bottom: 3px solid #000;
    padding-top: 2px
}

input.form-input.is-success,
.form-input input.is-success,
.is-success.form-input input,
.is-success .form-input input,
.is-success.form-input input:focus {
    border: 1px solid #c8cbcc;
    border-bottom: 3px solid #cfc;
    padding: 2px 30px 0 10px
}

.is-success.form-input:before,
.is-success .form-input:before {
    content: '';
    display: block;
    background: url(../images/icon.png);
    background-position: -304px -19px;
    width: 20px;
    height: 15px;
    position: absolute;
    top: 12px;
    right: 10px
}

.form-input .login-clears {
    position: absolute;
    top: 13px;
    transform: none;
    right: 10px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    line-height: 14px
}

.form-input .login-clears .icon-clears {
    width: 14px;
    height: 14px;
    background-position: -240px -20px
}

input.form-input.is-error,
.form-input input.is-error,
.is-error.form-input input,
.is-error .form-input input,
.is-error.form-input input:focus {
    border: 1px solid #c8cbcc;
    border-bottom: 3px solid #ff6d6d;
    padding: 2px 30px 0 10px
}

.is-error.form-input:before,
.is-error .form-input:before {
    content: '';
    display: none;
    background: url(../images/icon.png);
    background-position: -208px -20px;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 12px;
    right: 10px
}

.is-textarea.form-input:before,
.is-textarea .form-input:before {
    display: none
}

.form-input.is-disabled input,
.form-textarea.is-disabled input,
.form-input.is-disabled textarea,
.form-textarea.is-disabled textarea {
    background: rgba(235, 235, 235, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.05)
}

.msg-block {
    display: none;
    font-size: 0;
    margin-top: 4px;
    padding-left: 10px;
    text-align: left
}

.msg-block .msg-icon {
    display: none
}

.msg-block span {
    font-size: 12px;
    color: #ff6d6d!important;
    line-height: 14px
}

.is-textarea .msg-block,
.is-error .msg-block {
    display: block
}

@media(max-width:1024px) {
    .form-input .login-clears {
        width: 12px;
        height: 12px;
        line-height: 12px
    }
    .form-input .login-clears .icon-clears {
        width: 12px;
        height: 12px;
        background-position: -355px -18px
    }
}

.icon-round-gray-rights {
    width: 14px;
    height: 14px;
    background-position: -74px -20px
}

.usp-header-article {
    max-width: 100%!important;
    padding: 0!important
}

.usp-header {
    height: 40px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #c8cbcc
}

.usp-header ul>li {
    float: none;
    width: auto;
    display: inline-block
}

.usp-header ul>li:first-child {
    display: inline-block
}

.usp-header ul>li:nth-child(2) {
    margin: 0 130px
}

.usp-header ul>li>a>img {
    width: auto;
    margin-right: 7px;
    margin-top: -4px
}

.usp-header ul>li .usp-header-txt {
    display: inline-block
}

.usp-header ul>li .usp-header-txt a {
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 40px;
    text-decoration: none
}

.usp-header ul>li .usp-header-txt a i {
    vertical-align: middle;
    margin: -4px 0 0 10px
}

.usp-header .mb-zoom-icon {
    display: none
}

.dialog-opacity .dialog-scroll-container .dialog .dialog-container>div>p {
    margin: 20px
}

.dialog-opacity .dialog-scroll-container .dialog .dialog-close {
    width: 18px;
    height: 18px;
    font-size: 0;
    top: 9px;
    right: 7px;
    width: 32px;
    height: 32px
}

@media screen and (max-width:1024px) {
    .usp-header {
        padding: 0 20px;
        text-align: left;
        background: #f8f8f8;
        border: 0
    }
    .usp-header ul>li {
        float: left;
        display: none;
        width: 100%
    }
    .usp-header ul>li>a {
        display: inline-block;
        vertical-align: middle
    }
    .usp-header ul>li>a img {
        margin-top: 0
    }
    .usp-header ul>li:first-child {
        display: block
    }
    .usp-header ul>li:nth-child(2) {
        margin: 0
    }
    .usp-header ul>li .usp-header-txt {
        display: inline-block;
        vertical-align: middle;
        max-width: 80%;
        overflow: hidden
    }
    .usp-header ul>li .usp-header-txt a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .usp-header ul>li .usp-header-txt a i {
        display: none
    }
    .usp-header .mb-zoom-icon {
        display: block;
        position: absolute;
        top: 12px;
        right: 18px;
        right: 0;
        background-position: -390px -220px;
        width: 14px;
        height: 14px
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll {
        width: 100%;
        height: 100%
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll>div {
        width: 100%;
        height: 100%;
        background: white
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll>div .dialog {
        border: 0 solid #c8cbcc;
        box-shadow: none;
        min-height: 100%;
        padding: 52px 0 0 0
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll>div .dialog .dialog-close-box {
        width: 100%;
        height: 52px;
        position: absolute;
        top: 0;
        border-bottom: 1px solid #c8cbcc
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll>div .dialog .dialog-close-box .dialog-close {
        position: absolute;
        right: 18px;
        left: auto
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container p {
        text-align: left
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .list-box {
        padding-left: 20px
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .list-box .list-item {
        padding: 30px 0 26px 0;
        border-bottom: 1px dashed #d8d8d8
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .list-box .list-item:last-child {
        border-bottom: 0
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .list-box .list-item .title {
        line-height: 30px
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .list-box .list-item .title img {
        width: 30px
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .list-box .list-item .title span {
        font-size: 18px;
        color: #2f2f2f;
        line-height: 1;
        display: inline-block;
        position: relative;
        left: 10px;
        top: 4px
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .list-box .list-item .detail {
        margin-top: 16px;
        line-height: 1.5;
        padding-right: 18px
    }
    .mobile-usp-dialog .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .list-box .list-item .detail .bold {
        font-weight: bold
    }
}

html,
body {
    font-family: "adihrg", "PingFangSC-Regular", "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", sans-serif;
    color: #000;
    font-size: 12px;
    letter-spacing: 0;
    width: 100%;
    min-height: 100%
}

p {
    margin: 0
}

ul,
ol {
    list-style: none
}

div,
p,
span,
i,
ul,
li,
dl,
dt,
dd {
    word-break: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    word-break: normal;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

input,
textarea {
    font-family: "adihrg", "PingFangSC-Regular", "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", sans-serif
}

img {
    max-width: 100%
}

.article {
    padding: 0
}

a {
    color: #000
}

a:hover,
a.is-hover {
    color: #025f8e
}

a.is-active {
    color: #025f8e
}

.star-red {
    color: #c53622
}

.header-fixed {
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 11;
    top: 0;
    transition: top .3s
}

.header-fixed.header-hidden {
    top: -60px
}

.header-fixed.mail-subscription-open .header .header-container .nav-bar .header-left .navbar-header {
    width: 59px;
    height: 40px
}

.header-fixed.mail-subscription-open .header .header-container .nav-bar .header-left .navbar-header a .logo {
    width: 59px;
    height: 40px;
    margin-top: -5px;
    margin-top: 5px
}

.top-nav {
    position: relative;
    width: 100%;
    background: #000
}

.top-nav .header-top {
    position: relative;
    width: 100%;
    height: 30px
}

.top-nav .header-top .header-top-container {
    max-width: 1520px;
    padding: 0 40px;
    margin: 0 auto;
    height: 30px;
    text-align: right
}

.top-nav .header-top .header-top-container>ul {
    float: right
}

.top-nav .header-top .header-top-container>ul>li {
    float: left;
    height: 30px;
    position: relative;
    padding: 0 15px
}

.top-nav .header-top .header-top-container>ul>li a {
    font-size: 12px;
    color: #c8cbcc;
    line-height: 30px;
    display: inline-block
}

.top-nav .header-top .header-top-container>ul>li a .icon {
    vertical-align: middle;
    margin: -5px 0 0 5px
}

.top-nav .header-top .header-top-container>ul>li>span {
    color: #fff;
    margin: 0 5px
}

.top-nav .header-top .header-top-container>ul>li.delimiter {
    padding: 0
}

.top-nav .header-top .header-top-container>ul>li.delimiter span {
    display: block;
    width: 1px;
    height: 30px;
    margin: 0
}

.top-nav .header-top .header-top-container>ul>li.delimiter span:after {
    position: absolute;
    content: '';
    height: 14px;
    width: 1px;
    border-right: 1px solid #979797;
    top: 8px;
    left: 0;
    color: #979797
}

.top-nav .header-top .header-top-container>ul>li.language a.is-active {
    color: #fff
}

.top-nav .header-top .header-top-container>ul>li.mail-subscription a {
    color: #fff
}

.top-nav .header-top .header-top-container>ul>li.mail-subscription.is-active,
.top-nav .header-top .header-top-container>ul>li.mail-subscription:hover {
    background: #ebebeb
}

.top-nav .header-top .header-top-container>ul>li.mail-subscription.is-active a,
.top-nav .header-top .header-top-container>ul>li.mail-subscription:hover a {
    color: #000
}

.top-nav .header-top .header-top-container>ul>li.login-box {
    padding: 0
}

.top-nav .header-top .header-top-container>ul>li.logged-box {
    display: none;
    position: relative;
    padding: 0
}

.top-nav .header-top .header-top-container>ul>li.logged-box .sub-menu {
    right: 0;
    width: auto;
    background: #fff;
    border: 1px solid #c8cbcc;
    border-radius: 0;
    padding: 0;
    text-align: center;
    border-bottom: 0 solid #c8cbcc
}

.top-nav .header-top .header-top-container>ul>li.logged-box .sub-menu ul li {
    font-weight: normal;
    padding: 0 10px;
    border-bottom: 1px solid #c8cbcc
}

.top-nav .header-top .header-top-container>ul>li.logged-box .sub-menu ul li a {
    font-size: 12px;
    color: #000;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0;
    display: block
}

.top-nav .header-top .header-top-container>ul>li.logged-box .sub-menu ul li:hover a {
    color: #025f8e
}

.top-nav .header-top .header-top-container>ul>li.logged-box:hover .sub-menu {
    display: block
}

.top-nav .header-top .header-top-container.is-logged ul li.login-box {
    display: none
}

.top-nav .header-top .header-top-container.is-logged ul li.logged-box {
    display: block
}

.top-nav .mail-subscription-content {
    background: #ebebeb;
    display: none
}

.top-nav .mail-subscription-content>div {
    margin: 0 auto;
    max-width: 1406px;
    padding: 0 20px
}

.top-nav .mail-subscription-content .mail-subscription-main {
    position: relative
}

.top-nav .mail-subscription-content .mail-subscription-main .callout-bars {
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px;
    color: #000;
    line-height: 32px;
    padding: 21px 0
}

.top-nav .mail-subscription-content .mail-subscription-main .callout-bars .callout-bar {
    float: left;
    width: auto;
    text-align: left;
    padding: 0 188px 0 62px
}

.top-nav .mail-subscription-content .mail-subscription-main .callout-bars .callout-bar:nth-child(3) {
    padding: 0 0 0 62px
}

.top-nav .mail-subscription-content .mail-subscription-main .callout-bars .callout-bar .icon {
    vertical-align: middle;
    margin: -4px 6px 0 0
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form {
    padding: 29px 0
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group {
    float: left;
    padding: 0 0 0 62px
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group label {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group .form-input {
    width: 300px
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group .form-input .form-input-text {
    font-size: 12px;
    color: #888;
    line-height: 12px;
    padding: 10px 0 0
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-choice {
    padding: 0 0 0 190px
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-choice .form-choice-btn {
    position: relative;
    width: auto
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-choice .form-choice-btn>div {
    float: left;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    margin: 0 30px 0 0
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-choice .form-choice-btn>div .icon {
    vertical-align: middle;
    margin: -4px 8px 0 0
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-choice .form-choice-btn .form-choice-btn-checked {
    padding-left: 84px
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-choice .form-choice-btn .form-choice-btn-checked.is-active .icon-checked {
    background-position: -534px -50px
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-btn {
    padding: 22px 0 0 114px
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-btn .btn-blue {
    min-width: 130px;
    height: 42px;
    line-height: 42px
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group:first-child.is-error .msg-block .msg-icon,
.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group:first-child .is-error .msg-block .msg-icon {
    position: absolute;
    display: block;
    top: 12px;
    right: 9px
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .msg-block {
    padding-left: 0
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-statement {
    font-size: 12px;
    color: #888;
    line-height: 12px;
    padding: 9px 0 9px 62px
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-statement a {
    color: #0286cd
}

.top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-statement a:hover {
    color: #025f8e
}

.top-nav .mail-subscription-content .mail-subscription-success-main {
    display: none
}

.top-nav .mail-subscription-content.mail-subscription-success {
    background-image: linear-gradient(-179deg, #cfc 0, #e3fee3 100%);
    height: 250px
}

.top-nav .mail-subscription-content.mail-subscription-success .mail-subscription-main {
    display: none
}

.top-nav .mail-subscription-content.mail-subscription-success .mail-subscription-success-main {
    display: block;
    text-align: center;
    color: #000
}

.top-nav .mail-subscription-content.mail-subscription-success .mail-subscription-success-main h2 {
    font-size: 36px;
    line-height: 38px;
    font-weight: bold;
    padding: 70px 0 50px
}

.top-nav .mail-subscription-content.mail-subscription-success .mail-subscription-success-main h2 .icon-success {
    margin: -6px 15px 0 0;
    vertical-align: middle
}

.top-nav .mail-subscription-content.mail-subscription-success .mail-subscription-success-main p {
    font-size: 18px;
    line-height: 20px
}

.header {
    width: 100%;
    height: 50px;
    padding: 0;
    background: #000;
    position: relative;
    color: #fff
}

.header .header-container {
    max-width: 1520px;
    margin: 0 auto
}

.header .header-container .nav-bar {
    position: static;
    padding: 0 40px
}

.header .header-container .nav-bar .header-left {
    float: left
}

.header .header-container .nav-bar .header-left .navbar-header {
    position: relative;
    float: left;
    width: 200px;
    height: 20px;
    padding: 0;
    margin: 0;
    -webkit-transition: width .5s ease .3s;
    transition: width .5s ease .3s
}

.header .header-container .nav-bar .header-left .navbar-header a {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    -webkit-transition: height .1s ease .4s;
    transition: height .1s ease .4s;
    -webkit-transition: none;
    transition: none
}

.header .header-container .nav-bar .header-left .navbar-header a .logo {
    position: absolute;
    left: 0;
    top: 70%;
    width: 300px;
    height: 30px;
    /*margin-top: -18px*/
}

.header .header-container .nav-bar .header-left .navbar-menu {
    float: left;
    margin: 0 0 0 25px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills {
    position: static
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li {
    height: 50px;
    line-height: 50px;
    padding: 0 15px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li>a {
    position: relative;
    height: 100%;
    padding: 0;
    color: #fff;
    font-size: 21px;
    border-radius: 0;
    font-weight: bold
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li>a .menu-icon-box {
    display: none
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-delimiter {
    position: relative
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-delimiter span {
    position: relative;
    padding: 0;
    font-size: 18px;
    border-radius: 0;
    border-right: 1px solid #000;
    width: 1px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-delimiter span:after {
    position: absolute;
    content: '';
    height: 20px;
    width: 1px;
    border-right: 1px solid #666;
    top: 2px;
    left: 0
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-delimiter:hover {
    background: #000
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li:hover {
    background: #fff
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li:hover>a {
    color: #000
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu {
    width: 100%;
    left: 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: #fff;
    z-index: 100
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul {
    max-width: 1520px;
    margin: 0 auto;
    padding: 24px 10px 40px 40px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul a {
    color: #000;
    font-size: 14px;
    line-height: 16px;
    border-radius: 0;
    padding: 0
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul a:hover {
    text-decoration: none;
    color: #025f8e
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li {
    float: left;
    
    min-width: 200px;
    max-width: 200px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.vertical-line {
    border-left: 1px solid #c8cbcc;
    min-height: 260px;
    padding: 0 0 0 11px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li:first-child {
    margin-left: 0
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .sub-menu-title {
    margin-bottom: 17px;
    font-size: 18px;
    letter-spacing: .1px;
    line-height: 26px;
    font-weight: bold;
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .sub-menu-title:hover {
    text-decoration: none;
    color: #025f8e
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .sub-menu-title .menu-icon-box {
    display: none
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu.three-menu-new {
    display: none
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li {
    line-height: 16px;
    margin-bottom: 10px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li a {
    letter-spacing: .64px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li .discountred {
    color: #c53622
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li.discount-iterm a {
    color: #c53622
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li.iterm-line span {
    border-top: 1px solid #c8cbcc;
    width: 30px;
    height: 1px;
    display: block
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.menu-more {
    width: 100%;
    margin: 36px 0 0;
    max-width: 100%
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.menu-more a {
    font-weight: bold;
    letter-spacing: 0;
    margin-left: 50px;
    padding: 10px 0 0;
    min-width: 200px;
    max-width: 200px;
    display: inline-block;
    float: left;
    border-top: 1px solid #c8cbcc
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.menu-more a:first-child {
    margin-left: 0
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.menu-more a:hover {
    text-decoration: underline
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.menu-more a.menu-empty-term {
    border-top: 0 solid #c8cbcc;
    cursor: default
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.menu-more a.menu-empty-term:hover {
    text-decoration: none
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .link-style-no {
    cursor: default
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .link-style-no:hover {
    color: #000!important
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-brand .sub-menu .sub-menu-ul>li .sub-menu-title,
.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li .sub-menu-title {
    border-bottom: 1px solid #000;
    padding: 0 0 7px;
    margin-bottom: 12px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-brand .sub-menu .sub-menu-ul>li .sub-menu-title .icon-black-logo,
.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li .sub-menu-title .icon-black-logo {
    vertical-align: middle;
    margin: 0 3px 0 0
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-brand .sub-menu .sub-menu-ul>li .three-menu .sports-image-banner a,
.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li .three-menu .sports-image-banner a {
    position: relative;
    display: inline-block
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-brand .sub-menu .sub-menu-ul>li .three-menu .sports-image-banner a img,
.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li .three-menu .sports-image-banner a img {
    max-width: 170px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-brand .sub-menu .sub-menu-ul>li .three-menu .sports-image-banner a:hover:after,
.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li .three-menu .sports-image-banner a:hover:after {
    content: '';
    border-bottom: 3px solid #000;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-brand .sub-menu .sub-menu-ul>li:nth-child(5),
.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li:nth-child(5) {
    border-left: 1px solid #c8cbcc;
    min-height: 260px;
    padding: 0 0 0 11px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-brand .sub-menu .sub-menu-ul>li .sub-menu-title {
    max-width: 180px;
    border: 0;
    padding: 0
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-brand .sub-menu .sub-menu-ul>li .sub-menu-title span {
    display: none
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sale {
    display: none
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li {
    min-width: 170px;
    width: 170px;
    margin-left: 40px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li:first-child {
    margin-left: 0
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li:nth-child(5) {
    border-left: 0 solid #c8cbcc;
    min-height: 100%;
    padding: 0
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li:nth-child(6) {
    border-left: 1px solid #c8cbcc;
    min-height: 260px;
    padding: 0 0 0 11px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.menu-more {
    width: 100%;
    margin-left: 0
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.menu-more a {
    min-width: 170px;
    width: 170px;
    margin-left: 40px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.menu-more a:first-child {
    margin-left: 0
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.more-btn {
    display: none
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-miadidas .sub-menu .sub-menu-ul>li.item-line-bottom .sub-menu-title {
    border-bottom: 1px solid #000;
    padding: 0 0 4px;
    margin-bottom: 17px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-miadidas .sub-menu .sub-menu-ul>li.item-line-bottom .sub-menu-title .icon-personalise {
    vertical-align: middle;
    margin: 0 5px 0 0
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills .mod-newlabel {
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    height: 16px;
    font-size: 12px;
    box-sizing: border-box;
    line-height: 14px;
    padding: 1px 6px 0;
    letter-spacing: 1.3px;
    background-color: rgba(48, 149, 75, 0.8);
    margin-left: 7px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills .mod-newlabel-stair {
    height: 19px;
    line-height: 15px;
    margin-top: -2px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills .mod-newlabel-second {
    height: 20px;
    line-height: 18px;
    margin-top: -4px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills .mod-newlabel-three {
    margin-top: -3px;
    height: 20px;
    line-height: 18px
}

.header .header-container .nav-bar .header-left .navbar-menu .menu-box .mob-nav-iterm {
    display: none
}

.header .header-container .nav-bar .header-right {
    float: right;
    margin: 0
}
/*王莹莹改,搜索框css*/
.header .header-container .nav-bar .header-right .header-search {
    position: relative;
    float: left;
    height: 50px
}

.header .header-container .nav-bar .header-right .header-search .search {
    position: relative;
    width: 260px;
    height: 50px;
    padding: 9px 0 0;
    background: transparent;
    border: 0 solid #fff
}
.header .search .search-form .search-info .search-type-box{
    width: 40px;
    position: absolute;
    left: 0;
    color: #333;
    line-height: 32px;
    height: 32px;
    display: none;
}
.header .search .search-form .search-info .search-box{
    height: 32px;
    position: absolute;
    left: 40px;
}
.header .search .search-form .search-info .search-box  .search-box-con .search-box-input{
    height: 32px;
    line-height: 16px;
    padding: 0 15px;
    font-size: 12px;
    color: #000;
    outline: 0;
    width: 100%;
    border: 0;
    border-radius: 0;
    background: #fff;
}
.header .search .search-form .search-info .button{
    position: absolute;
    left: 209px;
    width: 50px;
    height: 32px;
    line-height: 32px;
    border: 0;
    font-size: 12px;
    letter-spacing: 3px;
    cursor: pointer;
    color: #fff;
    overflow: hidden;
    background: #025f8e;
}
.header .header-container .nav-bar .header-right .header-search .search-results {
    display: none;
    position: absolute;
    top: 50px;
    right: 0px;
    width: 615px;
    z-index: 11;
    background: #fff;
    color: #000;
    -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1);
    width: auto;
    padding: 15px 20px
}
.header .header-container .nav-bar .header-right .header-search .search-results .search-before-content{
    width: 260px;
}
.header .header-container .nav-bar .header-right .header-search .search-results .search-before-content .history-results{
    float: left;
    position: relative;
    width: 80px;
    margin: 0 30px 0 0;
}
.header .header-container .nav-bar .header-right .header-search .search-results .search-before-content .rec-results{
    float: left;
    position: relative;
}
.header .header-container .nav-bar .header-right .header-search .search-results .search-before-content .history-results span, .header .header-container .nav-bar .header-right .header-search .search-results .search-before-content .rec-results span{
    font-size: 14px;
    color: #000;
    line-height: 16px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: bold;
}
.header .header-container .nav-bar .header-right .header-search .search-results ul.history-results li.title a, .header .header-container .nav-bar .header-right .header-search .search-results ul.rec-results li a{
    font-size: 12px;
    color: #999;
    line-height: 14px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 4px 0;
}
.header .header-container .nav-bar .header-right .header-search .search-results ul.rec-results li.title{
    margin-bottom: 6px;
}
.header .header-container .nav-bar .header-right .header-search .search-results ul.history-results li.title a.clear-history{
    padding-top: 10px;
    color: #000;
    
}
.search-results ul.rec-results li.title i.close{
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 24px;
    cursor: pointer;
    font-size: 16px;
    background-position: -241px -21px;
    background-image: url(../images/icon.png);
    top: 3px;
    left: 130px;
}
/*结束*/
.header .header-container .nav-bar .header-right>li.header-search .form-search input {
    border: 0;
    border-radius: 0;
    background: #fff;
    outline: 0;
    width: 100%;
    padding: 0 34px;
    font-size: 12px;
    color: #000;
    height: 32px;
    line-height: 16px
}

.header .header-container .nav-bar .header-right>li.header-search .form-search a {
    position: absolute;
    top: 9px;
    left: 0;
    width: 32px;
    height: 32px
}

.header .header-container .nav-bar .header-right>li.header-search .form-search a .icon-search {
    margin: 8px 0 0 8px
}

.header .header-container .nav-bar .header-right>li.header-search .form-search a.search-clear {
    display: none;
    left: auto;
    right: 0
}

.header .header-container .nav-bar .header-right>li.header-search .form-search a.search-clear .icon-search-clear {
    margin: 10px 0 0 12px
}



.header .header-container .nav-bar .header-right>li.header-search .search-box .title {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: left
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-word {
    float: left;
    width: 48%;
    position: relative
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-word ul {
    border-left: none;
    border-right: 0;
    height: 200px
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-word ul li {
    padding: 4px 15px 10px 0
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-word ul li a {
    font-size: 14px;
    line-height: 16px
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-word .search-banner {
    position: relative
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-word .search-banner a {
    display: inline-block;
    text-align: center;
    max-width: 180px;
    border: 1px solid #ebebeb
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-word .search-banner a p {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 38px
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-product {
    float: right;
    width: 52%;
    position: relative
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box {
    margin: 0
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item {
    margin: 0 0 20px
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a {
    display: block
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a img {
    float: left;
    width: 80px
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a .product {
    float: left;
    max-width: 200px;
    margin-left: 6px
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a .product>span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 10px
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a .product>span:nth-child(2) {
    color: #888
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a .product>span:nth-child(3) {
    color: #000;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a .product>span.goods-price {
    color: #c53622
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a .product>span.goods-price.price-single {
    color: #000
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a .product>span.goods-price del {
    color: #5e686e;
    margin-left: 5px
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a .product .goods-star-box {
    line-height: 14px
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a .product .goods-star-box .star-box-gyi {
    float: left;
    position: relative;
    margin-right: 10px;
    height: 14px;
    padding: 1px 0 0
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a .product .goods-star-box .star-box-gyi .star-yellow-box {
    overflow: hidden;
    position: absolute;
    margin: 0;
    line-height: 14px
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a .product .goods-star-box>span {
    color: #888;
    margin: 0
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-before-content {
    width: 290px
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-before-content .search-word p {
    font-size: 14px;
    color: #000;
    line-height: 16px;
    margin-bottom: 10px
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-before-content .search-word:nth-child(1) {
    width: 80px;
    margin: 0 30px 0 0
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-before-content .search-word:nth-child(2) {
    width: 180px
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-before-content .search-word ul {
    height: auto
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-before-content .search-word ul li {
    padding: 4px 0
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-before-content .search-word ul li a {
    font-size: 12px;
    color: #999;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.header .header-container .nav-bar .header-right>li.header-search .search-box .search-after-content {
    display: none;
    width: 615px
}

.header .header-container .nav-bar .header-right>li.header-search.form-search-open {
    z-index: 1
}

.header .header-container .nav-bar .header-right>li.header-search.form-search-open .form-search {
    position: absolute;
    width: 240px;
    top: 0;
    right: -57px
}

.header .header-container .nav-bar .header-right>li.header-search.form-search-open .form-search a.search-clear {
    display: block
}

.header .header-container .nav-bar .header-right>li.header-search.form-search-open .search-box {
    display: block
}

.header .header-container .nav-bar .header-right>li.header-cart {
    width: 56px;
    margin-left: 1px;
    position: relative
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    width: 360px;
    height: auto;
    z-index: 1;
    padding: 20px;
    color: #000;
    box-shadow: 0 0 5px rgba(204, 204, 204, 0.75);
    display: none
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-btn {
    margin-top: 20px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-btn a {
    width: 100%;
    height: 42px;
    line-height: 42px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-btn .msg-block {
    padding-left: 0;
    margin-top: 5px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-btn .msg-block span {
    line-height: 16px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-total {
    text-align: right;
    margin-top: 10px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-total span:last-child {
    font-size: 16px;
    font-weight: bold
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-head {
    position: relative;
    font-size: 14px;
    color: #000
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-head .left {
    font-size: 0
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-head .left .checkbox,
.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-head .left .shop-num-box {
    display: inline-block;
    vertical-align: middle
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-head .left .checkbox {
    cursor: pointer
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-head .left .checkbox i,
.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-head .left .checkbox label {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-head .left .checkbox label {
    margin-left: 5px;
    font-size: 14px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-head .left .shop-num-box {
    font-size: 12px;
    margin-left: 15px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-head .right {
    position: absolute;
    top: 0;
    right: 0
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-head .right a {
    color: #000
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content {
    margin-top: 10px;
    border-top: 1px solid #c8cbcc
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .tinyscrollbar {
    margin: 0
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .tinyscrollbar .viewport {
    height: auto;
    max-height: 356px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .tinyscrollbar .viewport .overview>ul>li {
    position: relative;
    padding: 10px 0 10px 35px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .tinyscrollbar .viewport .overview>ul>li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 35px;
    border-bottom: 1px dotted #c8cbcc
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .tinyscrollbar .viewport .overview>ul>li:first-child:before {
    display: none
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .tinyscrollbar .viewport .overview>ul>li:last-child {
    border-bottom: 0 dotted #c8cbcc
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .tinyscrollbar .viewport .overview>ul>li .checkbox {
    font-size: 0;
    position: absolute;
    top: 30px;
    left: 0;
    cursor: pointer
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .tinyscrollbar .scrollbar {
    right: -16px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .tinyscrollbar .scrollbar.disable {
    display: none
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item {
    position: relative
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .info-stock {
    position: absolute;
    top: 64px;
    left: 0;
    font-size: 12px;
    color: #999
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-img {
    float: left;
    width: 60px;
    height: auto;
    display: block;
    margin-right: 10px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail {
    float: left;
    width: 214px;
    font-size: 12px;
    line-height: 14px;
    position: relative
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .mincart-name {
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    display: block;
    max-width: calc(100% - 40px)
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail>p {
    color: #888;
    margin-top: 6px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail>p span {
    color: #000
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .calculate-num {
    font-size: 0;
    margin-top: 6px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .calculate-num .btn,
.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .calculate-num .form-input {
    display: inline-block;
    vertical-align: top
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .calculate-num .btn {
    min-width: 24px;
    height: 24px;
    background: #fff;
    border: 1px solid #c8cbcc;
    padding: 0;
    position: relative
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .calculate-num .btn.is-disabled {
    background: rgba(235, 235, 235, 0.8)!important
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .calculate-num .btn .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .calculate-num .form-input {
    width: 36px;
    height: 24px;
    text-align: center;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #c8cbcc;
    border-left: none;
    border-right: 0
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .calculate-num .form-input:focus {
    border: 1px solid #c8cbcc;
    padding-top: 0
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .price-item {
    position: absolute;
    right: 0;
    bottom: 7px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .price-item .goods-price {
    color: #c53622;
    font-weight: bold
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .price-item .goods-price.price-single {
    color: #000;
    font-weight: normal
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .price-item .goods-price del {
    color: #888;
    font-weight: normal;
    margin-left: 4px
}

.header .header-container .nav-bar .header-right>li.header-cart .minicart-box .mincart-content .mincart-item .mincart-detail .mincart-del {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 0 0 2px;
    font-size: 12px;
    color: #999
}

.header .header-container .nav-bar .header-right>li.header-cart>a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.header .header-container .nav-bar .header-right>li.header-cart>a .icon-cart {
    margin: 14px 0 0 19px
}

.header .header-container .nav-bar .header-right>li.header-cart>a span {
    display: none;
    color: #0287cd;
    font-size: 12px;
    position: absolute;
    width: 18px;
    height: 14px;
    top: 20px;
    left: 19px;
    text-align: center
}

.header .header-container .nav-bar .header-right>li.header-cart.header-cart-has,
.header .header-container .nav-bar .header-right>li.header-cart:hover,
.header .header-container .nav-bar .header-right>li.header-cart.is-hover {
    background: #0287cd
}

.header .header-container .nav-bar .header-right>li.header-cart.header-cart-has>a .icon-cart,
.header .header-container .nav-bar .header-right>li.header-cart:hover>a .icon-cart,
.header .header-container .nav-bar .header-right>li.header-cart.is-hover>a .icon-cart {
    background-position: -334px -190px
}

.header .header-container .nav-bar .header-right>li.header-cart.header-cart-has>a span,
.header .header-container .nav-bar .header-right>li.header-cart:hover>a span,
.header .header-container .nav-bar .header-right>li.header-cart.is-hover>a span {
    display: block
}

@media(max-width:1365px) {
    .top-nav .mail-subscription-content .mail-subscription-main .callout-bars .callout-bar {
        padding: 0 150px 0 62px
    }
    .top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-choice {
        padding: 0 0 0 152px
    }
    .top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-btn {
        padding: 22px 0 0 76px
    }
}

@media(max-width:1288px) {
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li {
        margin-left: 35px
    }
}

@media(max-width:1279px) {
    .top-nav .mail-subscription-content .mail-subscription-main .callout-bars .callout-bar {
        padding: 0 5px;
        text-align: center;
        width: 33.3333%
    }
    .top-nav .mail-subscription-content .mail-subscription-main .callout-bars .callout-bar:nth-child(3) {
        padding: 0 5px
    }
    .top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group {
        padding: 0 0 0 74px
    }
    .top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group .form-input {
        width: 250px
    }
    .top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-choice {
        padding: 0 0 0 120px
    }
    .top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-btn {
        padding: 22px 0 0 60px
    }
    .top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-statement {
        padding: 9px 0 9px 74px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li {
        margin-left: 30px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.menu-more a {
        margin-left: 30px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li {
        margin-left: 20px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li:first-child {
        margin-left: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.menu-more {
        margin-left: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.menu-more a {
        margin-left: 20px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.menu-more a:first-child {
        margin-left: 0
    }
}

@media(max-width:1199px) {
    .top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group {
        padding: 0 0 0 45px
    }
    .top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group .form-input {
        width: 250px
    }
    .top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-choice {
        padding: 0 0 0 60px
    }
    .top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-form .form-group.form-group-btn {
        padding: 22px 0 0 35px
    }
    .top-nav .mail-subscription-content .mail-subscription-main .mail-subscription-statement {
        padding: 9px 0 9px 45px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li {
        margin-left: 15px;
        min-width: 180px;
        max-width: 180px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.menu-more a {
        margin-left: 15px;
        min-width: 180px;
        max-width: 180px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li:nth-child(6) {
        display: none
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.menu-more a:nth-child(6) {
        display: none
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.more-btn {
        display: block;
        margin: 0;
        position: absolute;
        right: 0;
        top: 20px;
        width: 35px;
        min-width: 10px;
        height: 140px;
        background: #0287cd;
        border-radius: 2px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.more-btn a {
        display: block;
        font-size: 16px;
        color: #FFF;
        letter-spacing: 0;
        line-height: 18px;
        border: 0;
        padding: 20px 10px 0;
        height: 140px;
        margin: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.more-btn a .icon-more-down {
        margin-top: 10px
    }
}

@media(max-width:1024px) {
    .header {
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #333;
        min-width: 320px
    }
    .header .header-container {
        max-width: 100%;
        height: 100%
    }
    .header .header-container .nav-bar {
        width: 100%;
        height: 100%;
        float: left;
        padding: 0
    }
    .header .header-container .nav-bar .header-left {
        height: 100%
    }
    .header .header-container .nav-bar .header-left .m-menu {
        float: left;
        width: 60px;
        height: 100%;
        padding: 24px 20px;
        border-right: 1px solid #333
    }
    .header .header-container .nav-bar .header-left .m-menu span {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        width: 100%;
        height: 2px;
        background-color: #fff;
        display: block;
        margin: 0 auto 2px;
        border-radius: 0
    }
    .header .header-container .nav-bar .header-left .m-menu.is-active span:first-child {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 14px 4px;
        -moz-transform-origin: 14px 4px;
        -ms-transform-origin: 14px 4px;
        -o-transform-origin: 14px 4px;
        transform-origin: 14px 4px
    }
    .header .header-container .nav-bar .header-left .m-menu.is-active span:nth-child(2) {
        -webkit-transition: opacity .25s .1s;
        -moz-transition: opacity .25s .1s;
        -ms-transition: opacity .25s .1s;
        -o-transition: opacity .25s .1s;
        transition: opacity .25s .1s;
        opacity: 0
    }
    .header .header-container .nav-bar .header-left .m-menu.is-active span:last-child {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 14px -1px;
        -moz-transform-origin: 14px -1px;
        -ms-transform-origin: 14px -1px;
        -o-transform-origin: 14px -1px;
        transform-origin: 14px -1px
    }
    .header .header-container .nav-bar .header-left .m-menu-language {
        float: left;
        width: 60px;
        height: 100%;
        border-right: 1px solid #333
    }
    .header .header-container .nav-bar .header-left .m-menu-language .dropdown .btn {
        background: transparent;
        border: 0;
        height: 59px;
        padding: 0;
        line-height: normal;
        text-align: center
    }
    .header .header-container .nav-bar .header-left .m-menu-language .dropdown .btn .dropdown-text-cn,
    .header .header-container .nav-bar .header-left .m-menu-language .dropdown .btn .dropdown-text-en {
        display: none
    }
    .header .header-container .nav-bar .header-left .m-menu-language .dropdown .btn>span {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
        width: 100%;
        cursor: pointer;
        font-size: 14px;
        color: #fff;
        line-height: 58px
    }
    .header .header-container .nav-bar .header-left .m-menu-language .dropdown .btn>span>span {
        color: #a3a3a3
    }
    .header .header-container .nav-bar .header-left .m-menu-language .dropdown .btn.btn-cn .dropdown-text,
    .header .header-container .nav-bar .header-left .m-menu-language .dropdown .btn.btn-cn .dropdown-text-en {
        display: none
    }
    .header .header-container .nav-bar .header-left .m-menu-language .dropdown .btn.btn-cn .dropdown-text-cn {
        display: block
    }
    .header .header-container .nav-bar .header-left .m-menu-language .dropdown .btn.btn-en .dropdown-text,
    .header .header-container .nav-bar .header-left .m-menu-language .dropdown .btn.btn-en .dropdown-text-cn {
        display: none
    }
    .header .header-container .nav-bar .header-left .m-menu-language .dropdown .btn.btn-en .dropdown-text-en {
        display: block
    }
    .header .header-container .nav-bar .header-left .navbar-header {
        height: 100%;
        width: 60px;
        text-align: center;
        position: absolute;
        top: 0;
        left: 50%;
        margin: 0 0 0 -30px
    }
    .header .header-container .nav-bar .header-left .navbar-header a {
        display: block;
        height: 100%;
        position: static;
        margin: 0
    }
    .header .header-container .nav-bar .header-left .navbar-header a .logo {
        width: 42px;
        height: auto;
        position: static;
        margin-top: 5px
    }
    .header .header-container .nav-bar .header-left .navbar-menu {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 60px;
        left: -100%;
        z-index: 998;
        overflow: hidden;
        margin: 0;
        padding: 0 50px 0 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .scroller-wrap {
        background: #000
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box-bg {
        background: #000;
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: -100%;
        left: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li {
        width: 100%;
        margin: 0;
        height: auto;
        line-height: normal;
        position: relative;
        padding: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li>a {
        padding: 14px 20px;
        line-height: 20px;
        text-align: center
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li>a .menu-icon-box {
        display: block;
        width: 59px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 50%;
        margin: -20px 0 0 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li>a .menu-icon-box .icon-arrow-down {
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -4px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-delimiter {
        padding: 13px 20px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-delimiter span {
        width: 100%;
        border: 0;
        border-top: 1px solid #3e3e3e;
        display: block
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-delimiter span:after {
        display: none
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sale {
        display: block
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li:hover {
        background: transparent
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li:hover>a {
        color: #fff
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.is-open>a {
        color: #000;
        background: #ececec
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.is-open>a .menu-icon-box .icon-arrow-down {
        background-position: 0 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu {
        position: relative;
        top: 0;
        width: 100%
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul {
        width: 100%;
        margin: 0;
        padding: 0;
        background: #f7f7f7
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li {
        width: 100%;
        height: auto;
        line-height: normal;
        position: relative;
        float: none;
        margin: 0;
        border-bottom: 1px solid #ebebeb;
        max-width: 100%
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.vertical-line {
        border-left: 0 solid #c8cbcc;
        min-height: 100%;
        padding: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.menu-more {
        margin: 0;
        display: none
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.menu-more a {
        max-width: 100%
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li:last-child {
        border-bottom: 0 solid #ebebeb
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .sub-menu-title {
        font-weight: bold;
        padding: 15px 20px 16px!important;
        margin-bottom: 0!important;
        font-size: 14px;
        color: #232323;
        line-height: 16px;
        border-bottom: 0 solid #ebebeb!important
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .sub-menu-title:hover {
        color: #232323
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .sub-menu-title>i,
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .sub-menu-title .icon-black-logo {
        display: none
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .sub-menu-title .menu-icon-box {
        display: block;
        width: 59px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 50%;
        margin: -20px 0 0 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .sub-menu-title .menu-icon-box .icon-arrow-down {
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -4px;
        background-position: -24px 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.is-open>.sub-menu-title {
        background: transparent;
        border-bottom: 1px solid #ebebeb
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.is-open>.sub-menu-title .menu-icon-box .icon-arrow-down {
        background-position: 0 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu {
        display: none;
        background: #fff
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li {
        width: 100%;
        height: auto;
        line-height: normal;
        position: relative;
        float: none;
        margin: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li a {
        border-bottom: 1px solid #ebebeb;
        color: #232323;
        position: relative;
        font-size: 14px;
        padding: 15px 20px 15px 40px;
        line-height: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        display: inline-block
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li a:nth-child(odd):after {
        content: '';
        display: none
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li a:hover {
        color: #232323
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li.sports-image-banner,
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li.iterm-line {
        display: none
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li.discount-iterm a {
        color: #232323
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li:last-child {
        border-bottom: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li .three-menu>li:last-child a:last-child {
        border-bottom: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.latest-activities .three-menu>li {
        border-bottom: 1px solid #ebebeb
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.latest-activities .three-menu>li a {
        width: 50%;
        border-bottom: 0 solid #ebebeb;
        padding: 15px 0 15px 0;
        text-align: center
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.latest-activities .three-menu>li a:nth-child(odd):after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        border-left: 1px solid #ebebeb;
        width: 1px;
        height: 24px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.latest-activities .three-menu>li:last-child {
        border-bottom: 0 solid #ebebeb
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li .sub-menu .sub-menu-ul>li.latest-activities .three-menu>li:last-child a {
        border: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-brand .sub-menu .sub-menu-ul>li:nth-child(5),
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li:nth-child(5) {
        border-left: 0 solid #c8cbcc;
        min-height: 100%;
        padding: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-brand .sub-menu .sub-menu-ul>li .three-menu>li a .icon-terrex,
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li .three-menu>li a .icon-terrex {
        display: none
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-brand .sub-menu .sub-menu-ul>li .sub-menu-title {
        max-width: 100%
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-brand .sub-menu .sub-menu-ul>li .sub-menu-title img {
        display: none
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-brand .sub-menu .sub-menu-ul>li .sub-menu-title span {
        display: block
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li {
        width: 100%;
        margin: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li:nth-child(6) {
        display: none;
        min-height: 0;
        padding: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.menu-more a:nth-child(6) {
        display: none
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.more-btn {
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        min-width: 10px;
        height: auto;
        background: transparent;
        border-radius: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.more-btn a {
        font-size: 14px;
        color: #232323;
        line-height: 16px;
        height: auto
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills>li.nav-menu-sports .sub-menu .sub-menu-ul>li.more-btn a .icon-more-down {
        display: none
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills .mod-newlabel-parent {
        display: inline-block;
        position: relative
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills .mod-newlabel-parent .mod-newlabel {
        position: absolute;
        left: 100%;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        color: #fff;
        vertical-align: middle;
        height: 16px;
        box-sizing: border-box;
        line-height: 14px;
        padding: 1px 6px 0;
        letter-spacing: 1.3px;
        background-color: rgba(48, 149, 75, 0.8);
        margin-left: 7px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills .mod-newlabel-parent .mod-newlabel-stair {
        margin-top: 1px;
        height: 18px;
        line-height: 16px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills .mod-newlabel {
        vertical-align: top;
        display: inline-block;
        color: #fff;
        height: 16px;
        font-size: 12px;
        box-sizing: border-box;
        line-height: 14px;
        padding: 1px 6px 0;
        letter-spacing: 1.3px;
        background-color: rgba(48, 149, 75, 0.8);
        margin-left: 7px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills .mod-newlabel-second {
        margin-top: 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .nav-pills .mod-newlabel-three {
        margin-top: initial
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .mob-nav-iterm {
        display: block;
        background: #1b1b1b
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .mob-nav-iterm>li {
        width: 100%;
        margin: 0;
        height: auto;
        line-height: normal;
        position: relative;
        padding: 0;
        border-bottom: 1px solid #3e3e3e
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .mob-nav-iterm>li a {
        font-size: 16px;
        color: #FFF;
        line-height: 18px;
        text-align: center;
        position: relative;
        display: block;
        padding: 15px 20px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .mob-nav-iterm>li a .icon {
        vertical-align: middle;
        margin: -4px 10px 0 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .mob-nav-iterm>li a .icon.icon-online-service {
        margin: -1px 10px 0 0
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .mob-nav-iterm>li.mob-language {
        text-align: center
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .mob-nav-iterm>li.mob-language a {
        display: inline-block;
        padding: 15px 4px 15px 6px;
        color: #a3a3a3
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .mob-nav-iterm>li.mob-language a.is-active {
        color: #fff
    }
    .header .header-container .nav-bar .header-left .navbar-menu .menu-box .mob-nav-iterm>li.mob-language span {
        position: relative;
        padding: 0;
        font-size: 14px;
        border-radius: 0;
        border-right: 1px solid #fff;
        width: 1px
    }
    .header .header-container .nav-bar .header-left .navbar-menu .header-mask {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1
    }
    .header .header-container .nav-bar .header-left .navbar-menu-background {
        background: red;
        position: fixed;
        top: 60px;
        right: 100%;
        width: 50px;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 998
    }
    .header .header-container .nav-bar .header-left .mob-menu-top {
        position: fixed;
        top: 0;
        z-index: 1;
        background: #000;
        width: calc(100% - 50px);
        left: -100%
    }
    .header .header-container .nav-bar .header-left .mob-menu-top .m-menu {
        border-right: 0;
        float: right;
        padding: 24px 16px 24px 24px
    }
    .header .header-container .nav-bar .header-left .mob-menu-top .menu-top-content {
        width: calc(100% - 60px);
        line-height: 60px;
        float: left
    }
    .header .header-container .nav-bar .header-left .mob-menu-top .menu-top-content * {
        display: inline-block;
        color: #fff;
        font-size: 14px
    }
    .header .header-container .nav-bar .header-left .mob-menu-top .menu-top-content a {
        padding: 0 3px
    }
    .header .header-container .nav-bar .header-left .mob-menu-top .menu-top-content i {
        vertical-align: middle;
        margin: -8px 5px 0 20px
    }
    .header .header-container .nav-bar .header-right {
        height: 100%;
        margin: 0
    }
    .header .header-container .nav-bar .header-right>li {
        position: relative;
        width: 60px;
        height: 100%;
        border-left: 1px solid #333;
        padding: 0
    }
    .header .header-container .nav-bar .header-right>li.header-search {
        position: static
    }
    .header .header-container .nav-bar .header-right>li.header-search .m-search {
        height: 100%
    }
    .header .header-container .nav-bar .header-right>li.header-search .m-search .icon-search-m {
        margin: 21px 0 0 21px
    }
    .header .header-container .nav-bar .header-right>li.header-search .m-search.is-open {
        background: #363738
    }
    .header .header-container .nav-bar .header-right>li.header-search .form-search {
        display: none;
        position: absolute;
        left: 0;
        top: 60px;
        padding-top: 0;
        width: 100%;
        height: 50px;
        z-index: 1000;
        background: #363738;
        padding: 4px 10px
    }
    .header .header-container .nav-bar .header-right>li.header-search .form-search input {
        width: 100%;
        height: 42px;
        padding: 0 15px 0 36px
    }
    .header .header-container .nav-bar .header-right>li.header-search .form-search a {
        width: 32px;
        height: 42px;
        top: 4px;
        left: 10px
    }
    .header .header-container .nav-bar .header-right>li.header-search .form-search a .icon-search {
        margin: 13px 0 0 10px
    }
    .header .header-container .nav-bar .header-right>li.header-search .form-search a.search-clear {
        right: 10px;
        display: block
    }
    .header .header-container .nav-bar .header-right>li.header-search .form-search a.search-clear .icon-search-clear {
        margin: 15px 0 0 12px
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box {
        width: 100%;
        top: 110px;
        padding: 0;
        z-index: 1000;
        right: 0;
        padding: 20px;
        padding: 10px 10px 0
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .title {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 15px;
        font-weight: bold
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-word {
        width: 100%;
        padding-top: 15px
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-word .search-banner {
        padding: 38px 0 10px
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-word .search-banner a {
        max-width: 100%;
        border: 0 solid #ebebeb;
        width: 100%;
        text-align: left
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-word .search-banner a img {
        width: 100%
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-word ul {
        height: auto
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-word ul li {
        padding: 4px 0 12px
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-word ul li a {
        display: block
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-product {
        width: 100%
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item>a .product {
        max-width: 190px
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item:nth-child(3),
    .header .header-container .nav-bar .header-right>li.header-search .search-box .goods-box .goods-item:nth-child(4) {
        display: none
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-before-content {
        width: 100%
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-before-content .search-word {
        padding-top: 0
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-before-content .search-word:nth-child(1) {
        width: 100%;
        margin: 0;
        padding-bottom: 10px
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-before-content .search-word:nth-child(2) {
        width: 100%
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-before-content .search-word ul {
        height: auto
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-before-content .search-word ul li {
        float: left;
        padding: 0 15px 20px 0
    }
    .header .header-container .nav-bar .header-right>li.header-search .search-box .search-after-content {
        width: 100%
    }
    .header .header-container .nav-bar .header-right>li.header-search.form-search-open .form-search {
        width: 100%;
        top: 60px;
        right: 0
    }
    .header .header-container .nav-bar .header-right>li.header-search.form-search-open .icon-search {
        background-position: -221px -18px
    }
    .header .header-container .nav-bar .header-right>li.header-cart {
        margin: 0;
        width: 60px
    }
    .header .header-container .nav-bar .header-right>li.header-cart>a .icon-cart {
        margin: 20px 0 0 21px
    }
    .header .header-container .nav-bar .header-right>li.header-cart:hover {
        background: #000
    }
    .header .header-container .nav-bar .header-right>li.header-cart:hover>a .icon-cart {
        background-position: 0 -18px
    }
    .header .header-container .nav-bar .header-right>li.header-cart:hover>a span {
        display: none
    }
    .header .header-container .nav-bar .header-right>li.header-cart.header-cart-has {
        background: #0287cd
    }
    .header .header-container .nav-bar .header-right>li.header-cart.header-cart-has>a .icon-cart {
        background-position: -274px -18px
    }
    .header .header-container .nav-bar .header-right>li.header-cart.header-cart-has>a span {
        display: block;
        top: 24px;
        left: 20px;
        top: 25px;
        left: 21px
    }
    .header .header-container .nav-bar .header-right>li.header-cart.header-cart-has>a:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: -1px;
        left: 0;
        background: #0287cd
    }
}

.header-simple {
    width: 100%;
    height: 80px;
    padding: 0;
    background: #000;
    position: relative;
    color: #fff
}

.header-simple .header-container {
    max-width: 990px;
    margin: 0 auto;
    padding: 0 20px
}

.header-simple .header-container>a {
    float: left;
    width: 63px;
    display: block;
    line-height: 80px
}

.header-simple .header-container>a img {
    width: 100%;
    height: auto
}

.header-simple .header-container .header-simple-right {
    overflow: hidden;
    position: relative;
    float: right;
    height: 80px;
    line-height: 80px
}

.header-simple .header-container .header-simple-right>span {
    display: block;
    float: left;
    vertical-align: middle;
    line-height: 80px;
    font-size: 14px;
    color: #fff;
    font-weight: bold
}

.header-simple .header-container .header-simple-right>span a {
    color: #fff
}

.header-simple .header-container .header-simple-right>span a .icon-service {
    vertical-align: middle;
    margin: -2px 0 0 10px
}

.header-simple .header-container .header-simple-right>span>span {
    font-size: 12px;
    color: #c8c8c8;
    font-weight: 400
}

.header-simple .header-container .header-simple-right>span:nth-child(3) {
    margin: 0 28px
}

@media(max-width:1024px) {
    .header-simple {
        height: 60px;
        border-bottom: 1px solid #333
    }
    .header-simple .header-container {
        padding: 0
    }
    .header-simple .header-container>a {
        width: 44px;
        line-height: 60px;
        margin-left: 20px
    }
    .header-simple .header-container .header-simple-right {
        height: 60px;
        line-height: 60px
    }
    .header-simple .header-container .header-simple-right>span {
        position: relative;
        width: 60px;
        height: 100%;
        border-left: 1px solid #333
    }
    .header-simple .header-container .header-simple-right>span a {
        display: block;
        position: relative;
        width: 100%;
        height: 100%
    }
    .header-simple .header-container .header-simple-right>span a span {
        display: none
    }
    .header-simple .header-container .header-simple-right>span a i,
    .header-simple .header-container .header-simple-right>span a .icon-service {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -8px 0 0 -8px
    }
}

.style-guess-you-Iike {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 20px;
    margin-bottom: 20px
}

.style-guess-you-Iike h3 {
    font-size: 30px;
    color: #000;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 30px
}

.style-guess-you-Iike .swiper-container {
    width: 90%;
    margin: 0 auto
}

.style-guess-you-Iike .swiper-container .swiper-wrapper {
    margin: 0;
    position: relative
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide {
    position: relative;
    max-width: 25%;
    min-height: 340px;
    padding: 0 5px;
    width: 25%
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail {
    position: relative;
    z-index: 4;
    padding: 0;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail>a {
    position: relative;
    padding: 0;
    display: block
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .badge {
    width: 100%;
    position: absolute;
    top: 30px;
    left: 0
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .badge>div {
    height: 20px;
    width: auto
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .badge>div:first-child {
    float: left
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .badge>div:nth-child(2) {
    float: right
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .badge>div .product-icon-label {
    cursor: pointer
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box {
    padding: 10px 5px 17px
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box>a {
    width: 100%;
    padding: 0
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-title {
    font-size: 14px;
    min-height: 32px;
    max-height: 32px;
    line-height: 16px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-bottom {
    padding-top: 12px;
    line-height: 14px
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-bottom>span.goods-price {
    font-size: 14px;
    color: #c53622;
    font-weight: bold
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-bottom>span.goods-price.price-single {
    color: #000
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-bottom>span.goods-price del {
    font-size: 14px;
    color: #5e686e;
    margin-left: 6px;
    font-weight: normal
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-bottom .goods-star-box {
    padding-right: 5px;
    float: right;
    line-height: 14px
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-bottom .goods-star-box .star-box-gyi {
    float: left;
    position: relative;
    margin-right: 5px
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-bottom .goods-star-box .star-box-gyi .star-yellow-box {
    overflow: hidden;
    position: absolute
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-bottom .goods-star-box>span.star-num {
    float: left;
    font-size: 12px;
    color: #5e686e
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-bottom .goods-star-box.no-evaluate {
    opacity: 0
}

.style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide:hover .thumbnail {
    background: 0;
    box-shadow: 1px 2px 5px 0 rgba(136, 136, 136, 0.5)
}

.style-guess-you-Iike .swiper-container .swiper-button-prev,
.style-guess-you-Iike .swiper-container .swiper-button-next {
    padding: 0;
    margin: 0;
    width: 26px;
    height: 26px;
    top: 102px;
    background: url(../images/icon.png)
}

.style-guess-you-Iike .swiper-container .swiper-button-prev.swiper-button-disabled,
.style-guess-you-Iike .swiper-container .swiper-button-next.swiper-button-disabled {
    cursor: default!important;
    pointer-events: auto
}

.style-guess-you-Iike .swiper-container .swiper-button-prev {
    left: 5px;
    background-position: -216px -50px
}

.style-guess-you-Iike .swiper-container .swiper-button-prev:hover {
    background-position: -144px -50px
}

.style-guess-you-Iike .swiper-container .swiper-button-prev.swiper-button-disabled {
    background-position: -360px -50px
}

.style-guess-you-Iike .swiper-container .swiper-button-next {
    right: 5px;
    background-position: -252px -50px
}

.style-guess-you-Iike .swiper-container .swiper-button-next:hover {
    background-position: -180px -50px
}

.style-guess-you-Iike .swiper-container .swiper-button-next.swiper-button-disabled {
    background-position: -396px -50px
}

.style-guess-you-Iike .swiper-container .swiper-pagination {
    font-size: 0;
    text-align: center;
    position: relative;
    margin-top: 0;
    z-index: 6;
    bottom: 2px
}

.style-guess-you-Iike .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    display: inline-block;
    background: #c8cbcc;
    margin: 0 5px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -9000px;
    opacity: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.style-guess-you-Iike .swiper-container .swiper-pagination .swiper-pagination-bullet:hover {
    background: #025f8e;
    opacity: 1
}

.style-guess-you-Iike .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000
}

.icon-star-yellow {
    width: 70px;
    height: 12px;
    background-position: -359px -304px
}

.icon-star-gray {
    width: 70px;
    height: 12px;
    background-position: -359px -266px
}

.myaccount-might-like {
    margin: 0 -5px;
    padding: 0
}

.myaccount-might-like h3 {
    padding-bottom: 40px
}

.myaccount-might-like .swiper-container {
    width: 100%
}

.myaccount-might-like .swiper-container .swiper-wrapper .swiper-slide {
    width: 33.333%;
    max-width: 33.33%;
    min-height: 320px
}

.myaccount-might-like .swiper-container .swiper-button-prev,
.myaccount-might-like .swiper-container .swiper-button-next {
    top: 32%
}

.myaccount-might-like .swiper-container .swiper-pagination {
    margin-top: 40px
}

@media(max-width:1024px) {
    .style-guess-you-Iike {
        max-width: 100%;
        padding: 0
    }
    .style-guess-you-Iike h3 {
        font-size: 22px;
        line-height: 22px;
        padding-bottom: 20px
    }
    .style-guess-you-Iike .swiper-container {
        width: 100%;
        padding: 0
    }
    .style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide {
        position: relative;
        background: 0;
        max-width: 45%;
        min-height: 234px;
        padding: 0 6px 0 0;
        width: 45%
    }
    .style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .badge {
        top: 20px
    }
    .style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box {
        padding: 10px 2px 2px
    }
    .style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-title {
        padding-right: 0;
        height: 32px
    }
    .style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-bottom {
        padding-top: 10px
    }
    .style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-bottom>span.goods-price {
        width: 100%;
        display: block
    }
    .style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-bottom .goods-star-box {
        float: none;
        width: 100%;
        padding: 14px 0 0;
        clear: both
    }
    .style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide .thumbnail .goods-box .goods-bottom .goods-star-box:after {
        display: block;
        content: "";
        height: 0;
        clear: both;
        overflow: hidden;
        visibility: hidden
    }
    .style-guess-you-Iike .swiper-container .swiper-wrapper .swiper-slide:hover .thumbnail {
        box-shadow: none
    }
    .style-guess-you-Iike .swiper-container .swiper-button-prev,
    .style-guess-you-Iike .swiper-container .swiper-button-next {
        display: none
    }
    .style-guess-you-Iike .swiper-container .swiper-pagination {
        margin-top: 18px;
        bottom: 0
    }
    .icon-star-yellow {
        width: 60px!important;
        height: 10px!important;
        background-position: 0 -220px!important
    }
    .icon-star-gray {
        width: 60px!important;
        height: 10px!important;
        background-position: 0 -207px!important
    }
    .myaccount-might-like {
        margin: 0;
        padding: 0
    }
    .myaccount-might-like .swiper-container {
        width: 100%
    }
}

.container {
    padding-top: 80px
}

.breadcrumb ul li {
    font-size: 14px;
    line-height: 20px
}

.breadcrumb ul li:last-child a {
    color: #000
}

.breadcrumb ul li a {
    color: #000
}

.breadcrumb .icon-round-lightgray-lefts {
    margin-right: 8px;
    margin-bottom: -2px
}

.icon-round-lightgray-lefts {
    width: 14px;
    height: 14px;
    background-position: -52px -20px
}

.article-breadcrumb-common-width {
    max-width: 1230px;
    padding: 0 20px
}

.article-breadcrumb-common-width .breadcrumb {
    padding: 20px 0 30px
}

.article-my-width {
    max-width: 1230px;
    padding: 0 20px
}

.my-content-box {
    position: relative;
    padding: 0 0 50px
}

.my-content-box .myaccount-right {
    float: left;
    width: 100%
}

.my-content-box .myaccount-right .myaccount-rig-left {
    margin-left: 260px
}

.myaccount-paging {
    margin-top: 20px;
    width: 100%;
    height: 30px
}

.myaccount-paging>ul {
    float: right
}

.myaccount-left {
    float: left;
    width: 240px;
    margin-right: -240px;
    position: relative
}

.myaccount-left .myaccount-left-top {
    background: #000;
    border: 1px solid #000;
    height: 60px
}

.myaccount-left .myaccount-left-top .myaccount-tit {
    position: relative;
    padding: 0 0 0 41px
}

.myaccount-left .myaccount-left-top .myaccount-tit p {
    font-size: 20px;
    color: #FFF;
    line-height: 60px
}

.myaccount-left .myaccount-left-top .myaccount-tit .icon-head-portrait,
.myaccount-left .myaccount-left-top .myaccount-tit .icon-head-portrait-ed {
    position: absolute;
    left: 15px;
    top: 19px
}

.employee-account .myaccount-left-top {
    background: #fff;
    border-bottom: 0
}

.employee-account .myaccount-left-top .myaccount-tit p {
    color: #000
}

.left-nav-item {
    border: 1px solid #000;
    color: #000
}

.left-nav-item .item-name {
    border-bottom: 1px solid #000;
    font-size: 16px;
    line-height: 38px;
    padding: 0 15px
}

.left-nav-item ul {
    padding: 12px 0
}

.left-nav-item ul li a {
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 40px;
    padding: 0 30px;
    position: relative
}

.left-nav-item ul li a .icon-myaccount {
    display: none
}

.left-nav-item ul li a .icon-caret {
    position: absolute;
    right: 30px;
    top: 13px;
    width: 14px;
    height: 14px;
    background-position: -96px -20px;
    display: none
}

.left-nav-item ul li:hover a {
    background: rgba(222, 243, 250, 0.5)
}

.left-nav-item ul li:hover a span {
    position: relative
}

.left-nav-item ul li:hover a span:after {
    position: absolute;
    display: block;
    content: "";
    line-height: 1;
    z-index: 1;
    top: 2px;
    right: -26px;
    width: 14px;
    height: 14px;
    background: url(../images/icon.png);
    background-position: -74px -20px;
    display: none
}

.left-nav-item ul li.is-active a {
    color: #fff;
    background: #0287cd
}

.left-nav-item ul li.is-active a .icon-caret {
    display: none
}

.left-nav-item ul li.is-active a span:after {
    display: none
}

.help-left-nav-item {
    margin-top: 20px
}

.help-left-nav-item .item-name {
    font-size: 20px;
    line-height: 58px;
    border-top: 0 solid #000
}

.help-left-nav-item .item-name .icon-help {
    vertical-align: middle;
    margin: -4px 10px 0 0
}

@media(max-width:1024px) {
    .myaccount-left {
        float: none;
        width: 100%;
        margin: 0;
        z-index: 9
    }
    .myaccount-left .help-left-nav-item {
        display: none
    }
    .myaccount-left .myaccount-left-top {
        position: relative;
        background: #f9f9f9;
        border: 0 solid #000;
        height: 40px;
        box-shadow: 0 0 10px 2px #00000026
    }
    .myaccount-left .myaccount-left-top .myaccount-tit {
        padding: 0 0 0 43px
    }
    .myaccount-left .myaccount-left-top .myaccount-tit p {
        font-size: 14px;
        color: #232323;
        line-height: 40px
    }
    .myaccount-left .myaccount-left-top .myaccount-tit .icon-head-portrait,
    .myaccount-left .myaccount-left-top .myaccount-tit .icon-head-portrait-ed {
        left: 20px;
        top: 10px;
        background-position: -62px -297px;
        width: 15px;
        height: 18px
    }
    .myaccount-left .myaccount-left-top .myaccount-tit .icon-caret {
        width: 14px;
        background-position: -84px -297px;
        position: absolute;
        right: 20px;
        top: 16px
    }
    .myaccount-left .myaccount-left-top .myaccount-tit .icon-caret:after {
        content: attr(data-value);
        font-size: 12px;
        color: #000;
        position: absolute;
        top: -3px;
        left: -30px
    }
    .myaccount-left .myaccount-left-top.is-active .myaccount-tit .icon-caret {
        background-position: -84px -297px;
        transform: rotate(180deg)
    }
    .myaccount-left .myaccount-left-top.is-active .myaccount-tit .icon-caret:after {
        transform: rotate(180deg);
        right: -30px
    }
    .left-nav-item {
        display: none;
        background: #fff;
        border: 0 solid #000;
        color: #232323;
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0
    }
    .left-nav-item .item-name {
        border-top: 0 solid #000;
        border-bottom: 1px solid #c7cbcc;
        font-size: 20px;
        line-height: 22px;
        padding: 8px 0 20px;
        color: #888
    }
    .left-nav-item ul {
        padding: 10px 20px;
        font-size: 0;
        letter-spacing: 0
    }
    .left-nav-item ul li {
        width: 25%;
        text-align: center;
        margin: 10px 0 0 0;
        padding-bottom: 10px;
        display: inline-block;
        vertical-align: top
    }
    .left-nav-item ul li a {
        display: block;
        font-size: 12px;
        color: #333;
        line-height: 12px;
        padding: 0
    }
    .left-nav-item ul li a .icon-myaccount {
        display: inline-block;
        height: 30px;
        margin-bottom: 5px
    }
    .left-nav-item ul li a span {
        display: block
    }
    .left-nav-item ul li:hover a {
        color: #000;
        background: #fff
    }
    .left-nav-item ul li:hover a .icon-caret {
        display: none
    }
    .left-nav-item ul li:hover a span {
        position: relative
    }
    .left-nav-item ul li:hover a span:after {
        display: none
    }
    .left-nav-item ul li.is-active a {
        color: #000;
        background: #fff
    }
    .left-nav-item ul li.is-active a .icon-caret {
        display: none
    }
    .left-nav-item ul li.is-active a span:after {
        display: none
    }
    .left-nav-item .back-myaccount-memeber {
        border-top: 1px solid #ddd;
        text-align: center;
        cursor: pointer
    }
    .left-nav-item .back-myaccount-memeber a {
        display: block;
        padding: 12px 0
    }
    .left-nav-item .back-myaccount-memeber a span,
    .left-nav-item .back-myaccount-memeber a .icon {
        display: inline-block;
        vertical-align: middle
    }
    .left-nav-item .back-myaccount-memeber a span {
        font-size: 14px;
        color: #000;
        line-height: 14px;
        margin-right: 5px
    }
    .myaccount-nav-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 8;
        background: rgba(0, 0, 0, 0.3);
        display: none
    }
}

.paging>ul>li {
    float: left;
    line-height: 30px
}

.paging .paging-tit {
    margin: 0 10px 0 0
}

.paging .select {
    position: relative;
    min-width: 50px;
    width: auto;
    cursor: pointer;
    z-index: 1
}

.paging .paging-total {
    padding: 0 19px 0 10px
}

.paging .left-arrow .icon,
.paging .right-arrow .icon {
    display: block;
    margin: 2px 0 0 6px;
    cursor: pointer!important
}

.paging .paging-select-wrapper {
    width: 80px
}

.paging .dropdown .tinyscrollbar .viewport .overview ul li {
    height: 30px;
    line-height: 30px
}

.paging .dropdown .btn {
    height: 30px;
    line-height: 28px
}

.list-loading-wrap {
    position: relative;
    text-align: center;
    display: none
}

.scroll-container .scroll-content-site-middle .scroll-content-wrap {
    padding: 0 0 0 25.3%;
    color: #FFF;
    display: block
}

.scroll-container .scroll-content-site-middle .scroll-content-wrap h2 {
    font-size: 56px;
    line-height: 58px;
    margin: 0 0 20px
}

.scroll-container .scroll-content-site-middle .scroll-content-wrap p {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 90px
}

.scroll-container .scroll-content-site-middle .scroll-btn-component {
    margin: 0 0 0 25.3%
}

.attempt-section {
    margin-top: 50px;
    margin-bottom: 70px
}

.attempt-section .attempt-wrap {
    width: 950px;
    margin: 0 auto
}

.attempt-section .attempt-wrap h3 {
    font-size: 24px;
    color: #000;
    letter-spacing: 0;
    line-height: 33px;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #c8cbcc
}

.attempt-section .attempt-wrap .attempt-content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around
}

.attempt-section .attempt-wrap .attempt-content .attempt-items {
    width: 156px
}

.attempt-section .attempt-wrap .attempt-content .attempt-items .attempt-title {
    display: block;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 26px
}

.attempt-section .attempt-wrap .attempt-content .attempt-items .attempt-type .attempt-type-link {
    display: block;
    font-size: 14px;
    line-height: 26px
}

.attempt-section .attempt-wrap .attempt-content .attempt-items .attempt-head {
    padding-top: 10px;
    border-top: 1px solid #c8cbcc
}

.attempt-section .attempt-wrap .attempt-content .attempt-items .attempt-head .attempt-head-small {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: bold
}

.attempt-section .attempt-wrap .all-attempt-content {
    margin-top: 24px
}

.badge-container {
    margin-bottom: 10px
}

.badge-container>p {
    font-size: 14px;
    color: #000;
    line-height: 14px;
    padding: 10px 0 0;
    margin-bottom: 0!important;
    text-align: left!important
}

.badge-container .custom-fee {
    font-size: 14px;
    color: #000;
    line-height: 14px;
    border-top: 1px dotted #c8cbcc;
    padding: 12px 0 0;
    margin: 18px 0 4px
}

.badge-container .badge-swiper-container {
    padding: 12px 0 0 0
}

.badge-container .badge-swiper-container ul li {
    position: relative;
    float: none;
    width: 52px;
    margin-right: 10px;
    cursor: pointer;
    background: transparent;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    display: inline-block;
    margin-bottom: 5px
}

.badge-container .badge-swiper-container ul li img {
    width: 100%;
    background: #fff
}

.badge-container .badge-swiper-container ul li span {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 12px;
    text-align: center
}

.badge-container .badge-swiper-container ul li span.barge-price,
.badge-container .badge-swiper-container ul li span .barge-price {
    display: inline-block
}

.badge-container .badge-swiper-container ul li .icon-delete-picture {
    display: none;
    width: 14px;
    height: 14px;
    background-position: -144px -343px;
    position: absolute;
    top: -7px;
    right: -7px;
    cursor: pointer;
    z-index: 2
}

.badge-container .badge-swiper-container ul li:last-child {
    margin: 0
}

.badge-container .badge-swiper-container ul li.is-active {
    background: #fff;
    border: 1px solid #c8cbcc;
    border-bottom: 2px solid #0286cd
}

.badge-container .badge-swiper-container ul li.is-active .icon-delete-picture {
    display: block
}

.badge-container .badge-swiper-container ul li.special-radio:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(220, 220, 220, 0.2);
    border: 1px solid #c8cbcc;
    top: 0;
    left: 0;
    cursor: default
}

.badge-container .badge-swiper-container .swiper-wrapper {
    display: block;
    font-size: 0
}

.badge-container .popup-prompt {
    position: absolute;
    width: 176px;
    background: #fff;
    border: 1px solid #c8cbcc;
    text-align: center;
    padding: 10px;
    bottom: 64px;
    z-index: 3;
    left: 50%;
    margin-left: -88px;
    display: none
}

.badge-container .popup-prompt:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    border-bottom: 1px solid #c8cbcc;
    border-right: 1px solid #c8cbcc;
    bottom: -6px;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 10px
}

.badge-container .popup-prompt>div {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 36px
}

.badge-container .popup-prompt>div>div {
    display: table-cell;
    vertical-align: middle
}

.badge-container .popup-prompt p {
    font-size: 14px;
    color: #000;
    line-height: 18px
}

.right-message .special-diy-shirt .badge-container .badge-swiper-container {
    padding: 6px 0 0 0
}

.right-message .special-diy-shirt .custom-fee {
    display: none
}

.right-message .special-diy-shirt .diy-choice-2 .diy-choice-2-1 {
    width: 100%!important;
    margin-right: 0!important;
    float: none!important
}

.right-message .special-diy-shirt .special-swiper-slide:hover .popup-prompt {
    display: block
}

.right-message .swiper-container {
    overflow: visible
}

.scroll-container .scroll-link {
    z-index: 4
}

.scroll-container .scroll-btn-component {
    z-index: 5;
    display: inline-block
}

.adrPlayBtn {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-content-wrap,
.article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-content-wrap,
.article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-content-wrap,
.banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-content-wrap,
.article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-content-wrap,
.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-content-wrap,
.banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component,
.article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component,
.article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component,
.banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component,
.article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component,
.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component {
    margin: 0
}

.banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
.article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
.article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
.banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
.article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
.banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
.article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
.article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
.banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
.article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component {
    margin: 0 26% 0 0
}

.banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp12,
.article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp12,
.article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp12,
.banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp12,
.article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp12,
.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp12,
.banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp12,
.article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp12,
.article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp12,
.banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp12,
.article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp12,
.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp12,
.banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp12,
.article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp12,
.article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp12,
.banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp12,
.article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp12,
.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp12 {
    margin-top: 12%
}

.banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp16,
.article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp16,
.article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp16,
.banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp16,
.article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp16,
.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp16,
.banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp16,
.article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp16,
.article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp16,
.banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp16,
.article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp16,
.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp16,
.banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp16,
.article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp16,
.article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp16,
.banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp16,
.article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp16,
.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp16 {
    margin-top: 16%
}

.banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp19,
.article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp19,
.article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp19,
.banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp19,
.article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp19,
.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp19,
.banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp19,
.article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp19,
.article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp19,
.banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp19,
.article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp19,
.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp19,
.banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp19,
.article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp19,
.article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp19,
.banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp19,
.article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp19,
.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp19 {
    margin-left: 0;
    margin-top: 19%
}

.banner-fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(0, 0, 0, 0.8);
    z-index: 11
}

.banner-fixed-bottom .banner-bottom-content {
    position: relative
}

.banner-fixed-bottom .banner-bottom-content>a {
    display: block;
    height: 60px
}

.banner-fixed-bottom .banner-bottom-content .banner-bottom-main {
    position: relative;
    width: 100%;
    text-align: center;
    color: rgba(255, 255, 255, 0.8)
}

.banner-fixed-bottom .banner-bottom-content .banner-bottom-main h2 {
    padding-top: 10px;
    font-size: 18px;
    line-height: 20px
}

.banner-fixed-bottom .banner-bottom-content .banner-bottom-main p {
    font-size: 12px;
    line-height: 60px;
    width: 100%
}

.banner-fixed-bottom .banner-bottom-content .banner-bottom-main p a {
    color: rgba(255, 255, 255, 0.8)
}

.banner-fixed-bottom .banner-bottom-content .banner-bottom-main span {
    position: absolute;
    top: 50%;
    left: 60%;
    height: 14px;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner-fixed-bottom .banner-close {
    position: absolute;
    top: 0;
    left: 85%;
    width: 44px;
    z-index: 1
}

.banner-fixed-bottom .icon-banner-arrow {
    width: 14px;
    height: 14px;
    background-position: -416px -23px
}

.banner-fixed-bottom .icon-banner-close {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    background-position: -439px -22px;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width:1450px) {
    .banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
    .article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
    .article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
    .banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
    .article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
    .banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
    .article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
    .article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
    .banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
    .article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component {
        margin: 0 18% 0 0
    }
}

.header-banner-box {
    display: none
}

.header-banner-box.header-banner-show {
    display: block
}

.page-header-fixed .header-banner-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11
}

.page-header-fixed .header-banner-box .banner-close {
    position: absolute;
    top: 15px;
    right: 30px;
    z-index: 1;
    width: 16px;
    height: 16px
}

.page-header-fixed .header-banner-box .icon-close {
    width: 16px;
    height: 16px;
    background-position: -438px -21px
}

.scroll ul li.kv-scroll-new:nth-child(2) {
    display: block
}

@media(max-width:1024px),
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min--moz-device-pixel-ratio:2),
screen and (-o-min-device-piratio:200/100),
screen and (min-device-pixel-ratio:2) {
    .page-header-fixed .header-banner-box .icon-close {
        background-position: -211px -27px
    }
    .banner-fixed-bottom .icon-banner-close {
        background-position: -149px -17px
    }
}

@media(max-width:1024px) {
    .container {
        padding-top: 60px
    }
    .container .section-top-info .icon-top-info-close {
        right: 16px!important
    }
    .article-my-width {
        padding: 0
    }
    .my-content-box {
        padding: 0
    }
    .my-content-box .myaccount-right {
        float: none
    }
    .my-content-box .myaccount-right .myaccount-rig-left {
        margin: 0
    }
    .my-content-box .myaccount-right .myaccount-rig-left .payment-Prompt {
        background: #def3fa;
        height: 40px;
        line-height: 40px;
        padding: 0 0 0 20px
    }
    .my-content-box .myaccount-right .myaccount-rig-left .payment-Prompt .icon-prompt {
        vertical-align: middle;
        margin: -2px 6px 0 0
    }
    .my-content-box .myaccount-right .myaccount-rig-left .payment-Prompt span {
        font-size: 12px;
        color: #000;
        letter-spacing: 0
    }
    .scroll-container .scroll-content-site-middle .scroll-content-wrap {
        padding: 0 0 0 20px;
        color: #FFF
    }
    .scroll-container .scroll-content-site-middle .scroll-content-wrap h2 {
        font-size: 22px;
        line-height: 24px;
        margin: 0 0 8px
    }
    .scroll-container .scroll-content-site-middle .scroll-content-wrap p {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 20px
    }
    .list-loading-wrap {
        margin: 25px 0 10px;
        display: block
    }
    .ui-pdp-imgpop {
        width: 100%;
        position: absolute;
        position: fixed;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        background: #f8f8f8;
        padding: 40px 0 15px 0
    }
    .ui-pdp-imgpop #zoom {
        width: 100%;
        height: 100%;
        overflow: hidden
    }
    .ui-pdp-imgpop #zoom img {
        display: block;
        width: 100%
    }
    .ui-pdp-imgpop #zoom>div {
        position: relative;
        width: 100%;
        height: 100%
    }
    .ui-pdp-imgpop #zoom>div ul {
        width: 100%;
        height: 100%
    }
    .ui-pdp-imgpop #zoom>div ul li {
        width: 100%;
        height: 100%
    }
    .ui-pdp-imgpop #zoom>div ul li>div {
        width: 100%!important;
        height: 100%!important
    }
    .ui-pop-close {
        padding: 12px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 4px 10px
    }
    .ui-pop-close .icon-close-grey {
        width: 16px;
        height: 16px;
        background-position: -127px -15px;
        width: 32px;
        height: 32px;
        background-position: -174px -16px;
        background-size: 700px
    }
    .iScrollVerticalScrollbar.iScrollLoneScrollbar {
        width: 6px!important;
        background: #ebebeb!important;
        border-radius: 5px;
        right: 0!important
    }
    .iScrollVerticalScrollbar.iScrollLoneScrollbar .iScrollIndicator {
        background: #0286cd!important;
        border-radius: 5px!important;
        border: 0!important
    }
    .banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
    .article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
    .article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
    .banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
    .article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-content-wrap,
    .banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
    .article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
    .article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
    .banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
    .article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component,
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component {
        margin: 0 auto;
        margin-bottom: 5.3%
    }
    .banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp12,
    .article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp12,
    .article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp12,
    .banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp12,
    .article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp12,
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp12,
    .banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp12,
    .article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp12,
    .article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp12,
    .banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp12,
    .article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp12,
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp12,
    .banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp12,
    .article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp12,
    .article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp12,
    .banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp12,
    .article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp12,
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp12,
    .banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp16,
    .article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp16,
    .article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp16,
    .banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp16,
    .article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp16,
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp16,
    .banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp16,
    .article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp16,
    .article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp16,
    .banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp16,
    .article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp16,
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp16,
    .banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp16,
    .article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp16,
    .article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp16,
    .banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp16,
    .article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp16,
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp16,
    .banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp19,
    .article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp19,
    .article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp19,
    .banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp19,
    .article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp19,
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-left .scroll-btn-component.m-topp19,
    .banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp19,
    .article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp19,
    .article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp19,
    .banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp19,
    .article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp19,
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-center .scroll-btn-component.m-topp19,
    .banner-article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp19,
    .article .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp19,
    .article-kv .header-banner .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp19,
    .banner-article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp19,
    .article .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp19,
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content.scroll-content-text-right .scroll-btn-component.m-topp19 {
        margin-top: 0
    }
    .right-message .special-diy-shirt .special-swiper-slide .popup-prompt {
        display: none
    }
    .right-message .special-diy-shirt .special-swiper-slide:hover .popup-prompt {
        display: none
    }
    .banner-fixed-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background: rgba(0, 0, 0, 0.8);
        z-index: 11
    }
    .banner-fixed-bottom .banner-bottom-content {
        position: relative
    }
    .banner-fixed-bottom .banner-bottom-content>a {
        display: block;
        height: 60px
    }
    .banner-fixed-bottom .banner-bottom-content .banner-bottom-main {
        position: relative;
        width: 100%;
        text-align: left;
        color: rgba(255, 255, 255, 0.8)
    }
    .banner-fixed-bottom .banner-bottom-content .banner-bottom-main h2 {
        padding-top: 10px;
        font-size: 18px;
        line-height: 20px
    }
    .banner-fixed-bottom .banner-bottom-content .banner-bottom-main p {
        padding-top: 17px;
        font-size: 12px;
        line-height: 14px;
        width: 93%;
        padding-left: 1%;
        text-align: left
    }
    .banner-fixed-bottom .banner-bottom-content .banner-bottom-main p a {
        color: rgba(255, 255, 255, 0.8);
        display: inline-block
    }
    .banner-fixed-bottom .banner-bottom-content .banner-bottom-main span {
        position: absolute;
        top: 60%;
        left: 80%;
        height: 14px;
        width: 14px;
        margin: -7px 0 0 -7px
    }
    .banner-fixed-bottom .banner-close {
        position: absolute;
        top: 0;
        left: 90%;
        width: 44px;
        border-left: 0 solid rgba(255, 253, 253, 0.3);
        z-index: 1
    }
    .banner-fixed-bottom .icon-banner-arrow {
        width: 13px;
        height: 13px;
        background-position: -344px -1473px
    }
    .banner-fixed-bottom .icon-banner-close {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 14px;
        height: 14px;
        background-position: -357px -1473px;
        margin: 0 0 0 -7px
    }
    .page-header-fixed .header-banner-box .banner-close {
        position: absolute;
        padding: 10px;
        right: 4%;
        z-index: 1
    }
    .page-header-fixed .header-banner-box .icon-close {
        width: 24px;
        height: 24px;
        background-position: -205px -27px
    }
}

.more-commodity-article {
    max-width: 950px;
    margin: 0 auto 0;
    padding-top: 0
}

.more-commodity-article .product-title {
    margin: 0 0 35px
}

.more-commodity-article .product-title p {
    font-size: 29px;
    color: #000;
    text-align: center
}

.more-commodity-article.more-commodity-man {
    padding-top: 16px
}

.more-commodity-article.more-commodity-man .product-title {
    margin: 38px 0 38px
}

.more-commodity-article .product-list {
    position: relative
}

.more-commodity-article .product-list .product-list-cont {
    width: 100%
}

.more-commodity-article .product-list .product-list-cont .list-item {
    max-width: 25%;
    float: none;
    position: relative;
    padding: 0 5px;
    margin: 0 0 52px;
    display: inline-block;
    font-size: 0
}

.more-commodity-article .product-list .product-list-cont .list-item .thumbnail {
    padding: 0;
    background-color: #fff;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.more-commodity-article .product-list .product-list-cont .list-item .thumbnail .pro-big-img-box img {
    border-radius: 0
}

.more-commodity-article .product-list .product-list-cont .list-item .thumbnail .pro-big-img-box .addi-logo {
    position: absolute;
    top: 12px;
    left: 5px
}

.more-commodity-article .product-list .product-list-cont .list-item .thumbnail .pro-big-img-box .addi-logo img {
    max-height: 21px;
    width: auto
}

.more-commodity-article .product-list .product-list-cont .list-item .thumbnail .goods-box {
    padding: 10px 10px 17px 10px
}

.more-commodity-article .product-list .product-list-cont .list-item .thumbnail .goods-box .goods-title {
    font-size: 12px;
    color: #000;
    line-height: 16px;
    min-height: 32px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.more-commodity-article .product-list .product-list-cont .list-item .thumbnail .goods-box .goods-title p {
    color: #666;
    font-weight: bold;
    overflow: hidden
}

.more-commodity-article .product-list .product-list-cont .list-item .thumbnail .goods-box .goods-title span {
    color: #747474
}

.more-commodity-article .product-list .product-list-cont .list-item .thumbnail .goods-box .goods-bottom {
    margin-top: 15px
}

.more-commodity-article .product-list .product-list-cont .list-item .thumbnail .goods-box .goods-bottom .goods-price {
    font-size: 12px;
    font-weight: bold
}

.more-commodity-article .product-list .product-list-cont .list-item:hover .thumbnail {
    box-shadow: 1px 2px 5px 0 rgba(136, 136, 136, 0.5)
}

.more-commodity-article .product-list .product-list-cont .list-item:hover .thumbnail .pro-big-img-box .addi-logo {
    display: block
}

.more-commodity-article .product-list .product-list-cont .list-item:hover .thumbnail .shopping-bag {
    display: block
}

@media screen and (max-width:1024px) {
    .more-commodity-article {
        padding-top: 0
    }
    .more-commodity-article .product-title {
        margin: 0 0 15px
    }
    .more-commodity-article .product-title p {
        font-size: 18px
    }
    .more-commodity-article.more-commodity-man {
        padding-top: 10px
    }
    .more-commodity-article.more-commodity-man .product-title {
        margin: 14px 0 14px
    }
    .more-commodity-article .product-list {
        position: relative;
        margin: 0 15px 0
    }
    .more-commodity-article .product-list .product-list-cont .list-item {
        max-width: 50%;
        margin-bottom: 22px
    }
    .more-commodity-article .product-list .product-list-cont .list-item .thumbnail .pro-big-img-box .addi-logo {
        display: block
    }
    .more-commodity-article .product-list .product-list-cont .list-item .thumbnail .goods-box {
        padding: 0;
        margin-top: 0;
        padding-top: 3px
    }
    .more-commodity-article .product-list .product-list-cont .list-item .thumbnail .goods-box>p {
        font-size: 12px;
        line-height: 30px
    }
    .more-commodity-article .product-list .product-list-cont .list-item .thumbnail .goods-box .goods-title {
        font-size: 12px;
        border-top: 1px dotted #8d8d8d;
        padding-top: 7px
    }
    .more-commodity-article .product-list .product-list-cont .list-item .thumbnail .goods-box .goods-title p {
        color: #000
    }
    .more-commodity-article .product-list .product-list-cont .list-item .thumbnail .goods-box .goods-bottom {
        margin-top: 7px
    }
    .more-commodity-article .product-list .product-list-cont .list-item .thumbnail .goods-box .goods-bottom .goods-price {
        font-size: 12px
    }
    .more-commodity-article .product-list .product-list-cont .list-item:hover .thumbnail {
        box-shadow: none
    }
}

@media screen and (max-width:768px) {
    .more-commodity-article .product-list .product-list-cont .list-item .thumbnail .pro-big-img-box .addi-logo img {
        max-height: 16px
    }
}

.scroll-container {
    width: auto
}

.scroll-container .scroll-link {
    display: none
}

.scroll-container .scroll-content-wrap,
.scroll-container .scroll-btn-component {
    margin: 0!important;
    padding: 0!important
}

.scroll-container.scroll-container-left {
    left: 26%;
    right: auto
}

.scroll-container.scroll-container-right {
    left: auto;
    right: 26%
}

.scroll-container.scroll-container-center {
    left: 50%;
    right: auto;
    transform: translate(-50%, 0)
}

@media(max-width:1450px) {
    .scroll-container.scroll-container-left {
        left: 18%
    }
    .scroll-container.scroll-container-right {
        right: 18%
    }
}

@media(max-width:1024px) {
    .scroll-container {
        width: 100%;
        height: auto;
        top: auto;
        bottom: 5.3%
    }
    .scroll-container .scroll-content-wrap,
    .scroll-container .scroll-btn-component {
        padding: 0 20px!important
    }
    .scroll-container.scroll-container-left,
    .scroll-container.scroll-container-right,
    .scroll-container.scroll-container-center {
        left: auto;
        right: auto;
        transform: translate(0, 0)
    }
}

.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.btn-right-little {
    margin: 0 0 0 26.4%
}

.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.btn-middle-little {
    margin: 0 0 0 37.6%
}

.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.btn-middle {
    margin: 0 0 0 46%
}

.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.btn-right {
    margin: 0 0 0 50.3%
}

.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.m-topp12 {
    margin-top: 12%
}

.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.m-topp16 {
    margin-top: 16%
}

.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.m-topp19 {
    margin-top: 19%
}

.article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.btn-left-little {
    margin: 0 26.4% 0 0
}

.article-kv .scroll .scroller-wrap ul li .scroll-container.hyper-launch-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component {
    margin: 0 23% 0 0
}

.article-kv .scroll .scroller-wrap ul li .scroll-container.zne-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component {
    margin: 11% 25.5% 0 0
}

.article-kv .scroll .scroller-wrap ul li .scroll-container.zne-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component a {
    display: inline-block;
    margin: 0 5px
}

.article-kv .scroll .scroller-wrap ul li .scroll-container.zne-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component a.btn-red {
    background: #b32d34
}

.article-kv .scroll .scroller-wrap ul li .scroll-container.zne-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component a.btn-width {
    width: 190px
}

@media(max-width:1450px) {
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.btn-right-little {
        margin: 0 0 0 26.4%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.btn-middle-little {
        margin: 0 0 0 37.6%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.btn-middle {
        margin: 0 0 0 43.8%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.btn-right {
        margin: 0 0 0 50.3%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.m-topp12 {
        margin-top: 12%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.m-topp16 {
        margin-top: 16%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.m-topp19 {
        margin-top: 22%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container.hyper-launch-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component {
        margin: 0 16% 0 0
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container.zne-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component {
        margin: 11% 22% 0 0
    }
}

@media(max-width:1024px) {
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.btn-right-little {
        margin: 0 auto;
        margin-bottom: 5.3%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.btn-middle {
        margin: 0 auto;
        margin-bottom: 5.3%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.btn-right {
        margin: 0 auto;
        margin-bottom: 5.3%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.m-topp12 {
        margin: 0 auto;
        margin-bottom: 5.3%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.m-topp16 {
        margin: 0 auto;
        margin-bottom: 5.3%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.m-topp19 {
        margin: 0 auto;
        margin-bottom: 5.3%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component.btn-left-little {
        margin: 0 auto;
        margin-bottom: 5.3%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container.hyper-launch-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component {
        margin: 0 auto;
        margin-bottom: 11%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container.hyper-launch-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component .btn-red {
        background: rgba(255, 255, 255, 0.8);
        color: #000
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container.hyper-launch-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component .btn-red span:after {
        background-position: -286px -219px
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container.hyper-launch-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component .btn-gray-disabled {
        background: rgba(204, 204, 204, 0.8)
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container.zne-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component {
        margin: 0 auto 11%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container.zne-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component a {
        margin: 10px 0 0
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container.zne-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component a.btn-width {
        width: 100%
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container.zne-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component a.btn-red {
        background: rgba(255, 255, 255, 0.8);
        color: #000
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container.zne-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component a.btn-red span:after {
        background-position: -286px -219px
    }
    .article-kv .scroll .scroller-wrap ul li .scroll-container.zne-container .scroll-component-content-wrap .scroll-component-content .scroll-btn-component a.btn-gray-disabled {
        background: rgba(204, 204, 204, 0.8)
    }
}

.article-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container,
.article-originals-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container,
.banner-article .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container,
.article-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container,
.article-originals-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container,
.banner-article .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container {
    height: auto;
    height: inherit;
    top: auto;
    top: inherit;
    bottom: 12%
}

.article-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-left,
.article-originals-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-left,
.banner-article .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-left,
.article-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-left,
.article-originals-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-left,
.banner-article .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-left {
    margin-left: 29.2%;
    left: -71px
}

.article-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-center,
.article-originals-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-center,
.banner-article .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-center,
.article-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-center,
.article-originals-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-center,
.banner-article .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-center {
    left: 50%;
    transform: none;
    margin-left: -71px
}

.article-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-right,
.article-originals-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-right,
.banner-article .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-right,
.article-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-right,
.article-originals-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-right,
.banner-article .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-right {
    margin-right: 29.2%;
    right: -71px
}

@media(max-width:1024px) {
    .article-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-left,
    .article-originals-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-left,
    .banner-article .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-left,
    .article-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-left,
    .article-originals-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-left,
    .banner-article .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-left,
    .article-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-center,
    .article-originals-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-center,
    .banner-article .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-center,
    .article-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-center,
    .article-originals-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-center,
    .banner-article .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-center,
    .article-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-right,
    .article-originals-kv .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-right,
    .banner-article .scroll .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-right,
    .article-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-right,
    .article-originals-kv .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-right,
    .banner-article .header-banner .scroller-wrap ul li.kv-scroll-new .scroll-container.scroll-container-right {
        margin: 0;
        left: 0;
        right: 0;
        bottom: 5.3%!important
    }
}

.footer {
    background: #fff;
    padding: 0
}

.footer .footer-top {
    height: 90px;
    background: #000
}

.footer .footer-top .footer-top-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px
}

.footer .footer-top .footer-top-container ul li {
    height: 90px;
    float: left;
    color: #fff;
    margin-right: 50px;
    padding: 32px 0 0 0
}

.footer .footer-top .footer-top-container ul li a {
    color: #fff
}

.footer .footer-top .footer-top-container ul li p {
    font-size: 14px;
    font-weight: bold;
    line-height: 16px
}

.footer .footer-top .footer-top-container ul li p .icon {
    vertical-align: middle;
    margin: -4px 11px 0 0;
    margin: -2px 11px 0 0
}

.footer .footer-top .footer-top-container ul li .remarks {
    font-size: 12px;
    color: #888;
    padding: 0 0 0 30px
}

.footer .footer-top .footer-top-container ul li.contacted {
    font-size: 20px;
    line-height: 82px;
    margin-right: 66px;
    padding: 0
}

.footer .footer-top .footer-top-container ul li.order-tracking {
    line-height: 82px;
    margin: 0 54px 0 0;
    padding: 0;
    float: right
}

.footer .footer-top .footer-top-container ul li.order-tracking a {
    font-size: 16px
}

.footer .footer-top .footer-top-container ul li:nth-child(2) {
    margin-right: 38px
}

.footer .footer-top .footer-top-container ul li:nth-child(5) {
    margin-right: 0
}

.footer .footer-cont {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0100px 20px;
    text-align: left
}

.footer .footer-cont .footer-cont-top {
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 30px
}

.footer .footer-cont .footer-cont-top ul {
    float: left;
    width: auto;
    text-align: left;
    margin-right: 100px;
    margin: 0;
    width: 210px;
    padding: 0 10px 0 0
}

.footer .footer-cont .footer-cont-top ul.footer-share {
    width: 100px;
    padding: 0
}

.footer .footer-cont .footer-cont-top ul li {
    color: #000;
    margin-bottom: 13px
}

.footer .footer-cont .footer-cont-top ul li.title {
    font-weight: bold;
    font-size: 20px;
    line-height: 18px
}

.footer .footer-cont .footer-cont-top ul li.title.title-padding-top {
    padding-top: 15px
}

.footer .footer-cont .footer-cont-top ul li>a {
    font-size: 14px;
    line-height: 16px
}

.footer .footer-cont .footer-cont-top ul li.iterm-line span {
    border-top: 1px solid #c8cbcc;
    width: 30px;
    height: 1px;
    display: block
}

.footer .footer-cont .footer-cont-top ul.footer-share {
    margin: 0
}

.footer .footer-cont .footer-cont-top ul.footer-share li {
    position: relative;
    float: left;
    margin: 0 20px 0 0
}

.footer .footer-cont .footer-cont-top ul.footer-share li.title {
    width: 100%;
    float: none;
    margin: 0 0 13px
}

.footer .footer-cont .footer-cont-top ul.footer-share li .wechat-code-box {
    display: none;
    position: absolute;
    top: 38px;
    left: 50%;
    z-index: 8;
    margin-left: -105px;
    padding: 14px 4px;
    background: #fff;
    border: 1px solid #ebebeb;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
    text-align: center;
    padding: 10px 5px;
    width: 300px;
    font-size: 0;
    margin-left: -150px
}

.footer .footer-cont .footer-cont-top ul.footer-share li .wechat-code-box:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 50%;
    margin: 0 0 0 -7px;
    transform: rotate(45deg);
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    height: 14px;
    width: 14px;
    border-bottom: 0 solid #ddd;
    background: #fff
}

.footer .footer-cont .footer-cont-top ul.footer-share li .wechat-code-box p {
    font-size: 14px;
    color: #000;
    line-height: 16px;
    letter-spacing: 0;
    margin-top: 16px;
    margin-top: 8px
}

.footer .footer-cont .footer-cont-top ul.footer-share li .wechat-code-box>div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 10px
}

.footer .footer-cont .footer-cont-top ul.footer-share li a:hover {
    opacity: .7;
    filter: "alpha(opacity=70)";
    text-decoration: none
}

.footer .footer-cont .footer-cont-top ul.footer-Payment-method {
    width: 100%;
    margin: 0;
    padding-top: 25px
}

.footer .footer-cont .footer-cont-top ul.footer-Payment-method li {
    float: left;
    margin: 0 10px 0 0;
    height: 24px;
    vertical-align: bottom
}

.footer .footer-cont .footer-cont-top ul.footer-Payment-method li.title {
    font-size: 14px;
    font-weight: 400;
    line-height: 34px
}

.footer .footer-cont .footer-cont-top ul.footer-group-purchase {
    padding-top: 10px
}

.footer .footer-cont .footer-cont-top ul.footer-group-purchase li {
    margin: 0 20px 0 0
}

.footer .footer-cont-bottom {
    background: #333;
    height: 40px
}

.footer .footer-cont-bottom>div {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative
}

.footer .footer-cont-bottom ul {
    float: left
}

.footer .footer-cont-bottom ul li {
    float: left;
    display: inline-block;
    line-height: 40px;
    font-size: 12px;
    color: #d0d0cf;
    letter-spacing: 0
}

.footer .footer-cont-bottom ul li a {
    color: #d0d0cf
}

.footer .footer-cont-bottom ul li .icon {
    vertical-align: middle;
    margin: -2px 7px 0 0;
    margin: -4px 0 0 0
}

.footer .footer-cont-bottom ul.footer-cont-left {
    padding: 0
}

.footer .footer-cont-bottom ul.footer-cont-left li {
    margin-right: 25px
}

.footer .footer-cont-bottom ul.footer-cont-left li.xs-show {
    display: none
}

.footer .footer-cont-bottom ul.footer-cont-right {
    float: right;
    margin: 0 40px 0 0
}

.footer .footer-cont-bottom ul.footer-cont-right li {
    margin-right: 15px
}

.footer .footer-cont-bottom ul.footer-cont-right li:last-child {
    margin: 0
}

.footer .footer-cont-bottom ul.footer-cont-right li .icon {
    vertical-align: middle;
    margin: -4px 0 0 1px
}

.footer .footer-cont-bottom ul.footer-cont-right li.xs-show {
    display: none
}

@media(max-width:1024px) {
    .footer .back-top {
        width: 100%;
        height: 48px;
        line-height: 48px;
        text-align: center;
        font-size: 16px;
        color: #000;
        background: #fff;
        margin-bottom: 5px
    }
    .footer .back-top .icon-back-top {
        margin: -2px 16px 0 0;
        vertical-align: middle
    }
    .footer .footer-top {
        height: 50px
    }
    .footer .footer-top .footer-top-container {
        max-width: 100%;
        padding: 0 30px 0 35px
    }
    .footer .footer-top .footer-top-container ul li {
        height: 50px;
        float: right;
        margin: 0;
        padding: 0;
        font-size: 16px;
        line-height: 50px
    }
    .footer .footer-top .footer-top-container ul li a {
        font-size: 16px
    }
    .footer .footer-top .footer-top-container ul li .icon {
        vertical-align: middle;
        margin: -2px 10px 0 0
    }
    .footer .footer-top .footer-top-container ul li.is-login {
        float: left
    }
    .footer .footer-top .footer-top-container ul li.is-login a:nth-child(2) {
        display: none
    }
    .footer .footer-top .footer-top-container ul li.is-login.is-logged a:nth-child(1) {
        display: none
    }
    .footer .footer-top .footer-top-container ul li.is-login.is-logged a:nth-child(2) {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 110px
    }
    .footer .footer-top .footer-top-container ul li:nth-child(1) {
        max-width: 48%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .footer .footer-top .footer-top-container ul li:nth-child(2) {
        margin-right: 0
    }
    .footer .footer-cont {
        max-width: 100%;
        padding: 0;
        border-top: 1px solid #595a5a;
        background: #000
    }
    .footer .footer-cont .footer-cont-top {
        width: 100%;
        margin: 0;
        padding: 12px 0 15px
    }
    .footer .footer-cont .footer-cont-top ul {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0
    }
    .footer .footer-cont .footer-cont-top ul.footer-share {
        width: 100%
    }
    .footer .footer-cont .footer-cont-top ul li {
        float: left;
        text-align: center;
        width: 50%;
        color: #fff;
        margin: 0;
        padding: 6px 0
    }
    .footer .footer-cont .footer-cont-top ul li>a {
        font-size: 12px;
        color: #fff;
        line-height: 14px
    }
    .footer .footer-cont-bottom {
        height: auto;
        background: #262626
    }
    .footer .footer-cont-bottom>div {
        max-width: 100%;
        padding: 0
    }
    .footer .footer-cont-bottom ul {
        float: none;
        text-align: center;
        font-size: 0
    }
    .footer .footer-cont-bottom ul li {
        color: #fff;
        line-height: 38px;
        float: none
    }
    .footer .footer-cont-bottom ul li a {
        color: #fff
    }
    .footer .footer-cont-bottom ul.footer-cont-left {
        border-top: 1px solid #333;
        padding: 0!important
    }
    .footer .footer-cont-bottom ul.footer-cont-left li {
        margin: 0;
        width: 50%;
        display: inline-block
    }
    .footer .footer-cont-bottom ul.footer-cont-left li .icon {
        margin: -4px 7px 0 0;
        margin: -4px 5px 0 0
    }
    .footer .footer-cont-bottom ul.footer-cont-left li .icon.icon-online-service {
        margin: 0 10px 0 0
    }
    .footer .footer-cont-bottom ul.footer-cont-left li a {
        border-left: 1px solid #333;
        margin: 0 8px 0 0;
        padding: 0 0 0 10px;
        margin: 0;
        padding: 0;
        border: 0
    }
    .footer .footer-cont-bottom ul.footer-cont-left li:nth-child(2) a {
        border-left: 0 solid #333
    }
    .footer .footer-cont-bottom ul.footer-cont-left li.footer-language {
        width: 100%;
        border-bottom: 1px solid #333;
        position: relative;
        text-align: left;
        padding-left: 25px;
        padding: 0
    }
    .footer .footer-cont-bottom ul.footer-cont-left li.footer-language a {
        border-left: 0 solid #333;
        display: inline-block;
        color: #a3a3a3;
        margin: 0 2px;
        padding: 0 1px 0 3px;
        margin: 0;
        color: #fff;
        width: 50%;
        padding: 0;
        float: left;
        text-align: center
    }
    .footer .footer-cont-bottom ul.footer-cont-left li.footer-language a .icon-china {
        margin: -4px 2px 0 0
    }
    .footer .footer-cont-bottom ul.footer-cont-left li.footer-language a.is-active {
        color: #fff
    }
    .footer .footer-cont-bottom ul.footer-cont-left li.footer-language>div {
        position: absolute;
        top: 0;
        right: 60px;
        position: static;
        width: 50%;
        padding: 0;
        float: left;
        text-align: center
    }
    .footer .footer-cont-bottom ul.footer-cont-left li.footer-language>div a {
        width: 100%;
        float: none
    }
    .footer .footer-cont-bottom ul.footer-cont-left li.footer-language>div a .icon-online-service {
        margin: 0 5px 0 0
    }
    .footer .footer-cont-bottom ul.footer-cont-left li.footer-language>div span {
        position: relative;
        padding: 0;
        font-size: 12px;
        border-radius: 0;
        border-right: 1px solid #fff;
        width: 1px
    }
    .footer .footer-cont-bottom ul.footer-cont-left li.xs-show {
        display: inline-block
    }
    .footer .footer-cont-bottom ul.footer-cont-left li.xs-show a {
        border-left: 0 solid #333
    }
    .footer .footer-cont-bottom ul.footer-cont-right {
        border-top: 1px solid #333;
        padding: 0;
        margin: 0;
        float: none
    }
    .footer .footer-cont-bottom ul.footer-cont-right li {
        margin: 0 2px;
        font-size: 11px;
        color: #d0d0cf;
        line-height: 38px;
        margin: 0 10px
    }
    .footer .footer-cont-bottom ul.footer-cont-right li.xs-show {
        display: inline-block
    }
    .footer .footer-cont-bottom ul.footer-cont-right li a {
        display: block;
        padding: 0 6px
    }
    .footer .footer-cont-bottom ul.mob-cont-record li {
        font-size: 11px
    }
    .footer .footer-cont-bottom ul.mob-cont-record li:nth-child(1) {
        width: 70%
    }
    .footer .footer-cont-bottom ul.mob-cont-record li:nth-child(2) {
        width: 30%;
        text-align: left
    }
    .footer .footer-cont-bottom ul.mob-cont-record li a {
        color: #d0d0cf
    }
}

.footer .footer-cont-bottom {
    background: #000
}

.footer .footer-cont-bottom .footer-cont-simple {
    max-width: 990px
}

.footer .footer-cont-bottom .footer-cont-simple ul {
    margin: 0;
    padding: 0
}

.footer .footer-cont-bottom .footer-cont-simple .footer-cont-left {
    float: left
}

.footer .footer-cont-bottom .footer-cont-simple .footer-cont-left li {
    margin-right: 15px
}

.footer .footer-cont-bottom .footer-cont-simple .footer-cont-right {
    float: left
}

@media(max-width:1024px) {
    .footer .footer-cont-bottom .footer-cont-simple {
        max-width: 100%
    }
    .footer .footer-cont-bottom .footer-cont-simple ul {
        width: 100%
    }
    .footer .footer-cont-bottom .footer-cont-simple ul li {
        margin: 0;
        color: #d0d0cf;
        font-size: 12px;
        line-height: 48px
    }
    .footer .footer-cont-bottom .footer-cont-simple ul li a {
        color: #d0d0cf;
        padding: 0
    }
    .footer .footer-cont-bottom .footer-cont-simple .footer-cont-left {
        float: none
    }
    .footer .footer-cont-bottom .footer-cont-simple .footer-cont-left li {
        margin: 0;
        font-size: 11px;
        line-height: 38px
    }
    .footer .footer-cont-bottom .footer-cont-simple .footer-cont-left li a {
        border: 0;
        margin: 0;
        color: #d0d0cf
    }
    .footer .footer-cont-bottom .footer-cont-simple .footer-cont-left li .icon {
        margin: -4px 5px 0 0
    }
    .footer .footer-cont-bottom .footer-cont-simple .footer-cont-left:nth-child(1) {
        margin-right: 15px
    }
    .footer .footer-cont-bottom .footer-cont-simple .footer-cont-right {
        float: none
    }
    .footer .footer-cont-bottom .footer-cont-simple .footer-cont-right li {
        margin: 0 10px;
        font-size: 11px;
        color: #d0d0cf;
        line-height: 38px
    }
    .footer .footer-cont-bottom .footer-cont-simple .footer-cont-right li.xs-show {
        display: inline-block
    }
    .footer .footer-cont-bottom .footer-cont-simple .footer-cont-right li a {
        display: block;
        padding: 0 6px
    }
}