@charset "utf-8";
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; font-size: 14px; color: #333; background: #f2f2f2; line-height: 1.7; }
a { color: #333; text-decoration: none; }
a:hover { color: #c0392b; }
img { border: 0; max-width: 100%; }
ul, li { list-style: none; }
.wrap { width: 1200px; margin: 0 auto; }

.topbar { background: #2b2b2b; color: #bbb; font-size: 12px; }
.topbar .wrap { height: 32px; line-height: 32px; overflow: hidden; }
.topbar a { color: #bbb; }
.topbar a:hover { color: #fff; }
.topbar .right { float: right; }

.header { background: #1f1f1f; padding: 18px 0; overflow: hidden; }
.logo { float: left; }
.logo h1 { font-size: 30px; color: #f1c40f; letter-spacing: 2px; }
.logo h1 span { color: #e74c3c; }
.logo p { color: #999; font-size: 12px; margin-top: 4px; }
.searchbox { float: right; margin-top: 14px; }
.searchbox input[type=text] { width: 280px; height: 36px; border: 1px solid #444; background: #fff; padding: 0 12px; outline: none; }
.searchbox button { width: 78px; height: 36px; background: #c0392b; color: #fff; border: 0; cursor: pointer; }

.nav { background: #c0392b; }
.nav ul { overflow: hidden; }
.nav li { float: left; }
.nav li a { display: block; color: #fff; padding: 0 34px; line-height: 46px; font-size: 16px; }
.nav li a:hover, .nav li a.on { background: #96281b; }

.banner { width: 100%; height: 320px; overflow: hidden; }
.banner img { width: 100%; height: 320px; object-fit: cover; display: block; }

.main { margin: 20px auto; overflow: hidden; }
.content { float: left; width: 850px; }
.sidebar { float: right; width: 320px; }

.box { background: #fff; border: 1px solid #e5e5e5; margin-bottom: 20px; }
.box-h { height: 42px; line-height: 42px; border-bottom: 2px solid #c0392b; padding: 0 15px; font-size: 16px; font-weight: bold; color: #c0392b; }
.box-h span { float: right; font-size: 12px; font-weight: normal; }
.box-h span a { color: #999; }
.box-b { padding: 15px; }

.news-list li { height: 38px; line-height: 38px; border-bottom: 1px dashed #eee; overflow: hidden; }
.news-list li a { float: left; max-width: 620px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-list li .date { float: right; color: #999; font-size: 12px; }
.news-list li a:before { content: "▸"; color: #c0392b; margin-right: 6px; }

.hot-news { padding: 5px 15px 15px; }
.hot-news .item { overflow: hidden; padding: 12px 0; border-bottom: 1px dashed #eee; }
.hot-news .item:last-child { border-bottom: 0; }
.hot-news .pic { float: left; width: 150px; height: 95px; overflow: hidden; margin-right: 12px; }
.hot-news .pic img { width: 150px; height: 95px; object-fit: cover; }
.hot-news .txt h3 { font-size: 15px; margin-bottom: 6px; }
.hot-news .txt p { color: #888; font-size: 12px; line-height: 1.6; }

.side-box { background: #fff; border: 1px solid #e5e5e5; margin-bottom: 20px; }
.side-h { height: 40px; line-height: 40px; background: #f7f7f7; border-bottom: 1px solid #eee; padding: 0 12px; font-weight: bold; color: #c0392b; }
.side-b { padding: 12px; }
.rank-list li { height: 32px; line-height: 32px; overflow: hidden; }
.rank-list li em { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #ddd; color: #fff; font-style: normal; margin-right: 8px; font-size: 12px; }
.rank-list li:nth-child(1) em, .rank-list li:nth-child(2) em, .rank-list li:nth-child(3) em { background: #c0392b; }

.tag-cloud a { display: inline-block; padding: 3px 10px; border: 1px solid #ddd; margin: 0 6px 8px 0; font-size: 12px; color: #666; }
.tag-cloud a:hover { background: #c0392b; color: #fff; border-color: #c0392b; }

.article { background: #fff; border: 1px solid #e5e5e5; padding: 25px 30px; }
.article h1 { font-size: 24px; line-height: 1.5; text-align: center; margin-bottom: 12px; }
.article .meta { text-align: center; color: #999; font-size: 12px; border-bottom: 1px dashed #eee; padding-bottom: 12px; margin-bottom: 20px; }
.article .meta span { margin: 0 8px; }
.article p { margin-bottom: 14px; text-indent: 2em; font-size: 15px; }
.article h2 { font-size: 18px; color: #c0392b; margin: 22px 0 12px; border-left: 4px solid #c0392b; padding-left: 10px; }
.article ul { margin: 0 0 14px 2em; }
.article ul li { list-style: disc; margin-bottom: 6px; }
.article .imgbox { text-align: center; margin: 18px 0; }
.article .imgbox img { max-width: 100%; }
.article .imgbox p { text-indent: 0; color: #999; font-size: 12px; margin-top: 6px; }

.faq-item { border-bottom: 1px dashed #eee; padding: 12px 0; }
.faq-item h3 { font-size: 15px; color: #333; margin-bottom: 6px; }
.faq-item h3:before { content: "Q："; color: #c0392b; font-weight: bold; }
.faq-item p { color: #555; }
.faq-item p:before { content: "A："; color: #27ae60; font-weight: bold; }

.page-nav { margin-top: 25px; padding-top: 15px; border-top: 1px solid #eee; overflow: hidden; }
.page-nav a { display: inline-block; padding: 6px 14px; border: 1px solid #ddd; margin-right: 6px; font-size: 13px; }
.page-nav a:hover { background: #c0392b; color: #fff; border-color: #c0392b; }

.crumb { background: #fff; border: 1px solid #e5e5e5; padding: 10px 15px; margin-bottom: 15px; font-size: 13px; color: #888; }

.footer { background: #1f1f1f; color: #999; padding: 25px 0; margin-top: 30px; font-size: 12px; text-align: center; line-height: 2; }
.footer a { color: #999; }
.footer a:hover { color: #fff; }

@media (max-width: 1200px) { .wrap { width: 96%; } .content { width: 100%; float: none; } .sidebar { width: 100%; float: none; } }