html,body{background: #f5f5f5;}
html{min-height: 100%}
body{width: 100%;overflow: hidden;}
.popupRightBottom{display: none !important;}
.container dl{background: #fff;margin-bottom: .2rem;}
.container dl dt{text-align: center;font-size: .32rem;color: #09bb07;padding: .3rem 0}
.container dl dt::before{content: '';display: inline-block;width: .24rem;height: .24rem;background:url(../images/fenlei.png) no-repeat center;background-size: .24rem;margin-right: .1rem;}
.container dl dt::after{content: '';display: inline-block;width: .24rem;height: .24rem;background:url(../images/fenlei.png) no-repeat center;background-size: .24rem;margin-left: .1rem;}
.container dl dd{padding: 0 0 .26rem;}
.container dl dd a{float: left;width: 25%;text-align: center;font-size: .3rem;padding: .14rem 0;    line-height: .34rem;}

.loading{text-align: center;line-height: 1rem;font-size: .28rem;}
/*底部*/
.footer{height:1rem;background:#fff;box-shadow: 0 0 .32rem rgba(192,192,192,.28);position: fixed;bottom: 0;left:0;right:0; z-index: 99;padding-bottom:calc(-.3rem + constant(safe-area-inset-bottom));padding-bottom: calc(-.3rem + env(safe-area-inset-bottom));}
.footer ul{    height: 1rem;background: #fff;z-index: 9;display: -webkit-box;}
.footer ul li{width: 20%;text-align: center;position: relative;-webkit-box-flex: 1;}
.footer ul li a{display: block;}
.footer ul li .fotIcon{display: block;width:.42rem;height: .42rem;  margin: .16rem auto 0;}
.footer ul li .fotIcon img {display: block; width: 100%; height: 100%;}
.footer  p{color: #333;font-size: .24rem;}
.footer ul li.active p{color: #09bb07}