.Ttalk_center_show[data-v-5b8792aa] {
    opacity: 1 !important
}

.Ttalk_center_notshow[data-v-5b8792aa], .Ttalk_center_show[data-v-5b8792aa] {
    position: fixed !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.Ttalk_center_notshow[data-v-5b8792aa] {
    opacity: 0 !important;
    pointer-events: none
}

@-webkit-keyframes fadeInRight-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateX(-335px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRight-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateX(-335px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRight[data-v-5b8792aa] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight-data-v-5b8792aa;
    animation-name: fadeInRight-data-v-5b8792aa
}

@-webkit-keyframes fadeoutRight-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateX(0)
    }
    to {
        opacity: 1;
        transform: translateX(-580px)
    }
}

@keyframes fadeoutRight-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateX(0)
    }
    to {
        opacity: 1;
        transform: translateX(-580px)
    }
}

.fadeoutRight[data-v-5b8792aa] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeoutRight-data-v-5b8792aa;
    animation-name: fadeoutRight-data-v-5b8792aa
}

@-webkit-keyframes fadeInleft-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateX(325px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInleft-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateX(325px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInleft[data-v-5b8792aa] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInleft-data-v-5b8792aa;
    animation-name: fadeInleft-data-v-5b8792aa
}

@-webkit-keyframes fadeoutleft-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateX(0)
    }
    to {
        opacity: 1;
        transform: translateX(600px)
    }
}

@keyframes fadeoutleft-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateX(0)
    }
    to {
        opacity: 1;
        transform: translateX(600px)
    }
}

.fadeoutleft[data-v-5b8792aa] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeoutleft-data-v-5b8792aa;
    animation-name: fadeoutleft-data-v-5b8792aa
}

@-webkit-keyframes fadeIntop-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateY(-155px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeIntop-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateY(-155px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeIntop[data-v-5b8792aa] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIntop-data-v-5b8792aa;
    animation-name: fadeIntop-data-v-5b8792aa
}

@-webkit-keyframes fadeouttop-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateY(0)
    }
    to {
        opacity: 1;
        transform: translateY(-640px)
    }
}

@keyframes fadeouttop-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateY(0)
    }
    to {
        opacity: 1;
        transform: translateY(-640px)
    }
}

.fadeouttop[data-v-5b8792aa] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeouttop-data-v-5b8792aa;
    animation-name: fadeouttop-data-v-5b8792aa
}

@-webkit-keyframes fadeInbottom-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateY(155px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInbottom-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateY(155px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInbottom[data-v-5b8792aa] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInbottom-data-v-5b8792aa;
    animation-name: fadeInbottom-data-v-5b8792aa
}

@-webkit-keyframes fadeoutbottom-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateY(0)
    }
    to {
        opacity: 1;
        transform: translateY(540px)
    }
}

@keyframes fadeoutbottom-data-v-5b8792aa {
    0% {
        opacity: 0;
        transform: translateY(0)
    }
    to {
        opacity: 1;
        transform: translateY(540px)
    }
}

.fadeoutbottom[data-v-5b8792aa] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeoutbottom-data-v-5b8792aa;
    animation-name: fadeoutbottom-data-v-5b8792aa
}

.TTalk_InvitationMessage[data-v-5b8792aa] {
    opacity: 0;
    width: 320px;
    position: fixed
}

.TTalk_close[data-v-5b8792aa] {
    float: right;
    margin-right: 10px;
    font-style: normal;
    font-size: 24px;
    cursor: pointer
}

.TTalk_all_leaveMessage .TTalk_leaveMessage[data-v-5b8792aa] {
    width: 320px;
    box-shadow: 0 2px 11px 4px rgba(66, 66, 66, .12);
    border-radius: 12px;
    overflow: hidden
}

.TTalk_all_leaveMessage .TTalk_leaveMessage .TTalk_message_top[data-v-5b8792aa] {
    height: 48px;
    padding: 0 20px;
    background: #fff
}

.TTalk_all_leaveMessage .TTalk_leaveMessage .TTalk_message_top .TTalk_top_title[data-v-5b8792aa] {
    font-size: 16px;
    font-weight: 600;
    color: #333
}