.message {
	padding: 10px;
	height: 348px;
	overflow-y: auto;
	background-color: #FDFDFD;
}
.receive_message {
	display: flex;
	margin-bottom: 10px;
	align-items: flex-start;
	text-align: left;
	line-height: 40px;
}
.receive_message>span {
	padding: 4px 5px;
	margin-left: 5px;
	font-size: 16px;
	border: #65C9FF 1px solid;
	background-color: #65C9FF;
	border-radius: 0 6px 6px 6px;
}
.receive_message>span>img:hover {
	cursor: pointer;
}
.send_message {
	display: flex;
	margin-bottom: 10px;
	align-items: flex-start;
	flex-direction: row-reverse;
	text-align: right;
	line-height: 40px;
}
.send_message>span {
	padding: 4px 5px;
	margin-right: 5px;
	font-size: 16px;
	border: #65C9FF 1px solid;
	background-color: #65C9FF;
	border-radius: 6px 0px 6px 6px;
}
.send_message>span>img:hover {
	cursor: pointer;
}
.receive_message>img, .send_message>img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.send {
	height: 170px;
	border-top: #CCC 1px solid;
}
.tools {
	display: flex;
	align-items: center;
	height: 30px;
}
.tools>i {
	margin-left: 10px;
	font-size: 20px;
}
.tools>i:hover {
	color: #65C9FF;
	cursor: pointer;
}
.text {
	height: 90px;
}
.text>textarea {
	min-height: 90px;
	resize: none;
}
.send-button{
	margin-top: 8px;
	text-align: right;
}
.send-button>button {
	margin-right: 20px;
}
.faces {
	display: none;
	position: absolute;
	top: 236px;
	left: 10px;
	padding: 4px;
	width: 320px;
	height: 128px;
	border: #CCC 1px solid;
	background-color: #FFF;
	box-shadow: #D2D2D2 4px 4px 10px;
}
.faces>img:hover{
	background-color: #65C9FF;
	cursor: pointer;
}
.message_time{
	text-align: center;
	color: #888;
}