.TextMessage_text_message_3cujc pre {
    white-space: pre-wrap;
    border-radius: 5px;
    background-color: #f5f2f0;
    padding: 8px;
    color: #000
}

.TextMessage_text_message_3cujc pre code {
    display: block;
    max-width: 100%;
    max-height: 200px;
    overflow: auto
}

.TextMessage_text_message_3cujc img {
    max-width: 200px
}

.lazy-load-img-wrapper img.lozad[data-v-771dc49c] {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.ValidImager_wrap_2Zb5O {
    width: 100%;
    max-width: 150px
}

.ImageMessage_wrap_1ZfS5 {
    position: relative;
    min-width: 30px;
    min-height: 30px;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    border: 2px solid #f2f6fd
}

.ImageMessage_wrap_1ZfS5 img {
    display: block;
    max-height: 150px;
    max-width: 150px;
    width: auto;
    height: auto;
    border-radius: inherit
}

.ImageMessage_wrap_1ZfS5.ImageMessage_loading_1kpr1 img {
    filter: blur(1px);
    width: 100px
}

.ImageMessage_wrap_1ZfS5.ImageMessage_loading_1kpr1 .ImageMessage_loading_wrap_3W96k {
    display: block
}

.ImageMessage_temp_img_2Of22 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: inherit
}

