body{
	background-image: url(../image/bg1.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	background-color: #edf9ff;
}

.main{
	padding-top: 48vw;
}

.main .logo img{
	width: 13.3vw;
	margin: 0 auto;
	height: auto;
}

.main .login{
	padding-left: 9.3vw;
	padding-right: 9.3vw;
	padding-top: 11.2vw;
}

.main .login .items{
	height: 11.3vw;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 5.6vw;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 5.3vw;
}

.main .login .items i{
	margin-left: 7vw;
	margin-right: 6vw;
	color: #2cb9f9;
	font-size: 1rem;
	position: relative;
}

.main .login .items i::after{
	height: 3.5vw;
	width: 1px;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -1.75vw;
	background-color: #d8d8d8;
	right: -3vw;
}

.main .login .items .txt{
	height: 8vw;
}

.main .login .items .txt2{
	height: 8vw;
	width: 30vw;
}

.main .login .items .getcode{
	font-size: 0.5rem;
	color: #2cb9f9;
	margin-left: 10vw;
	position: relative;
}

.main .login .items .getcode::before{
	height: 3.5vw;
	width: 1px;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -1.75vw;
	background-color: #d8d8d8;
	left: -3vw;
}

.main .login .submit{
	margin-top: 3vw;
	width: 100%;
	height: 11.8vw;
	border-radius: 5.9vw;
	background-color: #2cb9f9;
	color: #fff;
	font-size: 0.8rem;
}

.other{
	padding-left: 9.3vw;
	padding-right: 9.3vw;
	position: fixed;
	left: 0;
	bottom: 10vw;
	z-index: 10000;
	display: flex;
	justify-content: space-around;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
}

.other a{
	width: 11.7vw;
	height: 11.7vw;
	border-radius: 100%;
	overflow: hidden;
	border: 1px solid #bcbcbc;
	color: #bcbcbc;
	display: flex;
	justify-content: center;
	align-items: center;
}

.other a i{
	font-size: 1rem;
}