.matrixFieldSetting{
	width: 100%;
	height: 100%;
    overflow-x: auto;
    display: flex;
	background: #F2F9FC;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	not supported by any browser */

    .fieldItem{
    	// width: 150px;
    	height: 100%;
    	// float: left;
    	position: relative;
    	border-top: 1px solid #ccc;
    	border-bottom: 1px solid #ccc;
    	border-right: 1px solid #ccc;

    	.header{
	    	width: 150px;
	    	height: 30px;
	    	line-height: 30px;
	    	text-align: center;
	    	background: #D9F4AC;
    		border-bottom: 1px solid #ccc;
    		border-right: 1px solid #ccc;
	    }
		.createHeader{
			background: #fff;
		}
		.valHeader{
			background: #F2F9FC;
		}
		.conditionContent, .valContent{
			position: absolute;
			width: 100%;
			top: 30px;
			bottom: 0px;
			&>div{
				margin-top: 5px;
				padding: 0px 3px 0px 3px;
			}

			.require{
				padding-right: 0px;
				.ant-col-24{
					.wea-form-item-wrapper{
						background: red;
						.wea-input-normal{
							padding-left: 2px;
							.ant-input-wrapper{
								padding-right: 4px;
								background: #fff;
							}
						}
						.wea-browser{
							padding-left: 2px;
							&>div{
								padding-right: 4px;
								background: #fff;
							}
						}
						.required:after{
							display: none;
						}
					}
				}
			}

			.remove{
				background: #FEF0F0;
				width: 100%;
				height: 35px;
				position: absolute;
				bottom: 0px;
			    text-align: center;
			    line-height: 35px;
			    border-top: 1px solid #ccc;
			    display: none;
			    cursor: pointer;
			}

			.tips{
			    text-align: center;
    			margin-top: 80px;
    			img {
    				cursor: pointer;
    				opacity: 0.6;
    				&:hover{
    					opacity: 1;
    				}
    			}
    			.tipContent{
    				width: 60%;
    				margin: auto;
    				margin-top: 30px;
    				color: #999999;
    			}
			}
		}
		.conditionContent{
			background: #FEFEE1;
		}
		.valContent{
			background: #F2F9FC;
		}

		&:last-child{
			.header{
				// border-bottom: none;
			}
		}

		&:hover{
			.remove{
				display: block;
			}
		}
    }
}