H5_module/onlineregistration/registrationlist/registrationlist.css

.tab-box{border-radius: 0rpx 0rpx 20rpx 20rpx;margin-top: -20rpx;}
.tab{line-height: 100rpx;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;}

.box-item{margin: 30rpx;background-color: #fff;border-radius: 20rpx;}
.box-item-title{padding: 30rpx;border-bottom: 1rpx solid #F0F0F0;display: flex;display: -webkit-flex;margin-bottom: 30rpx;justify-content: space-between;}
.box-item-contentbox{display: flex;display: -webkit-flex;}
.box-item-content{padding:10rpx 30rpx 10rpx 0;font-size: 24rpx;}
.doctor-header{width: 130rpx;height: 130rpx;border-radius: 50%;margin: 0 25rpx 0 30rpx;background-color: #D6D6D6;}
.doctor-header image{width: 100%;height: 100%;border-radius: 50%;}
.pay-info{display: flex;display: -webkit-flex;justify-content: flex-end;margin-bottom: 30rpx;margin-right: 30rpx;margin-top: 20rpx;}
.pay-info text{margin-left: 15rpx;}
.box-item-content-item{display: flex;display: -webkit-flex;}
.box-item-content-item .item-name{width: 140rpx;color: #999;}
.box-item-content-item .item-text{flex: 1;-webkit-flex: 1;}
.box-item-footer{border-top: 1rpx solid #F0F0F0;display: flex;display: -webkit-flex;justify-content: space-between;padding: 30rpx;margin-top: 30rpx;}
.box-item-footer .footer-btn{display: flex;display: -webkit-flex;}
.footer-status{margin: auto 0;}
.footer-btn-item{border-radius: 50rpx;border: 1rpx solid #333333;padding: 10rpx 22rpx;margin-left: 20rpx;}

.color-gray{color: #999;}
.color-gray2{color: #666;}
.color-orange{color:#F06520 ;}
.border-orange{border:1rpx solid #F06520;}
.register-num{color: var(--mina);margin-left: 10rpx;font-weight: bold;}