@charset "utf-8";
@-webkit-keyframes bar-left-1 {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    to {
        -webkit-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
}

@-moz-keyframes bar-left-1 {
    0% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    to {
        -webkit-transform: rotate(-225deg);
        -moz-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
}

@keyframes bar-left-1 {
    0% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    to {
        -webkit-transform: rotate(-225deg);
        -moz-transform: rotate(-225deg);
        -o-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
}

@-webkit-keyframes bar-left-2 {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    to {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }
}

@-moz-keyframes bar-left-2 {
    0% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    to {
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        transform: rotate(225deg)
    }
}

@keyframes bar-left-2 {
    0% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    to {
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg)
    }
}

@-webkit-keyframes bar-right-1 {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    to {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }
}

@-moz-keyframes bar-right-1 {
    0% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    to {
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        transform: rotate(225deg)
    }
}

@keyframes bar-right-1 {
    0% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    to {
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg)
    }
}

@-webkit-keyframes bar-right-2 {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    to {
        -webkit-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
}

@-moz-keyframes bar-right-2 {
    0% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    to {
        -webkit-transform: rotate(-225deg);
        -moz-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
}

@keyframes bar-right-2 {
    0% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    to {
        -webkit-transform: rotate(-225deg);
        -moz-transform: rotate(-225deg);
        -o-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
}

@-webkit-keyframes underline-hover-in {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes underline-hover-in {
    0% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@keyframes underline-hover-in {
    0% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes underline-hover-out {
    0% {
        -webkit-transform: none;
        transform: none
    }
    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@-moz-keyframes underline-hover-out {
    0% {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    to {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes underline-hover-out {
    0% {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
    to {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@-webkit-keyframes underline-hover-in-reverse {
    0% {
        -webkit-transform: none;
        transform: none
    }
    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@-moz-keyframes underline-hover-in-reverse {
    0% {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    to {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes underline-hover-in-reverse {
    0% {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
    to {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@-webkit-keyframes underline-hover-out-reverse {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-moz-keyframes underline-hover-out-reverse {
    0% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes underline-hover-out-reverse {
    0% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@font-face {
    font-family: armour_w_rg;
    src: url(../fonts/text/armour_w_rg-webfont.eot);
    src: url(../fonts/text/armour_w_rg-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/text/armour_w_rg-webfont.woff2) format('woff2'), url(../fonts/text/armour_w_rg-webfont.woff) format('woff'), url(../fonts/text/armour_w_rg-webfont.ttf) format('truetype'), url(../fonts/text/armour_w_rg-webfont.svg#armour_w_rg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: armour_w_md;
    src: url(../fonts/text/armour_w_md-webfont.eot);
    src: url(../fonts/text/armour_w_md-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/text/armour_w_md-webfont.woff2) format('woff2'), url(../fonts/text/armour_w_md-webfont.woff) format('woff'), url(../fonts/text/armour_w_md-webfont.ttf) format('truetype'), url(../fonts/text/armour_w_md-webfont.svg#armour_w_md) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: armour_w_lt;
    src: url(../fonts/text/armour_w_lt-webfont.eot);
    src: url(../fonts/text/armour_w_lt-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/text/armour_w_lt-webfont.woff2) format('woff2'), url(../fonts/text/armour_w_lt-webfont.woff) format('woff'), url(../fonts/text/armour_w_lt-webfont.ttf) format('truetype'), url(../fonts/text/armour_w_lt-webfont.svg#armour_w_lt) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: armour_w_bd;
    src: url(../fonts/text/armour_w_bd-webfont.eot);
    src: url(../fonts/text/armour_w_bd-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/text/armour_w_bd-webfont.woff2) format('woff2'), url(../fonts/text/armour_w_bd-webfont.woff) format('woff'), url(../fonts/text/armour_w_bd-webfont.ttf) format('truetype'), url(../fonts/text/armour_w_bd-webfont.svg#armour_w_bd) format('svg');
    font-weight: 400;
    font-style: normal
}

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

.form-checkbox .icon-checkbox {
    background-position: -138px -294px;
    width: 16px;
    height: 16px
}

.form-checkbox .icon-checkbox:hover {
    background-position: -28px -294px;
    width: 16px;
    height: 16px
}

.form-checkbox.is-active .icon-checkbox {
    background-position: -94px -294px;
    width: 16px;
    height: 16px
}

.form-checkbox.is-disabled .icon-checkbox {
    background-position: -160px -294px;
    width: 16px;
    height: 16px
}

.icon-gift-card {
    background-position: 0 -294px;
    width: 22px;
    height: 22px
}

.form-select .btn .dropdown-icon i.icon-caret, .form-select .btn span i.icon-caret, div.dropdown .btn .dropdown-icon i.icon-caret, div.dropdown .btn span i.icon-caret {
    background-position: -183px -243px;
    width: 10px;
    height: 4px
}

.icon-selected {
    background-position: -328px -303px;
    width: 10px;
    height: 7px
}

.icon-footer-search {
    background-position: -289px -114px;
    width: 32px;
    height: 32px
}

.icon-filter {
    background-position: -183px -243px;
    width: 10px;
    height: 4px
}

.icon-clear, .ua-dialog .dialog-close {
    background-position: -328px -255px;
    width: 12px;
    height: 10px
}

.icon-plp-wish {
    background-position: -288px -258px;
    width: 16px;
    height: 14px
}

.icon-plp-wish.is-active {
    background-position: -270px -294px;
    width: 16px;
    height: 14px
}

.icon-arrow-right {
    background-position: -58px -151px;
    width: 52px;
    height: 52px
}

.icon-arrow-down {
    background-position: -310px -258px;
    width: 8px;
    height: 4px
}

.icon-header-search {
    background-position: -50px -294px;
    width: 16px;
    height: 16px
}

.icon-wish {
    background-position: -248px -294px;
    width: 16px;
    height: 14px
}

.icon-bag {
    background-position: -328px -47px;
    width: 14px;
    height: 16px
}

.icon-cart-close {
    background-position: -328px -287px;
    width: 12px;
    height: 10px
}

.icon-wished-b {
    background-position: -328px -89px;
    width: 14px;
    height: 14px
}

.icon-menu {
    background-position: -42px -322px;
    width: 16px;
    height: 12px
}

.icon-member {
    background-position: -328px -184px;
    width: 12px;
    height: 12px
}

.icon-phone-mob {
    background-position: -328px -147px;
    width: 13px;
    height: 13px
}

.icon-mesg-mob {
    background-position: -328px -220px;
    width: 12px;
    height: 11px
}

.icon-close-w {
    background-position: -328px -271px;
    width: 12px;
    height: 10px
}

.icon-close-white {
    background-position: -72px -294px;
    width: 16px;
    height: 16px
}

.icon-search-m {
    background-position: -21px -322px;
    width: 15px;
    height: 14px
}

.form-input .icon-eye {
    background-position: -237px -107px;
    width: 18px;
    height: 11px
}

.form-input.is-active .icon-eye {
    background-position: -261px -107px;
    width: 16px;
    height: 11px
}

.icon-close {
    background-position: -328px -255px;
    width: 12px;
    height: 10px
}

.icon-logo {
    background-position: 0 -243px;
    width: 129px;
    height: 9px
}

.icon-tel {
    background-position: -155px -66px;
    width: 18px;
    height: 18px
}

.icon-message {
    background-position: -214px -258px;
    width: 18px;
    height: 16px
}

.icon-store {
    background-position: -328px -24px;
    width: 14px;
    height: 17px
}

.icon-footer-badge1 {
    background-position: -328px -109px;
    width: 14px;
    height: 13px
}

.icon-footer-badge2 {
    background-position: -328px -128px;
    width: 13px;
    height: 13px
}

.icon-wechat, .icon-weibo {
    background-position: -244px -209px;
    width: 28px;
    height: 23px
}

.icon-wechat {
    background-position: -289px -225px
}

.icon-back-top {
    background-position: -175px -151px;
    width: 48px;
    height: 48px
}

.icon-unfold-l {
    background-position: -183px -243px;
    width: 10px;
    height: 4px
}

.icon-connect {
    background-position: -64px -322px;
    width: 16px;
    height: 12px
}

.icon-join {
    background-position: -204px -294px;
    width: 16px;
    height: 15px
}

.icon-play {
    background-position: -289px -38px;
    width: 32px;
    height: 32px
}

.icon-yes {
    background-position: -262px -258px;
    width: 20px;
    height: 14px
}

.icon-gift {
    background-position: -116px -294px;
    width: 16px;
    height: 16px
}

.icon-nomeaning {
    background-position: -96px -258px;
    width: 28px;
    height: 20px
}

.icon-chat {
    background-position: -256px -126px;
    width: 20px;
    height: 18px
}

.icon-enlarge {
    background-position: -182px -294px;
    width: 16px;
    height: 16px
}

.icon-heart, .icon-heart.is-active {
    background-position: -179px -68px;
    width: 52px;
    height: 52px
}

.icon-heart.is-active {
    background-position: 0 -151px
}

.icon-play-pdp {
    background-position: 0 0;
    width: 107px;
    height: 107px
}

.icon-close-pdp {
    background-position: -113px 0;
    width: 60px;
    height: 60px
}

.icon-pdp-slide {
    background-position: -116px -151px;
    width: 53px;
    height: 50px
}

.icon-white-pdp {
    background-position: -205px -126px;
    width: 20px;
    height: 19px
}

.icon-white-pdp.is-active {
    background-position: -179px -126px;
    width: 20px;
    height: 19px
}

.icon-help-order {
    background-position: -36px -258px;
    width: 24px;
    height: 30px
}

.icon-help-car {
    background-position: -204px -209px;
    width: 34px;
    height: 24px
}

.icon-help-pay {
    background-position: -168px -209px;
    width: 30px;
    height: 28px
}

.icon-help-fp {
    background-position: 0 -258px;
    width: 30px;
    height: 30px
}

.icon-help-package {
    background-position: -289px -190px;
    width: 33px;
    height: 29px
}

.icon-help-price {
    background-position: -114px -113px;
    width: 36px;
    height: 32px
}

.icon-help-alert, .icon-help-question {
    background-position: -289px -76px;
    width: 32px;
    height: 32px
}

.icon-help-alert {
    background-position: -289px -152px
}

.icon-help-sf {
    background-position: 0 -209px;
    width: 78px;
    height: 28px
}

.icon-help-seven {
    background-position: -289px 0;
    width: 33px;
    height: 32px
}

.icon-alipay {
    background-position: -84px -209px;
    width: 78px;
    height: 28px
}

.icon-weixinpay {
    background-position: -179px 0;
    width: 104px;
    height: 28px
}

.icon-sf {
    background-position: -66px -258px;
    width: 24px;
    height: 24px
}

.icon-back, .icon-white-back {
    background-position: -135px -243px;
    width: 6px;
    height: 8px
}

.icon-white-back {
    background-position: -156px -136px
}

.icon-white-mesg {
    background-position: -226px -294px;
    width: 16px;
    height: 14px
}

.icon-white-tel {
    background-position: -328px -69px;
    width: 14px;
    height: 14px
}

.icon-caret {
    background-position: -183px -243px;
    width: 10px;
    height: 4px
}

.icon-search-order {
    background-position: 0 -322px;
    width: 15px;
    height: 16px
}

.icon-payfirst {
    background-position: -179px -34px;
    width: 93px;
    height: 28px
}

.icon-alert {
    background-position: -113px -66px;
    width: 36px;
    height: 36px
}

.icon-weixin {
    background-position: -237px -68px;
    width: 40px;
    height: 33px
}

.icon-load {
    background-position: -229px -151px;
    width: 47px;
    height: 48px
}

.icon-package {
    background-position: -190px -258px;
    width: 18px;
    height: 18px
}

.icon-contact-us-phone {
    background-position: -156px -113px;
    width: 17px;
    height: 17px
}

.icon-contact-us-chat {
    background-position: -292px -294px;
    width: 16px;
    height: 14px
}

.icon-contact-us-mail {
    background-position: -155px -90px;
    width: 16px;
    height: 12px
}

.icon-left {
    background-position: -159px -243px;
    width: 6px;
    height: 8px
}

.icon-caret-right-arrow {
    background-position: -171px -243px;
    width: 6px;
    height: 8px
}

.icon-caret-right-white-arrow {
    background-position: -147px -243px;
    width: 6px;
    height: 8px
}

div.dropdown.media-list-dropdown .btn .dropdown-icon i.icon-caret, div.dropdown.media-list-dropdown .btn span i.icon-caret {
    background-position: -328px -166px;
    width: 12px;
    height: 12px
}

div.dropdown.media-list-dropdown.is-open .btn .dropdown-icon i.icon-caret, div.dropdown.media-list-dropdown.is-open .btn span i.icon-caret {
    background-position: -199px -243px;
    width: 12px;
    height: 2px
}

.icon-arrow-rg {
    background-position: -278px -34px;
    width: 4px;
    height: 6px
}

.icon-giftcard {
    background-position: 0 -113px;
    width: 108px;
    height: 32px
}

@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: 2), screen and (min-device-pixel-ratio: 2) {
    .icon {
        background-image: url(../images/icon@2x.png?20200324);
        background-size: 342px 338px
    }
}

@media (max-width: 1024px) {
    .icon-footer-badge1, .icon-footer-badge2 {
        background-position: -328px -202px;
        width: 11px;
        height: 12px
    }

    .icon-footer-badge2 {
        background-position: -328px -237px
    }

    .icon-wechat, .icon-weibo {
        background-position: -130px -258px;
        width: 24px;
        height: 20px
    }

    .icon-wechat {
        background-position: -160px -258px
    }

    .icon-plus {
        background-position: -328px -166px;
        width: 12px;
        height: 12px
    }
}

input[type=search] {
    -webkit-appearance: textfield
}

input input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    box-shadow: 0 0 0 1000px #fff inset !important
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

input::-ms-clear, input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input::-webkit-input-safebox-button {
    display: none;
    width: 0px;
    height: 0px
}

input[readonly] {
    background-color: #fff !important
}

input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

input[type=password]:focus, input[type=text]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.form-input {
    position: relative
}

.form-input input {
    height: 40px
}

.form-input input, .form-input textarea {
    font-size: 14px;
    width: 320px;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    padding: 5px 30px 5px 16px;
    -webkit-appearance: none;
    color: #151515
}

.form-input input::-webkit-input-placeholder, .form-input textarea::-webkit-input-placeholder {
    font-family: PingFangSC-Regular, '微软雅黑', 'Microsoft YaHei', sans-serif, armour_w_rg;
    font-size: 12px;
    color: #999;
    letter-spacing: 0
}

.form-input input::-moz-placeholder, .form-input textarea::-moz-placeholder {
    font-family: PingFangSC-Regular, '微软雅黑', 'Microsoft YaHei', sans-serif, armour_w_rg;
    font-size: 12px;
    color: #999;
    letter-spacing: 0
}

.form-input input::-ms-input-placeholder, .form-input textarea::-ms-input-placeholder {
    font-family: PingFangSC-Regular, '微软雅黑', 'Microsoft YaHei', sans-serif, armour_w_rg;
    font-size: 12px;
    color: #999;
    letter-spacing: 0
}

.form-input input::placeholder, .form-input textarea::placeholder {
    font-family: PingFangSC-Regular, '微软雅黑', 'Microsoft YaHei', sans-serif, armour_w_rg;
    font-size: 12px;
    color: #999;
    letter-spacing: 0
}

.form-group .form-input.is-success input:focus, .form-group .form-input.is-success textarea:focus, .form-input input:focus, .form-input textarea:focus {
    background: #fff;
    border-color: #1d1d1d
}

.form-input textarea {
    height: inherit
}

.form-input .msg-block {
    display: none
}

.form-input .icon-input-success {
    display: none;
    position: absolute;
    top: 16px;
    right: 14px
}

.form-input.is-error input, .form-input.is-error textarea {
    border-color: #ff220b;
    background: #fff
}

.form-group.is-error .form-input input:focus, .form-group.is-error .form-input textarea:focus, .form-input.is-error input:focus, .form-input.is-error textarea:focus {
    border-color: #ff220b
}

.form-input.is-error .msg-block {
    display: block;
    margin-top: 8px
}

.form-input.is-error .msg-block span {
    color: #ff220b
}

.form-group.is-disabled input, .form-group.is-disabled textarea, .form-input.is-disabled input, .form-input.is-disabled textarea {
    pointer-events: none;
    cursor: default !important;
    color: #fff !important;
    border-color: #dadada !important;
    background: #dadada !important;
    opacity: 1
}

.form-group {
    position: relative;
    padding-top: 10px
}

.form-group .control-label {
    position: absolute;
    padding: 6px;
    display: inline-block;
    z-index: 2;
    background: #fff;
    margin-bottom: 0;
    color: #151515;
    top: -4px;
    left: 10px;
    font-size: 12px
}

.form-group .form-input.is-success input, .form-group .form-input.is-success textarea {
    background: #fff;
    border: 1px solid #1d1d1d
}

.form-group .form-input.is-success .icon-input-success, .top-nav .top-nav-main .top-nav-right .login-text a span:hover:after {
    display: block
}

.form-group .form-input.is-focus input, .form-group .form-input.is-focus textarea {
    background: #fff;
    border-color: #1d1d1d
}

.form-group.is-error .control-label {
    color: #ff220b !important
}

.form-group.is-error .form-input input, .form-group.is-error .form-input textarea {
    border-color: #ff220b !important;
    background: #fff
}

.form-group.is-error .form-input .msg-block, .form-group.is-error .msg-block {
    display: block;
    margin-top: 8px;
    padding-left: 16px
}

.form-group.is-error .form-input .msg-block span, .form-group.is-error .msg-block span {
    color: #ff220b;
    font-size: 11px
}

.form-group-btn .form-input {
    width: 320px;
    position: relative
}

.form-group-btn .form-input .commit-btn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #1d1d1d;
    padding: 13px 16px 13px 6px
}

.form-group-btn .form-input.is-error .commit-btn, .form-group-btn.is-error .form-input .commit-btn {
    opacity: .4
}

.btn {
    position: relative;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    white-space: normal;
    color: #fff;
    border: 0;
    font-size: 14px;
    padding: 0 20px;
    margin: 0;
    background: #1d1d1d;
    border-radius: 4px;
    min-width: 180px;
    height: 44px;
    line-height: 44px
}

.btn.is-disabled {
    cursor: default !important;
    pointer-events: none;
    opacity: .4 !important
}

.btn__background {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -webkit-transition: background-color .2s cubic-bezier(.24, .015, .145, .93);
    -o-transition: background-color .2s cubic-bezier(.24, .015, .145, .93);
    -moz-transition: background-color .2s cubic-bezier(.24, .015, .145, .93);
    transition: background-color .2s cubic-bezier(.24, .015, .145, .93)
}

.btn__hover-text, .btn__text {
    display: block;
    line-height: 44px;
    padding: 0 20px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    will-change: transform;
    -webkit-transition: color .2s cubic-bezier(.24, .015, .145, .93), opacity .2s cubic-bezier(.24, .015, .145, .93), -webkit-transform .2s cubic-bezier(.24, .015, .145, .93);
    -o-transition: color .2s cubic-bezier(.24, .015, .145, .93), opacity .2s cubic-bezier(.24, .015, .145, .93), -o-transform .2s cubic-bezier(.24, .015, .145, .93);
    -moz-transition: color .2s cubic-bezier(.24, .015, .145, .93), opacity .2s cubic-bezier(.24, .015, .145, .93), transform .2s cubic-bezier(.24, .015, .145, .93), -moz-transform .2s cubic-bezier(.24, .015, .145, .93);
    transition: color .2s cubic-bezier(.24, .015, .145, .93), opacity .2s cubic-bezier(.24, .015, .145, .93), transform .2s cubic-bezier(.24, .015, .145, .93);
    transition: color .2s cubic-bezier(.24, .015, .145, .93), opacity .2s cubic-bezier(.24, .015, .145, .93), transform .2s cubic-bezier(.24, .015, .145, .93), -webkit-transform .2s cubic-bezier(.24, .015, .145, .93)
}

.btn__text {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    position: relative;
    color: #fff
}

.btn__hover-text {
    position: absolute !important;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px);
    color: #1d1d1d
}

.btn-black .btn__background {
    background-color: #1d1d1d
}

.btn-black .btn__hover-text, .btn-black .btn__text {
    color: #fff
}

.btn-black.is-active .btn__text, .btn-black.is-hover .btn__text, .btn-black:active .btn__text, .btn-black:hover .btn__text {
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    -o-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.btn-black.is-active .btn__hover-text, .btn-black.is-hover .btn__hover-text, .btn-black:active .btn__hover-text, .btn-black:hover .btn__hover-text {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.btn-black.is-hover .btn__text, .btn-black:hover .btn__text {
    opacity: 0
}

.btn-black.is-hover .btn__hover-text, .btn-black:hover .btn__hover-text {
    opacity: .75
}

.btn-black.is-active .btn__text, .btn-black:active .btn__text {
    opacity: 0
}

.btn-black.is-active .btn__hover-text, .btn-black:active .btn__hover-text {
    opacity: .9
}

.btn-white .btn__hover-text, .btn-white .btn__text {
    color: #1d1d1d
}

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

.btn-white.is-active .btn__text, .btn-white.is-hover .btn__text, .btn-white:active .btn__text, .btn-white:hover .btn__text {
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    -o-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.btn-white.is-active .btn__hover-text, .btn-white.is-hover .btn__hover-text, .btn-white:active .btn__hover-text, .btn-white:hover .btn__hover-text {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.btn-white.is-hover .btn__text, .btn-white:hover .btn__text {
    opacity: 0
}

.btn-white.is-hover .btn__hover-text, .btn-white:hover .btn__hover-text {
    opacity: .75
}

.btn-white.is-active .btn__text, .btn-white:active .btn__text {
    opacity: 0
}

.btn-white.is-active .btn__hover-text, .btn-white:active .btn__hover-text {
    opacity: .9
}

.btn-white-border {
    background: #fff;
    border: 1px solid #1d1d1d
}

.btn-white-border .btn__text {
    color: #1d1d1d;
    line-height: 42px
}

.btn-white-border .btn__hover-text {
    color: #1d1d1d
}

.btn-white-border.is-active, .btn-white-border.is-hover, .btn-white-border:active, .btn-white-border:hover {
    background: #fff
}

.btn-white-border.is-active .btn__text, .btn-white-border.is-hover .btn__text, .btn-white-border:active .btn__text, .btn-white-border:hover .btn__text {
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    -o-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.btn-white-border.is-active .btn__hover-text, .btn-white-border.is-hover .btn__hover-text, .btn-white-border:active .btn__hover-text, .btn-white-border:hover .btn__hover-text {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.btn-white-border.is-hover .btn__text, .btn-white-border:hover .btn__text {
    opacity: 0
}

.btn-white-border.is-hover .btn__hover-text, .btn-white-border:hover .btn__hover-text {
    opacity: .75
}

.btn-white-border.is-active .btn__text, .btn-white-border:active .btn__text {
    opacity: 0
}

.btn-white-border.is-active .btn__hover-text, .btn-white-border:active .btn__hover-text {
    opacity: .9
}

.btn-red .btn__hover-text, .btn-red .btn__text {
    color: #fff
}

.btn-red, .btn-red.is-active, .btn-red.is-hover, .btn-red:active, .btn-red:hover {
    background: #da0000
}

.btn-red.is-active .btn__text, .btn-red.is-hover .btn__text, .btn-red:active .btn__text, .btn-red:hover .btn__text {
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    -o-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.btn-red.is-active .btn__hover-text, .btn-red.is-hover .btn__hover-text, .btn-red:active .btn__hover-text, .btn-red:hover .btn__hover-text, .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a:hover .label {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a:hover .label {
    opacity: 1
}

.btn-red.is-hover .btn__text, .btn-red:hover .btn__text {
    opacity: 0
}

.btn-red.is-hover .btn__hover-text, .btn-red:hover .btn__hover-text {
    opacity: .75
}

.btn-red.is-active .btn__text, .btn-red:active .btn__text {
    opacity: 0
}

.btn-red.is-active .btn__hover-text, .btn-red:active .btn__hover-text {
    opacity: .9
}

.tinyscrollbar .scrollbar {
    margin: 0;
    padding: 0;
    width: 4px;
    border-radius: 6px
}

.tinyscrollbar .scrollbar .track {
    height: 0;
    background: 0 0;
    width: 100%
}

.tinyscrollbar .scrollbar .track .thumb {
    width: 100%;
    background: #5f5f5f;
    border-radius: 1px;
    left: 0;
    opacity: .5
}

.tinyscrollbar .scrollbar.disable, div.dropdown .tinyscrollbar.sub-menu .viewport .overview > ul > li a .icon-selected, div.form-select .tinyscrollbar.sub-menu .viewport .overview > ul > li a .icon-selected {
    display: none
}

.select-dropdown {
    position: relative;
    padding-top: 10px
}

.select-dropdown .dropdown-detial {
    position: absolute;
    background: #fff;
    top: -3px;
    left: 10px;
    z-index: 2;
    padding: 5px;
    font-size: 12px;
    color: #5f5f5f
}

div.dropdown .btn, div.form-select .btn {
    min-width: 100%;
    height: 44px;
    line-height: 42px;
    font-size: 14px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    background: #fff;
    padding: 0 16px;
    color: #000
}

div.dropdown .btn .dropdown-text, div.form-select .btn .dropdown-text {
    text-align: left
}

div.dropdown .btn .dropdown-icon, div.form-select .btn .dropdown-icon {
    width: 36px
}

div.dropdown .btn .dropdown-icon .icon-caret, div.dropdown .btn span .icon-caret, div.form-select .btn .dropdown-icon .icon-caret, div.form-select .btn span .icon-caret {
    border: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 12px
}

div.dropdown .btn:hover, div.form-select .btn:hover {
    border-color: #1d1d1d
}

div.dropdown.is-open .btn, div.form-select.is-open .btn {
    border-radius: 4px;
    border-color: #1d1d1d
}

div.dropdown.is-open .tinyscrollbar.sub-menu, div.form-select.is-open .tinyscrollbar.sub-menu {
    border-radius: 4px;
    border-color: #1d1d1d;
    padding: 0 8px
}

div.dropdown.is-open .tinyscrollbar.sub-menu .viewport, div.form-select.is-open .tinyscrollbar.sub-menu .viewport {
    padding: 7px 0
}

div.dropdown .tinyscrollbar.sub-menu, div.form-select .tinyscrollbar.sub-menu {
    z-index: 4;
    border-radius: 4px;
    padding: 0;
    top: 98%
}

div.dropdown .tinyscrollbar.sub-menu .viewport, div.form-select .tinyscrollbar.sub-menu .viewport {
    max-height: 170px
}

div.dropdown .tinyscrollbar.sub-menu .viewport .overview > ul > li:last-child, div.form-select .tinyscrollbar.sub-menu .viewport .overview > ul > li:last-child {
    margin-bottom: 7px
}

div.dropdown .tinyscrollbar.sub-menu .viewport .overview > ul > li a, div.form-select .tinyscrollbar.sub-menu .viewport .overview > ul > li a {
    padding: 8px;
    line-height: 18px;
    font-size: 12px;
    color: #5f5f5f;
    position: relative;
    text-align: left
}

div.dropdown .tinyscrollbar.sub-menu .viewport .overview > ul > li.is-active a, div.dropdown .tinyscrollbar.sub-menu .viewport .overview > ul > li:hover a, div.form-select .tinyscrollbar.sub-menu .viewport .overview > ul > li.is-active a, div.form-select .tinyscrollbar.sub-menu .viewport .overview > ul > li:hover a {
    background: #f0f0f0;
    border-radius: 4px;
    color: #1d1d1d
}

div.dropdown .tinyscrollbar.sub-menu .viewport .overview > ul > li.is-active .icon-selected, div.form-select .tinyscrollbar.sub-menu .viewport .overview > ul > li.is-active .icon-selected {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3.5px;
    display: block
}

div.dropdown .tinyscrollbar.sub-menu .scrollbar, div.form-select .tinyscrollbar.sub-menu .scrollbar {
    padding: 0
}

div.dropdown.is-disabled .btn, div.form-select.is-disabled .btn {
    cursor: default !important;
    pointer-events: none;
    color: #fff !important;
    border-color: #dadada !important;
    background: #dadada !important;
    opacity: 1
}

div.dropdown.is-open .btn .dropdown-icon .icon-caret, div.form-select.is-open .btn .dropdown-icon .icon-caret {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

div.dropdown.is-wrong .btn, div.form-select.is-wrong .btn {
    border: 1px solid red !important
}

@media (max-width: 1024px) {
    div.dropdown .btn .dropdown-text, div.dropdown .tinyscrollbar.sub-menu .viewport .overview > ul > li a, div.form-select .btn .dropdown-text, div.form-select .tinyscrollbar.sub-menu .viewport .overview > ul > li a {
        font-size: 12px
    }

    div.dropdown.is-open .btn, div.form-select.is-open .btn {
        border-radius: 4px 4px 4px 4px
    }
}

label.form-checkbox {
    min-height: inherit;
    padding-left: 0;
    line-height: normal
}

i.icon-checkbox {
    position: relative;
    display: inline-block
}

i.icon-radio {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    border: 1px solid #5f5f5f;
    background: #fff
}

.form-checkbox.is-active .icon-radio {
    background: #1d1d1d
}

.form-checkbox.is-disabled {
    pointer-events: none
}

.form-checkbox.is-disabled .icon-radio {
    border-radius: 50%;
    background: #ccc
}

.dialog-opacity {
    background-color: rgba(0, 0, 0, 0.6)
}

.ua-dialog .dialog-scroll-container .dialog {
    max-width: 100%;
    width: 500px;
    margin: 20px;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(127, 127, 127, 0.5);
    box-shadow: 0 2px 4px 0 rgba(127, 127, 127, 0.5);
    border: 1px solid #d8d8d8
}

.ua-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 30px;
    border-radius: 0
}

.ua-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content {
    text-align: center
}

.ua-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content > div > h4 {
    font-size: 18px;
    color: #000;
    display: inline-block;
    position: relative
}

.ua-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content > div > p {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin-top: 33px
}

.ua-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap {
    text-align: center;
    margin-top: 21px;
    margin-bottom: 3px
}

.notarize-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap > a, .ua-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap > a {
    min-width: 160px;
    margin: 0 10px;
    margin-bottom: 10px
}

.ua-dialog .dialog-scroll-container .dialog .icon-close.dialog-close {
    font-size: 0;
    top: 20px;
    right: 20px
}

.ua-dialog .dialog-scroll-container .dialog .icon-close.dialog-close:before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -50%;
    left: -50%
}

.ua-toast-dialog {
    background: 0 0
}

.ua-toast-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll {
    padding: 0 20px
}

.ua-toast-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll > div .dialog {
    width: auto;
    min-width: 120px;
    background: 0 0;
    border: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ua-toast-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll > div .dialog .dialog-container {
    background: rgba(0, 0, 0, 0.66);
    border-radius: 8px;
    padding: 15px
}

.ua-toast-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll > div .dialog .dialog-container .dialog-content > div p {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: 0
}

.notarize-dialog .dialog-scroll-container .dialog {
    width: 700px
}

.notarize-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 90px 30px
}

.notarize-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content > div > p {
    font-size: 24px;
    line-height: 26px;
    margin-top: 0
}

.notarize-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap {
    margin-top: 80px;
    margin-bottom: 0
}

@media (max-width: 1024px) {
    .ua-dialog .dialog-scroll-container .dialog-scroll {
        width: 100%;
        padding: 0 10px
    }

    .ua-dialog .dialog-scroll-container .dialog {
        margin: 0;
        width: 100%;
        position: relative
    }

    .ua-dialog .dialog-scroll-container .dialog .dialog-close {
        top: 20px;
        right: 20px
    }

    .notarize-dialog .dialog-scroll-container .dialog {
        max-width: 700px;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .notarize-dialog .dialog-scroll-container .dialog .dialog-container {
        padding: 70px 20px
    }

    .notarize-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content > div > p {
        font-size: 18px;
        line-height: 20px
    }

    .notarize-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap {
        margin-top: 50px
    }

    .notarize-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap > a {
        min-width: 100px;
        margin: 0 5px
    }
}

.swiper-button-next, .swiper-button-prev {
    z-index: 5
}

.swiper-button-next .bar {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 6px;
    background-color: #000;
    margin-top: -4px;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.57, .17, .03, 1);
    -o-transition: -o-transform .4s cubic-bezier(.57, .17, .03, 1);
    -moz-transition: transform .4s cubic-bezier(.57, .17, .03, 1), -moz-transform .4s cubic-bezier(.57, .17, .03, 1);
    transition: transform .4s cubic-bezier(.57, .17, .03, 1);
    transition: transform .4s cubic-bezier(.57, .17, .03, 1), -webkit-transform .4s cubic-bezier(.57, .17, .03, 1)
}

.swiper-button-next .bar + .bar, .swiper-button-prev .bar {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.swiper-button-prev .bar {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 6px;
    background-color: #000;
    margin-left: -0.5px;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.57, .17, .03, 1);
    -o-transition: -o-transform .4s cubic-bezier(.57, .17, .03, 1);
    -moz-transition: transform .4s cubic-bezier(.57, .17, .03, 1), -moz-transform .4s cubic-bezier(.57, .17, .03, 1);
    transition: transform .4s cubic-bezier(.57, .17, .03, 1);
    transition: transform .4s cubic-bezier(.57, .17, .03, 1), -webkit-transform .4s cubic-bezier(.57, .17, .03, 1);
    margin-top: -4px;
    -webkit-animation: bar-right-1 .85s cubic-bezier(.57, .17, .03, 1) 1;
    -moz-animation: bar-right-1 .85s cubic-bezier(.57, .17, .03, 1) 1;
    animation: bar-right-1 .85s cubic-bezier(.57, .17, .03, 1) 1
}

.swiper-button-prev .bar + .bar {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -1px;
    -webkit-animation: bar-right-2 .85s cubic-bezier(.57, .17, .03, 1) 1;
    -moz-animation: bar-right-2 .85s cubic-bezier(.57, .17, .03, 1) 1;
    animation: bar-right-2 .85s cubic-bezier(.57, .17, .03, 1) 1
}

.swiper-button-next .bar + .bar {
    margin-top: -1px;
    -webkit-animation: bar-left-2 .85s cubic-bezier(.57, .17, .03, 1) 1;
    -moz-animation: bar-left-2 .85s cubic-bezier(.57, .17, .03, 1) 1;
    animation: bar-left-2 .85s cubic-bezier(.57, .17, .03, 1) 1
}

.swiper-button-prev {
    left: 16px
}

.swiper-button-next {
    right: 16px
}

.swiper-button-next .bar {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -0.5px;
    -webkit-animation: bar-left-1 .85s cubic-bezier(.57, .17, .03, 1) 1;
    -moz-animation: bar-left-1 .85s cubic-bezier(.57, .17, .03, 1) 1;
    animation: bar-left-1 .85s cubic-bezier(.57, .17, .03, 1) 1
}

.swiper-button-next:active .bar, .swiper-button-prev:active .bar {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15)
}

.slider .tooltip {
    z-index: 2
}

.swiper-hot-product-container {
    padding: 0 16px;
    margin-top: 31px
}

.swiper-hot-product-container:after, .swiper-hot-product-container:before {
    content: '';
    width: 16px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    z-index: 2
}

.swiper-hot-product-container:after {
    right: -1px
}

.swiper-hot-product-container::before {
    left: -1px
}

.swiper-hot-product-container .swiper-wrapper .swiper-slide > a {
    display: block;
    overflow: hidden;
    background: #f1f1f1
}

.swiper-hot-product-container .swiper-wrapper .swiper-slide > a img {
    -webkit-transition: .7s all;
    -o-transition: .7s all;
    -moz-transition: .7s all;
    transition: .7s all;
    width: 100%
}

.swiper-hot-product-container .swiper-wrapper .swiper-slide .grids-box {
    margin: 25px 0 24px
}

.swiper-hot-product-container .swiper-wrapper .swiper-slide .grids-box .title {
    font-size: 14px;
    font-weight: 700;
    color: #1d1d1d;
    line-height: 20px;
    -o-text-overflow: -o-ellipsis-lastline;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.swiper-hot-product-container .swiper-wrapper .swiper-slide .grids-box .price {
    font-size: 14px;
    font-family: armour_w_rg, PingFangSC-Regular, '微软雅黑', 'Microsoft YaHei', sans-serif, armour_w_rg;
    font-weight: 400;
    color: #5f5f5f;
    line-height: 20px;
    margin: 8px 0 0
}

.swiper-hot-product-container .swiper-wrapper .swiper-slide:hover > a img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.swiper-hot-product-container .swiper-button-prev {
    left: 4px;
    margin-top: -62px;
    opacity: 1
}

.swiper-hot-product-container .swiper-button-next {
    right: 4px;
    margin-top: -62px;
    opacity: 1
}

.swiper-hot-product-container .swiper-button-next.swiper-button-disabled, .swiper-hot-product-container .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

@media (max-width: 1024px) {
    .swiper-hot-product-container {
        padding: 0;
        margin-top: 0
    }

    .swiper-hot-product-container:after, .swiper-hot-product-container:before {
        content: none
    }

    .swiper-hot-product-container .swiper-wrapper .swiper-slide {
        width: 87.2%;
        padding: 0 4px
    }

    .swiper-hot-product-container .swiper-wrapper .swiper-slide .grids-box {
        margin: 16px 0 24px
    }

    .swiper-hot-product-container .swiper-wrapper .swiper-slide .grids-box .title {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 0
    }

    .swiper-hot-product-container .swiper-wrapper .swiper-slide .grids-box .price {
        font-size: 12px;
        line-height: 20px
    }

    .swiper-hot-product-container .swiper-wrapper .swiper-slide:hover > a img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    .swiper-hot-product-container .swiper-button-prev {
        left: 12px
    }

    .swiper-hot-product-container .swiper-button-next {
        right: 12px
    }
}

.header, .top-nav {
    background: #1d1d1d
}

.top-nav {
    -webkit-box-shadow: inset 0 -1px 0 0 #fff;
    box-shadow: inset 0 -1px 0 0 #fff;
    height: 40px;
    padding: 0 4%
}

.top-nav .top-nav-main {
    padding: 12px 0 0;
    width: 100%;
    position: relative
}

.top-nav .top-nav-main .top-nav-left {
    float: left
}

.top-nav .top-nav-main .top-nav-left a {
    color: #fff;
    font-size: 12px
}

.top-nav .top-nav-main .top-nav-middle {
    position: absolute;
    width: 690px;
    height: 40px;
    left: 50%;
    margin-left: -345px;
    top: 0;
    z-index: 2;
    color: #fff;
    padding-top: 12px
}

.top-nav .top-nav-main .top-nav-middle span {
    font-size: 12px
}

.top-nav .top-nav-main .top-nav-middle span a {
    font-size: 12px;
    text-decoration: underline;
    color: #fff
}

.top-nav .top-nav-main .top-nav-right {
    float: right;
    position: relative
}

.top-nav .top-nav-main .top-nav-right .login-text {
    font-size: 0
}

.top-nav .top-nav-main .top-nav-right .login-text a {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    position: relative
}

.top-nav .top-nav-main .top-nav-right .login-text a span {
    display: inline-block;
    position: relative;
    margin-left: 6px
}

.top-nav .top-nav-main .top-nav-right .login-text a .login-span {
    position: relative;
    margin-right: 10px
}

.top-nav .top-nav-main .top-nav-right .login-text a .login-span::after {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #fff;
    top: 2px;
    right: -8px;
    content: ''
}

.top-nav .top-nav-main .top-nav-right .title {
    display: none;
    color: #fff;
    margin-bottom: 0;
    font-size: 12px;
    padding-bottom: 13px
}

.top-nav .top-nav-main .top-nav-right .title i {
    vertical-align: middle;
    margin-left: 25px;
    margin-top: -2px
}

.top-nav .top-nav-main .top-nav-right .myaccount-con {
    position: absolute;
    display: none;
    top: 100%;
    right: 0;
    z-index: 6;
    width: 264px;
    padding: 24px;
    background: #fff
}

.top-nav .top-nav-main .top-nav-right .myaccount-con ul {
    margin-bottom: 24px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .scroller-wrap .overview ul li .product-information .product-information-wrap .title, .top-nav .top-nav-main .top-nav-right .myaccount-con ul li {
    margin-bottom: 12px
}

.top-nav .top-nav-main .top-nav-right .myaccount-con ul li a {
    display: block;
    font-size: 12px;
    color: #5f5f5f;
    line-height: 20px
}

.top-nav .top-nav-main .top-nav-right .myaccount-con .login-out {
    width: 100%
}

.top-nav .top-nav-main .top-nav-right.is-logged .login-text {
    display: none
}

.header .header-container .header-main .header-left .header-logo a, .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li.is-active .sub-menu, .header .header-container .header-main .header-right .header-search.search-active .search-record, .header .header-container .header-main .header-right .mini-cart.is-full-tit .cart-log span, .top-nav .top-nav-main .top-nav-right.is-logged .title {
    display: block
}

.header {
    padding: 0;
    height: 64px
}

.header input[type=password]:focus, .header input[type=text]:focus, .header textarea:focus {
    -webkit-box-shadow: 0 0 0 1000px transparent inset
}

.header .header-container {
    position: relative
}

.header .header-container .header-main .header-left {
    position: absolute;
    left: 4%;
    top: 16px;
    z-index: 2
}

.header .header-container .header-main .header-left .header-logo, .header-simple .header-container .header-main .header-middle h1 {
    font-size: 0;
    position: relative
}

.header .header-container .header-main .header-left .header-logo a:after, .header-simple .header-container .header-main .header-middle h1 a:after {
    content: '';
    position: absolute;
    display: block;
    width: 200%;
    height: 64px;
    left: -20px;
    top: -20px
}

.header .header-container .header-main .header-left .header-logo a img {
    width: auto;
    height: 32px
}

.header .header-container .header-main .header-menu, .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li.img-show .img-warp a img, .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-sec > ul li a img, .header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .scroller-wrap .overview ul li .product-information > a img, .header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .favorite-goods .swiper-slide > a img {
    width: 100%
}

.header .header-container .header-main .header-menu .header-menu-main {
    position: relative
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab {
    text-align: center;
    font-size: 0;
    position: relative
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 61px
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li:last-child {
    margin-right: 0
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    padding: 14px 0
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a {
    font-size: 16px;
    color: #fff;
    padding: 6px 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a .label {
    -webkit-transition: opacity .2s cubic-bezier(.24, .015, .145, .93), -webkit-transform .2s cubic-bezier(.24, .015, .145, .93);
    -o-transition: opacity .2s cubic-bezier(.24, .015, .145, .93), -o-transform .2s cubic-bezier(.24, .015, .145, .93);
    -moz-transition: opacity .2s cubic-bezier(.24, .015, .145, .93), transform .2s cubic-bezier(.24, .015, .145, .93), -moz-transform .2s cubic-bezier(.24, .015, .145, .93);
    transition: opacity .2s cubic-bezier(.24, .015, .145, .93), transform .2s cubic-bezier(.24, .015, .145, .93);
    transition: opacity .2s cubic-bezier(.24, .015, .145, .93), transform .2s cubic-bezier(.24, .015, .145, .93), -webkit-transform .2s cubic-bezier(.24, .015, .145, .93)
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a .label-hover {
    position: absolute;
    top: 0;
    left: 0;
    padding: 6px 9px;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transform: translateY(1em);
    -moz-transform: translateY(1em);
    -ms-transform: translateY(1em);
    -o-transform: translateY(1em);
    transform: translateY(1em)
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity .4s cubic-bezier(.24, .015, .145, .93);
    -o-transition: opacity .4s cubic-bezier(.24, .015, .145, .93);
    -moz-transition: opacity .4s cubic-bezier(.24, .015, .145, .93);
    transition: opacity .4s cubic-bezier(.24, .015, .145, .93)
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a:hover .label:first-child {
    -webkit-transform: translateY(-1em);
    -moz-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    -o-transform: translateY(-1em);
    transform: translateY(-1em);
    opacity: 0
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a:hover:after {
    opacity: 1;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu {
    display: none;
    width: 100%;
    left: 0;
    border: 0;
    border-radius: 0;
    padding: 56px 4%
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul {
    font-size: 0;
    text-align: left
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li:last-child {
    padding-right: 0
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li.img-show {
    width: 29.4%
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li.img-show .img-warp a {
    display: block;
    max-width: 320px;
    padding: 0
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li.img-show .img-warp a h3 {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #1d1d1d;
    line-height: 24px
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li.img-show .img-warp .buy-now {
    display: inline-block;
    margin-top: 8px;
    padding-bottom: 5px
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li:nth-child(3) {
    width: 16.8%
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li:nth-child(3) > ul li {
    margin-bottom: 6px
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li:nth-child(3) > ul li a {
    font-size: 14px;
    color: #5f5f5f
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li:nth-child(4), .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li:nth-child(5), .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li:nth-child(6) {
    width: 13.3%
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li .title {
    font-size: 16px;
    font-weight: 600;
    color: #1d1d1d;
    line-height: 24px;
    margin-bottom: 24px
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li .title a {
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    display: inline-block
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li > ul li {
    margin-bottom: 4px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .register-info ul li:last-child, .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li > ul li:last-child, .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .register-info ul li:last-child {
    margin-bottom: 0
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li > ul li a {
    padding: 0 0 4px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #444;
    line-height: 20px
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-sec {
    padding: 56px 9%
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-sec > ul {
    display: block;
    font-size: 0;
    text-align: center
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-sec > ul li {
    width: 22.82%;
    display: inline-block
}

.header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-sec > ul li a span {
    margin-top: 16px;
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #1d1d1d;
    line-height: 22px
}

.header .header-container .header-main .header-right {
    position: absolute;
    right: 4%;
    top: 20px;
    font-size: 0
}

.header .header-container .header-main .header-right .header-search {
    display: inline-block;
    vertical-align: middle;
    margin-right: 24px;
    position: relative
}

.header .header-container .header-main .header-right .header-search.search-active .form-input .header-search-btn, .header .header-container .header-main .header-right .header-search.search-active .form-input input, .header .header-container .header-main .header-right .header-search:hover .form-input .header-search-btn, .header .header-container .header-main .header-right .header-search:hover .form-input input {
    opacity: 1;
    -webkit-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    transition: .4s ease-out
}

.header .header-container .header-main .header-right .header-search .form-input {
    position: relative
}

.header .header-container .header-main .header-right .header-search .form-input input {
    width: 184px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    opacity: .6;
    background: 0 0;
    color: #fff;
    padding: 0 20px 3px 0
}

.header .header-container .header-main .header-right .header-search .form-input .header-search-btn {
    position: absolute;
    display: block;
    padding: 2px;
    bottom: 0;
    right: 0;
    opacity: .6
}

.header .header-container .header-main .header-right .header-search .form-input .header-delete-search, .header .header-container .header-main .header-right .mini-cart .mincart-content.is-empty-cart .cart-main .cart-con .is-full-bag, .header .header-container .header-main .header-right .mini-cart .mincart-content.is-full-cart .cart-main .cart-con .is-empty-bag, .header .header-container .header-main .header-right .mini-cart .mincart-content.is-full-cart .cart-main .favorite-con {
    display: none
}

.header .header-container .header-main .header-right .header-search .search-record {
    position: absolute;
    top: 24px;
    left: 0;
    z-index: 6;
    width: 184px;
    padding: 24px;
    background: #fff;
    display: none;
    border-radius: 0;
    border: 0
}

.header .header-container .header-main .header-right .header-search .search-record ul li {
    margin-bottom: 8px
}

.header .header-container .header-main .header-right .header-search .search-record ul li a {
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    color: #5f5f5f;
    line-height: 20px
}

.header .header-container .header-main .header-right .header-wishlist {
    margin-right: 24px;
    display: inline-block;
    vertical-align: middle;
    opacity: .6
}

.header .header-container .header-main .header-right .header-wishlist:hover {
    opacity: 1;
    -webkit-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    transition: .4s ease-out
}

.header .header-container .header-main .header-right .mini-cart {
    display: inline-block;
    vertical-align: middle
}

.header .header-container .header-main .header-right .mini-cart .cart-log {
    display: block;
    position: relative
}

.header .header-container .header-main .header-right .mini-cart .cart-log i {
    opacity: .6
}

.header .header-container .header-main .header-right .mini-cart .cart-log span {
    position: absolute;
    color: #fff;
    display: none;
    font-size: 10px;
    padding: 0 5px;
    border-radius: 28px;
    height: 16px;
    background: #ff2a0e;
    opacity: 1;
    text-align: center;
    line-height: 16px;
    top: -8px;
    right: -12px
}

.header .header-container .header-main .header-right .mini-cart .cart-log:hover i {
    opacity: 1
}

.header .header-container .header-main .header-right .mini-cart .mincart-content {
    position: fixed;
    height: 100%;
    width: 432px;
    right: -100%;
    top: 0;
    z-index: 7;
    background: #fff;
    overflow: hidden;
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out;
    display: none
}

.header .header-container .header-main .header-right .mini-cart .mincart-content.show {
    right: 0;
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .e-minicart-scroll {
    position: relative;
    height: 100%
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .e-minicart-scroll .close-minicart {
    position: absolute;
    padding: 4px;
    right: 24px;
    top: 24px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .scroller-container {
    padding: 56px 0 20px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main > div h4.title {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 16px;
    margin-right: 16px;
    border-bottom: 1px solid #d0d0d0
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con {
    padding: 0 40px 0 56px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .cart-tit {
    position: relative
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-empty-bag, .header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag {
    display: block
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-empty-bag .empty-box {
    padding-right: 16px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-empty-bag .empty-box p {
    text-align: center;
    font-size: 12px;
    color: #1d1d1d;
    line-height: 17px;
    padding: 150px 0
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 {
    margin-right: 0;
    max-height: 324px;
    padding-right: 16px;
    overflow: hidden;
    position: relative
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .scrollbar {
    right: 0
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .scrollbar .track .thumb {
    left: 0
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .iScrollVerticalScrollbar.iScrollLoneScrollbar {
    right: 0;
    width: 4px;
    top: 0;
    height: 100%;
    position: absolute
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .iScrollVerticalScrollbar.iScrollLoneScrollbar .iScrollIndicator {
    opacity: .5;
    background: #5f5f5f;
    border-radius: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    display: block;
    left: 0;
    top: 0
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .scroller-wrap {
    height: inherit
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .scroller-wrap .overview ul li {
    padding: 16px 0;
    border-bottom: 1px solid #d0d0d0
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .scroller-wrap .overview ul li .product-information {
    position: relative;
    padding-left: 120px;
    min-height: 130px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .scroller-wrap .overview ul li .product-information > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 104px;
    background: #f0f0f0
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .scroller-wrap .overview ul li .product-information .product-information-wrap .title a {
    display: block;
    font-size: 14px;
    color: #1d1d1d;
    line-height: 20px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .scroller-wrap .overview ul li .product-information .product-information-wrap p {
    font-size: 12px;
    color: #5f5f5f;
    line-height: 20px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .scroller-wrap .overview ul li .product-information .product-information-wrap p:last-child {
    margin-top: 12px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .scroller-wrap .overview ul li .product-information .product-information-wrap p:last-child a {
    float: left;
    font-size: 12px;
    text-decoration: underline;
    color: #5f5f5f;
    line-height: 20px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .goods-bag .tinyscrollbar1 .scroller-wrap .overview ul li .product-information .product-information-wrap p:last-child span {
    float: right
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .sub-total {
    margin-top: 20px;
    padding-right: 16px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .sub-total > p span {
    font-size: 14px;
    font-weight: 500;
    color: #1d1d1d;
    line-height: 20px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .sub-total > p span:first-child {
    float: left
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .sub-total > p span:last-child {
    float: right
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .cart-con .is-full-bag .sub-total .btn {
    width: 100%;
    margin-top: 16px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .favorite-tit {
    margin: 0 56px 16px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .empty-box p {
    text-align: center;
    font-size: 12px;
    color: #1d1d1d;
    line-height: 17px;
    padding-top: 150px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .favorite-goods {
    padding: 0 40px;
    display: none
}

.footer-bottom ul li.divider, .header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .favorite-goods .swiper-container {
    padding: 0 16px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .favorite-goods .swiper-container .swiper-button-prev {
    margin-top: -41px;
    left: 3px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .favorite-goods .swiper-container .swiper-button-next.swiper-button-disabled, .header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .favorite-goods .swiper-container .swiper-button-prev.swiper-button-disabled {
    display: none
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .favorite-goods .swiper-container .swiper-button-next {
    margin-top: -41px;
    right: 3px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .favorite-goods .swiper-slide, .header-simple {
    position: relative
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .favorite-goods .swiper-slide > a {
    background: #f0f0f0
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .favorite-goods .swiper-slide > a .title {
    width: 100%;
    font-size: 12px;
    color: #1d1d1d;
    line-height: 20px;
    margin-top: 16px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .favorite-goods .swiper-slide > a .price {
    font-size: 12px;
    color: #5f5f5f;
    line-height: 20px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con .favorite-goods .swiper-slide .wish-box {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 8px
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con.is-favorite-full .favorite-goods {
    display: block
}

.header .header-container .header-main .header-right .mini-cart .mincart-content .cart-main .favorite-con.is-favorite-full .empty-box, .header .mob-prompt {
    display: none
}

.header .header-container .header-main .header-right .mini-cart .cart-mask {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .6;
    z-index: 6;
    display: none
}

.header-simple {
    height: 64px;
    padding: 0 4%;
    background: #1d1d1d
}

.header-simple .header-container, .header-simple .header-container .header-main .header-middle h1 a img {
    width: 100%
}

.footer .footer-main .footer-top .footer-inner > div, .footer-top .footer-inner > div, .header-simple .header-container .header-main .header-left {
    float: left
}

.header-simple .header-container .header-main .header-left a, .header-simple .header-container .header-main .header-right .customer-service > div a {
    display: block;
    padding: 22px 0
}

.header-simple .header-container .header-main .header-left a i, .header-simple .header-container .header-main .header-right .customer-service > div a i {
    vertical-align: middle
}

.header-simple .header-container .header-main .header-middle {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 50%;
    margin-top: -12px
}

.header-simple .header-container .header-main .header-middle h1 a {
    display: block;
    width: 40px
}

.header-simple .header-container .header-main .header-right {
    float: right
}

.header-simple .header-container .header-main .header-right .customer-service {
    font-size: 0
}

.footer-bottom ul, .header-simple .header-container .header-main .header-right .customer-service > div {
    display: inline-block
}

.header-simple .header-container .header-main .header-right .customer-service > div.online-service {
    margin-right: 24px
}

.header-simple .header-container .header-main .header-left a span, .header-simple .header-container .header-main .header-right .customer-service > div a span {
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

@media (max-width: 1090px) {
    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li {
        margin-right: 32px
    }
}

.top-nav {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 5
}

.header {
    position: fixed;
    left: 0;
    top: 0px;
    right: 0;
    width: 100%;
    z-index: 5
}

body {
    padding-top: 104px
}

@media (max-width: 1024px) {
    body {
        padding-top: 95px
    }

    .header {
        padding: 0;
        height: auto;
        background: #1d1d1d;
        top: 0px
    }

    .header.header-fixed {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        z-index: 5
    }

    .header.header-show {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        overflow: hidden;
        opacity: 0
    }

    .header .header-container {
        position: relative;
        height: 56px
    }

    .header .header-container .header-main .header-left {
        position: static;
        left: 0;
        top: 0
    }

    .header .header-container .header-main .header-left .header-logo {
        position: absolute;
        width: 42px;
        left: 50%;
        top: 16px;
        margin-left: -20px;
        z-index: 4;
        font-size: 0
    }

    .header .header-container .header-main .header-left .header-logo a:after, .header-simple .header-container .header-main .header-middle h1 a:after {
        height: 56px;
        top: -16px
    }

    .header .header-container .header-main .header-left .header-logo a img {
        width: 100%;
        height: auto
    }

    .header .header-container .header-main .header-left .nav-menu {
        position: absolute;
        top: 0;
        left: 0
    }

    .header .header-container .header-main .header-left .nav-menu a {
        display: block;
        padding: 22px 20px;
        z-index: 4;
        vertical-align: middle;
        font-size: 0;
        line-height: 1
    }

    .header .header-container .header-main .header-menu.header-full-fixed {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 10;
        width: 86%;
        padding: 57px 0 0;
        height: 100%;
        background: 0 0;
        -webkit-transition: left .5s linear;
        -moz-transition: left .5s linear;
        -o-transition: left .5s linear;
        transition: left .5s linear
    }

    .header .header-container .header-main .header-menu.header-full-fixed.is-active {
        left: 0
    }

    .header .header-container .header-main .header-menu.header-full-fixed .top-nav {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 12;
        width: 100%;
        height: auto;
        padding: 0 20px;
        background: #fff;
        text-align: center
    }

    .header .header-container .header-main .header-menu.header-full-fixed .top-nav a {
        display: inline-block;
        width: 42px;
        padding: 16px 0
    }

    .header .header-container .header-main .header-menu.header-full-fixed .top-nav a img, .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .header-logo a img {
        width: 100%
    }

    .header .header-container .header-main .header-menu .header-menu-main {
        height: 100%;
        background: #fff
    }

    .header .header-container .header-main .header-menu .header-menu-main .header-scroll-container {
        padding: 8px 0
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab {
        border-bottom: 1px solid #f0f0f0;
        padding: 0 12px 4px;
        position: relative
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li {
        display: block;
        vertical-align: middle;
        margin-right: 0
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li:last-child {
        margin-right: 0
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li.is-active .menu-title {
        position: relative
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li.is-active .menu-title:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        height: 100%;
        left: -12px;
        top: 0;
        background: #151515
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li.is-active .title .icon-unfold-l, .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li.is-active .menu-title .icon-unfold-l {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title {
        line-height: 1;
        padding: 0;
        position: relative
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title .icon-unfold-l {
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -2px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a {
        line-height: 24px;
        color: #1d1d1d;
        padding: 10px 12px;
        display: block;
        font-weight: 700;
        text-align: left
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a .label {
        -webkit-transition: none;
        -o-transition: none;
        -moz-transition: none;
        transition: none
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a .label-hover, .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a:after, .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a:hover:after, .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li > ul, .header-simple .header-container .header-main .header-left a span, .header-simple .header-container .header-main .header-right .customer-service > div a span {
        display: none
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a:hover .label {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .menu-title a:hover .label:first-child {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu {
        display: none;
        position: relative;
        padding: 0 12px
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu ul li {
        width: 100% !important
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu ul li > a {
        font-size: 14px;
        color: #5f5f5f;
        line-height: 40px;
        font-family: pingFangSC-Medium, PingFangSC-Regular, '微软雅黑', 'Microsoft YaHei', sans-serif, armour_w_rg;
        font-weight: 400;
        margin-bottom: 0;
        position: relative;
        padding: 0
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul {
        font-size: 0;
        text-align: left
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li {
        font-size: 12px;
        display: block;
        vertical-align: top;
        padding-right: 0
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li:nth-child(2) > ul li {
        margin-bottom: 0
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li:nth-child(2) > ul li a {
        font-size: 12px
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li.is-active .title {
        font-weight: 700
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li .title {
        font-size: 14px;
        color: #5f5f5f;
        line-height: 40px;
        font-weight: 400;
        margin-bottom: 0;
        position: relative
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li .title a {
        font-family: pingFangSC-Medium, PingFangSC-Regular, '微软雅黑', 'Microsoft YaHei', sans-serif, armour_w_rg;
        font-size: 14px;
        font-weight: 400;
        color: #5f5f5f
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li .title .icon-unfold-l {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -2px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li > ul li {
        margin-bottom: 0
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li > ul li:last-child {
        margin-bottom: 0
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-fir > ul > li > ul li a {
        padding-bottom: 0;
        line-height: 40px;
        padding-left: 16px;
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: #5f5f5f
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-sec > ul {
        display: block;
        text-align: left
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-sec > ul li {
        display: block
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-tab > li .sub-menu-sec > ul li > p a {
        font-size: 12px;
        color: #5f5f5f;
        line-height: 40px;
        padding: 0
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-other {
        padding: 8px 24px 0;
        margin-bottom: 16px
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-other li a {
        font-size: 12px;
        color: #1d1d1d;
        line-height: 38px;
        font-weight: 700
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-service {
        padding: 0 24px
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-service li i {
        vertical-align: middle;
        margin-right: 12px
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-service li a {
        padding: 12px 0;
        font-size: 12px;
        color: #5f5f5f;
        display: block
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-service li:first-child, .header .header-container .header-main .header-menu .header-menu-main .nav-service li:first-child > div.login-txt {
        font-size: 0
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-service li:first-child > div {
        display: inline-block;
        vertical-align: middle
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-service li:first-child > div.login-txt a {
        font-size: 12px;
        color: #5f5f5f;
        line-height: 12px;
        font-weight: 400;
        display: inline-block;
        vertical-align: middle
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-service li:first-child > div.login-txt a.login {
        padding-right: 6px;
        position: relative
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-service li:first-child > div.login-txt a.register {
        padding-left: 6px
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-service li:first-child.is-logged > div.login-txt, .header .header-container .header-main .header-menu .header-menu-main .nav-service li:first-child > div.is-login {
        display: none
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-service li:first-child > div.is-login a {
        font-size: 12px;
        color: #5f5f5f;
        line-height: 12px
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-service li:first-child.is-logged > div.is-login {
        display: inline-block
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-bottom {
        margin-top: 20px;
        background: #f0f0f0
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-bottom li {
        padding: 13px 24px;
        font-size: 12px;
        color: #1d1d1d;
        line-height: 20px
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-bottom li a {
        color: #1d1d1d;
        float: right;
        text-decoration: underline
    }

    .header .header-container .header-main .header-right {
        right: 0;
        top: 0
    }

    .header .header-container .header-main .header-right .header-search {
        margin-right: 0
    }

    .header .header-container .header-main .header-right .header-search .header-search-btn {
        opacity: 1;
        display: block;
        padding: 20px 16px 20px 0
    }

    .header .header-container .header-main .header-right .header-search .search-mob {
        position: fixed;
        top: -100vh;
        left: 0;
        width: 100%;
        background: #fff;
        height: 100%;
        z-index: 6;
        -webkit-transition: .4s ease-out;
        -o-transition: .4s ease-out;
        -moz-transition: .4s ease-out;
        transition: .4s ease-out
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container {
        padding: 0
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .header-logo {
        display: none;
        text-align: center;
        padding: 16px 0;
        position: relative
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .header-logo a {
        width: 40px;
        display: inline-block
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .header-logo i {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 2
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .form-input .header-delete-search i:before, .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .form-input .header-search-btn i:before, .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .header-logo i:before {
        content: '';
        width: 26px;
        height: 30px;
        position: absolute;
        top: -100%;
        left: -50%
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .search-inner {
        padding: 0 24px
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .search-inner .empty-result {
        margin-top: 50px;
        margin-bottom: 36px;
        display: none
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .search-inner .empty-result p:nth-child(1) {
        height: 14px;
        font-size: 14px;
        font-weight: 600;
        color: rgba(19, 20, 21, 0.4);
        line-height: 14px;
        margin-bottom: 8px;
        text-align: center
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .search-inner .empty-result p:nth-child(2) {
        height: 12px;
        font-size: 12px;
        font-weight: 400;
        color: rgba(29, 29, 29, 0.39);
        line-height: 12px;
        text-align: center
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .search-inner .search-result {
        padding-top: 4px
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .search-inner .search-result li a {
        display: block;
        height: 40px;
        font-size: 12px;
        font-weight: 400;
        color: #1d1d1d;
        line-height: 40px;
        border-bottom: 1px solid rgba(29, 29, 29, 0.1)
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .form-input {
        padding-top: 20px;
        border-bottom: 1px solid #5f5f5f
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .form-input input {
        color: #1d1d1d;
        border: 0;
        width: 100%;
        height: 30px;
        padding-top: 0;
        padding-bottom: 8px;
        padding-left: 25px
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .form-input .header-search-btn {
        padding: 0;
        opacity: 1;
        bottom: 10px;
        right: auto;
        left: 1px
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .form-input .header-delete-search {
        position: absolute;
        right: 0;
        top: 27px;
        display: none
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .history-search, .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .hot-search {
        margin-top: 20px
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .history-search .title, .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .hot-search .title {
        font-size: 12px;
        color: #5f5f5f;
        line-height: 20px;
        margin-bottom: 8px
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .history-search ul, .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .hot-search ul, .header-simple .header-container .header-main .header-middle h1, .header-simple .header-container .header-main .header-right .customer-service {
        font-size: 0
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .history-search ul li, .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .hot-search ul li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 16px;
        margin-bottom: 16px
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .history-search ul li a, .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .hot-search ul li a {
        display: block;
        padding: 0 8px;
        font-size: 12px;
        color: #1d1d1d;
        line-height: 22px;
        word-break: break-all;
        border-radius: 2px;
        border: 1px solid #1d1d1d
    }

    .header .header-container .header-main .header-right .header-search .search-mob .scroller-wrap .search-scroll-container .history-search {
        margin-top: 4px
    }

    .header .header-container .header-main .header-right .header-search .search-mob.show {
        top: 56px
    }

    .header .header-container .header-main .header-right .mini-cart .cart-log {
        padding: 20px
    }

    .header .header-container .header-main .header-right .mini-cart .cart-log i {
        opacity: 1
    }

    .header .header-container .header-main .header-right .mini-cart .cart-log span {
        top: 15px;
        right: 10px
    }

    .header .mob-prompt {
        background: #1d1d1d;
        padding: 10px 44px 10px 20px;
        position: relative
    }

    .header .mob-prompt .prompt-con marquee span {
        display: block;
        font-size: 11px;
        color: #fff;
        line-height: 16px
    }

    .header .mob-prompt .prompt-con marquee span a {
        font-size: 11px;
        color: #fff;
        line-height: 16px;
        text-decoration: underline
    }

    .header .mob-prompt .close-prompt {
        position: absolute;
        font-size: 0;
        display: inline-block;
        right: 0;
        top: 0;
        padding: 14px 16px 14px 0
    }

    .header .top-cmb, .header .top-spdb {
        background: #9b9b9b;
        position: relative;
        height: 30px;
        padding-left: 2px
    }

    .header .header-container .header-main .header-menu .header-menu-main .nav-bottom li span, .header .top-spdb .top-spdb-con .left {
        float: left
    }

    .header .top-spdb .top-spdb-con .left a {
        display: block;
        padding: 7px 20px
    }

    .header .top-spdb .top-spdb-con .middle {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .header .top-cmb .top-cmb-con .middle h2, .header .top-spdb .top-spdb-con .middle h2, .header-simple .top-cmb .top-cmb-con .middle h2, .header-simple .top-spdb .top-spdb-con .middle h2 {
        font-size: 12px;
        color: #fff;
        font-weight: 400;
        text-align: center
    }

    .header .top-spdb .top-spdb-con .right {
        float: right
    }

    .header .top-spdb .top-spdb-con .right a {
        display: block;
        padding-right: 6px;
        font-size: 12px;
        line-height: 30px;
        color: #d4d4d4
    }

    .header .top-cmb .top-cmb-con .left {
        float: left
    }

    .header .top-cmb .top-cmb-con .left a {
        display: block;
        padding: 7px 20px
    }

    .header .top-cmb .top-cmb-con .middle {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .header .top-cmb .top-cmb-con .right {
        float: right
    }

    .header .top-cmb .top-cmb-con .right a {
        display: block;
        padding-right: 6px;
        font-size: 12px;
        line-height: 30px;
        color: #d4d4d4
    }

    .header-simple .header-container .header-main .header-right .customer-service > div, .header-simple.header-simple-cmb .header-container .header-main .header-left a, .header-simple.header-simple-spdb .header-container .header-main .header-left a, .header.header-cmb .header-container .header-main .header-left .nav-menu a, .header.header-spdb .header-container .header-main .header-left .nav-menu a {
        display: inline-block
    }

    .header-simple.header-simple-cmb .header-container .header-main .header-left a.search-order, .header-simple.header-simple-spdb .header-container .header-main .header-left a.search-order, .header.header-cmb .header-container .header-main .header-left .nav-menu a.search-order, .header.header-spdb .header-container .header-main .header-left .nav-menu a.search-order {
        padding: 20px 16px
    }

    .header-simple {
        height: 56px;
        padding: 0 20px
    }

    .header-simple .header-container, .header-simple .header-container .header-main .header-middle h1 a img {
        width: 100%
    }

    .header-simple .header-container .header-main .header-left {
        float: left
    }

    .header-simple .header-container .header-main .header-left a {
        padding: 20px 20px 20px 0
    }

    .header-simple .header-container .header-main .header-middle {
        position: absolute;
        left: 50%;
        margin-left: -20px;
        top: 50%;
        margin-top: -12px
    }

    .header-simple .header-container .header-main .header-middle h1 a {
        display: block;
        width: 40px
    }

    .header-simple .header-container .header-main .header-right {
        float: right
    }

    .header-simple .header-container .header-main .header-right .customer-service > div.online-service {
        margin-right: 16px
    }

    .header-simple .header-container .header-main .header-right .customer-service > div.online-service a {
        padding: 20px 10px 20px 0
    }

    .header-simple .header-container .header-main .header-right .customer-service > div a {
        padding: 20px 0 20px 10px
    }

    .header-simple .top-cmb, .header-simple .top-spdb {
        background: #9b9b9b;
        position: relative;
        height: 30px;
        padding-left: 2px
    }

    .header-simple .top-spdb .top-spdb-con .left {
        float: left
    }

    .header-simple .top-spdb .top-spdb-con .left a {
        display: block;
        padding: 7px 20px
    }

    .header-simple .top-spdb .top-spdb-con .middle {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .header-simple .top-spdb .top-spdb-con .right {
        float: right
    }

    .header-simple .top-spdb .top-spdb-con .right a {
        display: block;
        padding-right: 6px;
        font-size: 12px;
        line-height: 30px;
        color: #d4d4d4
    }

    .header-simple .top-cmb .top-cmb-con .left {
        float: left
    }

    .header-simple .top-cmb .top-cmb-con .left a {
        display: block;
        padding: 7px 20px
    }

    .header-simple .top-cmb .top-cmb-con .middle {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .header-simple .top-cmb .top-cmb-con .right {
        float: right
    }

    .header-simple .top-cmb .top-cmb-con .right a {
        display: block;
        padding-right: 6px;
        font-size: 12px;
        line-height: 30px;
        color: #d4d4d4
    }

    .header-simple.header-simple-cmb, .header-simple.header-simple-spdb {
        padding: 0;
        height: 86px
    }

    .header-simple.header-simple-cmb .header-container, .header-simple.header-simple-spdb .header-container {
        padding: 0 20px;
        position: relative
    }
}

.footer-search {
    max-width: 1032px;
    padding: 0 20px;
    margin: 0 auto 54px
}

.footer .footer-main, .footer-search .container {
    width: 100%
}

.footer-search .container .tips-note {
    font-size: 14px;
    color: #1d1d1d;
    line-height: 19px;
    margin-bottom: 24px
}

.footer-search .container .form-footer-search {
    border-bottom: 1px solid #d8d8d8;
    padding: 0 40px 8px 0;
    position: relative;
    margin-bottom: 24px
}

.footer-search .container .form-footer-search .control-label {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 16px;
    padding: 0;
    font-weight: 700;
    font-size: 32px;
    color: #d0d0d0;
    letter-spacing: -0.5px;
    line-height: 40px
}

.footer-search .container .form-footer-search .form-input {
    height: 42px
}

.footer-search .container .form-footer-search .form-input input {
    width: 100%;
    border: 0;
    height: 42px;
    padding: 0;
    font-size: 32px;
    color: #1d1d1d
}

.footer-search .container .form-footer-search .footer-search-submit {
    position: absolute;
    right: 0;
    top: 50%;
    padding: 8px;
    margin-top: -20px;
    cursor: pointer
}

.footer-search .container .footer-search-suggestions {
    font-size: 0
}

.footer-search .container .footer-search-suggestions li {
    display: inline-block;
    font-size: 12px;
    color: #5f5f5f;
    line-height: 16px;
    padding-right: 2px
}

.footer-search .container .footer-search-suggestions li:nth-child(2) {
    padding-left: 6px
}

.footer-search .container .footer-search-suggestions li a {
    display: inline-block;
    color: #5f5f5f;
    position: relative;
    text-decoration: underline
}

.footer {
    background: #f0f0f0;
    position: relative;
    padding: 56px 4% 0
}

.footer .footer-main .logo-ua {
    margin-bottom: 24px
}

.footer .footer-main .footer-top .footer-inner > div:nth-child(1) {
    width: 37.2%
}

.footer .footer-main .footer-top .footer-inner > div:nth-child(2), .footer .footer-main .footer-top .footer-inner > div:nth-child(3), .footer .footer-main .footer-top .footer-inner > div:nth-child(4), .footer .footer-main .footer-top .footer-inner > div:nth-child(5) {
    width: 15.7%
}

.footer-top {
    margin-bottom: 56px
}

.footer-top .footer-inner > div .title {
    font-size: 15px;
    color: #1d1d1d;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 20px
}

.footer-top .footer-inner > div:nth-child(1) .title {
    font-size: 16px;
    line-height: 24px
}

.footer-top .footer-inner > div:nth-child(1) .form-group {
    margin-bottom: 32px
}

.footer-top .footer-inner > div:nth-child(1) .form-group .control-label {
    color: #5f5f5f;
    background: 0 0;
    z-index: 3
}

.footer-top .footer-inner > div:nth-child(1) .form-group .form-input {
    position: relative
}

.footer-top .footer-inner > div:nth-child(1) .form-group .form-input:after {
    content: '';
    display: block;
    position: absolute;
    width: 96px;
    height: 10px;
    background: #fff;
    opacity: 1;
    top: 0;
    left: 10px;
    z-index: 2
}

.footer-top .footer-inner > div:nth-child(1) .contact-us .title {
    margin-bottom: 16px
}

.footer-top .footer-inner > div:nth-child(1) .contact-us ul {
    font-size: 0
}

.footer-top .footer-inner > div:nth-child(1) .contact-us ul li {
    display: inline-block;
    vertical-align: middle
}

.footer-top .footer-inner > div:nth-child(1) .contact-us ul li .wechat-dialog {
    display: none;
    width: 235px
}

.footer-top .footer-inner > div:nth-child(1) .contact-us ul li .wechat-dialog img {
    width: 100%
}

.footer-top .footer-inner > div:nth-child(1) .contact-us ul li:nth-child(2) {
    margin-left: 20px;
    position: relative
}

.footer-top .footer-inner > div:nth-child(1) .contact-us ul li:nth-child(2):hover .wechat-dialog {
    display: block;
    position: absolute;
    left: 42px;
    top: -14px
}

.footer-top .footer-inner > div:nth-child(2) ul li, .footer-top .footer-inner > div:nth-child(n+3) ul li {
    margin-bottom: 12px
}

.footer-top .footer-inner > div:nth-child(2) ul li a {
    height: 20px;
    font-size: 14px;
    color: #4f4f4f;
    line-height: 20px;
    position: relative;
    padding-left: 32px;
    display: block
}

.footer-top .footer-inner > div:nth-child(2) ul li a i {
    position: absolute;
    top: 50%;
    left: 0
}

.footer-top .footer-inner > div:nth-child(2) ul li a span {
    display: block
}

.footer-top .footer-inner > div:nth-child(2) ul li:nth-child(1) a {
    cursor: default
}

.footer-top .footer-inner > div:nth-child(2) ul li:nth-child(1) a i {
    margin-top: -9.5px
}

.footer-top .footer-inner > div:nth-child(2) ul li:nth-child(2) a i {
    margin-top: -8px
}

.footer-top .footer-inner > div:nth-child(2) ul li:nth-child(3) a i {
    margin-top: -9px;
    left: 2px
}

.footer-top .footer-inner > div:nth-child(2) ul li:nth-child(4) a i {
    margin-top: -6px
}

.footer-top .footer-inner > div:nth-child(2) ul li:nth-child(5) a i {
    margin-top: -7.5px
}

.footer-top .footer-inner > div:nth-child(2) ul li:last-child, .footer-top .footer-inner > div:nth-child(n+3) ul li:last-child {
    margin-bottom: 0
}

.footer-top .footer-inner > div:nth-child(n+3) ul li a {
    font-size: 14px;
    color: #4f4f4f;
    line-height: 20px
}

.footer-bottom {
    text-align: center;
    padding-bottom: 24px
}

.footer-bottom ul li {
    float: left;
    font-size: 12px;
    color: #7c7c7c;
    line-height: 16px
}

.footer-bottom ul li > a {
    color: #7c7c7c
}

.footer-bottom ul li > a i {
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 3px
}

.back-top {
    right: 36px;
    cursor: pointer;
    display: none;
    z-index: 3;
    font-size: 0
}

.back-top, .back-top .back-top-fixed {
    position: fixed;
    top: auto;
    bottom: 56px
}

.footer.footer-simple {
    padding: 22px 0
}

.footer.footer-simple .footer-main .footer-bottom {
    padding-bottom: 0
}

@media (max-width: 1024px) {
    .footer {
        padding: 40px 0 0
    }

    .footer .footer-main {
        padding: 0 12px;
        max-width: 100%;
        width: 100%
    }

    .footer .footer-main .footer-top .footer-inner > div, .footer .footer-top .footer-inner > div {
        float: none
    }

    .footer .footer-main .footer-top .footer-inner > div:nth-child(1), .footer .footer-main .footer-top .footer-inner > div:nth-child(2), .footer .footer-main .footer-top .footer-inner > div:nth-child(3), .footer .footer-main .footer-top .footer-inner > div:nth-child(4), .footer .footer-main .footer-top .footer-inner > div:nth-child(5), .footer .footer-top .footer-inner > div:nth-child(1) .form-group .form-input input {
        width: 100%
    }

    .footer .footer-top {
        margin-bottom: 24px
    }

    .footer .footer-top .footer-inner > div .title {
        font-size: 14px;
        color: #151515;
        margin-bottom: 0;
        font-weight: 400
    }

    .footer .footer-top .footer-inner > div:nth-child(1) {
        padding: 0 12px;
        margin-bottom: 28px
    }

    .footer .footer-top .footer-inner > div:nth-child(1) .title {
        margin-bottom: 12px
    }

    .footer .footer-top .footer-inner > div:nth-child(1) .form-group {
        margin-bottom: 24px
    }

    .footer .footer-top .footer-inner > div:nth-child(1) .form-group .form-input {
        width: 100%;
        position: relative
    }

    .footer .footer-top .footer-inner > div:nth-child(1) .contact-us ul {
        text-align: center
    }

    .footer .footer-top .footer-inner > div:nth-child(1) .contact-us ul li:nth-child(2) {
        margin-left: 45px
    }

    .footer .footer-top .footer-inner > div:nth-child(1) .contact-us ul li:nth-child(2):hover .wechat-dialog {
        display: block
    }

    .footer .footer-top .footer-inner > div:nth-child(1) .contact-us ul li:nth-child(2) .wechat-dialog {
        position: fixed;
        top: auto;
        bottom: -150%;
        left: 0;
        width: 100%;
        display: block;
        z-index: 8;
        background: #fff;
        -webkit-transition: .4s ease-out;
        -o-transition: .4s ease-out;
        -moz-transition: .4s ease-out;
        transition: .4s ease-out
    }

    .footer .footer-top .footer-inner > div:nth-child(1) .contact-us ul li:nth-child(2) .wechat-dialog.show {
        bottom: 0;
        -webkit-transition: .4s ease-out;
        -o-transition: .4s ease-out;
        -moz-transition: .4s ease-out;
        transition: .4s ease-out
    }

    .footer .footer-top .footer-inner > div:nth-child(2) {
        border-top: 1px solid #d8d8d8
    }

    .footer .footer-top .footer-inner > div:nth-child(2) ul li {
        margin-bottom: 10px !important
    }

    .footer .footer-top .footer-inner > div:nth-child(2) ul li a {
        padding-left: 30px
    }

    .footer .footer-top .footer-inner > div:nth-child(n+2) {
        border-bottom: 1px solid #d8d8d8
    }

    .footer .footer-top .footer-inner > div:nth-child(n+2) .title {
        padding: 12px 16px;
        position: relative
    }

    .footer .footer-top .footer-inner > div:nth-child(n+2) .title > a {
        position: absolute;
        right: 16px;
        padding: 5px 8px;
        top: 12px;
        line-height: 1
    }

    .footer .footer-top .footer-inner > div:nth-child(n+2) .title > a i {
        margin-bottom: 6px;
        vertical-align: middle
    }

    .footer .footer-top .footer-inner > div:nth-child(n+2) .title > a i.icon-unfold-l {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .footer .footer-top .footer-inner > div:nth-child(n+2) .title.is-active > a i.icon-unfold-l {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    .footer .footer-top .footer-inner > div:nth-child(n+2) ul {
        display: none;
        padding-top: 4px
    }

    .footer .footer-top .footer-inner > div:nth-child(n+2) ul li {
        margin-bottom: 8px;
        padding-left: 16px
    }

    .footer .footer-top .footer-inner > div:nth-child(n+2) ul li a {
        font-size: 12px;
        color: #5f5f5f
    }

    .footer-bottom {
        text-align: center;
        padding-bottom: 16px
    }

    .footer-bottom ul {
        display: inline-block
    }

    .footer-bottom ul.is-cms li:nth-child(3) {
        width: 100%;
        padding-right: 0;
        text-align: center
    }

    .footer-bottom ul li {
        float: none;
        font-size: 10px;
        line-height: 1;
        margin-bottom: 4px
    }

    .footer-bottom ul li.divider {
        padding: 0 16px
    }

    .footer-bottom ul li:nth-child(1), .footer-bottom ul li:nth-child(2), .footer-bottom ul li:nth-child(3), .footer-bottom ul li:nth-child(4), .footer-bottom ul li:nth-child(5), .footer-bottom ul li:nth-child(6) {
        display: inline-block !important
    }

    .footer-bottom ul li:nth-child(1) {
        width: 49%;
        padding-right: 24px;
        text-align: right
    }

    .footer-bottom ul li:nth-child(2) {
        width: 49%;
        text-align: left
    }

    .footer-bottom ul li:nth-child(3) {
        width: 45%;
        padding-right: 24px;
        text-align: right
    }

    .footer-bottom ul li:nth-child(4) {
        width: 52%;
        text-align: left
    }

    .footer-bottom ul li:nth-child(5) {
        width: 48%;
        text-align: right;
        padding-right: 12px
    }

    .footer-bottom ul li:nth-child(6) {
        width: 48%;
        text-align: left;
        padding-left: 12px
    }

    .footer-bottom ul li > a i {
        margin-right: 4px
    }

    .back-top {
        position: fixed;
        width: 48px;
        height: 48px;
        right: 16px;
        top: auto;
        bottom: 56px;
        z-index: 4
    }

    .back-top a {
        display: block
    }
}

@media (max-width: 380px) {
    .footer-bottom ul li:nth-child(3) {
        width: 41%
    }

    .footer-bottom ul li:nth-child(4) {
        width: 55%
    }
}

@media (max-width: 330px) {
    .footer-bottom ul li:nth-child(3) {
        width: 34%;
        padding-right: 8px
    }

    .footer-bottom ul li:nth-child(4) {
        width: 64%
    }
}

.ua-login-series {
    background: rgba(0, 0, 0, 0.6)
}

.ua-login-series .dialog-scroll-container .dialog {
    border: 0;
    width: 447px
}

.pay-info-dialog .dialog-scroll-container .dialog .dialog-container, .ua-login-series .dialog-scroll-container .dialog .dialog-container {
    padding: 56px
}

.ua-login-series .dialog-scroll-container .dialog .dialog-container > div .them-title {
    font-size: 16px;
    font-weight: 700;
    color: #1d1d1d;
    line-height: 24px;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 16px;
    margin-bottom: 16px
}

.ua-login-series .dialog-scroll-container .dialog .dialog-container > div .form-group {
    margin-bottom: 6px
}

.ua-login-series .dialog-scroll-container .dialog .dialog-container > div .form-group .form-input {
    position: relative
}

.ua-login-series .dialog-scroll-container .dialog .dialog-container > div .form-group .form-input input {
    width: 100%;
    height: 44px
}

.ua-login-series .dialog-scroll-container .dialog .dialog-container > div .form-group .form-input .check-password {
    position: absolute;
    right: 0;
    top: 0;
    padding: 14px 12px;
    z-index: 3
}

.ua-login-series .dialog-scroll-container .dialog .dialog-container > div .form-group .msg-block {
    padding-left: 16px;
    font-size: 11px
}

.ua-login-series .dialog-scroll-container .dialog .dialog-container > div .form-group.form-group-btn .form-input .commit-btn {
    padding: 15px 16px 14px 6px
}

.ua-login-series .dialog-scroll-container .dialog .dialog-container > div .form-group.form-group-btn .form-input .commit-btn.is-active {
    opacity: .4;
    cursor: default
}

.ua-login-series .dialog-scroll-container .dialog .dialog-container > div .btn span {
    font-size: 14px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group.form-img-verify .form-input {
    position: relative
}

.bind-phone-dialog .dialog-scroll-container .dialog .dialog-container .bind-phone-container > div .form-group.form-img-verify .form-input input, .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group.form-img-verify .form-input input, .findback-email-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .form-group.form-img-verify .form-input input, .findback-phone-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .form-group.form-img-verify .form-input input, .register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.form-img-verify .form-input input, .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group.form-img-verify .form-input input {
    width: 100%;
    padding-right: 112px
}

.register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.form-img-verify .form-input .img-code, .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group.form-img-verify .form-input .img-code {
    position: absolute;
    width: 104px;
    height: 33px;
    right: 5px;
    top: 5px;
    z-index: 2;
    cursor: pointer
}

.bind-phone-dialog .dialog-scroll-container .dialog .dialog-container .bind-phone-container > div .form-group.form-img-verify .form-input .img-code img, .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group.form-img-verify .form-input .img-code img, .findback-email-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .form-group.form-img-verify .form-input .img-code img, .findback-phone-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .form-group.form-img-verify .form-input .img-code img, .register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.form-img-verify .form-input .img-code img, .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group.form-img-verify .form-input .img-code img {
    width: 100%;
    height: 100%
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group:last-child {
    margin-bottom: 16px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group .form-input .msg-block {
    font-size: 11px;
    line-height: 20px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group .form-checkbox .icon, .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group .form-checkbox span {
    display: inline-block;
    vertical-align: middle
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group .form-checkbox .icon {
    margin-right: 14px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group .form-checkbox span {
    font-size: 12px;
    color: #1d1d1d;
    line-height: 17px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group .form-checkbox + a, .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group .form-checkbox + a {
    float: right;
    position: relative;
    top: 1px;
    text-decoration: underline;
    font-size: 12px;
    color: #1d1d1d;
    line-height: 17px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group > .msg-block {
    display: none;
    margin-top: 10px;
    font-size: 14px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group > .msg-block span {
    color: red
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container.guest-visit > .btn-box .btn.btn-white-border, .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up > div .form-group.is-error > .msg-block {
    display: block
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up .btn-box {
    margin-bottom: 16px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .member-sign-up .btn-box .btn, .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .register-info .btn-box .btn {
    min-width: 100%
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .register-info h4, .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .register-info h4 {
    font-size: 12px;
    color: #1d1d1d;
    line-height: 20px;
    margin-bottom: 4px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .register-info ul li, .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .register-info ul li {
    position: relative;
    font-size: 12px;
    color: #5f5f5f;
    line-height: 20px;
    margin-bottom: 6px;
    padding-left: 14px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .register-info ul li:before, .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .register-info ul li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #5f5f5f
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .register-info .btn-box {
    margin-top: 24px
}

.pay-info-dialog .dialog-scroll-container .dialog .dialog-close, .sign-up-dialog .dialog-scroll-container .dialog .dialog-close:before, .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .guest-register, .sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container.guest-visit .register-info {
    display: none
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .guest-register > p {
    padding-top: 8px;
    font-size: 12px;
    color: #1d1d1d;
    line-height: 20px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container .guest-register .btn-box .btn {
    width: 100%;
    margin-top: 16px
}

.sign-up-dialog .dialog-scroll-container .dialog .dialog-container .sign-up-container.guest-visit .guest-register {
    display: block;
    background: #fff
}

.register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .register-step {
    margin-bottom: 16px
}

.register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .register-step li, .register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .register-step li {
    float: left;
    font-size: 12px;
    color: #d0d0d0;
    line-height: 20px
}

.register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .register-step li:nth-child(2) {
    padding: 0 16px
}

.register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .register-step li.is-active {
    color: #1d1d1d
}

.findback-email-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .form-group.form-group-btn, .findback-phone-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .form-group.form-group-btn, .register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.form-group-btn, .register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.form-group-btn .form-input {
    width: 100%
}

.register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .form-group.form-img-verify .form-input {
    position: relative
}

.register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > .btn-box {
    padding-top: 10px;
    margin-bottom: 16px
}

.bind-phone-dialog .dialog-scroll-container .dialog .dialog-container .bind-phone-container .btn-box .btn, .findback-email-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .btn-box .btn, .findback-phone-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .btn-box .btn, .go-reset-password .dialog-scroll-container .dialog .dialog-container .reset-container .btn-box .btn, .register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > .btn-box .btn, .register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > .btn-box .btn, .reset-email-password .dialog-scroll-container .dialog .dialog-container .reset-container .btn-box .btn, .reset-password-dialog .dialog-scroll-container .dialog .dialog-container .reset-container .btn-box .btn {
    min-width: 100%
}

.register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .login-box a, .register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .login-box span {
    font-size: 12px;
    color: #1d1d1d;
    line-height: 20px
}

.register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .login-box a {
    text-decoration: underline
}

.register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .register-step {
    margin-bottom: 16px
}

.register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .register-step li:nth-child(2) {
    padding: 0 16px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .dialog-title-box li.is-active a, .go-reset-password .dialog-scroll-container .dialog .dialog-container .reset-container > p a, .product-list > .list-item .thumbnail .pro-img-box .pro-img-in li .badge span, .register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .register-step li.is-active {
    color: #1d1d1d
}

.register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > div .form-group:nth-child(3) .form-checkbox {
    margin-bottom: 16px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group:nth-child(3) .form-checkbox i, .register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > div .form-group:nth-child(3) .form-checkbox i {
    vertical-align: middle;
    margin-right: 14px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group:nth-child(3) .form-checkbox span, .register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > div .form-group:nth-child(3) .form-checkbox span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #1d1d1d
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group:nth-child(3) .form-checkbox span a, .register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > div .form-group:nth-child(3) .form-checkbox span a {
    text-decoration: underline;
    color: #1d1d1d
}

.register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > div .form-group:nth-child(3) .msg-block {
    display: none
}

.register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > div .form-group:nth-child(3).is-error .msg-block {
    display: block;
    padding-left: 0;
    margin-top: -5px;
    margin-bottom: 16px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group:nth-child(3).is-error .msg-block span, .register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > div .form-group:nth-child(3).is-error .msg-block span {
    color: #ff220b;
    font-size: 11px
}

.findback-email-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .form-group.form-group-btn .form-input, .findback-phone-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .form-group.form-group-btn .form-input, .reset-password-dialog .dialog-scroll-container .dialog .dialog-container .reset-container > div .form-group.form-group-btn {
    width: 100%
}

.findback-email-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .form-group.form-img-verify .form-input, .findback-phone-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .form-group.form-img-verify .form-input {
    position: relative
}

.bind-phone-dialog .dialog-scroll-container .dialog .dialog-container .bind-phone-container > div .form-group.form-img-verify .form-input .img-code, .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group.form-img-verify .form-input .img-code, .findback-email-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .form-group.form-img-verify .form-input .img-code, .findback-phone-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .form-group.form-img-verify .form-input .img-code {
    position: absolute;
    width: 104px;
    height: 33px;
    right: 5px;
    top: 5px;
    z-index: 2;
    cursor: pointer
}

.findback-email-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .set-password-way, .findback-phone-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .set-password-way, .reset-password-dialog .dialog-scroll-container .dialog .dialog-container .reset-container > div .set-password-way {
    margin-bottom: 16px;
    margin-top: 16px
}

.findback-email-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .set-password-way a, .findback-phone-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div .set-password-way a, .reset-email-password .dialog-scroll-container .dialog .dialog-container .reset-container .set-password-way a, .reset-password-dialog .dialog-scroll-container .dialog .dialog-container .reset-container > div .set-password-way a {
    font-size: 12px;
    color: #1d1d1d;
    line-height: 20px;
    text-decoration: underline
}

.findback-email-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div h5, .findback-phone-password-dialog .dialog-scroll-container .dialog .dialog-container .forget-password-container > div h5, .go-reset-password .dialog-scroll-container .dialog .dialog-container .reset-container > p, .reset-password-dialog .dialog-scroll-container .dialog .dialog-container .reset-container > p {
    font-size: 12px;
    color: #1d1d1d;
    line-height: 20px;
    margin-bottom: 16px
}

.bind-phone-dialog .dialog-scroll-container .dialog .dialog-container .bind-phone-container > div .form-group.form-group-btn, .bind-phone-dialog .dialog-scroll-container .dialog .dialog-container .bind-phone-container > div .form-group.form-group-btn .form-input, .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group.form-group-btn, .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group.form-group-btn .form-input, .reset-password-dialog .dialog-scroll-container .dialog .dialog-container .reset-container > div .form-group.form-group-btn .form-input {
    width: 100%
}

.go-reset-password .dialog-scroll-container .dialog .dialog-container .reset-container .btn-box, .reset-password-dialog .dialog-scroll-container .dialog .dialog-container .reset-container .btn-box {
    margin-top: 16px
}

.reset-email-password .dialog-scroll-container .dialog .dialog-container .reset-container > p {
    font-size: 12px;
    color: #da0000;
    line-height: 20px;
    margin-bottom: 16px
}

.reset-email-password .dialog-scroll-container .dialog .dialog-container .reset-container .set-password-way {
    margin-bottom: 16px;
    margin-top: 16px
}

.bind-phone-dialog .dialog-scroll-container .dialog .dialog-container .bind-phone-container .btn-box, .reset-email-password .dialog-scroll-container .dialog .dialog-container .reset-container .btn-box {
    margin-top: 16px
}

.bind-phone-dialog .dialog-scroll-container .dialog .dialog-container .bind-phone-container > p {
    font-size: 12px;
    color: #1d1d1d;
    line-height: 20px;
    margin-bottom: 16px
}

.bind-phone-dialog .dialog-scroll-container .dialog .dialog-container .bind-phone-container > div .form-group.form-img-verify .form-input, .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group.form-img-verify .form-input {
    position: relative
}

.crm-login-register-dialog .dialog-scroll-container .dialog, .pay-info-dialog .dialog-scroll-container .dialog {
    max-width: 100%;
    width: 447px;
    border: 0
}

.pay-info-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content > div > h4 {
    width: 293px;
    margin: 0 auto;
    font-size: 16px;
    color: #1d1d1d;
    line-height: 24px
}

.pay-info-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content > div > p {
    margin-top: 12px;
    font-size: 12px;
    color: #5f5f5f;
    line-height: 20px
}

.pay-info-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap {
    margin-top: 32px;
    margin-bottom: 0
}

.pay-info-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap > a {
    min-width: 48%;
    display: inline-block;
    width: 48%;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.pay-info-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap > a.btn-success {
    margin-left: 4%;
    background: #fff;
    border: 1px solid #1d1d1d;
    color: #1d1d1d
}

.pay-info-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap > a.btn-success:hover {
    background: #fff
}

.pay-info-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap > a.btn-cancel:hover {
    background: #1d1d1d
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 56px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .them-title {
    text-align: center;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1d1d1d;
    line-height: 24px;
    border-bottom: none
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .them-title span {
    display: inline-block;
    font-family: armour_w_bd, PingFangSC-Regular, '微软雅黑', 'Microsoft YaHei', sans-serif, armour_w_rg
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .dialog-title-box {
    font-size: 0;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 14px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .dialog-title-box li {
    display: inline-block;
    text-align: center
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .dialog-title-box li:nth-child(1) {
    width: 193px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .dialog-title-box li:nth-child(2) {
    width: 142px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .dialog-title-box li.is-active a:after {
    background: #000
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .dialog-title-box li > a {
    display: block;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #d0d0d0;
    line-height: 24px;
    padding: 7px 0;
    position: relative
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .dialog-title-box li > a:after {
    content: '';
    width: 100%;
    height: 4px;
    background: 0 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tips {
    padding: 2px 0 12px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1d1d1d;
    line-height: 17px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont {
    display: none
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group, .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group .form-checkbox, .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.interest-box ul {
    font-size: 0
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group:nth-child(3) .msg-block {
    display: none
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group:nth-child(3).is-error .msg-block {
    display: block;
    margin-bottom: 16px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group .form-checkbox i, .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.agreement-box ul li label, .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.interest-box ul li .form-checkbox {
    vertical-align: middle;
    margin-right: 14px
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group .form-checkbox span {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1d1d1d;
    line-height: 17px;
    vertical-align: middle;
    display: inline-block
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > .btn-box {
    margin: 16px 0
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > .btn-box .btn {
    min-width: 100%
}

.crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > .btn-box .btn.btn-white-border {
    margin-top: 16px;
    display: none
}

.suppleme-information-dialog .dialog-scroll-container .dialog {
    width: 798px
}

.suppleme-information-dialog .dialog-scroll-container .dialog p {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1d1d1d;
    line-height: 17px;
    margin-bottom: 14px
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group {
    width: 48.835%;
    display: inline-block;
    vertical-align: top
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.paddT0 {
    padding-top: 0
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group:nth-child(2) .msg-block {
    display: none
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group:nth-child(2).is-error .msg-block {
    display: block
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.emall-form-group.is-error .control-label {
    color: #5f5f5f !important
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.emall-form-group.is-error .form-input input {
    border: 1px solid #d0d0d0 !important
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.emall-form-group .msg-block span a {
    color: #da0000;
    text-decoration: underline;
    display: inline-block
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.ymd-simulation-box .form-select-box {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.ymd-simulation-box .form-select-box:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.6)
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.ymd-simulation-box .form-select-box .col-12-4 {
    width: 30.15%
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.city-form-group, .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.ymd-simulation-box .form-select-box .col-12-4 .form-select.dropdown {
    width: 100%;
    min-height: 44px;
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.ymd-simulation-box .form-select-box .col-12-4 .sub-menu .viewport a {
    padding: 8px;
    line-height: 18px;
    font-size: 12px;
    color: #1d1d1d;
    position: relative
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.ymd-simulation-box .form-select-box.is-disabled:after {
    content: ''
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.ymd-simulation-box .msg-block {
    display: none;
    color: #ff220b;
    font-size: 12px;
    margin-top: 0
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.ymd-simulation-box.is-error .msg-block {
    display: block
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .cat-btn, .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.city-form-group .form-select-box .col-12-4 {
    width: 48.835%
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.city-form-group .form-select-box .col-12-4 .control-label {
    top: -12px;
    color: #5f5f5f
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.city-form-group .form-select-box .col-12-4 .form-select {
    width: 100%
}

.product-list > .list-item.col-12-8 .thumbnail::after, .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.city-form-group .form-select-box .col-12-4 .form-select .msg-block {
    display: none
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.interest-box {
    width: 100%;
    margin-bottom: 20px
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.interest-box p {
    line-height: 20px;
    font-size: 14px;
    margin: 8px 0 16px
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.interest-box ul li {
    display: inline-block;
    margin: 8px 80px 8px 0
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.agreement-box ul li span, .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.interest-box ul li span {
    vertical-align: middle;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1d1d1d;
    line-height: 20px
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.agreement-box {
    width: 100%;
    padding-top: 2px;
    margin-bottom: 8px
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.agreement-box ul li {
    margin: 8px 0
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.agreement-box ul li span {
    font-size: 12px
}

.suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.agreement-box ul li span a {
    color: #1d1d1d;
    text-decoration: underline
}

.marketing-dialog .dialog-scroll-container .dialog .dialog-container .market-bg img, .product-list > .list-item.col-12-8 a img, .suppleme-information-dialog .dialog-scroll-container .dialog .row .cat-btn .btn {
    width: 100%
}

@media (max-width: 1024px) {
    .LoginDialogOverflow {
        height: auto !important
    }

    .isLoginDialog {
        position: absolute !important;
        top: 0 !important;
        height: 100% !important
    }

    .ua-login-series {
        background: 0 0;
        position: fixed;
        top: 100vh
    }

    .ua-login-series.show-out {
        top: 0;
        -webkit-transition: .1s ease-out;
        -o-transition: .1s ease-out;
        -moz-transition: .1s ease-out;
        transition: .1s ease-out
    }

    .ua-login-series .dialog-scroll-container {
        display: table-cell;
        width: 100%;
        height: 100%;
        text-align: center;
        position: relative;
        vertical-align: bottom;
        font-size: 0;
        max-height: 80%;
        overflow-y: auto
    }

    .ua-login-series .dialog-scroll-container:before {
        content: '';
        height: 100%;
        width: 0;
        display: inline-block;
        vertical-align: bottom
    }

    .ua-login-series .dialog-scroll-container .dialog-scroll {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0;
        display: block;
        vertical-align: bottom;
        background: #fff
    }

    .ua-login-series .dialog-scroll-container .dialog {
        border: 0;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .ua-login-series .dialog-scroll-container .dialog .dialog-container {
        padding: 40px 24px
    }

    .ua-login-series .dialog-scroll-container .dialog .dialog-container > div .them-title {
        padding-bottom: 8px
    }

    .ua-login-series .dialog-scroll-container .dialog .dialog-container > div .form-group {
        margin-bottom: 6px
    }

    .ua-login-series .dialog-scroll-container .dialog .dialog-container > div .form-group .msg-block {
        padding-left: 8px;
        font-size: 11px
    }

    .ua-login-series .dialog-scroll-container .dialog .dialog-container > div .btn span {
        font-size: 14px
    }

    .register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > .btn-box {
        padding-top: 16px
    }

    .register-phone-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .login-box {
        padding-top: 10px
    }

    .register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > div .form-group:nth-child(3) .form-checkbox {
        margin-bottom: 16px;
        position: relative;
        padding-left: 28px
    }

    .register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > div .form-group:nth-child(3) .form-checkbox i {
        vertical-align: middle;
        margin-right: 14px;
        position: absolute;
        left: 0;
        top: 2px;
        z-index: 2
    }

    .register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > div .form-group:nth-child(3) .form-checkbox span {
        width: 100%;
        line-height: 20px
    }

    .register-email-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container > div .btn {
        margin-bottom: 16px
    }

    .track-order-dialog {
        background: 0 0;
        top: auto;
        bottom: 0
    }

    .track-order-dialog .dialog-scroll-container {
        display: block;
        overflow: hidden;
        width: 100%;
        height: 100%;
        text-align: center;
        position: relative;
        vertical-align: middle
    }

    .track-order-dialog .dialog-scroll-container .dialog-scroll {
        background: #fff;
        position: absolute;
        display: block;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0;
        max-height: -moz-calc(50vh);
        max-height: calc(100vh - 50px);
        overflow-y: scroll
    }

    .track-order-dialog .dialog-scroll-container .dialog {
        border: 0;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .track-order-dialog .dialog-scroll-container .dialog .dialog-container {
        padding: 40px 24px 46px
    }

    .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-tit {
        font-size: 16px;
        font-weight: 600;
        color: #1d1d1d;
        line-height: 24px;
        border-bottom: 1px solid #d0d0d0;
        padding-bottom: 8px;
        margin-bottom: 24px
    }

    .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-inner > p {
        font-size: 12px;
        color: #1d1d1d;
        line-height: 18px;
        margin-bottom: 16px
    }

    .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-inner > p a {
        text-decoration: underline;
        color: #1d1d1d
    }

    .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-inner .form-box {
        max-width: 100%
    }

    .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-inner .form-box .form-group {
        width: 100%;
        margin-bottom: 10px
    }

    .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-inner .form-box .form-group label {
        font-size: 12px;
        color: #5f5f5f
    }

    .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group.form-group-btn, .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group.form-group-btn .form-input, .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-inner .btn-black, .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-inner .form-box .form-group .form-input {
        width: 100%
    }

    .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-inner .form-box .form-group .form-input input {
        width: 100%;
        height: 44px;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-inner .form-box .form-group.form-img-verify {
        margin-bottom: 24px
    }

    .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-inner .form-box .form-group.form-img-verify .form-input {
        position: relative
    }

    .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-inner .form-box .form-group.form-img-verify .form-input input {
        width: 100%;
        padding-right: 112px
    }

    .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-inner .form-box .form-group.form-img-verify .form-input .img-code {
        position: absolute;
        width: 104px;
        height: 33px;
        right: 5px;
        top: 5px;
        z-index: 2;
        cursor: pointer
    }

    .track-order-dialog .dialog-scroll-container .dialog .dialog-container > div .track-inner .form-box .form-group.form-img-verify .form-input .img-code img {
        width: 100%;
        height: 100%
    }

    .pay-info-dialog .dialog-scroll-container .dialog {
        width: 296px;
        margin: 0 auto
    }

    .pay-info-dialog .dialog-scroll-container .dialog .dialog-container {
        padding: 40px 16px 24px
    }

    .pay-info-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content > div > h4 {
        width: 219px
    }

    .pay-info-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap > a {
        min-width: 47%;
        width: 47%
    }

    .pay-info-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap > a.btn-success {
        margin-left: 6%
    }

    .pay-info-dialog .dialog-scroll-container .dialog .dialog-close, .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.select-date-mob-box .msg-block {
        display: none
    }

    .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .them-title {
        font-size: 16px
    }

    .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .dialog-title-box li:nth-child(1) {
        width: 57.8%
    }

    .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .dialog-title-box li:nth-child(2) {
        width: 42.2%
    }

    .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .dialog-title-box li > a {
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        padding: 7px 0
    }

    .crm-login-register-dialog .dialog-scroll-container .dialog .dialog-container .register-dialog-container .tab-container .tab-cont .form-group.form-img-verify .form-input .img-code {
        width: 100px;
        height: 32px;
        right: 5px;
        top: 5px
    }

    .suppleme-information-dialog {
        top: 0
    }

    .suppleme-information-dialog .dialog-scroll-container {
        max-height: 100%
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog-scroll {
        position: absolute;
        top: 0
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog, .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group {
        width: 100%
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog p {
        line-height: 20px;
        margin-bottom: 17px
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog .row {
        -ms-flex-wrap: initial;
        flex-wrap: initial;
        display: block;
        -webkit-box-pack: normal;
        -moz-box-pack: normal;
        -ms-flex-pack: normal;
        justify-content: normal
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.paddT0 {
        padding-top: 10px
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group .dropdown-label {
        position: absolute;
        background: #fff;
        top: -12px;
        left: 10px;
        z-index: 2;
        padding: 5px;
        font-size: 12px;
        color: #1d1d1d
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.select-date-mob-box {
        position: relative
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.select-date-mob-box.is-disabled input {
        background: rgba(255, 255, 255, 0.6) !important
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.select-date-mob-box .form-input .dropdown-icon {
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 36px;
        cursor: pointer
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.city-form-group .mob-city-select .form-input i, .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.select-date-mob-box .form-input .dropdown-icon i {
        border: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-right: 12px;
        width: 10px;
        height: 4px;
        display: inline-block;
        zoom: 1;
        vertical-align: middle;
        margin-left: 3px;
        position: absolute;
        top: 50%;
        margin-top: -2px;
        right: 7px
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.select-date-mob-box.is-error .msg-block {
        display: block;
        color: #ff220b;
        margin-top: 8px
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog .row .cat-btn, .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.city-form-group {
        width: 100%
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.interest-box {
        margin-bottom: 20px
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.interest-box p {
        line-height: 20px;
        margin: 8px 0 16px
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.interest-box ul li {
        margin: 8px 60px 8px 0
    }

    .suppleme-information-dialog .dialog-scroll-container .dialog .row .form-group.agreement-box {
        padding-top: 2px;
        margin-bottom: 8px
    }

    .new-spice-mobiscroll {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0
    }
}

.container .myaccount {
    background: #fff
}

.container .myaccount .myaccount-con {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
    background: #f7f7f7
}

.container .myaccount .myaccount-con .myaccount-left {
    float: left;
    width: 30%;
    padding: 56px
}

.container .myaccount .myaccount-con .myaccount-right {
    float: left;
    width: 70%;
    background: #fff
}

.myaccount-left-con .myaccount-title {
    position: relative;
    margin-bottom: 56px
}

.myaccount-left-con .myaccount-title .ua-logo {
    line-height: 1
}

.myaccount-left-con .myaccount-title .ua-logo span {
    display: block;
    font-size: 14px;
    color: #1d1d1d;
    letter-spacing: 0;
    line-height: 20px
}

.myaccount-left-con .myaccount-title .login-out {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #1d1d1d;
    line-height: 20px;
    text-decoration: underline
}

.myaccount-left-con .myaccount-nav {
    margin-bottom: 56px
}

.myaccount-left-con .myaccount-nav ul li {
    margin-bottom: 32px
}

.myaccount-left-con .myaccount-nav ul li:last-child {
    margin-bottom: 0
}

.myaccount-left-con .myaccount-nav ul li a {
    display: inline-block;
    font-size: 16px;
    color: #1d1d1d;
    line-height: 24px
}

.myaccount-left-con .myaccount-nav ul li.is-active a {
    font-weight: 700
}

.myaccount-left-con .customer-service {
    font-size: 14px;
    color: #5f5f5f;
    line-height: 19px
}

.myaccount-left-con .customer-service .tit {
    font-size: 14px;
    margin-bottom: 20px
}

.myaccount-left-con .customer-service .email-adress, .myaccount-left-con .customer-service .hot-line {
    margin-bottom: 20px
}

.myaccount-left-con .customer-service .email-adress span, .myaccount-left-con .customer-service .hot-line span, .product-list > .list-item .thumbnail .good-con .color-list a.active:after {
    display: block
}

.myaccount-left-con .customer-service .online-service {
    color: #5f5f5f;
    text-decoration: underline
}

.myaccount-right {
    padding-top: 56px;
    padding-left: 5%;
    padding-right: 7.8%;
    min-height: 816px
}

@media (max-width: 1024px) {
    .container .myaccount .myaccount-con {
        background: #fff
    }

    .container .myaccount .myaccount-con .myaccount-left {
        float: none;
        width: 100%;
        padding: 0
    }

    .container .myaccount .myaccount-con .myaccount-right {
        float: none;
        width: 100%;
        min-height: auto
    }

    .myaccount-left-con .myaccount-nav {
        margin-bottom: 20px;
        position: relative
    }

    .myaccount-left-con .myaccount-nav .all-name-mobtit .tit-mob {
        display: block;
        padding: 18px 0;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        color: #1d1d1d;
        line-height: 20px;
        -webkit-box-shadow: 0 1px 0 0 #d0d0d0;
        box-shadow: 0 1px 0 0 #d0d0d0
    }

    .myaccount-left-con .myaccount-nav .all-name-mobtit .tit-mob i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        vertical-align: middle;
        margin-left: 16px
    }

    .myaccount-left-con .myaccount-nav .all-name-mobtit.is-open .tit-mob i {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
    }

    .myaccount-left-con .myaccount-nav ul {
        padding: 24px 16px 7px;
        height: 100vh;
        display: none;
        width: 100%;
        position: absolute;
        background: #fff;
        top: 100%;
        left: 0;
        border-top: 1px solid #d0d0d0;
        z-index: 4
    }

    .myaccount-left-con .myaccount-nav ul.is-show, .myaccount-right .mob-service .customer-service .email-adress span, .myaccount-right .mob-service .customer-service .hot-line span {
        display: block
    }

    .myaccount-left-con .myaccount-nav ul li {
        margin-bottom: 20px
    }

    .myaccount-left-con .myaccount-nav ul li a {
        font-size: 14px;
        line-height: 20px
    }

    .myaccount-left-con .myaccount-nav ul li a:after {
        display: none
    }

    .myaccount-right {
        padding: 0 24px
    }

    .myaccount-right .mob-service {
        margin-bottom: 48px
    }

    .myaccount-right .mob-service .login-out {
        text-decoration: underline;
        font-size: 14px;
        font-weight: 600;
        color: #5f5f5f;
        line-height: 20px
    }

    .myaccount-right .mob-service .customer-service {
        margin-top: 24px;
        font-size: 14px;
        color: #5f5f5f;
        line-height: 20px
    }

    .myaccount-right .mob-service .customer-service .tit {
        font-size: 14px;
        margin-bottom: 20px
    }

    .myaccount-right .mob-service .customer-service .email-adress, .myaccount-right .mob-service .customer-service .hot-line {
        margin-bottom: 20px
    }

    .myaccount-right .mob-service .customer-service .online-service {
        color: #5f5f5f;
        text-decoration: underline
    }
}

.marketing-dialog .dialog-scroll-container .dialog {
    max-width: 770px
}

.marketing-dialog .dialog-scroll-container .dialog .dialog-container {
    position: relative;
    width: 770px;
    border-radius: 0;
    padding: 51px 65px 52px
}

.marketing-dialog .dialog-scroll-container .dialog .dialog-container .market-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.marketing-dialog .marketing {
    z-index: 3;
    position: relative
}

.marketing-dialog .marketing .marketing-logo {
    width: 80px;
    margin: 0 auto 40px
}

.marketing-dialog .marketing .marketing-logo img {
    display: block;
    width: 100%
}

.marketing-dialog .marketing .marketing-text h4 {
    font-size: 28px;
    font-family: armour_w_bd, PingFangSC-Regular, '微软雅黑', 'Microsoft YaHei', sans-serif, armour_w_rg;
    font-weight: 700;
    color: #fff;
    line-height: 32px;
    text-align: center
}

.marketing-dialog .marketing .marketing-text hr {
    margin: 32px 0
}

.marketing-dialog .marketing .marketing-text p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    text-align: center;
    margin-bottom: 16px
}

.marketing-dialog .marketing .marketing-text li {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    text-align: center
}

.marketing-dialog .marketing .marketing-text .form-group {
    margin-top: 30px;
    margin-bottom: 32px;
    padding-top: 0
}

.marketing-dialog .marketing .marketing-text .form-group .form-input {
    width: 384px;
    margin: 0 auto
}

.marketing-dialog .marketing .marketing-text .form-group input {
    width: 100%;
    border-radius: 0;
    border: 1px solid #fff;
    font-size: 12px;
    height: 55px;
    padding: 18px 30px 18px 16px
}

.marketing-dialog .marketing .marketing-text .btn-box {
    text-align: center
}

.marketing-dialog .marketing .marketing-text .btn-box a {
    background: #000;
    border: 1px solid #fff;
    border-radius: 4px
}

.marketing-dialog .marketing .marketing-text .btn-box a .btn__background {
    background: #000
}

.marketing-dialog .marketing .marketing-text .btn-box a .btn__hover-text, .marketing-dialog .marketing .marketing-text .btn-box a .btn__text {
    line-height: 42px
}

.marketing-dialog .marketing .marketing-text .submit-success-tips {
    padding: 60px 0 20px;
    text-align: center
}

.marketing-dialog .marketing .marketing-text .submit-success-tips .text-info {
    margin: 0 auto
}

.marketing-dialog .marketing .marketing-text .submit-success-tips .text-info i {
    vertical-align: middle;
    margin-right: 12px
}

.marketing-dialog .marketing .marketing-text .submit-success-tips .text-info span {
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    font-size: 20px
}

.marketing-dialog .dialog-close {
    position: absolute;
    top: 28px;
    right: 28px;
    font-size: 0;
    cursor: pointer;
    z-index: 3
}

.marketing-dialog .dialog-close:before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px
}

@media (max-width: 1024px) {
    .marketing-dialog .dialog-scroll-container .dialog {
        max-width: 100%;
        width: 100vw;
        margin: 0
    }

    .marketing-dialog .dialog-scroll-container .dialog .dialog-container {
        width: 100%;
        border-radius: 0;
        padding: 63px 20px 52px
    }

    .marketing-dialog .dialog-scroll-container .dialog .dialog-container .market-bg img, .marketing-dialog .marketing .marketing-text .btn-box a {
        width: 100%
    }

    .marketing-dialog .marketing .marketing-logo {
        width: 100px;
        margin: 0 auto 32px
    }

    .marketing-dialog .marketing .marketing-text h4 {
        font-size: 16px;
        line-height: 16px
    }

    .marketing-dialog .marketing .marketing-text hr {
        margin: 16px 0
    }

    .marketing-dialog .marketing .marketing-text p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 4px
    }

    .marketing-dialog .marketing .marketing-text ul {
        margin-top: 11px
    }

    .marketing-dialog .marketing .marketing-text li {
        font-size: 12px;
        -webkit-transform: scale(.91666667, .91666667);
        -moz-transform: scale(.91666667, .91666667);
        -ms-transform: scale(.91666667, .91666667);
        -o-transform: scale(.91666667, .91666667);
        transform: scale(.91666667, .91666667);
        line-height: 16px
    }

    .marketing-dialog .marketing .marketing-text .form-group {
        margin-top: 12px;
        margin-bottom: 20px;
        padding-top: 0
    }

    .marketing-dialog .marketing .marketing-text .form-group .form-input {
        width: 100%;
        margin: 0 auto
    }

    .marketing-dialog .marketing .marketing-text .form-group input {
        font-size: 12px;
        height: 55px
    }

    .marketing-dialog .marketing .marketing-text .submit-success-tips {
        padding: 60px 0 20px
    }

    .marketing-dialog .marketing .marketing-text .submit-success-tips .text-info span {
        font-size: 16px
    }
}

.product-list {
    max-width: 1280px;
    margin: 0 auto
}

.product-list > .list-item {
    float: left;
    position: relative;
    height: 495px;
    border-color: #1d1d1d;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    margin-bottom: 40px
}

.product-list > .list-item.col-12-8 a {
    display: block;
    cursor: pointer
}

.product-list > .list-item.col-12-8 a.btn-white {
    width: 255px
}

.product-list > .list-item a.btn-white {
    margin-top: 24px;
    display: block;
    color: #1d1d1d;
    border: 1px solid #1d1d1d;
    width: 71.745%;
    padding: 0
}

.product-list > .list-item a.btn-white .btn__hover-text, .product-list > .list-item a.btn-white .btn__text {
    padding: 0 10px
}

.product-list > .list-item .thumbnail {
    position: absolute;
    width: 100%;
    padding: 9px 8px 24px;
    background: #fff;
    border-radius: 0;
    top: 0;
    left: 0;
    z-index: 0;
    cursor: pointer
}

.product-list > .list-item .thumbnail img {
    border-radius: 0
}

.product-list > .list-item .thumbnail .wishlist-close {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 190px;
    height: 44px;
    background: #1d1d1d;
    border-radius: 4px;
    opacity: .6;
    text-align: center;
    line-height: 44px;
    display: none
}

.product-list > .list-item .thumbnail .wishlist-close span {
    color: #fff
}

.product-list > .list-item .thumbnail .pro-img-box, .product-list > .list-item .thumbnail .pro-img-box .pro-img-in li {
    position: relative
}

.product-list > .list-item .thumbnail .pro-img-box .plp-wish {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 8px;
    right: 8px;
    visibility: hidden;
    z-index: 8
}

.product-list > .list-item .thumbnail .pro-img-box .plp-wish i {
    vertical-align: middle
}

.product-list > .list-item .thumbnail .pro-img-box .pro-img-in {
    position: relative;
    background: #f0f0f0
}

.product-list > .list-item .thumbnail .good-con .color-list a.more-color:after, .product-list > .list-item .thumbnail .pro-img-box .pro-img-in li .video-code, .product-list > .list-item:active.col-12-8 .thumbnail::after, .product-list > .list-item:hover.col-12-8 .thumbnail::after {
    display: none
}

.product-list > .list-item .thumbnail .pro-img-box .pro-img-in li .badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    padding: 3px 8px
}

.product-list > .list-item .thumbnail .pro-img-box .pro-img-in li .badge.badge-img {
    top: 0;
    left: 0;
    background: 0 0;
    padding: 0
}

.product-list > .list-item .thumbnail .pro-img-box .pro-img-in li .badge.badge-img img {
    width: 40px
}

.product-list > .list-item .thumbnail .pro-img-box .pro-img-in li img {
    display: block;
    border-radius: 0
}

.product-list > .list-item .thumbnail .pro-img-box .pro-img-in li .img-back {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    visibility: hidden
}

.product-list > .list-item .thumbnail .pro-img-box .pro-img-in li:hover .img-back {
    visibility: visible;
    background: #f0f0f0
}

.product-list > .list-item .thumbnail .good-con {
    width: 100%;
    overflow: hidden
}

.product-list > .list-item .thumbnail .good-con .color-list {
    padding: 5% 0 .5%;
    margin-right: -10px
}

.product-list > .list-item .thumbnail .good-con .color-list a {
    display: block;
    position: relative;
    float: left;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    margin-bottom: 12px;
    margin-right: 8px
}

.product-list > .list-item .thumbnail .good-con .color-list a.more-color {
    display: block;
    border: 0;
    width: auto;
    font-size: 12px;
    color: #5f5f5f;
    line-height: 16px
}

.product-list > .list-item .thumbnail .good-con .color-list a.white {
    border: 1px #979797 solid
}

.product-list > .list-item .thumbnail .good-con .color-list a.black {
    background-color: #000
}

.product-list > .list-item .thumbnail .good-con .color-list a.pink {
    background-color: #ec496b
}

.product-list > .list-item .thumbnail .good-con .color-list a.blue {
    background-color: #22459e
}

.product-list > .list-item .thumbnail .good-con .color-list a.orange {
    background-color: #fa8b27
}

.product-list > .list-item .thumbnail .good-con .color-list a.gray {
    background-color: #ebebeb
}

.product-list > .list-item .thumbnail .good-con .color-list a.white {
    background-color: #fff
}

.product-list > .list-item .thumbnail .good-con .color-list a.purple {
    background-color: #7373cb
}

.product-list > .list-item .thumbnail .good-con .color-list a.yellow {
    background-color: #ffd685
}

.product-list > .list-item .thumbnail .good-con .color-list a.green {
    background-color: #5fb604
}

.product-list > .list-item .thumbnail .good-con .good-txt {
    color: #1d1d1d;
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-bottom: 8px;
    font-weight: 700;
    -o-text-overflow: -o-ellipsis-lastline;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.product-list > .list-item .thumbnail .good-con .good-price {
    font-size: 14px;
    color: #5f5f5f;
    font-family: armour_w_rg, PingFangSC-Regular, '微软雅黑', 'Microsoft YaHei', sans-serif, armour_w_rg
}

.product-list > .list-item .thumbnail .good-con .good-price del {
    opacity: .5;
    margin: 0 8px
}

.product-list > .list-item .thumbnail .good-lable span {
    display: inline-block;
    font-size: 12px;
    color: #da0000;
    padding: 1px 8px;
    border-radius: 2px;
    margin-top: 10px;
    border: 1px solid #da0000;
    margin-right: 8px
}

.product-list > .list-item .thumbnail .swiper-color-box {
    visibility: hidden;
    position: relative;
    height: 0
}

.product-list > .list-item .thumbnail .swiper-color-box .swiper-container {
    margin: 0 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.product-list > .list-item .thumbnail .swiper-color-box .swiper-container .swiper-wrapper .swiper-slide {
    font-size: 0;
    width: auto;
    display: inline-block;
    background: #f0f0f0
}

.product-list > .list-item .thumbnail .swiper-color-box .swiper-container .swiper-wrapper .swiper-slide span {
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle
}

.product-list > .list-item .thumbnail .swiper-color-box .swiper-container .swiper-wrapper.is-disable {
    display: block;
    font-size: 0;
    white-space: nowrap
}

.product-list > .list-item .thumbnail .swiper-color-box .swiper-container .swiper-wrapper.is-disable .swiper-slide {
    display: inline-block
}

.product-list > .list-item .thumbnail .swiper-color-box .swiper-container .swiper-wrapper.is-disable .swiper-slide:last-child {
    margin: 0 !important
}

.product-list > .list-item .thumbnail .swiper-color-box .swiper-button-next, .product-list > .list-item .thumbnail .swiper-color-box .swiper-button-prev {
    margin: 0;
    width: 14px;
    height: 14px;
    background-size: 10px 10px
}

.product-list > .list-item .thumbnail .swiper-color-box .swiper-button-next.swiper-button-prev, .product-list > .list-item .thumbnail .swiper-color-box .swiper-button-prev.swiper-button-prev {
    left: -5px
}

.product-list > .list-item .thumbnail .swiper-color-box .swiper-button-next.swiper-button-next, .product-list > .list-item .thumbnail .swiper-color-box .swiper-button-prev.swiper-button-next {
    right: -5px
}

.product-list > .list-item .thumbnail::after {
    content: '';
    border: 1px solid #d0d0d0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: none;
    z-index: -1;
    background: #fff
}

.product-list > .list-item:active.col-12-8 .thumbnail, .product-list > .list-item:hover.col-12-8 .thumbnail {
    padding: 9px 8px 24px
}

.product-list > .list-item:active .thumbnail, .product-list > .list-item:hover .thumbnail {
    z-index: 3
}

.product-list > .list-item:active .thumbnail::after, .product-list > .list-item:hover .thumbnail::after {
    display: block;
    pointer-events: none
}

.product-list > .list-item:active .thumbnail .pro-img-box .plp-wish, .product-list > .list-item:hover .thumbnail .pro-img-box .plp-wish {
    visibility: visible;
    text-align: center
}

.product-list > .list-item:active .thumbnail .swiper-color-box, .product-list > .list-item:hover .thumbnail .swiper-color-box {
    visibility: visible;
    height: auto;
    padding-top: 12px
}

.product-list > .list-item.plp-banner .thumbnail:after, .product-list > .list-item.plp-small-banner .thumbnail:after, .product-list > .list-item:active .thumbnail .good-con .color-list a, .product-list > .list-item:hover .thumbnail .good-con .color-list a {
    display: none
}

.product-list > .list-item:active .thumbnail .good-con .good-txt, .product-list > .list-item:hover .thumbnail .good-con .good-txt {
    height: auto;
    line-height: 18px;
    -webkit-line-clamp: inherit
}

.product-list > .list-item.col-12-8, .product-list > .list-item.col-12-8:hover .thumbnail {
    border-color: transparent
}

.product-list > .list-item.plp-small-banner .thumbnail {
    height: -moz-calc(84%);
    height: calc(100% - 16px)
}

.product-list > .list-item.plp-small-banner .thumbnail .pro-img-box {
    height: 100%
}

.product-list > .list-item.plp-banner.no-pointer a, .product-list > .list-item.plp-small-banner.no-pointer a {
    cursor: default
}

.product-list > .list-item.plp-banner.no-pointer a.btn-white, .product-list > .list-item.plp-small-banner.no-pointer a.btn-white {
    cursor: pointer
}

.product-list > .list-item.plp-banner.seizSeat-banner, .product-list > .list-item.plp-small-banner.seizSeat-banner {
    display: none
}

@media (max-width: 1024px) {
    .product-list {
        margin: 0 -1px
    }

    .product-list > .list-item {
        height: auto;
        margin-bottom: 16px;
        margin-top: 0;
        float: none;
        display: inline-block;
        vertical-align: top
    }

    .product-list > .list-item .thumbnail {
        padding: 0;
        position: relative;
        border: 1px solid #fff
    }

    .product-list > .list-item .thumbnail .pro-img-box .plp-wish {
        top: 2px;
        right: 2px;
        visibility: visible;
        cursor: pointer;
        text-align: center
    }

    .product-list > .list-item .thumbnail .pro-img-box .pro-img-in li a {
        display: block
    }

    .product-list > .list-item .thumbnail .pro-img-box .pro-img-in li .img-back, .product-list > .list-item .thumbnail .pro-img-box .pro-img-in li:hover .img-back {
        visibility: hidden
    }

    .product-list > .list-item .thumbnail a.btn-white {
        width: 89.3%;
        margin: 16px auto 0
    }

    .product-list > .list-item .thumbnail .good-con {
        padding: 0 8px 14px;
        min-height: 90px
    }

    .product-list > .list-item .thumbnail .good-con .good-txt {
        height: 35px;
        line-height: 18px;
        white-space: normal;
        font-size: 12px;
        -o-text-overflow: -o-ellipsis-lastline;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 6px
    }

    .product-list > .list-item .thumbnail .good-con .good-price, .product-list > .list-item .thumbnail .good-con .good-price del {
        font-size: 12px
    }

    .product-list > .list-item .thumbnail .good-con .color-list a {
        width: 11px;
        height: 11px;
        margin-right: 5px;
        margin-bottom: 6px
    }

    .product-list > .list-item .thumbnail .good-con .color-list a.more-color {
        line-height: 14px;
        font-size: 12px;
        -webkit-transform: scale(.91666667, .91666667);
        -moz-transform: scale(.91666667, .91666667);
        -ms-transform: scale(.91666667, .91666667);
        -o-transform: scale(.91666667, .91666667);
        transform: scale(.91666667, .91666667)
    }

    .product-list > .list-item .thumbnail .good-lable {
        margin-bottom: 10px;
        padding-left: 8px
    }

    .product-list > .list-item .thumbnail .good-lable span {
        margin-top: 7px;
        margin-right: 7px
    }

    .product-list > .list-item:active .thumbnail, .product-list > .list-item:hover .thumbnail {
        padding: 0;
        z-index: 0
    }

    .product-list > .list-item.plp-banner.plp-banner-right, .product-list > .list-item.plp-banner.seizSeat-banner, .product-list > .list-item.plp-small-banner.plp-banner-right, .product-list > .list-item.plp-small-banner.seizSeat-banner, .product-list > .list-item:active .thumbnail .swiper-color-box, .product-list > .list-item:active .thumbnail::after, .product-list > .list-item:hover .thumbnail .swiper-color-box, .product-list > .list-item:hover .thumbnail::after {
        display: none
    }

    .product-list > .list-item:active .thumbnail .good-con .color-list a, .product-list > .list-item:hover .thumbnail .good-con .color-list a {
        display: block
    }

    .product-list > .list-item:active .thumbnail .good-con .good-txt, .product-list > .list-item:hover .thumbnail .good-con .good-txt {
        height: 35px;
        line-height: 18px
    }

    .product-list > .list-item.plp-banner .btn.plp-banner-btn {
        min-width: 89.55%;
        width: 89.55%
    }

    .product-list > .list-item.plp-banner .btn.plp-banner-btn span {
        padding: 0;
        font-size: 12px
    }

    .product-list > .list-item.plp-banner.plp-banner-right.seizSeat-banner, .product-list > .list-item.plp-small-banner.plp-banner-right.seizSeat-banner {
        display: inline-block
    }
}

body, html {
    font-family: PingFangSC-Regular, '微软雅黑', 'Microsoft YaHei', sans-serif, armour_w_rg;
    color: #000;
    font-size: 14px;
    letter-spacing: 0;
    width: 100%;
    min-width: 320px;
    min-height: 100%
}

ol, ul {
    list-style: none
}

p {
    margin-bottom: 0
}

.underline-hover, .underline-hover-reverse {
    position: relative;
    padding-bottom: 3px;
    font-size: 12px;
    color: #1d1d1d
}

.underline-hover.is-hover-out:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-animation: .6s cubic-bezier(.57, .17, .03, 1) underline-hover-out;
    -moz-animation: .6s cubic-bezier(.57, .17, .03, 1) underline-hover-out;
    animation: .6s cubic-bezier(.57, .17, .03, 1) underline-hover-out
}

.underline-hover.is-hover-in {
    color: #1d1d1d;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.underline-hover-reverse:after, .underline-hover.is-hover-in:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid;
    -webkit-animation: .6s cubic-bezier(.57, .17, .03, 1) underline-hover-in;
    -moz-animation: .6s cubic-bezier(.57, .17, .03, 1) underline-hover-in;
    animation: .6s cubic-bezier(.57, .17, .03, 1) underline-hover-in;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.underline-hover-reverse:after {
    -webkit-animation: .6s cubic-bezier(.57, .17, .03, 1) underline-hover-out-reverse;
    -moz-animation: .6s cubic-bezier(.57, .17, .03, 1) underline-hover-out-reverse;
    animation: .6s cubic-bezier(.57, .17, .03, 1) underline-hover-out-reverse
}

.underline-hover-reverse:hover {
    color: #1d1d1d
}

.underline-hover-reverse:hover::after {
    -webkit-animation-name: underline-hover-in-reverse;
    -moz-animation-name: underline-hover-in-reverse;
    animation-name: underline-hover-in-reverse;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

@media (max-width: 1024px) {
    .underline-hover-reverse:after, .underline-hover-reverse:hover:after, .underline-hover.is-hover-in:after, .underline-hover.is-hover-out:after {
        display: none
    }

    .dwbg {
        border-radius: 0
    }

    .spice-mobiscroll tbody {
        margin: 35px 0
    }

    .spice-mobiscroll .dw .dwwr .dwv {
        height: 50px;
        line-height: 48px;
        font-size: 14px;
        color: #1d1d1d;
        border-bottom: 2px solid #ccc
    }

    .spice-mobiscroll.light .dwb-c .dwb, .spice-mobiscroll.light .dwb-s .dwb {
        background: #f5f5f5 !important;
        color: #000 !important
    }

    .spice-mobiscroll.light .dwb-s {
        float: right;
        border-right: none
    }

    .spice-mobiscroll.light .dwb-c {
        border-right: 1px solid #dbdbdb
    }

    .spice-mobiscroll .dw .dwwol {
        border-bottom: 2px solid #cacaca !important;
        border-top: 2px solid #cacaca !important
    }

    input.city {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .spice-mobiscroll .dw .dwb {
        height: 44px !important;
        line-height: 44px !important
    }
}

@media (max-width: 1024px) {
    .set-mobbtn-style {
        position: relative
    }

    .set-mobbtn-style:active .btn__text, .set-mobbtn-style:hover .btn__text {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .set-mobbtn-style:active .btn__hover-text, .set-mobbtn-style:hover .btn__hover-text {
        opacity: 0;
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .product-list-display > div, .product-list-display > form {
        display: inline-block
    }
}

body.noScrollBar, html.noScrollBar {
    overflow: hidden;
    padding-right: 0 !important
}

.searchDialog {
    top: 104px;
    height: calc(100vh - 104px)
}

.searchDialog .dialog-scroll-container {
    vertical-align: initial
}

.searchDialog .dialog-scroll-container .dialog-scroll {
    width: 100%;
    min-height: 100%
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog {
    margin: 0;
    max-width: 100%
}

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

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container {
    min-height: 282px
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .result-content {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translateX(-50%) translateY(-50%)
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .result-content h3 {
    height: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #1d1d1d;
    line-height: 16px;
    margin-bottom: 24px;
    text-align: center
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .result-content ul {
    display: flex;
    justify-content: center;
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .result-content ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-right: 40px
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .result-content ul li a {
    color: #1d1d1d;
    padding: 0 0 4px;
    display: inline-block;
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .result-content ul li:last-child {
    margin-right: 0
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .result-content .empty-result {
    display: none
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .result-content .empty-result p:nth-child(1) {
    word-break: break-all;
    font-size: 20px;
    font-weight: 600;
    color: rgba(29, 29, 29, 0.39);
    line-height: 20px;
    margin-bottom: 12px;
    text-align: center
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .empty-result p:nth-child(2) {
    height: 16px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(29, 29, 29, 0.39);
    line-height: 16px;
    margin-bottom: 56px;
    text-align: center
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    padding: 28px 4% 28px 17%
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-left {
    flex: 1
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-left h3 {
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 500;
    color: #1d1d1d;
    text-align: left;
    margin-bottom: 20px
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-left ul {
    overflow: hidden
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-left ul li {
    float: left;
    width: 25%;
    padding: 0 8px
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-left ul li:first-child {
    padding-left: 0
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-left ul li:last-child {
    padding-right: 0
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-left ul li:last-child {
    margin-right: 0
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-left ul li .p-img {
    height: 206px;
    margin-bottom: 14px;
    background: #F0F0F0;
    text-align: center
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-left ul li img {
    height: 100%;
    max-width: 100%
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-left ul li a {
    display: block
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-left ul li .title {
    height: 12px;
    font-size: 12px;
    font-weight: 500;
    color: #1d1d1d;
    line-height: 12px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 8px
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-left ul li .price {
    height: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #5f5f5f;
    line-height: 12px
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-right {
    width: 276px;
    margin-left: 73px
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-right li a {
    padding-bottom: 4px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #5F5F5F;
    line-height: 12px;
    text-align: left;
    margin-top: 16px;
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-right li:hover a {
    color: #1D1D1D
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content .result-right li:first-child a {
    margin-top: 0
}

.searchDialog .dialog-scroll-container .dialog-scroll .dialog .dialog-container .search-result-content {
    display: none
}

.search-loading {
    display: none;
    overflow: hidden;
    text-align: center;
    float: left;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%
}

.search-loading li {
    float: left;
    height: 12px;
    width: 12px;
    background: #000;
    margin-left: 12px;
    animation: move 1s infinite
}

.search-loading li {
    margin-right: 0
}

.search-loading li:nth-of-type(2) {
    animation-delay: .1s
}

.search-loading li:nth-of-type(3) {
    animation-delay: .2s
}

@keyframes move {
    0% {
        opacity: .2
    }
    100% {
        opacity: 1
    }
}

@media (max-width: 1024px) {
    body.noScrollBar, html.noScrollBar {
        overflow: initial !important
    }

    .search-loading {
        top: 157px;
        transform: translateX(-50%)
    }

    .ua-login-success-dialog .login-success-container {
        width: 80%;
        padding-top: 30px;
        height: 210px;
        margin: 0 auto;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ua-login-success-dialog .login-success-container p {
        color: #1d1d1d;
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 6px;
    }

    .ua-login-success-dialog .login-success-container p.coupon {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .ua-login-success-dialog .login-success-container .btn {
        background: #000;
        position: relative;
    }

    .ua-login-success-dialog .login-success-container .btn span {
        color: #fff;
        background: #000;
    }
}

@media (min-width: 1025px) {
    .ua-login-success-dialog .login-success-container {
        width: 480px;
        padding-top: 60px;
        height: 270px;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ua-login-success-dialog .login-success-container p {
        color: #1d1d1d;
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 6px;
    }

    .ua-login-success-dialog .login-success-container p.coupon {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .ua-login-success-dialog .login-success-container .btn {
        background: #000;
        position: relative;
    }

    .ua-login-success-dialog .login-success-container .btn span {
        color: #fff;
        background: #000;
    }
}

/* zzx yinsizhengce*/
.privacy-policy-info .privacyPolicyDialog{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20001;
}
.privacy-policy-info .privacyMask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000000;
    opacity: 0.5;
}
.privacy-policy-info .dialog-confirm-cancel{
    position: absolute;
    z-index: 2;
    width: 80%;
    height: 80%;
    background: #ffffff;
    left: 10%;
    top: 10%;
    display: flex;
    flex-direction: column;
}
.privacy-policy-info .dialog-confirm-cancel .content{flex: 1; }
.privacy-policy-info .dialog-confirm-cancel .btns{height: 80px; display: flex;align-items: center;justify-content: center}
.privacy-policy-info .dialog-confirm-cancel .btns a{ margin-left: 10px;margin-right: 10px;}
.privacy-policy-info .dialog-confirm-cancel .title{text-align: center;padding-top: 20px;padding-bottom: 20px;font-size: 20px; font-weight: bold}
@media screen and (max-width: 1024px) {
    .privacy-policy-info .dialog-confirm-cancel{
        width: 90%;
        left: 5%;
    }
}

am-modal-dialog{position:relative;display:inline-block;vertical-align:middle;margin-left:auto;margin-right:auto;width:270px;max-width:100%;border-radius:2px;background:#f8f8f8}@media only screen and (min-width:641px){.am-modal-dialog{width:540px}}.am-modal-hd{padding:15px 10px 5px 10px;font-size:1.8rem;font-weight:500}.am-modal-hd+.am-modal-bd{padding-top:0}.am-modal-hd .am-close{position:absolute;top:4px;right:4px}.am-modal-bd{padding:15px 10px;text-align:center;border-bottom:1px solid #dedede;border-radius:2px 2px 0 0}.am-modal-bd+.am-modal-bd{margin-top:5px}.am-modal-prompt-input{display:block;margin:5px auto 0 auto;border-radius:2px;padding:5px;line-height:1.8rem;width:80%;border:1px solid #dedede;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}.am-modal-prompt-input:focus{outline:0;border-color:#d6d6d6}.am-modal-footer{height:44px;overflow:hidden;display:table;width:100%;border-collapse:collapse}.am-modal-btn{display:table-cell!important;padding:0 5px;height:44px;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;font-size:1.6rem;line-height:44px;text-align:center;color:#0e90d2;display:block;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;border-right:1px solid #dedede}.am-modal-btn:first-child{border-radius:0 0 0 2px}.am-modal-btn:last-child{border-right:none;border-radius:0 0 2px 0}.am-modal-btn:first-child:last-child{border-radius:0 0 2px 2px}.am-modal-btn.am-modal-btn-bold{font-weight:500}.am-modal-btn:active{background:#d4d4d4}.am-modal-btn+.am-modal-btn{border-left:1px solid #dedede}.am-modal-no-btn .am-modal-dialog{border-radius:2px;border-bottom:none}.am-modal-no-btn .am-modal-bd{border-bottom:none}.am-modal-no-btn .am-modal-footer{display:none}.am-modal-loading .am-modal-bd{border-bottom:none}.am-modal-loading .am-icon-spin{display:inline-block;font-size:2.4rem}.am-modal-loading .am-modal-footer{display:none}.am-modal-actions{position:fixed;left:0;bottom:0;z-index:1110;width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;border-radius:2px;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.am-modal-actions.am-modal-active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.am-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1110;display:none;opacity:0;outline:0;text-align:center;-webkit-transform:scale(1.185);-ms-transform:scale(1.185);transform:scale(1.185);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.am-modal:focus{outline:0}.am-modal.am-modal-active{opacity:1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);overflow-x:hidden;overflow-y:auto}.am-modal.am-modal-out{opacity:0;z-index:1109;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(.815);-ms-transform:scale(.815);transform:scale(.815)}.am-modal:before{content:"\200B";display:inline-block;height:100%;vertical-align:middle}.am-modal-dialog{position:relative;display:inline-block;vertical-align:middle;margin-left:auto;margin-right:auto;width:270px;max-width:100%;border-radius:2px;background:#f8f8f8}@media only screen and (min-width:641px){.am-modal-dialog{width:540px}}.am-modal-hd{padding:15px 10px 5px 10px;font-size:1.8rem;font-weight:500}.am-modal-hd+.am-modal-bd{padding-top:0}.am-modal-hd .am-close{position:absolute;top:4px;right:4px}.am-modal-bd{padding:15px 10px;text-align:center;border-bottom:1px solid #dedede;border-radius:2px 2px 0 0}.am-modal-bd+.am-modal-bd{margin-top:5px}.am-modal-prompt-input{display:block;margin:5px auto 0 auto;border-radius:2px;padding:5px;line-height:1.8rem;width:80%;border:1px solid #dedede;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}.am-modal-prompt-input:focus{outline:0;border-color:#d6d6d6}.am-modal-footer{height:44px;overflow:hidden;display:table;width:100%;border-collapse:collapse}.am-modal-btn{display:table-cell!important;padding:0 5px;height:44px;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;font-size:1.6rem;line-height:44px;text-align:center;color:#0e90d2;display:block;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;border-right:1px solid #dedede}.am-modal-btn:first-child{border-radius:0 0 0 2px}.am-modal-btn:last-child{border-right:none;border-radius:0 0 2px 0}.am-modal-btn:first-child:last-child{border-radius:0 0 2px 2px}.am-modal-btn.am-modal-btn-bold{font-weight:500}.am-modal-btn:active{background:#d4d4d4}.am-modal-btn+.am-modal-btn{border-left:1px solid #dedede}.am-modal-no-btn .am-modal-dialog{border-radius:2px;border-bottom:none}.am-modal-no-btn .am-modal-bd{border-bottom:none}.am-modal-no-btn .am-modal-footer{display:none}.am-modal-loading .am-modal-bd{border-bottom:none}.am-modal-loading .am-icon-spin{display:inline-block;font-size:2.4rem}.am-modal-loading .am-modal-footer{display:none}.am-modal-actions{position:fixed;left:0;bottom:0;z-index:1110;width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;border-radius:2px;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.am-modal-actions.am-modal-active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.am-modal-actions.am-modal-out{z-index:1109;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.am-modal-actions-group{margin:10px}.am-modal-actions-group .am-list{margin:0;border-radius:2px}.am-modal-actions-group .am-list>li{margin-bottom:0;border-bottom:none;display:block;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.015);box-shadow:inset 0 1px 0 rgba(0,0,0,.015)}.am-modal-actions-group .am-list>li>a{padding:1rem;display:block;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.am-modal-actions-group .am-list>li:first-child{border-top:none;border-top-right-radius:2px;border-top-left-radius:2px}.am-modal-actions-group .am-list>li:last-child{border-bottom:none;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.am-modal-actions-header{padding:1rem;color:#999;
/**
 * 公共提示信息
 */