.bgg-rank{margin-bottom:40px}.bgg-rank .tabs{position:fixed;top:0;left:0;right:0;padding:0 60px;background-color:#fff;z-index:100}.bgg-rank .tabs .tab{width:50%;position:relative;display:inline-block;text-align:center;padding:15px 0;font-weight:700;font-size:15px}.bgg-rank .tabs .tab.active:after{content:"";position:absolute;background-color:#7c66ff;border-radius:4px 1px 4px 1px;width:20px;height:4px;left:50%;margin-left:-10px;top:50%;margin-top:13px}.bgg-rank .searchbox{width:calc(100% - 30px);padding:8px 12px;font-size:13px;border:none;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.1);background-color:#f1f1f1;margin:50px 10px 15px}.bgg-rank ul li{padding:5px 5px 5px 0}.bgg-rank ul li:nth-child(2n){background-color:#f4f4f4}.bgg-rank ul li:active{background-color:#eee}.bgg-rank ul li>*{vertical-align:middle}.bgg-rank ul .mini{width:35px}.bgg-rank ul .mini,.bgg-rank ul .short{display:inline-block;font-size:12px;text-align:center}.bgg-rank ul .short{width:50px}.bgg-rank ul img{width:48px;margin-right:10px;border-radius:3px}.bgg-rank ul .name{display:inline-block;width:calc(100% - 248px)}.bgg-rank ul .name .intro{color:#aaa;font-size:12px}.loader{text-align:center;margin-left:30px;padding:10px 0}.loader:before{position:absolute;width:16px;height:16px;margin-left:-30px;border:2px solid #674cff;border-left-color:transparent;border-radius:10px;animation:rolling 1s infinite;content:""}@keyframes rolling{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}