.futures-rankings{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.futures-rankings .panel-head{gap:6px;flex-wrap:wrap}.futures-rankings .panel-head h2{font-size:13px}.futures-rankings .panel-head .state{font-size:10px;margin-left:auto}.futures-ranking-body{overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#31465b transparent}.ranking-group{padding:0 10px 6px}.ranking-group+.ranking-group{border-top:1px solid var(--border)}.ranking-title{display:flex;justify-content:space-between;align-items:center;padding:8px 0 5px;font-size:12px}.ranking-title span{font-size:10px;color:var(--muted)}.ranking-heading,.futures-row{display:grid;grid-template-columns:minmax(65px,1fr) minmax(66px,1fr) 64px;gap:7px;align-items:center}.ranking-heading{font-size:10px;color:var(--muted);height:20px}.ranking-heading>:not(:first-child){text-align:right}.futures-row{height:23px;font-size:12px;font-variant-numeric:tabular-nums;border-top:1px solid #22324755}.futures-row a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.futures-row a small{font-weight:400;font-size:9px;color:var(--muted);margin-right:5px}.futures-row .rank-price,.futures-row strong{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.futures-row strong{font-size:11px;font-weight:500}.futures-rankings .panel-foot{margin-top:auto;font-size:9px}.futures-rankings.stale .ranking-title:after{content:"延迟";font-size:10px;color:#d6ad7a;margin-left:6px}.futures-rankings.stale .futures-row{opacity:.65}@media(max-width:767px){.futures-rankings{order:5;flex:none}.futures-ranking-body{max-height:none}.futures-row{height:28px}}