H5_module/onlineregistration/index/index.css

/* index.css */
.top{width: 100%;}
.top image{width: 100%;}
/* .cons{margin-top: -90rpx;position: relative;z-index: 5;} */
.box{background: #fff;padding: 28rpx 0;margin: 30rpx 30rpx 30rpx;border-radius: 20rpx;line-height: 36rpx;}
.title{font-size: 30rpx;color: #333;margin: 10rpx 30rpx 0;position: relative;}
.pro-item{margin-bottom: -34rpx;}
.pro-item .li{margin-bottom: 34rpx;}
.tap-area{display: flex;justify-content: space-between;padding-left: 30rpx;}
.tap-area .header{border-radius: 50%;width: 80rpx;height: 80rpx;margin: 0 30rpx 0 0;}
.tap-area .header image{width: 100%;height: 100%;border-radius: 50%;}
.tap-area .header-title{flex: 1;}
.tap-area .header-title .header-name{font-weight: bold;}
.tap-area .header-title .header-text{font-size: 24rpx;margin-top: 5rpx;}
.tap-area .header-title .header-text text{color: #999;margin-right: 10rpx;}
.tap-area .header-more{display: flex;margin-right: 30rpx;}
.doctor-item{display: flex;justify-content: space-between;border-bottom: 1rpx solid #eeeeee;}
.date-icon{width: 25rpx;height: 23rpx;display: inline-block;vertical-align: middle;margin-right: 10rpx;}
.date-title{position: relative;z-index: 2;}
.date-title,.date-content{text-align: left !important;}
.pmore{position: absolute;top: 50%;transform: translateY(-50%);right: 0;z-index: 1;}
.doctor-item .header{border-radius: 50%;background-color: #D6D6D6;width: 80rpx;height: 80rpx;margin:auto 30rpx auto 0;}
.doctor-item .header image{width: 100%;height: 100%;border-radius: 50%;}
.doctor-item .header-title{flex: 1;}
.doctor-item .header-more{display: flex;}
.doctor-item:last-child{border-bottom: none;}
.doctor-item .regist-btn{width: 110rpx;height: 56rpx; background: linear-gradient(280deg, #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;}

.more{font-size: 24rpx;color: #999;}
.more image{width: 16rpx;height: 27rpx;margin-left: 8rpx;}


.tab{padding: 0 30rpx 30rpx;margin-top: 20rpx;}
.tab .li{height: 48rpx;background: #F7F7F7;border-radius: 24rpx;font-size: 24rpx;color: #000;padding: 0 19rpx;margin-right: 25rpx;line-height: 48rpx;}
.tab .li:last-child{margin-right: 0;}
.tab .li.active{background: var(--mina);color: #fff;}