#tabItem[data-v-b80b8f19] {
    position: relative
}

#tabItem.active[data-v-b80b8f19] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-b80b8f19],
#tabItem.active .tab-item-label[data-v-b80b8f19],
#tabItem[data-v-8d5ae0ae] {
    position: relative
}

#tabItem.active[data-v-8d5ae0ae] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-8d5ae0ae],
#tabItem.active .tab-item-label[data-v-8d5ae0ae],
#tabItem[data-v-5e8eeef3] {
    position: relative
}

#tabItem.active[data-v-5e8eeef3] {
    color: var(--primary)
}

#tabItem.active .tab-item-label[data-v-5e8eeef3],
#tabItem[data-v-ace7c0d3] {
    position: relative
}

#tabItem.active[data-v-ace7c0d3] {
    color: var(--primary)
}

#tabItem.active .tab-item-label[data-v-ace7c0d3],
#tabItem[data-v-0aeb268c] {
    position: relative
}

#tabItem.active[data-v-0aeb268c] {
    color: var(--primary)
}

#tabItem.active .tab-item-label[data-v-0aeb268c] {
    position: relative;
    color: var(--primary)
}

#tabItem[data-v-5018ac0e] {
    position: relative
}

#tabItem.active[data-v-5018ac0e] {
    color: var(--primary)
}

#tabItem.active .tab-item-label[data-v-5018ac0e],
#tabItem[data-v-5fb09688] {
    position: relative
}

#tabItem .tab-item-label[data-v-5fb09688] {
    color: #fff
}

#tabItem.active[data-v-5fb09688] {
    color: var(--primary);
    position: relative
}

#tabItem.active .tab-item-icon[data-v-5fb09688] {
    width: 30px;
    height: 30px
}

#tabItem.active .tab-item-label[data-v-5fb09688] {
    position: relative;
    color: var(--primary)
}

#tabItem[data-v-441225ad] {
    position: relative
}

#tabItem .tab-item-label[data-v-441225ad] {
    color: #fff
}

#tabItem.active[data-v-441225ad] {
    color: var(--primary);
    position: relative
}

#tabItem.active .tab-item-icon[data-v-441225ad] {
    width: 30px;
    height: 30px
}

#tabItem.active .tab-item-label[data-v-441225ad] {
    position: relative;
    color: var(--primary)
}

#tabItem[data-v-019cbff5] {
    position: relative
}

#tabItem.active[data-v-019cbff5] {
    color: var(--primary)
}

#tabItem.active .tab-item-label[data-v-019cbff5],
#tabItem[data-v-edfc4850] {
    position: relative
}

#tabItem .tab-item-label[data-v-edfc4850] {
    color: #fff
}

#tabItem.active[data-v-edfc4850] {
    color: var(--primary);
    position: relative
}

#tabItem.active .tab-item-label[data-v-edfc4850] {
    position: relative;
    color: var(--primary)
}

#tabItem[data-v-7a8e8565] {
    position: relative
}

#tabItem.active[data-v-7a8e8565] {
    color: var(--primary)
}

#tabItem.active .tab-item-label[data-v-7a8e8565],
#tabItem[data-v-329dd6f1] {
    position: relative
}

#tabItem.active[data-v-329dd6f1] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-329dd6f1],
#tabItem.active .tab-item-label[data-v-329dd6f1],
#tabItem[data-v-1d237e4b] {
    position: relative
}

#tabItem.active[data-v-1d237e4b] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-1d237e4b],
#tabItem.active .tab-item-label[data-v-1d237e4b],
#tabItem[data-v-5f984da4] {
    position: relative
}

#tabItem.active[data-v-5f984da4] {
    color: var(--primary)
}

#tabItem.active .tab-item-label[data-v-5f984da4],
#tabItem[data-v-c8c32164] {
    position: relative
}

#tabItem.active[data-v-c8c32164] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-c8c32164],
#tabItem.active .tab-item-label[data-v-c8c32164],
#tabItem[data-v-4463b44a] {
    position: relative
}

#tabItem.active[data-v-4463b44a] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-4463b44a],
#tabItem.active .tab-item-label[data-v-4463b44a],
#tabItem[data-v-28e06567] {
    position: relative
}

#tabItem.active[data-v-28e06567] {
    color: var(--primary)
}

#tabItem.active .tab-item-label[data-v-28e06567],
#tabItem[data-v-d74f245c] {
    position: relative
}

#tabItem.active[data-v-d74f245c] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-d74f245c],
#tabItem.active .tab-item-label[data-v-d74f245c],
#tabItem[data-v-7edb476e] {
    position: relative
}

#tabItem.active[data-v-7edb476e] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-7edb476e],
#tabItem.active .tab-item-label[data-v-7edb476e],
#tabItem[data-v-ecf856b5] {
    position: relative
}

#tabItem.active[data-v-ecf856b5] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-ecf856b5],
#tabItem.active .tab-item-label[data-v-ecf856b5],
#tabItem[data-v-7e5002ff] {
    position: relative
}

#tabItem.active[data-v-7e5002ff] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-7e5002ff],
#tabItem.active .tab-item-label[data-v-7e5002ff],
#tabItem[data-v-df7a183a] {
    position: relative
}

#tabItem.active[data-v-df7a183a] {
    color: var(--btn-text)
}

