.bg-set {
	height: calc(100vh);
	width: 100%;
	position: relative;
	overflow: hidden;
}

.bg-img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.bg-img img {
	z-index: -1;
	width: 100%;
	height: 100%;
}


.left-bg-img {
	position: absolute;
	background-repeat: no-repeat;
	z-index: -1;
}

.right-bg-img {
	bottom: 0;
	right: 0;
	position: absolute;
	background-repeat: no-repeat;
	z-index: -1;
}

@media only screen and (max-width: 1166px) {
	#login-frame {
		margin-top: 9.6%;
		margin-left: 25%;
		position: relative;
		background: rgb(255, 255, 255);
		opacity: 0.95;
	}
}

@media only screen and (max-width: 600px) {
	#login-frame {
		margin-top: 9.6%;
		margin-left: 12%;
		position: relative;
	}
}

@media only screen and (max-width: 510px) {
	#login-frame {
		margin-top: 15%;
		margin-left: 2%;
		position: relative;
	}
}

@media only screen and (max-width: 450px) {
	#login-frame {
		margin-top: 30%;
		margin-left: 2%;
		position: relative;
	}
}


/*屏幕自适应*/

@media only screen and (min-width: 1920px) {
	#login-frame {
		margin-top: 9.6%;
		margin-left: 55%;
	}
	.left-bg-img,
	.right-bg-img{
		width: 47%;
		height: auto;
	}

}


/*  1600<=w<1920*/

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
	#login-frame {
		margin-top: 5.9%;
		margin-left: 52%;
	}
	.left-bg-img,
	.right-bg-img{
		width: 47%;
		height: auto;
	}
}

@media only screen and (min-width: 1366px) and (max-width: 1599px) {
	#login-frame {
		margin-top: 4.4%;
		margin-left: 52.7%;
	}
	.left-bg-img,
	.right-bg-img{
		width: 47%;
		height: auto;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1365px) {
	#login-frame {
		margin-top: 5.9%;
		margin-left: 52%;
	}
	.left-bg-img,
	.right-bg-img{
		width: 47%;
		height: auto;
	}
}

@media only screen and (max-width: 1000px) {
	.left-bg-img
	{
		width: 580px;
		height: 464px;
	}
	.right-bg-img{
		width: 580px;
		height: 178px;
	}

}