.msg-step {
	position: fixed;
	top: .44rem;
	width: 100%;
	left: 0;
	display: flex;
	justify-content: space-between;
	padding: .36rem .86rem;
	font-size: .26rem;
	background: #f7fafc;
	z-index: 888;
}

.msg-step-item.active {
	color: #225AFC;
}

/* 订单信息 */
.service-status {
	position: fixed;
	top: 1rem;
	width: 100%;
	left: 0;
	display: flex;
	align-items: center;
	background-color: #FFF;
	padding: .30rem;
	z-index: 888;
}

.service-image {
	width: .68rem;
	height: .68rem;
	border-radius: .68rem;
	margin-right: .16rem;
}

.service-info {
	flex: 1;
	font-size: .30rem;
	color: rgb(21, 41, 78);
}

.service-info-title {
	margin-bottom: .10rem;
}

.service-over-msg {
	color: rgb(21, 41, 78);
	font-size: .30rem;
}

.service-btn {
	width: 1.84rem;
	height: .59rem;
	border-radius: .59rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .30rem;
	border: 1px solid rgb(35, 90, 253);
	background-color: rgb(218, 227, 255);
	color: rgb(35, 90, 253);
}

.msg-page-box {
	min-height: 100vh;
}

/* 聊天列表 */
.messageList {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-top: 0;
}

.message-time {
	width: 100%;
	float: left;
	text-align: center;
	font-size: .24rem;
	margin-bottom: .30rem;
	display: flex;
	justify-content: center;
	color: #FFF;
}

.message-time span {
	display: block;
	height: .38rem;
	border-radius: .50rem;
	text-align: center;
	background: #d7dbe7;
	padding: 0 .26rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 收发消息的样式 */
.message-send,
.message-receive {
	display: flex;
	box-sizing: border-box;
	margin-bottom: .30rem;
}

.message-receive {
	padding: 0 .30rem;
}

.message-send {
	padding: 0 .30rem;
	justify-content: flex-end;
}

.message-send-tx,
.message-receive-tx {
	width: .80rem;
	height: .80rem;
	display: flex;
}

.message-send-tx {
	margin-left: .20rem;
}

.message-receive-tx {
	margin-right: .20rem;
}

.message-send-tx img,
.message-receive-tx img {
	width: .80rem;
	height: .80rem;
	border-radius: .80rem;
	object-fit: cover;
}

.message-send-icon,
.message-receive-icon {
	width: .22rem;
	height: .17rem;
}

.message-send-icon img,
.message-receive-icon img {
	width: .17rem;
	height: .12rem;
}

.message-send-bubble,
.message-receive-bubble {
	max-width: 5.30rem;
}

/* 文字气泡 */
.message-send-bubble-text,
.message-receive-bubble-text {
	max-width: 100%;
	padding: .22rem;
	border-radius: .16rem;
	font-size: .30rem;
	display: block;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	line-height: 1.2;
}

.message-send-bubble-text {
	background: #89a3f1;
	color: #FFF;
}

.message-receive-bubble-text {
	background-color: #FFF;
	color: #15294E;
	/* box-shadow: 0 0 .57rem .06rem rgba(200, 214, 250, .25); */
}

/* 确认订单 */
.affirm-order {
	width: 5.30rem;
	padding: .30rem .36rem;
	background-color: #FFF;
	box-shadow: 0 0 .57rem .06rem rgba(200, 214, 250, .25);
	border-radius: .16rem;
}

.affirm-order-msg {
	font-size: .30rem;
	color: rgb(21, 41, 78);
	padding-bottom: .2rem;
	margin-bottom: .24rem;
	border-bottom: 1px solid rgb(227, 233, 239);
	display: flex;
	line-height: .5rem;
}

.affirm-order-msg span {
	font-size: .30rem;
	color: #225AFC;
	font-weight: 700;
}

.affirm-info-title {
	font-size: .30rem;
	font-weight: 700;
	margin-bottom: .13rem;
}

.affirm-info-msg {
	font-size: .30rem;
	color: rgb(21, 41, 78);
	line-height: .40rem;
}

.lawyer-order-title span {
	color: #225AFC;
	font-size: .30rem;
	line-height: .21rem;
	margin-right: .15rem;
}

/* 支付 */
.msg-pay {
	width: 6rem;
	margin: 0 auto .5rem;
	border-radius: .16rem;
	background: #FFF;
	box-shadow: 0 0 .16rem rgb(154, 182, 255, .72);
	padding: .33rem .40rem;
}

.msg-pay-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: .32rem;
}

