
@import "../../../../common.less";

.drawfailmodal {
	width: 100vw;
	height: 100vh;
	left: 0rpx;
	top: 0rpx;
	position: fixed;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;

	// 蒙层
	.drawfailmodal-mask {
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 1;
	}

	// 弹窗内容
	.drawfailmodal-content {
		width: 550rpx;
		height: 396rpx;
		position: relative;
		z-index: 2;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.drawfailmodalbg {
		width: 550rpx;
		height: 396rpx;
		position: absolute;
		top: 0;
		left: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.drawfailmodalbgiknowbtn {
		width: 465rpx;
		height: 97rpx;
		position: absolute;
		top: 243rpx;
		left: 42rpx;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		transition: opacity 0.3s ease;

		&:hover {
			opacity: 0.8;
		}
	}

	.drawfailmodalbgclosebtn {
		width: 59rpx;
		height: 59rpx;
		position: absolute;
		top: 437rpx;
		left: 245rpx;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		transition: opacity 0.3s ease;

		&:hover {
			opacity: 0.8;
		}
	}
}
