body {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/login-bg.jpg);
  background-repeat: round;
}

.login {
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -287px 0 0 -255px;
  box-shadow: 1px 1px 5px #ccc;
  width: 512px;
}

.login .log-top {
  margin: 25px auto 0;
  width: 462px;
}
.login .log-top .logo {
  float: left;
  line-height: 50px;
}
.login .log-top .logo img {
  width: 140px;
  margin-left: 20px;
}
.login .log-top .reg {
  float: right;
}
.login .log-top .reg input {
  width: 80px;
  height: 34px;
  line-height: 32px;
  background: #36404a;
  color: #fff;
  font-size: 14px;
  margin-right: 20px;
  margin-top: 8px;
}

.login .log-dow {
  padding: 10px 40px 10px;
  margin: 20px auto;
  border-top: 1px solid #e4e4e4;
  width: 362px;
}
.login .log-dow .log-tag {
  
}
.login .log-dow .log-tag a {
  line-height: 36px;
  display: block;
  float: left;
  width: 35%;
  text-align: center;
  color: #999;
  font-size: 16px;
  cursor:pointer;
}
.login .log-dow .log-tag span {
  line-height: 36px;
  float: left;
  text-align: center;
  width: 30%;
}
.login .log-dow .log-tag span img {
  width: 16px;  
}

.login .log-dow .log-tag .on {
  color: #36404a;
}

.login .log-dow .log-sty ul li {
  float: left;
  width: 50%;
  line-height: 36px;
  text-align: center;
  border-bottom: 2px solid #e4e4e4;
  cursor: pointer;
}
.login .log-dow .log-sty ul .on {
  border-bottom-color: #36404a;
}

.login .log-dow .log-con {
  
  min-width: 362px;
}
/* 
.login .log-dow .log-con ul li .con .error {
  width: 330px;
  height: 36px;
  line-height: 36px;
	background: url(../images/error.png) 4px 10px no-repeat #fbe3e4;
} */

.login .log-dow .log-con ul li .con span {
  display: block;
  margin-top: 20px;
}

.login .log-dow .log-con ul li .con .nor input {
  width: 360px;
  height: 36px;
  line-height: 36px;
}

.login .log-dow .log-con ul li .con .code input {
  width: 260px;
  height: 36px;
  line-height: 36px;
}
.login .log-dow .log-con ul li .con .code em {
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: top;
}
.login .log-dow .log-con ul li .con .code em img {
  width: 90px;
  height: 38px;
}
.login .log-dow .log-con ul li .con .code a {
  display: inline-block;
  width: 90px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #025aa9;
  color: #fff;
  margin-left: 5px;
  border-radius: 3px;
  vertical-align: middle;
}

.login .log-dow .log-con ul li .con .rem {
  line-height: 1;
  width: 362px;
  margin-top: 15px !important;
}
.login .log-dow .log-con ul li .con .rem .lef {
  float: left;
}
.login .log-dow .log-con ul li .con .rem .lef input {
  margin-right: 5px;
}
.login .log-dow .log-con ul li .con .rem a {
  float: right;
  color: #007de4;
  margin-top: 2px;
}

.login .log-dow .log-con ul li .con .but {
  width: 362px;
  text-align: center;
  margin-top: 15px !important;
}
.login .log-dow .log-con ul li .con .but input {
  width: 100%;
  font-size: 16px;
  line-height: 38px;
  color: #fff;
  background: #36404a;
}

.login .log-dow .log-con ul li .con .oth {
  margin-top: 15px !important;
}
.login .log-dow .log-con ul li .con .oth a {
  margin-left: 10px;
}

.login .log-dow .log-con ul li .con .sho input {
  width: 174px;
  height: 36px;
  line-height: 36px;
}

.login .log-dow .log-con ul li .con .leg-code {
  text-align: center;
}
.login .log-dow .log-con ul li .con .leg-code img {
  width: 180px;
}
.login .log-dow .log-con ul li .con .cod-not {
  text-align: center;
}
.login .log-dow .log-con ul li .con .cod-not img {
  width: 16px;
  margin-right: 5px;
}
.login .log-dow .log-con ul li .con .cod-not a {
  color: #025aa9;
}
/*登录框*/

.login-footer {
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  margin-bottom: -50px;
}
.login-footer span {
  margin: 0 5px;
}
/*登录页面底部*/