#wxNaviBar {
    font-size: 14px !important;
}

#wxNaviBar-toolsBox {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 3.6em;
    min-height: 50px;
    width: 100%;
}

    #wxNaviBar-toolsBox .btn-box {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        overflow: hidden;
        background: #fff;
        width: 100%;
        height: 100%;
        border-top: solid 1px #eee;
    }

        #wxNaviBar-toolsBox .btn-box .btn-item {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100%;
            min-width: 4em;
        }

            #wxNaviBar-toolsBox .btn-box .btn-item .btn-icon {
                margin-bottom: 0.2em;
                width: 100%;
                height: 62%;
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center;
            }

            #wxNaviBar-toolsBox .btn-box .btn-item .btn-icon {
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAMAAABGrfvuAAAAUVBMVEUAAACNjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY1XJKGSAAAAGnRSTlMAQZU4xFMQBe2b1STecxcq9cuHf2dgS+Kjs2iq6jUAAAGPSURBVFjD7dfLkoIwFATQgBkeYniEx+j9/w+dScqpXiRgYrOYhb2yKOrYXpAElRA7WXVKWhFpT4JAkdA5VCl/Kc9oNI9oRTUqVMG2ap+QelItDYGiIVAUxFEYNoKxE40ICo0YKmwUzIpoFLQiIVA0BIqHQOUPO3vsYSOqFRqRFBqRFBqRFBoxFKCLSssFFNEoaEU0ClpFG1GtAJEUfhpBMRAoGsLYaQitAohpZXDVqFZGXdGIajW5TqOHarNkG4upPDW6Tmq1g4d0/qJf/lap3YfBrjjauYpVFlQ30cEMItL0edJ3VOqclNnp9pE+0kf6t1Khr2HMG1Iv0Wz50hCXlnxJlTFIV+9M/FKEOZ44xpL39K3cc3xIfbzHg0mOkRtH+4U0J4uIXFUYi+OJmcIdHa76lrkfiM9D4+olr3bT/kZBJ0sae5z4y8bUJTnd5E6+q534HdBoXt9VvRndqbd694SbeOsxr1/7WeeHd+T74CsrLenRx93nZGh++RcomwSmKQf1Ov1m7/ood7tFbrsfc1FW2HAon74AAAAASUVORK5CYII=");
            }

            #wxNaviBar-toolsBox .btn-box .btn-item.active .btn-icon {
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAMAAABGrfvuAAAAY1BMVEUAAAA4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvg4jvj////e7P5rq/rT5v2Nv/tvrvpepPmr0PxNmvlElfgASBEDAAAAFnRSTlMAxZcmm5M2PP2GE9P47KNvSuC8e10vizUMnwAAAUBJREFUWMPt10lygzAQheFGoAiJwXhSEg9J7n/KVCrEbyEoi34ssuA/wFdPvbGRjHzhZZWqGGO1EgSKhNahTPzLsItQxS5Chl2EKhoCRUOgaAgUe2xk6EWg2EXIsotQxS5ChodA8RAoHgKVf2zu7DbmZtlFyLCLkM1YxK4ycWmWhkDRECj22Miyi5BhFyHLLkKGXYQsvwgUFtVOibj6lwIkSkke1G6E1NJI7aQZIbU0Uo0cY2ydUJK49meTnHwppCSlP8mjUimdQZCSW0162aRN2qR/Kd0ub2lXhfT5OtltuXSflq6K131MQZcvzcXv72kZFw91VFVKUqeC2pBKhUpqJM2T/53Qmf2RQgX5OOQU0sB9bKBeZmrIt6GwXwTtg8xTS65eAJrqmA15eVJpuwyms6U8Lwy+PxTzHXo/BEn6BiohFyGXJZnhAAAAAElFTkSuQmCC");
            }

            #wxNaviBar-toolsBox .btn-box .btn-item span {
                color: #8d8d8d;
                font-size: .75em;
            }

            #wxNaviBar-toolsBox .btn-box .btn-item.active span {
                color: #2380ff;
            }

/**元旦UI*/
#wxNaviBar-toolsBox .btn-box .btn-item.active span {
    color: #CF290F !important;
}

    #wxNaviBar-toolsBox .Suspension-box {
        position: fixed;
        bottom: 5.3em;
        right: .4em;
        z-index: 99999;
    }

    #wxNaviBar-toolsBox.fix-iphonex-button .Suspension-box {
        bottom: 8.5em;
    }

    #wxNaviBar-toolsBox .Suspension-box .sus-item {
        width: 4.5em;
        height: 4.5em;
        border-radius: 50%;
        overflow: hidden;
        border: 0.35em solid rgb(187, 187, 187);
        opacity: 0.9;
        background-image: url("data:image/png;base64,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");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        box-sizing: border-box;
    }

.fix-iphonex-button {
    bottom: 2.625em !important;
}

    .fix-iphonex-button::after {
        content: ' ';
        position: fixed;
        bottom: 0 !important;
        height: 2.625em !important;
        width: 100%;
        background: #fff;
    }