.region, .role, .system{
    height: calc(100vh - 122px);
    overflow-y: auto;
}
.layui-card-header{
    padding: 10px 15px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center
}
.layui-card-header .layui-btn{
    width: 150px;
    height: 32px
}
.layui-card-body{
    padding: 0 15px;
}
.layui-bot-ul .li-item{
    display: flex; 
    padding: 12px 15px;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    align-items: center;
}
.layui-bot-ul .li-item.active{ background-color: #f5f5f5}
.layui-bot-ul .li-item:hover{ background-color: #f5f5f5}
.layui-bot-ul .li-item:hover .bot-btn-group{display: flex;}
.layui-bot-ul .li-item.active .li-item-left h4{color: #1E9FFF}
.layui-bot-ul .li-item-left h4{font-size: 15px; font-weight: normal; }
.layui-bot-ul .li-item-left p{font-size: 14px; color: #999; margin-top: 6px}
.bot-btn-group{
    display: flex;
    display: none;
}
.bot-btn-group li{cursor: pointer}
.bot-btn-group li i{font-size: 16px; padding: 5px 3px; color: #000;}
.layui-bot-ul .group{margin-bottom: 15px}
.layui-bot-ul .group .li-group-top{padding: 15px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6; display: flex; align-items: center}
.layui-bot-ul .group .li-group-top h4{font-size: 15px; margin-top: 8px; font-weight: normal; flex: 1; color: #000}