.tab-bar-wrap{z-index:1;position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:flex-end;width:100%;height:55px}.tab-bar-wrap .tab-bar{width:720px;height:100%;display:flex;background:var(--bg-tab);border-left:none;border-right:none}.tab-bar-wrap .tab-bar .tab-item{width:var(--3d98a9d6);height:100%;padding:10px 0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer}.tab-bar-wrap .tab-bar .tab-item .tab-item-inner{width:100%;height:100%;display:flex;justify-content:center;flex-wrap:wrap;color:var(--text-gray);position:relative}.tab-bar-wrap .tab-bar .tab-item .tab-item-inner .tab-item-icon{width:100%;flex-shrink:0;height:20px;display:flex;justify-content:center;font-size:20px}.tab-bar-wrap .tab-bar .tab-item .tab-item-inner .tab-item-label{line-height:14px;font-size:12px}.tab-bar-wrap .tab-bar .tab-item .active{height:100%;color:var(--primary)}.nav-bar-wrap{position:fixed;left:0;right:0;top:0;z-index:2;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--mg) 0;transition:padding .2s;box-sizing:border-box}.nav-bar-wrap.is-scroll-state{padding:10px 0;overflow:hidden}.nav-bar-wrap:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:100%;max-width:720px;height:100%;background:var(--bg-tab);opacity:var(--7419e9b6);transition:opacity .3s}.nav-bar-wrap .nav-bar{position:relative;z-index:1;width:100%;max-width:720px;height:100%}.nav-bar-wrap .nav-bar .nav-bar-content{padding:0 var(--mg);display:flex;justify-content:space-between;align-items:center}.nav-bar-wrap .nav-bar .nav-bar-content .left{display:flex;align-items:center;flex-shrink:0;margin-right:8px}.nav-bar-wrap .nav-bar .nav-bar-content .base-logo{width:32px;height:32px;margin-right:6px}.nav-bar-wrap .nav-bar .nav-bar-content .name{color:var(--btn-text);font-size:16px;line-height:30px;font-weight:700;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav-bar-wrap .nav-bar .nav-bar-content .base-help-btn,.nav-bar-wrap .nav-bar .nav-bar-content .base-alarm-logo-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-weight);margin-right:8px}.nav-bar-wrap .nav-bar .nav-bar-content .base-help-btn svg,.nav-bar-wrap .nav-bar .nav-bar-content .base-alarm-logo-btn svg{font-size:18px}.nav-bar-wrap .nav-bar .nav-bar-content .base-alarm-logo-btn svg{font-size:14px}.nav-bar-wrap .nav-bar .nav-bar-content .right{display:flex;align-items:center}.nav-bar-wrap .nav-bar .nav-bar-content .right .base-help-btn{margin-right:12px}.layout-tab-bar[data-v-2d156be6]{padding-top:calc(45px + var(--mg))}