body {
	width: 100vw;
	height: 100vh;
	background: #3377FF;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-transition-delay: 111111s;
	-webkit-transition: color 11111s ease-out, background-color 111111s ease-out;
}

.logo {
	width: 174px;
	height: 64px;
}

.logo-01 {
	width: 554.87px;
	height: 505.38px;
}

.main {
	padding-top: 95px;
	padding-bottom: 95px;
	padding-left: 80px;
	padding-right: 80px;
}

.login_01 {
	width: 900px;
	height: 100%;
	object-fit: fill;
}

.title-01 {
	padding-left: 24px;
	padding-right: 24px;
	height: 42px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 24px;
	margin-top: 23px;
}

.main-area {
	width: 420px;
	margin-left: 308px;
	border-radius: 20px;
}

.main-area .form-item {
	height: 64px;
	border-radius: 8px;
}

.main-area .form-item .form-item-icon {
	width: 20px;
	height: 20px;
}

.main-area .form-item .form-item-input {
	height: 64px;
	background: transparent;
}

.main-area .form-item .code_img {
	width: 70px;
	height: 28px;
}

.is_agree {
	width: 18px;
	height: 18px;
}

.main-area .is_remember {
	width: 18px;
	height: 18px;
}

.main-area .remember {
	width: 392px;
}

.main-area .btn {
	height: 56px;
	background: #3B7CFF;
	border-radius: 8px;
}

.login-bottom {
	color: rgba(255, 255, 255, 0.2);
}

.police {
	width: 20px;
	height: 20px;
}

.mask {
	overflow-x: hidden;
	background: rgba(0, 0, 0, 0.65);
}

.mask .agree-pop {
	width: 840px;
	height: 462px;
}

.mask .agree-pop .content {
	padding-left: 70px;
	padding-right: 70px;
	height: 259px;
	overflow-y: scroll;
}

.mask .agree-pop .is_agree_btn {
	width: 160px;
	height: 36px;
	border-radius: 3px;
}