.login-page {
  position: relative;
  padding: 180px 0;
  margin: auto;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: url("../image/login-bg.jpg") no-repeat left top/1920px 1080px;
}
.login-line {
  margin-left: 123px;
  width: 286px;
  height: 47px;
  background: url("../image/login-line.png") no-repeat left top/cover;
}
.zh {
  margin-top: 15px;
  font-size: 43px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 6px;
}
.en {
  margin-top: 15px;
  font-size: 27px;
  color: #fff;
}
.title {
  margin: 27px 0 31px;
  font-size: 80px;
  font-family: 'Source Han Serif', sans-serif;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 24px;
}
.login-line2 {
  margin-left: 313px;
  width: 374px;
  height: 53px;
}
.login-line2 img {
  transform: rotateY(180deg);
}
/*表单*/
.login-form {
  padding: 70px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-avatar {
  overflow: hidden;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  margin-bottom: 58px;
}
.form-item {
  width: 260px;
  height: 45px;
  margin-bottom: 19px;
  background-color: #fff;
  padding: 0 24px;
  display: flex;
  align-items: center;
}
.form-item i {
  font-size: 20px;
  color: #808080;
}
.input {
  border: none;
  flex: 1;
  font-size: 16px;
  line-height: 1.5;
  padding-left: 16px;
  color: #383838;
}
.input::placeholder {
  color: rgba(56, 56, 56, 0.1);
}
.btn {
  display: block;
  text-align: center;
  background-color: var(--primary);
  letter-spacing: 4px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s;
}