@-webkit-keyframes ImageMessage_rotate-ani_3csYl {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes ImageMessage_rotate-ani_3csYl {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.ImageMessage_loading_wrap_3W96k {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.ImageMessage_loading_icon_22Imu {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 3px solid #f3f3f3;
    border-top: 3px solid red;
    border-radius: 50%;
    -webkit-animation: ImageMessage_rotate-ani_3csYl .8s linear infinite;
    animation: ImageMessage_rotate-ani_3csYl .8s linear infinite
}

@-webkit-keyframes Loading_rotateAni_3qrEw {
    0% {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes Loading_rotateAni_3qrEw {
    0% {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.Loading_loading_36LER {
    -webkit-animation: Loading_rotateAni_3qrEw 2s linear infinite;
    animation: Loading_rotateAni_3qrEw 2s linear infinite
}

.FileMessage_file_s-JsL {
    display: flex;
    align-items: center;
    background-color: inherit;
    color: inherit;
    padding: 5px 10px 5px 5px;
    border-radius: 10px;
    text-decoration: none
}

.FileMessage_media_file_3wGbS {
    padding: 5px 10px 0 0
}

.FileMessage_file__download_icon_3UP8F {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: inherit
}

.FileMessage_file__uploading_3ZJV4 {
    padding: 5px 10px
}

.FileMessage_file__uploading_3ZJV4 i {
    margin-right: 5px
}

.FileMessage_file__uploading_3ZJV4 span {
    text-decoration: none
}

.UnknowMessage_wrap_9rDJe {
    color: #808695
}

.AudioMessage_wrap_vgVmT {
    cursor: pointer;
    min-width: 60px;
    display: inline-block;
    line-height: 16px;
    white-space: nowrap
}

.AudioMessage_wrap_playing_2QMo_ i {
    color: #3348ff
}

.AudioMessage_wrap_vgVmT i {
    vertical-align: middle;
    font-weight: 700
}

.AudioMessage_wrap_vgVmT em {
    font-style: normal;
    margin-left: 5px;
    vertical-align: middle
}

.Star_star_2MMn2 {
    position: relative;
    width: 150px;
    display: inline-block;
    height: 26px;
    overflow: hidden;
    font-size: 0
}

.Star_star_2MMn2 i {
    width: 20px;
    padding-right: 10px;
    color: #ccc
}

.Star_star__selected_1PFQl {
    position: absolute;
    left: 0;
    top: 0;
    height: 26px;
    overflow: hidden;
    width: 0
}

.Star_star__selected_1PFQl i {
    color: #f9e216;
    padding-right: 10px
}

.ScoreTpl_score_2SHR0 {
    padding: 12px 20px;
    text-align: center
}

.ScoreTpl_score__star_2gkDJ {
    text-align: center
}

.ScoreTpl_score__btns_23UA2 {
    text-align: right;
    margin-top: 10px
}

.ScoreTpl_score__btns_23UA2 button {
    background: #0045b0;
    color: #fff;
    border: none;
    height: 26px;
    min-width: 50px;
    max-width: 70%;
    border-radius: 12px
}

.ScoreTpl_score_2SHR0 textarea {
    border-radius: 12px;
    border: 0;
    padding: 5px;
    line-height: 20px;
    resize: none;
    min-width: 170px;
    width: cacl(70%)
}

.ScoreTpl_score__error_2BqLv {
    color: #ed4014
}

.ScoreTpl_score__success_1xI1L i {
    color: #19be6b;
    vertical-align: middle
}

.PromotionalCard_card__item_3Th3v {
    border-radius: 0;
    padding: 12px 20px
}

.PromotionalCard_card__content_3vRsy {
    display: flex;
    width: 260px;
    height: 150px;
    background: #fff;
    border-radius: 13px
}

.PromotionalCard_card__content__left_38_RZ {
    flex: 1;
    border-right: 1px solid rgba(43,85,216,.1);
    padding: 10px 6px
}

.PromotionalCard_card__content__right_jwF4W {
    flex: 1
}

.PromotionalCard_card__content__image_2tuiq {
    height: 100%;
    width: 100%
}

.PromotionalCard_card__content__image_2tuiq>div {
    height: 100%
}

.PromotionalCard_card__content__image_2tuiq img {
    width: 100%;
    height: 100%!important;
    border-radius: 0 13px 13px 0;
    -o-object-fit: cover;
    object-fit: cover
}

.PromotionalCard_card__content__discount_wrtEH {
    height: 100px;
    position: relative
}

.PromotionalCard_card__content__discount_num_dH5eg {
    font-size: 70px
}

.PromotionalCard_card__content__discount_percent_1o5r9 {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 40px;
    font-weight: 700
}

.PromotionalCard_card__content__discount_text_nL5a3 {
    position: absolute;
    right: 10px;
    top: 60px;
    font-size: 14px;
    font-weight: 700
}

.PromotionalCard_card__content__text_2s-SO {
    word-break: break-word;
    white-space: pre-wrap;
    max-height: 32px;
    line-height: 16px;
    overflow: hidden;
    text-align: center;
    font-weight: 700
}

.PromotionalCard_card__content__input_Y1lEH {
    margin-top: 16px
}

.PromotionalCard_card__content__input_error_3DGik {
    position: relative
}

.PromotionalCard_card__content__input_error_3DGik input {
    border-color: red
}

.PromotionalCard_card__content__input_error_3DGik p {
    color: red;
    position: absolute;
    left: 0;
    bottom: -15px;
    text-indent: 10px;
    font-size: 12px
}

.PromotionalCard_card__content__email_218M1 {
    border-radius: 16px;
    height: 26px;
    line-height: 26px;
    border: 1px solid rgba(0,0,0,.3);
    outline: none;
    display: block;
    width: 260px;
    padding: 0 15px
}

.PromotionalCard_card__content__btn_1-Jyk {
    margin: 0;
    margin-top: 15px;
    color: #fff;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 16px;
    position: relative;
    font-weight: 700;
    display: block;
    width: 260px;
    border: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@-webkit-keyframes PromotionalCard_shake_xvhqy {
    10%,90% {
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        transform: translate3d(3px,0,0)
    }

    30%,70% {
        transform: translate3d(-6px,0,0)
    }

    40%,60% {
        transform: translate3d(6px,0,0)
    }

    50% {
        transform: translate3d(-6px,0,0)
    }
}

@keyframes PromotionalCard_shake_xvhqy {
    10%,90% {
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        transform: translate3d(3px,0,0)
    }

    30%,70% {
        transform: translate3d(-6px,0,0)
    }

    40%,60% {
        transform: translate3d(6px,0,0)
    }

    50% {
        transform: translate3d(-6px,0,0)
    }
}

.PromotionalCard_shake_xvhqy {
    -webkit-animation: PromotionalCard_shake_xvhqy .8s ease-in-out;
    animation: PromotionalCard_shake_xvhqy .8s ease-in-out
}

.mobile .PromotionalCard_card__content_3vRsy {
    width: 280px;
    height: 160px
}

.mobile .PromotionalCard_card__content__discount_wrtEH {
    height: 100px;
    position: relative
}

.mobile .PromotionalCard_card__content__discount_num_dH5eg {
    font-size: 74px
}

.mobile .PromotionalCard_card__content__email_218M1 {
    width: 100%
}

.VideoMessage_wrap_3vC3O {
    position: relative;
    min-width: 30px;
    min-height: 30px;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    border: 2px solid #f2f6fd
}

.VideoMessage_wrap_3vC3O video {
    display: block;
    width: 250px;
    max-height: 150px;
    border-radius: inherit
}

.VideoMessage_wrap_3vC3O.VideoMessage_loading_3ILWX .VideoMessage_loading_wrap_365Wk {
    display: block
}

.VideoMessage_wrap_file_2AL9k {
    border-radius: 0;
    border: none
}

@-webkit-keyframes VideoMessage_rotate-ani_1ZhbL {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes VideoMessage_rotate-ani_1ZhbL {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.VideoMessage_loading_wrap_365Wk {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.VideoMessage_loading_icon_YYUyd {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 3px solid #f3f3f3;
    border-top: 3px solid red;
    border-radius: 50%;
    -webkit-animation: VideoMessage_rotate-ani_1ZhbL .8s linear infinite;
    animation: VideoMessage_rotate-ani_1ZhbL .8s linear infinite
}

.index_tpl_1pLbQ {
    padding: 12px 20px;
    letter-spacing: 0
}

.index_tpl_1pLbQ>:last-child {
    margin-bottom: 0
}

.index_tpl__text_2s7Oy {
    white-space: pre-wrap;
    word-break: break-word;
    margin-bottom: 10px;
    line-height: 1.4
}

.index_tpl__img_2cx5- {
    width: 100%
}

.index_tpl__img_2cx5- img {
    display: block;
    max-width: 100%;
    min-width: 100px;
    width: auto;
    height: auto;
    margin: 0 auto;
    margin-bottom: 10px
}

.index_tpl__btn_group_3oAdt {
    min-width: 22vh
}

.index_tpl__btn_group_3oAdt button {
    display: block;
    width: 100%;
    margin: 0;
    border-radius: 30px;
    background: #fff;
    color: #252525;
    z-index: 1;
    position: relative;
    white-space: normal;
    height: auto;
    min-height: 30px;
    line-height: 14px;
    margin-top: 10px;
    border: 0;
    font-size: 14px
}

.index_tpl_oneimg_pYMLN {
    padding: 0;
    border-radius: 12px;
    border: 2px solid #f2f6fd
}

.index_tpl_oneimg_pYMLN .index_tpl__img_2cx5- img {
    border-radius: inherit
}

.index_unknow_2y3RB {
    display: block
}

.index_tpl__video_2-9g5 {
    min-width: 30px;
    min-height: 30px;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    border: 2px solid #f2f6fd
}

.index_tpl__video_2-9g5 video {
    display: block;
    width: 200px;
    max-height: 150px;
    border-radius: inherit
}

.AiReplyMessage_wrap_3Hah0 {
    position: relative;
    min-width: 100px
}

.AiReplyMessage_wrap_3Hah0:after {
    content: " ";
    clear: both;
    display: block;
    line-height: 0;
    font-size: 0
}

.AiReplyMessage_wrap_3Hah0:hover .AiReplyMessage_reply__time_3ew4M {
    display: block
}

.AiReplyMessage_reply_text_2_2ya {
    float: left;
    border-radius: 12px 12px 12px 3px;
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    color: #252525;
    background: rgba(84,152,243,.08);
    line-height: 1.4;
    padding: 16px 20px;
    word-break: break-word;
    position: relative
}

.AiReplyMessage_reply_postback_3gfpp {
    position: relative;
    color: rgba(37,37,37,.8);
    border-radius: 12px 12px 0 12px;
    line-height: 1.4;
    padding: 10px;
    word-break: break-word;
    white-space: pre-wrap;
    float: right
}

.AiReplyMessage_question_list_3Ihcu {
    float: right;
    display: block;
    width: 100%;
    list-style: none;
    text-align: right;
    margin-top: 20px
}

.AiReplyMessage_question_list__item_1bTuv {
    cursor: pointer;
    padding: 8px 10px;
    display: inline-block;
    margin: 5px 0 5px 5px;
    color: #252525;
    border-radius: 20px;
    border: 1px solid transparent
}

.AiReplyMessage_question_list__item_1bTuv:hover {
    border-color: #252525
}

.AiReplyMessage_reply_inner_2Yt8d {
    position: relative;
    float: left;
    border-radius: 12px 12px 12px 0;
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    color: #252525;
    background: rgba(84,152,243,.08);
    padding: 10px
}

.AiReplyMessage_reply_inner__text_R4Qlz {
    background: #f0f2f7;
    line-height: 1.4;
    word-break: break-word;
    white-space: pre-wrap
}

.AiReplyMessage_reply_inner_2Yt8d img {
    display: block;
    max-width: 200px;
    width: auto;
    height: auto;
    margin-top: 5px;
    -o-object-fit: contain;
    object-fit: contain
}

.AiReplyMessage_reply__time_3ew4M {
    font-size: 12px;
    background-color: transparent;
    transform: scale(.9);
    transform-origin: left center;
    color: #999;
    position: absolute;
    bottom: -20px;
    left: 0;
    display: none
}

.AiReplyMessage_reply__time_right_1ghlH {
    right: -10px;
    left: auto;
    bottom: -15px
}

.AiReplyMessage_reply_inner__file_2qKro {
    display: flex;
    align-items: center;
    color: inherit;
    padding: 5px 10px 5px 5px;
    border-radius: 10px;
    text-decoration: none
}

.AiReplyMessage_reply_inner__file_2qKro span {
    margin-left: 8px
}

.AiReplyMessage_reply_content_img_1WZUT,.AiReplyMessage_reply_content_img_1WZUT>div,.AiReplyMessage_reply_content_img_1WZUT img {
    width: 100%
}

.Introduction_wrap__AGke {
    background: #f2f6fd;
    border-radius: 8px;
    position: relative
}

.Introduction_icon_tfPwt {
    background: #5498f3;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -15px;
    margin-left: -20px;
    text-align: center
}

.Introduction_icon_tfPwt i {
    line-height: 40px;
    color: #fff
}

.Introduction_intro__detail__text_2Nso8 {
    height: 20px;
    left: 40px;
    top: 364px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.Introduction_intro__text_1q0u_ {
    color: rgba(37,37,37,.39)
}

.Introduction_intro__item_3rn_w {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #fff;
    color: rgba(37,37,37,.39);
    margin-top: 10px;
    border-radius: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Introduction_intro__item__icon_kUEyI {
    color: #00b85d;
    transform: scale(.6)
}

.Introduction_message__list_3RqdN {
    overflow: hidden;
    padding: 30px 20px 10px 20px;
    list-style: none
}

.Introduction_message__list_more_3uNfO {
    height: 72px;
    transition: height .3s
}

.Introduction_message__list_more_show_3SXp9 {
    height: auto
}

.Introduction_message__item_3ChJA {
    margin-bottom: 12px;
    font-size: 14px;
    color: #252525
}

.Introduction_message__item_3ChJA p {
    line-height: 20px
}

.Introduction_message__item__title_17sa9 {
    color: #999
}

.Introduction_control_3VqTn {
    border-top: 1px solid #d2dbff;
    height: 40px;
    background: #f2f6fd;
    color: #2e4fed;
    line-height: 40px;
    padding: 0 20px;
    cursor: pointer;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.Introduction_control_3VqTn i {
    color: #d2dbff;
    float: right;
    transition: all .3s
}

.Introduction_control_more_35IlM i {
    transform: rotate(180deg)
}

.ProductMessage_card__item_1mKMH {
    border-radius: 0;
    background: rgba(84,152,243,.08);
    border-radius: 20px 20px 0 20px;
    line-height: 1;
    font-size: 12px;
    width: 220px
}

.ProductMessage_card__content_isGR- {
    display: flex;
    width: 220px
}

.ProductMessage_card__content__left_24m4F {
    width: 90px;
    height: 80px
}

.ProductMessage_card__content__right_UtTbA {
    flex: 1;
    padding: 0 10px
}

.ProductMessage_card__content__image_3j9PQ {
    width: 100%;
    height: 80px
}

.ProductMessage_card__content__image_3j9PQ>div {
    width: 100%;
    height: 100%
}

.ProductMessage_card__content__image_3j9PQ img {
    width: 100%;
    height: 100%!important
}

.ProductMessage_card__content__btn_1jmdc {
    margin: 0;
    margin-top: 5px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 16px;
    position: relative;
    font-weight: 700;
    display: block;
    border: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    text-decoration: none;
    background: #0045b0;
    color: #fff
}

.ProductMessage_card__product__name_-064C {
    height: 32px;
    line-height: 16px;
    overflow: hidden;
    color: #0045b0;
    margin-top: 5px;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word
}

.ProductMessage_card__product__price_2tcvI {
    line-height: 20px
}

.ProductMessage_card__product__price_2tcvI em {
    font-style: normal;
    font-weight: 700;
    color: #ed4014
}

.ProductMessage_card__product__price_2tcvI s {
    color: #808695
}

.QuickReplyMessage_wrap_284-P {
    position: relative;
    min-width: 100px;
    letter-spacing: 0
}

.QuickReplyMessage_wrap_284-P:after {
    content: " ";
    clear: both;
    display: block;
    line-height: 0;
    font-size: 0
}

.QuickReplyMessage_wrap_284-P:hover .QuickReplyMessage_reply__time_2Pc8t {
    display: block
}

.QuickReplyMessage_reply_text_QlOKF {
    float: left;
    position: relative;
    min-width: 80px
}

.QuickReplyMessage_reply_text__content_3o8KI {
    border-radius: 12px 12px 12px 3px;
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    color: #252525;
    background: rgba(84,152,243,.08);
    line-height: 1.4;
    padding: 16px 20px;
    display: inline-block;
    white-space: pre-wrap;
    word-break: break-word
}

.QuickReplyMessage_reply_postback_305OT {
    position: relative;
    color: rgba(37,37,37,.8);
    border-radius: 12px 12px 0 12px;
    line-height: 1.4;
    padding: 10px;
    word-break: break-word;
    white-space: pre-wrap;
    float: right
}

.QuickReplyMessage_question_list_3i136 {
    float: right;
    display: block;
    width: 100%;
    list-style: none;
    text-align: right;
    margin-top: 16px
}

.QuickReplyMessage_question_list__item_2f97K {
    cursor: pointer;
    padding: 8px 10px;
    display: inline-block;
    margin: 5px 0 5px 5px;
    color: #252525;
    border-radius: 20px;
    border: 1px solid transparent
}

.QuickReplyMessage_question_list__item_2f97K:hover {
    border-color: #252525
}

.QuickReplyMessage_reply_inner_2lTyn {
    position: relative;
    float: left;
    border-radius: 12px 12px 12px 0;
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    color: #252525;
    background: rgba(84,152,243,.08);
    padding: 10px
}

.QuickReplyMessage_reply_inner__text_t0tXq {
    background: #f0f2f7;
    line-height: 1.4;
    word-break: break-word;
    white-space: pre-wrap
}

.QuickReplyMessage_reply_inner_2lTyn img {
    display: block;
    max-width: 200px;
    width: auto;
    height: auto;
    margin-top: 5px;
    -o-object-fit: contain;
    object-fit: contain
}

.QuickReplyMessage_reply__time_2Pc8t {
    font-size: 12px;
    background-color: transparent;
    transform: scale(.9);
    transform-origin: left center;
    color: #999;
    position: absolute;
    bottom: -20px;
    left: 0;
    display: none
}

.QuickReplyMessage_reply__time_right_3nOEo {
    right: -10px;
    left: auto;
    bottom: -15px
}

.MediaTextMessage_media_text_3w_Yk {
    max-width: 100%
}

.MediaTextMessage_media_text_caption_1YTA9 video {
    max-width: 220px
}

.MediaTextMessage_media_text_caption_1YTA9 {
    padding: 8px 8px 0
}

.MediaTextMessage_media_text_caption_preview_1aIX7 {
    max-width: 100px;
    padding: 10px 0
}

.MediaTextMessage_media_text_caption_preview_1aIX7 img {
    width: 100px
}

.MediaTextMessage_media_text_caption_preview_video_1TG0l {
    max-width: 150px
}

.MediaTextMessage_media_text_caption_preview_video_1TG0l video {
    max-width: 150px;
    max-height: 150px
}

.MediaTextMessage_media_text_caption_preview_1aIX7 {
    width: 100%
}

.MediaTextMessage_media_text_caption_preview_1aIX7>span {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MediaTextMessage_popup__btns_3GfFU {
    padding: 10px 0
}

.MediaTextMessage_popup__btns_3GfFU li {
    list-style: none;
    cursor: pointer;
    margin: 5px 0;
    color: #0045b0;
    font-size: 16px
}

.MediaTextMessage_popup__btns_3GfFU li:hover {
    text-decoration: underline
}

.MediaTextMessage_popup__input_1sPYf {
    cursor: pointer;
    color: #808695;
    font-size: 16px;
    margin-top: 5px
}

.SameProductMessage_same_product_3f9Wy {
    border-radius: 0;
    width: 220px
}

.SameProductMessage_same_product__title_1JyB0 {
    margin-bottom: 8px
}

.SameProductMessage_same_product__content_MaOsf {
    list-style: none;
    background-color: #fff;
    border-radius: 8px;
    padding: 8px;
    font-size: 12px
}

.SameProductMessage_same_product__content_item_lC2HK {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e5e5
}

.SameProductMessage_same_product__content_item_lC2HK:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.SameProductMessage_same_product__content_item_image_2Uy7U {
    width: 80px;
    max-height: 100px;
    margin-right: 16px
}

.SameProductMessage_same_product__content_item_image_2Uy7U>div {
    width: 100%;
    height: 100%
}

.SameProductMessage_same_product__content_item_image_2Uy7U img {
    width: 100%;
    height: 100%!important
}

.SameProductMessage_same_product__content_item_info_2mOJZ {
    flex: 1
}

.SameProductMessage_same_product__content_item_info_2mOJZ h3 {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.SameProductMessage_same_product__content_item_info_original_price_-jDVc {
    margin: 4px 0
}

.SameProductMessage_same_product__content_item_info_original_price_-jDVc span {
    text-decoration: line-through;
    color: #808695
}

.SameProductMessage_same_product__content_item_info_price_19ZCW {
    width: 100%
}

.SameProductMessage_same_product__content_item_info_price_19ZCW span {
    color: #ed4014;
    font-weight: 700;
    margin-right: 20px
}

.SameProductMessage_same_product__content_item_info_price_19ZCW a {
    background-color: #3178fd;
    color: #fff!important;
    padding: 4px 8px;
    border-radius: 10px;
    text-decoration: none;
    max-width: 50%;
    white-space: nowrap
}

.index_bubble_35xAi {
    position: relative;
    margin: 16px 0
}

.index_bubble__like_RHl13 {
    margin-bottom: 50px
}

.index_bubble_35xAi:after {
    content: " ";
    clear: both;
    display: block;
    line-height: 0;
    font-size: 0
}

.index_bubble_35xAi:hover .index_bubble__date_tUja2 {
    display: block
}

.index_bubble__ai_guide_1vPRn .index_bubble__avatar_3c_MR {
    bottom: auto;
    top: 0;
    padding: 12px 0
}

.index_bubble__ai_guide_1vPRn .index_bubble__content_ai_3uw7a {
    max-width: 85%;
    width: 85%
}

.index_bubble__date_tUja2 {
    display: none
}

.index_bubble__content_1x7Bv {
    position: relative;
    line-height: 1.4;
    padding: 12px 20px;
    word-break: break-word;
    max-width: 85%;
    font-size: 14px;
    letter-spacing: 0
}

.index_bubble__content_img_231qm {
    padding: 0;
    background: none!important;
    border-radius: 0;
    line-height: 1
}

.index_bubble__content_file_2Ns2L {
    padding: 0;
    border-radius: 12px
}

.index_bubble__content_video_9IqVF {
    padding: 0;
    background: none!important;
    border-radius: 0;
    line-height: 1
}

.index_bubble__content_1x7Bv span {
    white-space: pre-wrap;
    word-break: break-word
}

.index_bubble__content_1x7Bv a {
    color: inherit
}

.index_bubble__content_right_k75k4 {
    float: right;
    clear: right;
    color: rgba(37,37,37,.8);
    border-radius: 12px 12px 3px 12px;
    min-width: 16px
}

.index_bubble__content_left_27Hys {
    float: left;
    border-radius: 12px 12px 12px 3px;
    margin-left: 50px;
    background: rgba(84,152,243,.08);
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    color: #252525;
    min-width: 16px
}

.index_bubble__content_tpl_2ltqp {
    padding: 0
}

.index_bubble__content_tpl_promotionalCard_A3Zkk {
    max-width: 90%;
    padding: 10px 6px
}

.index_bubble__content_ai_3uw7a {
    background-color: transparent!important;
    padding: 0;
    box-shadow: none
}

.index_bubble__content_product_2i9d1,.index_bubble__content_same_style_3mWDg {
    max-width: 85%
}

.index_bubble__introduction_1hLuK {
    margin-top: 30px
}

.index_bubble__content_introduction_2-KwF {
    padding: 0;
    border-radius: 8px;
    max-width: 100%;
    float: none
}

.index_bubble__like__con_3XzPE {
    font-size: 14px;
    background-color: transparent;
    position: absolute;
    left: 50px;
    bottom: -38px;
    display: flex;
    align-items: center
}

.index_bubble__like__con__tips_3adLA {
    color: #252525
}

.index_bubble__like__con__btn_3NXdZ {
    display: flex;
    margin-left: 10px;
    background: #fff;
    box-shadow: 0 1px 12px rgba(60,69,118,.1);
    border-radius: 30px;
    width: 48px;
    line-height: 22px;
    padding: 6px 9px;
    text-align: center
}

.index_bubble__like__con__btn_3NXdZ span {
    cursor: pointer
}

.index_bubble__like__con__btn_3NXdZ span:first-child {
    padding-right: 5px;
    border-right: 1px solid #ecf0f8;
    margin-right: 5px
}

.index_bubble__like__con__btn_3NXdZ i {
    color: #2e4fed
}

.index_bubble__like__con_3XzPE+.index_bubble__time_25WZB {
    bottom: -48px
}

.index_bubble__time_25WZB {
    font-size: 12px;
    background-color: transparent;
    transform: scale(.9);
    transform-origin: left center;
    color: #999;
    position: absolute;
    bottom: -15px
}

.index_bubble__time_left_16S81 {
    left: 50px
}

.index_bubble__time_right_21NCf {
    transform-origin: right center;
    right: 0
}

.index_bubble__btn_retry_3vnuN {
    margin: 0 5px
}

.index_bubble__avatar_3c_MR {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    clear: left;
    position: relative;
    background: #fff;
    color: #0d1626;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 0
}

.index_bubble__avatar_img_3qCgQ {
    max-height: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%
}

.index_bubble__avatar_def_2yvAI {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #5498f3;
    opacity: .4
}

.index_bubble__avatar_def_img_2ulY4 {
    background: none;
    opacity: 1
}

.index_bubble__avatar_def_2yvAI i {
    color: #fff
}

.index_bubble__avatar_def_2yvAI img {
    width: 100%
}

.index_bubble__quote_cNVXf {
    border-left: 2px solid rgba(37,37,37,.2);
    color: rgba(37,37,37,.4)!important;
    margin-bottom: 6px;
    padding-left: 8px
}

.index_bubble__quote_cNVXf img {
    max-height: 45px
}

.index_bubble__quote_cNVXf .tpl_file {
    margin-left: -5px
}

.index_bubble__quote_cNVXf .tpl_file>a {
    padding: 0
}

.index_bubble__quote_cNVXf .tpl_text {
    white-space: pre-wrap;
    word-break: break-word
}

.index_bubble__content__liked_2IzTR {
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    box-shadow: 0 1px 12px rgba(60,69,118,.1);
    border-radius: 14px;
    background: #fff
}

.index_bubble__content__liked__like_fE-Jg {
    color: #2e4fed
}

.index_bubble__content__liked__unlike_2E652 {
    color: #c7c8cb
}

.index_error_3xzaO {
    color: #ed4014
}

.index_withdraw__message_1BpLS {
    text-align: center;
    color: #aaa;
    margin: 16px 0
}

.index_notice_EQfrd {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    z-index: 3;
    text-align: center;
    display: none
}

.index_notice_EQfrd.index_show_qnKtX {
    display: block
}

.index_notice__content_1DdmZ {
    display: inline-block;
    padding: 10px 15px;
    background: #000;
    color: #fff;
    border-radius: 15px;
    max-width: 70%;
    min-width: 40%
}

.index_Upload_1OTGb {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.index_Upload__file_3ZOvw {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
    cursor: pointer
}

.index_wrap__inner_23Edq {
    overflow-y: auto;
    height: 100%
}

.index_wrap_3iiPm li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block
}

.index_wrap_3iiPm li button {
    font-size: 26px;
    padding: 6px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    border: none;
    background: #fff;
    width: 46px;
    height: 46px;
    transition: transform .5s
}

.index_wrap_3iiPm li button:hover {
    transform: scale(1.3)
}

.view_wrap_3gxx- {
    margin: 0;
    position: relative;
    height: 100vh;
    max-width: 400px
}

.view_wrap_left_1tafY {
    margin: 0 auto 0 0
}

.view_wrap_right_eE7zQ {
    margin: 0 0 0 auto
}

.wrap_en-US .view_chat__footer__btns_3sAV7,.wrap_ru-RU .view_chat__footer__btns_3sAV7,.wrap_vi-VN .view_chat__footer__btns_3sAV7 {
    margin-right: -15px
}

.view_exclusiveLinkWrap_28rN2 {
    max-width: 800px
}

.view_chat_TFjrs {
    max-height: calc(100% - 100px);
    height: 90%;
    width: 90%;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    right: 20px;
    left: auto;
    border-radius: 12px;
    pointer-events: auto;
    box-shadow: 0 4px 20px rgba(60,69,118,.2);
    display: flex;
    flex-direction: column;
    background: #fff
}

.view_chat_showChannel_3pPab .view_chat__header_gm4yy {
    height: 68px
}

.view_chat__header_gm4yy {
    height: 44px;
    background: #ccc;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 18px 20px;
    position: relative;
    flex: 0 0 auto;
    z-index: 3;
    box-shadow: 0 4px 10px rgba(85,106,160,.2)
}

.view_chat__header__channel_1_E-i {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 34px;
    width: 100%;
    padding: 0 10px
}

.view_chat__avatar_bI_XW {
    height: 44px;
    width: 44px;
    line-height: 44px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    position: relative;
    vertical-align: middle
}

.view_chat__avatar_define_X0rGW {
    background-color: inherit
}

.view_chat__avatar__img_1oi2C {
    max-height: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%
}

.view_chat__avatar__icon_3Z4Aj {
    color: #5498f3;
    opacity: .5
}

.view_chat__title_1Qa-1 {
    vertical-align: middle;
    display: inline-block;
    width: calc(100% - 90px);
    text-overflow: ellipsis;
    overflow: hidden;
    height: 44px;
    margin-left: 12px;
    font-size: 14px;
    position: relative
}

.view_chat__title__con_3iXda,.view_chat__title__sub_2ef1g {
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 22px;
    position: absolute;
    left: 0;
    max-width: 100%
}

.view_chat__title__con_3iXda {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    top: 0
}

.view_chat__title__sub_2ef1g {
    font-weight: 300;
    line-height: 18px;
    bottom: -5px
}

.view_chat__close_r4sNG {
    position: absolute;
    right: 12px;
    top: 22px;
    width: 36px;
    height: 36px;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    line-height: 36px
}

.view_chat__close_r4sNG:hover {
    background-color: hsla(0,0%,100%,.1)
}

.view_chat__board_2V67y {
    position: absolute;
    width: calc(100% - 80px);
    left: 10px;
    top: 8px;
    filter: drop-shadow(0 2px 10px rgba(0,0,0,.25));
    z-index: 3;
    padding: 10px 30px;
    line-height: 1.5;
    border-radius: 10px;
    color: #fff;
    word-wrap: break-word
}

.view_chat__board_2V67y a {
    color: inherit
}

.view_chat__board__close_3rFY- {
    right: 8px;
    transform: scale(.8);
    cursor: pointer
}

.view_chat__board__close_3rFY-,.view_chat__board__speaker_3-l4V {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px
}

.view_chat__board__speaker_3-l4V {
    left: 6px;
    color: #ff716e
}

.view_chat__conversation_1g3d- {
    padding: 0 20px;
    overflow: hidden auto;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 60px;
    flex: 0 1 auto;
    background: #fff;
    z-index: 2;
    position: relative;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.view_chat__conversation_collectionGuide_2fCLY {
    margin-bottom: 70px
}

.view_chat__input_JKgsE {
    position: relative;
    background: #fff;
    z-index: 3;
    flex: 0 0 auto;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.view_chat__input_hide_3nFMP .view_chat__input__channel_2QAwB,.view_chat__input_hide_3nFMP .view_chat__input__collection_1hn6i {
    border-radius: 12px;
    position: relative
}

.view_chat__emoji_2-Z-a {
    position: absolute;
    bottom: 120%;
    left: 16px;
    height: 210px;
    width: 298px;
    background: #fff;
    box-shadow: 0 4px 20px 0 #6c81a7;
    border-radius: 21px;
    padding: 15px
}

.view_chat__textarea_1DMUR {
    position: relative;
    z-index: 5;
    background: #fff;
    border-radius: 12px
}

.view_chat__upload_PGJfH:hover i {
    color: #0045b0
}

.view_chat__upload_PGJfH:hover button:before {
    background-color: rgba(111,132,232,.15);
    transform: scale(1)
}

.view_chat__textarea_input_361yy {
    padding: 0 20px;
    border-top: 1px solid #f3f7ff;
    padding-top: 12px;
    position: relative;
    min-height: 20px
}

.view_chat__textarea_input_361yy textarea {
    width: 100%;
    border: none;
    outline: none;
    padding: 10px 0;
    border-radius: 0;
    resize: none;
    margin: 0;
    padding: 0;
    line-height: 20px;
    overflow-x: hidden;
    font-size: 14px
}

.view_chat__footer_3lCVJ {
    display: flex;
    margin-top: 17px;
    padding: 0 20px 10px 20px
}

.view_chat__footer__btns_3sAV7 {
    flex: 1;
    text-align: left;
    font-size: 0
}

.view_chat__footer__btns_3sAV7 button {
    margin-left: 0;
    position: relative;
    background-color: transparent
}

.view_chat__footer__btns_3sAV7 button:hover i {
    color: #0045b0
}

.view_chat__footer__btns_3sAV7 button:hover:before {
    background-color: rgba(0,69,176,.15);
    transform: scale(1)
}

.view_chat__footer__btns_3sAV7 button:before {
    content: " ";
    position: absolute;
    background: #8596ec;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    z-index: -1;
    transition: all .16s ease-in-out 0s;
    transform: scale(0);
    top: calc(50% - 18px);
    left: calc(50% - 18px)
}

.view_chat__footer__btns_3sAV7 .view_active_32rrd {
    color: #0045b0
}

.view_chat__footer__btns_3sAV7 i {
    color: #83878c;
    position: relative;
    z-index: 2
}

.view_chat__footer__btns__item_1k09z {
    margin-right: 22px;
    float: left;
    position: relative;
    z-index: 1
}

.view_chat__footer__btns__item_1k09z button {
    margin-right: 0
}

.view_chat__footer__btns__item_1k09z input {
    z-index: 2
}

.view_chat__footer__btns__item_1k09z:last-child {
    margin-right: 0
}

.view_chat__footer_www_35F3E {
    text-align: right;
    line-height: 30px
}

.view_chat__footer_www_35F3E a {
    text-decoration: none;
    color: #0c0c0c
}

.view_chat__footer_www_35F3E em {
    font-style: normal;
    vertical-align: middle
}

.view_chat__footer_www_35F3E span {
    color: #b6bfcf;
    transform: scale(.6);
    display: inline-block;
    line-height: 26px;
    margin-right: -10px
}

.view_chat__footer__btn_2YKvh {
    width: 60px;
    line-height: 32px;
    border: none;
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    border-radius: 40px;
    margin-left: 5px
}

.view_chat__footer__btn_2YKvh i {
    transition: transform .3s ease-in
}

.view_chat__footer__btn_2YKvh:hover i {
    transform: scale(1.4)
}

.view_chat__brand_1U7wu {
    position: absolute;
    bottom: -30px;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 8px 0;
    background: #fff;
    border-radius: 12px
}

.view_chat__brand_1U7wu a {
    text-decoration: none;
    color: #aaa;
    font-size: 12px
}

.view_chat__brand_1U7wu em {
    font-style: normal;
    vertical-align: middle
}

.view_chat__brand_1U7wu span {
    display: inline-block;
    line-height: 14px;
    vertical-align: middle;
    color: #7c7c7c
}

.view_chat__error_tips_3_IbY {
    position: absolute;
    top: -50px;
    left: 10px;
    padding: 10px 15px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 15px;
    max-width: 100%
}

.view_chat__error_tips_3_IbY i {
    color: #ed4014;
    vertical-align: middle
}

.view_chat__brand_out_1dTsO {
    position: absolute;
    bottom: -5px
}

.logo {
    background: url(../img/logo2.4cb8e51c.png) no-repeat;
    background-size: 100%;
    width: 80px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px
}

.view_img_preview_2Hp1r {
    display: inline-block;
    max-width: 100%;
    max-height: 70%;
    height: auto
}

.view_btn_wrap_3SJom {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    max-width: 360px
}

.view_btn_wrap_3SJom .view_btn_channel_8uXuX {
    margin-bottom: 25px
}

.view_btn_channel_8uXuX {
    margin-bottom: 12px;
    margin-top: -10px;
    min-height: 60px;
    min-width: 60px;
    position: relative;
    z-index: 2
}

.view_btn_channel_8uXuX>div {
    display: inline-block
}

.view_btn_channel_8uXuX:last-child {
    margin-bottom: 10px
}

.view_btn_channel_medium_19DOo {
    min-height: 48px;
    min-width: 48px
}

.view_btn_channel_small_1Gvm6 {
    min-height: 36px;
    min-width: 36px
}

.view_btn_channel_chat_1xJ4F {
    position: static
}

.view_btn_channel_8uXuX .view_btn_chat_pglag {
    position: relative;
    z-index: 4
}

.view_btn_column_1XvKU .view_btn_channel_8uXuX:last-child {
    margin-bottom: 25px
}

.view_btn_column_single_284Vr .view_btn_channel_8uXuX:last-child {
    margin-bottom: 20px
}

.view_shake_34cF2 {
    -webkit-animation: view_shake_34cF2 .8s ease-in-out;
    animation: view_shake_34cF2 .8s ease-in-out
}

@-webkit-keyframes view_shake_34cF2 {
    10%,90% {
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        transform: translate3d(3px,0,0)
    }

    30%,70% {
        transform: translate3d(-6px,0,0)
    }

    40%,60% {
        transform: translate3d(6px,0,0)
    }

    50% {
        transform: translate3d(-6px,0,0)
    }
}

@keyframes view_shake_34cF2 {
    10%,90% {
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        transform: translate3d(3px,0,0)
    }

    30%,70% {
        transform: translate3d(-6px,0,0)
    }

    40%,60% {
        transform: translate3d(6px,0,0)
    }

    50% {
        transform: translate3d(-6px,0,0)
    }
}

.view_mobile_3qbYd {
    -webkit-tap-highlight-color: #000
}

.view_mobile_3qbYd.view_open_2WyTB {
    background-color: rgba(0,0,0,.2)
}

.view_mobile_3qbYd.view_wrap_3gxx- {
    max-width: 100%
}

.view_mobile_3qbYd.view_fullScreen_2j8Q4 .view_chat_TFjrs {
    height: 100%;
    max-height: 100%;
    top: 0;
    border-radius: 0
}

.view_mobile_3qbYd.view_fullScreen_2j8Q4 .view_chat__header_gm4yy {
    border-radius: 0
}

.view_mobile_3qbYd .view_chat_TFjrs {
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    height: 85%;
    box-shadow: none
}

.view_mobile_3qbYd .view_chat__input_JKgsE {
    border-radius: 0
}

.view_mobile_3qbYd .view_chat__conversation_1g3d- {
    max-height: none;
    flex: 1 1 auto;
    overflow-y: scroll;
    font-size: 14px
}

.view_mobile_3qbYd .view_chat__textarea_1DMUR textarea {
    font-size: 16px
}

.view_exclusiveMobileHeader_3wh0v {
    border-radius: 0
}

.wrap_brand .view_chat__input_JKgsE {
    margin-bottom: 34px;
    background: #fff
}

.view_demo_3N-Kl .view_chat_TFjrs {
    top: 35px;
    bottom: 0;
    height: 70%
}

.view_demo_3N-Kl .view_chat__footer_3lCVJ {
    padding: 0 10px 14px 10px
}

.view_demo_3N-Kl .view_btn_wrap_3SJom {
    bottom: 20px!important
}

.view_hideCloseIcon_3AM5K.view_mobile_3qbYd .view_chat_TFjrs {
    bottom: 0
}

.view_hideCloseIcon_3AM5K .view_chat_TFjrs {
    bottom: 90px
}

.view_hideCloseIcon_3AM5K .view_chat__title_1Qa-1 {
    width: calc(100% - 70px)
}

.view_video_preview_3AcH1 {
    width: 150px;
    max-height: 100px;
    margin: 20px;
    border: 2px solid #d7d7d7;
    border-radius: 10px
}

.view_attachment_preview_10jsW {
    display: flex;
    align-items: flex-start;
    background-color: #f0f0f0;
    padding: 10px;
    border: 2px solid #d7d7d7;
    border-radius: 10px;
    margin: 20px
}

.view_attachment_preview_10jsW span {
    text-align: left;
    word-break: break-all;
    margin: 0 10px
}

.view_chat__disable_reply_1kMZT {
    border-top: 1px solid #f3f7ff;
    min-height: 80px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    box-sizing: border-box
}

.view_chat__disable_reply_1kMZT span {
    color: #aaa;
    font-size: 14px;
    text-align: center;
    word-wrap: break-word
}

.view_chat__board_marquee_EmYkq {
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.view_chat__board_marquee_EmYkq a,.view_chat__board_marquee_EmYkq p {
    display: inline-block;
    -webkit-animation: view_marquee_2Rstd 30s linear infinite;
    animation: view_marquee_2Rstd 30s linear infinite
}

@-webkit-keyframes view_marquee_2Rstd {
    0% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes view_marquee_2Rstd {
    0% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.view_account_info_trigger_2MssI {
    margin-left: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.view_account_info_trigger_2MssI:hover {
    color: #0045b0
}

.view_account_info_content_3JM-t {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    align-items: center
}

.view_account_info_content_3JM-t:first-child {
    margin-right: 8px
}

.view_account_info_content_item_3hifP {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    align-items: center
}

.view_account_info_content_item_3hifP:first-child {
    margin-right: 8px
}

.view_account_info_report_aknZF {
    margin: 8px 8px 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #0045b0!important
}

.view_account_info_report_aknZF:hover {
    color: #0045b0
}

.view_account_info_content_item_text_3576H {
    font-weight: 700
}

.view_chat_helpdesk_2WJpl {
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    position: relative
}

.view_chat_helpdesk_2WJpl span {
    padding: 4px 16px;
    display: inline-block;
    cursor: pointer;
    border-radius: 16px;
    transition: all .3s ease-in-out;
    border: 1px solid transparent
}

.view_chat_helpdesk_2WJpl span i {
    margin-right: 2px
}

.view_chat_page_type_active_2MJSw {
    background-color: hsla(0,0%,100%,.2)
}

.view_chat_page_type_active_border_2B82Y {
    border: 1px solid rgba(0,0,0,.2)!important
}

.view_chat_showChannel_helpdesk_1ZPLB .view_chat__header_gm4yy {
    height: 108px;
    max-height: 108px
}

.view_chat_select_helpdesk_2IEhB {
    margin-bottom: 0
}

.view_chat__header_helpdesk_2njyc {
    padding: 12px 20px;
    height: auto;
    max-height: 78px
}

.view_chat__close_helpdesk_c4nBb {
    position: absolute;
    right: 0;
    top: 2px;
    width: 24px;
    height: 24px;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    line-height: 24px
}

.view_chat__close_helpdesk_c4nBb:hover {
    background-color: hsla(0,0%,100%,.1)
}

.view_chat__helpdesk_content_wrapper_2TCM6 {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 99;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.view_chat__conversation_input_wrap_wf8jH {
    height: 200px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between
}

.view_chat__helpdesk_content_2dC7K {
    width: 100%;
    height: 100%;
    position: relative
}

.view_chat__helpdesk_content_2dC7K iframe {
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.view_chat__conversation_helpdesk_90EOY {
    height: 450px;
    max-height: 450px
}

.view_helpdesk_loader_4Hkd5 {
    width: 40px;
    position: absolute;
    top: 50%;
    left: calc(50% - 20px);
    aspect-ratio: 1;
    border-radius: 50%;
    border: 4px solid #0045b0;
    -webkit-animation: view_loading-1_340dK .8s linear infinite alternate,view_loading-2_2-WSv 1.6s linear infinite;
    animation: view_loading-1_340dK .8s linear infinite alternate,view_loading-2_2-WSv 1.6s linear infinite
}

@-webkit-keyframes view_loading-1_340dK {
    0% {
        -webkit-clip-path: polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0);
        clip-path: polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)
    }

    12.5% {
        -webkit-clip-path: polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0);
        clip-path: polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)
    }

    25% {
        -webkit-clip-path: polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%);
        clip-path: polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)
    }

    50% {
        -webkit-clip-path: polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);
        clip-path: polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)
    }

    62.5% {
        -webkit-clip-path: polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%);
        clip-path: polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)
    }

    75% {
        -webkit-clip-path: polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%);
        clip-path: polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)
    }

    to {
        -webkit-clip-path: polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%);
        clip-path: polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)
    }
}

@keyframes view_loading-1_340dK {
    0% {
        -webkit-clip-path: polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0);
        clip-path: polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)
    }

    12.5% {
        -webkit-clip-path: polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0);
        clip-path: polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)
    }

    25% {
        -webkit-clip-path: polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%);
        clip-path: polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)
    }

    50% {
        -webkit-clip-path: polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);
        clip-path: polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)
    }

    62.5% {
        -webkit-clip-path: polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%);
        clip-path: polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)
    }

    75% {
        -webkit-clip-path: polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%);
        clip-path: polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)
    }

    to {
        -webkit-clip-path: polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%);
        clip-path: polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)
    }
}

