.modal-dialog {
    z-index: 2;
    background: #fff;
    width: 7.2rem
}

.modal-dialog.android .content {
    padding: .56rem .64rem
}

.modal-dialog.android .btn-group {
    text-align: right;
    color: #2a90d7
}

.modal-dialog.android .btn-group a {
    padding: .56rem;
    display: inline-block
}

.modal-dialog.ios {
    -webkit-border-radius: .32rem;
    border-radius: .32rem;
    overflow: hidden
}

.modal-dialog.ios .content {
    padding: .8267rem .5867rem;
    font-weight: 700;
    line-height: .5867rem;
    border-bottom: 1px solid #e8e8e8
}

.modal-dialog.ios .btn-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #2a90d7;
    text-align: center;
    line-height: 1.0667rem;
    height: 1.0667rem
}

.modal-dialog.ios .btn-group a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.modal-dialog.ios .btn-group a.confirm {
    border-right: 1px solid #e8e8e8
}

.stop-scroll-modal {
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10rem
}

html {
    height: 100%;
    background: #fff
}

.bb-grey {
    border-bottom: .187rem solid #f4f5f6
}

.bt-grey {
    border-top: .187rem solid #f4f5f6
}

._carousel[data-v-6177b184] {
    width: 10rem;
    height: 10rem;
    position: relative
}

._carousel .left-arrow[data-v-6177b184],
._carousel .right-arrow[data-v-6177b184] {
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 2;
    font-size: 15px;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    border-color: #000;
    cursor: pointer
}

._carousel .left-arrow[data-v-6177b184] {
    left: .26667rem
}

._carousel .right-arrow[data-v-6177b184] {
    right: .26667rem
}

._carousel ._carousel-item[data-v-6177b184] {
    width: 10rem;
    height: 10rem
}

._carousel img._fixed[data-v-6177b184] {
    width: 10rem;
    height: 10rem;
    display: block
}

._carousel ._navigation[data-v-6177b184] {
    position: absolute;
    z-index: 1;
    bottom: .507rem;
    right: .32rem;
    color: #101010;
    background: rgba(244, 245, 246, .8);
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    letter-spacing: 1px;
    font-size: .37333rem
}

._carousel ._comments[data-v-6177b184] {
    color: #fff;
    background: rgba(0, 0, 0, .9);
    -webkit-border-radius: 100px;
    border-radius: 100px;
    font-size: 13px;
    padding: 3px 10px 3px 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 234px;
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: .507rem;
    left: 10px
}

._carousel ._comments ._avatar[data-v-6177b184] {
    height: 32px;
    width: 32px
}

._carousel ._comments ._avatar>img[data-v-6177b184] {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 16px;
    border-radius: 16px
}

