.-navbar {
    // position: relative;
    width: 100%;
    height: 100%;
    font-size: 36upx;
    font-weight: bold;
    color: #222222;
    padding-left: 40upx;
    &-back {
        // display: inline-flex;
        // align-items: center;
        display: inline-block;
        &__icon {
            width: 36upx;
            height: 36upx;
            display: inline-block;
            vertical-align: middle;
            margin-right: 12upx;
        }
        &__text {
            display: inline-block;
            vertical-align: middle;
        }
    }
    &-content {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-14%, -50%);
        // text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    &-loading {
        position: absolute;
        left: 50%;
        top: 30%;
        z-index: 10;
        transform: translate(92upx, 0);
        // transform: translate(0, -300%);
        // transition: all .2s ease;
        &__icon {
        }
        &_show {
            // transform: translate(0, 0);
        }
    }
}