@-webkit-keyframes view_loading-2_2-WSv {
    0% {
        transform: scaleY(1) rotate(0deg)
    }

    49.99% {
        transform: scaleY(1) rotate(135deg)
    }

    50% {
        transform: scaleY(-1) rotate(0deg)
    }

    to {
        transform: scaleY(-1) rotate(-135deg)
    }
}

@keyframes view_loading-2_2-WSv {
    0% {
        transform: scaleY(1) rotate(0deg)
    }

    49.99% {
        transform: scaleY(1) rotate(135deg)
    }

    50% {
        transform: scaleY(-1) rotate(0deg)
    }

    to {
        transform: scaleY(-1) rotate(-135deg)
    }
}

.view_account_info_risk_2Ls64 {
    width: 200px;
    white-space: normal;
    text-align: left;
    font-size: 12px;
    color: #808695;
    margin: 6px 0
}

.view_account_info_operate_1y7ty {
    text-align: left
}

.view_btn_channel_custom_3aXZw {
    position: static
}

.index_modal_1R4U- {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 12px;
    left: 0;
    top: 0;
    z-index: 4
}

.index_modal__cover_2Lozf {
    background: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    border-radius: 12px
}

.index_modal__body_32HH9 {
    max-height: 80%;
    overflow: hidden;
    width: 85%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    background: #fff;
    border-radius: 5px;
    padding-bottom: 40px;
    text-align: center
}

