.primary-btn{background:linear-gradient(135deg,#0f95b0,#89c4c1);color:#fff;border-radius:36rpx;text-align:center;font-size:30rpx;height:88rpx;line-height:88rpx}.primary-btn:active{transform:scale(.98)}.card{background:#fff;border-radius:24rpx;padding:30rpx;margin-bottom:30rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.tag{display:inline-block;font-size:22rpx;color:#0f95b0;background:rgba(15,149,176,.1);padding:4rpx 12rpx;border-radius:4rpx;margin-right:10rpx}.section-title{font-size:34rpx;font-weight:700;color:#333;position:relative;padding-left:20rpx;margin-bottom:30rpx}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6rpx;height:30rpx;background:#0f95b0;border-radius:3rpx}.price{font-size:32rpx;color:#f56c6c;font-weight:700}.price.free{color:#67c23a}.price.original{font-size:24rpx;color:#999;text-decoration:line-through;margin-left:10rpx}::-webkit-scrollbar{display:none;width:0;height:0;color:transparent}page{width:100%;height:100%;overflow-x:hidden}.book-container{min-height:100vh;padding-bottom:120rpx}.book-container .vaccine-card{display:flex;margin:20rpx}.book-container .vaccine-card .vaccine-image{width:160rpx;height:120rpx;border-radius:12rpx;margin-right:20rpx;object-fit:cover}.book-container .vaccine-card .info{flex:1}.book-container .vaccine-card .info .name{font-size:32rpx;color:#333;font-weight:700;margin-bottom:10rpx;display:block}.book-container .vaccine-card .info .desc{font-size:26rpx;color:#666;margin-bottom:16rpx;display:block}.book-container .vaccine-card .info .price-info .price{font-size:32rpx;color:#f56c6c;font-weight:700}.book-container .vaccine-card .info .price-info .free{font-size:32rpx;color:#67c23a;font-weight:700}.book-container .book-form{margin:20rpx}.book-container .book-form .form-item{margin-bottom:30rpx}.book-container .book-form .form-item .label{font-size:28rpx;color:#333;font-weight:700;margin-bottom:16rpx;display:block}.book-container .book-form .form-item .patient-select{display:flex;justify-content:space-between;align-items:center;height:88rpx;padding:0 30rpx;background:#f5f6fa;border-radius:12rpx}.book-container .book-form .form-item .patient-select text{font-size:28rpx;color:#666}.book-container .book-form .form-item .patient-select text.icon-arrow-right{font-size:24rpx;color:#999}.book-container .book-form .form-item .date-list .scroll-view{white-space:nowrap;margin:0 -30rpx;padding:0 30rpx}.book-container .book-form .form-item .date-list .date-item{display:inline-flex;flex-direction:column;align-items:center;padding:20rpx 30rpx;margin-right:20rpx;background:#f5f6fa;border-radius:12rpx;transition:all .3s}.book-container .book-form .form-item .date-list .date-item.active{background:#0f95b0}.book-container .book-form .form-item .date-list .date-item.active text{color:#fff}.book-container .book-form .form-item .date-list .date-item .week{font-size:24rpx;color:#666;margin-bottom:8rpx}.book-container .book-form .form-item .date-list .date-item .day{font-size:32rpx;color:#333;font-weight:700;margin-bottom:4rpx}.book-container .book-form .form-item .date-list .date-item .month{font-size:22rpx;color:#999}.book-container .book-form .form-item .time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20rpx}.book-container .book-form .form-item .time-grid .time-item{display:flex;flex-direction:column;align-items:center;padding:20rpx;background:#f5f6fa;border-radius:12rpx;transition:all .3s}.book-container .book-form .form-item .time-grid .time-item.active{background:#0f95b0}.book-container .book-form .form-item .time-grid .time-item.active text{color:#fff}.book-container .book-form .form-item .time-grid .time-item.disabled{opacity:.5}.book-container .book-form .form-item .time-grid .time-item.disabled text{color:#999}.book-container .book-form .form-item .time-grid .time-item .time-text{font-size:28rpx;color:#333;margin-bottom:8rpx}.book-container .book-form .form-item .time-grid .time-item .count{font-size:22rpx;color:#666}.book-container .book-form .form-item .remark-input{width:100%;height:160rpx;padding:20rpx;background:#f5f6fa;border-radius:12rpx;font-size:28rpx;color:#333}.book-container .book-form .form-item .word-count{font-size:24rpx;color:#999;text-align:right;margin-top:8rpx;display:block}.book-container .notice-card{margin:20rpx}.book-container .notice-card .notice-list .notice-item{display:flex;margin-bottom:16rpx}.book-container .notice-card .notice-list .notice-item:last-child{margin-bottom:0}.book-container .notice-card .notice-list .notice-item .dot{margin-right:8rpx;color:#0f95b0}.book-container .notice-card .notice-list .notice-item .text{flex:1;font-size:26rpx;color:#666;line-height:1.6}.book-container .bottom-bar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:20rpx 30rpx;background:#fff;box-shadow:0 8rpx 24rpx rgba(0,0,0,.12)}.book-container .bottom-bar .price-info .label{font-size:26rpx;color:#666;margin-right:10rpx}.book-container .bottom-bar .price-info .price{font-size:32rpx;color:#f56c6c;font-weight:700}.book-container .bottom-bar .price-info .free{font-size:32rpx;color:#67c23a;font-weight:700}.book-container .bottom-bar .submit-btn{width:240rpx}.patient-popup{background:#fff;border-radius:24rpx 24rpx 0 0}.patient-popup .popup-header{display:flex;justify-content:space-between;align-items:center;padding:30rpx;border-bottom:1rpx solid #eee}.patient-popup .popup-header .title{font-size:32rpx;color:#333;font-weight:700}.patient-popup .popup-header .close{font-size:40rpx;color:#999;padding:0 20rpx}.patient-popup .patient-list{padding:20rpx 30rpx;max-height:60vh;overflow-y:auto}.patient-popup .patient-list .patient-item{display:flex;justify-content:space-between;align-items:center;padding:20rpx;margin-bottom:20rpx;background:#f5f6fa;border-radius:12rpx;transition:all .3s}.patient-popup .patient-list .patient-item.active{background:rgba(15,149,176,.1)}.patient-popup .patient-list .patient-item.active .patient-info .name{color:#0f95b0}.patient-popup .patient-list .patient-item .patient-info .name{font-size:30rpx;color:#333;font-weight:700;margin-bottom:8rpx;display:block}.patient-popup .patient-list .patient-item .patient-info .id-card{font-size:24rpx;color:#999}.patient-popup .patient-list .patient-item .relation{font-size:26rpx;color:#666;background:#fff;padding:4rpx 12rpx;border-radius:4rpx}.patient-popup .patient-list .add-patient{display:flex;align-items:center;justify-content:center;padding:30rpx;background:#f5f6fa;border-radius:12rpx;border:2rpx dashed #999999}.patient-popup .patient-list .add-patient .icon-add{font-size:32rpx;color:#999;margin-right:8rpx}.patient-popup .patient-list .add-patient text{font-size:28rpx;color:#999}.patient-popup .popup-footer{padding:20rpx 30rpx;border-top:1rpx solid #eee}.patient-popup .popup-footer .confirm-btn{width:100%}
|
