.tm-detail-font, em, i {
    font-style: normal
}

.header-dom:not(.transparent) .header-nav, .module-preview .preview-slider .item .lib-video, .mui-loading.mui-loading-fixed {
    pointer-events: none
}

body, html {
    -webkit-text-size-adjust: none
}


* {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

li, ol, ul {
    list-style: none
}

img {
    border: none
}

img, input {
    vertical-align: middle
}

a {
    color: #000;
    text-decoration: none
}

body, html {
    background: #fff;
    width: 100%;
    font-family: Helvetica, sans-serif
}

a, html {
    -webkit-tap-highlight-color: transparent
}

input.fixAKeyboard:focus, textarea.fixAndroidKeyboard:focus {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-modify: read-write-plaintext-only
}

:root {
    --origin-safe-area-inset-top: 0px;
    --origin-safe-area-inset-bottom: 0px;
    --safe-area-inset-top: var(--windvane-safe-area-inset-top, var(--origin-safe-area-inset-top));
    --safe-area-inset-bottom: var(--windvane-safe-area-inset-bottom, var(--origin-safe-area-inset-bottom))
}

.clearfix:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden
}

.header-dom .right-btns, .mui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.tm-detail-font {
    font-family: tm-detail-font
}

.rule-color-main {
    color: #FF0036
}

.rule-color-second {
    color: #FFF5F7
}

.rule-background-main {
    background-color: #FF0036
}

.rule-background-second {
    background-color: #FFF5F7
}

.app-tb .rule-color-main {
    color: #FF5000
}

.app-tb .rule-color-second {
    color: #FFF1EB
}

.app-tb .rule-background-main {
    background-color: #FF5000
}

.app-tb .rule-background-second {
    background-color: #FFF1EB
}

.mui-flex {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mui-flex, .mui-flex *, .mui-flex:after, .mui-flex:before {
    box-sizing: border-box
}

.mui-flex.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mui-flex.vertical.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mui-flex.vertical .cell {
    width: auto
}

.mui-flex.vertical > .cell > .inner {
    position: absolute;
    width: 100%;
    height: 100%
}

.mui-flex.horizental {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.mui-flex.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mui-flex.justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mui-flex.justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mui-flex.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mui-flex.justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mui-flex.justify-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.mui-flex.align-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mui-flex.align-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.mui-flex.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mui-flex.align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.mui-flex.align-stretch .cell {
    height: auto !important
}

.mui-flex.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mui-flex > .cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    display: block;
    padding: 0 !important;
    position: relative
}

.mui-flex > .cell.fixed {
    -webkit-box-flex: 0 !important;
    -webkit-flex: none !important;
    -ms-flex: none !important;
    flex: none !important;
    width: auto
}

.mui-flex > .cell.align-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mui-flex > .cell.align-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.mui-flex > .cell.align-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.mui-flex > .cell.align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: auto !important
}

.mui-flex .image-box {
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.mui-flex .image-box > img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute
}

.mui-flex > .cell-1, .mui-flex > .cell-10, .mui-flex > .cell-11, .mui-flex > .cell-12, .mui-flex > .cell-2, .mui-flex > .cell-3, .mui-flex > .cell-4, .mui-flex > .cell-5, .mui-flex > .cell-6, .mui-flex > .cell-8, .mui-flex > .cell-9 {
    width: auto !important
}

.mui-flex > .cell-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.mui-flex > .order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

.mui-flex > .cell-11 {
    -webkit-flex-basis: 91.66666667%;
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.mui-flex > .order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

.mui-flex > .cell-10 {
    -webkit-flex-basis: 83.33333333%;
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.mui-flex > .order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.mui-flex > .cell-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.mui-flex > .order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

.mui-flex > .cell-8 {
    -webkit-flex-basis: 66.66666667%;
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.mui-flex > .order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

.mui-flex > .cell-7 {
    -webkit-flex-basis: 58.33333333%;
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    width: auto !important
}

.mui-flex > .order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

.mui-flex > .cell-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.mui-flex > .order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.mui-flex > .cell-5 {
    -webkit-flex-basis: 41.66666667%;
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.mui-flex > .order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.mui-flex > .cell-4 {
    -webkit-flex-basis: 33.33333333%;
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.mui-flex > .order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.mui-flex > .cell-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.mui-flex > .order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.mui-flex > .cell-2 {
    -webkit-flex-basis: 16.66666667%;
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.mui-flex > .order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.mui-flex > .cell-1 {
    -webkit-flex-basis: 8.33333333%;
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.mui-flex > .order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@supports (width: constant(safe-area-inset-top)) or (width:env(safe-area-inset-top)) {
    .detail-header-bg {
        height: var(--safe-area-inset-top);
        margin-top: -webkit-calc(0px - var(--safe-area-inset-top));
        margin-top: calc(0px - var(--safe-area-inset-top))
    }

    .header-dom {
        height: -webkit-calc(44px + var(--safe-area-inset-top)) !important;
        height: calc(44px + var(--safe-area-inset-top)) !important
    }

    .header-dom .main-dom {
        padding-top: var(--safe-area-inset-top) !important
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.header-dom .smart-jump .mui-sb-box .arrow, .header-dom .smart-jump .mui-sb-box .close {
    opacity: 0
}

.detail-header-bg {
    height: 44px;
    margin-top: -44px
}

.header-dom {
    position: fixed;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    line-height: 44px;
    height: 44px;
    overflow: visible
}

.header-dom .main-dom {
    -webkit-transition: background-color ease .3s;
    transition: background-color ease .3s;
    background: -webkit-linear-gradient(rgba(0, 0, 0, .15), transparent);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .15)), to(transparent));
    background: -moz-linear-gradient(rgba(0, 0, 0, .15) 0, transparent 100%);
    background: linear-gradient(rgba(0, 0, 0, .15), transparent);
    padding-top: var(--safe-area-inset-top)
}

.header-dom .smart-jump {
    left: 25%;
    top: 0;
    top: var(--safe-area-inset-top);
    right: 25%;
    width: 50%;
    overflow: hidden
}

.header-dom .smart-jump .mui-sb-box {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 15px;
    height: 30px;
    margin: 7px 0;
    -webkit-box-shadow: 0 1px 3px 0 rgba(100, 100, 100, .38);
    box-shadow: 0 1px 3px 0 rgba(100, 100, 100, .38);
    -webkit-animation: fadeInDown .3s ease-in-out both;
    position: relative;
    overflow: hidden
}

.header-dom .smart-jump .mui-sb-box .logo {
    top: 2px;
    left: 5px;
    width: 28px;
    height: 28px;
    position: absolute
}

.header-dom .smart-jump .mui-sb-box .words {
    left: 34px;
    line-height: 32px;
    font-size: 13px;
    margin-left: 40px;
    color: #fff
}

.header-dom .right-btns {
    padding: 7px 10px 7px 0;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header-dom .right-btns a {
    margin-left: 5px
}

.header-dom .left-btns {
    padding: 7px 0 7px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header-dom .left-btns a {
    margin-right: 5px
}

.header-dom .header-nav {
    text-align: center;
    font-size: 13px;
    opacity: 0;
    -webkit-transition: opacity ease .2s;
    transition: opacity ease .2s;
    margin: 0 8%;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header-dom .header-nav li {
    color: #999;
    height: 44px;
    line-height: 44px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 2px solid #fff
}

.header-dom .header-nav li::before {
    font-size: 12px;
    color: #fff
}

.header-dom .header-nav:active {
    color: #ff0036
}

.header-dom .header-nav .active {
    color: #ff0036;
    border-color: #ff0036
}

.header-dom .header-nav .active::before {
    color: currentColor
}

.header-dom .icon-link {
    position: relative;
    height: 30px;
    width: 30px;
    display: block;
    -webkit-transition: color ease .2s, background-color ease .2s, fill ease .2s;
    transition: color ease .2s, background-color ease .2s, fill ease .2s;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .4)
}

.header-dom .icon-link svg, .header-dom .icon-link::before {
    font-size: 20px;
    color: #fff;
    position: absolute;
    height: 20px;
    width: 20px;
    margin: 5px;
    text-align: center;
    fill: currentColor
}

.header-dom .icon-link span {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: -400px
}

.header-dom .cart-link[data-price]::after {
    position: absolute;
    content: attr(data-price);
    background-color: #FF0036;
    border: 1px solid #fff;
    color: #fff;
    top: -7px;
    right: -7px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    font-size: 20px;
    height: 26px;
    line-height: 26px;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    padding: 0 5px;
    border-radius: 20px
}

.header-dom.transparent {
    z-index: 2
}

.header-dom.transparent .main-dom {
    background: #fff;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05), 0 .5px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .05), 0 .5px 0 rgba(0, 0, 0, .09)
}

.header-dom.transparent .smart-jump {
    z-index: -1;
    pointer-events: none
}

.header-dom.transparent .header-nav {
    opacity: 1
}

.header-dom.transparent .icon-link {
    background: 0 0;
    color: #999
}

.header-dom.transparent .icon-link svg, .header-dom.transparent .icon-link::before {
    color: #999
}

.actionBar-bg:after {
    content: " ";
    display: block;
    height: 50px;
    padding-top: var(--safe-area-inset-bottom)
}

#s-actionBar-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    left: constant(safe-area-inset-left);
    right: constant(safe-area-inset-right);
    transform: translateZ(0)
}

#s-actionBar-container.onlyTrade .addfav, #s-actionBar-container.onlyTrade .support, #s-actionBar-container.onlyTrade .toshop {
    display: none !important
}

#s-actionBar-container .action-bar-wrap {
    width: 100%;
    height: 50px;
    background-color: #FFF;
    line-height: 50px;
    display: -webkit-box;
    display: flex;
    text-align: center;
    padding-bottom: var(--safe-area-inset-bottom)
}

#s-actionBar-container .action-bar-wrap a:active {
    opacity: .8
}

#s-actionBar-container .action-bar-wrap .cell {
    display: block;
    box-sizing: border-box;
    max-width: 50px;
    min-width: 26px;
    flex: 1;
    height: 50px;
    border-top: 1px solid #f2f2f2;
    color: #999;
    line-height: normal;
    font-size: 12px;
    padding-top: 3px
}

#s-actionBar-container .action-bar-wrap .cell svg {
    width: 22px;
    height: 22px;
    display: block;
    margin: 4px auto 0;
    fill: currentColor
}

#s-actionBar-container .action-bar-wrap .cell.addfav, #s-actionBar-container .action-bar-wrap .cell.support, #s-actionBar-container .action-bar-wrap .cell.toshop {
    max-width: 50px;
    min-width: 13%
}

#s-actionBar-container .action-bar-wrap .cell.support svg {
    color: #4A90E2
}

#s-actionBar-container .action-bar-wrap .cell.addfav svg, #s-actionBar-container .action-bar-wrap .cell.toshop svg {
    color: #5F646E
}

#s-actionBar-container .action-bar-wrap .cell.addfav.faved svg {
    display: none
}

#s-actionBar-container .action-bar-wrap .cell.addfav.faved:before {
    font-family: tm-detail-font;
    width: 25px;
    height: 25px;
    font-size: 21px;
    line-height: 30px;
    display: block;
    margin: 1px auto 0;
    content: '\e608';
    color: #FFE96E
}

#s-actionBar-container .action-bar-wrap .module-action-wrap > div {
    display: block;
    box-sizing: border-box;
    max-width: 50px;
    min-width: 26px;
    flex: 1;
    height: 50px;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-top: 1px solid #E5E5E5;
    color: #999;
    line-height: normal;
    font-size: 12px
}