._carousel ._comments ._avatar>div[data-v-6177b184] {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #222;
    background: #f4f5f6;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

._carousel ._comments ._content[data-v-6177b184] {
    overflow: hidden;
    width: 169px;
    margin-left: 10px;
    font-size: 13px;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._carousel ._comments ._content>div[data-v-6177b184] {
    white-space: pre-wrap;
    overflow: hidden
}

._carousel ._comments .white-arrow[data-v-6177b184] {
    width: 10px;
    height: 16px;
    margin-left: 10px
}

.slider[data-v-6177b184] {
    width: 10rem
}

.frame[data-v-6177b184] {
    width: 10rem;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap
}

.slides[data-v-6177b184],
li[data-v-6177b184] {
    display: inline-block;
    margin: 0;
    padding: 0
}

li[data-v-6177b184] {
    list-style: none;
    width: 10rem;
    height: 10rem
}

.fxg-carousel img[data-v-6177b184] {
    width: 10rem;
    height: 10rem;
    display: block
}

.video-tab[data-v-6177b184]:before {
    display: inline-block;
    content: " ";
    width: .2rem;
    height: .24rem;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='91' height='106' viewBox='0 0 91 106' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23222' d='M91 53L0 106V0z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.video-tab--selected[data-v-6177b184]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='91' height='106' viewBox='0 0 91 106' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFF' d='M91 53L0 106V0z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.image-tab-text[data-v-6177b184],
.video-tab-text[data-v-6177b184] {
    font-size: .32rem
}

.gallery-container[data-v-6177b184] {
    position: relative
}

.fxg-carousel {
    overflow: hidden
}

.fxg-carousel-container {
    white-space: nowrap
}

.fxg-carousel-container>div {
    display: inline-block
}

.fxg-carousel-container img {
    user-drag: none;
    -moz-user-select: none;
    -webkit-user-drag: none
}

.container[data-v-0f4c0baa] {
    height: 100%
}

.switch-wrapper[data-v-0f4c0baa] {
    position: relative;
    overflow: hidden;
    height: 100%
}

.switch-inner-wrapper[data-v-0f4c0baa] {
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 20rem;
    height: 100%
}

.switch-content[data-v-0f4c0baa] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 10rem;
    height: 100%
}

.switcher-wrapper[data-v-0f4c0baa] {
    position: absolute;
    bottom: 1rem;
    height: .68rem;
    line-height: .68rem;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 2.8rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.switcher[data-v-0f4c0baa] {
    width: 1.28rem;
    background-color: hsla(16, 73%, 97%, .8);
    -webkit-border-radius: .64rem;
    border-radius: .64rem;
    color: #222;
    text-align: center
}

.switcher--selected[data-v-0f4c0baa] {
    background-color: #ed6a2c;
    color: #fff
}

.padding-right {
    padding-right: .4rem
}

.video-component,
.video-container {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.byte-player .controls .progress {
    width: 100%;
    height: .1em;
    position: absolute;
    bottom: 2em;
    left: 0;
    background: rgba(115, 133, 159, .5)
}

.byte-player .controls .progress:before {
    content: " ";
    position: absolute;
    top: -.4em;
    left: 0;
    width: 100%;
    height: .4em
}

.byte-player .controls .progress .cache {
    background: hsla(0, 0%, 100%, .5);
    height: .1em;
    max-width: 100%;
    min-width: 0;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: width .2s linear;
    transition: width .2s linear
}

.byte-player .controls .progress .played {
    background: #ff3b30;
    height: .1em;
    max-width: 100%;
    min-width: 0;
    position: absolute;
    left: 0;
    top: 0
}

.byte-player .controls .progress .played:after {
    content: " ";
    display: block;
    width: .5em;
    height: .5em;
    position: absolute;
    right: -.75em;
    top: -.67em;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 10px solid transparent;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

.byte-player .controls .progress .point {
    position: absolute;
    font-size: .6em;
    padding: .25em;
    top: -1.9em
}

.byte-player .controls .progress:hover,
.byte-player .controls .progress:hover .cache,
.byte-player .controls .progress:hover .played {
    height: .3em
}

.byte-player .controls .progress:hover .played:after {
    width: .6em;
    height: .6em
}

.byte-player.byte-player-pc .controls .progress:before {
    display: none
}

.byte-player.byte-player-mobile .controls .progress {
    width: auto;
    left: 3em;
    right: 5.2em;
    bottom: 1em
}

.byte-player.byte-player-mobile .controls .progress .played:after {
    width: .8em;
    height: .8em;
    top: -.8em
}

.byte-player.byte-player-mobile .controls .progress:hover,
.byte-player.byte-player-mobile .controls .progress:hover .cache,
.byte-player.byte-player-mobile .controls .progress:hover .played {
    height: .1em
}

.byte-player.byte-player-mobile .controls .progress:hover .played:after {
    width: .8em;
    height: .8em;
    top: -.8em
}

.byte-player.byte-player-mobile .controls.is-definition .progress {
    right: 7.2em
}

.byte-player .play {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2rem;
    height: 2rem;
    font-size: .8rem;
    border: 1px solid;
    position: absolute;
    bottom: .45em;
    left: .1em;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.byte-player .play:after {
    content: "\E60A";
    display: block;
    font-family: iconfont;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .8
}

.byte-player .play:hover:after {
    opacity: 1
}

.byte-player .controls {
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    opacity: 1
}

.byte-player.pause .play:after {
    content: "\E608";
    opacity: .8
}

.byte-player.pause .play:hover:after {
    opacity: 1
}

.byte-player.inactive .controls,
.byte-player.inactive .play {
    opacity: 0
}

.byte-player.byte-player-mobile.no-start .start-btn,
.byte-player.ended .play {
    display: none
}

.byte-player.byte-player-mobile.no-start .play:after {
    content: "\E608"
}

.byte-player.byte-player-mobile .play {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: .5em;
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 10
}

.byte-player.byte-player-mobile .controls .play,
.byte-player.byte-player-mobile.fullscreen .controls .play {
    display: none
}

.byte-player .controls .current {
    font-size: .6em;
    position: absolute;
    left: 3.83em;
    top: 1em;
    height: 1.5em;
    line-height: 1.5em
}

.byte-player .controls .current:after {
    content: "/";
    padding: 0 .17em
}

.byte-player.byte-player-mobile .controls .current {
    bottom: 1em;
    left: 1em;
    top: auto
}

.byte-player.byte-player-mobile .controls .current:after {
    content: "";
    display: none
}

.byte-player .controls .duration {
    font-size: .6em;
    position: absolute;
    top: 1em;
    left: 7.17em;
    height: 1.5em;
    line-height: 1.5em
}

.byte-player.byte-player-mobile .controls .duration {
    top: auto;
    bottom: 1em;
    right: 5em;
    left: auto
}

.byte-player.byte-player-mobile .controls.is-definition .duration {
    right: 8em
}

.byte-player .controls .volume {
    width: 0;
    height: .2em;
    position: absolute;
    bottom: .9em;
    right: .5em;
    background: rgba(115, 133, 159, .5)
}

.byte-player .controls .volume:before {
    content: "\E601";
    font-family: iconfont;
    position: absolute;
    left: -1.5em;
    bottom: -.7em;
    display: inline-block;
    padding-right: .1em;
    opacity: .8
}

.byte-player .controls .volume.muted:before {
    content: "\E606"
}

.byte-player .controls .volume.low:before {
    content: "\E604"
}

.byte-player .controls .volume.medium:before {
    content: "\E605"
}

.byte-player .controls .volume .selected {
    display: none
}

.byte-player .controls .volume .selected:after {
    content: " ";
    display: block;
    width: .5em;
    height: .5em;
    position: absolute;
    right: -.25em;
    top: -.15em;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.byte-player .controls .fullscreen {
    position: absolute;
    right: .25em;
    top: .45em;
    display: block;
    width: 1.1em;
    height: 1.1em;
    text-align: center;
    line-height: 1.1em
}

.byte-player .controls .fullscreen:after {
    content: "\E600";
    font-family: iconfont;
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    opacity: .8
}

.byte-player .controls .fullscreen:hover:after {
    opacity: 1
}

.byte-player.fullscreen {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0
}

.byte-player.fullscreen .controls .fullscreen:after {
    content: "\E609"
}

.byte-player.byte-player-mobile .controls .fullscreen {
    top: auto;
    bottom: .5em;
    right: 1em
}

.byte-player.no-start .controls {
    display: none
}

.byte-player.no-start .start-btn {
    width: 2em;
    height: 2em;
    display: block;
    position: absolute;
    cursor: pointer;
    left: 50%;
    top: 50%;
    padding: .5em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: -1.5em auto auto -1em;
    background: rgba(0, 0, 0, .5);
    z-index: 10;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.byte-player.no-start .start-btn:after {
    content: "\E608";
    font-family: iconfont;
    display: block;
    width: 1.14em;
    height: 1.14em;
    line-height: 1.14em;
    font-size: 1.75em;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.byte-player.no-start .start-btn:hover {
    background: hsla(0, 0%, 100%, .4)
}

.byte-player.loading .start-btn,
.byte-player .start-btn {
    display: none
}

.byte-player .replay-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    color: #fff;
    opacity: 0;
    line-height: 1;
    text-align: center;
    z-index: -1
}

.byte-player .replay-container span {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: .8em;
    margin-top: -.3em;
    margin-left: -.5em
}

.byte-player .replay-container span:hover:before {
    opacity: 1
}

.byte-player .replay-container span:before {
    content: "\E715";
    font-family: iconfont;
    color: #fff;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-left: -.75em;
    opacity: .8
}

.byte-player.replay .replay-container {
    opacity: .4;
    z-index: 6
}

.byte-player.replay .controls {
    opacity: 0
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.byte-player .loading-container {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.byte-player.loading .loading-container {
    display: block
}

.byte-player.loading .loading-container .loader {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    margin-left: .05em;
    margin-top: -.2em;
    background-color: #fff;
    -webkit-border-radius: 2.5em;
    border-radius: 2.5em
}

.byte-player.loading .loading-container .loader:before {
    top: -.9em;
    border-top: .15em solid #fff;
    border-right: .15em solid #fff;
    -webkit-border-radius: 0 2.5em 0 0;
    border-radius: 0 2.5em 0 0;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.byte-player.loading .loading-container .loader:after,
.byte-player.loading .loading-container .loader:before {
    content: "";
    position: absolute;
    width: 1em;
    height: 1em;
    background-color: hsla(0, 0%, 100%, .1);
    -webkit-animation: loader 1s linear infinite;
    animation: loader 1s linear infinite
}

.byte-player.loading .loading-container .loader:after {
    top: .1em;
    right: .1em;
    border-bottom: .15em solid #fff;
    border-left: .15em solid #fff;
    -webkit-border-radius: 0 0 0 2.5em;
    border-radius: 0 0 0 2.5em;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.byte-player.ended .loading-container,
.byte-player.error .loading-container {
    display: none
}

.byte-player.fullscreen .loading-container .loader {
    position: fixed;
    top: 50%;
    left: 50%
}

.byte-player.fullscreen.byte-player-mobile .loading-container .loader {
    width: 0;
    height: 0;
    display: block
}

.byte-player .error-container {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    z-index: 100
}

.byte-player.error .error-container {
    display: table;
    width: 100%;
    height: 100%;
    background: #000
}

.byte-player.error .error-container .refresh {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.byte-player.error .error-container .refresh:hover {
    text-shadow: 2px 2px 2px #fff
}

.byte-player .controls .definition {
    position: absolute;
    right: 2.5em;
    bottom: .8em;
    font-size: .7em;
    text-align: center;
    cursor: pointer;
    z-index: 10
}

.byte-player .controls .definition:hover ul {
    display: block
}

.byte-player .controls .definition ul {
    display: none;
    max-width: 4em;
    margin-bottom: -2px;
    background-color: rgba(43, 51, 63, .7)
}

.byte-player .controls .definition ul li {
    padding: .1em .8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    cursor: pointer
}

.byte-player .controls .definition ul li.active {
    background: #fff;
    color: #2b333f
}

.byte-player .controls .definition ul li:hover {
    background-color: hsla(0, 0%, 100%, .5)
}

.byte-player .controls .definition .name {
    width: 4em
}

.byte-player .controls.is-definition .volume {
    right: 5em
}

.byte-player.byte-player-mobile .controls.is-definition .definition {
    right: 3em
}

.byte-player.replay .poster {
    display: block;
    -webkit-background-size: cover;
    background-size: cover
}

.byte-player .poster {
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: none
}

.byte-player.no-start .poster {
    display: block;
    background-position: 50%;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

@font-face {
    font-family: iconfont;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoQAAsAAAAAEUQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAAQwAAAFZW70mHY21hcAAAAYAAAACyAAACVJ1JznBnbHlmAAACNAAABUYAAAlUNgrcnmhlYWQAAAd8AAAALwAAADYQ3gPdaGhlYQAAB6wAAAAdAAAAJAleBRFobXR4AAAHzAAAACIAAABAR+oAAGxvY2EAAAfwAAAAIgAAACIWJhOIbWF4cAAACBQAAAAfAAAAIAEfAF5uYW1lAAAINAAAAUUAAAJtPlT+fXBvc3QAAAl8AAAAkwAAAPOVq/B/eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkqWecwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKp6LMjf8b2CIYW5kaAQKM4LkAP4dDAwAeJzFkckRwjAMRZ+zkcUsl9wpgJqoIzVwoihqUXrIJXxFgRkqQJ6XHym24tEHaqAUN1FBepLweKiatnpJv9Ur7sozLYXeJyss2zKP66rqZFj1zT6RtDtz4arlWaFeR52taTioT6fOg3acOOtzw98i/e/Xv5G352vPNBWmHV3RCDRHLAXunRWBZisXAvfS6sA9tibA9RDg2ga4dgGufeDe2xDgmgO/qS2B/GMeA85v9F4v+wAAeJylVV9oFEcYn2/ndi/Z3O3d7O7t3p9ckt29271o70zu9vba2l5SUpoqhkSjhL4EpSjSYqQqCG1p1gehLSKCfaiBFluESrHSB33zIaFosdBHC4aClZbSh9IHnwrmNp3dPeNxyYPYYdmZ+eabme/3/fkNYhFaf4hv4TSSUAmNotfRDELAbQddYPKgWXaF2Q4pjU2psoAtw9Kihl7Br4Kqc7JSdWxT5aJcAgQYgJpWdawKY0HdbjI7oarkATK57KxY7BfxBeDT1sBZbzfzNaQGjf5Es+ztemFMrg5JPadjopgRxXM9HMv2MEwkIcAxVelle3nOu8Imsqlbg8PMIMQyVnbPW/GhnHjoY3shX1R7AVwXpNyQ8M0YyRL6fZhVJDETTcZ70tm4UZDh9B99aSmWN39HtEUoVjeCsIuSyEA2mkRoJ7Vb5qJaBSzSpCar2GlogchICaCbFnEaYAggK6rWhAapgM5FJdPSAlEtNQBVp0FMy13JGYWs52ULAAWnAMfELDC+aCWYAsELK9mCkQOmQ8NXN3JtDTHsCu19zDUx1AsOptvEtYtPNfx9zHekrdE+WPQx+vFcZMfxGToy0ItoCu1FSPKtHQQKkmIoOgNMiihqgJKLElkAQ7caumk3mmCblmk71fai2i1MUiGwhP2lXK+XSwvnGeb8Avwt5DOC0GeWSmafIOSS8dg91SC1er1GjLI4MTk5IX6g6mTmwIEZolfEQ0eOHBLXHsIZb5FR5Okj06mP4peOH78U/5NjkpnEOsJ95vw782YfXkeJDGG/Msqktnh+sSqWDTJx9dbVCXJBr5CZu7/dnSEVnRx85D16dJDAyA3m1xsI+/jxlTZ+65mwPwMib/6Z7YXXAkPa+bYYObERi1eePxLF53B66+T/8fHlEEWAgYUAQwbl0UtbYtjwYxwskzLDIER9ehgD1eeIHdCgRKFHtwDQ4dt/56TRojg3JxZHpbmO8VYA1k489fTbm3aEY4SYwP+I2k6o5YjYtMLVsOCB0ytQB+pgRSV+oddjssozP/fR1qrxqhzDC9uawwDDzW14Ni7HOK/MpdIpv4vJcfzJ0PDw0Npn/p/SJb3nMv4CH0Rx6p0mbNxhWitgysw5nrbWKdkEPKqqvDfNSYrEedO8qnZwkkhzxPE5qbiZXnA3BcFmmpJqXVS2mWKOdXEQXOymqYUuHvunm2Ogi4Vam3iqU8OXhXG4jt/A+1CM5hCij0WUhMgqUOycgGrVAerTNoAN35b8btoX4L1gl1rpkm2XmL8CcccMBTXvsi71YYK+Yiq9QQtPfeIwIBoZpj8WPXadXQC7nEjYP96NEbjrNILYpdIWClcx7dfOYNTyj26/G8H5/bSK30R76A21doI36Wtn7gCa3X7W0zDRmLFKteFnfY3eXoHtYfb7byQNYbdpWCMaHl/aL1lV+Y6fJ3dS9aQk7V/KG2B6J2V/MruU1wHMzNKsZI3KP/byfG+k3IXEeexGXHh5Sq5a0jKf4YUUvyxJ9KwputE0L8uyHI7zxpQ8WpKX+bSc4ZnaFqiDfA5zso9WjYMaClI5FDURC9rqKmgs6z1YXfUegNsxYekiCmMd7u1BaVoNFJ4PWOvG7WLk3SuMgOfi8TU35+dLDoc9XXFhpODdozEp5DoXUadtI3Ri0AMDyyxHbDiKqnBRes0AUw08b23URrta8PJ7++bhicH4hy/TdoxP5d//nIHDN3+6eRjg6FyYvIqowni2WMRo8vap+94DjgPt/nVg7Z54f8buNW+fPfr9Ufq9e632aa5QzALql5IARbuI0H/5frKNAAB4nGNgZGBgAGKeZ2U34/ltvjJwszCAwDX5+A8I+n89awNzI5DLwcAEEgUAOWELCwB4nGNgZGBgbvjfwBDD2sAABECSkQEVCAAAXUQDewAAAHicY2FgYGB+ycDAAqRZHVAxSAyMGaHyDRAMFwdiAH0uAzAAAAAAAAAAdgDoAWgBrgIQAm4CogLAAzIDYgOSBAoEKARYBKoAAHicY2BkYGAQYAhiYGUAASYg5gJCBob/YD4DABJvAX4AeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicbY3hDoIwEINXVIShgvEJF3fqktsGYxN8e5WZmBj7o/nSS3uiEFlS/FeHAiussUGJLSrUkGiwwx4HtOhwFJjbS2Iez4HI3UkbX7NPeqGK/bRAY1+ebD7bFCmTozlm6lk9FjoNycSfQdmrNOZKFyhdWQXr9SeIN1KRvoHsvXF5tRmtYp6M034qA71/CPEECk5EfwA=) format("woff")
}

.byte-player {
    font-size: 20px;
    background: #000;
    overflow: hidden;
    position: relative;
    color: #fff;
    -moz-user-select: none;
    -webkit-user-select: none
}

.byte-player * {
    margin: 0;
    padding: 0
}

.byte-player video {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border: 0
}

.byte-player.no-controls .controls {
    display: none
}

.byte-player .controls {
    position: absolute;
    width: 100%;
    height: 2em;
    line-height: 1.5;
    left: 0;
    bottom: 0;
    background-color: transparent !important;
    background-image: -webkit-linear-gradient(0, #000, transparent);
    background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#000), to(transparent));
    background-image: linear-gradient(0, #000, transparent);
    z-index: 10
}

.byte-player.byte-player-mobile {
    width: 100%
}

.byte-player .none {
    display: none !important
}

.byte-player .duration-tip {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .26667rem;
    background: rgba(0, 0, 0, .5);
    line-height: .37333rem;
    padding: .08rem .26667rem;
    z-index: 99;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    right: .53333rem;
    bottom: .4rem
}

.buyers[data-v-13eb0a08] {
    position: relative;
    top: -10rem
}

.buyers-container[data-v-13eb0a08] {
    position: absolute;
    top: .267rem;
    left: .267rem;
    color: #fff;
    height: 2.506rem;
    overflow: hidden
}

.buyers-item[data-v-13eb0a08],
.buyers-list-container[data-v-13eb0a08] {
    -webkit-transition: 1s linear;
    transition: 1s linear
}

.buyers-item[data-v-13eb0a08] {
    padding: 0 .267rem;
    height: 1.067rem;
    line-height: 1.067rem;
    margin-top: .186rem;
    -webkit-border-radius: .533rem;
    border-radius: .533rem;
    background: rgba(0, 0, 0, .6);
    opacity: 0
}

.buyers-list-unanime[data-v-13eb0a08] {
    -webkit-transition: none;
    transition: none
}

.current-item[data-v-13eb0a08] {
    opacity: 1
}

.next-item[data-v-13eb0a08] {
    opacity: .5
}

.buyers-container[data-v-448962d0] {
    position: fixed;
    top: .66rem;
    left: .4rem;
    color: #fff;
    height: 1.466rem;
    overflow: hidden;
    z-index: 99999999
}

.buyers-item[data-v-448962d0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .16rem;
    height: .64rem;
    line-height: .64rem;
    -webkit-border-radius: .533rem;
    border-radius: .533rem;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: 1;
    transition: 1;
    opacity: 0
}

.buyers-in[data-v-448962d0] {
    -webkit-animation: 1s show linear;
    animation: 1s show linear;
    opacity: 1
}

.buyers-out[data-v-448962d0] {
    -webkit-animation: 1s hide linear;
    animation: 1s hide linear
}

.buyers-show[data-v-448962d0] {
    opacity: 1
}

.buyers-item p[data-v-448962d0] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.buyers-img[data-v-448962d0] {
    width: .53rem;
    height: .53rem;
    -webkit-border-radius: .27rem;
    border-radius: .27rem;
    margin-right: .1rem;
    margin-left: -.05rem
}

.in-active .buyers-item[data-v-448962d0] {
    background: rgba(230, 92, 92, .8)
}

.current-item[data-v-448962d0] {
    opacity: 1
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes leafShake1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    80% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes leafShake1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    80% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes leafShake2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    80% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes leafShake2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    80% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.duanwu-wrapper {
    position: absolute;
    right: .26667rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/1f6acd9e.duanwu-bg.png) 50% -1px/contain no-repeat;
    bottom: 9.33333rem
}

.loading-title {
    height: 6.45333rem
}

.xkq-flag {
    position: absolute;
    top: 8.13333rem;
    left: .4rem
}

.good-title__price_left {
    position: absolute;
    left: .4rem;
    bottom: .2rem
}

.good-title__coupon-flag_right {
    position: absolute;
    right: .8rem;
    top: .4rem
}

.good-title__name_bottom {
    margin: .21333rem .4rem 0;
    font-size: .48rem;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    color: #333;
    line-height: .66667rem
}

._seckill-info {
    padding: 0 .32rem;
    font-size: .45333rem;
    line-height: .64rem;
    color: #222;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: .32rem 0 .26667rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._seckill-info ._title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 8rem;
    font-weight: 700
}

._seckill-info ._title.android {
    font-weight: 400
}

._seckill-info ._title.full {
    width: 100%
}

._seckill-info ._share {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    text-align: center;
    opacity: 1
}

._seckill-info ._share ._icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAn1BMVEVHcEz5WVn5WVn5Wlr/aWn4Wlr4WVn5WVn/jY35Wlr5Wlr5WVn6W1v/Xl7/XV35Wlr/XV35WVn4WVn5WVn8XFz5WVn5WVn/YGD5Wlr6Wlr5Wlr5WVn5WVn/Y2P7W1v7W1v5XV36Wlr4Wlr5W1v6XFz4Wlr/YWH6Wlr5Wlr6Wlr6W1v5WVn4Wlr6Wlr5WVn4WVn5Wlr5W1v5Wlr4WVn4WVn6RpNaAAAANHRSTlMAufn1B5fq/QNSgaI0Gh7bEp7ixyTMqBZ5YvHW7gtCOSuLvkkwcg1oiGxb0sSQsuZYTa/B3Esu7AAAAklJREFUGBmVwVVi20AARdEnHIFtmZmZQ3f/a6tsKUr70WRyjmztD/e2N50EG/3GKKTUq8lawBcvlqUhuZfbYZd6gLuQla4BWnvlulcgi2QjBRIVoivwKgvRGHqRSl0X+rKwBWJVHGjLwgaoq3KEsSycgYYqO/D0s3oLiFUJoK0fRJt3Q66lT/sQHH2rkbQpmLlKKXDS//mxY6iEb3rwV8C0qf/pHkMKZn12yPXj7WaYkTup0Byl62t/V1fJP68pZcOGNGjzl1RPfuLxZIKmcsvblMI4WOhpsKZyi/Qw6FB5qc1GHQrGefX1KTpMeOrM9eT3eDBjHrwxhcmwrn/VRkkyaqi0ItdazFQfupSmQU3fa7jgbfS0zMiZe+zrJ0Ngp9LCAEtZ+ICLKjfgLAttOKqyAFay4MJJlQGQykIIiSoDIJCFHlxVmQMHWTgCrypFHTANWdgamHZVSIB3WekD3imS1HDIbWWlmZEL7/2e4aE9l5XuhX+YYCYbs6PHkxfU+uSyhaw0X4N3p3UYSIpDwKx8/VKzT25S02+9vQAmiVTwu9t6JAvNlFxvqVzsuMA0rcnC2wvg7qJGh5Jp+fpZs0WuE5ILJ2NynZksbNo8OUspmk+Au2zsU3JDPfkpEMtGDNxV8jO4yMYN3Lo+xUBXFtawVqUOnGXhAoG+jGEnCx1oqRIZOMlCHzJV5kAsCydgpFLUAzOQhboLXk2FFeDIygpwj01J2w/A1GRlduEhu055SGSpMeFLIGv7lqEQjvQby6QXum3nsNff/gAsD3QrT/lDsQAAAABJRU5ErkJggg==) 50% no-repeat;
    -webkit-background-size: .56rem .56rem;
    background-size: .56rem;
    width: .56rem;
    height: .56rem;
    display: inline-block;
    position: relative;
    top: .08rem
}

._seckill-info ._share ._quan {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAwFBMVEVHcEz5WVn/YGD4Wlr4WVn/gID7WVn////5Wlr5WVn5W1v4WVn5WVn6WVn5Wlr5Wlr5Wlr4WVn////5c3P6np76l5f8ubn+/f3+9/f929v5cXH5dnb4bm74Zmb95OT+9fX7ra37pqb4Xl791tb+7Oz6lpb4Wlr+/v78x8f93t7939/5hYX7s7P90ND++fn7qan6iYn6ior7qqr8xsb8yMj5eHj8zs792dn90tL8zMz5fn791NT5g4P5fHz5gYH919df9azyAAAAEXRSTlMAUwjpvwI8AYXZduLzjKiL8vgHWcoAAAEySURBVCjPjVNXdoMwEBQYsMHgRINFde89vbf73yrIsiSckEfmZ7UzT9oqQiRsJ7Bc33etwLHJT5hegyo0PPNcNdr0DG2jJDZb9BdaTaV2aAU6Uud3M8aupXDDWMbvn+Jyqj9EnAk1jDHs88MxvimyGgN3Qr4HxiI/nr8nyMkMy5wfHpaYTQTnFd2Q9c6BF24fgbms3yaOTGixAT4ofQU2C8k5JFCVbIFnSt+AraICYulK98DnO7DXjEVc7eQxvp4Q55pxiS+PqzQ9oMAhTVeS87W8TpIkBuLCrCV3WX6c0h2wK/tuOTVKu0C37Fu6sNsoiqbAtDBXkrvQbRlAYaDbopraC8NwBIwK09NNlSOpiu3pgVbIx4GKdaiSDb1Mp0VhLNTL+L9VrFnkum9Q+4n++oLfM1003Ppsr1YAAAAASUVORK5CYII=) 50% no-repeat;
    -webkit-background-size: .26667rem .26667rem;
    background-size: .26667rem;
    width: .26667rem;
    height: .26667rem;
    position: absolute;
    top: 0;
    right: 0
}

._coupon-list {
    padding: 0 .373rem;
    display: block;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .373333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px
}

._coupon-list ._word {
    width: .9rem;
    color: #222;
    display: block;
    font-size: .4rem;
    white-space: nowrap
}

._coupon-list ._word_2 {
    width: 1.25rem
}

._coupon-list ._coupon-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden
}

._coupon-list ._item {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: .16rem;
    color: #ff7070;
    height: 20px;
    line-height: 20px;
    position: relative;
    font-size: 12px;
    display: inline-block
}

._coupon-list ._item img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px
}

._coupon-list ._item ._content {
    display: inline-block;
    height: 20px;
    padding: 0 .18667rem
}

@media (max-width:360px) {
    ._coupon-list ._item {
        height: 22px;
        line-height: 22px;
        font-size: 10px
    }

    ._coupon-list ._item ._content {
        padding: 0 4px
    }
}

._coupon-list ._right {
    color: #999;
    width: 80px;
    text-align: right;
    line-height: 1;
    min-width: 80px
}

._coupon-list ._right>span {
    font-size: 14px
}

._coupon-list-inline-container {
    display: inline-block;
    vertical-align: text-bottom
}

@media screen and (max-width:360px) {
    ._coupon-list-inline-container {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom
    }
}

._coupon-list--beside-price {
    padding: 0;
    height: auto
}

._sell-point {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    font-size: .32rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: .37333rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: .37333rem
}

._sell-point .service {
    margin-top: .24rem;
    font-size: .4rem;
    line-height: .50667rem;
    color: #222;
    letter-spacing: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .9rem
}

._sell-point .service--large {
    width: 1.25rem
}

._sell-point .wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: .08rem;
    padding-bottom: .32rem;
    padding-left: .18667rem
}

._sell-point ._item {
    margin-top: .21333rem;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    color: #999;
    line-height: .37333rem;
    margin-right: .45333rem;
    font-size: .32rem
}

._sell-point ._item>i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAVFBMVEVHcEz5WVn/bW34Wlr/c3P5Wlr5Wlr5Wlr6Wlr5WVn/YWH5Wlr5Wlr6XFz5WVn5WVn6Wlr5Wlr/Wlr5Wlr/W1v5WVn5W1v5Wlr5XFz7WVn7XFz4WVkdm6I3AAAAG3RSTlMA1QqYBU1ttWX5F4l/MMumke8RxxyjeVJWPD3ykAhfAAABL0lEQVQ4y52U2ZKDIBBFGxEBHXeTzMz5//+cByVBgilq+g3rVHtvbyL/i6o37u5MX32CWmc9e3jr2gtq6QJ0oN2Sw5oZAGV1p60CYG7edY0Aa7Md761ZAcZEZzsAypy+GQUMJ5XVAEx18o96AoY44wjeZTQ7D2NkAXDZGjjgaWaZYboo1gRzKE8Hqr7gagXd4dWDueyRAd8GDWs21feviMgatNtIaoxZ6HeTVkSk8rDlMXoR2cBXItKDusC+RERE7bw58oo8HjlM7G7TgQ7ObhlM9G7kHgpkCOAJkw7ucT7RB3jGQr6XvgNMsKAv9quBW4IFv6f66X01YizU79wPnWLPfiT91Qn26m8yLz/9xbyUzl/xPJfuR/G+Fe9v6T0ovi/F96r8/hXf0/L7/CH+ALl6JJnM2xN2AAAAAElFTkSuQmCC) 50% no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    display: inline-block;
    width: .29333rem;
    height: .29333rem;
    vertical-align: bottom;
    margin-right: .08rem;
    padding: 1px
}

._sell-point .arrow-right {
    display: block;
    width: .2rem;
    height: .2rem;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

._goods-info {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

._goods-info ._order-first {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

._goods-info ._order-second {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

._goods-info ._title {
    color: #333;
    margin: .42667rem .4rem 0;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    line-height: .53333rem;
    font-size: .42667rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._goods-info ._title.android {
    font-weight: 400
}

._goods-info ._money {
    text-decoration: line-through
}

._goods-info ._price-sellnum-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

._goods-info ._price-sellnum-area ._price-area {
    margin: .1rem .267rem 0;
    position: relative;
    height: 1.093333rem
}

._goods-info ._price-sellnum-area ._price-area.hot {
    margin-top: .23rem
}

._goods-info ._price-sellnum-area ._price-area ._amount {
    color: #f85959;
    display: inline-block;
    font-size: .4rem
}

._goods-info ._price-sellnum-area ._price-area ._amount ._number {
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    font-size: .98rem
}

._goods-info ._price-sellnum-area ._price-area ._amount.min {
    margin-top: .16rem
}

._goods-info ._price-sellnum-area ._price-area ._amount.min ._number {
    font-size: .69333rem
}

._goods-info ._price-sellnum-area ._price-area ._discount {
    display: inline-block;
    color: #999;
    margin-left: .1rem;
    font-size: .373333rem
}

._goods-info ._price-sellnum-area ._price-area ._discount ._amount {
    text-decoration: line-through
}

._goods-info ._price-sellnum-area ._sellnum-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: .26667rem;
    margin-right: .4rem;
    font-family: PingFangSC-Regular
}

._goods-info ._price-sellnum-area ._sellnum-area .hot-icon {
    margin-right: .16rem;
    width: 16px
}

._goods-info ._price-sellnum-area ._sellnum-area.hot {
    font-size: .37333rem;
    white-space: nowrap;
    color: #fe5c5c
}

._goods-info ._price-sellnum-area ._sellnum-area.blur {
    font-size: .32rem;
    color: #a3a3a3
}

._goods-info ._share-icon {
    position: absolute;
    right: .267rem;
    bottom: .1rem;
    text-decoration: none;
    color: #999;
    font-size: .266667rem
}

._goods-info ._share-icon.gift:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: .133rem solid;
    border-color: transparent transparent transparent #f85959;
    top: .2rem;
    left: -.37rem;
    -webkit-animation: display_move .5s;
    animation: display_move .5s
}

._goods-info ._share-icon.gift:before {
    content: "\5206\4EAB\8D5A  10\5143";
    display: block;
    background: #f85959;
    -webkit-border-radius: .053rem;
    border-radius: .053rem;
    height: .667rem;
    line-height: .667rem;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: -2.533rem;
    width: 2.187rem;
    text-align: center;
    top: 0;
    -webkit-animation: share_move .5s;
    animation: share_move .5s
}

._goods-info ._share-icon i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAn1BMVEVHcEz5WVn5WVn5Wlr/aWn4Wlr4WVn5WVn/jY35Wlr5Wlr5WVn6W1v/Xl7/XV35Wlr/XV35WVn4WVn5WVn8XFz5WVn5WVn/YGD5Wlr6Wlr5Wlr5WVn5WVn/Y2P7W1v7W1v5XV36Wlr4Wlr5W1v6XFz4Wlr/YWH6Wlr5Wlr6Wlr6W1v5WVn4Wlr6Wlr5WVn4WVn5Wlr5W1v5Wlr4WVn4WVn6RpNaAAAANHRSTlMAufn1B5fq/QNSgaI0Gh7bEp7ixyTMqBZ5YvHW7gtCOSuLvkkwcg1oiGxb0sSQsuZYTa/B3Esu7AAAAklJREFUGBmVwVVi20AARdEnHIFtmZmZQ3f/a6tsKUr70WRyjmztD/e2N50EG/3GKKTUq8lawBcvlqUhuZfbYZd6gLuQla4BWnvlulcgi2QjBRIVoivwKgvRGHqRSl0X+rKwBWJVHGjLwgaoq3KEsSycgYYqO/D0s3oLiFUJoK0fRJt3Q66lT/sQHH2rkbQpmLlKKXDS//mxY6iEb3rwV8C0qf/pHkMKZn12yPXj7WaYkTup0Byl62t/V1fJP68pZcOGNGjzl1RPfuLxZIKmcsvblMI4WOhpsKZyi/Qw6FB5qc1GHQrGefX1KTpMeOrM9eT3eDBjHrwxhcmwrn/VRkkyaqi0ItdazFQfupSmQU3fa7jgbfS0zMiZe+zrJ0Ngp9LCAEtZ+ICLKjfgLAttOKqyAFay4MJJlQGQykIIiSoDIJCFHlxVmQMHWTgCrypFHTANWdgamHZVSIB3WekD3imS1HDIbWWlmZEL7/2e4aE9l5XuhX+YYCYbs6PHkxfU+uSyhaw0X4N3p3UYSIpDwKx8/VKzT25S02+9vQAmiVTwu9t6JAvNlFxvqVzsuMA0rcnC2wvg7qJGh5Jp+fpZs0WuE5ILJ2NynZksbNo8OUspmk+Au2zsU3JDPfkpEMtGDNxV8jO4yMYN3Lo+xUBXFtawVqUOnGXhAoG+jGEnCx1oqRIZOMlCHzJV5kAsCydgpFLUAzOQhboLXk2FFeDIygpwj01J2w/A1GRlduEhu055SGSpMeFLIGv7lqEQjvQby6QXum3nsNff/gAsD3QrT/lDsQAAAABJRU5ErkJggg==) 50% no-repeat;
    -webkit-background-size: .56rem .56rem;
    background-size: .56rem;
    display: inline-block;
    width: .66rem;
    height: .66rem;
    margin-bottom: .107rem;
    vertical-align: middle
}

._goods-info ._share-icon span {
    margin-left: 5px;
    font-size: .37333rem;
    display: inline-block;
    color: #f85959
}

._goods-info ._share-icon.gift span {
    display: none
}

@-webkit-keyframes share_move {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    30% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    90% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes share_move {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    30% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    90% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes display_move {
    0% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes display_move {
    0% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

._recommend-remark-ab-test {
    color: #161823;
    opacity: .7;
    margin: 0 .32rem .32rem;
    font-size: .34667rem;
    font-family: PingFangSC-Regular
}

._recommend-remark {
    font-size: .37333rem;
    margin: .32rem .4rem 0;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #333;
    line-height: .45rem
}

._recommend-remark.hot {
    margin-top: 0;
    margin-bottom: .32rem
}

._recommend-remark.limited-coupon {
    margin-top: .18667rem;
    margin-bottom: .21333rem
}

._extra-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 9.3066rem;
    -webkit-text-size-adjust: none;
    color: #999;
    font-size: .32rem;
    margin: .21333rem .4rem
}

._extra-details ._extra-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._extra-details ._extra-item._middle {
    text-align: center
}

._extra-details ._extra-item._right {
    text-align: right
}

._product_params {
    padding: 0 .373rem;
    display: block;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .373333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.31rem
}

._product_params .product-format {
    height: 1.31rem;
    width: 100%;
    position: relative
}

._product_params .product-format ._word {
    color: #222;
    display: inline-block;
    font-size: .4rem;
    width: .8rem;
    white-space: nowrap;
    line-height: 1.31rem;
    height: 1.31rem
}

._product_params .product-format ._right {
    display: inline-block;
    color: #999;
    position: absolute;
    top: .4rem;
    right: 0
}

._product_params .no-product-format {
    color: #222
}

.ac-618 {
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/1a2c2c52.flag618.png) 0 0/cover no-repeat;
    position: absolute;
    right: .05333rem;
    display: inline-block;
    width: 2.88rem;
    height: 2.21333rem;
    bottom: 9.17333rem
}

.activity_goods-info_wrapper {
    height: 1.8rem;
    margin-top: -.46rem;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: relative
}

.activity_goods-info_left-wrapper,
.activity_goods-info_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.activity_goods-info_left-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5.83rem;
    -ms-flex: 0 0 5.83rem;
    flex: 0 0 5.83rem
}

.activity_goods-info_right-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.17rem;
    -ms-flex: 0 0 4.17rem;
    flex: 0 0 4.17rem
}

.activity_goods-info_price {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    color: #fff9b3;
    font-weight: 400;
    padding-left: .333rem;
    padding-top: .56rem
}

.activity_goods-info_price-unit {
    font-size: .373rem
}

.activity_goods-info_price-number {
    font-size: .853rem;
    line-height: 1.333rem;
    font-weight: 500
}

.activity_goods-info_content {
    -webkit-box-flex: 10;
    -webkit-flex: 10 1 auto;
    -ms-flex: 10 1 auto;
    flex: 10 1 auto;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .1rem;
    padding-top: .6rem
}

.activity_goods-info_content--bottom {
    padding-top: .78rem
}

.activity_goods-info_content-second-price {
    color: hsla(0, 0%, 100%, .7);
    line-height: 1.5
}

.activity_goods-info_content-market-price {
    text-decoration: line-through
}

.activity_goods-info_content-sales {
    font-size: .333rem
}

.activity_goods-info .leaf1 {
    top: .8rem;
    left: 4.96rem;
    width: .53333rem;
    height: .8rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/790eeaf3.leaf.svg);
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-animation: leafShake1 3s linear infinite;
    animation: leafShake1 3s linear infinite
}

.activity_goods-info .leaf1,
.activity_goods-info .leaf2 {
    position: absolute;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.activity_goods-info .leaf2 {
    top: .32rem;
    left: 5.28rem;
    width: .74667rem;
    height: 1.33333rem;
    -webkit-animation: leafShake2 3s linear infinite;
    animation: leafShake2 3s linear infinite;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/790eeaf3.leaf.svg);
    -webkit-background-size: cover;
    background-size: cover
}

.activity_goods-info .side {
    width: 1.70667rem;
    height: 1.46667rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/55df5910.520flag.svg);
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    right: 0;
    top: -8.4rem
}

.activity_goods-info_announce {
    margin-top: 1.22667rem;
    font-size: .347rem;
    float: right;
    margin-right: .29333rem
}

.activity_goods-info_announce-title {
    color: #ffc87d;
    vertical-align: middle
}

.activity_goods-info_announce-countdown {
    color: #fff
}

.activity_goods-info_announce-countdown-number {
    color: #fff;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: .48rem;
    height: .48rem;
    line-height: .48rem;
    -webkit-border-radius: .05rem;
    border-radius: .05rem;
    background: #269b9d;
    margin: 0 .01rem
}

.activity_goods-info_announce-range {
    color: #fff;
    font-size: .347rem;
    line-height: 1.5;
    padding-left: .3rem
}

.activity_title {
    color: #222;
    min-height: .533333rem;
    font-size: .453333rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700;
    margin: .187rem .37333rem
}

._coupon-2-container {
    margin: .16rem auto
}

._transform-comp {
    margin: .16rem .26667rem .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.06667rem;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: .37333rem;
    line-height: 1.06667rem
}

._transform-comp.hot {
    margin-top: .32rem
}

._transform-comp ._transform-comp-text {
    -webkit-box-flex: 129;
    -webkit-flex: 129;
    -ms-flex: 129;
    flex: 129;
    font-weight: 400;
    color: #161823;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAsYAAABQBAMAAADo5q7xAAAAJ1BMVEVHcEz/4eD/4N//4N//4eD/4N//4+D/4OD/////4d7/////4eH/4N9WA9WrAAAADHRSTlMA/vLYpNxRigVVAlWVPMP/AAAA7klEQVR42u3drQmCARiF0ZvEIWxWk9kFBLMYLS4hhq+4gdHuAkaLPyCCQznFNZ1nhMOb35tkfJp/1Wm6HJIkOxTF1klymYAodt8nOXCo9k5Gzrh8yNscKZTb5Aah3CcrCOVeWUAo98wMQrlHGNRjzJixGDNmLMaMxZgxYzFmzFiMGYsxY8ZizJixGDMWY8aMxZixGDNmLMaMGYsxYzFmzFiMGTMWY8ZizJixGDNmLMaMxZgxYzFmLMZ/NJ4xKPfwm7fe04/peq+cIZT7+Plfb2O7ot19a4Ol3duWUP2M9zax2q2TJOOrbbdW0+WQ/AABW0VZBq4G3AAAAABJRU5ErkJggg==);
    -webkit-background-size: cover;
    background-size: cover
}

._transform-comp ._transform-comp-text--seckill {
    background: 50%/cover url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABCkAAAB4CAMAAADotVgUAAABBVBMVEVHcEzm2vLo2vPo6P/o2/Pn2vP////o2/Po2vLo2vLn2/To2/Ln2vPp2/Ph0vDo2vLp2/Po2vLr3fTn2vLo3PPr3fLp2vP////j1fHn2fLq2/Xo3PLn2vLq3PL/gP/p2vTn2vPo3PPm3fbm1u/n2/Lo3PPo2/Pn2/P////o2vLn2/Po2vP/qv/o2vPj2ezo2vLl2PLp2/bo2/Pd3e7m2vLq6v/k1/LmzObm2fLm2vLn2vLo2/Pp2PTn2vLm2fLo2/Po2vLo2/Lo2/Po2vPn2/Ph4fDo2/Po2/Ln2vLp2/Po2vPw4fDo2vHn2/Lo2/Lr2PXi2PXn2vLn2vLo2vbn2/Po2/Tn2vIJeH8RAAAAVnRSTlMA948L0vUB/vLxnnj5fxGIgPBZyHsmUgIS+nq0s2ACdvgsHh93WLmAA/u4hAP6G90nOdUP9gwTCvn4+tMu1TzW38XQ0CoRvvDBam4RhMzbGhrG1DfOiP0CsYsAAAImSURBVHja7dvFchtBAEXRZxCZY4jZjpkxzMxM+v9PySJyRVJJM+tUnfMJb3GreronaVl7/Wp95cW1JkCz2Xi4vPRoYT5dtraf140DtKnMzM5VO0Jx/eUNswBdFh9Pt3Xi7mjNJEAPtfHbV6EYGhywB9DT2MhEqxSjt6wB9HF/qvWNwtEDKDiA7CTJ5rAlgAJn58nae7ceQJGTT8f5+MYOQKHP37LhwRVQrHKRdSsAJfayYgSgxGHcfABlLuPvUaBMIzYASikFoBSAUgBKASgFoBSAUgBKAaAUgFIASgEoBaAUgFIASgEoBYBSAEoBKAWgFIBSAEoBKAWAUgBKASgFoBSAUgBKASgFoBQASgEoBaAUgFIASgEoBaAUAEoBKAWgFIBSAEoBKAWgFIBSACgFoBSAUgBKASgFoBSAUgBKAaAUgFIASgEoBaAUgFIASgGgFIBSAEoBKAWgFIBSAEoBKAWAUgBKASgFoBSAUgBKASgFgFIASgEoBaAUgFIASgEoBaAUAEoBKAWgFIBSAEoB/NeleGsDoEQjw0YASlxm2QhAid0sGQEocZSNuhWAQpWLLLwzA1Do12nmPyzaAShw8Hs/2XT7ARQ5O0+S6ZolgL5qq9Ukyfg9WwB9PJjMX0ODA9YAehobmWiVIjenHECAnkePyTv5Z+fLiUmALgfPVtNha/u7J1hAu8rM7Fy1sxQ5/vpz7/BHwzhAs9msP909enK6fxWIP9GucuCYw0j/AAAAAElFTkSuQmCC);
    -webkit-border-radius: .09rem;
    border-radius: .09rem
}

._transform-comp ._transform-comp-btn {
    -webkit-box-flex: 227;
    -webkit-flex: 227;
    -ms-flex: 227;
    flex: 227;
    margin-left: -.21rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fff;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/ea9f6f96.transform-bg-right.png);
    -webkit-background-size: cover;
    background-size: cover
}

._transform-comp ._transform-comp-btn--seckill {
    background: 50%/cover url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/e3f774b9.seckill-transform-bg-right.png)
}

._transform-comp ._transform-comp-btn>i {
    display: inline-block;
    vertical-align: middle;
    width: .52rem;
    height: .53333rem;
    margin-right: .32rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/22cabea8.luban-cart.png);
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-animation: cart .7s infinite;
    animation: cart .7s infinite
}

@-webkit-keyframes cart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes cart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.group-buying .group-buying-header {
    width: 100%;
    height: 1.33333rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/7e87e04c.group-buying-header.png);
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.group-buying .group-buying-header .icon {
    position: absolute;
    top: .21333rem;
    left: .26667rem;
    width: .96rem;
    height: .42667rem;
    text-align: center;
    line-height: .42667rem;
    color: hsla(0, 0%, 100%, .8);
    border: 1px solid hsla(0, 0%, 100%, .8);
    -webkit-border-radius: .10667rem;
    border-radius: .10667rem
}

.group-buying .group-buying-header .price {
    margin-left: 1.06667rem;
    margin-bottom: .08rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fff;
    vertical-align: bottom;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.group-buying .group-buying-header .price .yuan {
    font-size: .32rem;
    line-height: .6rem
}

.group-buying .group-buying-header .price .number {
    margin-left: .08rem;
    font-size: .85333rem
}

.group-buying .group-buying-header .price-container {
    margin-left: .32rem;
    margin-bottom: .18667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.group-buying .group-buying-header .price-container .sell-num {
    display: block;
    font-size: .32rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #fff;
    margin-bottom: .08rem
}

.group-buying .group-buying-header .price-container .second-price {
    display: block;
    font-size: .34667rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: hsla(0, 0%, 100%, .7);
    margin-bottom: .02667rem
}

.group-buying .group-buying-header .price-container .second-price .market-price {
    text-decoration: line-through
}

.group-buying .group-buying-header .right-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -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;
    width: 3.57333rem;
    height: 1.33333rem;
    font-size: .34667rem;
    font-weight: 400;
    color: #fff;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY4IiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjE5NjYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZENTgwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNNTMyIDg3OGgyMTh2MTAwSDUzMmMtMjcuNjE0IDAtNTAtMjIuMzg2LTUwLTUwczIyLjM4Ni01MCA1MC01MHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00ODIgLTg3OCkiIGZpbGw9InVybCgjYSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    -webkit-background-size: cover;
    background-size: cover
}

.group-buying .group-buying-header .right-wrapper .text {
    margin-bottom: .12rem
}

.group-buying .group-buying-header .right-wrapper .time .item {
    font-size: .4rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: .53333rem;
    height: .45333rem;
    -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;
    background-color: #c40201
}

.group-buying ._title {
    color: #333;
    margin: .42667rem .4rem .21333rem;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    line-height: .53333rem;
    font-size: .42667rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.group-buying ._title.android {
    font-weight: 400
}

.group-description {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .4rem;
    position: relative;
    background-color: #fff
}

.group-description .title {
    height: .6rem;
    font-size: .4rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #222;
    line-height: .6rem
}

.group-description .list {
    margin: .4rem auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.group-description .list .item {
    width: 1.28rem
}

.group-description .list .item .number {
    margin: auto;
    width: .53333rem;
    height: .53333rem;
    text-align: center;
    font-size: .4rem;
    font-weight: 500;
    color: #fff;
    line-height: .53333rem;
    background-color: #ff988e;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.group-description .list .item .text {
    margin-top: .10667rem;
    font-size: .32rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #666;
    line-height: .44rem
}

.group-description .list .line {
    width: 1.33333rem;
    height: 1px;
    margin: .24rem -.08rem;
    background-color: #ff988e
}

.group-description .icon {
    position: absolute;
    top: .53333rem;
    right: .4rem
}

.group-description .icon>i {
    display: block;
    width: .2rem;
    height: .2rem;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.activity-pintuan-bar {
    height: 1.38667rem;
    width: 10rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.activity-pintuan-bar.going {
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/e4415a06.activity-bar-bg.png) 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff
}

.activity-pintuan-bar.going ._activity-name {
    background: #fff;
    color: #ff6089
}

.activity-pintuan-bar.pre {
    background: #ffd5e3;
    color: #ff6089
}

.activity-pintuan-bar.pre ._activity-name {
    color: #fff;
    background: #ff6089
}

.activity-pintuan-bar .pink-yuan,
.activity-pintuan-bar .white-yuan {
    width: .4rem;
    height: .4rem;
    position: relative;
    margin-left: .32rem
}

.activity-pintuan-bar ._activity-price {
    font-family: DINAlternate-Bold;
    font-size: .53333rem;
    margin: 0 .26667rem 0 .05333rem
}

.activity-pintuan-bar ._activity-name {
    background: #fff;
    font-size: .37333rem;
    color: #ff6089;
    padding: 0 .10667rem;
    line-height: 20px;
    height: 20px;
    font-family: PingFangSC-Semibold
}

.activity-pintuan-bar ._activity-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: end;
    margin-right: .37333rem;
    line-height: .53333rem
}

.activity-seckill-bar {
    width: 10rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.44rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .32rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-linear-gradient(327deg, #fe3266, #fe1579);
    background-image: linear-gradient(-237deg, #fe3266, #fe1579);
    color: #fff
}

.activity-seckill-bar .white-yuan {
    width: .53333rem;
    height: .53333rem
}

.activity-seckill-bar ._amount {
    font-size: .96rem;
    font-family: DINAlternate-Bold
}

.activity-seckill-bar ._origin {
    margin-left: .18667rem
}

.activity-seckill-bar ._origin ._money {
    font-size: .37333rem;
    line-height: 1;
    text-decoration: line-through
}

.activity-seckill-bar ._origin ._tag {
    font-size: .4rem;
    font-weight: 700
}

.activity-seckill-bar ._timer-bar {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.activity-seckill-bar ._timer-bar ._word {
    font-size: 0;
    margin-bottom: .13333rem
}

.activity-seckill-bar ._timer-bar ._word span {
    font-size: .37333rem
}

.activity-seckill-bar ._timer-bar ._word ._time-placeholder {
    display: inline-block;
    width: 1.6rem;
    overflow: auto;
    vertical-align: bottom
}

.activity-seckill-bar ._timer-bar ._bar {
    width: 3.2rem;
    height: 16px;
    text-align: center;
    position: relative;
    -webkit-border-radius: 2.24rem;
    border-radius: 2.24rem;
    overflow: hidden;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fec3b8;
    background-image: -webkit-linear-gradient(315deg, #febcb2 25%, transparent 0, transparent 50%, #febcb2 0, #febcb2 75%, transparent 0, transparent);
    background-image: linear-gradient(135deg, #febcb2 25%, transparent 0, transparent 50%, #febcb2 0, #febcb2 75%, transparent 0, transparent);
    display: inline-block;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px
}

.activity-seckill-bar ._timer-bar ._bar ._content {
    font-size: .26667rem;
    width: 100%;
    height: 14px;
    line-height: 15px;
    position: relative;
    z-index: 99
}

.activity-seckill-bar ._timer-bar ._bar ._current-bar {
    z-index: 88;
    background-color: #ec7b1c;
    background-image: -webkit-linear-gradient(315deg, #febcb2 25%, transparent 0, transparent 50%, #febcb2 0, #febcb2 75%, transparent 0, transparent);
    background-image: linear-gradient(135deg, #febcb2 25%, transparent 0, transparent 50%, #febcb2 0, #febcb2 75%, transparent 0, transparent);
    display: inline-block;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
    position: absolute;
    top: 0;
    left: 1px;
    height: 14px;
    -webkit-border-radius: 2.24rem;
    border-radius: 2.24rem
}

.activity-seckill-bar ._timer-bar ._bar ._current-bar:before {
    content: "";
    -webkit-border-radius: 2.24rem;
    border-radius: 2.24rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: -webkit-linear-gradient(left, #fe9422, #f74e4f);
    background: -webkit-gradient(linear, left top, right top, from(#fe9422), to(#f74e4f));
    background: linear-gradient(90deg, #fe9422, #f74e4f);
    opacity: .8
}

._2Zn7X_37NMgimstZKUQ8xq_0 {
    height: 2.4rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/10c417d9.sec-kill-bg_3x.png);
    -webkit-background-size: cover;
    background-size: cover
}

.RFaxFu2VuAYn5VK2TADvK_0 {
    height: 1.33rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._1ykai98aioggojdGXxdRFy_0 {
    color: #fff;
    height: 1.33rem;
    line-height: 1.33rem;
    padding-left: .4rem;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    margin-top: .07rem
}

.WATFx-CdidwiF4ohXLZNl_0 {
    font-size: .47rem;
    vertical-align: baseline
}

._3XO-1eZhmW5oX5AxJ6mL7E_0 {
    font-size: .85rem;
    vertical-align: baseline
}

._2RyX-3hobnSveZ-xzy_TWr_0 {
    display: table;
    height: 100%;
    padding-left: .27rem;
    font-size: .34rem;
    margin-top: .053rem
}

._3ctJArO7W0yynT_SsHEO1j_0 ._1Bxzebrx9skpN_A_3PWMK0_0 {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    vertical-align: baseline
}

._1Bxzebrx9skpN_A_3PWMK0_0 {
    display: table-cell;
    vertical-align: middle
}

._39WrTgwyD07Cn95ws41Cr7_0,
.q-z_GjRBAVvPw2XR4G5rc_0 {
    color: #fff;
    line-height: 1.2
}

._3KlU4z6K3m9PexGCfpctzY_0 {
    text-decoration: line-through;
    color: hsla(0, 0%, 100%, .7)
}

._3LXYCKJ0sJCGE1P_YbQBEq_0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

._1fwS-fzckah3R4hhlB3RRM_0 {
    position: relative;
    background: 50%/cover no-repeat url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/61670af4.sec-kill_3x.png);
    width: 3.667rem;
    height: 100%;
    float: right;
    margin-top: .05rem
}

.CVX27cnafkkQEOQwZOvuJ_0 {
    position: absolute;
    width: .667rem;
    left: .37rem;
    top: .28rem
}

._2Bu8chYphg0tvMpsXuSGds_0 {
    width: 9.7rem;
    height: .93rem;
    background-color: #fff;
    margin: 0 auto;
    -webkit-border-radius: .05rem;
    border-radius: .05rem
}

._2Bu8chYphg0tvMpsXuSGds_0,
._3zUqev8CcC5ac_v5Qu1DD-_0 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._3zUqev8CcC5ac_v5Qu1DD-_0 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-size: .37rem;
    line-height: .93rem;
    height: 100%;
    padding-left: .27rem;
    white-space: nowrap
}

._1MvGVFD90uXKRbfz5-jV9F_0 {
    display: block;
    width: .67rem;
    line-height: .55rem;
    background: #ff482b;
    text-align: center;
    color: #fff;
    -webkit-border-radius: .053rem;
    border-radius: .053rem
}

._3UyuHPKPCF50ItOwsQiwse_0 {
    width: .8rem
}

._2Pr7Tql2OP89r0XqYowLb-_0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

._28NEyGfqhWxz5IwFaqCawI_0 {
    float: right;
    height: 100%;
    line-height: .93rem;
    padding-right: .27rem
}

._1HA6dfMTLtSg1y1ezxg4Zt_0 {
    width: .4rem;
    vertical-align: middle
}

.FGReO5WiKprbQyf1vIhii_0 {
    font-size: .37rem;
    color: #ff482b;
    vertical-align: middle
}

.pre-activity-bar {
    height: 1.44rem;
    width: 10rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .32rem;
    font-size: .37333rem;
    color: #222;
    background: #a6d3f3
}

.pre-activity-bar .black-yuan {
    margin-left: .26667rem;
    width: .37333rem;
    height: .37333rem;
    margin-right: .08rem
}

.pre-activity-bar ._amount {
    font-size: .53333rem;
    font-family: DINAlternate-Bold
}

.pre-activity-bar ._time {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    font-size: 0
}

.pre-activity-bar ._time ._text {
    margin-right: 5px;
    font-size: .37333rem
}

.pre-activity-bar ._time ._p {
    height: 19px;
    line-height: 19px;
    width: 19px;
    background: #222;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: .05333rem;
    border-radius: .05333rem
}

.pre-activity-bar ._time ._c {
    font-size: .42667rem;
    margin: 0 2px
}

.timeLimit-coupon[data-v-dd2e6d52] {
    width: 9.2rem;
    height: 1.33rem;
    margin: 0 auto;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .2rem 0 .2rem .4rem
}

.timeLimit-coupon--init[data-v-dd2e6d52] {
    background-image: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/59ddf37e.coupon-unused.png)
}

.timeLimit-coupon--used[data-v-dd2e6d52] {
    background-image: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/cf29e01e.coupon-used.png)
}

.timeLimit-coupon--outdated[data-v-dd2e6d52] {
    background-image: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/a420788c.coupon-outdated.png)
}

.timeLimit-coupon__flex-wrapper[data-v-dd2e6d52] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 6.52rem
}

.timeLimit-coupon__flex-wrapper[data-v-dd2e6d52],
.timeLimit-coupon__price[data-v-dd2e6d52] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.timeLimit-coupon--init .timeLimit-coupon__price[data-v-dd2e6d52],
.timeLimit-coupon__price .timeLimit-coupon[data-v-dd2e6d52] {
    color: #fff
}

.timeLimit-coupon--used .timeLimit-coupon__price[data-v-dd2e6d52],
.timeLimit-coupon__price .timeLimit-coupon[data-v-dd2e6d52] {
    color: #eb6762
}

.timeLimit-coupon--outdated .timeLimit-coupon__price[data-v-dd2e6d52],
.timeLimit-coupon__price .timeLimit-coupon[data-v-dd2e6d52] {
    color: #161823
}

.timeLimit-coupon__price-unit[data-v-dd2e6d52] {
    font-size: .427rem
}

.timeLimit-coupon__price-number[data-v-dd2e6d52] {
    font-size: .72rem;
    line-height: .93rem
}

.timeLimit-coupon__content[data-v-dd2e6d52] {
    padding: 0 .33rem 0 .2rem;
    -webkit-box-flex: 3;
    -webkit-flex: 3 1 auto;
    -ms-flex: 3 1 auto;
    flex: 3 1 auto;
    overflow: hidden
}

.timeLimit-coupon--init .timeLimit-coupon__content[data-v-dd2e6d52],
.timeLimit-coupon__content .timeLimit-coupon[data-v-dd2e6d52] {
    color: #fff
}

.timeLimit-coupon--used .timeLimit-coupon__content[data-v-dd2e6d52],
.timeLimit-coupon__content .timeLimit-coupon[data-v-dd2e6d52] {
    color: #eb6762
}

.timeLimit-coupon--outdated .timeLimit-coupon__content[data-v-dd2e6d52],
.timeLimit-coupon__content .timeLimit-coupon[data-v-dd2e6d52] {
    color: #161823
}

.timeLimit-coupon__content-line-wrapper[data-v-dd2e6d52] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.timeLimit-coupon__content-type[data-v-dd2e6d52] {
    font-size: .373rem;
    vertical-align: middle
}

.timeLimit-coupon__content-channel[data-v-dd2e6d52] {
    display: inline-block;
    font-size: .267rem;
    padding: .053rem .0667rem;
    margin-left: .05rem;
    -webkit-border-radius: .107rem;
    border-radius: .107rem;
    vertical-align: middle
}

.timeLimit-coupon--init .timeLimit-coupon__content-channel[data-v-dd2e6d52],
.timeLimit-coupon--used .timeLimit-coupon__content-channel[data-v-dd2e6d52],
.timeLimit-coupon__content-channel .timeLimit-coupon[data-v-dd2e6d52] {
    background: #ffce82
}

.timeLimit-coupon--outdated .timeLimit-coupon__content-channel[data-v-dd2e6d52],
.timeLimit-coupon__content-channel .timeLimit-coupon[data-v-dd2e6d52] {
    background: rgba(22, 24, 35, .08)
}

.timeLimit-coupon__content-state[data-v-dd2e6d52] {
    font-size: .333rem;
    padding-top: .067rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.timeLimit-coupon__operate[data-v-dd2e6d52] {
    line-height: .93rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2.28rem;
    -ms-flex: 0 0 2.28rem;
    flex: 0 0 2.28rem;
    text-align: center;
    font-size: .373rem
}

.timeLimit-coupon--init .timeLimit-coupon__operate[data-v-dd2e6d52],
.timeLimit-coupon__operate .timeLimit-coupon[data-v-dd2e6d52] {
    color: #fff
}

.timeLimit-coupon--used .timeLimit-coupon__operate[data-v-dd2e6d52],
.timeLimit-coupon__operate .timeLimit-coupon[data-v-dd2e6d52] {
    color: #eb6762
}

.timeLimit-coupon--outdated .timeLimit-coupon__operate[data-v-dd2e6d52],
.timeLimit-coupon__operate .timeLimit-coupon[data-v-dd2e6d52] {
    color: #161823
}

.fade-enter-active[data-v-4a7ac020] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-4a7ac020] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-4a7ac020],
.fade-leave-to[data-v-4a7ac020] {
    opacity: 0
}

.fade-out-leave-active[data-v-4a7ac020] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-4a7ac020],
.fade-out-leave-to[data-v-4a7ac020] {
    opacity: 0
}

.wrapper[data-v-4a7ac020] {
    margin: 0 auto
}

.wrapper .number[data-v-4a7ac020] {
    font-size: .37333rem;
    color: #666;
    line-height: .53333rem
}

.wrapper .progress[data-v-4a7ac020] {
    margin-top: .2rem;
    width: 4.26667rem
}

.wrapper .get-text[data-v-4a7ac020] {
    font-size: .37333rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #ff482b
}

.fade-enter-active[data-v-136ced82] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-136ced82] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-136ced82],
.fade-leave-to[data-v-136ced82] {
    opacity: 0
}

.fade-out-leave-active[data-v-136ced82] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-136ced82],
.fade-out-leave-to[data-v-136ced82] {
    opacity: 0
}

.wrapper[data-v-136ced82] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 9.25333rem;
    height: 1.65333rem;
    font-size: 0
}

.wrapper .left[data-v-136ced82] {
    display: inline-block;
    text-align: center;
    width: 2.05333rem;
    border-right: 1px dashed #f08561
}

.wrapper .left .left-top[data-v-136ced82] {
    position: relative;
    font-size: .64rem;
    line-height: .74667rem
}

.wrapper .left .left-top .price[data-v-136ced82] {
    font-family: fzltjth
}

.wrapper .left .left-top[data-v-136ced82]:before {
    position: relative;
    content: "\A5";
    font-size: .4rem;
    margin-right: .05333rem;
    top: .05333rem
}

.wrapper .left .left-bottom[data-v-136ced82] {
    text-align: center;
    font-family: PingFangSC-Medium;
    font-size: .32rem;
    font-weight: 500;
    line-height: .44rem
}

.wrapper .center[data-v-136ced82] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .26667rem
}

.wrapper .right[data-v-136ced82] {
    width: 2.29333rem
}

.wrapper .right .button[data-v-136ced82] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapper .right .button .bg[data-v-136ced82] {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    right: 0;
    width: 1.6rem;
    height: .53333rem;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-border-radius: 17px;
    border-radius: 17px
}

.wrapper .right .button .text[data-v-136ced82] {
    position: relative;
    z-index: 1;
    font-size: .32rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    line-height: .44rem
}

.fade-enter-active[data-v-42851b54] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-42851b54] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-42851b54],
.fade-leave-to[data-v-42851b54] {
    opacity: 0
}

.fade-out-leave-active[data-v-42851b54] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-42851b54],
.fade-out-leave-to[data-v-42851b54] {
    opacity: 0
}

.progress[data-v-42851b54] {
    position: relative;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: .4rem
}

.progress-bar[data-v-42851b54] {
    background: #ffcac5
}

.progress-now[data-v-42851b54] {
    background: -webkit-linear-gradient(left, #ff7e56, #ff482b);
    background: -webkit-gradient(linear, left top, right top, from(#ff7e56), to(#ff482b));
    background: linear-gradient(90deg, #ff7e56, #ff482b)
}

.progress .text[data-v-42851b54] {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #c40001;
    font-size: .29333rem;
    line-height: .4rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center
}

.progress .text.end[data-v-42851b54] {
    color: #fff
}

.fade-enter-active[data-v-31a7d8f8] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-31a7d8f8] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-31a7d8f8],
.fade-leave-to[data-v-31a7d8f8] {
    opacity: 0
}

.fade-out-leave-active[data-v-31a7d8f8] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-31a7d8f8],
.fade-out-leave-to[data-v-31a7d8f8] {
    opacity: 0
}

.channel[data-v-31a7d8f8] {
    font-size: .30667rem;
    color: #fff2b3;
    border: 1px solid #fff2b3;
    line-height: .42667rem;
    margin-right: .16rem;
    padding: 0 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.fade-enter-active[data-v-8b6ce8e4] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-8b6ce8e4] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-8b6ce8e4],
.fade-leave-to[data-v-8b6ce8e4] {
    opacity: 0
}

.fade-out-leave-active[data-v-8b6ce8e4] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-8b6ce8e4],
.fade-out-leave-to[data-v-8b6ce8e4] {
    opacity: 0
}

.coupon-title-wrapper[data-v-8b6ce8e4] {
    position: relative;
    color: #fff;
    font-size: 0
}

.fade-enter-active[data-v-0c4c3471] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-0c4c3471] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-0c4c3471],
.fade-leave-to[data-v-0c4c3471] {
    opacity: 0
}

.fade-out-leave-active[data-v-0c4c3471] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-0c4c3471],
.fade-out-leave-to[data-v-0c4c3471] {
    opacity: 0
}

.content .left[data-v-0c4c3471] {
    display: inline-block;
    margin-right: .13333rem
}

.content .left .bold-price[data-v-0c4c3471] {
    font-size: .85333rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    line-height: .74667rem
}

.content .left .bold-price[data-v-0c4c3471]:before {
    content: "\A5";
    font-size: .4rem;
    margin-right: .05333rem;
    line-height: .44rem
}

.content .middle[data-v-0c4c3471] {
    display: inline-block;
    font-family: PingFangSC-Regular
}

.content .middle .sell-desc[data-v-0c4c3471] {
    font-weight: 400;
    font-size: .34667rem;
    line-height: .42667rem
}

.content .middle .market-price[data-v-0c4c3471] {
    font-size: .32rem;
    color: hsla(0, 0%, 94%, .7);
    text-decoration: line-through;
    line-height: .44rem
}

.content .middle .market-price[data-v-0c4c3471]:before {
    content: "\A5"
}

.content .middle .max-price[data-v-0c4c3471] {
    font-size: .32rem;
    color: #f0f0f0;
    font-weight: 400;
    line-height: .44rem
}

.fade-enter-active[data-v-c6b63a38] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-c6b63a38] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-c6b63a38],
.fade-leave-to[data-v-c6b63a38] {
    opacity: 0
}