#tabItem.active .tab-item-icon[data-v-df7a183a] {
    position: relative;
    color: var(--btn-text)
}

#tabItem.active .tab-item-label[data-v-df7a183a] {
    position: relative
}

#tabItem[data-v-b7ab9e6d] {
    position: relative;
    color: #ffffff80
}

#tabItem.active[data-v-b7ab9e6d] {
    color: var(--text-white)
}

#tabItem.active .tab-item-icon[data-v-b7ab9e6d] {
    position: relative;
    color: var(--text-white)
}

#tabItem.active .tab-item-label[data-v-b7ab9e6d] {
    position: relative
}

#tabItem.active.c-5[data-v-b7ab9e6d],
#tabItem.active.c-3[data-v-b7ab9e6d],
#tabItem.active.c-5 .tab-item-icon[data-v-b7ab9e6d],
#tabItem.active.c-3 .tab-item-icon[data-v-b7ab9e6d] {
    color: #000
}

#tabItem.c-5[data-v-b7ab9e6d],
#tabItem.c-3[data-v-b7ab9e6d],
#tabItem.c-5 .tab-item-icon[data-v-b7ab9e6d],
#tabItem.c-3 .tab-item-icon[data-v-b7ab9e6d] {
    color: #00000080
}

#tabItem .tab-item-icon[data-v-b7ab9e6d] {
    position: relative;
    color: #ffffff80
}

#tabItem[data-v-8396e598] {
    position: relative
}

#tabItem.active[data-v-8396e598] {
    color: var(--primary)
}

#tabItem.active[data-v-8396e598]:after {
    content: "";
    position: absolute;
    top: -16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 5px solid var(--text-white);
    background: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-8396e598] {
    position: relative;
    z-index: 1;
    color: var(--text-white);
    margin-top: -6px;
    margin-bottom: 6px
}

#tabItem.active .tab-item-label[data-v-8396e598],
#tabItem[data-v-885e8636] {
    position: relative
}

#tabItem.active[data-v-885e8636] {
    color: var(--tab-active)
}

#tabItem.active .tab-item-icon[data-v-885e8636] {
    position: relative;
    color: var(--tab-active)
}

#tabItem.active .tab-item-label[data-v-885e8636],
#tabItem[data-v-2ffebc51] {
    position: relative
}

#tabItem .tab-item-label[data-v-2ffebc51] {
    width: 100%;
    text-align: center;
    margin-top: 3px;
    font-size: 12px
}

#tabItem.active[data-v-2ffebc51] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-2ffebc51],
#tabItem.active .tab-item-label[data-v-2ffebc51],
#tabItem[data-v-7ad8a308] {
    position: relative
}

#tabItem.active[data-v-7ad8a308] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-7ad8a308],
#tabItem.active .tab-item-label[data-v-7ad8a308] {
    position: relative
}

#tabItem[data-v-189e6cd0] {
    position: relative;
    color: var(--bg-card)
}

#tabItem.active[data-v-189e6cd0] {
    color: var(--text-gray)
}

#tabItem.active .tab-item-icon[data-v-189e6cd0] {
    position: relative;
    color: var(--text-gray)
}

#tabItem.active .tab-item-label[data-v-189e6cd0] {
    position: relative
}

#tabItem .tab-item-icon[data-v-189e6cd0] {
    position: relative;
    color: var(--bg-card)
}

#tabItem[data-v-6d267683] {
    position: relative
}

#tabItem.active[data-v-6d267683] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-6d267683],
#tabItem.active .tab-item-label[data-v-6d267683] {
    position: relative
}

#tabItem[data-v-dd7a0cbe] {
    position: relative;
    color: #ffffff80
}

#tabItem.active[data-v-dd7a0cbe] {
    color: var(--text-white)
}

#tabItem.active .tab-item-icon[data-v-dd7a0cbe] {
    position: relative;
    color: var(--text-white)
}

#tabItem.active .tab-item-label[data-v-dd7a0cbe] {
    position: relative
}

#tabItem .tab-item-icon[data-v-dd7a0cbe] {
    position: relative;
    color: #ffffff80
}

#tabItem[data-v-674cb0db] {
    position: relative
}

#tabItem.active[data-v-674cb0db] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-674cb0db],
#tabItem.active .tab-item-label[data-v-674cb0db],
#tabItem[data-v-8f1b51bd] {
    position: relative
}

#tabItem.active[data-v-8f1b51bd] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-8f1b51bd],
#tabItem.active .tab-item-label[data-v-8f1b51bd],
#tabItem[data-v-a62d7197] {
    position: relative
}

#tabItem.active[data-v-a62d7197] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-a62d7197],
#tabItem.active .tab-item-label[data-v-a62d7197],
#tabItem[data-v-314d4c80] {
    position: relative
}

#tabItem.active[data-v-314d4c80] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-314d4c80],
#tabItem.active .tab-item-label[data-v-314d4c80],
#tabItem[data-v-b7bf3a42] {
    position: relative
}

#tabItem.active[data-v-b7bf3a42] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-b7bf3a42],
#tabItem.active .tab-item-label[data-v-b7bf3a42],
#tabItem[data-v-2120b77f] {
    position: relative
}

#tabItem.active[data-v-2120b77f] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-2120b77f],
#tabItem.active .tab-item-label[data-v-2120b77f],
#tabItem[data-v-1ebb3f1f] {
    position: relative
}