#s-actionBar-container .action-bar-wrap .module-action-wrap > div:empty {
    display: none
}

@supports (-webkit-backdrop-filter:blur(0)) {
    #s-actionBar-container .action-bar-wrap {
        -webkit-backdrop-filter: blur(15px);
        background: rgba(255, 255, 255, .85)
    }
}

#s-actionBar-container .cart-link {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    background: #000;
    top: -58px;
    left: 10px;
    opacity: .5;
    text-align: center;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 50%;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -ms-flex-orient: vertical;
    z-index: 10
}

#s-actionBar-container .cart-link::before {
    content: '\e60e';
    font-family: tm-detail-font;
    font-size: 24px;
    color: #fff
}

#s-actionBar-container .cart-link span {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: -1000px
}

.action-bar-wrap .buy, .action-bar-wrap .cart {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #FFF;
    font-size: 15px;
    display: block
}

.action-bar-wrap .cart {
    background: #FF9500
}

.action-bar-wrap .buy {
    background: #FF0036
}

.action-bar-wrap .trade {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#s-actionBar-container .extraTip a:empty, #s-actionBar-container .extraTip a:hover:empty, #s-actionBar-container .extraTip:empty {
    display: none
}

.action-bar-wrap .disabled {
    color: rgba(255, 255, 255, .4)
}

#s-actionBar-container .extraTip {
    padding: 10px 0 10px 10px;
    background: #ff9500;
    opacity: .8;
    color: #fff;
    position: absolute;
    top: -38px;
    left: 0;
    height: 18px;
    line-height: 18px;
    right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#s-actionBar-container .extraTip.preSale {
    text-align: center
}

#s-actionBar-container .extraTip a, #s-actionBar-container .extraTip a:hover {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 2px;
    float: right;
    margin-right: 10px;
    padding: 0 3px
}

#s-actionBar-container .extraTip .tipBtn {
    border: 1px solid #fff;
    padding: 0 4px;
    float: right;
    color: #fff;
    margin: 0 10px;
    border-radius: 2px
}

#s-actionBar-container .extraTip .tipBtn:hover {
    color: #fff
}

#s-actionBar-container .priceTip {
    background: #FFF7D4;
    color: #FE5906;
    opacity: .9
}

#s-actionBar-container .priceTip a, #s-actionBar-container .priceTip a:hover {
    color: #FE5906;
    border-color: #FE5906
}

.content {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: padding-top .2s ease;
    transition: padding-top .2s ease;
    will-change: padding-top;
    overflow: hidden;
    background: #eee
}

.content > .scroller #p-summary, .module-preview .preview-slider .scroller {
    will-change: transform
}

.content .group-warp {
    margin-bottom: 10px
}

.content.pt44 {
    padding-top: 44px
}

.content.pt85 {
    padding-top: 85px
}

.content > .scroller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content > .scroller .tab {
    min-width: 100%;
    max-width: 100%;
    display: block
}

.content > .scroller #p-summary .pull-loading-active {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000
}

.pageType-chaoshi .content {
    padding-top: 0
}

.module-adds {
    display: -webkit-box;
    display: flex;
    background-color: #FFF;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    color: #999;
}

.module-adds span {
    text-overflow: ellipsis;
    display: block;
}

.module-adds span:last-child {flex: 2;}

.module-adds span:first-child {
    text-align: left;
    font-size: 15px;
    color: #fb6878;
    line-height: normal;
    padding: 10px 0;
}

.module-adds-hk .mutistage-delivery {
    padding: 0 0 28px;
    background: #fff
}

.module-adds-hk .mutistage-delivery .cell {
    position: relative;
    text-align: center;
    height: 24px
}

.module-adds-hk .mutistage-delivery .cell:before {
    content: " ";
    position: absolute;
    left: -50%;
    top: 50%;
    margin-top: -2px;
    height: 4px;
    width: 100%;
    background: #cecece
}

.module-adds-hk .mutistage-delivery .cell:first-child:before {
    width: 0
}

.module-adds-hk .mutistage-delivery .cell.selected:before {
    background: #7a45e5
}

.module-adds-hk .mutistage-delivery .cell.selected span {
    color: #7a45e5
}

.module-adds-hk .mutistage-delivery .cell img {
    width: 18px;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    z-index: 1;
    background: #fff
}

.module-adds-hk .mutistage-delivery .cell span {
    display: block;
    padding-top: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #888
}

.module-adds-hk .cainiao-wrap {
    background: #fff;
    padding-bottom: 10px
}

.module-adds-hk .cainiao-wrap .cainiao-cell {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.module-adds-hk .cainiao-wrap .cainiao-more {
    position: relative
}

.module-adds-hk .cainiao-wrap .cainiao-more::after {
    position: absolute;
    top: 10px;
    right: 10px;
    content: '\e606';
    font-family: tm-detail-font;
    width: 17px;
    padding: 1px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 18px;
    line-height: 14px;
    color: #B5B5B5
}

.module-adds-hk .cainiao-wrap .cainiao-icon {
    color: #888
}

.module-adds-hk .cainiao-wrap .cainiao-icon img {
    height: .14rem;
    line-height: 1;
    vertical-align: text-bottom;
    margin-right: 5px
}

.module-adds-hk .cainiao-wrap .cainiao-icon span {
    height: .14rem;
    line-height: 1;
    vertical-align: baseline;
    margin-left: 5px
}

.adds-hk {
    position: relative;
    padding: 10px 10px 0;
    background-color: #FFF
}

.module-advantage, .module-advantage .logo, .module-advantage .module-scene-wrap {
    background: #fff
}

.adds-hk .l {
    float: left;
    width: 30px;
    height: auto;
    color: #999
}

.adds-hk .l.for-delivery {
    position: absolute;
    top: 12px;
    left: 10px;
    max-height: 50px;
    overflow: hidden;
    line-height: 16px
}

.adds-hk .r {
    margin-left: 30px;
    margin-right: 24px
}

.app-download-popup.show {
    z-index: 1
}

.module-advantage .logo img {
    height: .2rem;
    padding: 10px 0 5px 10px
}

.module-advantage .module-scene-wrap .module-scene-item {
    position: relative;
    padding: 10px
}

.module-advantage .module-scene-wrap .module-scene-item .cainiao-wrap .cainiao-cell {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333
}

.module-advantage .module-scene-wrap .module-scene-item .cainiao-wrap .cainiao-more {
    position: relative
}

.module-advantage .module-scene-wrap .module-scene-item .cainiao-wrap .cainiao-more::after {
    position: absolute;
    top: 10px;
    right: 10px;
    content: '\e606';
    font-family: tm-detail-font;
    width: 17px;
    padding: 1px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 18px;
    line-height: 14px;
    color: #B5B5B5
}

.module-advantage .module-scene-wrap .module-scene-item .cainiao-wrap .cainiao-icon {
    color: #999
}

.module-advantage .module-scene-wrap .module-scene-item .cainiao-wrap .cainiao-icon img {
    height: .14rem;
    line-height: 1;
    vertical-align: text-bottom;
    margin-right: 5px
}

.module-advantage .module-scene-wrap .module-scene-item .cainiao-wrap .cainiao-icon span {
    height: .14rem;
    line-height: 1;
    vertical-align: baseline;
    margin-left: 5px
}

.module-advantage .module-scene-wrap .module-scene-item .service:empty {
    padding: 0
}

.module-advantage .module-scene-wrap .module-scene-item .service .server-list {
    position: relative;
    padding-right: 20px;
    color: #333
}

.module-advantage .module-scene-wrap .module-scene-item .service .server-list li {
    display: none;
    padding-left: 6px
}

.module-advantage .module-scene-wrap .module-scene-item .service .server-list li:nth-child(1), .module-advantage .module-scene-wrap .module-scene-item .service .server-list li:nth-child(2), .module-advantage .module-scene-wrap .module-scene-item .service .server-list li:nth-child(3), .module-advantage .module-scene-wrap .module-scene-item .service .server-list li:nth-child(4) {
    display: inline
}

@media screen and (max-width: 330px) {
    .module-advantage .module-scene-wrap .module-scene-item .service .server-list li:nth-child(4) {
        display: none
    }
}

.module-advantage .module-scene-wrap .module-scene-item .service .server-list li:first-child {
    padding-left: 0
}

.module-advantage .module-scene-wrap .module-scene-item .service .server-list li:first-child::before {
    content: "";
    padding-right: 0
}

.module-advantage .module-scene-wrap .module-scene-item .service .server-list li::before {
    content: "\00b7";
    padding-right: 6px
}

.module-advantage .module-scene-wrap .module-scene-item .service .special {
    color: #999;
    font-size: 10px;
    line-height: 12px
}

.module-advantage .module-scene-wrap .module-scene-item .service .special img {
    float: left;
    height: 12px;
    margin-top: -1px;
    margin-right: 5px
}

.module-advantage .module-scene-wrap .module-scene-item .service > .service-item:nth-child(n+2) {
    margin-top: 10px
}

.gap2top .module-advantage .module-scene-wrap .module-scene-item:first-child {
    border-top: 0
}

.module-scene-item > .l {
    float: left;
    width: 30px;
    height: auto;
    color: #999
}

.module-scene-item > .r {
    margin-left: 30px;
    margin-right: 24px
}

.module-scene-item > .icon {
    position: absolute;
    right: 10px;
    top: 13px;
    color: #ccc
}

.module-scene-item > .icon > svg {
    fill: currentColor;
    transform: rotate(180deg)
}

.module-atmosphere #s-atmosphere {
    position: relative;
    height: 48px;
    background: #FFF4F4;
    overflow: hidden
}

.module-atmosphere #s-atmosphere .bg {
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF4F4;
    z-index: 1;
    width: 100%;
    height: 48px
}

.module-atmosphere #s-atmosphere .atmosphere-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 48px;
    width: 100%;
    color: #EE0A3B;
    font: 400 14px/48px arial;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.module-atmosphere #s-atmosphere .atmosphere-content img {
    float: left;
    margin: 10px;
    height: 28px;
    width: auto
}

.module-coupon .coupon-body {
    background-color: #FFF;
    line-height: 48px;
    padding: 12px 10px;
    color: #051b28;
    position: relative
}

.module-coupon .box {
    height: 20px;
    line-height: 20px;
    padding-right: 46px
}

.module-coupon .box .ct {
    font-size: 12px;
    letter-spacing: 0;
    text-indent: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.module-coupon .box img {
    vertical-align: initial;
    height: 12px
}

.module-coupon .lq {
    border: 1px solid #999;
    border-radius: 10px;
    font-size: 12px;
    color: #999;
    display: block;
    height: 21px;
    width: 41px;
    position: absolute;
    top: 50%;
    right: 10px;
    background: 0 0;
    line-height: 20px;
    margin-top: -11px
}

.module-coupon-link .couponText {
    height: 40px;
    background-color: #FFF;
    line-height: 40px;
    padding: 0 30px 0 10px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.module-coupon-link .couponText.hasLink:after {
    content: '\e604';
    font-family: tm-detail-font;
    font-size: 18px;
    color: #B5B5B5;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    line-height: normal
}

.module-certification .certification {
    padding: 10px;
    background: #FFF
}

.module-certification .certification .certification-item {
    font-size: 13px;
    line-height: 18px;
    color: #828282
}

.module-certification .certification .certification-item > img {
    height: 18px;
    vertical-align: top;
    margin-right: 5px
}

.module-certification .certification .certification-item:nth-child(n+2) {
    margin-top: 5px
}

.module-focus #s-focus {
    position: relative;
    margin: 0;
    padding: 0;
    height: 50px;
    overflow: hidden;
    background: #fff
}

.module-focus #s-focus img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    max-height: 50px;
    width: 100%
}

