.xgui-nhCondition{
	padding: 20px;
	background-color: #fff;
	.nhCondition-header{
		margin-bottom: 10px;
		background-color: #fff;
		.nhCondition-header-select{
			width: 190px;
			margin: 0 6px
		}
		.nhCondition-header-copy{
			margin-left: 6px;
		}
	}
	.nhCondition-body{
		padding: 12px 24px 24px 24px;
		min-height: 320px;
		background: #fff;
		border:1px solid rgba(217, 217, 217, 0.5);
		box-shadow:0px 0px 3px 0px rgba(0,21,41,0.09);
		border-radius:4px;
		.nhCondition-body-top{
			line-height: 32px;
			vertical-align: middle;
			.nhCondition-body-title{
				font-size:14px;
				font-family:SimSun;
				font-weight:bold;
				color:rgba(38,38,38,1);
				.nhCondition-body-title-sub{
					color: #8C8C8C;
					font-size: 12px;
					margin-left: 16px;
					font-weight: normal;
				}
			}
			.nhCondition-body-btn{
				text-align: right;
			}
		}
		.nhCondition-body-tip{
			margin: 8px 0;
			padding: 0 8px;
			height: 30px;
			line-height: 30px;
			font-size: 12px;
			color: #565C5F;
			background:rgba(230,247,255,1);
			border:1px solid rgba(145, 213, 255, 1);
			border-radius:3px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			.nhCondition-body-tip-icon{
				color: #1890FF;
				margin-right: 4px;
				font-size: 14px;
			}
		}
		.nhCondition-body-list{
			.nhCondition-body-item{
				padding: 0 8px;
				font-size: 14px;
				height:40px;
				line-height: 40px;
				vertical-align: middle;
				transition: all 0.5s;
				border: 1px solid transparent;
				cursor: pointer;
				.nhCondition-body-item-read-icon{
					&.ant-badge-status{
						vertical-align: middle !important;
						margin-left: 2px;
					}
					.ant-badge-status-dot{
						width: 8px;
						height: 8px;
					}
				}
				.ant-checkbox-wrapper + span{
					padding: 0;
				}
				.nhCondition-body-item-or{
					margin: 0 6px;
					color: #1890FF;
				}
				& + .nhCondition-body-item{
					margin-top: 6px;
				}
				&.nhCondition-body-item-selected{
					border: 1px dashed #1890FF;
					&:hover{
						box-shadow:0px 1px 10px 0px rgba(0,21,41,0.2);
					}
				}
				.nhCondition-body-item-title{
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				.nhCondition-body-item-btn{
					display: none;
					padding: 0 16px;
					text-align: right;
					.nhCondition-body-item-btn-split,
					.nhCondition-body-item-btn-del{
						color: #FF6161;
						cursor: pointer;
						transition: all 0.2s;
						font-size: 18px;
						&:hover{
							-ms-transform: scale(1.1);
							    transform: scale(1.1)
						}
					}
					.nhCondition-body-item-btn-split{
						color: #1890FF;
						margin-right: 8px;
					}
				}
				&:hover{
					box-shadow:0px 1px 8px 0px rgba(0,21,41,0.14);
					-webkit-transform: translateY(-4px);
					-ms-transform: translateY(-4px);
					transform: translateY(-4px);
					.nhCondition-body-item-btn{
						display: block
					}
				}
			}
		}
		.nhCondition-add{
			text-align: left;
			margin-top: 8px;
		}
	}
	&.xgui-nhCondition-read{
		.nhCondition-body-item{
			cursor: inherit !important;
			& + .nhCondition-body-item{
				margin-top: 0 !important;
			}
			&:hover{
				box-shadow: none !important;
				-webkit-transform: translateY(0) !important;
				-ms-transform: translateY(0) !important;
				transform: translateY(0) !important;
			}
		}
	}
}
.xgui-nhCondition-model-form{
	padding-bottom: 60px;
}