/*尾部导航*/
.foot-nav{position: fixed;left: 0;bottom: 0;width: 100%;height: 66px;background: #2d589f;padding: 0 .3rem;box-shadow: 0 -0.02rem .1rem rgba(200,200,200,.2);z-index: 99999;}
.foot-nav ul{display: flex;justify-content: space-around;align-items: center;width: 100%;height: 100%;}
.foot-nav ul li{font-size: .22rem;color: #fffdfd;display: flex;flex-direction: column;}
.foot-nav ul li i{width: .46rem;height: .42rem;}
.foot-nav ul li.home i{background: url(../images/nav-home.png) bottom center no-repeat;background-size: .46rem .40rem;}
.foot-nav ul li.home.active i{background-image: url(../images/nav-home-active.png);}
.foot-nav ul li.cate i{background: url(../images/nav-cate.png) bottom center no-repeat;background-size: .42rem .42rem;}
.foot-nav ul li.cate.active i{background-image: url(../images/nav-cate-active.png);}
.foot-nav ul li.news i{background: url(../images/nav-news.png) bottom center no-repeat;background-size: .34rem .41rem;}
.foot-nav ul li.news.active i{background-image: url(../images/nav-news-active.png);}
.foot-nav ul li.mine i{background: url(../images/nav-my.png) bottom center no-repeat;background-size: .42rem .42rem;}
.foot-nav ul li.mine.active i{background-image: url(../images/nav-my-active.png);}
.foot-nav ul li.middle{flex-shrink: 0;width: 87px;height: 45px;background: url(../images/nav-zhibo.png) center center no-repeat;background-size: 100%;}
.foot-nav ul li p{padding-top: .08rem;}
.foot-nav ul li.active p{color: #ffffff;}

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


* {
  margin:0;
  padding:0;
  outline: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}