.module-focus #s-focus .content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 50px;
    width: 100%;
    font: 400 24px/50px arial;
    color: #fff
}

.module-focus #s-focus .content em {
    padding-left: 20px;
    font: 400 15px/50px arial
}

.module-focus #s-focus .content span {
    margin-left: -8px
}

.module-focus #s-focus .content b {
    font: 400 15px/50px arial
}

.module-from .from-content {
    text-align: left;
    padding: 10px 0 0 10px;
    background: #fff
}

.module-from .from-content img {
    height: 20px;
    width: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: left
}

.module-from .from-content span {
    color: #999;
    padding-left: 5px;
    line-height: 20px
}

#s-o2oflow {
    padding: 5px 10px 10px;
    background: #fff
}

#s-o2oflow h3 {
    line-height: 32px;
    height: 32px;
    border-bottom: 1px dotted #E5E5E5
}

#s-o2oflow h3 .title {
    color: #fb6878
}

#s-o2oflow h3 .desc {
    color: #822b72
}

#s-o2oflow ul {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#s-o2oflow ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-basis: auto;
    display: block;
    flex-basis: 1px;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -ms-flex-orient: vertical
}

#s-o2oflow ul .o2o-bag, #s-o2oflow ul .o2o-cash, #s-o2oflow ul .o2o-check {
    position: relative
}

#s-o2oflow ul .o2o-bag div:before, #s-o2oflow ul .o2o-cash div:before, #s-o2oflow ul .o2o-check div:before {
    content: '\20';
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 10%;
    top: 15%
}

#s-o2oflow ul .o2o-check div:before {
    background: url(//img.alicdn.com/tfs/TB14Mnckm_I8KJjy0FoXXaFnVXa-64-64.png) no-repeat;
    background-size: 100%
}

#s-o2oflow ul .o2o-cash div:before {
    background: url(//img.alicdn.com/tfs/TB1VqYKkfDH8KJjy1XcXXcpdXXa-64-64.png) no-repeat;
    background-size: 100%
}

#s-o2oflow ul .o2o-bag div:before {
    left: 0;
    background: url(//img.alicdn.com/tfs/TB172DqkhrI8KJjy0FpXXb5hVXa-64-64.png) no-repeat;
    background-size: 100%
}

.module-jhs .pricebar {
    position: relative;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fa215f), to(#fa215f));
    overflow: hidden;
    color: #fff;
}

.module-jhs .pricebar .subleft.avil, .module-jhs .pricebar .subleft.soldout {
    background: #fa215f
}

.module-jhs .pricebar .subleft.nobegin {
    background: #26A96D
}

.module-jhs .pricebar .subleft {
    position: relative;
    margin-right: 90px;
}

.module-jhs .pricebar .subleft .price {
    padding: 0px 0px 0px 10px;
    font-size: 16px;
    display: inline-block;
}

.module-jhs .pricebar .subleft .price strong {
    font-size: 18px;
    position: relative;
    top: 1px;
    margin-right: 5px;
    left: 0px;
}

.module-jhs .pricebar .subleft .information {padding: 0 10px;line-height: 30px;font-size: 16px;}

.module-jhs .pricebar .subleft .information .oprice {display: inline-block;font-size: 14px;}

.module-jhs .pricebar .subleft .information .oprice del {
    margin-left: -2px;
}

.module-jhs .pricebar .subleft .information .soldcount {
    display: inline-block;
    padding: 0 3px;
    line-height: 18px;
    -webkit-border-radius: 3px;
    background: rgba(0, 0, 0, .15);
}

.module-jhs .pricebar .subleft .information .soldcount span {
    color: #fff;
    font-size: 12px;
    padding-right: 3px
}

.module-jhs .pricebar .subleft.avil:after, .module-jhs .pricebar .subleft.soldout:after {
    border-top-color: #fa215f;
    border-bottom-color: #fa215f
}

.module-jhs .pricebar .subleft.timeout {
    background: #888
}

.module-jhs .pricebar .subleft.timeout:after {
    border-top-color: #888;
    border-bottom-color: #888
}

.module-jhs .pricebar .subleft.nobegin:after {
    border-top-color: #26A96D;
    border-bottom-color: #26A96D
}

.module-jhs .pricebar .subleft:after {
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-right: 13px solid transparent;
    border-bottom: 27px solid #f61d4b;
    border-top: 71px solid #26A96D;
    border-bottom: 0px solid #26A96D;
}

.module-jhs .pricebar .countdown {
    position: absolute;
    right: 0;
    top: 10px;
    width: 90px;
    height: 40px;
    text-align: center;
    display:none;
}

.module-jhs .pricebar .countdown .txt {
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    color: #f61d4b;
}

.module-jhs .pricebar .countdown .clockrun {
    margin: 2px 0 0;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.module-jhs .pricebar .countdown .clockrun .tuan {
    color: #f61d4b
}

.module-jhs .pricebar .countdown .clockrun .hideTime {
    display: none
}

.module-jhs .pricebar .countdown .clockrun .num {
    min-width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    background: #543411;
    border-radius: 3px
}

.module-jhs .pricebar .countdown .clockrun .dot {
    display: inline-block;
    width: 4px;
    height: 16px;
    line-height: 18px;
    text-align: center;
    color: grey
}

.module-jhs .range-wrap {
    padding: 4px 10px
}

.module-jhs .range-wrap .active-row {
    height: 26px;
    line-height: 26px;
    margin-bottom: 4px;
    font-size: 22px;
    font-weight: 400;
    white-space: nowrap
}

.module-jhs .range-wrap .active-row .currency {
    font-size: 14px
}

.module-jhs .range-wrap .origin-row {
    white-space: nowrap;
    height: 16px;
    line-height: 16px;
    font-size: 12px
}

.module-jhs .range-wrap .origin-row .origin-price {
    margin-right: 10px;
    font-weight: lighter;
    color: rgba(255, 255, 255, .7)
}

.module-jhs .range-wrap .origin-row .sold-count {
    margin-top: -2px;
    display: inline-block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    color: #fff;
    background: rgba(0, 0, 0, .15)
}

.module-jhs .range-wrap .origin-row .currency {
    font-size: 12px
}

@media screen and (max-width: 375px) {
    .module-jhs .range-wrap .active-row {
        font-size: 18px
    }
}

.module-mlh .nobeginbar {
    background: #DD2727 !important
}

.module-mlh #J_MlhPriceBar {
    position: relative;
    height: 54px;
    background: #EEE;
    overflow: hidden;
    color: #fff
}

.module-mlh #J_MlhPriceBar .subleft.avil, .module-mlh #J_MlhPriceBar .subleft.soldout {
    background: #DD2727
}

.module-mlh #J_MlhPriceBar .subleft.nobegin {
    background: #333
}

.module-mlh #J_MlhPriceBar .subleft.timeout {
    background: #888
}

.module-mlh #J_MlhPriceBar .subleft {
    position: relative;
    margin-right: 100px;
    height: 54px
}

.module-mlh #J_MlhPriceBar .subleft .price {
    padding: 0 10px;
    display: inline-block;
    height: 54px;
    line-height: 54px;
    vertical-align: text-bottom;
    font-size: 14px
}

.module-mlh #J_MlhPriceBar .subleft .price strong {
    font-size: 18px;
    font-weight: 400
}

.module-mlh #J_MlhPriceBar .subleft .information {
    position: absolute;
    top: 0;
    display: inline-block;
    color: rgba(255, 255, 255, .7)
}

.module-mlh #J_MlhPriceBar .subleft .information .oprice {
    margin-top: 9px;
    padding: 0 4px;
    height: 16px;
    line-height: 16px;
    font-size: 12px
}

.module-mlh #J_MlhPriceBar .subleft .information .oprice del {
    padding-left: 2px;
    text-decoration: line-through
}

.module-mlh #J_MlhPriceBar .subleft .information .soldcount {
    margin-top: -2px;
    display: inline-block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    -webkit-border-radius: 3px;
    background: rgba(187, 40, 40, .8)
}

.module-mlh .nobeginbar .subleft .information .soldcount {
    background: rgba(255, 255, 255, .15) !important
}

.module-mlh #J_MlhPriceBar .subleft .information .soldcount span {
    color: #fff;
    font-size: 12px;
    padding-right: 3px
}

.module-mlh #J_MlhPriceBar .subleft.avil:after, .module-mlh #J_MlhPriceBar .subleft.soldout:after {
    border-top-color: #DD2727;
    border-bottom-color: #DD2727
}

.module-mlh #J_MlhPriceBar .subleft.nobegin:after {
    border-top-color: #333;
    border-bottom-color: #333
}

.module-mlh #J_MlhPriceBar .subleft:after {
    content: "";
    position: absolute;
    left: 100%;
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    border-bottom: 27px solid #f61d4b;
    border-top: 27px solid #333;
    border-bottom: 27px solid #333
}

.module-mlh #J_MlhPriceBar .countdown {
    position: absolute;
    right: 0;
    top: 10px;
    width: 90px;
    height: 54px;
    text-align: center
}

.module-mlh #J_MlhPriceBar .countdown .txt {
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    color: #1A1A1A
}

.module-mlh .nobeginbar .countdown .txt {
    color: #fff !important
}

.module-mlh #J_MlhPriceBar .countdown .clockrun {
    margin: 2px 0 0 5px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #fff
}

.module-mlh #J_MlhPriceBar .countdown .clockrun .tuan {
    color: #fff
}

.module-mlh #J_MlhPriceBar .countdown .clockrun .hideTime {
    display: none
}

.module-mlh #J_MlhPriceBar .countdown .clockrun .num {
    float: left;
    min-width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    background: #BB2828;
    border-radius: 3px
}

.module-mlh #J_MlhPriceBar .countdown .clockrun .dot {
    float: left;
    width: 4px;
    height: 16px;
    line-height: 18px;
    text-align: center;
    color: grey
}

.module-preview {
    position: relative
}

.module-preview .preview-slider {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden
}

.module-preview .preview-slider .item {
    position: relative;
    display: block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

.module-preview .preview-slider .item:after {
    display: block;
    content: '';
    padding-top: 100%
}

.module-preview .preview-slider .item .lib-video, .module-preview .preview-slider .item img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    width: 100vw;
    min-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.module-preview .preview-slider .item.item-video i:after {
    content: "";
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    background: url(data:image/png;base64, ) center center no-repeat;
    background-size: cover
}

.module-preview .preview-slider .item.item-video.item-video-init i:after {
    display: none
}

.module-preview .preview-slider .item.app-video .app-video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 179px;
    height: 50px;
    margin-left: -90px;
    margin-top: -26px;
    background: rgba(0, 0, 0, .4);
    z-index: 1;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, .7);
    background-size: cover
}

.module-preview .preview-slider .item.app-video .app-video:before {
    content: "";
    -webkit-backface-visibility: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    margin-left: -60px;
    margin-top: -10px;
    border-width: 10px;
    border-style: dashed;
    border-color: transparent transparent transparent #fff;
    font-size: 0;
    line-height: 0;
    z-index: 2
}