.fade-out-leave-active[data-v-c6b63a38] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-c6b63a38],
.fade-out-leave-to[data-v-c6b63a38] {
    opacity: 0
}

.wrapper[data-v-c6b63a38] {
    margin: .21333rem auto
}

.wrapper .center-top[data-v-c6b63a38] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wrapper .center-top .channel-right[data-v-c6b63a38] {
    font-family: PingFangSC-Medium;
    font-size: .42667rem;
    color: #fff;
    line-height: .6rem
}

.wrapper .center-bottom[data-v-c6b63a38] {
    margin-top: .13333rem;
    font-size: .37333rem;
    line-height: .53333rem;
    color: #fff
}

.wrapper .center-bottom .time-block-wrapper[data-v-c6b63a38] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    font-weight: 400;
    color: hsla(0, 0%, 100%, .7);
    line-height: .33333rem
}

.wrapper .center-bottom .time-block-wrapper .day[data-v-c6b63a38] {
    margin: 0 .08rem;
    font-size: .24rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: hsla(0, 0%, 100%, .7);
    line-height: .33333rem
}

.wrapper .center-bottom .time-block-wrapper .split[data-v-c6b63a38] {
    opacity: .7;
    margin: 0 .05333rem;
    font-size: .37333rem
}

.wrapper .center-bottom .time-block-wrapper .time-block[data-v-c6b63a38] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    width: .49333rem;
    height: .53333rem;
    background: #fff2b3;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: .34667rem;
    font-weight: 400;
    color: #ff482b;
    line-height: .49333rem
}

.fade-enter-active[data-v-349afb36] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-349afb36] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-349afb36],
.fade-leave-to[data-v-349afb36] {
    opacity: 0
}

.fade-out-leave-active[data-v-349afb36] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-349afb36],
.fade-out-leave-to[data-v-349afb36] {
    opacity: 0
}

.wrapper .left[data-v-349afb36],
.wrapper[data-v-349afb36] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wrapper .left[data-v-349afb36] {
    z-index: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.33333rem;
    height: 1.33333rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9Ijg1LjQ1MyUiIHkxPSIxMjcuNDM4JSIgeDI9IjUwJSIgeTI9IjAlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iIzY5MTlGRiIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRTE5RjIiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxjaXJjbGUgY3g9IjgwIiBjeT0iNzg4IiByPSI1MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwIC03MzgpIiBmaWxsPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) 100% 100%/cover no-repeat
}

.wrapper .left-center[data-v-349afb36] {
    display: inline-block;
    width: .56rem;
    height: .49333rem
}

.wrapper .left .loading[data-v-349afb36] {
    position: absolute;
    display: inline-block;
    width: 1.01333rem;
    height: 1.01333rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/05b6ae70.loading.png) 100% 100%/cover no-repeat;
    -webkit-animation: rotate 3.5s infinite linear;
    animation: rotate 3.5s infinite linear
}

.wrapper .right[data-v-349afb36] {
    opacity: .6;
    z-index: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYwIiBoZWlnaHQ9IjgwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iMCUiIHkxPSI0NS4yNjYlIiB4Mj0iMTAwJSIgeTI9IjU0LjczNCUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjNjkxOUZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFMTlGMiIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTg1IDc0OGgyMjBjMjIuMDkxIDAgNDAgMTcuOTA5IDQwIDQwcy0xNy45MDkgNDAtNDAgNDBIODV2LTgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg1IC03NDgpIiBmaWxsPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtb3BhY2l0eT0iLjkiLz48L3N2Zz4=) 100% 100%/cover no-repeat;
    width: 3.30667rem;
    height: 1.06667rem;
    margin-left: -.64rem
}

.wrapper .right-inner-text[data-v-349afb36] {
    position: absolute;
    z-index: 2;
    right: .37333rem;
    font-size: .37333rem;
    color: #fff;
    line-height: .48rem
}

.wrapper .right-inner-text .up[data-v-349afb36] {
    font-family: PingFangSC-Medium;
    font-weight: 500
}

.wrapper .right-inner-text .down[data-v-349afb36] {
    font-family: PingFangSC-Regular;
    font-weight: 400
}

.fade-enter-active[data-v-41e265dc] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-41e265dc] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-41e265dc],
.fade-leave-to[data-v-41e265dc] {
    opacity: 0
}

.fade-out-leave-active[data-v-41e265dc] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-41e265dc],
.fade-out-leave-to[data-v-41e265dc] {
    opacity: 0
}

.flag[data-v-41e265dc] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .53333rem
}

.flag .left[data-v-41e265dc] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    color: #ed5553;
    font-weight: 700;
    width: .53333rem;
    font-size: .42667rem
}

.flag .left[data-v-41e265dc],
.flag .right[data-v-41e265dc] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flag .right[data-v-41e265dc] {
    margin-left: -1px;
    text-indent: .09333rem;
    height: .53333rem;
    width: 2.13333rem;
    font-size: .32rem;
    font-weight: 400;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjQwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDF2MzhoMTU3LjUyNWwtNy41NjUtMTkgNy41NjUtMTlIMXoiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIi8+PC9zdmc+) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.animation {
    width: 2rem;
    height: 1.626rem;
    background-image: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/6898af1c.duanwu-0.png);
    -webkit-background-size: 48rem 1.626rem;
    background-size: 48rem 1.626rem;
    background-repeat: no-repeat;
    -webkit-animation-name: duanwukeyframes-lists;
    animation-name: duanwukeyframes-lists;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: steps(1);
    animation-timing-function: steps(1)
}

@-webkit-keyframes duanwukeyframes-lists {
    0% {
        background-image: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/6898af1c.duanwu-0.png)
    }

    4.00% {
        background-position: -2rem 0
    }

    8.00% {
        background-position: -4rem 0
    }

    12.00% {
        background-position: -6rem 0
    }

    16.00% {
        background-position: -8rem 0
    }

    20.00% {
        background-position: -10rem 0
    }

    24.00% {
        background-position: -12rem 0
    }

    28.00% {
        background-position: -14rem 0
    }

    32.00% {
        background-position: -16rem 0
    }

    36.00% {
        background-position: -18rem 0
    }

    40.00% {
        background-position: -20rem 0
    }

    44.00% {
        background-position: -22rem 0
    }

    48.00% {
        background-position: -24rem 0
    }

    52.00% {
        background-position: -26rem 0
    }

    56.00% {
        background-position: -28rem 0
    }

    60.00% {
        background-position: -30rem 0
    }

    64.00% {
        background-position: -32rem 0
    }

    68.00% {
        background-position: -34rem 0
    }

    72.00% {
        background-position: -36rem 0
    }

    76.00% {
        background-position: -38rem 0
    }

    80.00% {
        background-position: -40rem 0
    }

    84.00% {
        background-position: -6rem 0
    }

    88.00% {
        background-position: -42rem 0
    }

    92.00% {
        background-position: -44rem 0
    }

    96.00%,
    to {
        background-position: -46rem 0
    }
}

@keyframes duanwukeyframes-lists {
    0% {
        background-image: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/6898af1c.duanwu-0.png)
    }

    4.00% {
        background-position: -2rem 0
    }

    8.00% {
        background-position: -4rem 0
    }

    12.00% {
        background-position: -6rem 0
    }

    16.00% {
        background-position: -8rem 0
    }

    20.00% {
        background-position: -10rem 0
    }

    24.00% {
        background-position: -12rem 0
    }

    28.00% {
        background-position: -14rem 0
    }

    32.00% {
        background-position: -16rem 0
    }

    36.00% {
        background-position: -18rem 0
    }

    40.00% {
        background-position: -20rem 0
    }

    44.00% {
        background-position: -22rem 0
    }

    48.00% {
        background-position: -24rem 0
    }

    52.00% {
        background-position: -26rem 0
    }

    56.00% {
        background-position: -28rem 0
    }

    60.00% {
        background-position: -30rem 0
    }

    64.00% {
        background-position: -32rem 0
    }

    68.00% {
        background-position: -34rem 0
    }

    72.00% {
        background-position: -36rem 0
    }

    76.00% {
        background-position: -38rem 0
    }

    80.00% {
        background-position: -40rem 0
    }

    84.00% {
        background-position: -6rem 0
    }

    88.00% {
        background-position: -42rem 0
    }

    92.00% {
        background-position: -44rem 0
    }

    96.00%,
    to {
        background-position: -46rem 0
    }
}

.wrapper[data-v-33d658c8] {
    height: 1.33333rem
}

.bg[data-v-33d658c8] {
    display: inline-block;
    height: 100%
}

.flag[data-v-33d658c8] {
    position: absolute;
    right: .05333rem;
    display: inline-block;
    width: 2.88rem;
    height: 2.21333rem;
    top: 0
}

._comment[data-v-0aea5d3d] {
    background: #fff
}

._comment .no-comment[data-v-0aea5d3d] {
    padding: .293rem 0 .293rem .32rem;
    color: #222
}

._comment .comment-count[data-v-0aea5d3d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .37333rem;
    color: #222;
    font-size: 14px;
    line-height: 21px
}

._comment .comment-count .comment-text[data-v-0aea5d3d] {
    color: #222;
    font-size: .4rem;
    line-height: 1.09333rem
}

._comment .checkout-comment[data-v-0aea5d3d] {
    width: 100%;
    text-align: center;
    height: 48px;
    line-height: 48px;
    color: #222
}

._comment .checkout-comment .right-arrow[data-v-0aea5d3d] {
    margin-left: 2px
}

._comment .comment-rate-box .comment-rate[data-v-0aea5d3d] {
    height: .53333rem;
    line-height: .53333rem;
    color: #f85959;
    font-size: .4rem
}

._comment .comment-rate-box .comment-good[data-v-0aea5d3d] {
    height: 20px;
    line-height: 20px;
    color: #a3a3a3;
    font-size: .32rem
}

._comment .comment-rate-box .comment-good.good[data-v-0aea5d3d] {
    color: #fe5c5c
}

._comment .comment-rate-box .arrow-right[data-v-0aea5d3d] {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

._comment .comment-rate-box .arrow-right.good[data-v-0aea5d3d] {
    border-color: #fe5c5c
}

._comment .comment-row[data-v-0aea5d3d] {
    margin-bottom: .16rem;
    background: #fff;
    padding: .32rem;
    -webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 91%, .5), 0 0 0 0 hsla(0, 0%, 91%, .5);
    box-shadow: 0 0 0 0 hsla(0, 0%, 91%, .5), 0 0 0 0 hsla(0, 0%, 91%, .5);
    position: relative;
    word-break: break-all
}

._comment .comment-row .complex_bar[data-v-0aea5d3d] {
    margin-bottom: .11rem
}

._comment .comment-row .complex_bar .user-icon[data-v-0aea5d3d] {
    width: .64rem;
    height: .64rem;
    line-height: .64rem;
    -webkit-border-radius: .32rem;
    border-radius: .32rem;
    margin-right: .24rem;
    margin-top: .21rem;
    background: #375879;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: top
}

._comment .comment-row .complex_bar .name-and-time[data-v-0aea5d3d] {
    display: inline-block
}

._comment .comment-row .complex_bar .name-and-time .name[data-v-0aea5d3d] {
    font-size: .37rem;
    height: .53333rem;
    line-height: .53333rem;
    color: #222;
    display: block
}

._comment .comment-row .complex_bar .name-and-time .time[data-v-0aea5d3d] {
    font-size: .32rem;
    color: #999;
    height: .53333rem;
    line-height: .53333rem;
    display: block
}

._comment .comment-row .comment-content[data-v-0aea5d3d] {
    font-size: .4rem;
    color: #222;
    margin-bottom: .16rem;
    line-height: .56rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._comment .comment-row .comment-image[data-v-0aea5d3d] {
    width: 100%
}

._comment .comment-row .comment-image[data-v-0aea5d3d]:after {
    display: table;
    content: "";
    clear: both
}

._comment .comment-row .comment-image[data-v-0aea5d3d]:before {
    display: table;
    content: ""
}

._comment .comment-row .comment-image .img[data-v-0aea5d3d] {
    position: relative;
    float: left;
    width: 33.3333333%;
    padding-top: 33.333333%;
    height: 0;
    display: inline-block
}

._comment .comment-row .comment-image .img .img-thumbnail[data-v-0aea5d3d] {
    position: absolute;
    padding: .08rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

._comment .comment-row .goods-sku[data-v-0aea5d3d] {
    margin-top: .16rem;
    font-size: .32rem;
    line-height: .48rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.classify[data-v-0aea5d3d] {
    padding-left: .32rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    -webkit-transition: all .25s;
    transition: all .25s;
    max-height: none
}

.classify[data-v-0aea5d3d],
.item[data-v-0aea5d3d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.item[data-v-0aea5d3d] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .32rem;
    line-height: .45333rem;
    color: #505050;
    padding: .16rem .42667rem;
    background-color: #f4f5f6;
    -webkit-border-radius: 1.33333rem;
    border-radius: 1.33333rem;
    margin-right: .32rem;
    margin-top: .32rem
}

.item[data-v-0aea5d3d]:active {
    background-color: #f85959;
    color: #fff
}

.comment-row[data-v-d5671d24] {
    margin-bottom: .16rem;
    background: #fff;
    padding: .32rem;
    -webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 91%, .5), 0 0 0 0 hsla(0, 0%, 91%, .5);
    box-shadow: 0 0 0 0 hsla(0, 0%, 91%, .5), 0 0 0 0 hsla(0, 0%, 91%, .5);
    position: relative;
    word-break: break-all
}

.comment-row .complex_bar[data-v-d5671d24] {
    margin-bottom: .11rem
}

.comment-row .complex_bar .user-icon[data-v-d5671d24] {
    width: .64rem;
    height: .64rem;
    line-height: .64rem;
    -webkit-border-radius: .32rem;
    border-radius: .32rem;
    margin-right: .24rem;
    margin-top: .21rem;
    background: #375879;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: top
}

.comment-row .complex_bar .name-and-time[data-v-d5671d24] {
    display: inline-block
}

.comment-row .complex_bar .name-and-time .name[data-v-d5671d24] {
    font-size: .37rem;
    height: .53333rem;
    line-height: .53333rem;
    color: #222;
    display: block
}

.comment-row .complex_bar .name-and-time .time[data-v-d5671d24] {
    font-size: .32rem;
    color: #999;
    height: .53333rem;
    line-height: .53333rem;
    display: block
}

.comment-row .comment-content[data-v-d5671d24] {
    font-size: .4rem;
    color: #222;
    margin-bottom: .16rem;
    line-height: .56rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.comment-row .comment-image[data-v-d5671d24] {
    width: 100%
}

.comment-row .comment-image[data-v-d5671d24]:after {
    display: table;
    content: "";
    clear: both
}

.comment-row .comment-image[data-v-d5671d24]:before {
    display: table;
    content: ""
}

.comment-row .comment-image .img[data-v-d5671d24] {
    position: relative;
    float: left;
    width: 33.3333333%;
    padding-top: 33.333333%;
    height: 0;
    display: inline-block
}

.comment-row .comment-image .img .img-thumbnail[data-v-d5671d24] {
    position: absolute;
    padding: .08rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.comment-row .goods-sku[data-v-d5671d24] {
    margin-top: .16rem;
    font-size: .32rem;
    line-height: .48rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.checkout-comment[data-v-d5671d24] {
    width: 100%;
    text-align: center;
    height: 48px;
    line-height: 48px;
    color: #222
}

.checkout-comment .right-arrow[data-v-d5671d24] {
    margin-left: 2px
}

._desc {
    width: 10rem;
    background: #fcfcfc
}

._desc img {
    max-width: 10rem;
    width: 10rem;
    display: block
}

._desc img.lazy {
    height: 100px;
    background: url(https://s3b.pstatp.com/growth/mobile_list/image/toutiaoicon_loading_textpage@3x_f7c130ce.png) 50% no-repeat
}

._desc-pics.float {
    margin-bottom: 1.33333rem
}

.arrow {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    border-top: 1px solid;
    border-right: 1px solid;
    color: #ccc;
    position: absolute;
    top: .13rem;
    right: .48rem
}

.arrow-down {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.arrow-up {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

#product-issue {
    padding-top: .4rem;
    background: #fff
}

#product-issue .normal-words {
    color: #222;
    margin-bottom: .4rem
}

#product-issue .weight {
    font-weight: 400
}

#product-issue .grey-words {
    color: #999;
    margin-bottom: .32rem;
    line-height: .56rem
}

#product-issue .blue-words {
    color: #2a90d7
}

#product-issue .rows:not(:last-child):after {
    content: "";
    height: 1px;
    position: absolute;
    left: -50%;
    right: -50%;
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform: scale(.5);
    background: #f4f5f6
}

#product-issue .rows {
    margin-bottom: .8rem
}

#product-issue .question {
    position: relative;
    line-height: .53rem;
    text-indent: .56rem
}

#product-issue .answer {
    padding: 0 .48rem 0 .32rem
}

#product-issue .attention {
    height: 20px;
    line-height: 20px;
    color: #bbb
}

#product-issue .b-dots {
    position: relative
}

#product-issue .b-dots:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #e95560;
    top: .21rem;
    left: .32rem
}

._switch-tab {
    position: absolute;
    top: 0;
    z-index: 99;
    left: 0;
    right: 0;
    height: 1.333rem;
    line-height: 1.333rem;
    background: #fff;
    margin: auto;
    width: 10rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .4rem
}

._switch-tab.has-recommend ._type.active {
    color: #f85959
}

._switch-tab.has-recommend ._type.column-mark {
    position: relative
}

._switch-tab.has-recommend ._type.column-mark:after,
._switch-tab.has-recommend ._type.column-mark:before {
    content: "";
    position: absolute;
    top: .4rem;
    height: .53333rem;
    width: 1px;
    background: #cacaca;
    -webkit-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    transform: scaleX(.5)
}