.msg-pay-icon {
	font-size: .34rem;
}

.msg-pay-title {
	font-size: .30rem;
	color: rgb(21, 41, 78);
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	margin-right: .30rem;
	color: #15294e;
	font-weight: 700;
}

.msg-pay-item {
	display: flex;
	margin-bottom: .16rem;
	font-size: .28rem;
}

.msg-pay-item i {
	color: #7390e4;
}

.msg-pay-item span {
	color: #354b74;
}

.msg-info-icon {
	font-size: .34rem;
	margin-right: .12rem;
	color: #7390e4;
}

.msg-pay-btn {
	width: 3.90rem;
	height: .72rem;
	line-height: .72rem;
	border-radius: .72rem;
	text-align: center;
	margin: .20rem auto 0;
	background-color: #225AFC;
	color: #FFF;
	font-size: .26rem;
	font-weight: 700;
	cursor: pointer;
}

/* 底部发送窗口 */

.message-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 666;
}

.message-box {
	background: #FFF;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	align-items: center;
	background: #FFF;
	transition: all 0.3s ease-in;
}

.message-input {
	flex: 1;
	display: flex;
	align-items: center;
	position: relative;
}

.message-box textarea {
	background: #FFF;
	box-sizing: border-box;
	width: 100%;
	font-size: .30rem;
	padding: .45rem .80rem 0 .40rem;
	flex: 1;
	border: 1px solid blue;
}

.message-smiling {
	width: 1rem;
	height: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	z-index: 888;
}

.message-smiling i {
	font-size: .64rem;
}

.send-box {
	width: 1.98rem;
	height: 1.14rem;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.1s ease-out;
}

.send-box-text {
	width: 1.98rem;
	height: 1.14rem;
	background: #225AFC;
	font-size: .26rem;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.1s ease-out;
	margin-left: .10rem;
	padding: 0;
	cursor: pointer;
}

.quickly-scroll {
	padding: .20rem .35rem;
	background: #f2f4f5;
	display: flex;
	align-items: center;
}

.quickly-send-title {
	font-size: .30rem;
	margin-right: .20rem;
}

.quickly-send {
	flex: 1;
	font-size: .24rem;
	display: flex;
	overflow-x: scroll;
	white-space: nowrap
}

.quickly-send::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

/*定义滚动条轨道*/
.quickly-send::-webkit-scrollbar-track {
	background-color: #f2f4f5;
}

/*定义滑块*/
.quickly-send::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-color: rgba(39, 40, 42, 0.23);
}

.quickly-send-item {
	padding: 0 .18rem;
	height: .56rem;
	border-radius: .28rem;
	background: #FFF;
	border: 1px solid #bdc9ed;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: .20rem;
	color: #4869c6;
	position: relative;
}

.quickly-send-item.end {
	margin-right: 0;
}

.quickly-send-item.highlighting {
	background: #dae3fd;
	border: 0;
}

.quickly-send-item img {
	width: .30rem;
	height: .30rem;
	margin-right: .02rem;
}

.send-icon {
	width: .86rem;
	height: .86rem;
}

.send-add {
	font-size: .65rem;
}

.message-box button:after {
	border: 0;
}

/* 加号展开开始 */
.message-plus {
	width: 100%;
	height: 3.24rem;
	box-sizing: border-box;
	padding: .69rem .90rem .128rem .90rem;
	background: #FFF;
	display: flex;
	flex-wrap: wrap;
	animation: showBottomWin .1s;
}

.plus-upload-box {
	width: 25%;
}

.plus-item {
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.plus-item i {
	font-size: .76rem;
	margin-bottom: .27rem;
}

.plus-item span {
	font-size: .26rem;
	color: #5f5f5f;
}

/* 整合QQface */
.swiperHeight {
	height: 3.60rem;
}

.message-qqface {
	width: 100%;
	height: 4.20rem;
	float: left;
	box-sizing: border-box;
	padding: .40rem .40rem .20rem .40rem;
	background: #FFF;
	animation: showBottomWin .1s;
}

.message-qqface-box {
	width: 100%;
}

.message-qqface-icon {
	float: left;
	box-sizing: border-box;
	padding-left: .15rem;
	padding-right: .15rem;
	width: calc(100% / 7);
}

.message-qqface-icon img {
	width: .66rem;
	height: .66rem;
}

/* 用户须知 */
.user-know {
	min-width: 4.70rem;
	display: flex;
	flex-direction: column;
	background-color: #FFF;
	padding: .34rem 0 0;
	border-radius: .16rem;
	overflow: hidden;
}

.user-know-title {
	font-size: .30rem;
	color: rgb(21, 41, 78);
	font-weight: 600;
	margin-bottom: .20rem;
	padding: 0 .36rem;
}

.user-know-info {
	padding: 0 .36rem;
	font-size: .30rem;
	color: rgb(86, 106, 144);
	margin-bottom: .25rem;
}

.user-know-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: .95rem;
	background-color: rgb(226, 230, 243);
	font-size: .30rem;
	color: #225afc;
}

