.hospital-new-component .patient-detail { background-image: linear-gradient(180deg, #1677FF 20rpx, rgba(22, 119, 255, 0) 96%); background-size: 100% 200rpx; background-repeat: no-repeat; height: 100vh; overflow-y: auto; } .hospital-new-component .patient-detail .patient-d-block { padding: 24rpx; background: #fff; border-radius: 24rpx; margin: 24rpx; color: #666; font-size: 24rpx; line-height: 40rpx; } .hospital-new-component .patient-detail .patient-d-block .patient-d-flex { display: flex; justify-content: space-between; align-items: center; margin-top: 4rpx; margin-bottom: 10rpx; } .hospital-new-component .patient-detail .patient-d-block .patient-d-name { color: #333; font-size: 40rpx; margin-right: 24rpx; font-weight: 500; } .hospital-new-component .patient-detail .patient-d-block .patient-d-rela { color: #1677FF; font-size: 20rpx; font-weight: 300; border-radius: 4rpx; border: 1rpx solid rgba(22, 119, 255, 0.3); padding: 0 8rpx; line-height: 28rpx; } .hospital-new-component .patient-detail .patient-d-block .patient-d-btn { color: #1677FF; } .hospital-new-component .patient-detail .patient-d-block .patient-more { display: flex; justify-content: center; } .hospital-new-component .patient-detail .patient-d-block .patient-more .patient-more-img { width: 60rpx; height: 60rpx; transform: rotate3d(0, 0, 1, 90deg); } .hospital-new-component .patient-detail .patient-d-block .am-collapse-item { display: flex; flex-direction: column-reverse; } .hospital-new-component .patient-detail .patient-d-block .am-collapse-item-title { padding: 0; transition: height 0.2s linear; overflow: hidden; margin-bottom: -20rpx; } .hospital-new-component .patient-detail .patient-d-block .am-collapse-item-title:after { display: none; } .hospital-new-component .patient-detail .patient-d-block .am-collapse-item-title.title--active .patient-more { transform: rotate3d(0, 0, 1, 180deg); } .hospital-new-component .patient-detail .patient-d-block .am-collapse-item-title .am-collapse-item-title-container { justify-content: center; } .hospital-new-component .patient-detail .patient-d-block .item-content { border-top: 1rpx solid rgba(0, 0, 0, 0.1); padding-top: 20rpx; } .hospital-new-component .patient-detail .patient-d-block .item-content .patient-radio, .hospital-new-component .patient-detail .patient-d-block .item-content .patient-label { display: flex; align-items: center; justify-content: center; } .hospital-new-component .patient-detail .patient-button { width: 200rpx; margin: 60rpx auto; line-height: 52rpx; border-radius: 8rpx; color: #1677FF; font-size: 26rpx; text-align: center; } .hospital-new-component .patient-detail .patient-d-wrap { color: #999; font-size: 24rpx; line-height: 40rpx; } .hospital-new-component .patient-detail .patient-d-wrap .patient-d-title { color: #333; font-size: 30rpx; display: flex; font-weight: 500; justify-content: space-between; } .hospital-new-component .patient-detail .patient-d-wrap .patient-d-title .patient-d-rela { margin-left: 20rpx; } .hospital-new-component .patient-detail .patient-card-num { color: #999; font-size: 24rpx; margin: -10rpx 24rpx; } .hospital-new-component .patient-detail .patient-msg { color: #999; font-size: 24rpx; margin: 50rpx 24rpx; line-height: 36rpx; }