.main_content {
    display: flex;
    justify-content: space-between;
}

.main_content .main_left {
    width: 17.5%;
}


.main_content .main_right {
    width: 79%;
}

/* 全局重置 */
* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    font-family: "Microsoft Yahei", sans-serif;
}

/* 菜单容器 */
.menu_container {
    margin-top: 30px;
    min-height: 980px;
    background: url("../images/case_menu_bg.png");
    background-size: 100% 100%;
}

.menu_bg .icon img {
    width: 22px;
    height: 24px;
}

/* 一级菜单基础样式 */
.level-1-menu .menu_bg {
    height: 60px;
    display: flex;
    cursor: pointer;
    font-size: 18px;
    align-items: center;
    justify-content: flex-start;
    transition: background-color 0.2s;
}

/* 一级菜单选中/展开态 */
.level-1-item.item-expanded .menu_bg {
    color: #ffffff;
    background-color: #0b477c;
}

/* 一级菜单箭头核心逻辑：未选中=grey，选中=white + 旋转 */
.level-1-menu .menu_bg .arrow_grey {
    display: inline-block;
    /* 默认（未选中）显示 grey 箭头 */
}

.level-1-menu .menu_bg .arrow_white {
    display: none;
    /* 默认（未选中）隐藏 white 箭头 */
}

/* 选中/展开时切换箭头 + 旋转 */
.level-1-item.item-expanded .menu_bg .arrow_grey {
    display: none;
}

.level-1-item.item-expanded .menu_bg .arrow_white {
    display: inline-block;
    transform: rotate(180deg);
    /* 选中后箭头旋转 */
}

.level-1-menu .item-expanded .menu_bg span {
    margin: 0 20px;
    font-family: 'SourceHanSansCN-Bold';
}

.level-1-menu .menu_bg span {
    margin: 0 20px;
    font-family: 'SourceHanSansCN-Medium-2';
}

.level-1-menu .level-1-item:last-child {
    border-bottom: none;
}

/* 箭头通用旋转动画 */
.arrow_white,
.arrow_grey {
    transition: transform 0.3s ease;
}

/* 二级/三级菜单基础样式（默认收起） */
.level-2-menu,
.level-3-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

/* 二级菜单容器 */
.level-2-menu {
    background-color: transparent;
}

/* 二级菜单项基础样式 */
.level-2-menu .level-2-item {
    cursor: pointer;
}

.level-2-bg {
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}

/* 二级菜单选中态 */
.level-2-bg.level-2-active {
    color: #185184;
    background: #dae7f2;
}

.level-2-bg span {
    color: #666666;
    margin: 10px 30px;
}

.level-2-active span {
    /*font-family: 'SourceHanSansCN-Medium-2';*/
    color: #185184;
    font-weight: bold;
    font-family: 'SourceHanSansCN-Bold';
}

/* 二级菜单箭头核心逻辑：未选中=grey，选中=white + 旋转 */
.level-2-bg .arrow_grey {
    display: inline-block;
    /* 默认（未选中）显示 grey 箭头 */
}

.level-2-bg .arrow_white {
    display: none;
    /* 默认（未选中）隐藏 white 箭头 */
}

/*!* 二级选中/展开时切换箭头 + 旋转 *!*/
/*.level-2-item.item-expanded .level-2-bg .arrow_grey {*/
/*    display: none;*/
/*}*/

/*.level-2-item.item-expanded .level-2-bg .arrow_white {*/
/*    display: inline-block;*/
/*    transform: rotate(180deg);*/
/*    !* 选中后箭头旋转 *!*/
/*}*/

/*!* 三级菜单样式 *!*/
/*.level-3-menu .level-3-item {*/
/*    height: 40px;*/
/*    color: #666666;*/
/*    cursor: pointer;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    transition: background-color 0.2s;*/
/*}*/

/*!* 三级菜单选中态 *!*/
/*.level-3-menu .level-3-item.active {*/
/*    !* background-color: #dae7f2; *!*/
/*    color: #185184;*/
/*    font-weight: bold;*/
/*    font-family: 'SourceHanSansCN-Bold';*/
/*}*/

/* 按钮容器：横向排列 + 间距 */
.button-group {
    display: flex;
    gap: 10px; /* 按钮之间的间距 */
    margin: 10px;
}

/* 按钮基础样式（未选中状态） */
.level-3-btn {
    width: 120px;
    height: 40px;
    background-color: #eaeaea; /* 未选中背景色 */
    color: #333;              /* 文字颜色 */
    border: none;             /* 移除默认边框 */
    border-radius: 4px;       /* 圆角 */
    font-size: 16px;          /* 文字大小 */
    cursor: pointer;          /* 鼠标悬浮指针样式 */
}

/* 按钮选中状态（通过 .active 类控制） */
.level-3-btn.active {
    background-color: #2b5797; /* 选中背景色 */
    color: #fff;              /* 选中文字颜色 */
}
/* 展开状态（核心：通过max-height实现动画） */
.level-1-item.item-expanded .level-2-menu {
    max-height: 1000px;
}

.level-2-item.item-expanded .level-3-menu {
    max-height: 800px;
}

.case_title_bg {
    width: 100%;
    height: 95px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    padding-left: 39px;
    background: url("../images/case_title_bg.png") no-repeat;
    background-size: 100% 100%;
}

.case_list {
    padding: 10px;
    box-shadow: 0 0 10px #f0f0f0;
}

.case_title_bg span {
    font-size: 26px;
    font-style: italic;
    margin-left: 15px;
    font-family: 'SourceHanSansCN-Bold';
}

.case_list {
    padding: 0 27px;
}

.case_list .case_li {
    display: flex;
    padding: 28px 0;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eeeeee;
}

.case_list .case_li a {
    display: block;
    color: #333333;
    font-size: 18px;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'SourceHanSansCN-Medium-2';

}

.case_list .case_li a:hover {
    font-weight: bold;
}

.case_list .case_li p {
    font-size: 18px;
    color: #999999;
    font-family: 'SourceHanSansCN-Medium-2';
}

.topage .to_page_num,
.topage .current_page,
.topage .current_page:hover {
    background: #004791;
}

.topage .input_page_num,
.topage a {
    background: #e5e5e5;
}

.case_list .case_li:last-child {
    border: 0;
}