body, html, div, span, a, li, ul, img, header, footer, main {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #333;
}

ul {
    list-style: none;
}

a:hover {
    -webkit-tap-highlight-color: transparent;
}
.bottomBar{
    height:5rem;
    position:fixed;
    bottom:0;
    left:0;
    z-index:999;
    width:100%;
    display:flex;
    background:#fff;
    box-shadow:0 0 10px -5px rgba(0,0,0,0.4);
}
.bottomBar a{
    width:20%;
    outline:none;
}
.bottomBar_item {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 1.2rem;
    position:relative;
}
.bottomBar_item .message_number {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    right: 1rem;
    top: -0.5rem;
    color: #fff;
    background: #fa573e;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bottomBar_item.active, .bottomBar_item.active .bottomBar_img {
    color: #32dab9;
}
.bottomBar_img {
    font-size: 3rem;
    color: #999;
}
.bottomBar_add {
    background: #32dab9;
    width:4rem;
    height:4rem;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.bottomBar_add i {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
}
.footer2 {
    font-size: 1.2rem;
    color: #a9bacf;
    text-align: center;
    padding: .4rem 0;
    background: #f3f6f9;
    -webkit-border-radius: .026667rem;
    -moz-border-radius: .026667rem;
    border-radius: .026667rem;
    margin-bottom: 1rem;
}

    .footer2 li {
        margin-bottom: .266667rem;
        line-height: 2.5rem;
    }

    .footer2 li {
        position: relative;
    }
        .footer2 li:first-child a {
            color: #a9bacf;
            padding-right: .826667rem;
        }