/* 修改垂直滚动条 */
::-webkit-scrollbar {
	width: 4px; /* 修改宽度 */
	border-radius: 2px;
}
 
/* 修改滚动条轨道背景色 */
::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}
 
/* 修改滚动条滑块颜色 */
::-webkit-scrollbar-thumb {
	background-color: #888;
}
 
/* 修改滚动条滑块悬停时的颜色 */
::-webkit-scrollbar-thumb:hover {
	background-color: #555;
}

.pathology-box {
  position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 99;
	.pathology-content{
		width: 90%;
		background: #fff;
		border-radius: 5px;
		padding: 10px 20px;
		color: #000;
		.title {
		  width: 100%;
		  text-align: center;
		  font-size: 18px;
		  position: relative;
		
		  i {
		    position: absolute;
		    right: 0;
		    top: 0;
		    font-size: 20px;
		    color: #666;
		    cursor: pointer;
		    padding: 0 5px;
		  }
		}
		.content{
			width: 100%;
			background: #f9fafb;
			border: 1px solid #e5e9ed;
			border-radius: 5px;
			// overflow: hidden;
			margin-top: 12px;
			// height: auto;
			// // padding: 19px 14px 10px 0;
			// max-height: 460px;
			// overflow-y: auto;
			.addForm{
				display: flex;
				.width-100{
					width: 100%;
				}
				.font-weight-500{
					color: #000;
					font-weight: 500;
				}
				.ant-select{
					width: 100%;
				}
				
				.content-item{
					flex: 1;
					height: 460px;
					overflow-y: auto;
					padding: 0 15px;
					.df-sb{
						display: flex;
						justify-content: space-between;
						.form-item{
							flex: 1;
							display: flex;
							flex-wrap: nowrap;
							.ant-form-item-label{
								width: 33%;
							}
							.ant-form-item-control-wrapper{
								width: 60%;
							}
						}
						.form-item-right{
							flex: 1;
							display: flex;
							flex-wrap: nowrap;
							.ant-form-item-label{
								width: 33%;
							}
							.ant-form-item-control-wrapper{
								width: 70%;
							}
						}
					}
					.form-title-box{
						display: flex;
						.form-title{
							color: #333;
							margin-right: 40px;
						}
						.over-class{
							width: 310px;
							overflow:hidden;
							text-overflow:ellipsis;
							white-space:nowrap;
						}
					}
					.ant-form-item {
					  margin-bottom: 14px;
						display: flex;
						flex-wrap: wrap;
					  .ant-form-item-label {
					    text-align: left;
							font-weight: 500;
					  }
						.ant-form-item-control-wrapper{
							.ant-form-item-control{
								width: 400px;
							}
						}
					}
					.add-icon-class{
						border: 1px solid #e5e9ed;
						border-radius: 3px;
						width: 26px;
						height: 26px;
						line-height: 26px;
						text-align: center;
						position: relative;
						top: 7px;
						cursor: pointer;
						.form-icon{
							
						}
					}
					
					.padding-top-10{
						padding-top: 10px;
					}
					
					.specimen-list{
						display: flex;
						flex-wrap: wrap;
						.specimen-item{
							display: flex;
							width: 50%;
							margin-bottom: 10px;
							.specimen-name{
								cursor: pointer;
							}
							.specimen-icon{
								color: #64BD7B;
								cursor: pointer;
								font-size: 20px;
								position: relative;
								top: -4px;
								left: 2px;
							}
						}
					}
					
					.specimen-box{
						display: flex;
						// justify-content: space-between;
						overflow-y: auto;
						flex-wrap: wrap;
						.specimen-list{
							width: 25%;
							margin-top: 10px;
							cursor: pointer;
						}
						.specimenName{
							text-decoration: underline;
							color: #64BD7B;
						}
					}
					.tabs{
						display: flex;
						// justify-content: space-between;
						font-size: 14px;
						background: #fff;
						.tabs-item{
							display: flex;
							align-items: center;
							width: 100%;
							.tabs-item-item{
								width:50%;
								border: 1px solid #D9D9D9;
								height: 50px;
								line-height: 50px;
								cursor: pointer;
								text-align: center;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
							}
							.tabs-item-item:first-child{
								border-right:none;
							}
							.red{
								color: red;
							}
							.activeClass{
								background: #F0F6ED;
							}
						}
					}
				}
				.boder-right{
					border-right: 1px solid #e5e9ed;
					margin-top: 10px;
				}
			}
		}
		.mask-style{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 999;
			display: flex;
			background: rgba(0,0,0,0.2);
			align-items: center;
			justify-content: center;
		}
		.spin-style{
			z-index:9999;
		}
		.bottom-btn{
			margin-top: 10px;
			.btn-right{
				margin-right: 10px;
			}
		}
	}
	
	.text-prompt{
		display: flex;
		align-items: center;
		margin-left: 20px;
		color: red;
	}
	
}
	// 新增
	&.add {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4);
		z-index: 999;
	  .modalBody {
	    width: 80%;
	    height: auto;
			padding: 10px 20px;
			border-radius: 5px;
			background: #fff;
			.title {
			  width: 100%;
			  text-align: center;
			  font-size: 18px;
			  position: relative;
			
			  i {
			    position: absolute;
			    right: 0;
			    top: 0;
			    font-size: 20px;
			    color: #666;
			    cursor: pointer;
			    padding: 0 5px;
			  }
			}
	    .content {
	      width: 100%;
	      height: auto;
	      padding: 15px 0px 0 0px;
	      max-height: 500px;
	      overflow-y: auto;
				.content-title{
					text-align: center;
					margin-bottom: 10px;
					font-weight: 600;
					.reds{
						color: red;
					}
				}
				.ant-form-item {
				  margin-bottom: 14px;
					display: flex;
					// flex-wrap: wrap;
					position: relative;
					.specimen-tip{
						display: flex;
						align-items: center;
						font-weight: 600;
					}
					.isSpecumen{
						margin-right: 15px;
					}
				  .ant-form-item-label {
				    text-align: left;
						font-weight: 500;
				  }
					.ant-form-item-control-wrapper{
						.ant-form-item-control{
							width: 400px;
						}
					}
					.empty-box{
						position: absolute;
						.name{
							color: #ccc;
						}
						.empty{
							color: #64BD7B;
							cursor: pointer;
						}
					}
					.beSpecumenEmpty{
						right: 10px;
						top: 8px;
					}
					.noSpecumenEmpty{
						right: 10px;
						top: 8px;
					}
				}
				.specimen-list{
					flex: 1;
					.select-item{
						margin-top: 5px;
						display: flex;
						flex-wrap: wrap;
						padding: 3px 8px;
						border: 1px solid #e5e9ed;
						border-radius: 5px;
						margin-right: 10px;
						cursor: pointer;
						display: inline-block;
					}
				}
				
				.activeClass{
					color: #64BD7B;
					border-color: #64BD7B !important;
				}
	      
	    }
			.bottom-btn{
				margin-top: 10px;
				.btn-right{
					margin-right: 10px;
				}
			}
	  }
		.no-width{
			width: 33% !important;
			.ant-select{
				width: 100% !important;
			}
			.ant-input-disabled{
				color: rgba(0, 0, 0, 0.65) !important;
				background: #fff !important;
				border: none !important;
			}
		}
	}