.nav-top {
    box-sizing: border-box;
    background: linear-gradient(to bottom, #005D35, #004D3C) !important;
    position: sticky;
    z-index: 19;
    top: 0;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;

    @include pc {
        width: 10rem;
    }

    &-download {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .1rem .3rem;
        background-color: #33333D;
        position: relative;
        height: 1rem;
        cursor: pointer;

        .left {
            font-size: .3rem;
            margin-left: .3rem;

            h2 {
                font-size: .4rem;
            }
        }

        &-close {
            width: .5rem;
            height: .5rem;
            border-radius: 0 0 .5rem 0;
            background-color: #D8D8D8;
            position: absolute;
            left: 0;
            top: 0;
            text-align: center;
            line-height: .4rem;
            font-size: .3rem;
        }
    }

    >.flex-sb {
        height: 1.3rem;
        padding: .2rem;
        background: linear-gradient(to bottom, #0E5E57, #0B5650, #084E4A);
    }

    &-text {
        width: 50%;
        font-size: .3rem;
        font-weight: 800;
        color: #B9FF80;
        display: flex;
        align-items: center;

        .flex-btn {
            background-image: url("https://cdn.18n.com/home/button_01.png");
            text-align: center;
            background-size: 100% 100%;
            padding: .2rem .4rem;
            margin-left: .2rem;
        }
    }

    .avatar {
        font-size: .3rem;
        font-weight: 800;
        color: #FFF;
        background-color: #032A26;
        padding: 2px .2rem;
        border-radius: .2rem;
        margin-right: .7rem;

        .img-box {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-around;

            >img {
                width: .7rem;
                height: .7rem;
                border-radius: 50%;
            }

            text {
                padding-left: .1rem;
            }
        }

        .flex-btn {
            padding: .15rem;
            margin-left: .2rem;
            font-size: .6rem;
            height: .3rem;
            line-height: .3rem;
            border-radius: .1rem;
            background-color: #179F80;
        }
    }

    .lingdang {
        position: absolute;
        right: .25rem;

        >.imgBox {
            margin-left: 0.1rem;
        }

        >.num {
            position: absolute;
            right: 0;
            top: .3rem;
            background-color: #E77014;
            width: .35rem;
            height: .35rem;
            line-height: .35rem;
            text-align: center;
            color: #fff;
            border-radius: 50%;
            font-size: .3rem;
            @include pc{
                top: 0rem !important;
            }
        }
    }
}