/* 以下样式不用修改 开始*/
    /* 默认ul 无需修改 */
    .nav_menustyle_1_1 ul
    {
        list-style-type:none;
        padding:0px; 
        margin:0px;}
    /* 默认li 无需修改 */
    .nav_menustyle_1_1 li
    {
        float:left;
        text-align:center;
        position:relative;}
    /* 2级以上 li 无需修改 */
    .nav_menustyle_1_1 ul li ul li
    {
        float:none;
        z-index:100;}
    /* 3级以上默认ul 无需修改 */
    .nav_menustyle_1_1 ul li ul li ul
    {
        left:100%;
        top:0px;}
    /* IE6下的table样式 无需修改 */
    .nav_menustyle_1_1 table 
    {
        position:absolute; 
        left:0px;
        border-collapse:collapse; 
        border-spacing:0; 
        z-index:100;}   
    .nav_menustyle_1_1 table table
    {
        top:0px;}
    .nav_menustyle_1_1 td 
    {
        padding: 0;}   
    /* 共6级导航子菜单打开关闭控制 无需修改 */
    .nav_menustyle_1_1 li ul,
    .nav_menustyle_1_1 li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li ul
    {
        display:none;}
    .nav_menustyle_1_1 li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li ul
    {
        visibility:hidden;}
    .nav_menustyle_1_1 li a:hover ul,
    .nav_menustyle_1_1 li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul    
    {
        display:block;
        position:absolute;}
    .nav_menustyle_1_1 li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover ul
    {
        visibility:visible;}
    /* 默认a属性 无需修改 */
    .nav_menustyle_1_1 a
    {
        display:block;
        text-decoration:none;
        white-space:nowrap;}
/* 以上样式不用修改 结束*/
/* 默认链接样式 可以修改默认的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 a
{
    width:90px;         /*菜单宽度*/
    height:25px;        /*菜单高度*/
    line-height:25px;   /*字体高度, 可设为菜单高度*/
    font-size:14px;     /*字体大小*/
    color:#000;         /*字体颜色*/
    background:#eeeeee; /*背景色*/
    border:1px solid #fff;  /*边框颜色*/
    border-width:0px 1px 1px 0px;}