._switch-tab.has-recommend ._type.column-mark:before {
    left: 0
}

._switch-tab.has-recommend ._type.column-mark:after {
    right: 0
}

._switch-tab:not(.has-recommend) ._type.active ._i:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #e95560;
    z-index: 99
}

._switch-tab.fixed {
    position: fixed;
    top: 0
}

._switch-tab ._type {
    height: 100%;
    text-align: center;
    color: #222;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._switch-tab ._type ._i {
    position: relative;
    display: inline-block
}

._switch-tab ._type.active {
    position: relative;
    color: #e95560
}

._switch-tab-container {
    /*padding-top: 1.333rem;*/
    position: relative;
    overflow: hidden
}

._tab-container {
    width: 10rem;
    position: relative;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

._tab-container,
._tab-container.description {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

._tab-container.question {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

._tab-container.recommend {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%)
}

._tab-container>div {
    width: 10rem;
    top: 0
}

._tab-container ._desc {
    position: relative;
    left: 0
}

._tab-container ._desc ._desc-tit {
    background: #f4f5f6;
    width: 10rem;
    height: 1.17rem;
    text-align: center
}

._tab-container ._desc ._desc-tit span {
    display: block;
    font-size: .37rem;
    color: #999;
    position: relative;
    height: 1.17rem;
    line-height: 1.17rem
}

._tab-container ._desc ._desc-tit span:after,
._tab-container ._desc ._desc-tit span:before {
    content: "";
    position: absolute;
    top: 52%;
    background: #999;
    width: .37rem;
    height: 1px
}

._tab-container ._desc ._desc-tit span:before {
    left: 36%
}

._tab-container ._desc ._desc-tit span:after {
    right: 36%
}

._tab-container ._desc ._desc-params-info-wrap {
    background: #fff;
    padding: .32rem .4rem
}

._tab-container ._desc ._desc-params-info-wrap.bottom:after,
._tab-container ._desc ._desc-params-info-wrap.top:before {
    background: #cacaca
}

._tab-container ._desc ._desc-params-info-wrap ._desc-params-info.hair-line.all:after {
    border-bottom: none
}

._tab-container ._desc ._desc-params-info-wrap ._params-item {
    width: 9.2rem;
    height: .85rem;
    line-height: .85rem;
    font-size: .32rem;
    color: #222
}

._tab-container ._desc ._desc-params-info-wrap ._params-item.bottom:after {
    background: #cacaca
}

._tab-container ._desc ._desc-params-info-wrap ._params-item.hide {
    display: none
}

._tab-container ._desc ._desc-params-info-wrap ._params-item .item-key {
    background: #f4f5f6;
    width: 2.4rem;
    float: left;
    text-align: center
}

._tab-container ._desc ._desc-params-info-wrap ._params-item .item-key.bottom:after {
    background: #cacaca
}

._tab-container ._desc ._desc-params-info-wrap ._params-item .item-value {
    width: 6.8rem;
    background: #fff;
    float: left;
    text-align: center
}

._tab-container ._desc ._desc-params-info-wrap .params-option {
    height: .85rem;
    line-height: .85rem;
    font-size: .32rem;
    color: #999;
    text-align: center
}

._tab-container ._desc ._desc-params-info-wrap .params-option.hair-line.all:after {
    border-top: none
}

._tab-container ._desc ._desc-params-info-wrap .params-option .open {
    position: relative
}

._tab-container ._desc ._desc-params-info-wrap .params-option .open .arrow {
    top: 1px;
    left: -.4rem
}

._tab-container ._desc ._desc-params-info-wrap .params-option .close {
    position: relative
}

._tab-container ._desc ._desc-params-info-wrap .params-option .close .arrow {
    top: .13rem;
    left: -.4rem
}

._tab-container ._product-issue {
    left: 10rem
}

._tab-container ._product-issue,
._tab-container ._recommend-goods {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

._tab-container ._recommend-goods {
    left: 20rem;
    padding-top: .18667rem;
    background: #f4f5f6
}

._recommend-goods-component {
    background: #f4f5f6;
    padding-bottom: 2.13333rem
}

._recommend-goods-component ._title {
    display: block;
    font-size: .37rem;
    color: #999;
    position: relative;
    height: 1.17rem;
    line-height: 1.17rem;
    text-align: center
}

._recommend-goods-component ._title:after,
._recommend-goods-component ._title:before {
    content: "";
    position: absolute;
    top: 52%;
    background: #999;
    width: .37rem;
    height: 1px
}

._recommend-goods-component ._title:before {
    left: 36%
}

._recommend-goods-component ._title:after {
    right: 36%
}

.goods-box[data-v-06f369d0] {
    position: relative;
    width: 10rem;
    overflow: hidden;
    background-color: #fff
}

.goods-box[data-v-06f369d0]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e8e8e8;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.goods-box.clicked .detail .name[data-v-06f369d0] {
    color: #999 !important
}

.goods-box .rank-num[data-v-06f369d0] {
    position: absolute;
    left: .27rem;
    top: .21rem;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA2CAMAAABdslGrAAAAYFBMVEVHcEz3GRn2GRn/Li74Gxv2GBj2GBj5HBz/MzP////3Ghr1GRn1GBj3GRn2GRn3GRn2GBj1GRn/Ghr3GRn2GRn2GBj1GBj2GRn2GRn4Gxv2GRn3Ghr1GRn3Ghr1GBj1GBi+CWDTAAAAH3RSTlMAl6YLTPT+LQUBeLXTH8Q9++wUW+GIaYfgS6WW6zzpwBE/ygAAAHlJREFUSMfty8cOQEAYReFrMEUbvZf3f0uJWBCDsZX/bE8+LN8DGTJkyJAhQ4bM342oyk+grAQApZ3MEmSOVtiTHvNfgc88iVNuEaYPIA0LF4byOuFGwJM6x21xEF1EFMR4STTtAbSNgE1qGsYNjMOkYJ3s+rnvpHmut48xp/2bdR4AAAAASUVORK5CYII=) no-repeat;
    -webkit-background-size: .48rem .48rem;
    background-size: .48rem .48rem;
    width: .48rem;
    height: .51rem;
    z-index: 2;
    font-size: .4rem;
    text-align: center;
    color: #fff
}

.goods-box .rank-num.gery[data-v-06f369d0] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA2CAMAAABdslGrAAAAYFBMVEVHcEzLy8vR0dHLy8vNzc3Ly8vNzc3MzMz////MzMzLy8vMzMzLy8vMzMzLy8vLy8vLy8vKysrKysrMzMzLy8vOzs7Nzc3KysrLy8vMzMzMzMzKysrKysrLy8vKysrKyspWv6nlAAAAH3RSTlMA9AuXTIhbLQEF/mmmeLXE0+z7FOEfPYfgPEuWpevpdmn5kQAAAHlJREFUSMfty8cOQEAYReFrMEUbvZf3f0uJWBCDsZX/bE8+LN8DGTJkyJAhQ4bM343wy0+g9AUAWbuZJcjcWmJPeZHzCpzIUzjFeJI/gDzhDIaKUAdGEOiwwG1VnF5EGld4STTtAbSNgE2yG6YNTEMnYZ3qx3nslXmuoZ8xp0EGq14AAAAASUVORK5CYII=) no-repeat;
    -webkit-background-size: .48rem .48rem;
    background-size: .48rem .48rem
}

.goods-box .inner-box[data-v-06f369d0] {
    position: relative;
    margin: .24rem .4rem .293333rem;
    overflow: hidden;
    background: #fff
}

.goods-box .inner-box .figure[data-v-06f369d0] {
    float: left;
    position: relative;
    width: 2.66667rem;
    height: 2.66667rem;
    margin-right: .34667rem;
    background-color: #f4f5f6;
    background-image: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/81723a06.zd-bg.png);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-background-size: cover;
    background-size: cover
}

.goods-box .inner-box .figure .main[data-v-06f369d0] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.goods-box .inner-box .figure .goods-activity-tag[data-v-06f369d0] {
    position: absolute;
    right: 0;
    top: 0;
    height: 24.73%;
    width: 24.73%
}

.goods-box .inner-box .figure .lable[data-v-06f369d0] {
    position: absolute;
    left: .48rem;
    top: .32rem;
    width: .6933rem;
    height: .8rem
}

.goods-box .inner-box .detail .name[data-v-06f369d0] {
    font-size: .4rem;
    color: #333;
    line-height: .56rem;
    height: 1.12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.goods-box .inner-box .detail .android .activity-label[data-v-06f369d0] {
    font-size: 11px
}

.goods-box .inner-box .detail .self-tag-label[data-v-06f369d0] {
    background: #ef5151;
    -webkit-border-radius: .05333rem;
    border-radius: .05333rem;
    color: #fff;
    font-size: .29333rem;
    padding: .02666rem .05333rem;
    vertical-align: top
}

.goods-box .inner-box .detail .activity-label[data-v-06f369d0] {
    background-image: -webkit-linear-gradient(320deg, #ff5858, #ff528e);
    background-image: linear-gradient(-230deg, #ff5858, #ff528e);
    color: #fff;
    height: 17px;
    line-height: 17px;
    margin-right: 4px;
    font-size: 13px;
    display: inline-block;
    padding: 0 4px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.goods-box .inner-box .detail .left-part[data-v-06f369d0] {
    position: absolute;
    left: 3.01333rem;
    bottom: 0
}

.goods-box .inner-box .detail .left-part .sku[data-v-06f369d0] {
    float: left;
    bottom: 0;
    margin-right: .08rem;
    border: 1px solid #2a90d7;
    color: #2a90d7;
    font-size: .32rem;
    height: .4rem;
    line-height: .4rem
}

.goods-box .inner-box .detail .left-part .sell[data-v-06f369d0] {
    float: left;
    bottom: 0;
    color: #999;
    height: .346667rem;
    line-height: .346667rem;
    min-width: 1px;
    margin-top: .10667rem;
    font-size: .32rem;
    padding-left: .08rem
}

.goods-box .inner-box .detail .left-part .sell.red[data-v-06f369d0] {
    color: #e22020
}

.goods-box .inner-box .detail .left-part .sell .comment-agg[data-v-06f369d0] {
    margin-left: .32rem
}

.goods-box .inner-box .detail .left-part .other[data-v-06f369d0] {
    margin-bottom: 2px;
    color: #f85959
}

.goods-box .inner-box .detail .left-part .other .price[data-v-06f369d0] {
    font-size: 0;
    line-height: .64rem;
    height: .64rem;
    float: left;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -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
}

.goods-box .inner-box .detail .left-part .other .price .yuan[data-v-06f369d0] {
    width: .32rem;
    height: .32rem
}

.goods-box .inner-box .detail .left-part .other .price .num[data-v-06f369d0] {
    font-size: 20px;
    line-height: .53333rem;
    margin-right: .133333rem
}

.goods-box .inner-box .detail .go-see[data-v-06f369d0] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 75px;
    height: 25px;
    line-height: 25px;
    -webkit-border-radius: .34667rem;
    border-radius: .34667rem;
    background: #fee;
    color: #ef3024;
    text-align: center;
    font-size: .37333rem
}

.coupon-label[data-v-06f369d0] {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: .26667rem;
    text-align: center;
    height: .37333rem;
    line-height: .37333rem;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    top: 0;
    padding: .05333rem .13333rem;
    max-width: 2.66667rem;
    white-space: nowrap;
    color: #f85959
}

.goods-coupon-label[data-v-06f369d0]:after {
    content: " ";
    display: block;
    border: 1px solid #ffe0df;
    background: #fff5f5;
    position: absolute;
    -webkit-transform: scale(.49);
    -ms-transform: scale(.49);
    transform: scale(.49);
    width: 200%;
    height: 200%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0
}

.goods-coupon-label-text[data-v-06f369d0] {
    z-index: 1;
    position: relative;
    display: block
}

.goods-box.col2[data-v-06f369d0] {
    vertical-align: top;
    display: inline-block;
    width: 5rem;
    background: #f4f5f6
}

.goods-box.col2[data-v-06f369d0]:after {
    display: none
}

.goods-box.col2:nth-child(2n) .inner-box[data-v-06f369d0] {
    margin: 0 0 4px 2px
}

.goods-box.col2 .inner-box[data-v-06f369d0] {
    margin: 0 2px 4px 0
}

.goods-box.col2 .inner-box .figure[data-v-06f369d0] {
    float: none;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0
}

.goods-box.col2 .inner-box .figure[data-v-06f369d0]:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.goods-box.col2 .inner-box .detail .name[data-v-06f369d0] {
    display: block !important;
    margin: .26667rem .05333rem .05333rem .21333rem;
    font-size: .42667rem;
    line-height: .48rem;
    height: .48rem
}

.goods-box.col2 .inner-box .detail .left-part[data-v-06f369d0] {
    position: static;
    margin-left: 8px
}

.goods-box.col2 .inner-box .detail .left-part .other[data-v-06f369d0] {
    margin-bottom: 0;
    overflow: hidden
}

.goods-box.col2 .inner-box .detail .left-part .sku[data-v-06f369d0] {
    margin-top: 2px
}

.goods-box.col2 .inner-box .detail .left-part .sell[data-v-06f369d0] {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    margin-bottom: 6px
}

.goods-box.col2 .inner-box .detail .go-see[data-v-06f369d0] {
    display: none
}

.rnEVt3uv7MKNlwEGSI2k9_1 {
    position: absolute;
    left: 0;
    top: 0;
    height: 1.22667rem;
    width: 1.22667rem
}

.a37WaiA9FPO1FcLu0KT4-_1 {
    position: absolute;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    height: .53333rem;
    width: 100%
}

.goods-sell-out[data-v-0429e148] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.slide-up-enter-active,
.slide-up-leave-active {
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.slide-up-enter {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.slide-up-leave-to {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

input[type=number],
input[type=tel],
input[type=text] {
    border: none;
    outline: none;
    padding: 0;
    background: transparent
}

input[type=number]:active,
input[type=number]:focus,
input[type=tel]:active,
input[type=tel]:focus,
input[type=text]:active,
input[type=text]:focus {
    outline: none
}

._form {
    width: 10rem
}

._form input {
    border: none
}

._form ._bill-list {
    margin: 0 .267rem;
    color: #999;
    font-size: .34667rem;
    line-height: .53333rem;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .2s linear;
    transition: max-height .2s linear
}

._form ._bill-list.show {
    max-height: 5.33333rem
}

._form ._bill-list>div:first-child {
    margin-top: .32rem
}

._form ._bill-list>div:last-child {
    margin-bottom: .32rem
}

._form ._bill-list>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 5.5rem;
    margin-left: 3.94667rem
}

._form ._bill-list>div>span:first-child {
    width: 3rem
}

._form ._bill-list>div>span:last-child {
    width: 2.5rem;
    text-align: right
}

._form.disabled {
    position: relative
}

._form.disabled:after {
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: transparent;
    position: absolute;
    z-index: 999999
}

._form.disabled ._order-info ._spec-items._special>div,
._form.disabled ._order-info button {
    opacity: .5
}

._form ._title {
    padding: .4rem 0;
    text-align: center;
    color: #222;
    font-weight: 700;
    font-size: .4rem
}

._form ._snap {
    width: 10rem;
    height: 2.93333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 666;
    background: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

._form ._snap ._snap-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .267rem .267rem 0
}

._form ._snap ._order-record {
    height: 1.92rem;
    width: 10rem;
    background: #fffbce;
    position: relative;
    font-size: .4rem;
    color: #505050;
    padding-left: .34667rem;
    margin-top: .261rem;
    z-index: 2
}

._form ._snap ._order-record:after,
._form ._snap ._order-record:before {
    background: #fdd49d !important
}

._form ._snap ._order-record ._triangle {
    position: absolute;
    width: 0;
    height: 0;
    top: -18px;
    left: 40px;
    z-index: 1
}

._form ._snap ._order-record ._triangle:after,
._form ._snap ._order-record ._triangle:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border: 9px solid
}

._form ._snap ._order-record ._triangle:before {
    border-color: transparent transparent #fdd49d
}

._form ._snap ._order-record ._triangle:after {
    border-color: transparent transparent #fffbce;
    position: absolute;
    top: 1px
}

._form ._snap.fixed {
    position: fixed;
    -webkit-box-shadow: 0 0 7px 0 hsla(0, 0%, 75%, .5);
    box-shadow: 0 0 7px 0 hsla(0, 0%, 75%, .5);
    margin-left: 0;
    width: 10rem
}

._form ._snap:not(.active):after {
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    z-index: 1;
    content: "";
    background: #e8e8e8;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    bottom: 0
}

._form ._snap img {
    width: 2.4rem;
    height: 2.4rem
}

._form ._snap ._right {
    width: 6.96rem;
    height: 2.4rem;
    padding: .213rem 0 .213rem .48rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

._form ._snap ._right .name {
    color: #222;
    font-size: .37333rem
}

._form ._snap ._right .name>div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

._form ._snap ._right .group-buying-money .price {
    margin-top: .53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .8rem;
    color: #ff482b;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: .32rem
}

._form ._snap ._right .group-buying-money .price>span {
    display: inline-block;
    font-size: .64rem;
    line-height: .8rem
}

._form ._snap ._right .group-buying-money .price .icon {
    display: inline-block;
    margin-left: .32rem;
    width: 1.06667rem;
    height: .44rem;
    text-align: center;
    font-family: PingFangSC-Regular;
    line-height: .44rem;
    background-color: #ff7f56;
    color: hsla(0, 0%, 100%, .8);
    -webkit-border-radius: .10667rem;
    border-radius: .10667rem
}

._form ._snap ._right .group-buying-money .money-row {
    margin-top: .53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .8rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._form ._snap ._right .group-buying-money .money-row .discount-price .amount {
    font-size: .32rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #ff482b;
    margin-right: .32rem
}

._form ._snap ._right .group-buying-money .money-row .discount-price .amount .number {
    font-size: .64rem
}

._form ._snap ._right .group-buying-money .money-row .icon {
    display: block;
    width: 1.06667rem;
    height: .44rem;
    text-align: center;
    font-family: PingFangSC-Regular;
    line-height: .44rem;
    background-color: #ff7f56;
    color: hsla(0, 0%, 100%, .8);
    -webkit-border-radius: .10667rem;
    border-radius: .10667rem
}

._form ._snap ._right .group-buying-money .money-row .save-num {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: .21333rem;
    padding: .05333rem;
    color: #ff988e;
    border: 1px solid #ff988e;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

._form ._snap ._right .group-buying-money .market-price {
    height: .44rem;
    font-size: .32rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: gray;
    line-height: .44rem
}

._form ._snap ._right .group-buying-money .market-price .number {
    text-decoration: line-through
}

._form ._snap ._right .money {
    position: absolute;
    bottom: .133rem;
    left: .48rem;
    width: 6.48rem
}

._form ._snap ._right .money .price {
    color: #f85959;
    margin-right: .267rem;
    font-size: .69333rem;
    font-family: DINAlternate-Bold
}

._form ._snap ._right .money .price .yuan {
    width: .4rem;
    height: .4rem
}

._form ._snap ._right .money .origin-price {
    color: #999;
    text-decoration: line-through
}

._form ._snap ._right .money ._seckill-note {
    position: absolute;
    bottom: .10667rem;
    right: 0;
    color: #999
}

._form ._snap ._right .money ._seckill-note>span {
    color: #f85959
}

._form ._snap ._right .money ._activity-note {
    position: absolute;
    bottom: .10667rem;
    right: 0;
    background: #fee;
    height: 28px;
    line-height: 28px;
    padding: 0 .16rem;
    color: #f85959
}

._form ._snap ._right .money ._activity-note,
._form ._snap ._right .money ._activity-note:after {
    -webkit-border-radius: .10667rem;
    border-radius: .10667rem
}

._form ._snap ._right .money ._activity-note:after {
    border-color: #ffc1c1
}

._form ._pay {
    color: #505050;
    font-size: .4rem;
    padding-left: .267rem;
    padding-right: .534rem
}

._form ._pay .pay-title {
    height: 1.066667rem;
    line-height: 1.066667rem
}

._form ._pay .pay-items {
    height: 1.1733333rem;
    margin-left: .267rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

._form ._pay .pay-items,
._form ._pay .pay-items .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._form ._pay .pay-items .container {
    height: 100%
}

._form ._pay .pay-items .icon-cash {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAM1BMVEVHcEz/gFf/gVn/gFj/gFf/gFj/glr/g1z/gVj/gFf/hWb/gFj/gFj/gFf/gFj/gFj/f1eRR/x7AAAAEHRSTlMAxzu0+3smFWTzCqTo2JBOm2fyEwAAAxZJREFUWMPFmNuSrCAMReUuV/n/rz3d4mhQAtG26uRppstays4mgUzTKGYWBJ9eCx5zzlJ68w5Oi7yFVe53nEkyHxHmH3FO2VwH+0nKJeZrCP04Fyw3Q6ZH2TE+oxH4C+LBRd/nzQHHPUgLjzScu2vkBm6BOSMZvTZyBydoRu/kIl5wHwcNFP0YWRJwtSi40TEjf3EzrrFEjP4xsqTgfL4+15CyY+QaJ8eK9I0cKLiLlDOOc0CTDu77LFAS2RkBGLfnzy3Aqt/A5Tx3gTXO5vwb0N7H9YBWHfoaRcR1gKD/OjoOB4pnOBw477iQ8xvA5RluADS3cYMlGwLAMiYEi+EVIEvL7gXDlZA/AYO6FGkzsz7QdVaK9DrOEaDC68UXRzrY0IGRdvRqANvlSoCaMadvipnwV0VrYFp/am46dZQMBt8Ykx4CQ8e5rT3u9X1g6nY0mVwXeG0zf1UooWY3vfJ1WVQsH2AY5WBbf7tuNtbysFt5krHaBVGsMljerNg2zdfztS9PlkPc55UaaCI/2XIC9uaLwFfJNdBvzfZBlGvB00VH191n50xxWILNRrRbg5eEjXt8YFkKq/xTiH+6bS+zhgQsCi7VGkvG/3i7Ap4EXOAHQuLOC5XawxW7Q/Y9rytRn3lZKgKQlQP9/q/3p6qovBcSPEzLMQOf0Lrf2COBtAa5fUJErySH4CMgh31LoBfE4/UkIG8cfasQRxkeATV0IXJ50gmY9h5w1ME91pGQJQ+BCmwBSlK+1c+vsf7syt/+qJCf9/BwwzYZ8SG3YJ/2JhZnY6M+TFDxSfeWLaBxRz5k3anPVuRgcQjYXMBfFMHP6Atsre0bt1HVigc3MF/fMW2JYpvtn9zemchIpBT2c/dv+VBq2qBATQ1vt4CJNlaSWyb8CBgNdfClwMEBB1pNHs1tj5p4Bmq4EH5jeMhO7fIvoeAUZJdb481Nbgd8kIybLf38fZZSNfwPfCsI14Pa6Hu7a/mfOlWsja6Oel9Zy4rl2XQSZlErwYLMIYq03JyX70ZvVIVno/eSnbhM74Xji57+Y/wD18jXgNGRsP4AAAAASUVORK5CYII=) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: .533333rem;
    height: .533333rem
}

._form ._pay .pay-items .icon-wx {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABEBAMAAADkeK8TAAAAMFBMVEVHcEwJvAcJvAcMwAoMvgoJvAcdyR0JvAgKvAcKvQkLvQgJvAcKvQgJvAcKvAgJuweRZAMtAAAAD3RSTlMA9YUYKbcIn+lMO9pfyXGKqmS2AAACZklEQVQYGY3Bv28TdwDG4Y9yrlNfaQaESlk4EKVs5MSSoVI5hgyoSwYYGCq7tBsLqigSCCkoAwMD5w6dGPDE0iKkbpFSJSwJIgNVCywgWfwFlVMsTFzy9n77fP7emeehoP7biW9f/nH+xyctqlhb60oMbriU+rqrnOEXlPhFBa9amGxrwp0Wk7ZlcIcJizJ6RsGcI7MvGWM1VeK9S943KnWbHNtRqd4GIz+rwn9kbEdVNkidUaUDJCxfVVZcEh+pylqL1D+qcIGM5ahU7wqBix6hWZUaHCOwz18i9FBlhpsE7K52CTVVot8mYC1LfQI1lTjoEai/VsADZmW24hK6q9AR4GMZrbUILSpyE3ioWP+oci4QWVBsF5hX7DOrq1TvCpE5X7E9oKnYG2aUGBwj0lhXog/4ir2FXxUZbhKpNZUagKVEz6W+rEC/TaR+VCMutlJHoOFLBz1ij5XjYSt1C1jQikvsgfI6NJTaI/A9iQWNabNPqSE5Fx2NadNQpk2m4WtcB1uZP0nVuirwqCmzS8JaVpELjlJ9YvXXKhoAXWU8Inc1oQ/MK3OZ0KIm7QD3lPmXwCkZ7ALfKbMDzPkyuAnMKtNzsddlchloaOTvWlNGHQJdjfgyek/onqZ6R+hTTbVEyNZUHpF5TbFD7JKmeEHsB0eVeh6Jp6r0jtSMKm2QmVeFPUZmVGGDnEcqdYg821eJoceYr1TiKuMaMlulwJLR/hYFDZnsdymalcHvLhM+0YTBNQxOS+pdP3vcUeqvDiZPJZ0Dals/vXT0+fOT9zFbllZJ1FuU83W4xQeo663LBzneodr/ZcS0/p6VLWQAAAAASUVORK5CYII=) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: .533333rem;
    height: .533333rem
}

._form ._pay .pay-items .label {
    margin-left: .2133333rem
}

._form ._pay .pay-items .checkbox {
    width: .4rem;
    height: .4rem;
    margin-left: 6rem;
    border: 1px solid #a6a6a6;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

._form ._pay .pay-items .checkbox.active {
    width: .4266667rem;
    height: .4266667rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEVHcEz/SSz/SSz/TzT/SCv/SzH/SSv/SCv/Siv/SSv/SSz/Siz/SSv/SSv/SCv/SSz/SCvLxQt/AAAAEHRSTlMAnGIO7Bmn+ErSfzaOw990p1HBbQAAAX1JREFUWMOtl0mWgzAMRNUgz2Dq/qftRYc0BhukKLXMe79iC1kD0UAuZp8qh8A1+RwdqVSWhJPSUqT0vF3ol8c2S/DMGIrzo8V0gwMAT7e4W/Go9SaehSEQD6M5BYgUBtdYINbS4z0U8qb/755hglKnOJSgNQjNt3AMtfiYDys+0GoIwCkMM39mwPvLyirMO7enTP7kAD+HmL2OsKn5d9A2IiJKav596UREVPR8fKdd0T2CC49FdYMrj0TkLDzgKJp4RHEW9XlkaSEa8PDCGI54JKomHpXYxIOp/TFUHY/QGlRHJWl4hPYKkYhcUvDgNoiRLg73PGr7Gf/q5NHhgUc6JZI/OTzx8OdUbh0eeeTLYzo6PPOI1+f87yDg4ToFZXeQ8Klb0v4cZgGPpV9UD+PDPY8yKOteyKdhY/Ei/tVYuq3NS/i9u+Z+D6XtaWzJ32rv5gHDPuLYhyzzmGcfNO2jrn3Yto/79oXDvvLYly772veFxdO++n5h+dat/7/VwrVnEe68xAAAAABJRU5ErkJggg==) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border: 0
}

._form ._pay .pay-items:not(:last-child):after {
    position: absolute;
    height: 1px;
    left: 0;
    right: -.534rem;
    z-index: 1;
    content: "";
    background: #e6e6e6;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    bottom: 0
}

._form ._f-item {
    position: relative;
    margin-left: .267rem;
    padding: .16rem .267rem .16rem 0;
    font-size: .4rem
}

._form ._f-item ._spec-title {
    color: #505050
}

._form ._f-item ._spec-items ._spec-item {
    margin: .213rem .32rem 0 0;
    padding: .107rem .32rem;
    border: 1px solid #f85959;
    background: transparent;
    color: #f85959;
    display: inline-block;
    -webkit-border-radius: .107rem;
    border-radius: .107rem;
    cursor: pointer;
    font-size: .37333rem
}

._form ._f-item ._spec-items ._spec-item.active {
    color: #fff;
    background: #f85959
}

._form ._f-item ._spec-items ._spec-item.disabled {
    border: 1px solid #cacaca;
    color: #cacaca;
    cursor: not-allowed
}

._form ._f-item ._spec-items._amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .48rem
}

._form ._f-item ._spec-items._amount>div,
._form ._f-item ._spec-items._amount>input {
    width: .853rem;
    height: .853rem;
    line-height: .853rem;
    background: #f4f5f6;
    color: #222;
    text-align: center;
    margin-left: .107rem;
    -webkit-border-radius: .053rem;
    border-radius: .053rem;
    font-size: .4rem
}

._form ._f-item ._spec-items._amount>div.disabled {
    color: #cacaca
}

._form ._f-item ._spec-items._amount>input {
    border: none;
    outline: none;
    padding: 0
}

._form ._f-item._inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 2.15
    /*line-height: 50px;*/
}

._form ._f-item._inline ._spec-title {
    width: 3rem
}

._form ._f-item._inline ._spec-items {
    width: 7rem
}

._form ._f-item._inline.reverse ._spec-items {
    width: 3rem
}

._form ._f-item._inline.reverse ._spec-items.vertical-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto
}

._form ._f-item._inline.reverse ._spec-title {
    width: 7rem;
    white-space: nowrap
}

._form ._f-item-fix {
    padding-left: .267rem;
    margin-left: 0
}

._form ._f-item-fix ._spec-title {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

._form ._f-item-fix ._spec-items {
    color: #f85959;
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    text-align: right
}

._form ._sku {
    padding-top: 2.93333rem;
    position: relative
}

._form ._coupon ._notify {
    color: #999;
    font-size: .32rem
}

._form ._coupon ._notify-img {
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: .1333rem;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAdVBMVEVHcEzY2NjR0dHQ0NDd3d3R0dHQ0NDR0dHS0tLW1tbR0dHV1dXR0dHS0tLR0dHQ0NDR0dHR0dHk5OTR0dHW1tbR0dHS0tLR0dHR0dHQ0NDR0dHb29vR0dHS0tLQ0NDS0tLS0tLR0dHR0dHR0dHR0dHR0dHQ0NCOeE6IAAAAJnRSTlMAGrL7DlP2wD4kzjDkWW7119sKph+tQ4bIYu4VnIxznn1ITbdjkcMiyMsAAAG8SURBVEjHrZZre4IwDIUjIDe5K15RN93e//8T9wE2S1Pc8Fm+kaYlOTk9qcg/WJPE+eWSx0nzl+hNEfkM5kfF5pfwZYpl6fJJeLzvg+pofT6vo7r/2scT4UELEHqH07fndPBCgDZwxScVEO6stWAXAlWi47dHoFvohcUVOG5VvA/lRH3LEnxrR3KEbDUFxiqD4yiroILMSOfd8zzvZqSVQWVW10Jpnp8DfJj/KKE18AdG+d8A8lEdwKMfe+jGEAC8j1xX2Bu7wzGeK0YHiogswkcWKews0AAs0HaQDvyE0OrvAsDqbhBCz90CPJtWAHbXPShERCSCg90qAPv6HCASEWl8ONkbSsD2ncBv+gJrRYYMSuWs+7ri4U/2WqacUQ91Dmu1lkKlnOu++xc4uw5LlfMMl6kNd1eewwZnSq3uzU9KzqKvrlOGop2wftr8NWB1Nm7ZdflU45zUcNk3NVzkE4m13P2Qz0HvTQX1aorejgt0BQXT4wI5rugdbLDNK6pFoAB4mxQBLTPylqVFMy0zSsi0WI6FTEmlUnBbKmeL8Xy5fzZQOudAmT+y5g/F+WP3hcH+wtPhhcfJb/YF6+BBgmHRESoAAAAASUVORK5CYII=) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    height: .4267rem;
    width: .3733rem
}

._form ._coupon ._spec-items {
    text-align: right
}

._form ._coupon ._spec-items ._grey {
    color: #999
}

._form ._coupon ._spec-items ._red {
    color: #f03450
}

._form ._coupon ._spec-items .right-arrow {
    color: #999
}

._form button {
    display: block;
    margin: .96rem .267rem 0;
    border: none;
    outline: none;
    color: #fff;
    height: 1.333rem;
    line-height: 1.333rem;
    width: 9.466rem;
    background: #f85959;
    -webkit-border-radius: .107rem;
    border-radius: .107rem;
    font-size: .4rem
}

._form .btn-fix {
    margin-bottom: 1.093rem
}

._form ._order-info input {
    color: #505050
}

._form ._order-info input::-webkit-input-placeholder {
    color: #999
}

._form ._order-info input._normal {
    width: 100%;
    /*height: 100%;*/
    height: 30px;
    font-size: .4rem
}

._form ._order-info .location {
    font-size: .4rem;
    color: #505050
}

._form ._order-info ._spec-items._special {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._form ._order-info ._spec-items._special input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._form ._order-info ._spec-items._special>div {
    width: 3.2rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    background: #fff;
    border: 1px solid #ff482b;
    color: #ff482b;
    -webkit-border-radius: .107rem;
    border-radius: .107rem;
    font-size: .4rem
}

._form ._order-info ._spec-items._special>div.disabled {
    border: 1px solid #ccc;
    color: #b3b3b3
}

._form ._order-info ._spec-items._area,
._form ._order-info ._spec-items._area>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._form ._order-info ._spec-items._area>div {
    width: 33.333333%
}

._form ._order-info ._spec-items._area>div select {
    width: -webkit-calc(100% - .41rem);
    width: calc(100% - .41rem);
    padding: 0 2px;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    outline: none;
    color: #505050;
    font-size: .37333rem
}

._form ._order-info ._spec-items._area>div>div {
    width: .4rem
}

._form ._order-info ._spec-items._area>div>div i {
    position: relative;
    top: 2px;
    border-top-color: #505050
}

._form .right-arrow.bill {
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    position: relative;
    top: -2px
}

._form .right-arrow.rotate {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

._form ._share {
    position: relative;
    top: -386px;
    text-align: center;
    color: #505050;
    height: .53333rem;
    opacity: 1
}

._form ._share .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    margin-right: .24rem;
    width: .35rem;
    height: .35rem;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

._form ._share .icon.active {
    border: none;
    width: .37rem;
    height: .37rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAe1BMVEVHcEz5WVn5WVn/YGD4WVn/XV35WVn6W1v5WVn5WVn5Wlr/XFz/Z2f5Wlr6Wlr4Wlr5WVn5W1v9W1v5Wlr4Wlr5W1v5Wlr4WVn/cXH4WVn7WVn5Wlr4Wlr6Wlr5WVn5Wlr6W1v/dHT6XV37W1v5WVn7W1v6Wlr5Wlr4WVnRGhUHAAAAKHRSTlMA+7IQvRf5Zcj0tx4MeZHn1lkj25dKhOAJvz6LcWHR7WsFMUOmO15SHkd5ngAAAQNJREFUOMvN1dlWgzAQgOE/bEnoQltQu9hd23n/J/SiB0GBdLjSucz5LpLJLADWeQmGdxaANBFFJCmgkiIJWFGGxWmpw2upR9TxZ7S8VEqaxJCraHWGq1dQcwJeMsUFjtdGhuli1ZJBmsfAPVMka34GluZ5XjPLTzlIj1uAm+n8ls/7HsTedD92ic3ap9EUOlWPiEgEXMrmcAfAqa9cihUQR/WD9gC891fW2wRgZkREis9+WWfgYbeFyGECwGy4XssUII0+pkOyyesipYnXcBcc4rBs/5ar7e55b7nHPeeaNtysA/JXueRrKm1zb6J/OF2+6YihOWIUjxjwI9bGmGWkXnFfqVHwRAjUBr0AAAAASUVORK5CYII=) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

._form ._share span {
    display: inline-block;
    padding-left: .64rem;
    font-size: .37rem;
    height: .53rem;
    line-height: .53rem;
    margin-top: 1px
}

._service-statement {
    text-align: center;
    font-size: .32rem;
    color: #aaa;
    margin-bottom: 40px
}

._service-statement a {
    color: #aaa;
    text-decoration: underline
}

._coupon_tips {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    font-size: .32rem;
    color: #fff;
    background: #d8d8d8;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center
}

.coupon-tips-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 7.99rem
}

.coupon-tips-title {
    position: absolute;
    left: 0;
    right: 0;
    top: -.42rem;
    margin: 0 auto;
    width: 4.17rem;
    height: .84rem;
    line-height: .84rem;
    -webkit-border-radius: .42rem 0;
    border-radius: .42rem 0;
    background: #da5540;
    font-size: .55rem;
    text-align: center;
    color: #fff;
    z-index: 1
}

.coupon-tips-bg {
    position: absolute;
    width: 270px;
    top: 0;
    left: 0;
    z-index: -1;
    top: -50px
}

.coupon-tips-close {
    position: absolute;
    width: .8rem;
    height: .8rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -1.3rem
}

.coupon-tips-message {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: .987rem .653rem .867rem;
    background: #fff;
    -webkit-border-radius: .5rem;
    border-radius: .5rem
}

.coupon-tips-rules {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #717171;
    font-size: .373rem;
    line-height: 1.429
}

._form ._snap .sec-kill-remark {
    width: 1.87rem;
    height: auto
}

.delievery-announce {
    display: inline-block;
    height: .427rem;
    font-size: .32rem;
    color: #f85959;
    font-weight: 400;
    line-height: .427rem;
    text-align: center;
    margin-top: .16rem;
    padding: 0 .107rem;
    border: 1px solid #f85959
}

.dialog {
    background: #fff
}

.dialog.android {
    width: 7.46667rem
}

.dialog.android .content {
    padding: 21px 24px
}

.dialog.android .btn-group {
    text-align: right;
    color: #2a90d7
}

.dialog.android .btn-group a {
    padding: 21px;
    display: inline-block
}

.dialog.ios {
    -webkit-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden;
    width: 7.2rem
}

.dialog.ios .content {
    padding: 20px 22px;
    font-weight: 700;
    line-height: 22px;
    border-bottom: 1px solid #e8e8e8;
    font-size: .45333rem;
    color: #222
}

.dialog.ios .btn-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #2a90d7;
    text-align: center;
    line-height: 40px;
    height: 40px;
    font-size: .45333rem
}

.dialog.ios .btn-group a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dialog.ios .btn-group a.confirm {
    border-right: 1px solid #e8e8e8
}

#_2Oym9pE8p39cMxR9ba_cak_0 .container>.content-container>* {
    -webkit-border-top-left-radius: .24rem;
    border-top-left-radius: .24rem;
    -webkit-border-top-right-radius: .24rem;
    border-top-right-radius: .24rem;
    z-index: 2;
    overflow: hidden
}

.bottom-slide {
    opacity: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bottom-slide.show {
    opacity: 1
}

.bottom-slide .area {
    width: 10rem;
    height: 100%
}

.bottom-slide .container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 10rem;
    z-index: 999;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    height: 100%
}

.bottom-slide .container.show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bottom-slide .container>.container-prevent-modal,
.bottom-slide .container>.content-container>* {
    position: absolute;
    bottom: 0;
    width: 10rem;
    margin: 0 auto
}

.bottom-slide .container>.content-container>* {
    z-index: 2
}

.bottom-slide .container>.container-prevent-modal {
    z-index: 1;
    top: 0
}

._unavaiable-coupon {
    margin: .32rem;
    text-align: center;
    color: #999
}

._choose-coupon {
    background: #f4f5f6;
    -webkit-border-radius: .16rem .16rem 0 0;
    border-radius: .16rem .16rem 0 0;
    color: #222;
    height: 75%;
    overflow: hidden;
    width: 10rem;
    position: absolute;
    bottom: 0;
    left: 0
}

._choose-coupon ._title {
    padding: 0;
    text-align: center;
    line-height: 1.226667rem;
    height: 1.226667rem;
    font-size: .37333rem
}

._choose-coupon ._body {
    height: -webkit-calc(100% - 2.453333rem);
    height: calc(100% - 2.453333rem);
    overflow: auto
}

._choose-coupon ._body .coupon-card-v1 {
    margin-bottom: .13333rem
}

._choose-coupon ._body ._no-coupon.fixed {
    margin: 1.6rem 0
}

._choose-coupon ._cancel {
    height: 1.226667rem;
    line-height: 1.226667rem;
    text-align: center;
    background: #f85959;
    color: #fff;
    font-size: .37333rem
}

._no-coupon ._img {
    width: 2.346667rem;
    height: 2.373333rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/907fedb1.no-coupon_3x.png) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin: auto
}

._no-coupon ._note {
    text-align: center;
    color: #999;
    margin-top: .693333rem;
    font-size: .37333rem
}

.coupon-card-v1 {
    width: 9.35rem;
    margin: 0 .32rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-border-radius: .10667rem;
    border-radius: .10667rem;
    font-size: .37333rem;
    overflow: hidden;
    position: relative
}

.coupon-card-v1:after {
    content: "";
    position: absolute;
    width: .6rem;
    height: .6rem;
    display: block;
    left: -.35rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #f4f5f6;
    -webkit-border-radius: 1rem;
    border-radius: 1rem
}

.coupon-card-v1 .checked-coupon {
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    top: 0;
    right: 0
}

.coupon-card-v1 .main-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.coupon-card-v1 .main-content .coupon-bg {
    width: 2.82667rem;
    height: 1.81333rem;
    position: absolute;
    right: .08rem;
    bottom: 0;
    z-index: 1
}

.coupon-card-v1 .main-content .coupon-bg.stamp {
    right: 1.38667rem
}

.coupon-card-v1 .main-content .stamp-coupon {
    width: 2.48rem;
    height: 2.48rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .34667rem;
    z-index: 3
}

.coupon-card-v1 .main-content.mini {
    width: 7.76rem
}

.coupon-card-v1 .main-content.disabled .what-coupon {
    color: #b6b6b6 !important
}

.coupon-card-v1 .main-content.disabled .what-coupon:after {
    border-color: #b6b6b6 !important
}

.coupon-card-v1 .main-content.disabled .note {
    color: #b6b6b6 !important
}

.coupon-card-v1 .main-content.disabled .coupon-amount {
    color: #b6b6b6
}

.coupon-card-v1 .main-content .top-title {
    height: 1.12rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.coupon-card-v1 .main-content .top-title:after {
    background: #f4f5f6 !important
}

.coupon-card-v1 .main-content .top-title .what-coupon {
    font-size: .26667rem;
    color: #f85959;
    padding: .05333rem .08rem
}

.coupon-card-v1 .main-content .top-title .what-coupon:after {
    -webkit-border-radius: .08rem;
    border-radius: .08rem;
    border-color: #f85959
}

.coupon-card-v1 .main-content .top-title .note {
    margin-left: .32rem;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 6.93333rem
}

.coupon-card-v1 .middle-content {
    width: 100%;
    height: 2.02667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.coupon-card-v1 .unavaiable-reason {
    width: 8.26667rem;
    margin: .21333rem 0 .26667rem;
    font-size: .32rem;
    position: relative;
    z-index: 2
}

.coupon-card-v1 .unavaiable-reason .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f85959;
    margin-bottom: .08rem
}

.coupon-card-v1 .unavaiable-reason .row .red-note {
    height: .32rem;
    width: .32rem;
    margin-right: .08rem
}

.coupon-card-v1 .unavaiable-reason .explain {
    color: #8c8b8b;
    line-height: .45333rem
}

.coupon-card-v1 .left-func {
    width: 1.62667rem;
    color: #fff;
    font-size: .37333rem;
    height: 3.14667rem
}

.coupon-card-v1 .left-func>div {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.coupon-card-v1 .left-func>div>div {
    text-align: center;
    width: 100%;
    line-height: .53333rem
}

.coupon-card-v1 .left-func .red {
    background-image: -webkit-linear-gradient(top, #fb538a, #f85959);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fb538a), to(#f85959));
    background-image: linear-gradient(-180deg, #fb538a, #f85959)
}

.coupon-card-v1 .left-func .grey {
    background: #dadada
}

.coupon-card-v1 .coupon-amount {
    width: 1.86667rem;
    color: #f85959;
    overflow: hidden
}

.disabled .coupon-card-v1 .coupon-amount {
    color: #b6b6b6
}

.coupon-card-v1 .coupon-amount div.top {
    font-size: 0;
    white-space: nowrap
}

.coupon-card-v1 .coupon-amount div.top .big {
    font-family: DINAlternate-Bold;
    font-size: .64rem;
    vertical-align: sub
}

.coupon-card-v1 .coupon-amount div.top .discount {
    font-size: .32rem;
    margin-left: .05333rem
}

.coupon-card-v1 .coupon-amount div.top .grey-yuan,
.coupon-card-v1 .coupon-amount div.top .red-yuan {
    width: .32rem;
    height: .32rem
}

.coupon-card-v1 .coupon-amount div.type {
    font-size: .32rem
}

.coupon-card-v1 .coupon-content {
    width: 6.13333rem;
    margin-left: .18667rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .32rem;
    color: #bbb
}

.coupon-card-v1 .coupon-content.dark {
    color: #999
}

.mini .coupon-card-v1 .coupon-content {
    width: 4.53333rem
}

.coupon-card-v1 .coupon-content .time {
    margin-bottom: .08rem
}

.coupon-card-v1 .coupon-content .note {
    line-height: .4rem;
    word-break: break-all
}

.modal-dialog-luban[data-v-b6592580] {
    z-index: 2;
    background: #fff;
    width: 7.2rem;
    -webkit-border-radius: .5rem;
    border-radius: .5rem
}

.modal-dialog-luban.android .content[data-v-b6592580] {
    padding: .56rem .64rem
}

.modal-dialog-luban.android .btn-group[data-v-b6592580] {
    text-align: right;
    color: #2a90d7
}

.modal-dialog-luban.android .btn-group a[data-v-b6592580] {
    padding: .56rem;
    display: inline-block
}

.modal-dialog-luban.ios[data-v-b6592580] {
    -webkit-border-radius: .32rem;
    border-radius: .32rem
}

.modal-dialog-luban.ios .content[data-v-b6592580] {
    padding: .8267rem .5867rem;
    font-weight: 700;
    line-height: .5867rem;
    border-bottom: 1px solid #e8e8e8
}

.modal-dialog-luban.ios .btn-group[data-v-b6592580] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #2a90d7;
    text-align: center;
    line-height: 1.0667rem;
    height: 1.0667rem
}

.modal-dialog-luban.ios .btn-group a[data-v-b6592580] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.modal-dialog-luban.ios .btn-group a.confirm[data-v-b6592580] {
    border-right: 1px solid #e8e8e8
}

.stop-scroll-modal[data-v-b6592580] {
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10rem
}

.fade-enter-active[data-v-3403c77d] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-3403c77d] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-3403c77d],
.fade-leave-to[data-v-3403c77d] {
    opacity: 0
}

.fade-out-leave-active[data-v-3403c77d] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-3403c77d],
.fade-out-leave-to[data-v-3403c77d] {
    opacity: 0
}

.tips[data-v-3403c77d] {
    height: .56rem;
    line-height: .56rem
}

.tips .text[data-v-3403c77d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .4rem;
    font-weight: 400;
    color: #ff482b
}

.tips .text .icon[data-v-3403c77d] {
    margin-left: .10667rem;
    display: inline-block;
    width: .42667rem;
    height: .42667rem
}

.fade-enter-active[data-v-f8901b74] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-f8901b74] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-f8901b74],
.fade-leave-to[data-v-f8901b74] {
    opacity: 0
}

.fade-out-leave-active[data-v-f8901b74] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-f8901b74],
.fade-out-leave-to[data-v-f8901b74] {
    opacity: 0
}

