body {
    overflow:hidden
}
.bgc {
    height:100vh;
    margin:0 calc(var(--bs-gutter-x)*-.5);
    -o-object-fit:cover;
    object-fit:cover;
    width:100vw
}
.login-wrap {
    background:#fff;
    border-radius:4px;
    -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
    left:10.7%;
    min-width:400px;
    padding:40px;
    position:absolute;
    top:19.3%;
    width:30%
}
.login-wrap .tit {
    color:#2c333e;
    font-size:18px;
    font-weight:700;
    letter-spacing:0;
    line-height:24px;
    margin-bottom:40px;
    text-align:center
}
.login-wrap .input-group {
    background:#fff;
    border:1px solid #eaeaec;
    border-radius:2px
}
.login-wrap .input-group-text {
    border-radius:2px 0 0 2px;
    color:#8e8e8e;
    display:block;
    font-size:14px;
    letter-spacing:0;
    line-height:30px;
    text-align:center;
    width:80px
}
.login-wrap .form-control,.login-wrap .input-group-text {
    border-color:transparent;
    padding:6px 1rem
}
.login-wrap .err-msg:not(.form-control) {
    color:var(--jjext-color-tips);
    display:none;
    margin-top:6px;
    padding-left:calc(80px + 1rem)
}
.login-wrap .btn {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#0D8384;
    border-radius:2px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:16px;
    justify-content:center;
    line-height:30px;
    width:100%
}
.login-wrap .btn .loading {
    color:#fff;
    display:none;
    margin-right:10px;
    position:relative;
    vertical-align:middle
}
.login-wrap .btn .loading .spinner {
    -webkit-animation:rotate .8s linear infinite;
    animation:rotate .8s linear infinite;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    color:currentcolor;
    display:inline-block;
    height:20px;
    max-height:100%;
    max-width:100%;
    position:relative;
    vertical-align:middle;
    width:20px
}
.login-wrap .btn .loading .spinner .circular {
    display:block;
    height:100%;
    width:100%
}
.login-wrap .btn .loading .spinner .circular circle {
    stroke:currentColor;
    stroke-width:3;
    stroke-linecap:round;
    -webkit-animation:circular 1.5s ease-in-out infinite;
    animation:circular 1.5s ease-in-out infinite
}
@-webkit-keyframes circular {
    0% {
        stroke-dasharray:1,200;
        stroke-dashoffset:0
    }
    50% {
        stroke-dasharray:90,150;
        stroke-dashoffset:-40
    }
    to {
        stroke-dasharray:90,150;
        stroke-dashoffset:-120
    }
}@keyframes circular {
     0% {
         stroke-dasharray:1,200;
         stroke-dashoffset:0
     }
     50% {
         stroke-dasharray:90,150;
         stroke-dashoffset:-40
     }
     to {
         stroke-dasharray:90,150;
         stroke-dashoffset:-120
     }
 }@-webkit-keyframes rotate {
      0% {
          -webkit-transform:rotate(0deg);
          transform:rotate(0deg)
      }
      to {
          -webkit-transform:rotate(1turn);
          transform:rotate(1turn)
      }
  }@keyframes rotate {
       0% {
           -webkit-transform:rotate(0deg);
           transform:rotate(0deg)
       }
       to {
           -webkit-transform:rotate(1turn);
           transform:rotate(1turn)
       }
   }