
.chat_item {
	align-items: center;
	margin-left: 30rpx;
	margin-top: 16rpx;
	display: flex;
	height: 60rpx;
}
.chat_item view{
	font-size: 24rpx;
}
page {
	background-color: #ededed;
}
.chatInterface {}
.chatInterface .scroll-view {
	padding-left: 20rpx;
	padding-right: 20rpx;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 120rpx;
}
.chatInterface .scroll-view .all-history-loaded {
	font-size: 24rpx;
	height: 90rpx;
	line-height: 90rpx;
	width: 100%;
	text-align: center;
	color: grey;
}
.chatInterface .scroll-view .message-item {
	/* max-height: 400rpx; */
	margin-top: 30rpx;
	margin-bottom: 30rpx;
	overflow: hidden;
	display: flex;
}
.chatInterface .scroll-view .message-item.self {
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	flex-direction: row-reverse;
}
.chatInterface .scroll-view .message-item .avatar {
	width: 80rpx;
	height: 80rpx;
	margin-right: 20rpx;
	flex-shrink: 0;
	flex-grow: 0;
}
.chatInterface .scroll-view .message-item .avatar image {
	width: 100%;
	height: 100%;
}
.chatInterface .scroll-view .message-item.self .avatar {
	margin-left: 20rpx;
	margin-right: 0;
}
.chatInterface .scroll-view .content {
	font-size: 34rpx;
	line-height: 44rpx;
	/* max-height: 400rpx; */
	display: flex;
	align-items: center;
	justify-content: right;
	text-align: right;
	background-color: #ffffff;
	color: #ffffff;
	padding: 8px;
	border-radius: 6px;
	color: #0c1905;
	word-break: break-all;
	text-align: left;
	vertical-align: center;
	display: block;
}
.content2 {
	background-color: #ffffff!important;
}
.chatInterface .scroll-view .message-item.self .content {
	background-color: #95ec69;
}
.chatInterface .scroll-view .content .image-content {
	padding: 16rpx;
	border-radius: 12rpx;
	width: 300rpx;
	height: 300rpx;
}
.chatInterface .scroll-view .content .text-content {
	padding: 16rpx;
	border-radius: 12rpx;
	word-break: break-all;
	text-align: left;
	vertical-align: center;
	display: block;
}
.chatInterface .scroll-view .content .text-content ._img {
	width: 50rpx;
	height: 50rpx;
}
.chatInterface .scroll-view .content .red-packet {
	background-color: orange;
	color: #FFFFFF;
	font-size: 30rpx;
	width: 400rpx;
	height: 150rpx;
	border-radius: 10rpx;
	line-height: 80rpx;
	padding: 20rpx;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.chatInterface .scroll-view .content .red-packet image {
	width: 70rpx;
	height: 80rpx;
}
.chatInterface .scroll-view .content .pending {
	background: url(data:image/gif;base64,R0lGODlhEAAQALMMAKqooJGOhp2bk7e1rZ2bkre1rJCPhqqon8PBudDOxXd1bISCef///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAAMACwAAAAAEAAQAAAET5DJyYyhmAZ7sxQEs1nMsmACGJKmSaVEOLXnK1PuBADepCiMg/DQ+/2GRI8RKOxJfpTCIJNIYArS6aRajWYZCASDa41Ow+Fx2YMWOyfpTAQAIfkEBQAADAAsAAAAABAAEAAABE6QyckEoZgKe7MEQMUxhoEd6FFdQWlOqTq15SlT9VQM3rQsjMKO5/n9hANixgjc9SQ/CgKRUSgw0ynFapVmGYkEg3v1gsPibg8tfk7CnggAIfkEBQAADAAsAAAAABAAEAAABE2QycnOoZjaA/IsRWV1goCBoMiUJTW8A0XMBPZmM4Ug3hQEjN2uZygahDyP0RBMEpmTRCKzWGCkUkq1SsFOFQrG1tr9gsPc3jnco4A9EQAh+QQFAAAMACwAAAAAEAAQAAAETpDJyUqhmFqbJ0LMIA7McWDfF5LmAVApOLUvLFMmlSTdJAiM3a73+wl5HYKSEET2lBSFIhMIYKRSimFriGIZiwWD2/WCw+Jt7xxeU9qZCAAh+QQFAAAMACwAAAAAEAAQAAAETZDJyRCimFqbZ0rVxgwF9n3hSJbeSQ2rCWIkpSjddBzMfee7nQ/XCfJ+OQYAQFksMgQBxumkEKLSCfVpMDCugqyW2w18xZmuwZycdDsRACH5BAUAAAwALAAAAAAQABAAAARNkMnJUqKYWpunUtXGIAj2feFIlt5JrWybkdSydNNQMLaND7pC79YBFnY+HENHMRgyhwPGaQhQotGm00oQMLBSLYPQ9QIASrLAq5x0OxEAIfkEBQAADAAsAAAAABAAEAAABE2QycmUopham+da1cYkCfZ94UiW3kmtbJuRlGF0E4Iwto3rut6tA9wFAjiJjkIgZAYDTLNJgUIpgqyAcTgwCuACJssAdL3gpLmbpLAzEQA7) no-repeat center;
	background-size: 30rpx;
	width: 30rpx;
	height: 30rpx;
	margin-right: 10rpx;
	flex-grow: 0;
	flex-shrink: 0;
}
.chatInterface .scroll-view .content .send-fail {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAP1BMVEUAAADsWDrvWTrvWTruWjvuWTvsVz3rVEDuWTvuWTvuWDruWjvvWTvvWjruWTv////ygmzwblPvY0f0l4TxeGB8BezSAAAADnRSTlMAYN+v75BQEIDPsM/Pf6ieeMkAAACGSURBVBjTbZDbEoMgDESTgKC9bET7/9/aajBUcV/YnNmZkKVdmYMAr8DUlCKqxPGAP72NjTYtxd5hY2y+qC7m0g+K2Vl1NhczMa4QTKGHD5p6KIQe4h5KNZ8Gn74I6wpfxIBf5F/K8XqRbBXVoGo5gq2kUoPjqSYvycRyoJioicMESOC8T1/VVRDZtVqLEwAAAABJRU5ErkJggg==) no-repeat center;
	background-size: 30rpx;
	width: 30rpx;
	height: 30rpx;
	margin-right: 10rpx;
	flex-grow: 0;
	flex-shrink: 0;
}
.chatInterface .action-box {
	display: flex;
	-webkit-backdrop-filter: blur(0.27rpx);
	        backdrop-filter: blur(0.27rpx);
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	flex-direction: column;
	background-color: #FFFFFF;
}
.chatInterface .action-box .action-top {
	display: flex;
	padding-top: 30rpx;
	padding-bottom: 10rpx;
	-webkit-backdrop-filter: blur(0.27rem);
	        backdrop-filter: blur(0.27rem);
	height: 100rpx;
	background: #FAFAFA;
	width: 100%;
}
.chatInterface .action-box .action-top .record-icon {
	font-size: 32rpx;
	width: 80rpx;
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIBSURBVHgBzVM9bhNREJ6Zt2RdgTkByw2cAyCZgCBdUtLZPkG8ikBCFvg5kWMJZDYdZewTQJsCedPR4ZYKcwKQoGGx3zCzu1Ysr+MQKUVGepqd3/3e92YQLhB7+LZqjGkzQEXMMgLEzDx83dofrMo3q5yHvaiNiFoQyCnl7gAQd7ceb8Po0+nZcg0VkHT7dfmz1W/RHZfgXT3gOMx9VtEu13kFiIg1Tr84bLf2jxdCx51uvyxI2yhXFjtei0iaVFW7hAaF2F9KG2PG2/qrzcXa8OcaX/m/G11Vbl4j7+Co3xR9T8jtrOLlMpH6SNR3kiHbk3dogpnOXyJtZm1UIHTZl80TNhmwRux4qE4ks6tann+c2rdcc7mRKXEtjeUzRB6lthSdoe1GFUL+okhc8mcTjBeQMaOslEOX/BqkTfw7e/OJl/FuOEpiYv+bmjL598m2wrGgUFRl3PBP7KvnupydrBFGtHH7h57FtdHFNeyfZCk4EG4n6dJWH2zH6MEzndiHj55UZIJfMvFXQlROAkUrsc9uNmvA9PfHrac778WnVEwETSOOTzWeE9d9UyHyPsh9tXACurAwG9vWi3FGdC8wfkn2kOt5jlCBm4om523hFXpRQMCjPPFCUbJngmTepNDoHF2/bhB2JBzw+YJOADl2UzdUHuGqcnD0jvVclndtK/IPpijZWCSORqkAAAAASUVORK5CYII=) no-repeat center;
	background-size: 50%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.chatInterface .action-box .action-top .file-icon {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFtSURBVHgB7VNdTsJAEP5mMfrqEXoDjyCeQLxBewOBkAiEdkoDPih4BOAE6gnAG3iEHsFHNWHHrUmj3bamahNe+F622f1+ujM7wB67BqUf0fVdICKMGkBEPOq3w+RbpZt1mdteB5kDwoYgMQk5AjRBskQlR3Jz2qIA0rLyh90lT2auImr6/a5XwR7j6dy1temZ+k7U0A5HN01FOEFNyNxAUSNAA0ERMZrO10IS67f3kLkf5whEC3OThb2tLNJSi3imhiubaGrsJLVWh0drjm5buQDIg2lumKzlAVo/samjIW5QDkc11P14OrvM+uMxGHZZm7U84BcQwXEVXqYHZuzOw8nMoZ+bHOvt1uNRb1NFmw0AtQyhheI/jknRs36Fx9x7yTOKtcpy8fxBh5JG28Rg0Dnzr9oXzO0C83Ltn3tQFdkSKZyaSYQyq3kVSKYSVWFpiwOSd05wU4IZ+QWqwtJ+5abnn0NSD+r02uP/+ACSmKXh1rLKdgAAAABJRU5ErkJggg==) no-repeat center;
	background-size: 70%;
	color: #9D9D9D;
	position: relative;
	width: 80rpx;
	height: 80rpx;
	line-height: 80rpx;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.chatInterface .action-box .record-icon.record-open {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAM5SURBVHgBrVZdTttAEJ5ZB+epKJyg7g3CASpMeWgfyQmanqA1tJUCCmyIIFIpRJyA5AS0jxVS456A3AA/9tF9awLe6czahpAfGlpWsrzenZ2/b/YbI9wztNYl5T6pIsAKAZZ5ycu2Il6LiKhrroah1rVolg6cqrjV8hS4u0BYzZZiBAoJIbaHCD2ee0CZQaSOGQwb0wxNGNDNz+vKUac8LQFix1xfd3X9QzjVkf1PZcTCO1byWqIyiQl0/f2XmQaarfYuh62tMGFFbwd9mGPoVpsjpp5EhIi6XgsaEwYyz88IoE9DXNU6iOEBQ+t2CV3qscIyR1LJI8HUA8l5UTwAM8TlhyofNaKKdMF6SmY4WBZMlGykgIJn/sHzuwaC2JjrCk/ZEOuUCKz3VLwUQHdqwRsryOABOGUwFEuoev+oajVwSUKR38b1rdz2ZkdSCwpLAElfb3+0mDUOjjsCPDu8pHJhY+Ak9wTBWVeIp4xJ20Yoc3kWWJbl82+7V1BtmcuZ/DwlScfuuaaqHERbYvNWzFypSss6JkQf91rHl0gQ1bc2VuERR/Pg6Exuf0HAZUvh6OYe5xxtZBTXtzYrzYPjnqwnYE6chGJwHAugOLXXOjq1N5tpY4cxyXUYwF+Mg1eYZp1SzvEZjSj79uWtCLsJA6qy73SgL/L8/Jimq8CIRgS0NGZA6pe5h6wB9iS0ERgTOcAV49xGjER9ccTwmVEdfP6p6MEsV/7O1sYSPOLIsS1koa3r5qE/TmpyMx2XzmYpGc/7zTm5R4ItUaNghqqjXGpzPUu5hncki1AiGs33mIEZeVfKeWtp50qFThh+++2vvXyGgNWVF2tfw+/nP3NB//krQXYAqaKJh4wJw955dMd7ZgakQkeYYbcedDOyY7olJim+HP9HdtwBi4sXGWkKr6Vkp2uBNAvhIQ8XqCe5hwcOUY7uou0JtvGwcllXNwJMagIKIpQZkwutW96cui2o4rn0AtEx2tWmt0wmMNtvpdea5CRnyUnZQ98WR9q7Y8nCvS3z5iBjwhdIZ71WRvoXkV88bihyd0D6tl3g3j2ARp6WvxoYNcQ87gvjZvTh3RqkvpSplPl9RfEHm+Kpcde30qwAAAAASUVORK5CYII=) no-repeat center;
	background-size: 70%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.chatInterface .action-box .action-top .img-video {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFkSURBVHgB7VRBTsMwEFybCnqEH5QbT+DY9ABnfsAPaKiEUqo2bpASONCIH8APOHOAPIEftE/IGaEs3qg2JmmSyiDRQ+cQr9f2zO46a4At/hvMnNxEsY+IfWnugx1S4Pg48QaucuwoIwjjGAA9abbBHm1AdtztnbDk9SUhR+t7Dc/pm32wQyHcBVhARHGHI84ZYxc0JR831vOy2JLnZ4f6rC5xq+7A8k6EjEiMh+4ULMCbyMmmkebwVwImufzNkt+I8DpyOU7H15cOjVUiNA/CGVaJlwRMcn80yG0aV4kUyxjc3seNAkVyhZJIOHtT5MDZM1CTZay/TgYl8pUiAF21f+K5Zxl+OvLCFo0CVeQVmehgxOjqPQPmFPfX9kGdCCw71QQ1mrzwHz4zgzTfJKIOWEJE+myqfDoDme6D7Fif7+7Ni1GsDVRc8KRc+jWl16/bOz1gDI7A/kVNZaB3soQebLEx+ALm+tibj9s5vQAAAABJRU5ErkJggg==) no-repeat center;
	background-size: 73%;
}
.chatInterface .action-box .action-top .emoji-icon {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJiSURBVHgBrVRdchJBEO5uKHyyKjcQTiCeQHIC4QZwAkOIloYChuXPsoTFKt/JDUJOkHgC9wbiDfY1GKbtnv2pDX9qaVfB7vT2fPNN99eNsMeMMSdUeFpHgJcMWBZXUf3IEMjfihluuu3W1b69uAM2+FSlHC3k9QSO2wqY+9vAlF14Y98XsGsFk5PuALhp1/el7uU56s/ywwvL3BAaK8cacTGY+L29DPUDMxt5DQWo371szeGIecPpGRD23E2I5913rWYKaEbTOslpCmYZT027GcAfmBl9LBPmbxXUbmzNdC6WDtCbzL4Da+K5+TtmB5j6jswaS5hht5I8ldzJcWEQcd553+w/ApA8y8FnCSP19cezW2FWUUKUQ3jlIqViySYkqrhrMFd3KGHki2MiF/CNg0Cs5GVZ1IUFSvPGhHOwNmSg5TaeBTxFtnX+SVepD2lJzL7o9Dl64xmrU2UB/2AJDsF/NopFCsPhl2eJUwtlzKR4aJPKxZOY7FqfQjEgZHa5s3RfS09B9Knw5Ft2U2KDD7PXTnvopBJbzgEKuR95Qf0qr1UZAlptp0G72dQonxMp4UJy40tyg5hBma3r8VBjUgLaMfJRenNJdu2qFaqOvLGIVK/QeXOn1ZRW7It/JbEVdjqDUH0qYI1JGEdNITqWQRG1XiTka3cyP0jrvf3r1hMdNxSQIkYXS5lxn/WDBiRMj1maS9nDmTH2SHv90dRIuyXjyM07C5sgYayVp0KhipLvOAWgRHrt85TA7oDV3o6SXITjJoWxjaSfDwJmgaM+x6JWN2EtfRuoMrSYxjTD7X2/AH+QLNZiXWvwAAAAAElFTkSuQmCC) no-repeat center;
	background-size: 60%;
}
.more-icon {
	height: 60rpx;
	line-height: 60rpx;
	background: url(data:image/png;base64,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) no-repeat;
	background-size: 40rpx 40rpx;
	color: #82868E;
	background-position: 0 10rpx;
	text-indent: 45rpx;
}
.chatInterface .action-box .action-bottom .more-item {
	display: flex;
	flex-direction: column;
	width: 150rpx;
	height: 150rpx;
	margin-right: 20rpx;
	align-items: center;
}
.chatInterface .action-box .action-bottom .more-item image {
	height: 80rpx;
	width: 80rpx;
}
.chatInterface .action-box .action-bottom .more-item text {
	font-size: 20rpx;
	text-align: center;
	line-height: 50rpx;
	color: #82868e;
}
.chatInterface .action-box .action-top .record-input {
	width: 460rpx;
	height: 80rpx;
	line-height: 80rpx;
	border-radius: 12rpx;
	font-size: 28rpx;
	background: #cccccc;
	color: #ffffff;
	text-align: center;
}
.chatInterface .action-box .action-top .message-input {
	border-radius: 12rpx;
	background: #EFEFEF;
	height: 80rpx;
}
.chatInterface .action-box .action-top .message-input input {
	width: 420rpx;
	height: 80rpx;
	line-height: 80rpx;
	padding-left: 20rpx;
	font-size: 28rpx;
}
.chatInterface .action-box .action-top .send-message-btn {
	font-size: 30rpx;
	width: 120rpx;
	line-height: 80rpx;
	height: 80rpx;
	color: #f5fffe;
	text-align: center;
	background-color: #07c160;
	border-radius: 10rpx;
	margin-left: 16rpx;
}
.chatInterface .action-bottom {
	height: 300rpx;
	width: 100%;
	padding: 20rpx;
	box-sizing: border-box;
	display: flex;
}
.chatInterface .action-bottom image {
	width: 100rpx;
	height: 100rpx;
}
.chatInterface .record-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300rpx;
	height: 300rpx;
	margin: -150rpx -150rpx;
	background: #262628;
	background: url(data:image/gif;base64,[encoded data, 16164 characters]) no-repeat center;
	background-size: 100%;
	border-radius: 40rpx;
}
.chatInterface .img-layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000000;
	z-index: 9999;
	padding: 6rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}