.module-preview .preview-slider .item.app-video .app-video:after {
    content: "\6253\5f00\0041\0050\0050\770b\89c6\9891";
    color: #fff;
    z-index: 1;
    margin-left: 30px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    padding-left: 15px
}

.module-preview .preview-slider .item .lib-video .vjs-control-bar {
    padding: 3px 0
}

.module-preview .preview-slider .item .lib-video .vjs-center-container, .module-preview .preview-slider .item .lib-video .vjs-center-start {
    width: 64px;
    height: 64px
}

.module-preview .preview-slider .item .lib-video .vjs-control {
    height: 20px;
    width: 20px
}

.module-preview .preview-slider .item .lib-video .vjs-center-load {
    width: 64px;
    height: 64px
}

.module-preview .preview-slider .item .lib-video .vjs-progress-bar .current-time, .module-preview .preview-slider .item .lib-video .vjs-progress-bar .total-time {
    font-size: 12px;
    line-height: 20px;
    height: 20px
}

.module-preview .preview-slider .item .lib-video .vjs-progress-bar .current-time em, .module-preview .preview-slider .item .lib-video .vjs-progress-bar .total-time em {
    margin: 0 10px;
    font-size: 12px
}

.module-preview .preview-slider .item .lib-video .vjs-progress-bar .progress, .module-preview .preview-slider .item .lib-video .vjs-progress-bar .progress-bar, .module-preview .preview-slider .item .lib-video .vjs-volume-bar .volume, .module-preview .preview-slider .item .lib-video .vjs-volume-bar .volume-bar {
    height: 4px;
    border-radius: 2px
}

.module-preview .preview-slider .item .lib-video .vjs-progress-bar .progress .control:after, .module-preview .preview-slider .item .lib-video .vjs-volume-bar .volume .control:after {
    top: -3px;
    left: -3px;
    width: 9px;
    height: 9px;
    display: none
}

.module-preview .preview-slider .item .lib-video .vjs-fullscreen-control:before, .module-preview .preview-slider .item .lib-video .vjs-icon-fullscreen-exit:before {
    height: 20px;
    width: 20px
}

.module-preview .nav {
    position: absolute;
    text-align: center;
    left: 30px;
    right: 30px;
    bottom: 10px;
    z-index: 9999;
}

.module-preview .nav .current {
    background-color: #aaa;
    opacity: 1;
    color: #fff
}

.module-preview .nav .current:first-child:last-child {
    opacity: 0
}

.module-preview .nav i {
    border-radius: 4.5px;
    margin: 0 4px;
    color: #000;
    height: 0;
    display: block
}

.module-preview .nav .pagination {
    position: absolute;
    bottom: 0;
    right: -20px;
    display: none;
    background-color: rgba(100, 100, 100, .6);
    border-radius: 10px;
    padding: 0 10px;
    line-height: 20px;
    height: 20px;
    color: #fff
}

.module-preview .nav .images, .module-preview .nav .videos {
    border-radius: 10px;
    line-height: 20px;
    height: 20px;
    display: inline-block
}

.module-preview .nav .images {
    background: #FF0036;
    padding: 0 10px;
    color: #fff;
    margin-left: 10px
}

.module-preview .nav .videos {
    background: rgba(240, 240, 240, .8);
    padding: 0 10px 0 15px;
    color: #333;
    position: relative
}

.module-preview .nav .videos:before {
    content: "";
    -webkit-backface-visibility: hidden;
    position: absolute;
    left: 8px;
    top: 5px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: dashed;
    border-color: transparent transparent transparent #333;
    font-size: 0;
    line-height: 0
}

.module-preview .nav .videotag {
    background: 0 0;
    height: 20px
}

.module-preview .nav .current .videos {
    background: #FF0036;
    color: #fff
}

.module-preview .nav .current .videos:before {
    border-color: transparent transparent transparent #fff
}

.module-preview .nav .current .images {
    background: rgba(240, 240, 240, .8);
    color: #333
}

.module-preview .nav .current .pagination {
    display: block
}

.module-preview:after {
    padding-top: 100%;
    display: block;
    content: ''
}

.module-price {
    background-color: #FFF;
    padding: 0 10px
}

.module-price .real-price {
    color: #FF0036;
    height: 36px;
    line-height: 36px
}

.module-price .real-price .ui-label {
    font-size: 16px;
    padding-right: 5px;
    color: #051b28
}

.module-price .real-price .lighter {
    font-weight: lighter
}

.module-price .real-price .ui-yen .price-symbol {
    font-family: arial;
    font-style: normal;
    font-size: 18px;
    position: relative;
    top: 2px
}

.module-price .real-price .ui-yen .price-symbol.subPrice-symbol {
    color: #051B28;
    font-size: 16px;
    top: 0
}

.module-price .real-price .ui-yen .price {
    font-size: 24px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.module-price .real-price .ui-yen .subPrice {
    font-size: 16px;
    color: #051B28;
    font-weight: lighter
}

.module-price .real-price .icon {
    height: 14px;
    vertical-align: middle;
    position: relative;
    top: -3px
}

.module-price .real-price .icon-text {
    background-color: #fb6878;
    color: #FFF;
    font-size: 12px;
    padding: 1px 2px
}

.module-price .price-desc {
    font-size: 12px
}

.module-price .item-price {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color: #888;
    display: inline-block;
    margin-right: 10px;
    font-family: '\5fae\8f6f\96c5\9ed1'
}

.module-price .item-price label {
    margin-right: 4px
}

.module-price .item-price .no-through {
    text-decoration: none
}

.module-price .maokeapp-price {
    display: block;
    color: #FF0036;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.module-price .price-tips {
    font-size: 12px;
    color: #FF0036;
    line-height: 14px
}

.module-price .price-tips img {
    height: 14px;
    float: left
}

.module-price .delayPostTime, .module-price .presale-tip {
    font-weight: lighter;
    color: #999
}

.module-price .expand-text {
    font-size: 14px;
    font-weight: lighter
}

.module-price .restrict {
    font-size: 12px;
    color: #F11
}

.module-prom {
    background-color: #FFF
}

.module-prom .activitylist {
    position: relative;
    padding: 12px 30px 12px 0;
    margin: 0 10px
}

.module-prom .activitylist.actBorderTop {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.module-prom .activitylist .box .cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.module-prom .activitylist .ic-box span {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(.7);
    display: block;
    border: 1px solid #FFF5F7;
    background: #FFF5F7;
    border-radius: 2px;
    padding: 1px 3px;
    font-size: 14px;
    line-height: 1;
    color: #FF0036;
    left: -15%;
    position: relative
}

.module-prom .activitylist .dot {
    width: 40px;
    height: 24px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px;
    text-align: right
}

.module-prom .activitylist .dot:after {
    content: '\e606';
    font-family: tm-detail-font;
    font-size: 18px;
    color: #999;
    text-align: right;
    line-height: 24px
}

.module-props .props-content {
    background-color: #FFF;
    padding: 12px 10px;
    color: #051b28;
    position: relative;
    line-height: 18px
}

.module-props .props-content > .l {
    float: left;
    width: 30px;
    height: auto;
    color: #999;
    overflow: hidden
}

.module-props .props-content > .r {
    margin-left: 30px;
    margin-right: 24px;
    color: #333;
    overflow: hidden;
    white-space: nowrap
}

.module-props .props-content > .icon {
    position: absolute;
    right: 12px;
    top: 16px;
    height: 13px;
    color: #ccc
}

.module-props .props-content > .icon > svg {
    margin-right: -3px;
    fill: currentColor;
    transform: rotate(180deg)
}

.module-recommend {
    background-color: #FFF;
    color: #051b28;
    font-size: 12px
}

.module-recommend .mui-loading {
    padding-top: 11%;
    padding-bottom: 12.333%;
    height: 67px
}

.module-recommend > .title {
    display: block;
    padding: 10px
}

.module-recommend .scroller-wrap {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative
}

.module-recommend .recommend-scroller {
    display: -webkit-box;
    -webkit-box-lines: multiple
}

.module-recommend .ui-error {
    text-align: center;
    padding: 10px
}

.module-recommend .panel {
    width: 100%;
    display: block;
    font-size: 0
}

.module-recommend .panel .item {
    width: 33.333%;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 12px
}

.module-recommend .panel .item a {
    display: block;
    font-size: 12px;
    position: relative;
    padding: 0 6.4%
}

.module-recommend .panel .item a .img-wrap {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    background: #f5f5f5
}

.module-recommend .panel .item a .img-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.module-recommend .panel .item a .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 16px;
    height: 31px
}

.module-recommend .panel .item a .title img.act-tag {
    width: auto;
    height: 12px;
    position: relative;
    vertical-align: top;
    top: 2px;
    margin-right: 2px
}

.module-recommend .panel .item a del {
    display: block;
    font-family: arial;
    color: #ccc;
    font-size: 12px;
    height: 18px;
    line-height: 18px
}

.module-recommend .panel .item a .price {
    display: block;
    font-family: arial;
    font-size: 12px
}

.module-recommend-again {
    background-color: #FFF;
    color: #051b28;
    font-size: 12px
}

.module-recommend-again .mui-loading {
    padding-top: 11%;
    padding-bottom: 12.333%;
    height: 67px
}

.module-recommend-again > .title {
    display: block;
    padding: 10px
}

.module-recommend-again .scroller-wrap {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative
}

.module-recommend-again .recommend-scroller {
    display: -webkit-box;
    -webkit-box-lines: multiple
}

.module-recommend-again .ui-error {
    text-align: center;
    padding: 10px
}

.module-recommend-again .panel {
    width: 100%;
    display: block;
    font-size: 0
}

.module-recommend-again .panel .item {
    width: 33.333%;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 12px
}

.module-recommend-again .panel .item a {
    display: block;
    font-size: 12px;
    padding: 0 6.4%
}

.module-recommend-again .panel .item a .img-wrap {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    background: #f5f5f5
}

.module-recommend-again .panel .item a .img-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    height: 100%
}

.module-recommend-again .panel .item a .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 16px;
    height: 32px
}

.module-recommend-again .panel .item .price, .module-recommend-again .panel .item del {
    display: block;
    font-family: arial;
    font-size: 12px
}

.module-recommend-again .panel .item a .title img.act-tag {
    width: auto;
    height: 12px;
    position: relative;
    vertical-align: top;
    top: 2px;
    margin-right: 2px
}

.module-recommend-again .panel .item .numbers {
    overflow: hidden;
    padding: 5px 0;
    line-height: 13px;
    margin-left: 6.4%;
    height: 26px
}

.module-recommend-again .panel .item .numbers:empty {
    margin-right: 6.4%;
    background: #f5f5f5
}

