.wmodal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: rgba(0,0,0,0.8);
}

.wmodal > div {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 101;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%);
}

.wmodal > div [data-method="close"] {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 32px;
	height: 32px;
	background-image: url('/assets/images/x_btn.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}


.modal-login {
	position: relative;
	padding: 50px 30px;
	background: #292627;
	box-shadow: 0px 5px 10px rgb(0 0 0 / 50%);
	border-radius: 20px;
	color: white;
}
.modal-login .modal-title {
	height: 36px;
	font-weight: bold;
	font-size: 36px;
	line-height: 36px;
	color: #FFFFFF;
	margin-bottom: 30px;
}
.modal-login .modal-desc {
	width: 100%;
	height: 100%;
	position: relative;
	line-height: 18px;
	font-size: 14px;
	/* background: red; */
}
.modal-login .modal-close {
	width: 32px; height: 32px; position: absolute; right: 20px; top: 20px;
	cursor: pointer;
}