nurseWeChatAppletUI/pages/site/site.scss

	//护理站列表
	.app{
		padding: 0;
		background-color: #fff;
	}
	::v-deep .u-tabs{
		background-color: #F4F5F7 !important;
		padding-bottom: 20rpx;
	}
	.swiper-block {
		height: 200rpx;
		width: 94%;
		padding: 30rpx 3%  10rpx;
		background-color: #F4F5F7;
	}
	.swiper-item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	.slide-image {
		height: 200rpx;
		width: 100%;
		margin: 0 auto;
		border-radius: 20rpx;
	}
	.Classificationlist{
		margin: 30rpx 0 0;
		width: 100%;
		height: 380rpx;
		display: flex;
		justify-content: flex-start;
			flex-wrap: wrap;
			text-align: center;
			.itemclass{
				color: #4C7BC9;
				width: 25%;
				height: 190rpx;
				image{
					display: block;
					margin: 0 auto;
					width: 100rpx;
					height: 100rpx;
				}
				.title{
					padding: 0 10rpx;
					width: 100%;
					overflow: hidden;
					    text-overflow: ellipsis;
					    white-space: nowrap;
					font-size: 30rpx;
					font-weight: 600;
					line-height: 70rpx;
				}
			}
		.item{
			width: 25%;
			height: 190rpx;
			image{
				display: block;
				margin: 0 auto;
				width: 100rpx;
				height: 100rpx;
			}
			.title{
				padding: 0 10rpx;
				width: 100%;
				overflow: hidden;
				    text-overflow: ellipsis;
				    white-space: nowrap;
				font-size: 30rpx;
				font-weight: 500;
				line-height: 70rpx;
			}
		}
	}
	.inputs {
		border: 1px solid #f0f0f0;
		width: 90%;
		height: 65rpx;
		margin: 0 0 10rpx 50%;
		transform: translateX(-50%);
		border-radius: 20rpx;
		background-color: #F4F5F7;
		z-index: 999;
	
		.input {
			margin: 0 auto;
			position: absolute;
			height: 65rpx;
			// top: 8%;
			left: 10%;
			width: 90%;
			font-size: 26rpx;
			color: #000000;
		}
	
		.icon {
			background: url(@/static/sousuo.png) no-repeat;
			width: 30rpx;
			height: 28rpx;
			background-size: cover;
			position: absolute;
			top: 30%;
			left: 3%;
		}
	}
	.conNew {
		background-color: #F4F5F7;
		width: 100%;
		padding: 30rpx 0 50rpx;
		margin: 0 auto;
		height: 100%;
		.title{
			font-size: 32rpx;
			font-weight: bold;
			padding-left: 2%;
		}
		.addressContent {
			width: 96%;
			background-color: #ffffff;
			margin: 0 auto;
		}

		.lists {
			width: 100%;
			height: 300rpx;
			margin-bottom: 14rpx;
			border-radius: 20rpx;
			position: relative;
			background-color: #ffffff;
			.tags{
				display: flex;
				position: absolute;
				top: 55%;
				left: 35%;
				width: 65%;
				flex-wrap: wrap;
				.tag{
					background: #F8D7D1;
					opacity: 0.8;
					margin: 0 10rpx 10rpx 0;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					padding: 0 10rpx;
					height: 50rpx;
					line-height: 50rpx;
					text-align: center;
					border-radius: 10rpx;
					font-size: 22rpx;
					color: #F44B2F;
				}
			}
			.nurse {
				font-size: 32rpx;
				position: absolute;
				top: 12%;
				left: 35%;
				width: 63%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			}

			.distance {
				position: absolute;
				top: 32%;
				left:35%;
				font-size: 27rpx;
				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;
			}
		}
	}

	.masks {
		width: 100%;
		position: absolute;
		opacity: 0.9;
		top: 0;
		z-index: 999;
		background-color: #f0f0f0;
		.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%;
		}
	}