@charset "UTF-8";
/* CSS Document */
*{
	margin:0; 
	padding:0;
	font-size:62.5%;
	font-family:"微软雅黑";
}
html{width:100%;
     height:100vh}
img{max-width:100%;}
body{color:#999;
	width:100%;
	height:100vh;
	/*background-image:url(../img/bg.png)*/
	/*background-image:-webkit-linear-gradient(to top, #2c456d,#4d91b6);*/
	/*background-image: linear-gradient(to bottom, #2c456d, #406b9c 56%, #4d91b6);*/
	background-image: linear-gradient(to bottom, #2c456d, #4d91b6);background-repeat:no-repeat;
    background-color:#4d91b6;
	}
.warp{
	width:100%;
	height:100vh; margin:0 auto;
	}
.tu-left{
	width:30%;
	height:50vh;
	float:left;
	padding-top:15%;
	padding-left:12%;
	border:0px solid red;
	max-width:424px;
	max-height:414px;
	opacity:0.4;
	filter:alpha(opacity=40);
	/*border:1px solid red;*/
}
.tu-left img{width:100%; height:100%;}
.login{font-size:2rem;
	width:55%;
	height:80vh;
	float: right;	
}

.logo{/* padding-bottom:7%;*/ color:#FFF;font-weight: normal;font-size:8vh;}
.shuru{
	font-size:18px;
    font-size:1.8rem;
	color:#FFF;
	line-height:2.5vh;
	}
.name{/* margin-top:2%;*/padding-left:0.5em;
	font-size:2rem;color:#666;
	width:30%;
	height:4vh;
	border-radius:6px;
	border:1px solid #CCC;
	}
@media only screen and (max-width: 1199px){.name{
	font-size:1.5rem;
	}}
.check{padding-left:0.5em;
float:left;width:18%;
	font-size:2rem; color:#666;
	height:4vh;
	border-radius:6px;
	border:1px solid #CCC; }
@media only screen and (max-width: 1199px){.check{
	font-size:1.5rem; }}
.yanzhengma{float:left; margin-left:2%;
	font-size:2rem;color:#666;
	width:10%;
	height:4vh;
	border:1px solid #CCC;}
.yanzhengma-img{width:100%; height:100%;
	width:95%;
	height:4vh;
	border:1px solid #CCC;}	
.submit{margin-left:7%;
	width:15%;
	height:6vh; font-size:2.5rem;
	/*background-color:#588600;*/
	border-color:1px solid #FFF; border-radius:6px; text-align:center; color:#FFF;
	background-image: linear-gradient(to top, #2c456d,  #4d91b6); }
@media only screen and (max-width: 1199px){.submit{
	font-size:1.5rem;
	}}