/*
 * 勿对全局 .left 写 position:fixed。layout 内软件库详情已改为与列表相同：main>.fm-dl.download-page>.fm-dl__side（无 class="left"），
 * 避免 website.css 等全局 .left{position:fixed} 把侧栏拉出版心。
 * 独立全页（如 website/details）仍为 body 直下 .container，保留 fixed + 大 .right。
 */
body > .container > .left {
    width: 170px;
    float: left;
    background-color: #fff;
    position: fixed;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--fm-card-line, #eef1f4);
    box-shadow: var(--fm-card-shadow, 0 2px 10px rgba(15, 23, 42, 0.04));
}
.left_menu{padding:12px;max-height: calc(100vh - 80px);overflow: auto;border-radius: inherit;}
.menu_list a{font-size: 14px}
.menu_list a i{margin-right:10px;}
.menu_list{padding: 10px;border-radius: 4px}
.left_menu_om{background-color: #C7ECD4;}
.left_menu_om a{color: #177739;font-weight: 600;}
.left_menu_om a i{font-weight: 600;}
.menu_list:hover{background-color: #C7ECD4;}
.menu_list:hover a{color: #177739;}
/*
 * 主栏大 margin 仅用于独立页 body>.container>.right；layout 内用 .download-page>.right 单独规则。
 */
body > .container > .right {
    float: left;
    margin-left: 185px;
    width: 1015px;
    box-sizing: border-box;
}

p{margin-bottom:5px;}
.right_top{
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.detail_img{width: 1015px;height: 375px;}
.detail_img img{width: 1015px;height: 375px;}

.top_1{width: 680px; height: 290px;float: left}
.top_1 img{width: 680px; height: 290px;}
.top_2 {float: right;margin-left:15px; }
.top_2 img{width: 320px; height: 135px;}
.top_3 {float: right;margin-left:15px;margin-top: 20px;}
.top_3 img{width: 320px; height: 135px;}

.right_new{
    margin-top: 15px;
    background-color: #fff;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    /* 必须 wrap：标题占满一行后，五项须在下一行；nowrap 会把 .new_list 挤成 0 宽并产生巨量竖排占位，下面板块像「消失」 */
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.new_title{
    flex: 1 0 100%;
    width: 100%;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    padding: 15px 25px;
    border-bottom: 1px solid #F9F9F9;
    box-sizing: border-box;
}
/* 标题单独一行后，五项各占 20%（.right 定宽 1015px 时稳定） */
.new_list{
    flex: 0 0 20%;
    max-width: 20%;
    min-width: 0;
    width: 20%;
    float: none;
    padding-bottom: 20px;
    border-right: 2px solid #F9F9F9;
    box-sizing: border-box;
    overflow: hidden;
}
.new_img{text-align: center;padding-top: 25px;}
.new_img a{display: inline-block;max-width: 100%;}
.new_img img{width: 100px;height: 100px;max-width: 100%;vertical-align: middle;}

.new_content{margin-top: 15px;padding: 0 10px;}
.new_content p{
    margin-bottom:5px;
    font-size: 14px;
    font-weight: 500;
    border-color: #181A1D;
    word-break: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    line-height: 1.45;
}
.new_time{font-size: 12px;color: #979797}
.new_dis{font-size: 12px;color: #888}
.down_load{
    margin-top: 20px;
    clear: both;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
.down_left{width:730px;float: left;}
.down_right{width:285px;float: left;margin-left: 15px;}
.right_list{margin-bottom: 15px;background-color: #fff;border-radius: 3px;}
.index_ad{display: block;width: 268px;height: 153px;background-color: #fff;position: relative;border-radius: 3px;overflow: hidden;}
.right_list a.index_ad + a.index_ad{margin-top: 12px;}
.index_ad:hover{background-size:120% !important;transition: all 0.5s;}
.index_ad_close{color: #fff;position: absolute;right: 5px;bottom: 5px}
.index_ad_close span{padding:0 3px; margin-right: 5px;background: rgba(0,0,0,.5);border-radius: 2px; }
.about_title{float: left;width:35%;}
.about{padding:15px 15px 0 15px;  } 
.friend_content a{margin-bottom: 15px; border: 1px solid #C7ECD4;color: #177739;padding: 5px;display: block;float: left;margin-right:10px;font-size: 12px;}
.friend_content a:hover{background-color: #177739;color: #fff;font-size: 12px;border: 1px solid #177739;}
.about_content {padding-bottom: 15px;}
.about_content p{font-size: 12px;margin-bottom:5px;}
.about_content p a{font-size: 12px;color: #616161}
.layui-flow-more{text-align: center;padding-top: 15px}
.list_title{padding:18px 15px; border-bottom: 1px solid #E7E8EB;font-size: 16px;color: #121212;font-weight: 600}
.list_title div{border-left:2px solid #177739;height: 16px;line-height: 16px;padding-left: 10px;}           
.list_title div span{float:right;font-size:12px; margin-top: 3px;}
.down_title{border-bottom: 1px solid #F2F2F2;padding:14px 20px;background-color:#fff;font-size: 16px;}
.down_title a{padding: 4px 8px;border: 1px solid #E7E8EB;font-size: 16px;margin-right: 5px;border-radius: 3px}
.down_title a:hover{color:#177739 !important;font-weight: 600;border-color: #C7ECD4 !important; }
.website_title_more{float: right;border: none !important;color: #177739;font-size: 14px !important;margin-right: 0 !important;padding: 0 !important;}
.website_title_on{color:#177739;font-weight: 600;border-color: #C7ECD4 !important;}

.down_top_list{}
.down_top_list p{line-height: 35px;height: 35px;}
.down_top_list a{font-size: 12px;color: #333;font-weight: 600}
.down_top_list:hover a{color: #177739}
.down_top_list a img{width: 22px;height: 22px;margin:0 10px;}
.down_top_list p span{float: right;}
.down_now{display: none; padding: 0px 5px; border: 1px solid #177739;color: #fff;background-color: #177739;line-height: 20px;margin-top:5px;border-radius: 2px;box-sizing: border-box;}

.down_list{margin-top: 15px;width: 355px;background-color: #fff;padding: 20px;height: 130px;float: left;}
.down_list:hover{background-color: #F9F9F9;}
.down_list:hover > .list_down a {
    background: linear-gradient(180deg, #1a6b32 0%, #177739 50%, #125a2d 100%);
    border-radius: 2px;
    color: #fff;
}
.down_list_1{margin-left: 20px;}
.list_img{float: left;width: 60px;padding-top: 0;position: relative;z-index: 3;}
.list_img a{display: block;position: relative;z-index: 3;transition: transform 0.22s ease;will-change: transform;}
.list_img img{width:65px;height:75px;}
.down_list:hover .list_img a{transform: translateY(-6px);}
.list_content{float: left;margin-left: 15px;position: relative;z-index: 2;}
.list_content a{position: relative;z-index: 2;}
.list_content p{font-size: 12px;}
.list_content span{background-color: #E7E8EB;margin-right: 10px;color: #777;padding: 1px;}
.down_name{font-size: 16px !important;font-weight: 600;color: #121212}
.on_show,.on_up{width: 100%;box-sizing: border-box;}
.on_up{display: none;}
.show_content{text-align: center;margin-top:15px;padding-bottom: 20px;width: 100%;box-sizing: border-box;}
.show_content p{margin-bottom:30px;word-break: normal;white-space: normal;}
.show_content a{color: #177739;border: 1px solid #177739;padding: 5px 10px;border-radius: 2px;display: inline-block;box-sizing: border-box;}
.show_on{background-color: #F9F9F9;}

.list_down {float: right;font-size: 12px;padding-top: 50px;position: relative;z-index: 1;}
.list_down a{padding:7px 10px ;font-size: 12px;color: #177739;border: 1px solid #177739;border-radius: 2px;box-sizing: border-box;}

.down_content{margin-top: 20px;background-color: #fff;margin-bottom: 20px;padding: 25px;}
.down_content p{color:#121212;margin-bottom: 20px;}

.down_detail{padding-bottom: 15px;}
.detail_title{height: 54px;line-height: 54px;background: linear-gradient(to bottom, #177739, #44B06A);margin-top: 20px; color: #fff;font-size: 16px;font-weight: 600;}
.detail_title img{width: 17px;height: 20px;margin-left: 20px;margin-right:10px;}
.detail_detail {padding: 20px;background-color: #fff;}
.detail_detail p{font-size: 12px;}
.detail_detail a{width: 215px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #44B06A;color: #177739;display: block;margin-top: 20px;font-weight: 600;box-sizing: border-box;border-radius: 2px;}
.detail_detail a:hover{background-color: #44B06A;color: #fff;}

.shengming_title{background-color: #C7ECD4;height: 54px;line-height: 54px;padding-left: 20px;color: #121212;font-weight: 600}
.shengming_title span{color: #177739;margin-right: 5px;}
.shengming_detail {padding: 20px;background-color: #fff;margin-bottom: 15px;}
.shengming_detail p{font-size: 12px;}

/* 软件声明：与「关于我们｜友情链接」同款——整块白底圆角，list_title 底边线分隔标题与正文 */
.fm-software-disclaimer .list_title .about_title.fm-software-disclaimer__only {
    float: none;
    width: 100%;
    box-sizing: border-box;
    cursor: default;
}
.fm-software-disclaimer .list_title > .clear {
    border-left: none !important;
    padding-left: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
    margin: 0;
}
.fm-software-disclaimer .fm-software-disclaimer__body {
    font-size: 12px;
    color: #616161;
}
.fm-software-disclaimer .fm-software-disclaimer__body p {
    margin-bottom: 5px;
}

.about_title{float: left;width:35%;}
.about{padding:15px 15px 0 15px;  }
.friend_content a{margin-bottom: 15px; border: 1px solid #C7ECD4;color: #177739;padding: 5px;display: block;float: left;margin-right:10px;font-size: 12px;}
.friend_content a:hover{background-color: #177739;color: #fff;font-size: 12px;border: 1px solid #177739;}
.about_content {padding-bottom: 15px;}
.about_content p{font-size: 12px;margin-bottom:5px;}
.about_content p a{font-size: 12px;color: #616161}
.layui-flow-more{text-align: center;padding:10px;margin-top: 20px;background-color: #fff}

@media (max-width: 991px) {
    .right_new {
        flex-wrap: wrap;
    }
    .new_list {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .download-page.fm-dl {
        overflow-x: visible;
    }
    .download-page > .right,
    .download-page > .fm-dl__main {
        float: none;
        margin-left: 0;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
    .download-page .down_right {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
    }
    .download-page .right_new {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/*
 * 软件库 list/details 嵌入 layout（main#article_lists）：恢复与「下载令牌」时期一致的经典排版
 * — fixed 侧栏 + float 主栏（见文件顶部 .left / .right）。
 *
 * 注意：切勿对带 .container 的节点设置 display:flex。Bootstrap 的 .container:before/:after
 * clearfix 在 flex 容器里会变成额外 flex 子项，整页会乱。若要用 flex，请去掉 .container 或禁用伪元素。
 */
main#article_lists.content {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

main.content.main-download-layout {
    overflow: visible;
    /* 与 fm-download-list 一致：软件库页不加载 index.css 时仍须去掉 main 左右 15px，与顶栏版心对齐 */
    padding-left: 0;
    padding-right: 0;
}

/* 旧式 .container.download-page 已弃用；详情与列表同为 .fm-dl.download-page，版心与栅格见 fm-download-list.css 中 .fm-dl */

/*
 * 详情主栏（旧 DOM 为 .right；现为 .fm-dl__main）：版心最大 1015px，但随容器变窄收缩（1015+185 曾大于 layout 内宽触发整页横滚）。
 * 列表页不用 .download-page，故不影响「最近更新」栅格。
 */
.download-page > .right {
    float: left;
    margin-left: 185px;
    width: calc(100% - 185px);
    max-width: 1015px;
    min-width: 0;
    box-sizing: border-box;
}

/* layout 内详情主列：禁止再 float + margin-left:185px */
main.main-download-layout .download-page > .right,
main.main-download-layout .download-page > .fm-dl__main {
    float: none;
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* 面包屑与左侧白底框对齐；主栏内双列可换行，避免窄于 1030 时仍按 730+285 撑破 */
.download-page .down_load {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0 15px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* 面包屑独占一行（否则与 down_left 同一 flex 行会乱序） */
.download-page .down_load > .where {
    flex: 1 1 100%;
    width: 100%;
    box-sizing: border-box;
}

.download-page .down_left {
    float: none;
    flex: 1 1 360px;
    min-width: 0;
    width: auto;
    max-width: 100%;
}

.download-page .down_right {
    float: none;
    flex: 0 0 285px;
    width: 285px;
    max-width: 100%;
    min-width: 0;
    margin-left: 0;
}

/* 富文本内嵌大图/视频勿超出主栏 */
.download-page .down_content img,
.download-page .down_content video {
    max-width: 100%;
    height: auto;
}

/* 「最近更新」：Grid 五列均分，不依赖 flex 百分比（父窄时 flex 20% 仍会竖排） */
.download-page .right_new {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
}

.download-page .right_new > .new_title {
    grid-column: 1 / -1;
}

.download-page .right_new > .new_list {
    flex: none;
    width: auto;
    max-width: none;
    min-width: 0;
}

/* 软件库列表「最近更新」栅格与主栏宽度见 fm-download-list.css（勿在此用 183px/1015 兜底，否则会盖过后者或与无 .container 时的版心叠算不一致） */

/* 2026 焕新版：软件库列表 / 详情 */
.fm-dl .fm-dl__side .left_menu {
    border: 1px solid var(--fm-card-line, #eef1f4);
    border-radius: 4px;
    background: #fff;
    box-shadow: var(--fm-card-shadow, 0 2px 10px rgba(15, 23, 42, 0.04));
    padding: 12px;
}

.fm-dl .fm-dl__side .menu_list {
    border-radius: 4px;
    margin-bottom: 6px;
    transition: background-color .2s ease, transform .2s ease;
}

.fm-dl .fm-dl__side .menu_list:last-child {
    margin-bottom: 0;
}

.fm-dl .fm-dl__side .menu_list a {
    display: flex;
    align-items: center;
    min-height: 18px;
    font-weight: 500;
}

.fm-dl .fm-dl__side .menu_list:hover {
    transform: translateX(2px);
}

.fm-dl__recent,
.down_title,
.right_new,
.down_list,
.down_content,
.down_detail,
.right_list,
.shengming,
.fm-dl__search-wrap,
.fm-dl-detail-recommend {
    border-radius: 4px;
}

.fm-dl__recent,
.right_new,
.down_content,
.detail_detail,
.right_list,
.shengming_detail,
.fm-dl__search-wrap,
.fm-dl-detail-recommend {
    border: 1px solid var(--fm-card-line, #eef1f4);
    background: #fff;
    box-shadow: var(--fm-card-shadow, 0 2px 10px rgba(15, 23, 42, 0.04));
}

.down_title,
.new_title,
.list_title,
.detail_title,
.shengming_title,
.fm-dl-detail-recommend__head {
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
}

.new_title,
.down_title,
.list_title,
.fm-dl-detail-recommend__head {
    border-bottom: 1px solid var(--fm-card-line, #eef1f4);
}

.down_title {
    padding: 16px 20px;
}

.down_title a {
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
}

.right_new {
    overflow: hidden;
}

.new_title {
    padding: 18px 22px;
    font-size: 18px;
    font-weight: 700;
    color: var(--fm-text, #1f2937);
}

.new_list {
    padding-bottom: 18px;
    border-right: 1px solid #f1f4f7;
}

.new_list:last-child {
    border-right: none;
}

.new_img {
    padding-top: 20px;
}

.new_img img {
    width: 88px;
    height: 88px;
    border-radius: 4px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.new_content {
    margin-top: 16px;
    padding: 0 14px;
}

.new_content p:first-child {
    font-size: 15px;
    font-weight: 600;
    color: var(--fm-text, #1f2937);
}

.new_time,
.new_dis {
    color: #94a3b8;
}

.down_list {
    margin-top: 15px;
    border: 1px solid var(--fm-card-line, #eef1f4);
    box-shadow: var(--fm-card-shadow, 0 2px 10px rgba(15, 23, 42, 0.04));
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.down_list:hover {
    background-color: #fff;
    transform: translateY(-2px);
    box-shadow: var(--fm-card-shadow-hover, 0 10px 26px rgba(15, 23, 42, 0.08));
    border-color: rgba(23, 119, 57, 0.12);
}

.list_img img {
    width: 68px;
    height: 68px;
    border-radius: 4px;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.08);
}

.down_name {
    font-size: 17px !important;
    margin-bottom: 10px;
}

.list_content p {
    color: #64748b;
}

.list_content span {
    border-radius: 4px;
    padding: 3px 8px;
    background: #f5f7fb;
}

.list_down a,
.show_content a,
.detail_detail a,
.fm-dl-detail-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 4px;
    font-weight: 600;
}

.down_content {
    margin-top: 0;
    padding: 28px;
}

.down_content-title {
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 1.35;
    font-weight: 700;
    color: var(--fm-text, #1f2937);
}

.down_content p,
.down_content li {
    line-height: 1.85;
    color: var(--fm-text-soft, #4b5563);
}

.detail_title {
    height: auto;
    line-height: 1.4;
    padding: 20px;
    color: var(--fm-text, #1f2937);
    font-size: 20px;
    font-weight: 700;
    border: 1px solid var(--fm-card-line, #eef1f4);
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
}

.detail_title img {
    width: 42px;
    height: 42px;
    margin-left: 0;
    margin-right: 12px;
    border-radius: 4px;
    vertical-align: middle;
}

.detail_detail {
    padding: 20px;
    border-radius: 0 0 4px 4px;
}

.detail_detail p {
    font-size: 14px;
    color: var(--fm-text-soft, #4b5563);
}

.fm-dl-detail-meta__val {
    color: var(--fm-text, #1f2937);
    font-weight: 600;
}

.shengming_title {
    height: auto;
    line-height: 1.4;
    padding: 18px 20px;
    background: #f8fbf9;
}

.down_top_list p {
    height: auto;
    min-height: 40px;
    line-height: 1.55;
    padding: 6px 0;
}

.about,
.shengming_detail {
    display: flow-root;
}

@media (max-width: 991px) {
    .down_content {
        padding: 22px 18px;
    }
    .down_content-title {
        font-size: 23px;
    }
    .detail_title,
    .detail_detail,
    .right_new,
    .down_list {
        border-radius: 4px;
    }
}