/*
Theme Name: 历史新闻资讯网站模板
Theme URI: http://1201.fg27.com
Author: Reasonix
Description: 奇闻趣事历史新闻资讯门户网网站模板（参考：历史资讯，红色+米黄古风）
Version: 1.0.0
*/
/* ===== 基础 ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font:14px/1.6 "Microsoft YaHei","Hiragino Sans GB",Arial,sans-serif;color:#333;background:#f9f7f3}
ul,ol{list-style:none}
a{text-decoration:none;color:#333;transition:all .3s}
a:hover{color:#d20b0b}
img{max-width:100%;height:auto;border:0}
h1,h2,h3,h4,h5,h6,p{margin:0}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}

/* ===== 顶部 ===== */
.header{background:#fff;border-bottom:1px solid #e5e5e5}
.header_cont{width:1200px;margin:0 auto;height:32px;line-height:32px;overflow:hidden}
.header_l span{font-size:13px;color:#666}
.nav{background:#fff}
.nav_top{border-bottom:1px solid #e5e5e5}
.nt_cont{width:1200px;margin:0 auto;height:80px;position:relative}
.l_logo{float:left;padding-top:10px}
.l_logo img{max-height:60px}
.r_search{float:right;margin-top:25px}
.r_search #ser_box{overflow:hidden;border:2px solid #d20b0b;border-radius:3px}
.r_search #ipt{float:left;width:280px;height:36px;border:0;padding:0 12px;font-size:14px;outline:none}
.r_search .s_btn{float:left;width:70px;height:36px;border:0;background:#d20b0b;color:#fff;font-size:14px;cursor:pointer}
.r_search .s_btn:hover{background:#b00a0a}
.m-menu{display:none;position:absolute;right:10px;top:22px;font-size:26px;color:#d20b0b;cursor:pointer}
/* 导航 */
.nav_bottom{background:#9d896c}
.nb_cont{width:1200px;margin:0 auto;height:48px}
.nb_cont a{display:block;float:left;line-height:48px;padding:0 25px;color:#fff;font-size:16px}
.nb_cont a:hover,.nb_cont a.active{background:#7c4400}

/* ===== 首页 ===== */
.index_main{width:1200px;margin:0 auto;padding:15px 0}
/* 热门标签 */
.cd_ls{overflow:hidden;margin-bottom:15px}
.cd_ls_tit{float:left;width:75px}
.cd_ls_tit h3{font-size:16px;color:#7c4400;line-height:36px}
.cd_ls_cnt{float:left;width:calc(100% - 75px);background:#fff;border:1px solid #e5e5e5;padding:8px 10px}
.cd_ls_cnt a{display:inline-block;line-height:24px;margin:0 10px;color:#666;font-size:13px}
.cd_ls_cnt a:hover{color:#d20b0b}
/* 最新资讯 */
.zx_zx{background:#fff;border:1px solid #e5e5e5;padding:15px;margin-bottom:15px;overflow:hidden}
.zz_l{float:left;width:280px;height:300px;position:relative;overflow:hidden;margin-right:15px}
.zz_l img{width:100%;height:300px;object-fit:cover}
.zz_l p{position:absolute;bottom:0;left:0;width:100%;height:40px;line-height:40px;background:rgba(0,0,0,.55);color:#fff;font-size:14px;padding:0 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.zz_c{float:left;width:440px}
.zz_c dl dt{text-align:center;padding:10px 0;overflow:hidden}
.zz_c dl dt em{display:inline-block;vertical-align:middle;width:60px;height:1px;background:#d20b0b}
.zz_c dl dt p{display:inline-block;vertical-align:middle;margin:0 10px;font-size:17px;color:#7c4400}
.zz_c dl dd{padding:8px 0;border-bottom:1px dashed #e5e5e5}
.zz_c dl dd h6{font-size:15px;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.zz_c dl dd h6 a:hover{color:#d20b0b}
.zz_c dl dd p span a{font-size:13px;color:#888;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.zz_r{float:right;width:420px}
.ls_tit{height:36px;line-height:36px;border-bottom:2px solid #d20b0b;margin-bottom:10px}
.ls_tit h4{font-size:16px;color:#7c4400}
.zz_r ul li{line-height:34px;border-bottom:1px dashed #eee;overflow:hidden}
.zz_r ul li a{font-size:14px;color:#333;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:75%}
.zz_r ul li a:hover{color:#d20b0b}
.zz_r ul li span{float:right;font-size:12px;color:#999}
/* 分类区块 */
.ils_cont{background:#fff;border:1px solid #e5e5e5;padding:15px;margin-bottom:15px}
.ils_tit{height:40px;border-bottom:2px solid #d20b0b;margin-bottom:12px}
.ils_tit h3{display:inline-block;padding:0 25px;height:40px;line-height:40px;background:#d20b0b;color:#fff;font-size:17px;font-weight:normal}
.ils_top{overflow:hidden;margin-bottom:12px}
.ils_tl{float:left;width:380px}
.ils_tl .swiper-container{width:100%;height:230px}
.ils_tl .swiper-slide{position:relative}
.ils_tl .swiper-slide img{width:100%;height:230px;object-fit:cover}
.ils_tl .swiper-slide span{position:absolute;bottom:0;left:0;width:100%;height:34px;line-height:34px;background:rgba(0,0,0,.55);color:#fff;font-size:13px;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ils_tl .swiper-button-next,.ils_tl .swiper-button-prev{color:#fff;width:26px;height:40px;background:rgba(0,0,0,.3)}
.ils_tc{float:left;width:390px;margin-left:12px}
.ils_tc ul li{line-height:32px;border-bottom:1px dashed #f0f0f0;overflow:hidden}
.ils_tc ul li a{font-size:14px;color:#555;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ils_tc ul li a:hover{color:#d20b0b}
.ils_center ul li{float:left;width:33.3%;line-height:32px;padding-left:14px;background:url("data:image/gif;base64,R0lGODlhCgAKAIABAAAAAP///yH5BAEAAAEALAAAAAAKAAoAAAIEhI8pFwA7") no-repeat left center;overflow:hidden}
.ils_center ul li a{font-size:14px;color:#555;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ils_center ul li a:hover{color:#d20b0b}

/* ===== 列表页 ===== */
.list-page{background:#fff;border:1px solid #e5e5e5;padding:15px;margin:15px 0}
.list-wrap{padding:10px 0}
.list-item{overflow:hidden;padding:15px 0;border-bottom:1px dashed #e5e5e5}
.list-item:last-child{border-bottom:none}
.list-pic{float:left;width:220px;height:140px;overflow:hidden;margin-right:20px}
.list-pic img{width:100%;height:100%;object-fit:cover;transition:all .5s}
.list-item:hover .list-pic img{transform:scale(1.08)}
.list-cont{overflow:hidden}
.list-cont h4{font-size:18px;line-height:1.4;margin-bottom:8px}
.list-cont h4 a:hover{color:#d20b0b}
.list-cont p{font-size:13px;color:#888;line-height:1.6;max-height:42px;overflow:hidden;margin-bottom:8px}
.list-meta{font-size:12px;color:#999}
.list-meta span{margin-right:15px}
.page{text-align:center;padding:25px 0}
.page .page-numbers{display:inline-block;margin:0 3px;padding:7px 14px;background:#f5f5f5;color:#666;border-radius:3px}
.page .page-numbers:hover{background:#d20b0b;color:#fff}
.page .page-numbers.current{background:#d20b0b;color:#fff}

/* ===== 内容页 ===== */
.article-page{background:#fff;border:1px solid #e5e5e5;padding:20px;margin:15px 0}
.crumbs{font-size:13px;color:#999;padding-bottom:12px;border-bottom:1px solid #eee;margin-bottom:15px}
.crumbs a{color:#999}
.crumbs a:hover{color:#d20b0b}
.article-title{font-size:24px;color:#222;text-align:center;line-height:1.4;margin-bottom:12px}
.article-meta{text-align:center;color:#999;font-size:13px;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px}
.article-meta span{margin:0 12px}
.article-content{font-size:16px;line-height:1.9;color:#555}
.article-content p{margin:12px 0}
.article-content img{max-width:100%;height:auto;display:block;margin:10px auto}
.article-content .article-featured{text-align:center;margin-bottom:15px}
.article-content h2,.article-content h3,.article-content h4{margin:18px 0 10px;color:#333}
.article-content a{color:#d20b0b}
.article-content ul,.article-content ol{padding-left:25px;margin:10px 0}
.article-content ul{list-style:disc}
.article-content ol{list-style:decimal}
.article-content blockquote{border-left:4px solid #d20b0b;background:#fdf0f0;padding:10px 18px;margin:15px 0;color:#666}
.article-content table{width:100%;border-collapse:collapse;margin:15px 0}
.article-content table td,.article-content table th{border:1px solid #ddd;padding:8px 10px}
.article-content pre,.article-content code{background:#f5f5f5;padding:12px;border-radius:3px;overflow:auto;font-size:14px}
.article-nav{overflow:hidden;padding:15px 0;border-top:1px solid #eee;margin-top:20px;font-size:14px}
.article-nav p{margin:4px 0}
.article-nav a{color:#333}
.article-nav a:hover{color:#d20b0b}
.article-related{margin-top:20px;padding-top:15px;border-top:1px solid #eee}
.article-related ul li{line-height:34px;border-bottom:1px dashed #f0f0f0;overflow:hidden}
.article-related ul li a{color:#555;font-size:14px}
.article-related ul li a:hover{color:#d20b0b}
.article-related ul li span{float:right;color:#999;font-size:12px}

/* ===== 底部 ===== */
.footer{background:#9d896c;margin-top:20px;padding:25px 0;color:#f5f0e8}
.footer-inner{width:1200px;margin:0 auto;text-align:center}
.footer-nav{margin-bottom:12px}
.footer-nav a{color:#fff;font-size:14px;margin:0 10px}
.footer-nav a:hover{color:#e0d4c2}
.copyright{font-size:13px}
.copyright a{color:#e0d4c2}
.to-top{position:fixed;right:20px;bottom:50px;width:44px;height:44px;background:#d20b0b;color:#fff;text-align:center;line-height:44px;cursor:pointer;z-index:99;border-radius:4px;display:none;font-size:18px}
.to-top:hover{background:#b00a0a}

/* ===== 响应式 ===== */
@media (max-width:1200px){
.header_cont,.nt_cont,.nb_cont,.index_main,.footer-inner{width:100%;padding:0 10px;box-sizing:border-box}
.zz_l{width:200px}
.zz_c{width:calc(100% - 220px)}
.zz_r{width:100%;float:none;margin-top:10px}
.ils_tl{width:100%;float:none;margin-bottom:12px}
.ils_tc{width:48%;margin-left:0;margin-right:2%}
}
@media (max-width:767px){
body{overflow-x:hidden}
.header_l{display:none}
.nt_cont{height:70px}
.l_logo img{max-height:40px}
.r_search{position:static;float:none;clear:both;margin-top:5px}
.r_search #ipt{width:calc(100% - 72px)}
.m-menu{display:block;top:15px}
.nb_cont{display:none;height:auto;position:absolute;left:0;right:0;background:#9d896c;z-index:99}
.nb_cont a{float:none;line-height:42px;padding-left:20px;border-bottom:1px solid rgba(255,255,255,.15)}
.zz_l{width:100%;float:none;height:auto;margin-bottom:10px}
.zz_l img{height:auto}
.zz_c{width:100%;float:none}
.zz_r{width:100%}
.ils_tc{width:100%;margin-right:0}
.ils_center ul li{width:100%}
.list-pic{width:110px;height:80px;margin-right:12px}
.list-cont h4{font-size:15px}
.list-cont p{display:none}
.article-title{font-size:18px}
.article-meta span{margin:0 6px}
.article-content{font-size:15px}
.footer-nav a{margin:0 6px}
}