body{
	background: url(/content/images/login/body-bg.jpg) no-repeat 0 0;
	font-family: "microsoft yahei";
}
html,body,.warp{
	height: 100%;
}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
.warp{
	min-height: 868px;
	min-width: 1080px;
	position: relative;
	overflow: hidden;
}

.login-box{
	width:566px;
	height: 400px;
	margin:0 auto;
	margin-top: 150px;
	padding-top: 32px;
	background: #ffffff;
	border-radius: 15px;
	
}

.login-box h1{
	text-align: center;
	font: 30px/30px "microsoft yahei";
	color: #3d5266;
	height: 30px;
}

.login-box div{
	display: block;
	margin: 0 auto;
	width: 426px;
	height: 62px;
}
#userName{
	margin-top: 35px;
	background: url(/content/images/login/username.png) no-repeat 0 0;
}

#passWord{
	margin-top: 23px;
	background: url(/content/images/login/password.png) no-repeat 0 0;
}

#userName input,#passWord input{

	width: 370px;
	height: 50px;
	margin-left: 48px;
	margin-top: 6px;
	font-size: 20px;
	background-color: #f0f0f0;
	border: none;
	line-height: 50px;
	outline:none;
}


#login{
	display: block;
	margin: 0 auto;
	width: 426px;
	height: 62px;
	margin-top: 23px;
	font: 23px/62px "microsoft yahei";
	color: #FFFFFF;
	background: url(/content/images/login/Button.png) no-repeat 0 0;
	border: none;
	outline:none;
}
#login:active{
	opacity: 0.9;
	-moz-opacity:0.9;  
	filter: alpha(opacity=90);
}

.login-box>p{
	margin-top: 24px;
	font-size: 17px;
	line-height: 18px;
	color: #bfc5ca;
	width: 94px;
	margin-left: 382px;
	text-indent: 26px;
	background: url(/content/images/login/check-no.png) no-repeat 0 0;

}





.center-btn{
	
	margin-top: 36px;
	
}

.center-btn>.btns{
	height: 20px;
	margin: 0 auto;
	width: 236px;
}

.center-btn>.btns a{
	height: 20px;
	text-indent: 28px;
	display: block;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 23px;
	float: left;
	
}
.center-btn>.btns div{
	height: 20px;
	width: 2px;
	background: #FFFFFF;
	margin: 0 30px;
	float: left;
}
#iOS{
	width: 82px;
	background: url(/content/images/login/iOS.png) no-repeat 0 0;
	
}

#Android{
	width: 89px;
	background: url(/content/images/login/android.png) no-repeat 0 0;
	
}

.foot-title{
	  width:100%; 
	  height:35px; 
	  position:absolute; 
	  bottom: 60px;	 
}
.foot-title>p{
	height: 35px;
	width: 226px;
	margin: 0 auto;
	font: lighter 30px/35px "microsoft yahei";
	color: #FFFFFF;
	text-indent: 42px;
	background: url(/content/images/login/footer-bg.png) no-repeat 0 0;
}


.saoma{
	position: absolute;
	height: 284px;
	width: 222px;
	background: url(/content/images/login/popup-bg.png) no-repeat 0 0;
	display: none;
}

.saoma img{
	margin:8px 14px 12px 14px;
	width: 194px;
	height: 194px;
}

.saoma>.p1{
	text-align: center;
	margin: 0;
	height: 18px;
	font-size: 18px;
	color: #606060;
}

.saoma>.p2{
	text-align: center;
	margin: 10px 0 0 0;
	height: 12px;
	font-size: 12px;
	color: #606060;
}

.saoma>.p2>a{
	
	color: #36a7cc;
	text-decoration: underline;
}


.phcolor{
	color: gray;
}