.rankTop{height:100vh}.rankTop .topContent{position:relative;height:8.4rem;background:url(../img/rankTop-bg.82dd62ce.jpg) no-repeat;background-size:100% 100%}.rankTop .topContent .yearMonth{height:.58rem;padding:0 .15rem;text-align:center;color:#ff006e;border-radius:.58rem;line-height:.62rem;margin:0 auto;background:hsla(0,0%,100%,.75);font-size:.3rem;position:absolute;top:1.5rem;right:.3rem;box-sizing:border-box}.rankTop .topContent .tip{border-radius:2rem;font-size:.28rem;text-align:center;padding:.15rem .25rem;color:hsla(0,0%,100%,.5);width:95%;margin:0 auto;margin-top:.15rem;background:hsla(0,0%,100%,.06);box-sizing:border-box;font-size:10px}.rankTop .topContent .top3{width:9.2rem;height:5.3rem;position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:0 .3rem;box-sizing:border-box;display:flex;flex-direction:column-reverse}.rankTop .topContent .top3 .center{position:relative}.rankTop .topContent .top3 .center .second{position:absolute;bottom:0;left:0;width:2.58rem;height:3.2rem;box-sizing:border-box;padding:1.65rem .1rem 0 .1rem}.rankTop .topContent .top3 .center .second .head{position:absolute;top:-.6rem;left:50%;width:1.4rem;height:1.4rem;border-radius:1.4rem;border:2px solid #c8d2fc;box-sizing:border-box;transform:translateX(-50%)}.rankTop .topContent .top3 .center .second .crown{position:absolute;top:-.85rem;left:1.4rem;transform:rotate(30deg);width:.74rem;height:.48rem;z-index:1}.rankTop .topContent .top3 .center .second .rankNum{position:absolute;top:.65rem;left:50%;transform:translateX(-50%);width:.95rem;height:.35rem;z-index:1}.rankTop .topContent .top3 .center .second .name{margin-top:.05rem;display:block;text-align:center;color:#fff;font-size:.34rem;opacity:.8;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.rankTop .topContent .top3 .center .second .money{display:block;text-align:center;color:#fff;font-size:.28rem;margin-top:.15rem;font-weight:600}.rankTop .topContent .top3 .center .second .money b{font-size:.48rem}.rankTop .topContent .top3 .center .first{position:absolute;bottom:0;left:2.68rem;width:3.2rem;height:3.6rem;box-sizing:border-box;padding:1.75rem .1rem 0 .1rem}.rankTop .topContent .top3 .center .first .head{position:absolute;top:-1.5rem;left:50%;width:2.1rem;height:2.1rem;border-radius:1.4rem;border:2px solid #fff162;box-sizing:border-box;transform:translateX(-50%)}.rankTop .topContent .top3 .center .first .crown{position:absolute;top:-2rem;left:1.6rem;transform:rotate(30deg);width:1.23rem;height:.81rem;z-index:1}.rankTop .topContent .top3 .center .first .rankNum{position:absolute;top:.45rem;left:50%;transform:translateX(-50%);width:1.235rem;height:.455rem;z-index:1}.rankTop .topContent .top3 .center .first .name{margin-top:.2rem;display:block;text-align:center;color:#fff;font-size:.34rem;opacity:.8;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.rankTop .topContent .top3 .center .first .money{display:block;text-align:center;color:#fff;font-size:.28rem;margin-top:.15rem;font-weight:600}.rankTop .topContent .top3 .center .first .money b{font-size:.56rem}.rankTop .topContent .top3 .center .third{position:absolute;bottom:0;right:0;width:2.58rem;height:3.2rem;box-sizing:border-box;padding:1.65rem .1rem 0 .1rem}.rankTop .topContent .top3 .center .third .head{position:absolute;top:-.6rem;left:50%;width:1.4rem;height:1.4rem;border-radius:1.4rem;border:2px solid #dba884;box-sizing:border-box;transform:translateX(-50%)}.rankTop .topContent .top3 .center .third .crown{position:absolute;top:-.85rem;left:1.4rem;transform:rotate(38deg);width:.74rem;height:.48rem;z-index:1}.rankTop .topContent .top3 .center .third .rankNum{position:absolute;top:.65rem;left:50%;transform:translateX(-50%);width:.95rem;height:.35rem;z-index:1}.rankTop .topContent .top3 .center .third .name{margin-top:.05rem;display:block;text-align:center;color:#fff;font-size:.34rem;opacity:.8;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.rankTop .topContent .top3 .center .third .money{display:block;text-align:center;color:#fff;font-size:.28rem;margin-top:.15rem;font-weight:600}.rankTop .topContent .top3 .center .third .money b{font-size:.48rem}.rankTop .topContent .tipUser{position:absolute;top:.3rem;left:.3rem;color:#fff;background:rgba(0,0,0,.5);border-radius:1rem;padding:.05rem .2rem;opacity:0;animation:show 4s infinite;display:flex;align-items:center;justify-content:flex-start}.rankTop .topContent .tipUser img{width:.3rem;height:.3rem;border-radius:.3rem;margin-right:.1rem}@keyframes show{0%{opacity:0}80%{opacity:1}to{opacity:0}}.rankTop .table{border-top-left-radius:.2rem;border-top-right-radius:.2rem;background:#fff;margin-top:-.25rem;position:relative;z-index:9}.rankTop .table .tableTitle{display:flex}.rankTop .table .tableTitle div{line-height:1.2rem;color:#999}.rankTop .table .tableTitle div:first-child{width:70%;padding-left:1.8rem;box-sizing:border-box}.rankTop .table .tableTitle div:nth-child(2){width:30%;text-align:right;padding-right:.8rem;box-sizing:border-box}.rankTop .table .bodyIn{overflow-y:scroll;height:9rem;padding-bottom:2.5rem}.rankTop .table .bodyIn .rankTip{padding:0 .4rem}.rankTop .table .bodyIn .rankTip p{background:rgba(0,0,0,.06);border-radius:.2rem;padding:.15rem .3rem;font-size:12px;color:#999;line-height:.5rem}.rankTop .table .tableBody{display:flex;padding-bottom:.3rem}.rankTop .table .tableBody div{line-height:1.2rem;color:#666}.rankTop .table .tableBody .userInfo{width:70%;padding-left:.6rem;box-sizing:border-box;display:flex;align-items:center;position:relative}.rankTop .table .tableBody .userInfo .headImg{width:1rem;height:1rem;border-radius:1rem;margin-right:.2rem}.rankTop .table .tableBody .userInfo .name{font-size:.36rem;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.rankTop .table .tableBody .userInfo .rankNum{position:absolute;top:.8rem;left:1.3rem;height:.36rem;width:.36rem;line-height:.39rem;border-radius:.36rem;text-align:center;background:#fff}.rankTop .table .tableBody .money{width:30%;text-align:right;padding-right:.8rem;box-sizing:border-box;font-size:.36rem;font-weight:600}.rankTop .goHome{position:fixed;right:0;bottom:36%;height:.8rem;line-height:.8rem;color:#68400b;background:linear-gradient(180deg,#f0d19d,#e6ba79);border-radius:.4rem 0 0 .4rem;box-shadow:0 2px 3px 0 rgba(189,112,0,.27);padding:0 .22rem;font-weight:600;z-index:10}.rankTop .myRank{border-top-left-radius:.4rem;border-top-right-radius:.4rem;padding:.5rem .6rem .8rem;width:100%;position:fixed;bottom:0;left:0;background:#ff2c84;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;z-index:9}.rankTop .myRank .myInfo{display:flex}.rankTop .myRank .myInfo img{width:1rem;height:1rem;border-radius:1rem;border:2px solid #fff3df}.rankTop .myRank .myInfo .rankNum{padding-left:.3rem}.rankTop .myRank .myInfo .rankNum span{display:block;color:#fff;font-size:.36rem;margin-top:.1rem}.rankTop .myRank .myInfo .rankNum .money{font-size:.34rem}.rankTop .myRank .Btn{height:.8rem;line-height:.8rem;padding:0 .3rem;border-radius:.8rem;display:inline-block;font-weight:600;background:rgba(0,0,0,.24);box-shadow:0 4px 16px -4px rgb(246 195 2.825%);color:#fff;font-size:.38rem;text-align:center}