.hospital-new-component .result-root { position: relative; z-index: 1; padding-bottom: 40rpx; background-image: linear-gradient(180deg, #1677FF 20rpx, rgba(22, 119, 255, 0) 96%); background-size: 100% 200rpx; background-repeat: no-repeat; padding-top: 24rpx; } .hospital-new-component .result-root .footer-container { padding-top: 40rpx; } .hospital-new-component .result-root .back-to-home { height: 98rpx; color: #fff; font-size: 36rpx; border-radius: 8rpx; display: flex; align-items: center; justify-content: center; background-color: #1677FF; margin: 0 24rpx; } .hospital-new-component .result-root .back-to-home:active { opacity: 0.9; } .hospital-new-component .result-root .result-center { display: flex; flex-direction: column; align-items: center; } .hospital-new-component .result-root .result-block { background: #fff; border-radius: 16rpx; padding: 24rpx; font-size: 30rpx; margin: 0 24rpx 24rpx; color: #333; line-height: 42rpx; } .hospital-new-component .result-root .result-block .result-block-row { display: flex; padding: 13rpx 0; line-height: 42rpx; } .hospital-new-component .result-root .result-block .result-block-row .result-block-success { color: #22b35e; font-size: 38rpx; font-weight: 500; margin-left: 10rpx; margin-top: 30rpx; } .hospital-new-component .result-root .result-block .result-block-row .result-form-label { flex: 0 0 182rpx; color: #666; font-size: 32rpx; white-space: nowrap; } .hospital-new-component .result-root .result-block .result-block-row .result-form-val { flex: 1 1 auto; color: #333; font-weight: 500; font-size: 32rpx; text-align: right; } .hospital-new-component .result-root .result-block .result-block-row.center { flex-direction: column; align-items: center; padding-top: 40rpx; margin-bottom: 40rpx; line-height: 1; } .hospital-new-component .result-root .result-block .result-card-support { color: #FF6430; font-size: 26rpx; } .hospital-new-component .result-root .result-block .result-card-support .icon { margin-right: 10rpx; line-height: 1; } .hospital-new-component .result-root .result-block .result-block-top { padding-bottom: 15rpx; } .hospital-new-component .result-root .result-block .result-block-dashed { height: 1rpx; background: linear-gradient(to right, #e5e5e5 0%, #e5e5e5 40%, transparent 40%, transparent 100%) repeat-x; background-size: 15rpx 1rpx; } .hospital-new-component .result-root .result-block .result-card { padding-bottom: 20rpx; } .hospital-new-component .result-root .result-block .result-card .result-card-row { display: flex; margin-top: 23rpx; line-height: 42rpx; color: #999; } .hospital-new-component .result-root .result-block .result-card .result-card-row .result-card-label { width: 182rpx; } .hospital-new-component .result-root .result-block .result-card .result-card-row .result-card-val { flex: 1 1 auto; display: flex; color: #333; justify-content: flex-end; text-align: right; } .hospital-new-component .result-root .result-block .result-card .result-card-row .light { color: #FF6430; } .hospital-new-component .result-root .result-block .result-card-btn { color: #1677FF; margin-left: 16rpx; } .hospital-new-component .result-root .result-block .result-block-title { display: flex; justify-content: space-between; color: #333; font-size: 30rpx; font-weight: 500; padding-bottom: 24rpx; border-bottom: 1rpx solid #e5e5e5; margin-bottom: 25rpx; } .hospital-new-component .result-root .result-block .result-block-btn { color: #1677FF; font-size: 30rpx; text-align: right; margin-top: 25rpx; } .hospital-new-component .result-root .result-block .result-block-btn .result-block-t { margin-right: 40rpx; } .hospital-new-component .result-root .result-block.result-block-cansel { color: #ff3143; font-size: 38rpx; line-height: 45rpx; text-align: center; padding: 40rpx 24rpx; } .hospital-new-component .result-root .result-block.result-block-cansel.success { color: #22b35e; } .hospital-new-component .result-root .result-block.result-block-cansel.cansel { color: #999; } .hospital-new-component .result-root .result-block.result-block-cansel .result-block-waiting { color: #ff6330; font-size: 38rpx; margin: 10rpx 0 20rpx; } .hospital-new-component .result-root .result-block.result-block-cansel .result-block-tip { color: #999; font-size: 26rpx; } .hospital-new-component .result-root .result-block .result-block-big { font-size: 48rpx; padding: 15rpx 0; } .hospital-new-component .result-root .result-block .result-block-big .line { position: relative; height: 48rpx; padding-right: 25rpx; margin-right: 25rpx; } .hospital-new-component .result-root .result-block .result-block-big .line:after { content: ''; display: block; width: 1rpx; height: 36rpx; background: #e5e5e5; position: absolute; top: 50%; right: 0; margin-top: -18rpx; } .hospital-new-component .result-root .result-block .result-tip { position: relative; font-size: 24rpx; padding: 0 25rpx; } .hospital-new-component .result-root .result-block .result-tip:before { content: ''; display: block; width: 10rpx; height: 10rpx; position: absolute; top: 50%; left: 0; margin-top: -5rpx; background: #1677FF; border-radius: 50%; } .hospital-new-component .result-root .result-block .result-gray { color: #999; font-size: 24rpx; margin-bottom: 10rpx; } .hospital-new-component .result-root .result-block .result-block-flex { display: flex; flex-wrap: wrap; margin: 10rpx -16rpx -16rpx 0; } .hospital-new-component .result-root .result-block .result-block-flex .result-block-image { width: 160rpx; height: 160rpx; border-radius: 8rpx; margin-right: 16rpx; margin-bottom: 16rpx; } .hospital-new-component .result-root .tmp .result-card { padding-bottom: 0; } .hospital-new-component .result-root .tmp .result-card .result-card-val { color: #333; } .hospital-new-component .result-root .result-button { color: #1677FF; font-size: 30rpx; display: flex; justify-content: center; margin: 20rpx 0 0; } .hospital-new-component .result-root .result-button .txt { padding: 20rpx; } .hospital-new-component .result-root .theme { color: #1677FF; } .hospital-new-component .result-root .order-button-wrap { width: 100%; position: fixed; left: 0; bottom: 0; color: #333; font-size: 26rpx; background: #f5f5f5; } .hospital-new-component .result-root .order-button-wrap .order-button-f { display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 24rpx 24rpx 40rpx; } .hospital-new-component .result-root .order-button-wrap .button { height: 98rpx; border-radius: 8rpx; background: #1677FF; width: 335rpx; font-weight: 300; } .hospital-new-component .result-root .order-button-wrap .full { width: 100%; } .hospital-new-component .result-root .order-button-wrap .coder-pay-price { font-size: 48rpx; color: #FF6430; font-weight: 500; margin-left: 16rpx; } .hospital-new-component .result-root .order-button-wrap .order-pay-tip { color: #999; font-size: 24rpx; text-align: center; padding: 20rpx 0; } .hospital-new-component .result-root.root-0 { padding-bottom: 300rpx; }