H5_module/onlineregistration/doctorinfo/doctorinfo.css

/* doctorinfo.css */
.box{background: #fff;padding: 28rpx 0;margin: 30rpx 30rpx 30rpx;border-radius: 20rpx 20rpx 20rpx 20rpx;line-height: 36rpx;}
.title{font-size: 30rpx;color: #333;margin: 10rpx 30rpx 0;}
.doctor-item{display: flex;justify-content: space-between;border-bottom: 1rpx solid #eeeeee;border-radius: 20rpx 20rpx 0 0;}
.doctor-item .header{border-radius: 50%;width: 140rpx;height: 140rpx;margin:auto 30rpx;}
.doctor-item .header image{width: 100%;height: 100%;border-radius: 50%;background-color: #D6D6D6;}
.doctor-item .header-title{flex: 1;}
.doctor-item .header-more{margin:auto 30rpx;}
.doctor-item .header-more image{width: 40rpx;height: 40rpx;margin: auto;}
.doctor-item:last-child{border-bottom: none;}
.doctor-item .regist-btn{width: 110rpx;height: 56rpx; background: linear-gradient(10deg, #009AFF 0%, #006FFF 100%);border-radius: 50rpx;text-align: center;color: #fff;line-height: 56rpx;margin: auto 0rpx auto 30rpx;}
.doctor-name{font-size: 28rpx;margin-right: 15rpx;}
.doctor-position{font-size: 24rpx;color: #999;}
.doctor-about{font-size: 24rpx;color: #999;}
.qrcode-text{font-size: 20rpx;color: #999;}


.tab-box{border-radius: 0rpx 0rpx 20rpx 20rpx;margin-top: -20rpx;}
.tab{line-height: 70rpx;font-size: 30rpx;color: #999;text-align: center;border-bottom: 1rpx solid #eeeeee;}
.tab .li{width: 50%;position: relative;}
.tab .li.active{color: #009AFF;font-weight: bold;}
.tab .li.active::after{content: '';display: block;width: 38rpx;height: 7rpx;background:var(--mina);border-radius: 4rpx;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.dflex{align-items: center;}

.regist-bar{padding: 30rpx 30rpx 0;font-size: 28rpx;min-height: 500rpx;}
.regist-content{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10rpx;}
.register-li{border-bottom: 1rpx solid #EEEEEE;margin-bottom: 30rpx;padding-bottom: 30rpx;}
.register-li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.regist-item{width: 300rpx;margin: 20rpx 30rpx 0 0;text-align: center;border: 1rpx solid #DEDEDE;height: 58rpx;font-size: 24rpx;border-radius: 5rpx;line-height: 56rpx;box-sizing: border-box;}
.regist-item:nth-child(2n){margin-right: 0;}
.regist-content .active{border: 1rpx solid #009AFF;position: relative;}
.sub-gou{width: 31rpx;height: 28rpx;position: absolute;right: 0;bottom: 0;}
/* .regist-content .active::after{content: '√';width: 40rpx;height: 30rpx;line-height: 30rpx; text-align: center; display: block; background-color: #009AFF;position: absolute;bottom: 0;right: 0;border-radius: 36rpx 0 0 0;color: #fff;} */
.regist-content .noh{opacity: .5;}
.regist-number{color: #999;margin-left: 5rpx;}
.regist-number-red{color: #ffaf8c;}
.regist-bottom{position: fixed;bottom: 0;width: 100vw;height: 140rpx;margin: 0; display: flex;justify-content: space-between;background-color: #fff;line-height: 140rpx;padding: 0 30rpx;}
.regist-bottom-title{font-size: 24rpx;color: #999;}
.textcolor-red{color:#FE0419;}
.regist-bottom-money{transform: scale(1.2);display: inline-block;}
.regist-bottom-btn{border-radius: 40rpx;background-color: #009AFF;width: 370rpx;height: 80rpx;line-height: 80rpx;color: #fff;text-align: center;margin-top: 30rpx; margin-right: 60rpx; }

.info-bar{padding: 30rpx;}
.info-item{margin-bottom: 30rpx;}
.info-title{color: #333333;position: relative;height: 45rpx;line-height: 45rpx;padding: 0 20rpx;margin-bottom: 7rpx;}
.info-title::after{content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%); background-color: #009AFF;border-radius: 10rpx; width: 6rpx;height: 30rpx;}
.info-content{color: #666666;line-height: 36rpx;font-size: 24rpx;}
.info-case{display: flex;flex-wrap: wrap;justify-content: space-between;}
.info-case-item image{width: 300rpx;height: 200rpx;}
.info-case-title{margin: auto;text-align: center;font-size: 24rpx;font-weight: 400;color: #333;margin-top: 7rpx;}