/* article_category
----------------------------------------------- */
#article-category {
 margin-bottom: 80px;
}
#article-category .article-list .item {
 margin-bottom: 40px;
}
#article-category .article-list .item .head {
 display: flex;
 justify-content: space-between;
 align-items: center;
 border-bottom: 1px dashed #D3D3D3;
 padding-bottom: 8px;
}
#article-category .article-list .item .head .cat-name {
 font-size: 24px;
 font-weight: bold;
 color: #000;
}
#article-category .article-list .item .head .info {
 color: #999;
}
#article-category .article-list .item .head .info span {
 margin-left: 15px;
}
#article-category .article-list .item .head .info span i {
 margin-right: 5px;
}
#article-category .article-list .item .title {
 margin-top: 15px;
 margin-bottom: 15px;
}
#article-category .article-list .item .title a {
 color: #0072C6;
 font-size: 20px;
}
#article-category .article-list .item .main {
 background-color: #f5f5f5;
 border: 1px solid transparent;
 border-radius: 8px;
 box-sizing: border-box;
 padding: 10px;
}
#article-category .article-list .item .main .h {
 color: #555;
 font-weight: bold;
}
#article-category .article-list .item .main .h i {
 color: #0072C6;
 margin-right: 10px;
 font-size: 15px;
}
#article-category .article-list .item .main .desc {
 padding-left: 23px;
 margin-top: 15px;
 line-height: 180%;
 color: #555;
}
/* article
----------------------------------------------- */
#article {
 margin-bottom: 50px;
}
#article h1 {
 font-size: 28px;
 font-weight: bold;
}
#article .info {
 padding: 2px 0 20px 0;
 color: #999999;
 font-size: 13px;
}
#article .content {
 line-height: 1.5;
 font-size: 16px;
}
#article .content img {
 max-width: 100%;
}