.navlist{position: relative;height: .5rem;border-bottom: solid .01rem #B3B3B3;box-shadow: 0 .01rem .01rem 0 #DFDFDF;}
#nav{position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fafafa;z-index: 999;}
#nav .navlist li{width: 25%;height: .5rem;float: left; box-sizing:border-box;}
#nav .navlist li a{width: 100%;height: .5rem;display: block; text-align: center;color: #999;}
/* #nav .navlist li a span{width: .5rem;height: .5rem; line-height: .5rem; display: inline-block; color: #999;font-size: .25rem;} */
a{text-decoration: none}
#nav .navlist  li a i{width: 100%;height: .3rem;line-height: .3rem;font-size: .25rem; padding-top: .02rem;}
#nav .navlist  li a.active{color: #1fa67a;}
#nav .navlist  li a span{width: 100%;height: .15rem; display: block;line-height: .15rem;font-size: .1rem;}