﻿*{box-sizing: border-box;}
html{font-family: "黑体";}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img ,button,input{ margin:0; padding:0;font-weight: normal;}
input{box-shadow: none;
appearance:button;
   -moz-appearance:button; /* Firefox */
   -webkit-appearance:button; /* Safari 和 Chrome */
}
ul, ol { list-style:none; }


#bdTabBar{position: fixed; left: 0; bottom: 0; width: 100%; height: 60px; box-shadow: 0 0 5px #ccc; background-color: #fff;}
#bdTabBar ul{height: 100%; display: flex; justify-content: center; align-items: center;}
#bdTabBar li{width: calc(100% / 3); text-align: center;}
#bdTabBar li a{display: block; font-size: 14px; color: #666;}

#bdTabBar .tabIcon{width: 25px; height: 25px; display: block; margin: 0 auto;}
#bdTabBar li:nth-child(1) .tabIcon{background: url(../images/tabbar_icon_index.png) no-repeat; background-size: 100% 100%;}
#bdTabBar li:nth-child(2) .tabIcon{background: url(../images/tabbar_icon_cp.png) no-repeat; background-size: 100% 100%;}
#bdTabBar li:nth-child(3) .tabIcon{background: url(../images/icon_mp.png) no-repeat; background-size: 100% 100%;}
/* act */
#bdTabBar .act:nth-child(1) .tabIcon{background: url(../images/tabbar_icon_index_act.png) no-repeat; background-size: 100% 100%;}
#bdTabBar .act:nth-child(2) .tabIcon{background: url(../images/tabbar_icon_cp_act.png) no-repeat; background-size: 100% 100%;}
#bdTabBar .act a{color: #28C975;}



/* 微信小程序tabBar */
#wxTabBar a:link,a:visited{color:#444;text-decoration:none;}
#wxTabBar a:hover{color:#333333;text-decoration:none;}
#wxTabBar a{color: #444;}
#wxTabBar img{border:0;vertical-align: middle;}
#wxTabBar table{border-collapse:collapse;}

#wxTabBar .botbox *{box-sizing: border-box;}
#wxTabBar .botbox{width: 100%;height: 50px;clear: both;background: #ffffff;}
#wxTabBar{width: 100%;display: block;width: 100%;position: fixed;bottom: 0;left: 0;background: #ffffff;border-top: 1px solid #eaeaea;height: 50px;z-index:9999;}
#wxTabBar ul{width: 100%;display: flex;justify-content: space-between;height: 100%;align-items: center;}
#wxTabBar ul li{width: 33.333%;text-align: center;}
#wxTabBar ul li .botimg{width: 25px;height: 25px; margin: 0 auto;margin-bottom:2px;line-height: 25px;font-size: 0;}
#wxTabBar ul li .botimg img{width: 100%;}
#wxTabBar ul li .bottxt{font-size: 12px;color: #4a4a4a;line-height: 12px;}
#wxTabBar ul li.act .bottxt{color: #07c160;}

#wxTabBar .tabbar_ind .botimg{background: url(../images/tabbar_icon_index.png)no-repeat center center;background-size: 25px;}
#wxTabBar .tabbar_pro .botimg{background: url(../images/tabbar_icon_cp.png)no-repeat center center;background-size: 25px;}
#wxTabBar .tabbar_ind.act .botimg{background: url(../images/tabbar_icon_index_act.png)no-repeat center center;background-size: 25px;}
#wxTabBar .tabbar_pro.act .botimg{background: url(../images/tabbar_icon_cp_act.png)no-repeat center center;background-size: 25px;}
#wxTabBar .backwechat .botimg{background: url(../images/icon_mp.png)no-repeat center center;background-size: 25px;}
@media only screen and (min-width:768px ) {
	#wxTabBar .botbox{display: none;}
	#wxTabBar{display: none;}
}
