.index-wrap{
	grid-area:1/1/3/3;
	width:960px;
	height:580px;
	margin-top:calc(40vh - 290px);
	margin-left:calc(50% - 480px);
	background-color:#fff;
	border-radius:23px;
	box-shadow:0 3px 80px rgba(33, 36, 44, 0.16);
	background-image:url('../img/photo_login.jpg');
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain;
}

.index-wrap form{
	display:flex;
	flex-direction:column;
	box-sizing:border-box;
	width:480px;
	margin-left:480px;
	padding:100px;
}


.index-wrap form .index-title{
	margin-bottom:70px;
	font-size:24px;
	font-weight:600;
	color:#5174B8;
}

.index-wrap form .error-word ul{
	margin: 0 0 20px;
	padding: 0;
	padding-left: 15px;
	color: #ff0000;
}

.index-wrap form .index-input{
	display:block;
	position:relative;
	box-sizing:border-box;
	width:100%;
	margin-bottom:34px;
	border-bottom:1px solid #5174B8;
}

.index-wrap form .index-input:nth-of-type(2){
	margin-bottom:50px;
}

.index-wrap form .index-input .index-caption{
	display:block;
	margin-bottom:12px;
	font-weight:600;
	color:#222222;
}

.index-wrap form .index-input input{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	height:30px;
	padding:7px 0 7px 25px;
}

.index-wrap form .index-input:before{
	display:block;
	position:absolute;
	content:"";
	width:20px;
	height:20px;
	bottom:5px;
	left:0;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

.index-wrap form .index-input.index-input-user:before{
	background-image:url("../img/icon_login_user.svg")
}

.index-wrap form .index-input.index-input-pass:before{
	background-image:url("../img/icon_login_pass.svg")
}

.index-wrap form .index-button{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:54px;
	border-radius:27px;
	background-color:#5174B8;
	color:#fff;
	font-size:16px;
	font-weight:600;
}

.index-footer{
	position:absolute;
	width:100%;
	text-align:center;
	left:0;
	bottom:10vh;
	z-index:-1;
}