.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
    }

#navbar2 {
    /*max-width: 10.5rem;*/
    /*overflow: hidden;*/
    width: 10.5rem;
    height: 1.566667rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -5.23333rem;
    border-top: .013333rem solid #ccc;
    background: #fff
}

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

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

    #navbar2 .home {
        position: absolute;
        left: 0.533333rem;
        top: .333333rem;
        width: 1.266667rem;
        height: 1.066667rem;
        background: url(../imgs/icons/indexpage2.png?ver=100) no-repeat;
        background-size: cover
    }

        #navbar2 .home.active {
            background: url(../imgs/icons/indexpage1.png?ver=100) no-repeat;
            background-size: cover
        }
    #navbar2 .cake {
        position: absolute;
        left: 0.303333rem;
        top: .333333rem;
        width: 1.266667rem;
        height: 1.066667rem;
        background: url(../imgs/icons/cakepage2.png?ver=100) no-repeat;
        background-size: cover
    }

        #navbar2 .cake.active {
            background: url(../imgs/icons/cakepage1.png?ver=100) no-repeat;
            background-size: cover
        }
    #navbar2 .bingfen {
        position: absolute;
        left: 0.303333rem;
        top: .333333rem;
        width: 1.266667rem;
        height: 1.066667rem;
        background: url(../imgs/icons/bingfenpage2.png?ver=100) no-repeat;
        background-size: cover
    }

        #navbar2 .bingfen.active {
            background: url(../imgs/icons/bingfenpage1.png?ver=100) no-repeat;
            background-size: cover
        }

    #navbar2 .shopping-basket {
        position: absolute;
        left: 0.103333rem;
        top: .333333rem;
        width: 1.266667rem;
        height: 1.066667rem;
        background: url(../imgs/icons/cartPage2.png?ver=100) no-repeat;
        background-size: cover
    }

        #navbar2 .shopping-basket.active {
            background: url(../imgs/icons/cartPage1.png?ver=100) no-repeat;
            background-size: cover
        }

    #navbar2 .mine {
        position: absolute;
        /*left: 0.203333rem;*/
        top: .333333rem;
        width: 1.266667rem;
        height: 1.066667rem;
        background: url(../imgs/icons/userPage2.png?ver=100) no-repeat;
        background-size: cover
    }

        #navbar2 .mine.active {
            background: url(../imgs/icons/userPage1.png?ver=100) no-repeat;
            background-size: cover
        }

    #navbar2 .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;
}
.container-picture {
    position: fixed;
    display: none;
    top: 3rem;
    z-index: 9999;
    margin: 0 auto;
    max-width: 10rem;
    width: 100%;
    height: 2rem;
    /*background: rgba(0, 0, 0, 0.7);*/
    text-align: center
}

    .container-picture img {
        text-align: center;
        width: 1rem;
        height: 1rem;
    }



#navbar3 {
    /*max-width: 10.5rem;*/
    /*overflow: hidden;*/
    width: 10.5rem;
    height: 1.266667rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -5.23333rem;
    /*border-top: .013333rem solid #ccc;*/
    background: #fff
}

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

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

    #navbar3 .home {
        position: absolute;
        left: 0.233333rem;
        top: .133333rem;
        width: 1.866667rem;
        height: 1.256667rem;
        background: url(../imgs/index/v1/menu-2.png) no-repeat;
        background-size: cover
    }

        #navbar3 .home.active {
            background: url(../imgs/index/v1/menu-1.png) no-repeat;
            background-size: cover
        }

    #navbar3 .cake {
        position: absolute;
        /*left: 0.283333rem;*/
        top: .133333rem;
        width: 1.866667rem;
        height: 1.256667rem;
        background: url(../imgs/index/v1/cake-2.png) no-repeat;
        background-size: cover
    }

        #navbar3 .cake.active {
            background: url(../imgs/index/v1/cake-1.png) no-repeat;
            background-size: cover
        }

    #navbar3 .bingfen {
        position: absolute;
        /*left: 0.303333rem;*/
        top: .133333rem;
        width: 1.866667rem;
        height: 1.256667rem;
        background: url(../imgs/index/v1/x2.jpg) no-repeat;
        background-size: cover
    }

        #navbar3 .bingfen.active {
            background: url(../imgs/index/v1/x1.jpg) no-repeat;
            background-size: cover
        }

    #navbar3 .shopping-basket {
        position: absolute;
        /*left: 0.103333rem;*/
        top: .133333rem;
        width: 1.866667rem;
        height: 1.256667rem;
        background: url(../imgs/index/v1/cart-2.png) no-repeat;
        background-size: cover
    }

        #navbar3 .shopping-basket.active {
            background: url(../imgs/index/v1/cart-1.png) no-repeat;
            background-size: cover
        }

    #navbar3 .mine {
        position: absolute;
        /*left: 0.203333rem;*/
        top: .133333rem;
        width: 1.866667rem;
        height: 1.256667rem;
        background: url(../imgs/index/v1/user-2.png) no-repeat;
        background-size: cover
    }

        #navbar3 .mine.active {
            background: url(../imgs/index/v1/user-1.png) no-repeat;
            background-size: cover
        }

    #navbar3 .selected {
        background-position: 0 0
    }

