body {background-color: #f4f4f4}

#nav {height: 35px; padding: 4px 8px; background: #4998e7; color: #eee; position: relative; line-height: 27px;}
#nav .breadcrumb a, #nav .breadcrumb a:hover {color: #eee;}
#nav .child-list a, #nav .child-list a:hover{color: #333}
#nav .btn-child {padding: 2px 10px; border-radius: 0;}
#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: 80px; color: #333; text-align: right; padding-right: 10px;}
#nav .child-list li:last-child {border-bottom: none}

.section {margin: 10px; padding: 10px; background-color: #fff; box-shadow: 0 1px 3px #ccc; }
.section .title {height: 25px; line-height: 25px;}
.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; box-shadow: 0 -1px 1px #ccc; background: #fff; position: fixed; top: 0px; left: 10px; width: auto; right: 10px;}
.section .wrap {padding: 10px; }
.articles li {height: 84px; border-bottom: 1px solid #eee; overflow: hidden; padding: 10px 0;}
.articles li .item-thumb {width: 64px; height: 64px; float: left; background: #e74950; text-align: center; color: #eee; padding: 10px 5px; overflow: hidden; zoom: 1}
.articles li .item-thumb  span {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; height: 44px; overflow: hidden; font-size: 16px; line-height: 22px; }
.articles li .item-content {margin-left: 70px; overflow: hidden;  position: relative;}
.articles li:last-child {border-bottom: none}
.articles li a {display: block; width: 66%; height: 64px; }
.articles li a .ntitle {display: block; 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; color: #999; font-size: 12px; 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; }
.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: #fff;}
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; color: #999}
section.content .article-header .detail .time {float: left;}
section.content .article-header .detail .source {float: right}
section.content .article-content {padding: 10px 5px; line-height: 20px; letter-spacing: 0.5px;}
section.content .article-content a{color: #0088ff;}
section.content .page-guid {height: 35px; line-height: 35px; 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: 10px;}
section.content .article-content .article-pic img {width: 100%; height: auto;}