.sq_nav_footer
{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    /*max-width: 540px;*/
    margin: 0 auto;
    height: 49px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    z-index: 310;
    box-shadow: 0 -2px 10px rgba(51,51,51,.1);
}
.sq_nav_footer > a
{
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 10px;
    color: #999;
    line-height: 1;
}
.sq_nav_footer > a.on
{
    color: #e93b3d;
}
.sq_nav_footer > a::before
{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: 7px auto 5px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
}
.sq_nav_footer > a.nav_index::before
{
    background-image: url("/styles/ids/svg/index_icon.svg");
}
.sq_nav_footer > a.nav_index.on::before
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23e93b3d%22 fill-rule=%22evenodd%22 d=%22M8 1h24a4 4 0 0 1 4 4v30a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4zm20 20a8 8 0 0 1-16 0v-7.5a1.5 1.5 0 0 1 3 0V21a5 5 0 0 0 10 0v-7.5a1.5 1.5 0 0 1 3 0V21z%22/%3E%3C/svg%3E");
}
.sq_nav_footer > a.nav_search::before
{
    background-image: url("/styles/ids/svg/signin_icon.svg");
}
.sq_nav_footer > a.nav_search.on::before
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23e93b3d%22 d=%22M34.5 23.5a11.7 11.7 0 0 1-1.3 1l2.5 4.3a1.5 1.5 0 0 1-2.6 1.5L30.7 26a12 12 0 1 1 4-2.5zm-2-15a9 9 0 1 0-.2 13 9 9 0 0 0 0-13zM10.4 23h-7a1.5 1.5 0 0 1 0-3h7a1.5 1.5 0 0 1 0 3zm0-12h-7a1.5 1.5 0 0 1 0-3h7a1.5 1.5 0 0 1 0 3zm-7 23h31a1.5 1.5 0 0 1 0 3h-31a1.5 1.5 0 0 1 0-3z%22/%3E%3C/svg%3E");
}
.sq_nav_footer > a.nav_newsfeed::before
{
    background-image: url("/styles/ids/svg/circleadd_icon.svg");
}
.sq_nav_footer > a.nav_newsfeed.on::before
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23e93b3d%22 d=%22M20 40a20 20 0 1 1 20-20 20 20 0 0 1-20 20zm0-37A17 17 0 0 0 4.6 27a12 12 0 0 1 5.5-5 7 7 0 1 1 9.8 0 12 12 0 0 1 3.8 2.6 7 7 0 0 1 2.4-2 4 4 0 1 1 6 0 7 7 0 0 1 3.6 4.2A17 17 0 0 0 20 3z%22/%3E%3C/svg%3E");
}
.sq_nav_footer > a.nav_shopcart::before
{
    background-image: url("/styles/ids/svg/notify_icon.svg");
}
.sq_nav_footer > a.nav_shopcart.on::before
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23e93b3d%22 d=%22M36.5 24.5a4 4 0 0 1-4 4h-17a4 4 0 0 1-4-4l-4.2-19H3a1.5 1.5 0 0 1 0-3h5a5.3 5.3 0 0 1 2.2 1.7l.6 2 .7.3h23a4 4 0 0 1 4 4zm-21 7a3 3 0 1 1-3 3 3 3 0 0 1 3-3zm17 0a3 3 0 1 1-3 3 3 3 0 0 1 3-3z%22/%3E%3C/svg%3E");
}
.sq_nav_footer > a.nav_me::before
{
    background-image: url("/styles/ids/svg/my_icon.svg");
}
.sq_nav_footer > a.nav_me.on::before
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23e93b3d%22 d=%22M26 29.8a45.5 45.5 0 0 1 3.8 7.6 1 1 0 0 1 .2.5 1 1 0 0 1-1 1H11a1 1 0 0 1-1-1 1 1 0 0 1 .2-.6 45.5 45.5 0 0 1 4-7.6 15 15 0 1 1 11.7 0zm2-9.8a1 1 0 0 0-2 0h-.3a7 7 0 0 1-11.4 0H14a1 1 0 0 0-2 0 1 1 0 0 0 .4.8 9 9 0 0 0 15.2 0 1 1 0 0 0 .4-.7z%22/%3E%3C/svg%3E");
}
.sq_nav_footer > a .sign_c_tip::before
{
    display: none;
}
.sq_nav_footer > a .sign_c_tip, .sq_nav_footer > a i
{
    position: absolute;
    left: 50%;
    top: 3px;
    margin-left: 7px;
    background-image: -webkit-linear-gradient(left,#ec4141 50%,#fd8659);
    background-image: linear-gradient(left,#ec4141 50%,#fd8659);
}
.sq_nav_footer > a .sign_c_tip:empty, .sq_nav_footer > a i:empty
{
    width: 7px;
    height: 7px;
    border-radius: 7px;
}
.sq_nav_footer > a .sign_c_tip:not(:empty), .sq_nav_footer > a i:not(:empty)
{
    padding: 0 5px;
    height: 14px;
    line-height: 14px;
    border-radius: 14px 14px 14px 0;
    white-space: nowrap;
    font-size: 10px;
    color: #fff;
}
.sq_nav_footer > a .sign_c_tip:not(:empty)::after, .sq_nav_footer > a i:not(:empty)::after
{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    margin-top: 1px;
}
.sq_nav_footer > a .cover
{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    position: absolute;
    top: -18px;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 0 -2px 2px hsla(0,0%,40%,.1);
    padding: 5px;
    background-color: #fff;
}
.sq_nav_footer > a .cover img
{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 40px;
}
.sq_nav_footer > a .cover + .sign_c_tip
{
    top: -10px;
    margin-left: 17px;
}
html
{
    font-size: 20px;
    font-size: 5.33333vw;
}
@media screen and (max-width:320px)
{
    html
    {
        font-size: 17.06667px;
    }
}
@media screen and (min-width:540px)
{
    html
    {
        font-size: 28.8px;
    }
}