.login-container{
    display: flex;
    flex-direction: column; /* 设置主轴为垂直方向 */
    height: 100vh; /* 使容器的总高度等于视口高度 */
}
.login-herder{
    width: 100%;
    height: 88px;
    background: #FFFFFF;
}
.login-herder img{
    width: 286px;
    height: 80px;
}
.login-herder p{
    font-size: 16px;
    color: #000;
}
.login-herder p a{
    color: #FF391D;
    font-weight: 700;
}
.login-main{
    position: relative;
    width: 100%;
    flex-grow: 1; /* 使下方容器占据剩余空间 */
    background-color: #e0e0e0; /* 背景色，可以根据需求调整 */
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-main-img{
    position: absolute;
    width: 100%;
    height: 100%;
    
}
.login-box{
    width: 850px; /* 设置内容区宽度 */
    height: 600px; /* 设置内容区高度 */
    z-index: 999;
    border-radius: 10px;
    background-image: url('../images/login/login2.png');
    background-size: 100% 100%;  /* 背景图片拉伸填满元素 */
    background-position: center center;  /* 背景图片居中 */
    background-repeat: no-repeat;  /* 防止图片重复 */
    padding-top: 80px;
    text-align: center;
}
.login-box h3{
    font-size: 32px;
    color: #FF391D;
}
.login-box p{
    font-size: 24px;
    color: #2F2F2F;
    line-height: 28px;
    margin: 67px 0 20px;
}
.form-container{
    width: 440px;
    display: inline-block;
}
.form-it{
    background-color: #ffffff;
    margin-bottom: 34px;
    padding: 0 0 0 15px;
    border-radius: 3px;
}
.form-it .iconfont{
    color: #c9ccd5;
}
.form-container input {
    width: 100%;
    flex: 1;
    padding: 11px;
    font-family: auto;
    border: none;
}
.form-container .code-sty{
    width: 90px;
    background-color: #ffffff;
    color: #ff391d;
    border-radius: 0 4px 4px 0;
    flex: none;
    border: none;
    border-left: 1px solid #979797;
    cursor: pointer;
}
 .form-container .submit {
    width: 100%;
    padding: 10px;
    background-color: #ff391d;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.category{
    width: 440px;
    display: inline-block;
}
.category-it span{ 
    font-size: 14px;
    color: #83899F;
    margin-left: 12px;
}
.category-it  a{
    color: #ff391d;
}
.category-login{
    font-size: 14px;
    color: #0A1B39;
    margin-top: 30px;
}
.category-login a{
    color: #FF391D;

}
/* 错误信息提示 */
#error-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #4d4d4d;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 5px;
    display: none;
    font-size: 16px;
    z-index: 99999;
  }
  .category-login2{
    display: none;
    margin-top: 0px;
  }
  .u-popup-box{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1002;
    width: 100%;
    height: 100%;
    display: none;
}
.popup-box .bg, .u-popup-box .bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
}
/* 弹框结构、同级提示 */
.popup-bar {
    position: fixed; 
    left: 50%; 
    top: 50%; 
    z-index: 1002; 
    width: 800px;
    transform: translate(-50%, -50%);
    background-color: #fff; border-radius: 4px; 
    overflow: hidden; 
    transition: transform .2s linear;
}
.popup-bar .pop-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    color: #ccc;
}

.popup-bar .pop-close:hover {
    color: #333;
}

.popup-bar .pop-close .iconfont {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 12px;
    color: #ccc;
    transition: all .2s linear;
    transform: rotate(0deg) scale(.9);
}
.popup-bar .pop-close:hover .iconfont { color: #333; }
    /*显示动画*/
.popup-bar.popup-show { animation: scale .2s linear forwards; }

.popup-bar.popup-msg { 
    width: auto;
}
.popup-confirm .btn-group{
    padding: 0 20px 20px;
    text-align: right;
}
.btn-primary{
    min-width: 80px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    margin: 0 5px;
    background-color: #ff391d;
    color: #fff;
    display: inline-block;
    text-align: center;
    border: none;
}
.conts-box{
    padding: 25px;
}
.popup-confirm .conts-box .pop-conts  {
    width: 100%;
    height: 60vh;
    border: none;
    overflow-y: auto;
}
/*弹框出现动画*/
@keyframes scale {
    0% {
        opacity: 0;
        transform: translatex(-50%) translatey(-50%) scale(.8);
    }
    100% {
        opacity: 1;
        transform: translatex(-50%) translatey(-50%) scale(1);
    }
}