#tabItem.active[data-v-1ebb3f1f] {
    color: var(--text-gray)
}

#tabItem.active .tab-item-icon[data-v-1ebb3f1f] {
    position: relative;
    font-size: 26px !important
}

#tabItem.active .tab-item-label[data-v-1ebb3f1f] {
    position: relative;
    color: var(--text-gray)
}

#tabItem[data-v-f10f0092] {
    position: relative
}

#tabItem.active[data-v-f10f0092] {
    color: var(--primary)
}

#tabItem.active .tab-item-icon[data-v-f10f0092],
#tabItem.active .tab-item-label[data-v-f10f0092] {
    position: relative
}

.tab-item-icon[data-v-a6ff9f1f] {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    color: var(--text-gray)
}

.tab-item-label[data-v-a6ff9f1f] {
    color: var(--text-gray);
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px
}

.active .tab-item-label[data-v-a6ff9f1f] {
    color: var(--btn-text) !important
}

.tab-item-icon[data-v-34bc6c5e] {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    color: var(--text-gray)
}

.tab-item-label[data-v-34bc6c5e] {
    color: var(--btn-text);
    text-align: center;
    margin-bottom: 10px
}

.tab-item-icon[data-v-5249e666] {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    color: var(--text-gray)
}

.tab-item-label[data-v-5249e666] {
    color: var(--btn-text);
    text-align: center;
    margin-bottom: 10px
}

.tab-item-icon[data-v-882e561d] {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    color: var(--text-gray)
}

.tab-item-label[data-v-882e561d] {
    color: var(--btn-text);
    text-align: center;
    margin-bottom: 10px
}

.tab-item-icon[data-v-cce71dec] {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    color: var(--text-gray)
}

.tab-item-label[data-v-cce71dec] {
    color: var(--btn-text);
    text-align: center;
    margin-bottom: 10px
}

.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%;
    min-height: 55px
}

.tab-bar-wrap .tab-bar {
    width: 100%;
    max-width: 720px;
    height: 100%;
    display: flex;
    background: var(--bg-tabbar);
    border-left: none;
    border-right: none
}

.tab-bar-wrap .tab-bar .tab-item {
    width: var(--5a5a569c);
    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;
    text-align: center
}

.tab-bar-wrap .tab-bar .tab-item .active {
    height: 100%;
    color: var(--primary)
}

.tab-bar-wrap2 {
    z-index: 1;
    position: fixed;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 55px;
    max-width: 720px;
    left: 50%;
    transform: translate(-50%)
}

.tab-bar-wrap15 {
    z-index: 1;
    position: fixed;
    right: 0;
    bottom: 0;
    display: grid;
    width: 100%;
    height: 70px;
    max-width: 720px;
    left: 50%;
    transform: translate(-50%)
}

.tab-bar-wrap15 .tabbar-wrap {
    display: flex;
    align-items: flex-start;
    height: 70px;
    background: var(--bg-card);
    border-top: 1px solid #191d22
}

.tab-bar-wrap15 .tabbar-wrap .tab-item {
    position: relative;
    flex: 1;
    font-size: 11px;
    line-height: 1
}

.tab-bar-wrap15 .tabbar-wrap .tab-item .icon-bar {
    margin: 10px auto
}

.tab-bar-wrap15 .tabbar-wrap .tab-item p {
    text-align: center;
    color: var(--text-gray)
}

.tab-bar-wrap15 .tabbar-wrap .tab-item.active p {
    color: #001dff
}

.tab-bar-wrap25 {
    z-index: 1;
    position: fixed;
    right: 0;
    bottom: 0;
    display: grid;
    width: 100%;
    height: 70px;
    max-width: 720px;
    left: 50%;
    transform: translate(-50%)
}

.tab-bar-wrap25 .tabbar-wrap {
    display: flex;
    align-items: flex-start;
    height: 70px;
    background: var(--bg-tabbar);
    border-top: 1px solid #191d22
}

.tab-bar-wrap25 .tabbar-wrap .tab-item {
    position: relative;
    flex: 1;
    font-size: 11px;
    line-height: 1
}

.tab-bar-wrap25 .tabbar-wrap .tab-item .icon-bar {
    margin: 10px auto
}

.tab-bar-wrap25 .tabbar-wrap .tab-item p {
    text-align: center;
    color: var(--text-gray)
}

.tab-bar-wrap25 .tabbar-wrap .tab-item.active p {
    color: var(--primary)
}

.tab-bar-wrap29 {
    z-index: 1;
    position: fixed;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: end;
    width: 100%;
    height: 100px;
    max-width: 720px;
    left: 50%;
    transform: translate(-50%);
    background: url(./5pIFnCedUDIFMdJvJ9.png) no-repeat 0 0/contain;
    background-size: 100% 100%
}

.tab-bar-wrap29 .tabbar-wrap {
    display: flex;
    align-items: flex-start;
    width: 100%;
    height: 70px
}

.tab-bar-wrap29 .tabbar-wrap .tab-item {
    position: relative;
    flex: 1;
    font-size: 11px;
    line-height: 1
}

.tab-bar-wrap29 .tabbar-wrap .tab-item .icon-bar {
    margin: 10px auto
}

