@charset "utf-8";
.contact-before {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: -99;
	transition-duration: .5s;
	opacity: 0;
}
.contact-before.show {
	z-index: 999;
	opacity: 1;
}
.contact-before .contact-poup-content {
	width: 100%;
	height: 90%;
	background: #f5f5f5;
	position: absolute;
	box-sizing: border-box;
	bottom: -100vh;
	transition-duration: .5s;
	border-radius: .3rem .3rem 0 0;
}
.contact-before .contact-poup-inner {
	overflow: hidden scroll;
	height: 100%;
}
.contact-before.show .contact-poup-content {
	bottom: 0;
}
.contact-before .contact-poup-content .contact-poup-service {
	margin-top: .2rem;
}
.contact-before .contact-poup-content .contact-poup-body {
	width: 100%;
	height: 2.91rem;
	margin-top: .2rem;
	background:url(../../img/0553012fb41147368ba6d29dc04c003f.png) no-repeat;
	background-size: 100%;
	padding-top: 1rem;
	box-sizing: border-box;
}
.contact-before .contact-poup-content .contact-poup-body .service-list {
	display: flex;
	flex-wrap: wrap;
}
.contact-before .contact-poup-content .contact-poup-body .service-list .service-item {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .24rem 0;
	font-size: 0.28rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #696969;
}
.contact-before .contact-poup-content .contact-poup-body .service-list .service-item .icon {
	width: .38rem;
	height: .38rem;
	margin-right: .06rem;
}
.contact-before .contact-poup-content .line-time {
	padding: .6rem 0 1.6rem;
	font-size: 0.26rem;
	text-align: center;
	font-family: PingFang SC;
	font-weight: 500;
	color: #999999;
}
.contact-before .contact-poup-content .tabbar {
	width: 100%;
	height: .98rem;
	position: fixed;
	bottom: 0;
	display: flex;
	box-shadow: 0 -2px 6px rgb(0 0 0 / 10%);
}
.contact-before .contact-poup-content .tabbar .item1 {
	flex: 1;
	font-size: 0.28rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #333333;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact-before .contact-poup-content .tabbar .item2 {
	flex: 1;
	font-size: 0.28rem;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FFFFFF;
	background: #FF521A;
	display: flex;
	justify-content: center;
	align-items: center;
}
.contact-before .close-wrap {
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: .9rem;
	height: .9rem;
}
.contact-before .close-wrap .icon {
	width: .34rem;
	height: .34rem;
}