.geetest-modal-container {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    position: absolute;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
    z-index: 996
}

.geetest-modal-bg {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.geetest-modal-view {
    background-color: #fff;
    border-color: #e4e3e3;
    border-radius: .25rem;
    border-width: .05rem;
    margin-top: 45%;
    padding-bottom: .65rem;
    position: relative;
    width: 15.75rem;
    z-index: 3
}

.geetest-modal-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.geetest-back-touch-style {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .75rem;
    position: relative;
    right: .5rem;
    top: .5rem;
    width: .75rem
}

.geetest-back-img-style {
    height: .75rem;
    width: .75rem
}

.geetest-title-text-box {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .75rem;
    padding-left: 1.25rem
}

.geetest-title-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .7rem;
    font-weight: 700;
    height: .95rem;
    text-align: center
}

.geetest-middle-part {
    margin-top: 1.2rem;
    width: 100%
}

.geetest-row {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.5rem;
    width: 100%
}

.geetest-phone-img {
    height: .875rem;
    width: .6rem
}

.geetest-pwd-img {
    height: .8rem;
    width: .625rem
}

.geetest-icon-field {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 2.5rem
}

.geetest-split-line {
    background-color: #e0e0e0;
    height: .05rem
}

.geetest-split-line-height {
    background-color: #e0e0e0;
    height: 100%;
    width: .05rem
}

.geetest-phone-text {
    color: grey;
    font-size: .8rem;
    margin-left: .55rem
}

.geetest-setting-code-input {
    color: #838383;
    font-size: .7rem;
    height: 2rem;
    padding-left: .55rem;
    width: 45%
}

.geetest-setting-code-input-placeholder {
    color: #ddd
}

.geetest-right-btn-field {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center
}

.geetest-send-btn-text {
    color: #d93034;
    font-size: .7rem
}

.geetest-counter-text {
    color: #c5c5c5;
    font-size: .7rem
}

.geetest-confirm-btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #d93034;
    border-radius: .3rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.1rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 4%;
    margin-top: 1.15rem;
    width: 92%
}

.geetest-confirm-btn-text {
    color: #fff;
    font-size: .8rem
}

.popMsgComponent {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 450
}

.popMsgmask {
    background: rgba(0, 0, 0, .65);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.popMsgbody {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border-color: #e4e3e3;
    border-radius: .125rem;
    border-width: .025rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding-left: .5rem;
    padding-right: .5rem;
    width: 88%;
    z-index: 2
}

.scrollview {
    max-height: 10rem
}

.popMsgcontent {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    margin-top: .5rem
}

.popMsgtitleText {
    color: #d93035;
    font-size: .85rem;
    font-weight: 700;
    margin: .5rem 1rem
}

.popMsgcontentText {
    color: #404040;
    font-size: .8rem;
    line-height: 1.1rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem
}

.nwi_bg {
    background-position: 50%;
    background-repeat: no-repeat
}

.nwi_flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.out-layout {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.taro-img__mode-heightfix {
    height: 100%
}

taro-image-core[datasrc=""]>img {
    opacity: 0
}

taro-image-core>img:not([src]) {
    opacity: 0
}

.defaultLogo {
    background-image: url(/kfctaro/static/images/packages/common/base-components/networkImage/kfc.png)
}

.fly-point-box {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 9999
}

.fly-point-box-show {
    visibility: hidden
}

.fly-point-content {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: .025rem solid #eee;
    border-radius: 1.1rem;
    -webkit-box-shadow: 0 0 .1925rem .0125rem rgba(0, 0, 0, .25);
    box-shadow: 0 0 .1925rem .0125rem rgba(0, 0, 0, .25);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    width: 2.2rem
}

.fly-point-img-view-img {
    border-radius: .85rem;
    height: 1.7rem;
    width: 1.7rem
}

@-webkit-keyframes scaleAnimation {
    from {
        opacity: .7;
        -webkit-transform: scale(0);
        transform: scale(0);
        visibility: visible
    }

    30% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible
    }

    100% {
        opacity: .7;
        -webkit-transform: scale(.7);
        transform: scale(.7);
        visibility: hidden
    }
}

@keyframes scaleAnimation {
    from {
        opacity: .7;
        -webkit-transform: scale(0);
        transform: scale(0);
        visibility: visible
    }

    30% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible
    }

    100% {
        opacity: .7;
        -webkit-transform: scale(.7);
        transform: scale(.7);
        visibility: hidden
    }
}

.subScriber-c {
    bottom: 0;
    left: 0;
    position: absolute;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9990
}

.subScriber-cc {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.subScriber-cm {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    position: absolute;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9991
}

.subScriber-mask {
    position: absolute;
    position: fixed;
    right: 2.05rem;
    top: 3.6rem;
    z-index: 9999
}

.subScriber-mask_icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 12.5rem;
    width: 15.35rem
}

.subScriber-setting {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    position: fixed;
    z-index: 9999
}

.subScriber-setting_btn {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    background-color: #00c25f;
    border-radius: .35rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 2.25rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .5rem;
    width: 14.95rem
}

.subScriber-setting_t1 {
    color: #fff;
    font-size: .8rem;
    font-weight: 600
}

.store-btn_confirm-sweet {
    background-color: #52d2bc !important
}

.store-btn_confirm-tea {
    background-color: #ff6fb3 !important
}

.store-btn_confirm-kpro {
    background-color: #00b74f !important
}

.store-btn_confirm--gray-disabled {
    background-color: #a1a1a1 !important
}

