.nav_footer {
    border-top: 1px solid #F4F4F4;
    background-color: #ffffff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    width: 100%;
    position: fixed;
    z-index: 10;
    left: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    height: 50px;
}

    .nav_footer a {
        color: rgb(34, 34, 34);
        padding-bottom: 3px;
    }

    .nav_footer .active {
        color: #e02803;
    }

    .nav_footer .item {
        height: 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

        .nav_footer .item .item_movie {
            width: 28px;
            height: 28px;
            position: absolute;
        }

        .nav_footer .item .icon {
            margin: 0 auto;
            width: 25px;
            height: 25px;
            background-repeat: no-repeat;
            background-position: 50%;
            background-size: 100%;
        }

        .nav_footer .item .create {
            background-image: url(../Images/icon_create.png?1011);
        }

    .nav_footer .active .item .create {
        background-image: url(../Images/icon_create_active.png?1011);
    }

    .nav_footer .item .search {
        background-image: url(../Images/icon_search.png?1011);
    }

    .nav_footer .active .item .search {
        background-image: url(../Images/icon_search_active.png?1011);
    }

    .nav_footer .item .homepage {
        background-image: url(../Images/icon_home.png?1011);
    }

    .nav_footer .active .item .homepage {
        background-image: url(../Images/icon_home_active.png?1011);
    }

    .nav_footer .item .class {
        background-image: url(../Images/icon_class.png?1011);
    }

    .nav_footer .active .item .class {
        background-image: url(../Images/icon_class_active.png?1011);
    }

    .nav_footer .item .cart {
        background-image: url(../Images/icon_cart.png?1011);
    }

    .nav_footer .active .item .cart {
        background-image: url(../Images/icon_cart_active.png?1011);
    }

    .nav_footer .item .server {
        background-image: url(../Images/icon_server.png?1011);
    }

    .nav_footer .active .item .server {
        background-image: url(../Images/icon_server_active.png?1011);
    }

    .nav_footer .item .my {
        background-image: url(../Images/icon_my.png?1011);
    }

    .nav_footer .active .item .my {
        background-image: url(../Images/icon_my_active.png?1011);
    }


    .nav_footer .classname {
        width: 50px;
        font-size: 12px;
        padding-top: 3px;
    }