@use './index.scss' as index;

/* 页面宽度小于768px
------------------------------- */
@media screen and (max-width: index.$sm) {
	.error {
		.error-flex {
			flex-direction: column-reverse !important;
			height: auto !important;
			width: 100% !important;
		}
		.right,
		.left {
			flex: unset !important;
			display: flex !important;
		}
		.left-item {
			margin: auto !important;
		}
		.right img {
			max-width: 450px !important;
			@extend .left-item;
		}
	}
}

/* 页面宽度大于768px小于992px
------------------------------- */
@media screen and (min-width: index.$sm) and (max-width: index.$md) {
	.error {
		.error-flex {
			padding-left: 30px !important;
		}
	}
}

/* 页面宽度小于1200px
------------------------------- */
@media screen and (max-width: index.$lg) {
	.error {
		.error-flex {
			padding: 0 30px;
		}
	}
}
