#app{
	width: 100%;
}
.bg {
	background-color: #021116;
	width: 100%;
	display: flex;
    align-items: center;
    flex-direction: column;
}

.box {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
}

.input {
	height: 40px;
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid black;
	border-radius: 5px;
	width: 80%;
	color: white;
	margin-top: 43%;
}

.select {
	width: 50%;
	height: 40px;
	color: white;
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid black;
	margin-top: 20px;
}

.select:active {
	background-color: rgba(255, 255, 255, 0.6);
}

.shuBox {
	width: 100%;
	height: 440px;
	background-image: url(../img/register.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
}

.shuBox span {
	font-family: "微软雅黑";
	font-size: 15px;
	color: black;
	font-weight: 500;
}

@media only screen and (max-width: 750px) {
	.home {
		width: 100% !important;
		height: 1500px;
		background-image: url(../img/bg.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100%;
	}
}

@media only screen and (min-width: 751px) {
	.home {
		width: 50% !important;
		height: 1800px;
		background-image: url(../img/bg.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100%;
	}
}