.home {
    font-family: Raleway;
    background: var(--color_page_background, #fff);
    min-height: 100vh;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ms-header-top {
    background: var(--color_bulletinboard_background_color, #111);
}

.ms-header-top-m{
    display: none;
}

#main, .inde-pag-header, .ms-footer, .ms-header-top {
    width: 100%
}

#main {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

div.span, p.p {
    display: inline-block
}

div.span-inline, p.p-inline {
    display: inline
}

.span.span-left {
    margin-left: 4px
}

.span.span-right {
    margin-right: 4px
}

.back-top {
    position: fixed;
    bottom: -100px;
    right: 10px;
    display: block;
    width: 56px;
    height: 56px;
    background: var(--color_button, #45423f);
    border-radius: 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 10px;
    color: var(--color_button_label, #fff);
    cursor: pointer;
    opacity: .5;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 999
}

.back-top::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border-top: 1px solid var(--color_button_label, #fff);
    border-right: 1px solid var(--color_button_label, #fff);
    -webkit-transform: rotate(-50deg) skew(-10deg, 0);
    -moz-transform: rotate(-50deg) skew(-10deg, 0);
    -o-transform: rotate(-50deg) skew(-10deg, 0);
    transform: rotate(-50deg) skew(-10deg, 0);
    top: 25px;
    left: 20px
}

.back-top:hover {
    opacity: 1
}

.is-back-top.back-top {
    bottom: 80px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

@media screen and (max-width: 640px) {
    .back-top:hover {
        opacity: .5
    }
}

.mask-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color_picture_background, #000);
    opacity: var(--range_picture_opacity, .3)
}

.crumbs-container {
    max-width: 1390px;
    padding: 20px 15px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: var(--color_text_main_text, #999);
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto
}

.crumbs-container a {
    color: var(--color_text_main_text, #999);
    text-decoration: none;
    font-size: 12px
}

.crumbs-container .crumbs-cross-line, .crumbs-container .crumbs-item {
    color: var(--color_text_main_text, #999);
    text-decoration: none;
    font-size: 12px
}

.crumbs-container .crumbs-cross-line .iconfont, .crumbs-container .crumbs-item .iconfont {
    font-size: 12px
}

.crumbs-container .crumbs-cross-line {
    margin: 0 10px;
    position: relative;
    top: 2px
}

.crumbs-container .crumbs-item-nolink {
    color: var(--color_text_titles, #111)
}

@media screen and (max-width: 640px) {
    .crumbs-container {
        padding: 10px 15px
    }
}

.icon-star {
    color: #111
}

.icon-star.off {
    color: rgba(0, 0, 0, .3)
}

.discount-tag {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    padding: 5px 10px;
    background-color: #111;
    color: #fff
}

.discount-tag div {
    display: inline
}

@media screen and (max-width: 640px) {
    .discount-tag {
        padding: 4px 10px
    }
}

.giftcont {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../fonts/db19790f0caf4aa2a50f6b82256092e0.woff);
    font-size: 14px;
    cursor: pointer
}

.ms-header-top .header-middle {
    max-width: 870px;
    min-height: 40px;
    text-align: center;
    color: var(--color_bulletinboard_text_color, #fff);
    font-size: 14px;
    padding: 10px;
}

.ms-header-top .header-right {
    padding: 0 60px;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    z-index: 101;
}

.ms-header-top .header-right .mini-account-dropdown {
    display: none
}

.ms-header-top .header-right .mini-account.active .mini-account-dropdown, .ms-header-top .header-right .mini-account:hover .mini-account-dropdown {
    display: block;
    position: absolute;
    right: 10px;
    top: 100%;
    padding-top: 5px
}

.ms-header-top .header-right .mini-account-beforelogin {
    padding: 35px 20px 30px;
    background: var(--color_page_background, #fff);
    border: 1px solid var(--color_page_borders_and_lines, #eee);
    text-align: center
}

.ms-header-top .header-right .mini-account-beforelogin .title-button {
    display: block;
    line-height: 40px;
    font-size: 16px;
    color: var(--color_button_label, #fff);
    width: 360px;
    background: var(--color_button, #111)
}

.ms-header-top .header-right .mini-account-beforelogin .title-button:hover {
    opacity: .8
}

.ms-header-top .header-right .mini-account-beforelogin .title-tips {
    font-size: 16px;
    color: var(--color_text_main_text, #111);
    margin-top: 10px
}

.ms-header-top .header-right .mini-account-beforelogin .title-tips a.text {
    font-size: 500;
    display: inline-block;
    position: relative;
    color: var(--color_text_button, #111)
}

.ms-header-top .header-right .mini-account-beforelogin .title-tips a.text .text-line {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    overflow: hidden;
    border-top: 1px solid var(--color_text_button, #111)
}

.ms-header-top .header-right .mini-account-beforelogin .title-tips a.text:hover .text-line {
    width: 80%
}

.ms-header-top .header-right .mini-account-list {
    padding: 5px 20px;
    background: var(--color_page_background, #fff);
    border: 1px solid var(--color_page_borders_and_lines, #eee);
    text-align: center;
    font-size: 14px
}

.ms-header-top .header-right .mini-account-list li a {
    width: 400px;
    padding: 10px;
    color: var(--color_text_titles, #111);
    border-bottom: 1px solid var(--color_page_borders_and_lines, #eee)
}

.ms-header-top .header-right .mini-account-list li a .iconfont {
    color: var(--color_text_titles, #111);
    font-size: 14px
}

.ms-header-top .header-right .mini-account-list li a:hover {
    background: #fafafa;
    border-color: #fafafa
}

.ms-header-top .header-right .mini-account-list li:last-child a {
    border-bottom: none
}

.ms-header-top .header-right .mini-cart {
    margin-left: 30px
}

.ms-header-top .header-right .mini-cart .mini-cart-num {
    display: block;
    white-space: nowrap;
    line-height: 40px;
    color: var(--color_bulletinboard_text_color, #fff);
    font-size: 14px;
    cursor: pointer
}

.ms-header-top .header-right .mini-cart .mini-cart-num svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.ms-header-top .header-right .mini-cart .mini-cart-num .header-cart-count {
    position: relative;
    padding-left: 5px
}

.ms-header-top .header-right .mini-cart .mini-cart-num .header-cart-count::before {
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    overflow: hidden;
    background: var(--color_bulletinboard_text_color, #fff);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px
}

.ms-header {
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 100
}

.ms-header a {
    text-decoration: none
}

.ms-header .ms-header-m {
    display: none
}

.ms-header .ms-header-main {
    min-height: 80px
}

.ms-header .ms-header-main .header-main-content {
    min-height: 80px;
    background: var(--color_navigation_background_color, #fff)
}

.ms-header .ms-header-main .header-inner {
    max-width: 1400px;
    min-height: 80px;
    padding: 10px 20px;
    margin: 0 auto;
    position: relative
}

.ms-header .ms-header-main .header-logo {
    font-size: 40px;
    font-weight: 700;
    color: #111;
    width: 240px;
    white-space: nowrap;
    overflow: hidden
}

.ms-header .ms-header-main .header-logo img {
    max-width: 100%;
    max-height: 60px;
    vertical-align: middle
}

.ms-header .ms-header-main .header-logo h1 {
    margin: 0
}

.ms-header .ms-header-main .m-header-nav {
    display: none
}

.ms-header .ms-header-main .header-nav {
    max-width: 820px;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.ms-header .ms-header-main .header-nav .header-nav-swiper {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ms-header .ms-header-main .header-nav .header-nav-btns {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: var(--color_navigation_background_color, #fff);
    width: 60px
}

.ms-header .ms-header-main .header-nav .swiper-button-next-nav, .ms-header .ms-header-main .header-nav .swiper-button-prev-nav {
    position: static;
    width: 20px;
    height: 20px;
    margin: 0
}

.ms-header .ms-header-main .header-nav .swiper-button-next-nav::after, .ms-header .ms-header-main .header-nav .swiper-button-prev-nav::after {
    font-size: 14px;
    color: var(--color_navigation_text_color, #111);
    font-weight: 700;
    -webkit-transform: scaleY(.8);
    -moz-transform: scaleY(.8);
    -o-transform: scaleY(.8);
    transform: scaleY(.8)
}

.ms-header .ms-header-main .header-nav .header-nav-list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.ms-header .ms-header-main .header-nav .header-nav-list li {
    display: inline-block;
    width: auto;
    padding: 7px 20px
}

.ms-header .ms-header-main .header-nav .header-nav-list li a {
    font-size: 14px;
    color: #111;
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.ms-header .ms-header-main .header-nav .header-nav-list li a:hover {
    border-bottom: 1px solid var(--color_navigation_text_color, #111)
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 100% !important;
    overflow-y: auto
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown::-webkit-scrollbar-track {
    background: #f7f7f9;
    border-radius: 6px
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border: none;
    border-radius: 6px
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown::-webkit-scrollbar-thumb:hover {
    background: #e1e1e1
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown .header-nav-sublist {
    width: 100%;
    background: #fff;
    padding: 40px 0 40px 40px;
    border: 1px solid #eee;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown .header-nav-subitem {
    padding-right: 20px;
    width: 260px
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown .header-nav-subitem h3 {
    width: 240px;
    font-size: 14px;
    font-weight: 700;
    color: #111;
    margin: 0 0 10px
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown .header-nav-subitem h3 a:hover {
    text-decoration: underline
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown .header-nav-subitem .item-detail-img {
    width: 240px;
    height: 165px;
    overflow: hidden;
    position: relative
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown .header-nav-subitem .item-detail-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown .header-nav-subitem .list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown .header-nav-subitem .list a {
    display: inline-block;
    width: 240px;
    font-size: 15px;
    color: #111;
    margin: 0 0 10px 0
}

.ms-header .ms-header-main .header-nav .header-nav-dropdown .header-nav-subitem .list a:hover {
    text-decoration: underline
}

.ms-header .ms-header-main .header-search {
    position: relative;
    width: 260px
}

.ms-header .ms-header-main .header-search .header-search-form {
    border: 1px solid rgba(255, 255, 255, 0);
    padding: 15px 0 15px 15px
}

.ms-header .ms-header-main .header-search input {
    display: inline-block;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 200px;
    height: 24px;
    line-height: 20px;
    padding: 2px 5px;
    color: var(--color_navigation_text_color, #111);
    border: none;
    border-bottom: 1px solid var(--color_lines_color, #111)
}

.ms-header .ms-header-main .header-search input::-webkit-input-placeholder {
    color: var(--color_navigation_text_color, #656565)
}

.ms-header .ms-header-main .header-search button {
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.ms-header .ms-header-main .header-search button svg {
    width: 18px;
    height: 18px
}

.ms-header .ms-header-main .header-search button .iconfont {
    font-size: 24px;
    color: var(--color_icon_color, #111)
}

.ms-header .ms-header-main .header-search .header-search-dropdown {
    display: none
}

.ms-header .ms-header-main .header-search-active, .ms-header .ms-header-main .header-search:hover {
    background: #fff
}

.ms-header .ms-header-main .header-search-active .header-search-form, .ms-header .ms-header-main .header-search:hover .header-search-form {
    border-color: var(--color_lines_color, #111)
}

.ms-header .ms-header-main .header-search-active .header-search-dropdown, .ms-header .ms-header-main .header-search:hover .header-search-dropdown {
    display: block;
    position: absolute;
    left: 0;
    top: -webkit-calc(100% - 1px);
    top: -moz-calc(100% - 1px);
    top: calc(100% - 1px);
    width: 100%;
    height: auto;
    background: #fff
}

.ms-header .ms-header-main .header-search-active .header-search-list, .ms-header .ms-header-main .header-search:hover .header-search-list {
    padding: 0 15px 15px;
    border: 1px solid var(--color_lines_color, #111);
    border-top: none
}

.ms-header .ms-header-main .header-search-active .header-search-list h3, .ms-header .ms-header-main .header-search:hover .header-search-list h3 {
    font-size: 14px;
    color: var(--color_navigation_font_color, #111);
    font-weight: 500;
    margin: 0
}

.ms-header .ms-header-main .header-search-active .header-search-list .keys a, .ms-header .ms-header-main .header-search:hover .header-search-list .keys a {
    display: inline-block;
    padding: 9px 15px;
    font-size: 12px;
    color: var(--color_navigation_font_color, #111);
    background: #f7f7f9;
    margin: 10px 10px 0 0
}

.ms-header .m-header-search, .ms-header .m-mini-cart {
    display: none
}

.ms-header .mini-nav-container .mini-nav-mask-layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: none;
    background: #363636;
    opacity: .3
}

.ms-header .mini-nav-container .mini-nav-inner {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    outline: 0;
    visibility: hidden;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    z-index: 1001;
    box-shadow: none;
    background: var(--color_navigation_background_color, #fff);
    -webkit-transition: visibility .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: visibility .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    -o-transition: visibility .5s cubic-bezier(.645, .045, .355, 1), -o-transform .5s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .5s cubic-bezier(.645, .045, .355, 1), visibility .5s cubic-bezier(.645, .045, .355, 1), -moz-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1), visibility .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1), visibility .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1), -moz-transform .5s cubic-bezier(.645, .045, .355, 1), -o-transform .5s cubic-bezier(.645, .045, .355, 1);
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateX(-webkit-calc(-100vw - 65px));
    -moz-transform: translateX(-moz-calc(-100vw - 65px));
    -o-transform: translateX(calc(-100vw - 65px));
    transform: translateX(calc(-100vw - 65px))
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-close {
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-close .iconfont {
    color: #fff
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list {
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one.is-open .mini-nav-one-item .unfold-two-btn .iconfont {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one.is-open .navlist-detail {
    display: block
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one.is-open .navlist-detail .mini-nav-two {
    display: block;
    border-top: 1px solid var(--color_lines_color, #e6e6e6)
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one.is-open .mini-nav-two-img {
    margin: 0 30px;
    text-align: center
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one.is-open .mini-nav-two-img img {
    max-width: 100%;
    height: auto
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one.is-open .mini-nav-two.is-open .mini-nav-two-item .icon-jianhao {
    display: block
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one.is-open .mini-nav-two.is-open .mini-nav-two-item .icon-jiahao {
    display: none
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one.is-open .mini-nav-two.is-open .mini-nav-three {
    display: block
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .mini-nav-one-item {
    border-bottom: 1px solid var(--color_lines_color, #eee)
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .mini-nav-one-item > a {
    display: inline-block;
    padding: 15px 30px;
    color: var(--color_navigation_text_color, #111)
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .mini-nav-one-item .unfold-two-btn {
    padding: 5px 30px;
    line-height: 1
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .mini-nav-one-item .unfold-two-btn .iconfont {
    color: var(--color_icon_color, #111)
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .navlist-detail {
    display: none;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 999
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .navlist-detail-title {
    padding: 15px 50px;
    text-align: center;
    color: var(--color_navigation_text_color, #111);
    font-size: 15px;
    background: #fafafa;
    position: relative
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .navlist-detail-backup {
    position: absolute;
    left: 0;
    top: 50%;
    padding: 10px 20px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .navlist-detail-backup .iconfont {
    color: var(--color_icon_color, #111)
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .navlist-detail .mini-nav-two {
    display: none
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .navlist-detail .mini-nav-two .mini-nav-two-item {
    padding: 15px 30px;
    color: var(--color_menu_text_color, #111)
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .navlist-detail .mini-nav-two .mini-nav-two-item .icon-jiahao {
    display: block;
    color: var(--color_icon_color, #111)
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .navlist-detail .mini-nav-two .mini-nav-two-item .icon-jianhao {
    display: none;
    color: var(--color_icon_color, #111)
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .navlist-detail .mini-nav-two .mini-nav-two-item:last-child {
    border: none
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .navlist-detail .mini-nav-two .mini-nav-three {
    display: none
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .navlist-detail .mini-nav-two .mini-nav-three .mini-nav-three-item {
    margin: 0 30px;
    padding: 7px 10px;
    color: var(--color_submenu_text_color, #666)
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-list .mini-nav-one .navlist-detail .mini-nav-two .mini-nav-three .mini-nav-three-item:first-child {
    padding-top: 0
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-footer .mini-nav-login {
    background: #fafafa;
    border-bottom: 1px solid #eee
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-footer .mini-nav-login .login-user-name {
    color: #fff;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    text-align: center;
    padding: 10px 0;
    background: #111;
    margin: 20px
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-footer .mini-nav-login .login-logined {
    color: #111;
    font-size: 14px;
    position: relative;
    width: 100%
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-footer .mini-nav-login .login-logined li a {
    display: block;
    padding: 15px 30px
}

.ms-header .mini-nav-container .mini-nav-inner .mini-nav-footer .mini-nav-login .login-logined li .sign-out {
    border-top: 1px solid #eee
}

.ms-header .mini-nav-container.is-open .mini-nav-mask-layer {
    display: block
}

.ms-header .mini-nav-container.is-open .mini-nav-inner {
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ms-header .m-header-search-dropdown {
    display: none;
    position: fixed;
    z-index: 111;
    width: 100%;
    height: 100%
}

.ms-header .m-header-search-dropdown .cover {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #fff
}

.ms-header .m-header-search-dropdown .header-search-main {
    position: relative;
    z-index: 2;
    background: #fff
}

.ms-header .m-header-search-dropdown .header-search-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    line-height: 1
}

.ms-header .m-header-search-dropdown .header-search-close .iconfont {
    font-size: 20px;
    color: #111
}

.ms-header .m-header-search-dropdown .header-search-form {
    border: 1px solid rgba(255, 255, 255, 0);
    border-bottom: none;
    padding: 40px 30px 15px
}

.ms-header .m-header-search-dropdown .header-search-form input {
    display: inline-block;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 200px;
    height: 32px;
    line-height: 22px;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #111
}

.ms-header .m-header-search-dropdown .header-search-form button {
    display: inline-block;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    background: #111
}

.ms-header .m-header-search-dropdown .header-search-list {
    padding: 10px 30px 30px
}

.ms-header .m-header-search-dropdown .header-search-list h3 {
    font-size: 14px;
    color: #111;
    font-weight: 500
}

.ms-header .m-header-search-dropdown .header-search-list .keys a {
    display: inline-block;
    padding: 9px 15px;
    font-size: 12px;
    color: #111;
    background: #f7f7f9;
    margin: 10px 10px 0 0
}

.mini-cart-container .mini-cart-mask-layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    display: none;
    background: #363636;
    opacity: .5
}

.mini-cart-container .mini-cart-inner {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    bottom: 0;
    outline: 0;
    visibility: hidden;
    width: 768px;
    z-index: 1002;
    box-shadow: none;
    background: var(--color_page_background, #fff);
    -webkit-transition: visibility .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: visibility .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    -o-transition: visibility .5s cubic-bezier(.645, .045, .355, 1), -o-transform .5s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .5s cubic-bezier(.645, .045, .355, 1), visibility .5s cubic-bezier(.645, .045, .355, 1), -moz-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1), visibility .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1), visibility .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1), -moz-transform .5s cubic-bezier(.645, .045, .355, 1), -o-transform .5s cubic-bezier(.645, .045, .355, 1);
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
    -o-transform: translateX(150%);
    transform: translateX(150%)
}

.mini-cart-container .mini-cart-inner .mini-cart-header {
    text-align: center;
    font-size: 24px;
    color: var(--color_text_titles, #111);
    height: 50px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.mini-cart-container .mini-cart-inner .mini-cart-header .mini-cart-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    cursor: pointer;
    padding: 5px 10px;
    line-height: 1;
    font-size: 20px
}

.mini-cart-container .mini-cart-inner .mini-cart-header .mini-cart-close .iconfont {
    color: var(--color_button, #111)
}

.mini-cart-container .mini-cart-inner .mini-cart-success {
    display: none;
    width: 100%
}

.mini-cart-container .mini-cart-inner .mini-cart-success .text {
    width: 100%;
    background: rgba(1, 136, 73, .2);
    padding: 0 50px;
    line-height: 40px;
    font-size: 14px;
    color: #018849
}

.mini-cart-container .mini-cart-inner .mini-cart-success .text .iconfont {
    line-height: 1;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
    margin-right: 10px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata {
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px)
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-scroll {
    overflow-y: auto;
    margin-right: -15px;
    padding-right: 15px;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-scroll::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-scroll::-webkit-scrollbar-track {
    background: #f7f7f9;
    border-radius: 6px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border: none;
    border-radius: 6px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-scroll::-webkit-scrollbar-thumb:hover {
    background: #e1e1e1
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item {
    margin-top: 20px;
    padding: 0 50px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item:last-child {
    margin-bottom: 20px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-left {
    width: 120px;
    height: 120px;
    margin-right: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-left img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right {
    width: -webkit-calc(100% - 130px);
    width: -moz-calc(100% - 130px);
    width: calc(100% - 130px);
    min-height: 120px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-detail .mini-cart-item-title {
    width: 100%;
    font-size: 14px;
    color: var(--color_text_titles, #000);
    margin-bottom: 7px;
    line-height: initial
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-detail .mini-cart-item-title .iconfont {
    color: #f44336
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-detail .mini-cart-item-title svg {
    vertical-align: middle;
    position: relative;
    top: -2px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-detail .mini-cart-item-Variant {
    font-size: 14px;
    line-height: initial;
    color: var(--color_text_main_text, #666);
    margin-bottom: 7px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-detail .mini-cart-item-Variant span {
    display: inline-block;
    margin-right: 10px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-detail .mini-cart-item-price {
    font-size: 14px;
    color: var(--color_text_selling_price, #000);
    margin-bottom: 7px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-zengpin .gift-number::before {
    content: 'x'
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-zengpin div.icon-zengpin {
    font-size: 21px;
    color: #c33d3d
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-quantity {
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--color_form_borders, #ddd);
    background: var(--color_form_background, #fff);
    border-radius: 12px;
    color: var(--color_form_text, #111);
    font-size: 14px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-quantity .mini-cart-item-input {
    display: inline-block;
    width: 40px;
    padding: 0;
    text-align: center;
    letter-spacing: normal;
    background: 0 0;
    border: none;
    margin: 0 5px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-quantity .iconfont {
    font-size: 14px;
    line-height: 17px;
    color: var(--color_form_text, #111);
    font-weight: 600;
    padding: 6px 10px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-remove {
    font-size: 12px;
    color: #111;
    text-decoration: underline;
    padding: 10px 10px 0
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-remove svg {
    width: auto;
    height: 16px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .gift-number {
    font-size: 14px;
    color: var(--color_text_main_text, #111)
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .icon-lipin {
    font-size: 18px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer {
    font-size: 16px;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, .1);
    padding: 10px 50px 20px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer .mini-cart-footer-item {
    padding-top: 5px;
    color: #999;
    font-size: 12px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer .mini-cart-footer-item .mini-cart-footer-label, .mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer .mini-cart-footer-item .mini-cart-footer-value {
    font-size: 12px;
    color: #111
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer .mini-cart-footer-item .fs16-bold {
    font-size: 16px;
    font-weight: 700
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer .mini-cart-footer-item .mini-cart-checkout {
    display: inline-block;
    vertical-align: top;
    max-width: 240px;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    color: #fff;
    background: #111;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-top: 10px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer .mini-cart-footer-item .mini-cart-checkout:hover {
    opacity: .8
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer .mini-cart-footer-item .fastpp-container {
    display: inline-block;
    vertical-align: top;
    max-width: 240px;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    height: 40px;
    overflow: hidden;
    background: #ffc439 url(../fonts/paypal.svg) center no-repeat;
    -o-background-size: auto 45%;
    background-size: auto 45%;
    margin-top: 10px
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer .mini-cart-footer-item .fastpp-container:hover {
    opacity: .8
}

.mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer .mini-cart-footer-item .fastpp-container .pp-iframe {
    opacity: 0
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand {
    max-width: 100%;
    background: #fafafa;
    padding: 20px 50px
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand .title {
    font-size: 18px;
    color: var(--color_text_titles, #111);
    margin-bottom: 10px
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-container {
    width: 100%
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-slide {
    max-width: 25%
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-slide .swiper-slide-inner {
    display: block;
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    max-width: 160px;
    margin-right: 10px
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-slide .product-img {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-slide .product-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-slide .product-img img.item-img-second {
    display: none
}

@media screen and (min-width: 641px) {
    .mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-slide .product-img img.item-img-second {
        display: block;
        opacity: 0;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        -moz-transition: opacity .3s;
        transition: opacity .3s;
        background: #fff
    }

    .mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-slide .product-img:hover img.item-img-second {
        opacity: 1
    }
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-slide .product-title {
    font-size: 12px;
    color: var(--color_text_titles, #111);
    margin-top: 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /*! autoprefixer: on */
    width: 100%;
    word-break: break-word
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-slide .product-price {
    font-size: 14px;
    color: var(--color_text_selling_price, #000);
    margin-top: 5px
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-button-next, .mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-button-prev {
    width: 24px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background: #fff
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-button-prev {
    left: 0
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-button-next {
    right: 0
}

.mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-button-next:after, .mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-button-prev:after {
    font-size: 14px;
    color: #111
}

.mini-cart-container .mini-cart-inner .mini-cart-no-data {
    display: none;
    margin: 20px 0;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    color: var(--color_text_main_text, #666);
    text-transform: uppercase
}

.mini-cart-container .mini-cart-inner .mini-cart-no-data .mini-data-no-data-img {
    padding-bottom: 20px;
    padding-top: 50px;
    width: 100%;
    text-align: center
}

.mini-cart-container .mini-cart-inner .mini-cart-no-data .mini-data-no-data-img svg {
    width: 60px;
    height: 60px
}

.mini-cart-container .mini-cart-inner .mini-cart-no-data .mini-data-no-data-img i.icon-gouwuche {
    font-size: 60px;
    color: #ccc
}

.mini-cart-container .mini-cart-inner .mini-cart-no-data .mini-cart-recommand {
    margin-top: 50px
}

.mini-cart-container .mini-cart-inner .mini-cart-collection {
    margin-top: 50px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mini-cart-container .mini-cart-inner .mini-cart-collection-item {
    width: 70%;
    margin-bottom: 20px;
    font-size: 14px;
    border: 1px solid #111;
    color: #111;
    text-align: center;
    padding: 10px;
    cursor: pointer
}

.mini-cart-container.is-open .mini-cart-mask-layer {
    display: block
}

.mini-cart-container.is-open .mini-cart-inner {
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width: 1480px) {
    .ms-header-top .header-left, .ms-header-top .header-right {
        padding: 0 15px
    }
}

@media screen and (max-width: 768px) {
    .mini-cart-container .mini-cart-inner {
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px)
    }

    .mini-cart-container .mini-cart-inner .mini-cart-header {
        background: #fafafa;
        font-size: 15px;
        height: 46px
    }

    .mini-cart-container .mini-cart-inner .mini-cart-header .mini-cart-close {
        display: block;
        font-size: 20px;
        padding: 0;
        cursor: pointer;
        position: absolute;
        left: -40px;
        top: 0;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px
    }

    .mini-cart-container .mini-cart-inner .mini-cart-header .mini-cart-close .iconfont {
        color: var(--color_button_label, #fff) !important
    }

    .mini-cart-container .mini-cart-inner .mini-cart-success .text {
        padding: 0 15px;
        text-align: center;
        line-height: 40px
    }

    .mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-quantity {
        margin: 10px 0
    }

    .mini-cart-container .mini-cart-inner .mini-cart-isdata {
        height: -webkit-calc(100vh - 46px);
        height: -moz-calc(100vh - 46px);
        height: calc(100vh - 46px)
    }

    .mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 15px
    }

    .mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-content .mini-cart-item .mini-cart-item-right .mini-cart-item-quantity .iconfont {
        padding: 6px 7px
    }

    .mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer {
        padding: 5px 15px 10px
    }

    .mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer .mini-cart-footer-item {
        padding-top: 0
    }

    .mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer .mini-cart-footer-item:last-child {
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer .mini-cart-footer-item .mini-cart-checkout {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px)
    }

    .mini-cart-container .mini-cart-inner .mini-cart-isdata .mini-cart-footer .mini-cart-footer-item .fastpp-container {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px)
    }

    .mini-cart-container .mini-cart-inner .mini-cart-recommand {
        padding: 15px 0
    }

    .mini-cart-container .mini-cart-inner .mini-cart-recommand .mini-cart-swiper-next, .mini-cart-container .mini-cart-inner .mini-cart-recommand .mini-cart-swiper-prev {
        display: none !important
    }

    .mini-cart-container .mini-cart-inner .mini-cart-recommand .title {
        padding: 0 15px;
        font-size: 14px
    }

    .mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-slide {
        max-width: 33%
    }

    .mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-slide .swiper-slide-inner {
        width: -webkit-calc(100% - 15px);
        width: -moz-calc(100% - 15px);
        width: calc(100% - 15px);
        margin-left: 15px;
        margin-right: 0
    }

    .mini-cart-container .mini-cart-inner .mini-cart-recommand .swiper-slide .product-title {
        margin-top: 5px
    }
}

@media screen and (max-width: 640px) {
    .ms-header-top .header-left, .ms-header-top .header-right {
        display: none
    }

    .ms-header-top .header-middle {
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 870px;
        min-height: 40px;
        text-align: center;
        color: var(--color_bulletinboard_text_color, #fff);
        font-size: 14px;
        padding: 10px;
    }

    .ms-header-top-m {
        background: var(--color_bulletinboard_background_color, #111);
    }

    .ms-header-top-pc {
        display: none
    }

    .ms-header-top-m {
        display: block;
    }

    .ms-header .ms-header-main {
        min-height: 44px;
        height: 44px
    }

    .ms-header .ms-header-main .header-main-content {
        min-height: 44px;
        height: 44px
    }

    .ms-header .ms-header-main .header-inner {
        min-height: 44px;
        height: 44px;
        padding: 0
    }

    .ms-header .ms-header-main .m-header-nav {
        height: 44px;
        padding: 15px 20px;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .ms-header .ms-header-main .m-header-nav svg {
        width: 20px;
        height: 14px
    }

    .ms-header .ms-header-main .m-header-nav .line {
        display: block;
        width: 20px;
        height: 3px;
        background: var(--color_icon_color, #111)
    }

    .ms-header .ms-header-main .header-logo {
        height: 44px;
        font-size: 20px;
        text-align: center;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .ms-header .ms-header-main .header-logo img {
        max-height: 40px
    }

    .ms-header .ms-header-main .header-nav {
        display: none
    }

    .ms-header .ms-header-main .header-search {
        display: none
    }

    .ms-header .ms-header-main .m-header-right {
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ms-header .ms-header-main .m-header-search, .ms-header .ms-header-main .m-mini-cart {
        display: inline-block;
        padding: 5px;
        cursor: pointer
    }

    .ms-header .ms-header-main .m-header-search svg, .ms-header .ms-header-main .m-mini-cart svg {
        width: 20px;
        height: 20px;
        margin-right: 15px
    }

    .ms-header .ms-header-main .m-header-search .iconfont, .ms-header .ms-header-main .m-mini-cart .iconfont {
        font-size: 20px;
        margin-right: 15px;
        font-weight: 700;
        color: var(--color_icon_color, #111)
    }
}

.ms-header.is-header-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

.ms-header.admin {
    position: relative !important
}

.ms-trusticon {
    background: #fff;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 50px;
    border-top: 1px solid #f2f2f2
}

.ms-trusticon .trusticon-item {
    width: 16.6666667%;
    min-height: 90px;
    padding: 40px;
    position: relative
}

.ms-trusticon .trusticon-item::before {
    width: 1px;
    height: 90px;
    position: absolute;
    top: 50%;
    right: 0;
    background: #f2f2f2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ""
}

.ms-trusticon .trusticon-item:last-child::before, .ms-trusticon .trusticon-item:nth-of-type(6n+6)::before {
    display: none
}

.ms-trusticon .trusticon-item img {
    max-width: 100%;
    max-height: 100%;
    display: block
}

.ms-footer {
    padding-top: 1px;
    background: #f2f5fa
}

.ms-footer .footer-width {
    max-width: 1400px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto
}

.ms-footer .footer-email {
    padding: 40px 0;
    border-bottom: 1px solid #eee
}

.ms-footer .footer-email .footer-email-title {
    font-size: 36px;
    color: #000;
    text-align: center
}

.ms-footer .footer-email .footer-email-subtitle {
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-top: 10px
}

.ms-footer .footer-email .hint {
    max-width: 635px;
    margin-left: auto;
    margin-right: auto
}

.ms-footer .footer-email .footer-email-form {
    max-width: 635px;
    margin: 20px auto 0
}

.ms-footer .footer-email .footer-email-form input {
    display: inline-block;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 500px;
    height: 40px;
    padding: 5px 15px;
    line-height: 30px;
    font-size: 12px;
    color: #000;
    background: #fff;
    border: 1px solid #ccc
}

.ms-footer .footer-email .footer-email-form button {
    display: inline-block;
    min-width: 134px;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background: #000;
    border: none;
    margin-left: 20px
}

.ms-footer .footer-email .footer-email-form button:hover {
    background-color: rgba(17, 17, 17, .75)
}

.ms-footer .footer-email .footer-email-check {
    max-width: 635px;
    margin: 5px auto 0
}

.ms-footer .footer-email .footer-email-check label {
    display: inline-block;
    position: relative;
    font-size: 12px;
    color: #000
}

.ms-footer .footer-email .footer-email-check label input {
    margin-right: 5px;
    vertical-align: middle
}

.ms-footer .footer-email .footer-email-check .subscription-input-agreement {
    position: relative;
    padding-left: 20px
}

.ms-footer .footer-email .footer-email-check .subscription-input-agreement input {
    display: inline-block;
    width: auto;
    margin-top: 0;
    -webkit-appearance: initial
}

.ms-footer .footer-email .footer-email-check .subscription-input-agreement .subscription-checkbox[type=checkbox] {
    margin: 0;
    position: absolute;
    left: 0;
    top: 3px;
    display: inline-block !important;
    width: 15px !important;
    height: 15px
}

.ms-footer .footer-email .footer-email-check .subscription-input-agreement .subscription-checkbox[type=checkbox] + .iconfont {
    display: none
}

.ms-footer .footer-email .footer-email-check .subscription-input-agreement .subscription-checkbox[type=checkbox]::before, .ms-footer .footer-email .footer-email-check .subscription-input-agreement .subscription-checkbox[type=checkbox]:checked::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--color_footer_lines_color, #111);
    color: var(--color_footer_lines_color, #111)
}

.ms-footer .footer-email .footer-email-check .subscription-input-agreement .subscription-checkbox[type=checkbox]:checked + .iconfont {
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    color: var(--color_footer_lines_color, #111);
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.ms-footer .footer-email .footer-email-check .subscription-input-agreement .subscription-agreement {
    color: #666
}

.ms-footer .footer-line {
    margin: 20px 0;
    height: 2px;
    overflow: hidden;
    border-top: 1px solid #eee
}

.ms-footer .footer-nav {
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px
}

.ms-footer .footer-nav .footer-nav-item {
    width: 230px;
    padding: 0 10px;
    margin: 20px 0
}

.ms-footer .footer-nav .footer-nav-title {
    font-size: 14px;
    color: #111;
    font-weight: 500;
    padding: 10px 0
}

.ms-footer .footer-nav .footer-nav-title .iconfont {
    display: none
}

.ms-footer .footer-nav .footer-nav-list {
    display: block
}

.ms-footer .footer-nav .footer-nav-list a {
    display: inline-block;
    font-size: 13px;
    color: #111;
    padding: 3px 0
}

.ms-footer .footer-nav .footer-nav-list a:hover {
    opacity: .7;
    text-decoration: underline
}

@media screen and (min-width: 641px) {
    .ms-footer .footer-nav .footer-nav-list {
        display: block !important
    }
}

.ms-footer .footer-social-pay {
    margin-top: -1px;
    border-top: 1px solid #eee;
    padding-top: 20px;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ms-footer .footer-social-pay .footer-social-imgs {
    max-width: 385px
}

.ms-footer .footer-social-pay .footer-social-imgs img {
    display: inline-block;
    max-width: 24px;
    max-height: 24px;
    margin: 0 20px 20px 0
}

.ms-footer .footer-social-pay .footer-pay-imgs {
    max-width: 500px;
    text-align: right
}

.ms-footer .footer-social-pay .footer-pay-imgs img {
    display: inline-block;
    max-width: 38px;
    max-height: 24px;
    margin: 0 0 20px 20px;
    vertical-align: middle
}

.ms-footer .footer-copyright {
    padding: 0 0 20px;
    font-size: 12px;
    color: #111
}

@media screen and (max-width: 640px) {
    .ms-footer .footer-email {
        padding: 30px 20px;
        margin: 0
    }

    .ms-footer .footer-email .footer-email-title {
        font-size: 20px
    }

    .ms-footer .footer-email .footer-email-subtitle {
        font-size: 12px
    }

    .ms-footer .footer-email .footer-email-form input {
        height: 32px;
        line-height: 22px
    }

    .ms-footer .footer-email .footer-email-form button {
        min-width: 100px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        margin-left: 15px
    }

    .ms-footer .footer-line {
        margin: 0
    }

    .ms-footer .footer-nav {
        margin: 0;
        padding: 0;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .ms-footer .footer-nav .footer-nav-item {
        width: 100%;
        border-bottom: 1px solid #eee;
        margin: 0;
        padding: 0
    }

    .ms-footer .footer-nav .footer-nav-item:last-child {
        border-bottom: none
    }

    .ms-footer .footer-nav .footer-nav-title {
        padding: 10px 20px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ms-footer .footer-nav .footer-nav-title .iconfont {
        display: inline-block;
        font-size: 13px;
        color: #111;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }

    .ms-footer .footer-nav .footer-nav-title.active .iconfont {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .ms-footer .footer-nav .footer-nav-list {
        display: none
    }

    .ms-footer .footer-nav .footer-nav-list p {
        padding: 5px 20px
    }

    .ms-footer .footer-social-pay {
        padding: 20px 15px 0;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .ms-footer .footer-social-pay .footer-pay-imgs, .ms-footer .footer-social-pay .footer-social-imgs {
        width: 100%;
        text-align: center
    }

    .ms-footer .footer-social-pay .footer-pay-imgs img, .ms-footer .footer-social-pay .footer-social-imgs img {
        margin: 0 10px 20px
    }

    .ms-footer .footer-copyright {
        padding: 0 15px 20px
    }
}

.copyright-payment {
    max-width: 1440px;
    margin: auto;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 30px
}

@media (max-width: 1440px) {
    .ms-header .ms-header-pc .header-main {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.subscription .hint {
    padding: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    margin: 10px 0;
    display: none
}

.subscription .hint-success {
    color: #2d8f74
}

.subscription .hint-error {
    color: #c33d3d
}

.subscription a {
    text-decoration: none
}

.copyright-flex {
    margin-top: 7px
}

.ms-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.ms-popup .popup-mask-layer {
    width: 100%;
    height: 100%;
    background: #111;
    opacity: .3;
    z-index: 1001
}

.ms-popup .popup-container {
    height: auto;
    max-height: 90vh;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1002;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--color_page_background, #fff);
    -o-background-size: cover;
    background-size: cover
}

.ms-popup .popup-container .img-box {
    width: 400px;
    height: 500px;
    max-height: 90vh;
    background-position: center;
    -o-background-size: cover;
    background-size: cover
}

.ms-popup .popup-container .popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    cursor: pointer;
    z-index: 1
}

.ms-popup .popup-container .popup-close .iconfont {
    color: var(--color_button, #292929)
}

.ms-popup .popup-container .popup-inner {
    width: 500px;
    height: 500px;
    position: relative;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ms-popup .popup-container .popup-inner .popup-inner-content {
    width: 500px;
    max-height: 500px;
    padding: 0 50px;
    overflow-y: auto
}

.ms-popup .popup-container .popup-inner .popup-inner-content::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px
}

.ms-popup .popup-container .popup-inner .popup-inner-content::-webkit-scrollbar-track {
    background: #f7f7f9;
    border-radius: 6px
}

.ms-popup .popup-container .popup-inner .popup-inner-content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border: none;
    border-radius: 6px
}

.ms-popup .popup-container .popup-inner .popup-inner-content::-webkit-scrollbar-thumb:hover {
    background: #e1e1e1
}

.ms-popup .popup-container .popup-inner .popup-content {
    width: 100%;
    padding-top: 30px
}

.ms-popup .popup-container .popup-inner .popup-content .popup-content-title {
    font-size: 24px;
    font-weight: 500;
    color: var(--color_text_titles, #111);
    margin-bottom: 10px;
    text-align: center
}

.ms-popup .popup-container .popup-inner .popup-content .popup-content-content {
    font-size: 14px;
    color: var(--color_text_main_text, #666);
    text-align: center
}

.ms-popup .popup-container .popup-inner .popup-content .popup-content-content p {
    font-weight: 400
}

.ms-popup .popup-container .popup-inner .popup-content .popup-content-btn {
    width: 100%;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    background: #111;
    padding: 17px 0;
    text-decoration: none;
    text-align: center
}

.ms-popup .subscription {
    margin-top: 30px
}

.ms-popup .subscription .subscription-input-content {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

.ms-popup .subscription .subscription-input-content .subscription-input {
    width: 100%;
    min-height: 38px;
    padding: 9px 13px;
    color: var(--color_form_text, #999);
    border: 1px solid var(--color_form_borders, #e6e6e6);
    background: var(--color_form_background, #fff)
}

.ms-popup .subscription .subscription-input-content .subscription-input:focus {
    border-color: #111
}

.ms-popup .subscription .subscription-input-content .subscription-sign-up {
    width: 100%;
    min-height: 40px;
    font-size: 18px;
    color: var(--color_button_label, #fff);
    background: var(--color_button, #111);
    font-weight: 400;
    padding: 8px 0;
    text-align: center;
    margin-top: 20px
}

.ms-popup .subscription .subscription-input-content .subscription-sign-up:hover {
    opacity: .8
}

.ms-popup .subscription .subscription-input-agreement {
    padding-bottom: 20px;
    position: relative;
    padding-left: 20px
}

.ms-popup .subscription .subscription-input-agreement input {
    display: inline-block;
    width: auto;
    margin: 0;
    -webkit-appearance: initial
}

.ms-popup .subscription .subscription-input-agreement .subscription-checkbox[type=checkbox] {
    margin: 0;
    position: absolute;
    left: 0;
    top: 3px;
    display: inline-block !important;
    width: 15px !important;
    height: 15px
}

.ms-popup .subscription .subscription-input-agreement .subscription-checkbox[type=checkbox] + .iconfont {
    display: none
}

.ms-popup .subscription .subscription-input-agreement .subscription-checkbox[type=checkbox]::before, .ms-popup .subscription .subscription-input-agreement .subscription-checkbox[type=checkbox]:checked::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    width: 100%;
    height: 100%;
    border: 1px solid #111;
    color: #111
}

.ms-popup .subscription .subscription-input-agreement .subscription-checkbox[type=checkbox]:checked + .iconfont {
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    color: #111;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.ms-popup .subscription .subscription-input-agreement .subscription-agreement {
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    margin-left: 6px;
    font-size: 12px;
    color: var(--color_text_main_text, #666)
}

.ms-popup .subscription .hint-error {
    margin-bottom: 0
}

.popup-tag {
    padding: 20px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: #111;
    position: fixed;
    bottom: 240px;
    left: 0;
    cursor: pointer;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    z-index: 99
}

.popup-tag img {
    max-width: 20px;
    max-height: 20px;
    margin-top: 10px
}

.popup-inner .subscription .subscription-input-agreement {
    width: auto
}

.product-template .product-image-wrapper img.img-second {
    width: 100%;
    height: 100%
}

.product-template .item-evaluate .starts {
    margin-right: 10px
}

.product-template .item-evaluate .start {
    float: left;
    margin-right: 2px;
    font-style: normal;
    color: #ebebeb;
    font-size: 20px
}

.product-template .item-evaluate .start-on {
    color: var(--color_reviews_star_color, #000)
}

.product-template .product-price {
    margin-top: 10px
}

.product-template .product-price .span {
    margin-bottom: 10px;
    display: inline-block
}

.product-template .product-price .span:first-child {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.product-template .product-price .span:nth-child(2) {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
    margin-left: 7px
}

.product-template .product-price .span:nth-child(3) {
    font-size: 12px;
    color: #000;
    background-color: #f2f5fa;
    padding: 2px 5px;
    margin-left: 10px
}

.product-template .product-price .market-price, .product-template .product-price .save-price, .product-template .product-price .sell-price {
    margin-bottom: 10px;
    display: inline-block
}

.product-template .product-price .sell-price {
    font-size: 16px;
    font-weight: 500;
    color: var(--color_text_selling_price, #000);
    margin-right: 5px
}

.product-template .product-price .market-price {
    color: var(--color_text_original_price, #999)
}

.product-template .product-price .market-peciel-sale, .product-template .product-price .market-price {
    font-size: 13px;
    margin-right: 5px
}

.product-template .product-price .market-peciel-sale {
    text-decoration: unset
}

.product-template .product-price .save-price {
    font-size: 12px;
    color: #000;
    background-color: #f2f5fa;
    padding: 2px 5px
}

.product-template a {
    display: block;
    position: relative
}

.product-template .discount-tag {
    z-index: 2
}

@media screen and (max-width: 640px) {
    .product-template .item-evaluate .start {
        font-size: 16px
    }

    .product-template .product-price .span {
        margin-bottom: 0
    }

    .product-template .product-price .span:first-child {
        font-size: 14px;
        display: block
    }

    .product-template .product-price .span:nth-child(2) {
        display: block;
        font-size: 12px;
        margin: 5px 0 10px
    }

    .product-template .product-price .span:nth-child(3) {
        margin-top: 0;
        font-size: 12px;
        color: #fff;
        margin: 0
    }
}

.product-template .product-title {
    font-size: 14px;
    line-height: 1.2;
    color: var(--color_text_titles, #000);
    margin-top: 10px;
    font-weight: 400
}

.product-template .productlist-price {
    margin-top: 10px
}

.product-template .product-imgs {
    width: 100%;
    height: auto;
    margin: 10px 0 10px 0;
    overflow-x: auto;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px
}

.product-template .product-imgs > .product-img-item {
    width: -webkit-calc(15% - 10px);
    width: -moz-calc(15% - 10px);
    width: calc(15% - 10px);
    max-width: 40px;
    margin-right: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 3px;
    outline: 1px solid #ccc
}

.product-template .product-imgs > .product-img-item .product-image-wrapper {
    width: 100%;
    cursor: pointer;
    padding-bottom: 100% !important
}

.product-template .product-imgs > .product-img-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.product-template .product-imgs > .product-img-item .hide-color-img img {
    opacity: 0 !important
}

.product-template .product-imgs > .product-img-item .show-color-img {
    background: 0 0 !important
}

.product-template .product-imgs > .product-img-item .Image__Loader {
    width: 100%
}

.product-template .product-imgs > .product-img-item.active {
    outline: 1px solid #111
}

.product-template .product-img-more {
    height: 100%
}

.product-template .product-img-more a {
    color: var(--color_text_main_text, #000)
}

.product-template .product-img-more .iconfont {
    font-size: 14px;
    font-weight: 700;
    color: var(--color_text_main_text, #000);
    margin-right: 2px
}

.product-template .selling-price {
    font-size: 16px;
    color: var(--color_text_selling_price, #000);
    font-weight: 500;
    display: inline-block;
    margin: 0 7px 10px 0
}

.product-template .market-price {
    display: inline-block;
    font-size: 12px;
    color: var(--color_text_original_price, #999);
    font-weight: 400;
    margin: 0 7px 10px 0;
    position: relative
}

.product-template .market-price::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -3%;
    right: -3%;
    width: 104%;
    height: 1px;
    background-color: var(--color_text_original_price, #999)
}

.product-template .comment-star .comment-score {
    font-size: 14px;
    font-weight: 400;
    color: var(--color_text_main_text, #111);
    margin-left: 10px;
    line-height: 1.2
}

.product-template .tag {
    display: inline-block;
    font-size: 14px;
    padding: 3px 10px;
    border: 1px solid #111;
    margin: 0 10px 10px 10px
}

.product-template .sales {
    color: var(--color_text_main_text, #000)
}

.product-template .quick-shop-btn {
    display: block;
    width: 100%;
    height: 52px;
    padding: 0 !important;
    line-height: 52px;
    color: var(--color_text_button, #111);
    background: rgba(255, 255, 255, .3);
    font-size: 18px;
    visibility: hidden;
    text-align: center;
    position: absolute;
    bottom: 0;
    cursor: pointer
}

.product-template:hover .quick-shop-btn {
    visibility: inherit
}

@media screen and (max-width: 640px) {
    .ms-header .search-popout-container {
        padding: 0 30px
    }

    .ms-header .search-popout-container .close-search-popout {
        top: 20px;
        right: 20px
    }

    .ms-header .search-popout-container .search-popout-content .search-input .search-btn {
        width: 60px;
        height: 45px;
        line-height: 45px
    }

    .ms-header .ms-header-m {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 48px;
        padding: 10px 20px
    }

    .ms-header .ms-header-m .message {
        position: absolute;
        left: 65px
    }

    .ms-header .ms-header-m .message .messageReader {
        top: -7px
    }

    .ms-header .ms-header-m .header-logo {
        font-size: 16px
    }

    .ms-header .ms-header-m .header-logo img {
        max-width: 100%;
        max-height: 36px
    }

    .ms-header .ms-header-m .header-cart {
        position: relative
    }

    .ms-header .ms-header-m .header-cart .header-cart-count {
        min-width: 16px;
        height: 16px;
        font-size: 12px;
        border-radius: 50%;
        text-align: center;
        line-height: 16px;
        color: #fff;
        position: absolute;
        top: -20%;
        right: -20%
    }

    .ms-header .ms-header-m .iconfont {
        font-weight: 600;
        font-size: 22px
    }

    .mini-cart-no-data {
        font-size: 12px
    }

    .mini-cart-no-data .mini-data-no-data-img {
        padding-bottom: 10px;
        padding-top: 30px
    }

    .mini-cart-no-data .mini-data-no-data-img svg {
        width: 40px;
        height: 40px
    }

    .mini-cart-no-data .mini-data-no-data-img i.icon-gouwuche {
        font-size: 40px
    }

    .mini-cart-collection {
        margin-top: 30px;
        width: 100%;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mini-cart-collection-item {
        margin-bottom: 15px;
        font-size: 12px;
        padding: 8px
    }

    .ms-trusticon {
        padding: 0 20px
    }

    .ms-trusticon .trusticon-item {
        width: 50%
    }

    .ms-trusticon .trusticon-item:nth-of-type(odd) {
        padding: 30px 50px 30px 0
    }

    .ms-trusticon .trusticon-item:nth-of-type(2n) {
        padding: 30px 0 30px 50px
    }

    .ms-trusticon .trusticon-item:nth-of-type(2n)::before {
        display: none
    }

    .ms-popup .popup-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 84%;
        max-height: 80vh
    }

    .ms-popup .popup-container .img-box {
        width: 100%;
        height: 200px
    }

    .ms-popup .popup-container .popup-close {
        top: -44px;
        right: 0;
        width: 44px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        background: var(--color_button, #292929)
    }

    .ms-popup .popup-container .popup-close .iconfont {
        color: var(--color_button_label, #fff);
        font-size: 20px
    }

    .ms-popup .popup-container .popup-inner {
        width: 100%;
        height: auto;
        max-height: -webkit-calc(80vh - 200px);
        max-height: -moz-calc(80vh - 200px);
        max-height: calc(80vh - 200px);
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .ms-popup .popup-container .popup-inner .popup-inner-content {
        width: auto;
        max-height: -webkit-calc(80vh - 200px);
        max-height: -moz-calc(80vh - 200px);
        max-height: calc(80vh - 200px);
        height: auto;
        padding: 20px 15px;
        overflow-y: auto
    }

    .ms-popup .popup-container .popup-inner .popup-content {
        padding-top: 0
    }

    .ms-popup .popup-container .popup-inner .popup-content .popup-content-title {
        font-size: 14px;
        margin-bottom: 8px
    }

    .ms-popup .popup-container .popup-inner .popup-content .popup-content-btn {
        font-size: 12px;
        padding: 12px 0
    }

    .ms-popup .subscription {
        margin-top: 15px
    }

    .ms-popup .subscription .subscription-input-content {
        margin-bottom: 15px
    }

    .ms-popup .subscription .subscription-input-content .subscription-input {
        min-height: 36px;
        padding: 9px 13px
    }

    .ms-popup .subscription .subscription-input-content .subscription-sign-up {
        min-height: 36px;
        margin-top: 10px
    }

    .subscription {
        margin-top: 20px
    }

    .subscription .subscription-input-content .subscription-sign-up {
        font-size: 12px;
        padding: 12px 0
    }

    .subscription .subscription-title {
        width: 100%
    }

    .subscription .subscription-input-agreement {
        width: 100%;
        padding-bottom: 0
    }

    .subscription .subscription-input-agreement .subscription-checkbox[type=checkbox] {
        width: 18px
    }

    .popup-tag {
        padding: 15px;
        bottom: 110px
    }

    .popup-tag .popup-tag-text {
        display: none
    }

    .popup-tag img {
        margin: 0
    }

    .footer-divider {
        width: 100%
    }

    .copyright-flex {
        margin-top: 20px
    }

    .subscription .subscription-input-content .subscription-sign-up {
        font-size: 12px;
        padding: 10px 20px;
        white-space: nowrap
    }

    .product-template .product-title {
        font-size: 12px;
        white-space: normal
    }

    .product-template .market-price, .product-template .selling-price {
        font-size: 12px
    }

    .product-template .comment-star .comment-score {
        font-size: 12px;
        line-height: 16px
    }

    .product-template .quick-shop-btn {
        display: none
    }
}

.ms-404 {
    width: 100%;
    margin: 99px auto 50px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ms-404 .img-404 {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ms-404 .img-404 img {
    width: 207px;
    height: 120px
}

.ms-404 .title {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ms-404 .title .title-name {
    font-size: 24px;
    color: #111;
    margin-top: 49px
}

.ms-404 .content {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 20px 0 30px
}

.ms-404 .btn {
    width: 670px;
    height: 44px;
    margin-top: 10px;
    text-align: center;
    line-height: 48px;
    display: block;
    margin: 0 auto;
    background: #111;
    color: #fff;
    font-size: 16px;
    text-decoration: none
}

.ms-404 .btn .back_to_home {
    color: #fff
}

.search-view-more {
    display: none
}

.page {
    width: 100%;
    margin: 0 auto
}

.page li {
    margin: 0 5px;
    border-radius: 6px
}

.page .paging-current {
    min-width: 22px;
    height: 22px;
    color: var(--color_text_titles, #111);
    border: 1px solid var(--color_text_titles, #111);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page .paging-disp {
    border-radius: 7px;
    border: 1px solid #e6e6e6;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    min-width: 22px;
    height: 22px;
    font-size: 12px;
    display: block;
    margin: 0 15px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page .paging-disp a {
    color: var(--color_text_main_text, #666)
}

.page .paging-ellipsis {
    line-height: 20px
}

.page .paging {
    width: 22px;
    height: 20px;
    line-height: 19px;
    border-radius: 7px;
    text-align: center;
    border: 1px solid var(--color_text_main_text, #e6e6e6);
    color: var(--color_text_main_text, #666);
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

.page .paging i {
    font-size: 12px
}

.page .paging-next, .page .paging-prev {
    margin: 0 15px;
    font-size: 12px
}

.page .action {
    border: 1px solid var(--color_text_titles, #111)
}

.page .action a {
    color: var(--color_text_titles, #111)
}

@media screen and (max-width: 640px) {
    .page {
        display: none
    }

    .search-view-more {
        display: block;
        width: 100%;
        margin: 0 auto
    }

    .search-view-more .search-more-btn {
        width: 100px;
        height: 32px;
        line-height: 32px;
        border-radius: 16px;
        font-size: 13px;
        padding: 0;
        color: var(--color_button_label, #fff);
        background: var(--color_button, #111)
    }

    .search-view-more i {
        margin-left: 5px;
        font-size: 10px
    }

    .ms-404 {
        width: auto;
        margin: 51px 20px;
        overflow: hidden
    }

    .ms-404 .img-404 {
        width: 197px;
        height: 118px
    }

    .ms-404 .title .title-name {
        font-size: 18px;
        margin-top: 30px;
        font-size: 16px
    }

    .ms-404 .content {
        font-size: 12px
    }

    .ms-404 .btn {
        width: 100%;
        margin-top: 0;
        font-size: 14px
    }
}

.currency-symbol-container {
    height: 100%;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.currency-symbol-pc {
    z-index: 1000;
    font-size: 13px
}

.currency-symbol-list {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    border: 1px solid #e6e6e6;
    margin-top: 10px;
    max-height: 344px;
    padding: 0;
    min-width: 100%;
    width: auto;
    bottom: auto;
    overflow: hidden;
    overflow-y: auto
}

.currency-symbol-list::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px
}

.currency-symbol-list::-webkit-scrollbar-track {
    background: #f7f7f9;
    border-radius: 6px
}

.currency-symbol-list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border: none;
    border-radius: 6px
}

.currency-symbol-list::-webkit-scrollbar-thumb:hover {
    background: #e1e1e1
}

.currency-symbol-list li {
    white-space: nowrap;
    width: auto;
    padding: 0 10px;
    margin: 0 20px;
    height: 45px;
    font-size: 14px;
    line-height: 45px;
    text-align: left;
    border-bottom: 1px solid #eee
}

.currency-symbol-list li:last-child {
    border-bottom: none
}

.currency-symbol-list li:hover {
    background: #fafafa
}

.currency-symbol-active {
    padding: 0 20px 0 0
}

.currency-symbol-select-container.active .currency-symbol-active {
    border: none;
    background: 0 0
}

.currency-symbol-select-container.active .currency-symbol-list {
    border: 1px solid #e6e6e6
}

.currency-symbol-active::after {
    width: 8px;
    height: 8px;
    top: 30%
}

.currency-symbol-select-container .currency-symbol-active::after {
    border-top: 1px solid var(--color_bulletinboard_icon_color, #fff);
    border-right: 1px solid var(--color_bulletinboard_icon_color, #fff);
    border-left: none;
    border-bottom: none
}

.currency-symbol-select-container.active .currency-symbol-active::after {
    border-top: none;
    border-right: none;
    border-left: 1px solid var(--color_bulletinboard_icon_color, #fff);
    border-bottom: 1px solid var(--color_bulletinboard_icon_color, #fff);
    top: 45%
}

@media screen and (max-width: 640px) {
    .currency-symbol-container {
        height: auto;
        float: none;
        display: block;
        background: #fafafa;
        border-bottom: 1px solid #e6e6e6
    }

    .currency-symbol-m {
        margin: 0 auto
    }

    .currency-symbol-select-container {
        min-width: 100%
    }

    .currency-symbol-select-container .currency-symbol-default {
        position: relative
    }

    .currency-symbol-select-container .currency-symbol-active {
        padding: 15px 50px 15px 20px;
        border: none;
        height: unset;
        line-height: unset
    }

    .currency-symbol-select-container .arrow-right {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 10px 20px;
        pointer-events: none
    }

    .currency-symbol-select-container .currency-symbol-active::after {
        display: none
    }

    .currency-symbol-select-container .currency-symbol-list {
        box-shadow: none;
        position: relative;
        bottom: auto
    }

    .currency-symbol-select-container .currency-symbol-active, .currency-symbol-select-container .currency-symbol-list li {
        text-align: left
    }

    .currency-symbol-select-container .currency-symbol-list li {
        text-align: left;
        color: #666
    }

    .currency-symbol-select-container.active .arrow-right .iconfont {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .currency-symbol-select-container.active .currency-symbol-list {
        border: none;
        background: #fff;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-height: none;
        margin: 0 !important
    }

    .currency-symbol-select-container.active .currency-symbol-list li {
        margin: 0;
        padding: 0 30px
    }

    .currency-symbol-select-container.active .currency-symbol-list li:first-child {
        padding: 0
    }

    .currency-symbol-select-container.active .currency-symbol-list li .currency-symbol-default {
        padding: 0;
        background: #fafafa
    }

    .currency-symbol-select-container.active .currency-symbol-list li .arrow-right {
        right: auto;
        left: 0;
        top: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        padding: 0 20px;
        line-height: 45px
    }

    .currency-symbol-select-container.active .currency-symbol-list li .currency-symbol-active {
        padding: 0;
        text-align: center
    }
}

.ms-floating {
    display: none
}

.floating-cantainer {
    width: 460px;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .2);
    border-radius: 5px;
    margin: 0 auto;
    padding: 20px;
    position: fixed;
    top: auto;
    bottom: 40px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99
}

.floating-bag {
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: var(--PcBackgroundColor, #000);
    opacity: .8
}

.floating-close {
    width: 20px;
    height: 20px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.img-warpper {
    width: 150px;
    height: 150px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden
}

.img-warpper img {
    width: 100%;
    max-width: 200px;
    max-height: 100%;
    display: block
}

.img-warpper i {
    display: none
}

.floating-content {
    font-size: 14px;
    line-height: 1.5;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.floating-content .floating-time, .floating-content .floating-title {
    word-break: break-all;
    word-break: break-word;
    font-size: 16px;
    color: var(--TitleColor, #fff)
}

.floating-left {
    right: auto;
    left: 20px
}

.floating-right {
    right: 20px;
    left: auto
}

@media screen and (max-width: 640px) {
    .floating-cantainer {
        width: 100%;
        left: 0
    }

    .floating-bag {
        background: var(--MBackgroundColor, #000)
    }

    .img-warpper {
        width: auto;
        height: auto;
        color: #fff
    }

    .img-warpper img {
        display: none
    }

    .img-warpper i {
        font-size: 28px;
        color: var(--MIconColor, #ff7800);
        display: block;
        font-weight: 600
    }

    .floating-content {
        font-size: 14px;
        line-height: 1.5;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .floating-content .floating-time, .floating-content .floating-title {
        overflow: hidden;
        display: inline-block;
        max-width: 100%;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.floating-animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -moz-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    -moz-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight
}

.bundle-sale-price {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.view-more {
    display: none
}

@media screen and (max-width: 640px) {
    .view-more {
        display: block;
        width: 100%
    }

    .view-more .more-btn {
        width: 100px;
        height: 32px;
        line-height: 32px;
        border-radius: 16px;
        font-size: 13px;
        padding: 0;
        color: var(--color_button_label, #fff);
        background: var(--color_button, #111)
    }

    .floating-animated {
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        -o-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .slideInLeft, .slideInRight {
        -webkit-animation-name: slideInUp;
        -moz-animation-name: slideInUp;
        -o-animation-name: slideInUp;
        animation-name: slideInUp
    }

    .slideOutLeft, .slideOutRight {
        -webkit-animation-name: slideOutDown;
        -moz-animation-name: slideOutDown;
        -o-animation-name: slideOutDown;
        animation-name: slideOutDown
    }

    .copyright-payment {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 20px
    }

    .copyright-payment .patment-list {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%
    }

    .copyright-payment .patment-list-item {
        width: 31px;
        height: 20px;
        margin-top: 15px;
        margin-right: 15px
    }
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(-200%, 0, 0) !important;
        transform: translate3d(-200%, 0, 0) !important;
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(-200%, 0, 0) !important;
        -moz-transform: translate3d(-200%, 0, 0) !important;
        transform: translate3d(-200%, 0, 0) !important;
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(-200%, 0, 0) !important;
        transform: translate3d(-200%, 0, 0) !important;
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(-200%, 0, 0) !important;
        -moz-transform: translate3d(-200%, 0, 0) !important;
        transform: translate3d(-200%, 0, 0) !important;
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-200%, 0, 0) !important;
        transform: translate3d(-200%, 0, 0) !important
    }
}

@-moz-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-200%, 0, 0) !important;
        -moz-transform: translate3d(-200%, 0, 0) !important;
        transform: translate3d(-200%, 0, 0) !important
    }
}

@-o-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-200%, 0, 0) !important;
        transform: translate3d(-200%, 0, 0) !important
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-200%, 0, 0) !important;
        -moz-transform: translate3d(-200%, 0, 0) !important;
        transform: translate3d(-200%, 0, 0) !important
    }
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(200%, 0, 0) !important;
        transform: translate3d(200%, 0, 0) !important;
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(200%, 0, 0) !important;
        -moz-transform: translate3d(200%, 0, 0) !important;
        transform: translate3d(200%, 0, 0) !important;
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(200%, 0, 0) !important;
        transform: translate3d(200%, 0, 0) !important;
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(200%, 0, 0) !important;
        -moz-transform: translate3d(200%, 0, 0) !important;
        transform: translate3d(200%, 0, 0) !important;
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(200%, 0, 0) !important;
        transform: translate3d(200%, 0, 0) !important
    }
}

@-moz-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(200%, 0, 0) !important;
        -moz-transform: translate3d(200%, 0, 0) !important;
        transform: translate3d(200%, 0, 0) !important
    }
}

@-o-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(200%, 0, 0) !important;
        transform: translate3d(200%, 0, 0) !important
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(200%, 0, 0) !important;
        -moz-transform: translate3d(200%, 0, 0) !important;
        transform: translate3d(200%, 0, 0) !important
    }
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 140%, 0) !important;
        transform: translate3d(0, 140%, 0) !important;
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideInUp {
    from {
        -moz-transform: translate3d(0, 140%, 0) !important;
        transform: translate3d(0, 140%, 0) !important;
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slideInUp {
    from {
        transform: translate3d(0, 140%, 0) !important;
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 140%, 0) !important;
        -moz-transform: translate3d(0, 140%, 0) !important;
        transform: translate3d(0, 140%, 0) !important;
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 130%, 0) !important;
        transform: translate3d(0, 130%, 0) !important
    }
}

@-moz-keyframes slideOutDown {
    from {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -moz-transform: translate3d(0, 130%, 0) !important;
        transform: translate3d(0, 130%, 0) !important
    }
}

@-o-keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 130%, 0) !important
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 130%, 0) !important;
        -moz-transform: translate3d(0, 130%, 0) !important;
        transform: translate3d(0, 130%, 0) !important
    }
}

.fastpp-container {
    display: none;
    margin-top: 16px
}

.first-order-discount {
    width: 100%
}

.first-order-discount-tag {
    min-width: 80px;
    display: none;
    padding: 3px 10px;
    background: #fff;
    color: #111;
    border: 1px solid #111;
    text-align: center;
    margin: 10px 0;
    font-size: 14px
}

.messageReader {
    display: inline-block;
    position: absolute;
    top: -5px
}

.reader {
    display: none;
    width: 6px;
    height: 6px;
    margin-top: 6px;
    border-radius: 50px;
    line-height: 20px
}

@media screen and (max-width: 640px) {
    .reader {
        left: 60px
    }
}

.pp-iframe {
    border: none;
    max-height: 55px;
    width: 100%
}

.fastpp-container {
    max-height: 55px
}

.more-width-full {
    max-width: none;
    margin: auto
}

.more-width-1820 {
    max-width: 1820px;
    margin: auto
}

.more-width-1800 {
    max-width: 1800px;
    margin: auto
}

.more-width-1600 {
    max-width: 1600px;
    margin: auto
}

.more-width-1440 {
    max-width: 1440px;
    margin: auto
}

.more-width-1280 {
    max-width: 1280px;
    margin: auto
}

.more-width-1200 {
    max-width: 1200px;
    margin: auto
}

.more-width-960 {
    max-width: 960px;
    margin: auto
}

.magin-left-right-80 {
    max-width: none;
    margin-left: 80px;
    margin-right: 80px
}

.flex-footer {
    max-width: 1440px;
    padding: 0;
    margin: auto
}

@media screen and (max-width: 1439px) {
    .flex-footer {
        padding: 0 30px
    }
}

@media screen and (max-width: 640px) {
    .magin-left-right-80 {
        margin-left: 0;
        margin-right: 0
    }

    .ms-footer .copyright-payment {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px
    }

    .flex-footer {
        padding: 0;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.text-left {
    text-align: left
}

.wishlist-product-btns {
    margin-top: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.wishlist-product-btns-collection, .wishlist-product-btns-wish {
    cursor: pointer;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    color: var(--color_text_titles, #111);
    letter-spacing: .5px;
    position: relative;
    white-space: nowrap
}

.wishlist-product-btns-collection .iconfont, .wishlist-product-btns-wish .iconfont {
    margin-right: 0
}

.wishlist-product-btns-collection .icon-jiantou-shang, .wishlist-product-btns-collection .icon-jiantou-xia, .wishlist-product-btns-wish .icon-jiantou-shang, .wishlist-product-btns-wish .icon-jiantou-xia {
    margin: 0 0 0 10px
}

.wishlist-product-btns-line {
    width: 1px;
    background-color: #999;
    height: 33px;
    margin: 0 20px
}

.wishlist-product-btns-collection-drop {
    position: absolute;
    left: 50%;
    border: 1px solid #dcdcdc;
    width: 50%;
    max-height: 500px;
    min-height: 350px;
    top: 100%;
    padding-bottom: 80px;
    background-color: #fff;
    display: none;
    z-index: 99
}

.wishlist-product-btns-collection-drop .wishlist-product--input {
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    margin: 60px auto 0;
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wishlist-product-btns-collection-drop .wishlist-product--input input {
    width: 100%;
    height: 40px;
    border-radius: 0
}

.wishlist-product-btns-collection-drop .wishlist-product--input .iconfont {
    position: absolute;
    right: 23px;
    cursor: pointer
}

.wishlist-product-btns-collection-drop .wishlist-product-title {
    text-transform: uppercase;
    margin: 20px 0 5px;
    width: 100%;
    color: #111;
    font-size: 18px;
    text-align: center;
    line-height: 22px;
    font-weight: 600
}

.wishlist-product-btns-collection-is_show {
    display: block
}

.wishlist-header-cart {
    position: relative;
    margin-right: 25px;
    right: 0
}

.wishlist-header-cart-count {
    width: 16px;
    height: 16px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    color: #111;
    position: absolute;
    top: -25%;
    right: -25%
}

.wishlist-product-drop-add, .wishlist-product-drop-cancel {
    position: absolute;
    right: 15px;
    left: 15px;
    bottom: 20px;
    padding: 12px 0;
    text-align: center;
    background-color: #111;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase
}

.wishlist-product--input-create {
    padding: 12px 0;
    margin: 20px 30px;
    color: #111;
    font-size: 14px;
    text-align: center;
    border: 1px solid #111;
    cursor: pointer
}

.wishlist-product-collectionlist {
    padding: 15px 0;
    max-height: 350px;
    overflow-y: auto;
    border-bottom: 1px solid #e6e6e6
}

.wishlist-product-collectionlist .wishlist-product-c-ul-li-title {
    font-size: 14px;
    color: #110;
    line-height: 18px;
    font-weight: 400;
    padding: 0 15px;
    padding: 10px 15px;
    background: #f8f8f8;
    font-weight: 700
}

.wishlist-product-collectionlist .wishlist-product-c-item-title {
    font-size: 14px;
    color: #110;
    line-height: 17px;
    font-weight: 400;
    padding: 10px 30px;
    cursor: pointer;
    font-weight: 700
}

.wishlist-product-collectionlist .wishlist-product-c-item-title:hover {
    background: #f8f8f8
}

.wishlist-product-collectionlist::-webkit-scrollbar {
    width: 5px;
    height: 1px
}

.wishlist-product-collectionlist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
    background: #666
}

.wishlist-product-collectionlist::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 10px;
    background: #dcdcdc
}

.wish-header-drop {
    width: 400px;
    height: 602px;
    display: none;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    position: absolute;
    padding: 0 10px;
    left: -277px;
    top: 33px;
    z-index: 99;
    transition: transform .2s, opacity .2s, visibility 0s .2s, -webkit-transform .2s
}

.wish-header-drop-title {
    font-size: 16px;
    color: #111;
    letter-spacing: .5px;
    line-height: 20px;
    padding: 20px 10px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase
}

.wish-header-drop::after {
    position: absolute;
    top: -7px;
    right: 102px;
    padding: 8px;
    border: inherit;
    box-shadow: -2px -1px 2px 0 rgba(0, 0, 0, .1);
    border-right: none;
    border-bottom: none;
    content: "";
    background: inherit;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.wish-header-dropdown-list {
    margin-bottom: 31px;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.wish-header-dropdown-left {
    width: 120px;
    margin-right: 20px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.wish-header-dropdown-left img {
    max-width: 100%;
    max-height: 100%;
    display: block
}

.header-noimg {
    width: 100% !important;
    height: 100% !important;
    background-color: #d6ab80
}

#wish-template {
    height: -webkit-calc(100% - 140px);
    height: -moz-calc(100% - 140px);
    height: calc(100% - 140px);
    border-bottom: 1px solid #f2f2f2;
    overflow-y: auto
}

.wish-header-drop-btn-a {
    width: 100%;
    background-color: #111;
    font-size: 10px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    cursor: pointer
}

.wish-header-dropdown-middle {
    width: 45%;
    cursor: pointer
}

.wish-header-dropdown-middle-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #111;
    letter-spacing: .44px;
    line-height: 18px
}

.wish-header-dropdown-middle-label {
    font-size: 12px;
    color: #666;
    letter-spacing: .38px;
    margin-top: 10px;
    line-height: 18px
}

.wish-header-dropdown-price {
    font-size: 16px;
    color: #111;
    letter-spacing: .6px;
    text-align: left;
    font-weight: 700;
    margin-top: 10px
}

.indicator--open {
    z-index: 99;
    -webkit-transition-delay: 0s, 0s, 0s;
    -moz-transition-delay: 0s, 0s, 0s;
    -o-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0)
}

.indicator--open .wish-header-drop {
    display: block
}

.indicator {
    position: relative;
    z-index: 99
}

.wish-no-data {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 70%
}

.wish-drop-nums {
    font-style: normal
}

#wish-template::-webkit-scrollbar {
    width: 7px;
    height: 1px
}

#wish-template::-webkit-scrollbar-thumb {
    background: #c1c1c1
}

#wish-template::-webkit-scrollbar-track {
    background: #f1f1f1
}

@media screen and (max-width: 750px) {
    .wishlist-header-cart {
        position: absolute;
        margin: 0;
        right: 70px
    }

    .wishlist-header-cart-count {
        top: -20%;
        right: -40%
    }

    .wishlist-product-collectionlist .wishlist-product-c-ul-li-title {
        font-size: 12px;
        line-height: 14px;
        padding: 10px;
        text-align: left
    }

    .wishlist-product-collectionlist .wishlist-product-c-item-title {
        font-size: 12px;
        line-height: 14px;
        padding: 5px 10px;
        text-align: left
    }

    .wishlist-product-btns-collection-drop {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
        left: 0;
        width: 100%
    }

    .wishlist-product-btns-collection-drop .wishlist-product-title {
        font-size: 16px;
        font-weight: 600
    }

    .wishlist-product-btns {
        margin-top: 15px;
        position: relative;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .wishlist-product-btns-collection, .wishlist-product-btns-wish {
        font-size: 14px;
        white-space: nowrap;
        width: auto
    }

    .wishlist-product-btns-wish {
        margin-bottom: 16px
    }

    .wishlist-product-btns-collection {
        padding-left: 0
    }
}

.collection-nodata {
    text-align: center;
    padding-top: 50px;
    width: 100%
}

.collection-nodata-img {
    width: 60px;
    height: 60px;
    display: inline-block
}

.collection-nodata-img img {
    width: 100%;
    height: 100%
}

.collection-nodata-title {
    margin: 20px 0 10px 0;
    color: #111;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500
}

.collection-nodata-label {
    color: #666;
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 50px
}

.wish-header-soldout-model {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #111;
    opacity: .3;
    font-weight: 400;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 750px) {
    .wish-header-soldout-model {
        font-size: 14px
    }
}

.wish-header-soldout {
    cursor: default
}

.wish-header-soldout .wish-header-dropdown-middle {
    opacity: .5;
    cursor: default
}

.wish-header-soldout .wish-header-dropdown-left {
    position: relative
}

.wish-header-soldout .wish-header-soldout-model {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.tag-presale-content {
    display: inline-block
}

@media screen and (max-width: 640px) {
    .tag-presale-content {
        display: block
    }
}

.tag-presale {
    display: inline-block;
    padding: 3px 10px;
    background: rgba(248, 82, 82, .08);
    color: #f85252;
    font-weight: 500;
    font-size: 12px;
    line-height: 2
}

.tag-presale.tag-presale-shop {
    background: rgba(203, 43, 43, .08);
    color: #cb2b2b
}

.product-item-icon-content .plugin-icon-box {
    display: none !important;
    visibility: hidden !important
}

.sizeapp-content {
    display: none !important;
    visibility: hidden !important
}

#plugin-product-qa .plugin-product-qa-main {
    margin-bottom: 0 !important
}

@media screen and (min-width: 640px) {
    #plugin-website1 {
        display: none !important;
        visibility: hidden !important
    }

    #plugin-website1-pc #plugin-website1 {
        display: block !important;
        visibility: initial !important;
        position: relative !important;
        z-index: 1000 !important
    }

    #plugin-website1-pc #plugin-website1::after {
        content: '';
        display: block;
        width: 1px;
        height: 16px;
        background: var(--color_bulletinboard_icon_color, #fff);
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -8px
    }

    #plugin-website1-pc #plugin-website1 .render-compose {
        border: none !important;
        background: 0 0 !important;
        width: auto !important;
        margin-right: 15px
    }

    #plugin-website1-pc #plugin-website1 .render-compose .title {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    #plugin-website1-pc #plugin-website1 .render-compose .title .text {
        overflow: initial !important;
        color: var(--color_bulletinboard_text_color, #fff) !important
    }

    #plugin-website1-pc #plugin-website1 .render-compose .title .text * {
        color: var(--color_bulletinboard_text_color, #fff) !important
    }

    #plugin-website1-pc #plugin-website1 .render-compose .title .icon img {
        display: none !important
    }

    #plugin-website1-pc #plugin-website1 .render-compose .title .iconfont {
        color: var(--color_bulletinboard_icon_color, #fff) !important
    }

    #plugin-website1-pc #plugin-website1 .ul {
        width: auto !important;
        margin-top: 10px !important
    }

    #plugin-website1-pc #plugin-website1 .ul::-webkit-scrollbar {
        width: 6px;
        border-radius: 6px
    }

    #plugin-website1-pc #plugin-website1 .ul::-webkit-scrollbar-track {
        background: #f7f7f9;
        border-radius: 6px
    }

    #plugin-website1-pc #plugin-website1 .ul::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .2);
        border: none;
        border-radius: 6px
    }

    #plugin-website1-pc #plugin-website1 .ul::-webkit-scrollbar-thumb:hover {
        background: #e1e1e1
    }

    #plugin-website1-pc #plugin-website1 .ul .li {
        padding: 0 20px !important;
        height: auto !important
    }

    #plugin-website1-pc #plugin-website1 .ul .li a {
        display: block !important;
        width: auto !important;
        line-height: 45px !important;
        height: auto !important;
        border-bottom: 1px solid #eee !important
    }

    #plugin-website1-pc #plugin-website1 .ul .li:last-child a {
        border-bottom: none !important
    }
}

@media screen and (max-width: 750px) {
    #plugin-website1-m .render-compose {
        margin: 0 !important;
        border: none !important;
        width: 100% !important;
        height: auto !important
    }

    #plugin-website1-m .render-compose .title {
        height: auto !important;
        padding: 15px 15px 15px 20px !important
    }

    #plugin-website1-m .render-compose .title .icon {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        transform: none !important
    }

    #plugin-website1-m .render-compose .title .icon img {
        display: none !important
    }

    #plugin-website1-m .render-compose .title .icon .iconfont {
        font-size: 16px !important;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    #plugin-website1-m .ul {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: none !important
    }

    #plugin-website1-m .ul .li {
        height: auto !important
    }

    #plugin-website1-m .ul .li:first-child .title {
        background: #fafafa !important;
        text-align: center !important;
        display: block !important;
        position: relative !important
    }

    #plugin-website1-m .ul .li:first-child .title .icon {
        display: inline-block !important;
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        -webkit-transform: translateY(-50%) rotate(90deg) !important;
        -moz-transform: translateY(-50%) rotate(90deg) !important;
        -o-transform: translateY(-50%) rotate(90deg) !important;
        transform: translateY(-50%) rotate(90deg) !important;
        padding: 0 20px !important
    }

    #plugin-website1-m .ul .li:first-child .title .icon .iconfont {
        -webkit-transform: rotate(90deg) !important;
        -moz-transform: rotate(90deg) !important;
        -o-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important
    }

    #plugin-website1-m .ul .li a {
        padding: 12px 30px !important;
        height: auto !important;
        line-height: 1.5 !important;
        border-bottom: 1px solid #eee
    }
}

div[data-plugin-app-translate] {
    position: relative !important;
    z-index: 1000 !important
}

div[data-plugin-app-translate] .language-plugin-all {
    padding-left: 15px;
    margin-left: -1px
}

div[data-plugin-app-translate] .language-plugin-all::before {
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    background: var(--color_bulletinboard_icon_color, #fff);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px
}

div[data-plugin-app-translate] .render-language-wrapper {
    width: auto !important
}

div[data-plugin-app-translate] .render-language-wrapper .title .text {
    padding-right: 30px !important;
    color: var(--color_bulletinboard_text_color, #fff) !important
}

div[data-plugin-app-translate] .render-language-wrapper .title .text::after {
    border-color: var(--color_bulletinboard_icon_color, #fff) !important
}

div[data-plugin-app-translate] .render-language-wrapper .iconfont {
    color: var(--color_bulletinboard_icon_color, #fff)
}

div[data-plugin-app-translate] .render-language-wrapper .language-ul::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px
}

div[data-plugin-app-translate] .render-language-wrapper .language-ul::-webkit-scrollbar-track {
    background: #f7f7f9;
    border-radius: 6px
}

div[data-plugin-app-translate] .render-language-wrapper .language-ul::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border: none;
    border-radius: 6px
}

div[data-plugin-app-translate] .render-language-wrapper .language-ul::-webkit-scrollbar-thumb:hover {
    background: #e1e1e1
}

div[data-plugin-app-translate] .render-language-wrapper .language-ul .item {
    height: auto;
    margin: 0 20px;
    line-height: 1.5;
    padding: 10px;
    border-bottom: 1px solid #eee
}

div[data-plugin-app-translate] .render-language-wrapper .language-ul .item:last-child {
    border-bottom: none
}

div[data-plugin-app-translate] .render-language-wrapper .language-ul .language__img_active {
    background: #fafafa
}