//护理站列表 .app{ padding: 0; background-color: #fff; } ::v-deep .u-swiper-item{ } ::v-deep .u-swiper-image { } ::v-deep .u-tabs{ background-color: #F4F5F7 !important; padding-bottom: 20rpx; } .Classificationlist{ margin: 30rpx 0 0; width: 100%; 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%; .noorder{ margin-top: 90rpx; } .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%; } }