.tab-bar-wrap29 .tabbar-wrap .tab-item p {
    text-align: center;
    color: var(--btn-text2)
}

.tab-bar-wrap29 .tabbar-wrap .tab-item.active p {
    color: var(--btn-text)
}

.navigation[data-v-923868a9] {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center
}

.navigation-content[data-v-923868a9] {
    height: 100%;
    width: 100%;
    max-width: 720px;
    padding: 0 16px;
    background: var(--bg-tab);
    color: var(--btn-text);
    box-sizing: border-box
}

.navigation-content .icon[data-v-923868a9] {
    margin-right: 5px
}

.base-alarm-logo-btn {
    position: relative
}

.base-alarm-logo-btn.rotate {
    animation: zy 1.5s linear infinite
}

@keyframes zy {
    10% {
        transform: rotate(15deg)
    }
    20% {
        transform: rotate(-10deg)
    }
    30% {
        transform: rotate(5deg)
    }
    40% {
        transform: rotate(-5deg)
    }
    50%,
    to {
        transform: rotate(0)
    }
}

.base-alarm-logo-btn .dot {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: red
}

.navbar-wrap[data-v-d3d9fd61] {
    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.navbar-wrap[data-v-ffa121d8] {
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#navBarItem44[data-v-99529b0a] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 10px
}

#navBarItem44 .left[data-v-99529b0a] {
    position: relative;
    z-index: 1
}

#navBarItem44 .right[data-v-99529b0a] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

#navBarItem44 .name[data-v-99529b0a] {
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1
}

#navBarItem44 .name .small-logo[data-v-99529b0a] {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    max-width: 35px;
    max-height: 35px;
    flex-shrink: 0
}

#navBarItem44 .name .small-logo .site-img[data-v-99529b0a] {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

#navBarItem44 .base-help-btn[data-v-99529b0a],
#navBarItem44 .base-alarm-logo-btn[data-v-99529b0a] {
    width: 28px;
    height: 28px;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-weight);
    border: 1px solid var(--border-color2);
    color: var(--primary)
}

#navBarItem44 .base-help-btn svg[data-v-99529b0a],
#navBarItem44 .base-alarm-logo-btn svg[data-v-99529b0a] {
    font-size: 18px
}

#navBarItem44 .base-alarm-logo-btn svg[data-v-99529b0a] {
    font-size: 14px
}

#navBarItem43 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 10px
}

#navBarItem43 .left {
    position: relative;
    z-index: 1
}

#navBarItem43 .right {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

#navBarItem43 .name {
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1
}

#navBarItem43 .name .small-logo {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    max-width: 35px;
    max-height: 35px;
    flex-shrink: 0
}

#navBarItem43 .name .small-logo .site-img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

#navBarItem43 .base-help-btn,
#navBarItem43 .base-alarm-logo-btn {
    width: 28px;
    height: 28px;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-weight);
    border: 1px solid var(--border-color2);
    color: var(--primary)
}

#navBarItem43 .base-help-btn svg,
#navBarItem43 .base-alarm-logo-btn svg {
    font-size: 18px
}

#navBarItem43 .base-alarm-logo-btn svg {
    font-size: 14px
}

#navBarItem42 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 10px
}

#navBarItem42 .left {
    position: relative;
    z-index: 1
}

#navBarItem42 .right {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

#navBarItem42 .name {
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1
}

#navBarItem42 .name .small-logo {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    max-width: 35px;
    max-height: 35px;
    flex-shrink: 0
}

#navBarItem42 .name .small-logo .site-img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

#navBarItem42 .base-help-btn,
#navBarItem42 .base-alarm-logo-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: #000
}

#navBarItem42 .base-help-btn svg,
#navBarItem42 .base-alarm-logo-btn svg {
    font-size: 18px
}

#navBarItem42 .base-alarm-logo-btn svg {
    font-size: 14px
}

#navBarItem41 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 10px
}

#navBarItem41 .left {
    position: relative;
    z-index: 1
}

#navBarItem41 .right {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

#navBarItem41 .name {
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1
}

#navBarItem41 .name .small-logo {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    max-width: 35px;
    max-height: 35px;
    flex-shrink: 0
}

#navBarItem41 .name .small-logo .site-img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

#navBarItem41 .base-help-btn,
#navBarItem41 .base-alarm-logo-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-weight);
    border: 1px solid var(--border-color2);
    color: var(--primary)
}

#navBarItem41 .base-help-btn svg,
#navBarItem41 .base-alarm-logo-btn svg {
    font-size: 18px
}

#navBarItem41 .base-alarm-logo-btn svg {
    font-size: 14px
}

#navBarItem40 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 10px
}

#navBarItem40 .left {
    position: relative;
    z-index: 1
}

#navBarItem40 .right {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

#navBarItem40 .name {
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1
}

#navBarItem40 .name .small-logo {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    max-width: 35px;
    max-height: 35px;
    flex-shrink: 0
}

#navBarItem40 .name .small-logo .site-img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

#navBarItem40 .base-help-btn,
#navBarItem40 .base-alarm-logo-btn {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: var(--base-btn-text)
}

#navBarItem40 .base-help-btn svg,
#navBarItem40 .base-alarm-logo-btn svg {
    font-size: 18px
}

#navBarItem40 .base-alarm-logo-btn svg {
    font-size: 14px
}

