footer{width:100%;position:fixed;z-index:2;left:0;bottom:0;line-height:1}footer .msgDot{width:.35rem;height:.35rem;border-radius:50%;top:.35rem;left:.8rem;background:red}footer>.bottom_nav{width:100%;border-top:1px solid #d8d8d8}footer>.bottom_nav>li{background:#fff;float:left;width:20%}footer>.bottom_nav>li a{display:block;width:100%;height:100%;padding:.2rem 0 .25rem}footer>.bottom_nav>li a>p{display:block;font-size:.65rem;color:#757575;text-align:center;margin-top:.1rem;white-space: nowrap;overflow: hidden;    text-overflow: ellipsis;}@media screen and (max-width:320px){footer>.bottom_nav>li a>p{font-size:.7rem}}footer>.bottom_nav>li a>i{display:block;width:1.1rem;height:1.1rem;margin:0 auto}@media screen and (max-width:320px){footer>.bottom_nav>li a>i{width:1.3rem;height:1.3rem}}footer>.bottom_nav>li:nth-of-type(1) i{background:url(../images/icon_01.png) no-repeat center;background-size:contain}footer>.bottom_nav>li:nth-of-type(1).active i{background:url(../images/icon_01_01.png) no-repeat center;background-size:contain}footer>.bottom_nav>li:nth-of-type(1).active p{color:#ff6b05}footer>.bottom_nav>li:nth-of-type(2) i{background:url(../images/icon_02.png) no-repeat center;background-size:contain}footer>.bottom_nav>li:nth-of-type(2).active i{background:url(../images/icon_02_01.png) no-repeat center;background-size:contain}footer>.bottom_nav>li:nth-of-type(2).active p{color:#ff6b05}footer>.bottom_nav>li:nth-of-type(3) i{background:url(../images/icon_03.png) no-repeat center;background-size:contain}footer>.bottom_nav>li:nth-of-type(3).active i{background:url(../images/icon_03_01.png) no-repeat center;background-size:contain}footer>.bottom_nav>li:nth-of-type(3).active p{color:#ff6b05}footer>.bottom_nav>li:nth-of-type(4) i{background:url(../images/icon_04.png) no-repeat center;background-size:contain}footer>.bottom_nav>li:nth-of-type(4).active i{background:url(../images/icon_04_01.png) no-repeat center;background-size:contain}footer>.bottom_nav>li:nth-of-type(4).active p{color:#ff6b05}footer>.bottom_nav>li:nth-of-type(5) i{background:url(../images/icon_05.png) no-repeat center;background-size:contain}footer>.bottom_nav>li:nth-of-type(5).active i{background:url(../images/icon_05_01.png) no-repeat center;background-size:contain}footer>.bottom_nav>li:nth-of-type(5).active p{color:#ff6b05}
footer>.bottom_nav>.index_li{background:#fff;float:left;width:25%}