.yijianlogin[data-v-0a030bc6] {
    text-align: center;
    font-size: 12px;
    color: #333;
    line-height: 30px;
    color: #d12447
}

.login[data-v-0a030bc6] {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px 40px;
    max-width: 800px;
    margin: 0 auto;
    position: relative
}

.login .close-icon[data-v-0a030bc6] {
    position: absolute;
    right: 30px;
    top: 20px
}

.login .close-icon img[data-v-0a030bc6] {
    width: 20px;
    height: 20px
}

.login .title[data-v-0a030bc6] {
    width: 100%;
    font-size: 16px;
    color: #333;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px
}

.login .yijian-login[data-v-0a030bc6] {
    width: 100%;
    margin-top: 45px
}

.login .yijian-login .tel-box[data-v-0a030bc6] {
    display: flex;
    justify-content: center;
    line-height: 25px
}

.login .yijian-login .tel-box .normal[data-v-0a030bc6] {
    font-size: 20px;
    color: #333;
    font-weight: 500;
    margin-right: 5px;
    letter-spacing: 2px
}

.login .yijian-login .tel-box .normal[data-v-0a030bc6]:last-child {
    margin-right: 0
}

.login .yijian-login .tel-box .center[data-v-0a030bc6] {
    display: flex
}

.login .yijian-login .tel-box .center .ipt-item[data-v-0a030bc6] {
    width: 25px;
    height: 25px;
    display: flex;
    background: #f8f9fb;
    border-radius: 4px;
    border: 1px solid #eee;
    margin-right: 5px
}

.login .yijian-login .tel-box .center .ipt-item input[data-v-0a030bc6] {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    outline: none;
    text-align: center;
    line-height: 25px
}

.login .yijian-login .desc[data-v-0a030bc6] {
    font-size: 12px;
    color: #999;
    margin-top: 10px;
    margin-bottom: 45px;
    text-align: center
}

.login .ipt-box[data-v-0a030bc6] {
    display: flex;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 15px;
    overflow: hidden
}

.login .ipt-box .normal[data-v-0a030bc6] {
    color: #999;
    font-size: 12px
}

.login .ipt-box .times[data-v-0a030bc6] {
    font-size: 12px;
    min-width: 70px;
    text-align: center;
    color: #d12447
}

.login .ipt-box input[data-v-0a030bc6] {
    flex: 1;
    outline: none;
    border: none;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding-left: 10px;
    box-sizing: border-box;
    color: #1f1f1f;
    background: none
}

.login .btn[data-v-0a030bc6] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background: #d12447;
    text-align: center;
    margin-top: 20px;
    border-radius: 5px
}

.login .btn.normal[data-v-0a030bc6] {
    color: #333;
    background: #efefef
}

.login .login-desc[data-v-0a030bc6] {
    display: flex;
    margin-top: 15px
}

.login .login-desc .icon[data-v-0a030bc6] {
    height: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 4px
}

.login .login-desc .icon img[data-v-0a030bc6] {
    width: 14px;
    height: 14px
}

.login .login-desc .text[data-v-0a030bc6] {
    font-size: 12px;
    color: #999;
    line-height: 14px;
    letter-spacing: 1px
}

.login .login-desc .text span[data-v-0a030bc6] {
    color: #e02a52
}

.login .login-desc-box[data-v-0a030bc6] {
    color: #7d7d7d;
    font-size: 11px
}

.login .login-desc-box .desc-title[data-v-0a030bc6] {
    text-align: center;
    margin: 30px 0 10px 0;
    font-size: 13px
}

.login .login-desc-box .item[data-v-0a030bc6] {
    line-height: 24px
}

.login .login-desc-box .item span[data-v-0a030bc6] {
    color: #e02a52
}

.login .change-page-type[data-v-0a030bc6] {
    text-align: center;
    margin-top: 50px;
    color: #1f1f1f;
    font-size: 15px
}

.phone_pop[data-v-0a030bc6] {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    left: 0;
    top: 0;
    z-index: 2020
}

.phone_max[data-v-0a030bc6] {
    max-width: 750px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.phone_box[data-v-0a030bc6] {
    background: #fff;
    border-radius: 1rem;
    padding: 2.75rem 1.5rem 1rem 1.5rem;
    display: flex;
    flex-direction: column;
    width: 80%
}

.tips_img[data-v-0a030bc6] {
    display: flex;
    justify-content: center;
    align-items: center
}

.tips_img img[data-v-0a030bc6] {
    display: block;
    width: 5rem;
    height: 5rem;
    margin-top: -4.5rem
}

.tips_text[data-v-0a030bc6] {
    text-align: center;
    font-size: 1rem;
    color: #333;
    font-weight: 400;
    line-height: 2.4rem;
    padding: 0 3.8rem;
    margin: 1.5rem 0
}

.tips_nickname[data-v-0a030bc6] {
    margin: 1.5rem 0;
    display: flex;
    flex-direction: column
}

.nickname_title[data-v-0a030bc6] {
    text-align: center;
    font-size: 1rem;
    color: #333
}

.nickname_list[data-v-0a030bc6] {
    margin-top: 1rem
}

.nickname_list li[data-v-0a030bc6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 3rem;
    margin: .5rem 0
}

.nickname_list li.cur[data-v-0a030bc6] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAAA2CAYAAABp26+xAAACd0lEQVR4Xu3bS1LCMBgH8H9k7eMIgDM+uACudUbYCnoXvYGeRUF36oK9egBQZ1SOILpu4xRbbcujTUmaLzRd0mTS/viSNl9SBntkEmCZatlKsHBTguBt52irtMIuAL4PMA7Oeg53zzafr1+D4hYuBvdRa9cZ+B2AjdipT8fl9QDPwoV0fLR7AOszRqNOud899s5ZOF8oBZpX8rvc765ZODE0Cxfuhikj7bcKZ93yoNMufMQJoQEj1ynVqy+XL4WGE0XjHM3KoPtQ6NeRRdEKGXEy0AoHJwutUHAy0QoDJxutEHAq0JYeThXaUsOpRFtaONVoSwmXB9oEXJrMJ+WseV5oETgf7XFa5tOF26j2b54s2r/AXyJzuNvugPHWDJyRC/eQKl6ekTYxyR/WjkYAG2c3TcLTgRbpqsNa6wvAakJ3JBV5utDicFcAxtnNJDwO1qj0O954qO3QiRaBe98+2V4pOR7GrBWeMNJIJ55utInXkY/d1h5j8NYUyeJRQJv6AkwZjwrazJkDRTxKaHOnXJTwqKElzlUp4FFES4TzCujEo4qWCk4XHmW01HB541FHE4LLC88ENGE41XimoGWCU4VnElpmONl4pqEtBCcLz0S0heEWxTMVTQpcVrzfxvm8jcrRNFZsf5q2RKDfsLTN06IzDL/9dOkrYmjSIi749wXx0gSN1oTpvAuUFnEK8MiiSY84iXik0ZTBZXhgRB8EBBaDksYR6V013GCGMY98pAX3pxROMPKMQVPaVQUjzyi03OBCkXc7bVMPB2vqXuBOGtPi55V31XCD/qL3OYAD//ee65ROg898RC9eZ/lc4XTeqOy2LVxG0R/3JUxV7pWBEQAAAABJRU5ErkJggg==) no-repeat 0;
    background-size: .9rem .675rem
}

.nickname_list li.cur .nickname_name a[data-v-0a030bc6] {
    font-size: .8rem;
    font-weight: 500;
    color: #333
}

.nickname_name[data-v-0a030bc6] {
    display: flex;
    width: 65%;
    align-items: center
}

.nickname_name a[data-v-0a030bc6],
.nickname_name span[data-v-0a030bc6] {
    display: block
}

.nickname_name span[data-v-0a030bc6] {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem
}

.nickname_name span img[data-v-0a030bc6] {
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

.nickname_name a[data-v-0a030bc6] {
    font-size: 1rem;
    font-weight: 400;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%
}

.nickname_cur[data-v-0a030bc6] {
    font-size: .8rem;
    color: #999;
    width: 35%
}

.tips_btn[data-v-0a030bc6],
.tips_btn button[data-v-0a030bc6] {
    display: flex;
    justify-content: center;
    align-items: center
}

.tips_btn button[data-v-0a030bc6] {
    width: 7.5rem;
    height: 2rem;
    font-size: .9rem;
    color: #999;
    background: #eee;
    border: none;
    border-radius: 1.5rem;
    margin-right: .5rem
}

.tips_btn button[data-v-0a030bc6]:last-child {
    background: #e02a52;
    color: #fff;
    margin-left: .5rem;
    margin-right: 0
}

.agreement-box[data-v-0a030bc6] {
    width: 310px;
    height: 200px;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 35px 20px 15px 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.agreement-box .desc[data-v-0a030bc6] {
    font-size: 15px;
    color: #1f1f1f;
    line-height: 22px;
    letter-spacing: 1px
}

.agreement-box .desc span[data-v-0a030bc6] {
    color: #df2951
}

.agreement-box .btn-box[data-v-0a030bc6] {
    display: flex;
    justify-content: space-between
}

.agreement-box .btn-box .btn-item[data-v-0a030bc6] {
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    font-size: 15px;
    text-align: center
}

.agreement-box .btn-box .normal[data-v-0a030bc6] {
    background: #f7f9fb;
    color: #999;
    width: 75px
}

.agreement-box .btn-box .active[data-v-0a030bc6] {
    background: #df2a52;
    color: #fff;
    flex: 1;
    margin-left: 10px
}

.message[data-v-3852e376] {
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 450px;
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center;
    align-items: center
}

.message p[data-v-3852e376] {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .2);
    border-radius: 3px;
    word-break: break-all
}

.message-h5[data-v-3852e376],
.message p[data-v-3852e376] {
    padding: 10px 15px;
    width: -moz-fit-content;
    width: fit-content
}

.message-h5[data-v-3852e376] {
    position: absolute;
    top: 300px !important;
    margin: 0 auto;
    max-width: 80%;
    justify-content: center;
    align-items: center;
    border-radius: 5px
}

.message-h5 span[data-v-3852e376] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    word-break: break-all
}

.success[data-v-3852e376] {
    border: 1px solid #e4f2da;
    background: #f2f9ec;
    color: #7ebf50
}

.error[data-v-3852e376] {
    border: 1px solid #fde2e2;
    background: #fef0f0;
    color: #f46c6e
}

.normal[data-v-3852e376] {
    border: 1px solid #e9e9eb;
    background: #f4f4f5;
    color: #909398
}

.warning[data-v-3852e376] {
    border: 1px solid #faf0e2;
    background: #fdf8f1;
    color: #e4b877
}

.text-img[data-v-f3123c04] {
    width: 20px;
    height: 20px
}

.text-box[data-v-f3123c04] {
    white-space: pre-wrap;
    font-size: inherit;
    word-break: break-word;
    font-size: 14px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none
}

.text-box a[data-v-f3123c04] {
    color: #484bfa !important;
    display: block
}

.message-image[data-v-6eff0d6c] {
    position: relative;
    overflow: hidden;
    opacity: 1;
    box-sizing: border-box;
    padding: 12px
}

.message-image .message-img[data-v-6eff0d6c] {
    width: inherit;
    height: inherit
}

.message-image .progress[data-v-6eff0d6c] {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center
}

.message-image .progress progress[data-v-6eff0d6c] {
    color: #006eff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    background: #fff;
    width: 100%;
    height: .5rem
}

.message-image .progress progress[data-v-6eff0d6c]::-webkit-progress-value {
    background-color: #006eff;
    border-radius: .25rem
}

.message-image .progress progress[data-v-6eff0d6c]::-webkit-progress-bar {
    border-radius: .25rem;
    background: #fff
}

.message-image .progress progress[data-v-6eff0d6c]::-moz-progress-bar {
    color: #006eff;
    background: #006eff;
    border-radius: .25rem
}

.dialog[data-v-6eff0d6c] {
    position: fixed;
    z-index: 12;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .3);
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.dialog header[data-v-6eff0d6c] {
    display: flex;
    justify-content: flex-end;
    background: rgba(0, 0, 0, .49);
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px
}

.dialog-box[data-v-6eff0d6c] {
    display: flex;
    flex: 1;
    max-height: 100%;
    padding: 6rem;
    box-sizing: border-box;
    justify-content: center;
    align-items: center
}

.dialog-box-h5[data-v-6eff0d6c] {
    width: 100%;
    height: 100%;
    background: #000;
    padding: 30px 0;
    display: flex;
    flex-direction: column
}

.dialog-box-h5-footer[data-v-6eff0d6c] {
    position: fixed;
    bottom: 10px;
    display: flex;
    width: 90vw;
    justify-content: space-between
}

.dialog-box-h5-footer p[data-v-6eff0d6c] {
    width: 3.88rem;
    height: 3.88rem
}

.dialog-box-h5-footer img[data-v-6eff0d6c] {
    width: 100%
}

.dialog-box-h5-footer i[data-v-6eff0d6c] {
    padding: 20px
}

.isWidth[data-v-6eff0d6c] {
    width: 100%
}

.isHeight[data-v-6eff0d6c] {
    height: 100%
}

.message-video[data-v-22afdb32] {
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.message-video-box[data-v-22afdb32] {
    max-width: min(100vw - 180px, 300px)
}

.message-video-box img[data-v-22afdb32],
.message-video-box video[data-v-22afdb32] {
    max-width: min(100vw - 180px, 300px);
    max-height: min(100vw - 180px, 300px);
    width: inherit;
    height: inherit;
    border-radius: 10px
}

.message-video-box img[data-v-22afdb32]:not([src]),
.message-video-box img[src=""][data-v-22afdb32] {
    opacity: 0
}

.message-video-cover[data-v-22afdb32] {
    display: inline-block;
    position: relative
}

.message-video-cover[data-v-22afdb32]:before {
    position: absolute;
    z-index: 1;
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 15px solid #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: translate(5px)
}

.message-video-cover video[data-v-22afdb32] {
    max-width: min(100vw - 180px, 300px);
    max-height: min(100vw - 180px, 300px);
    width: inherit;
    height: inherit;
    border-radius: 10px
}

.message-video .progress[data-v-22afdb32] {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    border-radius: 10px;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    flex: 1
}

.message-video .progress progress[data-v-22afdb32] {
    color: #006eff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    background: #fff;
    width: 100%;
    height: .5rem
}

.message-video .progress progress[data-v-22afdb32]::-webkit-progress-value {
    background-color: #006eff;
    border-radius: .25rem
}

.message-video .progress progress[data-v-22afdb32]::-webkit-progress-bar {
    border-radius: .25rem;
    background: #fff
}

.message-video .progress progress[data-v-22afdb32]::-moz-progress-bar {
    color: #006eff;
    background: #006eff;
    border-radius: .25rem
}

.dialog-video[data-v-22afdb32] {
    position: fixed;
    z-index: 12;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.dialog-video header[data-v-22afdb32] {
    display: flex;
    justify-content: flex-end;
    background: rgba(0, 0, 0, .49);
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px
}

.dialog-video-box[data-v-22afdb32] {
    display: flex;
    flex: 1;
    max-height: 100%;
    padding: 6rem;
    box-sizing: border-box;
    justify-content: center;
    align-items: center
}

.dialog-video-box video[data-v-22afdb32] {
    max-width: 100%;
    max-height: 100%
}

.dialog-video-h5[data-v-22afdb32] {
    width: 100%;
    height: 100%;
    background: #000;
    padding: 30px 0
}

.isWidth[data-v-22afdb32] {
    width: 100%
}

.isHeight[data-v-22afdb32] {
    height: 100%
}

.message-audio[data-v-28dbe6bc] {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    max-width: 100%;
    overflow: hidden
}

.message-audio .icon[data-v-28dbe6bc] {
    margin: 0 4px
}

.message-audio audio[data-v-28dbe6bc] {
    width: 0;
    height: 0
}

.reserve[data-v-28dbe6bc] {
    flex-direction: row-reverse
}

.message-file[data-v-362c6b0c] {
    display: flex;
    flex-direction: column
}

.message-file .box[data-v-362c6b0c] {
    flex: 1;
    display: flex;
    cursor: pointer
}

.message-file .box .message-file-content[data-v-362c6b0c] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.message-file progress[data-v-362c6b0c] {
    color: #006eff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    background: #fff;
    width: 100%;
    height: .5rem
}

.message-file progress[data-v-362c6b0c]::-webkit-progress-value {
    background-color: #006eff;
    border-radius: .25rem
}

.message-file progress[data-v-362c6b0c]::-webkit-progress-bar {
    border-radius: .25rem;
    background: #fff
}

.message-file progress[data-v-362c6b0c]::-moz-progress-bar {
    color: #006eff;
    background: #006eff;
    border-radius: .25rem
}

.text-img[data-v-ec7124a2] {
    width: 20px;
    height: 20px
}

.message-img[data-v-ec7124a2] {
    max-width: min(100vw - 180px, 300px);
    max-height: min(100vw - 180px, 300px)
}

.message-location[data-v-2ee98c02],
.message-merger[data-v-a9c3fbce] {
    display: flex;
    flex-direction: column
}

.message-merger .merger-label[data-v-a9c3fbce] {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 5px
}

.custom-auto-reply[data-v-fa4c9778] {
    width: 70vw;
    max-width: 486px;
    min-height: 200px
}

.custom-auto-reply .nav-wrap[data-v-fa4c9778] {
    display: flex
}

.custom-auto-reply .nav-wrap .right[data-v-fa4c9778] {
    height: 33px;
    padding-left: 10px
}

.custom-auto-reply .nav-wrap .right .icon[data-v-fa4c9778] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.custom-auto-reply .nav-wrap .right .icon img[data-v-fa4c9778] {
    width: 6px;
    height: 11px;
    margin: 0 auto
}

.custom-auto-reply .nav-box[data-v-fa4c9778] {
    flex: 1;
    line-height: 33px;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden
}

.custom-auto-reply .nav-box .item[data-v-fa4c9778] {
    font-size: 14px;
    color: #434343;
    border-bottom: 2px none;
    margin-right: 28px;
    cursor: pointer;
    flex-shrink: 0
}

.custom-auto-reply .nav-box .item.active[data-v-fa4c9778] {
    color: #006dff;
    font-weight: 700;
    border-bottom: 2px solid #006dff
}

@media only screen and (max-width:767px) {
    .custom-auto-reply .nav-box[data-v-fa4c9778] {
        height: 33px
    }

    .custom-auto-reply .nav-box[data-v-fa4c9778]::-webkit-scrollbar {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .custom-auto-reply .nav-box[data-v-fa4c9778] {
        height: 43px;
        padding-bottom: 5px
    }
}

.custom-auto-reply .question-list[data-v-fa4c9778] {
    box-sizing: border-box
}

.custom-auto-reply .question-list .item[data-v-fa4c9778] {
    display: flex;
    margin: 10px 0;
    line-height: 20px
}

.custom-auto-reply .question-list .item .question-icon[data-v-fa4c9778] {
    display: flex;
    height: 20px;
    flex-direction: column;
    justify-content: center
}

.custom-auto-reply .question-list .item .question-icon img[data-v-fa4c9778] {
    width: 6px;
    height: 11px
}

.custom-auto-reply .question-list .item .text[data-v-fa4c9778] {
    font-size: 14px;
    color: #1f1f1f;
    padding-left: 10px
}

.custom-auto-reply .change-next[data-v-fa4c9778] {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    cursor: pointer
}

.custom-auto-reply .change-next .change-icon[data-v-fa4c9778] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.custom-auto-reply .change-next .change-icon img[data-v-fa4c9778] {
    width: 12px;
    height: 13px
}

.custom-auto-reply .change-next .text[data-v-fa4c9778] {
    font-size: 12px;
    color: #006dff;
    margin-left: 3px;
    line-height: 13px
}

a[data-v-39017a8a] {
    color: #679ce1
}

.custom[data-v-39017a8a] {
    font-size: 14px
}

.custom h1[data-v-39017a8a] {
    font-size: 14px;
    color: #000
}

.custom a[data-v-39017a8a],
.custom h1[data-v-39017a8a],
.custom p[data-v-39017a8a] {
    font-size: 14px
}

.custom .evaluate ul[data-v-39017a8a] {
    display: flex;
    padding-top: 10px
}

.custom .order[data-v-39017a8a] {
    display: flex
}

.custom .order main[data-v-39017a8a] {
    padding-left: 5px
}

.custom .order main p[data-v-39017a8a] {
    font-family: PingFangSC-Regular;
    width: 145px;
    line-height: 17px;
    font-size: 14px;
    color: #999;
    letter-spacing: 0;
    margin-bottom: 6px;
    word-break: break-word
}

.custom .order main span[data-v-39017a8a] {
    font-family: PingFangSC-Regular;
    line-height: 25px;
    color: #ff7201
}

.custom .order img[data-v-39017a8a] {
    width: 67px;
    height: 67px
}

.custom .call[data-v-39017a8a] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.custom .call-C2C[data-v-39017a8a] {
    cursor: pointer
}

.custom .call-GROUP[data-v-39017a8a] {
    cursor: default
}

.custom-other[data-v-39017a8a] {
    width: 227px
}

.custom-other .title[data-v-39017a8a] {
    font-size: 15px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    font-weight: 700;
    box-sizing: border-box;
    padding: 0 0 5px 0
}

.custom-other .bottom[data-v-39017a8a] {
    display: flex;
    justify-content: space-between;
    line-height: 20px
}

.custom-other .bottom .desc[data-v-39017a8a] {
    font-size: 12px;
    color: #999;
    height: 40px;
    box-sizing: border-box;
    padding-right: 10px;
    margin-top: 5px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.custom-other .bottom .share-img img[data-v-39017a8a] {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

.message-tip[data-v-54b2b3c4] {
    margin: 0 auto;
    color: #999;
    font-size: 12px;
    width: -webkit-fill-available;
    overflow-wrap: anywhere;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center
}

.reference[data-v-06f7d624] {
    width: 100%;
    display: flex;
    flex-direction: inherit;
    justify-content: center;
    padding: 10px;
    line-height: 20px
}

.reference .message-img[data-v-06f7d624],
.reference .message-video-cover[data-v-06f7d624],
.reference .message-videoimg[data-v-06f7d624] {
    max-width: min(100vw - 230px, 300px);
    max-height: min(100vw - 230px, 300px)
}

.reference .face-box[data-v-06f7d624] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.reference .face-box-name[data-v-06f7d624] {
    padding-right: 5px
}

.reference .face-box .text-img[data-v-06f7d624] {
    width: 20px;
    height: 20px
}

.reference p[data-v-06f7d624] {
    padding-right: 5px;
    max-width: 100px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.reference p[data-v-06f7d624],
.reference span[data-v-06f7d624] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    word-break: break-all
}

.reference span[data-v-06f7d624] {
    line-height: 20px;
    word-wrap: break-word;
    display: inline-block
}

.reference span p[data-v-06f7d624] {
    font-weight: 800
}

.reply[data-v-06f7d624] {
    display: flex;
    flex-direction: column;
    align-self: start;
    border-left: 2px solid rgba(0, 110, 255, .499298);
    padding-left: 7px;
    margin-bottom: 5px;
    color: #999;
    font-size: 12px;
    line-height: 20px;
    min-width: 40px
}

.reply-reverse[data-v-06f7d624] {
    border-left: 2px solid hsla(0, 0%, 60%, .3)
}

.reply .message-img[data-v-06f7d624],
.reply .message-video-cover[data-v-06f7d624],
.reply .message-videoimg[data-v-06f7d624] {
    max-width: min(100vw - 180px, 300px);
    max-height: min(100vw - 180px, 300px);
    -o-object-fit: contain;
    object-fit: contain;
    align-self: flex-start
}

.reply .face-box[data-v-06f7d624] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.reply .face-box .text-img[data-v-06f7d624] {
    width: 20px;
    height: 20px
}

.reply p[data-v-06f7d624] {
    font-weight: 800;
    max-width: min(100vw - 180px, 300px);
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap
}

.message-reference-user[data-v-06f7d624] {
    display: flex;
    flex-direction: row
}

.message-reference-user .nick[data-v-06f7d624] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap
}

.message-reference-user .colon[data-v-06f7d624] {
    width: -moz-fit-content;
    width: fit-content
}

.dialog-emoji[data-v-d8058e00] {
    margin-left: 2px;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .06);
    width: 242px;
    min-height: 28px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 2px 6px;
    word-break: keep-all;
    top: 30px;
    border-radius: 8px
}

.dialog-emoji-h5[data-v-d8058e00] {
    margin: 0 5px;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: none;
    border-radius: 10px 10px 0 0
}

.dialog-emoji .collapse[data-v-d8058e00] {
    padding: 2px 0
}

.dialog-emoji .face-list[data-v-d8058e00] {
    display: flex;
    overflow: hidden;
    flex-wrap: nowrap;
    flex-direction: row
}

.dialog-emoji .face-list-collapse[data-v-d8058e00] {
    display: flex;
    overflow: hidden;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    flex: 1
}

.dialog-emoji .face-list-expand[data-v-d8058e00] {
    border-top: 1px solid #e0e0e0;
    display: flex;
    overflow-x: hidden;
    flex-wrap: wrap;
    max-height: 90px;
    overflow-y: auto
}

.dialog-emoji .face-list-button[data-v-d8058e00] {
    padding: 5px 7px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    align-items: center
}

.dialog-emoji .face-list-button i[data-v-d8058e00] {
    text-align: center
}

.dialog-emoji .face-list li[data-v-d8058e00] {
    margin: 4px;
    display: flex;
    align-items: center;
    flex-direction: row
}

.dialog-emoji .face-list li img[data-v-d8058e00] {
    width: 22px;
    height: 22px
}

.emoji-content .emoji-react[data-v-d8058e00] {
    margin-top: 3px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.emoji-content .emoji-react-item[data-v-d8058e00] {
    width: -moz-fit-content;
    width: fit-content;
    height: 20px;
    background: rgba(0, 0, 0, .05);
    border-radius: 12px;
    padding: 2px 6px;
    margin: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    display: flex
}

.emoji-content .emoji-react-item img[data-v-d8058e00] {
    width: 16px;
    height: 16px;
    padding: 2px
}

.emoji-content .emoji-react-item-content[data-v-d8058e00] {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    color: #999;
    align-self: center
}

.emoji-content .emoji-react-item-content span[data-v-d8058e00] {
    margin: 2px;
    font-size: 10px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.reverse[data-v-659a28b0] {
    flex-direction: row-reverse;
    justify-content: flex-start
}

.avatar[data-v-659a28b0] {
    width: 36px;
    height: 36px;
    border-radius: 5px
}

.message-bubble[data-v-659a28b0] {
    width: 100%;
    display: flex;
    padding-bottom: 5px
}

.line-left[data-v-659a28b0] {
    border: 1px solid rgba(0, 110, 255, .5)
}

.message-reference-area[data-v-659a28b0] {
    display: flex;
    background: #f2f2f2;
    border-radius: .5rem;
    border-radius: .63rem;
    align-self: start;
    margin-left: 44px;
    margin-right: 8px
}

.message-reference-area-show[data-v-659a28b0] {
    width: 100%;
    display: flex;
    flex-direction: inherit;
    justify-content: center;
    padding: 6px
}

.message-reference-area-show p[data-v-659a28b0] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: .88rem;
    color: #999;
    letter-spacing: 0;
    word-break: keep-all;
    padding-right: 5px
}

.message-reference-area-show span[data-v-659a28b0] {
    height: 1.25rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: .88rem;
    color: #999;
    letter-spacing: 0;
    display: inline-block
}

.message-replies[data-v-659a28b0] {
    display: flex;
    align-self: start;
    margin-left: 44px;
    margin-right: 8px;
    padding: 2px;
    color: #999;
    font-size: 10px
}

.message-replies i[data-v-659a28b0] {
    margin: 4px
}

.message-replies span[data-v-659a28b0] {
    line-height: 20px
}

.message-reference-area-reverse[data-v-659a28b0],
.message-replies-reverse[data-v-659a28b0] {
    align-self: end;
    margin-right: 44px;
    margin-left: 8px
}

.message-img[data-v-659a28b0] {
    max-width: min(100vw - 180px, 300px);
    max-height: min(100vw - 180px, 300px)
}

.message-video-cover[data-v-659a28b0] {
    display: inline-block;
    position: relative
}

.message-video-cover[data-v-659a28b0]:before {
    position: absolute;
    z-index: 1;
    content: "";
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-left: 20px solid #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.message-videoimg[data-v-659a28b0] {
    max-width: min(100vw - 160px, 300px);
    max-height: min(100vw - 160px, 300px)
}

.face-box[data-v-659a28b0] {
    display: flex;
    align-items: center
}

.text-img[data-v-659a28b0] {
    width: 20px;
    height: 20px
}

.message-audio[data-v-659a28b0] {
    padding-left: 10px;
    display: flex;
    align-items: center;
    position: relative
}

.message-audio .icon[data-v-659a28b0] {
    margin: 0 4px
}

.message-audio audio[data-v-659a28b0] {
    width: 0;
    height: 0
}

.reserve[data-v-659a28b0] {
    flex-direction: row-reverse
}

.message-area[data-v-659a28b0] {
    max-width: calc(100% - 54px);
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 8px
}

.message-area .name[data-v-659a28b0] {
    padding-bottom: 4px;
    font-weight: 400;
    font-size: .8rem;
    color: #999;
    letter-spacing: 0;
    display: flex
}

.message-area .name .icon[data-v-659a28b0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px
}

.message-area .name .icon img[data-v-659a28b0] {
    width: 20px;
    height: auto
}

.message-area .reference-content[data-v-659a28b0] {
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #deb887;
    letter-spacing: 0;
    word-wrap: break-word;
    word-break: break-all;
    animation: reference-659a28b0 .8s
}

@keyframes reference-659a28b0 {
    0% {
        opacity: 1
    }

    50% {
        background-color: #ff9c19
    }

    to {
        opacity: 1
    }
}

.message-area .content[data-v-659a28b0] {
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    word-wrap: break-word;
    word-break: break-all;
    width: -moz-fit-content;
    width: fit-content
}

.message-area .content-in[data-v-659a28b0] {
    background: #fbfbfb;
    border-radius: 0 10px 10px 10px
}

.message-area .content-out[data-v-659a28b0] {
    background: #dceafd;
    border-radius: 10px 0 10px 10px
}

.message-area .content-image[data-v-659a28b0] {
    padding: 0;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 10px 0 10px 10px
}

.message-area .content-video[data-v-659a28b0] {
    padding: 0;
    height: -moz-fit-content;
    height: fit-content;
    background: transparent;
    border-radius: 10px
}

.message-label[data-v-659a28b0] {
    align-self: flex-end;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #b6b8ba;
    word-break: keep-all
}

.fail[data-v-659a28b0] {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: red;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.unRead[data-v-659a28b0] {
    color: #679ce1
}

.dropdown-inner[data-v-659a28b0] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.dialog[data-v-659a28b0] {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: row;
    width: -moz-fit-content;
    width: fit-content;
    left: -47px !important
}

.dialog-right[data-v-659a28b0] {
    right: 0;
    left: auto !important
}

.chooseItem[data-v-659a28b0] {
    display: flex;
    width: 30px;
    height: 30px;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center
}

.chooseItem img[data-v-659a28b0] {
    width: 100%;
    display: block;
    margin: 0 auto;
    height: 100%
}

.dialog-shequ[data-v-659a28b0] {
    position: absolute;
    top: 20px;
    left: 5px;
    background: #fff;
    border-radius: 10px;
    width: 240px;
    z-index: 1200;
    line-height: 20px;
    box-sizing: border-box;
    padding: 10px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.dialog-shequ .top[data-v-659a28b0] {
    display: flex;
    justify-content: center
}

.dialog-shequ .bottom[data-v-659a28b0] {
    margin-top: 10px;
    display: flex;
    justify-content: center
}

.dialog-shequ .icon-shequ[data-v-659a28b0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 5px
}

.dialog-shequ .icon-shequ img[data-v-659a28b0] {
    width: 20px;
    height: 20px;
    border-radius: 5px
}

.dialog-shequ .copy-btn[data-v-659a28b0] {
    font-size: 13px;
    color: #e02a52;
    margin-left: 10px;
    cursor: pointer
}

.avatar-box[data-v-659a28b0] {
    position: relative
}

.avatar-box .icon[data-v-659a28b0] {
    position: absolute;
    top: 1px
}

.avatar-box .icon img[data-v-659a28b0] {
    width: 20px;
    height: auto
}

.revoke[data-v-dedd5890] {
    display: flex;
    justify-content: center;
    color: #999;
    width: 100%;
    font-size: 14px
}

.revoke .edit[data-v-dedd5890] {
    padding: 0 5px;
    color: #006eff
}

.list[data-v-55c508aa] {
    flex: 1;
    height: 100%;
    overflow-y: auto;
    min-width: 600px
}

.list li[data-v-55c508aa] {
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 20px;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    letter-spacing: 0
}

.list li .icon[data-v-55c508aa] {
    margin-right: 10px
}

.list li .message-label[data-v-55c508aa] {
    max-width: 50px
}

.list li .btn-box[data-v-55c508aa] {
    padding: 0 12px
}

.icon[data-v-55c508aa] {
    display: inline-block;
    width: 16px;
    height: 16px
}

.icon-warn[data-v-55c508aa] {
    border-radius: 50%;
    background: coral;
    color: #fff;
    font-style: normal;
    display: flex;
    justify-content: center;
    align-items: center
}

.btn[data-v-55c508aa] {
    padding: 2px 10px;
    margin-right: 12px;
    border-radius: 4px;
    border: none;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px
}

.btn[data-v-55c508aa]:last-child {
    margin-right: 0
}

.btn-cancel[data-v-55c508aa] {
    border: 1px solid #ddd;
    color: #666
}

.btn-default[data-v-55c508aa] {
    background: #006eff;
    border: 1px solid #006eff
}

.btn[data-v-55c508aa]:disabled {
    opacity: .3
}

.dialog-item[data-v-624d1216] {
    background: #fff;
    min-width: -moz-min-content;
    min-width: min-content;
    max-width: 220px;
    width: 72px;
    height: -moz-fit-content;
    height: fit-content;
    word-break: keep-all;
    top: 30px;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    white-space: nowrap;
    border: 1px solid #e0e0e0
}

.dialog-item-web[data-v-624d1216] {
    padding: 12px 0
}

.dialog-item-list[data-v-624d1216] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    white-space: nowrap;
    justify-content: space-around;
    width: 100%
}

.dialog-item-list-h5[data-v-624d1216] {
    flex-wrap: nowrap;
    margin: 10px
}

.dialog-item-list-h5 li[data-v-624d1216] {
    padding: 0 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 8px;
    color: #4f4f4f
}

.dialog-item-list-web li[data-v-624d1216]:first-child {
    margin-top: 0
}

.dialog-item-list-web li[data-v-624d1216] {
    padding: 4px 12px;
    font-size: 12px;
    line-height: 17px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.dialog-item-list-web li span[data-v-624d1216] {
    padding-left: 4px
}

.message-item[data-v-5729c730] {
    display: flex;
    flex-direction: column
}

.message-timestamp[data-v-673faa2b] {
    margin: 0 auto;
    color: #999;
    font-size: 12px;
    width: -webkit-fill-available;
    overflow-wrap: anywhere;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
    padding: 0 20px 30px
}

.mask[data-v-5acb611d] {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 99;
    background: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center
}

.mask main[data-v-5acb611d] {
    position: relative
}

.search-custom[data-v-dd709b62] {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    padding: 10px 15px;
    border-bottom: 1px solid #f4f5f9
}

.search-custom .search-box[data-v-dd709b62] {
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    background: #f6f6f6;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 6px
}

.search-custom .search-box .icon[data-v-dd709b62] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 10px
}

.search-custom .search-box .icon img[data-v-dd709b62] {
    width: 25px;
    height: 25px
}

.search-custom .search-box .text[data-v-dd709b62] {
    color: #555;
    font-size: 14px
}

.search-custom .search-box .ipt-box[data-v-dd709b62] {
    flex: 1
}

.search-custom .search-box .ipt-box input[data-v-dd709b62] {
    width: 100%;
    height: 100%;
    padding: 0;
    outline: none;
    background: none;
    border: none;
    font-size: 14px;
    color: #333
}

.main[data-v-40169229] {
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, .06)
}

.main .left[data-v-40169229] {
    border-right: 1px solid #e8e8e9
}

.main header[data-v-40169229] {
    font-weight: 500;
    color: #000;
    letter-spacing: 0
}

.main header input[data-v-40169229] {
    background: #fff;
    border: 1px solid #dee0e3
}

.main .list p[data-v-40169229],
.main header input[data-v-40169229] {
    font-weight: 500;
    color: #8f959e;
    letter-spacing: 0
}

.main .list-item .disabled[data-v-40169229] {
    background: #eee
}

.avatar[data-v-40169229] {
    background: #f4f5f9;
    color: #000
}

.btn[data-v-40169229] {
    background: #3370ff;
    border: 0 solid #2f80ed;
    font-weight: 400;
    color: #fff
}

.btn-cancel[data-v-40169229] {
    background: #fff;
    border: 1px solid #ddd;
    color: #828282
}

.btn-no[data-v-40169229] {
    background: #e8e8e9;
    border: 1px solid #ddd;
    font-weight: 400;
    color: #fff
}

.transfer-h5-header[data-v-40169229] {
    background: #fff
}

.transfer-h5-header .title[data-v-40169229] {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #000;
    letter-spacing: 0
}

.main[data-v-40169229] {
    box-sizing: border-box;
    width: 620px;
    height: 394px;
    display: flex;
    border-radius: 8px;
    padding: 20px 0
}

.main .right[data-v-40169229] {
    padding: 0 20px;
    flex: 1
}

.main .right ul[data-v-40169229] {
    padding-right: 20px
}

.main .left[data-v-40169229] {
    flex: 1;
    overflow-y: hidden;
    display: flex;
    flex-direction: column
}

.main .left header[data-v-40169229] {
    padding: 0 20px
}

.main .left main[data-v-40169229] {
    flex: 1;
    overflow-y: auto;
    padding: 0 20px
}

.main .right[data-v-40169229] {
    display: flex;
    flex-direction: column
}

.main .right footer[data-v-40169229] {
    align-self: flex-end
}

.main .right footer .btn-cancel[data-v-40169229] {
    margin-right: 12px
}

.main .right .list[data-v-40169229] {
    overflow-y: auto
}

.main header[data-v-40169229] {
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 20px
}

.main header input[data-v-40169229] {
    box-sizing: border-box;
    width: 100%;
    border-radius: 30px;
    font-size: 10px;
    line-height: 14px;
    padding: 9px 12px
}

.main .list[data-v-40169229] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.main .list p[data-v-40169229] {
    font-size: 10px;
    line-height: 14px
}

.main .list-item[data-v-40169229] {
    padding: 6px 0;
    display: flex;
    align-items: center;
    font-size: 14px
}

.main .list-item aside[data-v-40169229] {
    display: flex;
    align-items: center
}

.main .list-item .avatar[data-v-40169229] {
    margin: 0 5px 0 8px;
    border-radius: 50%
}

.main .list-item .name[data-v-40169229] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1
}

.avatar[data-v-40169229],
img[data-v-40169229] {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.btn-no[data-v-40169229],
.btn[data-v-40169229] {
    padding: 4px 28px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 4px
}

.space-between[data-v-40169229] {
    justify-content: space-between
}

.all[data-v-40169229] {
    padding-left: 8px;
    font-size: 14px
}

.transfer-h5[data-v-40169229] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.transfer-h5-header[data-v-40169229] {
    position: relative;
    display: flex;
    justify-content: center;
    font-size: 18px;
    padding: 16px 18px
}

.transfer-h5-header .icon[data-v-40169229] {
    position: absolute;
    left: 18px;
    top: 18px
}

.transfer-h5 .main[data-v-40169229] {
    flex: 1;
    flex-direction: column;
    width: auto;
    height: auto;
    border-radius: 0;
    border: none;
    box-shadow: none;
    max-height: calc(100% - 54px);
    padding: 0
}

.transfer-h5 .main .avatar[data-v-40169229] {
    border-radius: 0
}

.transfer-h5 .main .left[data-v-40169229] {
    padding: 0;
    flex: 1;
    border: none;
    display: flex;
    flex-direction: column
}

.transfer-h5 .main .left header[data-v-40169229] {
    position: sticky;
    top: 0;
    padding: 0 18px
}

.transfer-h5 .main .left header input[data-v-40169229] {
    border-radius: 5px;
    font-size: 14px
}

.transfer-h5 .main .left .list[data-v-40169229] {
    padding: 0 18px
}

.transfer-h5 .main .right[data-v-40169229] {
    flex: 0;
    padding: 0;
    flex-direction: row;
    align-items: center;
    box-shadow: inset 0 1px 0 0 #eee;
    padding: 0 18px 8px
}

.transfer-h5 .main .right .list[data-v-40169229] {
    flex-direction: row;
    width: 0
}

.transfer-h5 .main .right footer[data-v-40169229] {
    padding: 6px 0;
    display: flex;
    align-items: center
}

.transfer-h5 .main .right footer .btn[data-v-40169229] {
    font-size: 14px
}

.slider-box[data-v-759db46f] {
    display: flex;
    align-items: center;
    width: 34px;
    height: 20px;
    border-radius: 10px;
    background: #e1e1e3
}

.slider-open[data-v-759db46f] {
    background: #006eff !important;
    justify-content: flex-end
}

.slider-block[data-v-759db46f] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    margin: 0 2px;
    background: #fff;
    border: 0 solid rgba(0, 0, 0, .85);
    box-shadow: 0 2px 4px 0 #d1d1d1
}

.name[data-v-02d71af8] {
    padding: 14px 20px;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    display: flex;
    flex-direction: column
}

.name p[data-v-02d71af8] {
    opacity: .6;
    display: flex;
    align-items: center
}

.name p .icon[data-v-02d71af8] {
    margin-left: 4px
}

.input-box[data-v-02d71af8] {
    display: flex
}

.input-box .input[data-v-02d71af8] {
    flex: 1;
    border: 1px solid #e8e8e9;
    border-radius: 4px;
    padding: 4px 16px;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    opacity: .6
}

.space-top[data-v-02d71af8] {
    border-top: 10px solid #f4f5f9
}

.edit-h5[data-v-02d71af8] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: flex-end;
    z-index: 1
}

.edit-h5 main[data-v-02d71af8] {
    background: #fff;
    flex: 1;
    padding: 18px;
    border-radius: 12px 12px 0 0
}

.edit-h5 main .input-box[data-v-02d71af8] {
    flex-direction: column;
    padding: 18px 0
}

.edit-h5 main .input-box .input[data-v-02d71af8] {
    background: #f8f8f8;
    padding: 10px 12px
}

.edit-h5 main .input-box span[data-v-02d71af8] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #888;
    letter-spacing: 0;
    padding-top: 8px
}

.edit-h5-header[data-v-02d71af8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.edit-h5-header .close[data-v-02d71af8] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 18px;
    color: #3370ff;
    letter-spacing: 0;
    line-height: 27px
}

.edit-h5-footer[data-v-02d71af8] {
    display: flex
}

.edit-h5-footer .btn[data-v-02d71af8] {
    flex: 1;
    border: none;
    background: #147aff;
    border-radius: 5px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    line-height: 27px;
    padding: 8px 0
}

.edit-h5-footer .btn[data-v-02d71af8]:disabled {
    opacity: .3
}

.notification[data-v-30b370b1] {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column
}

.notification section[data-v-30b370b1] {
    flex: 1;
    font-size: 14px
}

.notification section p[data-v-30b370b1] {
    text-align: center;
    padding-bottom: 20px
}

.notification textarea[data-v-30b370b1] {
    margin-bottom: 20px;
    flex: 1;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #e8e8e9;
    resize: none;
    font-size: 14px
}

.notification footer[data-v-30b370b1] {
    display: flex;
    justify-content: flex-end;
    padding: 10px
}

.btn[data-v-30b370b1] {
    background: #3370ff;
    border: 0 solid #2f80ed;
    padding: 4px 28px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    border-radius: 4px
}

.btn-cancel[data-v-30b370b1] {
    background: #fff;
    border: 1px solid #ddd;
    color: #828282
}

.list-item[data-v-59687786] {
    position: relative;
    overflow: visible !important
}

.dialog-shequ[data-v-59687786] {
    position: absolute;
    top: 20px;
    left: 5px;
    background: #fff;
    border-radius: 10px;
    width: 240px;
    z-index: 1200;
    line-height: 20px;
    box-sizing: border-box;
    padding: 10px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.dialog-shequ .top[data-v-59687786] {
    display: flex;
    justify-content: center
}

.dialog-shequ .bottom[data-v-59687786] {
    margin-top: 10px;
    display: flex;
    justify-content: center
}

.dialog-shequ .icon-shequ[data-v-59687786] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 5px
}

.dialog-shequ .icon-shequ img[data-v-59687786] {
    width: 20px;
    height: 20px;
    border-radius: 5px
}

.dialog-shequ .copy-btn[data-v-59687786] {
    font-size: 13px;
    color: #e02a52;
    margin-left: 10px;
    cursor: pointer
}

.nav-box[data-v-59687786] {
    width: 100%;
    display: flex;
    height: 35px;
    line-height: 35px
}

.nav-box .item[data-v-59687786] {
    flex: 1;
    text-align: center;
    cursor: pointer
}

.nav-box .item.active[data-v-59687786] {
    color: #e02a52
}

.member[data-v-59687786] {
    flex: 1;
    background: #fff
}

.member .list[data-v-59687786] {
    display: flex;
    flex-direction: column;
    background: #f4f5f9;
    padding-top: 22px
}

.member .list-item[data-v-59687786] {
    padding: 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    font-size: 14px;
    overflow: hidden
}

.member .list-item[data-v-59687786]:hover {
    background: #f1f2f6
}

.member .list-item aside[data-v-59687786] {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden
}

.member .list-item aside .name[data-v-59687786] {
    padding-left: 8px;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.vip-name[data-v-59687786] {
    display: flex
}

.vip-name .icon[data-v-59687786] {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.vip-name .icon img[data-v-59687786] {
    width: 20px;
    height: auto
}

.avatar[data-v-59687786] {
    width: 36px;
    height: 36px;
    border-radius: 4px
}

.memeber-profile[data-v-fddaa08a] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.memeber-profile-main[data-v-fddaa08a] {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden
}

.memeber-profile-main img[data-v-fddaa08a] {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    margin: 20px 10px 20px 20px
}

.memeber-profile-main .list[data-v-fddaa08a] {
    flex: 1;
    overflow: hidden;
    margin: 20px 10px;
    font-weight: 400
}

.memeber-profile-main .list li[data-v-fddaa08a] {
    color: #999
}

.memeber-profile-main .list h1[data-v-fddaa08a],
.memeber-profile-main .list li[data-v-fddaa08a] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.memeber-profile-footer[data-v-fddaa08a] {
    border-top: 10px solid #f4f5f9;
    padding: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.memeber-profile-footer .button[data-v-fddaa08a] {
    width: 100px;
    cursor: pointer;
    background-color: #006eff;
    color: #fff;
    padding: 8px 20px;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    text-align: center;
    line-height: 20px
}

.dialog[data-v-087d9968] {
    background: rgba(0, 0, 0, .3)
}

.dialog header h1[data-v-087d9968] {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #333
}

.dialog-main[data-v-087d9968] {
    background: #fff
}

.dialog-main header[data-v-087d9968] {
    font-weight: 500;
    color: #333
}

.dialog-main-content[data-v-087d9968] {
    font-weight: 400;
    color: #333
}

.btn[data-v-087d9968] {
    font-weight: 400;
    color: #fff;
    letter-spacing: 0
}

.btn-cancel[data-v-087d9968] {
    border: 1px solid #ddd;
    color: #666
}

.btn-default[data-v-087d9968] {
    background: #006eff;
    border: 1px solid #006eff
}

.dialog[data-v-087d9968] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 22;
    display: flex;
    justify-content: center;
    align-items: center
}

.dialog header h1[data-v-087d9968] {
    font-size: 16px;
    line-height: 30px
}

.dialog-main[data-v-087d9968] {
    min-width: 368px;
    border-radius: 10px;
    padding: 20px 30px
}

.dialog-main header[data-v-087d9968] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    line-height: 30px
}

.dialog-main-content[data-v-087d9968] {
    padding: 20px 0 40px;
    font-size: 14px
}

.dialog-main footer[data-v-087d9968] {
    display: flex;
    justify-content: flex-end
}

.btn[data-v-087d9968] {
    padding: 8px 20px;
    margin: 0 6px;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    text-align: center;
    line-height: 20px
}

.btn[data-v-087d9968]:disabled {
    opacity: .3
}

.btn[data-v-087d9968]:last-child {
    margin-right: 0
}

.dialog-h5[data-v-087d9968] {
    height: 100%;
    top: 0;
    align-items: inherit
}

.dialog-h5 .dialog-main[data-v-087d9968] {
    min-width: 0;
    min-height: 0;
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.dialog-h5 .dialog-main-content[data-v-087d9968] {
    flex: 1;
    padding: 0;
    min-width: 0;
    min-height: 0;
    overflow: hidden
}

.dialog-h5 .dialog-main footer[data-v-087d9968] {
    border-top: 1px solid #ddd
}

.dialog-h5 .dialog-main footer .btn[data-v-087d9968] {
    flex: 1;
    margin: 0;
    background: none;
    border-right: 1px solid #ddd
}

.dialog-h5 .dialog-main footer .btn-default[data-v-087d9968] {
    color: #ff584c;
    border: none
}

.center[data-v-087d9968] {
    align-items: center;
    padding: 20px;
    box-sizing: border-box
}

.share[data-v-201ac521] {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 0 30px 0
}

.share .share-title[data-v-201ac521] {
    width: 100%;
    display: flex;
    background: #f3f5f7;
    justify-content: space-between;
    height: 50px;
    box-sizing: border-box;
    padding: 0 15px
}

.share .share-title .title[data-v-201ac521] {
    font-size: 17px;
    line-height: 50px;
    color: #1f1f1f;
    font-weight: 700
}

.share .share-title .left[data-v-201ac521],
.share .share-title .right[data-v-201ac521] {
    width: 150px;
    height: 100%
}

.share .share-title .left .icon[data-v-201ac521],
.share .share-title .right .icon[data-v-201ac521] {
    width: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    cursor: pointer
}

.share .share-title .left .icon img[data-v-201ac521],
.share .share-title .right .icon img[data-v-201ac521] {
    width: 15px;
    height: 15px
}

.share .share-title .left .btn-item[data-v-201ac521],
.share .share-title .right .btn-item[data-v-201ac521] {
    width: 100px;
    height: 32.5px;
    margin-top: 9px;
    line-height: 32.5px;
    text-align: center;
    color: #fff;
    background: #2d6bf5;
    border-radius: 5px;
    font-size: 12px
}

.share .share-title .left .btn-item.normal[data-v-201ac521],
.share .share-title .right .btn-item.normal[data-v-201ac521] {
    opacity: .4
}

.share .share-title .right[data-v-201ac521] {
    display: flex;
    justify-content: flex-end
}

.share .share-container[data-v-201ac521] {
    flex: 1;
    margin-top: 10px;
    overflow-y: scroll
}

.share .share-container .plate[data-v-201ac521] {
    width: 100%;
    background: #fff
}

.share .share-container .plate .title[data-v-201ac521] {
    box-sizing: border-box;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #f2f2f2
}

.share .share-container .plate .title .left[data-v-201ac521] {
    display: flex;
    height: 100%;
    flex: 1
}

.share .share-container .plate .title .left .icon[data-v-201ac521] {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-right: 10px
}

.share .share-container .plate .title .left .icon img[data-v-201ac521] {
    width: 21px;
    height: 21px
}

.share .share-container .plate .title .left .name[data-v-201ac521] {
    font-size: 16px;
    color: #1f1f1f;
    flex: 1;
    display: flex
}

.share .share-container .plate .title .left .name .text[data-v-201ac521] {
    flex: 1
}

.share .share-container .plate .title .left .name .btn-item[data-v-201ac521] {
    margin-right: 15px;
    cursor: pointer
}

.share .share-container .plate .title .right[data-v-201ac521] {
    height: 100%
}

.share .share-container .plate .title .right .icon[data-v-201ac521] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.share .share-container .plate .title .right .icon img[data-v-201ac521] {
    width: 16px;
    height: 9.5px
}

.share .share-container .plate .list[data-v-201ac521] {
    box-sizing: border-box;
    padding: 0 15px;
    background: #fbfbfb;
    width: 100%
}

.share .share-container .plate .list .item[data-v-201ac521] {
    display: flex;
    justify-content: space-between;
    height: 60px;
    line-height: 60px
}

.share .share-container .plate .list .item .left[data-v-201ac521] {
    display: flex;
    height: 100%
}

.share .share-container .plate .list .item .left .icon[data-v-201ac521] {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-right: 10px
}

.share .share-container .plate .list .item .left .icon img[data-v-201ac521] {
    width: 21px;
    height: 21px
}

.share .share-container .plate .list .item .left .avatar[data-v-201ac521] {
    width: 39px;
    height: 39px;
    margin-right: 10px
}

.share .share-container .plate .list .item .left .avatar img[data-v-201ac521] {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.share .share-container .plate .list .item .left .name[data-v-201ac521] {
    font-size: 16px;
    color: #1f1f1f
}

.share .share-success[data-v-201ac521] {
    position: fixed;
    width: 100%;
    max-width: 750px;
    background: rgba(0, 0, 0, .5);
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.share .share-success .share-dialog[data-v-201ac521] {
    width: 90%;
    border-radius: 10px;
    background: #fff;
    margin: 0 auto
}

.share .share-success .share-dialog .suc-title[data-v-201ac521] {
    box-sizing: border-box;
    padding: 20px;
    font-size: 15px;
    font-weight: 700
}

.share .share-success .share-dialog .share-user-list[data-v-201ac521] {
    display: flex;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #ededed;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 0 0 15px 0
}

.share .share-success .share-dialog .share-user-list .item[data-v-201ac521] {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px
}

.share .share-success .share-dialog .share-user-list .item img[data-v-201ac521] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.share .share-success .share-dialog .share-ui[data-v-201ac521] {
    border-bottom: 1px solid #ededed;
    box-sizing: border-box;
    margin: 15px auto;
    background: #fbfbfb;
    padding: 15px 12px;
    width: 90%;
    border-radius: 10px
}

.share .share-success .share-dialog .share-ui .share-title-dialog[data-v-201ac521] {
    font-size: 15px;
    color: #1f1f1f;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px
}

.share .share-success .share-dialog .share-ui .bottom[data-v-201ac521] {
    display: flex;
    justify-content: space-between
}

.share .share-success .share-dialog .share-ui .bottom .desc[data-v-201ac521] {
    font-size: 12px;
    color: #999;
    height: 40px;
    line-height: 20px;
    margin-top: 5px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 20px
}

.share .share-success .share-dialog .share-ui .bottom .share-image img[data-v-201ac521] {
    width: 50px;
    height: 50px;
    border-radius: 10px
}

.share .share-success .share-dialog .leave-word[data-v-201ac521] {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #f7f7f7;
    height: 35px;
    line-height: 35px;
    border-radius: 3px
}

.share .share-success .share-dialog .leave-word input[data-v-201ac521] {
    width: 100%;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    padding: 0 5px;
    font-size: 14px;
    outline: none;
    border: none;
    background: none
}

.share .share-success .share-dialog .btn-box[data-v-201ac521] {
    width: 100%;
    border-top: 1px solid #ededed;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #1f1f1f;
    text-align: center;
    display: flex
}

.share .share-success .share-dialog .btn-box .btn-item[data-v-201ac521] {
    line-height: 40px;
    flex: 1;
    font-size: 15px;
    color: #1f1f1f;
    text-align: center;
    border-right: 1px solid #ededed
}

.share .share-success .share-dialog .btn-box .btn-item.send[data-v-201ac521] {
    color: #2d6bf5;
    border: none
}

.share .share-success .share-dialog-suc[data-v-201ac521] {
    width: 90%;
    border-radius: 10px;
    background: #fff;
    margin: 0 auto
}

.share .share-success .share-dialog-suc .top[data-v-201ac521] {
    box-sizing: border-box;
    padding: 30px;
    width: 100%
}

.share .share-success .share-dialog-suc .top .icon[data-v-201ac521] {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center
}

.share .share-success .share-dialog-suc .top .icon img[data-v-201ac521] {
    width: 50px;
    height: 50px
}

.share .share-success .share-dialog-suc .top .text[data-v-201ac521] {
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #000;
    margin-top: 10px;
    font-weight: 700
}

.share .share-success .share-dialog-suc .dialog-btn[data-v-201ac521] {
    width: 100%;
    border-top: 1px solid #f1f1f1;
    text-align: center;
    font-size: 16px;
    color: #5d6c95;
    height: 50px;
    line-height: 50px;
    cursor: pointer
}

.vip-name[data-v-201ac521] {
    display: flex
}

.vip-name .icon[data-v-201ac521] {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.vip-name .icon img[data-v-201ac521] {
    width: 20px;
    height: auto !important
}

.manage[data-v-843c568e] {
    background: #fff;
    box-shadow: 0 1px 10px 0 rgba(2, 16, 43, .15)
}

.manage-header[data-v-843c568e] {
    border-bottom: 1px solid #e8e8e9
}

.manage-header h1[data-v-843c568e] {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #000
}

.manage-header-left main p[data-v-843c568e] {
    font-weight: 400;
    color: #999
}

.manage .main .userInfo ol dl .userInfo-mask[data-v-843c568e] {
    background: #fff;
    box-shadow: 0 11px 20px 0 rgba(0, 0, 0, .3)
}

.manage .main .footer li[data-v-843c568e] {
    font-weight: 400;
    color: #dc2113;
    border-bottom: 1px solid #e8e8e9
}

.manage .admin-content aside[data-v-843c568e] {
    font-weight: 400;
    color: #000;
    letter-spacing: 0
}

.manage .admin-content aside p[data-v-843c568e] {
    opacity: .6
}

.manage .admin-list label[data-v-843c568e] {
    font-weight: 400;
    color: #000
}

.manage .admin .last[data-v-843c568e]:before {
    background: #e8e8e9
}

.manage ol dl .userInfo-mask[data-v-843c568e] {
    background: #fff;
    box-shadow: 0 11px 20px 0 rgba(0, 0, 0, .3)
}

.input[data-v-843c568e] {
    border: 1px solid #e8e8e9;
    font-weight: 400;
    color: #000;
    opacity: .6
}

.avatar[data-v-843c568e] {
    background: #f4f5f9;
    color: #000
}

.space-top[data-v-843c568e] {
    border-top: 10px solid #f4f5f9
}

.btn[data-v-843c568e] {
    background: #3370ff;
    border: 0 solid #2f80ed;
    color: #fff
}

.btn-cancel[data-v-843c568e] {
    background: #fff;
    border: 1px solid #ddd;
    color: #828282
}

.slider-box[data-v-843c568e] {
    background: #e1e1e3
}

.slider-block[data-v-843c568e] {
    background: #fff;
    border: 0 solid rgba(0, 0, 0, .85);
    box-shadow: 0 2px 4px 0 #d1d1d1
}

.manage[data-v-843c568e] {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 360px;
    overflow-y: auto;
    border-radius: 8px 0 0 8px;
    position: absolute;
    right: 0;
    height: calc(100% - 40px);
    z-index: 2;
    top: 40px
}

.manage-header[data-v-843c568e] {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.manage-header aside[data-v-843c568e] {
    display: flex;
    align-items: center
}

.manage-header h1[data-v-843c568e] {
    font-size: 16px
}

.manage-header-left[data-v-843c568e] {
    display: flex
}

.manage-header-left .icon[data-v-843c568e] {
    margin-right: 14px
}

.manage-header-left main[data-v-843c568e] {
    display: flex;
    flex-direction: column
}

.manage-header-left main p[data-v-843c568e] {
    padding-top: 8px;
    font-size: 12px
}

.manage .main .userInfo[data-v-843c568e] {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    font-size: 14px
}

.manage .main .userInfo-header[data-v-843c568e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0
}

.manage .main .userInfo-header p[data-v-843c568e] {
    display: flex;
    align-items: center
}

.manage .main .userInfo ol[data-v-843c568e] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px
}

.manage .main .userInfo ol dl[data-v-843c568e] {
    position: relative;
    flex: 0 0 36px;
    display: flex;
    flex-direction: column;
    padding-right: 20px
}

.manage .main .userInfo ol dl[data-v-843c568e]:last-child {
    padding-right: 0
}

.manage .main .userInfo ol dl .more[data-v-843c568e] {
    padding-top: 10px
}

.manage .main .userInfo ol dl dd[data-v-843c568e] {
    text-align: center;
    max-width: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.manage .main .userInfo ol dl .userInfo-mask[data-v-843c568e] {
    position: absolute;
    z-index: 5;
    padding: 20px;
    left: 100%
}

.manage .main .userInfo ol dl .userInfo-mask li[data-v-843c568e] {
    display: flex;
    align-items: center
}

.manage .main .userInfo ol dl .userInfo-mask li label[data-v-843c568e] {
    width: 60px
}

.manage .main .userInfo ol dl .userInfo-mask li span[data-v-843c568e] {
    max-width: 200px;
    word-break: keep-all
}

.manage .main .content[data-v-843c568e] {
    padding: 0 20px
}

.manage .main .content li[data-v-843c568e] {
    padding: 14px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px
}

.manage .main .content li .btn[data-v-843c568e] {
    flex: 1
}

.manage .main .content li article[data-v-843c568e] {
    opacity: .6;
    width: 246px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.manage .main .content li .end[data-v-843c568e] {
    align-self: flex-end;
    margin-bottom: 4px
}

.manage .main .footer[data-v-843c568e] {
    padding: 0 20px
}

.manage .main .footer li[data-v-843c568e] {
    cursor: pointer;
    width: 100%;
    font-size: 14px;
    padding: 14px 0;
    text-align: center
}

.manage .main .footer li[data-v-843c568e]:last-child {
    border: none
}

.manage .admin[data-v-843c568e] {
    padding: 20px 0
}

.manage .admin-content[data-v-843c568e] {
    padding: 20px 20px 12px;
    display: flex;
    align-items: center
}

.manage .admin-content aside[data-v-843c568e] {
    flex: 1;
    font-size: 14px
}

.manage .admin-content aside p[data-v-843c568e] {
    font-size: 12px
}

.manage .admin-list[data-v-843c568e] {
    padding: 0 20px
}

.manage .admin-list label[data-v-843c568e] {
    display: inline-block;
    font-size: 14px;
    padding-bottom: 8px
}

.manage .admin .last[data-v-843c568e] {
    padding-top: 13px;
    position: relative
}

.manage .admin .last[data-v-843c568e]:before {
    position: absolute;
    content: "";
    width: calc(100% - 40px);
    height: 1px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.manage ol[data-v-843c568e] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px
}

.manage ol dl[data-v-843c568e] {
    position: relative;
    flex: 0 0 36px;
    display: flex;
    flex-direction: column;
    padding-right: 20px
}

.manage ol dl[data-v-843c568e]:last-child {
    padding-right: 0
}

.manage ol dl .more[data-v-843c568e] {
    padding-top: 10px
}

.manage ol dl dd[data-v-843c568e] {
    text-align: center;
    max-width: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.manage ol dl .userInfo-mask[data-v-843c568e] {
    position: fixed;
    z-index: 5;
    padding: 20px;
    margin-left: 36px
}

.manage ol dl .userInfo-mask li[data-v-843c568e] {
    display: flex;
    align-items: center
}

.manage ol dl .userInfo-mask li label[data-v-843c568e] {
    width: 60px
}

.manage ol dl .userInfo-mask li span[data-v-843c568e] {
    max-width: 200px;
    word-break: keep-all
}

.input[data-v-843c568e] {
    border-radius: 4px;
    padding: 4px 16px;
    font-size: 14px
}

.groupID[data-v-843c568e] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.groupID span[data-v-843c568e] {
    padding-right: 10px
}

.groupID .icon[data-v-843c568e] {
    width: 15px;
    height: 15px;
    cursor: pointer
}

.avatar[data-v-843c568e] {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.btn[data-v-843c568e] {
    padding: 4px 28px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 4px
}

.slider-box[data-v-843c568e] {
    display: flex;
    align-items: center;
    width: 34px;
    height: 20px;
    border-radius: 10px
}

.slider-block[data-v-843c568e] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    margin: 0 2px
}

.space-between[data-v-843c568e] {
    justify-content: space-between
}

.delDialog-title[data-v-843c568e] {
    text-align: center;
    padding: 20px 0
}

.manage-h5[data-v-843c568e] {
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0
}

.share-wechat[data-v-843c568e] {
    box-sizing: border-box;
    padding: 15px 20px;
    font-size: 15px;
    text-align: left
}

.share-bg[data-v-843c568e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    z-index: 10
}

.share-bg img[data-v-843c568e] {
    width: 80%;
    display: block;
    margin: 20px auto
}

.jion-type-popup[data-v-843c568e] {
    width: 100%
}

.jion-type-popup .item[data-v-843c568e] {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
    font-size: 15px;
    border-bottom: 1px solid #eee
}

.shareEditTem[data-v-843c568e] {
    width: 100%;
    height: 100%
}

.shareEditTem .shareEditTem-header[data-v-843c568e] {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 10px 15px;
    line-height: 30px;
    border-bottom: 1px solid #f2f2f2
}

.shareEditTem .shareEditTem-header .shareEditTem-title[data-v-843c568e] {
    font-size: 16px
}

.shareEditTem .shareEditTem-header .left[data-v-843c568e] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.shareEditTem .shareEditTem-item[data-v-843c568e] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px;
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between
}

.shareEditTem .shareEditTem-item .label[data-v-843c568e] {
    font-size: 15px;
    color: #000;
    line-height: 30px
}

.shareEditTem .shareEditTem-item .content[data-v-843c568e] {
    display: flex;
    justify-content: flex-end
}

.shareEditTem .shareEditTem-item .content .img-box label[data-v-843c568e] {
    width: 30px;
    height: 30px;
    display: block
}

.shareEditTem .shareEditTem-item .content .img-box label img[data-v-843c568e] {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover
}

.shareEditTem .shareEditTem-item .content .icon[data-v-843c568e] {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 10px
}

.shareEditTem .shareEditTem-item .content .icon img[data-v-843c568e] {
    width: 20px;
    height: 20px
}

.shareEditTem .shareEditTem-item .content .ipt-box input[data-v-843c568e] {
    border: none;
    background: none;
    outline: none;
    font-size: 14px;
    color: #333;
    height: 30px;
    width: 250px;
    text-align: right;
    line-height: 30px
}

.shareEditTem .shareEditTem-item .content .ipt-box textarea[data-v-843c568e] {
    border: none;
    background: none;
    outline: none;
    font-size: 14px;
    color: #666;
    resize: none;
    width: 250px;
    max-height: 60px;
    line-height: 30px
}

.shareEditTem .shareEditTem-item .preview-box[data-v-843c568e] {
    width: 260px;
    border-radius: 5px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    padding: 10px
}

.shareEditTem .shareEditTem-item .preview-box .preview-title[data-v-843c568e] {
    font-size: 14px;
    color: #000;
    padding-bottom: 5px
}

.shareEditTem .shareEditTem-item .preview-box .bottom[data-v-843c568e] {
    display: flex;
    justify-content: space-between
}

.shareEditTem .shareEditTem-item .preview-box .bottom .preview-desc[data-v-843c568e] {
    flex: 1;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    box-sizing: border-box;
    padding: 0 20px 0 0
}

.shareEditTem .shareEditTem-item .preview-box .bottom .preview-img[data-v-843c568e] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.shareEditTem .shareEditTem-item .preview-box .bottom .preview-img img[data-v-843c568e] {
    width: 35px;
    height: 35px;
    border-radius: 5px
}

.shareEditTem .btn-item[data-v-843c568e] {
    width: 95%;
    margin: 0 auto;
    margin-top: 50px;
    background: #006eff;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    letter-spacing: 4px
}

.group-avatar-title[data-v-843c568e] {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 15px;
    position: relative;
    height: 44px;
    line-height: 44px
}

.group-avatar-title .icon-back-box[data-v-843c568e] {
    position: absolute;
    left: 15px;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.group-avatar-list[data-v-843c568e] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 15px
}

.group-avatar-list .item[data-v-843c568e] {
    width: 15%;
    margin-right: 2%;
    margin-bottom: 5px;
    border-radius: 15px;
    overflow: hidden;
    box-sizing: border-box;
    border: 3px solid #fff
}

.group-avatar-list .item img[data-v-843c568e] {
    width: 100%;
    height: auto
}

.group-avatar-list .item[data-v-843c568e]:nth-child(6n) {
    margin-right: 0
}

.group-avatar-list .item.active[data-v-843c568e] {
    border: 3px solid #006eff
}

.group-avatar-btn-box[data-v-843c568e] {
    width: 100%;
    box-sizing: border-box;
    padding: 15px
}

.group-avatar-btn-box .btn-item[data-v-843c568e] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #006eff;
    border-radius: 7.5px
}

.share[data-v-22eb0dd0] {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 0 30px 0
}

.share .share-title[data-v-22eb0dd0] {
    width: 100%;
    display: flex;
    background: #f3f5f7;
    justify-content: space-between;
    height: 50px;
    box-sizing: border-box;
    padding: 0 15px
}

.share .share-title .title[data-v-22eb0dd0] {
    font-size: 17px;
    line-height: 50px;
    color: #1f1f1f;
    font-weight: 700
}

.share .share-title .left[data-v-22eb0dd0],
.share .share-title .right[data-v-22eb0dd0] {
    width: 150px;
    height: 100%
}

.share .share-title .left .icon[data-v-22eb0dd0],
.share .share-title .right .icon[data-v-22eb0dd0] {
    width: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    cursor: pointer
}

.share .share-title .left .icon img[data-v-22eb0dd0],
.share .share-title .right .icon img[data-v-22eb0dd0] {
    width: 15px;
    height: 15px
}

.share .share-title .left .btn-item[data-v-22eb0dd0],
.share .share-title .right .btn-item[data-v-22eb0dd0] {
    width: 100px;
    height: 32.5px;
    margin-top: 9px;
    line-height: 32.5px;
    text-align: center;
    color: #fff;
    background: #2d6bf5;
    border-radius: 5px;
    font-size: 12px
}

.share .share-title .left .btn-item.normal[data-v-22eb0dd0],
.share .share-title .right .btn-item.normal[data-v-22eb0dd0] {
    opacity: .4
}

.share .share-title .right[data-v-22eb0dd0] {
    display: flex;
    justify-content: flex-end
}

.share .share-container[data-v-22eb0dd0] {
    flex: 1;
    margin-top: 10px;
    overflow-y: scroll
}

.share .share-container .plate[data-v-22eb0dd0] {
    width: 100%;
    background: #fff
}

.share .share-container .plate .title[data-v-22eb0dd0] {
    box-sizing: border-box;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #f2f2f2
}

.share .share-container .plate .title .left[data-v-22eb0dd0] {
    display: flex;
    height: 100%;
    flex: 1
}

.share .share-container .plate .title .left .icon[data-v-22eb0dd0] {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-right: 10px
}

.share .share-container .plate .title .left .icon img[data-v-22eb0dd0] {
    width: 21px;
    height: 21px
}

.share .share-container .plate .title .left .name[data-v-22eb0dd0] {
    font-size: 16px;
    color: #1f1f1f;
    flex: 1;
    display: flex
}

.share .share-container .plate .title .left .name .text[data-v-22eb0dd0] {
    flex: 1
}

.share .share-container .plate .title .left .name .btn-item[data-v-22eb0dd0] {
    margin-right: 15px;
    cursor: pointer
}

.share .share-container .plate .title .right[data-v-22eb0dd0] {
    height: 100%
}

.share .share-container .plate .title .right .icon[data-v-22eb0dd0] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.share .share-container .plate .title .right .icon img[data-v-22eb0dd0] {
    width: 16px;
    height: 9.5px
}

.share .share-container .plate .list[data-v-22eb0dd0] {
    box-sizing: border-box;
    padding: 0 15px;
    background: #fbfbfb;
    width: 100%
}

.share .share-container .plate .list .item[data-v-22eb0dd0] {
    display: flex;
    justify-content: space-between;
    height: 60px;
    line-height: 60px
}

.share .share-container .plate .list .item .left[data-v-22eb0dd0] {
    display: flex;
    height: 100%
}

.share .share-container .plate .list .item .left .icon[data-v-22eb0dd0] {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-right: 10px
}

.share .share-container .plate .list .item .left .icon img[data-v-22eb0dd0] {
    width: 21px;
    height: 21px
}

.share .share-container .plate .list .item .left .avatar[data-v-22eb0dd0] {
    width: 39px;
    height: 39px;
    margin-right: 10px
}

.share .share-container .plate .list .item .left .avatar img[data-v-22eb0dd0] {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.share .share-container .plate .list .item .left .name[data-v-22eb0dd0] {
    font-size: 16px;
    color: #1f1f1f
}

.share .share-success[data-v-22eb0dd0] {
    position: fixed;
    width: 100%;
    max-width: 750px;
    background: rgba(0, 0, 0, .5);
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.share .share-success .share-dialog[data-v-22eb0dd0] {
    width: 90%;
    border-radius: 10px;
    background: #fff;
    margin: 0 auto
}

.share .share-success .share-dialog .suc-title[data-v-22eb0dd0] {
    box-sizing: border-box;
    padding: 20px;
    font-size: 15px;
    font-weight: 700
}

.share .share-success .share-dialog .share-user-list[data-v-22eb0dd0] {
    display: flex;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #ededed;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 0 0 15px 0
}

.share .share-success .share-dialog .share-user-list .item[data-v-22eb0dd0] {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px
}

.share .share-success .share-dialog .share-user-list .item img[data-v-22eb0dd0] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.share .share-success .share-dialog .share-ui[data-v-22eb0dd0] {
    border-bottom: 1px solid #ededed;
    box-sizing: border-box;
    margin: 15px auto;
    background: #fbfbfb;
    padding: 15px 12px;
    width: 90%;
    border-radius: 10px
}

.share .share-success .share-dialog .share-ui .share-title-dialog[data-v-22eb0dd0] {
    font-size: 15px;
    color: #1f1f1f;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px
}

.share .share-success .share-dialog .share-ui .bottom[data-v-22eb0dd0] {
    display: flex;
    justify-content: space-between
}

.share .share-success .share-dialog .share-ui .bottom .desc[data-v-22eb0dd0] {
    font-size: 12px;
    color: #999;
    height: 40px;
    line-height: 20px;
    margin-top: 5px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 20px
}

.share .share-success .share-dialog .share-ui .bottom .share-image img[data-v-22eb0dd0] {
    width: 50px;
    height: 50px;
    border-radius: 10px
}

.share .share-success .share-dialog .btn-box[data-v-22eb0dd0] {
    width: 100%;
    border-top: 1px solid #ededed;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #1f1f1f;
    text-align: center;
    display: flex
}

.share .share-success .share-dialog .btn-box .btn-item[data-v-22eb0dd0] {
    line-height: 40px;
    flex: 1;
    font-size: 15px;
    color: #1f1f1f;
    text-align: center;
    border-right: 1px solid #ededed
}

.share .share-success .share-dialog .btn-box .btn-item.send[data-v-22eb0dd0] {
    color: #2d6bf5;
    border: none
}

.share .share-success .share-dialog-suc[data-v-22eb0dd0] {
    width: 90%;
    border-radius: 10px;
    background: #fff;
    margin: 0 auto
}

.share .share-success .share-dialog-suc .top[data-v-22eb0dd0] {
    box-sizing: border-box;
    padding: 30px;
    width: 100%
}

.share .share-success .share-dialog-suc .top .icon[data-v-22eb0dd0] {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center
}

.share .share-success .share-dialog-suc .top .icon img[data-v-22eb0dd0] {
    width: 50px;
    height: 50px
}

.share .share-success .share-dialog-suc .top .text[data-v-22eb0dd0] {
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #000;
    margin-top: 10px;
    font-weight: 700
}

.share .share-success .share-dialog-suc .dialog-btn[data-v-22eb0dd0] {
    width: 100%;
    border-top: 1px solid #f1f1f1;
    text-align: center;
    font-size: 16px;
    color: #5d6c95;
    height: 50px;
    line-height: 50px;
    cursor: pointer
}

.vip-name[data-v-22eb0dd0] {
    display: flex
}

.vip-name .icon[data-v-22eb0dd0] {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.vip-name .icon img[data-v-22eb0dd0] {
    width: 20px;
    height: auto !important
}

.message-input-at[data-v-e83d39ce] {
    position: fixed;
    max-width: 15rem;
    max-height: 10rem;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 .06rem .63rem 0 rgba(2, 16, 43, .15);
    border-radius: .13rem
}

.memberList-box-header[data-v-e83d39ce] {
    height: 2.5rem;
    padding-top: 5px;
    cursor: pointer
}

.memberList-box-header[data-v-e83d39ce]:hover {
    background: rgba(0, 110, 255, .1)
}

.memberList-box span[data-v-e83d39ce] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: .88rem;
    color: #000;
    letter-spacing: 0;
    padding: 5px
}

.memberList-box-body[data-v-e83d39ce] {
    height: 2.5rem;
    cursor: pointer;
    display: flex;
    align-items: center
}

.memberList-box-body .selected[data-v-e83d39ce],
.memberList-box-body[data-v-e83d39ce]:hover {
    background: rgba(0, 110, 255, .1)
}

.memberList-box-body span[data-v-e83d39ce] {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis
}

.memberList-box img[data-v-e83d39ce] {
    width: 1.5rem;
    height: 1.5rem;
    padding-left: 10px
}

.memberList-box .selected[data-v-e83d39ce] {
    background: rgba(0, 110, 255, .1)
}

.message-input-at-h5[data-v-e83d39ce] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, .5);
    z-index: 10;
    display: flex;
    align-items: flex-end
}

.message-input-at-h5 .memberList[data-v-e83d39ce] {
    height: auto;
    max-height: 50%;
    width: 100%;
    max-width: 100%;
    background: #fff;
    border-radius: 12px 12px 0 0;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.message-input-at-h5 .memberList-title[data-v-e83d39ce] {
    height: -moz-fit-content;
    height: fit-content;
    width: calc(100% - 30px);
    text-align: center;
    vertical-align: middle;
    padding: 15px
}

.message-input-at-h5 .memberList-title .title[data-v-e83d39ce] {
    vertical-align: middle;
    display: inline-block;
    font-size: 16px
}

.message-input-at-h5 .memberList-title .close[data-v-e83d39ce] {
    vertical-align: middle;
    position: absolute;
    right: 10px;
    display: inline-block
}

.message-input-at-h5 .memberList-box[data-v-e83d39ce] {
    flex: 1;
    overflow-y: scroll
}

.message-input-at-h5 .memberList-box-body[data-v-e83d39ce] {
    padding: 10px
}

.message-input-at-h5 .memberList-box-body img[data-v-e83d39ce] {
    width: 26px;
    height: 26px
}

.message-input-at-h5 .memberList-box-body span[data-v-e83d39ce] {
    font-size: 14px
}

.message-input-container[data-v-e2543312] {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: calc(100% - 13px);
    width: calc(100% - 20px);
    padding: 3px 10px 10px 10px;
    overflow: hidden
}

.message-input-area[data-v-e2543312] {
    flex: 1;
    display: flex;
    overflow-y: scroll
}

.message-input-mute[data-v-e2543312] {
    flex: 1;
    display: flex;
    color: #999;
    font-size: 14px;
    justify-content: center;
    align-items: center
}

.message-input-container-h5[data-v-e2543312] {
    flex: 1;
    height: auto;
    background: #f4f5f9;
    border-radius: 9.4px;
    padding: 7px 0 7px 10px;
    font-size: 16px !important;
    max-height: 86px;
    margin-right: 7px
}

.ProseMirror {
    min-height: 100%;
    height: -moz-fit-content;
    height: fit-content;
    flex: 1;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.ProseMirror dd,
.ProseMirror div,
.ProseMirror dl,
.ProseMirror dt,
.ProseMirror h1,
.ProseMirror h2,
.ProseMirror h3,
.ProseMirror h4,
.ProseMirror li,
.ProseMirror ol,
.ProseMirror p,
.ProseMirror ul {
    margin: 0;
    padding: 0;
    font-style: normal
}

.ProseMirror p * {
    vertical-align: bottom
}

.ProseMirror-focused {
    border: none;
    outline: none
}

.ProseMirror img.ProseMirror-selectednode {
    outline: 2px solid #68cef8
}

.ProseMirror .custom-image-normal {
    max-height: 120px;
    max-width: 200px
}

.ProseMirror .custom-image-file {
    height: 50px;
    width: 160px;
    border: 1px solid #e8e8e9;
    border-radius: 5px
}

.ProseMirror .custom-image-emoji {
    height: 20px;
    width: 20px
}

.ProseMirror .ProseMirror-selectednode {
    outline: 2px solid #68cef8;
    cursor: none
}

.ProseMirror [contenteditable],
.ProseMirror p {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.ProseMirror p.is-editor-empty:first-child:before {
    color: #adb5bd;
    content: attr(data-placeholder);
    float: left;
    height: 0;
    pointer-events: none
}

.message-input-button[data-v-8a883942] {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.message-input-button-h5[data-v-8a883942] {
    position: static
}

.message-input-button-cont[data-v-8a883942] {
    padding: 8px 20px;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    font-weight: 400;
    background: #006eff;
    color: #fff;
    letter-spacing: 0;
    cursor: pointer
}

.message-input-button:hover .message-input-button-hover[data-v-8a883942] {
    display: flex
}

.message-input-button-hover[data-v-8a883942] {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 120%;
    word-break: keep-all;
    height: 30px;
    white-space: nowrap;
    top: 0;
    bottom: 0;
    margin: auto 0;
    padding: 5px 10px;
    border-radius: 3px;
    background: #000;
    color: #fff;
    opacity: .3
}

.message-input-button-hover[data-v-8a883942]:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: -20px;
    border: 10px solid transparent;
    border-left: 10px solid #000
}

.message-input-reference[data-v-1333615b] {
    order: 1
}

.message-input-reference .reference[data-v-1333615b] {
    width: auto;
    padding-bottom: 0;
    margin: 0 100px 10px 10px;
    display: flex
}

.message-input-reference .reference-box[data-v-1333615b] {
    padding: 0;
    overflow: hidden;
    width: -moz-max-content;
    width: max-content;
    padding: 10px;
    background-color: #fbfbfb;
    display: flex;
    border-radius: 8px
}

.message-input-reference .reference-box label[data-v-1333615b] {
    cursor: pointer;
    margin-top: 5px
}

.message-input-reference .reference-box-show[data-v-1333615b] {
    width: -moz-max-content;
    width: max-content;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex: 1
}

.message-input-reference .reference-box-show-name[data-v-1333615b] {
    padding-right: 5px
}

.message-input-reference .reference-box-show span[data-v-1333615b] {
    width: -moz-max-content;
    width: max-content;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #666
}

.message-input-reply[data-v-1333615b] {
    order: -1
}

.message-input-reply .reply[data-v-1333615b] {
    display: flex;
    width: 100%
}

.message-input-reply .reply-box[data-v-1333615b] {
    flex: 1;
    align-items: center;
    display: flex;
    padding: 0 10px
}

.message-input-reply .reply-box i[data-v-1333615b] {
    height: 3.5rem;
    border: 1px solid #e8e8e9
}

.message-input-reply .reply-box label[data-v-1333615b] {
    cursor: pointer;
    margin-top: 5px
}

.message-input-reply .reply-box-show[data-v-1333615b] {
    flex: 1;
    display: flex;
    width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-direction: column;
    justify-content: center;
    padding-left: 6px
}

.message-input-reply .reply-box-show span[data-v-1333615b] {
    height: 1.25rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: .88rem;
    color: #bfc1c5;
    letter-spacing: 0;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.message-input-reply-h5[data-v-1333615b] {
    order: -1;
    flex: 1 0 100%;
    padding-bottom: 10px
}

.message-input-reply-h5 .reply-box[data-v-1333615b] {
    padding: 0
}

.message-input-reply-h5 .reply-box i[data-v-1333615b] {
    display: none
}

.message-input-reply-h5 .reply-box-show[data-v-1333615b] {
    flex-direction: row
}

.message-input-reply-h5 .reply-box-show span[data-v-1333615b] {
    width: auto
}

.message-input-reply-h5 .reply-box-show span[data-v-1333615b]:first-child {
    padding-right: 2px
}

.message-input-reply-h5 .reply-box-show span[data-v-1333615b]:last-child {
    flex: 1
}

.message-input-reference-h5[data-v-1333615b] {
    order: 1;
    flex: 1 0 100%;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0
}

.message-input-reference-h5 .reference[data-v-1333615b] {
    margin: 0
}

.message-input-reference-h5 .reference-box[data-v-1333615b] {
    overflow: hidden;
    padding: 0;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    margin: 5px 0
}

.message-input-reference-h5 .reference-box-show[data-v-1333615b] {
    overflow: hidden;
    width: 0;
    flex: 1;
    display: flex;
    flex-direction: row;
    text-overflow: ellipsis
}

.message-input-reference-h5 .reference-box-show span[data-v-1333615b]:last-child {
    overflow: hidden;
    text-overflow: ellipsis
}

.message-input[data-v-03b8f682] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    border: none;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden
}

.message-input-h5[data-v-03b8f682] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.group-list[data-v-a48e9f28] {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 98%;
    border: 1px solid #f4f5f9;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .05);
    border-radius: 5px;
    box-sizing: border-box;
    padding: 15px 0 0 0
}

.group-list .tem-title[data-v-a48e9f28] {
    width: 100%;
    display: flex;
    font-size: 14px;
    color: #000;
    height: 30px;
    line-height: 30px;
    padding-left: 15px
}

.group-list .tem-title .line[data-v-a48e9f28] {
    color: #aaa;
    margin: 0 10px
}

.group-list .tem-title .left[data-v-a48e9f28],
.group-list .tem-title .right[data-v-a48e9f28] {
    font-weight: 500
}

.group-list .tem-title .right[data-v-a48e9f28] {
    display: flex
}

.group-list .tem-title .right span[data-v-a48e9f28] {
    display: block;
    width: 6px;
    height: 6px;
    background: #41c300;
    border-radius: 50%;
    margin-top: 12px;
    margin-right: 10px
}

.group-list .bottom[data-v-a48e9f28] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.group-list .bottom .list[data-v-a48e9f28]::-webkit-scrollbar {
    width: 6px;
    height: 50px;
    background-color: transparent
}

.group-list .bottom .list[data-v-a48e9f28]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9a999c
}

.group-list .bottom .list[data-v-a48e9f28]::-webkit-scrollbar-track {
    border-radius: 10px
}

.group-list .bottom .list[data-v-a48e9f28] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    max-height: 150px;
    overflow-y: scroll;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding-top: 10px;
    overflow-x: hidden
}

.group-list .bottom .list .list-item-pc[data-v-a48e9f28] {
    flex-shrink: 0;
    width: 25%;
    box-sizing: border-box;
    padding-right: 15px;
    border-right: 1px solid #f4f5f9;
    margin-bottom: 20px;
    padding-left: 15px
}

.group-list .bottom .list .list-item-pc .group-msg[data-v-a48e9f28] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.group-list .bottom .list .list-item-pc .group-msg .group-img[data-v-a48e9f28] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 5px
}

.group-list .bottom .list .list-item-pc .group-msg .group-img img[data-v-a48e9f28] {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.group-list .bottom .list .list-item-pc .group-msg .group-content[data-v-a48e9f28] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    box-sizing: border-box;
    padding-left: 5px
}

.group-list .bottom .list .list-item-pc .group-msg .group-content .group-title[data-v-a48e9f28] {
    max-width: 120px;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.group-list .bottom .list .list-item-pc .group-msg .group-content .desc[data-v-a48e9f28] {
    font-size: 12px;
    width: 100%;
    max-width: 120px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.group-list .bottom .list .list-item-pc .group-handle[data-v-a48e9f28] {
    width: 100%;
    display: flex;
    padding-left: 60px;
    box-sizing: border-box;
    font-size: 13px;
    color: #006eff;
    cursor: pointer
}

.group-list .bottom .list .list-item-pc .group-handle .icon[data-v-a48e9f28] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.group-list .bottom .list .list-item-pc .group-handle .icon img[data-v-a48e9f28] {
    width: 10px;
    height: 10px
}

.group-list .bottom .list .list-item-h5[data-v-a48e9f28] {
    width: 31%;
    flex-shrink: 0;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    border-right: 1px solid #f4f5f9;
    margin-bottom: 20px;
    padding: 10px;
    margin-right: 2.333%;
    margin-bottom: 5px
}

.group-list .bottom .list .list-item-h5 .group-msg[data-v-a48e9f28] {
    width: 100%
}

.group-list .bottom .list .list-item-h5 .group-msg .group-img[data-v-a48e9f28] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 10px
}

.group-list .bottom .list .list-item-h5 .group-msg .group-img img[data-v-a48e9f28] {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.group-list .bottom .list .list-item-h5 .group-msg .group-content[data-v-a48e9f28] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    box-sizing: border-box;
    padding-left: 5px
}

.group-list .bottom .list .list-item-h5 .group-msg .group-content .group-title[data-v-a48e9f28] {
    max-width: 120px;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.group-list .bottom .list .list-item-h5 .group-msg .group-content .desc[data-v-a48e9f28] {
    font-size: 12px;
    width: 100%;
    max-width: 120px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    padding: 5px
}

.group-list .bottom .list .list-item-h5 .group-handle[data-v-a48e9f28] {
    line-height: 20px;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    font-size: 13px;
    justify-content: center;
    color: #006eff;
    cursor: pointer
}

.group-list .bottom .list .list-item-h5 .group-handle .icon[data-v-a48e9f28] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.group-list .bottom .list .list-item-h5 .group-handle .icon img[data-v-a48e9f28] {
    width: 10px;
    height: 10px;
    margin: 0 auto
}

.group-list .bottom .list .list-item-h5[data-v-a48e9f28]:nth-child(3n) {
    margin-right: 0
}

.group-list .bottom .list-h5[data-v-a48e9f28] {
    background: #f8f8f8;
    padding-left: 10px;
    margin-bottom: 0
}

.group-list .bottom .handle-h5[data-v-a48e9f28],
.group-list .bottom .handle[data-v-a48e9f28] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 15px 10px 10px
}

.group-list .bottom .handle-h5 .item[data-v-a48e9f28],
.group-list .bottom .handle .item[data-v-a48e9f28] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-top: 10px;
    box-sizing: border-box
}

.group-list .bottom .handle-h5 .item .text[data-v-a48e9f28],
.group-list .bottom .handle .item .text[data-v-a48e9f28] {
    font-size: 12px;
    color: #999;
    text-align: center
}

.group-list .bottom .handle-h5 .item .icon[data-v-a48e9f28],
.group-list .bottom .handle .item .icon[data-v-a48e9f28] {
    margin: 0 auto
}

.group-list .bottom .handle-h5 .item .icon img[data-v-a48e9f28],
.group-list .bottom .handle .item .icon img[data-v-a48e9f28] {
    display: block;
    width: 16px;
    height: 12px;
    margin: 0 auto
}

.group-list .bottom .handle-h5[data-v-a48e9f28] {
    box-sizing: border-box;
    background: #f8f8f8
}

.group-list .bottom .handle-h5 .item[data-v-a48e9f28] {
    display: flex;
    flex-direction: row;
    line-height: 20px;
    justify-content: center
}

.group-list .bottom .handle-h5 .item .icon[data-v-a48e9f28] {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.group-list .bottom .handle-h5 .item .icon img[data-v-a48e9f28] {
    display: block;
    width: 9px;
    height: 5px;
    margin: 0 auto
}

.broadcast[data-v-75bdea38] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.broadcast-box[data-v-75bdea38] {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    background: #000
}

.broadcast-box iframe[data-v-75bdea38] {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden
}

.broadcast-box img[data-v-75bdea38] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.h5-blurb[data-v-75bdea38] {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    padding-bottom: 10px;
    border-bottom: 8px solid #f8f8f8
}

.h5-blurb .broadcast-msg[data-v-75bdea38] {
    margin: 10px 0
}

.h5-blurb .broadcast-msg .broadcast-title[data-v-75bdea38] {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px
}

.h5-blurb .broadcast-msg .broadcast-desc[data-v-75bdea38] {
    font-size: 12px;
    color: #666
}

.h5-blurb .wechat-btn[data-v-75bdea38] {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-radius: 17.5px;
    background: rgba(0, 177, 31, .2);
    display: flex;
    justify-content: center;
    margin-bottom: 15px
}

.h5-blurb .wechat-btn .icon[data-v-75bdea38] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 10px
}

.h5-blurb .wechat-btn .icon img[data-v-75bdea38] {
    width: 22.5px;
    height: 18px
}

.h5-blurb .wechat-btn .text[data-v-75bdea38] {
    font-size: 14px;
    color: #00b21f
}

.h5-blurb .custom-btn[data-v-75bdea38] {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-radius: 17.5px;
    display: flex;
    background: #f7f7f7;
    justify-content: space-between;
    margin-bottom: 15px;
    overflow: hidden
}

.h5-blurb .custom-btn .icon[data-v-75bdea38] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 40px;
    justify-content: center
}

.h5-blurb .custom-btn .icon img[data-v-75bdea38] {
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto
}

.h5-blurb .custom-btn .text[data-v-75bdea38] {
    background: #d70a25;
    font-size: 14px;
    line-height: 28px;
    flex: 1;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    box-sizing: border-box;
    padding: 0 10px
}

.h5-blurb .blurb[data-v-75bdea38] {
    width: 100%
}

.h5-blurb .blurb .blurb-title[data-v-75bdea38] {
    font-size: 13px;
    color: #1f1f1f;
    font-weight: 700;
    margin-bottom: 10px
}

.h5-blurb .blurb .blurb-msg[data-v-75bdea38] {
    font-size: 12px;
    color: #666;
    line-height: 17px
}

.iframe-box[data-v-75bdea38] {
    width: 100%;
    height: 100%
}

.iframe-box iframe[data-v-75bdea38] {
    width: 100%;
    min-height: 100%
}

.topping[data-v-23b388df] {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    padding: 0 10px;
    display: flex;
    justify-content: space-between
}

.topping .handle-icon[data-v-23b388df] {
    background: #f2f2f2;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30px;
    height: 30px
}

.topping .handle-icon img[data-v-23b388df] {
    width: 20px;
    height: 20px
}

.topping .handle-icon-hide[data-v-23b388df] {
    width: 100%;
    margin-top: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transform: rotate(180deg)
}

.topping .handle-icon-hide img[data-v-23b388df] {
    width: 20px;
    height: 20px
}

.topping .list[data-v-23b388df] {
    width: 80%;
    flex: 1;
    max-height: 15vh;
    background: #f2f2f2
}

.topping .list .topping-item[data-v-23b388df] {
    display: flex;
    border-bottom: 5px solid #fff;
    box-sizing: border-box;
    padding: 5px 10px
}

.topping .list .topping-item .icon[data-v-23b388df] {
    width: 15px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.topping .list .topping-item .icon img[data-v-23b388df] {
    width: 15px;
    height: 15px
}

.topping .list .topping-item .text[data-v-23b388df] {
    flex: 1;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding: 0 10px
}

.topping .list .topping-item .html-text[data-v-23b388df] {
    flex: 1;
    width: 85%;
    line-height: 20px;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 12px;
    color: #999;
    white-space: pre-line;
    word-wrap: break-word
}

.topping .list .topping-item .html-text a[data-v-23b388df] {
    display: block;
    margin: 10px 0
}

.topping .list .topping-item .delete[data-v-23b388df] {
    font-size: 12px;
    line-height: 20px;
    color: #484bfa;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.showMore[data-v-23b388df] {
    display: block
}

.showMore .list[data-v-23b388df] {
    width: 100%
}

.pc-blurb[data-v-9b155c80] {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    border-bottom: 1px solid #f7f7f7;
    margin-block: 10px;
    z-index: 2
}

.pc-blurb .blurb-head[data-v-9b155c80] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f7f7f7;
    border-top: 1px solid #f7f7f7;
    height: 48px
}

.pc-blurb .blurb-head .left[data-v-9b155c80] {
    font-size: 15px;
    color: #000;
    font-weight: 700;
    line-height: 48px
}

.pc-blurb .blurb-head .blurb-head-right[data-v-9b155c80] {
    display: flex
}

.pc-blurb .blurb-head .right[data-v-9b155c80] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.pc-blurb .blurb-head .right .btn-item[data-v-9b155c80] {
    cursor: pointer;
    width: 95px;
    height: 28px;
    line-height: 28px;
    background: #e5f0ff;
    border-radius: 14px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 5px 0 10px
}

.pc-blurb .blurb-head .right .btn-item .text[data-v-9b155c80] {
    color: #006eff;
    font-size: 14px
}

.pc-blurb .blurb-head .right .btn-item .icon[data-v-9b155c80] {
    height: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.pc-blurb .blurb-head .right .btn-item .icon img[data-v-9b155c80] {
    width: 12px;
    height: 7px
}

.pc-blurb .blurb-head .right .btn-item .icon .active[data-v-9b155c80] {
    display: none
}

.pc-blurb .blurb-head .right .service[data-v-9b155c80] {
    position: absolute;
    top: 50px;
    right: 10px;
    width: 150px;
    background: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);
    border-radius: 5px;
    box-sizing: border-box;
    padding: 10px 20px
}

.pc-blurb .blurb-head .right .service .img-box[data-v-9b155c80] {
    width: 110px;
    height: 110px
}

.pc-blurb .blurb-head .right .service .img-box img[data-v-9b155c80] {
    width: 100%;
    height: 100%
}

.pc-blurb .blurb-head .right .service .blurb-desc[data-v-9b155c80] {
    font-size: 12px;
    color: #666;
    text-align: center;
    line-height: 20px;
    margin-top: 5px
}

.pc-blurb .blurb-head .right .btn-item.active[data-v-9b155c80] {
    background: #006eff
}

.pc-blurb .blurb-head .right .btn-item.active .text[data-v-9b155c80] {
    color: #fff
}

.pc-blurb .blurb-head .right .btn-item.active .icon .normal[data-v-9b155c80] {
    display: none
}

.pc-blurb .blurb-head .right .btn-item.active .icon .active[data-v-9b155c80] {
    display: block
}

.pc-blurb .blurb-head .userinfo[data-v-9b155c80] {
    display: flex
}

.pc-blurb .blurb-head .userinfo .user-img[data-v-9b155c80] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 10px
}

.pc-blurb .blurb-head .userinfo .user-img img[data-v-9b155c80] {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.pc-blurb .blurb-head .userinfo .nickname[data-v-9b155c80] {
    font-size: 15px;
    color: #000;
    line-height: 48px
}

.pc-blurb .blurb-content[data-v-9b155c80] {
    box-sizing: border-box;
    padding: 10px 0;
    font-size: 13px;
    color: #666;
    line-height: 20px;
    max-height: 150px;
    overflow-y: scroll
}

.notes-box[data-v-efb74818] {
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    width: 330px
}

.notes-box .props-title[data-v-efb74818] {
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #000;
    line-height: 40px;
    height: 40px
}

.notes-box .handle-note[data-v-efb74818] {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    height: 50vh
}

.notes-box .handle-note .textarea[data-v-efb74818] {
    width: 100%;
    height: 100%
}

.notes-box .handle-note .textarea textarea[data-v-efb74818] {
    resize: none;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    line-height: 30px
}

.notes-box .notes-list[data-v-efb74818] {
    max-height: 70vh;
    overflow-y: scroll
}

.notes-box .notes-list .item[data-v-efb74818] {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ccc
}

.notes-box .notes-list .item .text[data-v-efb74818] {
    flex: 1;
    font-size: 12px;
    color: #333;
    margin-right: 20px
}

.notes-box .notes-list .item .icon[data-v-efb74818] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    height: 100%
}

.notes-box .notes-list .item .icon img[data-v-efb74818] {
    width: 20px;
    height: 20px
}

.notes-box .note-btn[data-v-efb74818] {
    box-sizing: border-box;
    padding: 20px 0 10px 0;
    display: flex;
    justify-content: center
}

.notes-box .note-btn .btn-item[data-v-efb74818] {
    width: 150px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    background: #016eff
}

.system-message-list[data-v-4f2a422e] {
    width: 100%;
    font-family: Microsoft YaHei
}

.system-message-list .item[data-v-4f2a422e] {
    background: #fbfbfb;
    cursor: pointer;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 30px 15px 15px 15px;
    border-radius: 10px
}

.system-message-list .item .title[data-v-4f2a422e] {
    font-size: 17px;
    color: #1f1f1f;
    font-weight: 700;
    margin-bottom: 28px;
    letter-spacing: 1px
}

.system-message-list .item .msg-wrap[data-v-4f2a422e] {
    margin-bottom: 15px;
    display: flex;
    letter-spacing: 1.5px;
    line-height: 20px
}

.system-message-list .item .msg-wrap .label[data-v-4f2a422e] {
    font-size: 14px;
    color: grey;
    flex-shrink: 0;
    width: 65px
}

.system-message-list .item .msg-wrap .text[data-v-4f2a422e] {
    font-size: 14px;
    color: #1f1f1f;
    padding-left: 17px
}

.system-message-list .item .bottom[data-v-4f2a422e] {
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-top: 15px;
    margin-top: 5px
}

.system-message-list .item .bottom .text[data-v-4f2a422e] {
    font-size: 14px;
    color: #1f1f1f
}

.system-message-list .item .bottom .icon[data-v-4f2a422e] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.system-message-list .item .bottom .icon img[data-v-4f2a422e] {
    width: 8px
}

.source-temp[data-v-21eeae38] {
    display: flex;
    justify-content: center;
    font-size: 12px;
    margin-bottom: 30px;
    color: #999
}

.source-temp span[data-v-21eeae38] {
    color: #006dff
}

.source-temp[data-v-006cf4d0] {
    display: flex;
    justify-content: center;
    font-size: 12px;
    margin-bottom: 30px;
    color: #999
}

.source-temp span[data-v-006cf4d0] {
    color: #006dff
}

.TUIChat-header h1[data-v-3945d666] {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #000;
    letter-spacing: 0
}

.TUIChat .TUIChat-setting[data-v-3945d666] {
    background: #fff
}

.TUIChat-footer[data-v-3945d666] {
    border-top: 1px solid #f4f5f9
}

.TUIChat-footer .input textarea[data-v-3945d666]::-moz-placeholder {
    color: #ddd
}

.TUIChat-footer .input textarea[data-v-3945d666]::placeholder {
    color: #ddd
}

.TUIChat-footer .input p[data-v-3945d666] {
    color: #ddd
}

.TUIChat-footer .input .input-btn[data-v-3945d666] {
    font-weight: 400;
    background: #006eff;
    color: #fff;
    letter-spacing: 0
}

.TUIChat-footer .input .input-btn[data-v-3945d666]:disabled {
    opacity: .3
}

.TUIChat-footer .input .input-btn-hover[data-v-3945d666] {
    background: #000
}

.TUIChat-footer .input .input-btn-hover[data-v-3945d666]:before {
    border: 10px solid transparent;
    border-left: 10px solid #000
}

.TUIChat .disabled[data-v-3945d666]:before {
    background: #fbfbfb
}

.TUI-message-list .message-more[data-v-3945d666] {
    color: #999;
    cursor: pointer
}

.dialog[data-v-3945d666] {
    background: #fff
}

.dialog-item[data-v-3945d666] {
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .06)
}

.dialog-item p[data-v-3945d666] {
    font-weight: 400;
    color: #4f4f4f
}

.dialog-item p[data-v-3945d666]:hover {
    background: rgba(0, 110, 255, .1)
}

.dialog-userInfo[data-v-3945d666] {
    background: rgba(0, 0, 0, .3)
}

.dialog-userInfo .userInfo-main[data-v-3945d666] {
    background: #fff
}

.dialog-userInfo .userInfo-main main ol dl .userInfo-mask[data-v-3945d666] {
    background: #fff;
    box-shadow: 0 11px 20px 0 rgba(0, 0, 0, .3)
}

.image-dialog[data-v-3945d666] {
    background: rgba(0, 0, 0, .3)
}

.image-dialog header[data-v-3945d666] {
    background: rgba(0, 0, 0, .49)
}

.btn[data-v-3945d666] {
    font-weight: 400;
    color: #fff;
    letter-spacing: 0
}

.btn-cancel[data-v-3945d666] {
    border: 1px solid #ddd;
    color: #666
}

.btn-default[data-v-3945d666] {
    background: #006eff;
    border: 1px solid #006eff
}

.btn[data-v-3945d666]:disabled {
    opacity: .3
}

.TUIChat-H5 .TUIChat-footer[data-v-3945d666],
.TUIChat-H5 .TUIChat-header[data-v-3945d666] {
    background: #fff
}

.TUIChat-H5 .TUIChat-footer .input input[data-v-3945d666] {
    background: #f4f5f9
}

.TUIChat[data-v-3945d666] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: absolute
}

.TUIChat-header[data-v-3945d666] {
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.TUIChat-header h1[data-v-3945d666] {
    font-size: 16px;
    line-height: 30px
}

.TUIChat-safe-tips[data-v-3945d666] {
    padding: 12px 20px;
    background-color: rgba(255, 149, 0, .1);
    color: #ff8c39;
    line-height: 18px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    text-align: justify;
    font-size: 12px
}

.TUIChat-safe-tips a[data-v-3945d666] {
    color: #006eff;
    float: right
}

.TUIChat .TUIChat-setting[data-v-3945d666] {
    position: absolute;
    right: 0;
    height: calc(100% - 40px);
    z-index: 2;
    top: 40px
}

.TUIChat-main[data-v-3945d666] {
    min-height: 0;
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column
}

.TUIChat-footer[data-v-3945d666] {
    height: 173px;
    display: flex;
    flex-direction: column
}

.TUIChat-footer .input[data-v-3945d666] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column
}

.TUIChat-footer .input textarea[data-v-3945d666] {
    width: 100%;
    line-height: 20px;
    margin: 0;
    padding: 2px 20px;
    resize: none;
    box-sizing: border-box;
    border: none;
    background: no-repeat
}

.TUIChat-footer .input textarea[data-v-3945d666]:focus {
    outline: none;
    border: none
}

.TUIChat-footer .input p[data-v-3945d666] {
    padding: 12px 20px 20px
}

.TUIChat-footer .input .input-btn[data-v-3945d666] {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 8px 20px;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    text-align: center;
    line-height: 20px
}

.TUIChat-footer .input .input-btn:hover .input-btn-hover[data-v-3945d666] {
    display: flex
}

.TUIChat-footer .input .input-btn-hover[data-v-3945d666] {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 120%;
    word-break: keep-all;
    height: 30px;
    white-space: nowrap;
    top: 0;
    bottom: 0;
    margin: auto 0;
    padding: 5px 10px;
    border-radius: 3px
}

.TUIChat-footer .input .input-btn-hover[data-v-3945d666]:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: -20px
}

.TUIChat .disabled[data-v-3945d666] {
    position: relative
}

.TUIChat .disabled[data-v-3945d666]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%
}

.TUI-message-list[data-v-3945d666] {
    flex: 1;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative
}

.TUI-message-list .message-more[data-v-3945d666] {
    font-size: .9rem;
    padding: 5px;
    text-align: center
}

.TUI-message-list li[data-v-3945d666]:first-child {
    margin-top: 5px
}

.TUI-message-list li[data-v-3945d666] {
    display: flex;
    position: relative;
    padding: 0 20px 30px;
    flex-direction: column
}

.TUI-message-list li .message-label[data-v-3945d666] {
    max-width: 50px
}

.TUI-message-list .right[data-v-3945d666] {
    flex-direction: row-reverse;
    justify-content: flex-start
}

.TUI-message-list .to-bottom-tip[data-v-3945d666] {
    position: sticky;
    bottom: 10px;
    left: 100%;
    margin-right: 15px;
    width: 92px;
    height: 28px;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .06);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 3px
}

.TUI-message-list .to-bottom-tip .icon[data-v-3945d666] {
    width: 10px;
    height: 10px
}

.TUI-message-list .to-bottom-tip-cont[data-v-3945d666] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 10px;
    color: #147aff;
    letter-spacing: 0;
    text-align: center;
    padding-left: 3px
}

.dialog[data-v-3945d666] {
    position: absolute;
    z-index: 20
}

.dialog-item[data-v-3945d666] {
    min-width: -moz-min-content;
    min-width: min-content;
    max-width: 220px;
    width: 72px;
    word-break: keep-all;
    top: 30px;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    white-space: nowrap
}

.dialog-item li[data-v-3945d666]:first-child {
    margin-top: 0
}

.dialog-item li[data-v-3945d666] {
    padding: 4px 12px;
    font-size: 12px;
    line-height: 17px;
    display: flex;
    align-items: center;
    flex-direction: row
}

.dialog-item li span[data-v-3945d666] {
    padding-left: 4px
}

.dialog-conversation .avatar[data-v-3945d666] {
    width: 36px;
    height: 36px;
    margin: 0 5px 0 8px
}

.dialog-conversation .name[data-v-3945d666] {
    font-size: 14px
}

.dialog-userInfo[data-v-3945d666] {
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end
}

.dialog-userInfo .userInfo-main[data-v-3945d666] {
    height: 100%;
    box-sizing: border-box;
    padding: 20px;
    width: 240px
}

.dialog-userInfo .userInfo-main header[data-v-3945d666] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.dialog-userInfo .userInfo-main main[data-v-3945d666] {
    display: flex;
    padding: 20px 0
}

.dialog-userInfo .userInfo-main main ol[data-v-3945d666] {
    flex: 1;
    display: flex;
    flex-wrap: wrap
}

.dialog-userInfo .userInfo-main main ol dl[data-v-3945d666] {
    position: relative;
    flex: 0 0 33%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.dialog-userInfo .userInfo-main main ol dl img[data-v-3945d666] {
    width: 40px;
    height: 40px
}

.dialog-userInfo .userInfo-main main ol dl .more[data-v-3945d666] {
    padding-top: 10px
}

.dialog-userInfo .userInfo-main main ol dl dd[data-v-3945d666] {
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dialog-userInfo .userInfo-main main ol dl .userInfo-mask[data-v-3945d666] {
    position: absolute;
    z-index: 5;
    padding: 20px;
    left: 100%
}

.dialog-userInfo .userInfo-main main ol dl .userInfo-mask li[data-v-3945d666] {
    display: flex;
    align-items: center
}

.dialog-userInfo .userInfo-main main ol dl .userInfo-mask li label[data-v-3945d666] {
    width: 60px
}

.dialog-userInfo .userInfo-main main ol dl .userInfo-mask li span[data-v-3945d666] {
    max-width: 200px;
    word-break: keep-all
}

.image-dialog[data-v-3945d666] {
    position: fixed;
    z-index: 5;
    width: 100vw;
    height: calc(100vh - 63px);
    top: 63px;
    left: 0
}

.image-dialog header[data-v-3945d666] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px
}

.memberList-box[data-v-3945d666] {
    position: absolute;
    bottom: 128px;
    width: 21.94rem;
    max-height: 10rem;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 .06rem .63rem 0 rgba(2, 16, 43, .15);
    border-radius: .13rem
}

.memberList-box-header[data-v-3945d666] {
    height: 2.5rem;
    padding-top: 5px;
    cursor: pointer
}

.memberList-box-header[data-v-3945d666]:hover {
    background: rgba(0, 110, 255, .1)
}

.memberList-box span[data-v-3945d666] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: .88rem;
    color: #000;
    letter-spacing: 0;
    padding-left: 5px
}

.memberList-box-body[data-v-3945d666] {
    height: 2.5rem;
    cursor: pointer;
    display: flex;
    align-items: center
}

.memberList-box-body[data-v-3945d666]:hover {
    background: rgba(0, 110, 255, .1)
}

.memberList-box img[data-v-3945d666] {
    width: 1.5rem;
    height: 1.5rem;
    padding-left: 10px
}

.memberList-box .selected[data-v-3945d666] {
    background: rgba(0, 110, 255, .1)
}

.reply[data-v-3945d666] {
    display: flex;
    width: 100%
}

.reply-box[data-v-3945d666] {
    flex: 1;
    align-items: center;
    display: flex;
    padding: 0 18px
}

.reply-box i[data-v-3945d666] {
    height: 3.5rem;
    border: 1px solid #e8e8e9
}

.reply-box label[data-v-3945d666] {
    margin-top: 5px
}

.reply-box-show[data-v-3945d666] {
    flex: 1;
    display: flex;
    width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-direction: column;
    justify-content: center;
    padding-left: 6px
}

.reply-box-show span[data-v-3945d666] {
    height: 1.25rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: .88rem;
    color: #bfc1c5;
    letter-spacing: 0;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.reference[data-v-3945d666] {
    width: auto;
    padding-bottom: 0;
    margin: 0 100px 10px 10px;
    display: flex
}

.reference-box[data-v-3945d666] {
    padding: 0;
    overflow: hidden;
    width: -moz-max-content;
    width: max-content;
    padding: 10px;
    background-color: #fbfbfb;
    display: flex;
    border-radius: 8px
}

.reference-box-show[data-v-3945d666] {
    width: -moz-max-content;
    width: max-content;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex: 1
}

.reference-box-show-name[data-v-3945d666] {
    padding-right: 5px
}

.reference-box-show span[data-v-3945d666] {
    width: -moz-max-content;
    width: max-content;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #666
}

.btn[data-v-3945d666] {
    padding: 8px 20px;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    text-align: center;
    line-height: 20px
}

.toggleMask[data-v-3945d666]:before {
    position: fixed;
    z-index: 1;
    content: "";
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    opacity: 0
}

[data-v-3945d666]::-webkit-scrollbar {
    width: 6px;
    height: 140px;
    background-color: transparent
}

[data-v-3945d666]::-webkit-scrollbar-track {
    border-radius: 10px
}

[data-v-3945d666]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9a999c
}

.TUIChat-H5[data-v-3945d666] {
    flex: 1;
    position: static
}

.TUIChat-H5 .TUIChat-header[data-v-3945d666] {
    width: 100%;
    box-sizing: border-box;
    position: sticky;
    top: 0;
    z-index: 2
}

.TUIChat-H5 .TUIChat-header .setting[data-v-3945d666] {
    width: 27px
}

.TUIChat-H5 .TUIChat-main .TUI-message-list[data-v-3945d666] {
    height: auto
}

.TUIChat-H5 .TUIChat-footer[data-v-3945d666] {
    width: 100%;
    box-sizing: border-box;
    position: sticky;
    bottom: 0;
    flex-direction: column-reverse;
    height: auto;
    padding: 14px 23px 23px;
    z-index: 1
}

.TUIChat-H5 .TUIChat-footer .func[data-v-3945d666] {
    display: flex;
    flex-direction: column
}

.TUIChat-H5 .TUIChat-footer .func-main[data-v-3945d666] {
    display: flex;
    justify-content: space-between
}

.TUIChat-H5 .TUIChat-footer .reply[data-v-3945d666] {
    order: 1;
    padding-bottom: 10px
}

.TUIChat-H5 .TUIChat-footer .reply-box[data-v-3945d666] {
    padding: 0
}

.TUIChat-H5 .TUIChat-footer .reply-box i[data-v-3945d666] {
    display: none
}

.TUIChat-H5 .TUIChat-footer .reply-box-show[data-v-3945d666] {
    flex-direction: row
}

.TUIChat-H5 .TUIChat-footer .reply-box-show span[data-v-3945d666] {
    width: auto
}

.TUIChat-H5 .TUIChat-footer .reply-box-show span[data-v-3945d666]:first-child {
    padding-right: 2px
}

.TUIChat-H5 .TUIChat-footer .reply-box-show span[data-v-3945d666]:last-child {
    flex: 1
}

.TUIChat-H5 .TUIChat-footer .input[data-v-3945d666] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end
}

.TUIChat-H5 .TUIChat-footer .input textarea[data-v-3945d666] {
    width: auto;
    height: auto;
    padding: 0;
    flex: 1;
    background: #f4f5f9;
    border-radius: 9.4px;
    padding: 7px 18px;
    font-size: 16px;
    line-height: 18px
}

.TUIChat-H5 .TUIChat-footer .input .reference[data-v-3945d666] {
    overflow: hidden;
    order: 1;
    width: 100%;
    max-width: 100%;
    margin: 0
}

.TUIChat-H5 .TUIChat-footer .input .reference-box[data-v-3945d666] {
    overflow: hidden;
    padding: 0;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    margin: 5px 0
}

.TUIChat-H5 .TUIChat-footer .input .reference-box-show[data-v-3945d666] {
    overflow: hidden;
    width: 0;
    flex: 1;
    display: flex;
    flex-direction: row;
    text-overflow: ellipsis
}

.TUIChat-H5 .TUIChat-footer .input .reference-box-show span[data-v-3945d666]:last-child {
    overflow: hidden;
    text-overflow: ellipsis
}

.TUIChat-H5 .TUIChat-footer .input button[data-v-3945d666] {
    position: static !important;
    margin-left: 7px;
    word-break: keep-all;
    height: 32px;
    flex: 0
}

.TUIChat-H5 .TUIChat-footer .input .memberList[data-v-3945d666] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    max-height: none;
    display: flex;
    align-items: flex-end;
    z-index: 1
}

.TUIChat-H5 .TUIChat-footer .input .memberList-box[data-v-3945d666] {
    position: static;
    flex: 1;
    max-height: 90%;
    border-radius: 12px 12px 0 0;
    padding: 14px 23px
}

.TUIChat-H5 .TUIChat-footer .input .memberList-box-title[data-v-3945d666] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0
}

.TUIChat-H5 .TUIChat-footer .input .memberList-box-title h1[data-v-3945d666] {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    letter-spacing: 0;
    line-height: 28px
}

.TUIChat-H5 .TUIChat-footer .input .memberList-box-title .close[data-v-3945d666] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 18px;
    color: #3370ff;
    letter-spacing: 0;
    line-height: 27px
}

.TUIChat-H5 .TUIChat-footer .input .memberList-box li[data-v-3945d666] {
    padding: 8px 0
}

.TUIChat-H5 .TUIChat-footer .input .memberList-box li img[data-v-3945d666] {
    width: 30px;
    height: 30px;
    border-radius: 6.4px;
    padding: 0
}

.TUIChat-H5 .TUIChat-footer .input .memberList-box li span[data-v-3945d666] {
    font-size: 16px;
    padding-left: 12px
}

.TUIChat-H5 .TUIChat-footer .input .memberList-box-header span[data-v-3945d666]:last-child {
    padding-left: 0
}

.TUIChat-H5 .manage[data-v-3945d666] {
    position: fixed;
    height: 100%;
    top: 0
}

.TUIChat-H5 .mask[data-v-3945d666] {
    position: fixed;
    width: 100vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    z-index: 9
}

.TUIChat-H5 .mask-main[data-v-3945d666] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 150px;
    background: #fff;
    border-radius: 4px
}

.TUIChat-H5 .mask header[data-v-3945d666] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    text-align: center;
    padding: 20px 0
}

.TUIChat-H5 .mask footer[data-v-3945d666] {
    display: flex;
    width: 100%;
    justify-content: space-around;
    border-top: 1px solid #ddd;
    height: 40px;
    align-items: center
}

.TUIChat-H5 .mask footer p[data-v-3945d666] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    text-align: center
}

.TUIChat-H5 .mask footer i[data-v-3945d666] {
    height: 40px;
    width: 1px;
    background: #ddd
}

.new-add-func-item[data-v-3945d666] {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 10px 0 10px 10px
}

.new-add-func-item img[data-v-3945d666] {
    width: 20px;
    height: 20px
}

.user-img[data-v-3945d666] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 10px
}

.user-img img[data-v-3945d666] {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.user-img .login[data-v-3945d666] {
    font-size: 14px;
    color: #000;
    line-height: 36px
}

.user-img .login[data-v-3945d666]:hover {
    text-decoration: underline;
    cursor: pointer
}

.share-box[data-v-3945d666] {
    position: absolute;
    width: 100%;
    z-index: 19;
    background: #ebebeb;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 15px
}

.share-box .share-header[data-v-3945d666] {
    display: flex;
    justify-content: space-between
}

.share-box .share-header .left[data-v-3945d666] {
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
    padding: 5px
}

.share-box .share-list[data-v-3945d666] {
    display: flex;
    justify-content: space-around;
    box-sizing: border-box;
    padding: 20px 0
}

.share-box .share-list .share-item[data-v-3945d666] {
    width: 20%
}

.share-box .share-list .share-item .share-icon[data-v-3945d666] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto
}

.share-box .share-list .share-item .share-icon img[data-v-3945d666] {
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto
}

.share-box .share-list .share-item .share-icon[data-v-3945d666]:active {
    background: #29a1f3
}

.share-box .share-list .share-item .text[data-v-3945d666] {
    font-size: 15px;
    text-align: center;
    margin-top: 10px
}

.share-tem[data-v-3945d666] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 90
}

.black-dialog[data-v-3945d666] {
    width: 95%;
    margin: 0 auto;
    border-radius: 10px;
    background: #fff
}

.black-dialog .popup-title[data-v-3945d666] {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    height: 60px;
    line-height: 60px
}

.black-dialog .popup-content[data-v-3945d666] {
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    box-sizing: border-box;
    padding: 0 15px 20px 15px
}

.black-dialog .reason[data-v-3945d666] {
    display: flex;
    width: 100%;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    padding: 0 15px
}

.black-dialog .reason .label[data-v-3945d666] {
    font-size: 15px;
    color: #000;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 15px
}

.black-dialog .reason .ipt-box[data-v-3945d666] {
    flex: 1;
    display: flex;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative
}

.black-dialog .reason .ipt-box .choose-list[data-v-3945d666] {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #000;
    background: #f3f3f3;
    border-radius: 5px
}

.black-dialog .reason .ipt-box .choose-list .black-desc-item[data-v-3945d666] {
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0 10px;
    cursor: pointer
}

.black-dialog .reason .ipt-box input[data-v-3945d666] {
    outline: none;
    background: none;
    border: none;
    font-size: 14px;
    width: 100%
}

.black-dialog .btn-box[data-v-3945d666] {
    margin-top: 25px;
    height: 50px;
    display: flex;
    line-height: 50px;
    border-top: 1px solid #f2f2f2
}

.black-dialog .btn-box .btn-item[data-v-3945d666] {
    width: 50%;
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

.black-dialog .btn-box .sub[data-v-3945d666] {
    color: #1945f6;
    border-left: 1px solid #f2f2f2
}

.msg-content[data-v-3945d666] {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 0 15px
}

.msg-content .desc[data-v-3945d666] {
    font-size: 12px;
    color: #999;
    padding: 10px 0;
    text-align: center
}

.msg-content .item[data-v-3945d666] {
    width: 100%;
    margin-bottom: 20px
}

.msg-content .item .other[data-v-3945d666] {
    width: 100%;
    display: flex;
    margin-bottom: 20px
}

.msg-content .item .other .right[data-v-3945d666] {
    margin-left: 10px;
    max-width: 80%
}

.msg-content .item .other .right .nickname[data-v-3945d666] {
    padding-bottom: 4px;
    font-weight: 400;
    font-size: .8rem;
    color: #999;
    letter-spacing: 0;
    padding-top: 5px;
    box-sizing: border-box
}

.msg-content .item .other .right .msg[data-v-3945d666] {
    background: #fbfbfb;
    border-radius: 0 10px 10px 10px;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    letter-spacing: .5px;
    margin-top: 5px;
    white-space: pre-line
}

.msg-content .item .other .right .img-box[data-v-3945d666] {
    width: 200px
}

.msg-content .item .other .right .img-box img[data-v-3945d666] {
    width: 100%;
    height: auto
}

.msg-content .item .main[data-v-3945d666] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px
}

.msg-content .item .main .right[data-v-3945d666] {
    margin-right: 10px;
    max-width: 80%
}

.msg-content .item .main .right .nickname[data-v-3945d666] {
    text-align: right;
    padding-bottom: 4px;
    font-weight: 400;
    font-size: .8rem;
    color: #999;
    letter-spacing: 0;
    padding-top: 5px;
    box-sizing: border-box
}

.msg-content .item .main .right .msg[data-v-3945d666] {
    background: #dceafd;
    border-radius: 10px 0 10px 10px;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    letter-spacing: .5px;
    margin-top: 5px;
    white-space: pre-line
}

.msg-content .item .main .right .img-box[data-v-3945d666] {
    width: 200px
}

.msg-content .item .main .right .img-box img[data-v-3945d666] {
    width: 100%;
    height: auto
}

.msg-content .item .user-img[data-v-3945d666] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    overflow: hidden
}

.msg-content .item .user-img img[data-v-3945d666] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.topping-box[data-v-3945d666] {
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 15px
}

.topping-box .topping-title[data-v-3945d666] {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    color: #000
}

.topping-box .topping-item[data-v-3945d666] {
    width: 300px
}

.topping-box .topping-item .label-title[data-v-3945d666] {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px
}

.topping-box .topping-item .ipt-box[data-v-3945d666] {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px
}

.topping-box .topping-item .ipt-box input[data-v-3945d666] {
    background: none;
    outline: none;
    border: none;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 5px
}

.topping-box .topping-item .ipt-box textarea[data-v-3945d666] {
    background: none;
    outline: none;
    border: none;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    padding: 0 5px;
    resize: none;
    height: 100px;
    max-height: 120px
}

.topping-box .btn-box[data-v-3945d666] {
    display: flex;
    justify-content: flex-end
}

.topping-box .btn-box .btn-item[data-v-3945d666] {
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer
}

.topping-box .btn-box .btn-item.quxiao[data-v-3945d666] {
    background: rgba(0, 0, 0, .3)
}

.topping-box .btn-box .btn-item.queding[data-v-3945d666] {
    background: #006eff
}

.login-btn[data-v-3945d666] {
    position: absolute;
    left: 20px;
    bottom: 30px;
    width: 100px;
    height: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    z-index: 1;
    cursor: pointer
}

.zhibo-badge[data-v-3945d666] {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 130px;
    z-index: 1
}

.zhibo-badge .img-box[data-v-3945d666] {
    width: 100%;
    position: relative
}

.zhibo-badge .img-box .yure-img[data-v-3945d666] {
    width: 100%;
    height: auto;
    border-radius: 5px
}

.zhibo-badge .img-box .close-icon[data-v-3945d666] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-top: 5px
}

.zhibo-badge .img-box .close-icon img[data-v-3945d666] {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto
}

.TUIChat-main[data-v-3945d666]::-webkit-scrollbar {
    width: 6px;
    height: 0;
    background-color: transparent
}

.TUIChat-main[data-v-3945d666]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9a999c
}

.TUIChat-main[data-v-3945d666]::-webkit-scrollbar-track {
    border-radius: 10px
}

.TUIChat-H5-footer .btn-list[data-v-3945d666] {
    display: flex;
    overflow-x: scroll
}

.TUIChat-H5-footer .btn-list[data-v-3945d666]::-webkit-scrollbar {
    display: none
}

.btn-list[data-v-3945d666] {
    display: flex;
    margin-bottom: 10px
}

.btn-list .item[data-v-3945d666] {
    background: #f4f5f9;
    height: 27.5px;
    line-height: 27.5px;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 27.5px;
    font-size: 13px;
    color: #1f1f1f;
    flex-shrink: 0;
    cursor: pointer;
    margin-right: 10px
}

.btn-list .item[data-v-3945d666]:last-child {
    margin-right: 0
}

.func[data-v-3945d666] {
    display: flex
}

.func .btn-list[data-v-3945d666] {
    padding-top: 5px;
    margin-left: 20px
}

.func .btn-list .item[data-v-3945d666] {
    margin-right: 15px
}

.face-main[data-v-40795382] {
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.face[data-v-40795382] {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.face-main[data-v-40795382] {
    position: absolute;
    z-index: 5;
    width: 435px;
    height: 250px;
    top: -270px;
    padding: 10px;
    display: flex;
    flex-direction: column
}

.face-list[data-v-40795382] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto
}

.face-list-item[data-v-40795382] {
    padding: 5px
}

.face-list img[data-v-40795382] {
    width: 30px
}

.face-list .face-img[data-v-40795382] {
    width: 60px
}

.face-tab[data-v-40795382] {
    display: flex;
    align-items: center
}

.face-tab-item[data-v-40795382] {
    padding: 0 10px
}

.face-tab-item img[data-v-40795382] {
    width: 30px
}

.face-H5-main[data-v-40795382] {
    position: static !important;
    width: 100%;
    box-shadow: none
}

.upload-btn[data-v-e3409a02] {
    position: relative
}

.upload-btn input[data-v-e3409a02] {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%
}

.upload-btn[data-v-59754fbc] {
    position: relative
}

.upload-btn input[data-v-59754fbc] {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%
}

.forward[data-v-5f3cd224] {
    position: absolute;
    z-index: 5;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 15px 20px;
    padding: 0;
    left: -90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 11px 20px 0 rgba(0, 0, 0, .3)
}

.forward header[data-v-5f3cd224] {
    padding: 20px;
    display: flex;
    justify-content: space-between
}

.forward .list[data-v-5f3cd224] {
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    list-style: none
}

.forward .list-item[data-v-5f3cd224] {
    display: flex;
    align-items: center;
    padding: 10px
}

.forward .list-item[data-v-5f3cd224]:hover {
    background: #ddd
}

.forward .list-item .avatar[data-v-5f3cd224] {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.forward footer[data-v-5f3cd224] {
    display: flex;
    justify-content: space-around;
    padding: 20px 0
}

.forward-h5[data-v-5f3cd224] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.upload-btn[data-v-761cdf9e] {
    position: relative
}

.upload-btn input[data-v-761cdf9e] {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%
}

body,
dd,
div,
dl,
dt,
h1,
h2,
h3,
h4,
li,
ol,
p,
ul {
    margin: 0;
    padding: 0;
    font-style: normal
}

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

img {
    border: 0;
    vertical-align: middle
}

body {
    color: #000;
    background: #fff
}

.clear {
    clear: both;
    height: 1px;
    width: 100%;
    overflow: hidden;
    margin-top: -1px
}

a {
    color: #000;
    cursor: pointer
}

a,
a:hover {
    text-decoration: none
}

input,
textarea {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto
}

input:active,
input:focus,
textarea:active,
textarea:focus {
    outline: none
}

img {
    pointer-events: none
}

.icon {
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px
}
.icon img{
    width: 100%;
}

.icon-more {
    margin: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAYAAACOqiAdAAAAAXNSR0IArs4c6QAAAwRJREFUeF7t2U9u2kAYBfCBAJYKyiLrqgegF2CDkBeV6AV8HYbrcIEidWEhNlygHKDqOosIKhkIVJNiiVoBZt58rm14WQWJFzw/3vyxU1P8gQRqUIohRTiwBIQjHCgAxtg4woECYIyNIxwoAMbYOMKBAmCMjSMcKADG2LgqwR0OB9EvrFarHcDxwzHRAWSvQhrIdZR5gorDFY11DlcaURSurGgppiSeGFzZ0aTxROCqgiaJ5w1XNTQpPMK5btXH9xOuCLiqTlOJ6erVOMKBdSVcCeDG47FV+0ejkdh9qc+B2Opiz7lKNM4WLHsNEoCFwBWJliIWiQc3zgcObdm55vsAoq0jHPgs77/D2bat2+2+XdtyubTaDNDWVaJxLmgpmAHME++m4LTWh8lk0jSNi6Joq7W2mhlI60oPZ9s2g6W13s/n8+/m936//0VrXbc9arri3QTcYDCoh2G4m06nT+12+6fBWq/Xn4bD4XMcx43ZbLa/BnhXcOk6ZgZtGrBYLB632+0vg9RsNj/2er0Xc/wxrb225t0VnFnT4jh+SJLkMUmSbafTeWq1Wj8M3Gaz+bxarZ6DIGgGQfAShuHrpTXvLuBMe6Io2hu0RqPxTSkVKqV+K6UelFIfjtPSvH49vo53u91XgzeZTOrv7baEI9zf3lzaVTlVL2x5l+C4OYBwaYzHkXcAeQA+oiCPlWzxeMuVaZ4t3Okh99qB9/QjXI8iJlv6W650gC54fKwENu/afanEI/TKNO7amc4Wy3eKpvlKwblO2zz+11AYnPlgZGfNItiuedkcshFk/wbatrdNBZkaaUYCzrV9EmC+bSsVnM8XiGZvonHo4H1yhAP1CoOT2iDAcXvFfNC81zjCeXx3kjurx2U4RwtvXBVb54smMlXzONM518chIIEmCleF5kmhicOVGU8SLRe401lT9MYhjXU6Nq97VYel5Z+3SoPmCXRujIXAoeBlyhEO/DYIRzhQAIyxcYQDBcAYG0c4UACMsXGEAwXAGBtHOFAAjLFxhAMFwNgf7hgQbYPVwg4AAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.icon-chat-setting {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAANBJREFUOE/tlDEOgkAQRWcwW2jHEbR0r0FolJIrEL3F3ELDFSjRhnCNpdQj0GmxkTVj0GCBZmXt2Grys3nJvJkMEpEHDh+OwME23xwqpZCJUkrTJdvkXaBHRDcGEdEEAJoWapW/gETURFE0Y0ie55fn9G1zTJJEpGmqwzBcG2N2DDTGbMqyPHIdBMEKEfefckTcFkVxYNbDWRzH07quFQDM2zZPQogl11rrCgAWX/Kz7/syy7Kre6Dzln+V3zes/60NS7dZ4L7/47UZfGzAucM7IfXeo0ssRZoAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.icon-image {
    margin: 12px 10px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAqCAYAAAD1T9h6AAAAAXNSR0IArs4c6QAABLlJREFUaEPlmVtsFFUYx893ZpfeaRNjK7ZJLexuu7NFSmeXNgG1Gn0ooQajpdjiBR9MJFxsvRSxbVb0xRiFUKOJLxrBW5aERIhGCbItUMDtFKTt2psiRiNYH7iVXnbn+8xsO9tl09JtdyuzcV5mds+Zc37/7zYz5wALOQoLS7JGyP8sQ1bKGGQRoTG0/XZdA3AfY3SJcXYqEQyfdHWdvqSxgHZRYHNU+JFeIsKU2wUaybwAfMjA4d2ebs9BtX9AgArvU5SmSAbQSx+jIOxURUAgbBTlK83ynEMvY8ZmY2Zit9ftvq4HYLGsLNX394iNMd8WRMoPWB74UKIgVIHJJtWTQk+of6rwC5OkjbL8kU8P4OEMkvS88eqw/HFQhAD7wWSVDhBRzriABZv7vadO6xFeYzKLpSWIY++PewH+AJPV3qZVm4S7Fj6ol7CZzohqOI1evHp0Iox8sKSg2KN1/qWnw6Fn62tsocz/TwGVlZXCT94LNYj+RwAgl4gucG44vEzM/czlcinz7cWoPKDCn+08/wEyLA4H5Yx3FC3N2zTfIqISYLGteFpR/Fums7IgGJr7un/8dD69EJUAk7V4LxErCFQBzj9MT1r05ZXhv9YT4gvjlYH1DPzc8ZRuBZhFqRWRklTAjJTsB2T54A1Jqki+PPRny8TDcLjfK9+vWwFx74G4z4H/ogoREeTb7CsBgHq6PG3qOTQko0pidaD5fA6o8BbR3oBEj6pzCRxq+7zy8ZgKmK8EHYd37EDCtdocBoG/2NvdfkL3AlR4s016jZA9psFygK/7vO1vxTyEYu2BcXh7PSE9ro0NjB/asH7Nm06nE8PnizoHYi0g9KNqIu6/qV5X8cZU8Gq7rgSYbfZXUcHKkLD5tqaqwjkdvK4ELBEdLzNUqibh+Xc1VWuabgWvGwEmcUUdof/JYMxz/v1yW15TJG+yMQshkyhVAmOrgbHf05JYsyzL/0SSHyabvZYUrNb6ChwOL7MtbowEPiYeUFcHrg3LDQrS6qAFAS4KxpStvedaz99KhNnq2IakbJgMG+FIdlZKg9vt9kciPmoBRUVlGddHh94hUorCJwQO1xYwXuf1es5OBWMWpa2IFHzV5sB/yM5KfX028FEJKCgqvcc/6t9NhNlBC3JwM8ZKtFdsAD7GjdDUd85zJFSERbRvVhCfmbyPH83OTN0xW/g5C7DYHA4kfJuQ0iYgCAzCnoEuzz7LUqkAFbabkO7Q2rjAd/V3t3+h/rZYHZsUUjZOJiy05GSmbZ8L/JwEWKzSWmRsOxEJ6gCcwwgJvGGg0xP4iFGP/OUr71ZGR/cQYm4QVOCfM6QRInouBL41JzOtfq7wsxYQnnQAbJAboK6vU+4Jj3NJejj9yo3L7xHhvVPlAAA7lp5sr4926TLiMmoRpVUK0q6QeO9NTUiuPXPm2OB0FaO8vDxh4LfBnUj40E19BDiRkSi9Ei38rDwQKgA4tNyZvrjx5EnX8Ezlzul08n2uQ9u0Wq9WG2NhXqPX5Rqb6d5I2iP2QCABRWmVeq5eV9E20yM+fHKr9b5FfgMl9Xce/zUSsEj73CQg7hd34395Pd43OOJ+i0lNnLje5NMyP663WTUR8bjR/S+/EAdi6i5GNAAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.icon-files {
    margin: 12px 10px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAqCAYAAAD1T9h6AAAAAXNSR0IArs4c6QAAA0BJREFUaEPtWd9LU3EUP+d7N91QFkJolBDoLOdM0GnzwYcV9CAZPVRCCZkP9WRQVPQSNaL/oKJfDxH0kPUQCRbRg4uwNJmC6fLXgsDCDBKWsul2vyfuxpW7MnR332sad0/b937P55zP55z7/XB3ETSfykpvUYwSJ4BDPQAWEXGr9vpK3xFRRoBRkFjnts15nYFAILFSTLbXUQUod9cdSHA6R8TzsgVV4hHZF4Zw51hz00u/389FYC6HkSSgFB+X5ctGJEFkYbDgrckP/a8NwU+OjSx3qMozhmMA1uvWQttIKBCYyySpz+ezff0+10wExznnm7SxKVx8wwCmM8FU9hLAogVg2m6vGQ4G78a18eh0ey6STIeVRSWJw+5p+31TpgkrfL78+MxcCwC1cE72TOP/tp8hm0cGt8eG+zsQkZKj6nR5nhJRcYpATvtEqLdPVMJdDQ0F0R/RNiA8RMRzROEyxgYKC7ae7+np/IlOV+1b9bTJ3eLYk+nYrKYor7fRMRuZ2csRSpBAxyGB+RzIDURFaj6J4fPxUPAKlpbX9KuL4dGButUU9C/2+P1+9vBx11Hi8hkNibMbhoBadJmr9gIn3pz8LWFPGgG7xdqUjZEZ1RlEFgegb8Cgl1FOt8wXbqa8BmfTCCCyeVFGZiCZtBrTCBiV1EjcPwhkY2RGFZrylZgbIH6ac9qZZmTaU0iUkRlFxOM5ZY1Eg/e1JNI6INrIjCBSVlHv5XzxhoqdRsAoIxNJRBmnhelI97IE1rORaUXQjv2GMzKFiElA5EzrwTI7oEc1kTFmB0SqqQfL7IAe1UTGmB0QqaYeLLMDelQTGWN2QKSaerDMDuhRTWTM/9sByEnsDw8NzYhUSzRWaVVVISxaupaeiZ0uzzsisigLkmS5MT7y/oHopCLxdrh3t8pyol3BRMSE8vf6IyJemlxguBCLlOybmnoSFZlUFFZx8RG7zfHpFXHKTRFgYXRWeysoGl9SXSHBULonS7EX62WclLGRZFsjJ/mkWnySgN3amnzJV+aqvsQJD4pSai1wGNKziY+D15Zes24kEmrxyS5o1VLGCWLK61bart7Ya6HmanIoNywAfgabdHVysC+kxvwC0SKlujS63bMAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.icon-video {
    margin: 12px 10px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAqCAYAAAD1T9h6AAAAAXNSR0IArs4c6QAAAqlJREFUaEPtmUFoE0EUhufNNBpRWi9tPAhWm9RmU7S6Dekxolc1gqDgxV48tHoS7E0WwWPwoCcp1KAWC0KlHnI0WJGGsj1Ik9ZUbxWsB8HQ0nQ3mSebZsMaKrRmN9mR5LRkZ2f/771/3j5mgFh+/f0RXwGLNwknQ4SAD5F7rPebdQ1AdUJwjVAy54W2Z4uL6TVTC5gXfaHwxSLHu4j8YLOE7ua9AHSjjUJ8OTP/1hhfBjDE66XS/d1M4JYxHsYeGBBQtk2pNGVGnlL4TIjnsafLm8mmUutuECxFo4f0H4UQIfodzvFkOfJAN7yMXQN/SB7DEl41/jTEtx+Qh1X1qe4G4bUaZPmWJ7+pTlQhGLwGf1CeRsSj2wD7bq9k59JuFG9qCkhDEc61J9tZgFXwBwc/mtVm/5H2c26xzd+CaNhp63v+XcVGOvT0nZ03B39dXgi7OfqmNqvmFkAzMtbKQDOibn1nKwM7ZaA3KMc4IVcYgfcnujtfJJPJLacy5UgGApI8yzl6K/X5GwUez2UXZp2AcATAOmm11WX0A2Es/uVTetVOkIYBVLKhAfKE/7gvYZetHAcASqaRk5jZrtttK8cBjJZEOh0OaRq/h4iS1T5gg60aAmCIVhSFvnw1EyOUjnDOO6prA6hGCU7kltTxf1kbDQMwxQ0MRA+va/mRWlsxgIe5JfXNXiEaDiDLFzp+bf4crQWgDB6tZNRJ1wIYFpqcmrmMQEdrLWRUphvXL40risJdCRA6E5G2CsUxIRex8GX0j7IJVAMgCf+xTnE+ZEK2EoHgYIpXdvUAqHjNXO+p8Hks8mFAkurp7npuV9+zU4Vy5Duw11JYz/gWQD3Rs+PZVgbsiGI9c/xfGRB+c1f87XXRDziEP2IyqoHQh3xmORP6mNWEEPGg+zdk8RZTNE1sngAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.icon-face {
    margin: 12px 10px 1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAAXNSR0IArs4c6QAACP9JREFUaEPdWglUlNcV/n4Ghh1mBiIg1GgSazxg06SoKImN8WjUbFpjMKYJia3NQhVlUUDQKAiIgKI1J4ltom0WTWI1m+uxpiYsok2aCsdYm2gsq8LMwLDDzPTciw9HnIH5B0hP+D2/5zi+d9/97n7v/ySz2WyGAw9to9fJyalnt1anx/l/X8D58xdQUVmNmtpaGAxNaG9vR0dHB5RKJVxdXeHt7YXAgACEBAdh3LixGPfTsdCoVT10TCYTJEni15FHkguqNxi9vgGlZ75EYdEpfPfdRWj1DTAZu5lydlYwaMGg2EtMd3UZu4WicIJG5YvbbhuDyKmTMSn8HqhUvozFUXCyQFkeUl1dgw8/OYS/nyxEXV09FM7OcFUqITk5obOzE12dnSAbMIP/uv5IgER/JMDZxQUuLi4wm0xo7+iAsasL/v5++OW0SDz28BwEBQUy8N4W0Z/27AJlSbipqRl73vsrDh4+BoPBAE9PT9ZGa2srjEYTvLw8ERI8kt+RQYHw89fA3d0drq5KtLd38Lr6Oi2qqmtQUVnFL9FUKJx4HQmuubkZ3t7emDt7JhY98SumKUdr/YKyBFRYXIqdf9qNiooq+Ph4g1RgMDTzoRPCxiNySgTCwsYjMGAEFApFfwKF0WhETe0VlJWdQ2FxCc6WnWOA3t6eIH02NhoQEjISS38Tjcgpk+wG1icoE9m8JLE5vbn7Hezb/xE7u5ubKxoaDAxsxvRpePihB/GTkOAbQJBkhdVZurvlb5ZBhjb/t6ISn3x6BMdPnGRAvr7eaGvrDjIL5j+K56IXs7kKvmxJzSYoYooOpeiVlbMFJafOQKNR8wEdHZ2Yfv+9iP71IgQGBrDNC8cWgaFfNV1bQHvFWfQTBZWamlrsfmsPTnz2BZRKFxakVqtDxORwJK9aydHTck/vs6yCEhvq6rVYn74J35y/AI1GhYaGRvhpNFgWsxQRkyd2BwLzwMKvJUPC1CWJIiZQcuo0tu/YiXqtFr6+PtBq9bhz3FisS1sNfz+NTWA3gSLCJC3SUEpaejcgtQpanQ4/v2sCVsUvxy23+MN4LZeQeQ72Q+ZFfCicnHD1ah1y8rbhn1+fhUatBuVCApaZnsYaE/xa8mBVU11dXVi7Pgunz3x1DZAe0+6bisS4ZexPfal+MAGKc8ivNudvx8nPi3r4mRh+NzasS4azs/NNR94AShB5becu7H1/P+cMnU7HgNYkxbMG5eaMgYIUoZzO3Zidx8DUajXnxqiF8/H80mdvEnIPKAHoi8ISpGfmwsfHi01wQlgoMtav4TxjTdUDZdqe/eJcynOp6zbibFk5m15jYxPSUhJwb2TEjcGGyiSxicJobFwSKECQVmhj3qYMBAaO+MFMzhZIIfSamiuIX53KAie+KWAU5GdzehE4WFNiAyXWve8f4NqrqbkZqUnxLAVKkvYkU3ukPpA1gg+ypozsPHh5eoJqz6iF8zhBCxySyWQyk1Yo8cXGJfOZVKY8cP99WJ24ok8NcYK9Fi17J1JHmLeHnmB80+at+Ntnn3OZRk9BfhYXAMyP0Wg0E0Ovvv4m9u3/mEse0kpBXiaCg0da9SORbC1bA2u/2QtMDj0hxMrKKsTGp7AVUWm1YP4jeOF3z3WXUmR+Or0eLy1LQGtrG5pbWjDv0bmIeeG3fWqJiJeVf4NL31/mwvWun4VaDa/2AqM08vW/yrnQHX3rKISF3mmznxLa2vHqH3Hgo4Pw9PCAu7sbXtmeC7VK1Q3q6LETnAc4mcGM/JwMjBl9q81oR0QL/vAaDh85zsAhAVMjJiEpMZYrbXujpFhHlXv25gIUlZRym0KWM/vBGYj9/fM3NKFCQGLfxUvfIy4xtadYoDw6a+b0blDdifZL3hP+i7uR/nKKVcaEhA4eOoZNedvgp1F3N4AArtTVY0n0U3j2mSftjpSC3q4/v4s3dr+NEf5+XAQT0/VaHVbHL8fcOTOt0hPA0l7OxJl/fMW8Twy/hxOydLWu3rwiPoV7IzK/uBUvYfasGVwGUZli+QgmNmzMQVFxKTw8PHraASp077h9DIdXuQ+lkf98e5ELV5HcW1paMHXKJKxds8oqKMHf4aPHkb/1FTY/6sG25mVCKiouNWdk5cHFxZlVvS0/m3sYayYkQGVT5DlxEj4+PiBfoMBCTISGjkdu9gbZ5peQtBbl5edYSOT4VPo0NjbigenTkGQjAgv+KioqsTwumYF3dnYhNTke0hu73jK/98EBOCkUuH3MaGzJ3WgzJwlQpO6k1A1wc3OD0sWFGdE3NCA5cSX7gr21oVhHvpm1eQtUvr58dkdnJ9ra2pCdsZbdoS96dPbKhDX49uIlmIxGPPH4PEjpmblmMiWjsYsbvlUJsf1GPfKjTw8dxbt793E7QhJ+7JE5WLzocbmW17P+nT0f4MOPD7HGqc14MmoBHpozq0+tC7A5uQXcWCoUzmyyUkxsovny5QqWzNNPRfFrzZ969z0ErNFg4NaAWgK1WmW32fVGLkxJp9Nzi0OtjY/39bLHlqQEn395ey/oJcsZNSoE0jNLXjSTtCk/xa+IsRkkehM2mWjmd72X6v1vuSpzhF5PsDhyHHkFOzhfkZalqMVLzDSeoqxMTkbjKXt94nqn6vjgsbcF9BSldjSfgk8a01Gwo2qIx3TzFz7NAwaqeinGT4mYaDcoudoY7PUCVHHJaW5qqXigZ0CaGmwm5dKzqanoJS+a9cKnYmM4JPcXKOQePlTrrfmUinzKkeg3VEzKpWsz+snNU3IPHsr1NvOUnIpiKBl0lLbVikJO7efowUOxr8/aT06VPhTMOUqzzypdTj/lKANDsa/PfsqRzncomJRD067O15EZhRwmBnttvzMKR6ZJg82kHHp2TZMGMveTw8xgrbVr7jcsJ7TDdpZOpjHsvnoIex9236csHXlYfUkkYMP2m68ww2Hzdb63fw2bexQ9wIbbjRcBTIzBaM4+LO4mWQMm7xZZAPz9/fmLhNJViQ6+RdaGuro6VFXX/v9ukVmGenGngUbOP/r7fpbALM2Rfv/R38zsCxz9n7hDS/eZKu24QxscHMT3jAb7Du3/AEpgAzPGLkCJAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.icon-custom {
    margin: 12px 10px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAA8lJREFUOE9NlF9oHFUYxc93Z7PrdGvJguRNHySCrhCUBcM2FCYzd9KmsSkEAv5pH4xp65/6IFRUVKgoWLD0RSK2FpFQKwpaa0xXd+4dtlhJY1mU1YwUUwyYF7MQjZuYbmedT27YSF4vl9937jnnu1QoFDoAdFSr1X9c1x0UQlwC8CMzS631n8ViMbOysvIvANi2nWrf2ymEmACwzszjWuuIHMe5rVKp3JRS7gZQIqLPmPlBAMu2bTtTU1NNx3E6Go2GMBAp5RCALwF8C+B2AHdbluWRmbRFyUdKqQNSyvsAfA/gWi6X2zM3N4coim75vj/KzJ8S0ekgCJ4aHBzMxHH8NYC7SEppps8AmFRKHXEcx6pUKi3f9x9g5lki0kEQ7PU870kiOgNAMPOE1vqoESGlPAbgbfJ9f5iZLyZJMhKG4QXP84oA9mutX/I8bxcRTRPRL8z8EIDjbXjJwIQQ3zHz+Q1Qm/ougCPMfJiI3gJwfWFhQc7Pzzc9z3ufiMYBvKyUOtG2YkAIMQ0gBeCkUuoFyufz6SiKYs/zJonoABEFy8vLQ9Vq1ZydIKIXiehoEAQTjuNsr1Qqq1JK86x3ALyulDpuAqPu7u5MOp3mKIpaUkqTRh8z9xHREwCOJQkdCsPg7BbIqwDe2FRYLBbter2ebCjq6uoSjUZjoyu5XO4LAHsBNAGMKaXO5/PO9iiqrG4qZOZzWuuDBr64uBgbIf+DlpaWknbEHzPzIwAeVkpN9/QMZGu18pqUA2eAZAyAGTQCYFwp9UFPT0+21WrFG4UE0LJt24rj+CIAP0kSPwzDsFAobKtW992U8so5AI8y8z6t9Veu654SQjxPRCNBEFwwMJOa6Ovry9q2bSA7AThKqavm7ZlMJk6lUp8AGE6SxHi3IoTYobW+JqU8DeAwM/taa0Vmamdn5xQRuUTkBEFw2ahsNpuUzWY/B7AHwDfMfNIkCuA1pdSbRoCU0nTIPNM1zX4awCkAKwB+W19fH8hmswkzh0mS3APguXa37gTwnlLqmWKxaOzAzMzMuud5mojuNaASAGPYY6lU6gcAPxFRhpnzQohd5XL5Z9d1zbZfAfChUmrMeFKr1db6+/vvtyzrstlJA/qrvTuvSCk3O3IjSZLdYRje6O3t3TE7O/u353k+EZWZ+azW+lB7F82OXrVte8iA1gD8AeAOANuY+ZJlWc+Wy+XfjX8A4s3/Skq538RvekREPjNfT6fTA6VSKTZLe5CZH28bOq21/nV0dFTU6/UO0y3jxdZPrX1/EoDK5XLDAG6trq6m/gMaU/Xc3BYq7wAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.icon-call {
    margin: 12px 2px 0 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAJXUlEQVR42q2Xa2ybVxnH/8957VxK2qZxfInt3NzYrhMnTewm6W33AZ2EmLRNox8QTKjrJsEHPgBi8AWYQIKNSROID2hICAnxpUgwAYJqN7apa2M7yXKxE9tpkrZJmovTNGnaxvZ7Hh7VlhZtoVq1/axXR69sv8///M9znuc9hI/RFuqhogk1kx4yfYEIGUohMxFn3IVAR5S0hrIQ6YlknPFZsDUeIGzD2eyn5raDhE+JPxRVuAcsKHOgs5cmRmPssu3dVbc7+qRm7iZQylDGPybHBxZ8wUPq4mRcYweC4egu00SgxmrNDo+cv+EJHKRKZZB8OJOKMe6CgTIrS/M4+MCXrLfXN1/SzM8D8AF4hMH99Y7mZHZCRIQi6trKAm+brbEq93U292lmfrVgmj02u3tXZYVlKptMbNXaXIbD1YDc8sLdBbQFuo3V3FXeXb33WQZOEVHMUOqXAG4z831g3e9weWOZZGIp0H6IcsvzgCDBSARwvYwMuEHoZRbRjKP1Dm/OJDUtQtjfHlWrywu8owB/xyHKTgzqYFdfrdb6+wB2kUE/kmBvt7YG394q5Pcy+EFm+Jxu7xuTY/HbwXAv5cQxCc7+jghlkoNzNofzn4ZhxMHYzcz9cn1ZEfY2eb3DydH4VkiWWFzGx1Ha1AqCLnIQjE4QYk1RZ6y1pdtIxN7JV1dX/IqI3mHmo8WCPgVh8/YWoUxmfJD3ByJGfhOF9Fj8/ar6Pc8bFuMFEC0x8+kbW+Zv2nv6nKnRGO8XJz4pQJuAwGA3gBoCzb71p3+ZXKkQaO9Vo4MfbBKMV6j0wJPi2MEr2REtthLKTKUHzUuzwxrCxuI1So/FzihlnCai95nxcH7LfLn94OG6qWRCB8QJbEOZBIZAmmsB3CamBQhWUkgnY7q5tVNlUgOjDPojA3Ws+dlHTjylZIk42NGvAIjQvgMi7FSws69lNj1s+oIRS2Z8IK0qrN8mov+w5vvz+cKL7eG+6rQ4EZQ8QhmltAIEJuQBGCCugiAjIFRUVVDpluMQgQzuuDQ30wTB1EUDgtb6CW3yS8VC8Q9t7dGTFycHiy3BDkv6w/NrSuEHRHSemb+SN82nIOQLxY8EGAQqC1gs1wVP6Ucmwj39lEklzOjxBy1MOAWgmki9nhmNzzT6w8pqWIsQLIbl96TwKojsrPlFWZ7vzkyOF/cfiBrp8cQ1A/g1CCtgPBPq7HdNZ4Z1MNxHEBQZiiEo0BUAlxgcCnX32Wazw+bWVmmG66vrT4P5USIkDDZeg1BlqebU2HmGMDF+fkW2208Mg75HhKus+TuyXZ+emkiYzf4e62QqMUCg1xkcKBSLX4OQz+dVyQFVEpBJxicINMSMrkJBhyDc2DB15Phhq9Z4DEQFMiy/m0xd2GgLHTK2Vzh/qJdagz0W2QVnlVIvMrBpan060NHbOJsZKgAC898BrMn4QCjcVzstuSIiSU2Ox9gvD4RARIk7A/P9EBYuD+uNteIeAHvAvATN0yjB2IaI4apKi9nij4jl8bMkiQcgxFo/BMHubVXd0RMjAF1gQneR0A5Ba1MpQDAMDQgW9SZAi8x47ED3EQ+EzFg8B2AegJeg/eU/Ej5GaiTGFdbychLOAFgFww5hd41NnfnzLzQRjYBRo4tmHwRtmqxKQS7wnXF0YIoIZ5m5ycwXnkQZInoLQFEzng2HD++5ODlkBtt7PyEinSw1qxsqHyNSX1dQr0GwlidoMax/IylqipCFwIrYQJn9oeidRrPP7l4B8BhEhMPp/e/K8vz1gO9o5tbW9S4GHze1tkgJfm9X1W7lavIht0N5te31KNmKV3Mr81sQcstzXGp4V667PPv/Ojl2YRLCWm4RBspIcG5pCNH09MiizdHgZsajDFRKsDeuzKW0NJcJlgQCcKTO7t6YmRod3ltTb9hdXuRWPup2zW09yiwyr69dRbO3g+yNLdKI5hlCU1snZVNxbgy003pueXs7LuFobiZpnbA7PWmtcQzgXgk8Kw9ISwfM2ZyeBTA/DOBYncOdr/kCS6MZ0r4DPca+ereSi2bSg7qhsdFe5/D0GRXGcjYZz7cFI0pEQzKfIZSDf1KABMd+f7fKTAyuS+DrzHyCwWFnQ/OA2LciQrJ2h3eVmY+B8UDRtLgaGls+lNq/aXd6SWYnPaL3Pq31T1nr50DUZXN5l6RGXLKihlwtPnWt5MZOAkpcW73Kdl+ELqcTkzaHZy+YH2GtO+pdje/nluY2xInxenGImXsAfsg0zeMyOwZxdZ2t4VvM/EMAboAyYI6w5hM2h9tRWV01PpWKb/oCkmu5Bd5ZQBm320MyW7h9vvNmvtjC4PvBHHR7WgaWFq+sy3czdlfTu2DUloTgqwycBBABMGcoesVQ1pcBvgxwOzMekjHidHnHMqn4ki/YISKW+f8KkADwd0TVxNCFor3BHdNMQUhxMrXurXc2jklWL1XU1F0/Eg6dvXptdRhQq8Q8Q0RnyTB+LlX1vZp99tuyE0ZcDU1va62dAI5rxhGHo2EoOzGyGGiP3Mk3wl1o64hSdjzB/q7eOl0wfwzGEwDNEdFv9+2uOBMbOFfEDrQGo8pQCloXITVDhzt6K7eYXxAh3wRwrtJa+Vxy9IMbAaklBu7CqihsDRxUU8nBm/WOhneIlAL4CEtjup03/fUOz6zkxDKEOm9YuRo81npJRsNi6Gwyxg1SJ/bZXJbUeKzQ6HSfy2u0AXiUCcPi8lStzWncVUC5WHCbvDfmtwp6Oj10rt7pTgK0n5kfBPMX6+obmu2OxuUrU0OLa7mrpjxYry7NwdPURetrN3F5+kPdIo5IRyzW2z2HGNwP0LurK/NjtXUORbgHWtt8ajp7Ufu7+vdxofgMgx8H35nVEoFiUHjTIDWMqurLk4l3b0E40H10jy7mG7Tmp1jzSQJtWAx8Y2I8kQ20R+9NQLDzGBXzt2jh5i2+eTnFgXDUo008zsxPll9k9hBhnhmTAHIgKIAcBPYzw0ZEV4jUzzLJ2L+bpPRfSiU04d6R5OwlaL5TeCBEIn27N26ZhwE6rsFdYG4GUAsQAF4D0axSlLAQ/pIai095/N00lylVRcJnoE0sNAuapzND/JFLh/eZuuhizTUEAog3YbHMZ0curEEIyBEvve2IR/gcCHcdoq0CaKuYx6XMiMYONPo7VU1VFcv5gLENwueM9AJiaMUMUGkJwIr01PjOx/b/AUxJ2b4KaYLcAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.icon-call-voice {
    margin: 5px;
    width: 20px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAYCAYAAABKtPtEAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIKSURBVHgB7ZhNTsJAFMdfh5J0Z12xtJ6ACuyBG+AJhJvADfQEws6degLKrgmQwAmsO5ZdkvBR/08LKQaQlBmk1l/yMjPQj3n/eZ15MxpJxLZt0zAMczab2Whewa5hFzArCAITJRtpmmZtux/XeGHVxzU+l7B32BuXQgiv3++PSCIaxYSd1XXdRqfz3ERZ2eWYbPCuEd7loRxDFGc+n4+ATzE4WICIwzVYGR2w6YwIRemh6iwWC+dQQfYKwE5nMpk7VGvcpDCEE4IDa0OMHsTwdl20VYBCoVCHmux4hf4GDqw9HA473//YEAAjbiHMnxFOZxXeEvEQEdVoRKwFgPM2wr1LyQrzOPiYOKur1eRTAB750HmL0oGPSLjhSBDcgvNNSo/zDE/uj1zRSqVSBd98l1IIJvqqgPN1SinL5bImwkwurZTFuWV0p4RTd51+AUTdaqOzwan2EhFMZQKwk3CI19ox5+mYddl813W9ffdx+p3NZi18n7yDtPGMfFhapACtWCwGJBl0tjUYDJokEVW5iiAFYPQ8ksy+Dc0xKBGADy4oISgRIEn8C0BblqMU4bMAUg8Z+WATK4BDCsCzOySXF4FtYSNyGns0mAAfSBFYXe5l9ZWfA99bmclk4udyuVd0/BI/WljDDYqHg3sbGP0nUgT6Oo30lX+a0tcnvM4sf+p/mKC5EPOWl9YPiabw/cLFfFsAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.icon-call-video {
    margin: 5px;
    width: 20px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAtCAYAAADxwQZkAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMMSURBVHgB7Zo7dtpAFIaveNShhkZ0KWUedZQleAWBFZgdWKwAU6Yy3oGzAkjNw9qB1UEX0qUB8v/KyAcnRiD5TPQ4+s6BQdIRZ+afe+/M3BlD/hOWZdWq1aq52+0sSQDDMLalUsmbz+fuP89EM2i8VS6XR/hpSzrwDofDZL/fP7iu6/GGVhHa7fYNijtJJx6s8jOF0CZCq9W6hQk6km62EOJKiwjwABMu8CwZAK7hlkQDEMCRjABrtV5ZQrfbtaBMbbFYzCQmHAUgwg/JEBV+KfOdImKavEZA81A4y+XyQSJSqVQopGQJXwQIcI/CROW3KLcwERPlBGLYCBzDYCi5BFqSJERQ/+N7qi2hBDHB5hcs4Wq1WjXx4lD9WQ8CPTHSy4UkKMIY9W+y/scfWDNdfhz24qvAGPQ4YoLDoQM/6Q41DnWwimdOfCSloL53qP/2xDMn7N2TowMFgYo9/LxG73ooGTeeIMY9Y4ikjDCXPSVOwNkhEkI8HrkIoYtM4SIDyQkXzxOUizTlj4uYEGWkXMSUjBNpshS4CNyjH7gIVma2ZJxYM0a4xwQifJcUwUlanGdEy7Q5CTBJOzmMw1pvQt+VnADLHCBG9dSE6QXELlpBqCXkRgRFTTU6Erlxh/dQiCCFCD6FCFKI4FOIIIUIPoUIUojgU4gghQg+sURgIgUrs0+SEyKLwMyz2mJjit5DhncmGefiVWSn07FRjNDwIOPMFLdzLomZBc6KwKwMTP+W63Ves/dx3X/PVl3aCBWBvY9G+7tT6pbf+0ivZb73j3lThDd630Xj+zB9V3JIIAJ7tsa9BDTeDXqfqSpcj5FhdiTH+CKgsUPuI/BztKM8Y+/D9D2JAA9IScZ4OZ8AK+ihAV/8m4bxDYEv1lmjLJ1SCdByXAdZ36mk57TaWbRMm+FSkQ93JAWH/LJoYL1eu/V6nZOqj5Jy4PoDbQsobN5yvzLVQyp32nkkSYslkM1m8wsW8bXRaBgQw4yzKaILNeu9RvCf8Fr7sV6iVp02j8vh8oMkx0/U4fHvKf9vOe9iv574VGEAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.icon-down-arrow {
    margin: 0;
    width: 7px;
    height: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgBhZAxCsJAEEXnx5gUkkIUlICNhdqJN7Cz8Ryx8kB6AE/gBWwsbGzVwkYQBYNgrAy4zoYYEjPqh1122P/+7A6I1Wj33CIw0edQqdFhuz7SD6X9ht4sYAgiVy8LNGt2uq1/8NsfBTyUmnMRd4UDMqZSSBqOnMwU9OHmn4JSpb4wgT6XDl/ZIAzK1dryejn7EswKFJljfHaw2aQSk2LT0wuVcRdgb79Z7SA9Mx+CQILjb8iDyoYkysBaBSkgPxMZ/hoghJAEa70AtPJas3IYltIAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.icon-location {
    margin: 12px 10px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAsdJREFUOE+NlD1oFFEQx2fe7t7dJiypciY2sT6CIFuclzSLu1mIhSIaLIKFKJLS2sTKxC5gJypioRYS/EgVvLzANuEIeI3iVQElBItLEI4j97V7b2SO2+Oip2art/Nmfm/ezH8eAgDOzc0ZtVptuFKpQPy1223s/fQtNE2jfvv4+PjR2tpaiL7vZ5VSTwHgLABEDB4EGGBjoA4An4UQd9DzvO8AkASA5wCgnRASu/HBtwGgySAmL0sp7zuOowdBwJv//WJfz/MeAMBSB0RED7e2thanp6ctpVRkWZbI5/M1x3GGwzBEwzA6dWk2m+34BCGEvr29XXVddwUR78UZrUgpl3K5nFmpVNqlUqnluu48Il6TUl6JgzkL0zS1crmsEomEXigU6p7nLQPA4h+gQqHQ9DxvFQDuAsBPRHwPAGUi+iSE+JjP548ymUxiZGREOwnoHQBcBoAjhnS7c4qIfiDiJSnlF9/3hxn614xarVZULBZD13WfIeKUlHLStm3dsixN1/VXAHBaSjll2/ZQsVisDQQ5jpPi+6fTaVUul8XY2Njk3t7eV67R7u5u0/f9C0qpD5qmnTk8PKzygf/MqF6v48TEBG5sbDRt2zY4myAIGp7nnSOiR5qmXdzf3w+5KcdAv7efM0gmk2SaJnGGcde4U0opwzTNVhiGxqD2DxTk7OxsMgal02nBGfZLgcXbE6Trut8QsTMiiKgppVh8SUQsSCnfct04uHu1q0SUY20KIZCIWKC3iKgzIue7c5YBAIb0hhYRFzY3N58waGZmZoGIHvfNTuxbYhgHdZ6Rg4ODoSiKepBUKvWCtYSINziYiF4CwHqj0bgZw3Rdp9HR0VrnGeE61Ov1dt+wMozYHobhm64wOXbdMIzr3Tp1fNgYjw3yolqtHnuDuLDZbDYMgiCh6/prDoiiaN5xnNbOzo7R30nesyyLfgEnOZMZpXUFuwAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.icon-selected {
    width: 16px;
    height: 16px;
    background: url(../img/selected.9f4235d7.svg) no-repeat;
    background-size: contain
}

.icon-unselected {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px
}

.icon-cancel {
    width: 16px;
    height: 16px;
    background: url(../img/cancel.9457e9c6.svg) no-repeat;
    background-size: contain
}

.icon-left {
    transform: rotate(180deg)
}

.icon-left,
.icon-right {
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAJtJREFUKFOl0rEOxRAUBuAfnT2IpEO7dMILEzF4pQ7lBbrUDbmaaIcbuRbJH9/BgeScM77jPE9M0wTGWIteMymgGEIIQgjgnENKiZY9RQdSSjDGYFkWbNuG67pAKe1MBSVpFY/jgLW2gnVdXzvdoKBWcd93OOeglMI8zx3qwBN576G1hhDiRv+BoSMNXbotjjHWDv1s6/DDjXyNDxRYp93y9aZ7AAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.icon-right-transparent {
    width: 12px;
    height: 12px;
    background: url(../img/back.e172d60c.svg) no-repeat;
    transform: rotate(180deg);
    background-size: contain
}

.icon-down {
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAJtJREFUKFOl0rEOxRAUBuAfnT2IpEO7dMILEzF4pQ7lBbrUDbmaaIcbuRbJH9/BgeScM77jPE9M0wTGWIteMymgGEIIQgjgnENKiZY9RQdSSjDGYFkWbNuG67pAKe1MBSVpFY/jgLW2gnVdXzvdoKBWcd93OOeglMI8zx3qwBN576G1hhDiRv+BoSMNXbotjjHWDv1s6/DDjXyNDxRYp93y9aZ7AAAAAElFTkSuQmCC) no-repeat;
    background-size: contain;
    transform: rotate(90deg)
}

.icon-edit {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAf1JREFUOE+tlEtrE1EYhp+5lkRrvFREwYVWe1FaW0NKg1hFvGGltEopgv/MjQs3AxIsNF7aRSx2oaIo0mq1RReWegFrNcwlJDNHzsCMTU2aLDwwTAjfeb73fc/5RhFCCP7DUpoFyX6KohC9N/duGiQ3+n6Apqk1YQ1BkYKV1a88mJ4lk+6lr6f7H9iWoCg+acnK5Xm/9JFkMkE208+pwXSVu7qgSEmxaPNh+RPHuo6Qn37Mwrsl2g8d5ObEaLMgWSe4NzXDm4VFsgP9nD09yOzcc/p6utjbtqfKXk1FkZqZwhwvX83Tun0bv34X6exo5/rIpebCDoRAVRSevXhN4clTkokEIgio+D6Xzw9xvLuDqGajtypFQRCgqipvF5fJPypgmgYK4Holzp3JkjnZ2/geRXY+r6xyd/Jh2EzXNWzbZSB9IgTVu4yyNlQUFfxYW8fKTeG6HqZpYjsOnUcPMzp8ATlHUl2VHeXvP7E1CbtjTfLl2/cwF8dxObB/HxPXhjEMveE0KkEghAR7pRK3bluUy2V832dnagc3xkfC355XQtXUWJEcc9MwSKVa4waxIrnByt1n7ec6LS0mY1cvYttOGLqEREve8kqlQtvuXYyPXQkPJ84oKpIFEqhpGrquh1nJjfLZuAQiBEhVcYN6n5GtTqhWYI2nv07Mm0/wD7ZEFtoGKot4AAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.icon-voice {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAHgAAAABtdYANAAACAklEQVRIDa1VSytFURS+nnlFlIFHSibk1Z0YiPIDKGXARBkzMDEwMxA/gZKMiMw8EhkYKBMjKSNC8hh4pDwGnt/HXd3lnLUvzj2rvru/8+1vrbXPOfvsG4kkH5UosQ4UJF/KX6EU0hHwAWwCGUCo0YFq7wAbEDNA6DGEitKAY1/oHVBwEpAmF+B5YTfJQsFT1WQ0SIN0JEUTJPaoBk/g5Qm8vqlUKPPAPVDvm40LO6DyqIbj8u9sXCWegOc4UrqVb9fhMeVqqLcqecR0fb/cZ+WrcPhMuVclPoC7vtxl5Rvks/1rzMK4FzPnYmx3JK4pvUEacAdwgiC3gi9vTk10Kq7psbooI+8H5M3LSM2KRoji2bcM0Oq8nkMlSDI1K4ogiufGMkD74eEjKjSMlkYbd4hEthDP+MPDBiseAy8tjXoJf2JxKcQz+jxcLQvKrZO77kAfB1uewnLZompt83y5A3iuS1Feu6JLTWworunXzokJPFn/HNwdb4DcKb9uKyYgimfMMlhaJkR9kC1ZJmgpwDkgDZodPp88oJJewF2rb1K+K3D5kEETRxqmFwCujM1cMYUJWT35v4JNeOC5ogYTr4A0aHUZg+p8L1J8NWgRVx63rxTnXdS6jEH0KJIeAWkwHaSIK6cYE2eq+AF4vsscROdJsAhw9ddAFRB6sAn/iNqsyp8SEo8bVGWmawAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.icon-reserve {
    transform: rotate(180deg)
}

.icon-del {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAjFJREFUOE+tU79rU1EYPee+l/dagsalqyidnMQOOjiYQRAUaW5DQShVHHQQURcdnOJfIAhik6kQtdqYdx/NJP4gVRc3Bwc3p1YQQQImJDfp++TlR5u0akW8cJd7zz3n3O/7DvEfFoc5BCABsTMzUxA5CqAFpUYwCWtXWKl8G2Dj95sAyeUU1tcdFgptm8lcBnAJZA2AMyREAa76xnyUdNpFtboRi46o/OvPKLOzDkuljXY2e1Oi6JwAXwjsATDWJWUsDkB6giLynaQnItYjz9OYrzGiV4fp6WPiOAcocgfAewCvIeJDKRciUXeTHQC3AbwkELqu+46l0o+tmvQd2UzmhZAF35iSzM8nWSzWY7doNn1WKo2W1s8hsuiH4dLgF1sk6bTLarVjtX4rwD3PmGdtrT8l6vUpm0yeInDFM+Zk914k74fhw7i48ZuR7jCXi/okd31jgrbWa24qNWlrtbMkb3hBcNxq/UaAvG/Mo51Ocjm1ncRq/TmRSh2ytdppAtc9Y050ScgFPwge70riGWOs1mtes3nQjo9nCFzbdPIXJFUhH/hB8LSTzV5wlFpqAfvdKDrslstlq/WqkPndnKyKUvf9cnl5YLc7H4Puaf0K5KIXBMU/dWcBwBGSyxGwT5HtSEQpQCKRhAIuisgZLww/xFGJ67jVnf7QydzcXtto3CIwCZE2GM9ib1RBuhH5ZCwIVn4ZwEFuhi9/l6XtmB0BjAFIp4eTO8o1MSFx1oYPfwJaFk4haJPoLwAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.icon-work {
    width: 36px;
    height: 36px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABEBJREFUWEfdmGlsFVUUx3/z9k4fLVINNnEBpTXEpbaNG1QFNW2sbSBx+YIxEauBuFaxIp/6CRGXugaiiImRLy4JxFpto0JCwS201iWEFgWXpJJQpO3r29+MOb1vMqC8N699tW28yUsmb+7c87vn/M+5Z0YDqG8OXe726G1o2hKgQP6bxhHBNPenkuHmjrbgD5rAuLx6p4ZWCpiANo0wYmrcpok5aCTCdVpji9EB2q1AAvBOM4xlLm3b/ERrbDFHgeAMgfzTbEiAjBkIU6b9mwIkMZw14/8H5NJAS+el+NrI0995eUhgonGIJVXE/R4I+PKDmjSQeCUag/Lzoe4aBdT5NfT/DgE/TFaZEwJyu2zth2OweAFsWguBdPWKJmD9Fjh4FHS/PTcleZzjmBBQOAqGAUEd5LplFdReDfF0yHwe6PoGNu8APQChMLhc6jrXkROQuF9+NRUwNwjdffDbMdi4BmqugEQayOuB7u9hw1a4YL6afzKk5kuILfFng3MEGtdKHB69E+qvU0sJzMNtUFkGrffZepG5rW9B7wC82qygZHR8CS+/rwTvpK2sQGJAdj9/HmxdBz4fJBLg88JL78GHe6BhKdxcrQx/fgDa98Hty+CxuyCeAK8X4nFY8zwcOwHixWxQjkDJFBTp8NrjUFKsNCS6aN0On30LZxfDovMU0OE/4Pgw3HIVtK625w4Nw0MvwkgYPO48gMSI1BrJqJuqYe1KKAhAx3545QNYUQOrG2COroBGw7C9HXZ1wyN3QP0SiERhy0744oDKPKfC6aghMSSFeGgEFpRCUSH09kPjUthwz793K2He+A58tA8qy2FkDI4OQkmRanycRk5AUkfurlVeKvDDzr1QVQ6XXQRyz6pP1vWPv0DPIVh5A0RiyjvvdtnzJp1lohWpJffeBqtqQfQkGtjTC5cuhHPmnt5iWu3m8ZPw0xG4sdJ+ZkcXvP2xqmGiw0wjo4ckTBJvyYrXn4DSEntx2bGE46w5Zwb6a1SFVTxqbWJwCB58QWWt6DJT+DIDaWox0cybT0GwwM6a3T1wZVl2oO8GYHmV/UwoAvc/qzSVLdOcgXTYth4K8wQai0DTJufUzw3oaSgM5OehsSg0PTMVQIXwRouqNRJ/0ZRoqKJMpXLSsN+bRBcelyoRfQNKQ9YzUqMe2PwfhUyyrGJRdg31HYZllbZX8w6ZlZaSoiuuh0suhFhcnWNSZxaWKl0lUqd7yOsGMX5kUNUpOc/8Pjj0K+zaq46dSdch68HxPuiUPJWwSQZmOiSlWksmWW2JdQTl0hflVKlP7RRlcQFx6m3ONCeXzjEnIKfzZyrvz0qg2fYqbYyCNks+NpghrWFd7FPN5asDpFX3TKUeJrDWuG3TiHdqy5sOVgfnlbeD69yZ/GAFxp+hE/0N0mUIVJVefPFzLrfnWtCm+ZOeGTFSya/Cwz8/uXvb4p6/AQgE/yviFTo5AAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.icon-public {
    width: 36px;
    height: 36px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAA8JJREFUWEfNmEFoXEUYx3/f231116w2JFg1ppVaS9XaQxVUtNBbQ6E0N/GkB88lFBq8SEVaD1KkIvSoZ+lFCqJWRPDQNunBCoamaZXaBmstoRvTNS/pvp2Rb+Y93ELszsZHkrkszHu785v///u++WYFYPiHxg4qleOIvApUdW4FR4K1Z1lYOHhqd+1ncTDV6mngccACsoIwulS+5h8kyZDsH0u/kkj2Ak0gXmGYfDm3tjX2axkeb91BqK0SyL3LWhoyfL5lVsGm/9q/VSD1cM2MZQPlkV/0bpYFFAmkajRQjsBanypFjK6AVBXlSFrQG0ME1JuwLoKyFAMVDKQwLaAk8OagsLtfHND5Wcun1y3zrWKggoHUpr9TOLBZ2PeoYDKPdP7MbcsHVywPRCCqVGahPsvfC7UzCEjVSa236cSOiIfL3joX2NYrd2DCMJ34eQWKI29tTykUxb8XDNS0sGGdB6qW/q33KpQCHLpo+GkOXu6FNwaEh2I4V4eTN7yUoedREFD+gwp1ZJuwc73gqpeACvDbvFdooALHt0c8WMI913j7/HfLZ9OWmqoakIpdAd01MFiFd7dGbMx6gpm78OEvhvFZeGtQeHuT0DSg8aNA1xI4OGGcrSEqBQPp5mKBudR7vXM9lIELcz6+FGDvI8LIUx5Ih8bR5Ybl0EXrnoeMYKA8y56swtAG4YmKr0M3F+G7GctkA/pjOPpMxNM93h79jqr3/Qz0FGlZDvNaH4xuuTeoddeq0ImrhlN/Ql8Mu/rFfY7XLb/O42IqJH6CskyV1tjZVIWPsoB1FmX6qztapXXBdyaNq9wv9YqrSdcSy4W/QJNB7Q6I6c5pr+rcSWEkK4gKowDtI2/5bi1qNolTJJ+71LAcvWyZTcOggmJId3/sOWFbzVfopQK0ffe5PTqn8OduW45klbyTSh2B8h/9eLtP9fs13fli7QLqnKo6MmFcvVIr7wdVKNBSaZ1v4PCUYbzeOdtWDOi9KcNYUUBacdUyzbRuG3BVSDOycIU+eT5yxbDbi1v+/vtThjN1Op5pHS3TANU6MrpF2NUnrhELPQYURtVtpHD4kuF64rvL/xXUWcvjDsZaVl9CzqT8HVdYre+NQtrcjgq1L77cC5PGkKraqQYFHR3tQIEH9pIChsB0DdSNVct9dw1epdfanw37zy5+I+V4CKz2gtoErsZIQco2bZ6WPV9Mvlgd2PolEj3m7w9BrW+R0Nbd5qy5mdy4sk8TR/acnHyhsnHzMSnFr6zGX3q21RxbmL46+u3rz/74D2h6vEx9UDTNAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.icon-meeting {
    width: 36px;
    height: 36px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAA6NJREFUWEfNmDtMU1EYx//nPqBIoQRFaIEgBBGMBCMmEowxcSEqJupg4qKLiTHGwcHFhbjo4OBg1Jg4qIsJi4P4YNEYIjAYEIhBEAUMFFBBSgtFem+P+W57mlL7gkLbk5SS23vP9zv/73XOZQBQ0vm+Fib1DmOsEUAWXUvicHPOO7HsuTrReHiAEQzLUtsBZgXAAbAkwpApv00+xd2eJlba0/kKjB0F4AGgJhlGmPPZ5vw1K+3tcgIwpwgk1KyLgLwpcFOk9XMCIh+mzUgIiKJfYqtzwMu5EaXrHesCkigRGfDX6zU+uh9BBkOmJBkfuuRdB9qagIQiTp0QOHZkmFBl2oICVTEE+eXRMLy8hLGVZTAw5Mgy1qpY3EAEQ64gmIM5ubhcWIxDORaYJXmVd1y6jg6XA/dmJvHBuWBAiWfjcWNcQDShDkDjHDeKy3Bxuy0wNylAv0n+eAqOqIc/7WiZHIfCGAg7ntiKCSRW5+Ecj8qrcDxvK3Tum5oCOrSs0y8ESUNmDC/nZ3FhdBiq/95YUDGBaNJ5TcPNknJcKrQZKtE1GvS3ZXIMI8tuPK6oNoyK3kPfBE7qPJix4/rEKPIUJbCYSO6LCkQKuHQNDdm5eLGr1ghk0kSoRt9NQ/3oXXThW90BI16CmyH9L545MTSA7sUFmGUloGA4qOhAYHB6NTypqEaz31VCHWH49NfP6HMvon9PPbKl1UBkkFSiZ9rmZ3H++xfkSErUchARiFa/wjlsagbe1tTBIiv/rZ7uOUlASy4M1O43Mk70IRFbAtyhazgy2Ae7ZwUZfteuSSFalUPT0GTJx7PKmv/2JcJQKFC4/Yu4dnZkEO2OOViixFJEhQhoTvPg3LYi3C2rDEgvVhXssk/uRXTt3muoSKqSAiZGhcA3hNuujI/g6e9p5CtqxOBOGOjY0ADeOf/ApmYaKhKQldxcXRcIcioDtMCEgeJx2S37D3Q4HTAZAc1B9apAVXG/bCeyJClQDCmmEnJZrKCOpw3QPRsW1EYljpL2wbEUNltC4ifhtBetIVJhjEehDS+Moh+Fax2xjiab0jpEv6LJ06a5CqhI24/g7h7a/Tdl+yFiJewGzWyBWU7BBi0YilRIiy1scFalzSY/NNXT5hgUTw1a7z1peZROs5cNHzveQFaa6JQDwHfiS/7w2da1dmZta61XbCVtYKwopS+sOJ/W7BPNlCjM+rx1n1pivc0VpSEVr/SYpnV7JqauTZ060/MPvgtJSwaxm2IAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.icon-room {
    width: 36px;
    height: 36px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAA4lJREFUWEftmN1rFFcUwH93djazm03Y9MXGKq3Qqgj2RamEaqEibTArKnQpwQ8sYn2ookS7zUOjIBUEfehf0Bd96mNBbC2UUsViQUKsUApFsAGNmpqYTprdnZ2dW841Q9fo7GRDvgoeGJa5s/ee3z2fd0YBdO24/aZKpr7UWG8DaRmbRykqgp91pdRz6ZvXbymBIdl8GVgKaEDNI4yoCnUOUZnoVF35e5dAbQUqQHKeYUJ1k7r1tyqXH3I1tCwQyFNqFYyrrvxQsABuitq/FiDx4aKRF0Bxrvj/WUgpsKy4fUU/r1Ybm1vXQgLj+1AsSSI2LjK/OW0hv9OVSKAQpi1rsWG909Ciolzml8uaX26UKZX1tOdHAiUSMPZ3wPauDMcPZxHTy9h0ResnUL0nR7gxUKYlo8waMl5PooEsGHMDduYy9BzK4nnPAgVaY0nre45LRLFtQ98XI1y5VsJOKuwEJJP1/RdroRAoykKiONCQmBL4oYWOfPYXfw76HP0ky/0HVb4679KcVmbO86QhIMk2cYNX0Zw6M8qqN5J051twmhTBZAOyphjgh5+KrF3TxMtLEgz86lE48QjHUZGumxHQ47GAvQcfMvo4YPXKJPv3tLKxIxUZGgIrm+m/6dF7cg6AJNg/PjLMxITG8zR+FTZ1pAzYitdss/sw1QVG7iUh5sxCAnTg8DDuP5qUI9mjuTPos+fDFnp72oz7aotpeD+nQAePDuO6momi5qWsRXc+w85tGRNPtSKxqycB5xSoe/9DU/g6t6TZt6uV9iWJp1xVCyXVXkrAwC2PQt8sxlBYGMUFF752WbO6iQ3rHAMi19SeJ2OlUoDjWOaZsZAEddNMsmyyMO7IZTh2KEs1eLbWiBVMuhPdgE+fHWX5MpuPdrfSf7NM4cQIzalZqkO1rUNAJJOiGmdt65Ba1PGWY8D/uF0x1TqqhUTWITGxO6557900nxfaqPgzOIZo+LTvEb/97pl3HdmEZGW9flb3+BHWj1fabVNH4hpjbSCbiu5phh48ORCFloxbI/bEKAtUfIna6fb5//4nEHHNdOqqsUC1u2scqTGrGl0vXoNizLwoLbS4XqVz+XuuRi2Sjw16XG394O53SiU6QfuAPZNMmoU5Pihb6+pltTl3fX06/epFUO0L+8FK3y8WB7fJ4UVtfv/qOqd1xTlL2R0L8Ukv0P71snun8OP37/T/C2rc5TFaF3blAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.icon-system {
    width: 36px;
    height: 36px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACpCAMAAAHy0MbyAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJYUExURQrBYAvBYRPDZhzGbCXIcSrJdSHHbxjFaQ7CYwzBYSnJdEzSi3bcpqLnw87z3+X47uj58Ov68uz68+n58ef579/36rzu05Djt2TYmz7OghnFai/KeIHfrcPw2OP47fz+/f////P8+Nb15K7ry1vVlBrFaw7CYlDTjqrqyPP899j15YrhsxDCZFfUksDv1vr+/C7KdyzKdq3qynLbo2HXmf7//rTszhTDZo/jtk7SjCjJc7nt0fX9+THLes3y3/3//oXgsA3CYjTMe5HjuA/CY8/z4IDfrRbEaLft0GbYnO779Pb9+cLv1x3GbNL04ub575zmv5flvEDPgzDLeaXoxIzitPD79TXMfB7GbeL47F7WlhLDZavqyfj9+03SjN326YvitEbQh3jdqO/79CLHcLHrzE/TjSPHcOT47vH79rHrzUvSivf9+vn++8zy3lXUkdf15SDHblnVk+D36ybIclrVlGfZnHjdpznNf1HTjhfEadv26I3itUfRiMfx26Pow0HPhJPkuZjlvMHv1zjNfkTQhWnZnhvFa8ry3TLLepXkurbt0Gvan4LfrknRiV/Wl9X05HHbo7/v1Z3mv8jx24jhskjRiTrNf8nx3Mvy3WLXmUfQh0XQhu3681LTj9n15ljVk2XYm6/ry+H37Or68bXsz2PYmjfMfW3aoLvu0zbMfTPLe77u1S7KeErRirDrzNr253fcpkPPhSvJdafpxr3u1N736n/frPL89o7itW/boWDXl3ndqJvmvvv+/Xveqsbx2tz26fT8+BHDZD3OgYTgr4fhsQAAAKRC35oAAADIdFJOU/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8A9ppxxwAAAAlwSFlzAAAXEQAAFxEByibzPwAABVpJREFUaEPt2zuP2koUB3BaN1dCLikwols5fVb5Cim3QaxEtNomDdJKaHWbbaBASPcTUKVBShv6NNH6e2Uefxs/5u0H7NX5NXiOzwwjY+yxPR4N422MhYqEw/KFiDbiZ3UY0V7D1ThizDMiAmIcIkIURaycxlGEQCFLRvUvlDJ8/j+MP2OhTGymxoqxCDc2ioz6/mgo5hB1C39BtBZGkEFAQIiLERKiKN2xtc0ffpSkD1MsVhzxSZxgoydLlA2QKfyLmA7S4Buiaitk5RBWQ04BYTXkFBBWQ04BYTXkFA6IqyCl5AvWNGB9DVbWYW3NGWvVZGOZsb8X8i+MAiHe5rOFeYfMbcSuliQzlA3WSGUQ0fqGPAExHWRJvxFUwzk2h6gacnKIqiEnt0VYCTm5FcJKyMlVzrB1yMl9tFzTBn5ASgFxFWRc6I+YSCjDmoZGDzisq8PaKuWQR52qaTi/BKjB2jo28mZjb7k2TkRRLGv9lCcgTUdrkiQbpbZTVk5003VYH2X3lo4SQkiAN3EokhYbBNuqDFWkN6xqoTRWKmt5d2SJZhSQESQfAyohJwRa0ECSvzka0LhHmrcZGtBYI80b6usYR1kG7ARuRO1KH63d0D8GausFdfiAykbI9fAdNS0+Id2RU2cl1HCivHrQ8bgPihpuvqOSi/RxFRd4XSwyU1bEIndKUcVbym8fYplhBeNlswfWVIJuTXh35WIH7lhjvEHhAcEuRO9/ZKOrPSKEEEIIIVey+e+f8Wy8e3V4yuxuWb4AV02QCFO/rH9CvB3FLRPlbB5P6lsmWBnuBQ3VYXUwNNPg8NTPhA+o1Vr9eKb7UUgJUnt8WDFHTgDDXTkGSQHM97ncHt6ooAGN4NtctstZZHnbo74O0rxpHsgVkObtHvV1Qq+4be2G3hCndiVqV6J2pb7afUJ9HbcpYk316Xx15smAeqiuhzxPW9TWq8xQdmW9u+53J7VQ3Dc0CJgCa98KHJLd2c5tOaQ7QzUr46yoJpeNK3ndY85QyYXPcApV3KCOA9cfTZqglp1fu+7/utT9Z9NNoFJLj2s8nuBYZSxx1dKd919OTKxixLOiNC+OnnkJBdtUKzN+ALo8gub/byy2xVq6bMRKoR3WxekjllfsJw1+fl7H+pjEfHd65ztKV90did/q8hynw+lmomEIfi6mdEKr284nx02y7GlPU+4IIYQQQgghhBBisVxuNptOp4j0YpOt60/wF/MfN9nvHzt0UGH2OfTJUT9eTdMipPmt9Hhj2K4Vr6hwTYcFOuOiu3lUYZauWzZ31S3s90hD2F3vQKF4xdBudq3/3G90wFfoc+t2grYtN75Gf1/x5QEWaGJAL7YpBSah0w3C2SZWGI0HPzzoJ0+66GZ2rDuPV+tUWkyvDGKbvGOx7vbxn9UnfG+g1cDnirbdfUE7A6Hu9om62yfqbp+ou336YN1tMTjn4oFPwm5TR/U6m+flJOCKvSr8vZQA5ZlggQa8/jn7TMTU8ZpZ20ary7SLfMpiv9J2V2klsfuE3WBHfFcnMjTal32buwsKcfgbcQ463bRSfxeZ6Rpf0a2A9xtcTLo4fKn0soH3fAp6P/o4xfWw3+amPfzhetpzuR2+olv3fMp89+56HJ1F+4kCdpQTihVnuc/HB5TLDpOB75VJE9GjZKX6cow1Bx0xWkR4A+AB5ZIU58Gejq5hnnGUaxxCMdacnlC+EZP8qHwqvwyB/ZZF0xt7RSJdF4eN6Wl7PP7asoHmFNv2J5JuyVk3Wnu8yt/fKkq32Jwlq/tbflMmet/e/ZEdncZfj0Gvvw4s35ztXpkjhBBCCCGkrdHoLzv9X1u4OdoGAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.icon-words {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAAXNSR0IArs4c6QAACSZJREFUaEPdWgdQVHca/22hLks3xkI1iWhyFy92RYmJ550md95dNGeL5kxsUQEbYMEgMYoUFYUYzYkxxjKnY05nxJzGiiW2RHNqLAiMCcYC0mFZttx83/JnKAs8Vtj18mYcGHn/977fV35fezKj0WjEr+ySNQWK8D6NmGUyGehfY1ejoAwGAx9s6rCtDCyULZfLzYpgFhQBogOVlZW4fOUqrv94E48fF6CqqspWOGBnZwdPTw9079YVPV5+CQ4ODhBy1heqAShx47fnL2LrFzuRnXMXRhghb8Lc1kJqMBohgwwB/r6YNHEs+vXpZRZYHVAC0L/3H8CGjWmsHScnJ2g0GraSLSmFdEryODo6oqKiguWZMW0y/vLnNxoAqwElAJ09dwExsavg4qLimysrtQjq+jx8fTpBrlBYyygN3mPQ63H3p1zcuHkbDg72HB6lpWWIWRqJ/n171wHGoCjwiBC02iqEzY3CTz/nslbs7JSYPXMqBg3sbzMw9V+ccfos1qduQlWVjq3l07kTklfHwd7ejpmayY0QCSudO38JH8bGQa1WoaysApELwhAyaABrga7WpHeDgQSAZHYVLEwWOpFxBqsSkqFSOaGkpAzLlkahb5+eNdaqA2rL1u3Ytfsr2NvZ4fnnuiAp/iNQZqaM0FrULhQjnie0K8UVmMqr5ZkXEY3bmXegrarCmNF/xT8mjTcPKnFNCo4cPcEW+eOw1xEeOgN6vQEKhfl8IEWQ2vcQexGLGg1G3Mq8A08Pd7Rr513jNlKeJ+RZu24Dvj50hJX9+mshmD9nlnlQK+PX4GTGGZBrvDFiGEJnToVer4eiFQhCbzBAUR3cn2zcjOMnTqGdtzc+jl2Czp07SgYm5FmXugkH0g9BLpdh8KABWBgxxzyouPi1OJFx2gRq+DCEzmodUEKQrOwcJCStR2ZWNrw8PZB77z4WR81lr5CqvBpQKZtw4KAJVMiggYiKCJcAqhUsJQiGgvvY8VNI2fAZ5zwXFxeuUIKCXsDHyxbD1VX9RJayGijBqDqdHkRAe/buh7OzE7tyUVERXhsyGLM/mMr5sCVkYc792hwUCUiASPi8vHwkrU3FhYvfw9PTHRqNFnq9Du9OHIfRb42sSREtYVarg6pdPV/54SoS16Ti0aM8uLu5orC4mONobthM9HzlZQZuSRdgVVC1889X+w5g85ZtkMnlcHJ0QEFBIXr0+C3Tbvtn2kkmBXMUbzVQIibKy8uR+ulmHPrmGNQuLuxeVJ+N/NNwTHlvEtdsUlmusZxlFVACUG7uL1gRvwa3bmfCzdW1RvhZM97HqyHBdciAXI8qflEmPXUxJUAtXBKLi99dhqeHBxeaBr0BTs6O+M1LL6Jjh2cRGOiPAD8ftG//DOzt7esYon7p1FRlYVVLLV22EsdPnobaRcXMp1QqWTbqfUykIGdK9/byhI9PZwT6+6JLl0D4+HRCh2fbcysh5bIqqPsPHmLf/nRk3skG/V5QUN3+y2RcIBNQEpxaBq1WC6PRwP2Zs6MjuncPQuT8MKjVpjhsyh2tAsqcdouKinHvl/vIyspBVk4OsrPv4sGDh3hcUMjFMXWv7HIEQC7Hw4ePEL1oPn4/dAhEjWhTohAvFzmqsdyTl5+PkpJSLkK/Pny02npylJdXsIUS4mK54XtqLSUA8pS0erBB7vfDf68hOWUjVxpEFkXFxfD382XX6xLo3ywgepzN3E9Yr3bVsOtfe7Hlix1sIcpXhUXFGBw8AOGh0+GqVjc67qrvhjYFJQpaSsjrUz/D4aPH4e7mxpquqNBg3JhReGf820wKjc3vbFpR1H65qaA1MiHQ9Cc+MRk3b2XyILK0tJRJInz2dAwK7l89+5BxTyT1somlaoah5y5gdfIGLpOICKj+CwjwQ9SCMAT4+1lcLtkEFGmc4mfrtp08GrZT2qGgsBCvhgxE2KxpULcgfmzufsJCe/buwycb0+Dt5cVzRE2lBhPGjsaEcW8zuxEZtsTdbEoUAtTyFYk4cuwkj6tVzs4IC52G4AH9LO6fbApKJM07WTlYl7IRzs7OmPLeRAQGWB4/reJ+rTUiq10VtISupTBgi0dkCavX4+ixk6Ch44g/DEXY7OktZikBqLnFmBQATVkqef2nSP/PNzwcpSHOgrmzzY/I/pm2DRTo1DZQ5Ry/IoZzzpMEtqXCN3ZOyBOxKAbXr9+ATqfDqL+NxPuT3zEPKuPUWSxfmcR5hbaIMdFRPCQhk5su6UmS7iZlNNZG0Pi4ZZdp30415KXvriDmozhOGVQkL1k4ryaZU3tTZ5VTVlaOWeGRyM/PZ2Hc3FwRtSCcV5LNVc+NCWjunCXPEmdoVRuXsBbU3tD/eXl5IWXtKqhUznVXOSSQCGgamsQnroOHhztbSyaXoXfP38Hf1xcKpbSlm2nXpeVz3bp1rXm2EKxCo0H6wcOm50tcu+p1euTcvYsLl77nBQNZiaqUiPmhGDZ0SMOlW+2eiF6S9vl2bN+5Gy5qFVcEVJSSu0h8P09UKjVa+Pl2wpqkFfBwd69OvBSfcmzavBXbd+zmXAZezjR/UdKmepJSRZWuCqUlZRg/djQmvzu+gRc1WGQLbaYfPIQvd+7Bo7w8KBXKJuOjfkGrUCrh5OiIwoJChAwOxqKoORzQREBHj2VgVWIyz88pViu1WkmRKgplnV7H658JY0ZhxPBhZsOiyU8OyLxnvj2Pa9dvsA/ragjDvGbpxSR4weMCXrGSJWhuPvODKRj55nBkZmYhakksA6R76e9U5IpFQlP2UioUHOMvdg/CgP592PqSPzkQD7YkaQorl5WVgTZ9P+fe490xAY1eOB+fb9uBH2/cgkql4p4qJjoCvXu90qJ+Sop8zX7GY/p2wbQelRLUQhlXr93A4uhYJhex36Wf1MYXFhZxLIz9+1uSAdUeEVDCtegznuZDt/E7xERo1+692Jz2JbsNxY9SSWucEs4pND2yhNqlyNWkpaQ8oLn8tGTpcly4dJlTRElJCTp27IDEuFgG+n8L6v79B5gXGQ2atVNLTzvebkEvSHY7SxTbZpYiYYQlaNd7/MRp9Ovbi6uTtq4n2xRUbWD1E7wlFpB6ps1BCWBiBih1ESAVgLn7rALqSQS05OyvEtT/AGvF2sufTq7yAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.icon-evaluate {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAAXNSR0IArs4c6QAACQdJREFUaEPdWglUk1cavQkJELKwih5FWupS7WlHqhYViyi2dFpX7Hg6nc126nFqsUABEVzYlLIIFFSkw7Edna2dcSpFx3bG1gWouIwL1mkrilp1aBUVMCEEss75XnwxYNgKIZb/nJyE8F7+d9/93v3u994vMJlMJgyyS9AVKML7IGIWCASgV2dXp6CMRiPr2FVnRxHMJ1soFNocgk1QBIg6tLW1ofrMf/H1NzVoaGiETqdzFA6IxWJ4eXnisfGPInDC43BxcQEfZ8dB3QeKNzx6/AR2/PEDXP72KkwwQdgF3QOF1GgyQQABAh72x5LfvIypQZNtAmsHigP6ePdeFP/+fTY7EokEra2tjCVHSgrNKY3H1dUVGo2GjWf5736LhfPn3AfMAooDOnLsP0hNz4ZMJmWN29q0GPfoGPiPHAGhk9NAkXLffYwGA65eq8O5mgtwcXFmy6O5WY3U5FWYNuWpdsAYKFp4JAharQ7RsYm49r86NitisQhvRi5DyPRpDgPT8caVh49gc1EJdDo9Y2uk3wgU5mfB2VnMlJqJGyHiLB07fhIp6VmQy6VQqzVYtTIaoSHBbBbocqS8cxUmhsorq5C9sRBSqQQqlRppyYmYEjTJwlY7UH/Y8Rd8uLMUzmIxxowehbyc9aDMTBnhQZB2JuV3xxOXsA4Xai9Cq9Ph54sj8OqSX9oGlfvOFuw/UM4Y+Wn4bMRELYfBYISTk+180NOYJKZ5aHSWW3r6W3w8BZuK8a99+9lkzw4LRfxbK2yDysx5BxWVVTAaTZjzQjiiIpfBYDDAqQ8CwcHwQXf8u6dgeDs+nk1FJdj7yT4IhQLMCAlGUsJbtkFl5RSgvPKwGdTz4Yha0TdQHMCJk9U4Xf0lJvzkcQQ9NdHCWm8BUXsLqC0l2PupGVRoyHQkJsT0AFQfmeLis++zg9iYvxmUZyjPxceuwHPPhnXqBroDaoupAQHFGVKr1YiMTsDt2w1wc3NDS0sLvL29UVSYDalU+oMYcxgoztKuj/fg3ZLtUCjkFmaUShVeX/YKFi2c94PYcgioeyy1ICo2CfX19SyRU2KnBEkJ09fXF5vyMyGVuvWarQEFxROz3mCAWCRC2Z5PUFS8DXK5nMkuqSmpFbVTqVSIXL4UC+a9AJ1eD9Fdde1JLrQrKHPuoaRsTsz04izR2omOI5ZuMYYmTwrE+tTVWJf6NkgJiTFf3yEozMuEm5vE0o/XSfx3beU0u4GylWuo9mpqugNVsxoHDlaAnD6JAznq9JQkTJoYiJOnqpGclsmcPwEnhx02awbkMik8PNxZjWR92bqP3UDRjb88+xW++roGN27cwPX6m2hsaERjYxNaNK1s5mm9UJhNfHICMtLXWthYk7wBp06fYWGpVrcwht0krvD09ICnlyeG+Q7B0KG+GD/OXAx2vPodFFe10rJ/YmvxexAIhWxQFCYkBiKRkIUktdNqtew9KyMVTwY+AT2tHZEIp6vPInFNKuvj7GwuISiE9XojExFuqeg98vXXELFwbjuV7FdQPBQozN6IWon6+pusYDOZjNDrDWjRaCByEkEicYWHhwLuCgVzJeTLeF/+Tv6S3MAdpRJNTUpoNK3QG/Rwk0ggEjlBIBCitbUNPj5e2Lo5FxJ2H3NZ0a+geBjQDEbHJuHipcssgdKAHnpoJBYvmg93dwWGDPGBp4cHC7/uLgq/xqYm3Lx5C3fuKLFz125cuXKNTQz9LyDAH5vys9p5z34HxcPv+IlTSM/IYcxQ+NBrxfKlmBn6NPON5Me62vGx3qni7Q+Vf4EtxdtYqNGLwnXd6pXt6qR23s/K0PbZJnFgh6uOITu3kG3ICIQCNDe34A1aAwvm9Lhc4WVEadlebH33PchkbjAZTaANllXx0ZgePOU+19HvTFmHILFz9NgJZOYUAAITxE4iqJqbsWzpK3gxYl63ToGvkY9K96Bk23bIZTLoDHrAJEBSQgymTplss+yxGyjrMKBkmpGVx8TC2UUM5R0VEldGM4HobF+Of0+CkbWxEAp3ObRtOiYSaxLjWLLurI6zKyhrYNVnzrI9gzatliXbwAlPIHNDcqdscZaS1qaD+lIydnF2Znsi1LerwtTuoAgYeT3ybvkFRdj3+SEmEsFTg7B2dbyFKWtLRWHLmdrwdi6qjh5n4hL+zEzExkRafq8z5RwQUPzmCUkpbHuaDOovXnoRS379MlMwodCJAb23Hk0wGg0sEe/40wf4698+YgaYtpNzMtO6ywL2yVO2vBnllOVvxoFqJQq/hPhozJ41w6KC58/X4vyFixg7ZhTGjh1t+X7/wQrk5Bay8KOaq3hLHqRuXZcjdmeKh9Gly98ifpV5DZmtUQrGjxuL2ouX8Y9dZag6cpx5QvJ4wdOC8LNFCzB6VAC+OXceiWvS7lolAXKz0/FIwMNdFo8DBooGnZaRw+wMGVWS5AOHKvHZ5wfZyQk5D35RiU9u/NlnZiFsZghLCWR8Na2tSFmTwEB3ppp2S77W4cdv/uHfS/H+9j+z/XdaK3RRGaJQyFiotbRoIJNK0axWs/qJ9hGVymZWbjCx0evZvvhrr/4KLy2OeDBA5eRtxv6D5WzgFB68uFOpmpkpnT/3eYTOeBrlFV9g955Pcet2A+RyGQNEE0P7isQg1VYJcVGOBWWgAQmFyCsoYqW6j483Kx+oAFQoFHguPAwRC+bC28vTkrNuNzSCSpd/7zsApVLJRIJKkFu3brOSPy4m0rGgeBK9cvUaO1ioq/ueqRgZW3Ltw4YNtRhb63KfPl+/fgM7d5WhvKKKOfThw4dhfcpq+Pv7dWmx7C4UFD4cGJUQNTW18PMbDr8Rwy2h1fHcuKN7r/vue9TVfYfRox5hx5/dbUsPCChrYNYJlj5bJ92OWZVcRMc23QHqu/r1ci+dM2AeaM9PSczg7h6W9eBcudd76fY49ejW9/SyQa9PPex1PtXLcXfZvNfnUz+uk8S1uFB7qfuTxEF15jsoT+e5XSHVGjTPUdzLL+ZnkgbNEy8dgQ2aZ5M6Arv3FNk5NDQ0PQBPkXngsfHjev8UmTWwQfW8HwdmbX36M4H29be6m+wuHzft680d1f//I0xB6breuAsAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.icon-star {
    width: 17px !important;
    height: 24px;
    background: url(../img/star.3c18a93d.svg) no-repeat;
    background-size: contain;
    margin-top: 2px !important
}

.icon-star-light {
    width: 24px !important;
    height: 24px !important;
    background: url(../img/star-light.709b5120.svg) no-repeat;
    background-size: contain
}

.icon-back {
    width: 27px;
    height: 27px;
    background: url(../img/back.e172d60c.svg) no-repeat;
    background-size: contain
}

.icon-left-arrow,
.icon-right-arrow {
    width: 27px;
    height: 27px;
    background: url(../img/arrow-left-center.4b6ec3e0.svg) no-repeat;
    background-size: contain
}

.icon-right-arrow {
    transform: rotate(180deg)
}

.icon-zoom-out {
    width: 27px;
    height: 27px;
    background: url(../img/zoom-out.3766657b.svg) no-repeat;
    background-size: contain
}

.icon-zoom-in {
    width: 27px;
    height: 27px;
    background: url(../img/zoom-in.456fb3ee.svg) no-repeat;
    background-size: contain
}

.icon-refresh-left {
    width: 27px;
    height: 27px;
    background: url(../img/rotate-left.188ae0f2.svg) no-repeat;
    background-size: contain
}

.icon-refresh-right {
    width: 27px;
    height: 27px;
    background: url(../img/rotate-right.141c58fc.svg) no-repeat;
    background-size: contain
}

.icon-bottom-double {
    width: 12px;
    height: 12px;
    background: url(../img/double-arrow.f52d2ec3.svg) no-repeat;
    background-size: contain
}

.icon-c2c {
    width: 20px;
    height: 20px;
    background: url(../img/c2c.b248b930.svg) no-repeat;
    background-size: contain
}

.icon-group {
    margin-left: 40px;
    width: 14px;
    height: 14px;
    background: url(../img/startGroup.d788a01c.svg) no-repeat;
    background-size: contain
}

.icon-msg-del {
    width: 20px;
    height: 20px;
    background: url(../img/msg-del.9eb99c3e.svg) no-repeat;
    background-size: contain
}

.icon-msg-forward {
    width: 20px;
    height: 20px;
    background: url(../img/msg-forward.cb0a365a.svg) no-repeat;
    background-size: contain
}

.icon-msg-copy {
    width: 20px;
    height: 20px;
    background: url(../img/msg-copy.7123628b.svg) no-repeat;
    background-size: contain
}

.icon-msg-play {
    width: 20px;
    height: 20px;
    background: url(../img/msg-play.696af1da.svg) no-repeat;
    background-size: contain
}

.icon-msg-reply {
    width: 20px;
    height: 20px;
    background: url(../img/msg-reply.73aecc33.svg) no-repeat;
    background-size: contain
}

.icon-msg-replies {
    width: 12px;
    height: 12px;
    background: url(../img/replies.19cf39c9.svg) no-repeat;
    background-size: contain
}

.icon-msg-resend,
.icon-msg-revoke {
    width: 20px;
    height: 20px;
    background: url(../img/msg-revoke.920c8fae.svg) no-repeat;
    background-size: contain
}

.icon-msg-resend {
    transform: rotate(180deg)
}

.icon-msg-quote {
    width: 20px;
    height: 20px;
    background: url(../img/msg-qnote.1e95321e.svg) no-repeat;
    background-size: contain
}

.icon-close-h5 {
    width: 20px;
    height: 20px;
    background: url(../img/icon-close-h5.fe6507e9.svg) no-repeat;
    background-size: contain
}

.icon-download-h5 {
    width: 20px;
    height: 20px;
    background: url(../img/icon-download-h5.2d61380b.svg) no-repeat;
    background-size: contain
}

.icon-download {
    width: 20px;
    height: 20px;
    background: url(../img/icon-download.760edee6.svg) no-repeat;
    background-size: contain
}

.icon-error {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #ff584c;
    font-style: normal;
    font-size: 12px;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.icon-expand {
    width: 20px;
    height: 20px;
    background: url(../img/expand.03b9e71c.svg) no-repeat;
    background-size: contain
}

.icon-collapse {
    width: 20px;
    height: 20px;
    background: url(../img/collapse.c6a9abdc.svg) no-repeat;
    background-size: contain
}

.icon-close {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    border-radius: 50%
}

.icon-close:after,
.icon-close:before {
    content: "";
    position: absolute;
    background-color: #8f959e;
    height: 16px;
    width: 2px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -1px
}

.icon-close:before {
    transform: rotate(45deg)
}

.icon-close:after {
    transform: rotate(-45deg)
}

.plus {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative
}

.plus:after,
.plus:before {
    content: "";
    position: absolute;
    background-color: #232832;
    border-radius: .5px;
    width: 1px;
    height: 14px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.plus:after {
    transform: rotate(90deg);
    width: .5px
}

h1[data-v-36a6a69d] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.read-receipt[data-v-103b5294] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 11px 20px 0 rgba(0, 0, 0, .3);
    width: 368px;
    height: 510px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

.read-receipt-menu-open[data-v-103b5294] {
    left: calc(50% + 150px)
}

.read-receipt .header[data-v-103b5294] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 30px;
    padding: 10px 0
}

.read-receipt .header-title[data-v-103b5294] {
    width: calc(100% - 40px);
    text-align: center;
    height: 30px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 16px;
    color: #333;
    line-height: 30px
}

.read-receipt .header-close[data-v-103b5294] {
    width: 20px
}

.read-receipt .header-close i[data-v-103b5294] {
    width: 12px;
    height: 12px
}

.read-receipt .header-back[data-v-103b5294] {
    width: 20px
}

.read-receipt .body[data-v-103b5294] {
    padding: 10px 0;
    width: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.read-receipt .body .body-tab[data-v-103b5294] {
    padding: 10px 0;
    width: 100%;
    height: 55px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    border-bottom: 1px solid #e8e8e9
}

.read-receipt .body .body-tab .tab-item[data-v-103b5294] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.read-receipt .body .body-tab .tab-item-title[data-v-103b5294] {
    height: 20px;
    opacity: .8;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #000
}

.read-receipt .body .body-tab .tab-item-count[data-v-103b5294] {
    height: 35px;
    opacity: .8;
    font-family: DINAlternate-Bold;
    font-weight: 700;
    font-size: 30px;
    color: #000
}

.read-receipt .body .body-tab .tab-item-now .tab-item-count[data-v-103b5294],
.read-receipt .body .body-tab .tab-item-now .tab-item-title[data-v-103b5294],
.read-receipt .body .body-tab .tab-item-now[data-v-103b5294] {
    color: #679ce1
}

.read-receipt .body .body-list[data-v-103b5294] {
    width: 100%;
    flex: 1 1 auto;
    overflow-y: auto
}

.read-receipt .body .body-list-item[data-v-103b5294] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.read-receipt .body .body-list-item .avatar[data-v-103b5294] {
    width: 36px;
    height: 36px;
    margin: 10px 10px 10px 0;
    border-radius: 10%
}

.read-receipt .body .body-list-item .name[data-v-103b5294] {
    width: calc(100% - 60px);
    height: 20px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    letter-spacing: 0
}

.read-receipt .body .body-list .more[data-v-103b5294] {
    text-align: center;
    color: rgba(0, 0, 0, .3);
    font-size: 12px;
    padding: 10px
}

[data-v-103b5294]::-webkit-scrollbar {
    width: 4px;
    height: 140px;
    background-color: transparent
}

[data-v-103b5294]::-webkit-scrollbar-track {
    border-radius: 10px
}

[data-v-103b5294]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d8d8d8
}

.read-receipt-H5[data-v-103b5294] {
    z-index: 5;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    transform: none;
    box-shadow: 0 11px 20px 0 rgba(0, 0, 0, .3);
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0
}

.read-receipt-H5 .header[data-v-103b5294] {
    padding-left: 20px;
    padding-right: 20px
}

.read-receipt-H5 .body[data-v-103b5294] {
    padding: 0
}

.read-receipt-H5 .body .body-list[data-v-103b5294],
.read-receipt-H5 .body .body-tab[data-v-103b5294] {
    width: 100%
}

.read-receipt-H5 .body .body-list-item[data-v-103b5294] {
    background-color: #fff;
    padding-left: 10px;
    display: flex;
    flex-direction: row
}

.read-receipt-H5 .body .body-list-item .avatar[data-v-103b5294] {
    border-radius: 10%;
    padding: 0;
    margin: 10px
}

.read-receipt-H5 .body .body-list-item .name[data-v-103b5294] {
    width: calc(100% - 40px);
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #efefef
}

.read-receipt-H5 .body .body-tab[data-v-103b5294] {
    height: 22px;
    padding: 15px;
    width: calc(100% - 30px);
    border-bottom: none
}

.read-receipt-H5 .body .body-tab .tab-item[data-v-103b5294] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    height: 22px;
    font-family: PingFangSC-Medium
}

.read-receipt-H5 .body .body-tab .tab-item-count[data-v-103b5294],
.read-receipt-H5 .body .body-tab .tab-item-title[data-v-103b5294] {
    height: 22px;
    font-size: 15px;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    font-weight: 400;
    color: #8d8d8d
}

.read-receipt-H5 .body .body-tab .tab-item-count[data-v-103b5294] {
    font-size: 17px;
    font-weight: 800
}

.read-receipt-H5 .body .body-tab .tab-item-now[data-v-103b5294] {
    color: #147aff;
    padding-bottom: 3px;
    border-bottom: 2.6px solid #147aff
}

.read-receipt-H5 .body .body-tab .tab-item-now .tab-item-count[data-v-103b5294],
.read-receipt-H5 .body .body-tab .tab-item-now .tab-item-title[data-v-103b5294] {
    color: #147aff
}

.read-receipt-H5 .body .body-message[data-v-103b5294] {
    background-color: #f7f8fa
}

.read-receipt-H5 .body .body-message .message[data-v-103b5294] {
    margin: 10px 0;
    background-color: #fff;
    padding: 5px
}

.read-receipt-H5 .body .body-message .message .message-info span[data-v-103b5294] {
    padding-left: 10px;
    padding-right: 10px;
    width: 94px;
    height: 30px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px
}

.read-receipt-H5 .body .body-message .message .message-cont[data-v-103b5294] {
    padding: 0 10px 10px 10px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #111;
    letter-spacing: 0;
    max-height: 100px
}

.read-receipt-H5 .body .body-message .message .message-cont p[data-v-103b5294] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.read-receipt-H5 .body .body-message .message .message-cont-img[data-v-103b5294] {
    max-height: 70px
}

.replies-item[data-v-c1a2ea1e] {
    padding: 15px;
    width: auto
}

.replies-item-normal[data-v-c1a2ea1e] {
    padding: 12.8px 15px 0 17px
}

.replies-item-normal .message-bubble[data-v-c1a2ea1e] {
    padding-bottom: 0
}

.replies-item-normal .message-bubble .avatar[data-v-c1a2ea1e] {
    width: 48px;
    height: 48px;
    border-radius: 8px
}

.replies-item-normal .message-bubble .message-area[data-v-c1a2ea1e] {
    padding: 0 0 8px 0;
    margin: 0 0 0 16px;
    border-bottom: .1px solid #dbdbdb
}

.replies-item-normal .message-bubble .message-area-title .name[data-v-c1a2ea1e] {
    font-size: 14px;
    line-height: 20px
}

.replies-item-normal .message-bubble .message-area-title .time[data-v-c1a2ea1e] {
    font-size: 12px;
    line-height: 18px
}

.replies-item-normal .message-bubble .message-area .content-in[data-v-c1a2ea1e],
.replies-item-normal .message-bubble .message-area .content[data-v-c1a2ea1e] {
    background: inherit;
    border-radius: 0;
    padding: 0;
    line-height: 22px
}

.replies-item .avatar[data-v-c1a2ea1e] {
    width: 36px;
    height: 36px;
    border-radius: 5px
}

.replies-item .message-bubble[data-v-c1a2ea1e] {
    width: 100%;
    display: flex;
    padding-bottom: 5px
}

.replies-item .line-left[data-v-c1a2ea1e] {
    border: 1px solid rgba(0, 110, 255, .5)
}

.replies-item .message-area[data-v-c1a2ea1e] {
    max-width: calc(100% - 54px);
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 8px;
    flex: 1
}

.replies-item .message-area-title[data-v-c1a2ea1e] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.replies-item .message-area-title .name[data-v-c1a2ea1e],
.replies-item .message-area-title .time[data-v-c1a2ea1e] {
    padding-bottom: 4px;
    font-weight: 400;
    font-size: .8rem;
    color: #999;
    letter-spacing: 0
}

.replies-item .message-area-title .name[data-v-c1a2ea1e] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.replies-item .message-area .content[data-v-c1a2ea1e] {
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    word-wrap: break-word;
    word-break: break-all;
    width: -moz-fit-content;
    width: fit-content
}

.replies-item .message-area .content-in[data-v-c1a2ea1e] {
    background: #f2f2f2;
    border-radius: 0 10px 10px 10px
}

.replies-item .message-area .content-in .message-img[data-v-c1a2ea1e],
.replies-item .message-area .content-in .message-videoimg[data-v-c1a2ea1e] {
    width: inherit;
    height: inherit;
    max-height: 100%;
    max-width: 100%;
    max-height: 300px
}

.replies-item .message-label[data-v-c1a2ea1e] {
    align-self: flex-end;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #b6b8ba;
    word-break: keep-all
}

.replies-item .message-file[data-v-c1a2ea1e] {
    flex: 1;
    display: flex;
    cursor: pointer
}

.replies-item .message-file .message-file-content[data-v-c1a2ea1e] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.replies-item .message-audio[data-v-c1a2ea1e] {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    max-width: 100%;
    overflow: hidden
}

.replies-item .message-audio .icon[data-v-c1a2ea1e] {
    margin: 0 4px
}

.replies-item .message-audio audio[data-v-c1a2ea1e] {
    width: 0;
    height: 0
}

.replies-item .reserve[data-v-c1a2ea1e] {
    flex-direction: row-reverse
}

.replies[data-v-43000c27] {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 400px;
    overflow-y: auto;
    border-radius: 8px 0 0 8px;
    position: absolute;
    right: 0;
    height: calc(100% - 40px);
    z-index: 2;
    top: 40px;
    background: #fff;
    box-shadow: 0 1px 10px 0 rgba(2, 16, 43, .15)
}

.replies .header[data-v-43000c27] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 30px;
    padding: 10px 0
}

.replies .header-title[data-v-43000c27] {
    width: calc(100% - 40px);
    text-align: left;
    height: 30px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 16px;
    color: #333;
    line-height: 30px
}

.replies .header-close[data-v-43000c27] {
    width: 20px
}

.replies .header-close i[data-v-43000c27] {
    width: 12px;
    height: 12px
}

.replies .header-back[data-v-43000c27] {
    width: 20px
}

.replies .body[data-v-43000c27] {
    padding: 10px 0;
    width: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.replies .body .body-message[data-v-43000c27] {
    border-bottom: 1px dashed #e0e0e0
}

.replies .body .body-list[data-v-43000c27] {
    width: 100%;
    flex: 1 1 auto;
    overflow-y: auto
}

.replies .body .body-list-item[data-v-43000c27] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.replies .body .body-list-item .replies-item[data-v-43000c27] {
    flex: 1
}

.replies .body .body-list-item .avatar[data-v-43000c27] {
    width: 36px;
    height: 36px;
    margin: 10px 10px 10px 0;
    border-radius: 10%
}

.replies .body .body-list-item .name[data-v-43000c27] {
    width: calc(100% - 60px);
    height: 20px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    letter-spacing: 0
}

.replies .body .body-list .more[data-v-43000c27] {
    text-align: center;
    color: rgba(0, 0, 0, .3);
    font-size: 12px;
    padding: 10px
}

[data-v-43000c27]::-webkit-scrollbar {
    width: 4px;
    height: 140px;
    background-color: transparent
}

[data-v-43000c27]::-webkit-scrollbar-track {
    border-radius: 10px
}

[data-v-43000c27]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d8d8d8
}

.replies-H5[data-v-43000c27] {
    z-index: 5;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    transform: none;
    box-shadow: 0 11px 20px 0 rgba(0, 0, 0, .3);
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0
}

.replies-H5 .header[data-v-43000c27] {
    padding-left: 20px;
    padding-right: 20px
}

.replies-H5 .header-title[data-v-43000c27] {
    text-align: center
}

.replies-H5 .body[data-v-43000c27] {
    padding: 0
}

.replies-H5 .body .body-list[data-v-43000c27],
.replies-H5 .body .body-tab[data-v-43000c27] {
    width: 100%
}

.replies-H5 .body .body-list-item[data-v-43000c27] {
    background-color: #fff;
    padding-left: 10px;
    display: flex;
    flex-direction: row
}

.replies-H5 .body .body-list-item .avatar[data-v-43000c27] {
    border-radius: 10%;
    padding: 0;
    margin: 10px
}

.replies-H5 .body .body-list-item .name[data-v-43000c27] {
    width: calc(100% - 40px);
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #efefef
}

.replies-H5 .body .body-tab[data-v-43000c27] {
    height: 22px;
    padding: 15px;
    width: calc(100% - 30px);
    border-bottom: none
}

.replies-H5 .body .body-tab .tab-item[data-v-43000c27] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    height: 22px;
    font-family: PingFangSC-Medium
}

.replies-H5 .body .body-tab .tab-item-count[data-v-43000c27],
.replies-H5 .body .body-tab .tab-item-title[data-v-43000c27] {
    height: 22px;
    font-size: 15px;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    font-weight: 400;
    color: #8d8d8d
}

.replies-H5 .body .body-tab .tab-item-count[data-v-43000c27] {
    font-size: 17px;
    font-weight: 800
}

.replies-H5 .body .body-tab .tab-item-now[data-v-43000c27] {
    color: #147aff;
    padding-bottom: 3px;
    border-bottom: 2.6px solid #147aff
}

.replies-H5 .body .body-tab .tab-item-now .tab-item-count[data-v-43000c27],
.replies-H5 .body .body-tab .tab-item-now .tab-item-title[data-v-43000c27] {
    color: #147aff
}

.replies-H5 .body .body-message .message[data-v-43000c27] {
    margin: 10px 0;
    background-color: #fff;
    padding: 5px
}

.replies-H5 .body .body-message .message .message-info span[data-v-43000c27] {
    padding-left: 10px;
    padding-right: 10px;
    width: 94px;
    height: 30px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px
}

.replies-H5 .body .body-message .message .message-cont[data-v-43000c27] {
    padding: 0 10px 10px 10px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #111;
    letter-spacing: 0;
    max-height: 100px
}

.replies-H5 .body .body-message .message .message-cont p[data-v-43000c27] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.replies-H5 .body .body-message .message .message-cont-img[data-v-43000c27] {
    max-height: 70px
}

.image-previewer[data-v-09cbf3ec] {
    position: fixed;
    z-index: 12;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .3);
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.image-previewer .image-wrapper[data-v-09cbf3ec] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.image-previewer .image-list[data-v-09cbf3ec] {
    position: absolute;
    height: 100%;
    left: 0;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center
}

.image-previewer .image-list .image-item[data-v-09cbf3ec] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.image-previewer .image-preview[data-v-09cbf3ec] {
    max-width: 100%;
    max-height: 100%;
    transition: transform .1s ease 0s;
    pointer-events: auto
}

.image-previewer .image-button[data-v-09cbf3ec] {
    position: absolute;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: calc(50% - 20px);
    background: hsla(0, 0%, 100%, .8)
}

.image-previewer .image-button-left[data-v-09cbf3ec] {
    left: 10px
}

.image-previewer .image-button-right[data-v-09cbf3ec] {
    right: 10px
}

.image-previewer .image-button .icon[data-v-09cbf3ec] {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 40px
}

.image-previewer .icon-close[data-v-09cbf3ec] {
    position: absolute;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 3%;
    right: 3%;
    padding: 6px;
    background: hsla(0, 0%, 100%, .8)
}

.image-previewer .icon-close[data-v-09cbf3ec]:after,
.image-previewer .icon-close[data-v-09cbf3ec]:before {
    background-color: #444
}

.image-previewer-h5[data-v-09cbf3ec] {
    width: 100%;
    height: 100%;
    background: #000;
    display: flex;
    flex-direction: column
}

.actions-bar[data-v-09cbf3ec] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom: 5%;
    padding: 12px;
    border-radius: 6px;
    background: hsla(0, 0%, 100%, .8)
}

.actions-bar .icon[data-v-09cbf3ec] {
    position: static;
    font-size: 24px;
    cursor: pointer;
    margin: 0 6px;
    width: 27px;
    height: 27px;
    margin: 5px
}

.image-counter[data-v-09cbf3ec] {
    background: rgba(20, 18, 20, .53);
    padding: 3px 5px;
    margin: 5px;
    border-radius: 3px;
    color: #fff
}

.TUI-conversation-item[data-v-5e075d3e]:hover {
    background: rgba(0, 110, 255, .1)
}

.TUI-conversation-item .left .num-notify[data-v-5e075d3e],
.TUI-conversation-item .left .num[data-v-5e075d3e] {
    background: red;
    color: #fff
}

.TUI-conversation-item .content-header label[data-v-5e075d3e] {
    color: #000
}

.TUI-conversation-item .content-header .name[data-v-5e075d3e] {
    font-weight: 400;
    color: #000
}

.TUI-conversation-item .middle-box span[data-v-5e075d3e] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999
}

.TUI-conversation-item .middle-box p[data-v-5e075d3e] {
    font-weight: 400;
    color: #999;
    letter-spacing: 0
}

.TUI-conversation-item .middle-box-at[data-v-5e075d3e] {
    color: #fb5059 !important
}

.TUI-conversation-item .content-footer[data-v-5e075d3e] {
    color: #999
}

.TUI-conversation-item .content-footer .time[data-v-5e075d3e] {
    color: #bbb
}

.TUI-conversation .selected[data-v-5e075d3e] {
    background: rgba(0, 110, 255, .1)
}

.TUI-conversation .pinned[data-v-5e075d3e] {
    background: #eef0f3
}

.TUI-conversation .dialog[data-v-5e075d3e] {
    background: #fff
}

.TUI-conversation .dialog-item[data-v-5e075d3e] {
    box-shadow: 0 11px 20px 0 rgba(0, 0, 0, .3);
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, .06)
}

.TUI-conversation .dialog .conversation-options[data-v-5e075d3e] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #4f4f4f;
    letter-spacing: 0
}

.TUI-conversation-content[data-v-5e075d3e] {
    position: relative
}

.TUI-conversation-item[data-v-5e075d3e] {
    padding: 12px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.TUI-conversation-item .left[data-v-5e075d3e] {
    position: relative;
    width: 36px;
    height: 36px
}

.TUI-conversation-item .left .num[data-v-5e075d3e] {
    position: absolute;
    display: inline-block;
    right: 0;
    top: -5px;
    min-width: 10px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 2.5px;
    height: 15px;
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    border-radius: 7.5px
}

.TUI-conversation-item .left .num-notify[data-v-5e075d3e] {
    position: absolute;
    display: inline-block;
    right: -1px;
    top: -5px;
    width: .5rem;
    height: .5rem;
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    border-radius: 65%
}

.TUI-conversation-item .left .avatar[data-v-5e075d3e] {
    width: 36px;
    height: 36px;
    border-radius: 5px
}

.TUI-conversation-item .left .online-status[data-v-5e075d3e] {
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 24px;
    top: 22px;
    border: 2px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .102606);
    border-radius: 50%
}

.TUI-conversation-item .left .online-status-online[data-v-5e075d3e] {
    background: #29cc85
}

.TUI-conversation-item .left .online-status-offline[data-v-5e075d3e] {
    background: #a4a4a4
}

.TUI-conversation-item .content[data-v-5e075d3e] {
    display: flex;
    flex: 1;
    padding-left: 8px;
    justify-content: space-between
}

.TUI-conversation-item .content-header[data-v-5e075d3e] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.TUI-conversation-item .content-header label[data-v-5e075d3e] {
    flex: 1;
    font-size: 14px
}

.TUI-conversation-item .content-header .name[data-v-5e075d3e] {
    letter-spacing: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px
}

.TUI-conversation-item .middle-box[data-v-5e075d3e] {
    flex: 1;
    display: flex;
    align-items: center
}

.TUI-conversation-item .middle-box span[data-v-5e075d3e] {
    font-size: 12px
}

.TUI-conversation-item .middle-box p[data-v-5e075d3e] {
    flex: 1;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 16px
}

.TUI-conversation-item .content-footer[data-v-5e075d3e] {
    line-height: 16px;
    display: flex;
    flex-direction: column
}

.TUI-conversation-item .content-footer .time[data-v-5e075d3e] {
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    max-width: 75px;
    white-space: nowrap
}

.TUI-conversation-item .content-footer img[data-v-5e075d3e] {
    width: 16px;
    height: 16px;
    margin-top: 5px;
    align-self: flex-end
}

.TUI-conversation .dialog[data-v-5e075d3e] {
    position: absolute;
    z-index: 20;
    padding: 2px 20px
}

.TUI-conversation .dialog-item[data-v-5e075d3e] {
    top: 30px;
    left: 164px;
    border-radius: 8px
}

.TUI-conversation .dialog .conversation-options[data-v-5e075d3e] {
    padding: 5px 0;
    height: 17px;
    font-size: 12px;
    line-height: 17px
}

.list-item-h5 .dialog[data-v-5e075d3e] {
    left: auto;
    right: 18px;
    padding: 0
}

.list-item-h5 .dialog .conversation-options[data-v-5e075d3e] {
    padding: 14px;
    font-size: 16px
}

.list-item-h5 .TUI-conversation-item .content .name[data-v-5e075d3e] {
    font-size: 16px
}

.list-item-h5 .TUI-conversation-item .content .middle-box p[data-v-5e075d3e],
.list-item-h5 .TUI-conversation-item .time[data-v-5e075d3e] {
    font-size: 14px
}

.content-header label[data-v-5e075d3e] {
    display: flex
}

.content-header .icon[data-v-5e075d3e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    margin-right: 10px
}

.content-header .icon img[data-v-5e075d3e] {
    width: 20px;
    height: auto
}

.TUI-conversation[data-v-74d50300] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    letter-spacing: 0
}

.TUI-conversation-list[data-v-74d50300] {
    list-style: none
}

.guide-wrapper[data-v-74d50300] {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    position: relative
}

.guide-wrapper .wencai-box[data-v-74d50300] {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 10px;
    margin-top: 110px
}

.guide-wrapper .hand-icon[data-v-74d50300] {
    display: flex;
    justify-content: center;
    margin: 20px auto
}

.guide-wrapper .hand-icon img[data-v-74d50300] {
    width: 24px;
    height: 24px
}

.guide-wrapper .guide-msg[data-v-74d50300] {
    width: 240px;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
    margin: 0 auto
}

.guide-wrapper .guide-msg .close-icon[data-v-74d50300] {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.guide-wrapper .guide-msg .close-icon img[data-v-74d50300] {
    display: block;
    margin: 0 auto;
    width: 25px;
    height: 25px
}

.guide-wrapper .guide-msg .title[data-v-74d50300] {
    font-size: 16px;
    color: #1f1f1f;
    font-weight: 700
}

.guide-wrapper .guide-msg .msg-box[data-v-74d50300] {
    margin-top: 15px
}

.guide-wrapper .guide-msg .msg-box .label[data-v-74d50300] {
    font-size: 12px;
    color: #1f1f1f;
    font-weight: 700
}

.guide-wrapper .guide-msg .msg-box .desc-text[data-v-74d50300] {
    font-size: 11px;
    color: #999;
    margin-top: 5px;
    line-height: 25px
}

.guide-wrapper .wanliu-guide[data-v-74d50300] {
    position: absolute;
    height: -moz-fit-content;
    height: fit-content;
    width: 315px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    padding: 20px 25px;
    border-radius: 8px;
    background: #fff
}

.guide-wrapper .wanliu-guide .title[data-v-74d50300] {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px
}

.guide-wrapper .wanliu-guide .item[data-v-74d50300] {
    width: 100%;
    background: #f6f4f3;
    border-radius: 5px;
    display: flex;
    box-sizing: border-box;
    padding: 13px 15px;
    margin-top: 10px
}

.guide-wrapper .wanliu-guide .item .icon[data-v-74d50300] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.guide-wrapper .wanliu-guide .item .icon img[data-v-74d50300] {
    width: 20px;
    height: 20px
}

.guide-wrapper .wanliu-guide .item .text[data-v-74d50300] {
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #3f1600;
    font-weight: 700
}

.guide-wrapper .wanliu-guide .btn-box[data-v-74d50300] {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    width: 100%
}

.guide-wrapper .wanliu-guide .btn-box .btn-item[data-v-74d50300] {
    width: 125px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    font-size: 15px;
    border: 1px solid #eee;
    color: #999
}

.guide-wrapper .wanliu-guide .btn-box .btn-item.red[data-v-74d50300] {
    background: #ff2323;
    color: #fff;
    border: none
}

.desc-other[data-v-74d50300] {
    width: 100%;
    background: #f3f3f3;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    color: rgba(0, 0, 0, .6);
    position: relative;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding-left: 15px;
    text-align: left
}

.desc-other .icon[data-v-74d50300] {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 10px;
    top: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #999;
    transition: all .3s
}

.desc-other .icon img[data-v-74d50300] {
    width: 10px;
    display: block;
    margin: 0 auto;
    height: auto
}

.desc[data-v-74d50300] {
    width: 100%;
    background: #f3f3f3;
    font-size: 12px;
    text-align: center;
    color: rgba(0, 0, 0, .6);
    position: relative;
    margin-bottom: 10px
}

.desc .icon[data-v-74d50300] {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 10px;
    top: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #999;
    transition: all .3s
}

.desc .icon img[data-v-74d50300] {
    width: 10px;
    display: block;
    margin: 0 auto;
    height: auto
}

.other-group-list[data-v-74d50300] {
    width: 100%
}

.other-group-item[data-v-74d50300]:hover {
    background: rgba(0, 110, 255, .1)
}

.other-group-item[data-v-74d50300] {
    cursor: pointer;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    padding: 12px
}

.other-group-item .left-avatar[data-v-74d50300] {
    width: 36px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative
}

.other-group-item .left-avatar .num[data-v-74d50300] {
    position: absolute;
    display: inline-block;
    background: red;
    color: #fff;
    right: 0;
    top: -5px;
    min-width: 10px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 2.5px;
    height: 15px;
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    border-radius: 7.5px
}

.other-group-item .left-avatar img[data-v-74d50300] {
    width: 36px;
    height: 36px;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover
}

.other-group-item .right[data-v-74d50300] {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.other-group-item .right-name[data-v-74d50300] {
    font-size: 14px;
    color: #000;
    line-height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding-left: 8px;
    flex: 1
}

.other-group-item .right-topping[data-v-74d50300] {
    flex: 1;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px 0;
    padding-left: 8px
}

.other-group-item .right-topping .right-name[data-v-74d50300] {
    font-size: 14px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.other-group-item .btn-zhibo[data-v-74d50300] {
    width: 70px;
    height: 25px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    background: #e02a52;
    margin-top: 5.5px
}

.other-group-item .btn-zhibo .icon[data-v-74d50300] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.other-group-item .btn-zhibo .icon img[data-v-74d50300] {
    width: 10px;
    height: 11px
}

.other-group-item .btn-zhibo .text[data-v-74d50300] {
    font-size: 12px;
    line-height: 25px;
    color: #fff
}

.other-group-item .btn-zhibo .text[data-v-74d50300]:hover {
    color: #999
}

.TUI-conversation[data-v-a8b11794] {
    background: #fff
}

.TUI-conversation header[data-v-a8b11794] {
    background: #fff;
    border-bottom: .06rem solid #f4f5f9
}

.TUI-conversation header h1[data-v-a8b11794] {
    font-weight: 400;
    color: #000
}

.TUI-conversation header .more[data-v-a8b11794] {
    background: #f3f3f3
}

.TUI-conversation .network p[data-v-a8b11794] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #e54545;
    letter-spacing: 0
}

input[data-v-a8b11794] {
    border: 1px solid #ddd
}

.TUI-conversation[data-v-a8b11794] {
    position: relative;
    width: 100%;
    height: calc(100vh - 80px);
    box-sizing: border-box
}

.TUI-conversation header[data-v-a8b11794] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 12px;
    display: flex;
    align-items: center
}

.TUI-conversation header h1[data-v-a8b11794] {
    padding: 0 8px;
    font-size: 14px
}

.TUI-conversation header .more[data-v-a8b11794] {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 4px
}

.TUI-conversation-list[data-v-a8b11794] {
    flex: 1;
    position: absolute;
    width: 100%
}

.TUI-conversation .network[data-v-a8b11794] {
    padding: 0 12px;
    display: flex;
    align-items: center
}

.TUI-conversation .network p[data-v-a8b11794] {
    padding: 5px;
    font-size: 12px;
    line-height: 22px
}

input[data-v-a8b11794] {
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    border-radius: 5px;
    padding: 0 10px
}

.edit-header h1[data-v-25fbecd0] {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #333
}

.edit-list-item-content label[data-v-25fbecd0] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #333
}

.edit-list-item-content input[data-v-25fbecd0] {
    border: 1px solid rgba(131, 137, 153, .4);
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #596174
}

.edit-list-item-content .gender-list-item .gender[data-v-25fbecd0] {
    border: 1px solid rgba(131, 137, 153, .4)
}

.edit-list-item-content .gender-list-item .gender-selected[data-v-25fbecd0] {
    border: 6px solid #147aff
}

.btn-default[data-v-25fbecd0] {
    background: #fff;
    border: 1px solid #ddd
}

.btn-submit[data-v-25fbecd0] {
    background: #3370ff;
    border: 0 solid #2f80ed;
    color: #fff
}

.selected[data-v-25fbecd0] {
    border: 1px solid #006eff !important;
    color: #006eff
}

.edit-h5[data-v-25fbecd0] {
    background: #efefef
}

.edit-h5 .edit-header[data-v-25fbecd0] {
    background: #fff
}

.edit-h5 .edit-list-item[data-v-25fbecd0] {
    background: #fff;
    border-bottom: 1px solid #eee
}

.edit-h5-header h1[data-v-25fbecd0] {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #000;
    letter-spacing: 0
}

.edit-h5-header .close[data-v-25fbecd0] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #3370ff;
    letter-spacing: 0
}

.edit-h5-main .list-item span[data-v-25fbecd0] {
    border: 1px solid #ddd;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    letter-spacing: 0
}

.edit-h5-main .input input[data-v-25fbecd0],
.edit-h5-main .input textarea[data-v-25fbecd0] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #000;
    letter-spacing: 0;
    background: #efefef
}

.edit-h5-main sub[data-v-25fbecd0] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #888;
    letter-spacing: 0
}

.edit-h5-footer .btn[data-v-25fbecd0] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0
}

.edit-h5-footer .btn[data-v-25fbecd0]:disabled {
    opacity: .3
}

.mask[data-v-25fbecd0] {
    background: rgba(0, 0, 0, .5)
}

.mask-main[data-v-25fbecd0] {
    background: #fff
}

.edit[data-v-25fbecd0] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.edit-header[data-v-25fbecd0] {
    position: relative;
    display: flex
}

.edit-header h1[data-v-25fbecd0] {
    font-size: 16px;
    line-height: 30px
}

.edit-list[data-v-25fbecd0] {
    padding: 20px 0
}

.edit-list-item[data-v-25fbecd0] {
    display: flex;
    align-items: center;
    padding: 10px 0
}

.edit-list-item-content[data-v-25fbecd0] {
    flex: 1;
    display: flex;
    align-items: center
}

.edit-list-item-content .avatar-list[data-v-25fbecd0] {
    display: flex;
    align-items: center
}

.edit-list-item-content .avatar-list-item[data-v-25fbecd0] {
    padding-right: 20px
}

.edit-list-item-content img[data-v-25fbecd0] {
    box-sizing: border-box;
    width: 36px;
    height: 36px
}

.edit-list-item-content label[data-v-25fbecd0] {
    width: 60px;
    padding-right: 20px;
    font-size: 14px
}

.edit-list-item-content input[data-v-25fbecd0] {
    flex: 1;
    border-radius: 2px;
    padding: 6px 10px;
    font-size: 14px
}

.edit-list-item-content span[data-v-25fbecd0] {
    flex: 1;
    width: 0;
    padding: 6px 10px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.edit-list-item-content .gender-list[data-v-25fbecd0] {
    display: flex;
    align-items: center
}

.edit-list-item-content .gender-list-item[data-v-25fbecd0] {
    display: flex;
    align-items: center;
    padding-right: 24px
}

.edit-list-item-content .gender-list-item[data-v-25fbecd0]:last-child {
    padding: 0
}

.edit-list-item-content .gender-list-item .gender[data-v-25fbecd0] {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 45px
}

.edit-list-item-content .gender-list-item .name[data-v-25fbecd0] {
    padding-left: 8px
}

.edit-footer[data-v-25fbecd0] {
    display: flex;
    justify-content: flex-end
}

.btn-default[data-v-25fbecd0],
.btn-submit[data-v-25fbecd0] {
    width: 82px;
    height: 32px;
    border-radius: 4px
}

.btn-submit[data-v-25fbecd0] {
    margin-left: 12px
}

.edit-h5[data-v-25fbecd0] {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1
}

.edit-h5 .edit-header[data-v-25fbecd0] {
    justify-content: center;
    align-items: center;
    padding: 15px 18px
}

.edit-h5 .edit-header .icon[data-v-25fbecd0] {
    position: absolute;
    left: 18px
}

.edit-h5 .edit-header-title[data-v-25fbecd0] {
    color: #000
}

.edit-h5 .edit-list[data-v-25fbecd0] {
    padding: 0
}

.edit-h5 .edit-list-item[data-v-25fbecd0] {
    padding: 10px 18px
}

.edit-h5 .edit-list-item-content label[data-v-25fbecd0] {
    width: auto;
    font-size: 16px;
    color: #000
}

.edit-h5 .edit-list-item-content span[data-v-25fbecd0] {
    text-align: end;
    font-size: 16px;
    color: rgba(0, 0, 0, .6)
}

.edit-h5 .edit-list-item-content span img[data-v-25fbecd0] {
    width: 60px;
    height: 60px
}

.edit-h5 .edit-list .space-top[data-v-25fbecd0] {
    margin-top: 12px
}

.edit-h5-header[data-v-25fbecd0] {
    display: flex;
    justify-content: space-between
}

.edit-h5-header h1[data-v-25fbecd0] {
    font-size: 20px;
    line-height: 28px
}

.edit-h5-header .close[data-v-25fbecd0] {
    font-size: 18px;
    line-height: 27px
}

.edit-h5-main[data-v-25fbecd0] {
    padding: 23px 0
}

.edit-h5-main .list[data-v-25fbecd0] {
    display: flex;
    align-items: center
}

.edit-h5-main .list-item[data-v-25fbecd0] {
    padding-right: 20px
}

.edit-h5-main .list-item[data-v-25fbecd0]:last-child {
    padding: 0
}

.edit-h5-main .list-item img[data-v-25fbecd0] {
    width: 36px;
    height: 36px
}

.edit-h5-main .list-item span[data-v-25fbecd0] {
    border-radius: 9.4px;
    padding: 5px 45px;
    font-size: 16px;
    text-align: center;
    line-height: 25px
}

.edit-h5-main .input[data-v-25fbecd0] {
    display: flex;
    padding-bottom: 10px
}

.edit-h5-main .input input[data-v-25fbecd0],
.edit-h5-main .input textarea[data-v-25fbecd0] {
    flex: 1;
    padding: 10px 18px;
    border: none;
    font-size: 16px;
    line-height: 27px
}

.edit-h5-main .input .datePicker[data-v-25fbecd0] {
    flex: 1
}

.edit-h5-main .input textarea[data-v-25fbecd0] {
    resize: none
}

.edit-h5-main sub[data-v-25fbecd0] {
    font-size: 15px;
    line-height: 23px
}

.edit-h5-footer[data-v-25fbecd0] {
    display: flex
}

.edit-h5-footer .btn[data-v-25fbecd0] {
    height: auto;
    flex: 1;
    margin: 0;
    font-size: 20px;
    line-height: 27px;
    padding: 13px 0
}

.mask[data-v-25fbecd0] {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end
}

.mask-main[data-v-25fbecd0] {
    flex: 1;
    padding: 23px;
    border-radius: 12px 12px 0 0
}

.TUI-profile[data-v-655ef028] {
    background: #fff
}

.TUI-profile .profile-header[data-v-655ef028] {
    border-bottom: 1px solid #ddd
}

.TUI-profile .profile-main-item span[data-v-655ef028] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #000;
    letter-spacing: 0
}

.TUI-profile .profile-main-name[data-v-655ef028] {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #000;
    letter-spacing: 0
}

.TUI-profile .profile-main-label[data-v-655ef028] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999;
    letter-spacing: 0
}

.TUI-profile-h5 .profile-main span[data-v-655ef028] {
    color: #999
}

.TUI-profile .profile[data-v-655ef028] {
    display: flex;
    flex-direction: column
}

.TUI-profile .profile-header[data-v-655ef028] {
    flex: 1;
    display: flex
}

.TUI-profile .profile-header .profile-main[data-v-655ef028] {
    padding-top: 0;
    padding-left: 8px;
    padding-bottom: 8px
}

.TUI-profile .profile-header .profile-main-item[data-v-655ef028] {
    padding-top: 0
}

.TUI-profile .profile-header .profile-main-item[data-v-655ef028]:first-child {
    justify-content: space-between
}

.TUI-profile .profile-avatar .avatar[data-v-655ef028] {
    width: 36px;
    height: 36px;
    border-radius: 5px
}

.TUI-profile .profile-main[data-v-655ef028] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 6px
}

.TUI-profile .profile-main-item[data-v-655ef028] {
    display: flex;
    align-items: center;
    padding: 6px 0
}

.TUI-profile .profile-main-item span[data-v-655ef028] {
    padding: 0 4px
}

.TUI-profile .profile-main-item span[data-v-655ef028],
.TUI-profile .profile-main-name[data-v-655ef028] {
    font-size: 14px;
    flex: 1;
    width: 0;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.TUI-profile .profile-main-label[data-v-655ef028] {
    font-size: 14px;
    word-break: keep-all
}

.TUI-profile-h5 .profile[data-v-655ef028] {
    padding: 14px 18px;
    flex-direction: row;
    align-items: center
}

.TUI-profile-h5 .profile-header[data-v-655ef028] {
    border: none
}

.TUI-profile-h5 .profile-avatar .avatar[data-v-655ef028] {
    width: 78px;
    height: 78px;
    border-radius: 8px
}

.TUI-profile-h5 .profile-main[data-v-655ef028] {
    padding-left: 16px !important
}

.TUI-group[data-v-f2d329c8] {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    font-weight: 400;
    display: flex
}

.list li[data-v-4cbbc4fe] {
    font-weight: 400;
    color: #000;
    letter-spacing: 0
}

.icon-warn[data-v-4cbbc4fe] {
    background: coral;
    color: #fff;
    font-style: normal
}

.btn[data-v-4cbbc4fe] {
    font-weight: 400;
    color: #fff;
    letter-spacing: 0
}

.btn-cancel[data-v-4cbbc4fe] {
    border: 1px solid #ddd;
    color: #666
}

.btn-default[data-v-4cbbc4fe] {
    background: #006eff;
    border: 1px solid #006eff
}

.btn[data-v-4cbbc4fe]:disabled {
    opacity: .3
}

.message-system[data-v-4cbbc4fe] {
    flex: 1
}

.list[data-v-4cbbc4fe] {
    flex: 1;
    height: 100%;
    overflow-y: auto;
    min-width: 600px
}

.list li[data-v-4cbbc4fe] {
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 20px;
    font-size: 14px
}

.list li .icon[data-v-4cbbc4fe] {
    margin-right: 10px;
    border-radius: 100%
}

.list li .message-label[data-v-4cbbc4fe] {
    max-width: 50px
}

.list li .btn-box[data-v-4cbbc4fe] {
    padding: 0 12px
}

.icon[data-v-4cbbc4fe] {
    display: inline-block;
    width: 16px;
    height: 16px
}

.icon-warn[data-v-4cbbc4fe] {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.btn[data-v-4cbbc4fe] {
    padding: 2px 10px;
    margin-right: 12px;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    text-align: center;
    line-height: 20px
}

.btn[data-v-4cbbc4fe]:last-child {
    margin-right: 0
}

.message-system-h5 .list[data-v-4cbbc4fe] {
    width: 100%;
    min-width: 0
}

.message-system-h5 .list li span[data-v-4cbbc4fe] {
    flex: 1;
    width: 0;
    word-break: break-all
}

.message-system-h5 .list .btn-box[data-v-4cbbc4fe] {
    padding-right: 0
}

.TUI-contact[data-v-675a2149] {
    background: #fff;
    font-weight: 400
}

.TUI-contact-left[data-v-675a2149] {
    border-right: 1px solid #f4f5f9
}

.TUI-contact-left-header[data-v-675a2149] {
    background: #fff;
    border-bottom: 1px solid #f4f5f9
}

.TUI-contact-column-item .num[data-v-675a2149] {
    background: #ff584c;
    font-weight: 400;
    color: #fff
}

.TUI-contact-column-item header main[data-v-675a2149] {
    font-weight: 400;
    color: #000
}

.TUI-contact-main-info-header[data-v-675a2149] {
    border-bottom: 1px solid #ddd
}

.TUI-contact-main-info-header .list h1[data-v-675a2149] {
    font-weight: 400;
    color: #000
}

.TUI-contact-main-info-header .list li[data-v-675a2149] {
    font-weight: 400;
    color: #999
}

.TUI-contact-main-info-main label[data-v-675a2149] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #666
}

.TUI-contact-main-info-main textarea[data-v-675a2149] {
    background: #fff;
    border: 1px solid #ddd;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999;
    letter-spacing: 0
}

.TUI-contact-main-info-footer p[data-v-675a2149] {
    opacity: .3
}

.TUI-contact-system-header h1[data-v-675a2149] {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #000;
    letter-spacing: 0
}

.TUI-contact-list-item[data-v-675a2149]:hover {
    background: #edf0f5
}

.TUI-contact-list-item .left .num[data-v-675a2149] {
    background: red;
    color: #fff
}

.TUI-contact-list-item .content ul li[data-v-675a2149] {
    font-weight: 400;
    color: #000
}

.TUI-contact-list-item .content .type[data-v-675a2149] {
    font-weight: 400;
    color: rgba(0, 0, 0, .3);
    border: 1px solid rgba(0, 0, 0, .3)
}

.selected[data-v-675a2149] {
    background: #edf0f5
}

.reduce[data-v-675a2149] {
    border: 1px solid #ddd
}

.reduce[data-v-675a2149]:before {
    background: #ddd
}

.btn[data-v-675a2149] {
    font-weight: 400;
    color: #fff;
    letter-spacing: 0
}

.btn-cancel[data-v-675a2149] {
    border: 1px solid #ddd;
    color: #666
}

.btn-default[data-v-675a2149] {
    background: #006eff;
    border: 1px solid #006eff
}

.btn[data-v-675a2149]:disabled {
    opacity: .3
}

input[data-v-675a2149] {
    border: 1px solid #ddd
}

input[data-v-675a2149]:focus {
    border: 1px solid #006eff
}

.search-box .search-cancel[data-v-675a2149],
.search-box h1[data-v-675a2149] {
    font-weight: 400;
    color: #000;
    letter-spacing: 0
}

.TUI-contact[data-v-675a2149] {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    padding: 12px 0;
    z-index: 11
}

.TUI-contact-left[data-v-675a2149] {
    position: relative;
    flex: 1;
    min-width: 285px;
    flex: 0 0 24%;
    overflow-y: auto
}

.TUI-contact-left-header[data-v-675a2149] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0 12px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.TUI-contact-left-header input[data-v-675a2149] {
    flex: 1;
    margin-right: 20px
}

.TUI-contact-column[data-v-675a2149] {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%
}

.TUI-contact-column-item .num[data-v-675a2149] {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.TUI-contact-column-item header[data-v-675a2149] {
    display: flex;
    align-items: center;
    padding: 10px 15px
}

.TUI-contact-column-item header main[data-v-675a2149] {
    flex: 1;
    padding-left: 6px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 14px
}

.TUI-contact-main[data-v-675a2149] {
    flex: 1;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%
}

.TUI-contact-main-info[data-v-675a2149] {
    flex: 1;
    padding: 2rem 3rem;
    display: flex;
    flex-direction: column
}

.TUI-contact-main-info-header[data-v-675a2149] {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px
}

.TUI-contact-main-info-header .list h1[data-v-675a2149] {
    font-size: 24px;
    padding-bottom: 10px
}

.TUI-contact-main-info-header .list li[data-v-675a2149] {
    font-size: 16px;
    padding: 6px 0
}

.TUI-contact-main-info-header .avatar[data-v-675a2149] {
    width: 5rem;
    height: 5rem
}

.TUI-contact-main-info-main[data-v-675a2149] {
    padding-top: 1.25rem;
    display: flex;
    flex-direction: column
}

.TUI-contact-main-info-main label[data-v-675a2149] {
    font-size: .88rem;
    line-height: 1.25rem;
    padding-bottom: .63rem
}

.TUI-contact-main-info-main textarea[data-v-675a2149] {
    resize: none;
    width: 100%;
    box-sizing: border-box;
    height: 5rem;
    padding: .69rem .88rem;
    font-size: .88rem;
    line-height: 1.25rem
}

.TUI-contact-main-info-footer[data-v-675a2149] {
    padding-top: 1.25rem;
    display: flex;
    justify-content: center
}

.TUI-contact-main-info-footer .btn[data-v-675a2149] {
    margin: 0 20px
}

.TUI-contact-main-info-footer .btn[data-v-675a2149]:first-child {
    margin-left: 0
}

.TUI-contact-main-info-footer .btn[data-v-675a2149]:last-child {
    margin-right: 0
}

.TUI-contact-main-created li[data-v-675a2149] {
    display: flex;
    align-items: center
}

.TUI-contact-main-created li input[data-v-675a2149] {
    margin-right: 20px
}

.TUI-contact-system[data-v-675a2149] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow-y: auto
}

.TUI-contact-system-header[data-v-675a2149] {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.TUI-contact-system-header h1[data-v-675a2149] {
    font-size: 16px;
    line-height: 24px
}

.TUI-contact-list[data-v-675a2149] {
    flex: 1;
    width: 100%;
    list-style: none
}

.TUI-contact-list-item[data-v-675a2149] {
    padding: 12px 15px;
    position: relative;
    display: flex;
    align-items: center
}

.TUI-contact-list-item label[data-v-675a2149] {
    font-size: 14px
}

.TUI-contact-list-item:hover .icon-close[data-v-675a2149] {
    display: inline-block
}

.TUI-contact-list-item .left[data-v-675a2149] {
    position: relative;
    width: 36px;
    height: 36px
}

.TUI-contact-list-item .left .num[data-v-675a2149] {
    position: absolute;
    display: inline-block;
    right: -8px;
    top: -8px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%
}

.TUI-contact-list-item .left .avatar[data-v-675a2149] {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.TUI-contact-list-item .left .online-status[data-v-675a2149] {
    box-sizing: border-box;
    position: absolute;
    width: 11px;
    height: 11px;
    left: 30px;
    top: 27px;
    border: 2px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .102606);
    border-radius: 50%
}

.TUI-contact-list-item .left .online-status-online[data-v-675a2149] {
    background: #29cc85
}

.TUI-contact-list-item .left .online-status-offline[data-v-675a2149] {
    background: #a4a4a4
}

.TUI-contact-list-item .content[data-v-675a2149] {
    flex: 1;
    padding-left: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.TUI-contact-list-item .content ul[data-v-675a2149] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.TUI-contact-list-item .content ul li[data-v-675a2149] {
    flex: 1;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px
}

.TUI-contact-list-item .content ul li span[data-v-675a2149] {
    flex: 1;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.TUI-contact-list-item .content ul .name[data-v-675a2149] {
    padding-bottom: 2px
}

.TUI-contact-list-item .content .type[data-v-675a2149] {
    padding: 0 4px;
    line-height: 14px;
    font-size: 12px;
    border-radius: 1px
}

.TUI-contact-list .not-aside[data-v-675a2149] {
    padding-left: 40px;
    display: flex;
    justify-content: space-between
}

.reduce[data-v-675a2149] {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px
}

.reduce[data-v-675a2149]:before {
    position: absolute;
    content: "";
    width: 50%;
    height: 1px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.center[data-v-675a2149] {
    display: flex;
    justify-content: center
}

.btn[data-v-675a2149] {
    padding: 8px 20px;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    text-align: center;
    line-height: 20px
}

input[data-v-675a2149] {
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px
}

.search[data-v-675a2149] {
    flex: 1;
    display: flex
}

.search-box[data-v-675a2149] {
    flex: 1;
    display: flex;
    align-items: center
}

.search-box h1[data-v-675a2149] {
    padding: 2px 8px;
    font-size: 14px
}

.search-box .input-box[data-v-675a2149] {
    display: flex;
    position: relative;
    flex: 1
}

.search-box .input-box input[data-v-675a2149] {
    flex: 1;
    margin-right: 0
}

.search-box .input-box .icon[data-v-675a2149] {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.search-box .search-cancel[data-v-675a2149] {
    padding-left: 10px;
    font-size: 12px;
    line-height: 18px
}

.TUI-contact-H5[data-v-675a2149] {
    height: 100%;
    height: calc(100vh - 90px);
    overflow-y: auto
}

.TUI-contact-H5 .TUI-contact-left[data-v-675a2149] {
    min-width: 0;
    width: 100%;
    height: 100%;
    flex: 1;
    position: static
}

.TUI-contact-H5 .TUI-contact-main[data-v-675a2149] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    flex-direction: column;
    background: #efefef
}

.TUI-contact-H5 .TUI-contact-main-h5-title[data-v-675a2149] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background: #fff;
    justify-content: center;
    position: relative
}

.TUI-contact-H5 .TUI-contact-main-h5-title .icon[data-v-675a2149] {
    position: absolute;
    left: 16px
}

.TUI-contact-H5 .TUI-contact-main-h5-title h1[data-v-675a2149] {
    flex: 1;
    width: 0;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 30px;
    font-weight: 500;
    font-size: 16px;
    text-align: center
}

.TUI-contact-H5 .TUI-contact-main-info[data-v-675a2149] {
    padding: 12px 0
}

.TUI-contact-H5 .TUI-contact-main-info-header[data-v-675a2149] {
    background: #fff;
    padding: 12px 16px;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center
}

.TUI-contact-H5 .TUI-contact-main-info-header .list[data-v-675a2149] {
    padding-left: 12px
}

.TUI-contact-H5 .TUI-contact-main-info-main[data-v-675a2149] {
    background: #fff;
    padding: 12px 16px
}

.TUI-contact-H5 .TUI-contact-main-info-main textarea[data-v-675a2149] {
    background: #efefef
}

.TUI-contact-H5 .TUI-contact-main-info-footer[data-v-675a2149] {
    padding-top: 12px;
    flex-direction: column
}

.TUI-contact-H5 .TUI-contact-main-info-footer p[data-v-675a2149] {
    text-align: center;
    background: #fff;
    padding: 10px 0;
    opacity: 1
}

.TUI-contact-H5 .TUI-contact-main-info-footer .btn[data-v-675a2149] {
    flex: 1;
    background: #fff;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 15px 0
}

.TUI-contact-H5 .TUI-contact-system[data-v-675a2149] {
    flex: 1;
    position: static
}

.TUI-contact-H5 .TUI-contact-list[data-v-675a2149] {
    position: static;
    overflow-y: scroll
}

.TUI-contact-H5 .btn-cancel[data-v-675a2149] {
    color: #ff584c
}

.TUI-contact-H5 .btn-default[data-v-675a2149] {
    color: #006eff
}

.TUI-contact-H5 .btn[data-v-675a2149]:disabled {
    opacity: .3
}

.black-msg {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 15px;
    background: #fff;
    border-bottom: 1px solid #ddd
}

.black-msg .desc {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    display: flex
}

.black-msg .desc .msg-box {
    flex: 1
}

.TUI-contact-list-desc {
    width: 100%;
    background: #f3f3f3;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    color: rgba(0, 0, 0, .6)
}

.vip-name {
    display: flex
}

.vip-name .icon {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.vip-name .icon img {
    width: 20px;
    height: auto
}

.group-list-item[data-v-79b12058],
.group[data-v-79b12058] {
    background: #fff
}

.group-list-item label[data-v-79b12058] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #333
}

.group-list input[data-v-79b12058] {
    border: 1px solid rgba(131, 137, 153, .4);
    font-weight: 400;
    color: #333
}

.group-list .select a[data-v-79b12058] {
    color: #006eff
}

.group-list .select-item[data-v-79b12058] {
    border: 1px solid rgba(131, 137, 153, .4)
}

.group-list .select-item-header .left[data-v-79b12058] {
    font-weight: 500;
    color: #333
}

.group-list .select-item-detail[data-v-79b12058] {
    color: #4f4f4f
}

.group-list .select .selected[data-v-79b12058] {
    border: 1px solid #006eff
}

.group-list-edit[data-v-79b12058],
.group-profile-footer[data-v-79b12058] {
    background: #fff
}

.group-h5[data-v-79b12058] {
    background: #f7f8fa
}

.group-h5-list-item-introduction[data-v-79b12058] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #888
}

.group-h5-list-item-introduction a[data-v-79b12058] {
    color: #006eff
}

header[data-v-79b12058] {
    background: #fff
}

header h1[data-v-79b12058] {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #000;
    letter-spacing: 0
}

.btn-default[data-v-79b12058] {
    background: #fff;
    border: 1px solid #ddd;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #828282
}

.btn-submit[data-v-79b12058] {
    background: #3370ff;
    border: 0 solid #2f80ed;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0
}

.btn-submit[data-v-79b12058]:disabled {
    background: #e8e8e9;
    border: 1px solid #ddd;
    color: #fff
}

.group[data-v-79b12058] {
    padding: 30px;
    box-sizing: border-box;
    width: 750px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    border-radius: 10px
}

.group-list-item[data-v-79b12058] {
    display: flex;
    padding: 10px 0
}

.group-list-item label[data-v-79b12058] {
    width: 84px;
    height: 20px;
    font-size: 14px
}

.group-list input[data-v-79b12058] {
    box-sizing: border-box;
    flex: 1;
    padding: 6px 10px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 20px
}

.group-list .select[data-v-79b12058] {
    flex: 1
}

.group-list .select-item[data-v-79b12058] {
    padding: 12px 20px;
    border-radius: 2px;
    margin-bottom: 20px
}

.group-list .select-item-header[data-v-79b12058] {
    display: flex;
    justify-content: space-between
}

.group-list .select-item-header .left[data-v-79b12058] {
    display: flex;
    align-items: center;
    font-size: 14px
}

.group-list .select-item-header .left .icon[data-v-79b12058] {
    margin-right: 12px
}

.group-list .select-item-header .icon-selected[data-v-79b12058] {
    position: relative;
    left: 12px;
    top: -4px
}

.group-list .select-item-detail[data-v-79b12058] {
    padding-top: 6px;
    font-size: 14px
}

header[data-v-79b12058] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

header h1[data-v-79b12058] {
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 30px
}

header .icon icon-close[data-v-79b12058] {
    left: 10px;
    top: -10px
}

.group-profile-footer[data-v-79b12058] {
    padding-top: 10px;
    display: flex;
    justify-content: flex-end
}

.btn-default[data-v-79b12058],
.btn-submit[data-v-79b12058] {
    width: 82px;
    height: 32px;
    border-radius: 4px;
    font-size: 14px
}

.btn-submit[data-v-79b12058] {
    margin-left: 10px
}

.group-h5[data-v-79b12058] {
    width: auto;
    max-height: none;
    height: 100%;
    border-radius: 0;
    padding: 0
}

.group-h5 .group-box[data-v-79b12058] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.group-h5 .group-box header[data-v-79b12058] {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 16px 18px
}

.group-h5 .group-box header h1[data-v-79b12058] {
    padding-bottom: 0
}

.group-h5 .group-box header .icon[data-v-79b12058] {
    position: absolute;
    left: 18px
}

.group-h5 .group-box .group-list[data-v-79b12058] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: 12px
}

.group-h5 .group-box .group-list-item[data-v-79b12058] {
    padding: 14px 18px;
    border-bottom: 1px solid #e5e5e5
}

.group-h5 .group-box .group-list-edit[data-v-79b12058] {
    display: flex;
    align-items: flex-start;
    padding: 12px 18px
}

.group-h5 .group-box .group-list-edit input[data-v-79b12058] {
    width: 100%;
    flex: 0
}

.group-h5 .group-box .group-profile-footer[data-v-79b12058] {
    box-shadow: inset 0 1px 0 0 #eee;
    padding: 12px 18px
}

.group-h5-list-item-content[data-v-79b12058] {
    flex: 1;
    display: flex;
    align-items: center;
    overflow: hidden
}

.group-h5-list-item-content .content[data-v-79b12058] {
    width: 0;
    flex: 1;
    padding: 0 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: end
}

.group-h5-list-item-introduction[data-v-79b12058] {
    padding: 12px 18px;
    font-size: 14px;
    line-height: 20px
}

.group-avatar-list[data-v-79b12058] {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap
}

.group-avatar-list .item[data-v-79b12058] {
    width: 15%;
    margin-right: 2%;
    margin-bottom: 10px;
    border-radius: 20px;
    box-sizing: border-box;
    overflow: hidden
}

.group-avatar-list .item img[data-v-79b12058] {
    width: 100%;
    height: auto
}

.group-avatar-list .item.active[data-v-79b12058] {
    border: 3px solid #e02a52
}

.group-avatar-list .item[data-v-79b12058]:nth-child(6n) {
    margin-right: 0
}

.TUI-search header h1[data-v-a66ee14a] {
    font-weight: 400;
    color: #000
}

.TUI-search header .more[data-v-a66ee14a] {
    background: #f3f3f3
}

input[data-v-a66ee14a] {
    border: 1px solid #ddd
}

.TUI-search-H5 header ul[data-v-a66ee14a] {
    background: #fff;
    border: 2px solid #e0e0e0;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .06)
}

.TUI-search-H5 header ul h1[data-v-a66ee14a] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #444;
    letter-spacing: 0
}

.TUI-search header[data-v-a66ee14a] {
    display: flex;
    align-items: center
}

.TUI-search header h1[data-v-a66ee14a] {
    padding: 0 8px;
    font-size: 14px
}

.TUI-search header .more[data-v-a66ee14a] {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 4px
}

.TUI-search header ul[data-v-a66ee14a],
.TUI-search header ul li[data-v-a66ee14a] {
    display: flex;
    align-items: center
}

input[data-v-a66ee14a] {
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    border-radius: 5px;
    padding: 0 10px
}

.TUI-search-H5 header[data-v-a66ee14a] {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%
}

.TUI-search-H5 header h1[data-v-a66ee14a] {
    font-size: 16px
}

.TUI-search-H5 header ul[data-v-a66ee14a] {
    flex-direction: column;
    top: 100%;
    z-index: 3;
    position: absolute;
    padding: 7px 9px
}

.TUI-search-H5 header ul h1[data-v-a66ee14a] {
    padding: 7px;
    text-align: center;
    word-break: keep-all
}

.TUI-search-H5 header ul .icon-group[data-v-a66ee14a] {
    margin-left: 0
}

.TUI-search-H5 .flex-end[data-v-a66ee14a] {
    display: flex;
    justify-content: flex-end
}

.TUI-search-H5 .flex-end i.plus[data-v-a66ee14a] {
    border: 1px solid rgba(0, 0, 0, .6);
    border-radius: 50%;
    width: 25px;
    height: 25px
}

.back-icon[data-v-a66ee14a] {
    position: absolute;
    left: 15px
}

.clear-btn[data-v-a66ee14a] {
    font-size: 12px;
    cursor: pointer;
    position: relative;
    margin-right: 20px
}

.handle-box[data-v-a66ee14a] {
    position: absolute;
    top: 35px;
    right: 0;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #ccc;
    flex-direction: column;
    display: flex;
    justify-content: space-around
}

.handle-box .item[data-v-a66ee14a] {
    text-align: center;
    font-size: 15px;
    line-height: 30px
}

.handle-box .item[data-v-a66ee14a]:hover {
    color: #006eff
}

.email-dialog[data-v-3dac5fcb] {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    box-sizing: border-box;
    padding: 30px 10px 10px 10px
}

.email-dialog .item[data-v-3dac5fcb] {
    display: flex;
    margin-bottom: 20px
}

.email-dialog .item .label[data-v-3dac5fcb] {
    font-size: 16px;
    color: #111;
    line-height: 30px
}

.email-dialog .item .right[data-v-3dac5fcb] {
    flex: 1;
    box-sizing: border-box;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.email-dialog .item .right input[data-v-3dac5fcb] {
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 10px
}

.email-dialog .desc[data-v-3dac5fcb] {
    font-size: 12px;
    color: #999
}

.email-dialog .btn-box[data-v-3dac5fcb] {
    display: flex;
    padding-bottom: 10px;
    justify-content: space-around
}

.email-dialog .btn-box .btn-item[data-v-3dac5fcb] {
    width: 130px;
    border-radius: 5px;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center
}

.email-dialog .btn-box .cancel[data-v-3dac5fcb] {
    background: #ccc
}

.email-dialog .btn-box .confirm[data-v-3dac5fcb] {
    background: #299fef
}

.editInfo[data-v-28b3e9ce] {
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    padding: 20px 0 20px 0
}

.editInfo .edit-head[data-v-28b3e9ce] {
    height: 30px;
    line-height: 30px
}

.editInfo .edit-head .icon[data-v-28b3e9ce] {
    height: 100%;
    position: absolute;
    right: 20px;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.editInfo .edit-head .icon img[data-v-28b3e9ce] {
    width: 30px;
    height: auto
}

.editInfo .avatar[data-v-28b3e9ce] {
    padding: 15px 30px
}

.editInfo .avatar .left img[data-v-28b3e9ce] {
    width: 80px;
    height: 80px
}

.editInfo .avatar .updata[data-v-28b3e9ce] {
    justify-content: center;
    margin-left: 30px
}

.editInfo .avatar .updata label[data-v-28b3e9ce] {
    font-size: 14px;
    background: #299fef
}

.editInfo .desc[data-v-28b3e9ce] {
    border-bottom: 1px solid #f2f2f2;
    font-size: 12px;
    color: red;
    box-sizing: border-box;
    padding-left: 110px;
    padding-bottom: 10px
}

.editInfo .nickname[data-v-28b3e9ce] {
    padding: 5px 30px
}

.editInfo .btn-box[data-v-28b3e9ce] {
    justify-content: flex-end;
    padding: 0 30px;
    margin-top: 20px
}

.editInfo .btn-box .btn-item[data-v-28b3e9ce] {
    width: 70px;
    height: 30px;
    line-height: 30px
}

.editInfo[data-v-28b3e9ce] {
    width: 350px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 0 20px 0;
    position: absolute;
    background: #fff;
    z-index: 889
}

.editInfo .edit-head[data-v-28b3e9ce] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #000;
    margin-bottom: 30px;
    position: relative
}

.editInfo .edit-head .btn-item[data-v-28b3e9ce] {
    position: absolute;
    right: 15px;
    height: 50px;
    line-height: 50px;
    top: 0;
    cursor: pointer
}

.editInfo .avatar[data-v-28b3e9ce] {
    display: flex;
    box-sizing: border-box;
    padding: 15px 0
}

.editInfo .avatar .label[data-v-28b3e9ce] {
    font-size: 15px;
    color: #000;
    width: 80px;
    text-align: right;
    flex-shrink: 0;
    line-height: 30px;
    margin-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-weight: 700
}

.editInfo .avatar .left img[data-v-28b3e9ce] {
    width: 60px;
    height: 60px;
    border-radius: 5px
}

.editInfo .avatar .updata[data-v-28b3e9ce] {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    margin-left: 20px
}

.editInfo .avatar .updata label[data-v-28b3e9ce] {
    box-sizing: border-box;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    background: #afb5b9
}

.editInfo .nickname[data-v-28b3e9ce] {
    display: flex;
    box-sizing: border-box;
    padding: 15px 0
}

.editInfo .nickname .label[data-v-28b3e9ce] {
    font-size: 15px;
    color: #000;
    width: 80px;
    text-align: right;
    flex-shrink: 0;
    font-weight: 700;
    line-height: 30px
}

.editInfo .nickname .ipt-box[data-v-28b3e9ce] {
    margin-left: 30px;
    flex: 1;
    max-width: 200px
}

.editInfo .nickname .ipt-box input[data-v-28b3e9ce] {
    width: 100%;
    border: none;
    height: 100%;
    line-height: 100%;
    outline: none;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 30px;
    border: 1px solid #f2f2f2
}

.editInfo .btn-box[data-v-28b3e9ce] {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 15px
}

.editInfo .btn-box .btn-item[data-v-28b3e9ce] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #000;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    background: #ccc;
    color: #fff;
    font-size: 14px
}

.editInfo .btn-box .save[data-v-28b3e9ce] {
    background: #299fef;
    margin-left: 10px
}

.editInfo[data-v-2d00ef93] {
    width: 100%;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 0 20px 0;
    position: absolute;
    background: #fff;
    z-index: 889
}

.editInfo .edit-head[data-v-2d00ef93] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    text-align: center;
    font-size: 15px;
    color: #000;
    margin-bottom: 30px;
    position: relative
}

.editInfo .edit-head .btn-item[data-v-2d00ef93] {
    position: absolute;
    right: 15px;
    height: 50px;
    line-height: 50px;
    top: 0;
    cursor: pointer
}

.editInfo .avatar[data-v-2d00ef93] {
    display: flex;
    box-sizing: border-box;
    padding: 15px 0
}

.editInfo .avatar .label[data-v-2d00ef93] {
    font-size: 15px;
    color: #000;
    width: 80px;
    text-align: right;
    flex-shrink: 0;
    line-height: 30px;
    margin-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-weight: 700
}

.editInfo .avatar .left img[data-v-2d00ef93] {
    width: 60px;
    height: 60px;
    border-radius: 5px
}

.editInfo .avatar .updata[data-v-2d00ef93] {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    margin-left: 20px
}

.editInfo .avatar .updata label[data-v-2d00ef93] {
    box-sizing: border-box;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    background: #afb5b9
}

.editInfo .desc[data-v-2d00ef93] {
    border-bottom: 1px solid #f2f2f2;
    font-size: 12px;
    color: red;
    box-sizing: border-box;
    padding-left: 110px;
    padding-bottom: 10px
}

.editInfo .nickname[data-v-2d00ef93] {
    display: flex;
    box-sizing: border-box;
    padding: 15px 0
}

.editInfo .nickname .label[data-v-2d00ef93] {
    font-size: 15px;
    color: #000;
    width: 80px;
    text-align: right;
    flex-shrink: 0;
    font-weight: 700;
    line-height: 30px
}

.editInfo .nickname .ipt-box[data-v-2d00ef93] {
    margin-left: 30px;
    flex: 1;
    max-width: 200px
}

.editInfo .nickname .ipt-box input[data-v-2d00ef93] {
    width: 100%;
    border: none;
    height: 100%;
    line-height: 100%;
    outline: none;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 30px;
    border: 1px solid #f2f2f2
}

.editInfo .btn-box[data-v-2d00ef93] {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 15px;
    margin-top: 20px
}

.editInfo .btn-box .btn-item[data-v-2d00ef93] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #000;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    background: #ccc;
    color: #fff;
    font-size: 14px
}

.editInfo .btn-box .save[data-v-2d00ef93] {
    background: #299fef;
    margin-left: 10px
}

.shareEditTem[data-v-2d00ef93] {
    width: 100%;
    height: 100%
}

.shareEditTem .shareEditTem-header[data-v-2d00ef93] {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 10px 15px;
    line-height: 30px;
    border-bottom: 1px solid #f2f2f2
}

.shareEditTem .shareEditTem-header .shareEditTem-title[data-v-2d00ef93] {
    font-size: 16px
}

.shareEditTem .shareEditTem-header .left[data-v-2d00ef93] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.shareEditTem .shareEditTem-item[data-v-2d00ef93] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px;
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between
}

.shareEditTem .shareEditTem-item .label[data-v-2d00ef93] {
    font-size: 15px;
    color: #000;
    line-height: 30px
}

.shareEditTem .shareEditTem-item .content[data-v-2d00ef93] {
    display: flex;
    justify-content: flex-end
}

.shareEditTem .shareEditTem-item .content .img-box label[data-v-2d00ef93] {
    width: 30px;
    height: 30px;
    display: block
}

.shareEditTem .shareEditTem-item .content .img-box label img[data-v-2d00ef93] {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover
}

.shareEditTem .shareEditTem-item .content .icon[data-v-2d00ef93] {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 10px
}

.shareEditTem .shareEditTem-item .content .icon img[data-v-2d00ef93] {
    width: 20px;
    height: 20px
}

.shareEditTem .shareEditTem-item .content .ipt-box input[data-v-2d00ef93] {
    border: none;
    background: none;
    outline: none;
    font-size: 14px;
    color: #333;
    height: 30px;
    width: 250px;
    text-align: right;
    line-height: 30px
}

.shareEditTem .shareEditTem-item .content .ipt-box textarea[data-v-2d00ef93] {
    border: none;
    background: none;
    outline: none;
    font-size: 14px;
    color: #666;
    resize: none;
    width: 250px;
    max-height: 60px;
    line-height: 30px
}

.shareEditTem .shareEditTem-item .preview-box[data-v-2d00ef93] {
    width: 260px;
    border-radius: 5px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    padding: 10px
}

.shareEditTem .shareEditTem-item .preview-box .preview-title[data-v-2d00ef93] {
    font-size: 14px;
    color: #000;
    padding-bottom: 5px
}

.shareEditTem .shareEditTem-item .preview-box .bottom[data-v-2d00ef93] {
    display: flex;
    justify-content: space-between
}

.shareEditTem .shareEditTem-item .preview-box .bottom .preview-desc[data-v-2d00ef93] {
    flex: 1;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    box-sizing: border-box;
    padding: 0 20px 0 0
}

.shareEditTem .shareEditTem-item .preview-box .bottom .preview-img[data-v-2d00ef93] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.shareEditTem .shareEditTem-item .preview-box .bottom .preview-img img[data-v-2d00ef93] {
    width: 35px;
    height: 35px;
    border-radius: 5px
}

.shareEditTem .btn-item[data-v-2d00ef93] {
    width: 95%;
    margin: 0 auto;
    margin-top: 50px;
    background: #006eff;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    letter-spacing: 4px
}

.share-bg[data-v-2d00ef93] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    z-index: 10
}

.share-bg img[data-v-2d00ef93] {
    width: 80%;
    display: block;
    margin: 20px auto
}

.share[data-v-1d71b834] {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 0 30px 0
}

.share .share-title[data-v-1d71b834] {
    width: 100%;
    display: flex;
    background: #f3f5f7;
    justify-content: space-between;
    height: 50px;
    box-sizing: border-box;
    padding: 0 15px
}

.share .share-title .title[data-v-1d71b834] {
    font-size: 17px;
    line-height: 50px;
    color: #1f1f1f;
    font-weight: 700
}

.share .share-title .left[data-v-1d71b834],
.share .share-title .right[data-v-1d71b834] {
    width: 150px;
    height: 100%
}

.share .share-title .left .icon[data-v-1d71b834],
.share .share-title .right .icon[data-v-1d71b834] {
    width: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    cursor: pointer
}

.share .share-title .left .icon img[data-v-1d71b834],
.share .share-title .right .icon img[data-v-1d71b834] {
    width: 15px;
    height: 15px
}

.share .share-title .left .btn-item[data-v-1d71b834],
.share .share-title .right .btn-item[data-v-1d71b834] {
    width: 100px;
    height: 32.5px;
    margin-top: 9px;
    line-height: 32.5px;
    text-align: center;
    color: #fff;
    background: #2d6bf5;
    border-radius: 5px;
    font-size: 12px
}

.share .share-title .left .btn-item.normal[data-v-1d71b834],
.share .share-title .right .btn-item.normal[data-v-1d71b834] {
    opacity: .4
}

.share .share-title .right[data-v-1d71b834] {
    display: flex;
    justify-content: flex-end
}

.share .share-container[data-v-1d71b834] {
    flex: 1;
    margin-top: 10px;
    overflow-y: scroll
}

.share .share-container .plate[data-v-1d71b834] {
    width: 100%;
    background: #fff
}

.share .share-container .plate .title[data-v-1d71b834] {
    box-sizing: border-box;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #f2f2f2
}

.share .share-container .plate .title .left[data-v-1d71b834] {
    display: flex;
    height: 100%;
    flex: 1
}

.share .share-container .plate .title .left .icon[data-v-1d71b834] {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-right: 10px
}

.share .share-container .plate .title .left .icon img[data-v-1d71b834] {
    width: 21px;
    height: 21px
}

.share .share-container .plate .title .left .name[data-v-1d71b834] {
    font-size: 16px;
    color: #1f1f1f;
    flex: 1;
    display: flex
}

.share .share-container .plate .title .left .name .text[data-v-1d71b834] {
    flex: 1
}

.share .share-container .plate .title .left .name .btn-item[data-v-1d71b834] {
    margin-right: 15px;
    cursor: pointer
}

.share .share-container .plate .title .right[data-v-1d71b834] {
    height: 100%
}

.share .share-container .plate .title .right .icon[data-v-1d71b834] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.share .share-container .plate .title .right .icon img[data-v-1d71b834] {
    width: 16px;
    height: 9.5px
}

.share .share-container .plate .list[data-v-1d71b834] {
    box-sizing: border-box;
    padding: 0 15px;
    background: #fbfbfb;
    width: 100%
}

.share .share-container .plate .list .item[data-v-1d71b834] {
    display: flex;
    justify-content: space-between;
    height: 60px;
    line-height: 60px
}

.share .share-container .plate .list .item .left[data-v-1d71b834] {
    display: flex;
    height: 100%
}

.share .share-container .plate .list .item .left .icon[data-v-1d71b834] {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-right: 10px
}

.share .share-container .plate .list .item .left .icon img[data-v-1d71b834] {
    width: 21px;
    height: 21px
}

.share .share-container .plate .list .item .left .avatar[data-v-1d71b834] {
    width: 39px;
    height: 39px;
    margin-right: 10px
}

.share .share-container .plate .list .item .left .avatar img[data-v-1d71b834] {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.share .share-container .plate .list .item .left .name[data-v-1d71b834] {
    font-size: 16px;
    color: #1f1f1f
}

.share .share-success[data-v-1d71b834] {
    position: fixed;
    width: 100%;
    max-width: 750px;
    background: rgba(0, 0, 0, .5);
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.share .share-success .share-dialog[data-v-1d71b834] {
    width: 90%;
    border-radius: 10px;
    background: #fff;
    margin: 0 auto
}

.share .share-success .share-dialog .suc-title[data-v-1d71b834] {
    box-sizing: border-box;
    padding: 20px;
    font-size: 15px;
    font-weight: 700
}

.share .share-success .share-dialog .share-user-list[data-v-1d71b834] {
    display: flex;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #ededed;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 0 0 15px 0
}

.share .share-success .share-dialog .share-user-list .item[data-v-1d71b834] {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px
}

.share .share-success .share-dialog .share-user-list .item img[data-v-1d71b834] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.share .share-success .share-dialog .share-ui[data-v-1d71b834] {
    border-bottom: 1px solid #ededed;
    box-sizing: border-box;
    margin: 15px auto;
    background: #fbfbfb;
    padding: 15px 12px;
    width: 90%;
    border-radius: 10px
}

.share .share-success .share-dialog .share-ui .share-title-dialog[data-v-1d71b834] {
    font-size: 15px;
    color: #1f1f1f;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px
}

.share .share-success .share-dialog .share-ui .bottom[data-v-1d71b834] {
    display: flex;
    justify-content: space-between
}

.share .share-success .share-dialog .share-ui .bottom .desc[data-v-1d71b834] {
    font-size: 12px;
    color: #999;
    height: 40px;
    line-height: 20px;
    margin-top: 5px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 20px
}

.share .share-success .share-dialog .share-ui .bottom .share-image img[data-v-1d71b834] {
    width: 50px;
    height: 50px;
    border-radius: 10px
}

.share .share-success .share-dialog .leave-word[data-v-1d71b834] {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #f7f7f7;
    height: 35px;
    line-height: 35px;
    border-radius: 3px
}

.share .share-success .share-dialog .leave-word input[data-v-1d71b834] {
    width: 100%;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    padding: 0 5px;
    font-size: 14px;
    outline: none;
    border: none;
    background: none
}

.share .share-success .share-dialog .btn-box[data-v-1d71b834] {
    width: 100%;
    border-top: 1px solid #ededed;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #1f1f1f;
    text-align: center;
    display: flex
}

.share .share-success .share-dialog .btn-box .btn-item[data-v-1d71b834] {
    line-height: 40px;
    flex: 1;
    font-size: 15px;
    color: #1f1f1f;
    text-align: center;
    border-right: 1px solid #ededed
}

.share .share-success .share-dialog .btn-box .btn-item.send[data-v-1d71b834] {
    color: #2d6bf5;
    border: none
}

.share .share-success .share-dialog-suc[data-v-1d71b834] {
    width: 90%;
    border-radius: 10px;
    background: #fff;
    margin: 0 auto
}

.share .share-success .share-dialog-suc .top[data-v-1d71b834] {
    box-sizing: border-box;
    padding: 30px;
    width: 100%
}

.share .share-success .share-dialog-suc .top .icon[data-v-1d71b834] {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center
}

.share .share-success .share-dialog-suc .top .icon img[data-v-1d71b834] {
    width: 50px;
    height: 50px
}

.share .share-success .share-dialog-suc .top .text[data-v-1d71b834] {
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #000;
    margin-top: 10px;
    font-weight: 700
}

.share .share-success .share-dialog-suc .dialog-btn[data-v-1d71b834] {
    width: 100%;
    border-top: 1px solid #f1f1f1;
    text-align: center;
    font-size: 16px;
    color: #5d6c95;
    height: 50px;
    line-height: 50px;
    cursor: pointer
}

.vip-name[data-v-1d71b834] {
    display: flex
}

.vip-name .icon[data-v-1d71b834] {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.vip-name .icon img[data-v-1d71b834] {
    width: 20px;
    height: auto !important
}

.home-TUIKit-main[data-v-04adaeec] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

.div-wrap[data-v-04adaeec] {
    flex: 1;
    display: flex;
    overflow: hidden;
    z-index: 13
}

.search[data-v-04adaeec] {
    z-index: 11;
    position: relative
}

.conversation[data-v-04adaeec] {
    min-width: 285px;
    flex: 0 0 24%;
    border-right: 1px solid #f4f5f9
}

.conversation[data-v-04adaeec]::-webkit-scrollbar {
    display: block
}

.conversation-h5[data-v-04adaeec] {
    flex: 1;
    overflow: auto;
    border-right: 1px solid #f4f5f9
}

.chat[data-v-04adaeec] {
    flex: 1;
    height: 100%;
    position: relative;
    width: 100%
}

.callkit-drag-container[data-v-04adaeec] {
    left: calc(50% - 25rem);
    top: calc(50% - 18rem);
    width: 50rem;
    height: 36rem;
    border-radius: 16px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.callkit-drag-container-mini[data-v-04adaeec] {
    width: 168px;
    height: 56px;
    right: 10px;
    top: 70px
}

.nav[data-v-04adaeec] {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f2f2f2;
    z-index: 9;
    box-sizing: border-box;
    padding: 4px 0 4px 0
}

.nav-list[data-v-04adaeec] {
    width: 100%;
    display: flex;
    justify-content: center
}

.nav-list li[data-v-04adaeec] {
    width: 50%;
    height: 50px
}

.nav-list li .icon[data-v-04adaeec],
.nav-list li[data-v-04adaeec] {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center
}

.nav-list li .icon[data-v-04adaeec] {
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

.nav-list li .icon img[data-v-04adaeec] {
    width: 25px;
    height: 25px;
    margin: 0 auto;
    display: block
}

.nav-list li .text[data-v-04adaeec] {
    font-size: 12px;
    color: #333
}

.nav-list li .text.active[data-v-04adaeec] {
    color: #29a1f3;
    font-weight: 700
}

.pc-nav[data-v-04adaeec] {
    width: 60px;
    position: relative;
    height: 100%;
    flex-shrink: 0;
    background: #333;
    box-sizing: border-box;
    padding: 60px 0;
    z-index: 12
}

.pc-nav .pc-edit[data-v-04adaeec] {
    position: absolute;
    left: 70px;
    top: 10px;
    background: #fff
}

.pc-nav .avatar[data-v-04adaeec] {
    width: 100%;
    display: flex;
    margin-bottom: 40px;
    justify-content: center
}

.pc-nav .avatar img[data-v-04adaeec] {
    border-radius: 5px;
    width: 40px;
    height: 40px
}

.pc-nav .nav-item[data-v-04adaeec] {
    display: flex;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 40px
}

.pc-nav .nav-item img[data-v-04adaeec] {
    width: 40px;
    height: 40px;
    cursor: pointer
}

.share-tem[data-v-04adaeec] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 90
}

.downloadTem[data-v-04adaeec] {
    z-index: 14;
    width: 100%
}

.msg-content[data-v-8dd91b2a] {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 0 15px
}

.msg-content .item[data-v-8dd91b2a] {
    width: 100%;
    margin-bottom: 20px
}

.msg-content .item .other[data-v-8dd91b2a] {
    width: 100%;
    display: flex;
    margin-bottom: 20px
}

.msg-content .item .other .right[data-v-8dd91b2a] {
    margin-left: 10px;
    max-width: 80%
}

.msg-content .item .other .right .nickname[data-v-8dd91b2a] {
    padding-bottom: 4px;
    font-weight: 400;
    font-size: .8rem;
    color: #999;
    letter-spacing: 0;
    padding-top: 5px;
    box-sizing: border-box
}

.msg-content .item .other .right .msg[data-v-8dd91b2a] {
    background: #fbfbfb;
    border-radius: 0 10px 10px 10px;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    letter-spacing: .5px;
    margin-top: 5px;
    white-space: pre-line
}

.msg-content .item .other .right .img-box[data-v-8dd91b2a] {
    width: 200px
}

.msg-content .item .other .right .img-box img[data-v-8dd91b2a] {
    width: 100%;
    height: auto
}

.msg-content .item .main[data-v-8dd91b2a] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px
}

.msg-content .item .main .right[data-v-8dd91b2a] {
    margin-right: 10px;
    max-width: 80%
}

.msg-content .item .main .right .nickname[data-v-8dd91b2a] {
    text-align: right;
    padding-bottom: 4px;
    font-weight: 400;
    font-size: .8rem;
    color: #999;
    letter-spacing: 0;
    padding-top: 5px;
    box-sizing: border-box
}

.msg-content .item .main .right .msg[data-v-8dd91b2a] {
    background: #dceafd;
    border-radius: 10px 0 10px 10px;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    letter-spacing: .5px;
    margin-top: 5px;
    white-space: pre-line
}

.msg-content .item .main .right .img-box[data-v-8dd91b2a] {
    width: 200px
}

.msg-content .item .main .right .img-box img[data-v-8dd91b2a] {
    width: 100%;
    height: auto
}

.msg-content .item .user-img[data-v-8dd91b2a] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    overflow: hidden
}

.msg-content .item .user-img img[data-v-8dd91b2a] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.show-page[data-v-46e34d26] {
    width: 100%;
    height: 100vh;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box
}

.group-list[data-v-46e34d26] {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 98%;
    border: 1px solid #f4f5f9;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .05);
    border-radius: 5px;
    box-sizing: border-box;
    padding: 15px 0 0 0
}

.group-list .tem-title[data-v-46e34d26] {
    width: 100%;
    display: flex;
    font-size: 14px;
    color: #000;
    height: 30px;
    line-height: 30px;
    padding-left: 15px
}

.group-list .tem-title .line[data-v-46e34d26] {
    color: #aaa;
    margin: 0 10px
}

.group-list .tem-title .left[data-v-46e34d26],
.group-list .tem-title .right[data-v-46e34d26] {
    font-weight: 500
}

.group-list .tem-title .right[data-v-46e34d26] {
    display: flex
}

.group-list .tem-title .right span[data-v-46e34d26] {
    display: block;
    width: 6px;
    height: 6px;
    background: #41c300;
    border-radius: 50%;
    margin-top: 12px;
    margin-right: 10px
}

.group-list .bottom[data-v-46e34d26] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.group-list .bottom .list[data-v-46e34d26]::-webkit-scrollbar {
    width: 6px;
    height: 50px;
    background-color: transparent
}

.group-list .bottom .list[data-v-46e34d26]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9a999c
}

.group-list .bottom .list[data-v-46e34d26]::-webkit-scrollbar-track {
    border-radius: 10px
}

.group-list .bottom .list[data-v-46e34d26] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    max-height: 150px;
    overflow-y: scroll;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding-top: 10px;
    overflow-x: hidden
}

.group-list .bottom .list .list-item-pc[data-v-46e34d26] {
    flex-shrink: 0;
    width: 25%;
    box-sizing: border-box;
    padding-right: 15px;
    border-right: 1px solid #f4f5f9;
    margin-bottom: 20px;
    padding-left: 15px
}

.group-list .bottom .list .list-item-pc .group-msg[data-v-46e34d26] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.group-list .bottom .list .list-item-pc .group-msg .group-img[data-v-46e34d26] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 5px
}

.group-list .bottom .list .list-item-pc .group-msg .group-img img[data-v-46e34d26] {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.group-list .bottom .list .list-item-pc .group-msg .group-content[data-v-46e34d26] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    box-sizing: border-box;
    padding-left: 5px
}

.group-list .bottom .list .list-item-pc .group-msg .group-content .group-title[data-v-46e34d26] {
    max-width: 120px;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.group-list .bottom .list .list-item-pc .group-msg .group-content .desc[data-v-46e34d26] {
    font-size: 12px;
    width: 100%;
    max-width: 120px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.group-list .bottom .list .list-item-pc .group-handle[data-v-46e34d26] {
    width: 100%;
    display: flex;
    padding-left: 60px;
    box-sizing: border-box;
    font-size: 13px;
    color: #006eff;
    cursor: pointer
}

.group-list .bottom .list .list-item-pc .group-handle .icon[data-v-46e34d26] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.group-list .bottom .list .list-item-pc .group-handle .icon img[data-v-46e34d26] {
    width: 10px;
    height: 10px
}

.group-list .bottom .list .list-item-pc[data-v-46e34d26]:nth-child(4n) {
    border: none
}

.group-list .bottom .list .list-item-h5[data-v-46e34d26] {
    width: 31%;
    flex-shrink: 0;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    border-right: 1px solid #f4f5f9;
    margin-bottom: 20px;
    padding: 10px;
    margin-right: 2.333%;
    margin-bottom: 5px
}

.group-list .bottom .list .list-item-h5 .group-msg[data-v-46e34d26] {
    width: 100%
}

.group-list .bottom .list .list-item-h5 .group-msg .group-img[data-v-46e34d26] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 10px
}

.group-list .bottom .list .list-item-h5 .group-msg .group-img img[data-v-46e34d26] {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.group-list .bottom .list .list-item-h5 .group-msg .group-content[data-v-46e34d26] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    box-sizing: border-box;
    padding-left: 5px
}

.group-list .bottom .list .list-item-h5 .group-msg .group-content .group-title[data-v-46e34d26] {
    max-width: 120px;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.group-list .bottom .list .list-item-h5 .group-msg .group-content .desc[data-v-46e34d26] {
    font-size: 12px;
    width: 100%;
    max-width: 120px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    padding: 5px
}

.group-list .bottom .list .list-item-h5 .group-handle[data-v-46e34d26] {
    line-height: 20px;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    font-size: 13px;
    justify-content: center;
    color: #006eff;
    cursor: pointer
}

.group-list .bottom .list .list-item-h5 .group-handle .icon[data-v-46e34d26] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.group-list .bottom .list .list-item-h5 .group-handle .icon img[data-v-46e34d26] {
    width: 10px;
    height: 10px;
    margin: 0 auto
}

.group-list .bottom .list .list-item-h5[data-v-46e34d26]:nth-child(3n) {
    margin-right: 0
}

.group-list .bottom .list-h5[data-v-46e34d26] {
    background: #f8f8f8;
    padding-left: 10px;
    margin-bottom: 0
}

.group-list .bottom .handle-h5[data-v-46e34d26],
.group-list .bottom .handle[data-v-46e34d26] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 15px 10px 10px
}

.group-list .bottom .handle-h5 .item[data-v-46e34d26],
.group-list .bottom .handle .item[data-v-46e34d26] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-top: 10px;
    box-sizing: border-box
}

.group-list .bottom .handle-h5 .item .text[data-v-46e34d26],
.group-list .bottom .handle .item .text[data-v-46e34d26] {
    font-size: 12px;
    color: #999;
    text-align: center
}

.group-list .bottom .handle-h5 .item .icon[data-v-46e34d26],
.group-list .bottom .handle .item .icon[data-v-46e34d26] {
    margin: 0 auto
}

.group-list .bottom .handle-h5 .item .icon img[data-v-46e34d26],
.group-list .bottom .handle .item .icon img[data-v-46e34d26] {
    display: block;
    width: 16px;
    height: 12px;
    margin: 0 auto
}

.group-list .bottom .handle-h5[data-v-46e34d26] {
    box-sizing: border-box;
    background: #f8f8f8
}

.group-list .bottom .handle-h5 .item[data-v-46e34d26] {
    display: flex;
    flex-direction: row;
    line-height: 20px;
    justify-content: center
}

.group-list .bottom .handle-h5 .item .icon[data-v-46e34d26] {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.group-list .bottom .handle-h5 .item .icon img[data-v-46e34d26] {
    display: block;
    width: 9px;
    height: 5px;
    margin: 0 auto
}

.MsgListTem[data-v-46e34d26] {
    flex: 1;
    overflow-y: scroll;
    overflow-x: hidden
}

.footer[data-v-46e34d26] {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    border-top: 1px solid #f2f2f2
}

.footer .func-main[data-v-46e34d26] {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    padding: 10px 0
}

.footer .func-main .icon-img[data-v-46e34d26] {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    cursor: pointer
}

.footer .func-main .icon-img .icon[data-v-46e34d26] {
    margin: 0;
    padding: 0
}

.footer .func-main .icon-img i[data-v-46e34d26] {
    width: 100%;
    height: 100%
}

.footer .func-main .icon-img img[data-v-46e34d26] {
    width: 100%;
    height: 18px
}

.footer .pc-footer[data-v-46e34d26] {
    width: 100%;
    height: 123px;
    position: relative
}

.footer .pc-footer textarea[data-v-46e34d26] {
    margin: 0;
    padding: 0;
    background: none;
    resize: none;
    border: none;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    font-size: 14px;
    color: #333;
    line-height: 25px
}

.footer .pc-footer .btn-send[data-v-46e34d26] {
    position: absolute;
    padding: 8px 20px;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    font-weight: 400;
    background: #006eff;
    color: #fff;
    letter-spacing: 0;
    cursor: pointer;
    right: 0;
    bottom: 15px
}

.footer .h5-footer[data-v-46e34d26] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
    display: flex;
    justify-content: space-between
}

.footer .h5-footer .ipt-box[data-v-46e34d26] {
    flex: 1;
    margin: 0;
    padding: 0;
    background: none;
    resize: none;
    border: none;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 36px;
    overflow: hidden;
    margin-right: 15px;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 24px;
    font-size: 14px;
    color: #333;
    background: #f4f5f9;
    border-radius: 5px
}

.footer .h5-footer .ipt-box textarea[data-v-46e34d26] {
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
    resize: none;
    border: none;
    overflow-y: scroll;
    overflow-x: hidden;
    height: -moz-fit-content;
    height: fit-content;
    box-sizing: border-box;
    padding: 6px 10px;
    line-height: 24px;
    font-size: 14px;
    color: #333
}

.footer .h5-footer .btn-send[data-v-46e34d26] {
    padding: 0 20px;
    line-height: 24px;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    font-weight: 400;
    background: #006eff;
    color: #fff;
    letter-spacing: 0;
    height: 36px;
    cursor: pointer
}

.page-title[data-v-46e34d26] {
    width: 100%;
    box-sizing: border-box;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    color: #000;
    text-align: center;
    font-weight: 500
}

.topping-box[data-v-734b10de] {
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 15px
}

.topping-box .topping-title[data-v-734b10de] {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    color: #000
}

.topping-box .topping-item[data-v-734b10de] {
    width: 300px
}

.topping-box .topping-item .label-title[data-v-734b10de] {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px
}

.topping-box .topping-item .ipt-box[data-v-734b10de] {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px
}

.topping-box .topping-item .ipt-box input[data-v-734b10de] {
    background: none;
    outline: none;
    border: none;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 5px
}

.topping-box .topping-item .ipt-box textarea[data-v-734b10de] {
    background: none;
    outline: none;
    border: none;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    padding: 0 5px;
    resize: none;
    height: 100px;
    max-height: 120px
}

.topping-box .topping-item .check-box[data-v-734b10de] {
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    padding: 10px 0 15px 0
}

.topping-box .topping-item .check-box .check-item[data-v-734b10de] {
    display: flex
}

.topping-box .topping-item .check-box .check-item .check-label[data-v-734b10de] {
    font-size: 14px;
    color: #000;
    line-height: 25px
}

.topping-box .topping-item .check-box .check-item .check-icon[data-v-734b10de] {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.topping-box .topping-item .check-box .check-item .check-icon img[data-v-734b10de] {
    width: 25px;
    height: 25px
}

.topping-box .btn-box[data-v-734b10de] {
    display: flex;
    justify-content: flex-end
}

.topping-box .btn-box .btn-item[data-v-734b10de] {
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer
}

.topping-box .btn-box .btn-item.quxiao[data-v-734b10de] {
    background: rgba(0, 0, 0, .3)
}

.topping-box .btn-box .btn-item.queding[data-v-734b10de] {
    background: #006eff
}

.down_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: .8rem
}

.dowb_text {
    font-size: 1.2rem;
    color: #aaa
}

.dowb_text,
.down_push {
    margin-top: 1rem
}

.down_push button {
    display: flex;
    width: 16.75rem;
    height: 3.25rem;
    justify-content: center;
    align-items: center;
    border-radius: 1.75rem;
    background: #e02a52;
    color: #fff
}

.open_app {
    z-index: 999999
}

.open_app,
.open_max {
    width: 100%;
    height: 3rem
}

.open_max {
    margin: 0 auto;
    display: flex;
    background: rgba(0, 0, 0, .7);
    justify-content: space-between
}

.tips_close {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.tips_close a {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABy0lEQVRYR83ZzUrEMBAH8P/oU/hI3jwsiHoUBC8+jngRTwqKIL6T+BKiI6mpxN0mmY80cS+7dJvk10mTThNi5kMAt/j5XBLRa/w99IuZjwBcR8Q5MfM7gIN44BPAKRE9jVQy8zGAewD70fG2DQ3Hh2IXkME0QUOInxP9MGwGGQK3oaAqnNDtNigYzojocYKOxtaQwfcLHYWVIHegvbFS5CK0F1aDzELXxmqRRehaWAuyCm2NtSJF0FZYD1IM9WK9SBXUim2BVEO12FZIE1SKbYk0Q2vY+GhO88k5I5sSjDm/0Hz/edZrChawX7GevaS+kKqZka6IzohMF6fX7EY2gSaRfQCQRjH8FaIbclpTd6dX6+r6rajmoCct3sHcUGHXu98UXNAM8n8NptI8GW+J8dOTZDKXnKOZDtVdrwFozq2hVVBLw5YyS2gx1NOgp+yMFkFbNOStowr1NpB2o6euItRTcW5wWOvMQq0V1kZvJUXMZliL0DWRlawrm2ntQHsgLVjpIpkr6S3dDtLASJYdV0NqIltbyF0dKcWWlsa7IQXYTW6zoTuygt3ZFWnyIiaZS5UDbIKGDbE7AB8ArojoxdtQi/Jxt+Ymui6+AUqixOBV2f7TAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: .8rem .8rem
}

.app_text {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.app_text span {
    display: block;
    font-size: 13px;
    color: #fff
}

.app_text span img {
    display: block;
    width: 2.25rem;
    height: 2.25rem;
    margin-right: 1rem
}

.open_push {
    width: 6rem;
    height: 3rem
}

.open_push a {
    height: 3rem;
    background: #e02a52;
    font-size: 13px;
    color: #fff
}

.jump_index,
.jump_web,
.open_push a {
    display: flex;
    align-items: center;
    justify-content: center
}

.jump_index,
.jump_web {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 9999
}

.jump_down {
    background: #fff;
    border-radius: 1rem;
    width: 85%
}

.jump_close {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 1rem
}

.jump_close a {
    display: block;
    width: 3rem;
    height: 1.5rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACZ0lEQVQ4T63Uy2sTURQG8O/cCaNQu9BNpv0TXLlwKYL4KAgiXVSki6pQyGRqhKJY2lI7fQq2q2ATUgqFLrt0pRsXSl8qqLixCIpIElJLyKZJmN65R27IlGmaWBee7Z3748w53wzhPxVpJ5PJPGfmc0IIN5fLvXZdVx3np1Kp00T0SAjRHYvFzgZQLxE5zLwHYCqfz6//DVtYWDgViUTuAEgw8zfbtm/UoOXl5ZOe510EME1Ee1LK4Z2dnXfNMI0YhtFHRIMA3vi+/8xxnO0apMt13UhHR0cXgBEAFaXUeKFQ2AhjKysrbZVK5R4AB8CG7/szjuN81/cPoACzLOsaEU0BKCqlRguFwgeNaaRcLt8moofMvLW/vz+ZSCR+BI0cggIsGo1eJqIxIvKIaKharW6bptkLwCaidd/354NOWkL6YHV11SgWi11E9JiZfxPRJwDXAXwxDONpf3//z8atHukoPLNoNHpBCJECYAF4IaUcGxgY+NUsGi2hubm5tvb29m4AQ0TUBuCzEGI6m81+bLbNplA9J3fr23mplFoTQsR1J0qpkWAB4c6OQKGw3WfmDSnlxO7ubtayrCtENMzMZWaebozGIaghbG8Nw5gIBqsXUCqVLimlZnRoAQzn8/n3wWseQOFOiGhNSjnbuGId2nrORpm5KoQYy+VymxqrQUtLS2eklLeI6AGATc/zpsJhC89CY52dnVeVUpNEVFJKzcfj8Vc1KJ1ODwoh+gBs1b+dWuxblcZ0aIUQ48xs2rZ9vgYtLi4+YWadlWQsFvt63C9EnyeTyROmafYAuGnbdk/LHP0LFn7mDwGWMCJ6r4skAAAAAElFTkSuQmCC) no-repeat 100%;
    background-size: 1.3rem 1.3rem
}

.down_app {
    padding: 1rem 0
}

.down_dian {
    padding: 0 0 1rem 0
}

.app_title,
.dian_title {
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: 500
}

.app_title span {
    font-size: 16px;
    color: #e02a52
}

.doen_push {
    margin-top: 15px;
    flex-direction: column
}

.doen_push,
.doen_push button {
    display: flex;
    justify-content: center;
    align-items: center
}

.doen_push button {
    width: 13.95rem;
    height: 2rem;
    border-radius: 1.75rem;
    font-size: 15px;
    color: #fff;
    background: #e02a52;
    border: none
}

.doen_push p {
    margin-top: 1rem;
    font-size: 12.5px;
    color: #999
}

.down_link {
    margin: 0 auto;
    text-align: center;
    margin-top: .8rem
}

.down_link ul {
    margin: 0 3rem
}

.down_link li {
    display: flex;
    position: relative;
    padding: .3rem 0;
    font-size: 14px;
    color: #333
}

.down_link li a {
    display: block;
    font-size: 14px;
    color: #007bf2;
    position: absolute;
    right: 0
}

.down_link li span {
    font-size: 14px;
    color: #999
}

.gaozhi {
    margin-top: 1rem;
    color: #999;
    font-size: 11px;
    text-align: center
}

.down_links {
    display: flex;
    justify-content: space-between;
    margin: 1.5rem 3rem 0
}

.ma_img img {
    display: block;
    margin: 0 auto;
    width: 10rem;
    height: 10rem
}

.down_item {
    border: 1px solid #e02a52;
    border-radius: .6rem;
    justify-content: center;
    align-items: center;
    padding: .5rem 0
}

.down_item em,
.down_item span {
    display: block
}

.down_item span {
    font-size: 14px;
    color: #e02a52
}

.down_item em {
    font-size: 12px;
    color: #999;
    font-style: inherit
}

.tip_pop {
    background: rgba(0, 0, 0, .8);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1005
}

.tip_img {
    text-align: right;
    max-width: 750px;
    position: relative;
    height: 100%;
    margin: 0 auto
}

.tip_img img {
    display: inline-block;
    width: 26.8rem;
    margin-right: 1.5rem;
    margin-top: .5rem
}

@media screen and (min-width:640px) {
    .jump_down {
        width: 350px
    }
}

.broadcast-wrap[data-v-06f2f239] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.broadcast[data-v-06f2f239] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #000
}

.broadcast-box[data-v-06f2f239] {
    min-width: 850px;
    height: 90%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.broadcast-box iframe[data-v-06f2f239] {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.broadcast-box img[data-v-06f2f239] {
    width: 100%;
    height: 80vh;
    -o-object-fit: cover;
    object-fit: cover
}

.broadcast-bottom[data-v-06f2f239] {
    width: 100%;
    height: 93px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 20px;
    border-right: 1px solid #f7f7f7
}

.broadcast-bottom .left[data-v-06f2f239] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    box-sizing: border-box;
    padding: 20px 0
}

.broadcast-bottom .left .broadcast-title[data-v-06f2f239] {
    font-size: 24px;
    color: #010101;
    font-weight: 600
}

.broadcast-bottom .left .lecturer[data-v-06f2f239] {
    font-size: 16px;
    color: #999
}

.broadcast-bottom .right[data-v-06f2f239] {
    display: flex;
    box-sizing: border-box;
    padding-top: 32.5px
}

.broadcast-bottom .right .btn-item-gouwu[data-v-06f2f239] {
    position: relative;
    display: flex;
    min-width: 105px;
    height: 28px;
    background: #f7f7f7;
    border-radius: 14px;
    justify-content: space-between;
    margin-left: 15px;
    overflow: hidden
}

.broadcast-bottom .right .btn-item-gouwu .icon[data-v-06f2f239] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 30px;
    justify-content: center
}

.broadcast-bottom .right .btn-item-gouwu .icon img[data-v-06f2f239] {
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto
}

.broadcast-bottom .right .btn-item-gouwu .text[data-v-06f2f239] {
    background: #d70a25;
    font-size: 12px;
    line-height: 28px;
    flex: 1;
    text-align: center;
    cursor: pointer;
    color: #fff;
    box-sizing: border-box;
    padding: 0 10px;
    max-width: 300px
}

.broadcast-bottom .right .btn-item[data-v-06f2f239] {
    position: relative;
    display: flex;
    width: 105px;
    height: 28px;
    background: #f7f7f7;
    border-radius: 14px;
    justify-content: center;
    margin-left: 15px
}

.broadcast-bottom .right .btn-item .use-phone[data-v-06f2f239] {
    width: 130px;
    height: 150px;
    background: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);
    border-radius: 5px;
    position: absolute;
    top: -160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    display: none
}

.broadcast-bottom .right .btn-item .use-phone .use-phone-desc[data-v-06f2f239] {
    font-size: 12px;
    text-align: center;
    color: #999;
    line-height: 20px;
    padding-top: 10px
}

.broadcast-bottom .right .btn-item .use-phone img[data-v-06f2f239] {
    width: 110px;
    height: 100px;
    margin: 0 auto
}

.broadcast-bottom .right .btn-item .use-phone canvas[data-v-06f2f239] {
    margin: 0 auto
}

.broadcast-bottom .right .btn-item .icon[data-v-06f2f239] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.broadcast-bottom .right .btn-item .icon img[data-v-06f2f239] {
    width: 11px;
    height: 14px
}

.broadcast-bottom .right .btn-item .icon .active[data-v-06f2f239] {
    display: none
}

.broadcast-bottom .right .btn-item .text[data-v-06f2f239] {
    font-size: 14px;
    line-height: 28px;
    cursor: pointer;
    color: #000
}

.broadcast-bottom .right .btn-item:hover .use-phone[data-v-06f2f239] {
    display: flex
}

.broadcast-bottom .right .btn-item:hover .icon .active[data-v-06f2f239] {
    display: block
}

.broadcast-bottom .right .btn-item:hover .icon .normal[data-v-06f2f239] {
    display: none
}

.broadcast-bottom .right .btn-item:hover .text[data-v-06f2f239] {
    color: #006eff
}

.broadcast-bottom .right .btn-item-red .icon img[data-v-06f2f239] {
    width: 14px;
    height: 14px
}

.broadcast-bottom .right .btn-item-red[data-v-06f2f239]:hover {
    background: #e02a52
}

.broadcast-bottom .right .btn-item-red:hover .use-phone[data-v-06f2f239] {
    display: flex
}

.broadcast-bottom .right .btn-item-red:hover .icon .active[data-v-06f2f239] {
    display: block
}

.broadcast-bottom .right .btn-item-red:hover .icon .normal[data-v-06f2f239] {
    display: none
}

.broadcast-bottom .right .btn-item-red:hover .text[data-v-06f2f239] {
    color: #fff
}

.iframe-box[data-v-06f2f239] {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.iframe-box iframe[data-v-06f2f239] {
    width: 100%;
    min-height: 100%
}

.home-TUIKit-main[data-v-47e49890] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

.div-wrap[data-v-47e49890] {
    flex: 1;
    display: flex;
    overflow: hidden;
    z-index: 13;
    justify-content: space-between
}

.search[data-v-47e49890] {
    padding: 12px;
    z-index: 11;
    position: relative
}

.conversation[data-v-47e49890] {
    min-width: 285px;
    flex: 0 0 24%;
    border-right: 1px solid #f4f5f9
}

.conversation[data-v-47e49890]::-webkit-scrollbar {
    display: block
}

.conversation-h5[data-v-47e49890] {
    flex: 1;
    overflow: auto;
    border-right: 1px solid #f4f5f9
}

.chat[data-v-47e49890] {
    height: 100%;
    position: relative
}

.h5-chat[data-v-47e49890] {
    flex: 1;
    width: 100vw
}

.pc-chat[data-v-47e49890] {
    width: 380px
}

.callkit-drag-container[data-v-47e49890] {
    left: calc(50% - 25rem);
    top: calc(50% - 18rem);
    width: 50rem;
    height: 36rem;
    border-radius: 16px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.callkit-drag-container-mini[data-v-47e49890] {
    width: 168px;
    height: 56px;
    right: 10px;
    top: 70px
}

.nav[data-v-47e49890] {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 5rem;
    z-index: 9
}

.nav-list[data-v-47e49890] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    background: #f2f2f2
}

.nav-list li[data-v-47e49890] {
    width: 50%;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center
}

.nav-list li img[data-v-47e49890] {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    display: block
}

.pc-nav[data-v-47e49890] {
    width: 60px;
    position: relative;
    height: 100%;
    flex-shrink: 0;
    background: #333;
    box-sizing: border-box;
    padding: 60px 0;
    z-index: 12
}

.pc-nav .pc-edit[data-v-47e49890] {
    position: absolute;
    left: 70px;
    top: 10px;
    background: #fff
}

.pc-nav .avatar[data-v-47e49890] {
    width: 100%;
    display: flex;
    margin-bottom: 40px;
    justify-content: center
}

.pc-nav .avatar img[data-v-47e49890] {
    border-radius: 5px;
    width: 40px;
    height: 40px
}

.pc-nav .nav-item[data-v-47e49890] {
    display: flex;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 40px
}

.pc-nav .nav-item img[data-v-47e49890] {
    width: 40px;
    height: 40px;
    cursor: pointer
}

.share-tem[data-v-47e49890] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 90
}

.downloadTem[data-v-47e49890] {
    z-index: 14;
    width: 100%
}

.isShowDownload.TUI-contact {
    height: calc(100vh - 140px) !important
}

.isShowDownload .TUI-contact-main {
    top: 50px !important
}

.isShowDownload .transfer-h5 {
    height: calc(100vh - 50px) !important;
    top: 50px
}

.image-previewer {
    height: 90%
}

.isShowDownload .dialog-h5,
.isShowDownload .forward-h5,
.isShowDownload .image-previewer,
.isShowDownload .mask {
    height: calc(100vh - 50px) !important;
    top: 50px
}

.app-view[data-v-02a76b19] {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    background: #fff
}

.wx-dialog[data-v-02a76b19] {
    position: fixed;
    top: 50px;
    width: 80%;
    height: 400px;
    background: red;
    left: 10px
}

.dialog-msg[data-v-02a76b19] {
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 20px 0
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: .5s;
    --animate-delay: .5s;
    --animate-repeat: .5
}

.animate__animated {
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    animation-iteration-count: 1;
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    animation-iteration-count: 2;
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    animation-iteration-count: 3;
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    animation-delay: 1s;
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    animation-delay: 2s;
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    animation-delay: 3s;
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    animation-delay: 4s;
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    animation-delay: 5s;
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    animation-duration: .5s;
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    animation-duration: .8s;
    animation-duration: calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    animation-duration: 3s;
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animate__flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__pulse {
    animation-name: pulse;
    animation-timing-function: ease-in-out
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    animation-name: rubberBand
}

@keyframes shakeX {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    animation-name: shakeX
}

@keyframes shakeY {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    animation-name: shakeY
}

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

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.animate__headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.animate__swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__wobble {
    animation-name: wobble
}

@keyframes jello {

    0%,
    11.1%,
    to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.animate__heartBeat {
    animation-name: heartBeat;
    animation-duration: 1.3s;
    animation-duration: calc(var(--animate-duration)*1.3);
    animation-timing-function: ease-in-out
}

@keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    animation-name: backInDown
}

@keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    animation-name: backInLeft
}

@keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    animation-name: backInRight
}

@keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    animation-name: backInUp
}

@keyframes backOutDown {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    animation-name: backOutDown
}

@keyframes backOutLeft {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    animation-name: backOutLeft
}

@keyframes backOutRight {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    animation-name: backOutRight
}

@keyframes backOutUp {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    animation-name: backOutUp
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*0.75);
    animation-name: bounceIn
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.animate__bounceOut {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*0.75);
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    animation-name: fadeInTopLeft
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    animation-name: fadeInTopRight
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    animation-name: fadeInBottomLeft
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    animation-name: fadeInBottomRight
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    animation-name: fadeOutTopLeft
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    animation-name: fadeOutTopRight
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    animation-name: fadeOutBottomRight
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    animation-name: fadeOutBottomLeft
}

@keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*0.75);
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*0.75);
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedInRight {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    animation-name: lightSpeedInRight;
    animation-timing-function: ease-out
}

@keyframes lightSpeedInLeft {
    0% {
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        transform: skewX(5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    animation-name: lightSpeedInLeft;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    animation-name: lightSpeedOutRight;
    animation-timing-function: ease-in
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    animation-name: lightSpeedOutLeft;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    animation-name: rotateIn;
    transform-origin: center
}

@keyframes rotateInDownLeft {
    0% {
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    animation-name: rotateInDownLeft;
    transform-origin: left bottom
}

@keyframes rotateInDownRight {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    animation-name: rotateInDownRight;
    transform-origin: right bottom
}

@keyframes rotateInUpLeft {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    animation-name: rotateInUpLeft;
    transform-origin: left bottom
}

@keyframes rotateInUpRight {
    0% {
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    animation-name: rotateInUpRight;
    transform-origin: right bottom
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    animation-name: rotateOut;
    transform-origin: center
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
    transform-origin: left bottom
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    animation-name: rotateOutDownRight;
    transform-origin: right bottom
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
    transform-origin: left bottom
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    animation-name: rotateOutUpRight;
    transform-origin: right bottom
}

@keyframes hinge {
    0% {
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        transform: rotate(80deg);
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        transform: rotate(60deg);
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.animate__hinge {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2);
    animation-name: hinge;
    transform-origin: top left
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutDown {
    animation-name: zoomOutDown;
    transform-origin: center bottom
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    animation-name: zoomOutLeft;
    transform-origin: left center
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    animation-name: zoomOutRight;
    transform-origin: right center
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutUp {
    animation-name: zoomOutUp;
    transform-origin: center bottom
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.animate__slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.animate__slideOutUp {
    animation-name: slideOutUp
}