.main-chat[data-v-6b214142]{margin:0 auto;width:800px}.main-chat .chat[data-v-6b214142]{margin:0 auto;margin-top:20px;padding:0 2px 0 0;width:800px;background-color:#eee;border-bottom:1px solid #ccc}.main-chat .chat .chat-content[data-v-6b214142]{background-color:#eee;width:100%;padding:20px;overflow-y:scroll;max-height:400px;min-height:400px}.main-chat .chat .chat-content .word[data-v-6b214142]{display:flex;margin-bottom:20px}.main-chat .chat .chat-content .word img[data-v-6b214142]{width:40px;height:40px;border-radius:50%}.main-chat .chat .chat-content .word .avator[data-v-6b214142]{margin-top:20px;margin-left:6px}.main-chat .chat .chat-content .word .info[data-v-6b214142]{width:90%;margin-left:10px;text-align:left}.main-chat .chat .chat-content .word .info .time[data-v-6b214142]{width:100%;text-align:left;font-size:12px;color:rgba(51,51,51,.8);margin:0;height:20px;line-height:20px;margin-top:-5px;margin-left:-44px}.main-chat .chat .chat-content .word .info .info-content[data-v-6b214142]{float:left;max-width:400px;padding:10px;font-size:14px;background:#fff;position:relative;margin-top:8px;border-radius:6px;text-align:left;line-height:1.5rem;word-wrap:break-word;min-height:38.5px}.main-chat .chat .chat-content .word .info .info-content[data-v-6b214142]:before{position:absolute;left:-8px;top:8px;content:"";border-right:10px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}.main-chat .chat .chat-content .my-word[data-v-6b214142]{display:flex;justify-content:flex-end;margin-bottom:20px}.main-chat .chat .chat-content .my-word img[data-v-6b214142]{width:40px;height:40px;border-radius:50%}.main-chat .chat .chat-content .my-word .my-avator[data-v-6b214142]{margin-top:20px;margin-left:6px}.main-chat .chat .chat-content .my-word .my-info[data-v-6b214142]{width:90%;margin-left:10px;text-align:right}.main-chat .chat .chat-content .my-word .my-info .my-time[data-v-6b214142]{font-size:12px;color:rgba(51,51,51,.8);margin:0;height:20px;line-height:20px;margin-top:-5px;margin-right:-44px}.main-chat .chat .chat-content .my-word .my-info .my-info-content[data-v-6b214142]{max-width:60%;padding:10px;font-size:14px;float:right;margin-right:10px;position:relative;margin-top:8px;background:#a3c3f6;text-align:left;border-radius:6px;word-wrap:break-word;min-height:38.5px}.main-chat .chat .chat-content .my-word .my-info .my-info-content[data-v-6b214142]:after{position:absolute;right:-8px;top:8px;content:"";border-left:10px solid #a3c3f6;border-top:8px solid transparent;border-bottom:8px solid transparent}.main-chat .tools[data-v-6b214142]{position:relative;display:flex;align-items:center;padding-left:8px;width:100%;height:30px;background-color:#ececec;text-align:left}.main-chat .tools .icon[data-v-6b214142]{cursor:pointer;width:26px;height:26px;color:#7fffd4}.main-chat[data-v-6b214142] .el-textarea__inner{border:none;border-radius:0;background-color:#ececec}.main-chat .input-area[data-v-6b214142]{display:flex;flex-direction:column;background-color:#ececec;align-items:flex-end}.main-chat .input-area .el-button[data-v-6b214142]{background-color:#ddd;border:0;width:70px;height:30px;padding:0;color:#127ed8;margin:10px}.main-chat .input-area .el-button[data-v-6b214142]:hover{background-color:#ccc}.main[data-v-821f7382]{width:1200px;margin:0 auto}