@charset "utf-8";
/* CSS Document */

.top{
	width:100%;
	min-width:1200px;
	height:65px;
	background:#f4f4f4 url(../images/login_logo.png) left center no-repeat;
}

#content{
  width:100%;
  position:relative;	
}
.login-newbg{
	width:1200px;
	position:relative;
	margin:0px auto;	
	z-index:3;	
}
.login-newbg img{
	position:absolute;
	top:80px;
	left:0px;
	/*height:265px;*/
}

/*登录框*/
#content .content-layout{
	width:1200px;
	position:relative;
	overflow:hidden;
	margin:0 auto;
	height:460px;
	z-index:2;	
}
.login-box-warp{
	width:385px;
	position: absolute;
	top:100px;
	right:50px;
	background:#f4f4f4;
}
.login-box-warp .login-box{
	background:#f4f4f4;
	position:relative;
}
.login-box{
	width:365px;
	min-height:225px;
	padding:50px 55px 20px;
}

.fm-field{
	position:relative;
	margin-bottom:13px;
	font-size:14px;
	
}
.fm-field .fm-label-icon{
	width:50px;
	height:34px;
	line-height:32px;
	color:#ffffff;
	position:absolute;
	background:#e02e24;
}

.fm-field .fm-text{
	width:200px;
	padding-left:60px;
	height:32px;
	color:#999;
	background:#fff;
	border:none;
}
.icon-user,.icon-pwd,.icon-yzm{
	display:block;
	width:50px;
	height:32px;
}
.icon-user{
	background:url(../images/login_inputBg.png) no-repeat 0 0;
}
.icon-pwd{
	background:url(../images/login_inputBg.png) no-repeat 0 -32px;
}
.icon-yzm{
	background:url(../images/login_inputBg.png) no-repeat 0 -64px;
}
.yam{
	width:80px;
	float:right;
	margin-right:15px;
	height:32px;
	background:#fff;
}

.fm-btn{
	width:261px;
	margin-top:25px;
}

.password-login{
	margin-left:20px;
	float:right;
}
.login-blocks{
	width:261px;
	text-align:right;
	margin-top:15px;
}
.login-blocks a{
	color:#767676;
	font-size:14px;
	margin-left:10px;
}
.login-blocks a:hover{
	color:#e02e24;
}

/*背景*/
.bg{
	width:100%;
	height:310px;
	background:url(../images/login_bg.png) no-repeat;
	background-size: cover;
	background-size:100% 100%;
}


.footer{
	width:100%;		
	color:#333333;
	margin:25px 0;
}
.footer p{
	text-align:center;
	line-height:25px;
	
}
@media (min-width: 1230px) and (max-width: 1326px) {
 
@media (min-width: 1020px) and (max-width: 1230px) {

}
@media (min-width: 788px) and (max-width: 1020px) {
	
}


@media (min-width: 1090px) and (max-width: 1300px) {
	}
@media (min-width: 940px) and (max-width: 1090px) {
	
	}

@media (min-width: 850px) and (max-width: 940px) {
	}
@media (min-width: 500px) and (max-width: 788px) {
	
}
@media screen and (max-width:850px) {
}
@media screen and (max-width:720px) {
	}


@media screen and (max-width:500px) {
	
}
@media screen and (max-width:320px) {
}