/*
Theme Name: 新闻媒体门户资讯网站模板
Theme URI: http://1201.fg27.com
Author: Reasonix
Description: 新闻媒体门户资讯类网站模板（参考：AIWANGXUE 新闻门户）
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:#fff}
ul,ol{list-style:none}
a{text-decoration:none;color:#333;transition:all .3s}
a:hover{color:#e10000}
img{max-width:100%;height:auto;border:0}
h1,h2,h3,h4,h5,h6,p{margin:0}
.clear:before,.clear:after{content:"";display:table}
.clear:after{clear:both}

/* ===== 顶部 ===== */
.head{background:#f5f5f5;border-bottom:1px solid #e5e5e5}
#top{width:1000px;margin:0 auto;overflow:hidden;line-height:28px}
#topleft{float:left}
#topright{float:right}
#top ul li{float:left;font-size:13px}
#top ul li a{display:block;padding:0 10px;color:#666}
#top ul li a:hover{color:#e10000}

/* ===== Logo + 搜索 ===== */
.tip{width:1000px;margin:0 auto;padding:20px 0;overflow:hidden}
.tip h2{float:left;width:250px}
.tip h2 img{max-height:80px}
.sub_logo{float:left;margin-left:30px;padding-top:15px}
.sub_logo p{font-size:20px;color:#666;font-family:"楷体",KaiTi,serif}
.tip_r{float:right;padding-top:15px}
.tip_r .search{overflow:hidden;border:2px solid #e10000;border-radius:3px}
.tip_r .s_w{float:left;width:260px;height:32px;border:0;padding:0 10px;font-size:14px;outline:none}
.tip_r .an{float:right;width:80px;height:32px;border:0;background:#e10000;color:#fff;font-size:14px;cursor:pointer}
.tip_r .an:hover{background:#c00000}

/* ===== 导航 ===== */
.m{width:100%;background:#e10000}
.menu{width:1000px;margin:0 auto;overflow:hidden}
.menu span{width:8px;height:40px;display:block;float:left;background:#c00000}
.menu ul.naval{float:left;line-height:40px}
.menu ul li{float:left;position:relative}
.menu ul li a{display:block;color:#fff;font-size:15px;padding:0 15px;font-weight:bold}
.menu ul li a:hover,.menu ul li a.on{background:#c00000}

/* ===== 今日头条 ===== */
.jrtt{width:1000px;margin:15px auto;position:relative;overflow:hidden;background:#fff;border:1px solid #eee;padding:15px 20px}
.jrtt .toutiao{float:left;width:60px;height:26px;line-height:26px;text-align:center;background:#e10000;color:#fff;font-size:14px;margin-top:8px;margin-right:15px;border-radius:3px}
.jrtt h2{float:left;width:700px;font-size:22px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.jrtt h2 a{color:#e10000}
.jrtt h2 a:hover{color:#c00000}
.jrtt ul{float:left;width:700px;margin-left:75px}
.jrtt ul li{float:left;width:220px;margin-right:10px}
.jrtt ul li a{font-size:13px;color:#666;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:28px}
.jrtt ul li a:hover{color:#e10000}

/* ===== 主体三栏 ===== */
.box1{width:1000px;margin:0 auto 15px;overflow:hidden}
.box1_l{width:340px;float:left}
.box1_c{width:370px;float:left;margin-left:15px}
.box1_r{width:260px;float:right}
/* 轮播 */
.fc_pics{width:340px;height:260px;position:relative;overflow:hidden}
.fc_pics .swiper-container{width:100%;height:100%}
.fc_pics .swiper-slide{position:relative}
.fc_pics .swiper-slide img{width:100%;height:260px;object-fit:cover}
.fc_pics .pica_title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);color:#fff;font-size:15px;padding:25px 12px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;z-index:5}
.fc_pics .swiper-pagination-bullet{background:#fff;opacity:.7}
.fc_pics .swiper-pagination-bullet-active{background:#e10000}
/* 图片小列表 */
.ypimg{overflow:hidden;margin-top:10px}
.ypimg li{float:left;width:48%;margin-right:4%;position:relative;overflow:hidden}
.ypimg li:nth-child(2n){margin-right:0}
.ypimg li img{width:100%;height:100px;object-fit:cover}
.ypimg li span{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.55);font-size:12px;color:#fff;padding:3px 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* 中部资讯 */
.ilistl_t{border-bottom:2px solid #e10000;height:36px;line-height:36px}
.ilistl_t ul li{float:left;padding:0 18px;font-size:15px;color:#666;cursor:pointer}
.ilistl_t ul li.active{background:#e10000;color:#fff;font-weight:bold}
.ilist{padding:10px 0}
.ilist_top{padding:8px 0;border-bottom:1px dashed #eee;margin-bottom:8px}
.ilist_top b{display:block;font-size:16px;color:#e10000;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ilist_top span{font-size:13px;color:#999;line-height:1.6;display:block;overflow:hidden;max-height:40px}
.ilist_top font{color:#e10000}
.ilist_c li{padding-left:14px;background:url("data:image/gif;base64,R0lGODlhCgAKAIABAAAAAP///yH5BAEAAAEALAAAAAAKAAoAAAIEhI8pFwA7") no-repeat left center}
.ilist_c li span a{font-size:14px;color:#555;line-height:30px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ilist_c li span a:hover{color:#e10000}
/* 排行 */
.box1_rlist{width:260px;border:1px solid #eee;background:#fff}
.box1_rlistt{height:36px;line-height:36px;background:#f5f5f5;border-bottom:1px solid #eee;padding-left:10px}
.box1_rlistt span{border-left:3px solid #e10000;padding-left:8px;font-size:15px;color:#333;font-weight:bold}
.box1_rlist ul{padding:5px 12px}
.box1_rlist ul li{overflow:hidden;line-height:32px;border-bottom:1px dashed #f0f0f0}
.box1_rlist ul li:last-child{border-bottom:none}
.box1_rlist ul li span{display:block;overflow:hidden}
.box1_rlist ul li em{float:left;width:20px;height:20px;line-height:20px;text-align:center;background:#e5e5e5;color:#999;font-size:12px;font-style:normal;margin-top:6px;margin-right:8px;border-radius:2px}
.box1_rlist ul li em.hot{background:#e10000;color:#fff}
.box1_rlist ul li a{font-size:13px;color:#555;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.box1_rlist ul li a:hover{color:#e10000}

/* ===== 分类区块 ===== */
.sec-box{width:1000px;margin:0 auto 15px;background:#fff;border:1px solid #eee}
.sec-tit{height:38px;line-height:38px;border-bottom:2px solid #e10000;padding:0 15px;overflow:hidden}
.sec-tit h3{float:left;font-size:17px;color:#333}
.sec-tit a{float:right;font-size:13px;color:#999}
.sec-tit a:hover{color:#e10000}
.sec-box ul{padding:8px 15px;overflow:hidden}
.sec-box ul li{float:left;width:48%;margin-right:2%;line-height:32px;padding-left:14px;background:url("data:image/gif;base64,R0lGODlhCgAKAIABAAAAAP///yH5BAEAAAEALAAAAAAKAAoAAAIEhI8pFwA7") no-repeat left center;overflow:hidden}
.sec-box ul li:nth-child(2n){margin-right:0}
.sec-box ul li a{font-size:14px;color:#555;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sec-box ul li a:hover{color:#e10000}
.sec-box ul li span{float:right;font-size:12px;color:#aaa}

/* ===== 列表页 ===== */
.chunlist{width:1000px;margin:15px auto;background:#fff;border:1px solid #eee;padding:15px 20px}
.submark{height:36px;line-height:36px;border-bottom:1px solid #eee;margin-bottom:10px}
.submark b{border-left:3px solid #e10000;padding-left:8px;font-size:17px;color:#333}
.llb li{line-height:36px;border-bottom:1px dashed #f0f0f0;overflow:hidden}
.llb li a{font-size:15px;color:#555;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.llb li a:hover{color:#e10000}
.llb li span{float:right;font-size:13px;color:#e10000}
.llb li em{float:right;font-style:normal;font-size:13px;color:#999;margin-right:20px}
.page{padding:20px 0;text-align:center}
.page .page-numbers{display:inline-block;margin:0 3px;padding:6px 14px;background:#f5f5f5;color:#666;border-radius:3px}
.page .page-numbers:hover{background:#e10000;color:#fff}
.page .page-numbers.current{background:#e10000;color:#fff}

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

/* ===== 底部 ===== */
.footer{background:#3a3a3a;margin-top:20px;padding:25px 0;color:#999}
.footer-inner{width:1000px;margin:0 auto;text-align:center}
.ft_nav{margin-bottom:12px}
.ft_nav a{color:#ccc;font-size:14px;margin:0 8px}
.ft_nav a:hover{color:#fff}
.copyright{font-size:13px}
.copyright a{color:#999}
.copyright a:hover{color:#fff}
.to-top{position:fixed;right:20px;bottom:50px;width:44px;height:44px;background:#e10000;color:#fff;text-align:center;line-height:44px;cursor:pointer;z-index:99;border-radius:4px;display:none;font-size:20px}
.to-top:hover{background:#c00000}

/* ===== 响应式 ===== */
@media only screen and (max-width:1024px){
body{overflow-x:hidden}
#top,.tip,.menu,.jrtt,.box1,.sec-box,.chunlist,.arc,.footer-inner{width:100%;padding:0 10px;box-sizing:border-box}
.tip h2{width:200px}
.tip_r .s_w{width:200px}
.box1_l,.box1_c{width:48%;margin-left:0;margin-right:2%}
.box1_r{width:48%;float:left;margin-top:15px}
.ypimg li{width:48%}
}
@media only screen and (max-width:767px){
body{overflow-x:hidden}
.tip{padding:10px}
.tip h2{width:140px;float:none}
.tip h2 img{max-height:50px}
.sub_logo{display:none}
.tip_r{float:none;padding-top:10px}
.tip_r .search{max-width:100%;border-width:1px}
.tip_r .s_w{width:72%;height:30px;font-size:13px}
.tip_r .an{width:27%;height:30px;font-size:13px}
.menu span{display:none}
.menu ul.naval{width:100%;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}
.menu ul li{flex-shrink:0;line-height:38px}
.menu ul li a{font-size:14px;padding:0 13px;white-space:nowrap}
.jrtt{padding:10px 12px}
.jrtt .toutiao{width:52px;height:24px;line-height:24px;font-size:13px;margin-top:10px}
.jrtt h2{width:calc(100% - 70px);float:none;margin-left:70px;font-size:17px;line-height:40px}
.jrtt ul{width:100%;margin-left:0;float:none}
.jrtt ul li{width:100%;margin-right:0;float:none}
.jrtt ul li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box1_l,.box1_c,.box1_r{width:100%;float:none;margin:0 0 15px}
.fc_pics{width:100%;height:auto}
.fc_pics .swiper-slide img{height:auto;min-height:180px}
.ypimg li{width:48%}
.ypimg li img{height:85px}
.ilistl_t ul li{padding:0 14px;font-size:14px}
.ilist_top b{font-size:15px}
.ilist_top span{font-size:12px}
.box1_rlist{width:100%}
.box1_rlist ul{padding:5px 10px}
.box1_rlist ul li a{font-size:13px}
.sec-box ul li{width:100%;margin-right:0}
.sec-box ul li span{display:none}
.chunlist,.arc{padding:12px}
.llb li a{font-size:14px}
.llb li span,.llb li em{display:none}
.title h1{font-size:18px}
.content{font-size:15px}
.ft_nav a{margin:0 5px;font-size:13px}
}