.clearfix {
    zoom: 1
}

    .clearfix:after {
        content: " ";
        display: table;
        clear: both
    }

a {
    text-decoration: none
}

html {
    -webkit-tap-highlight-color: transparent
}

body, dd, dl, dt, h1, h2, h3, input, li, ol, p, ul {
    margin: 0;
    padding: 0
}

#navbar {
    max-width: 10rem;
    overflow: hidden;
    width: 100%;
    height: 1.266667rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -5rem;
    border-top: .013333rem solid #ccc;
    background: #fff
}

    #navbar .link {
        float: left;
        display: block;
        width: 33.333%;
        height: 1.266667rem;
        position: relative;
        -webkit-tap-highlight-color: transparent
    }

        #navbar .link span {
            display: block;
            position: absolute;
            left: 1.866667rem;
            top: .333333rem;
            width: .4rem;
            height: .4rem;
            border-radius: 50%;
            background: #e33325;
            text-align: center;
            line-height: .4rem;
            color: #fff
        }

    #navbar .home {
        position: absolute;
        left: 1.333333rem;
        top: .333333rem;
        width: .666667rem;
        height: .666667rem;
        background: url(../imgs/icons/home01.png) no-repeat;
        background-size: cover
    }

        #navbar .home.active {
            background: url(../imgs/icons/home.png) no-repeat;
            background-size: cover
        }

    #navbar .shopping-basket {
        position: absolute;
        left: 1.333333rem;
        top: .333333rem;
        width: .666667rem;
        height: .666667rem;
        background: url(../imgs/icons/shopping-basket.png) no-repeat;
        background-size: cover
    }

        #navbar .shopping-basket.active {
            background: url(../imgs/icons/shopping.png) no-repeat;
            background-size: cover
        }

    #navbar .mine {
        position: absolute;
        left: 1.333333rem;
        top: .333333rem;
        width: .666667rem;
        height: .666667rem;
        background: url(../imgs/icons/mine.png) no-repeat;
        background-size: cover
    }

        #navbar .mine.active {
            background: url(../imgs/icons/mine01.png) no-repeat;
            background-size: cover
        }

    #navbar .selected {
        background-position: 0 0
    }
#loading2 {
    top: 200px;
    width: 100%;
    height: 100%;
    height: 1.333333rem;
    z-index: 99999999;
    position: fixed;
    /*background: rgba(0, 0, 0, 0.5);*/
    z-index: 99999;
    text-align: center;
}

    #loading2 img {
        width: 1rem;
        height: 1rem;
    }