.index_modal__content_3gPiC {
    padding: 5px 8px;
    max-height: calc(80vh - 44px);
    overflow: auto
}

.index_modal__footer_ZN2QD {
    border-top: 1px solid #ccc;
    padding: 5px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.index_modal__footer_ZN2QD button {
    background: #fff;
    padding: 0 25px;
    margin: 0 15px
}

.index_modal__btn_ok_3wuG5 {
    color: #fff
}

.index_popup_3mWj9 {
    border-radius: 16px;
    max-width: 330px;
    overflow-wrap: break-word;
    overflow: hidden auto;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    z-index: 3;
    box-shadow: 0 2px 10px 2px rgba(0,0,0,.2);
    background: #fff;
    padding: 0 20px;
    min-height: 104px;
    min-width: 150px;
    text-align: left;
    position: absolute;
    bottom: 0;
    right: 0
}

.index_popup_3mWj9>div {
    display: inline-block;
    max-width: 100%
}

.index_popup_left_NQNmi {
    left: 0;
    right: auto
}

.index_popup_left_NQNmi .index_popup__comp_1Lh3z {
    margin-left: 60px;
    margin-right: 0
}

.index_popup_left_NQNmi .index_popup__comp_medium_3qhmg {
    margin-left: 48px
}

.index_popup_left_NQNmi .index_popup__comp_small_m9CFN {
    margin-left: 36px
}

.index_popup_left_NQNmi .index_popup__close_11H7B {
    left: 14px;
    right: none
}

.index_popup_card_1XkQ1 {
    padding: 0
}

.index_popup_card_1XkQ1 .index_popup__comp_1Lh3z {
    margin: 0
}

.index_popup_card_1XkQ1 .index_popup__close_11H7B {
    color: hsla(0,0%,100%,.68)
}

.index_popup_card_1XkQ1.popup_left .index_popup__close_11H7B {
    color: #000
}

.index_popup__comp_1Lh3z {
    margin-right: 60px;
    margin-left: 0
}

.index_popup__comp_medium_3qhmg {
    margin-right: 48px
}

.index_popup__comp_small_m9CFN {
    margin-right: 36px
}

.index_popup__content_3hWTL {
    padding: 10px 0;
    position: relative;
    overflow-wrap: break-word;
    overflow: hidden auto;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: pre-line;
    font-size: 16px;
    border-bottom: 2px solid #f3f7ff
}

.index_popup__content_3hWTL img {
    display: block;
    max-width: 120px;
    max-height: 100px;
    width: auto;
    height: auto
}

.index_popup__content_3hWTL img,.index_popup__content_3hWTL p {
    margin-top: 5px
}

.index_popup__content_3hWTL video {
    max-width: 150px;
    max-height: 150px;
    width: 150px;
    height: auto
}

.index_popup__close_11H7B {
    position: absolute;
    right: 14px;
    top: 10px;
    cursor: pointer;
    z-index: 2
}

.index_popup__btns_1k_zZ {
    padding: 10px 0
}

.index_popup__btns_1k_zZ li {
    list-style: none;
    cursor: pointer;
    margin: 5px 0;
    color: #0045b0;
    font-size: 16px
}

.index_popup__btns_1k_zZ li:hover {
    text-decoration: underline
}

.index_popup__input_1tHSU {
    cursor: pointer;
    color: #808695;
    font-size: 16px;
    margin-top: 5px
}

.index_file__download_icon_3Tn-C {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle
}

.index_file__name_10z0o {
    text-decoration: underline;
    color: #0045b0;
    vertical-align: middle;
    cursor: pointer
}

.index_tp__prodcut__text_1RFuz {
    font-size: 12px
}

.PromotionalCard_card__item_WHxcD {
    border-radius: 0;
    padding: 0;
    font-family: Roboto
}

.PromotionalCard_card__content_3zU_G {
    display: flex;
    width: 300px;
    height: 200px;
    background: #fff;
    border-radius: 16px
}

.PromotionalCard_card__content__left_1h1D4 {
    flex: 1;
    border-right: 1px solid rgba(43,85,216,.1);
    padding: 10px 10px 20px 20px;
    max-width: 130px
}

.PromotionalCard_card__content__left_nolimit_3mLId .PromotionalCard_card__content__text_2Lh2p {
    margin: 15px 0 18px 0;
    height: auto;
    max-height: 40px;
    white-space: normal
}

.PromotionalCard_card__content__right_2f-Rt {
    flex: 1
}

.PromotionalCard_card__content__image_5xmUi {
    width: 100%;
    height: 100%;
    border-radius: 0 16px 16px 0;
    -o-object-fit: cover;
    object-fit: cover
}

.popup_left .PromotionalCard_card__content__left_1h1D4 {
    padding: 0 10px 20px 20px
}

.PromotionalCard_card__content__discount_37FUE {
    height: 78px;
    position: relative;
    font-weight: 700
}

.PromotionalCard_card__content__discount_num_3B06v {
    font-size: 66px
}

.PromotionalCard_card__content__discount_percent_7nC7g {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 40px
}

.PromotionalCard_card__content__discount_text_3mcYo {
    position: absolute;
    right: 10px;
    top: 56px;
    font-size: 16px
}

.PromotionalCard_card__content__text_2Lh2p {
    word-break: break-word;
    white-space: pre-wrap;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis
}

.PromotionalCard_card__content__btn_1hkI8 {
    margin: 0;
    margin-top: 10px;
    color: #fff;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 4px;
    position: relative;
    font-weight: 700;
    display: block;
    width: 100%;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.PromotionalCard_card__content__count_3B01I {
    margin-top: 6px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #000
}

.PromotionalCard_card__content__count_3B01I strong {
    font-size: 18px;
    color: #000
}

.PromotionalCard_card__content__count_3B01I span {
    color: #000;
    font-weight: 700
}

.Imager_size_33WUI {
    width: 100%;
    height: 100%
}

.Imager_image_3g8WI {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #f7f7f7;
    text-align: center
}

.Imager_image__error_2UQuu,.Imager_image__placeholder_2anbd {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background: #f7f7f7;
    color: #515a6e;
    vertical-align: middle
}

.Imager_image__inner_2de5c {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.Imager_image__inner__center_1_5ZM {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block
}

.ProductMessage_card__item_3eucO {
    border-radius: 0;
    padding: 10px 0;
    border-radius: 20px 20px 0 20px;
    line-height: 1;
    font-size: 12px;
    width: 220px;
    margin-right: 0
}

.ProductMessage_card__content_1Lxo5 {
    display: flex;
    width: 220px
}

.ProductMessage_card__content__left_2PGSo {
    width: 90px;
    height: 80px
}

.ProductMessage_card__content__right_3Q5RY {
    flex: 1;
    padding: 0 10px
}

.ProductMessage_card__content__image_1HYCw {
    width: 100%;
    height: 80px
}

.ProductMessage_card__content__btn_3yN_A {
    margin: 0;
    margin-top: 5px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 16px;
    position: relative;
    font-weight: 700;
    display: block;
    width: 160px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    text-decoration: none;
    background: #0045b0;
    color: #fff
}

.ProductMessage_card__product__name_2cR2_ {
    height: 32px;
    line-height: 16px;
    overflow: hidden;
    color: #0045b0;
    margin-top: 5px;
    text-overflow: ellipsis;
    display: -webkit-box;
    white-space: pre-wrap;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ProductMessage_card__product__price_TxwNC {
    line-height: 20px
}

.ProductMessage_card__product__price_TxwNC em {
    font-style: normal;
    font-weight: 700;
    color: #ed4014
}

.ProductMessage_card__product__price_TxwNC s {
    color: #808695
}

.HumanService_human_f0MvY {
    position: absolute;
    top: -32px;
    left: 0;
    color: #fff;
    text-align: center;
    width: 100%
}

.HumanService_human__btn_3RuTI,.HumanService_human__msg_2cHgV {
    padding: 6px 10px;
    border-radius: 17px;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    background-color: rgba(0,0,0,.5);
    display: inline-block
}

.HumanService_human__btn_3RuTI:hover,.HumanService_human__msg_2cHgV:hover {
    opacity: 1
}

.HumanService_human__btn_3RuTI {
    cursor: pointer
}

.Typing_typing__wrap_3FYVz {
    position: relative;
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 26px;
    width: 32px;
    padding: 5px 10px;
    border-radius: 12px;
    margin-left: 50px;
    background: rgba(84,152,243,.08);
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    color: #252525
}

.Typing_typing_18Sjw {
    text-align: left
}

.Typing_typing_18Sjw span {
    height: 4px;
    width: 4px;
    margin: 11px 1px 0 1px;
    background-color: #000;
    display: inline-block;
    border-radius: 50%;
    opacity: .4;
    -webkit-animation: Typing_blink_-iQ0k 1.3s linear infinite;
    animation: Typing_blink_-iQ0k 1.3s linear infinite
}

.Typing_typing_18Sjw span:first-child {
    margin-left: 4px
}

.Typing_typing_18Sjw span:nth-child(2) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.Typing_typing_18Sjw span:nth-child(3) {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

@-webkit-keyframes Typing_blink_-iQ0k {
    0%,60%,to {
        transform: none
    }

    30% {
        transform: translateY(-5px)
    }
}

@keyframes Typing_blink_-iQ0k {
    0%,60%,to {
        transform: none
    }

    30% {
        transform: translateY(-5px)
    }
}

.Select_select_1O1MO {
    position: relative;
    cursor: pointer;
    background-color: #f2f6fd;
    border-radius: 8px;
    height: 40px;
    padding: 0 20px 0 10px
}

.Select_select_label_WgQHd {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.Select_select_label_selected_2kDvG {
    color: #000;
    max-width: 40%;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 8px
}

.Select_select_label_placeholder_2J6sr,.Select_select_label_selected_2kDvG {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Select_select_label_placeholder_2J6sr {
    color: #7f7f80;
    font-size: 14px;
    max-width: 100%;
    display: inline-block
}

.Select_select_options_3lIw8 {
    position: absolute;
    top: 120%;
    left: 0;
    right: 0;
    background-color: #f2f6fd;
    z-index: 1;
    list-style: none;
    border-radius: 8px;
    transition: all .5s ease;
    max-height: 100px;
    overflow: auto;
    box-shadow: 1px 3px 10px rgba(0,0,0,.2)
}

.Select_select_options_3lIw8 li {
    padding: 10px;
    cursor: pointer
}

@media (hover: hover) and (pointer:fine) {
    .Select_select_options_3lIw8 li:hover {
        background-color:#d5ddfb;
        transition: background-color .5s
    }
}

.Select_select_label_wrap_M8xjY {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 90%
}

.Select_select_label_content_By72c {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%
}

.Select_select_icon_2JvOV {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #7f7f80;
    transition: transform .5s
}

.Select_select_icon_expand_1im0- {
    transform: translateY(-50%) rotate(180deg)
}

.Option_option_3Aic0 {
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left
}

.Option_selected_3fRx9 {
    color: #0045b0
}

.Option_selected_3fRx9:after {
    position: absolute;
    content: "\e629";
    font-family: iconfont;
    right: 5px;
    color: #0045b0;
    font-size: 8px
}

.index_collection_1yn98 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    background: #fff;
    border-radius: 12px;
    overflow: auto
}

.index_collection__close_1RUSL {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    color: #cbcbcb;
    padding: 2px
}

.index_collection__form_T_tfP {
    width: 100%;
    margin-top: 65px;
    display: flex;
    flex-direction: column;
    text-align: center;
    height: calc(100% - 65px)
}

.index_collection__form__con_55a1e {
    background: #fff;
    padding: 15px 40px;
    padding-top: 42px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    flex: 1
}

.index_collection__form__item_13y2L {
    margin-bottom: 22px;
    position: relative
}

.index_collection__form__item__status_wrong_7wEFj .index_collection__form__input_3cLQE {
    border-color: red
}

.index_collection__form__item__error_1JGTF {
    position: absolute;
    bottom: -18px;
    left: 0;
    color: red;
    padding-left: 18px
}

.index_collection__form__input_3cLQE {
    background: #f2f6fd;
    border-radius: 8px;
    height: 40px;
    display: flex;
    padding: 0 10px
}

.index_collection__form__input_3cLQE input {
    border: none;
    outline: none;
    line-height: 40px;
    flex: 0 0 20px;
    font-size: 14px;
    background: #f2f6fd;
    flex: 1
}

.index_collection__form__input_3cLQE img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: block;
    margin-top: 12px
}

.index_collection__form_T_tfP button {
    background: #0045b0;
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    border-radius: 40px;
    color: #fff;
    outline: none;
    border: none;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    cursor: pointer
}

.index_collection__form__avator_24qFV {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%
}

.index_collection__form__avator_24qFV i {
    line-height: 60px;
    color: #5498f3;
    opacity: .5
}

.index_collection__form__avator_24qFV img {
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%
}

.index_collection__form__avator_img_AcNZk {
    background-color: transparent
}

.index_collection__form__title_29lhJ {
    margin-bottom: 30px;
    font-size: 16px;
    padding: 0 15px;
    word-break: break-word;
    line-height: 1.5
}

.index_collection__icon_12HQm {
    margin-right: 5px
}

.index_shake_1A3la {
    -webkit-animation: index_shake_1A3la .8s ease-in-out;
    animation: index_shake_1A3la .8s ease-in-out
}

@-webkit-keyframes index_shake_1A3la {
    10%,90% {
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        transform: translate3d(3px,0,0)
    }

    30%,70% {
        transform: translate3d(-6px,0,0)
    }

    40%,60% {
        transform: translate3d(6px,0,0)
    }

    50% {
        transform: translate3d(-6px,0,0)
    }
}

@keyframes index_shake_1A3la {
    10%,90% {
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        transform: translate3d(3px,0,0)
    }

    30%,70% {
        transform: translate3d(-6px,0,0)
    }

    40%,60% {
        transform: translate3d(6px,0,0)
    }

    50% {
        transform: translate3d(-6px,0,0)
    }
}

.index_collection_custom__icon_2S9eZ {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: block
}

.index_collection_phone_area_3IaiR {
    max-width: 25%;
    width: 50px;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid rgba(0,0,0,.16)
}

.index_collection_phone_area_select_3HKcD {
    width: 100%;
    padding: 0
}

.index_collection_phone_area_select_3HKcD>ul {
    width: 240px;
    max-height: 150px
}

.Chat_icon__wrap_3840H {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #ccc;
    color: #fff
}

.Chat_icon__wrap_3840H:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(46,79,237,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Chat_icon__wrap_3840H i {
    transition: transform .5s;
    position: absolute;
    left: 6px;
    top: -1px;
    transform: scale(.85)
}

.Chat_icon__wrap_3840H img {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0
}

.Chat_icon__wrap_3840H .Chat_btn__in_30NKI {
    display: none
}

.Chat_icon__wrap_3840H:hover .Chat_btn__in_30NKI {
    display: block
}

.Chat_icon__wrap_3840H:hover .Chat_btn__out_EXYLJ {
    display: none
}

.Chat_icon__wrap_3840H:hover:after {
    transform: scale(1)
}

.Chat_icon__wrap_3840H .Chat_unread_1o7NV {
    position: absolute;
    right: 10px;
    top: 8px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: red;
    color: #fff;
    text-align: center
}

.Chat_icon__wrap_medium_x1Yap {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Chat_icon__wrap_medium_x1Yap i {
    left: 7px;
    top: -1px
}

.Chat_icon__wrap_medium_x1Yap img {
    width: 48px;
    height: 48px
}

.Chat_icon__wrap_medium_x1Yap:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Chat_icon__wrap_medium_x1Yap .Chat_unread_1o7NV {
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.Chat_icon__wrap_small_38unz {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Chat_icon__wrap_small_38unz i {
    left: 5px;
    top: -1px
}

.Chat_icon__wrap_small_38unz img {
    width: 36px;
    height: 36px
}

.Chat_icon__wrap_small_38unz:after {
    width: 42px;
    height: 42px;
    left: -3px;
    top: -3px
}

.Chat_icon__wrap_small_38unz .Chat_unread_1o7NV {
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.Chat_icon__wrap_side_1woF2 {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.Chat_icon__wrap_side_1woF2 i {
    left: 5px;
    top: -1px;
    transform: scale(1)
}

.Chat_icon__wrap_side_1woF2:after {
    width: 36px;
    height: 36px;
    left: -3px;
    top: -3px
}

.Chat_icon__wrap_side_1woF2 .Chat_unread_1o7NV {
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    line-height: 10px
}

.Chat_icon__wrap_define_hBu8- {
    color: #fff;
    border-radius: 0;
    filter: none;
    background: transparent!important;
    box-shadow: none
}

.Chat_icon__wrap_define_hBu8-:after {
    display: none
}

.Chat_icon__wrap_define_hBu8-:hover .Chat_btn__out_EXYLJ {
    transform: scale(0)
}

.Chat_icon__wrap_define_hBu8- .Chat_unread_1o7NV {
    right: 0;
    top: 0
}

.Chat_icon__wrap_3840H .Chat_btn__down_1ym23 {
    left: 50%;
    margin-left: -11px
}

.Chat_icon__wrap_old_mzs7M i {
    transition: transform .5s;
    position: absolute;
    left: 10px;
    top: 0
}

.Chat_icon__wrap_old_mzs7M .Chat_btn__in_30NKI {
    transform: scale(0)
}

.Chat_icon__wrap_old_mzs7M:hover .Chat_btn__in_30NKI,.Chat_icon__wrap_old_mzs7M:hover:after {
    transform: scale(1)
}

.Chat_icon__wrap_old_mzs7M.Chat_icon__wrap_medium_x1Yap i {
    left: 10px
}

.Chat_icon__wrap_old_mzs7M.Chat_icon__wrap_side_1woF2 i,.Chat_icon__wrap_old_mzs7M.Chat_icon__wrap_small_38unz i {
    left: 7px
}

.Chat_icon__wrap_old_mzs7M .Chat_btn__down_1ym23 {
    left: 50%;
    margin-left: -11px
}

.Chat_icon__wrap_shadow_14Bbe {
    box-shadow: 0 4px 20px rgba(60,69,118,.2)
}

.Line_wrap_2ZVen {
    position: relative
}

.Line_icon__wrap_2laFr {
    position: relative;
    border-radius: 50%;
    cursor: pointer
}

.Line_icon__wrap_2laFr:hover:after {
    transform: scale(1)
}

.Line_icon__wrap_2laFr:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(6,199,85,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Line_icon__wrap_medium_2B26V:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Line_icon__wrap_medium_2B26V .Line_icon_6S1Ge {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Line_icon__wrap_small_1yEyJ .Line_icon_6S1Ge {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Line_icon__wrap_small_1yEyJ:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Line_icon_6S1Ge {
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #00c300;
    border-radius: 50%;
    display: block;
    filter: drop-shadow(0 2px 8px rgba(6,199,85,.44));
    text-align: center;
    position: relative;
    z-index: 2
}

.Line_icon_6S1Ge>i {
    color: #fff;
    margin-top: 1px
}

.Line_frame_343K1 {
    background: #fff;
    box-shadow: 0 4px 20px 2px rgba(0,0,0,.2);
    border-radius: 12px;
    display: flex;
    flex-direction: column
}

.Line_frame__header_-7k9H {
    background-color: #00c300;
    height: 46px;
    display: flex;
    border-radius: 12px 12px 0 0;
    text-align: center;
    align-items: center;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,.25)
}

.Line_frame__header__icon_21MmW {
    width: 40px;
    height: 40px;
    margin: 0 5px 0 20px
}

.Line_frame__header__title_3l8kJ {
    text-align: left;
    font-size: 14px;
    font-weight: 700
}

.Line_frame__header__close_2P-U6 {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 16px
}

.Line_frame__body_1Kgj9 {
    overflow: hidden;
    border-radius: 0 0 12px 12px;
    position: relative;
    flex: 1
}

.Line_frame__body_1Kgj9 iframe {
    border: none;
    overflow: hidden;
    margin-top: -60px;
    width: 360px;
    height: 80vh;
    max-height: 500px;
    overflow: auto
}

.Line_frame__body__demo_WEz7r {
    width: 320px;
    height: 80vh;
    max-height: 350px;
    overflow: auto
}

.Line_frame__body__demo_WEz7r img {
    display: block;
    width: 100%
}

.Line_frame__body__qr_Gy8rG {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.Line_frame__body__qr__con_3ajhq {
    background: #fff;
    width: 180px;
    height: 180px;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -120px;
    margin-left: -120px
}

.Line_frame__body__qr__con_3ajhq p {
    font-size: 14px;
    font-weight: 700
}

.Line_frame__body__qr__con_3ajhq img {
    margin-bottom: 5px;
    width: 150px;
    height: 150px;
    display: inline-block
}

.Line_frame__body__qr__close_Q-5jU {
    position: absolute;
    right: 10px;
    top: 5px
}

.Line_frame__body__qr__close_Q-5jU i {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #515a6e;
    cursor: pointer
}

.Line_frame__body__qr__cover_3iq0l {
    position: absolute;
    inset: 0;
    outline-offset: -5px;
    background-color: rgba(0,0,0,.35);
    will-change: opacity;
    z-index: 1
}

.Messenger_icon__wrap_2aKWn {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #0a7cff;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(10,124,255,.44))
}

.Messenger_icon__wrap_2aKWn:hover:after {
    transform: scale(1)
}

.Messenger_icon__wrap_2aKWn:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(10,124,255,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Messenger_icon__wrap_medium_U8Js1 {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Messenger_icon__wrap_medium_U8Js1:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Messenger_icon__wrap_small_n9qWM {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Messenger_icon__wrap_small_n9qWM:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Whatsapp_icon__wrap_38xRx {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #4dc247;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(77,194,71,.44))
}

.Whatsapp_icon__wrap_38xRx>i {
    color: #fff
}

.Whatsapp_icon__wrap_38xRx:hover:after {
    transform: scale(1)
}

.Whatsapp_icon__wrap_38xRx:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(77,194,71,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Whatsapp_icon__wrap_medium_1E5Sw {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Whatsapp_icon__wrap_medium_1E5Sw:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Whatsapp_icon__wrap_small_uQHnT {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Whatsapp_icon__wrap_small_uQHnT:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Email_icon__wrap_RK-rh {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #ff485f;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(255,72,95,.44))
}

.Email_icon__wrap_RK-rh:hover:after {
    transform: scale(1)
}

.Email_icon__wrap_RK-rh:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(255,72,95,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Email_icon__wrap_medium_2eXF1 {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Email_icon__wrap_medium_2eXF1:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Email_icon__wrap_small_2pnjn {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Email_icon__wrap_small_2pnjn:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Telegram_icon__wrap_2_EPz {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #26a6e7;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(38,166,231,.44))
}

.Telegram_icon__wrap_2_EPz>i {
    color: #fff;
    margin-left: -2px
}

.Telegram_icon__wrap_2_EPz:hover:after {
    transform: scale(1)
}

.Telegram_icon__wrap_2_EPz:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(77,194,71,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Telegram_icon__wrap_medium_2OBxi {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Telegram_icon__wrap_medium_2OBxi:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Telegram_icon__wrap_small_2GuU7 {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Telegram_icon__wrap_small_2GuU7:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Instagram_icon__wrap_Mbzur {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #ff005e;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(255,0,94,.44))
}

.Instagram_icon__wrap_Mbzur>i {
    color: #fff
}

.Instagram_icon__wrap_Mbzur:hover:after {
    transform: scale(1)
}

.Instagram_icon__wrap_Mbzur:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(77,194,71,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Instagram_icon__wrap_medium_j9iW2 {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Instagram_icon__wrap_medium_j9iW2:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Instagram_icon__wrap_small_2e46G {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Instagram_icon__wrap_small_2e46G:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Weixin_icon__wrap_Drf07 {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #3caf34;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(60,175,52,.44))
}

.Weixin_icon__wrap_Drf07>i {
    color: #fff
}

.Weixin_icon__wrap_Drf07:hover:after {
    transform: scale(1)
}

.Weixin_icon__wrap_Drf07:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(77,194,71,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Weixin_icon__wrap_medium_2j4J6 {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Weixin_icon__wrap_medium_2j4J6:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Weixin_icon__wrap_small_2DFz5 {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Weixin_icon__wrap_small_2DFz5:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Expand_icon__wrap_cgiMe {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #ccc;
    color: #fff;
    box-shadow: 0 4px 20px rgba(60,69,118,.2)
}

.Expand_icon__wrap_cgiMe:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(46,79,237,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Expand_icon__wrap_cgiMe i {
    transition: transform .5s;
    left: 6px;
    top: -1px;
    transform: scale(.85)
}

.Expand_icon__wrap_cgiMe img {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0
}

.Expand_icon__wrap_cgiMe .Expand_btn__in_SYKgO {
    display: none
}

.Expand_icon__wrap_cgiMe:hover .Expand_btn__in_SYKgO {
    display: block
}

.Expand_icon__wrap_cgiMe:hover .Expand_btn__out_1PcDx {
    display: none
}

.Expand_icon__wrap_cgiMe:hover:after {
    transform: scale(1)
}

.Expand_icon__wrap_cgiMe .Expand_unread_3slBN {
    position: absolute;
    right: 10px;
    top: 8px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: red;
    color: #fff;
    text-align: center
}

.Expand_icon__wrap_medium_XscJu {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Expand_icon__wrap_medium_XscJu i {
    left: 7px;
    top: -1px
}

.Expand_icon__wrap_medium_XscJu img {
    width: 48px;
    height: 48px
}

.Expand_icon__wrap_medium_XscJu:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Expand_icon__wrap_medium_XscJu .Expand_unread_3slBN {
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.Expand_icon__wrap_small_1ksnj {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Expand_icon__wrap_small_1ksnj i {
    left: 5px;
    top: -1px
}

.Expand_icon__wrap_small_1ksnj img {
    width: 36px;
    height: 36px
}

.Expand_icon__wrap_small_1ksnj:after {
    width: 42px;
    height: 42px;
    left: -3px;
    top: -3px
}

.Expand_icon__wrap_small_1ksnj .Expand_unread_3slBN {
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.Expand_icon__wrap_side_1vhRW {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.Expand_icon__wrap_side_1vhRW i {
    left: 5px;
    top: -1px;
    transform: scale(1)
}

.Expand_icon__wrap_side_1vhRW:after {
    width: 36px;
    height: 36px;
    left: -3px;
    top: -3px
}

.Expand_icon__wrap_side_1vhRW .Expand_unread_3slBN {
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    line-height: 10px
}

.Expand_icon__wrap_define_1yR3c {
    color: #fff;
    border-radius: 0;
    filter: none;
    background: transparent!important;
    box-shadow: none
}

.Expand_icon__wrap_define_1yR3c:after {
    display: none
}

.Expand_icon__wrap_define_1yR3c:hover .Expand_btn__out_1PcDx {
    transform: scale(0)
}

.Expand_icon__wrap_define_1yR3c .Expand_unread_3slBN {
    right: 0;
    top: 0
}

.mobile .Expand_icon__wrap_cgiMe:after {
    background: none!important
}

.TikTok_icon__wrap_1H9Hw {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #000;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,.44))
}

.TikTok_icon__wrap_1H9Hw>i {
    color: #fff
}

.TikTok_icon__wrap_1H9Hw:hover:after {
    transform: scale(1)
}

.TikTok_icon__wrap_1H9Hw:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(27,51,26,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.TikTok_icon__wrap_medium_1V628 {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.TikTok_icon__wrap_medium_1V628:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.TikTok_icon__wrap_small_3wwVA {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.TikTok_icon__wrap_small_3wwVA:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.VKontakte_icon__wrap_1wLBr {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #1976d2;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(25,118,210,.44))
}

.VKontakte_icon__wrap_1wLBr>i {
    color: #fff
}

.VKontakte_icon__wrap_1wLBr:hover:after {
    transform: scale(1)
}

.VKontakte_icon__wrap_1wLBr:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(54,113,175,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.VKontakte_icon__wrap_medium_11xRR {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.VKontakte_icon__wrap_medium_11xRR:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.VKontakte_icon__wrap_small_2SaZX {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.VKontakte_icon__wrap_small_2SaZX:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Zalo_icon__wrap_3ZJ1J {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #1976d2;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(25,118,210,.3))
}

.Zalo_icon__wrap_3ZJ1J img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.Zalo_icon__wrap_3ZJ1J:hover:after {
    transform: scale(1)
}

.Zalo_icon__wrap_3ZJ1J:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(27,51,26,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Zalo_icon__wrap_medium_2kv4B {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Zalo_icon__wrap_medium_2kv4B:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Zalo_icon__wrap_small_3bT3b {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Zalo_icon__wrap_small_3bT3b:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.CustomEntry_icon__wrap_2aA1f {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: transparent;
    color: #fff
}

.CustomEntry_icon__wrap_2aA1f>img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.CustomEntry_icon__wrap_2aA1f:hover:after {
    transform: scale(1)
}

.CustomEntry_icon__wrap_2aA1f:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(27,51,26,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.CustomEntry_icon__wrap_medium_jvI29 {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.CustomEntry_icon__wrap_medium_jvI29:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.CustomEntry_icon__wrap_small_2xuvU {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.CustomEntry_icon__wrap_small_2xuvU:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.CustomEntry_custom_entry_1K0FV {
    position: relative
}

.CustomEntry_custom_entry__content_sAKQS {
    position: absolute;
    top: 50%;
    right: 80px
}

.CustomEntry_custom_entry__content_image_3pKg6 {
    transform: translateY(-50%)
}

.CustomEntry_custom_entry__content_left_1JImK {
    left: 80px
}

.CustomEntry_custom_entry__content_medium_3TaCT {
    right: 66px
}

.CustomEntry_custom_entry__content_medium_left_3oFWR {
    left: 66px
}

.CustomEntry_custom_entry__content_small_3qq9f {
    right: 54px
}

.CustomEntry_custom_entry__content_small_left_20m-- {
    left: 54px
}

.CustomEntry_custom_entry__content_text_3o24B {
    max-width: 220px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    word-break: break-all;
    padding: 8px;
    background-color: rgba(84,152,243,.08);
    border-radius: 8px;
    text-align: left
}

.CustomEntry_custom_entry__content_img_16jwc {
    max-width: 200px;
    max-height: 200px;
    border-radius: 8px
}

.index_wrap_2x0GD {
    cursor: pointer;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100vh
}

.index_wrap_2x0GD .index_normal_3-8_M {
    background: rgba(46,79,237,.75);
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 0;
    padding: 20px 0 30px;
    width: 30px;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 8px
}

.index_wrap_2x0GD .index_normal_3-8_M>span {
    max-height: 265px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.index_wrap_2x0GD .index_btn_8AbIK {
    width: 35px;
    height: 35px;
    line-height: 35px;
    min-width: auto;
    min-height: auto
}

.index_wrap_2x0GD .index_btn_8AbIK i {
    left: 8px
}

.index_wrap_2x0GD .index_btn_8AbIK:after {
    width: 50px;
    height: 50px;
    left: -6px;
    top: -6px
}

.index_wrap_2x0GD .index_btn_unread_3YKuK {
    right: 3px;
    top: -2px;
    width: 10px;
    height: 10px
}

.index_wrap_2x0GD .index_chat__icon_1qlfO {
    right: 10px!important;
    bottom: 5px;
    background: #2e4fed;
    position: absolute
}

.index_wrap_2x0GD .index_chat__icon_single_3b4ea {
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important
}

.index_wrap_left_3TVBe {
    justify-content: flex-start
}

.index_wrap_left_3TVBe .index_normal_3-8_M {
    right: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 8px
}

.index_wrap_demo_3tg3m>div {
    width: 70px;
    position: absolute;
    right: 0;
    left: auto
}

.index_wrap_demo_3tg3m.index_wrap_left_3TVBe>div {
    left: 0;
    right: auto
}

.index_wrap_demo_3tg3m.index_wrap_left_3TVBe .index_normal_3-8_M {
    right: 40px
}

.index_channel__list_3kOOH {
    text-align: center;
    min-width: 65px
}

.index_channel__list_3kOOH .index_channel__btn_1sHVK {
    right: 0!important;
    left: 0!important
}

.index_channel__list_3kOOH .index_close_Ke7KF {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 2px solid #999;
    background: #fff
}

.index_channel__list_3kOOH .index_close_Ke7KF i {
    color: #999
}

.index_channel__list_single_2wWBi {
    display: flex;
    flex-direction: column;
    padding: 0
}

.index_normal_space_3PipG {
    letter-spacing: 2px
}

.MiniChannel_icon__list_T1Kbz {
    list-style: none;
    line-height: 22px;
    vertical-align: middle
}

.MiniChannel_icon__list_T1Kbz li {
    display: inline-block;
    margin-right: 16px;
    cursor: pointer
}

.MiniChannel_icon__list_T1Kbz li img {
    width: 22px;
    vertical-align: middle;
    display: inline-block
}

.MiniChannel_icon__list_T1Kbz li i {
    display: none
}

.MiniChannel_icon__list_small_39JjX {
    line-height: 1;
    background: linear-gradient(90.06deg,rgba(0,0,0,.1) .05%,transparent 99.95%)
}

.MiniChannel_icon__list_small_39JjX li {
    margin-right: 8px;
    background: rgba(0,0,0,.3);
    border-radius: 50%;
    padding: 5px;
    margin-top: 4px
}

.MiniChannel_icon__list_small_39JjX li img {
    display: none
}

.MiniChannel_icon__list_small_39JjX li i {
    display: block;
    color: #fff
}

.mobile .MiniChannel_icon__list_small_39JjX li {
    margin-right: 16px
}

.MiniChannel_email_2cryC i,.MiniChannel_line_3yRam i {
    color: #06c755
}

.MiniChannel_messenger_2GYgF i {
    color: #0084ff
}

.MiniChannel_whatsapp_2akdm i {
    color: #25d366
}

.MiniChannel_telegram_2rqQ5 i {
    color: #26a6e7
}

.MiniChannel_custom_1_3f-HC i,.MiniChannel_custom_2_3ffAj i,.MiniChannel_custom_3_32cfD i,.MiniChannel_instagram_3wgg- i,.MiniChannel_tiktok_1rA4h i,.MiniChannel_vkontakte_1G2j1 i,.MiniChannel_zalo_30wki i {
    color: #ff005e
}

.MiniChannel_custom_img_2CZdT {
    display: inline-block!important;
    width: 16px!important;
    height: 16px!important;
    vertical-align: sub!important;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.MutilChat_wrap_2RtHV {
    position: absolute;
    top: 40px;
    left: 0;
    padding: 10px 20px;
    border-top: 2px solid #f3f7ff;
    width: calc(100% - 40px);
    z-index: 4;
    background: #fff;
    transition: top .3s
}

.MutilChat_tips_2jpOd {
    color: #808695;
    line-height: 22px;
    font-size: 14px;
    margin-right: 10px
}

.MutilChat_list_Ry46l,.MutilChat_tips_2jpOd {
    display: inline-block;
    vertical-align: middle
}

.ChannelGuide_wrap_1Npve {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 20px;
    border-top: 2px solid #f3f7ff;
    width: calc(100% - 40px);
    height: 78px;
    z-index: 6;
    background: #fff;
    text-align: center;
    border-radius: 0 0 12px 12px
}

.ChannelGuide_wrap_1Npve ul {
    margin-top: 5px
}

.ChannelGuide_wrap_1Npve a {
    display: inline-block;
    margin: 0 auto;
    margin-top: 8px
}

.ChannelGuide_wrap_1Npve .ChannelGuide_www_2vV_H a {
    text-decoration: none;
    color: #ccc
}

.ChannelGuide_wrap_1Npve .ChannelGuide_www_2vV_H span {
    color: #b6bfcf;
    display: inline-block;
    vertical-align: middle
}

.ChannelGuide_tips_1GjTy {
    color: #808695;
    line-height: 24px;
    font-size: 14px
}

.CollectionGuide_wrap_2uT8B {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 20px 10px 20px;
    width: calc(100% - 40px);
    z-index: 6;
    background: #fff;
    text-align: center;
    border-radius: 0 0 12px 12px
}

.CollectionGuide_wrap_2uT8B p {
    line-height: 14px;
    margin-bottom: 6px;
    height: 28px;
    font-size: 14px
}

.CollectionGuide_wrap_2uT8B .CollectionGuide_btn_2XDZS {
    border: none;
    margin: 0;
    width: 100%;
    height: 40px;
    font-size: 14px;
    letter-spacing: .5px
}

.CollectionGuide_wrap_2uT8B .CollectionGuide_www_28h_f {
    margin-top: 10px
}

.CollectionGuide_wrap_2uT8B .CollectionGuide_www_28h_f a {
    text-decoration: none;
    color: #ccc
}

.CollectionGuide_wrap_2uT8B .CollectionGuide_www_28h_f span {
    color: #b6bfcf;
    display: inline-block;
    vertical-align: middle
}

.CollectionGuide_icon_1Jwgk {
    background: #5498f3;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -20px
}

.CollectionGuide_icon_1Jwgk i {
    line-height: 40px;
    color: #fff
}

.CollectionGuide_info_d3cDe {
    height: 72px;
    margin: 0 auto;
    padding: 20px;
    padding-top: 30px;
    background: #f2f6fd;
    border-radius: 8px;
    position: relative
}

.CollectionGuide_tips_2AoES {
    color: #808695;
    line-height: 24px;
    font-size: 14px
}

.index_poptip_wrapper_LP_wy {
    display: inline-block
}

.index_poptip_content_2Fiqh {
    position: absolute;
    top: -100%;
    left: 50%;
    z-index: 10;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 2px 4px 8px rgba(0,0,0,.15);
    padding: 10px;
    border-radius: 10px;
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease,visibility 1s ease;
    transition: transform .5s ease;
    transform: translateX(0)
}

.index_poptip_content_show_K-X4k {
    opacity: 1;
    visibility: visible;
    -webkit-animation: index_slideInFromRight_16oj6 .5s ease-out forwards;
    animation: index_slideInFromRight_16oj6 .5s ease-out forwards
}

.index_poptip_content_hide_3J-oU {
    -webkit-animation: index_slideOutToRight_2YyGz .5s ease-out forwards;
    animation: index_slideOutToRight_2YyGz .5s ease-out forwards
}

.index_poptip_top_3vVRf {
    transform: translateY(-100%)
}

.index_poptip_trigger_fLAc_ {
    cursor: pointer
}

@-webkit-keyframes index_slideInFromRight_16oj6 {
    0% {
        transform: translateX(0);
        opacity: 0
    }

    to {
        transform: translateX(-50%);
        opacity: 1
    }
}

@keyframes index_slideInFromRight_16oj6 {
    0% {
        transform: translateX(0);
        opacity: 0
    }

    to {
        transform: translateX(-50%);
        opacity: 1
    }
}

@-webkit-keyframes index_slideOutToRight_2YyGz {
    0% {
        transform: translateX(-50%);
        opacity: 1
    }

    to {
        transform: translateX(0);
        opacity: 0
    }
}

@keyframes index_slideOutToRight_2YyGz {
    0% {
        transform: translateX(-50%);
        opacity: 1
    }

    to {
        transform: translateX(0);
        opacity: 0
    }
}

.ViewCustomContent_custom_entry__content_3uQYi {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    padding: 8px;
    background-color: #f2f7fe;
    border-radius: 8px;
    box-shadow: 0 4px 14px 4px rgba(0,0,0,.2)
}

.ViewCustomContent_custom_entry__content_text_34sHN {
    max-width: 220px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    word-break: break-all
}

.ViewCustomContent_custom_entry__content_img_1zjiq {
    cursor: pointer;
    max-width: 250px;
    max-height: 250px;
    border-radius: 8px
}

.ServiceTyping_typing_2pQyh {
    position: absolute;
    top: -32px;
    left: 0;
    color: #fff;
    text-align: center;
    width: 100%
}

.ServiceTyping_typing__msg_1AYMa {
    padding: 6px 10px;
    border-radius: 17px;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    background-color: rgba(0,0,0,.4);
    opacity: .85;
    display: inline-block
}

.fade,.ServiceTyping_typing__msg_1AYMa:hover {
    opacity: 1
}

.fade-enter-active,.fade-leave-active,.fadeLeft-enter-active,.fadeLeft-leave-active {
    transition: opacity .3s,transform .3s
}

.fade-enter {
    opacity: 0;
    transform: translate(30px)
}

.fadeLeft-enter {
    opacity: 0;
    transform: translate(-30px)
}

.fade-enter-to,.fadeLeft-enter-to {
    opacity: 1;
    transform: translate(0)
}

.fade-leave,.fadeLeft-leave {
    opacity: 1
}

.fade-leave-to {
    transform: translate(30px);
    opacity: 0
}

.fadeLeft-leave-to {
    transform: translate(-30px);
    opacity: 0
}

.fadein-enter-active {
    -webkit-animation: fadein .5s;
    animation: fadein .5s
}

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

    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.noIcon {
    opacity: 1;
    transition: width .2s ease 0s,height .2s ease 0s,transform .3s cubic-bezier(0,1.2,1,1) 0s,opacity .1s ease-out 0s
}

.noIcon-leave {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden
}