*{margin: 0;padding: 0;}
body{background:#F1F5F7;font-family: PingFangSC-Regular, PingFang SC;background: #FFFFFF;}
a{text-decoration:none;} 
ul li{list-style: none;}
ul,li{padding:0;margin:0;}
.clear{clear:both}
.clearfix::after {content:'';display:block;clear:both;}
.fl{
    float: left;
}
.fr{
    float: right;
}
.w_1200{
    width: 1200px;
    margin: 0 auto;
}
.logo{
    padding-top: 40px;
    margin-left: 40px;
    width: 351px;
    height: 56px;
}
    .logo img {
        max-width: 100%;
        height: auto;
    }
.main {
    background: url('../img/bg.webp') no-repeat;
    background-size: cover;
    background-position: center; /* 确保图片居中 */
    height: 100vh; /* 视口的高度 */
    width: 100vw; /* 视口的宽度 */
}
.login{
    width: 424px;
    height: 500px;
    background: #FFFFFF;
    box-shadow: 0px 4px 9px 0px rgba(213,223,234,0.83);
    border-radius: 10px;
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(5.333333333333333px);
    position: absolute;
    top:24%;
    left:60%;
    z-index:1000;
    padding: 40px;
    box-sizing: border-box;
}
.title{
    font-size:26px;
    color:#225388;
}
.bar{
    margin-top:40px;
}
.font-weight{
    font-weight: bold;
}
input{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #F3F4F7;
    border-radius: 4px;
    margin-bottom: 20px;
    outline: none;
    padding: 0 40px;
    box-sizing: border-box;
    border: 1px solid transparent;
}
.loginBtn{
    background: #5095DE;
    text-align: center;
    color:#fff;
    font-size: 16px;
    cursor: pointer;
    margin-top:20px;
}
.input-box{
    position: relative;
}
.icon-username{
    display: inline-block;
    width: 22px;
    height: 17px;
    background: url('../img/username.png')  no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top:10px;
    left:10px;
}
.icon-pass{
    display: inline-block;
    width: 20px;
    height: 21px;
    background: url('../img/password.png')  no-repeat;
    background-size: cover;
    background-position: center; 
    position: absolute;
    top:8px;
    left:10px;
}
.yz-box input{
    padding: 0 20px !important; 
    width: 65%;
    position: relative;
}
.codeKeyImg{
    height: 40px;
    width: 100px;
    position: absolute;
    top:0;
    left: 240px;
    background: #F3F4F7;
    border-radius: 4px;
}
/* 帮助图标（问号圈） */
.help-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#b0c4de;color:#fff;font-size:13px;font-weight:bold;cursor:pointer;position:absolute;top:11px;right:12px;line-height:1;user-select:none;font-family:serif;}
.help-icon:hover{background:#5095DE;}
.forget{
    color: #5095DE;
    font-size: 14px;
    display: block;
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
}


    
/* ===== 层次/人员选择弹层（上层次 下人员） ===== */
.suh-choose-wrap{padding:22px 24px;box-sizing:border-box;}
.suh-step-title{font-size:17px;color:#225388;font-weight:bold;margin-bottom:16px;text-align:center;}

/* 层次选择：横排不换行，按容器宽度自适应 */
.suh-level-row{display:flex;flex-wrap:nowrap;gap:12px;}
.suh-level-item{flex:1 1 0;min-width:0;padding:14px 6px;background:#F3F4F7;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:2px solid transparent;transition:all .15s;}
.suh-level-item:hover{background:#eef5fd;border-color:#5095DE;}
.suh-level-item.active{background:#eef5fd;border-color:#5095DE;}
.suh-level-icon{font-size:28px;line-height:1;margin-bottom:8px;}
.suh-level-name{font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}

/* 人员选择：块状卡片，固定大小，可换行，文字超出省略 */
.suh-user-panel{margin-top:20px;border-top:1px solid #eee;padding-top:16px;}
.suh-user-tip{font-size:14px;color:#666;margin-bottom:12px;}
.suh-user-list{display:flex;flex-wrap:wrap;gap:12px;}
.suh-user-card{width:158px;height:64px;box-sizing:border-box;padding:10px 14px;background:#F3F4F7;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .15s;display:flex;flex-direction:column;justify-content:center;}
.suh-user-card:hover{background:#eef5fd;border-color:#5095DE;}
.suh-user-card.active{background:#eef5fd;border-color:#5095DE;}
.suh-user-name{font-size:15px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.suh-user-sub{font-size:12px;color:#999;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.suh-empty{width:100%;text-align:center;color:#999;padding:24px 0;}