.primary-btn{background:linear-gradient(135deg,#0f95b0,#89c4c1);color:#fff;border-radius:1.125rem;text-align:center;font-size:.9375rem;height:2.75rem;line-height:2.75rem}.primary-btn:active{transform:scale(.98)}.card{background:#fff;border-radius:.75rem;padding:.9375rem;margin-bottom:.9375rem;box-shadow:0 .0625rem .25rem rgba(0,0,0,.05)}.tag{display:inline-block;font-size:.6875rem;color:#0f95b0;background:rgba(15,149,176,.1);padding:.125rem .375rem;border-radius:.125rem;margin-right:.3125rem}.section-title{font-size:1.0625rem;font-weight:700;color:#333;position:relative;padding-left:.625rem;margin-bottom:.9375rem}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.1875rem;height:.9375rem;background:#0f95b0;border-radius:.09375rem}.price{font-size:1rem;color:#f56c6c;font-weight:700}.price.free{color:#67c23a}.price.original{font-size:.75rem;color:#999;text-decoration:line-through;margin-left:.3125rem}::-webkit-scrollbar{display:none;width:0;height:0;color:transparent}body{width:100%;height:100%;overflow-x:hidden}.detail-container{min-height:100vh;background:#f5f6fa;padding-bottom:3.75rem}.detail-container .hospital-info{margin:.625rem;display:flex;align-items:center;position:relative}.detail-container .hospital-info:active{transform:scale(.98)}.detail-container .hospital-info:after{content:">";position:absolute;right:.9375rem;font-size:.75rem;color:#999}.detail-container .hospital-info .logo{width:3.125rem;height:3.125rem;border-radius:.375rem;margin-right:.625rem}.detail-container .hospital-info .info{flex:1}.detail-container .hospital-info .info .name{font-size:1rem;color:#333;font-weight:700;margin-bottom:.25rem;display:block}.detail-container .hospital-info .info .address{font-size:.8125rem;color:#666;margin-bottom:.375rem;display:block}.detail-container .hospital-info .info .tags uni-text{display:inline-block;font-size:.6875rem;color:#0f95b0;background:rgba(15,149,176,.1);padding:.125rem .375rem;border-radius:.125rem;margin-right:.3125rem;margin-bottom:.3125rem}.detail-container .hospital-info .icon-arrow-right{position:absolute;right:.9375rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:#999}.detail-container .basic-info{margin:.625rem}.detail-container .basic-info .header{display:flex;align-items:center;margin-bottom:1.25rem}.detail-container .basic-info .header .icon{width:3.125rem;height:3.125rem;padding:.625rem;background:rgba(15,149,176,.1);border-radius:.75rem}.detail-container .basic-info .header .info{flex:1}.detail-container .basic-info .header .info .name{font-size:1.125rem;color:#333;font-weight:700;margin-bottom:.25rem;display:block}.detail-container .basic-info .header .info .desc{font-size:.8125rem;color:#666}.detail-container .basic-info .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem;padding:.9375rem 0;border-top:.03125rem solid #eee}.detail-container .basic-info .stats .stat-item{text-align:center}.detail-container .basic-info .stats .stat-item .icon-wrap{width:2.5rem;height:2.5rem;margin:0 auto .5rem;background:rgba(15,149,176,.1);border-radius:50%;display:flex;align-items:center;justify-content:center}.detail-container .basic-info .stats .stat-item .icon-wrap .iconfont{font-size:1.25rem;color:#0f95b0}.detail-container .basic-info .stats .stat-item .value{font-size:1.125rem;color:#333;font-weight:700;margin-bottom:.25rem;display:block}.detail-container .basic-info .stats .stat-item .label{font-size:.75rem;color:#999}.detail-container .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9375rem}.detail-container .section-header .more{font-size:.8125rem;color:#999}.detail-container .doctors-section{margin:.625rem}.detail-container .doctors-section .doctor-list{white-space:nowrap;margin:0 -.9375rem;padding:0 .9375rem}.detail-container .doctors-section .doctor-list .doctor-item{display:inline-block;width:9.375rem;margin-right:.625rem;text-align:center}.detail-container .doctors-section .doctor-list .doctor-item:last-child{margin-right:0}.detail-container .doctors-section .doctor-list .doctor-item .avatar{width:3.75rem;height:3.75rem;border-radius:1.875rem;margin-bottom:.5rem;border:.0625rem solid rgba(15,149,176,.1)}.detail-container .doctors-section .doctor-list .doctor-item .name{font-size:.875rem;color:#333;font-weight:700;margin-bottom:.25rem;display:block}.detail-container .doctors-section .doctor-list .doctor-item .title{font-size:.75rem;color:#666;margin-bottom:.25rem;display:block}.detail-container .doctors-section .doctor-list .doctor-item .specialty{font-size:.75rem;color:#999;margin-bottom:.375rem;display:block}.detail-container .doctors-section .doctor-list .doctor-item .rating{margin-bottom:.5rem}.detail-container .doctors-section .doctor-list .doctor-item .rating .score{font-size:.8125rem;color:#e6a23c;font-weight:700;margin-right:.25rem}.detail-container .doctors-section .doctor-list .doctor-item .rating .count{font-size:.75rem;color:#999}.detail-container .doctors-section .doctor-list .doctor-item .book-btn{width:5rem;height:1.875rem;line-height:1.875rem;font-size:.8125rem;margin:0 auto}.detail-container .services-section{margin:.625rem}.detail-container .services-section .service-list .service-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:.03125rem solid #eee}.detail-container .services-section .service-list .service-item:last-child{border-bottom:none;padding-bottom:0}.detail-container .services-section .service-list .service-item .service-info{display:flex;align-items:center}.detail-container .services-section .service-list .service-item .service-info .iconfont{font-size:1.25rem;color:#0f95b0;margin-right:.5rem}.detail-container .services-section .service-list .service-item .price{font-size:1rem;color:#f56c6c;font-weight:700}.detail-container .guide-section{margin:.625rem}.detail-container .guide-section .guide-steps .step-item{display:flex;margin-bottom:.9375rem}.detail-container .guide-section .guide-steps .step-item:last-child{margin-bottom:0}.detail-container .guide-section .guide-steps .step-item .step-num{width:1.875rem;height:1.875rem;border-radius:.9375rem;color:#fff;font-size:.875rem;font-weight:700;margin-right:.625rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.detail-container .guide-section .guide-steps .step-item .step-info{flex:1}.detail-container .guide-section .guide-steps .step-item .step-info .title{font-size:.875rem;color:#333;font-weight:700;margin-bottom:.25rem;display:block}.detail-container .guide-section .guide-steps .step-item .step-info .desc{font-size:.8125rem;color:#666}.detail-container .reviews-section{margin:.625rem}.detail-container .reviews-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.detail-container .reviews-section .section-header .total{font-size:.8125rem;color:#999}.detail-container .reviews-section .review-list .review-item{padding:.625rem 0;border-bottom:.03125rem solid #eee}.detail-container .reviews-section .review-list .review-item:last-child{border-bottom:none}.detail-container .reviews-section .review-list .review-item .user-info{display:flex;align-items:center;margin-bottom:.5rem}.detail-container .reviews-section .review-list .review-item .user-info .avatar{width:1.875rem;height:1.875rem;border-radius:.9375rem;margin-right:.5rem}.detail-container .reviews-section .review-list .review-item .user-info .name{font-size:.8125rem;color:#333;margin-right:.5rem}.detail-container .reviews-section .review-list .review-item .user-info .time{font-size:.75rem;color:#999}.detail-container .reviews-section .review-list .review-item .content{font-size:.8125rem;color:#666;line-height:1.6;margin-bottom:.5rem;display:block}.detail-container .reviews-section .review-list .review-item .doctor-reply{background:#f5f6fa;padding:.625rem;border-radius:.125rem}.detail-container .reviews-section .review-list .review-item .doctor-reply .label{font-size:.8125rem;color:#0f95b0;margin-bottom:.25rem;display:block}.detail-container .reviews-section .review-list .review-item .doctor-reply .reply-content{font-size:.8125rem;color:#666;line-height:1.6}.detail-container .bottom-bar{position:fixed;left:0;right:0;bottom:0;padding:.625rem .9375rem;background:#fff;box-shadow:0 .25rem .75rem rgba(0,0,0,.12)}.detail-container .bottom-bar .submit-btn{width:100%}.detail-container .bottom-bar .submit-btn.button-hover{transform:scale(.98);opacity:.9}
|
