.login {
  width: 814px;
  height: 480px;
  margin: 150px auto;
  border: 1px solid #999;
  padding: 20px 25px;
  background: url("../images/login.png") no-repeat;
}
.login .title {
  position: relative;
}
.login .title p {
  font-size: 22px;
}
.login .title span {
  font-size: 14px;
  line-height: 2;
}
.login .content form {
  width: 320px;
  height: 290px;
  margin: 60px 0 0 460px;
}
.login .content form p {
  height: 40px;
  border-radius: 20px;
  border: 1px solid #999;
  margin-bottom: 20px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.login .content form p img {
  margin-left: 16px;
  width: 24px;
  height: 24px;
}
.login .content form p input {
  width: 250px;
  height: 40px;
  margin-left: 10px;
  font-size: 14px;
  color: #0093ff;
}
.login .content form .remember div {
  height: 40px;
  padding: 0 4px;
  display: flex;
  justify-content: space-between;
}
.login .content form .remember div span input {
  margin-right: 4px;
}
.login .content form .remember div span:last-child {
  cursor: pointer;
  text-decoration: underline;
  color: #0093ff;
}
.login .content form .remember button {
  width: 160px;
  height: 46px;
  display: block;
  background-color: #0093ff;
  border-radius: 23px;
  margin: 0 auto;
  font-size: 14px;
  color: #fff;
}
.login .bottom {
  height: 60px;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.login .bottom .left {
  width: 175px;
}
.login .bottom .left p {
  width: 100%;
  line-height: 2;
  color: #0093ff;
}
.login .bottom span {
  margin-top: 32px;
}