/*
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:#F4F4F4}
ul,ol{list-style:none}
a{text-decoration:none;color:#333;transition:all .3s}
a:hover{color:#e04543}
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}
.clear{zoom:1}
.clearfloat:before,.clearfloat:after{content:"";display:table}
.clearfloat:after{clear:both}
.content{width:1200px;margin:0 auto;padding:0 15px}
.main-content{padding-top:20px}

/* ===== 头部 ===== */
.header{background:#fff;border-bottom:2px solid #e04543}
.header .content{position:relative;overflow:visible}
.header-left{float:left;padding:12px 0}
.header-left h1 img{max-height:60px}
.header-right{float:right}
.header-left-list>li{float:left;position:relative}
.header-left-list>li>a{display:block;line-height:84px;padding:0 20px;font-size:16px;color:#333}
.header-left-list>li.on>a,.header-left-list>li:hover>a{color:#e04543}
.header-left-list>li>ul{display:none;position:absolute;top:84px;left:0;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);min-width:120px;z-index:99}
.header-left-list>li:hover>ul{display:block}
.header-left-list>li>ul li h4 a{display:block;line-height:38px;padding:0 20px;color:#555;font-size:14px}
.header-left-list>li>ul li h4 a:hover{color:#e04543;background:#f5f5f5}
.menu{display:none;position:absolute;right:15px;top:25px;font-size:24px;color:#e04543;cursor:pointer}

/* ===== 首页轮播 + 头条 ===== */
.information-group{background:#fff;padding:15px;margin-bottom:20px;overflow:hidden}
.flexslider.banner{width:780px;height:430px;float:left;position:relative;overflow:hidden}
.flexslider.banner .swiper-container{width:100%;height:100%}
.flexslider.banner .swiper-slide img{width:100%;height:430px;object-fit:cover}
.flexslider.banner .swiper-pagination-bullet{background:#fff;opacity:.7}
.flexslider.banner .swiper-pagination-bullet-active{background:#e04543}
.flexslider.banner .swiper-button-prev,.flexslider.banner .swiper-button-next{color:#fff}
.information-link-group{width:370px;float:right}
.information-list>li{border-bottom:1px dashed #eee}
.information-list>li>a,.information-list>li h3{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.information-list>li.main-information>a{font-size:18px;line-height:47px;color:#333;font-weight:bold}
.information-list>li.main-information>a:hover{color:#e04543}
.information-list>li.subtitle>a,.information-list>li.subtitle h3 a{font-size:14px;line-height:40px;color:#555}
.information-list>li.subtitle>a:hover,.information-list>li.subtitle h3 a:hover{color:#e04543}
.information-list>li.subtitle h3{display:inline-block;max-width:75%;vertical-align:middle}
.information-list>li.subtitle span{float:right;line-height:40px;font-size:12px;color:#999}

/* ===== 每日资讯图卡 ===== */
.news{background:#fff;padding:15px;margin-bottom:20px}
.course-top{margin-bottom:15px}
.course-title{border-bottom:2px solid #e04543;padding-bottom:10px;margin-bottom:15px}
.course-title h2{float:left;font-size:20px;color:#333;line-height:1.2;border-left:4px solid #e04543;padding-left:10px}
.course-title .course-more{float:right;line-height:24px;font-size:13px;color:#999}
.course-title .course-more:hover{color:#e04543}
.news ul li{float:left;width:32%;margin-right:2%}
.news ul li:last-child{margin-right:0}
.news ul li .icon{width:100%;height:170px;overflow:hidden;margin-bottom:10px}
.news ul li .icon img{width:100%;height:170px;object-fit:cover;transition:all .5s}
.news ul li:hover .icon img{transform:scale(1.08)}
.news ul li h3{font-size:16px;line-height:1.4;height:44px;overflow:hidden;margin-bottom:8px}
.news ul li h3 a{color:#333}
.news ul li h3 a:hover{color:#e04543}
.news ul li p{font-size:13px;color:#888;line-height:1.6;max-height:42px;overflow:hidden}

/* ===== 分类三栏 ===== */
.course-infor-wrapper{margin-bottom:20px}
.course-item-group{overflow:hidden}
.course-item-box{width:32%;float:left;margin-right:2%;background:#fff;padding:15px}
.course-item-box:last-child{margin-right:0}
.course-item-box .course-title h2{font-size:18px}

/* ===== 列表页 ===== */
.list-page{background:#fff;padding:15px;margin-bottom:20px}
.list-content-list{background:#fafafa;border:1px solid #eee;padding:10px 15px}
.list-content-list>li{overflow:hidden;padding:15px 0}
.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-content-list>li:hover .list-pic img{transform:scale(1.08)}
.list-cont{overflow:hidden}
.list-cont h3{font-size:18px;line-height:1.4;margin-bottom:8px;max-width:100%}
.list-cont p{font-size:13px;color:#888;line-height:1.6;max-height:42px;overflow:hidden;margin-bottom:8px}
.list-cont span{font-size:12px;color:#999}
.page{text-align:center;padding:25px 0}
.page .page-numbers{display:inline-block;margin:0 3px;padding:7px 14px;background:#fff;border:1px solid #ddd;color:#666;border-radius:3px}
.page .page-numbers:hover{background:#e04543;color:#fff;border-color:#e04543}
.page .page-numbers.current{background:#e04543;color:#fff;border-color:#e04543}

/* ===== 内容页 ===== */
.article-page{background:#fff;padding:20px;margin-bottom:20px}
.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:#e04543}
.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:#e04543}
.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 #e04543;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:#e04543}
.article-related{margin-top:20px;padding-top:15px;border-top:1px solid #eee}
.article-related .course-title{margin-top:0}

/* ===== 底部 ===== */
.footer{background:#333;color:#999;padding:25px 0;margin-top:20px}
.footer-inner{width:1200px;margin:0 auto;text-align:center}
.footer-link-title{font-size:15px;color:#ccc;margin-bottom:12px}
.footer-link-group a{color:#999;font-size:13px;margin:0 10px}
.footer-link-group a:hover{color:#fff}
.copy{margin-top:12px;font-size:13px}
.copy a{color:#999}
.to-top{position:fixed;right:20px;bottom:50px;width:44px;height:44px;background:#e04543;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:#c93a38}

/* ===== 响应式 ===== */
@media (max-width:1200px){
.content,.footer-inner{width:100%;box-sizing:border-box}
.flexslider.banner{width:100%;float:none;height:auto;margin-bottom:15px}
.flexslider.banner .swiper-slide img{height:auto}
.information-link-group{width:100%;float:none}
.news ul li{width:48%;margin-bottom:15px}
.news ul li:nth-child(3){display:none}
.course-item-box{width:48%;margin-bottom:15px}
}
@media (max-width:767px){
body{overflow-x:hidden}
.header-left{width:130px;padding:10px 0}
.header-left img{max-height:40px}
.header-right{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;z-index:999}
.header-right.open{display:block}
.header-left-list>li{float:none}
.header-left-list>li>a{line-height:42px;border-bottom:1px solid #f5f5f5}
.header-left-list>li>ul{position:static;box-shadow:none;padding-left:20px}
.menu{display:block;top:15px}
.news ul li{width:100%;margin-right:0}
.news ul li:nth-child(3){display:block}
.course-item-box{width:100%;margin-right:0}
.list-pic{width:110px;height:80px;margin-right:12px}
.list-cont h3{font-size:15px}
.list-cont p{display:none}
.article-page{padding:12px}
.article-title{font-size:18px}
.article-meta span{margin:0 6px}
.article-content{font-size:15px}
.footer-link-group a{margin:0 6px}
}