.module-recommend-again .panel .item .cart {
    float: right;
    width: 2.3em;
    height: 2.3em;
    border-radius: 50%;
    margin-right: 6.4%;
    margin-top: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBM0VGOTFGMjI1RUIxMUU0Qjk4RkFENEU2OTIyOEJENyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBM0VGOTFGMzI1RUIxMUU0Qjk4RkFENEU2OTIyOEJENyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMkEyQzc1MjVCODExRTRCOThGQUQ0RTY5MjI4QkQ3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDMkEyQzc2MjVCODExRTRCOThGQUQ0RTY5MjI4QkQ3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GPzq3wAAAu5QTFRF6jxQ6jtQ7D5T6jpP6z5T6jxR6zxR5zRJ6DhN5jJH5TBG5TFH5jNJ5jNI7k1g5jJI6UFU6ThN6TlO6ThO7UJW7UFV7UFW+MDH/ezu//7+//r7/OXo//3+/vn68Gd4+cPJ/vn571Bi6EZa7EJX9Kew/Ojq+tba7naE7neG/evt/ers/ODk/ejq/vDy736M/vT18ouX+9zg+9vf+s3S/vT273KB9q22/OTn86Cq//z8729//vf497zD5TJI85qk/vP05zhN8ZOf9pyn6kNY8pCc+tLX7V9w85ei/N/j6kpd5jVJ8pij6D1R9ay1/vLz711v//v7/vr750RX9Jei73qJ60db+tfc/fHz/vr696aw5zlP6ERZ9rG5+9jc60pd8YiU7FNl60da/Ofq9ri/+s/U96+4+cvR6EBV60xf7kte++Dj84uY70xf8W59+tfb+tXZ9aKs9Zyn72598oOQ5jVL6DtP8XiH7WBx7Vpt7ERY6D5S7Vps9Jej9Jyn9Ky162Jy8HiG8XSD72V29qWv9qSu856p+MHH+cjO+MTL8YSR9ZSg8pWg50BU+tXa9rC4+MnP8XuJ+9Xa6EVY9IeU9re+85um9Zum5TNH+LrB84WS8nOC83WF9JSg85mj7ENY96228oKP/OLl6EJW50BT7ltt7EFV/vX2+crP8oiV/Ofp60VZ9q+46kNX7E5h9aiy8Y6a7ENX74OQ8F5w8YSS+9fb7mR17GR08ISR85Wh+MDG+MnO9rS8+cXL+cTK7Fdq6T1S+LjA8YCO9KWv/ejr85ah9KWu97W98Y2Z7niH601g85ij8WZ29KCq7ktf7GN072x89I+c7W9+832L+sPJ61Zn+srP609i9bO77WBw+LzD846a+tPX7W5+97i/7lxu5jZM97S897C49qu0/e3v9KGr72x986Cp62Nz6DlO71Vo50NX5zZL7kRZ7kNY6DZL7UJX7kNX5TFG5zVK6TpP7EBV7D9U7kRY6z1S6DdM////vAgZlwAAAnZJREFUeNqM1FVUG0EAheEhhBZKaUuLBPdipbhD3d3d3d3d3d3d3d3d3d0NAhSSwn3rrO9pT3b3e5jJXv6TnDwEAqDloUytCM3RYPEfjYif3+1YePXRmhuNxsxQrDZqQ3Kox6iUow3JppbhbLY2xIlaBQNzlYGKCCfiQt11w096qeY+LsSZEY5H9OxZTFEXzHImJsYFTDapWZcKbxOXP0Csau6N1AATMTO8EbfVrGINnprNXH7AHfXVch8MpLmOtRArdcrMEeir0xE9az266pW9g/tIvZ7kswbjSL6y3qhKTz7fAvcA5XwFpjB5IVZ+JCYVUnQZE+lJbDjd8MpGSQd4NqUX4Q3AW6JkA2LY24ozDOFWSj7iE3MRa85euO2yVlADC5iL5PFCMSjPsnbATeYWc1dU/786/+zohKgvH6ZH18NGdiAleVfgKrzM6zE8fsfYeWfafnaTfhpt2D+RUryvMIxIOTwmYdrcsGQpauHx+uW+Exfvn6vMVcSRt0f2Tslh/U8mNJ6ZMrqj4z+IraAXyvebsXtp+/hqNX/YWkIKBNdwp0CVlEdhu4Y8S/ACkQVZakiGYGhDPMlQQ3JFzVCuQq4KWV5F4f+Xq5AXFuXeam455xtZTo0qYUEdIS8q4396G6KbyJchszvBkNRKfCYOkk0e7Afvl02d2WV+LeGZFJckIeiY/yX4dheXe/A83jrECyHCQOwkpVHWzs4hEQ/FZS3S6BmIusJA7CU0t7dPT8QbcamNNHoGYpwwkN+Sbwj6vugqfDeLy3h4HmwU7IVgYZDnc7ivel02LWGXU8vFvIjMr+dxiLkhX9Ir7oRh6nvx+a8AAwDxppSXjbnVCgAAAABJRU5ErkJggg==) center/1.5em 1.5em no-repeat #EF3B4F
}

.module-recommend-again .panel .item del {
    color: #ccc;
    min-height: 8px
}

#s-downshelf .downshelf-content {
    z-index: 1;
    background: #fff;
    height: 43px;
    width: 100%;
    position: fixed;
    bottom: 50px;
    transition: height .2s cubic-bezier(0, 0, .25, 1);
    font-size: 12px;
    max-height: 80%;
    min-height: 43px;
    display: flex;
    flex-direction: column;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin-bottom: var(--safe-area-inset-bottom)
}

#s-downshelf .downshelf-content .hd {
    color: #fff;
    line-height: 43px;
    height: 43px;
    padding-left: 8px;
    flex: 0;
    -webkit-box-flex: 0 !important;
    -webkit-flex: none !important;
    background: #f14344
}

#s-downshelf .downshelf-content .hd .bg {
    background-image: url(data:image/png;base64, );
    background-repeat: no-repeat;
    width: 77px;
    height: 32px;
    background-size: 77px 32px;
    position: absolute;
    top: -25px;
    left: 20px
}

#s-downshelf .downshelf-content .hd::before {
    display: none;
    content: '\e615';
    font-family: tm-detail-font;
    float: right;
    width: 20px;
    margin-right: 10px;
    font-size: 16px;
    color: #fff
}

#s-downshelf .downshelf-content .bd {
    height: 16px;
    line-height: 16px;
    background: #fff;
    color: #999;
    padding: 15px 12px;
    flex: 0;
    -webkit-box-flex: 0 !important;
    -webkit-flex: none !important
}

#s-downshelf .downshelf-content .bd a {
    color: #FF0036;
    float: right
}

#s-downshelf .downshelf-content .bd a i {
    margin-left: 4px
}

#s-downshelf .downshelf-content .bd a i::before {
    font-family: tm-detail-font;
    content: '\e611';
    background-color: #FF0036;
    float: right;
    height: 16px;
    color: #fff;
    width: 16px;
    border-radius: 2px;
    text-align: center;
    line-height: 16px
}

#s-downshelf .downshelf-content .ft {
    background: #fff;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#s-downshelf .downshelf-content .ft .intros {
    white-space: nowrap
}

#s-downshelf .downshelf-content .ft .intro {
    display: inline-block;
    max-width: 160px;
    width: 45%;
    max-height: 212px;
    height: 100%;
    padding: 0 5px 0 0
}

#s-downshelf .downshelf-content .ft .intro .title {
    white-space: normal;
    text-align: left;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 2.4em;
    line-height: 1.25;
    overflow: hidden;
    color: #333
}

#s-downshelf .downshelf-content .ft .intro img.act-tag {
    width: auto;
    height: 12px;
    position: relative;
    top: 2px;
    margin-right: 2px
}

#s-downshelf .downshelf-content .ft .intro .price {
    color: #FF0036
}

#s-downshelf .downshelf-content .ft .intro .img {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    background: #f5f5f5
}

#s-downshelf .downshelf-content .ft .intro .img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50%;
    margin-left: -50%
}

#s-downshelf .downshelf-cover {
    content: "";
    position: fixed;
    top: 0;
    bottom: 50px;
    left: 0;
    right: 0;
    display: none;
    transition: background-color .5s ease;
    z-index: 1
}

#s-downshelf.opened .downshelf-content {
    height: 301px
}

#s-downshelf.opened .downshelf-content .hd::before {
    display: block
}

#s-downshelf.opened .downshelf-cover {
    display: block;
    background-color: rgba(0, 0, 0, .6)
}

.module-recommend-hot {
    background: #fff
}

.module-recommend-hot header {
    font-size: 12px;
    padding: 10px 10px 3px
}

.module-recommend-hot .contenter {
    overflow: hidden;
    padding: 9px 0 0 9px;
    list-style: none
}

.module-recommend-hot .contenter li {
    float: left;
    width: 50%
}

.module-recommend-hot .contenter li a {
    display: block;
    position: relative;
    margin: 0 9px 9px 0;
    background: #f5f5f5
}

.module-recommend-hot .contenter li a:before {
    content: '\20';
    padding-top: 57.57575758%;
    display: block
}

.module-recommend-hot .contenter li a img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.module-recommend-see {
    background-color: #FFF;
    color: #051b28;
    font-size: 12px
}

.module-recommend-see .mui-loading {
    padding-top: 11%;
    padding-bottom: 12.333%;
    height: 67px
}

.module-recommend-see > .title {
    display: block;
    padding: 10px
}

.module-recommend-see .scroller-wrap {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative
}

.module-recommend-see .recommend-scroller {
    display: -webkit-box;
    -webkit-box-lines: multiple
}

.module-recommend-see .ui-error {
    text-align: center;
    padding: 10px
}

.module-recommend-see .panel {
    width: 100%;
    display: block;
    font-size: 0
}

.module-recommend-see .panel .item {
    width: 33.333%;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 12px
}

.module-recommend-see .panel .item a {
    display: block;
    font-size: 12px;
    position: relative;
    padding: 0 6.4%
}

.module-recommend-see .panel .item a .img-wrap {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    background: #f5f5f5
}

.module-recommend-see .panel .item a .img-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    height: 100%
}

.module-recommend-see .panel .item a .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 16px;
    height: 32px
}

.module-recommend-see .panel .item .price, .module-recommend-see .panel .item del {
    display: block;
    font-family: arial;
    font-size: 12px
}

.module-recommend-see .panel .item a .title img.act-tag {
    width: auto;
    height: 12px;
    position: relative;
    vertical-align: top;
    top: 2px;
    margin-right: 2px
}

.module-recommend-see .panel .item .numbers {
    overflow: hidden;
    line-height: 13px;
    padding: 5px 0;
    margin-left: 6.4%;
    height: 26px
}

.module-recommend-see .panel .item .numbers:empty {
    margin-right: 6.4%;
    background: #f5f5f5
}

