* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



.login-container {
  height: 100vh;
  width: 100%;
  background-color: #161D26;
  display: flex;
  flex-direction: column;
}
.login-header, .login-body{
  width: inherit;
  display: flex;
  align-items: center;
}

.login-header {
    height: 12%;
    justify-content: center;
}

.login-body {
    width: 75%;
    height: 78%;
    background-image: url('../img/bg.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 24px;
    border-radius: 8px;
}

.login-form {
    width: 446px;
    background-color: #12181F;
    border-radius: 36px;
    height: 100%;
    padding: 90px 70px 70px 70px;
}

.login-title-desc, .login-btn {
    height: 20%;
}

.login-ul {
    height: 60%;
}

.login-title {
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
}

.login-desc {
    color: #c3cddb;
    font-size: 16px;
    font-weight: 400;
}

.login-container form ul li {
    margin-top: 20px;
    text-shadow: #000 0.1em 0.1em 0.1em;
  }

  .label-required-null {
    position: relative !important;
  }

  .login-container form ul li.verify label {
    width: 200px;
  }
  .login-container form ul li.verify input.layui-input {
    text-transform: uppercase;
  }
  .login-container form ul li.verify img {
    width: 95px;
    height: 44px;
    cursor: pointer;
    position: absolute;
    margin-left: 5px;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(255, 243, 243, 0.1);
  }
  .login-container form ul li i.layui-icon {
    color: #fff;
    font-size: 18px;
    position: absolute;
    padding: 14px 15px 13px 20px;
  }
  .login-container form ul li input {
    color: #fff;
    height: 45px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 1em;
    text-indent: 35px;
    border: #DDD !important;
    border-radius: 16px;
    letter-spacing: 2px;
    background: #0B0E13 !important;
    text-shadow: #000 0.1em 0.1em 0.1em;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3) inset !important;
  }
  .login-container form ul li input:hover,
  .login-container form ul li input:focus,
  .login-container form ul li input:active,
  .login-container form ul li input:-webkit-autofill,
  .login-container form ul li input:-webkit-autofill:hover,
  .login-container form ul li input:-webkit-autofill:focus,
  .login-container form ul li input:-webkit-autofill:active {
    border: #DDD !important;
    text-shadow: #000 0.1em 0.1em 0.1em;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4) inset !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-transition-delay: 9999s !important;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out !important;
  }
  .login-container form ul li span {
    letter-spacing: 1px;
    color: #ff0 !important;
    top: 0 !important;
  }
 

  .login-btn .btn {
    height: 48px;
    line-height: 48px;
    background-color: #009988;
    border-radius: 16px; 
    position: relative;
    cursor: pointer;
    border: unset;
    width: 100%;
  }

  .login-btn .btn span {
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
  }

  .arrow-img {
    position: absolute;
    right: 16px;
    top: 6px
  }

.login-footer {
    color: #6B7280;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 10%;
}