/* 全局样式 */
body {
	background-color: #f3f5ff;
	font-family: "PingFangSC-Regular", "PingFangSC", "微软雅黑", "Microsoft YaHei", "miui", "system-ui", "Helvetica", "Arial", "Verdana", "sans-serif";
}

p,
button,
a,
input {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

* {

	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


/* 主要内容 */
.main {
	width: 1718px;
	height: 900px;
	display: flex;
	justify-content: space-between;
	/* margin: 100px auto; */
	background: #fff;
	border-radius: 1.25rem;
	box-shadow: 0px 0px 40px 0px rgba(5, 151, 248, 0.2);
	position: fixed;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%);
}

.right {
	width: 40%;
	padding: 3.125rem 1.25rem 6.25rem 3.75rem;
}
.left {
	width: 60%;
/* 	padding: 3.125rem 1.25rem 6.25rem 3.75rem; */
}
.left img{
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.left_title {
	font-size: 2.5rem;
	color: #6384FB;
	line-height: 3.125rem
}

.head_box {
	text-align: center;
}

.head_text {
	font-size: 2.25rem;
	color: #203052;
}

/* 输入框 */
.input_box {
	padding-bottom: 1.25rem;
	padding-top: 1.5625rem;
	text-align: center;
}

.input {
	/* margin-top: 0.9375rem; */
	margin-top: 1.6rem;
	
}

.input input {
	background: #F9FAFF;
	border: 1px solid #DEE7F2;
	width: 70%;
	height: 4.5rem;
	border-radius: 0.325rem;
	padding-left: 0.625rem;
	color: #6384FB;
	/*    outline: medium;
	/* 点击input框时就不会有边框线显示了 */

}

input::placeholder {
	color: #9289A6;
}

/* 记住密码 */
.tool {
	width: 70%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.5rem;
	padding: 0 0 4rem;
	margin: 0 auto;
}

.tool form input {
	color: #8595B2;
}

.tool a {
	color: #387AFE;
	text-decoration: none;
}

/* 按钮 */
.btn {
	text-align: center;
	width: 100%;
}

.btn_reg {
	color: #fff;
	width: 70%;
	height: 4.5rem;
	line-height: 4.5rem;
	background: #6384FB;
	/* box-shadow: 0px 5px 15px 0px rgba(55, 81, 254, 0.4); */
	border-radius: 2.5rem;
	font-size: 2rem;

}
.btn_login{
	padding-top: 10px;
	color: #387AFE;
}    

/* .btn-login {
	color: #6384FB;
	width: 11.875rem;
	height: 3.75rem;
	background: #fff;
	border: 0.0625rem solid #6384FB;
	box-shadow: 0px 0.3125rem 0.9375rem 0px rgba(58, 170, 168, 0.3);
	border-radius: 2.5rem;
	font-size: 1.5rem;
} */

/* 大于1460px，小于1199px*/ 
 @media screen and (max-width: 1780px)
/* @media screen and (min-width: 600px) and (max-width: 1460px) */
 {
	.main {
		width: 70%;
		height:auto;
	}
	img {
		width: 100%;
		-ms-interpolation-mode: bicubic;
	}
	.head_box img{
		width: 14%;
	}
	.left {
		width: 57%;
	}
	.right {
		width: 43%;
	}
	.btn{
		
	}


}

/* @media only screen and (max-width: 500px) {
    body {
        background-color: #000;
    }
} */
