.react-grid-layout {
	min-height: 100%;
	min-width: 812px;
	z-index: 0; //解决全屏模式下，全局浮层被遮挡问题
	.drag-item-custom {
		.option-children {
			line-height: 0;
			height: 16px;
			padding: 4px;
			font-size: 18px;
			z-index: 2;
			background: #666666;
			color: #ffffff;
		}
		.option-group {
			position: absolute;
			top: 0;
			right: 0;
			line-height: 0;
			height: 22px;
			padding: 4px 0;
			font-size: 18px;
			z-index: 2;
			background: #666666;
			color: #ffffff;
			border-radius: 4px;
		}
	}
	.edit {
		border: 1px solid #c4c6cf;
		background: rgba(0, 0, 0, 0.05);
	}
	.selected {
		background: rgba(181, 211, 243, 0.4);
		border: 1px solid #4c89ff;
		&.react-grid-item > .react-resizable-handle {
			&::after {
				width: 100%;
				height: 100%;
				border-right: 3px solid #4c89ff;
				border-bottom: 3px solid #4c89ff;
			}
		}
	}
	.edit-item-mask {
		width: 100%;
		height: 100%;
		background-color: #4c89ff;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 1;
	}
	.react-grid-item > .react-resizable-handle {
		z-index: 3;
		width: 16px;
		height: 16px;
		background-image: none;
		&::after {
			width: 100%;
			height: 100%;
			border-right: 3px solid #666666;
			border-bottom: 3px solid #666666;
			right: 0;
			bottom: 0;
		}
	}
	.react-grid-item.react-grid-placeholder {
		background: rgba(181, 211, 243, 0.4);
		opacity: 1;
		pointer-events: none;
	}
}