body {
	background: #f6f6fc;
	font-size: 0.32rem;
}
* {
	touch-action: pan-y;
}
/* .mui-icon-pulldown:before{
	display: none;
} */
.chat_top_header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

.chat_info {
	background: #fff;
	padding: 0.4rem 0.32rem 0.15rem 0.32rem;
	border-bottom: 0.01rem solid #f1f1f1;
}

.chat_info .info_warp {
	float: left;
}

.chat_info .info_warp .info_profile {
	width: 0.96rem;
	height: 0.96rem;
	border-radius: 50%;
	float: left;
}

.chat_info .info_warp .info_detail {
	float: left;
	margin-top: 0.08rem;
	margin-left: 0.2rem;
}

.chat_info .info_warp .info_detail .info_name {
	margin-bottom: 0.08rem;
	color: #111;
	font-weight: 600;
}

.chat_info .info_warp .info_detail .assistant_name {
	margin-top: 0.2rem;
}

.chat_info .info_warp .info_detail .info_title {
	color: #999999;
}

.no_follow {
	position: fixed;
	width: 0.8rem;
	top: 1.2rem;
	font-size: 0.24rem;
	left: 0.4rem;
	background: #e0e0e0;
	text-align: center;
	border-radius: 0.08rem;
	color: #999;
	display: none;
}

.assistant_info {
	margin-left: 0.8rem;
}

.service_btn_list {
	width: 100%;
	float: left;
	margin-top: 0.2rem;
}

.service_btn_list .service_btn {
	width: 1.92rem;
	height: 0.48rem;
	line-height: 0.48rem;
	display: inline-block;
	text-align: center;
	color: #37d488;
	border: 0.01rem solid #37d488;
	border-radius: 0.04rem;
	font-size: 0.2rem;
	margin: 0.15rem;
}
.service_btn_list .grayBtn {
	color: #999999;
	background: #f9f9f9;
	border: none;
}

.top_btn {
	width: 100%;
	background: #fff;
	text-align: center;
	padding-top: 0.24rem;
	padding-bottom: 0.24rem;
}

.top_btn span {
	color: #1d8aef;
	font-size: 0.28rem;
}

.top_btn img {
	width: 0.24rem;
}

.open_info_btn {
	display: none;
}

/*chat*/
.chat_list {
	margin-top: 3.8rem;
	padding: 0 0.32rem;
	padding-bottom: 1rem;
	position: relative;
}
.refreshText {
	position: absolute;
	width: 100%;
	line-height: .5rem;
	text-align: center;
	left: 0;
	top: 0;
	transform: translateY(-0.2rem);
}
.chat_list .container {
	height: 100%;
	padding-top: .1rem; 
}
.chat_list .chat_item {
	margin-bottom: 0.32rem;
}

.chat_list .chat_item .message_time {
	width: 100%;
	text-align: center;
	color: #999999;
	font-size: 0.28rem;
}

.chat_list .chat_item .chat_info_warp .chat_profile {
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	float: left;
}

.chat_list .chat_item .chat_info_warp .chat_message_warp {
	float: left;
	margin-left: 0.16rem;
}

.chat_from_name {
	font-size: 0.24rem;
	color: #333;
}
/*  图片消息中图片的大小*/
.chat_nopadding img {
	height: 1.5rem;
	width: 2rem;
}

.chat_message {
	max-width: 4.66rem;
	padding: 0.2rem 0.2rem;
	margin-top: 0.2rem;
	font-size: 0.3rem;
	word-break: break-word;
}
/* 图片消息去除内边距 */
.chat_nopadding {
	padding: 0;
}
.chat_message_from {
	background: #fff;
	border-radius: 0.24rem 0.24rem 0.24rem 0;
}

.chat_message_send {
	background: #2cbca0;
	color: #fff;
	border-radius: 0.28rem 0.28rem 0 0.28rem;
}