#navBarItem39 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 10px
}

#navBarItem39 .left {
    position: relative;
    z-index: 1
}

#navBarItem39 .right {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

#navBarItem39 .name {
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1
}

#navBarItem39 .name .small-logo {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    max-width: 35px;
    max-height: 35px;
    flex-shrink: 0
}

#navBarItem39 .name .small-logo .site-img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

#navBarItem39 .base-help-btn,
#navBarItem39 .base-alarm-logo-btn {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-weight);
    color: var(--primary)
}

#navBarItem39 .base-help-btn svg,
#navBarItem39 .base-alarm-logo-btn svg {
    font-size: 18px
}

#navBarItem39 .base-alarm-logo-btn svg {
    font-size: 14px
}

#navBarItem38 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 10px
}

#navBarItem38 .left {
    position: relative;
    z-index: 1
}

#navBarItem38 .right {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

#navBarItem38 .name {
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1
}

#navBarItem38 .name .small-logo {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    max-width: 35px;
    max-height: 35px;
    flex-shrink: 0
}

#navBarItem38 .name .small-logo .site-img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

#navBarItem38 .base-help-btn,
#navBarItem38 .base-alarm-logo-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border: 1px solid var(--border-color2);
    color: var(--primary)
}

#navBarItem38 .base-help-btn svg,
#navBarItem38 .base-alarm-logo-btn svg {
    font-size: 18px
}

#navBarItem38 .base-alarm-logo-btn svg {
    font-size: 14px
}

#navBarItem37 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 10px
}

#navBarItem37 .left {
    position: relative;
    z-index: 1
}

#navBarItem37 .right {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

#navBarItem37 .name {
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1
}

#navBarItem37 .name .small-logo {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    max-width: 35px;
    max-height: 35px;
    flex-shrink: 0
}

#navBarItem37 .name .small-logo .site-img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

#navBarItem37 .base-help-btn,
#navBarItem37 .base-alarm-logo-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--primary)
}

#navBarItem37 .base-help-btn svg,
#navBarItem37 .base-alarm-logo-btn svg {
    font-size: 18px
}

#navBarItem37 .base-alarm-logo-btn svg {
    font-size: 14px
}

#navBarItem36 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 10px
}

#navBarItem36 .left {
    position: relative;
    z-index: 1
}

#navBarItem36 .right {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

#navBarItem36 .name {
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1
}

#navBarItem36 .name .small-logo {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    max-width: 35px;
    max-height: 35px;
    flex-shrink: 0
}

#navBarItem36 .name .small-logo .site-img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

#navBarItem36 .base-help-btn,
#navBarItem36 .base-alarm-logo-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-weight);
    border: 1px solid var(--border-color2);
    color: var(--primary)
}

#navBarItem36 .base-help-btn svg,
#navBarItem36 .base-alarm-logo-btn svg {
    font-size: 18px
}

#navBarItem36 .base-alarm-logo-btn svg {
    font-size: 14px
}

.nav-bar-wrap .app-info-wrap[data-v-5357ce9c] {
    display: flex;
    align-items: center
}

.nav-bar-wrap .tools-wrap[data-v-5357ce9c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-bar-wrap .bf-bg[data-v-5357ce9c] {
    position: relative
}

.nav-bar-wrap .bf-bg[data-v-5357ce9c]:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMSSURBVGiB7ZpNaxNRFIafc2YynZRGa62timJREelCN4IgiN3qRhcuBBf6FwT3/Qm6cusfcOFOBEGX4sZFwW2lflQtta1JM2mazHExiaQ1sYmZOs3FZ5PhDoT3zbn3ZIbzCj1ii0xRZwbhOiJHMZlENACNQMrJpxchWkY0IvaiGD9S9cqIHxEHEeQivKCM5CMII2SkjBQidDza1MkoF04Xo/q5Uj5/KgKqQElE4l50SteGPnIX5Q7mn0aG38XeiefqH1vAv/iRfbOLvf5Anak0NIW2/QawJiKVbr5lR2P2mRsYD8D38c8+ZGLuSa9SU6YGLO9k8I/G7DMPMP/mHjG0nSKw2mmLartFW2TKPvEWGTtG4d6tPWgKoABMmpnf7uZvFbNFpoh5iXf8KZMLD3ddXv/UgK8iUmtd3GLM5hkl4CXe8VcDYqpJVUS2NLCtW3GIWWTftwEzBRCY2Vjrwq/9aR+YwfybjD+69u91pULBzCoiUobWiimPCa/cJ7j9IzNp/XOgeaHQqBbDXxh78TozSengm9kINCvmMYt/ci+29L9hBEBsnlGG9D1H6uezVpQin5Qh7iCjz7JWkjKhEus03sRc1kpSZlhRPUNw6U3WSlLGU5BxZKqYtZKU8dVMc4QXXDOmKqLrBFfXs1aSNpq8zruHgu+qMXXVmLMV89w0FrtqTP3AuVYPoLHloqxF7AaqGrpZMQjcPGNI3lVjhf/GBglFJtw0tqmH3TSWC8862u6Dy27+QcNEPWsRu4ECPQ2tB4RYSQZnrlFTwMWtuKmAi+2+qiT5CdcoaWMovZG1khSpiEjcnGiWMpWSLmvQGPyJSAk3umOtmdhpTQ2sZCQmTZabF7+MNabtgzycKLbmq7bkPETkO0mMbtCoAqutC+2yVEsM1nmrAUvbw2Jt02+N4NUhIPgHwvqhSmLqt0J0jPWZmQKjJCmzvUixcXTasnMQ0ywEDtIST8qYGrDSjBZ1ovvobGJwPxD2Kexv2SDJBnf1MNG1sSaNLTpCcv5yJJVsG+jsg5ikMnWSh/RKu3P0J34C3NvjqHVCAlkAAAAASUVORK5CYII=) no-repeat left;
    background-size: 30px 30px;
    left: -1px;
    top: -.5px;
    z-index: -1
}

