.riskWarnUni {
	position: relative;

	#mapUni {
		width: 100vw;
		height: 100vh;
	}

	.searchP {
		position: absolute;
		top: 5rpx;
		left: 5%;
		z-index: 99;
		background: #fff;
		width: 90%;
	}

	.searchCon {
		background: #fff;
		height: 400rpx;
		width: 100%;
		overflow: auto;
		box-shadow: 0rpx 0rpx 30rpx rgba(0, 0, 0, 0.3);
		border-radius: 15rpx 15rpx 0 0;
		padding: 20rpx;

		.part {
			padding: 12rpx 15rpx;
			border-bottom: 1rpx dashed #b3b3b3;
			font-size: 24rpx;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			color: #333;
		}
	}

	.btnCont {
		position: absolute;
		right: 10rpx;
		top: 80rpx;
		z-index: 99;

		.btn {
			width: 10rpx;
			line-height: 26rpx;
			text-align: center;
			margin-top: 10rpx;
			padding: 5px 20rpx 5rpx 10rpx;
			background: #fff;
			border: 1px solid #eaeaea;
			color: #333;
			border-radius: 8rpx;
			font-size: 18rpx;

			.btnImg {
				width: 16rpx;
				height: 16rpx;
			}
		}

		.active {
			border: 1px solid #145bf7;
			color: #145bf7;
		}
	}

	.popup-content {
		width: 90vw;
		margin-left: 2%;
		padding: 20rpx;

		.imgPopup {
			width: 100%;
		}
	}

	.landCount {
		position: absolute;
		background: #fff;
		bottom: 10rpx;
		left: 10%;
		z-index: 99;
		width: 80%;
		padding: 15rpx;
		border-radius: 10rpx;
		box-shadow: 0rpx 0rpx 20rpx rgba(0, 0, 0, 0.2);
		display: flex;
		justify-content: space-around;
		align-items: center;
		font-size: 20rpx;

		.green,
		.red,
		.yellow {
			width: 15rpx;
			height: 15rpx;
			border-radius: 50%;
			display: inline-block;
			margin-right: 10rpx;
		}

		.green {
			background: #31e042;
		}

		.red {
			background: #ff554a;
		}

		.yellow {
			background: #ffba0a;
		}
	}
}