html {
	height: 100%;
}

.body {
	width: 100%;
	position: relative;
	height: 100%;
}

.wrapper {
	width: 100%;
	min-width: 100%;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.content {
	min-height: 100%;
	width: 100%;
	height: 100%;
	background: url(../img/bj.png) no-repeat;
	/*background: url(gif.gif) 100% 100%;*/
	background-size: 100% auto;
	/*background: url(../image/bj.png) no-repeat top;*/
	/*background-size: cover;*/
}

.login {
	text-align: center;
	/*height: 80px;
	line-height: 80px;*/
	padding: 6% 0 2% 0;
}

.login img {
	width: 30%;
	/*width: 442px;
	height: 67px;*/
}

.content_form {
	width: 1000px;
	min-width: 1000px;
	margin: 0 auto;
	background: rgba(255, 255, 255, 1);
	opacity: 0.9;
	border-radius: 330px;
	padding: 40px 0 40px 29px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	/*line-height: 30;*/
}

.left_login .img {
	box-sizing: border-box;
	width: 76%;
	max-width: 76%;
	height: auto;
}

.form {
	width: 33%;
	/*margin: 0 0 0 9%;*/
	    margin: 0 14% 0 0;
}

.form h3 {
	font-size: 34px;
	font-weight: 500;
	letter-spacing: 10px;
	text-align: center;
	margin-top: 16%;
	margin-bottom: 20%;
}

.form .input {
	border-bottom: 1px solid #928f8f;
	margin-bottom: 10%;
	line-height: 1.5rem;
	padding-bottom: 10px;
}

.form .input .account {
	background-image: url(../img/1.png);
	display: inline-block;
	width: 34px;
	height: 34px;
	vertical-align: middle;
}
.form .input .platform {
	background-image: url(../img/video.png);
	display: inline-block;
	width: 34px;
	height: 34px;
	vertical-align: middle;
}
.form .input .password {
	background-image: url(../img/2.png);
	display: inline-block;
	width: 34px;
	height: 34px;
	vertical-align: middle;
}

input {
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	border: 0;
}

.form .btn {
	color: #FFFFFF;
	width: 100%;
	height: 64px;
	font-size: 20px;
	margin-top: 10%;
	/* background: linear-gradient(90deg, rgba(228, 29, 70, 1) 0%, rgba(111, 107, 255, 1) 0%, rgba(255, 137, 133, 1) 0%, rgba(255, 89, 76, 1) 100%); */
	background-color: #14C96C;
	border-radius: 40px;
}
@media screen and (min-width:1200px){
	.content_form {
		width: 700px;
    min-width: 700px;
	}
	.form .input .password {
		/*background-image: url(../img/1.png);
		display: inline-block;*/
		width: 26px;
		height: 26px;
		    background-size: 100%;
		/*vertical-align: middle;*/
	}
	.form .input .account {
		/*background-image: url(../img/1.png);*/
		/*display: inline-block;*/
		width: 26px;
		height: 26px;
		 background-size: 100%;
		/*vertical-align: middle;*/
	}
	.left_login .img {
		width: 73%;
     max-width: 73%;
	}
	.form{
		width: 48%;
	}
	.form h3 {
		font-size: 26px;
    font-weight: 500;
    letter-spacing: 10px;
    text-align: center;
    margin-top: 10%;
    margin-bottom: 5%;
	}
	.form .btn {
    height: 40px;
    font-size: 14px;
    margin-top: 4%;
	}
	.login {
    text-align: center;
    padding: 6% 0 4% 0;
}
}
@media screen and (min-width:1920px){
	.content_form {
	width: 1000px;
	min-width: 1000px;
	margin: 0 auto;
	background: rgba(255, 255, 255, 1);
	opacity: 0.9;
	border-radius: 330px;
	padding: 40px 0 40px 29px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	/*line-height: 30;*/
}

.left_login .img {
	box-sizing: border-box;
	width: 76%;
	max-width: 76%;
	height: auto;
}
.form {
	width: 33%;
	/*margin: 0 0 0 9%;*/
	    margin: 0 14% 0 0;
}
}