body {
  background: #fff;
}
.login {
  background: #fff;
}
.login .top {
  background: #fff;
  height: 110px;
}
.login .top .top-center {
  width: 1200px;
  margin: 0px auto;
  line-height: 110px;
}
.login .top .top-center img {
  width: 140px;
  position: relative;
  top: 10px;
  margin-right: 10px;
}
.login .top .top-center span {
  font-size: 14px;
}
.login .content {
  background: url("../../imgs/login/login-bg.png") no-repeat center;
}
.login .content .content-center {
  width: 1200px;
  height: 495px;
  margin: 0px auto;
}
.login .content .content-center .login-bor {
  background: rgba(0, 0, 0, 0.05);
  width: 417px;
  height: 475px;
  float: right;
  margin-right: 99px;
  margin-top: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 4px;
}
.login .content .content-center .login-bor .login-box {
  width: 409px;
  height: 466px;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px 32px;
}
.login .content .content-center .login-bor .login-box .table {
  display: flex;
}
.login .content .content-center .login-bor .login-box .table a {
  display: block;
  height: 20px;
  flex: 1;
  text-align: center;
  font-size: 18px;
  color: #666666;
  line-height: 20px;
}
.login .content .content-center .login-bor .login-box .table a:last-child {
  border-left: 1px solid #F4F4F4;
}
.login .content .content-center .login-bor .login-box .input-group {
  width: 306px;
  margin: 0px auto;
  margin-top: 90px;
}
.login .content .content-center .login-bor .login-box .input-group .input {
  height: 40px;
  width: 306px;
  box-sizing: border-box;
  border: 1px solid #BDBDBD;
  margin-bottom: 20px;
}
.login .content .content-center .login-bor .login-box .input-group .input span {
  display: block;
  width: 38px;
  height: 38px;
  float: left;
  border-right: 1px solid #BDBDBD;
}
.login .content .content-center .login-bor .login-box .input-group .input input {
  height: 38px;
  width: 265px;
  border: none;
  text-indent: 10px;
}
.login .content .content-center .login-bor .login-box .input-group .account span {
  background: #F4F4F4 url("../../imgs/login/account.png") no-repeat center;
}
.login .content .content-center .login-bor .login-box .input-group .password span {
  background: #F4F4F4 url("../../imgs/login/password.png") no-repeat center;
}
.login .content .content-center .login-bor .login-box .input-group p {
  text-align: right;
}
.login .content .content-center .login-bor .login-box .input-group p a {
  font-size: 12px;
  color: #666666;
}
.login .content .content-center .login-bor .login-box .btn {
  display: block;
  height: 40px;
  width: 306px;
  color: #fff;
  letter-spacing: 20px;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  margin: 0px auto;
  margin-top: 20px;
}
.login .login-method {
  width: 306px;
  margin: 0px auto;
  height: 20px;
  margin-top: 75px ;
}
.login .login-method .left {
  float: left;
}
.login .login-method .left a {
  font-size: 12px;
  color: #010101;
}
.login .login-method .left a img {
  width: 19px;
  height: 19px;
  position: relative;
  top: 5px;
}
.login .login-method .left span {
  margin: 0px 10px;
  color: #D6CCD6;
  font-size: 12px;
}
.login .login-method .right {
  float: right;
}
.login .login-method .right a {
  font-size: 12px;
}
.login .login-method .right a img {
  width: 19px;
  height: 19px;
  position: relative;
  top: 5px;
}
.login .scan-code {
  width: 173px;
  box-sizing: border-box;
  margin: 0px auto;
  margin-top: 85px;
  display: none;
}
.login .scan-code .img-box {
  width: 173px;
  height: 165px;
  border: 1px solid #F4F4F4;
  box-sizing: border-box;
  padding: 8px;
}
.login .scan-code img {
  width: 150px;
  height: 150px;
}
.login .scan-code .scan-code-bottom {
  overflow: hidden;
  font-size: 12px;
  margin-top: 25px;
}
.login .scan-code .scan-code-bottom .left {
  float: left;
}
.login .scan-code .scan-code-bottom .right {
  float: right;
}