NurseStationApp/pages/site/site.scss

	//护理站列表
	.app{
		padding: 0;
		.map{
			padding-top: 100rpx;
			z-index: 1;
			.map{
				z-index: 1;
			}
		}
		
	}
	.conNew {
		width: 96%;
		// z-index: 999;
		// position: fixed;
		// top: 450rpx;
		margin: 0 auto;
		// left: 2%;
		height: 100%;
		.addressContent {
			width: 100%;
		}

		.lists {
			background-color: #ffffff;
			width: 100%;
			height: 240rpx;
			margin-bottom: 14rpx;
			border-radius: 20rpx;
			position: relative;

			.nurse {
				font-size: 30rpx;
				position: absolute;
				top: 15%;
				left: 35%;
			}

			.distance {
				position: absolute;
				top: 40%;
				font-size: 28rpx;
				margin-left: 35%;
				color: #666666;
			}

			.background {
				width: 180rpx;
				height: 180rpx;
				position: absolute;
				top: 12%;
				left: 7%;
				border-radius: 30rpx;

				.qyttext {
					margin-left: 28%;
					display: block;
					font-size: 25rpx;
					color: #FFFFFF;
				}

				.lianmeng {
					display: block;
					margin-left: 5%;
					font-size: 14rpx;
					color: #FFFFFF;
				}
			}

			.background image {
				width: 99rpx;
				height: 99rpx;
				text-align: center;
				display: block;
				margin: 10% auto;
			}

			.understand {
				color: #ffffff;
				width: 170rpx;
				height: 70rpx;
				line-height: 70rpx;
				text-align: center;
				background-color: #4C7BC9;
				position: absolute;
				bottom: 10%;
				right: 5%;
				border-radius: 35rpx;
			}
		}
	}

	.masks {
		height: 100vh;
		width: 100%;
		position: absolute;
		opacity: 0.9;
		top: 0;
		z-index: 999;

		.mask {
			width: 72%;
			height: 348rpx;
			background-color: #fff;
			margin: 47% auto;
			border-radius: 30rpx;
			z-index: 999;
			padding: 3%;

			.picture {
				margin: 0 auto;
				width: 86rpx;

				image {
					height: 102rpx;
					width: 86rpx;
				}
			}



			.text {
				font-size: 37rpx;
				color: #000000;
				line-height: 70rpx;
				text-align: center;
			}



			.btns {
				display: flex;
				color: #fff;
				text-align: center;
				line-height: 62rpx;
				justify-content: center;
				margin-top: 5%;

				.bt {
					background: #C5BFBF;
					width: 198rpx;
					height: 62rpx;
					border-radius: 23rpx;
					margin: 25rpx;
				}

				.btn {
					width: 198rpx;
					height: 62rpx;
					border-radius: 23rpx;
					background: #4C7BC9;
					margin: 25rpx;
				}
			}
		}
	}



	//什么是护理站
	.nursetation {
		width: 80%;
		position: absolute;
		top: 5px;
		left: 10%;
		float: left;
		border: 1px solid #f0f0f0;
		border-radius: 20rpx;
		background-color: #ffffff;
		z-index: 100;
		height: 85rpx;
		line-height: 85rpx;
		box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);

		.what {
			margin-left: 10%;
			display: inline-block;
		}

		.icon {
			display: inline-block;
			height: 85rpx;
			line-height: 85rpx;
			margin-left: 45%;
		}
	}