.rank-container{font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;background:#f7f7f7;min-height:100vh}.header{background:#fff;padding:12px 15px;border-bottom:1px solid #ededed}.title{font-size:18px;font-weight:500;color:#000;text-align:center;line-height:25px}.tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:10px}.tab-item{font-size:14px;color:#666;padding:6px 15px;position:relative}.tab-item.active{color:#07c160}.tab-item.active:after{content:"";position:absolute;bottom:-1px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:20px;height:2px;background:#07c160}.notice{font-size:12px;color:#999;text-align:center;padding:8px 15px;background:#f0f0f0;line-height:1.4}.list{list-style:none;padding:0;margin:0}.list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 15px;background:#fff;border-bottom:1px solid #f0f0f0}.rank{width:24px;text-align:center;font-size:16px;font-weight:600;color:#000}.avatar{width:40px;height:40px;border-radius:50%;margin:0 12px;background:#f0f0f0}.info{-webkit-box-flex:1;-ms-flex:1;flex:1}.name{font-size:16px;color:#000}.days,.name{display:block;line-height:1.4}.days{font-size:12px;color:#999}.steps{font-size:16px;color:#07c160;font-weight:500}.footer{font-size:12px;color:#999;text-align:center;padding:15px;background:#f7f7f7}.gold{background-color:rgba(255,215,0,.1)}.silver{background-color:hsla(0,0%,75.3%,.1)}.bronze{background-color:rgba(205,127,50,.1)}