@charset "UTF-8"; /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ /* uni.scss */ .d-flex { display: flex; } .jc-center { justify-content: center; } .ai-center { align-items: center; } .flex-1 { flex: 1; } .pay-popup > .u-drawer { bottom: calc(constant(safe-area-inset-bottom) + 80rpx + 28rpx + 27rpx) !important; bottom: calc(env(safe-area-inset-bottom) + 80rpx + 28rpx + 27rpx) !important; } .pay-popup > .u-drawer .u-drawer-bottom { overflow: initial !important; background: #f4efee; } .pay-popup > .u-drawer .u-drawer-bottom::before { font: normal normal normal 14px / 1 uicon-iconfont; content: "\e65f 陪诊有保障,就医更安心"; font-size: 24rpx; line-height: 70rpx; color: #ffffff; font-weight: 500; box-sizing: border-box; background: linear-gradient(90deg, #c10d12 0%, #c10d12 4%, #e16265 99%, #e16265 100%); position: absolute; width: 100%; height: 100rpx; padding-left: 70rpx; border-radius: 20rpx 20rpx 0 0; top: -70rpx; left: 0; } .pay-popup > .u-drawer .u-mask { bottom: calc(constant(safe-area-inset-bottom) + 80rpx + 28rpx) !important; bottom: calc(env(safe-area-inset-bottom) + 80rpx + 28rpx) !important; } .pay-popup > .u-drawer .u-drawer__scroll-view { position: relative; background: #f4efee; } .pay-popup-container { padding-bottom: 20rpx; } .pay-popup-container .service { border-radius: 10rpx; padding: 28rpx 39rpx; margin: 32rpx 25rpx 0; display: flex; align-items: center; } .pay-popup-container .service__icon { display: flex; justify-content: center; align-items: center; background: #f1e7d9; padding: 20rpx; width: 124rpx; height: 122rpx; } .pay-popup-container .service__text { padding-left: 12rpx; font-weight: 500; } .pay-popup-container .service__text--price { font-size: 40rpx; color: #c20d12; font-weight: 500; } .pay-popup-container .service__text--name { font-size: 24rpx; color: #333333; font-weight: 500; } .pay-popup-container .row { margin: 30rpx 46rpx 0; } .pay-popup-container .row__title { padding-left: 22rpx; font-size: 28rpx; line-height: 40rpx; color: #000000; font-weight: 500; } .pay-popup-container .row__content { margin-top: 26rpx; padding: 22rpx; background: #fff; border-radius: 5rpx; } .pay-popup-container .row__content--first { width: 51rpx; height: 47rpx; border-radius: 15rpx; line-height: 47rpx; text-align: center; font-size: 30rpx; color: #fff; background-color: #e1a664; } .pay-popup-container .row__content--name { font-size: 28rpx; line-height: 47rpx; color: #000000; font-weight: 500; padding-left: 16rpx; } .pay-popup-container .row .u-checkbox__label { margin: 0; } .pay-popup-container .cards__icon { width: 90rpx; height: 83rpx; background: #f3e7d8; border-radius: 10rpx; } .pay-popup-container .use-card { text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 570rpx; margin: 30rpx auto 0; height: 66rpx; line-height: 66rpx; font-size: 28rpx; color: #e1a664; font-weight: 500; background: #f1e7d9; } .pay-popup-container .is-auth { padding-left: 56rpx; margin-top: 22rpx; } @charset "UTF-8"; /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ /* uni.scss */ .page.data-v-3f855ba3 { position: relative; } .page .card.data-v-3f855ba3 { background: #fff; margin: 60rpx 25rpx 0; padding: 36rpx 38rpx; border-radius: 10rpx; } .page .bkg.data-v-3f855ba3 { width: 100vw; z-index: 0; height: 550rpx; position: absolute; top: 0; left: 0; } .page .container.data-v-3f855ba3 { z-index: 1; position: relative; padding-bottom: calc(27rpx * 2 + 80rpx + 20rpx); padding-bottom: calc(constant(safe-area-inset-bottom) + 27rpx * 2 + 80rpx + 20rpx); padding-bottom: calc(env(safe-area-inset-bottom) + 27rpx * 2 + 80rpx + 20rpx); } .page .container .refund-text.data-v-3f855ba3 { font-size: 44rpx; font-weight: 600; color: #c20d12; letter-spacing: 4rpx; padding: 64rpx 37rpx 0; } .page .container .step.data-v-3f855ba3 { display: flex; justify-content: space-evenly; padding: 64rpx 37rpx 0; position: relative; } .page .container .step.data-v-3f855ba3::before { content: ""; height: 12rpx; background: #fff; border-radius: 6rpx; position: absolute; left: 37rpx; right: 37rpx; top: calc(26rpx / 2 + 64rpx - 6rpx); } .page .container .step-item__dot.data-v-3f855ba3 { width: 30rpx; height: 30rpx; border-radius: 100%; -webkit-filter: drop-shadow(0 0 10rpx rgba(211, 32, 2, 0.3)); filter: drop-shadow(0 0 10rpx rgba(211, 32, 2, 0.3)); background-color: #9b9c9c; border: 2rpx solid #ffffff; margin: auto; display: flex; align-items: center; justify-content: center; } .page .container .step-item__text.data-v-3f855ba3 { font-size: 24rpx; color: #333333; font-weight: 500; margin-top: 30rpx; } .page .container .step .is-active .step-item__dot.data-v-3f855ba3 { -webkit-filter: drop-shadow(4.384px 8.988px 10px rgba(211, 32, 2, 0.57)); filter: drop-shadow(4.384px 8.988px 10px rgba(211, 32, 2, 0.57)); background-image: linear-gradient(-90deg, #e26165 0%, #c10d12 94%, #c10d12 100%); -webkit-transform: scale(2, 2); transform: scale(2, 2); } .page .container .step .is-active .step-item__text.data-v-3f855ba3 { color: #c20d12; } .page .container .switch-service.data-v-3f855ba3 { border-radius: 10rpx; background-color: #ffffff; margin: 60rpx 25rpx 0; padding: 28rpx 39rpx; display: flex; align-items: center; } .page .container .switch-service__icon.data-v-3f855ba3 { display: flex; justify-content: center; align-items: center; background: #f9f5e9; padding: 20rpx; } .page .container .switch-service__name.data-v-3f855ba3 { padding-left: 14rpx; font-size: 28rpx; color: #333333; font-weight: 500; } .page .container .switch-service__btn.data-v-3f855ba3 { display: flex; align-items: center; margin-left: auto; } .page .container .switch-service__btn > image.data-v-3f855ba3 { width: 31rpx; height: 27rpx; } .page .container .switch-service__btn > text.data-v-3f855ba3 { font-size: 24rpx; color: #999999; padding-left: 20rpx; } .page .container .form-card.data-v-3f855ba3 { border-radius: 10rpx; background-color: #ffffff; padding: 36rpx 38rpx; margin: 0 25rpx; } .page .container .form-card-1.data-v-3f855ba3 { margin-top: 44rpx; } .page .container .form-card-2.data-v-3f855ba3 { margin-top: 24rpx; } .page .container .form-card-2 .title.data-v-3f855ba3 { display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; margin-bottom: 26rpx; } .page .container .form-card-2 .title__left text.data-v-3f855ba3:nth-child(1) { color: #333; } .page .container .form-card-2 .title__left text.data-v-3f855ba3:nth-child(2) { color: #999; } .page .container .form-card-2 .title__right.data-v-3f855ba3 { color: #c20d12; } .page .container .form-card-2.data-v-3f855ba3 .u-add-wrap { background: #fff; border: 2rpx dashed #999999; } .page .container .form-card-3.data-v-3f855ba3 { margin-top: 20rpx; } .page .container .form-card-3 .title.data-v-3f855ba3 { font-size: 24rpx; color: #333333; margin-bottom: 22rpx; } .page .container .is-auth.data-v-3f855ba3 { padding-left: 56rpx; margin-top: 22rpx; } .page .container.data-v-3f855ba3 .form-card-1 .u-input__input { text-align: right; } .page .container .desc-card.data-v-3f855ba3 { border-bottom: 2rpx solid #efefef; padding: 48rpx 70rpx 46rpx; } .page .container .desc-card__title.data-v-3f855ba3 { font-size: 28rpx; color: #000000; font-weight: bold; position: relative; padding-left: 24rpx; } .page .container .desc-card__title.data-v-3f855ba3::before { content: ""; background: linear-gradient(0deg, #c10d12 0%, #c10d12 6%, #e26165 100%); border-radius: 4rpx; width: 6rpx; position: absolute; top: 0; left: 0; bottom: 0; } .page .container .desc-card__content.data-v-3f855ba3 { line-height: 65rpx; margin-top: 34rpx; } .page .container .desc-card__content--title.data-v-3f855ba3 { display: inline-block; width: 240rpx; padding-right: 64rpx; font-size: 24rpx; color: #999999; font-weight: 500; } .page .container .desc-card__content--value.data-v-3f855ba3 { display: inline-block; font-size: 24rpx; color: #333333; font-weight: 500; } .bottom-bar.data-v-3f855ba3 { background: #fff; position: fixed; padding-top: 27rpx; padding-bottom: 27rpx; padding-bottom: calc(constant(safe-area-inset-bottom) + 27rpx); padding-bottom: calc(env(safe-area-inset-bottom) + 27rpx); width: 100vw; left: 0; bottom: 0; z-index: 10074; display: flex; align-items: center; justify-content: space-between; -webkit-filter: drop-shadow(0 2rpx 6rpx #00000020); filter: drop-shadow(0 2rpx 6rpx #00000020); } .bottom-bar .price.data-v-3f855ba3 { margin-left: 50rpx; color: #c20d12; } .bottom-bar .price > text.data-v-3f855ba3:nth-child(1) { font-size: 24rpx; } .bottom-bar .price > text.data-v-3f855ba3:nth-child(2) { color: #c20d12; font-weight: 500; font-size: 40rpx; } .bottom-bar .more.data-v-3f855ba3 { font-size: 26rpx; color: #666; padding-right: 20rpx; } .service-list.data-v-3f855ba3 { padding-top: 80rpx; } .service-list-item.data-v-3f855ba3 { border: 2rpx solid #e6e6eb; border-radius: 10rpx; background-color: #ffffff; margin: 0 25rpx; padding: 28rpx 39rpx; display: flex; align-items: center; flex-wrap: wrap; } .service-list-item__namewrap.data-v-3f855ba3 { display: flex; align-items: center; width: 100%; } .service-list-item__address.data-v-3f855ba3 { margin-top: 10rpx; width: 100%; padding-left: 14rpx; display: flex; justify-content: space-between; align-items: center; } .service-list-item__icon.data-v-3f855ba3 { display: flex; justify-content: center; align-items: center; } .service-list-item__name.data-v-3f855ba3 { padding-left: 14rpx; font-size: 28rpx; color: #333333; font-weight: 500; } .service-list-item__price.data-v-3f855ba3 { color: #c20d12; font-weight: 500; margin-left: auto; } .service-list-btn.data-v-3f855ba3 { position: fixed; bottom: 40rpx; left: calc(50% - 144rpx); } .service-list-item + .service-list-item.data-v-3f855ba3 { margin-top: 20rpx; }