.module-recommend-see .panel .item .cart {
    float: right;
    width: 2.3em;
    height: 2.3em;
    border-radius: 50%;
    margin-right: 6.4%;
    margin-top: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBM0VGOTFGMjI1RUIxMUU0Qjk4RkFENEU2OTIyOEJENyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBM0VGOTFGMzI1RUIxMUU0Qjk4RkFENEU2OTIyOEJENyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMkEyQzc1MjVCODExRTRCOThGQUQ0RTY5MjI4QkQ3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDMkEyQzc2MjVCODExRTRCOThGQUQ0RTY5MjI4QkQ3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GPzq3wAAAu5QTFRF6jxQ6jtQ7D5T6jpP6z5T6jxR6zxR5zRJ6DhN5jJH5TBG5TFH5jNJ5jNI7k1g5jJI6UFU6ThN6TlO6ThO7UJW7UFV7UFW+MDH/ezu//7+//r7/OXo//3+/vn68Gd4+cPJ/vn571Bi6EZa7EJX9Kew/Ojq+tba7naE7neG/evt/ers/ODk/ejq/vDy736M/vT18ouX+9zg+9vf+s3S/vT273KB9q22/OTn86Cq//z8729//vf497zD5TJI85qk/vP05zhN8ZOf9pyn6kNY8pCc+tLX7V9w85ei/N/j6kpd5jVJ8pij6D1R9ay1/vLz711v//v7/vr750RX9Jei73qJ60db+tfc/fHz/vr696aw5zlP6ERZ9rG5+9jc60pd8YiU7FNl60da/Ofq9ri/+s/U96+4+cvR6EBV60xf7kte++Dj84uY70xf8W59+tfb+tXZ9aKs9Zyn72598oOQ5jVL6DtP8XiH7WBx7Vpt7ERY6D5S7Vps9Jej9Jyn9Ky162Jy8HiG8XSD72V29qWv9qSu856p+MHH+cjO+MTL8YSR9ZSg8pWg50BU+tXa9rC4+MnP8XuJ+9Xa6EVY9IeU9re+85um9Zum5TNH+LrB84WS8nOC83WF9JSg85mj7ENY96228oKP/OLl6EJW50BT7ltt7EFV/vX2+crP8oiV/Ofp60VZ9q+46kNX7E5h9aiy8Y6a7ENX74OQ8F5w8YSS+9fb7mR17GR08ISR85Wh+MDG+MnO9rS8+cXL+cTK7Fdq6T1S+LjA8YCO9KWv/ejr85ah9KWu97W98Y2Z7niH601g85ij8WZ29KCq7ktf7GN072x89I+c7W9+832L+sPJ61Zn+srP609i9bO77WBw+LzD846a+tPX7W5+97i/7lxu5jZM97S897C49qu0/e3v9KGr72x986Cp62Nz6DlO71Vo50NX5zZL7kRZ7kNY6DZL7UJX7kNX5TFG5zVK6TpP7EBV7D9U7kRY6z1S6DdM////vAgZlwAAAnZJREFUeNqM1FVUG0EAheEhhBZKaUuLBPdipbhD3d3d3d3d3d3d3d3d3d0NAhSSwn3rrO9pT3b3e5jJXv6TnDwEAqDloUytCM3RYPEfjYif3+1YePXRmhuNxsxQrDZqQ3Kox6iUow3JppbhbLY2xIlaBQNzlYGKCCfiQt11w096qeY+LsSZEY5H9OxZTFEXzHImJsYFTDapWZcKbxOXP0Csau6N1AATMTO8EbfVrGINnprNXH7AHfXVch8MpLmOtRArdcrMEeir0xE9az266pW9g/tIvZ7kswbjSL6y3qhKTz7fAvcA5XwFpjB5IVZ+JCYVUnQZE+lJbDjd8MpGSQd4NqUX4Q3AW6JkA2LY24ozDOFWSj7iE3MRa85euO2yVlADC5iL5PFCMSjPsnbATeYWc1dU/786/+zohKgvH6ZH18NGdiAleVfgKrzM6zE8fsfYeWfafnaTfhpt2D+RUryvMIxIOTwmYdrcsGQpauHx+uW+Exfvn6vMVcSRt0f2Tslh/U8mNJ6ZMrqj4z+IraAXyvebsXtp+/hqNX/YWkIKBNdwp0CVlEdhu4Y8S/ACkQVZakiGYGhDPMlQQ3JFzVCuQq4KWV5F4f+Xq5AXFuXeam455xtZTo0qYUEdIS8q4396G6KbyJchszvBkNRKfCYOkk0e7Afvl02d2WV+LeGZFJckIeiY/yX4dheXe/A83jrECyHCQOwkpVHWzs4hEQ/FZS3S6BmIusJA7CU0t7dPT8QbcamNNHoGYpwwkN+Sbwj6vugqfDeLy3h4HmwU7IVgYZDnc7ivel02LWGXU8vFvIjMr+dxiLkhX9Ir7oRh6nvx+a8AAwDxppSXjbnVCgAAAABJRU5ErkJggg==) center/1.5em 1.5em no-repeat #EF3B4F
}

.module-recommend-see .panel .item del {
    color: #ccc;
    min-height: 8px
}

.module-recommend-today .content-warp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    align-items: flex-start;
    padding: 10px
}

.module-recommend-today .content-warp .remain-time {
    min-width: 100px;
    -webkit-box-flex: 1;
    flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    width: 34%;
    text-align: center;
    padding-right: 2.2%;
    display: block
}

.module-recommend-today .content-warp .remain-time img {
    width: 75%
}

.module-recommend-today .content-warp .remain-time h4.title {
    font-size: 12px;
    color: #666
}

.module-recommend-today .content-warp .remain-time .count-down {
    margin-top: 3px
}

.module-recommend-today .content-warp .product-container {
    -webkit-box-flex: 1;
    flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    text-align: center;
    padding-left: 7px !important;
    display: block
}

.module-recommend-today .content-warp .product-container a {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    display: block;
    background: #f5f5f5
}

.module-recommend-today .content-warp .product-container a > img {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    object-fit: cover
}

.module-recommend-today .content-warp .product-container span {
    color: #DD2727
}

.module-related {
    background: #fff
}

.module-related .related-title {
    font-weight: 400;
    line-height: 16px;
    padding: 10px;
    color: #051b28;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.module-related .related-list {
    padding: 0 10px 12px;
    overflow: hidden
}

.module-related .related-list li {
    float: left;
    width: 47.5%;
    margin-top: 6px
}

.module-related .related-list li:nth-of-type(2n) {
    margin-left: 3%
}

.module-related .related-list li a {
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    background: #f5f5f5;
    color: #555
}

.module-related .related-list li a.current {
    color: #aaa
}

.module-related .related-list li a span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    word-break: break-all;
    font-size: 12px
}

.module-review .mui-tagscloud {
    font-family: 'Heiti SC';
    padding: 6px;
    background: #fff
}

.module-review .mui-tagscloud .mui-tagscloud-title {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin: 6px;
}

.module-review .mui-tagscloud .mui-tagscloud-ul {
    list-style-type: none;
    padding: 0;
    max-height: 38px;
    overflow: hidden
}

.module-review .mui-tagscloud .mui-tagscloud-ul li {
    float: left;
    background-color: #FEE;
    color: #666;
    margin: 6px 3px;
    padding: 6px 9px;
    text-align: center;
    border-radius: 26px;
    -moz-border-radius: 26px;
    font-size: 12px;
    line-height: 14px
}

.module-review .mui-tagscloud .mui-tagscloud-ul .mui-tagscloud-bad {
    background-color: #F5F5F5
}

.module-review .mui-tagscloud .mui-tagscloud-comments {
    margin: 4px 6px
}

.module-review .mui-tagscloud .mui-tagscloud-img {
    width: 24px;
    height: 24px;
    border-radius: 20px;
    -moz-border-radius: 20px
}

.module-review .mui-tagscloud .mui-tagscloud-head-extra {
    position: absolute;
    left: 15px;
    top: -9px;
    height: 16px
}

.module-review .mui-tagscloud .mui-tagscloud-user {
    line-height: 16px;
    font-size: 12px;
    margin-bottom: 10px;
    position: relative
}

.module-review .mui-tagscloud .mui-tagscloud-name {
    vertical-align: middle;
    padding: 5px;
    line-height: 22px;
    color: #999;
    font-size: 14px;
}

.module-review .mui-tagscloud .mui-tagscloud-icon {
    vertical-align: middle;
    padding: 5px 0;
    line-height: 22px;
    height: 12px
}

.module-review .mui-tagscloud .mui-tagscloud-content {
    font-size: 14px;
    line-height: 16px;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    height: 32px;
    overflow: hidden;
    word-break: break-all;
}

.module-review .mui-tagscloud .mui-tagscloud-date {
    font-size: 10px;
    padding-top: 8px;
    color: #999;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.module-review .mui-tagscloud .mui-tagscloud-more {
    float: right;
    font-size: 13px;
    line-height: 20px;
    -webkit-appearance: none;
    text-align: center
}

.module-review .mui-tagscloud .mui-tagscloud-more svg {
    text-align: center;
    fill: currentColor;
    transform: rotate(180deg);
    position: relative;
    top: 2px
}

.module-askall {
    padding: 12px;
    background: #FFF
}

.module-askall .askall-wrap {
    font-family: 'Heiti SC';
    display: block
}

.module-askall .askall-title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #666
}

.module-askall .askall-title > span.viewall {
    float: right;
    font-size: 13px
}

.module-askall .askall-title > span.viewall svg {
    width: 13px;
    height: 13px;
    text-align: center;
    fill: currentColor;
    transform: rotate(180deg);
    position: relative;
    top: 2px
}

.module-askall .askall-list {
    margin-top: 12px;
    list-style: none;
    color: #051b28
}

