.inner { min-height: 760px; padding: 96px 0 110px; }

/* 详情页 */
.article { width: 1000px; margin: 0 auto; }
.article h1 { font-size: 32px; line-height: 1.4; text-align: center; color: #333; }
.article .info { margin: 50px 0 12px; padding-right: 20px; font-size: 12px; text-align: right; color: #aaa; }
.article p { margin-bottom: 18px; font-size: 18px; line-height: 35px; text-indent: 2em; color: #666; }
.btn-close { display: block; width: 64px; margin: 70px 0 0 auto; font-size: 12px; line-height: 22px; text-align: center; color: #666; border-radius: 11px; background: linear-gradient(#fff, #eee); box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: color .3s, box-shadow .3s; }
.btn-close::before { content: "✖"; margin-right: 4px; font-size: 10px; color: #7ac100; }
.btn-close:hover { color: var(--red); box-shadow: 0 2px 6px rgba(0, 0, 0, .35); }

/* 列表页 */
.list-box { width: 864px; margin: 0 auto; }
.list-box h2 { margin-bottom: 8px; font-size: 24px; line-height: 40px; color: #a30c10; }
.list-box li { border-bottom: 1px dashed #999; }
.list-box li a { position: relative; display: block; height: 101px; padding-left: 21px; overflow: hidden; font-size: 18px; line-height: 101px; white-space: nowrap; text-overflow: ellipsis; color: #333; transition: padding .3s, color .3s; }
.list-box li a::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -5px; border: 5px solid transparent; border-right: 0; border-left: 8px solid #1e88e5; transition: left .3s; }
.list-box li a:hover { padding-left: 32px; color: var(--red); }
.list-box li a:hover::before { left: 11px; }
.pager { margin-top: 44px; font-size: 14px; text-align: center; color: #666; }
.pager a { margin: 0 5px; }
.pager a:hover { color: var(--red); }
.pager .next { font-weight: 700; color: #000; }