body {
	background: linear-gradient(to bottom, #2F9BFF 40%, #60C1FF 100%);
}

.zc {
	display: flex;
	width: 320px;
	margin: 10px auto;
}

.zc .span1 {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #2F9BFF;
}

.zc .span2 {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #2F9BFF;
	margin-left: auto;
}

.loginBox {
	width: 920px;
	height: 554px;
	background-color: rgb(255, 255, 255);
	border-radius: 14px;
	display: flex;
	/* margin: auto; */
}

.loginBox2 {
	width: 580px;
	height: 371px;
	background-color: rgb(255, 255, 255);
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	/* margin: auto; */
}

.loginBg {
	width: 100vw;
	height: 100vh;
	/* background-color: black; */
	display: flex;
	justify-content: center;
	align-items: center;
	/* background-color: rgb(255, 255, 255); */
	/* border-radius: 14px; */
	/* margin: auto; */
}

.left {
	display: flex;
}

.loginType {
	display: flex;
	align-items: center;
	margin-top: 95px;
}

.inputBox {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.inputBox2 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.yzmBox {
	width: 300px;
	height: 40px;
	border: 1px solid #E9EBEF;
	padding: 0 10PX;
	display: flex;
	align-items: center;
	margin-top: 30px;
	border-radius: 4px;
}

.yzmBox input {
	width: 200px !important;
	height: 38px !important;
	/* background-color: #2F9BFF !important; */
	margin-top: 0 !important;
	padding: 0 0 !important;
	border: none !important;
	margin-right: 15px;
}

.yzmBox2 {
	width: 408px;
	height: 40px;
	border: 1px solid #E9EBEF;
	padding: 0 10PX;
	display: flex;
	align-items: center;
	margin-top: 30px;
	border-radius: 4px;
}

.yzmBox2 input {
	width: 300px !important;
	height: 38px !important;
	/* background-color: #2F9BFF !important; */
	margin-top: 0 !important;
	padding: 0 0 !important;
	border: none !important;
	margin-right: 15px;
}

.yzmBox span {
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 22px !important;
	color: #2F9BFF !important;

}

.yzmBox2 span {
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 22px !important;
	color: #2F9BFF !important;

}

.fakeInputBox {
	width: 300px;
	height: 40px;
	display: flex;
	border: 1px solid #E9EBEF;
	padding: 0 10PX;
	margin-top: 20px;
	border-radius: 4px;
	align-items: center;
}

.getMs {
	font-weight: 400;
	font-size: 16px;
	line-height: -1px;
	color: #2F9BFF;
	margin-left: auto;
	/* margin-right: 1px; */
	cursor: pointer;
}

.input1 {
	width: 200px;
	height: 38px;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	border: none;
	outline: none !important;
	box-shadow: none !important;
	/* border-color: transparent !important; */
}

.input {
	width: 300px;
	height: 40px;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	margin-top: 20px;
	border-radius: 4px;
	border: 1px solid #E9EBEF;
	padding: 0 10PX;
	outline: none !important;
	box-shadow: none !important;
	/* border-color: transparent !important; */
}

.inputBox2 input {
	width: 408px;
	height: 40px;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	margin-top: 20px;
	border-radius: 4px;
	border: 1px solid #E9EBEF;
	padding: 0 10PX;
	outline: none !important;
	box-shadow: none !important;
	/* border-color: transparent !important; */
}

#btn {
	cursor: pointer
}

#wssb {
	cursor: pointer
}

#wbssb {
	cursor: pointer
}

.lostTop {
	height: 65px;
	width: 580px;
	border-bottom: 0.5px solid #DEE0E6;
	display: flex;
	align-items: center;

}

.lostTop span {
	font-weight: 700;
	font-size: 18px;
	line-height: 25px;
	color: #101213;
	margin-left: 20px;
}

.lostTop img {
	width: 70px;
	height: 70px;
	margin-left: auto;
	margin-right: -5px;
}

#close2 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	/* background-color: #101213; */
	position: absolute;
	/* margin-top: -500px; */
	margin-left: 590px;
}

#close2 img {
	width: 42px;
	height: 42px;
}

#close {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	/* background-color: #101213; */
	position: absolute;
	/* margin-top: -500px; */
	margin-left: 930px;
}

#close img {
	width: 42px;
	height: 42px;
}

.loginBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	width: 320px;
	height: 40px;
	background-color: #2F9BFF;
	border-radius: 4px;
	color: #FFFFFF;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	margin-top: 35px;
}

.acType {
	cursor: pointer;
	/* height: 0px; */
	font-weight: 700;
	font-size: 20px;
	/* height: 28px; */
	color: #2F9BFF;
	display: flex;
	justify-content: center;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
	margin-top: 66px;
	margin-bottom: 30px;
}

.yhxy {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.yhxy .span1 {
	font-weight: 400 !important;
	font-size: 14px !important;
	color: #7A7F89 !important;
}

.yhxy .span2 {
	font-weight: 400 !important;
	font-size: 14px !important;
	color: #2F9BFF !important;
}

.yhxy .checkbox {
	width: 16px;
	height: 16px;
}

#register {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
}

#register span {
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #2F9BFF;
}

#ewmLogin {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

#ewmLogin span {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #101213;

}

#showZc {
	cursor: pointer
}

#showType {
	cursor: pointer
}

#ewmLogin .imgBox {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 190px;
	height: 190px;
	border: 1px solid #E9EBEF;
	margin-top: 10px;
}

#ewmLogin .imgBox img {
	width: 174px;
	height: 174px;
}

.loginType ul {
	display: flex;
	margin-left: 25px;
}

.loginType ul li {
	/* margin-right: 30px; */
	/* margin-left: 20px; */
	margin-right: 20px;
	cursor: pointer;
	/* height: 0px; */
	font-weight: 700;
	font-size: 20px;
	/* height: 28px; */
	color: #101213;
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
}

.w50 {
	width: 50px;
}

.loginType .Type .Fake {
	width: 60px;
	height: 3px;
	background-color: white;
	margin-top: 5px;
}

.loginType .acType .acFake {
	width: 60px;
	height: 3px;
	background-color: #2F9BFF;
	margin-top: 5px;
}

.right {
	display: flex;
	flex-direction: column;
	width: 460px;
	height: 554px;
	/* align-items: center; */
}

.left img {
	width: 470px;
	height: 554px;
	border-radius: 14px 0 14px 0;
}

.miniProgramCode {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.miniProgramCode img{
	width: 126px;
	height: 126px;
}