/* 底部样式修复 - 移动端自适应版 */

/* 原有footer-fix */
.footer {
    background-color: #757575;
    width: 100%;
}

.foot-top {
    background-color: #757575;
    padding-top: 40px;
    padding-bottom: 30px;
    margin-top: 50px;
}

.foot-top-list {
    float: left;
    width: 100px;
    margin-right: 112px;
}

.foot-top-list li {
    list-style: none;
}

.foot-top-list li h3 {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px;
}

.foot-top-list li a {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
}

.foot-top-list li a:hover {
    color: #38bbf4;
}

.foot-top-txt {
    float: left;
    width: 350px;
}

.foot-top-txt-wx img {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 10px;
}

.foot-top-txt-wx p {
    color: #fff;
    font-size: 16px;
    line-height: 120px;
}

.foot-top-txt-dh {
    margin-left: -20px;
    margin-top: 20px;
}

.foot-top-txt-dh p {
    float: left;
    width: 155px;
    margin-left: 20px;
    font-size: 16px;
    color: #fff;
}

.foot-bottom {
    background-color: #333;
    padding: 25px 0;
}

.foot-bottom-txt {
    text-align: center;
}

.foot-bottom-txt p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}

.foot-bottom-txt a {
    color: #fff;
    text-decoration: none;
}

.foot-bottom-txt a:hover {
    color: #38bbf4;
}

.foot-bottom-link {
    height: 22px;
    margin-top: 12px;
    position: relative;
    padding-left: 86px;
    padding-right: 16px;
}

.foot-bottom-link > span {
    position: absolute;
    left: 16px;
    top: 0;
    color: #fff;
    font-size: 14px;
}

.foot-bottom-link a {
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    display: block;
    text-align: center;
}

.foot-bottom-link a:hover {
    color: #38bbf4;
}

.fixedR {
    position: fixed;
    right: 20px;
    bottom: 200px;
    z-index: 9999;
}

.fixedR a {
    width: 50px;
    height: 50px;
    display: block;
    background-color: #cc3a3a;
    margin-bottom: 2px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
}

.fixedR a:hover {
    background-color: #a82e2e;
}

.fixedR a i {
    display: block;
    font-size: 20px;
    line-height: 30px;
    margin-top: 5px;
}

.fixedR a p {
    font-size: 12px;
    line-height: 12px;
    margin: 0;
}

.fixedR .gotop {
    display: none;
}

.fixedR .weixin-box {
    display: none;
    position: absolute;
    right: 60px;
    bottom: 0;
    width: 150px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
}

.fixedR .weixin-box img {
    width: 130px;
    height: 130px;
}

/* ================================================
   全局移动端自适应 - 覆盖所有固定宽度元素
   ================================================ */

/* 1200px以下 */
@media (max-width: 1200px) {
    .wall {
        min-width: 100% !important;
    }
    .container {
        width: 100% !important;
    }
    .footer {
        width: 100%;
    }
    .foot-top-list {
        margin-right: 80px;
    }
}

/* 992px以下 */
@media (max-width: 992px) {
    .wall {
        min-width: 100% !important;
    }
    .container {
        width: 100% !important;
        padding: 0 15px;
    }
    .footer {
        width: 100%;
    }
    .foot-top-list {
        margin-right: 40px;
        width: 80px;
    }
    .foot-top-txt {
        width: 280px;
    }
    .subbody-wrod {
        width: 100% !important;
    }
    .ify-main {
        width: 100% !important;
    }
}

/* 768px以下 - 平板和手机 */
@media (max-width: 768px) {
    /* 核心容器 - 覆盖min-width */
    .wall {
        min-width: auto !important;
        width: 100% !important;
        overflow-x: auto !important;
    }
    
    /* 首页主布局 */
    .ify-main {
        width: 100% !important;
        float: none !important;
    }
    
    /* 列表区域 */
    .subbody-wrod {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        padding: 10px !important;
    }
    
    /* 右侧边栏 */
    .w280 {
        width: 100% !important;
        float: none !important;
        display: none;
    }
    
    /* 底部 */
    .footer {
        width: 100% !important;
        padding: 10px 0 !important;
        overflow: hidden !important;
    }
    .foot-top {
        padding: 10px 0 !important;
    }
    .foot-top-list {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
    }
    .foot-top-txt {
        float: none !important;
        width: 100% !important;
    }
    .foot-bottom {
        padding: 10px 0 !important;
    }
    
    /* 分类导航 */
    .info-list-name {
        width: 70px;
        font-size: 14px;
    }
    .info-list-bor {
        width: auto;
        overflow: visible;
    }
    .info-list-con {
        flex-wrap: wrap;
    }
    .info-list-con a {
        font-size: 12px;
        margin: 2px 4px;
    }
    
    /* 热门通知 */
    .hot_tz_wrapper {
        font-size: 18px;
    }
    .hot_tz_item {
        font-size: 13px;
        white-space: normal;
    }
    
    /* 通栏区块 */
    .bk-left {
        width: 100% !important;
    }
    .bk-right {
        width: 100% !important;
    }
    
    /* 浮动按钮 */
    .fixedR {
        display: none !important;
    }
    
    /* 文章页 */
    .subbody-left {
        width: 100% !important;
        float: none !important;
    }
    .subbody-right {
        width: 100% !important;
        float: none !important;
    }
}

