.footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 16vw;
    background: #ffffff;
    display: flex;
    border-top: 1px solid #eeeeee;
   
    
}
.no-margin{
    width: 100%;
     height: 16vw;
}
.footer-item{
    flex: 1
}
.footer-item a{
    
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 100%;
    height: 16vw;
    font-size: 3.7333vw;
    color: #8e8e8e;
}
.footer-icon{
    display: inline-block;
    background-size:100% 100%; 
    background-repeat: no-repeat;
}

.footer-active{
    color: #e52a29;
}
.icon-home,.icon-home-active{
    width: 6.8vw;
    height: 6.5333vw;
    
}
.icon-home{
    background-image: url(../images/home.png);
}
.icon-home-active{
    background-image: url(../images/home-active.png) ;

}
.icon-file,.icon-file-active{
    width: 6.4vw;
    height: 6.1333vw;

}
.icon-file{
    background-image:url(../images/film.png); 
}
.icon-file-active{
    background-image:url(../images/film-active.png);
}
.icon-my,.icon-my-active{
    width: 7.2vw;
    height: 6.8vw;
}
.icon-my{
    background-image: url(../images/my.png);
}
.icon-my-active{
    background-image: url(../images/my-active.png);
}