.body[data-v-2586bcdc]{text-align:center;display:inline-block;padding:5px}.loader[data-v-2586bcdc]{width:1em;height:1em;border-radius:50%;text-indent:-9999em;-webkit-animation:load-effect-data-v-2586bcdc 1s linear infinite;animation:load-effect-data-v-2586bcdc 1s linear infinite}@-webkit-keyframes load-effect-data-v-2586bcdc{0%{box-shadow:0 -3em 0 .2em var(--color),2em -2em 0 0 var(--color),3em 0 0 -.5em var(--color),2em 2em 0 -.5em var(--color),0 3em 0 -.5em var(--color),-2em 2em 0 -.5em var(--color),-3em 0 0 -.5em var(--color),-2em -2em 0 0 var(--color)}12.5%{box-shadow:0 -3em 0 0 var(--color),2em -2em 0 .2em var(--color),3em 0 0 0 var(--color),2em 2em 0 -.5em var(--color),0 3em 0 -.5em var(--color),-2em 2em 0 -.5em var(--color),-3em 0 0 -.5em var(--color),-2em -2em 0 -.5em var(--color)}25%{box-shadow:0 -3em 0 -.5em var(--color),2em -2em 0 0 var(--color),3em 0 0 .2em var(--color),2em 2em 0 0 var(--color),0 3em 0 -.5em var(--color),-2em 2em 0 -.5em var(--color),-3em 0 0 -.5em var(--color),-2em -2em 0 -.5em var(--color)}37.5%{box-shadow:0 -3em 0 -.5em var(--color),2em -2em 0 -.5em var(--color),3em 0 0 0 var(--color),2em 2em 0 .2em var(--color),0 3em 0 0 var(--color),-2em 2em 0 -.5em var(--color),-3em 0 0 -.5em var(--color),-2em -2em 0 -.5em var(--color)}50%{box-shadow:0 -3em 0 -.5em var(--color),2em -2em 0 -.5em var(--color),3em 0 0 -.5em var(--color),2em 2em 0 0 var(--color),0 3em 0 .2em var(--color),-2em 2em 0 0 var(--color),-3em 0 0 -.5em var(--color),-2em -2em 0 -.5em var(--color)}62.5%{box-shadow:0 -3em 0 -.5em var(--color),2em -2em 0 -.5em var(--color),3em 0 0 -.5em var(--color),2em 2em 0 -.5em var(--color),0 3em 0 0 var(--color),-2em 2em 0 .2em var(--color),-3em 0 0 0 var(--color),-2em -2em 0 -.5em var(--color)}75%{box-shadow:0 -3em 0 -.5em var(--color),2em -2em 0 -.5em var(--color),3em 0 0 -.5em var(--color),2em 2em 0 -.5em var(--color),0 3em 0 -.5em var(--color),-2em 2em 0 0 var(--color),-3em 0 0 .2em var(--color),-2em -2em 0 0 var(--color)}87.5%{box-shadow:0 -3em 0 0 var(--color),2em -2em 0 -.5em var(--color),3em 0 0 -.5em var(--color),2em 2em 0 -.5em var(--color),0 3em 0 -.5em var(--color),-2em 2em 0 0 var(--color),-3em 0 0 0 var(--color),-2em -2em 0 .2em var(--color)}to{box-shadow:0 -3em 0 .2em var(--color),2em -2em 0 0 var(--color),3em 0 0 -.5em var(--color),2em 2em 0 -.5em var(--color),0 3em 0 -.5em var(--color),-2em 2em 0 -.5em var(--color),-3em 0 0 -.5em var(--color),-2em -2em 0 0 var(--color)}}@keyframes load-effect-data-v-2586bcdc{0%{box-shadow:0 -3em 0 .2em var(--color),2em -2em 0 0 var(--color),3em 0 0 -.5em var(--color),2em 2em 0 -.5em var(--color),0 3em 0 -.5em var(--color),-2em 2em 0 -.5em var(--color),-3em 0 0 -.5em var(--color),-2em -2em 0 0 var(--color)}12.5%{box-shadow:0 -3em 0 0 var(--color),2em -2em 0 .2em var(--color),3em 0 0 0 var(--color),2em 2em 0 -.5em var(--color),0 3em 0 -.5em var(--color),-2em 2em 0 -.5em var(--color),-3em 0 0 -.5em var(--color),-2em -2em 0 -.5em var(--color)}25%{box-shadow:0 -3em 0 -.5em var(--color),2em -2em 0 0 var(--color),3em 0 0 .2em var(--color),2em 2em 0 0 var(--color),0 3em 0 -.5em var(--color),-2em 2em 0 -.5em var(--color),-3em 0 0 -.5em var(--color),-2em -2em 0 -.5em var(--color)}37.5%{box-shadow:0 -3em 0 -.5em var(--color),2em -2em 0 -.5em var(--color),3em 0 0 0 var(--color),2em 2em 0 .2em var(--color),0 3em 0 0 var(--color),-2em 2em 0 -.5em var(--color),-3em 0 0 -.5em var(--color),-2em -2em 0 -.5em var(--color)}50%{box-shadow:0 -3em 0 -.5em var(--color),2em -2em 0 -.5em var(--color),3em 0 0 -.5em var(--color),2em 2em 0 0 var(--color),0 3em 0 .2em var(--color),-2em 2em 0 0 var(--color),-3em 0 0 -.5em var(--color),-2em -2em 0 -.5em var(--color)}62.5%{box-shadow:0 -3em 0 -.5em var(--color),2em -2em 0 -.5em var(--color),3em 0 0 -.5em var(--color),2em 2em 0 -.5em var(--color),0 3em 0 0 var(--color),-2em 2em 0 .2em var(--color),-3em 0 0 0 var(--color),-2em -2em 0 -.5em var(--color)}75%{box-shadow:0 -3em 0 -.5em var(--color),2em -2em 0 -.5em var(--color),3em 0 0 -.5em var(--color),2em 2em 0 -.5em var(--color),0 3em 0 -.5em var(--color),-2em 2em 0 0 var(--color),-3em 0 0 .2em var(--color),-2em -2em 0 0 var(--color)}87.5%{box-shadow:0 -3em 0 0 var(--color),2em -2em 0 -.5em var(--color),3em 0 0 -.5em var(--color),2em 2em 0 -.5em var(--color),0 3em 0 -.5em var(--color),-2em 2em 0 0 var(--color),-3em 0 0 0 var(--color),-2em -2em 0 .2em var(--color)}to{box-shadow:0 -3em 0 .2em var(--color),2em -2em 0 0 var(--color),3em 0 0 -.5em var(--color),2em 2em 0 -.5em var(--color),0 3em 0 -.5em var(--color),-2em 2em 0 -.5em var(--color),-3em 0 0 -.5em var(--color),-2em -2em 0 0 var(--color)}}.message[data-v-0d9909cd]{display:flex;flex-direction:column;width:100%;height:100%;background-color:#f9f9f9;position:relative}.message .header[data-v-0d9909cd]{width:100%;padding:16px 14px;box-sizing:border-box}.message .header .header-top[data-v-0d9909cd]{width:100%;min-height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.message .header .header-top .header-top-search-view[data-v-0d9909cd]{flex:1;padding:6px 0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.message .header .header-top .header-top-search-view .header-top-search-view-title[data-v-0d9909cd]{font-size:14px;color:#333;margin-right:10px;margin-bottom:6px;font-weight:700}.message .header .header-top .header-top-search-view .header-top-search-view-ip[data-v-0d9909cd]{width:150px;margin-left:10px;margin-bottom:6px}.message .header .header-top .header-top-search-view .header-top-search-view-btn[data-v-0d9909cd]{margin-left:20px;margin-bottom:6px}.message .header .header-top .header-top-search-view .header-top-search-view-date-picker[data-v-0d9909cd]{margin-right:10px;margin-bottom:6px}.message .header .header-bottom[data-v-0d9909cd]{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:19px;color:#333;margin-top:6px}.message .header .header-bottom .header-nickname[data-v-0d9909cd]{font-size:16px;margin-right:10px}.message .header .info[data-v-0d9909cd]{color:#7f7f7f;margin-right:10px;font-size:25px;float:right;line-height:10px}.message .header .info[data-v-0d9909cd]:hover{color:#3f3f3f}.message .message-wrapper[data-v-0d9909cd]{flex:1;padding:0 15px 18px 15px;box-sizing:border-box;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;overflow-y:overlay}.message .message-wrapper .more[data-v-0d9909cd]{text-align:center;color:#2c90ff;margin-top:8px;font-size:12px}.message .message-wrapper .message-item[data-v-0d9909cd]{margin-top:16px}.message .message-wrapper .message[data-v-0d9909cd]{margin-bottom:15px}.message .message-wrapper .time[data-v-0d9909cd]{width:100%;font-size:12px;margin-top:7px;margin-bottom:10px;text-align:center}.message .message-wrapper .time span[data-v-0d9909cd]{display:inline-block;padding:4px 6px;color:#fff;border-radius:3px;background-color:#dcdcdc}.message .message-wrapper .main[data-v-0d9909cd]{min-height:40px}.message .message-wrapper .main .avatar[data-v-0d9909cd]{cursor:pointer;float:left;margin-left:15px;border-radius:3px}.message .message-wrapper .main .text-msg[data-v-0d9909cd]{padding:6px 10px;max-width:330px;min-height:36px;line-height:24px;box-sizing:border-box;font-size:14px;text-align:left;word-break:break-all;background-color:#fff;border:1px solid #ececec;border-radius:4px;white-space:pre-wrap}.message .message-wrapper .main .text-msg[data-v-0d9909cd]:hover{border:1px solid #e7e7e7}.message .message-wrapper .main .text-msg[data-v-0d9909cd]:after,.message .message-wrapper .main .text-msg[data-v-0d9909cd]:before{position:absolute;display:block;width:0;height:0;content:"";border:solid transparent}.message .message-wrapper .main .content[data-v-0d9909cd]{display:inline-block;margin-left:10px;position:relative}.message .message-wrapper .main .content-room[data-v-0d9909cd]{margin-top:6px}.message .message-wrapper .main .nickname[data-v-0d9909cd]{font-size:12px;color:#999;margin-bottom:8px}.message .message-wrapper .main .nickname-right[data-v-0d9909cd]{text-align:right}.message .message-wrapper .main .nickname-left[data-v-0d9909cd]{text-align:left;position:relative;left:10px}.message .message-wrapper .other .text-msg[data-v-0d9909cd]:before{border-right-color:#e7e7e7;border-width:6px;top:11px;right:100%}.message .message-wrapper .other .text-msg[data-v-0d9909cd]:after{top:12px;border-right-color:#fff;border-width:5px;right:100%}.message .message-wrapper .other .content[data-v-0d9909cd]:before{border-right-color:#e7e7e7;border-width:6px;top:11px;right:100%}.message .message-wrapper .other .content[data-v-0d9909cd]:after{top:12px;border-right-color:#fff;border-width:5px;right:100%}.message .message-wrapper .self[data-v-0d9909cd]{display:flex;flex-direction:row-reverse}.message .message-wrapper .self .avatar[data-v-0d9909cd]{margin:0 15px}.message .message-wrapper .self .text-msg[data-v-0d9909cd]:before{border-width:6px;top:11px;left:100%}.message .message-wrapper .self .text-msg[data-v-0d9909cd]:after{top:12px;border-left-color:#9eea6a;border-width:5px;left:100%}.message .message-wrapper .self .text-msg[data-v-0d9909cd]{background-color:#9eea6a}.message .message-wrapper .self .text-msg[data-v-0d9909cd]:before{right:-12px;vertical-align:middle;border-right-color:transparent;border-left-color:#9eea6a}.quote-view-preview[data-v-0d9909cd]{width:calc(100% - 40px);padding:10px 20px;background-color:#fff;position:absolute;left:0;bottom:0;display:flex;flex-direction:column}.quote-view-preview .quote-view-preview-top[data-v-0d9909cd]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.quote-view-preview .quote-view-preview-top .quote-view-preview-top-username[data-v-0d9909cd]{color:#333;font-size:15px}.quote-view-preview .quote-view-preview-top .quote-view-preview-top-username .quote-view-preview-top-tip[data-v-0d9909cd]{font-size:15px;color:#e6a23c;margin-right:4px}.quote-view-preview .quote-view-preview-bottom[data-v-0d9909cd]{padding:5px 0;color:#333;font-size:15px}.revoke[data-v-0d9909cd]{margin-top:3px;font-size:10px;color:red;margin-left:10px}.voice-box-none[data-v-0d9909cd]{position:relative;width:3px;height:3px;border-radius:50%;background:#666}.voice-box-none[data-v-0d9909cd]:before{top:-6px;left:-6px;width:10px;height:10px}.voice-box-none[data-v-0d9909cd]:after,.voice-box-none[data-v-0d9909cd]:before{content:" ";position:absolute;border:2px solid transparent;border-right:2px solid #666;border-radius:50%}.voice-box-none[data-v-0d9909cd]:after{top:-10px;left:-9px;width:18px;height:18px}.voice-box[data-v-0d9909cd]{position:relative;width:3px;height:3px;border-radius:50%;background:#666}.voice-box[data-v-0d9909cd]:before{top:-6px;left:-6px;width:10px;height:10px;-webkit-animation:fadeInOut-data-v-0d9909cd 1s .2s infinite;animation:fadeInOut-data-v-0d9909cd 1s .2s infinite}.voice-box[data-v-0d9909cd]:after,.voice-box[data-v-0d9909cd]:before{content:" ";position:absolute;border:2px solid transparent;border-right:2px solid #666;border-radius:50%}.voice-box[data-v-0d9909cd]:after{top:-10px;left:-9px;width:18px;height:18px;-webkit-animation:fadeInOut-data-v-0d9909cd 1s .4s infinite;animation:fadeInOut-data-v-0d9909cd 1s .4s infinite}.flex-column[data-v-0d9909cd]{display:flex;flex-direction:column}.align-items-end[data-v-0d9909cd]{align-items:flex-end}.align-items-start[data-v-0d9909cd]{align-items:flex-start}.sysmsg[data-v-0d9909cd]{width:100%;text-align:center;color:#aaa;font-size:13px}.reply-suggestion[data-v-0d9909cd]{padding:10px 55px;font-size:15px;display:flex;align-items:center}.reply-suggestion .tip[data-v-0d9909cd]{color:green;margin-right:5px;width:70px}.reply-suggestion .apply-btn[data-v-0d9909cd]{margin-right:50px;font-size:20px}.reply-suggestion .content[data-v-0d9909cd]{background:#9eea6a;padding:6px 10px;border-radius:5px;font-size:14px;max-width:330px;line-height:24px}@-webkit-keyframes fadeInOut-data-v-0d9909cd{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut-data-v-0d9909cd{0%{opacity:0}to{opacity:1}}