/*//*/
#navbar5 {
    /*max-width: 10.5rem;*/
    /*overflow: hidden;*/
    width: 10.5rem;
    height: 1.266667rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -5.23333rem;
    /*border-top: .013333rem solid #ccc;*/
    background: #fff
}

#navbar5 .link {
    float: left;
    display: block;
    width: 33.3333%;
    height: 1.266667rem;
    position: relative;
    -webkit-tap-highlight-color: transparent
}
    #navbar5 .link span {
        display: block;
        position: absolute;
        left: 1.866667rem;
        top: .1233333rem;
        width: .4rem;
        height: .4rem;
        border-radius: 50%;
        background: #e33325;
        text-align: center;
        line-height: .4rem;
        color: #fff
    }

    #navbar5 .bingfen {
        position: absolute;
        left: 28%;
        top: .133333rem;
        width: 1.366667rem;
        height: 0.956667rem;
        background: url(../imgs/index/Group-87.png?ver=10) no-repeat;
        background-size: cover
    }

        #navbar5 .bingfen.active {
            background: url(../imgs/index/Group-871.png?ver=10) no-repeat;
            background-size: cover
        }

    #navbar5 .shopping-basket {
        position: absolute;
        left: 28%;
        top: .133333rem;
        width: 1.166667rem;
        height: 0.956667rem;
        background: url(../imgs/index/Group-88.png?ver=10) no-repeat;
        background-size: cover
    }

        #navbar5 .shopping-basket.active {
            background: url(../imgs/index/Group-881.png?ver=10) no-repeat;
            background-size: cover
        }

    #navbar5 .mine {
        position: absolute;
        left: 28%;
        top: .133333rem;
        width: 1.266667rem;
        height: 0.956667rem;
        background: url(../imgs/index/Group-89.png?ver=10) no-repeat;
        background-size: cover
    }

        #navbar5 .mine.active {
            background: url(../imgs/index/Group-891.png?ver=10) no-repeat;
            background-size: cover
        }

#navbar5 .selected {
    background-position: 0 0
}


/*//*/
#navbar6 {
    /*max-width: 10.5rem;*/
    /*overflow: hidden;*/
    width: 10.5rem;
    height: 1.266667rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -5.23333rem;
    /*border-top: .013333rem solid #ccc;*/
    background: #fff
}

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

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

    #navbar6 .bingfen {
        position: absolute;
        left: 28%;
        top: .133333rem;
        width: 1.866667rem;
        height: 1.256667rem;
        background: url(../imgs/index/v1/cake-2.png?ver=10) no-repeat;
        background-size: cover
    }

        #navbar6 .bingfen.active {
            background: url(../imgs/index/v1/cake-1.png?ver=10) no-repeat;
            background-size: cover
        }

    #navbar6 .shopping-basket {
        position: absolute;
        left: 28%;
        top: .133333rem;
        width: 1.166667rem;
        height: 0.956667rem;
        background: url(../imgs/index/Group-88.png?ver=10) no-repeat;
        background-size: cover
    }

#navbar6 .shopping-basket.active {
    background: url(../imgs/index/Group-881.png?ver=10) no-repeat;
    background-size: cover
}

#navbar6 .mine {
    position: absolute;
    left: 28%;
    top: .133333rem;
    width: 1.266667rem;
    height: 0.956667rem;
    background: url(../imgs/index/Group-89.png?ver=10) no-repeat;
    background-size: cover
}

    #navbar6 .mine.active {
        background: url(../imgs/index/Group-891.png?ver=10) no-repeat;
        background-size: cover
    }

#navbar6 .selected {
    background-position: 0 0
}