.user-know-btn i {
	margin-right: .05rem;
}

/* 图片气泡 */
.message-image {
	max-width: 2rem;
	border-radius: .20rem;
}

/* 图片放大相关 */
.image-box {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 900;
}

.image-img {
	width: 100%;
	max-height: 100vh;
	overflow-y: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 901;
}

.image-img img {
	width: 100%;
}

/* 视频气泡 */
.video-image {
	width: 3.5rem;
	border-radius: .20rem;
	object-fit: cover;
}

/* 红包样式 */
.red-packet {
	width: 3.75rem;
	display: flex;
	flex-direction: column;
}

.red-packet-t {
	background: #fab132;
	border-radius: .10rem .10rem 0 0;
	padding: .06rem .10rem;
	display: flex;
}

.red-packet-b {
	background: #FFF;
	border-radius: .10rem;
	padding: .04rem .10rem;
	font-size: .24rem;
	color: rgb(177, 177, 177);
}

.red-packet-icon {
	width: 1rem;
	display: flex;
	align-items: center;
}

.red-packet-icon img {
	width: 1rem;
	height: 1.20rem;
}

.red-packet-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	color: #FFF;
}

.red-packet-money {
	font-size: .30rem;
}

.red-packet-msg {
	font-size: .24rem;
}

/* 服务列表 */
.invite-box-navigator,
.invite-box {
	width: 4.40rem;
	background: #FFF;
	display: flex;
	padding: .32rem .34rem;
	border-radius: .20rem;
	box-shadow: 0 0 10rem rgba(177, 195, 248, .19);
}

.invite-icon {
	width: 1.00rem;
	height: 1.00rem;
}

.invite-right {
	flex: 1;
	margin-left: .48rem;
	word-break: break-word;
}

.invite-title {
	font-size: .30rem;
	color: #15294e;
	font-weight: 700;
	margin-bottom: .26rem;
}

.invite-pay-title {
	font-size: .26rem;
	color: #506190;
	margin-bottom: 0;
}

.invite-msg {
	font-size: .26rem;
	color: #506190;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 1;
}

/* 申请交换微信 */

.linkman {
	border-radius: .10rem;
	padding: .20rem;
	background-color: #FFF;
	margin: 0 auto .30rem;
	display: flex;
}

.linkman-my {
	background-color: #89a3f1;
	color: #FFF;
}

.linkman-icon {
	margin-top: .03rem;
	width: .60rem;
	height: .60rem;
	border-radius: .30rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.linkman-icon img {
	width: .60rem;
	height: .60rem;
}

.linkman span {
	font-size: .26rem;
	display: flex;
	align-items: center;
	flex: 1;
	margin: 0 .10rem;
}

/* 联系方式确认 */
.contact-warn-box {
	background-color: #FFF;
	width: 4.95rem;
	border-radius: .16rem;
	padding: .46rem .33rem .40rem;
}

.contact-warn-msg {
	color: #15294E;
	font-size: .26rem;
	display: flex;
	align-items: center;
}

.contact-warn-icon {
	width: .78rem;
	height: .78rem;
	margin-right: .20rem;
}

.contact-warn-icon img {
	width: .78rem;
	height: .78rem;
}

.contact-warn-msg test {
	flex: 1;
	font-size: .26rem;
}

.contact-warn-affirm {
	display: flex;
	margin-top: .40rem;
}

.contact-warn-btn {
	flex: 1;
	display: flex;
	justify-content: center;
	font-size: .26rem;
	color: #486cc6;
}

.contact-warn-ok {
	color: #15294e;
}

.contact-warn-ban {
	flex: 1;
	display: flex;
	justify-content: center;
	font-size: .26rem;
	color: #91a0bc;
}

.contact-warn-confirm {
	border-left: .1px solid #a8b2c5;
}

/* 视频全屏 */
.video-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #000000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 999;
}

.exit-play {
	width: 100%;
	height: .80rem;
}

.exit-play img {
	width: .50rem;
	height: .50rem;
	margin-top: .30rem;
	margin-left: .30rem;
}

.video-win {
	position: relative;
	height: calc(100% - .80rem);
}

