/*
Theme Name: 资讯门户网站模板
Theme URI: http://1201.fg27.com
Author: Reasonix
Description: 响应式博客新闻资讯门户网站模板（参考：zixun 资讯门户模板）
Version: 1.0.0
*/
/* ===== 基础 ===== */
body{font:14px/1.5 "Microsoft Yahei","Hiragino Sans GB",Arial,sans-serif;color:#555;background:#e8e8e8;margin:0}
body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{color:#428bca;text-decoration:none}
a:hover,a:focus{color:#357EBD;text-decoration:underline}
img{border:0;max-width:100%;height:auto}
ul,ol,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
ul,ol{list-style:none}
.pull-left{float:left}
.pull-right{float:right}
.muted{color:#999}
.text-success{color:#56af45}
.icon12{font-size:12px}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}

/* ===== 布局 ===== */
.header,.container,.footer{max-width:1320px;margin:0 auto;text-align:left;position:relative;*zoom:1}
.header:before,.container:before,.footer:before,.header:after,.container:after,.footer:after{display:table;content:"";line-height:0}
.header:after,.container:after,.footer:after{clear:both}
.container{margin-bottom:15px;padding:0 15px;box-sizing:border-box}
.content-wrap{width:100%;float:left}
.content{margin-right:375px;box-sizing:border-box}
.sidebar{float:left;margin-left:-360px;width:360px;position:relative}
.footer{clear:both;color:#ddd;text-shadow:0 -1px 0 #333;position:relative;z-index:1}
.footer-inner{padding:16px 20px 14px;color:#aaa;text-shadow:0 -1px 0 #333;background-color:#414141;border-left:20px solid #428bca;border-right:20px solid #428bca}
.footer a{color:#aaa}
.footer a:hover{color:#ddd;text-decoration:underline}

/* ===== 导航 ===== */
.navbar-wrap{position:relative;top:0;margin:0 auto;left:0;right:0;z-index:1000;background:#4a4a4a}
.navbar{height:52px;background-color:#4a4a4a;position:relative;*zoom:1;max-width:1320px;margin:0 auto}
.navbar:before,.navbar:after{display:table;content:"";line-height:0}
.navbar:after{clear:both}
.navbar .logo{float:left;width:230px;background:#428bca;height:52px;overflow:hidden;line-height:52px;font-size:20px;text-align:center}
.navbar .logo img{width:230px;height:52px;float:left}
.navbar .logo a{height:52px;display:block;color:#fff;overflow:hidden}
.navbar .logo a:hover{text-decoration:none}
.navbar .nav{position:relative;display:block;float:left;margin:0 10px 0 0;font-size:14px}
.navbar .nav > li{position:relative;float:left;margin-right:1px}
.navbar .nav li a{padding:16px 20px;color:#eee;display:block}
.navbar .nav li a:hover{background-color:#404040;color:#fff;text-decoration:none}
.navbar .nav .active a,.navbar .nav .active a:hover{color:#fff;background-color:#404040}
.navbar .nav li.current-menu-item > a,.navbar .nav li.current-menu-parent > a{color:#fff;background-color:#404040}
.navbar .nav li:hover > ul{display:block}
.navbar .nav > li > ul{padding-bottom:10px;text-align:left;position:absolute;top:52px;left:0;min-width:140px;z-index:10;display:none;background:#4a4a4a}
.navbar .nav ul a{float:none;display:block;padding:8px 20px 7px;color:#eee}
.navbar .nav ul a:hover{background-color:#428bca;color:#fff}
/* 搜索 */
.navbar .menu{margin-right:20px;margin-top:11px;float:right}
.search-form{float:left;margin:0}
input.search-input{float:left;color:#bbb;border:solid 1px #fff;width:160px;height:30px;padding:0 8px;background:#fff}
input.search-input:focus{color:#444}
.search-submit{float:left;height:30px;border:none;background:#428bca;color:#fff;padding:0 14px;cursor:pointer}
.search-submit:hover{background:#357EBD}
/* 移动端按钮 */
.navbar .screen-mini{display:none}
.screen-mini .btn{background:#404040;color:#fff;padding:14px 18px;display:inline-block;cursor:pointer}
.screen-mini .btn:hover{background:#333}
/* 顶部滚动条 */
.speedbar{clear:both;color:#666;background-color:#F7F7F7;padding:10px 20px;line-height:22px;overflow:hidden;height:42px;border-bottom:1px solid #ddd}
.speedbar .toptip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.speedbar .toptip a{color:#666}
.speedbar .toptip a:hover{color:#428bca}

/* ===== 置顶推荐 ===== */
.sticky{overflow:hidden}
.sticky ul{margin-right:-2px}
.sticky li{width:50%;float:left;margin-bottom:1px}
.sticky li a{display:block;background-color:#fff;margin-right:1px;padding:8px 20px 8px 140px;position:relative;min-height:86px}
.sticky h3{font-size:14px;margin:0;font-weight:normal;height:20px;overflow:hidden}
.sticky p{overflow:hidden;height:40px;margin-top:6px;color:#999;font-size:13px}
.sticky img{position:absolute;left:20px;top:8px;max-width:100px;max-height:70px}
.sticky a:hover{background-color:#F8FCFE;text-decoration:none}
.sticky a:hover h3{color:#428bca}

/* ===== 文章列表 ===== */
.excerpt{background-color:#fff;padding:20px 20px 20px 256px;margin-bottom:1px;position:relative;border-left:solid 4px #fff;box-sizing:border-box}
.excerpt:before,.excerpt:after{display:table;content:"";line-height:0}
.excerpt:after{clear:both}
.excerpt:hover{border-left-color:#428bca;padding-left:260px;margin-left:-4px;background-color:#F8FCFE}
.excerpt header{margin:0 40px 15px 0}
.excerpt .focus{float:left;width:220px;margin-left:-240px;text-align:center;position:relative}
.excerpt .focus a{display:table-cell;vertical-align:middle;width:220px;height:150px}
.excerpt .focus a img{margin:0 auto;max-width:220px;max-height:150px}
.excerpt header .label{margin-right:5px;position:relative;top:-2px;background:#428bca;color:#fff;font-size:12px;padding:2px 8px;display:inline-block}
.excerpt header .label:hover{text-decoration:none}
.excerpt header .label .label-arrow{display:none}
.excerpt h2{display:inline;font-size:20px;margin:0;font-weight:normal;line-height:25px}
.excerpt h2 a{color:#333}
.excerpt h2 a:hover{color:#428bca}
.excerpt .note{color:#777;font-size:14px;line-height:24px;word-break:break-word;margin-bottom:0}
.excerpt .muted{margin-right:20px}
.excerpt .muted a{color:#999}

/* ===== 分页 ===== */
.pagination{padding:20px;background-color:#fff;text-align:center;margin-top:1px}
.pagination .page-numbers,.pagination .nav-links .page-numbers{display:inline-block;margin:0 2px;padding:4px 12px 3px;line-height:20px;text-decoration:none;background-color:#eee;color:#666}
.pagination .page-numbers:hover{background-color:#ccc;color:#444}
.pagination .page-numbers.current{background-color:#428BCA;color:#fff}
.navigation{background:#fff}

/* ===== 列表页头部 ===== */
.archive-header{font-size:12px;background-color:#F7F7F7;padding:15px 20px;margin-bottom:1px}
.archive-header h1{font-size:18px;font-weight:bold;margin:0;line-height:1;color:#444}
.archive-header h1 a{color:#444}

/* ===== 内容页 ===== */
.breadcrumbs{margin:0 0 1px;padding:9px 20px 7px;background-color:#f7f7f7;font-size:14px;color:#666}
.breadcrumbs a{color:#999}
.breadcrumbs a:hover{color:#428bca}
.article-header{margin-bottom:1px;padding:5px 20px 15px;background-color:#fbfbfb}
.article-title{font-weight:bold;font-size:22px}
.article-title a{color:#444}
.article-title a:hover{color:#428bca}
.article-header .meta{margin-top:10px}
.article-header .muted{margin-right:20px;font-size:13px}
.article-header .muted a{color:#999}
.article-header .muted a:hover{color:#428bca}
.article-content{position:relative;padding:20px;background-color:#fff;font-size:16px;line-height:1.9}
.article-content .article-featured{margin-bottom:15px;text-align:center}
.article-content .article-featured img{max-width:100%;height:auto;display:block;margin:0 auto}
.article-content p{margin:10px 0}
.article-content img{max-width:100%;height:auto;display:block;margin:10px auto}
.article-content h2,.article-content h3,.article-content h4{margin:20px 0 10px;color:#333}
.article-content a{color:#428bca}
.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 #428bca;background:#f5f9fc;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}
/* 相关文章 */
.relates{overflow:hidden;background-color:#fff;border-top:1px solid #F2F2F2;margin-top:15px}
.relates h3{font-size:18px;line-height:1;padding:15px 20px 0;font-weight:bold;color:#333}
.relates ul{padding:15px 0 15px 20px;overflow:hidden;font-size:14px}
.relates li{float:left;width:50%;height:30px;overflow:hidden;line-height:30px}
.relates a{color:#555}
.relates a:hover{color:#428bca}

/* ===== 侧边栏 ===== */
.sidebar .widget{background:#fff;margin-bottom:15px;overflow:hidden}
.widget h3{position:relative;margin:0;line-height:37px;padding:0 15px;font-size:14px;background-color:#F7F7F7;height:37px;border-bottom:1px solid #ddd;color:#333;border-left:3px solid #428bca}
.widget ul{*zoom:1}
.widget ul:before,.widget ul:after{display:table;content:"";line-height:0}
.widget ul:after{clear:both}
.widget_links ul{padding:10px 15px 5px;color:#999}
.widget_links li{width:50%;float:left;padding:0;border-bottom:none;margin-bottom:8px;line-height:20px;height:20px}
.widget_links li a{color:#555}
.widget_links li a:hover{color:#428bca}
.widget_recent_entries li{border-bottom:1px solid #eee}
.widget_recent_entries li a{display:block;padding:9px 15px;color:#555;font-size:14px}
.widget_recent_entries li a:hover{background-color:#F8FCFE;color:#428bca;text-decoration:none;border-left:3px solid #428bca;margin-left:-3px}
/* 热门推荐 */
.d_postlist li a{padding:10px 15px 10px 105px;border-bottom:solid 1px #eee;border-left:3px solid transparent;margin-left:-3px;overflow:hidden;display:block;min-height:69px}
.d_postlist li a:hover{background-color:#F8FCFE;border-left-color:#428bca;text-decoration:none}
.d_postlist .text{margin-top:5px;display:block;color:#333}
.d_postlist li a:hover .text{color:#428bca}
.d_postlist .thumbnail{float:left;margin-left:-90px}
.d_postlist .thumbnail img{max-width:80px;max-height:49px}
.d_postlist .muted{margin-right:20px;font-size:12px}
/* 热门标签 */
.d_tags{padding:15px 13px 10px 15px}
.d_tags a{opacity:.80;color:#fff;background-color:#428BCA;display:inline-block;margin:0 5px 5px 0;padding:2px 8px;font-size:13px}
.d_tags a:hover{opacity:1;color:#fff;text-decoration:none}
.d_tags a:nth-child(9n){background-color:#4A4A4A}
.d_tags a:nth-child(9n+1){background-color:#428BCA}
.d_tags a:nth-child(9n+2){background-color:#5CB85C}
.d_tags a:nth-child(9n+3){background-color:#D9534F}
.d_tags a:nth-child(9n+4){background-color:#567E95}
.d_tags a:nth-child(9n+5){background-color:#B433FF}
.d_tags a:nth-child(9n+6){background-color:#00ABA9}
.d_tags a:nth-child(9n+7){background-color:#B37333}
.d_tags a:nth-child(9n+8){background-color:#FF6600}

/* ===== 返回顶部 ===== */
.rollto{position:fixed;right:20px;bottom:20px;z-index:999;width:42px;display:none}
.rollto .btn{height:42px;display:block;padding:0;width:100%;background:#428bca;color:#fff;text-align:center;line-height:42px;cursor:pointer}
.rollto .btn:hover{background:#357EBD}
.rollto .btn i{font-size:20px}

/* ===== 响应式 ===== */
@media (max-width:1024px){
.content-wrap{float:none;width:auto}
.sidebar{display:none;float:none;width:auto;margin-left:0;clear:both;margin-top:10px}
.content{margin-right:0}
}
@media (max-width:979px){
body{margin-top:0}
.navbar-wrap{position:relative}
.navbar{height:auto;background-color:transparent}
.navbar .logo,.navbar .logo a{height:42px;display:block;width:100%;float:none}
.navbar .logo a{line-height:42px}
.navbar .logo img{width:100%;height:42px}
.navbar .screen-mini{display:block;float:left;position:absolute;top:0;left:0;z-index:99}
.navbar .screen-mini .btn{background-color:#4A4A4A;padding:13px 18px}
.navbar .nav{float:none;padding:0;background-color:#eee;margin-right:0;display:none;clear:both}
.navbar .nav > li{float:none;margin-right:0;font-size:14px;font-weight:bold}
.navbar .nav > li > a{padding:10px 20px 9px;border-bottom:1px solid #ddd;color:#444}
.navbar .nav li a:hover{background-color:#fff;color:#444}
.navbar .nav > li > ul{position:relative;display:block;top:0;left:0;padding-bottom:0;font-weight:normal;background:none}
.navbar .nav > li > ul > li{float:none;margin:0;position:relative;border-bottom:1px solid #ddd}
.navbar .nav > li > ul > li > a{padding:10px 20px 9px 40px;color:#666}
.navbar .nav > li > ul > li > a:hover{background:#fff;color:#444}
.navbar .menu{float:none;margin:10px 20px;text-align:center}
.search-form{float:none;display:block;overflow:hidden;margin-right:0}
input.search-input{width:85%;height:30px}
input.search-submit{width:15%}
.header{margin-bottom:1px}
.footer-inner{border-left:none;border-right:none}
}
@media (max-width:768px){
.speedbar{display:none}
.sticky li{width:auto;float:none}
.sticky li a{margin-right:0;padding:5px 10px 5px 120px}
.sticky img{margin-left:0;left:10px}
.sticky h3{font-weight:bold}
.excerpt,.excerpt:hover{padding:12px 20px;border-left:none;margin-left:0}
.excerpt-titletype,.excerpt-titletype:hover{padding-left:130px}
.excerpt-titletype .focus{float:left;margin-left:-110px;width:100px;margin-bottom:0}
.excerpt-titletype .focus a{width:100px;height:68px}
.excerpt-titletype .focus a img{width:100px;height:68px}
.excerpt-titletype .note{display:none}
.excerpt-titletype .muted{margin-right:15px}
.excerpt-titletype header h2{font-size:14px;line-height:20px;display:block;margin-bottom:5px}
.excerpt header{margin-bottom:5px;margin-right:0}
.relates li{float:none;width:100%}
.relates a{height:auto;padding:0;text-align:left;line-height:30px}
.breadcrumbs{display:none}
.article-header h1{font-size:18px;line-height:1.4;padding-top:5px}
.article-header .muted{margin-right:12px}
.container{padding:0}
.content{margin-right:0}
}
@media (max-width:480px){
.excerpt,.excerpt:hover{padding:10px 12px}
.excerpt-titletype,.excerpt-titletype:hover{padding-left:120px}
.excerpt-titletype .focus{margin-left:-108px;width:100px}
.article-header{padding:10px 12px}
.article-content{padding:12px;font-size:15px}
}