body {
    margin: 0;
    background-color: #FFF;
}
.login-content {
    width: 100%;
    min-height: 100vh;
    /* background: url(../assets/login/login-bg.png) no-repeat; */
    /* background-size: 100% 100%; */
    display: flex;
    position: fixed;
    z-index: -99; /* 确保视频在所有内容下方 */
    right: 0;
    bottom: 0;
    min-width: 100%; /* 保证视频宽度至少与视口相同 */
    min-height: 100%; /* 保证视频高度至少与视口相同 */
    width: auto; /* 允许视频按比例缩放 */
    height: auto;
    overflow: hidden; /* 隐藏超出的部分 */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .bg-video{
    z-index: -9; 
     position: absolute;
    top: 0;
    left: 0; 
    width: 100%; /* 使视频宽度与容器相同 */
    height: 100%; /* 使视频高度与容器相同 */
    object-fit: cover; /* 保持视频原始比例并覆盖整个容器 */
  }
  .tuceng{
     position: absolute;
    top: 0;
    left: 0; 
    width: 100%; /* 使视频宽度与容器相同 */
    height: 100%; /* 使视频高度与容器相同 */
    z-index: -1;
    opacity: .3;
    background: #000;
 }
.login-box {
    width: 540px;
    height: 605px;
    background: url(../assets/login/dialog-bg.png) no-repeat;
    background-size: 100% 100%;
    margin: auto;
}
.login-box-cont {
    width: 450px;
    margin: 114px auto 0;
}
.login-box-cont .el-tabs__nav-wrap::after {
    background: rgba(102, 158, 217, .8);
    height: 1px;
}
.login-box-cont .el-tabs__nav-scroll {
    display: flex;
    justify-content: center;
    column-gap: 122px;
}
.login-box-cont .el-tabs__item {
    padding: 0 77px;
    color: #B6CCF1;
    font-size: 19px;
}
.login-box-cont .el-tabs__item.is-active  {
    color: #fff;
    font-weight: bold;
}
.login-box-cont .el-tabs__active-bar {
    height: 3px;
}
.input-content {
    width: 336px;
    margin: 40px auto;
}
.login-box-cont .input-content .el-input__inner {
    background: rgba(6,135,205,0.3);
    border-radius: 6px;
    border: 2px solid rgba(11,161,248,0.4);
    color: #FFFFFF;
    padding-left: 61px;
    position: relative;
}
.input-content .el-input__inner:hover {
    border: 2px solid #409EFF;
}
.input-content .input-prefix {
    height: 100%;
    display: flex;
    align-items: center;
}
.input-content .human-icon {
    width: 15px;
    height: 18px;
    margin: 0 12px 0 16px;
}
.input-content .input-line {
    width: 1px;
    height: 20px;
    background: #255698;
}
.input-content .el-input + .el-input {
    margin-top: 26px;
}
.input-suffix {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 14px;
    color: #4AABFE;
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 16px;
    cursor: pointer;
}
.input-content .login-button {
    width: 100%;
    margin-top: 82px;
}
.buttom-tips {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 28px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 14px;
    color: #EDF7FF;
}
.buttom-tips .click-text {
    color: #4AABFE;
    cursor: pointer;
}
.rember {
    display: flex;
    align-items: center;
    margin-top: 32px;
}
.rember .el-checkbox__label {
    color: #fff !important;
}
.rember .forget {
    margin-left: auto;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 14px;
    color: #4AABFE;
    cursor: pointer;
}
.rember + .login-button {
    margin-top: 31px;
}
.login-button.regis {
    margin-top: 20px;
}