.chat_list .chat_item_right .chat_info_warp .chat_profile {
	float: right;
	margin-top: 0.2rem;
	margin-left: 0.2rem;
}

.chat_list .chat_item_right .chat_info_warp .chat_message_warp {
	float: right;
}

.service_message .service_left_box {
	width: 1.44rem;
	height: 1.36rem;
	text-align: center;
	padding: 0.16rem 0;
	float: left;
}

.service_message .service_left_box img {
	width: 0.4rem;
	height: 0.4rem;
}

.service_message .service_left_box .service_title {
	color: #fff;
	font-size: 0.24rem;
	margin-top: 0.16rem;
}

.service_message .service_left_box .service_price {
	margin-top: 0.04rem;
	font-size: 0.2rem;
	color: #fff;
}
.service_price_throw {
	text-decoration: line-through;
}
.sevice_img_consult {
	background: #37d488;
}

.service_message .service_right_box {
	width: 5.42rem;
	height: 1.36rem;
	background: #fff;
	padding: 0.2rem;
	float: left;
	font-size: 0.28rem;
	color: #333;
}

.service_right_box .detail_patient_name {
	margin-bottom: 0.2rem;
}

.consult_box {
	background: #fc624a;
	margin-top: 0.2rem;
}

.footer {
	width: 100%;
	height: 1.12rem;
	background: #fff;
	padding: 0.24rem;
	position: fixed;
	bottom: 0;
	z-index: 100;
	display: flex;
	justify-content: space-between;
}

.footerOn {
	top: 0;
}

.footer .footer_addPic {
	margin: 0.08rem 0 0 .15625rem;
	height: .5rem;
	width: .5rem;
}
.footer .footer_addPic img {
	height: 100%;
	width: 100%;
}
.footer .footer_input input {
	height: 0.64rem;
	width: 4.375rem;
	line-height: 0.64rem;
	background: #f9f9f9;
	border: none;
	border-radius: 0.08rem;
	padding-left: 0.2rem;
	font-size: 0.3rem;
}

.footer .send {
	width: 1.2rem;
	height: 0.64rem;
	line-height: 0.64rem;
	text-align: center;
	background: #37d488;
	color: #fff;
	font-size: 0.32rem;
	float: left;
	border-radius: 0.08rem;
	margin-left: 0.1rem;
}

.system_msg {
	text-align: center;
	margin-bottom: 0.2rem;
	font-size: 0.24rem;
}

.card {
	border-radius: 0.08rem;
	background: #fff;
	font-size: 0.28rem;
	padding: 0 0.32rem;
	width: 6.86rem;
	margin: 0.32rem;
}

.card .header {
	font-size: 0.32rem;
	font-weight: 600;
	height: 0.78rem;
	line-height: 0.78rem;
	border-bottom: 0.01rem solid #f1f1f1;
	text-align: center;
}

.card .content .content_item {
	padding: 0.1rem 0;
}

.card .content .content_item .content_item_left {
	float: left;
}

.card .content .content_item .txt_gray {
	color: #777777;
}

.card .content .content_item .txt_blue {
	color: #1d8aef;
}

.card .content .content_item .txt_black {
	color: #777777;
	font-weight: 600;
}

.card .content .content_item .txt_orange {
	color: #f45e19;
}

.card .content .content_item .content_item_right {
	float: right;
}

.card .content .content_item .content_item_descArea {
	width: 100%;
	float: left;
	border: none;
	padding: 0.2rem 0;
	font-size: 0.28rem;
}

.card .content .content_item_imgList {
	width: 100%;
}

.card .content .content_item_imgList img {
	width: 0.96rem;
	height: 0.96rem;
	margin-right: 0.08rem;
}

.service_btn_list .service_none {
	background: #f9f9f9;
	border: none;
	color: #999;
}

.go_emr {
	width: 100%;
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center;
	border-top: 0.01rem solid #f1f1f1;
	color: #1d8aef;
}