html, body, #app{
	height: 100%;
	background-color: #f1f1f1;
}
.nine-content-001{
	display: flex;
	flex-direction: column;
	width: 750rpx;
	height: calc(100vh - 0px);
	margin: 0;
	padding: 0;
	background-color: #f1f1f1;
}
.chat-body {
	/* #ifdef MP-WEIXIN */
	background-color: #fff;
	/* #endif */
}
.chat-body-main{
	padding-top: 20rpx;
	padding-left: 20rpx;
	padding-right: 20rpx;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 100rpx;
}
.chat-body-history{
	width: 100%;
	height: 90rpx;
	line-height: 90rpx;
	font-size: 24rpx;
	color: grey;
	text-align: center;
}
.chat-body-history-have{
	color: rgb(79, 172, 249);
}
.chat-conversation{
	display: flex;
	align-items: flex-start;
	padding: 20rpx 5rpx;
	word-break: break-all;
}
.chat-conversation-text{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 20rpx;
}
.chat-conversation-text-time{
	font-size: 10px;
	color: gray;
}
.chat-conversation-text-text{
	position: relative;
	display: flex;
	align-items: center;
	max-width: 70%;
	min-height: 45rpx;
	padding: 15rpx 20rpx;
	border-radius: 10rpx;
	background-color: #FFF;
	/* #ifdef MP-WEIXIN */
	background-color: #f1f1f1;
	/* #endif */
}
.chat-conversation-text-text::after {
	content: '';
	position: absolute;
	top: 16rpx;
	left: -35rpx;
	border-width: 19rpx;
	border-style: solid;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: #FFF;
	/* #ifdef MP-WEIXIN */
	border-right-color: #f1f1f1;
	/* #endif */
	border-bottom-color: transparent;
}
.chat-conversation-mine{
	align-items: flex-start;
	flex-direction: row-reverse;
}
.chat-conversation-mine .chat-conversation-text{
	align-items: flex-end;
}
.chat-conversation-mine .chat-conversation-text-time{
	text-align: right;
}
.chat-conversation-mine .chat-conversation-text-text{
	background: #9ede86 !important;
}
.chat-conversation-mine .chat-conversation-text-text::after {
	left: auto !important;
	right: -35rpx !important;
	border-left-color: #9ede86 !important;
	border-right-color: transparent !important;
}
.chat-conversation-image{
}
.chat-conversation-image-image{
	width: 80rpx;
	height: 80rpx;
	padding: 5rpx;
	border-radius: 10rpx;
}

.chat-footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100rpx;
	background-color: #fff;
	display: flex;
	/* #ifdef MP-WEIXIN */
	border-top: 1rpx solid #f1f1f1;
	/* #endif */
}
.chat-footer-send{
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10rpx;
}
.chat-footer-send-image{
	padding: 0 10rpx;
	width: 60rpx;
	height: 60rpx;
}
.chat-footer-send-input{
	flex-grow: 1;
	text-align: left;
	padding: 15rpx;
	border-radius: 5rpx;
	background-color: #f9f9f9;
}
.chat-footer-send-say{
	flex-grow: 1;
	text-align: center;
	padding: 20rpx;
	border-radius: 5rpx;
	background-color: #f9f9f9;
}
.chat-footer-send-button{
	line-height: 65rpx;
	margin: 0 10rpx;
	color: #FFFFFF;
	background-color: #0000ff;
	border-radius: 10rpx;
}
.chat-footer-send-button-span{
	padding: 0 25rpx;
}

// 允许文本复制
.nine-user-select {
	cursor: auto;
	-webkit-user-select: text;
	user-select: text;
}