.store_popup_bottom_btns {
    -ms-flex-pack: justify;
    background-color: #fff;
    bottom: 0;
    -webkit-box-shadow: 0 .1rem .75rem rgba(0, 0, 0, .12);
    box-shadow: 0 .1rem .75rem rgba(0, 0, 0, .12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3.4rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    left: 0;
    padding: .6rem .8rem 0;
    position: absolute;
    right: 0;
    -webkit-transform: translateZ(249.975rem);
    transform: translateZ(249.975rem);
    width: 100%;
    z-index: 199
}

.store_popup_bottom_btns--safearea {
    min-height: 4rem
}

.store_popup_bottom_btns_row {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.store-btn_more--white {
    border: .05rem solid #efefef;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.2rem;
    width: 8rem
}

.store-btn_more--large {
    width: 17.15rem;
    width: 686px !important
}

.store_bar {
    background-color: #fff;
    border-radius: .6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.store_bar--shadow {
    -webkit-box-shadow: 0 .05rem 0 hsla(0, 0%, 95%, .5);
    box-shadow: 0 .05rem 0 hsla(0, 0%, 95%, .5)
}

.stb_row1 {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.stb_icon {
    margin-right: .4rem
}

.stb_col1 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.stb_name {
    color: #404040;
    font-size: .9rem
}

.stb_address {
    color: #999;
    font-size: .6rem;
    font-weight: 400;
    margin-top: .2rem
}

.stb_prompt {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #404040;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.stb_prompt_icon {
    height: .6rem;
    margin-right: .2rem;
    width: .6rem
}

.stb_prompt_txt {
    color: #333;
    font-size: .5rem;
    line-height: .7rem
}

.stv_ptvm {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: .35rem
}

.stb_vm {
    -ms-flex-align: center;
    -ms-flex-pack: end;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 1rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    min-width: 3rem
}

.stb_vm_txt {
    font-size: .7rem;
    text-align: right
}

.stb_distance {
    color: #333;
    font-size: .6rem;
    font-weight: 500;
    line-height: .7rem;
    text-align: right
}

.stb_tag {
    margin-left: .2rem;
    margin-right: .2rem
}

.stb_title {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    overflow: hidden
}

.store_item {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: normal;
    padding: .6rem;
    z-index: 5
}

.store_item--s3 {
    border: solid #efefef;
    border-width: 0 0 .05rem;
    margin-left: .6rem;
    margin-right: .6rem;
    padding-left: 0;
    padding-right: 0
}

.store_item_left {
    background-color: #ececec;
    border-radius: .2rem .2rem .5rem .5rem;
    height: 4.6rem;
    position: relative;
    width: 4rem
}

.store_item_left_adjust {
    height: 3rem
}

.store_item_left_pic {
    background-color: #e1e1e1;
    border-radius: .5rem;
    height: 3rem;
    width: 4rem
}

.store_item_left_btns {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.store_item_right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .6rem;
    position: relative;
    width: 11.25rem;
    z-index: 2
}

.store_item_right_row--address {
    line-height: .75rem;
    margin-top: .3rem
}

.store_item_right_row--times {
    line-height: .75rem;
    margin-top: .2rem
}

.store_item_right_row--desc {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: .75rem;
    margin-top: .2rem;
    position: relative;
    text-indent: .7rem
}

.store_item_right_row--waiting {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: .75rem;
    margin-top: .3rem
}

.store_item_address {
    color: #333;
    font-size: .6rem;
    line-height: .75rem;
    white-space: normal;
    word-break: break-all
}

.store_item_address--yellow {
    color: #f78718
}

.store_item_address--active {
    color: #e40030
}

.store_item_desc {
    color: #333;
    font-size: .6rem;
    line-height: .75rem;
    white-space: normal;
    word-break: break-all
}

.store_item_desc_icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: .625rem;
    left: 0;
    position: absolute;
    top: .1rem;
    top: .05rem;
    width: .625rem
}

.store_item_desc--gray {
    color: #999
}

.store_item_desc_num {
    color: #e40030;
    font-family: System;
    font-weight: 700;
    margin: 0 .05rem
}

.store_item_distance {
    color: #231e1f;
    font-size: .6rem;
    line-height: .75rem
}

.store_item_distance_spiteLine {
    color: #999;
    padding: 0 .15rem
}

.store_item_distance--t1 {
    margin-top: .3rem
}

.store_item_water {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 5.8rem
}

.store_item_water_img {
    width: 5.8rem
}

.store_item--shadow {
    border-radius: .6rem .6rem 0 0;
    -webkit-box-shadow: 0 .3rem .4rem rgba(0, 0, 0, .03);
    box-shadow: 0 .3rem .4rem rgba(0, 0, 0, .03)
}

.store_item--plain {
    -webkit-box-shadow: 0 .05rem 0 hsla(0, 0%, 95%, .5);
    box-shadow: 0 .05rem 0 hsla(0, 0%, 95%, .5)
}

.store_item_btn {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.store_item_btn--heart {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.2rem;
    z-index: 5
}

.store_item_btn--heart_icon {
    height: 1.2rem;
    width: 1.2rem
}

.store_item_btn--heart_like {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.2rem;
    z-index: 5
}

.store_item_btn--heart_like_icon {
    height: 1.2rem;
    width: 1.2rem
}

.store_item_btn--warning {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 5
}

.store_item_btn--warning_txt {
    color: #231e1f;
    font-size: .55rem
}

.store_item_btn--warning_icon {
    height: .4rem;
    margin-left: .3rem;
    width: .3rem
}

.store_item_btn--info {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 5
}

.store_item_btn--info_txt {
    color: #231e1f;
    font-size: .55rem
}

.store_item_btn--info_icon {
    height: .4rem;
    margin-left: .3rem;
    width: .3rem
}

.store_tgn {
    margin-left: .2rem;
    padding-left: .25rem;
    padding-right: .25rem
}

.store_tgn_txt {
    line-height: .65rem
}

.store_tgn--wrapper {
    height: .75rem;
    margin-left: .25rem
}

.store_item_titles {
    -ms-flex-negative: 0;
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    word-break: break-all
}

.store_item_titles_txt {
    color: #231e1f;
    font-size: .8rem;
    font-weight: 500;
    line-height: .95rem;
    min-width: 2rem
}

.store_item_titles_txt--care {
    font-size: .9rem;
    line-height: 1.05rem
}

.store_item_titles_txt--h5 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.store_item_titles_txt--grey {
    color: #999
}

.store_item_titles_txt--big {
    font-size: 1.2rem;
    line-height: 1.65rem
}

.store_item_titles_txt--active {
    color: #e40030
}

.store_item_lines {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.store_item_tag {
    margin-left: .2rem
}

.store_bar--border {
    border: .05rem solid hsla(0, 0%, 91%, .7)
}

.k-ss-c-gf {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-animation: kssCGf .4s linear 3;
    animation: kssCGf .4s linear 3;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 0
}

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

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes kssCGf {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.stst_btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: .05rem solid #e7e7e7;
    border-radius: .3rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.3rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: .6rem;
    padding-left: .4rem;
    padding-right: .4rem;
    white-space: nowrap;
    z-index: 5
}

.stst_btn--selected {
    background-color: #e400301a;
    border-color: #e40030
}

.stst_btn--selected-sweet {
    background-color: #52d2bc1a;
    border-color: #52d2bc
}

.stst_btn--selected-tea {
    background-color: #ff6fb319;
    border-color: #ff6fb3
}

.stst_btn--selected-kpro {
    background-color: #00b74f1a;
    border-color: #00b74f
}

.stst_btn_title {
    color: #333;
    font-size: .6rem;
    line-height: 1;
    white-space: nowrap;
    word-break: keep-all
}

.stst_btn_title--selected {
    color: #e40030;
    font-weight: 700
}

.stst_btn_title--selected-sweet {
    color: #52d2bc
}

.stst_btn_title--selected-tea {
    color: #ff6fb3
}

.stst_btn_title--selected-kpro {
    color: #00b74f
}

.stst_btn_title--disabled {
    color: #d6d6d6
}

.store_substores {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.9rem;
    z-index: 5
}

.stst_title {
    color: #333;
    font-size: .6rem;
    line-height: .85rem;
    margin-left: .6rem;
    white-space: nowrap;
    word-break: keep-all
}

.stst_btns {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    z-index: 5
}

.stst_btns_mgn {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    min-width: .6rem
}

.stst_seperator {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .85rem;
    width: 3.1rem
}

.stst_seperator_gradientFlicker {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 1
}

.store_substores_wrap {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    left: 0;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    will-change: opacity;
    z-index: 5
}

.map {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100% !important;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100% !important
}

.store_map_view {
    height: 14rem;
    width: 100%
}

.store_map_mark {
    height: 1.7rem;
    width: 1.375rem
}

.store_map_mark_small {
    height: 1.4rem;
    width: 1.2rem
}

.store_popup_map taro-canvas-core.amap-labels,
.store_popup_map taro-canvas-core.amap-layer {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.store_popup_map div.amap-layers {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.store_popup_map_btn {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .65);
    border-radius: .8rem;
    bottom: .5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.2rem;
    left: .8rem;
    overflow: hidden;
    padding-left: .25rem;
    padding-right: .5rem;
    position: absolute
}

.store_popup_map_btn_icon {
    height: .75rem;
    width: .7rem
}

.store_popup_map_btn_txt {
    color: #fff;
    font-size: .6rem;
    line-height: .85rem;
    margin-left: .1rem
}

.store_text_button {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f2f2f2;
    border-radius: .3rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.6rem;
    margin-bottom: .6rem;
    margin-left: .5rem;
    padding-left: .6rem;
    padding-right: .6rem
}

.store_text_button--plain {
    background-color: #fff;
    border: .05rem solid #e7e7e7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0
}

.store_text_button--active {
    background-color: #fff0f0;
    border-color: #e40030
}

.store_text_button_txt {
    color: #333;
    font-size: .7rem;
    line-height: 1;
    white-space: nowrap;
    word-break: keep-all
}

.store_text_button_txt--plain {
    font-size: .6rem
}

.store_text_button_txt--active {
    color: #e40030;
    font-weight: 700
}

.store_pop_filters_wrapper {
    background-color: #fff;
    height: 2.8rem;
    position: absolute;
    top: -.05rem;
    width: 100%;
    z-index: 9
}

.store_pop_filters {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 2.8rem;
    margin-left: .3rem;
    padding-top: .6rem;
    width: 17.65rem
}

.exposure_mini {
    min-height: .05rem;
    min-width: .05rem
}

.store_popup_list_bottom_txt {
    opacity: .7
}

.store_popup_list_bottom_txt--active {
    color: #e40030;
    font-size: .6rem;
    letter-spacing: 0;
    line-height: .8rem;
    margin-top: .4rem;
    text-align: justify
}

.marquee-cpt {
    line-height: normal;
    overflow: hidden
}

.marquee-cpt .marquee-cpt-line {
    overflow: hidden;
    width: 100%
}

.marquee-cpt .marquee-cpt-box {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: marquee;
    animation-name: marquee;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    display: inline-block;
    min-width: 100%;
    position: relative;
    white-space: nowrap
}

.marquee-cpt .marquee-cpt-p {
    display: inline-block
}

@-webkit-keyframes marquee-cpt25 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes marquee-cpt25 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@-webkit-keyframes marquee-cpt50 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes marquee-cpt50 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@-webkit-keyframes marquee-cpt75 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    75% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes marquee-cpt75 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    75% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@-webkit-keyframes marquee-cpt100 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes marquee-cpt100 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@-webkit-keyframes marquee-init {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: var(--marquee-cpt-end)
    }
}

@keyframes marquee-init {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: var(--marquee-cpt-end)
    }
}

.store-scene-bar {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fdebef;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem
}

.store-scene-bar-qa {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: .8rem
}

.store-scene-bar-qa-icon {
    height: .8rem;
    width: .8rem
}

.store-scene-bar-qa-marquee {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.125rem;
    margin-left: 0
}

.store-scene-bar-qa-marquee-text {
    color: #d63036;
    font-size: .6rem
}

.sts_empty_view {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 1rem;
    width: 100%
}

.sts_empty_view_img {
    height: 8rem;
    margin-bottom: .6rem;
    margin-top: 1rem;
    width: 8rem
}

.sts_empty_view_txt {
    color: #909090;
    font-size: .7rem;
    line-height: 1rem
}

.store_popup_list_empty_btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #e40030;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.6rem;
    width: 10.5rem
}

.store_popup_list_empty_btn_refresh {
    height: 2rem;
    margin-top: 1rem;
    width: 6.5rem
}

.store_popup_list_empty_btn-sweet {
    background-color: #52d2bc
}

.store_popup_list_empty_btn-tea {
    background-color: #ff6fb3
}

.store_popup_list_empty_btn-kpro {
    background-color: #00b74f
}

.store_popup_list_empty_btn_text {
    color: #fff;
    font-size: .8rem;
    font-weight: 700
}

.near-store-empty {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.near-store-empty-text {
    color: #333;
    font-family: PingFangSC-Semibold;
    font-size: .8rem;
    font-weight: 600;
    max-width: 12rem;
    text-align: center
}

.near-store-empty-sub {
    -ms-flex-pack: center;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .4rem 0 .75rem
}

.near-store-empty-sub-text {
    color: #333;
    font-family: PingFangSC-Regular;
    font-size: .8rem
}

.near-store-empty-sub-text-red {
    color: #e40030
}

.near-store-empty-sub-text-red-sweet {
    color: #52d2bc
}

.near-store-empty-sub-text-red-tea {
    color: #ff6fb3
}

.near-store-empty-sub-text-red-kpro {
    color: #00b74f
}

.stores-skeleton {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.stores-skeleton-labels {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.8rem;
    width: 18.15rem
}

.stores-skeleton-labels-item {
    background-color: #fff;
    border: .05rem solid #e7e7e7;
    border-radius: .3rem;
    height: 1.6rem;
    margin-left: .5rem;
    width: 3.75rem
}

.stores-skeleton-store {
    border: .05rem solid hsla(0, 0%, 91%, .7);
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: .5rem;
    overflow: hidden;
    padding: .6rem;
    width: 17.55rem;
    z-index: 5
}

.stores-skeleton-store-left {
    background-color: #ececec;
    border-radius: .2rem .2rem .5rem .5rem;
    height: 4.6rem;
    width: 4rem
}

.stores-skeleton-store-right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .6rem;
    width: 11.25rem
}

.stores-skeleton-store-right-name {
    background-color: #ececec;
    height: .95rem;
    width: 8.5rem
}

.stores-skeleton-store-right-addr {
    background-color: #ececec;
    height: .8rem;
    margin-top: .3rem;
    width: 11rem
}

.stores-skeleton-store-right-time {
    background-color: #ececec;
    height: .8rem;
    margin-top: .2rem;
    width: 4.5rem
}

.store_popt_stitem_wrapper {
    background-color: #fff;
    border: .1rem solid #fff;
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: .6rem;
    margin-right: .6rem;
    margin-top: .5rem;
    overflow: hidden;
    position: relative
}

.store_popt_stitem_wrapper--selected {
    border-color: #e40030
}

.store_popt_stitem_wrapper--selected-sweet {
    border-color: #52d2bc
}

.store_popt_stitem_wrapper--selected-tea {
    border-color: #ff6fb3
}

.store_popt_stitem_wrapper--selected-kpro {
    border-color: #00b74f
}

.store_popt_stitem_wrapper--1st-nomgn {
    margin-top: 0
}

.store_popt_stitem {
    border-radius: .2rem;
    border-style: solid;
    border-width: .05rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 5
}

.store_popt_stitem--plain {
    border-width: 0
}

.store_popt_stitem--selected {
    border-color: #fff
}

.store_popt_stitem--border {
    border-color: hsla(0, 0%, 91%, .7) !important
}

.store_popt_stitem_placeholder {
    margin-left: .8rem;
    margin-right: .8rem;
    position: relative
}

.store_popt_main_active {
    border: .1rem solid #e40030;
    border-radius: .2rem;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.store_popt_main_active-sweet {
    border-color: #52d2bc
}

.store_popt_main_active-tea {
    border-color: #ff6fb3
}

.store_popt_main_active-kpro {
    border-color: #00b74f
}

.store_popup_body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 100%
}

.store_popup {
    background-color: #f5f5f5;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 100%
}

.store_popup_tableware {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff1cd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    overflow: hidden;
    padding-left: 1rem
}

.store_popup_tableware_icon {
    height: .8rem;
    width: .8rem
}

.store_popup_tableware_content {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem;
    line-height: 1rem;
    margin-top: .1rem;
    white-space: nowrap
}

.sptc_ios {
    margin-top: .05rem
}

div.marquee-box>.marquee-content {
    height: 1rem
}

.store_popup_tableware_txt_wrapper {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem
}

.store_popup_tableware_text {
    color: #de6800;
    font-size: .6rem;
    line-height: 1rem
}

.store_popup_tableware_text_right {
    margin-left: 5rem
}

.store_popup_list {
    position: relative
}

.store_popup_list_content {
    width: 100%
}

.store_popup_list_content--padding {
    height: 6.4rem
}

.store_popup_list_content--safearea {
    height: 7.3rem
}

.store_popup_map {
    height: 8rem;
    position: relative;
    width: 100%
}

.strct {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: .8rem;
    margin-right: .8rem;
    margin-top: .8rem
}

.strct_border {
    background-color: #e40030;
    border-radius: .1rem;
    height: .7rem;
    width: .2rem
}

.strct_border-sweet {
    background-color: #52d2bc
}

.strct_border-tea {
    background-color: #ff6fb3
}

.strct_border-kpro {
    background-color: #00b74f
}

.strct_txt {
    color: #333;
    font-size: .7rem;
    line-height: .9rem;
    margin-left: .2rem
}

.store_popup_map_location {
    -ms-flex-align: center;
    -ms-flex-item-align: end;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    bottom: .3rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: .6rem;
    width: 2rem
}

.store_popup_map_location_icon {
    height: 2rem;
    width: 2rem
}

.store_popt_stitem_selected_icon {
    z-index: 6
}

.store_popup_body--round {
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem
}

.store_popup_list {
    height: 19.2rem;
    width: 100%
}

.store_popup_list__exchange {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 1rem;
    padding: .25rem 0
}

.store_popup_list__exchange--txt {
    color: #666;
    font-size: .7rem;
    line-height: 1rem;
    white-space: pre-wrap
}

.store_pop_list_wrapper {
    overflow: hidden;
    position: relative;
    width: 100%
}

.store_popt_stitem_selected_icon {
    height: .9rem;
    position: absolute;
    right: -.025rem;
    top: -.025rem;
    width: .9rem;
    z-index: 9
}

.store_pop_filter {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    right: .8rem;
    top: .4rem
}

.store_pop_filter-txt {
    color: #e40030;
    font-size: .6rem;
    line-height: .8rem
}

.store_pop_filter-icon-wrapper {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .5rem;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: .5rem
}

.store_pop_filter-icon {
    height: .5rem;
    width: .35rem
}

.store_pop_filter-icon--rotate {
    margin-left: .1rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.store_pop_tabs {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    min-height: 1.6rem;
    padding-left: .8rem;
    position: relative;
    width: 100%
}

.store_pop_tabs_btn {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -.6rem;
    padding-top: .6rem;
    position: relative
}

.store_pop_tabs_btn--next {
    margin-left: 1.3rem
}

.store_pop_tabs_mark {
    border-radius: .1rem;
    height: .2rem;
    margin-top: .125rem;
    width: 1.025rem
}

.store_pop_tabs_mark_active {
    background-color: #e40030
}

.store_pop_tabs_mark_active-sweet {
    background-color: #52d2bc
}

.store_pop_tabs_mark_active-tea {
    background-color: #ff6fb3
}

.store_pop_tabs_mark_active-kpro {
    background-color: #00b74f
}

.store_pop_tabs_txt {
    color: #33333380;
    font-size: .8rem;
    line-height: 1rem
}

.store_pop_tabs_txt--active {
    color: #333;
    font-weight: 700
}

.store_popup_list_bottom {
    -ms-flex-align: start;
    -ms-flex-pack: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.store_popup_list_bottom_txt {
    color: #333;
    font-size: .6rem;
    letter-spacing: 0;
    line-height: .8rem;
    margin-top: .4rem;
    opacity: .5;
    text-align: justify
}

.store_pop_filters_placeholder {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    height: 2.2rem;
    min-height: 2.2rem;
    width: 100%
}

.footBtnHolder {
    bottom: 0;
    left: 0;
    padding-bottom: 0;
    padding-top: .6rem;
    position: absolute;
    right: 0;
    width: 18.75rem
}

.themeTab {
    background-color: #e40030;
    border-radius: .3rem;
    border-bottom-left-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: .6rem;
    line-height: 0;
    min-width: 1.3rem;
    padding: 0 .1rem;
    position: absolute;
    right: -.75rem;
    text-align: center;
    top: .025rem
}

.themeTab-text {
    color: #f9f9f9;
    font-family: PingFangSC-Semibold;
    font-size: .4rem;
    font-weight: 600;
    line-height: .65rem;
    text-align: center
}

.list__pop-header {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-right: .8rem;
    width: 100%
}

.list__pop-header--close {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ececec;
    border-radius: .8rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    width: 1.6rem
}

.list__pop-header--close-img {
    height: .65rem;
    width: .65rem
}

.store_image_viewer {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    width: 100%
}

.store_viewer {
    height: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

.store_viewer_item {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.store_viewer_item_img {
    height: 14.075rem;
    width: 18.75rem
}

.store_viewer_indicator {
    bottom: 5.8rem;
    position: absolute
}

.store_viewer_indicator_txt {
    color: #fff;
    font-size: .7rem;
    line-height: .8rem
}

.store_image_viewer.store_image_viewer_fadeout {
    background-color: rgba(0, 0, 0, 0)
}

.store_image_viewer.store_image_viewer_fadein {
    background-color: rgba(0, 0, 0, .65)
}

.store_image_viewer>.store_viewer_popout {
    opacity: 0;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.store_image_viewer>.store_viewer_popin {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.nb-fl-head {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    border: solid #f5f5f5;
    border-width: 0 0 .025rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    min-height: 3rem;
    padding: .4rem .8rem;
    position: relative
}

.nb-fl-head_t {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0
}

.nb-fl-head_t_t {
    color: #333;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.1rem
}

.nb-fl-head_t_s {
    color: #999;
    font-size: .6rem;
    line-height: .8rem;
    max-width: 13.25rem
}

.nb-fl-head_b {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding-top: .3rem
}

.nb-fl-head_b_x {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #ececec;
    border-radius: .8rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1.6rem
}

.nb-fl-btm {
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    -ms-flex-pack: justify;
    -webkit-box-shadow: 0 .1rem .75rem rgba(0, 0, 0, .12);
    box-shadow: 0 .1rem .75rem rgba(0, 0, 0, .12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 4.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .8rem .8rem 0;
    position: relative
}

.flt-root {
    -ms-flex-pack: end;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateX(25rem);
    -ms-transform: translateX(25rem);
    transform: translateX(25rem);
    z-index: 100
}

.flt-root_bg {
    background-color: rgba(0, 0, 0, .65);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
    z-index: 1
}

.flt-root-opened {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.flt-root-content {
    -ms-flex-pack: end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
    -webkit-transition: -webkit-transform 0s;
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s;
    z-index: 2
}

.flt-root-content-mask {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.flt-root-box {
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    pointer-events: auto;
    position: relative;
    z-index: 1
}

.flt-root-box_default {
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem
}

.flt-root-box_big {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.flt-root-box-header {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f7f7f7;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.8rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0 .5rem;
    position: relative
}

.flt-root-box-header-text {
    color: #333;
    font-size: .8rem;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap
}

.flt-root-box-header_x {
    position: absolute;
    right: .25rem;
    top: .325rem
}

.flt-root-box-content-scroll-view {
    -ms-flex-negative: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    min-height: 0;
    position: relative
}

.flt-root-box-content-scroll-view_hs::-webkit-scrollbar {
    display: none
}

.nb-fl-m {
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    position: absolute;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform var(--fl-duration, 0ms) var(--fl-timing-function, linear) 0ms;
    transition: -webkit-transform var(--fl-duration, 0ms) var(--fl-timing-function, linear) 0ms;
    transition: transform var(--fl-duration, 0ms) var(--fl-timing-function, linear) 0ms;
    transition: transform var(--fl-duration, 0ms) var(--fl-timing-function, linear) 0ms, -webkit-transform var(--fl-duration, 0ms) var(--fl-timing-function, linear) 0ms;
    width: 100%
}

.oc-layout-anime {
    -ms-flex-negative: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    overflow: hidden;
    -webkit-transition: width 0s linear, height 0s linear;
    transition: width 0s linear, height 0s linear
}

.oc-layout-anime_v {
    -ms-flex-negative: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative
}

.oc-prom-tag {
    border: .025rem solid #fc841a;
    border-radius: .1rem
}

.oc-prom-tag_t {
    color: #fc841a;
    font-size: .5rem;
    line-height: .7rem
}

.oc-cactvt-h {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: .55rem 0 .5rem
}

.oc-cactvt-h_t {
    color: #231e1f;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1rem
}

.oc-cactvt-h_r {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0
}

.oc-cactvt {
    background: #fff;
    border-radius: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    line-height: normal;
    margin: 0 .6rem .35rem
}

.oc-cactvt_bd {
    background: #faf7f3;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .375rem .6rem
}

.oc-cactvt_bd_r {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: .175rem 0
}

.oc-cactvt_bd_r_g {
    -ms-flex-negative: 0;
    border-radius: .1rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 0 .35rem 0 0;
    padding: 0 .25rem
}

.oc-cactvt_bd_r_t {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 0;
    overflow: hidden
}

.oc-cactvt_bd_r_t_t {
    -ms-flex-negative: 1;
    color: #231e1f;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    font-size: .6rem;
    line-height: .8rem;
    min-width: 0
}

.oc-cactvt_bd_r_t_r {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.oc-cactvt_btn {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .65rem 0 0
}

.oc-ufbtn {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .05rem solid #ccc;
    border-radius: .6rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: .15rem .6rem
}

.oc-ufbtn_t {
    color: #333;
    font-size: .6rem;
    font-weight: 500;
    line-height: .85rem
}

.oc-ufbtn_i {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .4rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: .4rem;
    width: .4rem
}

.oc-ufbtn_true {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.oc-ufbtn_false {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.ko-oc-cpoiat {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, right top, from(#e40030), to(#ff355f));
    background: -webkit-linear-gradient(left, #e40030, #ff355f);
    background: linear-gradient(90deg, #e40030, #ff355f);
    border-radius: .3rem;
    border-bottom-left-radius: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .6rem;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.ko-oc-cpoiat_b {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.ko-oc-cpoiat_t {
    color: #fff;
    font-size: .4rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: .6rem;
    padding: 0 .1rem;
    z-index: 1
}

.ko-oc-cpoi {
    background: #fff;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    margin: .25rem 0;
    padding: .6rem .55rem .6rem .45rem
}

.ko-oc-cpoi_i {
    position: relative;
    z-index: 0
}

.ko-oc-cpoi_i_p {
    -ms-flex-align: start;
    -ms-flex-pack: end;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 0;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    left: 1.1rem;
    position: absolute;
    top: .25rem;
    width: 7.5rem;
    z-index: 3
}

.ko-oc-cpoi_i_c {
    -ms-flex-negative: 0;
    border-radius: 1.1rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    overflow: hidden
}

.ko-oc-cpoi_i_c_i {
    height: 2.2rem;
    width: 2.2rem
}

.ko-oc-cpoi_c {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: .15rem .5rem 0;
    min-width: 0
}

.ko-oc-cpoi_c_t {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: .2rem
}

.ko-oc-cpoi_c_t_l {
    border: solid #999;
    border-width: 0 0 0 .05rem;
    height: .35rem;
    margin: 0 .2rem;
    -webkit-transform: translateX(.025rem);
    -ms-transform: translateX(.025rem);
    transform: translateX(.025rem);
    width: 0
}

.ko-oc-cpoi_c_t_t {
    -ms-flex-negative: 0;
    color: #231e1f;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: .7rem;
    font-weight: 500;
    line-height: 1rem
}

.ko-oc-cpoi_c_t_n {
    -ms-flex-negative: 0;
    color: #999;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: .5rem;
    line-height: .7rem
}

.ko-oc-cpoi_c_d {
    color: #231e1f;
    font-size: .5rem;
    line-height: .7rem
}

.ko-oc-cpoi_c_d_d {
    color: #fa6400
}

.ko-oc-cpoi_r {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    width: 3.3rem
}

.ko-oc-cpoi_r>.ko-oc-cpoi_r_b,
.ko-oc-cpoi_r_b {
    height: 1.4rem
}

.nb-rbtn-c {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative
}

.nb-rbtn-c_s {
    position: absolute
}

.nb-rbtn-c_l {
    position: absolute
}

.nz-rbtn {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .05rem solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden
}

.nz-rbtn_cc {
    opacity: 0
}

.cptZoomInOut-init {
    -webkit-transform: rotate(-10deg) scale(0);
    -ms-transform: rotate(-10deg) scale(0);
    transform: rotate(-10deg) scale(0)
}

.cptZoomInOut-in {
    -webkit-animation: zoomInOut .4s forwards;
    animation: zoomInOut .4s forwards
}

.cptZoomInOut-out {
    -webkit-animation: zoomInOutHide .2s forwards;
    animation: zoomInOutHide .2s forwards
}

@-webkit-keyframes zoomInOutHide {
    from {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    to {
        -webkit-transform: rotate(10deg) scale(0);
        transform: rotate(10deg) scale(0)
    }
}

@keyframes zoomInOutHide {
    from {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    to {
        -webkit-transform: rotate(10deg) scale(0);
        transform: rotate(10deg) scale(0)
    }
}

@-webkit-keyframes zoomInOut {
    0% {
        -webkit-transform: rotate(10deg) scale(0);
        transform: rotate(10deg) scale(0)
    }

    75% {
        -webkit-transform: rotate(-25deg) scale(1.3);
        transform: rotate(-25deg) scale(1.3)
    }

    to {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
}

@keyframes zoomInOut {
    0% {
        -webkit-transform: rotate(10deg) scale(0);
        transform: rotate(10deg) scale(0)
    }

    75% {
        -webkit-transform: rotate(-25deg) scale(1.3);
        transform: rotate(-25deg) scale(1.3)
    }

    to {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
}

.ko-oc-cpoh {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: .5rem
}

.ko-oc-cpoh_i {
    -ms-flex-item-align: start;
    -ms-flex-negative: 0;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    border-radius: .2rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: .125rem .15rem .125rem .35rem;
    overflow: hidden;
    -webkit-transform: translateY(.1rem);
    -ms-transform: translateY(.1rem);
    transform: translateY(.1rem)
}

.ko-oc-cpoh_i_i {
    height: 1.3rem;
    width: 2.15rem
}

.ko-oc-cpoh_c {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .5rem
}

.ko-oc-cpoh_c_t {
    -ms-flex-align: end;
    -ms-flex-negative: 1;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    height: 1rem;
    white-space: pre-wrap
}

.ko-oc-cpoh_c_t_t {
    font-size: .7rem;
    font-weight: 600;
    line-height: 1rem
}

.ko-oc-cpoh_c_t_t_n {
    color: #e40030;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2rem;
    min-height: 1.2rem;
    -webkit-transform: translateY(.05rem);
    -ms-transform: translateY(.05rem);
    transform: translateY(.05rem)
}

.ko-oc-cpoh_c_t_i {
    margin: 0 0 .15rem .2rem
}

.ko-oc-cpoh_c_t_i_i {
    height: .7rem;
    width: .7rem
}

.ko-oc-cpoh_c_d {
    color: #231e1f;
    font-size: .5rem;
    line-height: .7rem
}

.ko-oc-cpoh_r {
    -ms-flex-pack: end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
    z-index: 0
}

.ko-oc-cpoh_r_i {
    -ms-flex-pack: end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -1.3rem;
    width: 10rem;
    z-index: 1
}

.ko-oc-cpoh_r_p {
    margin: .1rem .15rem 0
}

.ko-oc-cpoh_r_p_t {
    color: #231e1f;
    font-size: .65rem;
    font-weight: 600;
    line-height: .85rem
}

.ko-oc-cpoh_r_p_t_t {
    font-weight: 700;
    line-height: 1
}

.ko-oc-cpo {
    background: #faf7f3;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    margin: .25rem 1rem;
    padding: .8rem .6rem .75rem
}

.ko-oc-cp {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: .5rem 0
}

.add-sub-wrap {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 0;
    position: relative
}

.add-sub-wrap-circle {
    border-radius: .6rem;
    border-style: solid;
    border-width: .075rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.add-sub-wrap-square {
    border-radius: .2rem;
    height: 1.2rem;
    width: 1.2rem
}

.add-sub-wrap-cross,
.add-sub-wrap-main {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center
}

.add-sub-wrap-medium {
    height: 1.2rem;
    width: 1.2rem
}

.add-sub-wrap-medium-main {
    height: .1rem;
    width: .6rem
}

.add-sub-wrap-medium-cross {
    height: .6rem;
    width: .1rem
}

.add-sub-wrap-small {
    height: 1rem;
    width: 1rem
}

.add-sub-wrap-small-main {
    height: .1rem;
    width: .5rem
}

.add-sub-wrap-small-cross {
    height: .5rem;
    width: .1rem
}

.btn-square-animation {
    -ms-flex-pack: end;
    -ms-flex-negative: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.5rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 0;
    width: 4.8rem;
    z-index: 0
}

.btn-square-animation-bg {
    background-color: #e40030;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    height: 1.5rem;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    width: 1.8rem
}

.btn-square-animation-bg-open {
    width: 100%
}

.btn-square-content {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.5rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative;
    width: 4.8rem;
    z-index: 2
}

.btn-square-animation-wrap {
    height: 1.5rem;
    overflow: hidden;
    position: absolute;
    width: 4.8rem
}

.translate-x {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.translate-x-content {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    left: 100%;
    opacity: 0;
    position: relative;
    top: 0;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    width: 0
}

.translate-x-content-open {
    left: 0;
    opacity: 1;
    width: 100%
}

.number-buttons-wrap {
    -ms-flex-line-pack: justify;
    -webkit-align-content: space-between;
    align-content: space-between;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.btn-circle {
    -ms-flex-align: center;
    -ms-flex-pack: end;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    line-height: normal;
    overflow: hidden;
    position: relative
}

.btn-circle-num {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 1.5rem;
    position: relative;
    z-index: 10
}

.btn-circle-num-txt {
    font-size: .8rem
}

.btn-square {
    -ms-flex-pack: end;
    -ms-flex-negative: 0;
    border-top-right-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 0;
    height: 1.5rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    line-height: normal;
    overflow: hidden;
    position: relative;
    width: 4.8rem
}

.btn-square-num {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 1.5rem
}

.btn-square-num-txt {
    color: #fff;
    font-size: .7rem
}

.btn-choose-wrap {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

.btn-choose {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #e40030;
    border-radius: .2rem .2rem 0 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    height: 1.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    min-width: 2rem;
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative
}

.btn-choose-txt {
    color: #fff;
    font-size: .6rem;
    font-weight: 500
}

.btn-choose-txt-care {
    font-size: .7rem
}

.btn-choose-num {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #231e1f;
    border-radius: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .8rem;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: .8rem;
    padding: 0 .2rem;
    position: absolute;
    right: -.4rem;
    top: -.4rem
}

.btn-choose-num-txt {
    color: #fff;
    font-size: .6rem
}

.btn-disabled {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #e6e6e6;
    border-radius: .2rem .2rem 0 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    height: 1.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    min-width: 2rem;
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative
}

.btn-disabled-txt {
    color: #999;
    font-size: .6rem;
    font-weight: 500
}

.btn-disabled-txt-care {
    font-size: .7rem
}

.ko-oc-gf {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-animation: koOcCGf .4s linear 3;
    animation: koOcCGf .4s linear 3;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 0
}

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

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes koOcCGf {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.bg-linear-gradient {
    height: 5rem;
    width: 100%
}

.bg-linear-gradient-img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.coupon-item-tag {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom-right-radius: .2rem;
    border-top-left-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem;
    left: -.05rem;
    overflow: hidden;
    position: absolute;
    top: -.05rem
}

.coupon-item-tag-text {
    color: #fff;
    font-size: .6rem;
    font-weight: 500;
    line-height: .8rem;
    padding: 0 .35rem;
    z-index: 2
}

.coupon-item-subtitle {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0;
    line-height: normal;
    min-height: .85rem
}

.coupon-item-subtitle .coupon-item-subtitle_g,
.coupon-item-subtitle_g {
    margin: .2rem .25rem 0 .05rem;
    padding: .05rem .25rem
}

.coupon-item-date {
    -ms-flex-negative: 0;
    -ms-flex-pack: end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 0;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    line-height: normal
}

.coupon-item-date_m {
    margin-bottom: .05rem
}

.coupon-item-date_c {
    color: #666;
    font-size: .6rem;
    line-height: .8rem
}

.coupon-item-date_c_t {
    color: #e40030;
    line-height: 1
}

.coupon-item-button {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 0 solid #fff;
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    height: 1.4rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    width: 3.3rem
}

.coupon-item-button_t {
    color: #fff;
    font-size: .6rem;
    font-weight: 500;
    line-height: .8rem
}

.coupon-item-button_white {
    border-width: .1rem
}

.coupon-item-info {
    background: #fbfbfb;
    border: .025rem dashed #dcdcdc;
    border-radius: .1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .1rem;
    padding: .25rem
}

.coupon-item-info_title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.coupon-item-info_title_ic {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: .95rem
}

.coupon-item-info_title_t {
    color: #da5257;
    font-size: .45rem
}

.coupon-item-info_cnt {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .95rem
}

.coupon-item-info_cnt_t {
    color: #b7b7b7;
    font-size: .45rem;
    margin-top: .1rem
}

.coupon-item-main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    line-height: normal;
    padding: .6rem .6rem .6rem 0;
    position: relative;
    z-index: 3
}

.coupon-item-main_w {
    position: relative;
    z-index: 0
}

.coupon-item-main_icon {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: .4rem .6rem 0
}

.coupon-item-main_icon_cnt {
    height: 4.8rem;
    width: 4.8rem
}

.coupon-item-main_cnt {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: .3rem;
    min-width: 0
}

.coupon-item-main_cnt_col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 0
}

.coupon-item-main_cnt_btn {
    bottom: .1rem;
    position: absolute;
    right: 0;
    z-index: 1
}

.coupon-item-main_cnt_btn_n {
    width: 4.3rem
}

.coupon-item-main_cnt_title {
    color: #231e1f;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1rem;
    width: 9.6rem
}

.coupon-item-main_cnt_price {
    -ms-flex-align: end;
    -ms-flex-negative: 0;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: .4rem 0 .3rem
}

.coupon-item-main_cnt_price_w {
    width: 7.7rem
}

.coupon-item-main_cnt_price_t {
    -ms-flex-negative: 0;
    color: #e40030;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4rem
}

.coupon-item-main_cnt_price_s {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: .5rem;
    line-height: 1;
    margin: .1rem 0;
    white-space: pre-wrap
}

.coupon-item-main_cnt_price_sh {
    line-height: .7rem
}

.coupon-item-main_disable {
    opacity: .5
}

.coupon-item-splitline {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    height: 0;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 2
}

.coupon-item-splitline_w {
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .4rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.coupon-item-splitline_w_l {
    left: -.2rem
}

.coupon-item-splitline_w_r {
    right: -.2rem
}

.coupon-item-splitline_w_l,
.coupon-item-splitline_w_r {
    border-radius: .2rem;
    height: .4rem;
    position: absolute;
    top: 0;
    width: .4rem;
    z-index: 1
}

.coupon-item {
    background: #fff;
    border-radius: .2rem;
    -webkit-box-shadow: 0 .25rem .8rem #e4e4e4;
    box-shadow: 0 .25rem .8rem #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: .6rem;
    position: relative
}

.coupon-item_ctn {
    border-radius: .6rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    line-height: normal;
    position: relative;
    width: 17.6rem;
    z-index: 2
}

.coupon-item-desc {
    background-color: #faf7f3;
    border-radius: .2rem;
    font-size: 0;
    line-height: normal;
    padding: 0 .6rem
}

.coupon-item-desc_d {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.coupon-item-desc_d_v {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.coupon-item-desc_d>.coupon-item-desc_d_i,
.coupon-item-desc_d_i {
    background-color: #c8bdac;
    margin: .4rem .15rem
}

.coupon-item-desc_d_a {
    margin-left: .3rem
}

.coupon-item-desc_d_t {
    color: #a59c8f;
    font-size: .6rem;
    line-height: .8rem
}

.coupon-item-desc_d_bold {
    font-weight: 500
}

.coupon-item-desc_d_red {
    color: #e40030;
    font-weight: 500
}

.coupon-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    line-height: normal
}

.coupon-list .coupon-list_h,
.coupon-list_h {
    margin: .55rem .6rem -.1rem
}

.coupon-list .coupon-list_h_r,
.coupon-list_h_r {
    -ms-flex-pack: end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.coupon-list .coupon-list_h_r_c,
.coupon-list_h_r_c {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.coupon-list .coupon-list_h_r_c_i,
.coupon-list_h_r_c_i {
    height: .7rem;
    width: .7rem
}

.coupon-list .coupon-list_h_r_c_t,
.coupon-list_h_r_c_t {
    color: #231e1f;
    font-size: .6rem;
    line-height: .8rem;
    margin-left: .15rem
}

.coupon-list_v {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 1rem
}

.coupon-list_e {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.coupon-list_e_i {
    height: 9rem;
    margin-top: 1.65rem;
    width: 9rem
}

.coupon-list_e_t {
    color: #333;
    font-size: .7rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
    text-align: center
}

.ko-oc-cch {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    min-height: 3rem;
    padding: .4rem .8rem .4rem .7rem;
    position: relative
}

.ko-oc-cch_t {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 0;
    position: relative;
    z-index: 0
}

.ko-oc-cch_t_c {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.ko-oc-cch_t_v {
    position: relative;
    z-index: 1
}

.ko-oc-cch_t_v_c {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #e40030;
    border-radius: .475rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .95rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: -.85rem;
    top: -.3rem;
    width: .95rem;
    z-index: 2
}

.ko-oc-cch_t_v_c_t {
    -ms-flex-negative: 0;
    color: #fff;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: .7rem;
    font-weight: 600;
    line-height: .9rem;
    text-align: center;
    width: 1.3rem
}

.ko-oc-cch_t_t {
    color: #333;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.1rem
}

.ko-oc-cch_t_t_g {
    color: #999;
    font-weight: 400
}

.ko-oc-cch_t_s {
    background-color: #d62f35;
    border-radius: .1rem;
    bottom: -.4rem;
    height: .2rem;
    position: absolute;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.ko-oc-cch_b {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding-top: .3rem
}

.ko-oc-cch_b_x {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #ececec;
    border-radius: .8rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1.6rem
}

.ko-od-cc-csv {
    background: #fff
}

.ko-od-cc-csv::-webkit-scrollbar {
    display: none
}

.ko-oc-cc_flx {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    position: relative
}

.ko-oc-cc_cs {
    margin: 0 1rem 2.05rem
}

.ko-oc-cc_cs_c {
    border: .05rem solid #f6f6f6;
    border-radius: .1rem;
    margin: .6rem 0 .3rem;
    position: relative;
    z-index: 0
}

.ko-oc-cc_cs_cr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 1.35rem
}

.ko-oc-cc_cs_c_r {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 .6rem 0 .85rem;
    min-width: 0
}

.ko-oc-cc_cs_c_r_t {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: .25rem
}

.ko-oc-cc_cs_c_b {
    background: #faf7f3;
    height: 1.6rem
}

.ko-oc-cc_p {
    -ms-flex-negative: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    left: 0;
    right: 0;
    top: 0
}

.c-t-v-item {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: .6rem
}

.c-t-v-item-left {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: .65rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.3rem;
    overflow: hidden
}

.c-t-v-item-left-icon {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1.6rem
}

.c-t-v-item-left-icon-w {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .6rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .05rem;
    overflow: hidden;
    width: 1.2rem
}

.c-t-v-item-left-t {
    color: #231e1f;
    font-family: PingFangSC-Medium;
    font-size: .7rem;
    font-weight: 500;
    margin-left: .2rem;
    max-width: 9.5rem;
    overflow: hidden
}

.c-t-v-item-left-close {
    -ms-flex-negative: 0;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1.6rem
}

.c-t-v-item-left-close-img {
    height: .45rem;
    width: .45rem
}

.c-t-v-item-button {
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ffeaea;
    border-radius: .6rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 3.3rem
}

.c-t-v-item-button-t {
    color: #e40030;
    font-family: PingFangSC-Medium;
    font-size: .7rem;
    font-weight: 500
}

.m-i-n-b {
    -ms-flex-item-align: end;
    -ms-flex-pack: end;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: -.2rem;
    padding-right: 0
}

.m-i-n-b-disabled {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.m-i-n-b-disabled-buttom {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-item-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: center;
    align-self: center;
    background: #e6e6e6;
    border-radius: .55rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.1rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 3.1rem
}

.m-i-n-b-disabled-buttom-t {
    color: #999;
    font-family: PingFangSC-Medium;
    font-size: .5rem;
    font-weight: 500
}

.m-i-n-b-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.m-i-n-b-left {
    position: relative;
    width: 1.5rem
}

.m-i-n-b-full {
    position: relative;
    width: 4.5rem
}

.m-i-n-b-i {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.m-i-n-b-i-img {
    height: 1rem;
    width: 1rem
}

.m-i-n-b-upperImg {
    height: 1.25rem;
    position: absolute;
    top: -1rem;
    width: 2.6rem;
    z-index: 8
}

.m-i-n-b-upperImg-left {
    left: -.575rem
}

.m-i-n-b-upperImg-full {
    left: .95rem
}

.making-time-wrap {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .5);
    border-radius: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .8rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0 .2rem
}

.making-time-wrap-grey {
    background: #f2f2f2;
    height: .9rem
}

.making-time-wrap-image {
    height: .7rem;
    width: .7rem
}

.making-time-wrap-text {
    color: #fff;
    font-family: PingFangSC-Semibold;
    font-size: .5rem;
    font-weight: 600;
    margin-left: .05rem;
    max-width: 4.5rem
}

.limit-label-wrap {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .5);
    border-radius: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .8rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0 .2rem
}

.limit-label-wrap-text {
    color: #fff;
    font-family: PingFangSC-Semibold;
    font-size: .5rem;
    font-weight: 600;
    margin-left: .05rem
}

.m-m-i {
    -ms-flex-negative: 0;
    background: #f7f7f7;
    border: .1rem solid #f7f7f7;
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 7.4rem;
    margin-bottom: .05rem;
    margin-top: .5rem;
    overflow: hidden;
    position: relative;
    width: 5.6rem
}

.m-m-i-tall {
    height: 9.2rem
}

.m-m-i_emp {
    background: #fff;
    border-color: #fff
}

.m-m-i-selected {
    background: #fff;
    border-color: #e40030
}

.m-m-i-grey-radio {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: .25rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: .25rem;
    width: 1rem;
    z-index: 1
}

.m-m-i-grey-radio-img {
    height: 1rem;
    width: 1rem
}

.m-m-i-img {
    height: 4.2rem;
    width: 5.6rem
}

.m-m-i-time {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 3.4rem;
    width: 100%
}

.m-m-i-limit {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 3.4rem;
    width: 100%
}

.m-m-i-checked-img {
    -ms-flex-negative: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    height: 1rem;
    width: 1rem
}

.m-m-i-title {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .2rem .25rem 0
}

.m-m-i-title-t {
    color: #231e1f;
    font-family: PingFangSC-Medium;
    font-size: .5rem;
    font-weight: 500;
    text-align: center
}

.m-m-i-title-st {
    color: #5d5d5d;
    font-family: PingFangSC-Regular;
    font-size: .5rem;
    font-weight: 400;
    text-align: center
}

.m-m-i-bottom {
    -ms-flex-pack: end;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    left: 0;
    position: absolute;
    right: 0
}

.m-m-i-bottom-tall {
    bottom: 1.8rem
}

.m-m-i-bottom-price {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    left: .25rem;
    position: absolute
}

.m-m-i-bottom-price-adjust {
    color: #e40030;
    font-family: PingFangSC-Medium;
    font-size: .6rem;
    font-weight: 500;
    line-height: .85rem
}

.m-m-i-bottom-price-static {
    color: #999;
    font-size: .5rem;
    font-weight: 400;
    line-height: .8rem;
    margin-left: .1rem;
    text-decoration: line-through;
    -webkit-text-decoration-color: #999;
    text-decoration-color: #999
}

.m-m-i-modify {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.8rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0
}

.m-m-i-modify-button {
    -ms-flex-pack: center;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.15rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 4rem
}

.m-m-i-modify-button-text {
    color: #fff;
    font-size: .6rem;
    font-weight: 500;
    line-height: 1.15rem
}

.m-m-i-cover {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .6);
    border-width: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.m-m-i-cover-btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    border-radius: .55rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.1rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.55rem;
    width: 2.6rem
}

.m-m-i-cover-btn-text {
    color: #fff;
    font-family: PingFangSC-Medium;
    font-size: .5rem;
    font-weight: 500
}

.appCareVersion-m-m-i-title-t {
    font-size: .65rem
}

.appCareVersion-m-m-i-bottom-adjust-price {
    font-size: .65rem
}

.appCareVersion-m-m-i {
    height: 7.875rem
}

.fix-h-v {
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.05rem;
    width: 17.5rem
}

.fix-h-v-i {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    background: #231e1f;
    border-radius: .1rem;
    height: .65rem;
    margin-right: .2rem;
    width: .2rem
}

.fix-h-v-t {
    color: #231e1f;
    font-family: PingFangSC-Semibold;
    font-size: .7rem;
    font-weight: 700
}

.fix-h-v-tips {
    color: #231e1f;
    font-size: .5rem;
    font-weight: 400;
    margin-left: .2rem;
    opacity: .5
}

.appCareVersion-fix-h-v-t {
    font-size: .8rem
}

.appCareVersion-fix-h-v-i {
    height: .75rem;
    width: .15rem
}

.appCareVersion-fix-h-v {
    height: 1.2rem
}

.m-d-legal {
    padding: .6rem .6rem 0
}

.m-d-legal_info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.m-d-legal_info_title {
    color: #999;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    font-weight: 400
}

.m-d-legal_info_content {
    color: #999;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    font-weight: 400;
    white-space: pre-line
}

.m-d-legal_info_content_warp {
    line-height: .75rem;
    margin-top: .4rem
}

.pd-tab {
    background-color: #f7f7f7;
    border-radius: .25rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.2rem;
    overflow: hidden;
    padding: .15rem;
    width: 100%
}

.pd-tab-sv {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.pd-tab-cb {
    background-color: #e40030;
    border-radius: .2rem;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0ms linear;
    transition: -webkit-transform 0ms linear;
    transition: transform 0ms linear;
    transition: transform 0ms linear, -webkit-transform 0ms linear;
    z-index: 1
}

.pd-tab-item {
    -ms-flex-negative: 0;
    display: inline-block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    z-index: 2
}

.pd-tab-item-view {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center
}

.pd-tab-item-text {
    color: #231e1f;
    font-size: .7rem;
    font-weight: 500
}

.pd-tab-item-text-active {
    color: #fff
}

.oc-pp-pc-extc {
    -ms-flex-negative: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.oc-pp-pc-extc_btn {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .6rem
}

.oc-pp-pc {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    line-height: normal;
    margin: 0 .6rem
}

.oc-pp-pc_desc {
    color: #999;
    font-size: .6rem;
    line-height: 1rem;
    padding: .6rem 0 .3rem
}

.oc-pp-pc_rh {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-top: .6rem
}

.oc-pp-pc_ctn {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.oc-pp-pc_cdp {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 4.5rem
}

.oc-pp-pc-cartb {
    bottom: 0;
    font-size: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 20
}

.oc-pp-pc-cartb_ctn {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .6rem 0 1.2rem;
    position: relative;
    z-index: 3
}

.oc-pp-pc-cartb_b {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.5rem;
    padding-left: 1.2rem;
    position: relative;
    width: 17.55rem
}

.oc-pp-pc-cartb_p {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.5rem
}

.oc-pp-pc-cartb_v {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 2
}

.oc-pp-pc-cartb_v_t {
    color: #fff;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.5rem
}

.ko-st-c-rt {
    white-space: pre-wrap
}

.oc-prom-hbk {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0
}

.oc-prom-hbk_t {
    color: #666;
    font-size: .7rem;
    line-height: 1rem;
    margin: .25rem 0 .6rem;
    text-align: center
}

.oc-prom-hbk_v {
    margin: .35rem 0 0;
    position: relative;
    z-index: 1
}

.oc-prom-hbk_v_t {
    background: #e40030;
    border-bottom-right-radius: .2rem;
    border-top-left-radius: .2rem;
    left: -.05rem;
    padding: .1rem .325rem;
    position: absolute;
    top: 0;
    z-index: 2
}

.oc-prom-hbk_v_t_t {
    color: #fff;
    font-size: .6rem;
    font-weight: 500;
    line-height: .8rem
}

.oc-prom-hbk_v_i {
    height: 4.55rem;
    width: 6.05rem
}

.prime-coupon-item {
    background: #fff;
    border-radius: .3rem;
    -webkit-box-shadow: 0 .25rem .8rem #e4e4e4;
    box-shadow: 0 .25rem .8rem #e4e4e4;
    margin: .5rem auto 0;
    width: 17.25rem
}

.prime-coupon-item__contain {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 7rem;
    width: 100%
}

.prime-contain-left__img {
    height: 5.925rem;
    margin-left: .55rem;
    margin-top: 1.05rem;
    width: 5rem
}

.prime-contain-right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding-left: .6rem;
    padding-right: .6rem;
    padding-top: .75rem;
    width: 11.1rem
}

.prime-contain-right__name {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #231e1f;
    display: -webkit-box;
    font-size: .8rem;
    font-weight: 700;
    line-height: .9rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.prime-contain-right__tags {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: .25rem
}

.prime-contain-right__discount {
    margin-top: .65rem
}

.prime-discount {
    color: #e40030;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0
}

.prime-contain-right__count {
    margin-top: .65rem
}

.prime-count {
    color: #666;
    font-size: .6rem;
    letter-spacing: 0;
    line-height: .6rem
}

.prime-red {
    color: #d0021b;
    font-size: .6rem;
    letter-spacing: 0;
    line-height: .6rem
}

.prime-contain-right__time {
    -ms-flex-pack: end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-right: 1rem
}

.prime-contain-right__time-text {
    color: #666;
    font-size: .6rem;
    letter-spacing: 0
}

.prime-dashed {
    border: .025rem dashed #e6e6e6;
    height: 0;
    width: 100%
}

.prime-coupon-item__declar {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fafafa;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    border-top: .05rem dashed #e6e6e6;
    color: #999;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: .6rem;
    height: 1.45rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    letter-spacing: 0;
    position: relative;
    width: 100%
}

.prime-declar-ico {
    height: .65rem;
    margin-left: .5rem;
    margin-right: .1rem;
    width: .65rem
}

.prime-declar-text {
    color: #999;
    font-size: .6rem;
    letter-spacing: 0;
    margin-left: .15rem
}

.prime-declar-icon {
    margin-left: .65rem
}

.prime-dot_left {
    background-color: #eaeaea;
    border-radius: .2rem;
    height: .4rem;
    left: -.2rem;
    position: absolute;
    top: -.2rem;
    width: .4rem
}

.prime-dot_right {
    background-color: #eaeaea;
    border-radius: .2rem;
    height: .4rem;
    position: absolute;
    right: -.2rem;
    top: -.2rem;
    width: .4rem
}

.prime-coupon-item-tags {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.prime-coupon-item-tag {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border: .05rem solid #ffa156;
    border-radius: .425rem;
    color: #ff7d12;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .5rem;
    height: .85rem;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: 0;
    line-height: .75rem;
    margin-right: .25rem;
    min-width: 2.7rem;
    padding: 0 .25rem;
    text-align: center
}

.prime-item-splitline {
    font-size: 0;
    line-height: normal;
    position: relative;
    z-index: 2
}

.prime-item-splitline_w {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .4rem;
    overflow: hidden;
    position: absolute;
    top: -.2rem;
    width: 100%
}

.prime-item-splitline_w_line {
    border: .025rem dashed #d8d8d8;
    border-radius: .05rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .4rem;
    position: relative;
    top: .2rem
}

.prime-item-splitline_w_l {
    left: -.2rem
}

.prime-item-splitline_w_r {
    right: -.2rem
}

.prime-item-splitline_w_l,
.prime-item-splitline_w_r {
    background-color: #eaeaea;
    border-radius: .2rem;
    height: .4rem;
    position: absolute;
    top: 0;
    width: .4rem;
    z-index: 1
}

.prime-coupon-container {
    position: relative
}

.prime-coupon-bottom {
    -ms-flex-pack: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 1rem;
    min-height: 2.2rem;
    position: absolute;
    width: 100%
}

.prime-coupon-bottom-left {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .05rem solid #ccc;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: .8rem;
    padding: .55rem 2.1rem
}

.prime-coupon-bottom-left-text {
    color: #231e1f;
    font-size: .8rem
}

.prime-coupon-bottom-right {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #e40030;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .55rem 2.5rem
}

.prime-coupon-bottom-right-text {
    color: #fff;
    font-size: .8rem
}

.prime-coupon-bottom-tip {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .65);
    border-radius: 1.25rem;
    bottom: 1.925rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 2rem;
    padding: 0 .25rem;
    position: absolute;
    z-index: 10
}

.prime-coupon-bottom-tip-toparrow {
    background-color: rgba(0, 0, 0, .65);
    bottom: -.2rem;
    height: .5rem;
    position: absolute;
    right: 2.8rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .5rem;
    z-index: -1
}

.prime-coupon-bottom-tip-rn-triangle {
    bottom: -.275rem;
    position: absolute
}

.prime-coupon-bottom-tip-text {
    color: #fff;
    font-size: .5rem
}

.time-picker-day-item {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f5f5f5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden
}

.time-picker-day-item-text {
    color: #ccc;
    font-size: .8rem
}

.time-picker-day-item-active {
    background-color: #fff;
    border-radius: 0
}

.time-picker-day-item-text-active {
    color: #333
}

.time-picker-day-item-up {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: .5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.time-picker-day-item-below {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: .5rem
}

.time-picker-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 16rem
}

.time-picker-scrollview-left {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    width: 7.5rem
}

.time-picker-scrollview-right {
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.time-picker-day-list {
    background-color: #fff;
    width: 100%
}

.ast_marquee {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff1cd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    overflow: hidden;
    padding-left: 1rem
}

.ast_marquee_icon {
    height: .65rem;
    margin-right: .2rem;
    margin-top: .025rem;
    width: .7rem
}

.ast_marquee_content {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem;
    line-height: 1rem;
    margin-top: .1rem;
    white-space: nowrap
}

.ast_marquee_content2 {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem;
    line-height: 1rem;
    margin-top: -.3rem;
    white-space: nowrap
}

.ast_marquee_text {
    color: #de6800;
    font-size: .6rem;
    line-height: 1rem
}

.ast_marquee_txt_wrapper {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem
}

.ast_marquee_android {
    margin-bottom: .4rem;
    margin-top: .05rem
}

.ast_marquee_ios {
    margin-bottom: .4rem;
    margin-top: .05rem
}

.time-picker-time-item {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    border: solid #eee;
    border-width: 0 0 .05rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.5rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 0 0 .6rem;
    padding-right: .6rem
}

.time-picker-time-item-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .4rem
}

.tpti_txt {
    color: #000;
    font-size: .7rem
}

.tpti_txt2 {
    color: #999;
    font-size: .5rem;
    margin-left: .1rem
}

.tpti_sel {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center
}

.tpti_nr {
    border: .05rem solid #ccc;
    border-radius: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1rem;
    overflow: hidden;
    pointer-events: none;
    width: 1rem
}

.tpti_d {
    height: 1rem;
    width: 1rem
}

.time-picker-time-list {
    height: 100%;
    width: 100%
}

.time-picker-time-listempty {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .8rem
}

.time-picker-time-listempty_img {
    height: 1.9rem;
    margin-bottom: .6rem;
    width: 1.75rem
}

.time-picker-time-listempty_txt2 {
    color: #999;
    display: inline-block;
    font-size: .7rem;
    line-height: 1rem;
    margin-left: .6rem
}

.as_timepicker {
    background-color: #f5f5f5;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 18.75rem;
    overflow: hidden;
    position: absolute;
    position: fixed;
    width: 100%
}

.ast-header {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3rem;
    position: relative
}

.ast-header-titles {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ast-header_title--left {
    color: #333;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin-left: .8rem
}

.ast-header_sub-title {
    color: #999;
    font-size: .6rem;
    line-height: .85rem;
    margin-left: .8rem
}

.ast-header_btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 3.5rem
}

.ast-header_btn_close {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ececec;
    border-radius: .8rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: .6rem;
    margin-right: .8rem;
    overflow: hidden;
    width: 1.6rem
}

.ast-header_btn_close_icon {
    height: .6rem;
    width: .6rem
}

.ast-header_close .ast-header_back_icon {
    height: .75rem;
    width: .8rem
}

.ast-header_back_abs {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ececec;
    border-radius: .75rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    margin-left: .6rem;
    position: absolute;
    top: .55rem;
    width: 3.7rem
}

.ast-header_back_txt {
    color: #333;
    font-size: .6rem;
    font-weight: 400;
    margin-left: .2rem
}

.ast-footer {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: 0 .1rem .75rem rgba(0, 0, 0, .12);
    box-shadow: 0 .1rem .75rem rgba(0, 0, 0, .12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 4rem;
    padding-top: .6rem;
    width: 100%
}

.ast-empty-btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #e40030;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.6rem;
    width: 10.5rem
}

.ast-empty-btn-txt {
    color: #fff;
    font-size: .8rem;
    font-weight: 700
}

.addr_empty_view {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 1rem;
    width: 100%
}

.addr_empty_view_img {
    height: 9rem;
    width: 9rem
}

.addr_empty_view_txt {
    color: #333;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.1rem
}

.store-btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden
}

.store-btn_confirm {
    background-color: #e40030;
    border-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.2rem;
    width: 8.55rem
}

.store-btn_confirm--disabled {
    opacity: .3
}

.store-btn_confirm--gray-disabled {
    background-color: #a1a1a1
}

.store-btn_confirm--large {
    width: 17.15rem
}

.store-btn-txt {
    color: #333;
    font-size: .8rem;
    line-height: 1.1rem
}

.store-btn-txt--white {
    color: #fff;
    font-weight: 500
}

.as_address-picker {
    background-color: #fff;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    width: 100%
}

.as_address-picker_s {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.as_address-picker_s::-webkit-scrollbar {
    display: none
}

.add-addrusr-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #e40030;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.45rem;
    width: 10.6rem
}

.add-addrusr-button-sweet {
    background-color: #52d2bc
}

.add-addrusr-button-kpro {
    background-color: #00b74f
}

.add-addrusr-button-text {
    color: #fff;
    font-size: .8rem;
    font-weight: 500;
    line-height: 2.2rem
}

.address-picker-footer {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    bottom: 0;
    -webkit-box-shadow: 0 .1rem .75rem rgba(0, 0, 0, .12);
    box-shadow: 0 .1rem .75rem rgba(0, 0, 0, .12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 4rem;
    left: 0;
    padding-top: .6rem;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 199
}

.addrusr-list-no-address {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 6.75rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.addrusr-list-no-address-desc {
    color: grey;
    font-size: .6rem;
    line-height: .9rem
}

.addrusr-list-no-address-btn {
    background-color: #fff;
    border: .05rem solid #e40030;
    border-radius: .2rem;
    color: #e40030;
    height: 2rem;
    line-height: 2rem;
    margin: .4rem 0;
    width: 9.5rem
}

.inline-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.full-width {
    width: 100%
}

.addrusr-list-view {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: .5rem
}

.addrusr-list-view-item {
    margin-top: .5rem
}

.cptsa-gesture-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cptsa-right-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    height: calc(100% - .025rem);
    position: absolute;
    right: 0;
    top: 0;
    top: .025rem
}

.cptsa-action-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 .8rem
}

.cptsa-action-button-text {
    color: #fff;
    font-size: .7rem
}

.cptsa-swipe-action {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    width: 100%
}

.cptsa-animated-view {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cptsa-hidden-layer {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.addrusr-list-item-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .1rem;
    position: relative;
    width: 17.65rem;
    z-index: 1
}

.addrusr-list-item-inner {
    background-color: #e40030;
    border-radius: .1rem;
    overflow: hidden;
    position: relative;
    width: 17.425rem;
    z-index: 2
}

.addrusr-list-item-inner-redK {
    background-color: #f93d66
}

.addrusr-list-item-inner-sweet {
    background-color: #52d2bc
}

.addrusr-list-item-inner-kpro {
    background-color: #00b74f
}

.addrusr-list-item-border {
    background-color: #e8e8e8;
    border-radius: .2rem;
    bottom: .05rem;
    left: .05rem;
    position: absolute;
    right: .05rem;
    top: .05rem;
    z-index: 1
}

.addrusr-list-item-border--selected {
    background-color: #e40030;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    right: 0;
    top: 0
}

.addrusr-list-item-border--selected-redK {
    background-color: #f93d66
}

.addrusr-list-item-border--selected-sweet {
    background-color: #52d2bc
}

.addrusr-list-item-border--selected-kpro {
    background-color: #00b74f
}

.addrusr-list-item-contain {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 17.45rem
}

.addrusr-list-item-selected {
    height: .9rem;
    position: absolute;
    right: -.025rem;
    top: -.025rem;
    width: .9rem;
    z-index: 9
}

.addrusr-list-item {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: .6rem;
    width: 100%
}

.addrusr-list-item-selection {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem;
    width: 1rem
}

.addrusr-list-item-select-red {
    height: 1rem;
    width: 1rem
}

.addrusr-list-item-unableselected {
    background-color: #fff;
    border: .05rem solid #979797;
    border-radius: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1rem;
    width: 1rem
}

.addrusr-list-item-body {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative
}

.addrusr-list-item-body-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 14.3rem
}

.addrusr-list-item-address {
    color: #231e1f;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.1rem;
    max-width: 12.625rem;
    overflow: hidden;
    padding-right: .5rem;
    padding-top: .625rem
}

.addrusr-list-item-address-ellipsis {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.addrusr-list-item-address-selected {
    color: #e40030
}

.addrusr-list-item-address-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden
}

.addrusr-list-item-address-detail {
    color: #999;
    font-size: .6rem;
    padding-bottom: .2rem;
    padding-right: .75rem;
    padding-top: .4rem
}

.addrusr-list-item-address-user {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: .75rem
}

.addrusr-list-item-address-user-text {
    color: #999;
    font-size: .6rem
}

.addrusr-list-item-address-tip-text {
    color: #d04040;
    font-size: .6rem
}

.addrusr-list-item-address-tag {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ffefef;
    border: .025rem solid #e40030;
    border-radius: .35rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .75rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: .75rem;
    margin-left: .425rem;
    padding-left: .2rem;
    padding-right: .2rem
}

.addrusr-list-item-address-tag-text {
    color: #e40030;
    font-size: .5rem
}

.addrusr-list-item-edit-icon {
    -ms-flex-align: end;
    -ms-flex-pack: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    width: 1.6rem;
    z-index: 9
}

.addrusr-list-item-edit-img {
    height: .95rem;
    width: .95rem
}

.addrusr-list-item-tag {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .8rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: .4rem;
    margin-right: .4rem;
    margin-top: .15rem;
    overflow: hidden;
    padding-left: .25rem;
    padding-right: .25rem
}

.addrusr-list-item-tag-txt {
    font-size: .5rem;
    font-weight: 700;
    word-break: keep-all
}

.addrusr-list-item-tag1 {
    background-color: rgba(222, 44, 57, .1)
}

.addrusr-list-item-tag-txt1 {
    color: #e40030
}

.addrusr-list-item-tag2 {
    background-color: rgba(206, 132, 26, .2)
}

.addrusr-list-item-tag-txt2 {
    color: #fc841a
}

.addrusr-list-item-tag3 {
    background-color: rgba(3, 131, 223, .1)
}

.addrusr-list-item-tag-txt3 {
    color: #0383df
}

.addrusr-list-item-tag4 {
    background-color: rgba(111, 207, 151, .2)
}

.addrusr-list-item-tag-txt4 {
    color: #6fcf97
}

.addrusr-list-item-tag5 {
    background-color: #e6e6e6
}

.addrusr-list-item-tag-txt5 {
    color: #666
}

.addrusr-list-item-line {
    background-color: #efefef;
    height: .05rem;
    width: 17.85rem
}

.k-a-c-aph {
    -ms-flex-negative: 0;
    background-color: #f5f5f5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    line-height: normal
}

.k-a-c-aph_t {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 3rem;
    padding: 0 .8rem 0 .6rem
}

.k-a-c-aph_t_l {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 0
}

.k-a-c-aph_t_l_i {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.175rem;
    margin-left: .25rem;
    margin-right: .25rem;
    width: .9rem
}

.k-a-c-aph_t_l_t {
    color: #333;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.1rem;
    min-width: 0
}

.k-a-c-aph_t_r {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.k-a-c-aph_t_r_b {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ececec;
    border-radius: .8rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    margin-right: .8rem;
    padding: 0 .5rem
}

.k-a-c-aph_t_r_b_i {
    height: .9rem;
    width: .9rem
}

.k-a-c-aph_t_r_b_t {
    color: #333;
    color: #e40030;
    font-size: .7rem;
    line-height: 1.6rem;
    margin-left: .15rem
}

.k-a-c-aph_t_r_b_t-redK {
    color: #f93d66
}

.k-a-c-aph_t_r_b_t-sweet {
    color: #52d2bc
}

.k-a-c-aph_t_r_b_t-kpro {
    color: #00b74f
}

.k-a-c-aph_t_r_x {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

.k-a-c-aph_t_r_x_x {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #ececec;
    border-radius: .8rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1.6rem
}

.k-a-c-aph_b {
    -ms-flex-negative: 0;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: 0 solid #efefef;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 2.4rem;
    padding: 0 .8rem
}

.k-a-c-aph_b_t {
    color: #231e1f;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.25rem;
    min-width: 0
}

.k-a-c-aph_b_b {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.25rem
}

.k-a-c-aph_b_b_i {
    height: .8rem;
    width: .8rem
}

.k-a-c-aph_b_b_t {
    color: #e40030;
    font-size: .7rem;
    line-height: 1.25rem;
    margin-left: .2rem
}

.kac-ap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.storePicker {
    background-color: #fff;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: fixed;
    width: 100%
}

.storePicker-header {
    background: #fff;
    padding: .6rem 0 .8rem 1rem
}

.storePicker-header-title {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    color: rgba(35, 30, 31, .5);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .6rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    line-height: .85rem
}

.storePicker-header-address {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    color: #231e1f;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .8rem;
    font-weight: 500;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    line-height: 1.12rem;
    margin-top: .1rem;
    width: 17rem
}

.storePicker-space {
    background-color: #f5f5f5;
    height: .5rem;
    width: 18.75rem
}

.store-info {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: normal;
    padding: .6rem;
    z-index: 5
}

.store-info__left {
    background-color: #ececec;
    border-radius: .2rem .2rem .5rem .5rem;
    height: 3rem;
    position: relative;
    width: 4rem
}

.store-info__right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .6rem;
    position: relative;
    width: 11.15rem;
    z-index: 2
}

.store-info__right-store {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    overflow: hidden
}

.store-info__right-store-title {
    word-break: break-all
}

.store-info__right-store-title-txt {
    color: #231e1f;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.1rem;
    min-width: 2rem
}

.store-info__right-store-title-txt--care {
    font-size: .9rem;
    line-height: 1.05rem
}

.store-info__right-store-title-txt--grey {
    color: #999
}

.store-info__right-store-title--tag {
    margin-left: .2rem
}

.store-info__right-address {
    line-height: .75rem;
    margin-top: .25rem
}

.store-info__right-address--distance {
    color: #231e1f;
    font-size: .6rem;
    font-weight: 600;
    line-height: .85rem
}

.store-info__right-address--distance-spiteLine {
    color: #999;
    font-family: PingFangSC-Regular;
    padding: 0 .15rem
}

.store-info__right-address--txt {
    color: #333;
    font-size: .6rem;
    line-height: .85rem;
    white-space: normal;
    word-break: break-all
}

.store-info__right-deliveryTime {
    line-height: .75rem;
    margin-top: .25rem
}

.store-info__right-deliveryTime--txt {
    color: rgba(35, 30, 31, .5);
    font-size: .6rem;
    line-height: .8rem;
    white-space: normal;
    word-break: break-all
}

.store-info__right-notion {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: .75rem;
    margin-top: .25rem;
    position: relative;
    text-indent: .75rem
}

.store-info__right-notion--icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: .625rem;
    left: 0;
    position: absolute;
    top: .1rem;
    top: .05rem;
    width: .625rem
}

.store-info__right-notion--gray {
    color: rgba(35, 30, 31, .5);
    font-size: .6rem;
    line-height: .8rem
}

.store-info__right-water {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 5.8rem
}

.store-info__right-water--img {
    width: 5.8rem
}

.store_tgn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: .4rem;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: .25rem;
    padding-left: .2rem;
    padding-right: .2rem
}

.store_tgn_txt {
    color: #fff;
    font-size: .5rem;
    line-height: .8rem;
    white-space: nowrap;
    word-break: keep-all
}

.store_tgn_txt--plain {
    color: #e40030
}

.store_tgn--wrapper {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .8rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden
}

.store_tgn--active {
    background-color: #e40030
}

.store_tgn--disabled {
    background-color: #858585
}

.store_tgn--yellow {
    background-color: #f78718
}

.store_tgn--plain {
    background-color: #fff0f0;
    border: 1px solid #e40030;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

span.store_tgn,
taro-text-core.store_tgn {
    position: relative;
    top: -.1rem;
    white-space: nowrap;
    word-break: keep-all
}

.storeItem {
    margin-bottom: .5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    position: relative;
    width: 17.75rem
}

.storeItem--disable {
    opacity: .5
}

.storeItem-icon {
    height: .9rem;
    position: absolute;
    right: .075rem;
    top: .075rem;
    width: .9rem;
    z-index: 3
}

.storeItem-wrap {
    padding: .1rem;
    position: relative;
    z-index: 2
}

.storeItem-inner {
    border-radius: .1rem;
    overflow: hidden;
    position: relative;
    width: 17.55rem
}

.storeItem-border {
    border: .05rem solid #e8e8e8;
    border-radius: .2rem;
    bottom: .05rem;
    left: .05rem;
    position: absolute;
    right: .05rem;
    top: .05rem
}

.storeItem-border--selected {
    border: .1rem solid #e40030;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.storeItem-border--selected-sweet {
    border: .1rem solid #52d2bc
}

.storeItem-border--selected-sweet {
    border: .1rem solid #00b74f
}

.storeItem-watermark {
    background-color: red;
    height: 5.8rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 5.8rem
}

.store_picker_header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: .9rem;
    overflow: hidden;
    position: relative
}

.store_picker_header--border {
    border: solid hsla(0, 0%, 85%, .5);
    border-width: 0 0 .025rem
}

.store_picker_header_content {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: .8rem;
    padding-right: .8rem
}

.store_picker_header_content--mr {
    padding-left: .85rem;
    padding-right: .8rem
}

.store_picker_header_content--small {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    height: 2.5rem
}

.strph_title {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.strph_icon {
    height: 1.5rem;
    margin-right: .2rem;
    width: 1.5rem
}

.strph_txt {
    color: #333;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.25rem
}

.strph_txt--small {
    font-size: .8rem;
    margin-bottom: .2rem
}

.strph_btns {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.strph_map {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ececec;
    border-radius: .8rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: .8rem;
    width: 5.15rem
}

.strph_map_img {
    height: .8rem;
    width: .8rem
}

.strph_map_txt {
    color: #333;
    font-size: .7rem;
    line-height: 1.1rem;
    margin-left: .1rem
}

.strph_close {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ececec;
    border-radius: .8rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    width: 1.6rem
}

.strph_close_img {
    height: .65rem;
    width: .65rem
}

.strph_more {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem
}

.strph_more_txt {
    color: #e40030;
    font-size: .7rem
}

.strph_more_img {
    height: .8rem;
    width: .8rem
}

.store_pop_dragger {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .9rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    width: 100%
}

.store_pop_dragger_line {
    background-color: #ddd;
    border-radius: .15rem;
    height: .3rem;
    width: 2.5rem
}

.no-store-skeleton {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%
}

.no-store-skeleton__center {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 4.4rem
}

.no-store-skeleton__center-image {
    height: 9rem;
    width: 9rem
}

.no-store-skeleton__center-txt {
    color: #231e1f;
    font-size: .8rem;
    font-weight: 500;
    margin-top: .2rem
}

.no-store-skeleton__center-btn--contain {
    background-color: #e40030;
    border: .05rem solid #e40030;
    border-radius: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.2rem;
    line-height: 0;
    margin-top: 1.9rem;
    text-align: center;
    width: 10.6rem
}

.no-store-skeleton__center-btn--contain-redK {
    background-color: #f93d66;
    border: .05rem solid #f93d66
}

.no-store-skeleton__center-btn--contain-sweet {
    background-color: #52d2bc;
    border: .05rem solid #52d2bc
}

.no-store-skeleton__center-btn--contain-kpro {
    background-color: #00b74f;
    border: .05rem solid #00b74f
}

.no-store-skeleton__center-btn--contain-txt {
    color: #fff;
    font-size: .8rem;
    line-height: 2.2rem;
    text-align: center
}

.store_popup_wrapper {
    bottom: 0;
    -webkit-box-shadow: 0 .025rem 0 hsla(0, 0%, 85%, .5);
    box-shadow: 0 .025rem 0 hsla(0, 0%, 85%, .5);
    left: 0;
    position: fixed;
    right: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

@-webkit-keyframes springish {
    0% {
        -webkit-transform: translate3d(0, 9.375rem, 0);
        transform: translate3d(0, 9.375rem, 0)
    }

    30% {
        -webkit-transform: translate3d(0, -.5rem, 0);
        transform: translate3d(0, -.5rem, 0)
    }

    80% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    90% {
        -webkit-transform: translate3d(0, -.1rem, 0);
        transform: translate3d(0, -.1rem, 0)
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes springish {
    0% {
        -webkit-transform: translate3d(0, 9.375rem, 0);
        transform: translate3d(0, 9.375rem, 0)
    }

    30% {
        -webkit-transform: translate3d(0, -.5rem, 0);
        transform: translate3d(0, -.5rem, 0)
    }

    80% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    90% {
        -webkit-transform: translate3d(0, -.1rem, 0);
        transform: translate3d(0, -.1rem, 0)
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.store_popup_wrapper.springish_up {
    -webkit-animation: springish;
    animation: springish;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(.3, 0, 0, 1);
    animation-timing-function: cubic-bezier(.3, 0, 0, 1)
}

.store_popt_animate_up {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.store_popup_wrapper.store_popt_animate_right {
    -webkit-animation: none;
    animation: none;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.store_popup_wrapper.store_popt_animate_right_down {
    -webkit-animation: none;
    animation: none;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
}

.store_popup_wrapper.store_popt_animate_up_right {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.store_popup_wrapper.store_popt_isat_right {
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
    -webkit-transition-duration: 0;
    transition-duration: 0
}

.store_popup_wrapper.store_popt_animate_reset {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition-duration: 0;
    transition-duration: 0
}

.stpp_dialog {
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 499
}

.stpp_dialog_mask {
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
    position: absolute;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    width: 100%
}

.stpp_dialog_mask.stpp_dialog_mask_fadeout {
    background-color: rgba(0, 0, 0, 0)
}

.stpp_dialog_mask.stpp_dialog_mask_fadein {
    background-color: rgba(0, 0, 0, .65)
}

.join-group-popup {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .65);
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 200
}

.join-group-popup-main {
    margin-top: -1.7rem;
    position: relative;
    width: 15.05rem
}

.join-group-popup-main-bg {
    height: 20.325rem;
    width: 15.05rem
}

.join-group-popup-main-btnClose {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.8rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 1.6rem;
    width: 1.8rem
}

.join-group-popup-main-btnClose-icon {
    height: .8rem;
    width: .8rem
}

.join-group-popup-main-qrCode {
    height: 6rem;
    left: 4.525rem;
    position: absolute;
    top: 9.375rem;
    width: 6rem
}

.join-group-popup-main-qrCode-img {
    height: 6rem;
    width: 6rem
}

.pin-popup-wrap {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.pin-popup-wrap_name {
    color: #333;
    font-size: .8rem;
    font-weight: 500
}

.pin-popup-wrap_desc {
    color: #666;
    font-size: .7rem;
    margin: .25rem 0 .5rem
}

.pin-popup-wrap_v {
    height: 7rem;
    width: 11.5rem
}

.pin-popup-wrap_v_img {
    height: 7rem;
    width: 11.5rem
}

.pre-use-tit {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .15rem
}

.pre-use-tit-centent {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    width: 13.75rem
}

.pre-use-tit-t1 {
    color: #818181;
    font-size: .7rem;
    font-weight: 400
}

.pre-use-tit-t2 {
    color: #e40030;
    font-size: .7rem;
    font-weight: 400
}

.tag-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.tag-th1-prime {
    border-radius: .1rem;
    height: .9rem;
    max-width: 6rem;
    overflow: hidden
}

.tag-th1-prime-bg {
    height: .9rem;
    position: absolute;
    width: 100%
}

.tag-th1-prime-content {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, right top, from(#f8edd6), color-stop(88%, #e9d6b2));
    background: -webkit-linear-gradient(left, #f8edd6, #e9d6b2 88%);
    background: linear-gradient(90deg, #f8edd6, #e9d6b2 88%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .9rem;
    padding-right: .1rem
}

.tag-th1-prime-img {
    border-radius: .1rem;
    height: .7rem;
    margin: .1rem;
    width: 1.1rem
}

.tag-th1-prime-text-card {
    color: #231e1f;
    font-size: .55rem;
    font-weight: 500;
    line-height: .85rem;
    line-height: .7rem
}

.tag-th1-prime-text-symbol {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    font-size: .5rem;
    font-weight: 500
}

.tag-th1-prime-text-price {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    font-size: .7rem;
    font-weight: 700;
    line-height: .9rem
}

.tag-th1-prime-text-qi {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    font-size: .45rem;
    font-weight: 500;
    line-height: .8rem
}

.tag-th2 {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: .025rem solid #d62f35;
    border-radius: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 0rem;
    max-width: 6rem;
    overflow: hidden;
    padding: .05rem
}

.tag-th2-title {
    -ms-flex-item-align: center;
    -ms-flex-negative: 0;
    -webkit-align-self: center;
    align-self: center;
    border-radius: .1rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .8rem;
    overflow: hidden;
    padding: 0 .15rem;
    position: relative;
    text-align: center
}

.tag-th2-title-l {
    left: 0;
    position: absolute;
    top: 0
}

.tag-th2-title-l-img {
    height: .8rem;
    width: 3.1rem
}

.tag-th2-title-r {
    position: absolute;
    right: 0;
    top: 0
}

.tag-th2-title-r-img {
    height: .8rem;
    width: .8rem
}

.tag-th2-title-text {
    color: #fff;
    font-family: PingFangSC-Medium;
    font-size: .5rem;
    font-weight: 500;
    line-height: .8rem;
    position: relative;
    text-align: center;
    white-space: nowrap;
    z-index: 1
}

.tag-th2-text {
    color: #d62f35;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: PingFangSC-Medium;
    font-size: .55rem;
    font-weight: 500;
    line-height: .8rem;
    margin-left: .1rem
}

.tag-th3 {
    background-color: #f2f2f2;
    border-radius: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: .9rem;
    line-height: 0;
    max-width: 6rem;
    overflow: hidden;
    padding: 0 .2rem
}

.tag-th3-text {
    color: #828282;
    font-family: PingFangSC-Medium;
    font-size: .55rem;
    font-weight: 500;
    line-height: .9rem
}

.tag-th4 {
    color: #fff;
    font-family: PingFangSC-Semibold;
    font-size: .5rem;
    line-height: .6rem
}

.tag-red {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .05rem solid #d62f35;
    border-radius: .1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: .4rem;
    line-height: 1;
    padding: .05rem .15rem;
    text-align: center
}

.tag-red-text {
    color: #d62f35;
    font-size: .4rem;
    text-align: center
}

.pre-item-warp {
    width: 100%
}

.pre-item-warp-mt {
    margin-top: .5rem
}

.pre-item-content {
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3.4rem
}

.pre-item-content-l {
    border-radius: .2rem;
    height: 1.8rem;
    margin: .7rem 0 0 .4rem;
    position: relative;
    width: 2.35rem
}

.pre-item-content-l-img {
    height: 1.8rem;
    width: 2.35rem
}

.pre-item-content-l-mask {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .05);
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.8rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.35rem
}

.pre-item-content-l-mask-inner {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    border-radius: .45rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .85rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 2.35rem
}

.pre-item-content-l-mask-txt {
    color: #fff;
    font-size: .5rem;
    line-height: .65rem
}

.pre-item-content-r {
    -ms-flex-negative: 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: .5rem 0 0 .6rem
}

.pre-item-content-r-top {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative
}

.pre-item-content-r-label {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 0;
    height: .8rem;
    line-height: 0;
    margin-right: .2rem;
    width: .8rem
}

.pre-item-content-r-label-img {
    height: 100%;
    width: 100%
}

.pre-item-content-r-card {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .8rem;
    margin-right: .2rem;
    width: 2.5rem
}

.pre-item-content-r-card-img {
    height: 100%;
    width: 100%
}

.pre-item-content-r-prime {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: .2rem
}

.pre-item-content-r-tit {
    -ms-flex-negative: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    height: .75rem;
    overflow: hidden;
    width: 9rem
}

.pre-item-content-r-tit-txt {
    font-size: .7rem;
    font-weight: 500;
    line-height: .8rem
}

.pre-item-content-r-bottom {
    -ms-flex-align: end;
    -ms-flex-pack: start;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: .5rem
}

.pre-item-content-r-bottom-icon {
    color: #e40030;
    font-size: .6rem;
    line-height: .9rem
}

.pre-item-content-r-bottom-realPrice {
    color: #e40030;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2rem
}

.pre-item-content-r-bottom-price {
    color: #999;
    font-size: .7rem;
    line-height: 1.1rem;
    line-height: .95rem;
    margin-left: .2rem;
    text-decoration: line-through;
    -webkit-text-decoration-color: #999;
    text-decoration-color: #999
}

.pre-item-tip {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -ms-flex-negative: 1;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fee4ac;
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    height: 1.4rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0 .6rem;
    position: relative;
    width: 100%;
    z-index: .1rem
}

.pre-item-tip-content {
    -ms-flex-negative: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1
}

.pre-item-tip-content-t1 {
    -ms-flex-negative: 1;
    color: #231e1f;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    font-size: .6rem;
    font-weight: 400;
    line-height: .85rem
}

.pre-item-tip-content-t2 {
    -ms-flex-negative: 1;
    color: #e40030;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    font-size: .6rem;
    font-weight: 400;
    line-height: .85rem
}

.pre-item-tip-arrow {
    background-color: #fee4ac;
    height: .5rem;
    left: 1.3rem;
    position: absolute;
    top: -.25rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .5rem;
    z-index: 1
}

.pre-use-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.pre-use-content {
    width: 13.6rem
}

.pre-border-warp {
    background-color: #f7f7f7;
    border: .1rem solid #f7f7f7;
    position: relative
}

.pre-border-warp-on {
    background-color: #fff;
    border: .1rem solid #e40030;
    border-radius: .2rem
}

.pre-use-radio {
    margin-top: -.5rem;
    position: absolute;
    right: .5rem;
    top: 50%;
    z-index: 10
}

.confilct-popup-tit {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .15rem
}

.confilct-popup-tit-txt {
    color: #818181;
    font-size: .7rem;
    font-weight: 400
}

.confilct-popup-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.confilct-popup-content {
    width: 13.6rem
}

.storage-coupon-header {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%
}

.storage-coupon-header-l {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: .75rem;
    position: absolute;
    top: .95rem;
    width: 1.6rem
}

.storage-coupon-header-title {
    color: #333;
    font-size: 1rem;
    font-weight: 400
}

.storage-coupon-warp {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .7rem 1.15rem 7.5rem
}

.storage-coupon-l {
    background-color: #fff;
    height: 8.5rem;
    position: relative;
    width: 7.9rem
}

.storage-coupon-r {
    background-color: #fff;
    height: 8.5rem;
    position: relative;
    width: 7.9rem
}

.storage-coupon-default {
    border: .1rem solid #d9d9d9;
    border-radius: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 8.5rem;
    width: 7.9rem
}

.storage-coupon-active {
    border: .1rem solid #e40030;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.storage-coupon-desabled {
    opacity: .6
}

.storage-coupon-desabled-m {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3.35rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 1.45rem;
    position: absolute;
    top: 2.9rem;
    width: 5.15rem
}

.storage-coupon-desabled-m-t {
    color: #fff;
    display: block;
    font-size: .65rem;
    font-weight: 500;
    line-height: .85rem;
    margin-bottom: .25rem
}

.storage-coupon-desabled-m-t-l {
    border: .025rem solid #fff;
    border-radius: .7rem;
    color: #fff;
    display: block;
    font-size: .65rem;
    font-weight: 500;
    line-height: .85rem;
    margin: 0 auto;
    text-align: center;
    width: 3.15rem
}

.storage-coupon-desabled-w {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border-radius: .9rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.75rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 1.45rem;
    position: absolute;
    top: 3.35rem;
    width: 5.15rem
}

.storage-coupon-desabled-w-t {
    color: #fff;
    font-size: .65rem;
    font-weight: 500;
    line-height: .85rem
}

.storage-coupon-img {
    border-radius: .3rem;
    height: 100%;
    width: 100%
}

.invalid-wrap-content {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: .75rem
}

.invalid-wrap-content-txt {
    color: #727272;
    font-size: .7rem;
    line-height: .9rem
}

.invalid-wrap-content-l {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 8.4rem
}

.invalid-wrap-content-m {
    text-align: right;
    width: 1.75rem
}

.invalid-wrap-content-r {
    color: #e40030;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .7rem;
    line-height: .9rem;
    text-align: right
}

.invalid-wrap {
    -ms-flex-pack: start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    line-height: 0;
    width: 100%
}

.invalid-wrap_t {
    color: #727272;
    font-size: .7rem;
    line-height: .9rem
}

.invalid-wrap-line {
    border: solid #d8d8d8;
    border-width: .05rem 0 0;
    margin-top: .75rem;
    padding-top: .75rem
}

.invalid-wrap-tit {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: center
}

.invalid-wrap-tit-line {
    background-color: #e40030;
    border-radius: .2rem;
    height: .7rem;
    margin-right: .25rem;
    width: .2rem
}

.invalid-wrap-tit-txt {
    color: #231e1f;
    font-size: .7rem;
    line-height: .8rem
}

.invalid-popup-title {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.1rem;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center
}

.invalid-popup-title-txt {
    color: #333;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.1rem
}

.html2r-div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.html2r-span {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.html2r-flex-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.html2r-flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.html2r-flex-row-center {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center
}

.html2r-flex-col-center {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.html2r-img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.html2r-p {
    margin: .4rem 0 0
}

.html-confirm--title_txt {
    color: #333;
    font-size: .8rem;
    font-weight: 700;
    line-height: normal
}

.html-confirm--content_txt {
    color: #666;
    font-size: .7rem;
    font-weight: 400;
    line-height: normal;
    word-break: break-word
}

.html-toast--txt {
    color: #fff;
    font-size: .7rem
}

.html-toast--img {
    height: .8rem;
    margin: 0 .1rem;
    padding: .1rem 0 0;
    width: .8rem
}

.rlg-modal-wrapper {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 888
}

.rlg-modal-wrapper-bg {
    background: rgba(0, 0, 0, .65)
}

.html-toast {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .8);
    border-radius: .4rem;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    max-width: 80%;
    padding: .6rem 1rem;
    text-align: center
}

.html-confirm-wrapper,
.html-confirm-wrapper_rn {
    background: #fff;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    line-height: normal;
    margin: 0 auto;
    position: relative;
    width: 16rem
}

.html-confirm-wrapper_rn {
    elevation: 2001;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 2001
}

.html-confirm-confirm-close {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.6rem
}

.html-confirm-confirm-close_img {
    height: .65rem;
    width: .65rem
}

.html-confirm-title_h {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .5rem;
    -webkit-justify-content: center;
    justify-content: center
}

.html-confirm-title_h_img {
    height: .5rem;
    width: 2.5rem
}

.html-confirm-title_area {
    padding: 1.2rem 1rem 0
}

.html-confirm-content_area {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: .6rem .6rem 0;
    max-height: 11.1rem;
    width: unset
}

.html-confirm-content_area_c {
    padding: 0 .6rem
}

.html-confirm-confirm-btn_area {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .8rem .8rem 1.2rem
}

.html-confirm-confirm-btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border: .05rem solid #979797;
    border-radius: 1.125rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 .4rem
}

.html-confirm-confirm-btn_txt {
    color: #d62f35;
    font-size: .8rem
}

.html-confirm-confirm-btn_white {
    border-color: #ccc
}

.html-confirm-confirm-btn_white_txt {
    color: #333
}

.html-confirm-confirm-btn_red {
    background: #d62f35;
    border-color: #d62f35
}

.html-confirm-confirm-btn_red_txt {
    color: #fff
}

.rl-cdc-text {
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .55rem;
    line-height: .9rem
}

.rl-cdc-time {
    color: #cb804b;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .55rem;
    font-weight: 700;
    line-height: .9rem;
    margin: 0 .05rem
}

.rl-cdc-img {
    height: .8rem;
    margin-left: .1rem;
    margin-top: .1rem;
    width: .8rem
}

.preOrder-luckybag-count-down {
    border-radius: 1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.preOrder-luckybag-count-down-time-box {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .7);
    border-radius: 1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: .175rem;
    padding: .1rem .8rem .1rem .4rem
}

.preOrder-luckybag-count-down-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    letter-spacing: 0;
    margin-left: .4rem;
    opacity: .9
}

.preOrder-luckybag-count-down-close {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: hsla(0, 0%, 67%, .7);
    border-radius: .35rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .7rem;
    margin-left: .3rem;
    width: .7rem
}

.preOrder-luckybag-count-down-close-img {
    height: 100%;
    width: 100%
}

.preOrder-luckybag-count-down-time {
    font-size: 0;
    height: 1rem;
    width: 1rem
}

.preOrder-luckybag-count-down-time-img {
    height: 100%;
    width: 100%
}

.rl-modal-wrap {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000
}

.rl-modal-wrap-statusbar {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}

.rl-modal-wrap-bg {
    background: rgba(0, 0, 0, .65)
}

.rl-modal-wrap-ctn {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 0%;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%
}

.p-h {
    -ms-flex-align: start;
    -ms-flex-pack: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color: #fff;
    border-bottom-color: #a7a7aa;
    border-bottom-style: solid;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.p-h-c {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative
}

.p-h-c-l {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    width: 2rem
}

.p-h-c-l-i {
    height: .95rem;
    overflow: hidden;
    width: .95rem
}

.p-h-c-c {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 2rem;
    overflow: hidden;
    position: absolute;
    right: 2rem;
    z-index: 1
}

.p-h-c-c-h {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.p-h-c-c-t {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #333;
    display: -webkit-box;
    font-size: .7rem;
    font-weight: 700;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-all
}

.p-h-c-r {
    height: 100%;
    min-width: .25rem;
    overflow: hidden;
    z-index: 2
}

.p-h-c-r-h {
    height: 100%;
    width: 4.3rem
}

.cpt-d-view {
    background-color: rgba(0, 0, 0, .65);
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1001
}

.cpt-d-header-view {
    position: absolute;
    width: 100%;
    z-index: 99
}

.cpt-d-content-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative
}

.cpt-d-content-box-bottom {
    z-index: 10
}

.cpt-d-scroll-view {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    position: relative
}

.cpt-d-scroll-view-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.cpt-d-scroll-view-content-top-hold {
    width: 100%
}

.cpt-d-scroll-view-content-content {
    background-color: #fff;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.cpt-d-scroll-view-content-content-icon-view {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    width: 3rem;
    z-index: 20
}

.cpt-d-scroll-view-content-content-icon-view-img {
    height: 1.5rem;
    width: 1.5rem
}

.cpt-d-scroll-view-content-bottom-hold {
    background-color: #fff;
    bottom: 0;
    margin-top: -.025rem;
    min-height: 6rem;
    width: 100%
}

.rl-move-animated {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    width: 100%
}

.rl-mc {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.rl-mc-warp {
    border-radius: 1.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 3.5rem;
    padding: 0 1rem;
    width: 17.5rem
}

.rl-mc-warp-context {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    position: relative
}

.rl-mc-warp-context-c {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%
}

.rl-mc-warp-context-c-img {
    height: 100%;
    width: 100%
}

.rl-mc-warp-context-c-img-w {
    height: 2rem;
    position: relative;
    width: 2rem
}

.rl-mc-warp-context-c-img-count {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    -webkit-justify-content: center;
    justify-content: center;
    left: 100%;
    position: absolute;
    top: .15rem;
    width: 0;
    z-index: 2
}

.rl-mc-warp-context-c-img-count-w {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #333;
    border-radius: .5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute
}

.rl-mc-warp-context-c-img-count-t {
    color: #fff;
    font-family: HelveticaNeue-Bold;
    font-size: .65rem;
    font-weight: 700;
    line-height: 0
}

.rl-mc-warp-context-c-img-count-t-w {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 .2rem;
    min-width: .6rem
}

.rl-mc-warp-context-p {
    color: #fff;
    font-family: HelveticaNeue-Bold;
    font-size: 1.1rem;
    font-weight: 700
}

.rl-mc-warp-context-p-w {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: .8rem;
    width: 7.85rem
}

.rl-mc-warp-context-p-s {
    color: #fff;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    font-weight: 400
}

.rl-mc-warp-context-animated {
    height: 100%;
    position: absolute;
    width: 100%
}

.rl-mc-warp-red {
    background-color: #d62f35
}

.rl-mc-warp-grey {
    background-color: #bfbfbf
}

.rl-mc-warp-white {
    color: #fff;
    font-family: PingFangSC-Semibold;
    font-size: .9rem;
    font-weight: 600
}

.rl-mc-warp-white_sub {
    color: #fff;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    font-weight: 400
}

.rl-mc-warp-white_warp {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 3rem;
    -webkit-justify-content: center;
    justify-content: center
}

.rl-mc-bottom {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 0;
    width: 100%
}

.rl-mc-bottom-iphonex {
    height: 1.35rem
}

.rl-mc-bottom-def {
    height: .75rem
}

.rl-pi {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #ffe0a3;
    border-radius: .7rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 1.4rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .2rem 0;
    opacity: .9;
    overflow: hidden;
    padding: 0 .5rem;
    position: relative;
    width: 17.5rem
}

.rl-pi-t {
    color: #333;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    font-weight: 400
}

.rl-mcw {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    left: 0;
    line-height: normal;
    position: absolute;
    width: 100%
}

.rl-mcw-w {
    position: relative;
    z-index: 2
}

.rl-mcw-t {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .4rem .625rem .3rem
}

.rl-mcw-t-text {
    color: #999;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: .85rem;
    text-align: center
}

.rl-mcw-bg {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.rl-m-d-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 .6rem
}

.rl-m-d-header_imgbox {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1rem
}

.rl-m-d-header_img {
    height: 12rem;
    width: 16rem
}

.rl-m-d-header_title {
    margin: 2.4rem 0 0
}

.rl-m-d-header_title_txt {
    color: #333;
    font-family: PingFangSC-Semibold;
    font-size: 1.1rem;
    font-weight: 700;
    overflow: hidden
}

.rl-m-d-header_tags {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: .4rem
}

.rl-m-d-header_tags_tag {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: .2rem
}

.rl-m-d-header_detail {
    margin: .7rem 0
}

.rl-mdl {
    padding: 1.2rem .6rem 0
}

.rl-mdl_info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.rl-mdl_info_title {
    color: #999;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    font-weight: 400
}

.rl-mdl_info_content {
    color: #999;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    font-weight: 400;
    white-space: pre-line
}

.rl-mdl_info_content_warp {
    margin-top: .4rem
}

.rl-mdb {
    -ms-flex-negative: 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.rl-mm-gh {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .95rem;
    margin-top: 1.2rem
}

.rl-mm-gh-icon {
    background: #333;
    border-radius: .1rem;
    height: .65rem;
    margin-right: .2rem;
    width: .2rem
}

.rl-mm-gh-title {
    color: #333;
    font-family: PingFangSC-Semibold;
    font-size: .7rem;
    font-weight: 700
}

.appCareVersion-rl-mm-gh-title {
    font-size: .85rem
}

.appCareVersion-rl-mm-gh {
    height: 1.05rem
}

.rl-element-context {
    z-index: 10
}

.rl-element-context-bg {
    background-color: #fff;
    overflow: hidden
}

.rl-element-context-sticky {
    position: -webkit-sticky;
    position: sticky
}

.rl-element-context-border {
    shadow-color: rgba(0, 0, 0, .12);
    shadow-radius: .25rem;
    shadow-opacity: 1;
    elevation: 1;
    background-color: #fff;
    border-radius: 0 0 .6rem .6rem;
    height: 2rem
}

.rl-element-context-border-wrapper {
    -ms-flex-pack: end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: .6rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    z-index: -1
}

.rl-element-context-shadow {
    -webkit-box-shadow: 0 .2rem .3rem 0 rgba(0, 0, 0, .08);
    box-shadow: 0 .2rem .3rem 0 rgba(0, 0, 0, .08)
}

.rl-element-context-context {
    background-color: transparent
}

.rl-size-expand {
    overflow: hidden;
    position: relative
}

.rl-size-expand-cnt {
    position: relative;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.rl-mmisw {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.3rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: .6rem
}

.rl-mmisw-left {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: .65rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-right: .55rem;
    overflow: hidden
}

.rl-mmisw-left-icon {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .6rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .05rem;
    overflow: hidden;
    width: 1.2rem
}

.rl-mmisw-left-icon-img {
    height: 100%;
    width: 100%
}

.rl-mmisw-left-text {
    color: #333;
    font-family: PingFangSC-Medium;
    font-size: .7rem;
    font-weight: 500;
    margin-left: .2rem;
    max-width: 9.5rem;
    overflow: hidden
}

.rl-mmisw-left-num {
    -ms-flex-negative: 0;
    color: #333;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-family: PingFangSC-Medium;
    font-size: .7rem;
    font-weight: 500;
    margin-left: .2rem
}

.rl-mmisw-left-close {
    -ms-flex-negative: 0;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1.6rem
}

.rl-mmisw-left-close-img {
    height: .45rem;
    width: .45rem
}

.rl-mm-i {
    border: .05rem solid transparent;
    border-radius: .5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 7.4rem;
    margin-top: .65rem;
    overflow: hidden;
    position: relative;
    width: 5.6rem
}

.rl-mm-i-cnt {
    -ms-flex-negative: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    width: 100%
}

.rl-mm-i-border {
    border-color: #eee
}

.rl-mm-i-rbtn {
    border-radius: .5rem;
    height: 1rem;
    pointer-events: none;
    position: absolute;
    right: .2rem;
    top: .2rem;
    width: 1rem;
    z-index: 1
}

.rl-mm-i-rbtn-bg {
    border: none
}

.rl-mm-i-rbtn-bd {
    border: .05rem solid #e7e7e7
}

.rl-mm-i-rbtn-img {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem
}

.rl-mm-i-img {
    height: 4.2rem;
    width: 5.6rem
}

.rl-mm-i-title {
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .2rem .25rem 0
}

.rl-mm-i-title-text {
    color: #000;
    font-size: .5rem;
    font-weight: 500
}

.rl-mm-i-ops {
    -ms-flex-pack: end;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-bottom: .1rem;
    position: relative
}

.rl-mm-i-ops-ctr {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.rl-mm-i-ops-but {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: .15rem;
    width: 4.6rem
}

.rl-mm-i-ops-price {
    color: #d62f35;
    font-size: .5rem;
    font-weight: 500;
    height: .6rem;
    line-height: .6rem
}

.rl-mm-i-ops-price-warp {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    left: 0;
    position: absolute
}

.rl-mm-i-ops-price-tr {
    margin-left: .15rem
}

.rl-mm-i-ops-price-tr-t {
    color: #999;
    font-size: .5rem;
    font-weight: 400;
    margin-left: .25rem;
    text-decoration: line-through;
    -webkit-text-decoration-color: #999;
    text-decoration-color: #999
}

.rl-mm-i-ops-disable {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #e6e6e6;
    border-radius: .55rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.1rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 3.1rem
}

.rl-mm-i-ops-disable-t {
    color: #999;
    font-size: .5rem;
    font-weight: 500
}

.appCareVersion-rl-mm-i {
    height: 7.75rem
}

.appCareVersion-rl-mm-i-ops-price {
    font-size: .65rem
}

.appCareVersion-rl-mm-i-ops-price-tr-t {
    font-size: .65rem
}

.appCareVersion-rl-mm-i-title-text {
    font-size: .65rem
}

.rl-mubw {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border: .05rem solid #ccc;
    border-radius: .575rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.15rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 3.3rem
}

.rl-mubw-text {
    color: #333;
    font-family: PingFangSC-Medium;
    font-size: .6rem;
    font-weight: 500
}

.rl-mubw-arrow {
    border: 0 solid #333;
    height: .25rem;
    margin-left: .3rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .25rem
}

.rl-mubw-arrow-up {
    border-left-width: .025rem;
    border-top-width: .025rem
}

.rl-mubw-arrow-down {
    border-bottom-width: .025rem;
    border-right-width: .025rem
}

.rl-mm-ig {
    padding: 0 .6rem
}

.rl-mm-ig-sel {
    background-color: #fff
}

.rl-mm-ig-sel_item {
    overflow: hidden
}

.rl-mm-ig-items {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.rl-mm-ig-unfold {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center
}

.rl-mm-ig-unfold-warp {
    margin-top: .6rem
}

.preOrder-luckybag-small {
    bottom: 10.5rem;
    height: 4.5rem;
    position: absolute;
    width: 4.5rem;
    z-index: 20
}

.preOrder-luckybag-smallSmall {
    right: -.575rem
}

.preOrder-luckybag-small-context {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.preOrder-luckybag-small-context__img {
    height: 4.5rem;
    width: 4.5rem
}

.vibrateAM {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: vibrateAnimation;
    animation-name: vibrateAnimation
}

@-webkit-keyframes vibrateAnimation {

    0%,
    80% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    82% {
        -webkit-transform: translateY(-.05rem);
        transform: translateY(-.05rem)
    }

    84% {
        -webkit-transform: translate(.05rem, -.05rem);
        transform: translate(.05rem, -.05rem)
    }

    86% {
        -webkit-transform: translate(.05rem);
        transform: translate(.05rem)
    }

    88% {
        -webkit-transform: translate(.05rem, .05rem);
        transform: translate(.05rem, .05rem)
    }

    90% {
        -webkit-transform: translateY(.05rem);
        transform: translateY(.05rem)
    }

    92% {
        -webkit-transform: translate(-.05rem, .05rem);
        transform: translate(-.05rem, .05rem)
    }

    94% {
        -webkit-transform: translate(-.05rem);
        transform: translate(-.05rem)
    }

    96% {
        -webkit-transform: translate(-.05rem, -.05rem);
        transform: translate(-.05rem, -.05rem)
    }

    98% {
        -webkit-transform: translateY(-.05rem);
        transform: translateY(-.05rem)
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes vibrateAnimation {

    0%,
    80% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    82% {
        -webkit-transform: translateY(-.05rem);
        transform: translateY(-.05rem)
    }

    84% {
        -webkit-transform: translate(.05rem, -.05rem);
        transform: translate(.05rem, -.05rem)
    }

    86% {
        -webkit-transform: translate(.05rem);
        transform: translate(.05rem)
    }

    88% {
        -webkit-transform: translate(.05rem, .05rem);
        transform: translate(.05rem, .05rem)
    }

    90% {
        -webkit-transform: translateY(.05rem);
        transform: translateY(.05rem)
    }

    92% {
        -webkit-transform: translate(-.05rem, .05rem);
        transform: translate(-.05rem, .05rem)
    }

    94% {
        -webkit-transform: translate(-.05rem);
        transform: translate(-.05rem)
    }

    96% {
        -webkit-transform: translate(-.05rem, -.05rem);
        transform: translate(-.05rem, -.05rem)
    }

    98% {
        -webkit-transform: translateY(-.05rem);
        transform: translateY(-.05rem)
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.showAM {
    -webkit-animation: showAnimation .2s;
    animation: showAnimation .2s
}

@-webkit-keyframes showAnimation {
    0% {
        right: -2.3rem
    }

    100% {
        right: .2rem
    }
}

@keyframes showAnimation {
    0% {
        right: -2.3rem
    }

    100% {
        right: .2rem
    }
}

.hideAM {
    -webkit-animation: hideAnimation .2s;
    animation: hideAnimation .2s
}

@-webkit-keyframes hideAnimation {
    0% {
        right: .2rem
    }

    100% {
        right: -2.3rem
    }
}

@keyframes hideAnimation {
    0% {
        right: .2rem
    }

    100% {
        right: -2.3rem
    }
}

.preOrder-luckybag-pop-mask {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

.preOrder-luckybag-pop-wapper {
    background: #ce2f3a;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 1.4rem 0 rgba(255, 160, 80, .5);
    box-shadow: 0 0 1.4rem 0 rgba(255, 160, 80, .5);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -5%;
    width: 76%
}

.preOrder-luckybag-pop-title {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 1rem 1rem 0 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: 0;
    padding: 1rem 0 .5rem;
    position: relative;
    text-align: center;
    text-shadow: 0 .1rem .2rem rgba(0, 0, 0, .22);
    z-index: 0
}

.preOrder-luckybag-pop-title__img {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.preOrder-luckybag-pop-title__text {
    color: #fad7a1;
    font-family: PingFangSC-Semibold;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    width: 87.36%
}

.preOrder-luckybag-pop-subtitle__text {
    color: #fad7a1;
    font-family: PingFangSC-Medium;
    font-size: .6rem;
    font-weight: 500;
    margin-top: .15rem;
    text-align: center;
    width: 87.36%
}

.preOrder-luckybag-pop-scroll-wrapper {
    max-height: 10.6385rem
}

.preOrder-luckybag-pop-scroll-item {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border: .025rem solid hsla(0, 0%, 56%, .02);
    border-radius: .25rem;
    -webkit-box-shadow: .025rem .05rem .15rem .025rem rgba(0, 0, 0, .06);
    box-shadow: .025rem .05rem .15rem .025rem rgba(0, 0, 0, .06);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3.3rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto .25rem;
    width: 87.5%
}

.preOrder-luckybag-pop-scroll-item-left {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .025rem solid #eee;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .6rem;
    padding: .05rem;
    position: relative
}

.preOrder-luckybag-pop-scroll-item-left__img {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 2.5rem
}

.preOrder-luckybag-pop-scroll-item-left_v_t {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #d62f35;
    border-radius: .375rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .75rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: -.25rem;
    line-height: .75rem;
    padding: 0 .25rem;
    position: absolute;
    top: -.125rem;
    width: auto
}

.preOrder-luckybag-pop-scroll-item-left__text {
    color: #fffeff;
    font-size: .4rem;
    text-align: center
}

.preOrder-luckybag-pop-scroll-item-right {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.preOrder-luckybag-pop-scroll-item-info {
    -ms-flex-pack: distribute;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: 0 .2rem;
    width: 5.25rem
}

.preOrder-luckybag-pop-scroll-item-info-limit {
    background-color: rgba(214, 47, 53, .1);
    border-radius: .15rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: .05rem .1rem
}

.preOrder-luckybag-pop-scroll-item-info-limit-text {
    color: #d62f35;
    font-family: PingFangSC-Medium;
    font-size: .4rem;
    font-weight: 500
}

.preOrder-luckybag-pop-scroll-item-info-name {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    overflow: hidden
}

.preOrder-luckybag-pop-scroll-item-info-name-text {
    color: #323434;
    font-size: .6rem;
    font-weight: 700;
    line-height: .9rem;
    text-align: left
}

.preOrder-luckybag-pop-scroll-item-info-price {
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: .7rem;
    font-weight: 700;
    padding-top: .1rem;
    text-align: left
}

.preOrder-luckybag-pop-scroll-item-info-price-big__text {
    color: #d62f35;
    font-weight: 700;
    line-height: 1rem
}

.preOrder-luckybag-pop-scroll-item-info-price-small__text {
    color: #999;
    font-size: .5rem;
    font-weight: 700;
    line-height: .8rem;
    margin-left: .1rem;
    text-decoration: line-through;
    -webkit-text-decoration-color: #999;
    text-decoration-color: #999
}

.preOrder-luckybag-pop-scroll-item-count {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    line-height: 0;
    padding-right: .5rem
}

.preOrder-luckybag-pop-scroll-item-count-number {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .8rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1.1rem
}

.preOrder-luckybag-pop-scroll-item-count-number-text {
    color: #323434;
    font-size: .7rem;
    line-height: .8rem
}

.preOrder-luckybag-pop-scroll-item-count-icon {
    height: .8rem;
    width: .8rem
}

.preOrder-luckybag-pop-tips {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: 0;
    margin: .25rem auto;
    opacity: .9;
    width: 87.36%
}

.preOrder-luckybag-pop-tips__text {
    color: #fffeff;
    font-size: .55rem;
    line-height: .8rem;
    text-align: left
}

.preOrder-luckybag-pop-buy {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: .25rem auto 0;
    width: 87.5%
}

.preOrder-luckybag-pop-buy-all {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fdd063;
    border-radius: 1.15rem;
    -webkit-box-shadow: 0 .45rem .6rem 0 rgba(114, 13, 17, .28), inset 0 -.35rem .4rem 0 hsla(0, 0%, 100%, .22), inset 0 .45rem .65rem 0 hsla(0, 0%, 100%, .5);
    box-shadow: 0 .45rem .6rem 0 rgba(114, 13, 17, .28), inset 0 -.35rem .4rem 0 hsla(0, 0%, 100%, .22), inset 0 .45rem .65rem 0 hsla(0, 0%, 100%, .5);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.9rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 60%
}

.preOrder-luckybag-pop-buy-all__text {
    color: #a54a31;
    font-size: .75rem;
    letter-spacing: 0
}

.preOrder-luckybag-pop-buy-ok {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #d9494e;
    border-radius: 1.15rem;
    -webkit-box-shadow: 0 .45rem .6rem 0 rgba(114, 13, 17, .28), inset 0 -.35rem .4rem 0 hsla(0, 0%, 100%, .22), inset 0 .45rem .65rem 0 hsla(0, 0%, 100%, .5);
    box-shadow: 0 .45rem .6rem 0 rgba(114, 13, 17, .28), inset 0 -.35rem .4rem 0 hsla(0, 0%, 100%, .22), inset 0 .45rem .65rem 0 hsla(0, 0%, 100%, .5);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.9rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 35%
}

.preOrder-luckybag-pop-buy-ok__text {
    color: #fffeff;
    font-size: .75rem;
    letter-spacing: 0
}

.preOrder-luckybag-pop-footer {
    -ms-flex-pack: center;
    border-radius: 0 0 1rem 1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.7rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 0
}

.preOrder-luckybag-pop-footer__img {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.preOrder-luckybag-pop-close {
    -ms-flex-pack: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 0 auto;
    position: relative;
    top: -2.5rem;
    width: 76%
}

.preOrder-luckybag-pop-close__img {
    height: 1.5rem;
    width: 1.5rem
}

.preOrder-luckybag-pop-bottom {
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 18.75rem;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 18.75rem;
    z-index: -1
}

.index-module__desc___hw6CN {
    color: #999;
    font-size: .6rem;
    line-height: .9rem
}

.index-module__descRed___UOBrE {
    color: #e40030;
    font-size: .6rem;
    font-weight: 700;
    line-height: .9rem
}

.index-module__radio___a1bhW {
    margin-right: .4rem;
    margin-top: .075rem
}

.index-module__radioWrapper___BNu64 {
    margin-left: -.25rem;
    margin-top: -.25rem;
    padding-left: .25rem;
    padding-top: .25rem
}

.index-module__flex1___OeqoI {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.popup-bg {
    background-color: rgba(0, 0, 0, .65);
    bottom: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: height 0ms .3s, opacity .3s 0ms;
    transition: height 0ms .3s, opacity .3s 0ms;
    width: 100vw;
    z-index: 100
}

.popup-bg-show {
    height: 100vh;
    opacity: 1;
    -webkit-transition: height 0ms 0ms, opacity .3s 0ms;
    transition: height 0ms 0ms, opacity .3s 0ms
}

.index-module__fullScreen___cAOTS {
    z-index: 101
}

.index-module__popBox___qoEnh {
    background-color: #fff;
    border-radius: .4rem;
    padding: 0 1.2rem 1.2rem;
    width: 13.6rem
}

.index-module__desc___Eu8fP {
    color: #666;
    font-size: .7rem
}

.index-module__descRed___feZRq {
    color: #e40030;
    font-size: .7rem;
    font-weight: 500;
    font-weight: 700
}

.index-module__dotBox___rGTVP {
    margin-bottom: 1.2rem;
    width: 2.5rem
}

.index-module__dot___XzKYV {
    background-color: #e40030;
    height: .5rem;
    width: .5rem
}

.index-module__w256___Z0aUB {
    width: 6.4rem
}

.index-module__mt48___JlLSd {
    margin-top: 1.2rem
}

.index-module__buttonTextSize___TrUyV {
    font-size: .8rem;
    font-weight: 700
}

.index-module__buttonTextColorDark___AncSC {
    color: #333
}

.index-module__buttonTextColor___pO71J {
    color: #fff
}

.index-module__inputBox___FkQyv {
    border-bottom: .05rem solid #e5e5e5;
    height: 2.75rem
}

.index-module__input___JZ0M0 {
    color: #231e1f;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .8rem;
    height: 1.5rem;
    line-height: 1.5rem
}

.index-module__xBox___O6hlT {
    background: #ccc;
    border-radius: .35rem;
    height: .7rem;
    width: .7rem
}

.index-module__xBoxWrapper___lrQ1X {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1.5rem;
    position: relative;
    width: 1.5rem;
    z-index: 8
}

.index-module__right___DkWt2 {
    margin-left: .8rem
}

.white-theme {
    background-color: none;
    border: solid #d8d8d8;
    border-width: 0 0 .025rem;
    color: #333;
    height: 1.7rem;
    line-height: 1.7rem;
    margin-top: .5rem;
    width: 100%
}

.white-theme::-webkit-input-placeholder {
    color: #999
}

.white-theme::-moz-placeholder {
    color: #999
}

.white-theme:-ms-input-placeholder {
    color: #999
}

.white-theme::-ms-input-placeholder {
    color: #999
}

.white-theme::placeholder {
    color: #999
}

.white-theme-input-placeholder {
    color: #ccc
}

.white-theme-input {
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .8rem;
    height: 1.7rem;
    line-height: 1.7rem;
    padding: 0 .75rem;
    width: 100%
}

.index-module__box___IuOG2 {
    border-top: .05rem solid #f8f8f8
}

.index-module__titleBox___SsqsE {
    margin: 2rem 0 1rem 1.2rem
}

.index-module__titleBoxPopup___IzIfv {
    margin: 0 0 .5rem 1.2rem
}

.index-module__title____gQG4 {
    color: #231e1f;
    font-size: 1.3rem;
    font-weight: 500
}

.index-module__w654___Okg2Y {
    width: 16.35rem
}

.index-module__h88___QP09C {
    height: 2.2rem
}

.index-module__mt48___WiE5u {
    margin-top: 1.2rem
}

.index-module__mt95___x7gTe {
    margin-top: 2.375rem
}

.index-module__buttonTextSize___N9vJ5 {
    font-size: .8rem;
    font-weight: 700
}

.index-module__buttonTextColor___wq6Sb {
    color: #fff
}

.index-module__buttonTextColorDark___uE75d {
    color: #231e1f
}

.index-module__codeButton___gNzMF {
    border: .025rem solid #e40030;
    border-radius: .2rem;
    height: 1.4rem;
    width: 3.8rem
}

.index-module__codeButtonWrapper___Jkafz {
    height: 1.45rem;
    padding-top: .025rem
}

.index-module__codeButtonDisabled___kcLYI {
    border: .025rem solid #ccc
}

.index-module__codeButtonText___wgU2W {
    color: #e40030;
    font-size: .6rem
}

.index-module__codeButtonTextColorDisabled___z1hnd {
    color: #ccc
}

.index-module__box___lorou {
    border-top: .05rem solid #f8f8f8
}

.index-module__logo___HfSwk {
    height: 5rem;
    margin-bottom: 1.8rem;
    margin-top: 3rem;
    width: 5rem
}

.index-module__logoPopup___Cs8um {
    height: 5rem;
    margin-bottom: 1.6rem;
    width: 5rem
}

.index-module__w654___lqk3Q {
    width: 16.35rem
}

.index-module__h88___RsgYQ {
    height: 2.2rem
}

.index-module__mt48___P1pac {
    margin-top: 1.2rem
}

.index-module__mt58___B2ixk {
    margin-top: 1.45rem
}

.index-module__mb48___yfQ8P {
    margin-bottom: 1.2rem
}

.index-module__buttonTextSize___A4HVJ {
    font-size: .8rem;
    font-weight: 700
}

.index-module__buttonTextColor___lnUPQ {
    color: #fff
}

.index-module__buttonTextColorDark___m5uW4 {
    color: #666
}

.index-module__buttonTextColorGray___BmMmC {
    color: #666
}

.index-module__f28___AnF0C {
    font-size: .7rem
}

.index-module__skip___TDUr4 {
    color: #231e1f;
    font-size: .6rem;
    position: absolute;
    right: 1.2rem;
    top: .8rem
}

.index-module__mt72___mIy9L {
    margin-top: 1.8rem
}

.index-module__button___izJCi {
    background: none;
    border: none;
    border-radius: .2rem
}

.index-module__button___izJCi::after {
    border: none
}

.index-module__x___Ggyi2 {
    background: #ececec;
    border-radius: 50%
}

.index-module__box___kpk1S {
    height: 3rem;
    padding: 0 .8rem 0 .3rem
}

.index-module__x___IMq46 {
    background: #ececec;
    border-radius: .8rem
}

.index-module__disp___P4ZY4 {
    display: none
}

.index-module__pt40___psUPs {
    padding-top: 1rem
}

.g-c-ap-ai {
    border: .05rem solid transparent;
    border-radius: .6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    margin-bottom: .55rem;
    padding: .6rem
}

.g-c-ap-ai_bc_red {
    border-color: #d62f35
}

.g-c-ap-ai_bc_gray {
    border-color: #efefef
}

.g-c-ap-ai_t {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.g-c-ap-ai_t_r {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.g-c-ap-ai_t_r_t {
    -ms-flex-negative: 1;
    color: #333;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.1rem
}

.g-c-ap-ai_t_r_tg {
    -ms-flex-negative: 0;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.1rem
}

.g-c-ap-ai_t_r_tg_b {
    border-radius: .4rem;
    border-bottom-left-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: .2rem;
    padding: 0 .3rem
}

.g-c-ap-ai_t_r_tg_b_t {
    color: #fff;
    font-size: .5rem;
    line-height: .8rem
}

.g-c-ap-ai_t_d {
    -ms-flex-negative: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: .7rem;
    font-weight: 500;
    line-height: 1.1rem;
    min-width: 2.75rem;
    padding-left: 1rem
}

.g-c-ap-ai_b {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: .15rem
}

.g-c-ap-ai_b_l {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.g-c-ap-ai_b_l_st {
    color: #999;
    font-size: .6rem;
    line-height: .8rem;
    margin-top: .25rem
}

.g-c-ap-ai_b_l_wt {
    color: #333;
    font-size: .6rem;
    line-height: .8rem;
    margin-top: .25rem
}

.g-c-ap-ai_b_r {
    -ms-flex-negative: 0;
    -ms-flex-pack: justify;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-width: 2.75rem;
    padding-left: 1rem
}

.g-c-ap-ai_b_r_i {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.g-c-ap-ai_b_r_i_i {
    height: 1rem;
    width: 1rem
}

.g-c-ap_t {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ececec;
    border-radius: .8rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 .8rem 0 0;
    padding: 0 .725rem
}

.g-c-ap_t_i {
    height: .8rem;
    margin-right: .1rem;
    width: .8rem
}

.g-c-ap_t_t {
    color: #333;
    font-size: .7rem;
    line-height: 1.6rem
}

.g-c-ap_s {
    height: 16.5rem
}

.g-c-ap_s::-webkit-scrollbar {
    display: none
}

.g-c-ap_s_p {
    padding: .825rem .6rem 0
}

.canvas-container {
    height: 0;
    overflow: hidden;
    width: 0
}

.animatedViewBounceIn {
    opacity: .5;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.oc-cc-ct {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    left: 0;
    line-height: normal;
    position: absolute;
    position: fixed;
    z-index: 94
}

.oc-cc-ct_bg {
    height: 3.35rem;
    width: 12.5rem
}

.nb-tlg_t {
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text
}

.nb-tlg_rn {
    position: relative;
    z-index: 0
}

.nb-tlg_rn_t {
    opacity: 0
}

.nb-tlg_rn_a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.oc-m-ptp {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    left: .625rem;
    line-height: 1;
    margin-bottom: .6rem;
    position: absolute;
    position: fixed;
    z-index: 80
}

.oc-m-ptp_t {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .8rem;
    left: 0;
    position: absolute;
    top: -.725rem;
    z-index: 3
}

.oc-m-ptp_t_c {
    background: #f4dcb3;
    border: 0;
    border-top-left-radius: .2rem;
    padding-left: .3rem;
    position: relative;
    z-index: 2
}

.oc-m-ptp_t_c_c {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: .05rem
}

.oc-m-ptp_t_c_c_i {
    border-radius: .1rem;
    margin: .125rem .2rem 0 0;
    overflow: hidden
}

.oc-m-ptp_t_c_c_i_i {
    height: .668rem;
    width: 1.05rem
}

.oc-m-ptp_t_c_c_t {
    color: #7f4e03;
    font-size: .65rem;
    font-weight: 600;
    height: .9rem;
    line-height: .9rem
}

.oc-m-ptp_t_i {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .75rem;
    left: -.175rem;
    position: relative;
    width: 1rem;
    z-index: 1
}

.oc-m-ptp_br {
    border-radius: .4rem
}

.oc-m-ptp_v {
    border-top-left-radius: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 3.65rem;
    overflow: hidden;
    position: relative;
    width: 10.65rem;
    z-index: 2
}

.oc-m-ptp_v_bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.oc-m-ptp_v_c {
    border: .25rem solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 0;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.oc-m-ptp_v_c_cc {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 0;
    padding: .475rem .325rem
}

.oc-m-ptp_v_c_i {
    position: relative;
    z-index: 1
}

.oc-m-ptp_v_c_i_p {
    -ms-flex-align: start;
    -ms-flex-pack: end;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 0;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    left: 1.1rem;
    position: absolute;
    top: .25rem;
    width: 7.5rem;
    z-index: 3
}

.oc-m-ptp_v_c_i_c {
    border-radius: 1.1rem;
    overflow: hidden
}

.oc-m-ptp_v_c_i_c_i {
    height: 2.2rem;
    width: 2.2rem
}

.oc-m-ptp_v_c_c {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .4rem;
    min-width: 0;
    -webkit-transform: translateY(-.1rem);
    -ms-transform: translateY(-.1rem);
    transform: translateY(-.1rem)
}

.oc-m-ptp_v_c_c_t {
    color: #231e1f;
    font-size: .7rem;
    font-weight: 600;
    line-height: 1rem
}

.oc-m-ptp_v_c_c_d {
    color: #999;
    font-size: .5rem;
    line-height: .7rem;
    margin-top: .1rem
}

.oc-m-ptp_v_c_c_d_red {
    color: #e40030;
    font-weight: 500
}

.oc-m-ptp_v_c_r {
    height: 1.1rem;
    margin-right: .05rem;
    pointer-events: none;
    width: 2.3rem
}

.oc-m-ptp_b {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: .025rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 0;
    left: 1.6rem;
    position: absolute;
    width: 0;
    z-index: 2
}

.oc-m-ptp_b_i {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .45rem;
    width: 1.2rem
}

.oc-m-cptp {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    left: .625rem;
    line-height: 1;
    position: absolute;
    position: fixed;
    z-index: 85
}

.oc-m-cptp_v {
    background: #e40030;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 2
}

.oc-m-cptp_v_c {
    background: #fff;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: .2rem;
    overflow: hidden
}

.oc-m-cptp_v_c_l {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.oc-m-cptp_v_c_l_i {
    height: 3.15rem;
    width: 3.15rem
}

.oc-m-cptp_v_c_c {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 0;
    z-index: 2
}

.oc-m-cptp_v_c_c_c {
    -ms-flex-negative: 0;
    background: #e40030;
    border-radius: .175rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .35rem;
    position: relative;
    width: .35rem;
    z-index: 2
}

.oc-m-cptp_v_c_c_l {
    top: -.175rem
}

.oc-m-cptp_v_c_c_ln {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 0
}

.oc-m-cptp_v_c_c_ln_l {
    height: 2.3rem;
    width: .05rem
}

.oc-m-cptp_v_c_c_r {
    bottom: -.175rem
}

.oc-m-cptp_v_c_r {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .2rem .2rem .2rem .4rem;
    position: relative;
    width: 6.65rem;
    z-index: 0
}

.oc-m-cptp_v_c_r_ab {
    bottom: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: .4rem;
    min-height: 1.3rem;
    position: absolute;
    right: .2rem;
    top: .2rem;
    z-index: 1
}

.oc-m-cptp_v_c_r_ab_t {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: .15rem;
    min-height: 1.4rem
}

.oc-m-cptp_v_c_r_ab_t_ft {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.oc-m-cptp_v_c_r_ab_t_fb {
    -webkit-flex: 1.6;
    -ms-flex: 1.6;
    flex: 1.6;
    min-height: 0
}

.oc-m-cptp_v_c_r_ab_t_t {
    color: #231e1f;
    font-size: .6rem;
    font-weight: 500;
    line-height: .8rem
}

.oc-m-cptp_v_c_r_ab_p_t {
    color: #e40030;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1rem
}

.oc-m-cptp_v_c_r_b {
    -ms-flex-pack: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    min-height: 0;
    pointer-events: none
}

.oc-m-cptp_v_c_r_b>.oc-m-cptp_v_c_r_b_b,
.oc-m-cptp_v_c_r_b_b {
    height: .95rem;
    width: 2.1rem
}

.oc-m-cptp_s {
    height: .45rem;
    left: 1rem;
    position: relative;
    top: -.05rem;
    width: 1.15rem;
    z-index: 1
}

.oc-m-cptp_s_i {
    height: .45rem;
    width: 1.15rem
}

.menu-exception {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f9f9f9;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    padding-bottom: 10.5rem
}

.menu-exception-img {
    height: 9rem;
    width: 9rem
}

.menu-exception-content {
    color: #231e1f;
    font-family: PingFangSC-Semibold;
    font-size: .8rem;
    font-weight: 600;
    max-width: 12rem;
    text-align: center
}

.menu-exception-content__grey {
    color: #999;
    font-family: PingFangSC-Regular;
    font-size: .7rem;
    font-weight: 400;
    margin-top: .25rem
}

.menu-exception-content__auto {
    max-width: 13.75rem
}

.menu-exception-sub {
    -ms-flex-pack: center;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .4rem 0 .75rem
}

.menu-exception-sub-text {
    color: #231e1f;
    font-family: PingFangSC-Regular;
    font-size: .8rem
}

.menu-exception-sub-text-red {
    color: #e40030
}

.menu-exception-btn {
    background: #fff;
    border: .05rem solid #e40030;
    border-radius: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.5rem;
    line-height: 0;
    margin-top: .75rem;
    text-align: center;
    width: 10.5rem
}

.menu-exception-btn-text {
    color: #e40030;
    font-family: PingFangSC-Regular;
    font-size: .9rem;
    line-height: 2.5rem;
    text-align: center
}

.menu-exception-btn-text-red {
    color: #fff;
    font-family: PingFangSC-Medium
}

.menu-exception-btn-text__grey {
    color: #231e1f;
    line-height: 2.5rem
}

.menu-exception-btn-red {
    background-color: #e40030
}

.menu-exception-btn__grey {
    border-color: #a1a1a1;
    height: 2.5rem;
    width: 8rem
}

.textSwiper {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.textSwiper-item {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.textSwiper-item-wrap {
    color: rgba(35, 30, 31, .5);
    font-size: .7rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.textSwiper-item-txt {
    color: rgba(35, 30, 31, .5);
    font-size: .7rem;
    font-weight: 400;
    width: 100%
}

.iconSearch {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .45);
    border-radius: 1.6rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 1.6rem
}

.iconSearch-search {
    overflow: hidden;
    position: relative
}

.iconSearch-search-icon {
    height: 1rem;
    position: absolute;
    width: 1rem
}

.iconSearch-search-searchBox {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #eee;
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.8rem;
    padding: 0 .15rem 0 .65rem
}

.iconSearch-search-searchBox-iconSearch {
    height: .9rem;
    margin-right: .375rem;
    width: .9rem
}

.iconSearch-search-searchBox-content {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .9rem;
    margin-right: .4rem;
    position: relative
}

.iconSearch-search-searchBox-content-txt {
    color: rgba(35, 30, 31, .5);
    font-size: .7rem;
    font-weight: 400;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.iconSearch-search-searchBox-content-mask {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.iconSearch-search-prime {
    background-color: rgba(0, 0, 0, .07)
}

.iconPin {
    margin-left: .8rem;
    position: relative
}

.iconPin-icon {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .45);
    border-radius: 1.6rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    width: 1.6rem
}

.iconPin-icon-image {
    height: 1rem;
    position: absolute;
    width: 1rem
}

.iconPin-icon-image-img {
    height: 100%;
    width: 100%
}

.iconPin-icon-prime {
    background-color: rgba(0, 0, 0, .07)
}

.iconPinDark {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: .05rem solid #231e1f;
    border-radius: .8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .25rem .35rem
}

.iconPinDark-icon {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1rem;
    margin-right: .2rem;
    width: 1rem
}

.iconPinDark-text {
    color: #231e1f;
    font-family: PingFang SC;
    font-size: .6rem;
    font-weight: 600;
    letter-spacing: 0
}

.mtb-view {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: .6rem;
    position: relative;
    width: 100%
}

.mtb-view-rightPart {
    -ms-flex-pack: end;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative
}

.mtb-view-rightPart-space {
    margin-left: .4rem
}

.mtb-view-placeholder {
    height: 100%
}

.mtb-view-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .45);
    border-radius: 1.6rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 1.6rem
}

.mtb-view-button-dark {
    background-color: transparent
}

.mtb-view-button-prime-dark {
    background-color: rgba(0, 0, 0, .07)
}

.mtb-view-button-left {
    margin-right: .4rem
}

.mtb-view-button-icon {
    height: 1rem;
    width: 1rem
}

.mtb-view-button-icon-left-back {
    height: .8rem;
    position: absolute;
    width: .5rem
}

.mtb-view-button-icon-left-wode {
    height: 1.3rem;
    position: absolute;
    width: 1.3rem
}

.mtb-view-button-icon-cd {
    height: 1.3rem;
    width: 1.3rem
}

.mtb-view-button-icon-share {
    height: .9rem;
    width: .9rem
}

.mtb-view-button-wx {
    border-width: 0;
    height: 1.6rem;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 1.6rem;
    z-index: 9
}

.mtb-view-button-cs {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 1.6rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

.mtb-view-button-cs-bg {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 1.6rem;
    height: 1.6rem;
    position: absolute;
    width: 1.6rem
}

.mtb-view-button-cs-bg-dark {
    background-color: transparent
}

.mtb-view-c {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20
}

.mtb-view-c-sticky {
    background-color: #f9f9f9
}

.menu-banner-swiper-exview {
    height: 12.8rem;
    position: relative;
    width: 100%
}

.menu-banner-swiper-image {
    position: absolute;
    top: 0
}

.menu-banner-swiper-indicator {
    -ms-flex-pack: end;
    bottom: 1.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 0 .6rem;
    position: absolute;
    right: 0
}

.menu-banner-swiper-indicator-dot {
    background-color: #faf7f3;
    height: .2rem;
    margin: 0 .15rem;
    width: .3rem
}

.menu-banner-swiper-indicator-dot-active {
    background-color: #e40030;
    height: .2rem;
    margin: 0 .15rem;
    width: .9rem
}

.ex-view {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%
}

.menu-banner {
    background-color: #fff;
    height: 12.8rem
}

.menu-banner-swiper {
    height: 12.8rem
}

.menu-banner-swiper-item {
    height: 12.8rem;
    position: relative;
    width: 100%
}

.menu-banner-swiper-image {
    height: 12.8rem;
    width: 100%
}

.menu-banner-swiper-click {
    bottom: 1.2rem;
    height: 7.2rem;
    position: absolute;
    width: 100%
}

.menu-banner-swiper-button {
    color: #fff;
    font-size: .5rem;
    line-height: .75rem;
    padding: 0 .2rem
}

.menu-banner-swiper-button-icon {
    height: .55rem;
    width: .55rem
}

.menu-banner-swiper-button-wrap {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(28, 28, 28, .64);
    border: .025rem solid #fff;
    border-radius: .8rem;
    bottom: 6.7rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .8rem;
    padding: 0 .125rem;
    position: absolute;
    right: .5rem
}

.menu-banner .swiper-container {
    z-index: 0
}

.menu-banner .swiper-container .swiper-wrapper {
    z-index: 0
}

.menu-banner .swiper-pagination {
    -ms-flex-pack: end;
    bottom: 1.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 0 .8rem
}

.menu-banner .swiper-pagination .swiper-pagination-bullet {
    border-radius: .05rem;
    height: .1rem;
    margin: 0 .25rem;
    width: .6rem
}

.swiper-indicator {
    -ms-flex-pack: end;
    bottom: 1.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 0 .8rem;
    position: absolute;
    right: 0
}

.swiper-indicator-dot {
    background-color: #999;
    border-radius: .05rem;
    height: .1rem;
    margin: 0 .25rem;
    width: .6rem
}

.swiper-indicator-dot-active {
    background-color: #fff;
    border-radius: .05rem;
    height: .1rem;
    margin: 0 .25rem;
    width: .6rem
}

.menu-product-item {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 6.6rem;
    position: relative;
    width: 5.2rem
}

.menu-product-item-image {
    height: 3.15rem;
    width: 4.2rem
}

.menu-product-item-image-wrap {
    height: 3.15rem;
    margin-top: .25rem;
    width: 4.2rem
}

.menu-product-item-name {
    color: #000;
    font-size: .6rem;
    font-weight: 500;
    line-height: .7rem;
    padding: 0 .3rem
}

.menu-product-item-name-wrap {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: .7rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    line-height: .65rem;
    position: absolute;
    top: 4rem
}

.menu-product-item-price {
    color: #d62f35;
    font-size: .6rem;
    font-weight: 500;
    margin-right: .05rem
}

.menu-product-item-price-num {
    font-size: .9rem
}

.menu-product-item-price-wrap {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    bottom: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: .6rem;
    padding: 0 .3rem;
    position: absolute;
    width: 100%
}

.menu-product-item-price-linethrough {
    color: #828282;
    font-size: .5rem;
    text-decoration: line-through
}

.menu-product-item-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: .25rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: .25rem;
    width: 1.5rem
}

.menu-product-item-button-tag {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #333;
    border-radius: .65rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .65rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: .65rem;
    z-index: 6
}

.menu-product-item-button-tag-txt {
    color: #fff;
    font-size: .5rem;
    line-height: .65rem;
    text-align: center;
    width: .65rem
}

.menu-product {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12.8rem;
    position: relative
}

.menu-product-defaultBg {
    height: 12.8rem;
    left: 0;
    position: absolute;
    width: 18.75rem
}

.menu-product-header {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    width: 13.35rem
}

.menu-product-header-wrap {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    width: 18.75rem
}

.menu-product-items {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 16.25rem
}

.menu-product-items-shrink {
    -webkit-transform: scale(.96);
    -ms-transform: scale(.96);
    transform: scale(.96)
}

.menu-product-items-wrap {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    width: 18.75rem
}

.defaultBanner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 12.8rem;
    padding-left: 8.5rem;
    width: 18.75rem
}

.defaultBanner-line {
    background-color: #fff;
    height: 100%;
    margin-right: 1.5rem;
    width: 1.7rem
}

.menu-prime-product-item {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 6.6rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .2rem .25rem 0;
    position: relative;
    width: 5.75rem
}

.menu-prime-product-item-one {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 6.6rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 .5rem;
    position: relative
}

.menu-prime-product-item-image {
    border-radius: .1rem;
    height: 3.1rem;
    width: 4.1rem
}

.menu-prime-product-item-image-one {
    border-radius: .1rem;
    height: 3.85rem;
    width: 5.1rem
}

.menu-prime-product-item-name {
    color: #231e1f;
    font-family: PingFangSC-Medium;
    font-size: .6rem;
    font-weight: 500;
    line-height: .85rem;
    margin-left: .05rem;
    max-width: 100%
}

.menu-prime-product-item-name-one {
    padding-right: .25rem
}

.menu-prime-product-item-price {
    color: #e40030;
    font-family: HelveticaNeue-Medium;
    font-size: .65rem;
    font-weight: 700;
    margin-right: .05rem;
    white-space: nowrap
}

.menu-prime-product-item-price-wrap {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .75rem;
    overflow: hidden
}

.menu-prime-product-item-price-unit {
    font-size: .55rem;
    font-weight: 700
}

.menu-prime-product-item-price-qi {
    font-size: .5rem;
    font-weight: 500
}

.menu-prime-product-item-price-linethrough {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    color: #a3a3a3;
    font-size: .55rem;
    font-weight: 400;
    margin-left: .05rem;
    text-decoration: line-through;
    -webkit-text-decoration-color: #a3a3a3;
    text-decoration-color: #a3a3a3
}

.menu-prime-product-item-label {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: .9rem;
    padding: .05rem;
    width: 4.25rem
}

.menu-prime-product-item-button {
    position: absolute;
    right: -.2rem
}

.menu-prime-product-item-button-one {
    margin-bottom: .1rem;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.menu-prime-product-item-bottom {
    height: .9rem;
    margin-top: .25rem;
    position: relative
}

.menu-prime-product-item-row {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative
}

.menu-prime-product-item-row-multi {
    margin: .35rem 0
}

.menu-prime-product-item-right {
    -ms-flex-pack: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: .5rem;
    padding: 1.25rem 0
}

.menu-prime-product-item-column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.menu-prime-magic-header {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 6.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 5.2rem
}

.menu-prime-magic-card {
    border-radius: .2rem;
    height: 2.6rem;
    left: .5rem;
    position: absolute;
    top: .25rem;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    width: 4.2rem
}

.menu-prime-magic-card-point {
    height: .8rem;
    left: .1rem;
    left: 0;
    position: absolute;
    top: -.6rem;
    -webkit-transform: rotate(355deg);
    -ms-transform: rotate(355deg);
    transform: rotate(355deg);
    width: .8rem
}

.menu-prime-magic-pocket {
    bottom: -.1rem;
    height: 5.6rem;
    left: -.15rem;
    position: absolute;
    width: 5.35rem
}

.menu-prime-magic-cardName {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.2rem;
    left: .2rem;
    position: absolute;
    top: 0;
    width: 5rem
}

.menu-prime-magic-label {
    border-radius: .05rem;
    font-size: 0;
    height: .8rem;
    overflow: hidden;
    width: 1.45rem;
    z-index: inherit
}

.menu-prime-magic-label-i {
    height: 100%;
    width: 100%
}

.menu-prime-magic-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 1rem;
    margin-left: .3rem;
    word-break: keep-all;
    z-index: inherit
}

.menu-prime-magic-title-text {
    color: #1e1e1e;
    font-family: PingFangSC-Semibold;
    font-size: .6rem;
    font-weight: 500
}

.menu-prime-magic-content {
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 5.6rem;
    left: -.15rem;
    padding: .25rem .3rem .45rem .5rem;
    position: absolute;
    width: 5.35rem
}

.menu-prime-magic-subtitle {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .5rem
}

.menu-prime-magic-subtitle-text {
    color: #e40030;
    font-family: PingFangSC-Semibold;
    font-size: .85rem;
    font-weight: 900;
    line-height: 1.225rem
}

.menu-prime-magic-subtitle-wrap {
    height: 2.5rem;
    line-height: 1.225rem;
    overflow: hidden
}

.menu-prime-magic-details {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: .15rem
}

.menu-prime-magic-details-text {
    color: #b58d42;
    font-family: PingFangSC-Regular;
    font-size: .5rem;
    font-weight: 400;
    line-height: .6rem
}

.menu-prime-magic-details-img {
    height: .5rem;
    margin-left: .1rem;
    width: .5rem
}

.menu-prime-product {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12.8rem;
    position: relative
}

.menu-prime-product-defaultBg {
    height: 12.8rem;
    left: 0;
    position: absolute;
    width: 18.75rem
}

.menu-prime-product-header {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    left: 2.55rem;
    position: relative;
    width: 9rem
}

.menu-prime-product-header-wrap {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 18.75rem
}

.menu-prime-product-items {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 6.6rem;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.menu-prime-product-items-one {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: .5rem
}

.menu-prime-product-items-two {
    padding-right: .5rem
}

.menu-prime-product-items-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.menu-prime-product-items-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 6.65rem;
    position: relative;
    width: 18.75rem
}

.menu-prime-product-items-wrap-shrink {
    -webkit-transform: scale(.96);
    -ms-transform: scale(.96);
    transform: scale(.96)
}

.menu-prime-product-items-more {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .55);
    border-radius: .2rem 0 0 .2rem;
    height: 6.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1rem
}

.menu-prime-product-items-more-text {
    color: #b58d42;
    font-family: PingFangSC-Medium;
    font-size: .5rem;
    font-weight: 500;
    letter-spacing: .1rem;
    line-height: .6rem;
    text-align: left;
    text-align: center;
    width: .6rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.menu-prime-product-items-more-icon {
    background-color: transparent;
    height: .5rem;
    margin-top: .15rem;
    width: .55rem
}

.menu-prime-product-items-row {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.menu-prime-product-items-right {
    -ms-flex-pack: distribute;
    height: 100%;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.menu-prime-product-items-column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.m-banner-view {
    background-color: #fff;
    height: 12.8rem;
    position: relative;
    width: 100%;
    z-index: 8
}

.m-banner-view-radius {
    bottom: 1.2rem;
    height: 1.2rem;
    position: absolute;
    right: 0;
    width: 1.2rem
}

.m-banner-view-default {
    height: 12.8rem;
    width: 18.75rem
}

.dot-content {
    position: relative;
    width: 100%
}

.dot-warp {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute
}

.scene-address {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.address-store {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 2.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

.address-store-name {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.4rem
}

.address-store-name-icon {
    height: 1.2rem;
    width: 1.2rem
}

.address-store-name-content {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: .25rem;
    max-width: 11.25rem;
    word-break: break-all
}

.address-store-name-content__skeleton {
    background-color: #eee;
    height: .7rem;
    margin-left: .4rem;
    width: 7.4rem
}

.address-store-name-text {
    color: #231e1f;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: PingFangSC-Medium;
    font-size: 1rem;
    font-weight: 500;
    margin-right: .1rem;
    max-width: 10.2rem
}

.address-store-name-down {
    height: .7rem;
    width: .7rem
}

.address-store-info {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    height: .9rem;
    line-height: .9rem
}

.address-store-info-bl,
.address-store-info-sub {
    color: #231e1f;
    font-size: .6rem;
    white-space: pre-wrap
}

.address-store-info-bl-appCare {
    font-size: .7rem
}

.address-store-info-bl-red {
    color: #e40030
}

.address-store-info-sub {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    opacity: .5
}

.address-store-info-sub-quick {
    max-width: 7.65rem
}

.address-store-info-sub__address {
    max-width: 6rem
}

.address-store-info-sub__place {
    max-width: 3.6rem
}

.address-store-info-sub-appCare {
    font-size: .7rem
}

.address-store-info-sub-appCare__address {
    max-width: 5.5rem
}

.address-store-info-sub-appCare__place {
    max-width: 3.6rem
}

.address-store-info__skeleton {
    background-color: #eee;
    height: .7rem;
    margin-left: .4rem;
    width: 4.55rem
}

.address-store-group-buying {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: .05rem solid #e1e1e1;
    border-radius: .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem;
    padding: 0 0 0 .8rem;
    position: absolute;
    right: .6rem;
    top: .55rem;
    width: 4.6rem
}

.address-store-group-buying-icon {
    height: .75rem;
    margin-right: .25rem;
    width: .65rem
}

.address-store-group-buying-text {
    color: #333;
    font-family: PingFangSC-Medium;
    font-size: .6rem;
    font-weight: 500;
    letter-spacing: 0
}

.address-store-sub-wrap {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.address-store-d-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 7rem
}

.address-store-d-info-store {
    color: #e40030;
    font-size: .6rem;
    max-width: 5.4rem;
    white-space: pre-wrap
}

.address-store-d-store {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center
}

.address-store-d-store__border {
    border: .025rem solid #e40030;
    border-radius: .15rem;
    height: .95rem;
    padding-left: .25rem;
    padding-right: .1rem;
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
}

.address-store-icon-change {
    height: .6rem;
    width: .6rem
}

.bubble-hint {
    top: -1.9rem;
    z-index: 10
}

.bubbleSwitch {
    -ms-flex-pack: start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    left: .6rem;
    position: absolute;
    z-index: 22
}

.bubbleSwitch-triangle {
    border-bottom: .3rem solid rgba(0, 0, 0, .8);
    border-left: .3rem solid transparent;
    border-right: .3rem solid transparent;
    border-top-style: solid;
    border-top-width: 0;
    height: 0;
    margin-left: 1.5rem;
    width: 0
}

.bubbleSwitch-box {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    border-radius: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.2rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0 .8rem
}

.bubbleSwitch-content {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-right: .6rem
}

.bubbleSwitch-content-title {
    color: #fff;
    font-family: PingFang SC;
    font-size: .7rem;
    font-weight: 600
}

.bubbleSwitch-content-name {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #fff;
    display: -webkit-box;
    font-family: PingFang SC;
    font-size: .7rem;
    font-weight: 400;
    max-width: 6.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.bubbleSwitch-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: 1.5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 2.2rem
}

.bubbleSwitch-button-text {
    color: #231e1f;
    font-family: PingFang SC;
    font-size: .6rem;
    font-weight: 600
}

.bubbleAnimatedView {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.bubble-hint {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .76);
    border-radius: .8rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 1.6rem;
    left: 2rem;
    line-height: 0;
    padding: 0 .6rem;
    position: absolute;
    z-index: 18
}

.bubble-hint-text {
    color: #fff;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    line-height: 1.6rem
}

.bubble-hint-icon-triangle {
    margin-top: -.4rem
}

.top-bubble {
    height: 1.9rem;
    left: 2rem;
    position: absolute;
    width: 3.6rem;
    z-index: 22
}

.top-bubble-bg {
    height: 1.9rem;
    position: absolute;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 3.6rem
}

.top-bubble-content {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 3.6rem;
    z-index: 2
}

.top-bubble-text {
    color: #fff;
    font-family: PingFangSC-Regular;
    font-size: .6rem
}

.scene-bar {
    -ms-flex-pack: start;
    background-color: #fff;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 5.1rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: -1.2rem;
    overflow: hidden;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    z-index: 20
}

.scene-bar-has-notification {
    height: 6.7rem
}

.scene-bar-has-tip {
    height: 7.6rem
}

.scene-bar-has-both {
    height: 9.2rem
}

.scene-bar-sticky {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.scene-bar-content {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f9f9f9;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .6rem .6rem .025rem;
    position: relative;
    z-index: 2
}

.scene-bar-exception {
    background-color: #f9f9f9
}

.scene-bar-bg {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 9.2rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 18.75rem
}

.notification-bar {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #eee;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    padding-left: .6rem;
    padding-right: 1.45rem
}

.notification-bar-icon {
    height: 1rem;
    margin-right: .2rem;
    width: 1rem;
    z-index: 1
}

.notification-bar-text {
    color: #231e1f;
    font-family: PingFang SC;
    font-size: .6rem;
    font-weight: 500;
    white-space: nowrap
}

.notification-bar-content {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem
}

.scene-booking {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 2.5rem
}

.scene-booking-icon {
    height: 1.6rem;
    width: 2.5rem
}

.scene-booking-text {
    bottom: 0;
    color: #231e1f;
    font-family: PingFangSC-Medium;
    font-size: .6rem;
    font-weight: 500;
    line-height: 1.1rem;
    position: absolute
}

.scene-booking-text-appCare {
    font-size: .7rem
}

.scene-booking-text__disabled {
    color: #c9c9c9
}

.scene-booking__skeleton {
    background-color: #f9f9f9;
    height: 1.65rem;
    width: 2.5rem
}

.button-view {
    background-color: pink;
    border: .025rem solid red;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .2rem
}

.button-view-group {
    -ms-flex-pack: distribute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.button-view-text {
    color: #333;
    font-size: .6rem
}

.tab-wrap {
    background-color: #fff;
    height: 1.9rem;
    overflow: hidden;
    width: 100%
}

.tab-bar {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f9f9f9;
    border-bottom: .025rem solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.875rem;
    padding-left: .4rem;
    padding-right: .6rem;
    width: 100%;
    z-index: 1
}

.tab-bar-item {
    -ms-flex-pack: center;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.8rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 .4rem;
    position: relative
}

.tab-bar-item-text {
    color: #231e1f;
    font-size: .7rem;
    font-weight: 400;
    line-height: 1.65rem;
    opacity: .5
}

.tab-bar-item-text-actived {
    color: #231e1f;
    font-weight: 600;
    opacity: 1
}

.tab-bar-item__skeleton {
    background-color: #eee;
    height: .7rem;
    margin-left: .8rem;
    width: 2.8rem
}

.tab-bar__skeleton {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f9f9f9;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.9rem;
    width: 100%
}

.tag-bubble {
    background-color: #e40030;
    border-radius: .3rem;
    border-bottom-left-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: .6rem;
    line-height: 0;
    min-width: 1.3rem;
    padding: 0 .1rem;
    position: absolute;
    right: -.7rem;
    text-align: center;
    top: 0
}

.tag-bubble-text {
    color: #f9f9f9;
    font-family: PingFangSC-Semibold;
    font-size: .4rem;
    font-weight: 600;
    line-height: .6rem;
    text-align: center
}

.menu-tabs {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.group-buying {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: .05rem solid #231e1f;
    border-radius: .6rem .75rem .75rem .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-width: 3.2rem;
    padding: .25rem .35rem
}

.group-buying-icon {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1rem;
    margin-right: .2rem;
    width: 1rem
}

.group-buying-text {
    color: #231e1f;
    font-family: PingFangSC-Medium;
    font-size: .6rem;
    font-weight: 500;
    letter-spacing: 0
}

.group-buying-text-appCare {
    font-size: .7rem
}

.sticky {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.bubble-tip-wrap {
    -ms-flex-pack: end;
    background-color: #f9f9f9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 2.5rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    overflow: hidden;
    padding-left: .75rem;
    position: relative;
    top: 0
}

.bubble-tip {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fdf4f5;
    border: .025rem solid #e40030;
    border-radius: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: .5rem;
    width: 17.25rem
}

.bubble-tip-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.bubble-tip-text {
    color: #e40030;
    font-family: PingFangSC-Medium;
    font-size: .6rem;
    font-weight: 500;
    line-height: .9rem
}

.bubble-tip-text__store {
    max-width: 3.625rem
}

.bubble-tip-btn {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border: .025rem solid #e40030;
    border-radius: .45rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .9rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: .45rem;
    padding: 0 .45rem;
    text-align: center
}

.bubble-tip-btn-text {
    color: #e40030;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    text-align: center;
    white-space: nowrap
}

.bubble-tip-btn-text-red {
    color: #fff
}

.bubble-tip-btn-red {
    background: #e40030
}

.bubble-tip-triangle {
    margin-bottom: -.025rem;
    margin-left: 1.85rem;
    position: relative
}

.bubble-tip-triangle-empty {
    left: -.3rem;
    position: absolute;
    top: .05rem
}

.booking-wrap {
    background-color: #fff;
    border: .05rem solid #231e1f;
    border-radius: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.6rem;
    overflow: hidden;
    width: 2.5rem
}

.booking-wrap-top {
    -ms-flex-pack: center;
    background-color: #e40030;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .45rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 2.5rem
}

.booking-wrap-content {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.05rem;
    -webkit-justify-content: center;
    justify-content: center
}

.booking-wrap-content__text {
    color: #231e1f;
    font-family: PingFangSC-Semibold;
    font-size: .6rem;
    font-weight: 600;
    text-align: center
}

.booking-wrap-content__disabled {
    color: #c9c9c9
}

.booking-wrap-content__appCare {
    font-size: .7rem
}

.white-square {
    background-color: #fff;
    height: .325rem;
    width: .25rem
}

.white-square-wrap {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .325rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 1.2rem
}

.left-menu-scrollView-item {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 2.8rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-left: .3rem;
    padding-right: .1rem;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.left-menu-scrollView-item-appCare {
    padding-left: .125rem
}

.left-menu-scrollView-item-actived {
    height: 3.8rem
}

.left-menu-scrollView-item-wrap {
    position: relative;
    top: .55rem
}

.left-menu-scrollView-item-img {
    height: .0025rem;
    opacity: 0;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    width: 1.3rem
}

.left-menu-scrollView-item-img-actived {
    height: 1.3rem;
    opacity: 1
}

.left-menu-scrollView-item-text {
    color: #231e1f;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    line-height: .75rem;
    max-width: 2.3rem;
    text-align: center;
    white-space: pre-wrap;
    z-index: 2
}

.left-menu-scrollView-item-text-appCare {
    font-size: .7rem;
    line-height: .85rem
}

.left-menu-scrollView-item-text-actived {
    color: #fff;
    font-family: PingFangSC-Semibold;
    font-weight: 600
}

.left-menu-scrollView-item-text-view {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .05rem solid #e6e6e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 1.9rem
}

.left-menu-scrollView-item-text-view-appCare {
    min-width: 2.3rem
}

.category-count {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #231e1f;
    border-radius: .3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .6rem;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: .6rem;
    padding: 0 .1rem;
    position: absolute;
    right: -.275rem;
    text-align: center;
    top: .2rem
}

.category-count-text {
    color: #fff;
    font-size: .5rem;
    font-weight: 600;
    text-align: center
}

.left-menu-scrollView {
    background-color: #f9f9f9;
    display: none;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.left-menu-scrollView-show {
    display: block
}

.left-menu-scrollView ::-webkit-scrollbar {
    color: transparent;
    display: none;
    height: 0;
    width: 0
}

.left-menu-scrollView-inner {
    margin-right: .3rem;
    position: relative
}

.left-menu-scrollView-inner-items {
    z-index: 1
}

.left-menu-scrollView-holder {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.left-menu-dot {
    background-color: #e40030;
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem;
    height: 2.1rem;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 1.5rem;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    width: 2.5rem;
    z-index: 0
}

.left-menu-view {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    padding-right: .4rem;
    position: relative;
    width: 3.2rem
}

.left-menu-view-bg {
    background-color: #eee;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.25rem;
    z-index: -1
}

.content-right-section-header {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .5rem;
    -webkit-justify-content: center;
    justify-content: center;
    padding-right: .25rem;
    position: -webkit-sticky;
    position: sticky;
    z-index: 7
}

.content-right-section-header-hasSub {
    -ms-flex-pack: start;
    height: 3.3rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.content-right-section-header-top {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f9f9f9;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem
}

.content-right-section-header-top-text {
    color: #231e1f;
    font-size: .6rem;
    opacity: .5
}

.content-right-section-header-scroll {
    background-color: #f9f9f9;
    display: block;
    height: 2.2rem;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: .25rem;
    top: 1.1rem
}

.content-right-section-header-scroll-view {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.2rem
}

.content-right-section-header-scroll-view-sub {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border: .05rem solid #e1e1e1;
    border-radius: .6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 .6rem 0 0;
    padding: 0 .6rem;
    white-space: nowrap
}

.content-right-section-header-scroll-view-sub-actived {
    border-color: #e40030
}

.content-right-section-header-scroll-view-sub-text {
    color: #231e1f;
    font-family: PingFangSC-Regular;
    font-size: .5rem;
    white-space: nowrap
}

.content-right-section-header-scroll-view-sub-text-actived {
    color: #e40030;
    font-family: PingFangSC-Medium;
    font-weight: 600
}

.animated-expand-view {
    height: 0;
    opacity: 0;
    overflow: hidden
}

.related-item-box-item {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: .05rem solid #ececec;
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3.5rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
    padding: .5rem
}

.related-item-box-item2 {
    height: 4.7rem;
    margin-right: .35rem;
    padding: .35rem .2rem .25rem .15rem
}

.related-item-box-nospace {
    margin-right: 0
}

.related-item-img {
    height: 2.25rem;
    width: 3rem
}

.related-item-r {
    -ms-flex-pack: justify;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.related-item-title {
    color: #231e1f;
    font-family: PingFangSC-Medium;
    font-size: .5rem;
    font-weight: 600;
    line-height: .85rem;
    max-width: 9.6rem;
    text-align: right
}

.related-item-title-grey {
    color: #5d5d5d;
    font-weight: 400
}

.related-item-title-appCare {
    font-size: .7rem
}

.related-item-title2 {
    line-height: .7rem;
    text-align: right
}

.related-item-title2-appCare {
    line-height: .85rem
}

.related-item-content {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.related-item-content-column {
    -ms-flex-align: end;
    -ms-flex-pack: justify;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.related-item-price-origin {
    color: #828282;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    line-height: .7rem;
    text-decoration: line-through;
    -webkit-text-decoration-color: #828282;
    text-decoration-color: #828282
}

.related-item-price-sell-num {
    color: #e40030;
    font-family: Helvetica Neue;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1
}

.related-item-price-sell-dime {
    color: #e40030;
    font-family: Helvetica Neue;
    font-size: .6rem;
    font-weight: 700
}

.related-item-price-symbol {
    color: #e40030;
    font-size: .6rem;
    font-weight: 400;
    line-height: .6rem
}

.related-item-btn {
    margin-right: -.25rem
}

.related-item-btn-added {
    width: 4.15rem
}

.related-flexbox-row {
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.addon-item-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.addon-item-box-items {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative
}

.addon-item-box-title {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center
}

.addon-item-box-title-text {
    color: #e40030;
    font-size: .6rem;
    font-weight: 600
}

.backup-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.backup-flex-row {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.backup-title {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.backup-item-text {
    color: rgba(51, 51, 51, .5);
    font-size: .6rem
}

.backup-item-text-strong {
    color: #d62f35;
    font-weight: 600
}

.backup-item-box {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative
}

.backup-item-box-content {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: .05rem solid #ececec;
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: .5rem;
    height: 3.5rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
    padding: .5rem;
    position: relative
}

.backup-item-box-img {
    height: 2.25rem;
    width: 3rem
}

.backup-item-box-r {
    -ms-flex-pack: justify;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.backup-item-info-title {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    color: #333;
    font-family: PingFangSC-Medium;
    font-size: .5rem;
    font-weight: 600;
    line-height: .85rem;
    max-width: 9.6rem;
    white-space: pre-wrap
}

.backup-item-info-title-appCare {
    font-size: .7rem
}

.backup-item-info-title-sub {
    color: #5d5d5d;
    font-weight: 400
}

.backup-item-price {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.backup-item-price-origin {
    color: #828282;
    font-size: .6rem;
    font-weight: 500;
    line-height: .85rem;
    margin-right: .1rem;
    min-width: 1.6rem;
    text-align: right;
    text-decoration: line-through;
    -webkit-text-decoration-color: #828282;
    text-decoration-color: #828282
}

.backup-item-price-sell-num {
    color: #e40030;
    font-family: HelveticaNeue-Medium;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1rem
}

.backup-item-price-symbol {
    color: #e40030;
    font-size: .5rem;
    font-weight: 400;
    line-height: .8rem;
    text-align: right
}

.backup-close-btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ececec;
    border-radius: .4rem 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 1rem;
    z-index: 1
}

.backup-close-btn-icon {
    height: .35rem;
    width: .35rem
}

.backup-replace-btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #d62f35;
    border-radius: .5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: .25rem;
    width: 2.5rem
}

.backup-replace-btn-text {
    color: #fff;
    font-family: PingFangSC-Medium;
    font-size: .6rem;
    font-weight: 500;
    text-align: center
}

.menu-item-group-wrap {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.menu-item-group-item {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: hsla(0, 0%, 100%, .7);
    border: .05rem solid hsla(0, 0%, 91%, .7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: -.05rem;
    position: relative
}

.menu-item-group-item-txt {
    color: #231e1f;
    font-size: .6rem;
    font-weight: 500
}

.menu-item-group-item-txt__disabled {
    color: rgba(35, 30, 31, .3)
}

.menu-item-group-item__start {
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem
}

.menu-item-group-item__end {
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem
}

.menu-item-group-item__active {
    background-color: #fff;
    border: .05rem solid #e40030;
    position: relative;
    z-index: 1
}

.menu-item-group-item__active-bg {
    height: 100%;
    position: absolute;
    width: 100%
}

.menu-item-group-item__active .menu-item-group-item-txt {
    color: #e40030;
    font-weight: 600
}

.menu-item-group-item__disable {
    background-color: #f7f7f7
}

.menu-item-group-item-bubble {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #bdbdbd;
    border-radius: .35rem .35rem .35rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .7rem;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: .9rem;
    padding: .05rem .15rem;
    position: absolute;
    right: -.25rem;
    top: -.35rem;
    z-index: 5
}

.menu-item-group-item-bubble-txt {
    color: #fff;
    font-size: .45rem;
    text-align: center
}

.menu-item-group-item-bubble-txt__count {
    font-size: .5rem;
    font-weight: 700;
    line-height: .6rem
}

.menu-item-group-item-bubble__count {
    background-color: #241f20
}

.section-outer {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 0 .5rem .5rem 0;
    z-index: 1
}

.section-cover,
.section-item {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: .05rem solid hsla(0, 0%, 91%, .7);
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 6.4rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative
}

.section-cover-l,
.section-item-l {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .2rem;
    position: relative
}

.section-item-img {
    height: 6rem;
    width: 7.99998rem
}

.section-item-content {
    -ms-flex-pack: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: .5rem .6rem 1.5rem 0;
    position: relative;
    width: 100%;
    z-index: 3
}

.section-item-flick {
    border-radius: .2rem;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 3
}

.section-item-info {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: normal;
    position: relative;
    width: 100%
}

.section-item-info-name {
    color: #231e1f;
    font-family: PingFangSC-Medium;
    font-size: .6rem;
    font-weight: 500;
    line-height: .85rem;
    text-align: right;
    white-space: pre-wrap;
    word-break: break-word
}

.section-item-info-name-line {
    height: .85rem;
    overflow: hidden
}

.section-item-info-name-colorful {
    color: #231e1f;
    font-family: PingFangSC-Medium;
    font-size: .6rem;
    font-weight: 500;
    line-height: .85rem;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    white-space: nowrap;
    width: 100%
}

.section-item-info-name-colorful-default {
    color: #231e1f;
    font-family: PingFangSC-Medium;
    font-size: .6rem;
    font-weight: 500;
    line-height: .85rem
}

.section-item-info-name-colorful-red {
    color: #e40030;
    font-family: PingFangSC-Medium;
    font-size: .6rem;
    font-weight: 500;
    line-height: .85rem
}

.section-item-info-name-small {
    color: #5d5d5d;
    font-size: .5rem;
    height: .7rem;
    line-height: .7rem;
    overflow: hidden;
    text-align: right
}

.section-item-info-name-small-appCare {
    height: .85rem;
    line-height: .85rem
}

.section-item-info-name-small-red {
    color: #e40030;
    font-family: PingFangSC-Medium;
    font-weight: 500
}

.section-item-info-name-appCare {
    font-size: .7rem
}

.section-item-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.section-item-box-items {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.section-item-box-items-item {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: .05rem solid #ececec;
    border-radius: .6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: .5rem;
    height: 3.5rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
    padding: .5rem;
    position: relative
}

.section-item-box-items-item2 {
    height: 4.7rem;
    margin-right: .35rem;
    padding-left: .2rem
}

.section-item-box-items-nospace {
    margin-right: 0
}

.section-item-box-title {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center
}

.section-item-box-title-text {
    color: #231e1f;
    font-size: .6rem
}

.section-item-sub-img {
    height: 2.25rem;
    width: 3rem
}

.section-item-sub-r {
    -ms-flex-pack: justify;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.section-item-sub-r-info {
    -ms-flex-pack: end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%
}

.section-item-sub-r-info-title {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    color: #231e1f;
    font-family: PingFangSC-Medium;
    font-size: .5rem;
    font-weight: 500;
    line-height: .85rem;
    max-width: 6rem;
    white-space: pre-wrap
}

.section-item-sub-r-info-title2 {
    line-height: .6rem;
    max-width: 3rem;
    text-align: right
}

.section-item-sub-r-info-price-symbol {
    color: #e40030;
    font-family: HelveticaNeue-Medium;
    font-size: .5rem;
    font-weight: 500;
    line-height: .6rem
}

.section-item-sub-r-info-price-num {
    color: #e40030;
    font-family: HelveticaNeue-Bold;
    font-size: .8rem;
    font-weight: 700;
    line-height: .8rem
}

.section-item-sub-r-info2 {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-item-sub-r-more {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0
}

.section-item-sub-btn {
    max-width: 3.9rem;
    width: 100%
}

.section-item-price {
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.section-item-price-origin {
    color: #828282;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    line-height: .7rem;
    margin-right: .1rem;
    text-align: right;
    text-decoration: line-through;
    -webkit-text-decoration-color: #828282;
    text-decoration-color: #828282
}

.section-item-price-origin-dark {
    color: #fff;
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}

.section-item-price-origin-light {
    color: #231e1f;
    -webkit-text-decoration-color: #231e1f;
    text-decoration-color: #231e1f
}

.section-item-price-sell {
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.section-item-price-sell-num {
    color: #e40030;
    font-family: HelveticaNeue-Medium;
    font-size: 1rem;
    font-weight: 700
}

.section-item-price-sell-dime {
    font-family: HelveticaNeue-Medium;
    font-size: .7rem;
    font-weight: 700
}

.section-item-price-symbol {
    color: #e40030;
    font-size: .6rem;
    font-weight: 400;
    text-align: right
}

.section-item-price-symbol-mini {
    font-size: .5rem
}

.section-item-btn {
    bottom: 0;
    height: 1.5rem;
    position: absolute;
    right: .5rem;
    z-index: 4
}

.section-item-fullImg {
    height: 100%;
    width: 100%
}

.section-item-fullImg-wrap {
    border-radius: .2rem;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 2
}

.section-item-hasFullImg {
    border: 0
}

.section-item-dark {
    color: #fff
}

.section-item-light {
    color: #231e1f
}

.section-item-group-items {
    bottom: .15rem;
    height: 1.4rem;
    left: .2rem;
    position: absolute;
    width: 7.99998rem
}

.section-full {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.section-cover {
    background-color: hsla(0, 0%, 100%, .6);
    border-width: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4
}

.section-cover-l {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 8rem
}

.section-cover-btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #e40030;
    border-radius: .8rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 4.6rem
}

.section-cover-btn-soldout {
    background-color: rgba(0, 0, 0, .5)
}

.section-cover-btn__text {
    color: #fff;
    font-size: .6rem;
    font-weight: 500;
    white-space: pre-line
}

.section-cover-btn-stores {
    border-radius: .2rem .2rem 0 0;
    bottom: 0;
    position: absolute;
    right: .6rem;
    z-index: 4
}

.section-cover-btn-icon {
    height: .8rem;
    width: .8rem
}

.section-cover-btn-booking {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 2.65rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: .9rem;
    text-align: center;
    width: 5.9rem
}

.corner-mark {
    height: 6rem;
    overflow: hidden;
    position: absolute;
    width: 7.99998rem;
    z-index: 1
}

.effectBarSwiper {
    background-color: #fff;
    height: 4.4rem;
    position: relative;
    width: 15rem
}

.effectBarSwiper-swiper {
    height: 4.4rem;
    width: 15rem
}

.effectBarSwiper-swiper-image {
    height: 4.4rem;
    width: 100%
}

.effectBarSwiper .swiper-container {
    z-index: 0
}

.effectBarSwiper .swiper-container .swiper-wrapper {
    z-index: 0
}

.effectBarSwiper-button {
    color: #fff;
    font-size: .5rem;
    font-weight: 400;
    padding: 0 0 0 .2rem
}

.effectBarSwiper-button-icon {
    height: .45rem;
    width: .45rem
}

.effectBarSwiper-button-wrap {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    border: .025rem solid hsla(0, 0%, 100%, .7);
    border-radius: .8rem;
    bottom: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .8rem;
    padding: 0 .125rem;
    position: absolute;
    right: .25rem
}

.menuTop-coupon-cont {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.menuTop-coupon-cont-warp {
    height: 4.4rem;
    position: relative;
    width: 15rem
}

.menuTop-coupon-cont-v {
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    left: 0;
    overflow: hidden;
    padding: .55rem;
    position: absolute;
    right: 0;
    top: 0
}

.menuTop-coupon-cont-v-mask {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.menuTop-coupon-cont-tag {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .5rem 0 .4rem 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    min-width: 1.5rem;
    overflow: hidden;
    padding: .1rem .25rem;
    position: absolute;
    top: 0;
    z-index: 10
}

.menuTop-coupon-cont-tag-text {
    color: #fff;
    font-size: .5rem;
    font-weight: 400;
    position: relative
}

.menuTop-coupon-cont-img {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 1.15rem
}

.menuTop-coupon-cont-img-context {
    height: 3.4rem;
    width: 3.4rem
}

.menuTop-coupon-cont-title {
    line-height: .75rem;
    margin-bottom: .2rem;
    width: 9.45rem
}

.menuTop-coupon-cont-title-txt {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #231e1f;
    display: -webkit-box;
    font-size: .6rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.menuTop-coupon-cont-tags {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: .9rem
}

.menuTop-coupon-cont-price {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .4rem;
    width: 6.375rem
}

.menuTop-coupon-cont-price-text {
    color: #e40030;
    font-size: .8rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 6.625rem
}

.menuTop-coupon-cont-price-text-limitationDesc {
    color: #e40030;
    font-family: PingFangSC-Semibold;
    font-size: .5rem;
    font-weight: 600;
    letter-spacing: 0
}

.menuTop-coupon-cont-button-stepper {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 4.3rem
}

.menuTop-coupon-cont-oper {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    position: relative
}

.menuTop-coupon-cont-oper-warp {
    -ms-flex-pack: justify;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    right: 0
}

.menuTop-coupon-cont-oper-explain {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-justify-content: center;
    justify-content: center
}

.menuTop-coupon-cont-oper-explain-count {
    font-size: .5rem;
    position: absolute;
    top: -.8rem
}

.menuTop-coupon-cont-oper-explain-date {
    color: #666;
    font-size: .6rem
}

.menuTop-coupon-cont-oper-explain-count-title {
    color: #333;
    font-size: .5rem;
    font-weight: 500
}

.menuTop-coupon-cont-oper-explain-count-txt {
    color: #e40030;
    font-size: .5rem;
    font-weight: 500
}

.menuTop-coupon-cont-oper-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 3rem
}

.menuTop-coupon-cont-oper-button-disable {
    background-color: #d7d7d7
}

.menuTop-coupon-cont-oper-button-unavail {
    background-color: #d7d7d7
}

.menuTop-coupon-cont-oper-button-text {
    color: #fff;
    font-size: .5rem;
    font-weight: 500
}

.menuTop-coupon-tag {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    border: .05rem solid #fc841a;
    border-radius: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .7rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: .7rem;
    margin-right: .25rem;
    padding: .025rem .2rem
}

.menuTop-coupon-tag-text {
    color: #fc841a;
    font-size: .5rem;
    line-height: .6rem
}

.menuTop-coupon-list-tag {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.menu-top-coupon-image {
    height: 4.4rem;
    width: 15rem
}

.effect-bar {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 4.9rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-bottom: .5rem
}

.effect-bar-inner {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 4.4rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 15rem
}

.effect-bar-inner-text {
    color: red;
    font-size: .6rem
}

.couponAnimatedView {
    height: 4.4rem;
    position: relative;
    width: 15rem
}

.bought-list-item {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: .6rem;
    padding-left: .25rem;
    padding-right: .375rem;
    position: relative
}

.bought-list-item-info {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.bought-list-item-section {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.bought-list-item-section1 {
    -ms-flex-pack: justify;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-right: .25rem
}

.bought-list-item-image {
    height: 100%;
    width: 100%
}

.bought-list-item-image-wrap {
    border-radius: .2rem;
    height: 1.5rem;
    margin-right: .25rem;
    overflow: hidden;
    width: 2rem
}

.bought-list-item-name {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    max-width: 7.4rem
}

.bought-list-item-name-text {
    color: #000;
    font-size: .6rem;
    font-weight: 500;
    line-height: .85rem
}

.bought-list-item-name-text-over1 {
    color: #5d5d5d;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    font-weight: 500;
    line-height: .85rem;
    margin-left: .3rem
}

.bought-list-item-count {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #f2f2f2;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .9rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: .25rem;
    padding: 0 .25rem
}

.bought-list-item-count-text {
    color: #828282;
    font-size: .55rem;
    font-weight: 400
}

.bought-list-item-price {
    -ms-flex-align: end;
    -ms-flex-align: baseline;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-align-items: baseline;
    align-items: baseline;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.bought-list-item-price-text1 {
    color: #d62f35;
    font-size: .5rem;
    font-weight: 400;
    line-height: .85rem
}

.bought-list-item-price-text2 {
    color: #d62f35;
    font-size: .8rem;
    font-weight: 500
}

.bought-list-item-price-text3 {
    color: #d62f35;
    font-size: .5rem;
    font-weight: 400;
    line-height: .85rem
}

.bought-list-item-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 1.5rem
}

.bought-list-item-button-tag {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #333;
    border-radius: .6rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .6rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: .6rem;
    z-index: 6
}

.bought-list-item-button-tag-txt {
    color: #fff;
    font-size: .5rem;
    line-height: .65rem;
    text-align: center;
    width: .65rem
}

.bought-list-item-button-disabled {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #e6e6e6;
    border-radius: 1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 2.6rem
}

.bought-list-item-button-disabled-text {
    color: #999;
    font-size: .5rem;
    font-weight: 500;
    text-align: center
}

.bought-list-header {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.bought-list-header-text {
    color: rgba(51, 51, 51, .5);
    font-size: .6rem;
    font-weight: 400
}

.bought-list-header-button {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.025rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: .5rem;
    padding: .25rem;
    width: 1.025rem
}

.bought-list-header-button-img {
    height: 100%;
    width: 100%
}

.bought-list-body {
    background-color: #fff;
    border: .05rem solid hsla(0, 0%, 91%, .7);
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: .5rem;
    margin-right: .5rem;
    padding: .6rem 0 0
}

.notice-bar {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: .5rem;
    padding: .25rem 0;
    position: relative
}

.notice-bar__empty {
    height: .5rem
}

.notice-bar-content {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f9f9f9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 .45rem;
    position: absolute
}

.notice-bar-content__text {
    color: #231e1f;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    font-weight: 400;
    line-height: 1.2rem
}

.notice-bar-content__icon {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    height: .7rem;
    margin: 0 .1rem;
    width: .7rem
}

.icon-flip {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.cross-line {
    background-color: #e7e7e7;
    height: .025rem;
    width: 100%
}

.product-list-list-view {
    display: none
}

.product-list-list-view-show {
    display: block
}

.product-item-wrap {
    min-height: 6.9rem
}

.cart-bar-holder {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.bottom-remind {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 0;
    margin-right: .6rem
}

.bottom-remind-text {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    color: #6c6c6c;
    font-size: .6rem;
    line-height: 1rem
}

.bottom-notice {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .8rem .6rem
}

.bottom-notice-wrap {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center
}

.bottom-notice-icon {
    margin-right: .2rem
}

.bottom-notice-text {
    color: #999;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-size: .6rem;
    min-width: 0;
    text-align: center;
    text-decoration: underline;
    -webkit-text-decoration-color: #999;
    text-decoration-color: #999
}

.section-footer {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #e6e6e6;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 .5rem .5rem 0
}

.section-footer-txt {
    color: #999;
    font-family: PingFang SC;
    font-size: .6rem;
    margin-right: .2rem
}

.product-list-view {
    height: 100%
}

.product-list-view-placeholder {
    height: 4.2rem
}

.cart-recommend {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 5.5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: .6rem;
    position: absolute;
    position: fixed;
    z-index: 89
}

.cart-recommend-img-wrapper {
    border-radius: .4rem;
    height: 3rem;
    overflow: hidden;
    width: 17.55rem
}

.cart-recommend-img-wrapper-bg {
    height: 100%;
    width: 100%
}

.cart-recommend-close {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 2.05rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: -.6rem;
    width: 1.2rem
}

.cart-recommend-close-img {
    height: .9rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: .9rem
}

.cr-item-self {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: .1rem solid #e40030;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.65rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: .1rem;
    padding-right: .6rem
}

.cr-item-self-main {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.cr-item-self-img {
    border-radius: .2rem;
    height: 2.25rem;
    width: 3rem
}

.cr-item-self-content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .35rem
}

.cr-item-self-name {
    max-width: 9.1rem
}

.cr-item-self-name-default {
    color: #231e1f;
    font-size: .6rem;
    font-weight: 500
}

.cr-item-self-name-grey {
    color: #5d5d5d;
    font-weight: 400
}

.cr-item-self-price {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.cr-item-self-price-symbol {
    color: #e40030;
    font-size: .6rem;
    line-height: .95rem
}

.cr-item-self-price-sale {
    color: #e40030;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.1rem;
    margin-left: .1rem
}

.cr-item-self-price-origin {
    color: rgba(35, 30, 31, .5);
    font-size: .6rem;
    font-weight: 500;
    line-height: .9rem;
    margin-left: .2rem;
    text-decoration: line-through;
    -webkit-text-decoration-color: rgba(35, 30, 31, .5);
    text-decoration-color: rgba(35, 30, 31, .5)
}

.cr-item-self-btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #e40030;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.3rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 2.8rem
}

.cr-item-self-btn-text {
    color: #fff;
    font-size: .5rem;
    font-weight: 500
}

.cpt-animate-bounceInUp {
    -webkit-animation: cptBounceInUp .4s forwards;
    animation: cptBounceInUp .4s forwards
}

.cpt-animate-bounceInUp-hide {
    -webkit-animation: cptBounceInUpHide .25s forwards;
    animation: cptBounceInUpHide .25s forwards
}

@-webkit-keyframes cptBounceInUpHide {
    from {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 150%, 0);
        transform: translate3d(0, 150%, 0)
    }
}

@keyframes cptBounceInUpHide {
    from {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 150%, 0);
        transform: translate3d(0, 150%, 0)
    }
}

@-webkit-keyframes cptBounceInUp {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -1.5rem, 0);
        transform: translate3d(0, -1.5rem, 0)
    }

    75% {
        -webkit-transform: translate3d(0, .5rem, 0);
        transform: translate3d(0, .5rem, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -.125rem, 0);
        transform: translate3d(0, -.125rem, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes cptBounceInUp {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -1.5rem, 0);
        transform: translate3d(0, -1.5rem, 0)
    }

    75% {
        -webkit-transform: translate3d(0, .5rem, 0);
        transform: translate3d(0, .5rem, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -.125rem, 0);
        transform: translate3d(0, -.125rem, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.text-effect-up-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.shopping-cart-bar-right {
    -ms-flex-pack: start;
    border-radius: 0 .4rem .4rem 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.5rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 17.55rem;
    z-index: 5
}

.shopping-cart-bar-right-expanded {
    width: 100%;
    z-index: 3
}

.shopping-cart-bar-right-bg {
    border-radius: .4rem 0 0 .4rem;
    height: 2.5rem;
    overflow: hidden;
    -webkit-transform: translateX(4.6rem);
    -ms-transform: translateX(4.6rem);
    transform: translateX(4.6rem);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    width: 18.75rem
}

.shopping-cart-bar-right-bg-wrapper {
    height: 2.5rem;
    left: 0;
    position: absolute;
    width: 18.75rem
}

.shopping-cart-bar-right-bg-expanded {
    border-radius: .4rem;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.shopping-cart-bar-right-bg-img {
    height: 2.5rem;
    -webkit-transform: translateX(-.25rem);
    -ms-transform: translateX(-.25rem);
    transform: translateX(-.25rem);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    width: 17.55rem
}

.shopping-cart-bar-right-content {
    height: 2.5rem;
    padding-left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: translateX(4.6rem);
    -ms-transform: translateX(4.6rem);
    transform: translateX(4.6rem);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    width: 17.55rem;
    z-index: 8
}

.shopping-cart-bar-right-content-expanded {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.shopping-cart-bar-right-wrapper {
    position: relative;
    z-index: 5
}

.sc-float-box {
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    pointer-events: none;
    position: fixed;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
    z-index: 250
}

.sc-float-box-expanded {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.sc-translate-box {
    position: relative
}

.sp-retail-link-box {
    height: 2.25rem;
    margin: 0 0 .25rem .6rem;
    pointer-events: auto;
    position: relative;
    width: 10.3rem
}

.shopping-cart {
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 3.7rem;
    position: absolute;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 90
}

.shopping-cart-wrapper {
    bottom: 1.2rem;
    height: 2.5rem;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 300
}

.shopping-cart-bar {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: .6rem;
    position: relative;
    width: 17.55rem
}

.shopping-cart-bar-left {
    border-radius: .4rem;
    height: 2.5rem;
    overflow: hidden;
    position: relative;
    width: 4.4rem;
    z-index: 2
}

.shopping-cart-bar-left-bg {
    border-radius: 0 .4rem .4rem 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.shopping-cart-bar-left-bg-img {
    height: 2.5rem;
    width: 4.4rem
}

.shopping-cart-bar-left-content {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 2.4rem;
    -webkit-justify-content: center;
    justify-content: center;
    padding-left: .85rem;
    position: relative;
    z-index: 2
}

.shopping-cart-bar-left-content-text1 {
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    line-height: .8rem
}

.shopping-cart-bar-left-content-text1-appCare {
    font-size: .8rem;
    line-height: 1rem
}

.shopping-cart-bar-left-content-text2 {
    color: #fff;
    font-size: .6rem;
    line-height: .7rem;
    margin-top: .2rem
}

.shopping-cart-bar-left-content-text2-appCare {
    font-size: .7rem;
    line-height: .8rem;
    margin-top: 0
}

.sp-yellow-box {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3.9rem;
    left: 0;
    margin-left: .6rem;
    position: absolute;
    top: 0;
    width: 17.55rem
}

.sp-yellow-box-w {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0;
    width: 18.75rem
}

.shopping-cart-bar-fixed-content {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: .75rem;
    position: absolute;
    right: -.2rem;
    top: 0;
    z-index: 9
}

.spcb-lottie-box {
    height: 2.5rem;
    min-height: 2.5rem;
    min-width: 2.5rem;
    width: 2.5rem
}

.spcb-lottie-box-img {
    height: 2.5rem;
    min-height: 2.5rem;
    min-width: 2.5rem;
    width: 2.5rem
}

.spcb-move-box {
    -ms-flex-pack: start;
    background-color: transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative
}

.spcb-num-box {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 1.75rem;
    min-width: .9rem;
    padding: 0 .05rem;
    position: absolute;
    top: .15rem
}

.spcb-price-box {
    -ms-flex-pack: center;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: .4rem;
    width: 6.5rem
}

.spcb-price-box-open {
    width: 10rem
}

.spcb-price-wrapper {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.spcb-price-symbol {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1rem
}

.spcb-price-discount {
    font-size: .5rem;
    line-height: .7rem;
    margin: .1rem 0 0 .2rem
}

.spcb-price-tip {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -.05rem
}

.spcb-price-tip-t {
    font-size: .5rem;
    line-height: .55rem
}

.spcb-price-tip2 {
    display: inline;
    line-height: 0;
    margin: 0 0 0 .15rem;
    padding: 0
}

.spcb-price-tip2-t {
    font-size: .5rem;
    line-height: .7rem;
    text-decoration: line-through;
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}

.spcb-fixed-text {
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.05rem
}

.spcb-fixed-text-en {
    font-size: .6rem;
    line-height: .7rem;
    margin-top: .05rem
}

.scbl-skew-rn-wrapper {
    border-radius: 0 .3rem .45rem 0;
    height: 2.625rem;
    overflow: hidden;
    position: absolute;
    right: .375rem;
    top: -.075rem;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    width: 1rem
}

.scbl-skew-rn {
    bottom: -.2rem;
    height: 2.5rem;
    overflow: hidden;
    position: absolute;
    right: -.225rem;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    width: 4.4rem
}

.spcb-price-inactive-text {
    color: #fff;
    font-size: .9rem;
    font-weight: 500;
    height: .9rem;
    line-height: 1rem
}

.spcb-price-inactive {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.5rem
}

.sc-pointer-events-initial {
    pointer-events: auto
}

.sc-list-title {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.8rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 0;
    margin: 0 auto;
    padding: 0 .625rem;
    width: 17.5rem
}

.sc-list-title-left {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.sc-list-title-left-txt {
    font-size: .8rem;
    font-weight: 500;
    line-height: .9rem
}

.sc-list-title-left-r {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: .2rem;
    margin-top: .05rem
}

.sc-list-title-left-r-t1 {
    color: #999;
    font-size: .6rem;
    font-weight: 400;
    line-height: .9rem
}

.sc-list-title-left-r-t2 {
    color: #e40030;
    font-size: .6rem;
    font-weight: 400;
    line-height: .9rem
}

.sc-list-title-left-r-icon {
    height: .6rem;
    margin-left: .1rem;
    width: .6rem
}

.sc-list-title-right {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.sc-list-title-right-icon {
    height: .7rem;
    margin-right: .2rem;
    width: .7rem
}

.sc-list-title-right-txt {
    color: #999;
    font-size: .6rem
}

.sc-item-wrap {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 0;
    margin-bottom: -.05rem;
    overflow: hidden;
    padding: 0 .6rem;
    position: relative
}

.sc-item-inner {
    -ms-flex-align: start;
    -ms-flex-pack: justify;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: .6rem;
    position: relative;
    width: 100%
}

.sc-item-inner-line {
    border-top: .05rem solid #eee
}

.sc-item-left {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: .5rem;
    padding-top: .5rem
}

.sc-item-left-icon {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 2.25rem;
    width: 3rem
}

.sc-item-left-img {
    border-radius: .2rem;
    height: 2.25rem;
    width: 3rem
}

.sc-item-left-img-child {
    border-radius: .1rem;
    height: 1.5rem;
    width: 2rem
}

.sc-item-mid {
    -ms-flex-negative: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    padding-top: .6rem;
    position: relative
}

.sc-item-mid-line {
    border-top: .05rem solid #eee
}

.sc-item-mid-top {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative
}

.sc-item-mid-label {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .8rem;
    margin-right: .2rem;
    width: .8rem
}

.sc-item-mid-label-img {
    height: 100%;
    width: 100%
}

.sc-item-mid-card {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .8rem;
    margin-right: .2rem;
    width: 2.5rem
}

.sc-item-mid-card-img {
    height: 100%;
    width: 100%
}

.sc-item-mid-prime {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: .2rem;
    margin-top: .15rem
}

.sc-item-mid-tit {
    -ms-flex-negative: 1;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    padding-right: .3rem
}

.sc-item-mid-tit-exView {
    -ms-flex-negative: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1
}

.sc-item-mid-tit-txt {
    font-size: .7rem;
    font-weight: 500;
    line-height: 1rem;
    min-height: 1rem;
    min-width: 1rem
}

.sc-item-mid-tit-edit {
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .025rem solid #e40030;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .8rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 0 .3rem;
    width: 1.7rem
}

.sc-item-mid-tit-edit-t {
    color: #e40030;
    font-size: .55rem;
    font-weight: 500
}

.sc-item-mid-desc {
    border-radius: .25rem;
    margin-top: .35rem;
    width: 11.5rem
}

.sc-item-mid-desc-txt {
    color: #999;
    font-size: .55rem;
    line-height: .75rem
}

.sc-item-mid-m {
    -ms-flex-align: end;
    -ms-flex-pack: start;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: .6rem
}

.sc-item-mid-m-icon {
    color: #e40030;
    font-size: .6rem;
    line-height: .9rem
}

.sc-item-mid-m-realPriceL {
    color: #e40030;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2rem
}

.sc-item-mid-m-realPriceR {
    color: #e40030;
    font-size: .7rem;
    font-weight: 600
}

.sc-item-mid-m-price {
    color: #999;
    font-size: .7rem;
    line-height: 1.1rem;
    line-height: .95rem;
    margin-left: .2rem;
    text-decoration: line-through;
    -webkit-text-decoration-color: #999;
    text-decoration-color: #999
}

.sc-item-mid-m-tip {
    color: #e40030;
    font-size: .7rem;
    font-weight: 500;
    line-height: .9rem
}

.sc-item-right {
    -ms-flex-negative: 0;
    -ms-flex-align: end;
    -ms-flex-pack: justify;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 4.3rem
}

.sc-item-right-line {
    border-top: .05rem solid #eee
}

.sc-item-right-edit {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .8rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: .5rem;
    width: 1.7rem
}

.sc-item-right-edit-img {
    height: .7rem;
    width: .7rem
}

.sc-item-right-edit-txt {
    color: #999;
    font-size: .55rem;
    line-height: .7rem
}

.sc-item-right-numbtn {
    bottom: .5rem;
    position: absolute;
    right: -.15rem;
    width: 4.6rem;
    z-index: 3
}

.sc-item-right-numbtn-txt {
    -ms-flex-pack: end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 0 .25rem .6rem 0
}

.sc-item-right-numbtn-txt-t {
    color: #999;
    font-size: .8rem;
    font-weight: 400
}

.sc-item-img-mask {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .05);
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.25rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: .5rem;
    width: 3rem;
    z-index: 2
}

.sc-item-img-mask-inner {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    border-radius: .45rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .85rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 2.5rem
}

.sc-item-img-mask-inner-txt {
    color: #fff;
    font-size: .5rem;
    line-height: .65rem
}

.sc-item-pre-use {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -ms-flex-negative: 1;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fee4ac;
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    height: 1.4rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: .65rem;
    padding: 0 .6rem;
    position: relative;
    width: 100%;
    z-index: .1rem
}

.sc-item-pre-use-arrow {
    background-color: #fee4ac;
    height: .5rem;
    left: 1.3rem;
    position: absolute;
    top: -.25rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .5rem;
    z-index: 1
}

.sc-item-pre-use-l {
    -ms-flex-negative: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1
}

.sc-item-pre-use-t1 {
    -ms-flex-negative: 1;
    color: #231e1f;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    font-size: .6rem;
    font-weight: 400;
    line-height: .85rem
}

.sc-item-pre-use-t2 {
    -ms-flex-negative: 1;
    color: #e40030;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    font-size: .6rem;
    font-weight: 400;
    line-height: .85rem
}

.sc-item-pre-use-btn {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    border: .025rem solid #e40030;
    border-radius: .65rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .85rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: .25rem;
    width: 2.3rem
}

.sc-item-pre-use-btn-t {
    color: #e40030;
    font-size: .5rem;
    font-weight: 500;
    line-height: .7rem
}

.bg-anchor {
    border-radius: .2rem;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.mask-opacity {
    opacity: .3
}

.sc-card-wrap {
    -ms-flex-pack: center;
    background-color: #fff;
    border-radius: .4rem;
    bottom: 4.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    min-height: 3.9rem;
    position: absolute;
    width: 100%;
    z-index: 10
}

.sc-card-wrap-bg {
    border-radius: .5rem .5rem 0 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.sc-card-inner {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 .8rem 0 .9rem;
    position: relative
}

.sc-card-left {
    -ms-flex-negative: 0;
    background-color: #fff;
    border-radius: .2rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 0 .5rem 0 0;
    overflow: hidden
}

.sc-card-left-img {
    border-radius: .1rem;
    height: 1.3rem;
    width: 2.15rem
}

.sc-card-mid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    padding-right: .5rem
}

.sc-card-mid-top {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative
}

.sc-card-mid-top-txt {
    color: #231e1f;
    font-size: .7rem;
    font-weight: 600
}

.sc-card-mid-top-txt-m {
    color: #e40030;
    font-size: .65rem;
    font-style: italic;
    font-weight: 700;
    width: .5rem
}

.sc-card-mid-top-txt-red {
    color: #e40030;
    font-weight: 700
}

.sc-card-mid-top-txt-red-italic {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1rem;
    font-style: italic;
    font-weight: 700;
    margin-bottom: .1rem
}

.sc-card-mid-top-detail {
    color: #a4a29f;
    font-size: .6rem;
    line-height: .8rem;
    margin-left: .25rem;
    margin-right: -2rem;
    text-decoration: underline;
    -webkit-text-decoration-color: #c0bfbe;
    text-decoration-color: #c0bfbe;
    width: 2.25rem
}

.sc-card-mid-content {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .15rem
}

.sc-card-mid-content-tip {
    color: #414141;
    font-size: .6rem;
    font-weight: 400;
    max-width: 6.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sc-card-mid-content-value {
    color: #e40030;
    font-size: .7rem;
    font-weight: 500;
    line-height: .9rem
}

.sc-card-mid-content-icon {
    height: .6rem;
    margin-left: .15rem;
    width: .6rem
}

.sc-card-mid-content-button {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: .1rem
}

.sc-card-mid-content-button-text {
    color: #a87b29;
    font-size: .6rem;
    font-weight: 400
}

.sc-card-mid-content-button-icon {
    height: .5rem;
    margin-left: .1rem;
    width: .5rem
}

.sc-card-right {
    -ms-flex-negative: 0;
    -ms-flex-pack: end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: absolute;
    right: .8rem
}

.sc-card-right-l {
    -ms-flex-align: baseline;
    -ms-flex-pack: end;
    -webkit-align-items: baseline;
    align-items: baseline;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-right: .2rem
}

.sc-card-right-l-price {
    color: #828282;
    font-size: .55rem;
    margin-right: .15rem;
    text-decoration: line-through;
    -webkit-text-decoration-color: #828282;
    text-decoration-color: #828282
}

.sc-card-right-l-realPrice {
    color: #231e1f;
    font-size: .6rem;
    font-weight: 400;
    line-height: 1rem
}

.sc-card-right-l-realPrice-m {
    color: #000;
    font-size: .6rem;
    font-weight: 500
}

.sc-card-right-l-realPrice-b {
    color: #000;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1rem
}

.sc-card-right-r {
    height: 1rem;
    width: 1rem
}

.sc-card-right-pic {
    -ms-flex-pack: end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.2rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: absolute;
    right: -.125rem;
    top: -1.625rem;
    z-index: 3
}

.shopping-cart-derail {
    background-color: #fff;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    padding-bottom: 3.7rem;
    position: relative;
    z-index: 4
}

.shopping-cart-derail-scroll {
    margin-bottom: .7rem
}

.shopping-cart-derail-scroll::-webkit-scrollbar {
    color: transparent;
    display: none;
    height: 0;
    width: 0
}

.shopping-cart-derail-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 100%
}

.shopping-cart-derail-content-it {
    margin-top: -.05rem
}

.cart-yellow-box {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    border-radius: .4rem .4rem .4rem .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3.65rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.cart-yellow-box-w {
    width: 18.75rem
}

.cart-yellow-box-wp {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.4rem;
    padding: 0 .75rem;
    width: 100%
}

.cart-yellow-box-wrap {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative
}

.cart-yellow-box-inner {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center
}

.cart-yellow-box-inner-text {
    color: #333;
    font-size: .6rem;
    line-height: 1.4rem;
    white-space: nowrap
}

.cart-yellow-box-inner-vgold {
    height: .7rem;
    margin: .3rem .15rem;
    width: .7rem
}

.shopping-cart-holder-primeInfo {
    min-height: 4rem
}

.nz-swbtn {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    overflow: hidden;
    -webkit-transition: background-color .15s;
    transition: background-color .15s
}

.nz-swbtn_btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.custom-menu-pop {
    background: #fff;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    position: relative;
    width: 100%
}

.custom-menu-pop-title {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: .8rem;
    padding: .9rem .9rem .6rem
}

.custom-menu-pop-title-tex {
    color: #000;
    font-family: PingFangSC-Medium;
    font-size: .8rem;
    font-weight: 500
}

.custom-menu-pop-title-close-icon {
    height: .7rem;
    width: .7rem
}

.custom-menu-pop-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: .45rem;
    padding: 0 1rem
}

.custom-menu-pop-content-item {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #f6f6f6;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: .5rem;
    padding: 1rem .7rem
}

.custom-menu-pop-content-item-left {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.custom-menu-pop-content-item-right {
    height: 1.15rem;
    width: 1.9rem
}

.custom-menu-pop-content-item-right-rn {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.custom-menu-pop-content-item-right-android-alipay {
    margin-left: -1.375rem;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.custom-menu-pop-span {
    background: #d62f35;
    border-bottom-right-radius: 5.25rem;
    border-top-right-radius: 5.25rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    margin-left: -.7rem;
    width: .2rem
}

.custom-menu-pop-text {
    color: #333;
    font-family: PingFangSC-Regular;
    font-size: .7rem;
    font-weight: 400;
    margin-left: .75rem
}

.custom-menu-pop-i {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .375rem;
    color: #979797;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: .25rem;
    font-weight: 600;
    height: 1rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: .375rem;
    width: 1rem
}

.custom-menu-pop-i-img {
    height: 100%;
    width: 100%
}

.custom-menu-pop-btns {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 .8rem;
    padding: 1.95rem 0 .8rem
}

.custom-menu-pop-btns-reset {
    border: .05rem solid #eee
}

.custom-menu-pop-btns-reset-text {
    color: #333
}

.custom-menu-pop-btns-complete-text {
    color: #fff
}

.custom-menu-pop-btns-complete-text-num {
    font-size: .6rem
}

.custom-menu-pop-btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 1.1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: PingFangSC-Medium;
    font-size: .8rem;
    height: 2.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: .0095rem;
    line-height: 3rem;
    text-align: center;
    width: 8rem
}

.custom-menu-box {
    background: rgba(0, 0, 0, 0);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 16
}

.custom-menu-tips {
    elevation: 4;
    background: #fff;
    position: relative;
    z-index: 15
}

.custom-menu-tips-icon {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .875rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: -1.6rem;
    width: .875rem
}

.custom-menu-tips-icon-img {
    height: .875rem;
    width: .875rem
}

.custom-menu-tips-icon0 {
    left: 4.25rem
}

.custom-menu-tips-icon1 {
    left: 6.3rem
}

.custom-menu-tips-icon2 {
    left: 5.5rem
}

.custom-menu-tips-t {
    background: #fff;
    border-radius: .25rem;
    -webkit-box-shadow: 0 .15rem .6rem 0 rgba(51, 51, 51, .15);
    box-shadow: 0 .15rem .6rem 0 rgba(51, 51, 51, .15);
    left: 2.125rem;
    padding: .5rem;
    position: absolute;
    right: .25rem;
    top: -1rem;
    z-index: 100
}

.custom-menu-tips-t-warp {
    color: #666;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    font-weight: 400
}

.custom-menu-tips-applets .custom-menu-tips-icon {
    top: -1.625rem
}

.learnMore {
    padding: .5rem 1rem 1.2rem
}

.learnMore-content {
    color: #666;
    font-size: .7rem;
    font-weight: 400;
    word-break: break-all
}

.learnMore-content-wrap {
    height: 13rem;
    line-height: 1rem
}

.learnMore-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .75rem;
    width: 16.75rem
}

.learnMore-button-text {
    color: #fff;
    font-size: .8rem;
    font-weight: 700
}

.MenuLoginPopHeader {
    height: 3rem;
    padding: 0 .8rem;
    width: 17.15rem
}

.MenuLoginPopHeader-x {
    background: #ececec;
    border-radius: 50%
}

.MenuLoginPop {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.25rem
}

.MenuLoginPop-image {
    height: 5rem;
    margin-bottom: 1.6rem;
    width: 5rem
}

.MenuLoginPop-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border: .05rem solid #ccc;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 2.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 1.2rem;
    width: 16.35rem
}

.MenuLoginPop-button-active {
    background: #e40030;
    border: .05rem solid #e40030
}

.MenuLoginPop-button-text {
    color: #231e1f;
    font-family: PingFangSC-Regular;
    font-size: .8rem;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center
}

.MenuLoginPop-button-text-active {
    color: #fff;
    font-weight: 500
}

.ko-m-c-bcp-lh {
    -ms-flex-align: start;
    -ms-flex-pack: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color: transparent;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.ko-m-c-bcp-lh-c {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative
}

.ko-m-c-bcp-lh-c-l {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: .25rem;
    overflow: hidden;
    width: 2rem
}

.ko-m-c-bcp-lh-c-l-i {
    height: .95rem;
    overflow: hidden;
    width: .95rem
}

.ko-m-c-bcp-lh-c-c {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 2rem;
    overflow: hidden;
    position: absolute;
    right: 2rem;
    z-index: 1
}

.ko-m-c-bcp-lh-c-c-h {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.ko-m-c-bcp-lh-c-c-t {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #333;
    display: -webkit-box;
    font-size: .7rem;
    font-weight: 700;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-all
}

.ko-m-c-bcp-lh-c-r {
    height: 100%;
    min-width: .25rem;
    overflow: hidden;
    z-index: 2
}

.ko-m-c-bcp-lh-c-r-h {
    height: 100%;
    width: 4.3rem
}

.ko-m-c-ppl-l-view {
    background-color: rgba(0, 0, 0, .75);
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1001
}

.ko-m-c-ppl-l-header-view {
    position: absolute;
    width: 100%;
    z-index: 99
}

.ko-m-c-ppl-l-content-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative
}

.ko-m-c-ppl-l-content-box-bottom {
    z-index: 10
}

.ko-m-c-ppl-l-scroll-view {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    position: relative
}

.ko-m-c-ppl-l-scroll-view-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.ko-m-c-ppl-l-scroll-view-content-top-hold {
    width: 100%
}

.ko-m-c-ppl-l-scroll-view-content-content {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ko-m-c-ppl-l-scroll-view-content-content-main {
    background-color: #fff;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ko-m-c-ppl-l-scroll-view-content-content-icon-view {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 1.2rem;
    position: absolute;
    width: 2.5rem;
    z-index: 20
}

.ko-m-c-ppl-l-scroll-view-content-content-icon-view-img {
    height: 1.6rem;
    width: 1.6rem
}

.ko-m-c-ppl-l-scroll-view-content-bottom-hold {
    background-color: #f5f5f5;
    bottom: 0;
    margin-top: -.025rem;
    min-height: 5rem;
    width: 100%
}

.sticky-view {
    position: -webkit-sticky;
    position: sticky;
    z-index: 9
}

.sticky-view_p {
    height: 1Px;
    pointer-events: none;
    position: absolute;
    top: -1Px;
    width: 100%;
    z-index: 99
}

.scroll-view {
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh
}

.menu-prime-layer-header {
    -ms-flex-pack: end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 7.3rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    overflow: hidden;
    padding-top: 1.2rem;
    position: relative;
    width: 100%
}

.menu-prime-layer-header-bg {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 9.35rem;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.menu-prime-layer-header-bg-sticky {
    bottom: .2rem;
    height: 11.65rem
}

.menu-prime-layer-header-card {
    height: 3.25rem;
    position: absolute;
    right: .65rem;
    top: .05rem;
    width: 4.65rem;
    z-index: -1
}

.menu-prime-layer-header-card-img {
    bottom: 0;
    height: 2.6rem;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    width: 4.2rem
}

.menu-prime-layer-header-point {
    height: .8rem;
    left: -.05rem;
    left: 0;
    position: absolute;
    top: -.1rem;
    -webkit-transform: rotate(355deg);
    -ms-transform: rotate(355deg);
    transform: rotate(355deg);
    width: .8rem;
    z-index: 2
}

.menu-prime-layer-header-cover {
    background-color: #f5f5f5;
    border-top-left-radius: .45rem;
    border-top-right-radius: .45rem;
    border-width: 0;
    height: .75rem;
    -webkit-transform: translateY(.05rem);
    -ms-transform: translateY(.05rem);
    transform: translateY(.05rem);
    z-index: 1
}

.menu-prime-layer-header-container {
    line-height: 1.8rem;
    margin-bottom: .25rem
}

.menu-prime-layer-header-title {
    color: #e40030;
    font-family: PingFangSC-Medium;
    font-size: 1.15rem;
    font-weight: 600;
    margin-left: .85rem;
    max-width: 16.6rem;
    z-index: 1
}

.menu-prime-layer-header-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: .95rem;
    margin-left: .85rem;
    z-index: 1
}

.menu-prime-layer-header-subtitle {
    word-wrap: break-word;
    color: #e40030;
    font-family: PingFangSC-Regular;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1rem;
    max-width: 96%;
    word-break: break-all
}

.menu-prime-layer-header-subtitle-detail {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    color: #a87b29;
    font-family: PingFangSC-Regular;
    font-size: .65rem;
    font-weight: 400;
    margin-left: .15rem
}

.menu-prime-layer-header-detail {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    height: .5rem;
    margin-left: .1rem;
    width: .55rem
}

.ko-mmc-bc-ppl {
    background: #f5f5f5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: .65rem;
    -webkit-transform: translateY(-.025rem);
    -ms-transform: translateY(-.025rem);
    transform: translateY(-.025rem)
}

.growthMemberCard-main {
    background-color: transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.growthMemberCard-title {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 3.1rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    z-index: 1
}

.growthMemberCard-t1 {
    color: #333;
    font-family: System;
    font-size: .9rem;
    font-weight: 600
}

.growthMemberCard-t2 {
    color: #333;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: System;
    font-size: .6rem;
    line-height: 1.75rem
}

.growthMemberCard-t3 {
    color: #333;
    font-family: System;
    font-size: 1rem;
    letter-spacing: -.01075rem;
    line-height: 1.4rem;
    text-align: center
}

.growthMemberCard-t4 {
    color: #333;
    font-family: System;
    font-size: .7rem;
    letter-spacing: -.01075rem;
    line-height: 1.4rem;
    margin-top: .15rem;
    text-align: center
}

.growthMemberCard-t5 {
    color: #999;
    font-size: .6rem
}

.growthMemberCard-card {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%
}

.growthMemberCard-card_content {
    border-radius: .5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 9.5rem;
    position: relative;
    width: 17.15rem;
    z-index: 1
}

.growthMemberCard-card_imgView {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 9.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    width: 17.15rem
}

.growthMemberCard-card_imgView-icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 9.5rem;
    width: 17.15rem
}

.growthMemberCard-card_img {
    border-radius: .5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 9.5rem;
    width: 17.15rem
}

.growthMemberCard-card_tips {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f6c379;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    bottom: -.05rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.75rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 17.15rem;
    z-index: 2
}

.growthMemberCard-card_tips-left {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    min-width: 0;
    padding-left: .65rem;
    position: relative;
    z-index: 1
}

.growthMemberCard-card_tips-left_mask {
    height: 1.25rem;
    position: absolute;
    right: 0;
    top: .25rem;
    width: 2rem;
    z-index: 10
}

.growthMemberCard-card_tips-right {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-right: .6rem
}

.growthMemberCard-card_tips-right_select {
    border: .05rem solid #333;
    border-radius: .5rem;
    height: .9rem;
    width: .9rem
}

.growthMemberCard-card_tips-right_selectView {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: .325rem;
    position: relative;
    width: 1rem;
    z-index: 1
}

.growthMemberCard-card_tips-right_selectImg {
    border-radius: .5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1rem;
    z-index: 2
}

.growthMemberCard-card_tips-right_textView {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.4rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: -.15rem
}

.growthMemberCard-imgList {
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .8rem;
    padding-left: .8rem;
    padding-right: .8rem
}

.growthMemberCard-imgList_img {
    width: 100%
}

.growthMemberCard-rule {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .8rem;
    padding-bottom: 2.5rem;
    padding-left: .8rem;
    padding-right: .8rem
}

.growthMemberCard-rule_title {
    margin-bottom: .15rem
}

.primeDiscountCardItem-ScrollArea-main {
    -ms-flex-negative: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 6.6rem
}

.primeDiscountCardItem-ScrollArea-t1 {
    color: #c79753;
    font-size: .6rem
}

.primeDiscountCardItem-ScrollArea-t2 {
    color: #000;
    font-size: .6rem;
    font-weight: 500;
    line-height: .85rem;
    text-align: center
}

.primeDiscountCardItem-ScrollArea-t3 {
    color: #000;
    font-size: .6rem;
    margin-top: .05rem;
    opacity: .51
}

.primeDiscountCardItem-ScrollArea-tipsView {
    -ms-flex-negative: 0;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.8rem;
    padding-left: .35rem
}

.primeDiscountCardItem-ScrollArea-tipsView_line {
    -ms-flex-negative: 0;
    background-color: #c79753;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1PX;
    width: 5.4rem
}

.primeDiscountCardItem-ScrollArea-tipsView_textView {
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-justify-content: center;
    justify-content: center;
    width: 4rem
}

.primeDiscountCardItem-ScrollArea-tipsView_display {
    -ms-flex-negative: 0;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.8rem
}

.primeDiscountCardItem-ScrollArea-scroll {
    height: 6.6rem;
    width: 100%
}

.primeDiscountCardItem-ScrollArea-offerList {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 4.75rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-left: .4rem
}

.primeDiscountCardItem-ScrollArea-offerList_around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.primeDiscountCardItem-ScrollArea-offer {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 4.75rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 4.7rem
}

.primeDiscountCardItem-ScrollArea-offer_textView {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    width: 4.15rem
}

.primeDiscountCardItem-ScrollArea-offer_ImgView {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 3.7rem;
    z-index: 1
}

.primeDiscountCardItem-ScrollArea-offer_Img {
    height: 2rem;
    margin-bottom: .4rem;
    margin-top: .1rem;
    width: 2rem
}

.primeDiscountCardItem-ScrollArea-offer_ImgOver {
    border-radius: 1rem;
    height: 2rem;
    overflow: hidden;
    width: 2rem
}

.primeDiscountCardItem-ScrollArea-offer_display {
    -ms-flex-negative: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 3.25rem;
    width: .4rem
}

.primeDiscountCardItem-ScrollArea-offer_tips {
    height: .5rem;
    position: absolute;
    right: .25rem;
    top: 0;
    width: 1.4rem;
    z-index: 2
}

.primeDiscountCardItem {
    -ms-flex-negative: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 9.8rem;
    position: relative;
    width: 17.55rem;
    z-index: 1
}

.primeDiscountCardItem-big {
    height: 10.65rem
}

.primeDiscountCardItem-bgView {
    -ms-flex-negative: 0;
    border-radius: .55rem;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.primeDiscountCardItem-bg {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.primeDiscountCardItem-small {
    margin-right: .4rem;
    width: 16.7rem
}

.primeDiscountCardItem-marginR {
    margin-right: .6rem
}

.primeDiscountCardItem-marginL {
    margin-left: .6rem
}

.primeDiscountCardItem-t1 {
    color: #333;
    font-size: .7rem;
    font-weight: 500;
    line-height: .9rem
}

.primeDiscountCardItem-t2 {
    color: #c79753;
    font-size: .6rem;
    letter-spacing: -.26PX;
    line-height: .6rem
}

.primeDiscountCardItem-t3 {
    color: #c79753;
    font-size: .6rem
}

.primeDiscountCardItem-content {
    background-color: transparent;
    border-radius: .55rem;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    padding: .5rem .6rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.primeDiscountCardItem-content_top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.7rem;
    width: 100%
}

.primeDiscountCardItem-content_top-l {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: .2rem;
    width: 2.7305rem
}

.primeDiscountCardItem-content_top-l_img {
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.5rem;
    overflow: hidden;
    width: 2.7305rem
}

.primeDiscountCardItem-content_top-l_img_b {
    background-color: #fff
}

.primeDiscountCardItem-content_top-r {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-width: 0
}

.primeDiscountCardItem-content_top-r_t {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.primeDiscountCardItem-content_top-r_tImageView {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: .95rem
}

.primeDiscountCardItem-content_top-r_tImg {
    height: .65rem;
    width: .65rem
}

.primeDiscountCardItem-content_top-r_b {
    -ms-flex-pack: start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    pointer-events: none
}

.primeDiscountCardItem-content_top-r_bm {
    margin-top: -.3rem
}

.primeDiscountCardItem-content_bottom {
    background-color: #fff;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 6.6rem;
    margin-top: .5rem;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

.primeDiscountCardItem-content_bottom_big {
    height: 7.35rem
}

.primeDiscountCardItem-content_bottom-topLine {
    -ms-flex-pack: distribute;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.8rem;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    left: .35rem;
    position: absolute;
    right: .35rem;
    top: 0;
    z-index: 2
}

.primeDiscountCardItem-content_bottom-line {
    -ms-flex-positive: 1;
    -ms-flex-negative: 0;
    background-color: #c79753;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1PX
}

.primeDiscountCardItem-content_bottom-textName {
    -ms-flex-negative: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: .45rem;
    padding-right: .45rem
}

.primeDiscountCardItem-content_bottom-scroll {
    height: 100%;
    width: 100%
}

.primeDiscountCardItem-content_bottom-offerList {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-left: .4rem
}

.primeDiscountCardItem-content_bottom-offer {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 4.7rem
}

.primeDiscountCardItem-content_bottom-offer_Img {
    height: 2rem;
    margin-bottom: .4rem;
    width: 2rem
}

.primeDiscountCardItem-content_bottom-offer_Text {
    color: #000;
    font-size: .6rem;
    font-weight: 500;
    line-height: .85rem
}

.primeDiscountCardItem-content_bottom-offer_display {
    -ms-flex-negative: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 3.25rem;
    width: .4rem
}

.primeDiscountCard {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.primeDiscountCard-singleCard {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.primeDiscountCard-scroll {
    height: 9.8rem;
    width: 100%
}

.primeDiscountCard-scroll_big {
    height: 10.65rem
}

.primeDiscountCard-list {
    -ms-flex-pack: start;
    -ms-flex-align: start;
    -ms-flex-negative: 0;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 9.8rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.primeDiscountCard-list_big {
    height: 10.65rem
}

.primeDiscountCard-display {
    -ms-flex-negative: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 9.8rem;
    width: .025rem
}

::-webkit-scrollbar {
    color: transparent;
    height: 0;
    width: 0
}

.meal-detail-page-prime {
    background-color: #fff;
    border-radius: .4rem .4rem 0 0;
    overflow: hidden;
    position: relative
}

.meal-detail-page-prime_v {
    position: relative;
    z-index: 3
}

.meal-detail-container-box {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative
}

.nd-popup-store-info-addr-skeleton,
.nd-popup-store-info-sub,
.nd-popup-store-info-sub-long,
.nd-popup-store-info-sub-selected {
    background-color: #ececec;
    border-radius: .1rem;
    height: .4rem;
    width: 2.8rem
}

.nd-popup-wrap {
    background-color: #fdebef;
    border-radius: .4rem .4rem 0 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 10rem;
    width: 12rem
}

.nd-popup-top {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.nd-popup-top__icon {
    height: .6rem;
    margin-left: .25rem;
    margin-right: .125rem;
    width: .6rem
}

.nd-popup-top__text {
    color: #e40030;
    font-family: PingFang SC;
    font-size: .5rem;
    font-weight: 400;
    line-height: .7rem
}

.nd-popup-content {
    background-color: #fff;
    border: .05rem solid #efefef;
    border-radius: .4rem .4rem 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 8.75rem;
    padding: .5rem .4rem 0;
    width: 12rem
}

.nd-popup-content-header {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative
}

.nd-popup-content-header-left {
    background-color: #ececec;
    border-radius: .1rem;
    height: .5rem;
    width: 3.5rem
}

.nd-popup-content-header-right {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    right: 0
}

.nd-popup-content-header-r {
    background-color: #ececec;
    border-radius: .85rem;
    height: .8rem;
    margin-right: .35rem;
    width: 2.45rem
}

.nd-popup-content-header-btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ececec;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .8rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: .8rem
}

.nd-popup-store {
    background: #fff;
    border: .05rem solid #efefef;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3.3rem;
    margin-top: .4rem;
    padding-top: .3rem;
    width: 11rem
}

.nd-popup-store-selected {
    border-color: #e40030;
    margin-top: .7rem
}

.nd-popup-store-img {
    background-color: #ececec;
    border-radius: .2rem;
    height: 2.25rem;
    margin-left: .4rem;
    width: 3rem
}

.nd-popup-store-info {
    margin-left: .3rem
}

.nd-popup-store-info-addr {
    margin-bottom: .25rem
}

.nd-popup-store-info-addr-skeleton {
    margin-bottom: .5rem;
    margin-top: .15rem
}

.nd-popup-store-info-addr__text {
    color: #231e1f;
    font-family: PingFang SC;
    font-size: .5rem;
    font-weight: 500;
    line-height: .7rem;
    max-width: 6.8rem
}

.nd-popup-store-info-sub {
    width: 2.6rem
}

.nd-popup-store-info-sub-long {
    margin-bottom: .25rem;
    width: 5.1rem
}

.nd-popup-store-info-sub-selected {
    margin-bottom: .25rem;
    width: 3.4rem
}

.ap-cardBag {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: .5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 18.85rem;
    overflow: hidden;
    position: relative;
    width: 15.05rem
}

.apcb-scrollview {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 18.85rem;
    width: 100%
}

.apcb-scrollview-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 3.25rem
}

.apcb-button-box {
    border-radius: 0 0 .25rem .25rem;
    bottom: 0;
    position: absolute
}

.apcb-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #d62f35;
    border-radius: .525rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.1rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 1.6rem;
    position: absolute;
    top: 1.9rem;
    width: 11.9rem
}

.apcb-button-text {
    color: #fff;
    font-family: System;
    font-size: .75rem
}

.ap-audio-box {
    position: relative
}

.ap-audio-button {
    bottom: 1rem;
    height: 4.95rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-2.5rem);
    -ms-transform: translateX(-2.5rem);
    transform: translateX(-2.5rem);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 4.95rem
}

.ap-audio-button-bg1 {
    background: #000;
    border-radius: 2.475rem;
    height: 4.95rem;
    left: 0;
    opacity: .11;
    position: absolute;
    top: 0;
    width: 4.95rem;
    z-index: 1
}

.ap-audio-button-bg2 {
    background: #000;
    border-radius: 2.025rem;
    height: 4.05rem;
    left: .45rem;
    opacity: .22;
    position: absolute;
    top: .45rem;
    width: 4.05rem;
    z-index: 2
}

.ap-audio-button-bg3 {
    background: #000;
    border-radius: 1.5rem;
    height: 3rem;
    left: .95rem;
    position: absolute;
    top: .95rem;
    width: 3rem;
    z-index: 3
}

.ap-audio-button-img {
    height: 1.25rem;
    left: 1.975rem;
    position: absolute;
    top: 1.8rem;
    width: 1.25rem;
    z-index: 4
}

.video-box {
    position: relative
}

.video-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 88
}

.ap-video {
    position: relative
}

.ap-video-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .68);
    border-color: #fff;
    border-radius: .525rem;
    border-width: .025rem;
    bottom: 1.25rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.8rem;
    -webkit-justify-content: center;
    justify-content: center;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-2.7rem);
    -ms-transform: translateX(-2.7rem);
    transform: translateX(-2.7rem);
    width: 5.4rem
}

.ap-video-button-text {
    color: #fff;
    font-family: System;
    font-size: .7rem
}

.ap-video-button-icon {
    height: 1.2rem;
    margin-right: .1rem;
    width: 1.2rem
}

.ad-not-login-box-bottom {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: .8rem;
    padding-top: .6rem
}

.ad-not-login-box-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #d22333;
    border-radius: 1.15rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.3rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 11rem
}

.ad-not-login-box-button-text {
    color: #fff;
    font-size: .9rem;
    position: relative;
    z-index: 2
}

.ad-not-login-box-button1 {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .5rem;
    opacity: .5;
    width: 11rem
}

.ad-not-login-box-button1-text {
    color: #000;
    font-size: .6rem;
    position: relative;
    z-index: 2
}

.ad-not-login-box {
    background-color: #fff;
    border-radius: .5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 14rem
}

.page_modelContentImg {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.empty-button {
    background-color: transparent;
    bottom: .25rem;
    height: 2.95rem;
    position: absolute;
    width: 100%
}

.lottieOrImg-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.lottieOrImg-box-canvas {
    left: 0;
    position: absolute;
    top: 0
}

.ad-mkt-coupon {
    position: relative
}

.ad-mkt-coupon-left-action {
    background-color: transparent;
    bottom: 0;
    height: 3.25rem;
    left: 0;
    position: absolute;
    width: 8rem;
    z-index: 5
}

.ad-mkt-coupon-full-width {
    width: 15.05rem
}

.ad-mkt-coupon-share {
    background-color: transparent;
    border-width: 0;
    bottom: 0;
    height: 3.25rem;
    position: absolute;
    right: 0;
    width: 7.05rem;
    z-index: 5
}

.page_dialogs {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 799
}

.page_dialog_mask {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    position: absolute;
    width: 100%
}

.ad_content_box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.page_modelContentImg {
    border-radius: .4rem;
    overflow: hidden;
    width: 15.05rem
}

.ad_icon_close_box {
    border: .1rem solid #fff;
    border-radius: 1.2rem;
    height: 1.3rem;
    position: relative;
    width: 1.3rem
}

.ad_icon_close_box_line {
    background: #fff;
    height: .875rem;
    left: 48%;
    position: absolute;
    top: .25rem;
    width: .1rem
}

.ad_icon_close_box_line1 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ad_icon_close_box_line2 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ad_icon_close_box_wrapper {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .5rem
}

.page_modelContentImg_wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.pt-wrap {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 10.65rem;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.pt-content {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: .8rem 1.2rem
}

.pt-item {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .1rem solid #d9d9d9;
    border-radius: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 4.25rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 5.05rem
}

.pt-item__selected {
    border-color: #e40030
}

.pt-item-img {
    height: 1.8rem;
    width: 1.8rem
}

.pt-item-content {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.pt-item-text {
    color: #231e1f;
    font-size: .7rem;
    font-weight: 700
}

.pt-item-text-sub {
    color: #666660;
    font-size: .5rem
}

.pt-item-text__red {
    color: #e40030
}

.pt-item-icon {
    position: absolute;
    right: -.05rem;
    top: -.05rem
}

.pt-bottom {
    height: 4.3rem;
    margin: .9rem .8rem 0
}

.pt-btn {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #999;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 2.2rem;
    width: 17.15rem
}

.pt-btn-text {
    color: #fff;
    font-size: .8rem
}

.pt-btn__selected {
    background-color: #e40030
}

.group-scene-item {
    margin: .6rem .6rem 0
}

.group-address {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.group-address-icon {
    height: 1.2rem;
    width: 1.2rem
}

.group-address-content {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center
}

.group-address-content__text {
    color: #333;
    font-family: PingFangSC-Medium;
    font-size: 1rem;
    font-weight: 500;
    margin-left: .2rem;
    max-width: 10.2rem
}

.group-address-sub__text {
    color: #333;
    font-family: PingFangSC-Regular;
    font-size: .6rem
}

.g-c-d-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: .8rem
}

.g-c-d-t {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: .8rem
}

.g-c-d-t-v {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .8rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    width: .8rem
}

.g-c-d-t-v-day {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .8rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    padding: 0 .15rem;
    width: auto
}

.g-c-d-t-b {
    font-family: PingFangSC-Medium;
    font-size: .55rem;
    font-weight: 500
}

.g-c-d-t-p {
    font-family: PingFangSC-Medium;
    font-size: .55rem;
    font-weight: 500;
    margin: 0 .15rem
}

.red-bg {
    background-color: #d62f35
}

.white-bg {
    background-color: #fff
}

.white-color {
    color: #fff
}

.red-color {
    color: #d62f35
}

.g-m-wrap {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.g-m-i-v {
    -ms-flex-pack: start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative
}

.g-m-i-v-item {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 1.6rem
}

.g-m-i-v-item-image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.6rem;
    width: 1.6rem
}

.g-m-i-v-item-image-mask {
    left: 0;
    position: absolute;
    top: 0
}

.g-m-i-t {
    -ms-flex-pack: start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-left: .25rem;
    margin-right: .25rem
}

.g-m-i-t-text {
    color: #333;
    font-family: PingFangSC-Medium;
    font-size: .7rem;
    font-weight: 500;
    line-height: 1rem;
    white-space: nowrap
}

.g-m-i-t-text-highlight {
    color: #d62f35;
    margin-left: .1rem;
    margin-right: .1rem
}

.group-scene {
    background-color: #f9f9f9;
    border-top-left-radius: 1.2rem;
    -webkit-box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, .12);
    box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, .12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 6.7rem;
    margin-top: -1.2rem;
    overflow: hidden;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    z-index: 15
}

.group-scene-has-notification {
    height: 8.3rem
}

.group-scene-content {
    padding: 0 .6rem
}

.group-scene-item {
    height: 2.6rem
}

.group-scene-item__text {
    color: #231e1f;
    font-family: PingFangSC-Medium;
    font-size: .7rem;
    font-weight: 500;
    margin-left: .25rem
}

.group-scene-sticky {
    border-top-left-radius: 0
}

.group-scene-exception {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.group-info {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ffe4e4;
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: .8rem
}

.group-notification-bar {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #eee;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    padding-left: 1rem;
    padding-right: 1.45rem
}

.group-notification-bar-icon {
    height: 1rem;
    margin-right: .2rem;
    width: 1rem;
    z-index: 1
}

.group-notification-bar-text {
    color: #231e1f;
    font-family: PingFang SC;
    font-size: .6rem;
    font-weight: 500;
    line-height: 1.6rem;
    white-space: nowrap
}

.group-exception {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .3rem 0
}

.group-exception-img {
    height: 9rem;
    width: 9rem
}

.group-exception-content {
    margin-bottom: 2rem;
    text-align: center;
    width: 14.85rem
}

.group-exception-content__text {
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.1rem;
    text-align: center;
    white-space: pre-wrap
}

.group-exception-sub {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .45rem
}

.group-exception-sub__text {
    color: #231e1f;
    font-size: .8rem;
    line-height: 1.1rem
}

.group-exception-sub-red {
    color: #e40030
}

.group-exception-sub-grey {
    color: #909090;
    font-size: .7rem;
    font-weight: 400
}

.group-exception-btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border: .05rem solid #d62f35;
    border-radius: 1.25rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: .75rem;
    width: 10.6rem
}

.group-exception-btn__text {
    color: #d62f35;
    font-size: .9rem
}

.group-exception-btn-red {
    background-color: #d62f35
}

.group-exception-btn-red__text {
    color: #fff
}

.group-exception-btn-grey {
    border-color: #a1a1a1;
    height: 2.5rem;
    width: 8rem
}

.group-exception-btn-grey__text {
    color: #333;
    line-height: 2.5rem
}

.store-busy-subscribe {
    -ms-flex-pack: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 5.3rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    position: fixed;
    width: 100%;
    z-index: 10
}

.store-busy-wrap {
    height: 3.9rem;
    margin-top: .425rem;
    position: relative;
    width: 17.55rem
}

.store-busy-bg {
    background-color: rgba(0, 0, 0, .7);
    border-radius: .65rem;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1
}

.store-busy-bg-icon {
    height: 4.3rem;
    position: absolute;
    right: 0;
    top: -.2rem;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 4.3rem
}

.store-busy-bg-icon__bell {
    height: 3.9rem
}

.store-busy-content {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 .6rem
}

.store-busy-content__text {
    color: #fff;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: PingFangSC-Regular;
    font-size: .7rem;
    line-height: 1rem
}

.store-busy-btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #d62f35;
    border-radius: .8rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 4.3rem
}

.store-busy-btn__text {
    color: #fff;
    font-family: PingFangSC-Semibold;
    font-size: .6rem;
    font-weight: 600
}

.m-scroll-outer {
    background-color: #f9f9f9;
    height: 100vh
}

.m-scroll-outer ::-webkit-scrollbar {
    color: transparent;
    display: none;
    height: 0;
    width: 0
}

.m-scroll-outer-content {
    display: block;
    position: relative
}

.m-scroll-outer-content-left {
    float: left;
    height: calc(100vh - 2.2rem);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 3.2rem;
    z-index: 2
}

.m-scroll-outer-content-right {
    display: block;
    height: 100%;
    margin-left: 3.2rem;
    z-index: 1
}

.title-bar-backup {
    background-color: #f9f9f9;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 7
}

body {
    overflow: hidden
}