page {
  background: #F5F5F9;
}

.flex {
  display: flex;
}

.login-list {
  margin-top: 40upx;
  height: 100upx;
  align-items: center;
  padding: 0 30upx;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.login-list .login-input {
  flex: 1;
}
.login-list .login-input input {
  font-size: 28upx;
  color: #333333;
  padding-left: 20upx;
}
.login-list .codeimg img {
  width: 150upx;
}

.login-list-code {
  height: 100upx;
  align-items: center;
  padding: 0 30upx;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.login-list-code .login-input {
  flex: 1;
}
.login-list-code .login-input input {
  font-size: 28upx;
  color: #333333;
  padding-left: 20upx;
}
.login-list-code .login-input .codeimg img {
  width: 150upx;
}
.login-list-code .codeimg img {
  width: 150upx;
}
.login-list-code .getCodeMsg {
  color: #4CA2FF;
  border: 1px solid #4CA2FF;
  border-radius: 10upx;
  padding: 2upx 4upx;
}

.login-btn {
  margin-top: 70upx;
}