.leaderboard{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;position:fixed;top:0;left:0;right:0;bottom:0}.leaderboard.with-nav{padding-top:12.222222vw}.scroll-container{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-size:3.518519vw;padding:0 2.777778vw;overflow-y:auto}.main-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;min-height:calc(100vh - 13.148148vw)}.main-content .banner-swipe{width:94.444444vw;height:29.62963vw;margin-top:0.925926vw;border-radius:1.851852vw;overflow:hidden}.main-content .banner-swipe .item img{width:94.444444vw;height:29.62963vw}.main-content .banner-swipe .banner-indicator{position:absolute;left:50%;bottom:0.925926vw;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:0.740741vw;border-radius:0.925926vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-content .banner-swipe .banner-indicator .item{width:1.296296vw;height:0.740741vw;border-radius:0.925926vw;background:#fff;margin-left:0.925926vw}.main-content .banner-swipe .banner-indicator .item:first-child{margin-left:0}.main-content .banner-swipe .banner-indicator .item.active{width:3.333333vw;background:#f7381e}.main-content .top-list{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;border-radius:1.851852vw 1.851852vw 0 0;background:-webkit-gradient(linear, left top, left bottom, color-stop(7%, #FFEEEE), to(rgba(233, 242, 255, 0)));background:linear-gradient(180deg, #FFEEEE 7%, rgba(233, 242, 255, 0) 100%);margin-top:2.777778vw;padding:0 2.777778vw;position:relative}.main-content .top-list>.item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24.074074vw;height:28.703704vw;border-radius:1.851852vw;background:-webkit-gradient(linear, left top, left bottom, from(#FFE9CB), to(#FFFFFF));background:linear-gradient(180deg, #FFE9CB 0%, #FFFFFF 100%);font-size:3.148148vw;color:#1c1716;padding-top:7.407407vw;position:absolute;top:10.37037vw;left:35.185185vw}.main-content .top-list>.item .avatar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:11.111111vw;height:11.111111vw;position:absolute;top:-5.555556vw}.main-content .top-list>.item .avatar img{position:absolute;max-width:100%;max-height:100%;border:1px solid #ffb22d;background-color:#fff;border-radius:50%}.main-content .top-list>.item .avatar div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:7.407407vw;height:2.777778vw;border-radius:1.388889vw;color:#fff;font-size:2.222222vw;position:absolute;bottom:-0.462963vw;background:-webkit-gradient(linear, left top, left bottom, from(#FFB22D), to(#E89F21));background:linear-gradient(180deg, #FFB22D 0%, #E89F21 100%);border:1px solid #e8e2d8}.main-content .top-list>.item>div:nth-child(3){font-size:4.259259vw;margin:3.703704vw;color:#ffb22d;font-weight:500}.main-content .top-list>.item>div:nth-child(4){color:#a19795}.main-content .top-list>.item:nth-child(2){top:16.666667vw;left:6.481481vw;background:-webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#FFFFFF));background:linear-gradient(180deg, #EBEBEB 0%, #FFFFFF 100%)}.main-content .top-list>.item:nth-child(2) .avatar img{border-color:#b0aeae}.main-content .top-list>.item:nth-child(2) .avatar div{background:-webkit-gradient(linear, left top, left bottom, from(#B0AEAE), to(#969696));background:linear-gradient(180deg, #B0AEAE 0%, #969696 100%);border:1px solid #dfdfdf}.main-content .top-list>.item:nth-child(2)>div:nth-child(3){color:#615856}.main-content .top-list>.item:nth-child(3){top:16.666667vw;left:63.888889vw;background:-webkit-gradient(linear, left top, left bottom, from(#E9DAC5), to(#FFFFFF));background:linear-gradient(180deg, #E9DAC5 0%, #FFFFFF 100%)}.main-content .top-list>.item:nth-child(3) .avatar img{border-color:#b4905e}.main-content .top-list>.item:nth-child(3) .avatar div{background:-webkit-gradient(linear, left top, left bottom, from(#B4905E), to(#A07E4F));background:linear-gradient(180deg, #B4905E 0%, #A07E4F 100%);border:1px solid #dfdddb}.main-content .top-list>.item:nth-child(3)>div:nth-child(3){color:#936a32}.main-content .top-list .list-wrap{margin-top:50vw;padding:3.703704vw 2.777778vw;background-color:#fff;border-radius:1.851852vw 1.851852vw 0 0;font-size:3.333333vw}.main-content .top-list .list-wrap header,.main-content .top-list .list-wrap .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-content .top-list .list-wrap header>div,.main-content .top-list .list-wrap .item>div{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main-content .top-list .list-wrap header>div:nth-of-type(1),.main-content .top-list .list-wrap .item>div:nth-of-type(1){width:9.259259vw}.main-content .top-list .list-wrap header>div:nth-child(2),.main-content .top-list .list-wrap .item>div:nth-child(2){width:20.37037vw}.main-content .top-list .list-wrap header>div:nth-child(3),.main-content .top-list .list-wrap .item>div:nth-child(3){width:16.666667vw}.main-content .top-list .list-wrap header>div:nth-child(4),.main-content .top-list .list-wrap .item>div:nth-child(4){width:17.592593vw}.main-content .top-list .list-wrap .item{height:9.259259vw;margin-top:3.703704vw}.main-content .top-list .list-wrap .item:nth-child(odd){background:#f7f5f4}
