diagnosis_app/views/patientItems/record/index.scss

	.content{
		.tab{
			height: 80upx;
			&::after{
				display: block;
				clear: both;
				content: "";
			}
			.item{
				float: left;
				width: 25%;
				height: 80upx;
				text-align: center;
				line-height: 80upx;
				text{
					display: inline-block;
					height: 100%;
					padding: 0 20upx;
					box-sizing: border-box;
					font-size: 28upx;
					color: #333;
				}
				&.active{
					text{
						border-bottom: 1px solid #007AFF;
						color:#007AFF ;
					}
				}
			}
		}
		.search{
			height: 100upx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 28upx 0 60upx;
			.inp{
				display: flex;
				justify-content:flex-start;
				align-items: center;	
				height: 60upx;
				.search-inp{
					height: 100%;
					margin-left: 14upx;
					display: inline-block;
					font-size: 24upx;
					color: #999999;
					&::-webkit-input-placeholder {
						font-size: 24upx;
						color: #999999;
					}
				}				
			}
			.searchBt{
				button{
					width: 130upx;
					height: 60upx;
					line-height: 60upx;
					background-color: #3384FF;
					text-align: center;
					color: #fff;
					font-size: 24upx;
				}
			}

		}
		.tab-cont{
			&{
				// background-color:#F5F5F5;
				padding-bottom: 30upx;
			}
			.item-container{			
				.item{
					position: relative;
					padding: 20upx;
					background-color: #fff;
					// margin-bottom: 10upx;
					border-bottom: 1upx solid #eaeaea;
					.avatar{
						overflow: hidden;
						position: absolute;
						left: 20upx;
						top: 20upx;
						&,.pic{
							width: 86upx;
							height: 86upx;	
							border-radius: 50%;
						}
					}
					.item-info{
						margin-left: 120upx;
						line-height: 1;
						.doctor{	
							display: flex;
							justify-content: space-between;
							align-items: center;						
							.lf{
								&{
									display: flex;
									justify-content: flex-start;
									align-items: center;
								}
								.name{
									color: #333;
									font-size: 30upx;
									max-width: 300upx;
									white-space: nowrap;
									overflow: hidden;
									text-overflow: ellipsis;
								}
								.status{
									height: 28upx;
									line-height: 28upx;
									padding: 0 10upx;
									background-color: #409eff;
									color: #fff;
									margin-left: 20upx;
									font-size: 22upx;
								}							
							}			
							.diagnose-status{
								height: 50upx;
								color: #409eff;
								line-height: 50upx;	
							}			
						}
						.jobTitle-box{
							color: #666;
							font-size: 26upx;
							padding-top: 24upx;
							.jobTitle{
								padding-right: 20upx;
							}
						}
						.doctorHospital{
							color: #424242;
							padding-top: 10upx;
							font-size: 28upx;
						}					
						.time{
							color: #999;
							font-size: 28upx;
							padding-top: 24upx;
						}
					}
				}
			}
		}
		.zhcx-modal{
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: #fff;
			overflow-y: auto;
			z-index:999;
		}
	}