#zlh-rank{
  box-sizing:border-box;
  padding:20px 16px 6px}
  @media (min-width:1000px){
  #zlh-rank{
  margin-left:126px;
  max-width:calc(100% - 135px);
  padding-left:36px;
  padding-right:24px}
  }
  #zlh-rank .rk-card{
  background:#fff;
  border:1px solid #e5eaf3;
  border-radius:12px;
  padding:18px 20px;
  max-width:1120px}
  #zlh-rank h2{
  margin:0 0 4px;
  font-size:18px;
  font-weight:700;
  color:#1d2129}
  #zlh-rank .rk-sub{
  font-size:12.5px;
  color:#86909c;
  margin:0 0 14px}
  #zlh-rank .rk-cols{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px}
  #zlh-rank h3{
  margin:0 0 8px;
  font-size:14px;
  color:#4e5969;
  font-weight:600}
  #zlh-rank ol{
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:rk}
  #zlh-rank li{
  counter-increment:rk;
  display:flex;
  align-items:center;
  gap:8px;
  padding:5px 0;
  border-bottom:1px dashed #f0f3f8;
  font-size:13.5px}
  #zlh-rank li:last-child{
  border-bottom:0}
  #zlh-rank li::before{
  content:counter(rk);
  flex:0 0 20px;
  height:20px;
  line-height:20px;
  text-align:center;
  border-radius:6px;
  background:#eef4ff;
  color:#4084ff;
  font-size:12px}
  #zlh-rank li:nth-child(-n+3)::before{
  background:#2979ff;
  color:#fff}
  #zlh-rank a{
  color:#1d2129;
  text-decoration:none;
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}
  #zlh-rank a:hover{
  color:#1d4ed8}
  #zlh-rank .rk-n{
  color:#86909c;
  font-size:12.5px}
  #zlh-rank .rk-foot{
  margin-top:14px;
  padding-top:12px;
  border-top:1px dashed #eef1f6;
  font-size:12.5px;
  color:#86909c}
  @media (max-width:820px){
  #zlh-rank .rk-cols{
  grid-template-columns:minmax(0,1fr)}
  }