/* 480px以下 - 小屏手机 */
@media (max-width: 480px) {
    .wall {
        min-width: auto !important;
        width: 100% !important;
        overflow-x: auto !important;
    }
    .info-list-name {
        width: 60px;
        font-size: 13px;
    }
    .foot-top-list li h3 {
        font-size: 16px;
    }
    .foot-top-list li a {
        font-size: 12px;
    }
    .hot_tz_wrapper {
        font-size: 14px;
    }
    .hot_tz_item {
        font-size: 12px;
    }
}

/* ================================================
   内联CSS规则 - 原在HTML的<style>标签中
   ================================================ */

.clear_both {
    clear: both;
}

.hot_tz_wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.hot_tz_item {
    margin-bottom: 5px;
}

/* 一行超出隐藏 */
.textoneHide {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 两行超出省略 */
.textOverHide {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ks_fouce_item {
    margin: 6px 0;
}

/* 三列布局 */
.hot_info_three_item {
    float: left;
    margin-right: 25px;
}

.hot_info_zp_item:first-child {
    margin-top: 0;
}

.hot_info_zp_item {
    margin: 5px 0;
}

.hot_info_zp_item a {
    color: #000000;
    font-size: 14px;
}

/* 新媒体横向排列关键规则 */
.hot_mt_item {
    display: inline-block;
}

/* ================================================
   区块浮动清除
   ================================================ */

/* 各区块内的li统一float:left */
.hot_mt_list li,
.hot_info_list li {
    float: left;
}

/* 区块内容容器清除浮动 */
.bk-left,
.bk-right,
.subbody-wrod {
    overflow: hidden;
}

/* 热门推荐区块 */
.htlist li {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

/* 联系区块 */
.lxphone {
    clear: both;
}

/* APP下载区块 */
.appcon a {
    display: block;
    margin-bottom: 5px;
}

/* 微信区块 */
.wxcon img {
    max-width: 100%;
    height: auto;
}


/* ================================================
   新媒体区域横向排列修复
   ================================================ */

/* 关键：父容器nowrap防止inline-block换行 */
.hot_mt_list {
    white-space: nowrap;
}

.hot_mt_list li {
    white-space: normal;
}

/* 同样修复其他横排列表 */
.hot_info_list,
.hot_info_zp_list {
    white-space: nowrap;
}

.hot_info_list li,
.hot_info_zp_list li {
    white-space: normal;
}

/* hot_info_zp_list修复 - float导致溢出 */
.hot_info_zp_list {
    overflow: hidden;
}

/* 热门信息区块的三列 */
.hot_info_list li {
    display: inline-block;
    float: none !important;
}

/* ================================================
   修复：删除冲突的 float:left 规则
   ================================================ */

/* hot_mt_list 的li应该用inline-block（不用float），这样可以居中且不换行 */
.hot_mt_list li {
    display: inline-block !important;
    float: none !important;
    white-space: nowrap;
}

/* hot_mt_list本身也需要nowrap */
.hot_mt_list {
    white-space: nowrap;
    overflow-x: auto;
}

/* 热门信息列表 */
.hot_info_list {
    white-space: nowrap;
}

.hot_info_list li {
    display: inline-block !important;
    float: none !important;
    vertical-align: top;
    margin-right: 25px;
}

/* 热门招聘信息列表 */
.hot_info_zp_list {
    white-space: nowrap;
}

.hot_info_zp_list li {
    display: block !important;
    float: none !important;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 热门通知区块 */
.hot_tz_wrapper {
    position: relative;
}

.hot_tz_wrapper h3 {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    display: inline-block;
    padding-bottom: 10px;
}

/* 三列布局 */
.hot_info_three_item {
    display: inline-block !important;
    float: none !important;
    vertical-align: top;
    margin-right: 25px;
}


/* 友情链接样式 - WordPress wp_list_bookmarks输出 */
.foot-bottom-link .bookmarks-list,
.foot-bottom-link .xoxo {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.foot-bottom-link .bookmarks-list li,
.foot-bottom-link .xoxo li {
    display: inline-block;
    margin: 0 8px 0 0;
}

.foot-bottom-link .bookmarks-list li a,
.foot-bottom-link .xoxo li a {
    color: #939393;
    text-decoration: none;
    font-size: 12px;
}

.foot-bottom-link .bookmarks-list li a:hover,
.foot-bottom-link .xoxo li a:hover {
    color: #fff;
}