@font-face {
	font-family: "方正正中黑简体";
	src: url("../font/fangzhengzhengzhonghei.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@media screen and (min-width:1024px) and (max-width:2250px){
	.loginphbg{
		display: none;
	}
	.loginbg {
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		/* right: 25%; */
		right: 32%;
		bottom: 0;
		z-index: -1;
	}

	#login_box {
		/* width: 25%; */
		margin-top: 5%;
		/* margin-left: 75%; */
		text-align: center;
		border-radius: 10px;

		width: 30%;
		margin-left: 69%;
	}

	.radioBox{
		margin-top: 1.7rem;
		text-align: left;
		color: #2c2c2c;
		display: flex;
		align-items: center;
		font-family: '方正正中黑简体';
	}

	.input_box1{
		text-align: center;
		margin-left: 40px;
		width: 80%;
		margin-top: 1.7rem;
		border-radius: 5px;
		border: 1px solid #e3e3e3;
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: space-around;
	}
	.logo {
		margin-top: 2rem;
		margin-left: 2rem;
	}
}
	
	/* input {
		border: 0;
		width: 80%;
		font-size: 14px;
		color: #c5c5c5;
		background: transparent;
		padding: 5px 10px;
		outline: none;
		margin: 5px 0;
	} */
	.text {
		font-size:34px;
		margin-top: 5%;
		font-family: '方正正中黑简体';
	}
	
	/* #input-box {
		margin-top: 5%;
	} */
	
	span {
		color: #fff;
		font-family: "方正正中黑简体";
	}
	
	
	
	button {
		margin-top: 40px;
		margin-bottom: 40px;
		width: 70%;
		height: 40px;
		border-radius: 5px;
		border: 0;
		color: #fff;
		text-align: center;
		line-height: 30px;
		font-size: 15px;
		font-family: "方正正中黑简体";
		background-color: #364597;
	}
	
	#sign_up {
		margin-top: 45%;
		margin-left: 60%;
	}
	
	a {
		color: #868686;
		text-decoration:none;
		font-family: '方正正中黑简体';
	}
	

	.img{
	
		width: 70px;
		height: 70px;
	}
	

	.input_box1 input {
		border: 0;
		width: 80%;
		font-size: 17px;
		background: transparent;
		font-family: '方正正中黑简体';
		padding: 5px 10px;
		outline: none;
		margin: 5px 0;
	}
	.input_box1 img{
		padding-left: 10px;
	}

	.radioBox input{
		margin-left: 2.8rem;
		-webkit-appearance: none;
		width: 20px;
		height: 20px;
		padding: 0;
		background-color: #fff;
		border: 1px solid #c9c9c9;
		outline: none;
		margin-right: 22px;
		cursor: pointer;
	}
	
	.radioBox input:checked{
		background: url(../image/checkBox_selected.png) no-repeat center;
	}

@media screen and (min-width:768px) and (max-width: 1023px) {
	.loginbg{
		display: none;
	}
	.loginphbg{
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
	}
	a {
		color: #fff;
		text-decoration:none;
		font-family: '方正正中黑简体';
	}
	#login_box {
	    /* width: 25%; */
		color: #fff;
		/* height: 475px; */
		margin-top: 30%;
		/* padding-left: 20px; */
		text-align: center;
		border-radius: 10px;
	}
	.input_box1{
		background-color: #fff;
		text-align: center;
		margin-left: 40px;
		width: 90%;
		margin-top: 1.7rem;
		border-radius: 5px;
		border: 1px solid #e3e3e3;
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: space-around;
	}
	.radioBox{
		margin-top: 1.7rem;
		text-align: left;
		color: #fff;
		display: flex;
		align-items: center;
		font-family: '方正正中黑简体';
	}
	.img{
		display: none;
	}
	.logo {
		text-align: center;
		margin-top: 2rem;
	}
}

@media (max-width: 767px) {
	.loginbg{
		display: none;
	}
	.loginphbg{
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
	}
	a {
		color: #fff;
		text-decoration:none;
		font-family: '方正正中黑简体';
	}
	#login_box {
	    /* width: 25%; */
		color: #fff;
		/* height: 475px; */
		margin-top: 30%;
		/* padding-left: 20px; */
		text-align: center;
		border-radius: 10px;
	}
	.input_box1{
		background-color: #fff;
		text-align: center;
		margin-left: 40px;
		width: 80%;
		margin-top: 1.7rem;
		border-radius: 5px;
		border: 1px solid #e3e3e3;
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: space-around;
	}
	.radioBox{
		margin-top: 1.7rem;
		text-align: left;
		color: #fff;
		display: flex;
		align-items: center;
		font-family: '方正正中黑简体';
	}
	.img{
		display: none;
	}
	.logo {
		text-align: center;
		margin-top: 2rem;
	}
}