@charset "utf-8";

body{background-color:#f7f5f5;}

#nav{height:35px; padding:4px 8px; background:#4998e7; color:#eee; position:relative; line-height: 27px;}
#nav .breadcrumb{width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#nav .breadcrumb a, #nav .breadcrumb a:hover{color:#eee;}
#nav .child-list a, #nav .child-list a:hover{color:#333;}
#nav .btn-child{padding:3px 10px 2px 10px; border-radius:0; max-width:28%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; outline:none;}
#nav .btn-child.active{color:#4998e7; box-shadow:none;}
#nav .child-list{z-index:3; padding:10px; background:#fff; border:1px solid #ddd; position:absolute; top:35px; right:8px; display:none;}
#nav .child-list li{height:30px; line-height:30px; border-bottom:1px solid #eee; min-width:68px; color:#333; text-align:center;}
#nav .child-list li:last-child{border-bottom:none;}

.section{margin:10px 0; padding:10px; background-color:#fff; box-shadow:0 1px 3px #ccc;}
.section .title{height:25px; line-height:24px;}
.section .title .text-title{font-size:16px; color:#4998e7; font-weight:bold;}
.section .title .text-title:before{display:inline-block; content:""; width:3px; border-radius:1px; background:#4998e7; margin-right:5px; height:13px;}
.section .title-articles.fixed{z-index:2; height:45px; padding:10px 0; background:#fff; position:fixed; top:0px; left:10px; width:auto; right:10px;}
.section .wrap{padding:0px;}

.articles li{height:88px; border-bottom:1px solid #eee; padding:10px 0;}
.articles li .item-content{margin-left:0px; overflow:hidden; position:relative;}
.articles li:last-child{border-bottom:none;}
.articles li a{display:block; width:77%; height:66px;}
.articles li a .ntitle{display:block; font-size:15px; max-height:36px; line-height:18px; white-space:normal; overflow:hidden; zoom:1; font-weight:bold; color:#3c3c3c;}
.articles li a .description{position:absolute; bottom:0; display:block; font-size:12px; color:#999; max-height:28px; line-height:15px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.articles li .addtime{position:absolute; color:#999; width:80px; top:3px; right:0px; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;text-align:right;}
.articles li .addtime .icon{margin-right:3px;}
.articles li .addtime em{font-style:normal; font-weight:bold;}
.articles li.new a{color: #4998e7;}
.articles li.new a:before{font-size:10px; color:#fff; line-height:17px; text-align:center; display:inline-block; margin-right:2px; content:"新"; width:16px; height:16px; background:#4998e7;}
.articles li.top a{color:#e74950; width:80%;}
.articles li.top a:before{-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:10px; line-height:17px; text-align:center; display:inline-block; color:#fff; background:#e74950; content:"顶"; width:16px; height:16px; margin-right:2px;}
.articles li.top .addtime{width:18%;}

.page{height:25px; line-height:25px; font-size:14px; color:#999; text-align:center; font:bold;}
.page .btn{padding:0 8px; background:none; color:#999;}
.page .btn.active, .page .btn:active{box-shadow:none;}
.page-count{color:#dca437;}
.page-count i{font-style:normal;}
.page-count i:nth-child(2){font-size:16px; font-weight:bold;}
.page-count i:nth-child(3){font-size:10px; color:#bbb;}

section.content{padding:10px; background:#f7f5f5;}
section.content .article-header{border-bottom:1px dashed #eee; position:relative;}
section.content .article-header .title{padding:5px 0; line-height:24px; font-size:18px; font-weight:bold; color:#333;}
section.content .article-header .detail{height:30px; line-height:30px; font-size:12px; color:#999;}
section.content .article-header .detail .time{float:left;}
section.content .article-header .detail .source{width:210px; float:right; text-align:right; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section.content .article-content{padding:10px 0px; line-height:22px; letter-spacing:0.5px;}
section.content .page-guid{height:35px; line-height:25px; border-top:1px solid #ddd; padding-top:10px;}
section.content .page-guid  p{width:49%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
section.content .page-guid  p a{color:#4998e7;}
section.content .article-content .article-pic{display:block; margin-top:5px;}
section.content .article-content .article-pic img{width:100%; height:auto;}
.picLayer{display:none; width:100%; height:100%; left:0; top:0; position:fixed; background:rgba(0, 0, 0, .7);}
.picLayer .content{width:90%; height:90%; position:absolute; top:5%; left:5%; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
.picLayer .closeBtn{z-index:9; border-radius:50%; background-color:rgba(255,255,255,.3); position:absolute; top:10px; right:10px; font-size:30px; color:#eee; width:30px; height:30px; line-height:28px; text-align:center;}