.module-askall .askall-list > li {
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.module-askall .askall-list > li i.icon-ask {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(90deg, #ff7b3f, #ff5000);
    margin-right: 3px;
    border-radius: 2px
}

.module-askall .askall-list > li span.answer-text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.module-askall .askall-list > li span.answer-count {
    float: right;
    color: #999;
    font-family: Arial
}

.module-wrap:nth-child(2)[data-module="mods/module-askall/index"] {
    position: relative;
    background-color: #FFF
}

.module-wrap:nth-child(2)[data-module="mods/module-askall/index"]::before {
    display: block;
    content: '\020';
    clear: both;
    height: 1px;
    width: auto;
    position: absolute;
    left: 12px;
    background-color: #F5F5F5;
    top: -2px;
    right: 12px
}

.module-shop {
    padding: 10px;
    background-color: #FFF
}

.module-shop .shop-main {
    display: -webkit-box;
    display: flex;
    position: relative
}

.module-shop .shop-main .shop-logo {
    width: 54px;
    min-width: 54px;
    height: 54px;
    border: 1px solid rgba(151, 151, 151, .5)
}

.module-shop .shop-main .shop-logo img {
    width: 100%;
    height: 100%
}

.module-shop .shop-main .shop-info {
    -webkit-flex: 1;
    flex: 1;
    padding: 5px 10px;
    line-height: 18px;
    display: block
}

.module-shop .shop-main .shop-info .shop-name {
    color: #333;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    display: -webkit-box
}

.module-shop .shop-main .shop-info .shop-name img {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    vertical-align: bottom;
    margin-bottom: 2px
}

.module-shop .shop-main .shop-info .shop-title {
    font-size: 12px;
    color: #051b28;
    margin-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.module-shop .shop-main .shop-info .shop-title img {
    height: 14px;
    margin-right: 2px;
    vertical-align: bottom;
    margin-bottom: 2px
}

.module-shop .shop-main .shop-qualification.has-qualification {
    min-width: 54px
}

.module-shop .shop-main .shop-qualification .yao-qualification {
    margin-top: 14px;
    width: 54px;
    height: 27px;
    display: block;
    background-size: 54px 27px;
    background-image: url(//gtms04.alicdn.com/tps/i4/TB1577NHpXXXXaLXVXXn33Y_pXX-108-56.png);
    background-repeat: no-repeat
}

.module-shop .shop-main .shop-qualification .hk-qualification {
    width: 54px;
    height: 54px;
    display: block
}

.module-shop .shop-main .shop-qualification .hk-qualification img {
    max-height: 100%;
    max-width: 100%
}

.module-shop .score {
    display: -webkit-box;
    display: flex;
    text-align: center;
    color: #999;
    font-size: 12px;
    margin: 12px 0 10px
}

.module-shop .score:empty {
    margin: 0
}

.module-shop .score li {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.module-shop .score li b {
    padding-right: 14px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 12px;
    font-weight: 400
}

.module-shop .score li b.equal {
    color: #1193ce;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRTM4OENDNENFNDgxMUUzODYwM0NDQTFGRDY5QzlFRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRTM4OENDNUNFNDgxMUUzODYwM0NDQTFGRDY5QzlFRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVFMzg4Q0MyQ0U0ODExRTM4NjAzQ0NBMUZENjlDOUVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFMzg4Q0MzQ0U0ODExRTM4NjAzQ0NBMUZENjlDOUVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5fruKAAAAUZJREFUeNq0lb9OQjEUh0tDHBF8AIVRmBxx1MVExeAzoAMwyzPACiaa4CNoIBojCbKy6eYdgRcg6ngH4u+YU9M0vRG47S/5lpv2S2//nJPItN9ERCQ4AOegCLIgDT7BFIzBAxiBhU2QiJCfgCbIi//zARrgybY6PRvgBjwuKRY8jsbf8vy/JA1xHxyJ9XIJtsEZCM2Vd2KIVWj+tbktx+BCuEmFz+xXLvnwXKZFXnXdCo7lu+BQ8j32kTLJ9z3Ji3QVd8yv8/reyqatzrv5KSf5SfvIpuRa4SNftC0zc/WWX1wnE8nVzUfGJL/3JO9JrseBYzH5hpIL/ZVjOfkWqnBRoe86Et+pxqGX3Bp4iSkegKqtE4Vc6LsxVlxSjcLW5kKu66crHHLA4yu62GxzemjPnqlsat0/B1Lgmx6I1v1fo7r/jwADAIPiPpmwv1IuAAAAAElFTkSuQmCC)
}

.module-shop .score li b.up {
    color: #e13e4c;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNTE3QjFGRkNFMzcxMUUzODYwM0NDQTFGRDY5QzlFRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNTE3QjIwMENFMzcxMUUzODYwM0NDQTFGRDY5QzlFRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE1MTdCMUZEQ0UzNzExRTM4NjAzQ0NBMUZENjlDOUVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE1MTdCMUZFQ0UzNzExRTM4NjAzQ0NBMUZENjlDOUVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GyNHKwAAAUtJREFUeNpifGjnw4ADMAGxExAHAbElECsAsQAQfwDiB0B8HIjXAfE+IP6HzQBGHIaDBDuBWIuBMLgGxOVAvAWb65ABGxDPAOLNRBrMAFUHUj8Tqh+r4SCJjUCcjssUuYOb8VmSBtXPhs3wKUDsQchgAhaA9E9FN9wbiFOJdTEBC1KgcQY2nAkaeSQFBQELukDmwpKbNhkG4JPXBGJnFmg6xgoe2ftiNQhZHA8IBLncioE2wBJkuDyNDFdkgmZpWgB+JmhZQQvwEWT4QxoZfp8JWrrRAhwHGb6WRoZvYIKWx9epbDDIvD1M0IK+jMqGg8z7Byu4QAX9HCoZPBdWcSDXRLDy3IMCg3cCsR8Q/0Ivz0EC/hT4YC6ywdiquV/Qct2XhEi+DlWfgmwwCLDg0AAKs22gYhOp9lcEYj4g/gTKIEi1/15ctT9AgAEAEd1OJQ/YU3gAAAAASUVORK5CYII=)
}

.module-shop .score li b.down {
    color: #00b78b;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRTM4OENDMENFNDgxMUUzODYwM0NDQTFGRDY5QzlFRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRTM4OENDMUNFNDgxMUUzODYwM0NDQTFGRDY5QzlFRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVFMzg4Q0JFQ0U0ODExRTM4NjAzQ0NBMUZENjlDOUVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFMzg4Q0JGQ0U0ODExRTM4NjAzQ0NBMUZENjlDOUVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QGIr3QAAAUxJREFUeNq0lcFKQkEUhschXJpPULqsnkCXKnQhJfIZrIVtQ5/BallQ0H2FQAoySre+QS2rN1CXd6H9J87kIB7nKnd++ECuM99c7syck1IvV0qIBiVQBwWQA1kwAt9gCB7BAEyXCVKCvAo6YF+58wHa4HnZ29lJgzvwFFOseByNv+f5/9laEHdBoDbLGdgBxyBalN+sEs+Ci/m37F1Lw2j+LTi1P8uReZBAGrxnf3LNm5dkLslrjttBwvI9UNZ8jn3khORFT/ICyXc9yfOar7SPbGuuFT4yJvmPJ/mX5urmI0OqihX8eHNdeSkrSsGh5nr8ueZE1//ke9dc6FvrChwLk29qChcV+oe4CzjEoWkcdrM4Bz3XAg7xK2hKbS7N9bixwekIWRxJbS7iul6TNlnYvBq/UBSnQZuFy1b3z4MMmNAFsbp/X+r+vwIMAOR+S7e76t7qAAAAAElFTkSuQmCC)
}

.module-shop .action {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.module-shop .action a {
    -webkit-flex: 1;
    flex: 1;
    border: 1px solid rgba(255, 0, 54, .5);
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    color: rgba(255, 0, 54, .8);
    border-radius: 12px;
    text-align: center;
    display: block;
    max-width: 96px
}

.module-shop .action a:first-child {
    margin-right: 10px
}

.module-shop .action a:first-child:last-child {
    margin-right: 0
}

.module-shop .action a.support:before {
    float: left;
    width: 10px;
    font-family: tm-detail-font;
    margin-left: 6px;
    font-size: 17px;
    content: '\e60a';
    color: #4A90E2
}

.module-sku .skuText {
    background-color: #FFF;
    padding: 12px 10px;
    color: #051b28;
    position: relative;
    line-height: 18px
}

.module-sku .skuText > .l {
    float: left;
    width: 80px;
    height: auto;
    color: #999;
    overflow: hidden;
    font-size: 16px;
}

.module-sku .skuText > .r {
    margin-left: 30px;
    margin-right: 24px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
}

.module-sku .skuText > .icon {
    position: absolute;
    right: 12px;
    top: 16px;
    height: 13px;
    color: #ccc
}

.module-sku .skuText > .icon > svg {
    margin-right: -3px;
    fill: currentColor;
    transform: rotate(180deg)
}

.smart-jump {
    width: 100%;
    z-index: 1;
    top: 44px;
    left: 0;
    height: 44px;
    position: fixed
}

.smart-jump:empty {
    height: 0
}

#J_smartloader {
    z-index: 1;
    top: 0;
    bottom: auto;
    position: fixed !important
}

@supports (width: constant(safe-area-inset-top)) {
    :root {
        --origin-safe-area-inset-top: constant(safe-area-inset-top);
        --origin-safe-area-inset-bottom: constant(safe-area-inset-bottom)
    }

    .smart-jump {
        padding-top: constant(safe-area-inset-top)
    }

    #J_smartloader {
        top: constant(safe-area-inset-top)
    }
}

@supports (width: env(safe-area-inset-top)) {
    :root {
        --origin-safe-area-inset-top: env(safe-area-inset-top);
        --origin-safe-area-inset-bottom: env(safe-area-inset-bottom)
    }

    .smart-jump {
        padding-top: env(safe-area-inset-top)
    }

    #J_smartloader {
        top: env(safe-area-inset-top)
    }
}

.module-store .inner {
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
    padding: 12px
}

.module-store .inner .info {
    padding-left: 33px
}

.module-store .inner .info:before {
    content: '\e604';
    font-family: tm-detail-font;
    float: right;
    background-size: 7px;
    width: 7px;
    margin-right: 10px;
    font-size: 19px;
    color: #999
}

.module-store .inner .address {
    padding: 10px 0;
    color: #999
}

.module-store .inner .all {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 12px;
    font-size: 14px;
    text-align: center
}

.module-store .inner:before {
    content: '\e616';
    font-family: tm-detail-font;
    float: left;
    background-size: 7px;
    width: 7px;
    font-size: 19px;
    color: #ff5000
}

.module-tariff .tariff {
    padding: 12px 10px;
    position: relative;
    background: #fff;
    font-size: 12px;
    line-height: 18px
}

.module-tariff .tariff .l {
    float: left;
    width: 30px;
    height: auto;
    color: #999
}

.module-tariff .tariff .r {
    margin-left: 30px;
    margin-right: 24px;
    color: #333
}

.module-tariff .tariff .icon {
    position: absolute;
    right: 12px;
    top: 16px;
    height: 13px;
    color: #ccc
}

.module-tariff .tariff .icon > svg {
    margin-right: -3px;
    fill: currentColor;
    transform: rotate(180deg)
}

.module-text {
    background-color: #FFF;
    padding: 0 10px;
    color: #666
}

.module-title .share-warp {
    padding: 10px 10px 0 !important;
    background-color: #FFF
}

.trade.presale.status1 .buy.disabled, .trade.presale.status1 .cart.disabled {
    background-color: #00C477
}

.trade.presale.status1 .buy, .trade.presale.status1 .cart, .trade.presale.status1 .info {
    background: #00C477
}

.module-title .main {
    font-size: 14px;
    color: #051B28;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    max-height: 42px;
    overflow: hidden;
    word-break: break-all;
    font-size: 16px;
}

.module-title .main img {
    height: 14px;
    position: relative;
    top: -1px
}

.module-title .share-div {
    text-align: center;
    line-height: 1;
    color: #a5a5a5;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

.trade.presale.status1 .cart p:first-child, .trade.presale.status3 .cart p:first-child {
    line-height: 50px;
    padding-top: 0
}

.module-title .share-div.share-hidden {
    display: none
}

.module-title .share-div .share-bd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.module-title .share-div .share-icon::before {
    content: '\e614';
    font-family: tm-detail-font;
    font-size: 20px;
    display: block;
    color: #a5a5a5
}

.trade {
    min-width: 180px
}

.trade a:active {
    opacity: .8
}

.trade.presale .buy, .trade.presale .buy.disabled, .trade.presale .info.disabled {
    background: #7555f4
}

.trade.presale .buy {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    word-break: break-all;
    line-height: 15px
}

.trade .buy, .trade .cart {
    font-size: 15px;
    line-height: 50px
}

.trade.presale .cart.disabled {
    display: none
}

.trade.presale .info {
    display: flex;
    min-width: 105px;
    background: #7555f4
}

.trade.pintuan .info {
    display: flex;
    min-width: 100px;
    background: #FF0036
}

.trade.pintuan .info.disabled {
    background: #FF0036
}

.trade.pintuan .cart.disabled {
    display: none
}

.trade.alihealth .cart {
    background-color: #23c2aa
}

.trade.alihealth .buy {
    background-color: #f4a929
}

.trade.alihealth .buy:disabled {
    background-color: #999;
    border-color: #999;
    color: #fff
}

.trade.alihealth .ok {
    background-color: #f4a929
}

.trade.alihealth .ok:disabled {
    background-color: #999;
    border-color: #999;
    color: #fff
}

.trade .cart {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #fff;
    background-color: #FF9500
}

.trade .cart.disabled {
    display: none;
    color: rgba(255, 255, 255, .4)
}

.trade .buy, .trade .buy .disabled-box {
    display: block;
    background-color: #FF0036
}

.trade .buy {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #fff
}

.trade .buy.disabled {
    color: rgba(255, 255, 255, .4)
}

.trade .buy .disabled-box {
    width: 100%;
    height: 100%;
    padding-top: 5px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.3
}

.trade .buy .disabled-box.linecenter {
    padding-top: 0;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center
}

.trade .buy .disabled-box span {
    font-size: 12px
}

.trade .buy .disabled-box p, .trade .ok {
    font-size: 15px
}

.trade .ok {
    display: block;
    line-height: 50px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #fff;
    background-color: #FF0036
}

.trade .ok.disabled {
    background-color: #cfcfcf;
    color: rgba(255, 255, 255, .4)
}

.trade .info {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    justify-content: center;
    align-items: center;
    word-break: break-all;
    display: none;
    -webkit-flex-direction: column;
    flex-direction: column
}

.trade .info p {
    line-height: 16px;
    text-align: center;
    color: #FFF;
    font-size: 12px
}

.trade .info p:first-child:last-child {
    word-break: break-all
}

.trade .info.disabled p {
    color: rgba(255, 255, 255, .4)
}

.trade.isChaoshi .cart.disabled {
    display: block
}

.trade.isChaoshi .buy.disabled {
    display: none
}

.mui-loading {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    z-index: 1000000
}

.mui-loading i {
    display: inline-block;
    padding: 5px 10px;
    font-size: 0
}

.mui-loading i::after {
    content: '';
    display: inline-block;
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNzk1ODUwQzlEMDhFMzExOTFBMkJBQUFCMkFDODIzRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RjIzMTM3QTMzM0MxMUUzODU3MDg3MTczRUU5MUI2OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RjIzMTM3OTMzM0MxMUUzODU3MDg3MTczRUU5MUI2OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFBOTU4NTBDOUQwOEUzMTE5MUEyQkFBQUIyQUM4MjNFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE3OTU4NTBDOUQwOEUzMTE5MUEyQkFBQUIyQUM4MjNFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SXvjNwAAAvpJREFUeNqsl0toU0EUhm80baJWS7Wttj6qqIuCohhdKaQouBARVCgiCOJSV1KXblUEN+rCB/haCC4UdeFG1LrwLUERFB+oC0vF+G5o1TRp/A/8A9PjzM29sQc+bu4kM//MmXPOTBKVSiWIarlcznxcBPaCZeArOA+OgbJ8mclkqo6VdAxazeaBC6CB721gD2gE+6IOkjAr9gjXg6Jq2w+2On5bAsvBj2qi4pGko3082AE2clVvwRHwxFqxz3sdFE6ALrAQvAG3wag9HecYYCfYZrlyPjjEQcQ+eIRHQB/73QC3wAk+e7kVXuFJXKm2OrCFn0873C92kYF2AKxW32XBwTDh6XbAKWvj8yXYDl7z/Rc4wygX6/b073ZGNe0TGOYKtX20Pt8Da+mhPwwsYxM9whPCVjwILjk6/WauBo7fl1TbTY/wqPakI42OgyGwiQHxChwF7+x0CCkuPWAFaFee3O1zdYJuEtGzpBaT9FvCOOhkTJwDeXuSRngNo1lWWABXwPWgdvvCFAwtmSs5O2OTmccl5mCk2htiU0CzVQVlUgMivMHTYZ0RjmJ6ctxzWcRMqznF94RE9TTPWK3B/1uLp71ZhPs9X/aPgXCdp71ehK/qAk67PAbCw572ouyxbMZhsBnMAJ8p+tB1VscMNBlrlivqTTrlSE0Wcoko8MRq+SeqZQWq41SwiinwDdzlzONamq4ukCDskJAI38WwN2exVKFTnHkUa2XFSjN25HB5oe9jWni9JWpffySnT0a4m0nlW8rya8pwO5/Pwk6nDs+As9V7A7dCT3yOJarP8nSYq4ccKzbtZvWy/wtMWoD7PMECPbiyFI9X54ofeTo95rPLEjUTyVoeKXj6l3l2e119h7eLEb5XmM+9PDLnegbu5PM9bySuo7IU5moRvMbraBP4bs00VSV1Aoo+YDY08b1PXZucwvaVZlC1DXAg1wTy6pr0PNJfmGplkClU5jZk1RbJvj6NW12SMX8v/wp+gsW8NeYpWoxbx/8KMAC97sC/2v4BrgAAAABJRU5ErkJggg==) 50% 50% no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px
}

.mui-loading.mui-loading-fixed {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.mui-loading.mui-loading-fixed i {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 3px
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.ui-img-loading, .ui-loading i {
    -webkit-animation: rotate 1.2s linear infinite;
    animation: rotate 1.2s linear infinite;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNzk1ODUwQzlEMDhFMzExOTFBMkJBQUFCMkFDODIzRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RjIzMTM3QTMzM0MxMUUzODU3MDg3MTczRUU5MUI2OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RjIzMTM3OTMzM0MxMUUzODU3MDg3MTczRUU5MUI2OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFBOTU4NTBDOUQwOEUzMTE5MUEyQkFBQUIyQUM4MjNFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE3OTU4NTBDOUQwOEUzMTE5MUEyQkFBQUIyQUM4MjNFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SXvjNwAAAvpJREFUeNqsl0toU0EUhm80baJWS7Wttj6qqIuCohhdKaQouBARVCgiCOJSV1KXblUEN+rCB/haCC4UdeFG1LrwLUERFB+oC0vF+G5o1TRp/A/8A9PjzM29sQc+bu4kM//MmXPOTBKVSiWIarlcznxcBPaCZeArOA+OgbJ8mclkqo6VdAxazeaBC6CB721gD2gE+6IOkjAr9gjXg6Jq2w+2On5bAsvBj2qi4pGko3082AE2clVvwRHwxFqxz3sdFE6ALrAQvAG3wag9HecYYCfYZrlyPjjEQcQ+eIRHQB/73QC3wAk+e7kVXuFJXKm2OrCFn0873C92kYF2AKxW32XBwTDh6XbAKWvj8yXYDl7z/Rc4wygX6/b073ZGNe0TGOYKtX20Pt8Da+mhPwwsYxM9whPCVjwILjk6/WauBo7fl1TbTY/wqPakI42OgyGwiQHxChwF7+x0CCkuPWAFaFee3O1zdYJuEtGzpBaT9FvCOOhkTJwDeXuSRngNo1lWWABXwPWgdvvCFAwtmSs5O2OTmccl5mCk2htiU0CzVQVlUgMivMHTYZ0RjmJ6ctxzWcRMqznF94RE9TTPWK3B/1uLp71ZhPs9X/aPgXCdp71ehK/qAk67PAbCw572ouyxbMZhsBnMAJ8p+tB1VscMNBlrlivqTTrlSE0Wcoko8MRq+SeqZQWq41SwiinwDdzlzONamq4ukCDskJAI38WwN2exVKFTnHkUa2XFSjN25HB5oe9jWni9JWpffySnT0a4m0nlW8rya8pwO5/Pwk6nDs+As9V7A7dCT3yOJarP8nSYq4ccKzbtZvWy/wtMWoD7PMECPbiyFI9X54ofeTo95rPLEjUTyVoeKXj6l3l2e119h7eLEb5XmM+9PDLnegbu5PM9bySuo7IU5moRvMbraBP4bs00VSV1Aoo+YDY08b1PXZucwvaVZlC1DXAg1wTy6pr0PNJfmGplkClU5jZk1RbJvj6NW12SMX8v/wp+gsW8NeYpWoxbx/8KMAC97sC/2v4BrgAAAABJRU5ErkJggg==) 50% 50% no-repeat;
    min-width: 30px;
    min-height: 30px
}

.ui-loading {
    text-align: center
}

.ui-loading i {
    height: 50px;
    width: 50px;
    display: inline-block
}

html {
    font-size: 100px;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth
}

body {
    font: .12rem/1.5 helvetica;
    color: #051b28;
    min-height: 100vh
}

.mui-slider {
    overflow-x: hidden
}

.mui-slider .scroller {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mui-slider .item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

@supports (width: constant(safe-area-inset-top)) or (width:env(safe-area-inset-top)) {
    .mui-cover {
        padding-top: var(--safe-area-inset-top) !important
    }

    .mui-cover > .body {
        top: -webkit-calc(44px + var(--safe-area-inset-top)) !important;
        top: calc(44px + var(--safe-area-inset-top)) !important
    }
}

.mui-cover.show {
    bottom: var(--safe-area-inset-bottom)
}

.page .container, .page .content {
    background: #f5f5f5
}

.checkout-icons {
    background: url(../images/checkout-icons.png) no-repeat;
    background-size: cover;
    width: 17px;
    height: 22px;
    float: left;
    margin-top: 3px;
    margin-right: 10px;
}

.checkout-icons.icon-7day {
    background-position: -16px 0;
}

.checkout-icons.icon-cod {
    background-position: -82px 0;
}

.checkout-icons-text{
    float: left;
    font-size:16px;
}

.module-desc .scrolltips .part-title {
    padding: 0 30%;
    text-align: center;
    color: #999;
    margin-bottom: 10px
}

.module-desc .scrolltips .part-title .txt {
    padding: 0 10px;
    font-size: 16px;
    color: #333;
}

.marquee{ /*height: 300px;*/ overflow: auto;padding: 10px;position: relative}
.marquee li{list-style: none;padding-top: 5px;border-bottom: 1px solid #ccc;font-size: 14px;}
.marquee ul{margin: 0;padding: 0;}
.marquee li img{    width: 55px;
    height: 55px;
    float: left;
    margin: 0 .48em .5em 0;
    background-color: #fff;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;}
.marquee li p{margin-bottom: 0;}

.reviewStar.size0{display:inline-block;background-image:url(../images/review_0.png);-webkit-background-size:46px 58px;background-size:46px 58px;width:46px;height:8px}
.reviewStar.size0.star0{background-position:0 0}
.reviewStar.size0.star1{background-position:0 -10px}
.reviewStar.size0.star2{background-position:0 -20px}
.reviewStar.size0.star3{background-position:0 -30px}
.reviewStar.size0.star4{background-position:0 -40px}
.reviewStar.size0.star5{background-position:0 -50px}
.reviewStar.size1{display:inline-block;background-image:url(../images/review_1.png);-webkit-background-size:64px 87px;background-size:64px 87px;width:64px;height:12px}
.reviewStar.size1.star0{background-position:0 0}
.reviewStar.size1.star1{background-position:0 -15px}
.reviewStar.size1.star2{background-position:0 -30px}
.reviewStar.size1.star3{background-position:0 -45px}
.reviewStar.size1.star4{background-position:0 -60px}
.reviewStar.size1.star5{background-position:0 -75px}
.reviewStar.size2{display:inline-block;background-image:url(../images/review_2.png);-webkit-background-size:93px 117px;background-size:93px 117px;width:93px;height:17px;position:relative;top:3px}
.reviewStar.size2.star0{background-position:0 0}
.reviewStar.size2.star1{background-position:0 -20px}
.reviewStar.size2.star2{background-position:0 -40px}
.reviewStar.size2.star3{background-position:0 -60px}
.reviewStar.size2.star4{background-position:0 -80px}
.reviewStar.size2.star5{background-position:0 -100px}
.reviewStar.size3{display:inline-block;background-image:url(../img/review_3.png);-webkit-background-size:121px 136px;background-size:121px 136px;width:121px;height:21px}
.reviewStar.size3.star0{background-position:0 0}
.reviewStar.size3.star1{background-position:0 -23px}
.reviewStar.size3.star2{background-position:0 -46px}
.reviewStar.size3.star3{background-position:0 -69px}
.reviewStar.size3.star4{background-position:0 -92px}
.reviewStar.size3.star5{background-position:0 -115px}
.reviewStar.size4{display:inline-block;background-image:url(../img/review_2.png);-webkit-background-size:93px 117px;background-size:93px 117px;width:17px;height:17px;position:relative;top:3px}
.reviewStar.size4.star1{background-position:0 -20px}

#ProductInfo img{width: 100%;}