.icon {
       width: 1em; height: 1em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
}
.menu{ width:100%; position:fixed; bottom:0; height:50px; background:#fff;     z-index: 1000;border-top: 1px solid #EAEFF3;}
.menu ul{ width:100%; list-style-type:none; }
.menu ul li{ float:left;text-align:center; line-height:50px; font-size:16px;}
.menu ul .menu_sy{width: 15%;}
.menu ul .menu_sy .icon{width:27px; height:27px; margin-top: 8px; margin-left: 10px;}
.menu ul .menu_zb{width: 24%;}
.menu ul .menu_zb .icon{width:18px; height:18px; vertical-align: -0.25em;}
.menu ul .menu_yx{width: 32%;}
.menu ul .menu_yx .icon{width:18px; height:18px; vertical-align: -0.25em;}
.menu ul .menu_gr{width: 25%;}
.tanzb{ width: 24%;position:fixed; bottom:50px;z-index: 900; background:#fff; left:15%;  box-shadow: 0px 0px 2px 1px rgb(51 51 51 / 50%); display:none; border-top-left-radius:3px;border-top-right-radius:3px;}
.tanzb .tanzb1{ text-align:center; padding:10px 0; }
.tanyx{ width: 32%;position:fixed; bottom:50px;z-index: 900; background:#fff; left:39%;  box-shadow: 0px 0px 2px 1px rgb(51 51 51 / 50%); display:none;border-top-left-radius:5px;border-top-right-radius:5px;}
.tanyx .tanyx1{ text-align:center; padding:10px 0; }
.tanyx1:active{ background:rgb(0 0 0 / 30%); }
.tanzb1:active{ background:rgb(0 0 0 / 30%); }
.menu_gr:active{ background:rgb(0 0 0 / 30%); }
li:active{ background:rgb(0 0 0 / 30%); }