.sys-famous{ width: 1200px; margin: 50px auto; box-shadow: 0 0 4px 0 rgba(3,27,78,.1); padding: 20px 20px 40px; }
.famous-column .fl{ font-size: 25px; line-height: 60px; }
.famous-column .fl i{ font-size: 35px; margin-right: 15px; }
.famous-column .fr{ color: var(--color); line-height: 60px; font-size: 14px; }
.famous-list{  }
.famous-card{ margin-top: 40px; box-shadow: 0 0 4px 0 rgba(3,27,78,.1); padding: 30px; }
.famous-card>a{ display: flex; }
.famous-card>a img{ width: 200px; margin-right: 30px; }
.famous-card-des{ flex: 1; min-width: 0; }
.famous-card-name{ font-weight: normal; font-size: 22px; margin-bottom: 10px; }
.famous-card-post{ font-size: 14px; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.famous-card-summary{ font-size: 14px; color: #999; line-height: 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; margin-bottom: 8px; }
.famous-card-labels{     background: #f5f7fa; line-height: 35px; color: #666; padding: 0 15px; margin-top: 6px; font-size: 14px; white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.famous-img-s{ width: 120px; margin-right: 30px; }
.famous-img-s img{ width: 100px; height: 100px; border-radius: 50% 50% 50% 0; margin-bottom: 5px; }
.famous-card-s-post{ font-size: 12px; color: #999; }
.famous-card-s-summary{ padding: 20px; background-color: #f3f5f9; border-radius: 0 16px 16px 16px; font-size: 14px; line-height: 24px; color: #666; height: 144px; box-sizing: border-box; }
.famous-card-s-summary p{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; max-height: 96px; }
.famous-card-s{ width: 47.5%; }