.navigation-bar[data-v-2a820fe8]{padding:0 16px;height:44px;line-height:44px;font-weight:700;font-size:18px;color:#030303;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-container[data-v-a374e88e]{height:100%;padding:0 16px;background:url(../img/hot-list-bg.6e409f9e.webp) no-repeat;background-size:cover;background-color:#fff}.app-container .navigation-bar[data-v-a374e88e]{padding:0}.app-container .top-three[data-v-a374e88e]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.app-container .top-three .rank-top-item[data-v-a374e88e]{width:108px;height:228px;position:relative}.app-container .top-three .rank-top-item .bg[data-v-a374e88e]{width:100%;position:absolute;bottom:0;left:0}.app-container .top-three .rank-top-item .avatar[data-v-a374e88e]{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:95px}.app-container .top-three .rank-top-item .name[data-v-a374e88e]{width:80%;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700;font-size:14px;color:#030303;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:150px}.app-container .top-three .rank-top-item .hot[data-v-a374e88e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:2px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:178px;font-weight:700;font-size:16px;color:#fd6662}.app-container .top-three .rank-top-item .hot img[data-v-a374e88e]{width:24px;height:24px}.app-container .top-three .rank-top-item.first .bg[data-v-a374e88e]{bottom:auto;top:0}.app-container .top-three .rank-top-item.first .avatar[data-v-a374e88e]{width:48px;height:48px;top:49px}.app-container .top-three .rank-top-item.first .name[data-v-a374e88e]{top:109px}.app-container .top-three .rank-top-item.first .hot[data-v-a374e88e]{top:137px}.app-container .tip[data-v-a374e88e]{padding:20px 0 4px;font-weight:400;font-size:12px;color:#999}.app-container .list-item[data-v-a374e88e]{width:100%;height:62px;padding-bottom:93px}.app-container .list-item td[data-v-a374e88e]{vertical-align:center}.app-container .list-item td.rank[data-v-a374e88e]{width:35px;font-weight:700;font-size:17px;color:#ccc}.app-container .list-item td.avatar[data-v-a374e88e]{width:69px}.app-container .list-item td.avatar .avatar-wrapper[data-v-a374e88e]{width:36px;height:36px;border:1px solid #feb849;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.app-container .list-item td.avatar .avatar-wrapper img[data-v-a374e88e]{width:100%}.app-container .list-item td.name .name-wrapper[data-v-a374e88e]{width:180px;font-weight:700;font-size:14px;color:#030303;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.app-container .list-item td.hot[data-v-a374e88e]{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:80px}.app-container .list-item td.hot .hot-wrapper[data-v-a374e88e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:5px;font-weight:700;font-size:15px;color:#fd6662}.app-container .list-item td.hot .hot-wrapper img[data-v-a374e88e]{width:24px;height:24px}.app-container .bottom[data-v-a374e88e]{width:100%;height:77px;display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background:#f2f2f2}.app-container .bottom-left[data-v-a374e88e]{width:60%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;line-height:18px;font-weight:400;font-size:12px;color:#030303}.app-container .bottom-left .avatar[data-v-a374e88e]{width:56px;height:56px;border-radius:50%;overflow:hidden}.app-container .bottom-left .avatar img[data-v-a374e88e]{width:100%}.app-container .bottom-left .key[data-v-a374e88e]{width:75px;display:inline-block}.app-container .bottom-left .value[data-v-a374e88e]{font-weight:800;font-size:16px;color:#fa4069;margin-left:8px;vertical-align:bottom;display:inline-block}.app-container .bottom-right[data-v-a374e88e]{width:40%;line-height:77px;font-weight:700;font-size:20px;color:#fff;text-align:center;background:linear-gradient(95deg,#feb43e,#fa3f69);cursor:pointer}