/* 全站PC端公共样式 - 完整版定稿 | 投稿按钮上提远离导航+所有美化优化+无冲突+IE兼容+LOGO适配正常 | 直接复制覆盖 零错误 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0 none;outline:0;}
body{background: #f8fcfe;font-size:14px;width:100%;margin:0 auto;min-width:1200px;}/* 防页面缩小变形，适配所有PC分辨率 */
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0 none;max-width:100%;object-fit:cover;}/* 图片防拉伸变形，所有图片清晰不变形 */
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none outside none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{text-decoration:none;font-size: 15px;color: #2c3e50;transition:all 0.25s ease;}/* 全站a标签顺滑过渡，hover不生硬 */
a:hover{text-decoration:none;color: #1a2530!important;}
/* 完整清除浮动，解决所有塌陷错位，适配所有clearfix，双重保险 */
.clearfix{*zoom:1;}
.clearfix:after{content:"";display:block;height:0;visibility:hidden;clear:both;}

/* 顶部LOGO+搜索+投稿 容器 - 参考风格调整 */
.index_mid{width:100%;background: #fff;height: 60px;line-height: 60px;padding-top: 5px;}/* 调整高度和内边距，更紧凑 */
.logo_box{width: 1200px;margin: 0 auto;padding:0 20px;position:relative;display:flex;align-items:center;justify-between;}/* 增加左右内边距，使用flex布局 */
.logo{display:inline-block;vertical-align:middle;}
.logo img{width:auto;height:40px;margin-top:0;}/* 调整logo大小和位置，使其居中对齐 */
.search {display:inline-block;margin-left:75px;display:none;}
.search input {line-height: 32px;color: #B9B9B9;}
.search input.searchbar {height: 35px;width: 82%;text-indent: 5px;font-size: 14px;}
.search input.search_results {float: right;width: 18%;height: 35px;font-size: 14px;font-weight: 700;line-height: 30px;border: 0;background-color: #2c3e50;}

/* ✅ 定稿版 投稿+投诉按钮 核心样式【重中之重】- 右上角悬浮位置不变 + 与logo和导航栏距离和谐 + 文字居中 + 配色不变 + 顺滑hover */
.rougao {float: right;margin-top: 8px;}
.rougao a {height: 30px;line-height: 30px;padding:0 15px;color: #fff;font-size: 13px;background-color: #2c3e50;border-radius: 4px;padding-right: 15px;display:inline-block;margin-left:10px;text-align:center;transition:all 0.25s ease;}
.rougao a:hover{background-color: #1a2530;color: #fff!important;}
.rougao .jianyi {background-color: #ff7b00;}
.rougao .jianyi:hover{background-color: #e06d00;color: #fff!important;}

/* 导航栏 定稿样式 - 配色不变+双类名高亮+顺滑hover+和投稿按钮完美间距，兼容active/on，首页+列表页都生效 */
.nav{width:100%;height: 45px;background: #2c3e50;margin-bottom: 20px;}
.nav ul{width: 1200px;margin: 0 auto;padding:0;}
.nav ul li{float: left;height: 45px;line-height: 45px;text-align: center;padding: 0 30px;position:relative;transition:all 0.25s ease;}
.nav ul li a{font-size: 16px;color: #fff;display:block;width:100%;height:100%;}
.nav ul li:hover{background: #1a2530;}
/* 兼容首页+列表页：active + on 双类名高亮，都生效，高亮色不刺眼 */
.nav ul li.on a,.nav ul li.active a{color:#ff9900!important;font-weight:700;}

/* ====================================== */
/* 首页所有板块完整样式 - 全部保留+美化优化，阴影+圆角+顺滑过渡，无删减，和投稿按钮风格统一 */
/* ====================================== */
/* 首页核心主容器 - 居中、宽度适配，完美匹配 */
.main {width:1200px;margin: 0 auto;padding:0 10px;}

/* 首页顶部三大板块 tj_list 完整样式 - 左中右分栏、轻阴影、间距优化、背景柔和 */
.tj_list{width:100%;margin-bottom:25px;}
.tj_list_left{width:336px;margin-right:12px;background:#fff;padding:15px;border-radius:8px;float:left;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
.tj_list_mid{width:365px;margin-right:12px;background:#fff;padding:15px;border-radius:8px;float:left;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
.tj_list_right{width:312px;background:#fff;padding:15px;border-radius:8px;float:left;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
/* 轮播图样式 优化 - 防拉伸+圆角+图片清晰 */
.swiper{width:100%;height:200px;border-radius:8px;overflow:hidden;margin-bottom:15px;}
.swiper-wrapper li.item{width:100%;height:100%;}
.swiper-wrapper li.item img{width:100%;height:100%;object-fit:cover;}
.swiper-wrapper li.item a span{display:block;padding:8px 0;color:#333;font-size:15px;}
/* 左侧推荐列表 tj_left_list 优化 - 边框柔和+hover顺滑 */
.tj_left_list{width:100%;}
.tj_left_list li{width:100%;height:42px;line-height:42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed #f0f0f0;}
.tj_left_list li a{color:#333;font-size:15px;float:left;width:80%;}
.tj_left_list li a:hover{color:#2c3e50!important;}
.tj_left_list li em{display:none;}
.tj_left_list li{color:#999;font-size:14px;}

/* 中间优文推荐 tj_list_mid 完整样式 优化 */
.tj_mid_title{width:100%;font-size:18px;color:#333;font-weight:700;line-height:40px;border-bottom:1px solid #f0f0f0;margin-bottom:10px;}
.tj_list_mid ul li{width:100%;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed #f0f0f0;}
.tj_list_mid ul li a{display:block;width:100%;}
.tj_list_mid ul li a .sort{color:#ff7b00;font-size:14px;margin-right:8px;}
.tj_list_mid ul li a .con{color:#333;font-size:15px;}
.tj_list_mid ul li a:hover .con{color:#2c3e50!important;}

/* 右侧分类+图文 tj_right_top 完整样式 优化 - 图标hover缩放+文字清晰 */
.tj_right_top{width:100%;margin-bottom:15px;}
.tj_right_top li{width:32%;float:left;text-align:center;margin-bottom:10px;}
.tj_right_top li a{display:block;width:100%;transition:all 0.2s ease;}
.tj_right_top li a img{width:50px;height:50px;margin:0 auto;margin-bottom:5px;}
.tj_right_top li a div{color:#333;font-size:14px;}
.tj_right_top li a:hover{transform:scale(1.02);}
.tj_right_top li a:hover div{color:#2c3e50!important;}
/* 右侧图文列表 tj_right_bottom 优化 */
.tj_right_bottom{width:100%;}
.tj_right_bottom li{width:100%;margin-bottom:10px;overflow:hidden;}
.tj_right_bottom li a{display:block;width:100%;}
.tj_right_bottom li a img{width:90px;height:60px;float:left;border-radius:5px;margin-right:10px;object-fit:cover;}
.tj_jj{float:left;width:200px;}
.tj_jj_p1{font-size:15px;color:#333;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
.tj_jj_p2{font-size:12px;color:#999;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;}
.tj_right_bottom li a:hover .tj_jj_p1{color:#2c3e50!important;}

/* 首页分类板块 wd_box 完整样式 - 优化阴影+边框+图片圆角 | 左文右图，完美适配 */
.wd_box{width:100%;background:#fff;border-radius:8px;padding:15px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
.wd_box_title{width:100%;height:40px;line-height:40px;margin-bottom:15px;border-bottom:2px solid #2c3e50;}
.wd_box_title span{font-size:18px;color:#333;font-weight:700;float:left;}
.wd_box_title a{font-size:14px;color:#999;float:right;margin-top:10px;}
.wd_box_title a:hover{color:#2c3e50!important;}
/* 分类左侧内容 wd_box_left */
.wd_box_left{width:780px;float:left;margin-right:20px;}
.wd_left_top{width:100%;margin-bottom:15px;overflow:hidden;}
.wd_left_top a{display:block;width:100%;}
.wd_left_top a img.cover-img{width:100%;height:200px;border-radius:8px;object-fit:cover;margin-bottom:10px;}
.wd_tw{width:100%;}
.wd_tw_p1{font-size:18px;color:#333;font-weight:700;line-height:28px;margin-bottom:5px;}
.wd_tw_p2{font-size:14px;color:#666;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;}
.wd_left_top a:hover .wd_tw_p1{color:#2c3e50!important;}
/* 分类左侧文章列表 wd_left_list 优化 */
.wd_left_list{width:100%;}
.wd_left_list li{width:100%;height:42px;line-height:42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed #f0f0f0;}
.wd_left_list li a{float:left;color:#333;font-size:15px;width:80%;}
.wd_left_list li a:hover{color:#2c3e50!important;}
.wd_left_list li em{float:right;color:#999;font-size:14px;}
/* 分类右侧热门文章 wd_box_right 优化 - 排行序号梯度配色，前3名突出，更美观 */
.wd_box_right{width:380px;float:left;}
.wd_right_t{width:100%;font-size:16px;color:#333;font-weight:700;line-height:40px;border-bottom:1px solid #f0f0f0;margin-bottom:10px;}
.wd_right_list{width:100%;}
.wd_right_list li{width:100%;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wd_right_list li a{display:block;width:100%;}
.wd_right_list li a em{display:inline-block;width:20px;height:20px;color:#fff;text-align:center;line-height:20px;border-radius:50%;font-size:12px;margin-right:8px;float:left;margin-top:10px;}
/* 排行序号配色优化：1-3名深色，4+浅色，突出热门 */
.wd_right_list li:nth-child(1) a em{background:#ff7b00;}
.wd_right_list li:nth-child(2) a em{background:#ff9900;}
.wd_right_list li:nth-child(3) a em{background:#ffb300;}
.wd_right_list li:nth-child(n+4) a em{background:#2c3e50;}
.wd_right_list li a span{float:left;color:#333;font-size:15px;}
.wd_right_list li a:hover span{color:#2c3e50!important;}

/* 友情链接+底部样式 - 修复宽度错位+完美居中，和首页一致 */
.flink{width:1200px;margin:0 auto;background:#fff;padding:20px;border-radius:8px;margin-top:20px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
.flink li{float:left;margin:0 8px;line-height:24px;}
.flink li b{font-size:15px;color:#333;font-weight:700;}
.flink li a{color:#888;font-size:14px;}
.flink li a:hover{color:#2c3e50!important;}

/* 底部样式优化 - 柔和配色+顺滑hover，宽度统一1200px，完美居中 */
.footer{width:100%;background: #2b333e;padding:10px 0;margin-top:30px;}
.foot_box{width:1200px;margin:0 auto;text-align:center;}
.footer p{color:#d8dde0;font-size:12px;line-height:28px;}
.footer p a{color:#d8dde0;}
.footer p a:hover{text-decoration:underline;color:#fff!important;}