html,body{font-family: "microsoft yahei";font-size: 10px;box-sizing: border-box;}
.banner{height: 160px;}
.banner img{ width: 100%; height: 160px; display: block; }
.mui-slider-indicator .mui-indicator{width: 8px;height: 8px;box-shadow: none;}
.nav-item{padding: 0 5px;display: block;}
.box1{width: 100%;height: 120px;line-height: 120px; border: 1px solid #ccc;border-radius: 10px;text-decoration: none;box-shadow: 0 4px 6px #ccc;background: #fff;}
.box1 img{margin-top: 30px;}
.nav-item p{}
.b-tab{position: fixed;bottom: 0; width: 100%; border-top: 1px solid #ccc;background: #fff;z-index: 999;}
.b-tab a{display: block; height: 45px;text-decoration: none;}
.c-search{background: url(../../public/icons/search.png) no-repeat center center; background-size: 22px 21px;}
.c-search.on{background: url(../../public/icons/search_on.png) no-repeat center center; background-size: 22px 21px;}
.c-buy{background: url(../../public/icons/buy.png) no-repeat center center; background-size: 22px 21px;}
.c-buy.on{background: url(../../public/icons/buy_on.png) no-repeat center center;  background-size: 22px 21px;}
.c-service{background: url(../../public/icons/service.png) no-repeat center center; background-size: 20px 19px;}
.c-service.on{background: url(../../public/icons/service_on.png) no-repeat center center; background-size: 20px 19px;}
.c-mine{background: url(../../public/icons/mine.png) no-repeat center center; background-size: 17px 21px;}
.c-mine.on{background: url(../../public/icons/mine_on.png) no-repeat center center; background-size: 17px 21px;}