.video-box video {
	width: 100%;
	height: 100%;
	display: flex;
}

/* 选择列表 */
.lawyer-order-box {
	margin: 0 auto;
	width: 5.98rem;
	background-color: #FFF;
	padding: .38rem .39rem .16rem;
	border-radius: .20rem;
	box-shadow: 0 0 .57rem .06rem rgba(200, 214, 250, .57);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.lawyer-noorder {
	height: 1.80rem;
	padding-bottom: .50rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .30rem;
	font-weight: 700;
}

.lawyer-order-item {
	width: 100%;
	padding: .15rem .20rem;
	box-shadow: 0 0 .09rem rgba(171, 186, 219, .89);
	margin-bottom: .22rem;
	border-radius: .10rem;
	border: 1px solid #FFF;
}

.lawyer-order-item.active {
	border: 1px solid #225afc;
}

.lawyer-order-title {
	font-size: .30rem;
	color: #15294E;
	font-weight: 600;
	margin-bottom: .12rem;
}

.lawyer-order-money {
	font-size: .30rem;
	color: #225afc;
	font-weight: 700;
}

/* 服务列表 */
.service-box {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .56);
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service-scroll {
	width: 6.90rem;
	background: #f2f4f5;
	padding: .90rem .26rem .50rem;
	border-radius: .10rem;
	overflow: hidden;
}

.service {
	width: 100%;
	max-height: 6.40rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow-y: scroll;
}

.service-item {
	background: #FFF;
	width: 6.38rem;
	padding: .20rem .40rem;
	margin-bottom: .38rem;
	border-radius: .10rem;
	display: flex;
}

.service-item-click {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service-item-nav,
.service-item a {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service-image {
	width: 1.04rem;
	height: 1.09rem;
	margin-right: .26rem;
}

.service-image img {
	width: 1.04rem;
	height: 1.09rem;
	border-radius: .10rem;
}

.service-content {
	flex: 1;
}

.content-title {
	font-size: .30rem;
	color: #15294e;
	font-weight: 700;
	margin-bottom: .15rem;
}

.content-msg {
	font-size: .26rem;
	color: #495262;
}

.content-money {
	display: flex;
	align-items: center;
	font-size: .30rem;
	color: #ff5f5f;
	font-weight: 700;
}

/* 交换联系方式 */
.contact-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* position: fixed; */
	width: 100%;
	/* height: 100vh; */
	/* background: rgba(0,0,0,.7); */
	left: 0;
	top: 0;
}

.contact-msg {
	margin: .40rem auto 0;
	width: 6.59rem;
	border-radius: .14rem;
	background-color: #D7DBE7;
	color: #2d5092;
	font-size: .26rem;
	padding: .26rem .44rem;
	position: relative;
}

.contact-msg-exit {
	position: absolute;
	top: -.20rem;
	right: -.20rem;
	width: .52rem;
	height: .52rem;
}

.contact-msg-exit img {
	width: .52rem;
	height: .52rem;
	margin-right: 0;
}

.contact-msg-image {
	width: .30rem;
	height: .30rem;
	margin-right: .20rem;
}

.contact-way {
	display: flex;
	flex-direction: column;
	margin-top: .40rem;
	margin-bottom: .22rem;
	width: 5.98rem;
	background-color: #FFF;
	border-radius: .20rem;
	box-shadow: 0 0 .57rem .06rem rgba(200, 214, 250, .25);
	padding: .36rem .48rem .30rem;
}

.contact-way-item {
	width: 100%;
	background-color: #FFF;
	display: flex;
	flex-direction: column;
	font-size: .26rem;
	color: #566a90;
	padding: .30rem .28rem .28rem;
	border-radius: .10rem;
	box-shadow: 0 0 .32rem rgba(171, 186, 219, .6);
	margin-bottom: .18rem;
}

.contact-way-title {
	font-size: .30rem;
	color: rgb(21, 41, 78);
	font-weight: 700;
	margin-bottom: .23rem;
	display: flex;
	align-items: center;
}

.contact-way-tag {
	width: .64rem;
	height: .36rem;
	border-radius: .02rem;
	background-color: rgb(47, 172, 91);
	color: #FFF;
	font-size: .24rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: .17rem;
}

.contact-way-intro {
	font-size: .26rem;
	color: rgb(96, 109, 134);
}

.contact-way-item.active {
	border: 1px solid rgb(34, 90, 252);
}

/* .contact-way-item img {
	width: .44rem;
	height: .44rem;
	margin-bottom: .25rem;
} */

.linkman {
	border-radius: .10rem;
	padding: .20rem;
	background-color: #FFF;
	margin: 0 auto .30rem;
	display: flex;
}

.linkman-my {
	background-color: #89a3f1;
	color: #FFF;
}

.linkman-icon {
	margin-top: .03rem;
	width: .60rem;
	height: .60rem;
	border-radius: .30rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.linkman-icon img {
	width: .60rem;
	height: .60rem;
}

.linkman span {
	font-size: .26rem;
	display: flex;
	align-items: center;
	flex: 1;
	margin: 0 .10rem;
}

/* 联系方式确认 */
.contact-warn-box {
	background-color: #FFF;
	width: 4.95rem;
	border-radius: .16rem;
	padding: .46rem .33rem .40rem;
}

.contact-warn-msg {
	color: #15294E;
	font-size: .26rem;
	display: flex;
	align-items: center;
}

.contact-warn-icon {
	width: .78rem;
	height: .78rem;
	margin-right: .20rem;
}

.contact-warn-icon img {
	width: .78rem;
	height: .78rem;
}

.contact-warn-msg test {
	flex: 1;
	font-size: .26rem;
}

.contact-warn-affirm {
	display: flex;
	margin-top: .40rem;
}

.contact-warn-btn {
	flex: 1;
	display: flex;
	justify-content: center;
	font-size: .26rem;
	color: #486cc6;
}

.contact-warn-ok {
	color: #15294e;
}

.contact-warn-ban {
	flex: 1;
	display: flex;
	justify-content: center;
	font-size: .26rem;
	color: #91a0bc;
}

.contact-warn-confirm {
	border-left: 1px solid #a8b2c5;
}

/* 登录弹窗 */
.login-shade {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .56);
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
}

.login-box {
	width: calc(100% - .6rem);
	margin: 0 auto;
	border-radius: .20rem;
	padding: .66rem .30rem .5rem;
	background-color: #FFF;
}

.login-top {
	display: flex;
	justify-content: space-between;
}

.login-title {
	font-size: .32rem;
	font-weight: bold;
	color: rgba(21, 41, 78, 1);
}

.login-btn {
	width: 1.3rem;
	height: .60rem;
	background: rgba(35, 90, 250, 1);
	box-shadow: 0px 0px .65rem 0px rgba(91, 133, 255, 0.39);
	border-radius: .10rem;
	font-size: .30rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	display: flex;
	justify-content: center;
	align-items: center;
}

.login-submit-btn {
	width: 5.70rem;
	height: .74rem;
	background: rgba(35, 90, 253, 1);
	border-radius: .16rem;
	font-size: .28rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: .30rem auto .28rem;
}

.input-phone {
	width: 100%;
	height: 1rem;
	border: 0;
	font-size: .30rem;
	font-weight: 400;
	color: #15294e;
	border-bottom: 1px solid rgba(209, 217, 230, .5);
	border-radius: 0;
}

.input-code-box {
	position: relative;
}

.get-code {
	position: absolute;
	right: 0;
	bottom: .16rem;
	height: .67rem;
	border: 1px solid rgba(34, 90, 252, 1);
	border-radius: .10rem;
	font-size: .28rem;
	color: rgba(35, 90, 250, 1);
	background-color: #FFF;
}

.login-msg {
	display: flex;
	flex-wrap: wrap;
	font-size: .26rem;
	font-weight: 400;
	color: rgba(103, 121, 154, 1);
	line-height: .36rem;
	justify-content: center;
}

.login-msg a {
	color: #225afc;
	margin: 0 .05rem;
}

.nav-kh {
	width: 100%;
	height: 1rem;
}

.nav-box {
	position: fixed;
	top: 0;
	left: 0;
	background: #FFF;
	width: 100%;
	height: 1rem;
	display: flex;
	align-items: center;
	z-index: 999;
}

.nav-title {
	flex: 1;
	font-size: .34rem;
	font-weight: bold;
	color: rgba(21, 41, 78, 1);
}

.nav-icon {
	min-width: .6rem;
	height: 1rem;
	padding: 0 .3rem 0 .3rem;
	display: flex;
	align-items: center;
	font-size: .20rem;
	cursor: pointer;
}

.nav-btn {
	min-width: .6rem;
	height: 1rem;
	padding: 0 .3rem 0 .3rem;
	display: flex;
	align-items: center;
	font-size: .50rem;
	color: #235AFD;
}

/* 二维码弹窗 */
.qrcode-shade {
	width: 100%;
	height: 100vh;
	position: fixed;
	background: rgba(0, 0, 0, .7);
	top: 0;
	left: 0;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.qrcode-box {
	width: 4.80rem;
	height: 4.90rem;
	background: rgba(255, 255, 255, 1);
	border-radius: .20rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.qrcode-title {
	font-size: .34rem;
	font-weight: 400;
	color: rgba(21, 41, 78, 1);
	line-height: .43rem;
}

.qrcode-img {
	width: 3.08rem;
	height: 3.08rem;
	margin: .20rem 0 .15rem;
}

.qrcode-msg {
	font-size: .28rem;
	font-weight: 400;
	color: rgba(34, 90, 252, 1);
	line-height: .32rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}


.msg-over-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #7390e4;
	padding: 0 .30rem;
	font-weight: 700;
	color: #FFF;
	font-size: .36rem;
}

.msg-over-refund {
	background: rgba(244, 97, 97, 1);
}

.pay-phone-msg {
	width: 100%;
	float: left;
	text-align: center;
	font-size: .24rem;
	margin-bottom: .30rem;
	display: flex;
	justify-content: center;
	color: #FFF;
	margin-top: .3rem;
}

.pay-phone-msg span {
	display: block;
	height: .38rem;
	border-radius: .50rem;
	text-align: center;
	background: #d7dbe7;
	padding: 0 .26rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.noservice-status {
	position: fixed;
	background-color: #FFF;
	width: 100%;
	height: .80rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #f2f4f5;
	z-index: 999;
	box-shadow: 0 .18rem .30rem 0 rgba(154, 183, 245, 0.16);
}

.noservice-status i {
	font-size: .36rem;
	margin-right: .24rem;
	color: #235AFD;
}

.addservice-countdown {
	position: fixed;
	background-color: #FFF;
	width: 100%;
	height: .80rem;
	font-size: .28rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #f2f4f5;
	box-shadow: 0 .18rem .30rem 0 rgba(154, 183, 245, 0.16);
	z-index: 999;
	color: #225AFC;
}

.countdown-num {
	height: .40rem;
	background: rgba(253, 195, 18, 1);
	font-size: .32rem;
	color: rgba(35, 90, 253, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 .06rem;
	font-weight: bold;
	padding: 0 .10rem;
}

.countdown-unit {
	font-size: .26rem;
	color: rgba(35, 90, 253, 1);
}

.service-countdown {
	display: flex;
	align-items: center;
}

.service-countdown i {
	color: #235AFD;
	font-size: 36rem;
	margin-right: 15rem;
}

/* 问题遮罩 */
.protocol-box {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1995;
}

.protocol {
	background-color: #FFF;
	border-radius: .20rem;
	width: 90%;
	overflow: hidden;
}

.protocol-title {
	font-size: .34rem;
	font-weight: bold;
	color: rgba(21, 41, 78, 1);
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.protocol-content {
	padding: .20rem .30rem .30rem;
	font-size: .28rem;
	line-height: 1.8;
	text-indent: 2em;
	background-color: #FFF;
	height: 60vh;
	overflow-y: scroll;
}

.protocol-btn {
	background-color: #225AFC;
	color: #FFF;
	height: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .30rem;
}

.login-msg-link {
	color: #225AFC;
}

.msg-over-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 1.00rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #7390e4;
	padding: 0 .30rem;
	font-weight: 700;
	color: #FFF;
}

.msg-over-refund {
	background: rgba(244, 97, 97, 1);
}

/* 支付方式 */
.payment-list {
	width: 100%;
	padding: .2rem 0 .87rem;
	display: flex;
}

.payment-item {
	width: 1.90rem;
	height: 1.35rem;
	background: #f2f2f2;
	border-radius: .20rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: .28rem;
	font-weight: 400;
	transition: all 0 !important;
}

.payment-item.active {
	background: #4371ff;
	color: #FFF;
	box-shadow: 0px 0px .30rem 0px hsla(225, 100%, 68%, 0.35);
}

.payment-item.active i {
	color: #fFF;
}

.payment-item i {
	font-size: .50rem;
	color: #595959;
	margin-bottom: .06rem;
}

.wxpay {
	color: #595959;
}

/* 二维码弹窗 */
.wxpay-qrcode-shade {
	width: 100%;
	height: 100vh;
	position: fixed;
	background: rgba(0, 0, 0, .7);
	top: 0;
	left: 0;
	z-index: 991;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wxpay-qrcode-box {
	width: 6rem;
	background: rgba(255, 255, 255, 1);
	border-radius: .20rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: .3rem 0;
}

.wxpay-qrcode-title {
	font-size: .34rem;
	font-weight: 400;
	color: rgba(21, 41, 78, 1);
	line-height: .43rem;
}

.wxpay-qrcode-img {
	width: 3.08rem;
	height: 3.08rem;
	margin: .20rem 0 .3rem;
}

.wxpay-qrcode-msg {
	width: 100%;
	padding: 0 .30rem;
	font-size: .28rem;
	font-weight: 400;
	color: rgba(34, 90, 252, 1);
	line-height: .32rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.wxpay-qrcode-btn {
	width: 90%;
	height: .75rem;
	background-color: #225AFC;
	border-radius: .75rem;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.wxpay-qrcode-reset {
	background-color: #bababa;
	margin-top: .2rem;
}


/* 选择订单 */
.serve-list {
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow-x: scroll;
	margin-bottom: .24rem;
}

.serve-item {
	display: inline-flex;
	width: 2.58rem;
	position: relative;
	margin-right: .20rem;
}

.serve-info {
	width: 2.58rem;
	padding: .30rem .28rem;
	box-shadow: 0px 0px .28rem .02rem rgba(140, 140, 140, 0.08);
	background-color: #fff;
	border-radius: .20rem;
	transition: all .2s;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 2.9rem;
}

.serve-item-right {
	position: absolute;
	right: 0;
	top: 0;
	width: .72rem;
	height: .63rem;
	border-radius: 0 .20rem 0 0;
	z-index: 1;
}

.serve-info.active {
	/* border: 2rem solid #225afc; */
	background: #4371FF;
}

.serve-info.active .serve-info-msg,
.serve-info.active .serve-info-money,
.serve-info.active .serve-info-title {
	color: #FFF;
}

.serve-info-title {
	font-size: .32rem;
	font-weight: 600;
	color: #333;
	margin-bottom: .16rem;
	/* position: relative;
		display: inline-flex; */
	display: flex;
	align-items: center;
}

.serve-info-rec {
	/* position: absolute;
		right: -80rem;
		top: -10rem; */
	background-color: #f79414;
	color: #FFF;
	font-size: .24rem;
	/* height: 34rem;
		line-height: 34rem; */
	padding: .04rem .07rem;
	border-radius: .08rem;
	margin-left: .10rem;
}

.serve-info-money {
	height: .42rem;
	font-size: .32rem;
	font-weight: 600;
	color: #f65248;
	margin-bottom: .10rem;
}

.serve-info-msg {
	flex: 1;
	font-size: .24rem;
	font-weight: 400;
	color: #666666;
	margin-bottom: .20rem;
}

.serve-info-msg span {
	height: 1.00rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	word-break: break-all;
	white-space: pre-wrap;
}

.serve-item-bax {
	width: 2.58rem;
	height: 2.18rem;
}

/* VIP咨询弹窗 */
/* 服务单弹窗 */
.vippop-shade {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .56);
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.vippop-box {
	width: 6.90rem;
	background-color: #FFF;
	border-radius: .10rem;
	overflow: hidden;
}

.vippop-title {
	height: 1.00rem;
	line-height: 1.00rem;
	padding: 0 .30rem;
	font-size: .30rem;
	font-weight: 600;
	color: #333;
	border-bottom: .02rem solid rgba(0, 0, 0, .03);
}

.vippop-item {
	padding: .20rem .30rem;
	font-size: .30rem;
	color: #3d3d3d;
	border-bottom: .02rem solid rgba(0, 0, 0, .03);
}

.radio {
	display: flex;
	align-items: center;
}

.vippop-left {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.vippop-item-left {
	flex: 1;
}

.vippop-item-title {
	font-size: .30rem;
	color: #333;
	font-weight: 500;
	margin-bottom: .10rem;
}

.vippop-item-title span {
	position: relative;
}

.vippop-item-title img {
	width: 1.2rem;
	position: absolute;
	right: -1.3rem;
	top: -.2rem;
}

.vippop-item-msg {
	color: #999;
	font-size: .28rem;
	margin-bottom: .10rem;
}

.vippop-item-info {
	color: #666;
	font-size: .28rem;
	margin-bottom: .10rem;
}

.vippop-item-money {
	padding: 0 .30rem;
	font-size: .30rem;
	font-weight: 700;
}

.vippop-item-moneymsg {
	color: #225AFC;
}

.vippop-item-select {
	width: .43rem;
	font-size: .28rem;
	color: #225AFC;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vippop-btm {
	width: 100%;
	height: 1.00rem;
	background: #225AFC;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
}


.reclawyer-item-sure {
    position: absolute;
    right: 0;
    top: 0;
    height: .35rem;
    background: linear-gradient(-18deg, #FE544E, #FF5C2C);
    border-radius: .16rem 0px 0px .19rem;
    font-size: .20rem;
    font-weight: bold;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .20rem;
}

.reclawyer-item {
    width: 100%;
    background: #FFFFFF;
    /* box-shadow: 0px .02rem .43rem 0px rgba(153, 153, 153, 0.27); */
    border-radius: .12rem 0 .12rem .12rem;
    margin-bottom: .20rem;
    border: .02rem solid #FFF;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.reclawyer-item-right {
    flex: 1;
}

.reclawyer-item.active {
    border: 3px solid #7E9EFF;
    /* box-shadow: 0px .02rem .43rem 0px rgba(67, 113, 255, 0.21); */
}

.reclawyer-item-box {
    display: flex;
    padding: .30rem .30rem .10rem;
}

.reclawyer-item-btn {
    height: .80rem;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4371FF;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.reclawyer-item-you {
    position: absolute;
    top: 0;
    left: 0;
    width: .60rem;
    height: .33rem;
}

.reclawyer-item-active {
    position: absolute;
    bottom: -.05rem;
    right: 0rem;
    font-size: .80rem;
    color: #4371FF;
}

.reclawyer-item-left {
    margin-right: .25rem;
    padding-top: .15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reclawyer-online {
    font-size: .20rem;
    font-weight: 400;
    color: #333333;
    display: flex;
    align-items: center;
}

.reclawyer-online span {
    display: inline-flex;
    width: .08rem;
    height: .08rem;
    background: #87CE79;
    border-radius: 50%;
    margin-right: .10rem;
}

.reclawyer-online span.mang {
    background: #FF5C2C !important;
}

.reclawyer-item-tx {
    width: .80rem;
    height: .80rem;
    border-radius: .80rem;
    object-fit: cover;
    margin-bottom: .20rem;
}

.reclawyer-item-head {
    display: flex;
    margin-bottom: .20rem;
}

.reclawyer-item-title {
    font-size: .28rem;
    font-weight: bold;
    color: #333333;
    line-height: .21rem;
    margin-right: .23rem;
}

.reclawyer-item-num {
    font-size: .24rem;
    font-weight: 500;
    color: #999999;
    line-height: .21rem;
}

.reclawyer-item-info {
    display: flex;
    align-items: center;
    margin-bottom: .20rem;
    font-size: .24rem;
    font-weight: 500;
    color: #999999;
}

.reclawyer-item-law {
    flex: 1;
}

.reclawyer-item-law {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

.reclawyer-item-hr {
    margin: 0 .18rem;
    height: .20rem;
    width: .02rem;
    background-color: #EEEEEE;
}

.reclawyer-item-tabs {
    display: flex;
    flex-wrap: wrap;
}

.reclawyer-item-tab {
    background: #F3F5FC;
    border: .02rem solid #E1E7FF;
    border-radius: .06rem;
    margin-right: .12rem;
    margin-bottom: .12rem;
    font-size: .24rem;
    font-weight: 400;
    color: #999999;
    padding: .02rem .06rem;
}

.reclawyer-item-rate {
    display: flex;
    align-items: center;
}

.reclawyer-rate {
    min-width: 1.92rem;
    min-height: .42rem;
}

.reclawyer-item-rate span {
    margin-left: .14rem;
    font-size: .24rem;
    font-weight: 500;
    color: #666666;
}

.reclawyer-list{
    padding:15px;
}
.reclawyer-card-img {
    width: .40rem;
    height: .40rem;
    border-radius: .20rem;
    margin-right: .16rem;
}

/* 执业证号 */
.reclawyer-card {
    display: flex;
    margin-bottom: .20rem;
}

.reclawyer-card-box {
    display: flex;
    align-items: center;
    height: .40rem;
    background: #FAF4EA;
    border-radius: .20rem;
    padding-right: .16rem;
}

.reclawyer-card-img {
    width: .40rem;
    height: .40rem;
    border-radius: .20rem;
    margin-right: .16rem;
}

.reclawyer-card-box {
    font-size: .24rem;
    font-weight: 500;
    color: #8F7C63;
}

.reclawyer-item-item span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    color: #FF5C2C;
    border-radius: .04rem;
    font-weight: bold;
    min-width: .36rem;
    margin: 0 .02rem;
    transition: all .2s;
}

.reclawyer-time-active {
    height: .36rem !important;
    padding: 0 .06rem;
    background: #FF5C2C !important;
    color: #FFF !important;
}