H5_module/onlineregistration/appointmentlist/appointmentlist.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;justify-content: space-between;margin-bottom: 30rpx;}
.box-item-content{padding:10rpx 30rpx;}
.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 ;}