.chatInterface .img-layer uni-image {
	height: 100% !important;
}
.chatInterface .img-layer {
	height: 100% !important;
	width: 100% !important;
}
.chatInterface .content .file-content .file-info {
	height: 0.5rem;
	width: 1.5rem;
	display: flex;
	flex-direction: column;
	padding: 0 0.1rem;
}
.chatInterface .content .file-content .file-info .title {
	height: 0.3rem;
	line-height: 0.3rem;
	overflow: hidden;
	font-size: 0.16rem;
	padding: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	color: #262628;
	text-align: left;
}
.chatInterface .content .file-content .file-info .size {
	font-size: 0.14rem;
	height: 0.2rem;
	line-height: 0.2rem;
	padding: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	color: #999999;
	text-align: left;
}
.chatInterface .video-snapshot {
	position: relative;
	height: 300rpx !important;
	overflow: hidden;
	max-width: 400rpx;
	background: #000000;
}
.chatInterface .video-snapshot image {
	/* max-height: 300rpx; */
	max-width: 400rpx;
}
.chatInterface .video-snapshot video {
	/* max-height: 300rpx; */
	max-width: 400rpx;
}
.chatInterface .video-snapshot .video-play-icon {
	position: absolute;
	width: 40rpx;
	height: 40rpx;
	border-radius: 20rpx;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHFSURBVHgB5VftUcMwDFU4BggTkA0IE5Bu0BHCBHSEMgHdIN2AYwJ3g7JBwwTtBkICmaq+xJFN+MW7e+21lvTkLykB+G8oUowRsaGvB2It9DgRe+IbcVcURQ9zgAWJDu3oiBXkgpxL4qsK6IgrYs1jgR0ntyUexPbItpAKzlgFOcgyW/3WKtkXsCIQ3erZZcawiZPh3ovCLxCIr6aMW7+8MAPkPPg9r2KGPsMKZoLa882YgZ9tFwnylHpd5NQfheWQgRPhJhLE6RNrTYBnKz7t0OBXVhMBtLC/ai1MCy8HV1MdApcorBOoI36V2O3595Ua82vfQx4qIl/DwTur6ncZCs+FpcVIC/fyfQN54A71TLwfGlSnme3gOnBk3EE6dsTHiXbo9/+DP35mTE4nCcCH4BZseCcuyHdh6MENnJO8hKow6zFvuY/JLQ9jFVEqDI5WmEyoiuhiRr7C2PtoXFR3qDpmWKK1ldmEncTaWIxrVZGyxGUCnapqtq1T+4KY3o0avHxsMvv6AHUQoBvbJzw/8DmVsMPcQyqHY4uXOErQTriX//R4C3NAEljheHdiMX4UNtXqpDeJMBH47khc8U6zvT38NT4B7i4KZnxWPwoAAAAASUVORK5CYII=) no-repeat center;
	background-size: 100%;
	top: 50%;
	left: 50%;
	margin: -20rpx;
}
.chatInterface .group-icon {
	right: 20rpx;
	width: 60rpx;
	height: 60rpx;
	top: 14rpx;
	position: fixed;
	right: 20rpx;
	top: 120rpx;
	background-color: #C4C4C4;
	z-index: 2;
	border-radius: 60rpx;
}
.uni-toast {
	background-color: #ffffff !important;
}
.time-lag {
	font-size: 20rpx;
	text-align: center;
}
.chatInterface .custom-message {
	width: 400rpx;
	height: 260rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-start;
	box-sizing: border-box;
	padding: 10rpx 30rpx;
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
	border-radius: 20rpx;
}
.chatInterface .custom-message .title {
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 30rpx;
}
.chatInterface .custom-message .title image {
	width: 40rpx;
	height: 40rpx;
}
.chatInterface .custom-message .custom-message-item {
	text-align: left;
	font-size: 28rpx;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

