*{margin:0;padding:0}.speak-btn[data-v-86417868]{width:100%;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;z-index:9999}.dialog-box[data-v-86417868]{width:100vw;height:100vh;position:fixed;left:0;top:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;z-index:999}.dialog-box img[data-v-86417868]{display:block;width:48vw;height:48vw}.voice-bg{width:26.667vw;background-color:#ff2283;border-radius:2.667vw;padding:2.667vw 5.333vw 1.333vw;position:relative}.voice-bg .voice-bg-duration{position:absolute;top:2.667vw;left:12vw;color:#fff;font-weight:500}.voice-bg img{width:4vw}.time-box{width:64vw;max-height:29.333vw;border-radius:2.667vw;background:#fff;box-sizing:border-box;padding:4vw}.time-box .time-box1{height:2.933vw;font-size:2.933vw;font-weight:500;color:#ff2283;line-height:2.933vw;margin-bottom:2.667vw}.time-box .time-box3{font-size:3.467vw;font-weight:500;color:#0c0c0c;line-height:4.533vw;margin-top:4vw}.time-box22{width:64vw;border-radius:2.667vw;background:#fff;box-sizing:border-box;padding:4vw}.time-box22 .time-box23{font-size:3.467vw;font-weight:500;color:#0c0c0c;line-height:6.133vw;margin-bottom:2.667vw}.time-box22 .time-box24{font-size:3.467vw;color:#ff2283;line-height:6.667vw}.chat-main{height:100vh;display:flex;flex-direction:column}.chat-main .chatCardBox{width:92vw;height:24vw;background-color:#fff;position:fixed;left:4vw;bottom:17.333vw;display:flex;box-sizing:border-box;padding:2.667vw}.chat-main .chatCardBox .chatCardBoxImage{width:18.667vw;height:18.667vw;border-radius:1.333vw;background-color:#ccc;margin-right:2.667vw;overflow:hidden}.chat-main .chatCardBox .chatCardBoxImage img{display:block;width:100%}.chat-main .chatCardBox .chatCardBoxRight{width:calc(100% - 21.333vw)}.chat-main .chatCardBox .chatCardBoxRight1{font-size:3.733vw;color:#666867}.chat-main .chatCardBox .chatCardBoxRight2{font-size:3.733vw;color:#ff2283;margin:1.333vw 0}.chat-main .chatCardBox .chatCardBoxRight2 span{color:#acacac;font-size:2.933vw;margin-left:2.667vw}.chat-main .chatCardBox .chatCardBoxRight3{width:30.667vw;height:5.333vw;border-radius:.8vw;background-color:#ff2283;color:#fff;font-size:3.467vw;text-align:center;line-height:5.333vw}.chat-main .chat-header{height:16vw;display:flex;align-items:center;background-color:#ff2283;font-size:4.267vw;color:#fff}.chat-main .chat-header .t-icon{margin-left:5.333vw}.chat-main .chat-header div{width:100%;text-align:center}.chat-main .chat-box{width:100%;background-color:#e5e5e5;flex:1;box-sizing:border-box;overflow-x:auto;padding:2.667vw 2.133vw 0}.chat-main .chat-box1{padding-bottom:29.333vw}.chat-main .sound-img{width:4vw;margin:0 2.667vw 0 2.667vw;box-sizing:border-box}.chat-main .chat-bottom{line-height:0;width:100vw;background-color:#fff;padding:1.867vw;display:flex;align-items:center;overflow:hidden;box-sizing:border-box}.chat-main .chat-bottom *{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.chat-main .chat-bottom input{-webkit-user-select:auto}.chat-main .chat-bottom .send-img{width:5.867vw;margin-left:2.667vw;margin-right:1.333vw}.chat-main .chat-bottom .c-input{height:9.333vw;border:1px solid #eee;box-sizing:border-box;padding:1.867vw;outline:none;font-size:3.2vw;flex:1}.chat-main .chat-bottom .c-input2{box-sizing:border-box;text-align:center;color:#c9c9c9;font-size:4.267vw;display:flex;align-content:center;justify-content:center;padding:0;line-height:8vw;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chat-main .chat-bottom .c-btn{width:16vw;height:9.333vw;margin-left:1.867vw}.chat-main .chat-bottom .up-image{width:6.133vw;height:6.133vw;margin-left:1.867vw}.chat-main .chat-item{display:flex;margin-bottom:4vw;justify-content:left;text-align:left}.chat-main .chat-item .chat-item-img{width:10.667vw;height:10.667vw;border-radius:8vw;background-color:#ccc;margin-right:1.867vw;overflow:hidden}.chat-main .chat-item .chat-item-img img{display:block;width:100%}.chat-main .chat-item .chat-item-right .chat-item-right-time{font-size:2.933vw;margin-bottom:1.333vw}.chat-main .chat-item .chat-item-right .chat-item-right-title{font-size:2.933vw;color:#666;margin-bottom:1.867vw}.chat-main .chat-item .chat-item-right .chat-item-right-title span{background:red;padding:1px 1.067vw;border-radius:1px;font-size:1.6vw;color:#fff;font-weight:600;line-height:1.6vw;font-style:italic}.chat-main .chat-item .chat-item-right .chat-item-right-title .chat-item-right-title-ico{margin-bottom:-.533vw;padding-left:1.6vw;width:13.333vw}.chat-main .chat-item .chat-item-right .card-message-box{width:64vw;border-radius:2.667vw;background-color:#fff}.chat-main .chat-item .chat-item-right .card-message-box .card-message-img{width:100%;max-height:64vw;overflow:hidden}.chat-main .chat-item .chat-item-right .card-message-box .card-message-img img{display:block;width:100%}.chat-main .chat-item .chat-item-right .card-message-box .card-message-bottom{width:100%;height:17.333vw;box-sizing:border-box;padding:2.667vw 4vw}.chat-main .chat-item .chat-item-right .card-message-box .card-message-bottom .card-message-bottom1{color:#ff2283;font-size:3.733vw;margin-bottom:.8vw}.chat-main .chat-item .chat-item-right .card-message-box .card-message-bottom .card-message-bottom1 span{color:#acacac;font-size:2.933vw;margin-left:2.133vw}.chat-main .chat-item .chat-item-right .card-message-box .card-message-bottom .card-message-bottom2{color:#666867;font-size:3.733vw}.chat-main .chat-item .chat-item-right .chat-item-right-message{max-width:64vw;padding:2.667vw;border-radius:1.333vw;font-size:3.467vw;color:#0c0c0c;line-height:6.133vw;background-color:#fff;white-space:pre-wrap}.chat-main .chat-item .chat-item-right .chat-item-left-message{max-width:64vw;padding:2.667vw;border-radius:1.333vw;border-color:#f8e6d4;border-width:.533vw;border-style:solid;font-size:3.467vw;color:#373b3d;line-height:6.133vw;background-color:#fff8ef;white-space:pre-wrap}.chat-main .chat-item .chat-item-right .chat-item-right-img{max-width:100%;width:26.667vw;background-color:#fff;border-radius:2.667vw;overflow:hidden}.chat-main .chat-item .chat-item-right .chat-item-right-img img{display:block;width:100%}.chat-main .chat-item1{justify-content:flex-end;text-align:right}.chat-main .chat-item1 .chat-item-img{margin-left:2.133vw;margin-right:0}.chat-main .chat-item1 .chat-item-right-title{text-align:right}