body,
html {
  width: 100%;
  height: 100%;
}
@font-face {
  font-family: AliHYAiHei;
  src: url("../fonts/AliHYAiHei.ttf");
}
.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("../image/login-bg.png") no-repeat;
  background-size: cover;
  overflow: hidden;
}

.title {
  margin: 60px;
  font-family: AliHYAiHei;
  color: #ffffff;
  font-size: 40px;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}

.login-container {
  position: absolute;
  top: 25vh;
  right: 10vw;
  width: 514px;
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  padding: 68px 37px 75px 37px;
}

.login-container .login-title {
  font-size: 34px;
  font-weight: 600;
  color: #323233;
  padding-bottom: 20px;
}

.input-item {
  margin-top: 26px;
  border-radius: 4px;
  border: 1px solid #dfe1e3;
  height: 38px;
}
.input-item label {
  position: relative;
  width: 35px;
}
.input-item label img {
  position: absolute;
  width: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.input-item input {
  width: 90%;
  height: 100%;
  border: none;
}
.input-item:last-child {
  border: none;
}
.input-item .login-button {
  width: 100%;
  background: #326adf;
  border-radius: 4px;
  border: 1px solid #dfe1e3;
  color: #fff;
  height: 100%;
}

.input-item .login-button:active {
  opacity: 0.8;
}