.modal-wrapper[data-v-f8901b74] {
    position: relative;
    padding-bottom: .53333rem;
    text-align: center;
    -webkit-border-radius: .32rem;
    border-radius: .32rem;
    width: 7.73333rem;
    left: -.26667rem;
    background: #fff
}

.modal-wrapper .title[data-v-f8901b74] {
    display: inline-block;
    height: 1.76rem;
    width: 100%
}

.modal-wrapper .list[data-v-f8901b74] {
    margin: .26667rem 0 0;
    padding: 0 .64rem 0 .66667rem;
    font-size: 0;
    color: #333
}

.modal-wrapper .list .item[data-v-f8901b74] {
    line-height: .53333rem;
    position: relative;
    list-style: none;
    margin-top: .16rem;
    text-align: justify;
    white-space: normal
}

.modal-wrapper .list .item[data-v-f8901b74]:first-child {
    margin-top: 0
}

.modal-wrapper .list .item .dot[data-v-f8901b74] {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    left: -.29333rem;
    top: .21333rem;
    width: .10667rem;
    height: .10667rem
}

.modal-wrapper .list .item .point[data-v-f8901b74] {
    font-size: .37333rem;
    font-weight: 700
}

.modal-wrapper .list .item .desc[data-v-f8901b74] {
    font-size: .37333rem;
    opacity: .8
}

.modal-wrapper .footer[data-v-f8901b74] {
    margin-top: .61333rem
}

.modal-wrapper .footer .button[data-v-f8901b74] {
    display: inline-block;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #ff482b;
    width: 6.45333rem;
    height: 1.06667rem;
    font-size: .42667rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    line-height: 1.06667rem
}

.modal-wrapper .close-icon[data-v-f8901b74] {
    position: absolute;
    display: inline-block;
    bottom: -1.44rem;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: .82667rem;
    height: .82667rem
}

.m-line[data-v-6753321f] {
    color: #aaa;
    padding: .249rem .267rem 0;
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.36;
    border-top: .187rem solid #f4f5f6
}

.m-right[data-v-6753321f] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1%
}

.m-left[data-v-6753321f] {
    width: 1rem
}

.m-link[data-v-6753321f] {
    text-decoration: underline
}

.fade-enter-active[data-v-19bce672] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-19bce672] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-19bce672],
.fade-leave-to[data-v-19bce672] {
    opacity: 0
}

.fade-out-leave-active[data-v-19bce672] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-19bce672],
.fade-out-leave-to[data-v-19bce672] {
    opacity: 0
}

.modal-wrapper[data-v-19bce672] {
    position: relative;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: .32rem;
    border-radius: .32rem;
    width: 7.73333rem;
    height: 8rem;
    left: -.24rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/a7862287.background.svg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.modal-wrapper .titleText[data-v-19bce672] {
    margin-top: .53333rem;
    color: #ff482b;
    font-size: .42667rem;
    line-height: .53333rem
}

.modal-wrapper .icon[data-v-19bce672] {
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/5dc1a318.icon.svg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 4.28rem;
    height: 4.2rem;
    margin: .2rem auto .93333rem
}

.modal-wrapper .footer[data-v-19bce672] {
    margin-top: .61333rem
}

.modal-wrapper .footer .button[data-v-19bce672] {
    display: inline-block;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDg0IiBoZWlnaHQ9IjgwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iMCUiIHkxPSI0OC42MzQlIiB4Mj0iMTAwJSIgeTI9IjUxLjM2NiUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjRkY5MTU5IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGNEEyNiIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMTMzIiB5PSI4MDAiIHdpZHRoPSI0ODQiIGhlaWdodD0iODAiIHJ4PSI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMzIC04MDApIiBmaWxsPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    width: 6.45333rem;
    height: 1.06667rem;
    font-size: .42667rem;
    font-weight: 500;
    line-height: 1.06667rem
}

.modal-wrapper .close-icon[data-v-19bce672] {
    position: absolute;
    display: inline-block;
    width: .82667rem;
    height: .82667rem;
    right: 0;
    top: 0
}

.fade-enter-active[data-v-10100f89] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-10100f89] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-10100f89],
.fade-leave-to[data-v-10100f89] {
    opacity: 0
}

.fade-out-leave-active[data-v-10100f89] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-10100f89],
.fade-out-leave-to[data-v-10100f89] {
    opacity: 0
}

.modal-wrapper[data-v-10100f89] {
    position: relative;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: .32rem;
    border-radius: .32rem;
    width: 7.73333rem;
    height: 8rem;
    left: -.24rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/d916504d.background_3x.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.modal-wrapper .titleText[data-v-10100f89] {
    position: absolute;
    color: #f85959;
    top: 5.33333rem;
    left: 0;
    right: 0;
    text-align: center;
    font-size: .34667rem;
    line-height: .42667rem
}

.modal-wrapper .icon[data-v-10100f89] {
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/20ab4de4.icon_3x.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 4.28rem;
    height: 4.2rem;
    margin: .42667rem auto .93333rem
}

.modal-wrapper .button[data-v-10100f89] {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: .53333rem;
    display: inline-block;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-background-size: contain;
    background-size: contain;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtYAAAB4CAMAAADhR0VDAAAARVBMVEVHcEzvUFD5Wlr0VVX6XFz4WFj6WVn4WVn4Wlr4WVn4WVn5WVn6WVn5WVn/XV35W1v5WVnuVVX5WVn5WVn5WVn4WVn4WVmm/Vr3AAAAFnRSTlMAEFUYMra7/rzA/fJh8RZc8A/vUP38G95mJAAAAUNJREFUeNrt14kNggAQRNHhPgQBUfsv1TbM5r0SJj+bbJLrHl9fKGEf2yZJ+mEyBnVMc59cw8cSVLIOz9xuNdXu9ZHRClSzxLdIOWdsQD2yRtYga5A1yBpkjaxB1iBrkDXIGlmbAFmDrEHWIGuQNbIGWYOsQdYga2QNsgZZg6xB1iBrZA2yBlmDrEHWyBpkDbIGWYOsQdbIGmQNsgZZg6yRNcgaZA2yBlmDrJE1yBpkDbIGWSNrkDXIGmQNsgZZI2uQNcgaZA2yRtYga5A1yBpkDbJG1iBrkDXIGmSNrEHWIGuQNcgaZI2sQdYga5A1yBpZg6xB1iBrkDXIGlmDrEHWIGuQNbIGWYOsQdYga5A1sgZZwz9kvduAah4ZjUA1S9rJCtQybWnm1Q5U8p67pB/cayrd6rlPkuexnMagyLe4bF3yA9XiPMu689yYAAAAAElFTkSuQmCC) no-repeat;
    width: 6.45333rem;
    height: 1.06667rem;
    font-size: .42667rem;
    font-weight: 500;
    line-height: 1.06667rem
}

.modal-wrapper .close-icon[data-v-10100f89] {
    position: absolute;
    display: inline-block;
    width: .82667rem;
    height: .82667rem;
    right: 0;
    top: 0
}

.m-line[data-v-4fc4c41d] {
    color: #aaa;
    padding: .24rem .267rem .32rem 0;
    font-size: .32rem;
    border-top: 1px solid #f4f5f6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .267rem
}

.m-right[data-v-4fc4c41d] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1%
}

.m-left[data-v-4fc4c41d] {
    width: .3467rem;
    height: .3467rem;
    margin-right: .1333rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNjc5IiBjeT0iNDU0MCIgcj0iMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NjIgLTQ1MjMpIiBmaWxsPSIjRkZGIiBzdHJva2U9IiNBNkE2QTYiIHN0cm9rZS13aWR0aD0iMiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    background-color: transparent !important;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden
}

.m-left input[data-v-4fc4c41d] {
    display: none
}

.is-checked[data-v-4fc4c41d] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTguMjIzIDIuOTI5QTEwLjk1IDEwLjk1IDAgMCAwIDEyIDFDNS45MjUgMSAxIDUuOTI1IDEgMTJzNC45MjUgMTEgMTEgMTFoMGM2LjA3NSAwIDExLTQuOTI1IDExLTExIDAtLjkzNC0uMTE2LTEuODQxLS4zMzYtMi43MDciIHN0cm9rZT0iIzk5OSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJNMTAuNTMgMTQuNTFMMjEuNTY3IDMuNDcxYTEuMTkgMS4xOSAwIDAgMSAxLjY4NCAxLjY4M0wxMS4zNTggMTcuMDQ4YTEuMTg3IDEuMTg3IDAgMCAxLTEuNjktLjAwN2wtNC4xOTYtNC4xOTVhMS4yIDEuMiAwIDEgMSAxLjY5Ny0xLjY5N2wzLjM2IDMuMzZ6IiBmaWxsPSIjOTk5Ii8+PC9nPjwvc3ZnPg==)
}

._bottom-bar {
    width: 10rem;
    height: 1.333rem;
    line-height: 1.333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    text-align: center;
    position: fixed;
    bottom: 0;
    -webkit-box-shadow: 0 2px 7px 0 hsla(0, 0%, 75%, .5);
    box-shadow: 0 2px 7px 0 hsla(0, 0%, 75%, .5);
    z-index: 666;
    margin: 0 auto
}

._bottom-bar.hidden {
    display: none
}

._bottom-bar.activity ._buy-submit-btn {
    width: 5.73333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: transparent;
    height: 100%
}

._bottom-bar.activity ._btn-container {
    width: 4.26667rem
}

