.zk-im-message {
	background-color: #FFFFFF;
	&_head{
		height: 120rpx;
		background-color: $gl_background;
		flex-direction: row;
		align-items: center;
		padding: 0 30rpx;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
		&-hul{
			flex: 1;
			flex-direction: row;
			align-items: center;
			&-htext{
				font-size: 40rpx;
				color: #FFFFFF;
				flex: 1;
			}
		}
	}
	&_line{
		height: 140rpx;
	}
	&-item {
		flex-direction: row;
		align-items: center;
	}
	&-avbox{
		width: 100rpx;
		height: 100rpx;
		margin-left: 30rpx;
		margin-right: 20rpx;
	}
	&-avator {
		width: 100rpx;
		height: 100rpx;
		border-radius: 100rpx;
	}
	&-text {
		flex: 1;
		border-bottom-style: solid;
		border-bottom-width: 1rpx;
		border-bottom-color: #F1F1F1;
		padding: 20rpx 20rpx 20rpx 0;
		&_p1 {
			flex-direction: row;
			align-items: center;
			margin-bottom: 6rpx;
		}
		&_p3 {
			flex: 1;
			font-size: 36rpx;
			color: #333333;
		}
		&_p4 {
			font-size: 30rpx;
			color: #999999;
		}
		&_p2 {
			font-size: 30rpx;
			color: #999999;
			width: 600rpx;
			text-overflow: ellipsis;
			overflow: hidden;
			lines: 1;
			/* #ifdef H5 */
			white-space: nowrap;
			/* #endif */
			/* #ifdef MP-WEIXIN */
			white-space: nowrap;
			/* #endif */
		}
	}
	&_buts{
		flex-direction: row;
		align-items: center;
		justify-content: center;
		background-color: red;
		padding: 0 60rpx;
		&-b{
			flex-direction: row;
			color: #FFFFFF;
			font-size: 38rpx;
		}
	}
	&_but2{
		background-color: #c7c6cc;
	}
}