.head{
	width: 100%;
	background-color: #fff;
	height: 66px;
	display: flex;
	align-items: center;
	padding-left: 47px;
}
.head .head_text{
	margin-left: 15px;
	font-weight: 600;
	font-size: 18px;
	color: #454545;
}
.bg{
	width: 100%;
	height: calc(100vh - 66px);
	background: url('../img/index2/bg.png') no-repeat center / 100% 100%;
	display: flex;
	justify-content: flex-end;
}
.box{
	width: 387px;
	height: 390px;
	background: #FFFFFF;
	border-radius: 23px;
	margin: 150px 201px 0 0;
}
.box .box_top{
	height: 63px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 23px 23px 0px 0px;
	overflow: hidden;
}
.box .box_top_item{
	flex: 1;
	width: 0;
	font-weight: 500;
	font-size: 18px;
	color: #333333;
	opacity: 0.3;
	background: #39D0C5;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.box .box_top_item.active{
	opacity: 1;
}
.box .box_cont{
	display: none;
}
.box .box_cont:nth-child(2){
	display: block;
}
.box .login .login_top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 37px;
}
.box .login .login_top_item{
	flex: 1;
	width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	
}
.box .login .login_top_item.active{
	color: #0FC9B0;
	border-bottom: 2px solid #0FC9B0;
}
.box .login .login_cont{
	display: none;
}
.box .login .login_cont:nth-child(2){
	display: block;
}
.box .input{
	padding: 0 30px;
}
.box .input .input_item{
	border-radius: 8px;
	margin-top: 25px;
	overflow: hidden;
}
.box .input .input_item input{
	border: none;
	height: 49px;
	background: #F6F7FB;
	width: 100%;
	padding-left: 21px;
	font-weight: 400;
	font-size: 13px;
	color: #555555;
}
.box .input_btn{
	margin-top: 40px;
	background: #0FC9B0;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 15px;
	color: #FFFFFF;
	height: 49px;
}
.box .login .qrcode .qrcode_cont{
	width: 219px;
	height: 219px;
	background: #F6F7FB;
	margin: 0 auto;
	margin-top: 27px;
}
.box .login .qrcode .qrcode_cont img{
	border-radius: 8px;
}
.box .register .input_item{
	margin-top: 22px;
}
.box .register .input_btn{
	margin-top: 29px;
}
@media screen and (max-width: 768px) {
	body{
		background: #F0F2F5;
	}
	.head{
		padding-left: 20px;
	}
	.bg{
		background: none;
	}
	.box{
		width: 90%;
		margin: 0 auto;
		margin-top: 30px;
	}
}