.heard[data-v-5e7d2376]{color:#000;color:#fff;background:#0c192c;position:sticky;z-index:8;top:0;font-size:16px;width:100%;line-height:50px;padding:0 10px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center}.heard .left>img[data-v-5e7d2376]{width:10px;margin-left:12px;margin-right:18px}.heard .center[data-v-5e7d2376]{font-size:29px;font-family:PingFang SC;font-weight:500;line-height:34px;padding:15px 0}.tab-selector[data-v-4e33f830]{width:90%;margin-left:5%}.tab-selector .tab-container[data-v-4e33f830]{display:flex;background:#0f2038;border-radius:8px;overflow:hidden;margin-bottom:15px}.tab-selector .tab-container .tab-item[data-v-4e33f830]{flex:1;text-align:center;padding:12px 0;font-size:16px;color:#8e8e93;transition:all .3s;position:relative;cursor:pointer}.tab-selector .tab-container .tab-item.active[data-v-4e33f830]{color:#fff;line-height:25px;background:linear-gradient(179deg,#098ca2,#174853);font-weight:500;border-radius:10px}.bottom-nav[data-v-4878f9fa]{position:fixed;bottom:0;width:100%;margin:auto;max-width:500px;display:flex;height:60px;background:#0f2038;border-top:1px solid hsla(0,0%,100%,.1);z-index:100}.bottom-nav .nav-item[data-v-4878f9fa]{flex:1;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;color:#8e8e93;transition:all .3s}.bottom-nav .nav-item.active[data-v-4878f9fa]{color:#fff;background:#182e4a;background:linear-gradient(179deg,#13a2ba,#087c95)}.bottom-nav .nav-item .icon[data-v-4878f9fa]{margin-bottom:4px}.bottom-nav .nav-item .icon img[data-v-4878f9fa]{margin-top:8px;margin-right:5px;width:20px;height:20px}.bottom-nav .nav-item .text[data-v-4878f9fa]{font-size:16px}