.listBox{
	position: relative;
	z-index: 1;
}
.bg {
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 0;
	image {
		width: 100%;
		height: 100vh;
	}
}
.content {
	width: 100%;
	position: relative;
}
/* 用户信息列表 */
.map-content {
	padding: 10rpx 20rpx;
	background-color: #fff;
	margin: 20rpx 3%;
	box-shadow: 0 0 20rpx 10rpx #efefef;
	border-radius: 20rpx;
	font-size: 26rpx;
	position: absolute;
	z-index: 1;
	width: 94%;
	.map-list {
		display: flex;
		align-items: center;
		border-bottom: 2rpx solid #C8D2DF;
		padding-top: 30rpx;
		padding-bottom: 30rpx;
		.map-list-title {
			font-weight: bold;
			width: 55rpx;
		}
		.map-list-icon {
			display: flex;
			align-items: center;
			.map-icon-bg {
				background-color: #F4F4F4;
				border: 2rpx solid #E7E7E7;
				padding: 4rpx 0;
				border-radius: 10rpx;
				margin-left: 18rpx;
				width: 120rpx;
				text-align: center;
			}
			.map-icon-bg-all {
				background-color: #F4F4F4;
				border: 2rpx solid #E7E7E7;
				padding: 4rpx 0;
				border-radius: 10rpx;
				margin-left: 18rpx;
				width: 80rpx;
				text-align: center;
			}
			.active {
				background-color: #547DFF;
				border: 2rpx solid #547DFF;
				color: #fff;
			}
			.map-icon-more {
				display: flex;
				align-items: center;
				color: #547DFF;
				margin-left:20rpx;
				image {
					width: 24rpx;
					height: 24rpx;
				}
			}
		}
	}
	.search {
		display: flex;
		align-items: center;
		padding: 20rpx 0;
		width: 100%;
		.search-icon {
			display: flex;
			align-items: center;
			image {
				width: 28rpx;
				height: 28rpx;
			}
			text {
				font-size: 26rpx;
				color: #D8D8D8;
				margin: 0 15rpx;
			}
		}
		.search-input {
			width: 70%;
			input {
				font-size: 26rpx;
				height: 40rpx;
			}
			.inputtext {
				font-size: 26rpx;
			}
		}
		.search-text {
			font-size: 26rpx;
			color: #547DFF;
			margin-right: 10rpx;
			display: flex;
			align-items: center;
			image {
				width: 18rpx;
				height: 18rpx;
				margin-left: 10rpx;
			}
		}
		.search-btn {
			image {
				width: 122rpx;
				height: 60rpx;
				border-radius: 20rpx;
				box-shadow: 5rpx 10rpx 20rpx 0 #b7c8ff;
			}
		}
	}
}
.bottom {
	padding: 20rpx 20rpx;
	margin: 20rpx 3%;
	width: 94%;
	position: fixed;
	bottom: 30rpx;
	background-color: #fff;
	border-radius: 20rpx;
	.bottom-two {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20rpx;
		.bottom-two-list {
			position: relative;
			.bottom-two-list-img {
				image {
					width: 320rpx;
					height: 69rpx;
					box-shadow: 5rpx 10rpx 20rpx 0 #b7c8ff;
					border-radius: 100rpx;
				}
			}
			.bottom-two-list-text {
				position: absolute;
				top: 33%;
				left: 25%;
				transform: translate(-33%, -25%);
				color: #fff;
				font-size: 28rpx;
			}
		}
	}
	.bottom-my {
		position: relative;
		.bottom-my-img {
			image {
				width: 710rpx;
				height: 69rpx;
				box-shadow: 5rpx 10rpx 20rpx 0 #b5f4d5;
				border-radius: 100rpx;
			}
		}
		.bottom-my-text {
			position: absolute;
			top: 25%;
			left: 8%;
			transform: translate(-25%, -8%);
			color: #fff;
			font-size: 28rpx;
		}
	}
}