body{padding-bottom:1rem;}
.ul_foot{position:fixed; background-color:#fff;height:1rem;left:0rem;bottom:0rem;box-shadow: 0 -0.02rem 0.05rem rgba(0, 0, 0, .1); width:6.4rem;}
.ul_foot li{width:20%;float:left;}
.ul_foot li .img{width:1rem;height:0.5rem; background-image:url(../images/foot.png?1); background-repeat:no-repeat; background-size:auto 0.58rem;display:block; margin-left:auto; margin-right:auto; margin-top:0.1rem}
.ul_foot li .wz{display:block; text-align:center; color:#656565; position:relative}
.ul_foot li .wz i{display:inline-block; background-color:#fff; position:absolute; width:0.25rem;height:0.25rem;line-height:0.25rem ;background-color:#f00; color:#fff; border:none; border-radius:0.3rem;
                 font-style:normal;top:-0.5rem; left:0.7rem; font-size:0.2rem;}
.ul_foot li:nth-of-type(1) .img{background-position:0.22rem top;}
.ul_foot li:nth-of-type(2) .img{background-position:-2.3rem top;}
.ul_foot li:nth-of-type(3) .img{background-position:-3.65rem top;}
.ul_foot li:nth-of-type(4) .img{background-position:-0.95rem top;}
.ul_foot li:nth-of-type(5) .img{background-position:-4.72rem top;}
.ul_foot li.on .img{background-image:url(../images/foot_1.png?1)}
.ul_foot li.on .wz{color:#f00; font-style:normal;}