.nav-bar-wrap .bf-bg2[data-v-5357ce9c] {
    position: relative
}

.nav-bar-wrap .bf-bg2[data-v-5357ce9c]:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,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) no-repeat left;
    background-size: 60px 30px;
    left: -1px;
    top: -.5px;
    z-index: -1
}

.nav-bar-wrap .app-info-wrap[data-v-84f3f2b9] {
    display: flex;
    align-items: center
}

.nav-bar-wrap .tools-wrap[data-v-84f3f2b9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-bar-wrap .app-info-wrap[data-v-708d40d9] {
    display: flex;
    align-items: center
}

.nav-bar-wrap .tools-wrap[data-v-708d40d9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-bar-wrap .bf-bg[data-v-708d40d9] {
    position: relative
}

.nav-bar-wrap .bf-bg[data-v-708d40d9]:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMSSURBVGiB7ZpNaxNRFIafc2YynZRGa62timJREelCN4IgiN3qRhcuBBf6FwT3/Qm6cusfcOFOBEGX4sZFwW2lflQtta1JM2mazHExiaQ1sYmZOs3FZ5PhDoT3zbn3ZIbzCj1ii0xRZwbhOiJHMZlENACNQMrJpxchWkY0IvaiGD9S9cqIHxEHEeQivKCM5CMII2SkjBQidDza1MkoF04Xo/q5Uj5/KgKqQElE4l50SteGPnIX5Q7mn0aG38XeiefqH1vAv/iRfbOLvf5Anak0NIW2/QawJiKVbr5lR2P2mRsYD8D38c8+ZGLuSa9SU6YGLO9k8I/G7DMPMP/mHjG0nSKw2mmLartFW2TKPvEWGTtG4d6tPWgKoABMmpnf7uZvFbNFpoh5iXf8KZMLD3ddXv/UgK8iUmtd3GLM5hkl4CXe8VcDYqpJVUS2NLCtW3GIWWTftwEzBRCY2Vjrwq/9aR+YwfybjD+69u91pULBzCoiUobWiimPCa/cJ7j9IzNp/XOgeaHQqBbDXxh78TozSengm9kINCvmMYt/ci+29L9hBEBsnlGG9D1H6uezVpQin5Qh7iCjz7JWkjKhEus03sRc1kpSZlhRPUNw6U3WSlLGU5BxZKqYtZKU8dVMc4QXXDOmKqLrBFfXs1aSNpq8zruHgu+qMXXVmLMV89w0FrtqTP3AuVYPoLHloqxF7AaqGrpZMQjcPGNI3lVjhf/GBglFJtw0tqmH3TSWC8862u6Dy27+QcNEPWsRu4ECPQ2tB4RYSQZnrlFTwMWtuKmAi+2+qiT5CdcoaWMovZG1khSpiEjcnGiWMpWSLmvQGPyJSAk3umOtmdhpTQ2sZCQmTZabF7+MNabtgzycKLbmq7bkPETkO0mMbtCoAqutC+2yVEsM1nmrAUvbw2Jt02+N4NUhIPgHwvqhSmLqt0J0jPWZmQKjJCmzvUixcXTasnMQ0ywEDtIST8qYGrDSjBZ1ovvobGJwPxD2Kexv2SDJBnf1MNG1sSaNLTpCcv5yJJVsG+jsg5ikMnWSh/RKu3P0J34C3NvjqHVCAlkAAAAASUVORK5CYII=) no-repeat left;
    background-size: 30px 30px;
    left: -1px;
    top: -.5px;
    z-index: -1
}

.navbar-wrap[data-v-591f515f] {
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.navbar-wrap[data-v-2237b001] {
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nav-bar-wrap .app-info-wrap[data-v-56442765] {
    display: flex;
    align-items: center
}

.nav-bar-wrap .tools-wrap[data-v-56442765] {
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-bar-wrap .app-info-wrap[data-v-82b5739e] {
    display: flex;
    align-items: center
}

.nav-bar-wrap .tools-wrap[data-v-82b5739e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.navbar-wrap[data-v-3fde16dc] {
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nav-bar-wrap .app-info-wrap[data-v-9e7d10e7] {
    display: flex;
    align-items: center
}

.nav-bar-wrap .tools-wrap[data-v-9e7d10e7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.navbar-wrap[data-v-8fe10b2c] {
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#navBarItem21 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#navBarItem21 .base-alarm-logo-btn {
    border: 1px solid var(--btn-text)
}

#navBarItem21 .base-alarm-logo-btn .svg-icon {
    color: var(--btn-text4) !important
}

#navBarItem21 .right {
    position: relative;
    z-index: 1
}

#navBarItem21 .right .base-lang-wrap {
    border-radius: var(--btn-radius);
    background: var(--bg-weight);
    border: 1px solid var(--btn-text);
    color: var(--btn-text4) !important;
    padding: 0 2px;
    font-size: 12px
}

#navBarItem21 .right .base-lang-wrap span {
    line-height: 12px;
    font-size: 12px;
    min-width: 80px
}

#navBarItem21 .name {
    text-align: left;
    color: var(--bg-weight);
    font-size: 60px;
    letter-spacing: 1px;
    line-height: 1;
    display: flex;
    align-items: center;
    padding-right: 10px
}

#navBarItem21 .name .small-logo {
    margin-right: 5px;
    width: 34px;
    height: 34px;
    max-width: 40px;
    max-height: 40px
}

