.search_box.data-v-3fea99d8 {
		position: relative;
		margin-top: 12px;
		height: 28px;
		padding: 0 16px;
		box-sizing: border-box;
}
.search_box .iconfont.data-v-3fea99d8 {
		position: absolute;
		top: 50%;
		left: 24px;
		transform: translateY(-50%);
}
.search_box input.data-v-3fea99d8 {
		border-bottom: 1px solid rgba(229, 229, 229, 1);
		font-size: 12px;
		color: rgba(153, 153, 153, 1);
		padding: 0 36px;
		box-sizing: border-box;
		height: 28px;
}
.no-data.data-v-3fea99d8 {
		padding-top: 26vh;
}
.no-data image.data-v-3fea99d8 {
		display: block;
		margin: 0 auto;
		width: 70px;
		height: 70px;
}
.no-data text.data-v-3fea99d8 {
		margin-top: 12px;
		display: block;
		font-size: 18px;
		color: #999999;
		text-align: center;
}
.chat_list.data-v-3fea99d8 {
		margin-top: 20px;
		padding: 0 16px;
		box-sizing: border-box;
}
.chat_item.data-v-3fea99d8 {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 16px;
		height: 78px;
		border: 1px solid rgba(213, 241, 242, 0.5);
		border-radius: 24px;
		padding: 16px;
		box-sizing: border-box;
}
.chat_item .avatar_box.data-v-3fea99d8 {
		position: relative;
		margin-right: 12px;
}
.chat_item .avatar.data-v-3fea99d8 {
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		object-fit: cover;
}
.chat_item .state_dot.data-v-3fea99d8 {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: #fff;
}
.chat_item .state_dot.data-v-3fea99d8::before {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 10px;
		height: 10px;
		border-radius: 50%;
		content: '';
}
.chat_item .online.data-v-3fea99d8 {
		background: rgba(93, 214, 77, 1);
}
.chat_item .offline.data-v-3fea99d8 {
		background: rgba(255, 109, 51, 1);
}
.chat_item .center_info.data-v-3fea99d8 {
		flex-grow: 1;
}
.chat_item .name.data-v-3fea99d8 {
		display: block;
		font-size: 16px;
		font-weight: 500;
		color: rgba(11, 41, 89, 1);
		line-height: 24px;
}
.chat_item .text.data-v-3fea99d8 {
		width: 300px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-top: 4px;
		display: block;
		font-size: 12px;
		color: rgba(43, 67, 105, 1);
		line-height: 18px;
}
.chat_item .right_info.data-v-3fea99d8 {
		position: absolute;
		top: 12px;
		right: 16px;
}
.chat_item .time.data-v-3fea99d8 {
		font-size: 12px;
		color: rgba(43, 67, 105, 1);
		line-height: 22px;
}