._bottom-bar.activity ._choice-one,
._bottom-bar.activity ._choice-two {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

._bottom-bar.activity ._choice-one>div,
._bottom-bar.activity ._choice-two>div {
    line-height: .53333rem
}

._bottom-bar.activity ._choice-one i,
._bottom-bar.activity ._choice-two i {
    width: .32rem;
    height: .32rem;
    margin-right: .05333rem;
    position: relative;
    top: 1px
}

._bottom-bar.activity ._choice-one .f15,
._bottom-bar.activity ._choice-two .f15 {
    margin-top: .13333rem
}

._bottom-bar.activity ._choice-one {
    background: rgba(255, 213, 227, .6);
    color: #ff6089
}

._bottom-bar.activity ._choice-two {
    background-image: -webkit-linear-gradient(1deg, #ff5894 7%, #fe4273 93%);
    background-image: linear-gradient(89deg, #ff5894 7%, #fe4273 93%);
    color: #fff
}

._bottom-bar .join-group {
    width: 4.26667rem;
    padding: 0 .08rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    background-color: #ff988e
}

._bottom-bar .join-group>img {
    display: inline-block;
    width: .64rem;
    height: .64rem;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

._bottom-bar .join-group .captain {
    z-index: 2;
    margin-right: -.26667rem
}

._bottom-bar .join-group .member {
    margin-right: .13333rem
}

._bottom-bar .join-group .text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .34667rem;
    font-weight: 400;
    color: #fff
}

._bottom-bar ._buy-submit-btn {
    width: 4rem;
    background: #ff5c5c;
    color: #fff;
    font-size: .42667rem;
    position: relative;
    overflow: hidden
}

._bottom-bar ._buy-submit-btn .offline-btn {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #cacaca;
    color: #fff;
    font-size: .4rem
}

._bottom-bar ._buy-submit-btn--large {
    width: 6.333rem
}

._bottom-bar ._btn-container {
    width: 6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    font-size: .37333rem
}

._bottom-bar ._btn-container--small {
    width: 3.667rem
}

._bottom-bar ._btn-container a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #505050;
    line-height: .693rem
}

._bottom-bar ._btn-container.single>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

._bottom-bar ._btn-container.single>a i {
    margin: 0 .37333rem 0 0
}

._bottom-bar ._btn-container.column {
    width: 2.13333rem
}

._bottom-bar ._btn-container.column>a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

._bottom-bar ._btn-container.column>a>i {
    margin: .13333rem 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: .53333rem;
    height: .53333rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/acab6888.group-customer.png);
    -webkit-background-size: cover;
    background-size: cover
}

._bottom-bar ._btn-container.column>a>span {
    font-size: .29333rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999
}

._bottom-bar ._btn-container .center-icon {
    margin: 0
}

._bottom-bar ._btn-container .shop-link-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAhFBMVEVHcExRUVFQUFBRUVFRUVFYWFhRUVFRUVFTU1NQUFBjY2NQUFBQUFBQUFBQUFBRUVFVVVVRUVFQUFBRUVFRUVFQUFBQUFBTU1NQUFBQUFBUVFRRUVFQUFBRUVFRUVFRUVFRUVFRUVFRUVFRUVFXV1dRUVFTU1NQUFBRUVFTU1NQUFBQUFDreV5zAAAAK3RSTlMAnvcTyQuXq015A7DhwdePJ2G6xzPx6D5u7CFbNtx1oodogdEPVC3MSBvPhuWx0wAAAYxJREFUSMftlltzgjAQhddopCIXuavgpWpr2+///78+NJEwdoD2rVPP02ZnD5Bkz1lE/hT8faTogQpi/Q1tziAO96w3IJr14AxUd58YwXP/Ltbw4d/nwqHNX++ePC1Qq6FDa2Bz6WQmEA8f9hzm7jqHUg/Tpht4ddYZ1GPu9rlzAgkUi1FQ8GJZuuQHCOxuTvwIC0P7QCVPI5EUXA0NluM7fgm/oXn/jVYFx1sTzLJbmx6Dqpc2QdnwCd6s0lTrB9/SPLACrtv2005Fe28lO5uMWmUc4dTqyqkoTZSCUfYW2JvsFTITLnAr0lY3oS8i4qeA2lpzsdaxUrgViX1xCFHj+3kGwKbW8h5/dXv8LrouAJg1vp9Hrk5XClAKKJoQYAOw39/CsClshetUSyOlKJeLZ7x7LbI27u5dJN+ZEq9rXGmwSxMtIlIdzkF22oqIbE9ZcD5UIiI6SXdB2LWuCegxnTV90B60B61FfLOYfrzC0VnWUHojUDqjW0T82dgJHHZ+n3QcjBr3sZa/g08AmGeAr+JdZQAAAABJRU5ErkJggg==) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

._bottom-bar ._btn-container .favorite-icon {
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/2259889b.collect_3x.png) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

._bottom-bar ._btn-container .customer-service-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAjVBMVEVHcExRUVFQUFBpaWlTU1NRUVFUVFRQUFBRUVFSUlJZWVlRUVFRUVFRUVFQUFBVVVVQUFBQUFBQUFBQUFBSUlJRUVFQUFBRUVFeXl5RUVFQUFBRUVFTU1NSUlJRUVFQUFBRUVFSUlJTU1NRUVFRUVFWVlZQUFBRUVFWVlZQUFBRUVFRUVFRUVFQUFBQUFDwMbmOAAAALnRSTlMA7PgFQ/wtoY0xD7bScPEUuX7N2EuCnKYMX+BYJFGylcY7KYflGtxnHa56vsC/gGtYpAAAAgRJREFUSMftltuWojAQRSvBKIKgCIr3u3ar3fv/P28eiI4XJOLbrDX1RsImh0rVSURKYz9u/aZK7/o9PxvJezGKUm7C/EzfgLrbmMc4fHkOKlMArJL5etbdNKb+BID+plLfsPj4/masOYgBHb2mghWgokdF3aUGli9/qw8sgpKZTQoMyymvD2xf6OgBfunUEvh6pcRrAfOSifnrtUREvBXE389JVLCo3NAJhE+jJ1BB5ZY2gHXJYpGjFELoPQxFMHFVUNNA+35o5V5MZAGD+/81sHdiU+jfZTeClbs7Ag3N61P7bAA682rI8xWA8ovGbV4bbFyJ9S6vFek8ggrDMAVVlcsMzE8Yno0tMkUciIicb4U/x9aqGduaho6IiPjQqMBadtOa0PqPlWKaySfYDv0J1oHgA6xne70mltjmq4mtbfPVxDzbfA5saLG2xaQFuRtLYOuJeD4kYnkzc2JtA0ZrA6Z9daRfkdOTnT0tV8TFvWYaEtkffcdJm3fStJNntx8yDakfIegn42oMhqdNtQN2wNwb16xwqmrhxQF8c34FB5uAvHq9EIiTq6PnkEaNgQbHbSbSgAnH7VHh26pb2H7PkZdZbgpdu3SiLjeDGOVMaHOp/l6ZLtjujZ3wskE4iQ2Gt0XeRQ6H8TrRkNXBvndW67Fe4cz6AGbo1a24bLCMNvLPxh+vKlcKTPcwQgAAAABJRU5ErkJggg==) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

._bottom-bar ._btn-container .favorite-text:after {
    content: "\6536\85CF"
}

._bottom-bar ._btn-container .customer-service-icon,
._bottom-bar ._btn-container .favorite-icon,
._bottom-bar ._btn-container .shop-link-icon {
    display: block;
    width: .48rem;
    height: .48rem;
    margin: .16rem auto 0;
    vertical-align: middle
}

._bottom-bar ._btn-container .active.favorite-btn .favorite-icon {
    background-image: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/c5335b1e.collect_right_3x.png)
}

._bottom-bar ._btn-container .active.favorite-btn .favorite-text:after {
    content: "\5DF2\6536\85CF";
    color: #f85959
}

._fav {
    padding: .667rem;
    text-align: left
}

._fav ._img>div {
    width: 100%;
    height: 0;
    padding-top: 75.925925925%;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/5a8100be.ioslike_3x.png) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

._fav ._title {
    color: #222;
    margin: .9333rem 0 .08rem;
    font-size: .48rem
}

._fav ._desc {
    color: #909090;
    margin-bottom: .667rem;
    background: transparent;
    width: 100%;
    line-height: 1.2;
    font-size: .4rem
}

._fav ._light-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 14px;
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAANlBMVEVHcEzY2NjZ2dnZ2dnb29vZ2dnZ2dn////Z2dnY2NjZ2dnc3NzZ2dnZ2dnY2Njf39/Z2dnY2NhI7InHAAAAEXRSTlMAnUqBDv7HAZxpkzPpxFwIG7c1bIIAAACLSURBVCjPpdHbFoAQEIVhUaGTvP/LNlMqzNZNbrJ8N3v1K/V5rNZWvs5b4I+O0Qn1QzQJhZJdaJ1QtrFXUDMTWlillRUqLFNgj0JLumJL2jDSlWzBdm5B//m2paHXThcbjXjLuaqz0GhVJzRvVGvZqNS6Ua6y0aszaMTq+bahRqQTX4IxoJGfdvXjHC26C6L4pGzUAAAAAElFTkSuQmCC) 50% no-repeat;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px
}

._fav.android ._confirm {
    float: right;
    color: #3294d8;
    margin-left: .667rem
}

._fav.android ._cancel {
    float: right;
    color: #505050
}

._fav.ios ._title {
    text-align: center
}

._fav.ios ._confirm {
    color: #fff;
    background-color: #f85656;
    -webkit-border-radius: .16rem;
    border-radius: .16rem;
    height: 1.1733rem;
    line-height: 1.1733rem;
    font-size: .4rem;
    text-align: center
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    ._offline-recommend {
        bottom: 2.21333rem
    }
}

._offline-recommend {
    width: 10rem;
    position: fixed;
    left: 50%;
    bottom: 1.30667rem;
    z-index: 199;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

._offline-recommend ._title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: rgba(4, 4, 4, .8);
    height: 1.06667rem;
    width: 10rem;
    font-size: .4rem
}

._offline-recommend ._title.mask:after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    position: fixed;
    z-index: 0;
    background: transparent
}

._offline-recommend .shop-cart {
    width: .48rem;
    height: .48rem;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAolBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////89O+wrAAAANXRSTlMAg8EFpbn56XISocXKvaj2S7SwrAqTnEA5730ZDQfWMndojS3P3FZEISaX0vNd5GJtUYfhcVUBeWkAAAKCSURBVBgZ1cHndqJqAIbRFxEcRaTZe++aMue5/1s7JCtqBL7E5b/ZW/+u2ZGLqXIGtVZTZj2uHOWUoS+zOleBrSwPajIbTK1PbaCjrBLU9LumC5aySlDTA3zwlOVDWQ/ogztUhg8NPaALlBzHT5VSntceSg40lBq0nZvWQln2kQxLciBRqs13bldZMRl9KYJEqRp3PGW9AuO6lyqlfL81lCKIlRok9asKBMpaACfdiyFWRgwH5VSgpnsxRLpn92CunDKcdWG3l29SDJG0XsVNXXSBUDkvwE5f3sBdKwFHaxdedDEFd6icLTDTlw7ghg1wQhfY6MIHTwVWkOhiDrgrOAfAuy5GAVgqsIeervZc7XW1AToqsAYmuqrxpaabdwhsFagCU13ZDT4ltm7q4KjQEhzd2DGpyNbN0IWpCs0hsHUzcqDU1DdvwESFQqCjb0bTflPftaCnYk0XLP1kDIkMSuDpBwNgJoM+uEOZnYCdDLpAKLM2nGViH2Eus79Qk1EEBxntgJOM/gOqMpkBAxktgLVMGjDWD3owbqTKGbUPPWjJaLLkF28yWQT8YmnLxCN1rBiNW1WZhEC01XP6UGnqSQ3w9aw9LPWsVyDUk7YuuI3+H7PXcCATi9+VqyrW5gHniYr84SHjkfKGR3D7k04ERNWMLtB7XYR1wFLeCTgpFYE71D0L6EqyD3BW3hwq+tABJroXg6cPM6CqnDYs9WEHbHSvBIk+hMBWORa4VaVegIXuleGvrdQ70FROB0hG0q4CFWW8AHNJ3QA8FfCB1b4RADNljMbAoRW7wEYFtgFfSsrpcNFWoe6KT0lVeWGFT62RijWtQ9Dz1yo0aK3cSrTRP+1/mG2bPzP85mQAAAAASUVORK5CYII=) 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin-right: .21333rem
}

._offline-recommend .triangle {
    margin-left: .21333rem;
    border: .10667rem solid transparent;
    position: relative
}

._offline-recommend .triangle.down {
    border-top-color: #fff !important;
    top: .10667rem
}

._offline-recommend .triangle.up {
    border-bottom-color: #fff !important;
    top: -.02667rem
}

._offline-recommend ._recommend-goods-list {
    background: #fff;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 5.09333rem;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: height .2s linear;
    transition: height .2s linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

._offline-recommend ._recommend-goods-list.hide {
    height: 0
}

._offline-recommend ._recommend-goods-list>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._offline-recommend ._goods {
    width: 2.93333rem;
    margin: .32rem 0 0 .21333rem
}

._offline-recommend ._goods:first-child {
    margin: .32rem 0 0 .32rem
}

._offline-recommend ._goods:last-child {
    margin: .32rem .32rem 0 .21333rem
}

._offline-recommend .placeholder-1 {
    width: 2.93333rem;
    height: 2.93333rem
}

._offline-recommend .placeholder-1 img {
    width: 100%;
    height: 100%;
    overflow: hidden
}

._offline-recommend .title {
    color: #505050;
    font-size: .37333rem;
    margin-top: .21333rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._offline-recommend .price {
    margin-top: .16rem;
    font-family: DINAlternate-Bold;
    font-size: .48rem;
    color: #f85959
}

._dsr[data-v-32cf14be] {
    background: #fff
}

._dsr .top-row[data-v-32cf14be] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .4rem .32rem .4rem 0;
    margin-left: .32rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._dsr .top-row .logo[data-v-32cf14be] {
    display: inline-block;
    width: 1.22667rem;
    height: 1.22667rem;
    margin-right: .32rem
}

._dsr .top-row .right-part[data-v-32cf14be] {
    max-width: 5.33333rem
}

._dsr .top-row .right-part .shop-name[data-v-32cf14be] {
    margin-bottom: .10667rem;
    height: .56rem;
    font-size: .4rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #333;
    line-height: .56rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._dsr .top-row .right-part .shop-sell[data-v-32cf14be] {
    height: .53333rem;
    font-size: .37333rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999;
    line-height: .53333rem
}

._dsr .top-row .btn-box[data-v-32cf14be] {
    position: absolute;
    text-align: center;
    line-height: .69333rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .4rem;
    width: 1.86667rem;
    height: .64rem;
    -webkit-border-radius: .10667rem;
    border-radius: .10667rem;
    border: 1px solid #f85959;
    font-size: .37333rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #f85959
}

._dsr .has-border[data-v-32cf14be] {
    border-bottom: 1px solid #f5f5f5
}

._dsr .bottom-row[data-v-32cf14be] {
    margin: .26667rem 0 .32rem;
    overflow: hidden;
    overflow-x: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch
}

._dsr .bottom-row[data-v-32cf14be]::-webkit-scrollbar {
    display: none
}

._dsr .bottom-row .goods-lists[data-v-32cf14be] {
    white-space: nowrap;
    font-size: 0;
    padding-left: 0
}

._dsr .bottom-row .goods-lists li[data-v-32cf14be]:first-child {
    margin-left: .4rem
}

._dsr .bottom-row .goods-lists li[data-v-32cf14be]:last-child {
    margin-right: .4rem
}

._dsr .bottom-row .goods-lists ._goods-box[data-v-32cf14be] {
    display: inline-block;
    width: 2.4rem;
    margin-right: .13333rem;
    position: relative
}

._dsr .bottom-row .goods-lists ._goods-box .goods-img[data-v-32cf14be] {
    display: block;
    width: 2.4rem;
    height: 2.4rem
}

._dsr .bottom-row .goods-lists ._goods-box .goods-price[data-v-32cf14be] {
    display: block;
    text-align: center;
    margin-top: .21333rem;
    height: .53333rem;
    font-size: .37333rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999;
    line-height: .53333rem
}

._dsr .bottom-row .goods-lists .check-more[data-v-32cf14be] {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .4rem;
    vertical-align: top;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -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;
    background: #f5f5f5
}

._dsr .bottom-row .goods-lists .check-more .icon[data-v-32cf14be] {
    display: block;
    width: .54667rem;
    height: .4rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA4CAMAAABdaI+oAAABXFBMVEVHcEybm5uZmZmbm5ucnJybm5uampqampqampqgoKCampr///+ZmZm/v7+qqqqZmZmZmZmampqZmZmampqZmZmZmZmhoaGZmZmcnJyenp6lpaWZmZmZmZmdnZ2bm5uZmZmZmZmfn5+ampqSkpKfn5+ZmZmampqZmZmampqampqZmZmampqbm5ukpKSampqampqbm5uampqZmZmampr///+ZmZmampqampqampqZmZmZmZmZmZmZmZmampqZmZmZmZmampqZmZmZmZmZmZmbm5uZmZmampqbm5ucnJybm5udnZ2ZmZmampqcnJybm5ubm5uZmZmZmZmampqampqampqqqqqampqioqKdnZ2ampqampqampqampqampqampqampqZmZmZmZmZmZmampqampqioqKZmZmcnJyZmZmZmZmfn5+ZmZmampq2traampqmpqaenp6fn5+bm5uZmZlNjlcSAAAAc3RSTlMAY6h1Nsu6b4gj7QH7BAMKrf4Zhuf2E2cfIhHx8BpwX2Qg1gcl1X7fJqyCKxcO+bshwPihAv3KaE4FbHG043uAlS2ZNy7mTFxNhTnB9DFUXq/s/LNRD70WND/3kNGnpKJL7pGc3gvXEh7NCDzHB+oUHSigEtY9EQAAAQNJREFUGBntwcN2BEEABdAXTpLusRHbtm3btvP+/5ysqqt6Wb2duheZqyyFrt52SJGdDeqxX9+BS6qaR+E4or7cG3J0WYBghenBCy6oshNwxOjBM06zlAbHIR3Eqe0cwPFWgbDcAlUwVa4nnYFhGIaRz6pbS4WJqSCkwMh0mZ7Vmk6giapuSDPU1xhAjC4NEKw+elCJSbr0QLDi9CCCKqpCkKLUNzQALM0VCv3DfijWkj49Yyv1MAzDMPJYOlkk+OahSmwW6zlJAbg5o6IN0rZNbdfAE1XhDgjWLj34xi1dZiFYe/TgB/dU1fnh2Ke+r0883j1UCIuhWkiH0fUSPR9/v/gH4SCWQ2bvOtAAAAAASUVORK5CYII=);
    -webkit-background-size: cover;
    background-size: cover
}

._dsr .bottom-row .goods-lists .check-more .text[data-v-32cf14be] {
    margin-top: .26667rem;
    display: block;
    height: .42667rem;
    font-size: .37333rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999;
    line-height: .42667rem
}

@font-face {
    font-family: fzltjth;
    src: url(data:application/x-font-ttf;base64,AAEAAAAMAIAAAwBAT1MvMk1BVo4AAAFIAAAAVmNtYXAADABsAAABzAAAACxnYXNwAB8ACQAACWwAAAAQZ2x5ZiT/8yoAAAIoAAADEGhlYWTiicBcAAAAzAAAADZoaGVhAe4AqQAAAQQAAAAkaG10eAgVAFIAAAGgAAAALGxvY2EAAA+yAAAB+AAAADBtYXhwAioCjwAAASgAAAAgbmFtZVH/5rAAAAU4AAAEE3Bvc3T/tAAMAAAJTAAAACB2aGVhAYMAgwAACXwAAAAkAAEAAAAAAAD9Vqq2Xw889QAJAQAAAAAAwTPA5AAAAADBM8Dk/+b/pQEgAOUAAAAUAAIAAQAAAAAAAQAAAOX/pQAAAQD/5v/4ASAAAQAAAAAAAAAAAAAAAAAAAAsAAQAAAAsA7AASAAAAAAACAAAAAAAMAAACAAGhAAAAAAABAIABkAAFAAgAgACAAAAAEACAAIAAAACAAAsAQAoHAgAAAAAAAAAAAAAAAAEIAAAAAAAAAAAAAABCREZaAEAAIP/lAOX/pQAbAOUAWwAEAAAAAAAAAAABAAAAALwACQCVAAcAtQAJALsACgC9AAYAugAJALoABwCwAAcAuwAJALgACQAAAAEAAwABAAAADAAEACAAAAAEAAQAAQAAADn//wAAADD////RAAEAAAAAAAAAAAAAAAAAAABAAAAAagAAALgAAAEeAAABZAAAAbgAAAIUAAACPgAAArQAAAMQAAIACf/lALUAzAAHAA8AADcWJyYnNjcWBzYHJhcWNzazAldUAQNSVDMBISIAACIhWHMDAm5wBAJyUQMBT00AAAABAAf/6wB+AMgACAAAFyc3Bgc3Njc3fjEAHycANxomFQCZFwwpFigAAAABAAn/6wCyAMoAFAAANzcXJzc2NzYnJicmByc2NxYXFgcGQ2kAowAcJTQEAR0eBy0MTUUFBTYhEgAnAB0qGycTHQABJwpCAAI8KSEWAAABAAr/5QCzAMsAHAAANzcWNzY3NicnNzc2NyYnBgcnNjcWFxYHFhcGBwYKMgYfHwEAMBQAEywAARscBy8PR0UFATAwBARRRCALIQABHx8AACUAAB0cAAIeCToBAjcpDAguPQIDAAACAAb/6wC4AMgACgARAAA3JxcnNyc3NzcXNycGBwc3Nza4GwArAGwAaC8AG0UDBjY+AAAZAC4ALgAfkACMAF0HCU0ARg8AAQAJ/+gAsQDGABYAADc3Fhc2NyYnBgcnNzcXJwc2NxYXBgcmCTEHHSACASMUDigIigBhBRQXRQMCUUQiCiEBAyMlAQEMAH0AKAAzDQACREgCAAAAAgAH/+UAsgDMABAAGAAANwcmByYHNjcWFwYHBjc2NzYHJicGBxYXNq0uBhgnAREhQQYETVoCA1Q+GwIiIgICJB+UBxsBAUcXAQRCSAMDdHADAJwiAgEhJQIDAAABAAf/7ACqAMUACAAAFyc2Nyc3NxcGXjIKPm0AowBFFABcVQAoACRVAAADAAn/6AC0AMwAEAAYACAAADcmJzY3FhcWBxcWFwYnJic2NyYnBgcGFzYXNicGFxYXNjkoAQZJSQYBLwAyAgFZTgMCcQEcHAEBHh4FASYiAAIhI10LKDkDAzgoCwEJLEAAAjsrPhkBARkWCAhRGwkJGxwCAQAAAgAJ/+cAtADPABAAGAAANzcWNxY3BgcmJzY3NgcWJwY3JicGBxYXNg0tBhkmAhEhQwMFTVkDAFlAZwEkIAIBIiMdCBoAAUcXAQNCSgQDdHMAAZgmAQIjIgIBAAAAABgBJgABAAAAAAAAACUAAAABAAAAAAABABIAJQABAAAAAAACAAcANwABAAAAAAADACIAPgABAAAAAAAEABIAYAABAAAAAAAFAAQAcgABAAAAAAAGAA8AdgABAAAAAAAHACAAhQADAAEECQAAAEoApQADAAEECQABACQA7wADAAEECQACAA4BEwADAAEECQADAEQBIQADAAEECQAEACQBZQADAAEECQAFAAgBiQADAAEECQAGAB4BkQADAAEECQAHADgBrwADAAEIBAAAAEoB5wADAAEIBAABABACMQADAAEIBAACAA4CQQADAAEIBAADADACTwADAAEIBAAEABACfwADAAEIBAAFAAgCjwADAAEIBAAGAB4ClwADAAEIBAAHADgCtUNvcHlyaWdodChjKSBGb3VuZGVyIENvcnBvcmF0aW9uLjIwMDZGWkxhblRpbmdIZWlTLUgtR0JSZWd1bGFyRm91bmRlcjpGWkxhblRpbmdIZWlTLUgtR0IJUmVndWxhckZaTGFuVGluZ0hlaVMtSC1HQjEuMDBGWkxUVEhKVy0tR0IxLTBCeSBGb3VuZGVyIENvcnBvcmF0aW9uLiCxsbTzt73V/QBDAG8AcAB5AHIAaQBnAGgAdAAoAGMAKQAgAEYAbwB1AG4AZABlAHIAIABDAG8AcgBwAG8AcgBhAHQAaQBvAG4ALgAyADAAMAA2AEYAWgBMAGEAbgBUAGkAbgBnAEgAZQBpAFMALQBIAC0ARwBCAFIAZQBnAHUAbABhAHIARgBvAHUAbgBkAGUAcgA6AEYAWgBMAGEAbgBUAGkAbgBnAEgAZQBpAFMALQBIAC0ARwBCAAkAUgBlAGcAdQBsAGEAcgBGAFoATABhAG4AVABpAG4AZwBIAGUAaQBTAC0ASAAtAEcAQgAxAC4AMAAwAEYAWgBMAFQAVABIAEoAVwAtAC0ARwBCADEALQAwAEIAeQAgAEYAbwB1AG4AZABlAHIAIABDAG8AcgBwAG8AcgBhAHQAaQBvAG4ALgAgUxdZJ2W5a2MAQwBvAHAAeQByAGkAZwBoAHQAKABjACkAIABGAG8AdQBuAGQAZQByACAAQwBvAHIAcABvAHIAYQB0AGkAbwBuAC4AMgAwADAANmW5a2NRcE6tcnme0XuAT1MAUgBlAGcAdQBsAGEAcgBGAG8AdQBuAGQAZQByADpluWtjUXBOrXJ5ntF7gE9TAAkAUgBlAGcAdQBsAGEAcmW5a2NRcE6tcnme0XuAT1MAMQAuADAAMABGAFoATABUAFQASABKAFcALQAtAEcAQgAxAC0AMABCAHkAIABGAG8AdQBuAGQAZQByACAAQwBvAHIAcABvAHIAYQB0AGkAbwBuAC4AIFMXWSdluWtjAAADAAAAAAAA/7EADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAIAAIAGAAB//8AAwABAAAAgP+AAAABAAAAAAABAAAAAAEAAAAAAAAAAAAAAAAAAw==);
    font-weight: 700
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes scaleButton {
    50% {
        width: 1.73333rem;
        height: .66667rem
    }
}

@keyframes scaleButton {
    50% {
        width: 1.73333rem;
        height: .66667rem
    }
}

.fade-enter-active[data-v-fe7fb316] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-leave-active[data-v-fe7fb316] {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.fade-enter[data-v-fe7fb316],
.fade-leave-to[data-v-fe7fb316] {
    opacity: 0
}

.fade-out-leave-active[data-v-fe7fb316] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-out-enter[data-v-fe7fb316],
.fade-out-leave-to[data-v-fe7fb316] {
    opacity: 0
}

.mask[data-v-fe7fb316] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .8)
}

.mask .bg[data-v-fe7fb316] {
    position: relative;
    display: inline-block;
    width: 8.74667rem;
    height: 6.78667rem;
    margin-top: 2.21333rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/dcbd59b6.bg.svg) 50% 0/contain no-repeat
}

.mask .bg .close[data-v-fe7fb316] {
    position: absolute;
    display: inline-block;
    top: 0;
    width: .74667rem;
    height: .74667rem;
    right: .56rem
}

.mask .bg .coupon[data-v-fe7fb316] {
    position: absolute;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/510d8ed0.coupon.png) 0 0/contain no-repeat;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    height: 2.01333rem;
    width: 4.26667rem;
    bottom: 2rem
}

.mask .bg .coupon .price[data-v-fe7fb316] {
    color: #fff;
    margin-left: .96rem;
    font-family: PingFangSC-Medium;
    width: 3.30667rem;
    font-weight: 700;
    font-size: 1.33333rem
}

.mask .bg .coupon .price[data-v-fe7fb316]:after {
    position: relative;
    top: -.04rem;
    content: "\5143";
    margin-left: .05333rem;
    font-size: .42667rem
}

.mask .button[data-v-fe7fb316] {
    display: inline-block;
    width: 7.36rem;
    height: 2.08rem;
    margin-top: .93333rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/4630567e.new-coupon-button.png) 0 0/contain no-repeat
}

._container-apply-coupon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10rem;
    background: #f4f5f6;
    overflow: hidden;
    padding-top: .267rem
}

._container-apply-coupon ._title {
    color: #222;
    text-align: center;
    position: relative;
    line-height: 1.28rem;
    height: 1.28rem;
    font-size: .48rem
}

._container-apply-coupon ._title ._close {
    -webkit-background-size: .37333rem .37333rem;
    background-size: .37333rem;
    margin: -.133333rem -.2666667rem;
    padding: .4rem;
    width: .37333rem;
    height: .37333rem;
    position: absolute;
    right: .373333rem;
    top: .16rem
}

._container-apply-coupon ._body {
    overflow: auto;
    padding-bottom: .64rem;
    height: 8.3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

._container-apply-coupon ._body ._header {
    margin: 0 .32rem
}

._container-apply-coupon ._body ._list {
    margin: .4rem 0 .453rem
}

._container-apply-coupon ._body ._list.fixed {
    padding-bottom: .13333rem
}

._container-apply-coupon ._body ._list .coupon-card-v1 {
    margin-bottom: .13333rem
}

._container-apply-coupon ._body ._unabled {
    padding-bottom: .533rem
}

._container-apply-coupon ._body ._no-avaiable {
    margin: 1.093rem 0 1.44rem
}

._container-apply-coupon ._body ._no-avaiable .img {
    width: 2.347rem;
    height: 2.373rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/5702a931.no-coupon_3x.png) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin: auto
}

._container-apply-coupon ._body ._no-avaiable .note {
    text-align: center;
    color: #999;
    margin-top: .667rem
}

._apply-coupon {
    opacity: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

._apply-coupon.show {
    opacity: 1
}

._share-bar {
    width: 10rem;
    background: #f1f0f0;
    padding: .34667rem .32rem .29333rem .42667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

._share-bar>img {
    width: 1.33333rem;
    height: 1.33333rem
}

._share-bar>div {
    margin-left: .48rem;
    width: 7.4rem;
    color: #505050;
    font-size: .34667rem
}

._share-bar>div p {
    margin: 0
}

._share-bar>div p:not(:last-child) {
    margin-bottom: .08rem
}

._share-bar>div span {
    color: #f85959
}

._container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10rem;
    z-index: 999;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

._container.show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

._container ._body {
    padding: .533rem .853rem .427rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    background: #f8f8f8;
    font-size: .26667rem
}

._container ._body ._item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .267rem
}

._container ._body ._item ._logo {
    width: 100%;
    padding-top: 100%;
    margin-bottom: .267rem;
    position: relative
}

._container ._body ._item ._logo.weixin_moments {
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/5d21638b.pengyouquan.png) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

._container ._body ._item ._logo.weixin {
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/2843052f.weixin.png) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

._container ._body ._item ._logo.qq {
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/b861744b.qq.png) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

._container ._body ._item ._logo.qzone {
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/e5bfda02.qzone.png) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

._container ._body ._item ._logo .redpocket-icon {
    width: .42667rem;
    height: .42667rem;
    position: absolute;
    bottom: 0;
    right: 0
}

._container ._cancel {
    width: 10rem;
    background: #fff;
    color: #222;
    height: 1.28rem;
    line-height: 1.28rem;
    text-align: center;
    position: relative;
    z-index: 1
}

._area {
    width: 10rem;
    height: 100%
}

._share {
    opacity: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

._share.show {
    opacity: 1
}

._pro-params {
    background: #fff;
    color: #222;
    overflow: hidden;
    width: 10rem;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 1.28rem
}

._pro-params ._title {
    padding: .53rem;
    text-align: center;
    line-height: .64rem;
    height: .64rem
}

._pro-params ._body {
    padding: 0 .4rem;
    height: 8.3rem;
    overflow: hidden
}

._pro-params ._body .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.33rem
}

._pro-params ._body .item .param-key,
._pro-params ._body .item .param-value {
    line-height: .59rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    color: #222
}

._pro-params ._body .item .param-left {
    width: 34%;
    margin-right: 2%
}

._pro-params ._body .item .param-left .param-key {
    color: #999
}

._pro-params ._body .item .param-right {
    width: 63%
}

._pro-params .param-btn {
    width: 100%;
    text-align: center;
    background: #f85959;
    height: 1.28rem;
    line-height: 48px;
    color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 3
}

.info-box[data-v-63ca89d9] {
    background-color: #fff;
    padding-top: .53333rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 1.92rem
}

.info-title[data-v-63ca89d9] {
    font-size: .48rem;
    color: #222;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: .53333rem
}

.info-item[data-v-63ca89d9] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.info-item .icon[data-v-63ca89d9] {
    width: .53333rem;
    height: .53333rem;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: 50%
}

.info-item .free-postage[data-v-63ca89d9] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABFFBMVEVHcEzsZ2L/qqr/dHTrZ2PtZ2TsZ2LrZ2PraGLraGLtaGPtbW3saGLsaGPraGPraGPsaGPtaGTtbWTvcHDsaGPtaWTuaGPsaGLsaGTraGLsaWXya2XsaGXsZ2PraGTsaGPsZ2PwaWnrZ2P/amrsaGLsaGLsaGPraGLsaGPsaGPsaWLsaGPrZ2PsaGPsZ2LrdmLsZ2PsaWTsZ2Lub2braGLraGP/gIDsaGPsaGPraGL////raGPsaGTrZ2PtaWLrZ2PsaGPraGLsZ2TraGPsaGTrZ2Pva2PsZ2P/mWbsamXrZ2LsaGL/cXHtaGLrZ2PtaGPrZ2Psa2PsaGPsZ2PraWL/gIDraGLsZ2PsaGPtaGXrZ2LrZ2KfmsYUAAAAW3RSTlMA/AML61T5qOezmA64v/P4kH0cELo4O8Vp2kQmUb5A+2oR2Qy9q13A7tahonST0g3yXP4eqZoGx4TqAdFCtHK3/eleZ6T1H+MFNfTiCYzcYuZDqtRoAtD6sEeZvY6umwAAAbtJREFUOMuNlOdygkAUhW80QYyAJdYYK4lgL4ktvffek/P+7xFgV2w44fxwmPWDs7cSTajQrshFRSnKlXaBnLWRycFWLrPhgMQTgCDls2lVTWfzkgAk4jOIJwSIycD4IJAUgZBnklmLIhj2Tr/nDQcRXZtgyhBj8zeIiSjblCeKvYhTKJEGoiPHEMSIc8ARESEeF4Lcy7c05xgEizGBME1Dg01LXeMxjISVQ4jeGcgvbBk61swYRZhZzSBp/pEypMD8/SH/snFwg0PzPImMUa+cYOUQb/V6qlOvf2OFQQ+dbSurQq5AJUiWBVaZ3TqHdu/6zFtCiarIO0IvOGNQHlWSkXWEXm95JbOQqYi0E6QKOzzkNIqkQGVQv1b77NRqv/xL3dYlg1Qo1EKTQYKuf0HXFQ55r44Y1ERrkR3RKfZtu0UXp+uTLfvilQUpINoZ8hRUFiaT6FznyWyPyzINvT8NLg7ssowKjGdNG0LT9hgkQfFt2wUetQoefZZkBjXv+TiwVuFNZ9qZGt/JEm863r493vG7vY8JyG5fV4NgjlTj35FyNZzuxtzdwnC3elwuMWsdlqpsHVZLU+vwDw9sWNKqD3OPAAAAAElFTkSuQmCC)
}

