html, body{
  width: 100%;
  height: 100%;
}
.hide{
  display: none;
}
.content{
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 auto;
  top: 0;
}
.login{
  width: 100%;
  height: 100%;
  position: absolute;
  background:url(./bg.png) no-repeat;
  background-size: cover;
}
.login-form{
  width: 1200px;
  height: 514px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  margin:auto;
  margin-left: -600px;
  /*margin-left: 80px;*/
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-shadow: 0px 9px 20px 0px rgba(122, 122, 122, 0.25);
  border-radius: 0px 20px 20px 0px;

}
.login-img{
  float: left;
  width: 750px;
  height: 514px;
  background: url("./login_img.png") no-repeat;
  background-size: 100% 100%;
}
.login-top{
  padding-top: 50px;
  /*text-align: center;*/
  float: left;
  width: 450px;
}
.login-top img{
  width: 146px;
  height: 112px;
}
.login-top div{
  display: inline-block;
  text-align: left;
}
.login-top .agreement{
  text-align: left;
  display: block;
  padding-left: 40px;
  padding-top: 10px;
}
.login-top .agreement .checkbox-optimize{
  display:inline-block;
  *display:inline;
  *zoom:1;
  width:16px;
  height:16px;
  border:1px solid #cccccc;
  margin:0 5px 0 0;
  cursor:pointer;
  line-height:15px;
  vertical-align:middle;
  border-radius: 50%;
}
.login-top .agreement .checkbox-optimize:hover{
  background: url(./icon.png) no-repeat;
  background-position: -6px -94px;
}
.login-top .agreement .checkbox-optimize:active{
  background: url(./icon.png) no-repeat;
  background-position: -6px -94px;
}
.login-top .agreement .icon-autologin{
  display:none;
  width:13px;
  height:12px;
  background:url(../images/home_login/icon.png?t=1459909347467) no-repeat;
  background-position:-4px -96px;
  margin-left:1px;*vertical-align:middle
}
.login-top form{
  text-align: center;
}
.login-title{
  margin-left: 25px;
  margin-bottom: 25px;
}
.login-title{
  margin-left: 25px;
  margin-bottom: 25px;
}
.login-top div h2{
  font-size: 40px;
  color: #F87706;
  text-align: left;
  padding-left: 23px;
}
.login-top .login-title p {
  font-size: 20px;
  color: #333333;
  text-align: left;
  padding-left: 23px;
  line-height: 32px;
  padding-top: 10px;
}

.login-top div span{
  font-size: 14px;
  color:#333333;
}
.login-item{
  width: 370px;
  height: 50px;
  border-radius: 6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  -ms-border-radius:6px;
  -o-border-radius:6px;
  padding:12px 21px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  background: #F7F7F7;
  border-radius: 27px;
}
.username{
  margin-top: 13px;
  margin-bottom: 10px;
}
.login-item img{
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.login-item input{
  font-size: 16px;
  color: #888888;
  margin-left: 13px;
  vertical-align: middle;
  background: none;
}
.login-rem{
  width: 313px;
  position: relative;
  margin:  32px 0 36px;
  cursor: pointer;
}
.login-border{
  width: 25px;
  height: 25px;
  display: inline-block;
  border: 1px solid #dfdfdf;
  position: absolute;
}
.login-rem img{
  width: 28px;
  height: 28px;
  position: absolute;
  z-index: 99;
  left: 3px;
  top: -3px;
}
.login-font{
  font-size: 16px;
  color: #888;
  margin-left: 40px;
}
.login .login-btn{
  display:block;
      margin: 0 auto;
  width: 380px;
  height: 56px;
  line-height: 56px;
  border-radius: 6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  -ms-border-radius:6px;
  -o-border-radius:6px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  cursor: pointer;
  background: linear-gradient(180deg, #FCAF0E 0%, #F87706 100%);
  /* box-shadow: 0px 9px 20px 0px rgba(122, 122, 122, 0.25); */
  border-radius: 27px;
}
.msg{
  position: absolute;
  left: 44px;
  top: 285px;
  color: #5D5D5D;
}