.happy-scroll{width:100%;height:100%;overflow:hidden;position:relative}.happy-scroll-strip--vertical{position:absolute;right:0;top:0;height:100%}.happy-scroll-strip--vertical .happy-scroll-bar{background-color:rgba(51,51,51,.2);border-radius:7px;width:6px;height:0;-webkit-transition:width .4s ease,height .6s ease;transition:width .4s ease,height .6s ease}.happy-scroll-strip--horizontal{position:absolute;bottom:0;left:0;width:100%}.happy-scroll-strip--horizontal .happy-scroll-bar{background-color:rgba(51,51,51,.2);border-radius:7px;height:6px;width:0;-webkit-transition:height .4s ease,width .6s ease;transition:height .4s ease,width .6s ease}.happy-scroll-container::-webkit-scrollbar{display:none}.happy-scroll-container{overflow:auto}.happy-scroll-container .happy-scroll-content{display:inline-block}.infinite-container{overflow:auto;padding:8px 24px;height:100%}.topbar{width:90%;height:100px;margin-left:auto;text-align:center}.topbarTitle{margin-top:-10px;font-size:25px;color:#fff}.topbarContent{margin-top:-22px;font-size:20px;color:#e8eaed}.item:hover{color:#ced4da;text-color:#007bff;cursor:pointer}.rank{padding:0 32px 32px 72px}.rank .list{margin:25px 0 0;padding:0;list-style:none}.rank .list li{margin-top:16px}.rank .list li span{color:rgba(0,0,0,.65);font-size:14px;line-height:22px}.rank .list li span:first-child{background-color:#f5f5f5;border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-right:24px;height:20px;line-height:20px;width:20px;text-align:center}.rank .list li span.active{background-color:#314659;color:#fff}.rank .list li span:last-child{float:right}.mobile .rank{padding:0 32px 32px 32px}