.scroll-box[data-v-4c755128]{overflow:hidden;overflow-y:scroll;position:relative}.scroll-box[data-v-4c755128]::-webkit-scrollbar{width:0}.chat-content1[data-v-4c755128]{width:100%;height:60vh}.chat-content1 .chat-complate[data-v-4c755128]{height:100%;display:flex;justify-content:center;align-items:center}.chat-content1 .chat-complate .empty-text[data-v-4c755128]{line-height:60px;width:50%;color:#909399;text-align:center}.chat-content1 .ohou[data-v-4c755128]{text-align:center}.chat-content1 .word[data-v-4c755128]{display:flex;flex-direction:column;padding:15px 10px}.chat-content1 .word .time[data-v-4c755128]{font-size:12px;color:#9098aa;margin:0;display:flex;line-height:20px;margin-top:-5px;text-align:left;margin-left:52px}.chat-content1 .word .main[data-v-4c755128]{display:flex}.chat-content1 .word .main img[data-v-4c755128]{margin-left:10px;width:40px;height:40px;border-radius:50%}.chat-content1 .word .main .info[data-v-4c755128]{margin-left:10px;flex:1;text-align:left}.chat-content1 .word .main .userImage[data-v-4c755128]{margin:auto 0}.chat-content1 .word-my[data-v-4c755128]{display:flex;justify-content:flex-end;flex-direction:column;padding:15px 10px}.chat-content1 .word-my img[data-v-4c755128]{margin-right:10px;width:40px;height:40px;border-radius:50%}.chat-content1 .word-my .time[data-v-4c755128]{text-align:right;font-size:12px;color:#9098aa;margin:0;display:flex;justify-content:flex-end;line-height:20px;margin-top:-5px;margin-right:60px}.chat-content1 .word-my .main[data-v-4c755128]{display:flex;justify-content:flex-end}.chat-content1 .word-my .main .info[data-v-4c755128]{margin-left:10px;text-align:right;flex:1}.chat-content1 .word-my .main .userImage[data-v-4c755128]{width:40px;height:40px;border-radius:50%;background:rgba(72,145,255,.2);color:#4891ff;font-size:12px;display:flex;align-items:center;justify-content:center;margin:auto 0}.chat-content1 .nick-name[data-v-4c755128]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:11em;margin-right:2px}.scroll-box[data-v-821732c4]{overflow:hidden;overflow-y:scroll;position:relative}.scroll-box[data-v-821732c4]::-webkit-scrollbar{width:0}.chat-content1[data-v-821732c4]{width:100%;height:60vh}.chat-content1 .chat-complate[data-v-821732c4]{height:100%;display:flex;justify-content:center;align-items:center}.chat-content1 .chat-complate .empty-text[data-v-821732c4]{line-height:60px;width:50%;color:#909399;text-align:center}.chat-content1 .ohou[data-v-821732c4]{text-align:center}.chat-content1 .word[data-v-821732c4]{display:flex;flex-direction:column;padding:15px 10px}.chat-content1 .word .time[data-v-821732c4]{font-size:12px;color:#9098aa;margin:0;display:flex;line-height:20px;margin-top:-5px;text-align:left;margin-left:52px}.chat-content1 .word .main[data-v-821732c4]{display:flex}.chat-content1 .word .main img[data-v-821732c4]{margin-left:10px;width:40px;height:40px;border-radius:50%}.chat-content1 .word .main .info[data-v-821732c4]{margin-left:10px;text-align:left;flex:1}.chat-content1 .word .main .userImage[data-v-821732c4]{width:40px;height:40px;border-radius:50%;background:rgba(72,145,255,.2);color:#4891ff;font-size:12px;display:flex;align-items:center;justify-content:center;margin:auto 0}.chat-content1 .word-my[data-v-821732c4]{display:flex;justify-content:flex-end;flex-direction:column;padding:15px 10px}.chat-content1 .word-my img[data-v-821732c4]{margin-right:10px;width:40px;height:40px;border-radius:50%}.chat-content1 .word-my .time[data-v-821732c4]{text-align:right;font-size:12px;color:#9098aa;margin:0;display:flex;justify-content:flex-end;line-height:20px;margin-top:-5px;margin-right:60px}.chat-content1 .word-my .main[data-v-821732c4]{display:flex;justify-content:flex-end}.chat-content1 .word-my .main .info[data-v-821732c4]{margin-left:10px;text-align:right;flex:1}.chat-content1 .word-my .main .userImage[data-v-821732c4]{width:40px;height:40px;border-radius:50%;background:rgba(72,145,255,.2);color:#4891ff;font-size:12px;display:flex;align-items:center;justify-content:center;margin:auto 0}.chat-content1 .nick-name[data-v-821732c4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:11em;margin-right:2px}[data-v-764fff0a].audio-record{padding:7px 10px;border-radius:6px;background:#fff;position:relative;margin-top:5px}[data-v-764fff0a].audio-record .x-audio-wrap{height:20px;box-shadow:none}[data-v-764fff0a].audio-record.left .x-sector{border-right:2px solid #5cadff;border-top:2px solid #5cadff}[data-v-764fff0a].audio-record.left .x-sector .x-dot{background:#5cadff}[data-v-764fff0a].audio-record.left .x-sector:after,[data-v-764fff0a].audio-record.left .x-sector:before{border-right:2px solid #5cadff;border-top:2px solid #5cadff}[data-v-764fff0a].audio-record.right{background:#4996f6;margin-right:10px}@-webkit-keyframes play-dot-data-v-764fff0a{0%{background:#fff}to{background:#1d61b5}}@keyframes play-dot-data-v-764fff0a{0%{background:#fff}to{background:#1d61b5}}@-webkit-keyframes play-sector-data-v-764fff0a{0%{border-color:#fff}to{border-color:#1d61b5}}@keyframes play-sector-data-v-764fff0a{0%{border-color:#fff}to{border-color:#1d61b5}}[data-v-764fff0a].audio-record.right .x-audio-wrap{transform:rotateY(180deg)}[data-v-764fff0a].audio-record.right .x-sector{border-right:2px solid #fff;border-top:2px solid #fff}[data-v-764fff0a].audio-record.right .x-sector .x-dot{background:#fff}[data-v-764fff0a].audio-record.right .x-sector:after,[data-v-764fff0a].audio-record.right .x-sector:before{border-right:2px solid #fff;border-top:2px solid #fff}[data-v-764fff0a].audio-record.right .x-time{transform:rotateY(-180deg);color:#fff}.x-sector.play[data-v-764fff0a]{-webkit-animation:play-sector-data-v-764fff0a .3s ease-in-out .1s;animation:play-sector-data-v-764fff0a .3s ease-in-out .1s}.x-sector.play[data-v-764fff0a]:before{-webkit-animation:play-sector-data-v-764fff0a .3s ease-in-out .2s;animation:play-sector-data-v-764fff0a .3s ease-in-out .2s}.x-sector.play[data-v-764fff0a]:after{-webkit-animation:play-sector-data-v-764fff0a .3s ease-in-out .3s;animation:play-sector-data-v-764fff0a .3s ease-in-out .3s}.x-sector.play .x-dot[data-v-764fff0a]{-webkit-animation:play-dot-data-v-764fff0a .3s ease-in-out;animation:play-dot-data-v-764fff0a .3s ease-in-out}.file-record[data-v-533f9f08]{display:flex;flex-direction:row;width:180px;cursor:pointer}.file-record-content[data-v-533f9f08]{width:0;flex:1;display:flex;flex-direction:column;height:60px;margin-right:4px;font-size:13px}.file-record-title[data-v-533f9f08]{padding-top:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.file-record-size[data-v-533f9f08]{flex:1;padding-top:6px;font-size:12px;color:#acabab}.file-record-img[data-v-533f9f08]{display:flex;align-items:center;font-size:26px}.file-record-img img[data-v-533f9f08]{width:42px;height:44px;border-radius:0!important}.file-record.left[data-v-533f9f08]{font-size:14px;padding:7px 10px;border-radius:6px;background:#fff;position:relative;margin-top:5px}.file-record.left[data-v-533f9f08]:before{position:absolute;left:-8px;top:50%;transform:translateY(-50%);content:"";border-right:10px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}.file-record.right[data-v-533f9f08]{padding:7px 10px;border-radius:6px;font-size:14px;top:0;right:0;margin-right:10px;position:relative;margin-top:5px;background:#fff;text-align:left}.file-record.right[data-v-533f9f08]:after{position:absolute;right:-8px;top:50%;transform:translateY(-50%);content:"";border-left:10px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}.info-record[data-v-4cbe224c]{font-size:14px;padding:7px 10px;border-radius:6px;position:relative;margin-top:5px}.info-record.left[data-v-4cbe224c]{background:#dee0e3}.info-record.left[data-v-4cbe224c]:before{position:absolute;left:-8px;top:50%;transform:translateY(-50%);content:"";border-right:10px solid #dee0e3;border-top:8px solid transparent;border-bottom:8px solid transparent}.info-record.right[data-v-4cbe224c]{top:0;right:0;margin-right:10px;background:#4996f6;color:#d7e8fd;text-align:left}.info-record.right[data-v-4cbe224c]:after{position:absolute;right:-8px;top:50%;transform:translateY(-50%);content:"";border-left:10px solid #4996f6;border-top:8px solid transparent;border-bottom:8px solid transparent}