#navBarItem21 .name .small-logo .site-img {
    width: 100%;
    height: 100%
}

#navBarItem20 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 10px
}

#navBarItem20 .left {
    position: relative;
    z-index: 1
}

#navBarItem20 .right {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

#navBarItem20 .name {
    color: var(--text-white);
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1
}

#navBarItem20 .name .small-logo {
    margin-right: 5px;
    width: 28px;
    height: 28px;
    max-width: 28px;
    max-height: 28px;
    flex-shrink: 0
}

#navBarItem20 .name .small-logo .site-img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

#navBarItem20 .base-help-btn,
#navBarItem20 .base-alarm-logo-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-weight)
}

#navBarItem20 .base-help-btn svg,
#navBarItem20 .base-alarm-logo-btn svg {
    font-size: 18px
}

#navBarItem20 .base-alarm-logo-btn svg {
    font-size: 14px
}

#navBarItem19 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 10px
}

#navBarItem19 .left {
    position: relative;
    z-index: 1
}

#navBarItem19 .right {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

#navBarItem19 .name {
    color: var(--text-white);
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1
}

#navBarItem19 .name .small-logo {
    margin-right: 5px;
    width: 28px;
    height: 28px;
    max-width: 28px;
    max-height: 28px;
    flex-shrink: 0
}

#navBarItem19 .name .small-logo .site-img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

#navBarItem19 .base-help-btn,
#navBarItem19 .base-alarm-logo-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-weight)
}

#navBarItem19 .base-help-btn svg,
#navBarItem19 .base-alarm-logo-btn svg {
    font-size: 18px
}

#navBarItem19 .base-alarm-logo-btn svg {
    font-size: 14px
}

.nav-bar-item18.no-bg .left {
    background: transparent !important
}

.nav-bar-item18.no-bg .right {
    margin-right: -10px
}

.nav-bar-item18.no-bg .right .base-alarm-logo-btn,
.nav-bar-item18.no-bg .right .base-help-btn,
.nav-bar-item18.no-bg .right .base-lang-wrap {
    background: transparent !important
}

.nav-bar-item18 .left {
    background: #00000080 !important;
    color: var(--text-white) !important;
    border-radius: 100px var(--card-radius) var(--card-radius) 100px;
    margin-right: 0;
    padding-right: 8px
}

.nav-bar-item18 .left .base-logo img {
    border-radius: 10px
}

.nav-bar-item18 .left .name {
    color: var(--text-white) !important
}

.nav-bar-item18 .base-alarm-logo-btn,
.nav-bar-item18 .base-help-btn {
    border-radius: 0 !important;
    background: #00000080 !important;
    color: var(--text-white) !important
}

.nav-bar-item18 .base-lang-wrap span {
    display: block;
    line-height: 12px
}

