.chat{position:relative;height:99%;border:1px solid #eee;overflow-y:scroll;display:flex;flex-direction:column;justify-content:flex-start;background-color:#e9e9e9}.chat .main{flex:1;padding:50px 0 70px}.chat .top{position:fixed;top:0;width:100%;height:50px;display:flex;align-items:center;font-weight:700;border-bottom:1px solid #e7e7e7;background-color:#e9e9e9}.chat .top .logoUser{width:50px;height:50px;border-radius:50%;margin:0 10px}.chat .top .back{width:6px;height:17px}.chat .top .back img{width:100%;height:100%}.chat .top .name{position:absolute;left:50%;transform:translateX(-50%);height:50px;line-height:50px;text-align:center}.message{display:flex;justify-content:space-between}.message .message-item{display:flex;width:100%;margin:5px}.message-item img,.message .message-left,.message .message-right{width:38px;height:38px}.message-item img{margin-top:5px;image-rendering:-webkit-optimize-contrast}.color{background-color:#00bfff;width:-moz-fit-content;width:fit-content}.content{flex:1;margin:0 10px}.content .color{font-weight:400;word-break:break-all;text-align:left}.textRight{float:right;background:#89d961;color:#48243a}.message-item .name{font-size:12px;color:#999;margin-bottom:5px}.message-item p{border:1px solid #eee;padding:10px;border-radius:5px;margin-top:5px;margin-bottom:10px}.me{flex-direction:row-reverse;text-align:right}.iconMe{margin-left:5px}.bom{position:fixed;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;background-color:#f2f2f2}.bom .btn{position:relative;top:5px;width:20px;height:20px;margin-left:10px}.input{flex:1;padding:10px;border:none;border-radius:5px;border-top:1px solid #ebebeb}input{padding:10px;border:none}.colorText{border-radius:5px;background-color:#fff}.time{margin:20px 0;width:100%;text-align:center;color:#999;font-size:12px}