.group-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}.module{background:#fff;border:1px solid #f0f0f0;border-radius:5px;margin-bottom:20px}.module .hd{position:relative;padding:12px 15px;background:#fafafa;border-bottom:1px solid #f4f4f4;overflow:hidden}.module .hd .title{position:relative;font-weight:bold;font-size:16px}.module .hd .title:before{position:absolute;left:-12px;top:50%;display:inline-block;width:5px;height:16px;content:"";margin-top:-8px;vertical-align:middle;background:#3b99fc;border-radius:3px}.module .hd .title strong{font-weight:bold;color:#fc9000}.module .hd .more{float:right;color:#999}.module .bd{padding:15px}@media screen and (max-width: 727px){.group-container{grid-template-columns:repeat(1, 1fr);gap:0}.module{border-left:none;border-right:none;border-radius:0;margin-bottom:15px}.module .hd{padding:8px 12px}.module .hd .title{font-size:15px}.module .hd .title:before{left:-10px}.module .bd{padding:10px}}.side .outer{position:sticky;top:90px;overflow:hidden}.mod-post .bd .item{position:relative;padding:10px;background:#f8f8f8;border-radius:4px;margin-bottom:10px}.mod-post .bd .item .c-hd p.title{margin-bottom:3px;line-height:24px;font-weight:bold;font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-post .bd .item .c-bd{display:flex}.mod-post .bd .item .c-bd .picture{width:120px;height:72px;margin-right:15px;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.mod-post .bd .item .c-bd .picture img{width:100%;height:100%;object-fit:cover}.mod-post .bd .item .c-bd .info{flex:1;min-width:0}.mod-post .bd .item .c-bd .info p.summary{max-height:60px;line-height:20px;font-size:13px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:3;color:#626a6a}.mod-post .bd li{line-height:32px;font-size:15px}.mod-post .bd li .date{float:right;color:#999}.mod-post .bd li a{display:block;margin-right:48px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-post .bd li a:hover{text-decoration:underline;color:#3b99fc}.mod-tags .bd{line-height:28px;overflow:hidden}.mod-tags .bd a{float:left;margin:0 1px 2px;line-height:28px;padding:0 10px;background:#f8f8f8;white-space:nowrap;border-radius:3px}.mod-tags .bd a:hover{background:#f4f4f4}@media screen and (max-width: 727px){.mod-post .bd li{line-height:28px;font-size:14px}}.mod-list .hd{position:relative}.mod-list .hd strong{font-weight:bold;color:#fc9000}.mod-list .hd .pagination{position:absolute;right:10px;bottom:3px}.mod-list .hd .pagination li{display:inline-block}.mod-list .hd .pagination li a,.mod-list .hd .pagination li span{position:relative;display:block;min-width:14px;height:30px;padding:0 8px;background:#fff;border:1px solid #e8e8e8;border-radius:3px;text-indent:-33em;overflow:hidden}.mod-list .hd .pagination li a.btn-first::before,.mod-list .hd .pagination li span.btn-first::before{position:absolute;left:50%;top:50%;width:0;height:16px;transform:translate(-5px, -8px);content:"";border-left:2px solid #3b99fc}.mod-list .hd .pagination li a.btn-first::after,.mod-list .hd .pagination li span.btn-first::after{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-10px, -8px);content:"";border:8px solid rgba(0,0,0,0);border-right-color:#3b99fc}.mod-list .hd .pagination li a.btn-prev::after,.mod-list .hd .pagination li span.btn-prev::after{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-12px, -8px);content:"";border:8px solid rgba(0,0,0,0);border-right-color:#3b99fc}.mod-list .hd .pagination li a.btn-next::after,.mod-list .hd .pagination li span.btn-next::after{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-3px, -8px);content:"";border:8px solid rgba(0,0,0,0);border-left-color:#3b99fc}.mod-list .hd .pagination li:hover a{background:#3b99fc;color:#fff}.mod-list .hd .pagination li:hover a.btn-first::before{border-left-color:#fff}.mod-list .hd .pagination li:hover a.btn-first::after{border-right-color:#fff}.mod-list .hd .pagination li:hover a.btn-prev::after{border-right-color:#fff}.mod-list .hd .pagination li:hover a.btn-next::after{border-left-color:#fff}.mod-list .bd{padding:15px 10px}.mod-list .bd .item{display:flex;padding:10px;border-bottom:1px solid #f0f0f0;position:relative;overflow:hidden}.mod-list .bd .item:last-child{border-bottom:none}.mod-list .bd .item .picture{width:240px;height:135px;margin-right:20px;border:1px solid #f0f0f0;border-radius:5px;overflow:hidden}.mod-list .bd .item .picture img{width:100%;height:100%;object-fit:cover}.mod-list .bd .item .info{flex:1;min-width:0}.mod-list .bd .item .info p.title{margin-bottom:5px;line-height:32px;font-size:18px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-list .bd .item .info p.title a{color:#3b99fc}.mod-list .bd .item .info p.summary{margin-bottom:10px;max-height:44px;line-height:22px;font-size:13px;color:#828a92;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}.mod-list .bd .item .info p.summary a{white-space:nowrap;color:#828a92}.mod-list .bd .item .info p.desc{line-height:22px;font-size:12px;color:#828a92}.mod-list .bd .item .info p.desc span,.mod-list .bd .item .info p.desc time{margin-right:10px}.mod-list .bd .item .info p.desc a{color:#828a92}.mod-list .bd .item .info p.desc .author{display:inline-block;padding-left:20px;background:url("/static/www/image/public/icon-person.png") left center no-repeat;background-size:16px 16px}.mod-list .bd .item .info p.desc .date{display:inline-block;padding-left:20px;background:url("/static/www/image/public/icon-time.png") left center no-repeat;background-size:16px 16px}.mod-list .bd .item .info p.desc .view{display:inline-block;padding-left:20px;background:url("/static/www/image/public/icon-view.png") left center no-repeat;background-size:16px 16px}.mod-list .bd .item .info p.desc .tags{float:right;margin-right:0;height:22px;overflow:hidden}.mod-list .bd .item .info p.desc .tags span,.mod-list .bd .item .info p.desc .tags a{vertical-align:middle}.mod-list .bd .item .info p.desc .tags .tag{display:inline-block;padding:0 8px;background:#eeeef6;line-height:24px;white-space:nowrap;color:#8a919f;border-radius:3px}.mod-list .bd .item .info p.desc .tags .tag:hover{color:#2359a6}.mod-list .ft{padding:15px 0 25px;text-align:center}.mod-list .ft li{display:inline-block;margin:0 2px}.mod-list .ft li a,.mod-list .ft li span{display:block;min-width:14px;height:30px;padding:0 8px;background:#f8f8f8;line-height:30px;font-weight:bold;border-radius:15px}.mod-list .ft li.active a{background:#3b99fc;color:#fff}.mod-tags .bd{line-height:28px;overflow:hidden}.mod-tags .bd a{float:left;margin:0 1px 2px;line-height:28px;padding:0 10px;background:#f8f8f8;white-space:nowrap;border-radius:3px}.mod-tags .bd a:hover{background:#f4f4f4}.mod-tags .ft{padding:15px 0 25px;text-align:center}.mod-tags .ft li{display:inline-block;margin:0 2px}.mod-tags .ft li a,.mod-tags .ft li span{display:block;min-width:14px;height:30px;padding:0 8px;background:#f8f8f8;line-height:30px;font-weight:bold;border-radius:15px}.mod-tags .ft li.active a{background:#2359a6;color:#fff}.mod-train ul{overflow:hidden}.mod-train li{float:left;width:25%}.mod-train li a{display:block;padding:0 12px;margin:0 1px 2px;height:30px;background:#fafafa;line-height:30px;text-align:center;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mod-train li a:hover{background:#e9f4ff}@media screen and (max-width: 727px){.mod-list .bd .item{display:block;padding:10px 0}.mod-list .bd .item .picture{float:left;width:128px;height:72px;margin-right:12px}.mod-list .bd .item .info{margin-left:0}.mod-list .bd .item .info p.title{margin-bottom:0;line-height:28px;font-size:16px}.mod-list .bd .item .info p.summary{max-height:40px;line-height:20px}.mod-train li{width:50%}}