.chat{width:100%}.chat .face{width:32px;height:32px;border-radius:50%}.chat .picture{max-width:100px;max-height:100px;border:3px solid #ddd}.chat.chatleft .chatbody,.chat.chatleft .face{float:left}.chat.chatright .chatbody,.chat.chatright .face{float:right}.chat .chatbody{display:block;min-width:50px;min-height:30px;background:#ddd;position:relative;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px}.chat.chatleft .chatbody{margin-left:20px}.chat.chatright .chatbody{margin-right:20px}.chat .chatbody:after{content:"";position:absolute;top:-5px;width:16px;height:16px;border-width:0;border-style:solid;border-color:transparent;border-bottom-width:10px;border-bottom-color:#ddd}.chat.chatleft .chatbody:after{right:100%;border-radius:0 0 0 16px}.chat.chatright .chatbody:after{left:100%;border-radius:0 0 16px 0}