@charset "utf-8";
section { display: block; width: 100%; }
/*列表页面*/
.left-con { float: left; width: 886px; position: relative; }
.list, .list ul, .arc-box { float: left; width: 811px; }
.list li { float: left; padding: 20px 0; border-bottom: 1px dashed #e0e0e0; width: 100%; }
.list li a { display: block; width: 100%; }
.list li a h3 { font-size: 20px; color: #333; line-height: 20px; }
.list li a p { line-height: 24px; font-size: 14px; color: #888; padding: 10px 0; }
.list li a p span { font-size: 14px; color: #e11919; }
.list li a .time { font-size: 16px; color: #999; float: right; line-height: 20px; margin-top: 10px; }
.dede_pages { width: 881px; float: left; }
.pagelist { margin: 40px auto 0; display: block; text-align: center; }
.pagelist li { display: inline-block; height: 24px; margin: 0 5px; }
.pagelist li a { padding: 0 9px; height: 22px; line-height: 22px; display: block; border: 1px solid #aaa; border-radius: 5px; font-size: 14px; color: #686868; }
.pagelist li:first-child a, .pagelist li:last-child a { color: #fff; background: #b17d22; border: 1px solid #b17d22; }
.right-con { width: 278px; float: right; }
/*文章页面*/
.arc-tit { border-bottom: 1px dashed #e0e0e0; margin-bottom: 20px; }
.arc-tit h1 { display: block; font-size: 24px; color: #333; text-align: center; }
.arc-tit p { text-align: center; line-height: 40px; display: block; }
.arc-tit p span { font-size: 14px; color: #666; display: inline-block; line-height: 40px; vertical-align: top; margin: 0 10px; }
.arc-con { display: block; font-size: 16px; color: #666; line-height: 30px; }
.arc-con p { line-height: 30px; font-size: 16px; color: #666; display: block; margin-bottom: 10px; }
.arc-author { display: block; height: 30px; width: 100%; line-height: 30px; font-size: 14px; color: #666; text-align: right; margin-bottom: 10px; }
.arc-more { display: block; height: 36px; line-height: 36px; width: 100%; margin-bottom: 10px; }
.arc-more span { float: left; background: #e8e8e8; padding: 0 20px; font-size: 16px; color: #666; line-height: 36px; height: 36px; max-width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.arc-more span:last-child { float: right; }
.arc-more span a { font-size: 16px; color: #666; }
.arc-list { float: left; width: 100%; margin-top: 10px; }
.list-tit { line-height: 40px; float: left; width: 100%; border-bottom: 1px dashed #e0e0e0; font-size: 20px; color: #b07b1f; }
.list-tit i { width: 32px; height: 26px; display: inline-block; background: url(../images/tabs-icon.png) 0 -173px no-repeat; vertical-align: top; margin-top: 7px; }
.arc-list ul { float: left; width: 100%; padding: 5px 0; }
.arc-list li { width: 100%; line-height: 30px; position: relative; float: left; }
.arc-list li i { height: 0px; width: 0px; border-top: 6px solid transparent; border-left: 8px solid #b07b1f; border-bottom: 6px solid transparent; position: absolute; top: 9px; }
.arc-list li a { padding-left: 15px; display: block; font-size: 16px; color: #5d5d5d; line-height: 30px; }
.arc-list li a:hover { color: #b07b1f; }
.arc-list li span { font-size: 14px; color: #888; position: absolute; right: 0; line-height: 24px; top: 0; }