/*
######################【 仅用于搭配fore.js使用 】####################
*/

/*禁止占用的classname （已用于特殊元素识别）
foreCheckbox
*/

.fore-popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: rgb(0, 0, 0, 0.01);
	z-index: 100000000;
}

.fore-popup .fore-popup-content {
	position: absolute;
	top: 180px;
	left: 50%;
	padding: 26px;
	min-width: 120px;
	max-width: 350px;
	color: #fff;
	text-align: center;
	-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 50%);
	box-shadow: 0 0 10px rgb(0 0 0 / 50%);
	border-radius: 4px;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	-webkit-box-sizing: unset;
	box-sizing: unset;
	z-index: 100000001;
	-webkit-transition: background .15s ease-in-out;
	transition: background .15s ease-in-out;
}

.fore-popup .fore-popup-info {
	background: #2f363ce6;
	border: 0.1em solid #2f363c26;
}

.fore-popup .fore-popup-info:hover {
	background: #2f363c;
}

.fore-popup .fore-popup-error {
	background: #ff5722e6;
	border: 0.1em solid #ff572226;
}

.fore-popup .fore-popup-error:hover {
	background: #ff5722;
}

.fore-popup .fore-popup-success {
	background: #16b777e6;
	border: 0.1em solid #16b77726;
}

.fore-popup .fore-popup-success:hover {
	background: #16b777;
}

.fore-popup .fore-popup-warning {
	background: #ffb800e6;
	border: 0.1em solid #ffb80026;
}

.fore-popup .fore-popup-warning:hover {
	background: #ffb800;
}

.fore-popup .fore-popup-text {
	font-size: inherit;
}

.fore-popup .fore-popup-handling {
	position: absolute;
	left: -1em;
	top: 50%;
	width: 1.5em;
	height: 1.5em;
	padding: 0.1em;
	margin-top: -0.8em;
	border-radius: 50%;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	background-color: #16b777;
	-webkit-animation: fore_popup_handling 2s linear infinite;
	animation: fore_popup_handling 2s linear infinite;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAW5JREFUWEftVyFOBEEQrFIoCA/A4TjJGS4I+AQSxbNQSD4BgoDhJDgcDyCgUEWGzJHN0DPd2d3L5pJbu9M11dW13b3ExA8nvh+DCEi6SwmQPO+byFACygR64/QOTBdLWh8BSUcA3kl+1uSNEJC0B+CA5KuFYyog6RjAM4AXABe1YI9ATuIWwAzAnOSyJFEjkFg/5sAqiRaB4vKEsbDUrHrAAPinRI1AJHalRNOEHpD1GXoxoRJ0DxWAS5Lz1jcvKXkneajpn5ACq0OZxA2AL6/pZFV2AVzWzNtNYFAf6Nv9tgRMBXLtziqy3nu1L+OieH8eiAZE6x7F25pwMxTIjegawLdnxlz7HQBXozSiohU/kVw4rThN0ZNRWrE3WNY6jLzLWytZJLY5jCTtA3gYeSE5JfkRGsc5gzROx1zJZpYpWxtRmulvFuvOmHa34qzmobUP/q700dZqnfOW0gj2xhOY9tcsIrF3ZlAJPPDI+x+T/u4hF4Sn/AAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
	background-position: 50% 50%;
	-webkit-box-shadow: 0 0 5px #1eb97c;
	box-shadow: 0 0 5px #1eb97c;
}

