.article-detail{background-color:#f2f2f2;width:100%;overflow-x:hidden;}.article-detail .container{max-width:1800px;margin:0 auto;padding:10px;width:100%;}.article-detail .container .header{font-size:16px;color:#909090;background-color:#fff;padding:15px;margin-bottom:15px;border-radius:8px;}.article-detail .container .header a,.article-detail .container .header span{font-weight:bold;font-size:18px;line-height:26px;color:#909090;text-decoration:none;}.article-detail .container .body{display:flex;gap:20px;flex-wrap:wrap;}.article-detail .container .body .detail{background-color:#fff;padding:15px;border-radius:8px;margin-bottom:20px;max-width:1200px;}.article-detail .container .body .detail img{max-width:100%;height:auto;display:block;}.article-detail .container .body .detail .content{word-wrap:break-word;}.article-detail .container .body .detail .title{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:4px solid #e8e8e8;padding-bottom:15px;}.article-detail .container .body .detail .title h1{font-weight:bold;font-size:30px;color:#c7a777;word-wrap:break-word;}.article-detail .container .body .recommend{width:500px;position:sticky;top:0;}.article-detail .container .body .recommend .partial_article{margin-bottom:20px;}.article-detail .container .body .recommend h2{background-color:#fff;padding:15px;font-size:20px;color:#c7a777;margin:0 0 15px 0;border-radius:8px;}.article-detail .container .faqs{font-size:20px;color:#333;background-color:#fff;padding:15px;margin-bottom:15px;border-radius:8px;}.article-detail .container .faqs .faq{margin-bottom:40px;}.article-detail .container .faqs .faq .question{color:#be1818;font-size:24px;}.article-index .header{height:400px;align-content:center;background:url(/img/article/banner.jpg) no-repeat;background-size:cover;}.article-index .header h1{color:#fff;font-size:50px;}.article-index .header p{color:#fff;font-size:20px;}.article-index .news{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:30px;}.article-index .pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:40px 0;flex-wrap:wrap;}.article-index .page-link{display:inline-block;padding:8px 16px;background-color:#fff;color:#333;border:1px solid #e0e0e0;border-radius:4px;text-decoration:none;transition:all .3s ease;}.article-index .page-link:hover{background-color:#f5f5f5;border-color:#ff6b6b;color:#ff6b6b;}.article-index .page-link.active{background-color:#ff6b6b;border-color:#ff6b6b;color:#fff;}.article-index .page-link.prev,.article-index .page-link.next{background-color:#f5f5f5;font-weight:500;}.article-index .page-ellipsis{color:#666;font-size:16px;}@media(max-width:576px){.article-index .news{display:grid;grid-template-columns:repeat(1,1fr);gap:30px;padding:30px;}}