#app {
  min-height: 100vh;
  width: 100vw;
  /* background-image: url(login_bg.png); */
  background-color: #FFF;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: -20%;
}
.reg .reg-box {
  /* background: linear-gradient(180deg, #319F5F 0%, #FFFFFF 100%); */
  background-color: #FFF;
  box-shadow: 0px 2px 20px 0px rgba(36, 76, 62, 0.1);
  border-image: linear-gradient(180deg, #baffe7, #f9fdfc) 1 1;
  padding: 0 21px;
  padding-top: 27px;
  padding-bottom: 18px;
  border: 1px solid #fff;
  border-radius: 10px;
}
.lg .login-box {
  /* background: linear-gradient(180deg, #319F5F 0%, #FFFFFF 100%); */
  background-color: #FFF;
  box-shadow: 0px 0.04830918rem 0.48309179rem 0px rgba(36, 76, 62, 0.1);
  padding: 0.65217391rem 0.50724638rem 1.03864734rem 0.50724638rem;
  border-image: linear-gradient(180deg, #baffe7, #f9fdfc) 1 1;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 0.24154589rem;
}
.loginBtn{
  width: 100%;
  height: 50px;
  font-size:16px;
  border-radius: 50px;
  color: #FFFFFF;
  transition: width 0.3s;
}
@Keyframes donut-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.donut {
  display: none;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-left-color: #FFF;
  border-radius: 50%;
  width:40px;
  height: 40px;
  animation: donut-spin 1.2s linear infinite;
}