*{
	/*初始化*/
	margin: 0;
	padding: 0;
	
}
bady{
	/*100%高度*/
	height: 100vh;
	/*弹性布局居中*/
	display: flex;
    justify-content: center;
    align-items: center;
 
    /*溢出隐藏*/
    overflow: hidden;
}
.container{
	/*相对定位*/
	position: relative;
	z-index: 1;
	border-radius: 15px;
	/*弹性布局 垂直排序*/
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items:center ;
	width: 350px;
	height: 500px;
	margin:  60px auto;

	/*阴影*/
	box-shadow: 0 5px 20px rgba(0,0,0,0.1);

}
.container .tit{
	width: 370px;
	height: 60px;
	font-size: 26px;
	background-image:url(../simages/login-top.png);
	background-size:100% ;
	background-repeat:no-repeat ;
}
.container input{
	width: 280px;
	height: 30px;
	text-align: 8px;
	border: none;
	border-bottom: 1px solid #ddd;
	outline: none;
	margin: 12px auto;
}
.container button{
	width: 250px;
	height: 40px;
	margin: 35px auto 40px auto;
	border: none;
	border-radius: 20px;
	background: linear-gradient(-200deg,#dc2320,#f7771d);
	color: #FFFFFF;
	font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 8px;
    cursor: pointer;
    cursor: pointer;
    /*动画过渡*/
   transition: 0.5s;
}
.container button:hover{
	background: linear-gradient(-200deg,#f7771d,#dc2320);
    background-position-x:-250px ;
}
.contain span{
	font-size: 15px;
	
}
.container a{
	color: #F7771D;
	text-decoration: none;

}