.fore-popup .fore-popup-handling:hover {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

@-webkit-keyframes fore_popup_handling {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes fore_popup_handling {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.fore-popup .fore-popup-close {
	position: absolute;
	right: -1em;
	top: -1em;
	width: 1.5em;
	height: 1.5em;
	padding: 0.1em;
	border: 0.1em solid #eee;
	border-radius: 50%;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	background-color: #ff6c3f;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAQlJREFUWEftliESwkAMRV9uggbDUcCg4RAoBINAcQjQGDgKBjQ3CbMzrdkp2/0RrWllm+T//vzsxhj5sZHxmQhMCvxVwN2PwAy4mNknYlZ3nwN74Gtmp64aJQJXYAu8gY1KogG/AwvgZmY7lUBi3xaQSGTgxdyiCZVC7d+pOb1ToBRUYlvCvQRSYE3hmhjJA3lwCSAKnjCqFCj1t/kWMqtM4E870us0atKkSB7oaUf6HAIPKdChwrAEOgw3XAu63D6YCUcdw5o5r4kJHURKYSW2agwjBdWc0j4w7nXs7g9gFT1kMiWeZraWPNCsZEvgoG5D2d1xBl7yShbZASM50m0YAejLmQhMCvwAzrHMIXdcDG0AAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-size: 1em 1em;
	background-position: 50% 50%;
	-webkit-box-shadow: 0 0 5px #ff6c3f;
	box-shadow: 0 0 5px #ff6c3f;
	cursor: pointer;
	-webkit-transition: border .15s ease-in-out, background-color .15s ease-in-out;
	transition: border .15s ease-in-out, background-color .15s ease-in-out;
}

.fore-popup .fore-popup-close:hover {
	border: 0.1em solid #fff;
	background-color: #ff5722;
}

.fore-popup .fore-popup-ok {
	position: absolute;
	right: -1em;
	bottom: -1em;
	width: 1.5em;
	height: 1.5em;
	padding: 0.1em;
	border: 0.1em solid #eee;
	border-radius: 50%;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	background-color: #52b4ff;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAgFJREFUWEftlT1oVFEQhb8jBAvRVrGwsLUwVQobhZhgoUKEKIYIEktRIykiBhFEhUgiCaRVCIqFUQslBDFooYUoxJ9KG0vRwkosRPTIhXmyebr7dk3ebrNTvpk559x5c88VLQ61mJ+2gPYEmjIB27eAw7Hw45LOZMtfugDbZ4FLQXgXOCTpZ1ME2N4H3A+yt8BBSe8rr35pE7C9BXgBbAR+AH2S5vO+U6aAR8DuIByWNP0v0ytFgO2rwOkgnJF0oprjrroA20PAtSB8CPRL+toUAba3A0vAGuAjsFfSq1rvzbIJ2D4PrAW+A88lpRPUHbZfA0lEirTxc0XNeQG9QGraAHwDdkhK16cwbN8ABqNwTNLlwib4+zW0fRyYieaXkrqKgGyPABNRd1PSkaKemkZkewo4FUWzko5WA7S9C3gS+TfAHkmfVipgHXAngQXQqKQreVDb64F3wGbgF7BT0rN6yVNd1WtouxNYADYFYK+kZC5/wnbKZyKPSbreCHlNASlpux+4HaCfgW2SvkTuIjAWuSlJmfE0pKHQiGyfAy4E6mNJ3bb7gHvxbVFST0OsFcWFAuK06Rk9EH2TwEmgA0hTSVf1Q9kC0pI9BbbmiPZLevC/5IU7kFu4bmCx4lvdZlNLYF2/IAMIwxlNQiQNrOTkWW9DAlaDMI/RFtCeQMsn8BtLuJghx6bFSAAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-size: 1em 1em;
	background-position: 50% 50%;
	-webkit-box-shadow: 0 0 5px #52b4ff;
	box-shadow: 0 0 5px #52b4ff;
	cursor: pointer;
	-webkit-transition: border .15s ease-in-out, background-color .15s ease-in-out;
	transition: border .15s ease-in-out, background-color .15s ease-in-out;
}

.fore-popup .fore-popup-ok:hover {
	border: 0.1em solid #fff;
	background-color: #1e9fff;
}

.fore-required:focus {
	border-color: #ff5722 !important;
	-webkit-box-shadow: 0 0 0 3px rgba(255, 87, 34, .08) !important;
	box-shadow: 0 0 0 3px rgba(255, 87, 34, .08) !important;
}

@media (max-width:768px) {

	.fore-popup {
		font-size: 14px;
	}

	.fore-popup .fore-popup-content {
		padding: 18px;
	}
}

/* 页面层弹窗 */

.fore-page {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 99999998;
}

.fore-page .fore-page-container {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 99999999;
	overflow-x: hidden;
	overflow-y: auto;
}

.fore-page .fore-page-body {
	opacity: 0;
	visibility: hidden;
	position: relative;
	width: 100%;
	max-width: 420px;
	padding-top: 2em;
	padding-bottom: 2em;
	-webkit-transform: translateX(0) translateY(-40px) scale(.98);
	transform: translateX(0) translateY(-40px) scale(.98);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.fore-page .fore-page-close {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99999999;
	text-align: center;
	-webkit-transform: translateY(25%);
	transform: translateY(25%);
}

.fore-page .fore-page-close .svg-close {
	display: inline-block;
	cursor: pointer;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTUxMiAwQzIyOS4yIDAgMCAyMjkuMTk5OTk5IDAgNTEyYzAgMjgyLjggMjI5LjIgNTEyIDUxMiA1MTIgMjgyLjgwMDAwMSAwIDUxMi0yMjkuMiA1MTItNTEyQzEwMjQgMjI5LjE5OTk5OSA3OTQuODAwMDAxIDAgNTEyIDB6bTIxMy40NjA1MjIgNzI1Ljk3NTY1OWMtNi4wNzcyNDkgNi4wNzcyNDgtMTQuMDY0NDg4IDkuMTE1ODcyLTIyLjA1MTcyNyA5LjExNTg3Mi03Ljk4NzI0MiAwLTE2LjA2MTI5OC0zLjAzODYyNC0yMi4xMzg1NDgtOS4yMDI2OUw1MTIgNTU2LjI3MTMyMyAzNDIuNzI5NzUyIDcyNS44ODg4NDFjLTYuMDc3MjQ4IDYuMTY0MDY2LTE0LjE1MTMwNiA5LjIwMjY5LTIyLjEzODU0NiA5LjIwMjY5LTcuOTg3MjQgMC0xNS45NzQ0NzktMy4wMzg2MjQtMjIuMDUxNzI3LTkuMTE1ODcyLTEyLjI0MTMxMy0xMi4xNTQ0OTYtMTIuMjQxMzEzLTMxLjk0ODk2LS4wODY4MTgtNDQuMTkwMjczTDQ2Ny44OTY1NDYgNTExLjk5NDIzIDI5OC40NTI2NjEgMzQyLjIwMzA3NGMtMTIuMTU0NDk1LTEyLjI0MTMxMi0xMi4xNTQ0OTUtMzIuMDM1Nzc2LjA4NjgxOC00NC4xOTAyNzEgMTIuMjQxMzEzLTEyLjE1NDQ5NSAzMi4wMzU3NzctMTIuMTU0NDk1IDQ0LjE5MDI3My4wODY4MTdMNTEyIDQ2Ny43MTcxNDFsMTY5LjI3MDI0Ny0xNjkuNzA0MzM4YzEyLjE1NDQ5NS0xMi4yNDEzMTMgMzEuOTQ4OTU5LTEyLjI0MTMxMyA0NC4xOTAyNzUtLjA4NjgxOCAxMi4yNDEzMTMgMTIuMTU0NDk1IDEyLjI0MTMxMyAzMS45NDg5NTkuMDg2ODE4IDQ0LjE5MDI3Mkw1NTYuMTAzNDU0IDUxMS45OTQyMyA3MjUuNTQ3MzQgNjgxLjc4NTM4NmMxMi4xNTQ0OTUgMTIuMjQxMzEzIDEyLjE1NDQ5NSAzMi4wMzU3NzctLjA4NjgxOCA0NC4xOTAyNzN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 28px;
	height: 28px;
}

.fore-page .fore-page-content {
	background: #fff;
	padding: 1.25em;
	position: relative;
	border-radius: 6px;
	border-radius: .5em;
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 50%);
	box-shadow: 0 0 10px rgb(0 0 0 / 50%);
}

.fore-page .fore-page-open {
	overflow: hidden;
}

.fore-page .fore-page-open .fore-page {
	opacity: 1;
	visibility: visible;
}

.fore-page .fore-page-open .fore-page-body {
	-webkit-transform: translateX(0) translateY(0) scale(1);
	transform: translateX(0) translateY(0) scale(1);
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
}

.fore-page-open {
	/* overflow: hidden; */
}

.fore-page-open .fore-page .fore-page-container {
	opacity: 1;
	visibility: visible;
}

.fore-page-open .fore-page .fore-page-body {
	-webkit-transform: translateX(0) translateY(0) scale(1);
	transform: translateX(0) translateY(0) scale(1);
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
}