/* 默认hover链接样式 可以设置默认的鼠标移上样式 */
.nav_menustyle_1_1 a:hover
{
    color:#fff; /*鼠标移上颜色*/
    background:#2687eb;}
/* IE6兼容性代码，在IE6下起效， 必须根据菜单高宽进行设定 */
.nav_menustyle_1_1 table 
{
    top:26px;}   
.nav_menustyle_1_1 table table
{
    left:91px;}   
/* 2级以上链接样式 可以修改2级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li a
{}
/* 2级以上hover链接样式 可以修改2级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li a:hover
{}
/* 3级以上链接样式 可以修改3级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li ul li a
{}
/* 3级以上hover链接样式 可以修改3级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li ul li a:hover
{}

/* 
 --分页栏示意代码 
 <div class="pagination">
     <button class="page-btn disabled">
         <i class="fas fa-chevron-left"></i>
     </button>
     <button class="page-btn active">1</button>
     <button class="page-btn">2</button>
     <button class="page-btn">3</button>
     <button class="page-btn">4</button>
     <span class="pagination-dot">...</span>
     <button class="page-btn">12</button>
     <button class="page-btn">
         <i class="fas fa-chevron-right"></i>
     </button>
 </div>
 
 --样式名称表 
 名称          带链接样式    不带链接样式   公共样式
 首页          p_first      p_first_d    p_fun    p_fun_d
 尾页          p_last       p_last_d     p_fun    p_fun_d
 上一页        p_prev       p_prev_d     p_fun    p_fun_d
 下一页        p_next       p_next_d     p_fun    p_fun_d
 某页          p_no         p_no_d
 省略号        p_dot
 页码框        p_goto_input p_goto
 跳转          p_goto
*/
/*pagebar可改为自定义名称*/

/*公共样式 字体，行高，字体颜色等*/
.pagebar {
    font-size: 12px;
    font-family: SimSun;
    line-height: 12px;
    color: #222;}

/*去掉a链接的下划线*/
.pagebar a {
    text-decoration: none;}

/*消掉最左侧页码区margin-left的5个像素*/
.pagebar .p_pages {
    margin-left: -5px;}

/*按钮和页码的外观*/
.pagebar .p_fun_d, .pagebar .p_no_d, .pagebar .p_fun a, .pagebar .p_no a {
    border: 1px solid #ccc;
    padding: 5px 8px;
    margin: 0px 0px 0px 5px;
    height: 24px;
    - height: auto;
    line-height: 12px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;}

/*文字对齐样式*/
.pagebar .p_t {
    line-height: 12px;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;}

/*无链接的字体颜色*/
.pagebar .p_fun_d, .pagebar .p_no_d {
    color: #ccc;}

/*链接字体颜色*/
.pagebar .p_fun a, .pagebar .p_no a {
    color: #222;}

/*鼠标移上时有链接按钮的外观*/
.pagebar .p_no a:hover, .pagebar .p_fun a:hover, .pagebar .p_goto a:hover {
    background-color: #f5f5f5;}

/*页码省略号...的外观*/
.pagebar .p_dot {
    margin-left: 4px;
    margin-right: -4px;
    color: #222;}

/*当前页码的外观*/
.pagebar .p_no_d {
    border: 1px solid #258CFF;
    color: #fff;
    background-color: #258CFF;}

/*按钮控制*/

/*控制是否显示 "首页" "尾页"*/
.pagebar .p_first, .pagebar .p_first_d, .pagebar .p_last, .pagebar .p_last_d {
    display: none;}

/*控制是否显示 "上页" "下页"*/
.pagebar .p_prev, .pagebar .p_prev_d.pagebar .p_next, .pagebar .p_next_d {}

/*控制是否显示无链接的 "首页" "上页" "下页" "尾页"*/
.pagebar .p_first_d, .pagebar .p_prev_d, .pagebar .p_next_d, .pagebar .p_last_d {}

/*控制是否显示页码*/
.pagebar .p_no, .pagebar .p_no_d, .pagebar .p_dot {}

/*跳转到页码输入框的外观*/
.pagebar .p_goto input {
    font-family: SimSun;
    font-size: 12px;
    border: 1px solid #aaa;
    height: 22px;
    line-height: 20px;
    box-sizing: border-box;
    vertical-align: middle;
    outline-width: thin;
    outline-color: #258CFF;
    margin: 0px 2px;
    padding: 0px 1px;
    width: 22px;
    text-align: center;}

/*跳转到页码输入框 鼠标移上及输入时的外框颜色*/
.pagebar .p_goto input:hover, .pagebar .p_goto input:focus {
    border: 1px solid #258CFF;}

/*跳转按钮的外观*/
.pagebar .p_goto a {
    border: 1px solid #ccc;
    padding: 5px 6px;
    color: #222;
    margin: 0px;
    height: 24px;
    - height: auto;
    line-height: 12px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;}

/* 北大风格分页样式 - 从图片列表.html提取 */
.pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 4rem;
    padding-top: 2rem;
    border-top: 1px solid #e5e7eb;}

.pagination .page-btn {
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e7eb;
    background: white;
    color: #374151;
    font-size: 0.9rem;
    transition: all 0.3s;
    cursor: pointer;}

.pagination .page-btn:hover:not(.active):not(.disabled) {
    border-color: #C9A961;
    color: #C9A961;
    background: rgba(201, 169, 97, 0.05);}

.pagination .page-btn.active {
    background: rgb(37, 91, 152);
    color: white;
    border-color: rgb(37, 91, 152);}

.pagination .page-btn.disabled {
    color: #9ca3af;
    cursor: not-allowed;
    background: #f3f4f6;}

.pagination .pagination-dot {
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    color: #9ca3af;}

/* 移动端适配 */
@media (max-width: 768px) {
    .pagination {
        gap: 0.25rem;}
    
    .pagination .page-btn {
        min-width: 36px;
        height: 36px;
        font-size: 0.85rem;}
}