.info-item .pay-for[data-v-63ca89d9] {
    background-image: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/2ad812fc.compensate_icon_3x.png)
}

.info-item .pay-for-offline[data-v-63ca89d9] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAArlBMVEVHcEz5W1v5Wlr/gID////5Wlr/W1v5Wlr5Wlr0dHT5Wlr5W1v/YmL5Wlr5WVn/XV35WVn5Wlr4Wlr/YGD/bW34WVn5WVn5Wlr/YGD4W1v5Wlr5XFz5Wlr/cXH5Wlr5Wlr6XFz6Wlr5WVn4Wlr5WVn4Wlr4Wlr5WVn7W1v6W1v5W1v6Wlr4WVn/Xl75W1v6Wlr/Zmb5Wlr5WVn4Wlr4WVn6XV34Wlr/Wlr4WVn0aWls35BYAAAAOHRSTlMAh68CAaIcf4CesoQNWNQh9u5xCAff+FsYlfdZegnx1zJeeOvzxJOGQ195bNwegTMKz865ujTdH8zZDacAAAIYSURBVEjHtZfZeuIwDEYFJGkLlBDWsjfse8syM6fv/2JzQSAmBLDH3+iGL8uJsSz9kkT+i3nzxWq5XC3mniH4OTyMudj4MPzUJT+6A25s0P3QQDet9un10cSdzmZTdzI6XbdbmydoddsA6LuhslMvdPsAjW31EftrDbDr9JIPep0dwPrrPvteBupNJ+2Z06wD5fc7qFMAgkrt3qdrlQAopH76OwuU/Ee78ktA9jtl3SyQLz72ZzEPZG/XLgCZ3LODzGWAwo2vgIxOCGWAhNe+ypDP6cC5PJSvTqz6G0pFvegtlmCtRssWAl9EXnhiLyLiB7CN2T8NqIguLBVoxHHegnpNH67VoXXJwTY0JYJf7+/2NYKlCe1zhnZh75jAzg660c0BdMQElg4MIs2Bfs8M7vXhpExDcMUMFheGIiJyhNAUDuEoIuKMwYth1X7gJ+WoRMSDcfQ7ElNYRqcV5zAxhycwF5FF7K/ktt/gLWXDkccWIrKCqTk8hZWILGFmDs9gaQtb/W0rh6lHpQ9HR6UGiT4cBYkantrwOTzlECeGNhzCIZmS2vAlJRUx0IVjMVBkSBeOZUgRQE1YFcBYejVhVXpj0U+kdCKfz/CV6MvmXG704Otycyl0WrAfXMtkdW1RYq2Ku11bYdfQ2LVSVk2cXfto17heWuZ9Wsu8f9Yy2zXrdmOC5YASjUZHdTQ66o9GkXf/eSjTtL/dJcT1sUIyxAAAAABJRU5ErkJggg==)
}

.info-item .seven-days[data-v-63ca89d9] {
    background-image: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/ad8d8886.7days_icon_3x.png)
}

.info-item .make-money[data-v-63ca89d9] {
    background-image: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/7ea186da.makemoney_icon_3x.png)
}

.info-item .service-provide[data-v-63ca89d9] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAgVBMVEVHcEz/XFz/bW35Wlr5Wlr6W1v7XFz5Wlr5WVn4WVn5WVn5Wlr5Wlr6Wlr5Wlr5W1v/gID/XFz5Wlr/YmL5Wlr5WVn5WVn5Wlr5WVn5Wlr5Wlr/Zmb4Wlr7W1v5Wlr/X1/5Wlr6Wlr5WVn5Wlr5Wlr5WVn6WVn5WVn7W1v5Wlr4WVkNYK32AAAAKnRSTlMAHAnwooIy6vjl3niHX5RaBCF7DVfP1NfzxK8HcUOyF7hsv02puoumP8bBU3D8AAACmElEQVRIx7WX2ZaiMBCGS0BJs7kiuOPW3fO9/wPOBQgJBGUOZ+pGCflJLX8tEfkvMjnF1zC8xqfJPwJnYZFTS16Es6HIyyqjI9nqMkTbRJXb/Z2XRFHi7fzyWSWf9HemCsD1Ym3nJPZcADV13toaAKTzziZnngIEb2zfKCCY21/OA0Bt+rBTwD0e+l4fji4wtZu7B7bLd1Ytt8DeZvgeOK/f+3N9BvZ2naPFp0AuIpvmGyCyqPN1a61EQMtrMwVny7k7tu2zz6CMiDkBbG32dsGy3kLgmAa7HT+vN8kj8IOf75MZvaVrmL1UcGxB74Vq0uph6HkE1bA3gcD8+uxW4V5f+NEUOwSQ1DmowORkCBAk96Uj6+XG84H8rjEV1CtDV5AaPPSAbN443zn6wKrZkTZPWevgB/Btxm29N9BzyCr7wNVdvwJ17wQtBOpVx4XZa9nTdp26FHqFM6+95kEoIiJPiDUGpYZ1pjX1ITE8RUQkB63mxJDa8+NS6yoygbz69bUtW/jtSamrdrRfnniCnUY2umyuXZ7jLmrScyr19AzqHXuz2SsR1d+4VCZp3p8bu7oSNxmRwLWMVKRzRx36K3OjZFTGygR/wVe/QGGCTbX5IKmptukwvyWuaz7fTIeZoWrJqu9dFaoWSQaCK5K06NnOhpu9EVf0lMJIjGHg+OX3VkoOAtcp2S4GA8BNMeiUIaO5PK29ui5DnQJogAvbslYwuqX3A1gvvZaiLzL7vYjItw1sFH2ZWNpNRigiHo8u2Gw3tka354/IIrDMIK1GZ2uxGyhiW2notFhbc/8BLPTpNnfbWLG4ZioLF/J5rBg30IwbpcYNcaPGx5GD67iRedywPu6aMPKCUl2NnvrV6Dn8ajT2UjZQ/gINp23j8rN9xQAAAABJRU5ErkJggg==)
}

.info-item .gift[data-v-63ca89d9] {
    background-image: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/8434952a.gift_icon_3x.png)
}

.info-item .info-text[data-v-63ca89d9] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .37333rem
}

.info-item .info-text-title[data-v-63ca89d9] {
    font-size: .37333rem;
    color: #505050;
    letter-spacing: 0;
    line-height: .53333rem
}

.info-item .info-text-desc[data-v-63ca89d9] {
    font-size: .32rem;
    color: #999;
    letter-spacing: 0;
    line-height: .45333rem;
    margin-top: .05333rem
}

.info-tips[data-v-63ca89d9] {
    font-size: .29333rem;
    line-height: .32rem;
    color: #ccc;
    margin-top: .74667rem;
    text-align: center
}

.info-item+.info-item[data-v-63ca89d9] {
    margin-top: .8rem
}

.button[data-v-63ca89d9] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f85959;
    line-height: 1.28rem;
    height: 1.28rem;
    text-align: center;
    font-size: .48rem;
    color: #fff;
    letter-spacing: 0
}

.info-content[data-v-63ca89d9] {
    height: 8.53333rem;
    overflow: scroll;
    padding: 0 .8rem
}

.city-picker {
    height: 9.06667rem;
    background: #fff
}

