/*排序*/
.sort { width: 120px; padding: 4px 16px; font-size: 14px; display: none; position: absolute; top: 41px; right: 0; z-index: 10; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; }
.sort a { display: block; text-align: center; padding: 12px 0; border-bottom: 1px solid #E9E9E9; }
.sort a:last-child { border-bottom: none; }
.sort .active { font-weight: bold; }

/*文章分组*/
.groups {  margin-bottom: 16px; font-size: 16px; flex-wrap:wrap; }
.groups a { margin-bottom:16px; }
.groups span { margin: 0px 16px 16px 16px; width: 8px; height: 8px; background: #A7DFFA; color: transparent; border-radius: 2px; }

/*面包屑sitemap*/
.sitemap-box > a i { margin-left: 12px; }
.sitemap-box .flr i { margin-left: 8px; }


/*列表模式*/
#list { margin-bottom: 80px; position: relative; }
#list .main .items { display: flex; flex-wrap: wrap; }
#list .main .item { width: 384px; margin-left: 24px; margin-bottom: 24px; box-sizing: border-box; border: 1px solid #E9E9E9; border-radius: 10px; overflow: hidden; }
#list .main .items .item:nth-child(3n+1) { margin-left: 0; }
#list .main .item .pic { overflow: hidden; background: #ffffff; }
#list .main .item .info { padding:24px; }
#list .main .item .data { }
#list .main .item .name { height:54px; font-size: 20px; font-weight: bold; line-height:1.3; margin-top: 12px; overflow:hidden; }
#list .main .item .split { width: 100%; height: 0px; border-bottom: 1px solid #E9E9E9; margin: 24px 0; }
#list .main .item .url i { margin-top:-2px; margin-left:4px; }

/*卡片模式*/
#card { margin-bottom: 80px; }
#card .main { width: 100%; }
#card .main .item { margin-bottom: 32px; width: 588px; border: 1px solid #E9E9E9; box-sizing: border-box; border-radius: 10px; overflow: hidden; }
#card .main .item:nth-child(even) { margin-left: 0px; }
#card .main .item:nth-child(odd) { margin-right: 24px; }
#card .main .item .pic { width: 243px; box-sizing: border-box; border-radius: 10px; overflow:hidden; }
#card .main .item .ratio43 { width: 243px; padding-top: 144px; background: none; }
#card .main .item .pic a { box-sizing: border-box; }
#card .main .item .info { width: 301px; height: 144px; border-left: none; display: flex; flex-direction: column; justify-content: center; padding: 0 20px; }
#card .main .item .info .name { font-size: 16px; font-family: Arial; font-weight: bold; }
#card .main .item .info .desc { max-height:63px; margin-top: 16px; font-size: 14px; line-height: 1.5; overflow: hidden; }
#card .paging { margin-top:-8px; }

/*仅卡片*/
#cardonly { margin-bottom: 80px; }
#cardonly .item { width: 282px; margin-left: 24px; margin-bottom: 24px; box-sizing: border-box; border: 1px solid #E9E9E9; border-radius: 10px; overflow: hidden; }
#cardonly .item:nth-child(4n+1) { margin-left: 0px; }
#cardonly .item .pic { width: 100%; height: 158px; }
#cardonly .item .pic a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
#cardonly .item .pic img { max-width: 100%; max-height: 100%; }
#cardonly .item .info { height: 63px; line-height: 63px; text-align: center; padding: 0 20px; }
#cardonly .item .info .name { box-sizing: border-box; border-top: 1px solid #E9E9E9; font-size: 16px; font-weight: 500; }
#cardonly .item .info .name a:hover { text-decoration: none; }
#cardonly .main .topic { display: none; }
#cardonly .paging { margin-top: 0px; }