.navbar-wrap[data-v-cd2dc731] {
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

a[data-v-2c67c35b] {
    margin-left: 5px;
    text-decoration: underline
}

.navbar-wrap[data-v-d887c60c] {
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.name[data-v-06d16e39] {
    font-weight: 600;
    background: linear-gradient(180deg, #00b7f7, #0ef);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.navbar-wrap[data-v-b97b52f7] {
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.logo-name[data-v-b97b52f7] {
    font-size: 16px;
    font-weight: 700;
    transition: transform .3s ease, color .3s ease
}

.logo-name[data-v-b97b52f7]:hover {
    transform: scale(1.07)
}

.navbar-wrap[data-v-c79da835] {
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0000
}

.navbar-wrap[data-v-5a639299],
.navbar-wrap[data-v-cb735795] {
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nav-bar-wrap .app-info-wrap[data-v-c72bc2bf] {
    display: flex;
    align-items: center
}

.nav-bar-wrap .tools-wrap[data-v-c72bc2bf] {
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-bar-wrap .app-info-wrap[data-v-26bb3d56] {
    display: flex;
    align-items: center
}

.nav-bar-wrap .tools-wrap[data-v-26bb3d56] {
    display: flex;
    align-items: center;
    justify-content: center
}

.navbar-wrap[data-v-ed075f63] {
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nav-bar-wrap .app-info-wrap[data-v-17f4066c] {
    display: flex;
    align-items: center
}

.nav-bar-wrap .app-info-wrap[data-v-17f4066c]:before {
    margin-right: 22px;
    width: 50px;
    height: 20px;
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAAAjCAMAAADIbFY6AAACRlBMVEVHcEw6uNU6uNUdi8A5t9YxtNk6uNUjyuMjvNkttd0T2ecUf7g6t9US2uYsstsS2uY7uNQ6uNUVk8UP4eI7uNQP4OMP4eI7uNUVksUT2ecW1OoUerQP4eMP4eI3t9YrstsVk8UVk8UgwfQVk8UVk8UVksQVkcQVkcMVkcQVkcMVksQVk8UP4eIVk8Ubye8Zzu0W1Ooay+8P4OMTaqoazO4Uca8U1+gS2uYU1+gW1OorsdsTaakazO4W1OoUfrcUcK4psdwVkMMsstoTZqcytNgTaKkTa6sTZ6g1tdcxtNkytNg3ttY1tdcTZqcS2uY2ttYS2uY3t9Yus9o0tdcVj8ITYqUTX6ITYKM1ttcVk8UVk8Uhv/UP4eIfw/IgwPQgv/QUeLMVk8UTaKkVk8UUcK0cx/AfwvMUdrIdxvEUeLMgv/QP4eIsstogwPQosNwP4eIexPIosNwexPIR3eQmr90W0+oVk8UfwvMTZ6gytNgVk8UX0esUc7AazO0Zzu0Uca80tdcTaqkUca8TY6UTYKMTYaQvs9k0tdcTYaQTX6IVk8U7uNQP4eIUhLsVir8UfbcUgbkVh70UeLQVjsEUc7EVkMM5t9UT2ecvs9kR3eUVi8AUe7UVjMEUdrI0tdcytNg2ttYUca8TZqgUcK0VksQV1ugUbqwS2+YX0esW1OkW0+oUbasYz+wZzu0Q3uMUa6oTY6YazO0Q3+MTaqkbyu4TaKkqsdsexPITYaQcye8cx/AtstodxvEsstoosNwfwvMgwPQnsNw1zaUJAAAAinRSTlMA2vAEFUm8BAcSLhZzFChQ/Cv7t5jY+0/bmhIQ7pIvkfMsJ0S5dsMcNKJU6CmYb5Z0S3BAubq+8Rbw1mIr3AvX+oC2Kd7mMoS471Jumx50k9z8bdfz8v2872DNs0i27PrzJKprktdHnex8j0vsbGxtkez7u7RTjNXKd638UO/Z77/4cZ903Pv7U5WKcqtdAAACsElEQVRIx4XWVVeUARCA4V1CFlZcQpFSQUFKFItQwUTFQFDK7u5usQtpWBZjQRQxEVBhLcR/pt/MNzCcM3tm7mYunqv3YizhT2j6ultbHRZjxlTR+MOe8JjP6+bmxsbnT2tq6uurq+vqamufNRy2CDMjgstFNuMWGkKyNcDY48MUeZddoidxuasQbuNJdq6FPV2RGw5KcnQsl7OyjZufD8k+gcZuj1PkFysl+iSXW6LgNpZk5wbYEzV5viQHTOByZxDcrCQXhxq7LVKRm65J9DYut2TCbSLJztWwp2ryYl+JDudyJy/vv9yO5U1X5Kbb3ssjOZeVZ8iboLxkTa6M8Voeye8yRsoz5HYsL0WRX+6T5OBYLucED5cHcgWUlxSnyK+WS/QcLr+fNVweyG4sb6kmey1vRL66CEqzkvxgnLHnpSnym7kSfZTLb+dReSi7sbzNmuytPCZ/nG2WZ8ptUJ7vFkX+sFCSgyK4fANKmxxCMpY3TZPz5fK4/Gkmlkdy20bYryjy51VyeVy+Ho3lkVwA5e0OU+Rb68XyuNxrlkeyawrsFxT5yx65PC5/Ncsj+T6UF5OmyN/E8hyjZLM8kl3LYN+ryZck2XKWy9/N8kh2YXmRitwhl9fF5f1YXjHJC8zyFDk/T6KjuPwDy1tH8k8sL0GRO+Tysrh8CMurIPlYIL4IilwqllfI5V+nsDySf2N56Yrcc0eSbUVcPjMVbitIXgLl2UsUuUd8ERxcHtgOtzUk92N5iZpcLpaXyeWBA3C7SXK/P74Iiux5KJY3Sr6I5blJxvJSNfmeTSyPy3+OY3kkD57AF0GRPXclOTuHyzugNL8Ckk/DnqzJpeJzmsHloSNwu0zyIJaXosieR2J5uVzeaZZHMpaXVKLIZeKLcJ7LQ1uxPJL/nsMXQZPL/wFhX5o2MBv92AAAAABJRU5ErkJggg==)
}

@media (min-width: 768px) {
    .nav-bar-wrap .app-info-wrap[data-v-17f4066c]:before {
        margin-right: 34px;
        width: 76.8px;
        height: 30.72px
    }
}

.nav-bar-wrap .app-info-wrap[data-v-17f4066c]:after {
    margin-left: 22px;
    width: 50px;
    height: 20px;
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/png;base64,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)
}

@media (min-width: 768px) {
    .nav-bar-wrap .app-info-wrap[data-v-17f4066c]:after {
        margin-left: 34px;
        width: 76.8px;
        height: 30.72px
    }
}

.nav-bar-wrap .tools-wrap[data-v-17f4066c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-bar-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
    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(--40579418);
    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
}