.city-picker-row {
    height: 1.28rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .4rem;
    color: #222;
    font-size: .37333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.city-picker-fix {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.city-picker-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.city-picker-title {
    padding-right: 0 !important;
    position: relative;
    max-width: 10rem
}

.city-picker-title .city-picker-fix {
    position: relative;
    margin-right: .53333rem;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 2.2rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.city-picker-title .city-picker-fix:last-of-type:after {
    content: "";
    background: #f85959;
    height: .05333rem;
    bottom: .02667rem;
    left: 0;
    width: 100%;
    position: absolute
}

.city-picker-title .city-picker-cancel,
.city-picker-title .city-picker-confirm {
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 .4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.city-picker-title .city-picker-cancel {
    color: #999
}

.city-picker-title .city-picker-confirm {
    color: #f85959
}

.city-picker-content {
    height: 7.78667rem;
    overflow: hidden
}

.city-picker-content .right-arrow {
    color: #999
}

.express-detail[data-v-6886485b] {
    position: relative;
    padding: .72rem;
    text-align: left
}

.express-detail ._expresstitle[data-v-6886485b] {
    font-size: .4533rem;
    color: #222;
    margin-bottom: .6667rem
}

.express-detail ._content[data-v-6886485b] {
    height: .4533rem;
    font-size: .32rem
}

.express-detail ._content img[data-v-6886485b] {
    float: left;
    width: .32rem;
    height: .32rem;
    margin-right: .16rem;
    margin-top: .0533rem
}

.express-detail ._content ._grey[data-v-6886485b] {
    width: 2.66667rem;
    float: left;
    line-height: .4533rem;
    color: #999
}

.express-detail ._content ._black[data-v-6886485b] {
    float: right;
    line-height: .4533rem;
    color: #222
}

.express-detail ._extra[data-v-6886485b] {
    -webkit-text-size-adjust: none;
    text-align: right;
    color: #b9b9b9;
    font-size: .24rem;
    height: .4533rem;
    line-height: .4533rem;
    margin-bottom: .16rem
}

.express-detail ._img-area[data-v-6886485b] {
    position: relative;
    font-size: 0;
    height: 1.8667rem;
    margin-bottom: .72rem
}

.express-detail ._img-area img[data-v-6886485b] {
    float: left;
    margin-right: .0533rem;
    width: 1.8667rem;
    height: 1.8667rem
}

.express-detail ._img-area img[data-v-6886485b]:last-child {
    margin-right: 0
}

.express-detail ._img-area ._frog[data-v-6886485b] {
    position: absolute;
    top: 0;
    left: 3.84rem;
    width: 1.8667rem;
    height: 1.8667rem;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: .32rem;
    line-height: 1.8667rem;
    text-align: center
}

.express-detail ._words[data-v-6886485b] {
    text-align: left;
    height: .4533rem;
    line-height: .4533rem;
    font-size: .2933rem;
    color: #999;
    margin-bottom: .2667rem
}

.express-detail ._words .right-arrow[data-v-6886485b] {
    width: .16rem;
    height: .16rem;
    margin-left: 2px
}

.express-detail ._light-close-btn[data-v-6886485b] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 14px;
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAANlBMVEVHcEzY2NjZ2dnZ2dnb29vZ2dnZ2dn////Z2dnY2NjZ2dnc3NzZ2dnZ2dnY2Njf39/Z2dnY2NhI7InHAAAAEXRSTlMAnUqBDv7HAZxpkzPpxFwIG7c1bIIAAACLSURBVCjPpdHbFoAQEIVhUaGTvP/LNlMqzNZNbrJ8N3v1K/V5rNZWvs5b4I+O0Qn1QzQJhZJdaJ1QtrFXUDMTWlillRUqLFNgj0JLumJL2jDSlWzBdm5B//m2paHXThcbjXjLuaqz0GhVJzRvVGvZqNS6Ua6y0aszaMTq+bahRqQTX4IxoJGfdvXjHC26C6L4pGzUAAAAAElFTkSuQmCC) 50% no-repeat;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px
}

.express-detail.ios[data-v-6886485b] {
    text-align: center
}

.express-detail.ios ._footer[data-v-6886485b] {
    color: #fff;
    background-color: #f85656;
    -webkit-border-radius: .16rem;
    border-radius: .16rem;
    height: 1.1733rem;
    line-height: 1.1733rem;
    font-size: .4rem;
    text-align: center
}

.express-detail.android ._footer[data-v-6886485b] {
    text-align: right;
    font-size: .3733rem;
    color: #3294d8
}

.express-detail.android ._img-area[data-v-6886485b] {
    margin-bottom: .32rem
}

.express-detail.android ._words[data-v-6886485b] {
    margin-bottom: .4rem
}

._form21 {
    background: #fff;
    padding-top: 3.04rem;
    width: 10rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

._form21.disabled {
    position: relative
}

._form21.disabled:after {
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: transparent;
    position: absolute;
    z-index: 999999
}

._form21 .button {
    text-align: center;
    color: #fff;
    height: 1.333rem;
    background: #f85959;
    font-size: .4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

._form21 ._snap,
._form21 .button {
    width: 10rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._form21 ._snap {
    padding: .32rem .4rem;
    height: 3.04rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 666;
    background: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

._form21 ._snap .dark-close-btn {
    position: absolute;
    right: 0;
    top: 0
}

._form21 ._snap img {
    width: 2.4rem;
    height: 2.4rem
}

._form21 ._snap ._right {
    padding-left: .32rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

._form21 ._snap ._right .money {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._form21 ._snap ._right .money .price {
    color: #f85959;
    font-size: .53333rem;
    font-family: DINAlternate-Bold
}

._form21 ._snap ._right .money .price .yuan {
    width: .37333rem;
    height: .37333rem
}

._form21 ._snap ._right .money ._activity-note {
    height: 17px;
    line-height: 17px;
    padding: 0 .05333rem;
    color: #f85959;
    margin-left: .18667rem;
    font-size: .32rem
}

._form21 ._snap ._right .money ._activity-note:after {
    border-color: #f85959
}

._form21 ._snap ._right ._number {
    height: .32rem;
    font-size: .32rem;
    color: #999;
    margin: .10667rem 0
}

._form21 ._snap ._right ._number>span {
    color: #f85959
}

._form21 ._snap ._right ._sku-note {
    font-size: .32rem;
    color: #999;
    width: 6.4rem
}

._form21 ._f-item {
    padding: .32rem .4rem;
    font-size: .37333rem
}

._form21 ._f-item.amount {
    padding: .53333rem .4rem
}

._form21 ._f-item ._spec-title {
    color: #505050
}

._form21 ._f-item ._spec-items ._spec-item {
    margin: .26667rem .26667rem 0 0;
    padding: .10667rem .32rem;
    background: #f4f5f6;
    color: #505050;
    display: inline-block;
    -webkit-border-radius: .107rem;
    border-radius: .107rem;
    cursor: pointer;
    font-size: .37333rem
}

._form21 ._f-item ._spec-items ._spec-item.active {
    background: #f85959;
    color: #fff
}

._form21 ._f-item ._spec-items ._spec-item.disabled {
    color: #cacaca;
    cursor: not-allowed
}

._form21 ._f-item ._spec-items._amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .48rem;
    margin-right: .13333rem
}

._form21 ._f-item ._spec-items._amount>div,
._form21 ._f-item ._spec-items._amount>input {
    width: .853rem;
    height: .853rem;
    line-height: .853rem;
    background: #f4f5f6;
    color: #222;
    text-align: center;
    margin-left: .21333rem;
    -webkit-border-radius: .053rem;
    border-radius: .053rem;
    font-size: .42667rem
}

._form21 ._f-item ._spec-items._amount>div.disabled {
    color: #cacaca
}

._form21 ._f-item ._spec-items._amount>input {
    border: none;
    outline: none;
    padding: 0
}

._form21 ._f-item._inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 2.15
}

._form21 ._f-item._inline ._spec-title {
    width: 3rem
}

._form21 ._f-item._inline ._spec-items {
    width: 7rem
}

._form21 ._sku {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 7.6rem;
    overflow: hidden
}

input[type=number],
input[type=text] {
    border: none;
    outline: none;
    padding: 0;
    background: transparent
}

input[type=number]:active,
input[type=number]:focus,
input[type=text]:active,
input[type=text]:focus {
    outline: none
}

body.fixed-location .fix-bottom-btn {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

._form22 {
    color: #222;
    background: #f4f5f6;
    margin: 0 auto;
    z-index: 777;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 10rem
}

._form22.douyin {
    background: #fff
}

._form22 .content {
    overflow-y: scroll;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

._form22 ._bill-list {
    background: #fff;
    padding: 0 .4rem;
    color: #999;
    font-size: .34667rem;
    line-height: .53333rem;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .2s linear;
    transition: max-height .2s linear;
    will-change: max-height;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

._form22 ._bill-list.show {
    max-height: 5.33333rem
}

._form22 ._bill-list>div:first-child {
    margin-top: .32rem
}

._form22 ._bill-list>div:last-child {
    margin-bottom: .32rem
}

._form22 ._bill-list>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 5.5rem;
    margin-left: 3.94667rem
}

._form22 ._bill-list>div>span:first-child {
    width: 3rem
}

._form22 ._bill-list>div>span:last-child {
    width: 2.5rem;
    text-align: right
}

._form22 ._snap {
    padding: .32rem .4rem;
    width: 10rem;
    height: 3.04rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff
}

._form22 ._snap:not(.active):after {
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    z-index: 1;
    content: "";
    background: #e8e8e8;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    bottom: 0
}

._form22 ._snap img {
    width: 2.4rem;
    height: 2.4rem;
    -webkit-flex-basis: 1;
    -ms-flex-preferred-size: 1;
    flex-basis: 1;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._form22 ._snap ._right {
    height: 2.4rem;
    padding: 0 0 0 .37333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 6.8rem
}

._form22 ._snap ._right .name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #222;
    font-size: .37333rem;
    font-weight: 500;
    line-height: 1.3;
    height: .93333rem
}

._form22 ._snap ._right .name>div {
    overflow: hidden
}

._form22 ._snap ._right .sku-name {
    font-size: .32rem;
    color: #999;
    margin: .21333rem 0 .26667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._form22 ._snap ._right .money {
    position: relative
}

._form22 ._snap ._right .money .price {
    color: #f85959;
    margin-right: .267rem;
    font-size: .53333rem;
    font-family: DINAlternate-Bold
}

._form22 ._snap ._right .money .price .yuan {
    width: .4rem;
    height: .4rem
}

._form22 ._snap ._right .money .count {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .37333rem;
    color: #999
}

._form22 ._f-item {
    padding: .16rem .4rem;
    font-size: .37333rem;
    background: #fff
}

._form22 ._f-item.alipay,
._form22 ._f-item.cod,
._form22 ._f-item.weixin {
    height: 1.06667rem;
    color: #505050;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._form22 ._f-item.alipay>span,
._form22 ._f-item.cod>span,
._form22 ._f-item.weixin>span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._form22 ._f-item.alipay i._l,
._form22 ._f-item.cod i._l,
._form22 ._f-item.weixin i._l {
    height: .53333rem;
    width: .53333rem;
    margin-right: .26667rem
}

._form22 ._f-item.alipay i._r,
._form22 ._f-item.cod i._r,
._form22 ._f-item.weixin i._r {
    height: .48rem;
    width: .48rem
}

._form22 ._f-item.alipay.active .i_r,
._form22 ._f-item.cod.active .i_r,
._form22 ._f-item.weixin.active .i_r {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAABXFBMVEVHcEz5WVn/Wlr4WVn5WVn5WVn/YGD6Wlr/W1v6Wlr5Wlr4Wlr5Wlr5WVn5Wlr5X1/5Wlr4Wlr/WVn7W1v5W1v6Wlr5WVn6Wlr6Xl75WVn4WVn////4Wlr+/v7+7Oz+/f37paX7q6v6np77oaH4XFz8wMD8zs791dX4b2/+7u7++/v+5+f++fn6lJT8vb3+7+/7r6/7t7f7tLT6n5/92Nj7tbX7rq77trb4W1v8xsb8zMz8yMj6k5P6m5v8uLj4XV34Xl7909P6lpb4YGD6mZn90ND6kpL92dn6jY34X1/919f4YWH6kJD+/Pz6i4v+9vb6iYn+6en4aWn4YmL5dHT4Zmb4Y2P93Nz+8vL95OT5gYH5enr93t794OD5hYX4ZGT4Z2f94uL++Pj5g4P4aGj+9/f4bW395ub5f3/5eHj5c3P5dnb+8PD+8fH5cXH+6+v4a2v5fHz+9fX+8/OuLqGNAAAAGnRSTlMAphFNeP4gXQ6O/d7y9qQroeMUO3ls+DAx+TEMXgIAAAIASURBVEjHtZZVk9tAEIRH9vl0MsqSZTvdhmMOM16YmZmZ4f9X5SEGSV5Ze5uk32ZrP5VqpwdE/qU83w5qtcD2PW1kynarGKjq2lMaUMMqIaaS1UiBJss5KJQrT46BMs4WJKjuZJKoSgFjVKioqWwRY1XMqqiJPFKUn1BQ0NAIl83rYPnYf1aK0FIx8i6ZAjRVCOfBgbackDfq+lh96Jeyzv0D+7dPA0C5TzVzGtTGIbIDALm+ry0N6tQJkrMAAKtXX6V06u45sj3bq6M/9WenU8+fkN2T/cgWERE3lfr+jlw9PwhdERGpplFfv5Evn4b6hIiIl0Z9+kz+fB8+8UTEH4Zb9+wepX78Ir98iBz50RfpkDvj1Ks3ZOdj9MwWkWAY7iC50IrcuLpOrr2NfSoQkVoo3kvy8Hzo4OwV8sXr+B/UYhhmSJ65MAiPdsl7z6DCgsjJXJu8eKsXTJNcujT6SsGoSU53ycd3AAD7SC4eV6TEjiYAAHB5lXxwE8AxkgfnVZn0Vem+vk7eWG4tkNzWUhrAU5rr4TVyZZHkLrVtqglWfnSfJDmT4DY3qXBur5DtuSST2ollury0diSJ6pWpVlMIydpMCxqOyMamGl5f5b9tr4bN3HR0GA4q07FoOoRNR77pgmG6zohknLrB8mS6qomINFWLYfN/raHGS6+OfgPa5t4gX1GQNwAAAABJRU5ErkJggg==) 50% no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

._form22 ._f-item.cod i._l {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABCFBMVEVHcEz4WVn////939/5WVn4WVn/XFz6W1v5WVn////8u7v8w8P4XFz919f6kJD4cHD4Wlr+/f34YGD90ND6nJz6iIj7s7P4aWn95OT7q6v8wcH6mZn94eH++fn7rq75dnb+9/f91NT6iYn8vb3+/v75eHj+7u7+6ur8xcX4a2v5dHT5h4f+8PD4YWH+9vb7trb+9fX8vr74W1v6jY3++Pj4Y2P6lZX8ubn7srL+7Oz+5+f4bGz4ZWX93t7++/v4Z2f6kZH7oKD+7+/4b2/7qKj+8fH5cnL7pKT4XV3+8/P4Xl7+/Pz94OD5f3/7oqL90tL8vLz5d3f6jo76kpL5fHz95ub6np792dm8hBXHAAAACnRSTlMA////yL0ZZfMBsOWbvwAAAYNJREFUSMftl3lTwjAQxZNaaKugLa0CKnjggXjf933ft37/b2LJphYwTUMyztAZ3l/sm/0VaF53ugghy9BN3KZM3bCQr3QKSymV9r9XkvVpCxlYWgbS5WEdmfKwibCCOgd2NaJia98h+B4XHnNI08pms70ObMHm/+wKtJWb3VFwJ2P+c36ctC0dNJonwE7E3rAiNO40WHaBWFPTsXBuhnRuHIfWFlxvWOCoRqB1+ddY2yNGaU4AtuHulPItVysLhWQemrdpmZkl5cKiWMIgKUf7UHmsfETDNCkVUtzssvLByfYq6b8/r38+ZeaDA9Ok1M/m7oyZD95TBUlxrjC+ZueDB9OkVHHukp0P7vMMZ+vULiLywYVpUtzbiHzwJwlNSlQ+YsaQG8Ke+Az7yhJ9hvA3OB8C8JAWocH/ht/7qLLAVIP6tZ253Q9wRmroJwt+66V6BvglqGsdfc5PPVQwNbWHoH7snnMX/jP5B4iS8AaYFFjpZV1pTVBaUJRWI6WlTGUd/AHv8yd001K7ngAAAABJRU5ErkJggg==) 50% no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

._form22 ._f-item.pay i._r {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAjVBMVEVHcEyampqampqfn5+cnJy/v7+ampqlpaWampqampqZmZmZmZmZmZmZmZmZmZmampqampqampqampqampqcnJyampqkpKSZmZmZmZmZmZmampqZmZmampqZmZmampqZmZmcnJyampqZmZmZmZmZmZmbm5ubm5uZmZmampqZmZmampqampqZmZmampqZmZk4SUZbAAAALnRSTlMA/qsgMQSkEaZdvHg3/cGO2yve8k3gDvaRQaH149rAFDt5bPjxUimMMCiNU/D5e4ZFxgAAAZxJREFUSMetltmSgkAMRaOCLC64oyAquC9z/v/z5gF1HAewSU0euzlVTXKTG5H/jPXGy9I08zZrY2TmRUuesYy8mQF0ckPeInRPH6BWuwFAnKzc48VdJTEAjXarAnKCL4DpfGE/juzFfAqwDZwyajgCaFrv51YTYDQspiZjoN8tuur2gfGk6KrTg92+7CXXHfQ6BRQwOJT/92EA/OEmPfCdqiQ7PvTe3jkcg29XF8f2YfwrL84IBs4nJTgDGL1+FcDt/FlBhx0EL9rYwt5ErnvY/uilDX0zmfeh/VRBA7pmWBcaD1270DTtqia49/4KwTLFLAjz/vNgat73U/BERCSCuTk2h0hERJawMMcWsBQRWUNsm2N2DGsR2UBSZ6glsMkzsqqDrfKcZM9KmIULmYikcKyDHSHNsUsd7JJjykcqU6IsgLLcSnFppaxsHGWbKoeCdgQpB575eL3+Gq8SwO5Qe5hrrUNpVFpbvJtwhVmdC004t/xbaT73JZavXTC064yIE2wVy9P7qnY0XNVERKyixdCkr1RrqHrpNYlvsCVK/Qb7YDQAAAAASUVORK5CYII=) 50% no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

._form22 ._f-item.pay.active i._r {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAABXFBMVEVHcEz5WVn/Wlr4WVn5WVn5WVn/YGD6Wlr/W1v6Wlr5Wlr4Wlr5Wlr5WVn5Wlr5X1/5Wlr4Wlr/WVn7W1v5W1v6Wlr5WVn6Wlr6Xl75WVn4WVn////4Wlr+/v7+7Oz+/f37paX7q6v6np77oaH4XFz8wMD8zs791dX4b2/+7u7++/v+5+f++fn6lJT8vb3+7+/7r6/7t7f7tLT6n5/92Nj7tbX7rq77trb4W1v8xsb8zMz8yMj6k5P6m5v8uLj4XV34Xl7909P6lpb4YGD6mZn90ND6kpL92dn6jY34X1/919f4YWH6kJD+/Pz6i4v+9vb6iYn+6en4aWn4YmL5dHT4Zmb4Y2P93Nz+8vL95OT5gYH5enr93t794OD5hYX4ZGT4Z2f94uL++Pj5g4P4aGj+9/f4bW395ub5f3/5eHj5c3P5dnb+8PD+8fH5cXH+6+v4a2v5fHz+9fX+8/OuLqGNAAAAGnRSTlMAphFNeP4gXQ6O/d7y9qQroeMUO3ls+DAx+TEMXgIAAAIASURBVEjHtZZVk9tAEIRH9vl0MsqSZTvdhmMOM16YmZmZ4f9X5SEGSV5Ze5uk32ZrP5VqpwdE/qU83w5qtcD2PW1kynarGKjq2lMaUMMqIaaS1UiBJss5KJQrT46BMs4WJKjuZJKoSgFjVKioqWwRY1XMqqiJPFKUn1BQ0NAIl83rYPnYf1aK0FIx8i6ZAjRVCOfBgbackDfq+lh96Jeyzv0D+7dPA0C5TzVzGtTGIbIDALm+ry0N6tQJkrMAAKtXX6V06u45sj3bq6M/9WenU8+fkN2T/cgWERE3lfr+jlw9PwhdERGpplFfv5Evn4b6hIiIl0Z9+kz+fB8+8UTEH4Zb9+wepX78Ir98iBz50RfpkDvj1Ks3ZOdj9MwWkWAY7iC50IrcuLpOrr2NfSoQkVoo3kvy8Hzo4OwV8sXr+B/UYhhmSJ65MAiPdsl7z6DCgsjJXJu8eKsXTJNcujT6SsGoSU53ycd3AAD7SC4eV6TEjiYAAHB5lXxwE8AxkgfnVZn0Vem+vk7eWG4tkNzWUhrAU5rr4TVyZZHkLrVtqglWfnSfJDmT4DY3qXBur5DtuSST2ollury0diSJ6pWpVlMIydpMCxqOyMamGl5f5b9tr4bN3HR0GA4q07FoOoRNR77pgmG6zohknLrB8mS6qomINFWLYfN/raHGS6+OfgPa5t4gX1GQNwAAAABJRU5ErkJggg==) 50% no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

._form22 ._f-item.weixin i._l {
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/4df1331e.weixin_3x.png) 50% no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

._form22 ._f-item.alipay i._l {
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/f178bc2f.zhifubao_3x.png) 50% no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

._form22 ._f-item ._spec-title {
    color: #505050
}

._form22 ._f-item ._spec-items.address {
    height: 1.33333rem
}

._form22 ._f-item ._spec-items.address textarea {
    height: 100%;
    width: 100%;
    resize: none;
    outline: none;
    padding: .24rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: .37333rem;
    color: #222
}

._form22 ._f-item ._spec-items ._spec-item {
    margin: .213rem .32rem 0 0;
    padding: .107rem .32rem;
    border: 1px solid #f85959;
    background: transparent;
    color: #f85959;
    display: inline-block;
    -webkit-border-radius: .107rem;
    border-radius: .107rem;
    cursor: pointer;
    font-size: .37333rem
}

._form22 ._f-item ._spec-items ._spec-item.active {
    color: #fff;
    background: #f85959
}

._form22 ._f-item ._spec-items ._spec-item.disabled {
    border: 1px solid #cacaca;
    color: #cacaca;
    cursor: not-allowed
}

._form22 ._f-item ._spec-items._amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .48rem
}

._form22 ._f-item ._spec-items._amount>div,
._form22 ._f-item ._spec-items._amount>input {
    width: .853rem;
    height: .853rem;
    line-height: .853rem;
    background: #f4f5f6;
    color: #222;
    text-align: center;
    margin-left: .107rem;
    -webkit-border-radius: .053rem;
    border-radius: .053rem;
    font-size: .4rem
}

._form22 ._f-item ._spec-items._amount>div.disabled {
    color: #cacaca
}

._form22 ._f-item ._spec-items._amount>input {
    border: none;
    outline: none;
    padding: 0
}

._form22 ._f-item._inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 2.15
}

._form22 ._f-item._inline ._spec-title {
    width: 3rem
}

._form22 ._f-item._inline ._spec-items {
    width: 7rem
}

._form22 ._f-item._inline.reverse ._spec-items {
    width: 3rem
}

._form22 ._f-item._inline.reverse ._spec-title {
    width: 7rem;
    white-space: nowrap
}

._form22 ._sku {
    height: 3.04rem;
    width: 10rem
}

._form22 ._coupon ._notify {
    color: #999;
    font-size: .32rem
}

._form22 ._coupon ._notify-img {
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: .1333rem;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAdVBMVEVHcEzY2NjR0dHQ0NDd3d3R0dHQ0NDR0dHS0tLW1tbR0dHV1dXR0dHS0tLR0dHQ0NDR0dHR0dHk5OTR0dHW1tbR0dHS0tLR0dHR0dHQ0NDR0dHb29vR0dHS0tLQ0NDS0tLS0tLR0dHR0dHR0dHR0dHR0dHQ0NCOeE6IAAAAJnRSTlMAGrL7DlP2wD4kzjDkWW7119sKph+tQ4bIYu4VnIxznn1ITbdjkcMiyMsAAAG8SURBVEjHrZZre4IwDIUjIDe5K15RN93e//8T9wE2S1Pc8Fm+kaYlOTk9qcg/WJPE+eWSx0nzl+hNEfkM5kfF5pfwZYpl6fJJeLzvg+pofT6vo7r/2scT4UELEHqH07fndPBCgDZwxScVEO6stWAXAlWi47dHoFvohcUVOG5VvA/lRH3LEnxrR3KEbDUFxiqD4yiroILMSOfd8zzvZqSVQWVW10Jpnp8DfJj/KKE18AdG+d8A8lEdwKMfe+jGEAC8j1xX2Bu7wzGeK0YHiogswkcWKews0AAs0HaQDvyE0OrvAsDqbhBCz90CPJtWAHbXPShERCSCg90qAPv6HCASEWl8ONkbSsD2ncBv+gJrRYYMSuWs+7ri4U/2WqacUQ91Dmu1lkKlnOu++xc4uw5LlfMMl6kNd1eewwZnSq3uzU9KzqKvrlOGop2wftr8NWB1Nm7ZdflU45zUcNk3NVzkE4m13P2Qz0HvTQX1aorejgt0BQXT4wI5rugdbLDNK6pFoAB4mxQBLTPylqVFMy0zSsi0WI6FTEmlUnBbKmeL8Xy5fzZQOudAmT+y5g/F+WP3hcH+wtPhhcfJb/YF6+BBgmHRESoAAAAASUVORK5CYII=) 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    height: .4267rem;
    width: .3733rem
}

._form22 ._coupon ._spec-items {
    text-align: right
}

._form22 ._coupon ._spec-items ._grey {
    color: #999
}

._form22 ._coupon ._spec-items ._red {
    color: #f85959
}

._form22 ._coupon ._spec-items .right-arrow {
    color: #999
}

._form22 ._order-info input {
    color: #505050
}

._form22 ._order-info input._normal {
    width: 100%;
    height: 100%;
    font-size: .4rem
}

._form22 ._order-info .location {
    font-size: .4rem;
    color: #505050;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._form22 ._order-info ._spec-items._special {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._form22 ._order-info ._spec-items._special input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._form22 ._order-info ._spec-items._special>div {
    width: 3.2rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    background: #f85959;
    color: #fff;
    -webkit-border-radius: .107rem;
    border-radius: .107rem;
    font-size: .4rem
}

._form22 ._order-info ._spec-items._special>div.disabled {
    background: #ccc
}

._form22 .right-arrow.bill {
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%
}

._form22 .right-arrow.rotate {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.fix-bottom-btn {
    height: 1.33333rem;
    width: 10rem;
    -webkit-box-shadow: 0 -1px 5px 0 hsla(0, 0%, 78%, .5);
    box-shadow: 0 -1px 5px 0 hsla(0, 0%, 78%, .5);
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .15s linear;
    transition: -webkit-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear, -webkit-transform .15s linear;
    will-change: transform
}

.fix-bottom-btn,
.fix-bottom-btn .le {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fix-bottom-btn .le {
    width: 5.68rem;
    background: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: .56rem
}

.fix-bottom-btn .le .note {
    color: #505050;
    font-size: .37333rem
}

.fix-bottom-btn .le .red-yuan {
    width: .29333rem;
    height: .29333rem;
    position: relative;
    top: .05333rem;
    margin: 0 .05333rem
}

.fix-bottom-btn .le .money {
    font-size: .53333rem;
    color: #f85959
}

.fix-bottom-btn .ri {
    width: 4.32rem;
    font-size: .4rem;
    color: #fff;
    background: #ff5c5c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.login-form-modal {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.login-form-modal .login-form-body {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6.533333rem;
    background: #fff;
    border-radius: .32rem;
    padding: 0 .48rem
}

.login-form-notice,
.login-form-notice.hidden {
    display: none
}

.login-form-modal .login-form-input-row.captcha {
    margin-bottom: 1.306667rem
}

.login-form-modal .login-form-notice:not(.hidden) {
    display: block;
    color: #999;
    font-size: .266667rem;
    position: absolute;
    bottom: -.506667rem;
    left: 0;
    right: 0;
    text-align: center;
    background: #fff;
    z-index: 222
}

.login-form-modal .login-form-submit-btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f85959;
    border-radius: 2.666667rem;
    height: .906667rem
}

.login-form-modal .login-form-input-row {
    width: 100%;
    height: .906667rem;
    margin: 0 auto .373333rem;
    font-size: .293333rem
}

.login-form-modal .login-form-input-row input {
    font-size: .32rem
}

.login-form-modal .login-form-input-row:after {
    border-radius: 2.666667rem
}

.login-form-modal .login-form-close-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: .266667rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAmVBMVEVHcEzZ2dnZ2dnd3d3j4+PZ2dnk5OT39/fZ2dn////b29vb29vZ2dnZ2dna2trd3d3Z2dnZ2dnZ2dnZ2dnc3Nzb29vZ2dna2trZ2dnZ2dnZ2dng4ODZ2dna2trk5OTa2trZ2dna2trZ2dnc3Nza2tra2tra2trY2NjZ2dnY2NjY2NjZ2dnZ2dnZ2dnZ2dnb29vZ2dnY2NjY2NjVFRI0AAAAMnRSTlMA8usgEvoNBfYCNhx7n1wl2+DlxihBLovNa9IYrWQJT6WBsxVwdVbA1ZG+lbmF10dKmGlehiYAAAFMSURBVDjLrZPbuoIgEIXJI2qmqZWpZaV23NXevP/DbRm0DxG8am6cWfOrLGAQQkGAlJHo7PkgxLfliF0QcqRJQNo4SSn7RHtGD5Gfvfw7HYR8SO+WyDgHaGz4IhYoh73sO4MyNgbQH4gH5/PSA4SUp24gFbyhDUhZLgiC6SeIL68rj8yyuDFzkEOdKy7jbWmgsaRULbULsYVWlHRJaklPagdNjf0rMxRHvjBJH9dKeTHOPRXm6tuDSkZF3gSD3gzCqwlmhbvf4beScWefheNyktEW8DDPUmat0ebMRS4k5mKK6VOyG88OY5itJAJqKzB6NLAeLIGqhwyI+FcQyJxjvBCWWo4kNpoQ1UtiOr9yE4WQkUEpWq6YfGNMqjDcNZ50nu5SuzSsGOy047AGppEegnWhe9fOpyda5WNfEAxrrTFu1Lcn7+bBttE34h9LVkSzeQQqswAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: .32rem;
    width: .32rem;
    height: .32rem;
    opacity: .5
}

.login-form-modal .login-form-title {
    display: block;
    font-size: .426667rem;
    color: #1f201f;
    margin: 1.306667rem auto .826667rem;
    text-align: center
}

.login-form-close-btn,
.login-form-title {
    display: none
}

.login-form-body {
    width: 7.333333rem;
    color: #505050;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto
}

.login-form-modal .login-form-agreement {
    margin-top: .373333rem
}

.login-form-agreement {
    margin-top: .986667rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.login-form-agreement>div {
    font-size: .266667rem
}

.login-form-agreement>i {
    width: .32rem;
    height: .32rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAHlBMVEWXl5dHcEyYmJiXl5eYmJiXl5eXl5eXl5eZmZmXl5dnbyeWAAAACXRSTlOAAM3zmb1bZRkE+ytHAAAAT0lEQVQoz2MQFFeeiQSMCgUZJCJVGJCA09RGBlEzQRSQHMhQmYgqJDadQUkQDSgxmKALOTNMQBfiHBUaikJYohZLAsCSTLAkJixJDjNhAgDmdkqDvDuSTAAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: .32rem;
    padding: .266667rem;
    position: relative;
    top: -.266667rem
}

.login-form-agreement.checked i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAUVBMVEVHcEz///8AmN+Fye8Ak90AnOYAkt0Akt0Akt4Ald9zwexNs+cnpuOY0vHz+f0AneFCr+YIouLR6/nl8/u33vVvwOvv+P3a7vqr2fS/4vbE5PfayY0GAAAACnRSTlMA////8xn/yL1lXW5CmgAAAM9JREFUOMut1EkWwjAMA1ApLWqbztAJ7n9QFkx9ScFZoPVfWM6LAaAqcn1JXlQAgFOpnylPAAwjlUAlMxUKGxXIbZTDEqMkAzkvE42bM9Gw9rLQvDSyUMtaBnJXehloXNnKQMPCSREabtl+ZPLsIrSRzHYj89IrQk33Ue5Kdo1ipJovNa7ku3wwuH+qYSE/5cN2LUlmM8ld+WgFE5+Z9B2588Psy8fL7C9kUP5g400Xlj96ljosf/h23stGx/kjSvqcSd886WAknZ60I5ZwDu+fIh8YFpIisQAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: .32rem
}

.captcha-toast,
.login-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    background: transparent;
    border-radius: 6px;
    padding: 20px 18px;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999
}

.captcha-toast.hidden,
.login-toast.hidden {
    display: none
}

.login-toast {
    width: 4.453333rem
}

.captcha-toast .img,
.login-toast .img {
    width: .586667rem;
    height: .586667rem;
    display: block;
    margin: 0 auto .24rem
}

.captcha-toast {
    width: 3.813333rem
}

.login-toast .img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAMAAAC5dNAvAAAAflBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+gLKczAAAAKXRSTlMANUOAkKiw9iHh3LtNCfroEe2ZWAYOlFK1KWHCcHkeJIVs0aJBPdOgX27D3FEAAALKSURBVFjDvZjZeqowFEbDgTLIJKhga53rsN7/BXuBKEoGpPkOt8AiIfv/9yDEf74WTn3dr9f7a+0s/kaan9w4p3PlsXuaj2TVfoDkCvz6fWJYFe3rZ/9S7XbVxT+3+KIK34J9HjMAJuXs6cVwVk4AyI6fg2HTsmG5W9ndrdsQy+kw2lcOEP+on/iJAfKvIUvzAZaO/ilnCeAbF+hEQJSYP5tEQGT46iwDvHTIP0k9IJvpHvkGimTokSUF8K2+7wKHzfB42hwAV7e21Vu6XKzU65sBy/Q98aRLQPr/nAxW6btiTFeQSc53GsFhhAMtDhD148+HYjPGeTYF+D1lAck4J0uAF71Nc/DGuqwH+fN2S4jSsbg0gvLJ38Zvtd1u1/+OsPxLUlnCsWOyGTh/wTmQPWy7grj3yD5Xnk24mrx4ewzVPWcV0PfeCXwoaBHsXvwZija/1TDpv7RGwQsjCD77H68fgnDl4STjhREE/yTedpPGPICtGMqT08QWgma3J+leFTwFTYgJnNp1lmIgT0kTZfvHYoUBSnhqmpi1wZZDKAbxNDQRQi6EEAsI9HbR8nQ0IQJYNAI5iyE8PU2cG6HWEjOV8Qw04TeBfIWLMPO2Bpq4wFUIse+oV8PLDDRRwb7R5m6AfZtoYgfrgbgwQOZhMtyAzYYRoPSr582ajyKMIPgw8W5HYQyUW4R4Bt4tUExhfI83A+8WxgaRdaJXz7uJTG8BT1rQ8VoL0BrUi7I0vLtBaeyzp1M1726fanOXqF7Ju5u7MvVIPUTBe6QeVWJUOJKc90iMirSt9Dcpr5O25UVFrPQQr19udosKecmzUjuS12smuiWPvCDbrNUdcPKVagoyy+Wi7WLWcqltuxGw3KbYbqJst3iWG1Db7bHt5t32aMH24MP2WMb20Mj2SMv2wM36OND2sNL6KNX6oLchWhxD33VpbUj+/vULr2iDw4XQD50AAAAASUVORK5CYII=) 50% no-repeat;
    background-size: 100%
}

.captcha-toast .img {
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/4ed39ffb.success.png) 50% no-repeat;
    background-size: 100%
}

.login-form-wrapper {
    margin-bottom: .613333rem
}

.login-form-input-row {
    height: 1.333333rem;
    width: 100%;
    background: #fcfcfc;
    position: relative;
    margin-bottom: .8rem;
    font-size: .346667rem
}

.login-form-input-row i {
    margin: 0 .44rem 0 .64rem
}

.login-form-input-row>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    padding: 0 1px;
    height: 100%;
    width: 100%;
    background: transparent;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .346667rem;
    top: 0;
    left: 0;
    z-index: 22
}

.login-form-modal .login-form-input-row i {
    display: none
}

.login-form-modal .login-form-input-row input {
    padding-left: .373333rem
}

.login-form-input-row.phone i {
    width: .32rem;
    height: .426667rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwBAMAAACLacUmAAAAHlBMVEV8fHxHcEx7e3t7e3t+fn58fHyCgoKAgIB+fn6EhIQLC9czAAAACnRSTlOAAFlfXHcHFy0d/X0v8wAAAEhJREFUKM9jaGVAAxEMAehCrAzYAKsSCgDpYhZEAQ6jQqNCAySUBgbIQqWQZBuOJDQBIsSJJCRWDgaJJNmIJStgAizZCjPzAQCm0jt75DoLwwAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 100%
}

.login-form-input-row.captcha i {
    width: .373333rem;
    height: .32rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAkCAMAAADIF1gZAAAAOVBMVEVycHB0cHBzcHBzcHB1cXFycHCHdndHcExzc3NxcXF6dHRycXFzcXF0dHRzcHBycnJ/b29ycHBzcHBp9YSMAAAAE3RSTlOAWThRRnoFACBIDnElFmYyCWxkzb3o5gAAAONJREFUOMvt1MuWgyAQRdEDCFfF9/9/bA8So4AGM++audzLkltaWM+j8paHkufwKNd8KZfQKei2wnR6JGDuqXkTgNYCzZ1sANvuVA0wX8sZ6HRQOWC4kgPgdKbBgB9LOXowIaEKG8Q+l32ELSilWtYysjDBuiin6mMRmfl0SqlGn0XWHe+fUbU+icyC/9zKqIZzZMlFQTUfLcekRUll94P0Eay+UTWvyJYpPeIVlQMjGXCq0WCg617jrFCFDd7jrFEt6z7OKlUf1/zDuaMKxZ92S8v6pzs1XbXcj+vyh1X8fMH/AenJHAY0Ls2SAAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100%
}

.login-form-modal .login-form-input-row .error-msg {
    position: absolute;
    white-space: nowrap;
    bottom: -.32rem;
    font-size: .213333rem;
    padding-left: .346667rem;
    left: 0
}

.login-form-input-row .error-msg {
    font-size: 12px;
    color: #f85959;
    position: absolute;
    bottom: -.533333rem;
    padding-left: .64rem;
    left: 0
}

.login-form-input-row .error-msg.hidden {
    display: none
}

.login-form-input-row input::-webkit-input-placeholder {
    color: hsla(0, 0%, 48%, .5)
}

.login-form-input-row input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    outline: none;
    height: 80%;
    background: transparent;
    width: 20px;
    font-size: .346667rem
}

.login-form-input-row input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fcfcfc inset
}

.login-form-input-row:after {
    position: absolute;
    content: "";
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    border: 1px solid #ddd;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .093333rem
}

[data-dpr="3"] .login-form-input-row:after {
    -webkit-transform: scale(.333333);
    transform: scale(.333333)
}

.login-form-captcha {
    width: 2.826667rem;
    margin-left: .106667rem
}

.login-form-modal .login-form-phonecaptcha-btn {
    width: 2.88rem
}

.login-form-modal .login-form-phonecaptcha-btn:before {
    height: .4rem
}

.login-form-phonecaptcha-btn {
    width: 2.933333rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    cursor: pointer
}

.login-form-phonecaptcha-btn.disable {
    color: hsla(0, 0%, 48%, .5);
    cursor: not-allowed
}

.login-form-phonecaptcha-btn:before {
    position: absolute;
    height: .746667rem;
    width: 1px;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
    content: "";
    display: block;
    left: 0;
    z-index: 1;
    opacity: .5;
    background: hsla(0, 0%, 48%, .5)
}

.login-form-img-captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.login-form-img-captcha__wrapper {
    -webkit-box-flex: 2;
    -ms-flex: 2 0 0;
    flex: 2 0 0;
    padding-right: .266667rem
}

.login-form-img-captcha__input {
    padding-left: .64rem
}

.login-form-img-captcha-pic__wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    cursor: pointer
}

.login-form-img-captcha-pic__img {
    width: 100%
}

.login-form-submit-btn {
    opacity: .92;
    background-image: linear-gradient(-128deg, #ff6c6c, #ff3d69);
    border-radius: 2.5px;
    height: 1.2rem;
    width: 100%;
    color: #fff;
    font-size: .373333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 15px 25px 0 rgba(255, 51, 51, .2);
    box-shadow: 0 15px 25px 0 rgba(255, 51, 51, .2)
}

.menu-list-container {
    background-color: #fff;
    text-align: center;
    line-height: 3;
    font-size: .4667rem
}

.menu-list-item:not(:last-of-type):after {
    display: block;
    content: " ";
    height: 1px;
    background-color: #ededed;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@media screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .menu-list-item:not(:last-of-type):after {
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media screen and (-webkit-min-device-pixel-ratio:3),
screen and (min-resolution:3dppx) {
    .menu-list-item:not(:last-of-type):after {
        -webkit-transform: scaleY(.33333);
        -ms-transform: scaleY(.33333);
        transform: scaleY(.33333)
    }
}

.menu-list-cancel:before {
    display: block;
    content: " ";
    background-color: #ededed;
    height: .16rem
}

.scroll {
    height: 100vh;
    background: #f7f7f7
}

._success-title {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 30.66667%;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/30b6f71c.banner_2x.svg) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

._success-title__locator {
    position: absolute;
    top: .53rem;
    left: .53rem
}

._success-title__header {
    padding-bottom: .11rem;
    font-size: .4rem;
    font-family: PingFangSC-Medium;
    font-weight: 600;
    line-height: .56rem;
    color: #fff
}

._success-title__content {
    font-size: .37333rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #fff;
    line-height: .53333rem
}

._success-title__content .bold {
    display: inline-block;
    margin-bottom: .10667rem;
    font-family: PingFangSC-Semibold Serif;
    font-weight: 600
}

._success-title__placeholder {
    display: block;
    height: .21rem
}

.receive-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .48rem 0 .90667rem .32rem
}

.receive-info__left {
    display: inline-block;
    width: .85333rem;
    height: .85333rem;
    margin-right: .32rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNGRkVCRUIiIGN4PSIzMiIgY3k9IjMyIiByPSIzMiIvPjxnIHN0cm9rZT0iI0ZGN0Y1NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIuNjk0Ij48cGF0aCBkPSJNNDIuNjA3IDM4Ljc1M0wzMi4wMDEgNDkuMDA2IDIxLjM5MyAzOC43NTNjLTUuODU3LTUuNjYzLTUuODU3LTE0Ljg0NCAwLTIwLjUwNiA1Ljg1OC01LjY2MyAxNS4zNTYtNS42NjMgMjEuMjE0IDAgNS44NTcgNS42NjIgNS44NTcgMTQuODQzIDAgMjAuNTA2eiIgZmlsbD0iI0ZGRUJFQiIvPjxwYXRoIGQ9Ik0zOC4yMDggMjguNTAzYzAgMy4zMTMtMi43OCA2LTYuMjA3IDYtMy40MjkgMC02LjIwNy0yLjY4Ny02LjIwNy02czIuNzc4LTYgNi4yMDctNmMzLjQyNyAwIDYuMjA3IDIuNjg3IDYuMjA3IDZ6IiBmaWxsPSIjRkZGIi8+PC9nPjwvZz48L3N2Zz4=) 0 0/cover no-repeat
}

.receive-info__right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.receive-info__line {
    line-height: .42667rem;
    font-size: .34667rem
}

.receive-info__line:nth-child(n+2) {
    margin-top: .10667rem;
    line-height: .53333rem
}

.receive-info__label {
    color: #333
}

.receive-info__value {
    color: #666
}

.douyin-step-wrapper {
    padding: .26667rem .26667rem .4rem;
    background: #f7f7f7
}

.douyin-step-img {
    width: 100%
}

.recommend {
    background: #f7f7f7;
    height: 100%;
    overflow: hidden
}

.recommend__content {
    overflow: hidden;
    margin: auto .32rem
}

.recommend__title {
    position: relative;
    text-align: center;
    font-size: .42667rem;
    margin: .34667rem auto .30667rem;
    font-family: PingFangSC;
    font-weight: 400;
    color: #999;
    line-height: .6rem
}

.recommend__title:after,
.recommend__title:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    background: #999;
    width: 4%;
    height: .02667rem
}

.recommend__title:before {
    left: 35%
}

.recommend__title:after {
    right: 35%
}

.recommend__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0;
    margin: 0
}

.recommend__item {
    list-style: none
}

.recommend__item:nth-child(2n-1) {
    margin-right: .18667rem
}

.recommend__item:nth-child(n+3) {
    margin-top: .18667rem
}

.recommend__footer {
    text-align: center;
    margin: .53333rem auto;
    font-size: .32rem;
    font-family: PingFangSC;
    font-weight: 400;
    color: #999;
    line-height: .44rem
}

.good[data-v-24548dfc] {
    font-family: PingFangSC-Regular;
    width: 4.586666666666667rem;
    font-size: 0
}

.good__pic[data-v-24548dfc] {
    width: 100%;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    height: 4.586666666666667rem
}

.good__detail-wrapper[data-v-24548dfc] {
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    background: #fff;
    padding: .106666666666667rem .266666666666667rem .226666666666667rem
}

.good__name[data-v-24548dfc] {
    font-size: .373333333333333rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #333;
    line-height: .533333333333333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.good__coupon[data-v-24548dfc] {
    padding: 0 .106666666666667rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTgiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk0IDRsNC00SDBsNCA0LTQgNCA0IDQtNCA0IDQgNC00IDQgNCA0LTQgNGg5OGwtNC00IDQtNC00LTQgNC00LTQtNCA0LTR6IiBmaWxsPSIjRkY3RjU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 1.333333333333333rem;
    color: #fff;
    line-height: .493333333333333rem
}

.good__coupon[data-v-24548dfc],
.good__package[data-v-24548dfc] {
    display: inline-block;
    margin-top: .106666666666667rem;
    text-align: center;
    font-size: .32rem;
    font-weight: 400
}

.good__package[data-v-24548dfc] {
    width: .853333333333333rem;
    border: 1px solid #999;
    color: #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: .44rem
}

.good__footer[data-v-24548dfc] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .106666666666667rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.good__price[data-v-24548dfc] {
    color: #f85959;
    font-size: .533333333333333rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    line-height: .746666666666667rem
}

.good__price[data-v-24548dfc]:before {
    content: "\A5";
    margin-right: .106666666666667rem;
    font-size: .373333333333333rem;
    font-weight: 400;
    color: #f85959;
    line-height: .533333333333333rem
}

.good__sell-count[data-v-24548dfc] {
    float: right;
    font-size: .346666666666667rem;
    font-weight: 400;
    color: #999;
    line-height: .493333333333333rem
}

.main[data-v-4a97ac52] {
    width: 100%;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .4rem .44rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/871ab2da.group-description-bg.png);
    -webkit-background-size: cover;
    background-size: cover
}

.main .title[data-v-4a97ac52] {
    margin: 0;
    padding: 1.06667rem 0 .94667rem;
    text-align: center
}

.main .title .icon-text[data-v-4a97ac52] {
    margin: 0 auto;
    width: 7.04rem;
    height: 1.4rem;
    background: url(https://sf3-ttcdn-tos.pstatp.com/obj/ecom-luban-cdn/fe-smart/static/img/6a6b7f4b.group-buying-title.png) no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: contain;
    background-size: contain
}

.main .process[data-v-4a97ac52] {
    -webkit-border-radius: .13333rem;
    border-radius: .13333rem;
    padding-bottom: .90667rem;
    background-color: #fff
}

.main .process .item[data-v-4a97ac52] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .4rem .32rem
}

.main .process .item .top-box[data-v-4a97ac52] {
    height: .8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.main .process .item .top-box .icon[data-v-4a97ac52] {
    display: inline-block;
    width: 1.06667rem;
    height: .64rem;
    font-size: .48rem;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    -webkit-border-radius: .32rem;
    border-radius: .32rem;
    text-align: center;
    line-height: .64rem;
    background: -webkit-linear-gradient(left, #ff7d55, #ff5f46);
    background: -webkit-gradient(linear, left top, right top, from(#ff7d55), to(#ff5f46));
    background: linear-gradient(90deg, #ff7d55, #ff5f46);
    background-color: #ff7850;
    color: #fff
}

.main .process .item .top-box .text[data-v-4a97ac52] {
    display: inline-block;
    margin-left: .32rem;
    height: .66667rem;
    font-size: .42667rem;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    color: #ff7f57;
    line-height: .66667rem
}

.main .process .item .bottom-box[data-v-4a97ac52] {
    margin-top: .61333rem;
    position: relative
}

.main .process .item .bottom-box .line[data-v-4a97ac52] {
    position: absolute;
    top: 0;
    left: .52rem;
    width: .02667rem;
    height: 4rem;
    background: #ff7f57;
    -webkit-border-radius: .01333rem;
    border-radius: .01333rem
}

.main .process .item .bottom-box .img-container[data-v-4a97ac52] {
    margin-left: 2.25333rem;
    width: 4.02667rem;
    height: 3.96rem
}

.main .process .item .bottom-box .img-container>img[data-v-4a97ac52] {
    width: 4.02667rem;
    height: 3.96rem
}

.main .description[data-v-4a97ac52] {
    margin-top: .26667rem;
    -webkit-border-radius: .13333rem;
    border-radius: .13333rem;
    padding: .32rem;
    background-color: #fff
}

.main .description>h4[data-v-4a97ac52] {
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: .32rem;
    height: .6rem;
    font-size: .42667rem;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    color: #ff7f57;
    line-height: .6rem
}

.main .description .subtitle[data-v-4a97ac52] {
    height: .45333rem;
    font-size: .4rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #666;
    line-height: .45333rem
}

.main .description .subtitle .point[data-v-4a97ac52] {
    font-size: .8rem;
    color: #ff7f57;
    vertical-align: bottom
}

.main .description .text[data-v-4a97ac52] {
    margin-left: .42667rem;
    font-size: .4rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #666;
    line-height: .45333rem
}

.main .back[data-v-4a97ac52] {
    margin-top: .48rem;
    width: 9.2rem;
    height: 1.17333rem;
    text-align: center;
    font-size: .42667rem;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    line-height: 1.17333rem;
    color: #ff5f46;
    background-color: #fff;
    -webkit-border-radius: .13333rem;
    border-radius: .13333rem
}