diagnosis_app/views/doctorItems/index/index.scss

	.doctor-index-content{
		&{
			position: relative;
		}
		.tab{
			height: 80upx;
			&::after{
				display: block;
				clear: both;
				content: "";
			}
			.item{
				float: left;
				width: 50%;
				height: 80upx;
				text-align: center;
				line-height: 80upx;
				text{
					display: inline-block;
					height: 100%;
					padding: 0 20upx;
					box-sizing: border-box;
				}
				&.active{
					text{
						border-bottom: 1px solid #007AFF;
					}
				}
			}
		}
		.search{
			height: 100upx;		
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 28upx 0 60upx;
			.inp{
				width: 350upx;				
				display: flex;
				justify-content:flex-start;
				align-items: center;	
				height: 60upx;
				input{
					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;
				}
			}

		}
		.more-filter{
			padding: 20upx;
			border-top: 1px solid #eaeaea;
			.filterBt{
				padding-left: 20upx;
				.zhcx-iconfont{
					font-size: 16upx;
					padding-left: 10upx;
				}
			}	
			.uni-input{
				border: 1px solid #ccc;
				display: inline-block;
				padding: 10upx 20upx;
			}
		}		
		.tab-cont{
			background-color: #fff;			
			padding-bottom: 30upx;
			.item-container{
				margin-top: 65upx;
				.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;
						.user{	
							display: flex;
							justify-content: flex-start;
							align-items: center;						
							.name{
								color: #333;
								font-size: 30upx;
								width: 300upx;
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;
							}
							.gender{
								position: relative;
								padding:0 30upx;
								&::after{
									width: 16upx;
									height: 16upx;
									border-radius: 50%;
									position: absolute;
									left: 10upx;	
									top: 50%;
									transform: translateY(-50%);
									background-color: #1890FF;
									display: block;
									content: "";
								}
								&.woman::after{
									background-color: red;
								}
							}					
						}	
						.illnessType{
							padding-top:24upx;
							color: #424242;
							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;
		}
	}