/*============================
 *     APP底部工具栏       *
 *===========================*/

 body.with-app-toolbar{
    margin-bottom:56px;
}

.app-toolbar{
	position:fixed;
	left:0;
	right:0;    
	bottom:0;
	height:56px;
	background:#fff;
	border-top:1px solid #e5e5e5;
	display:flex;
	justify-content:space-around;
	align-items:center;z-index:9999;
	box-shadow:0 -2px 8px rgba(0,0,0,.06);
	padding-bottom:env(safe-area-inset-bottom);
}

.app-tool{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#333 !important;
    text-decoration:none;
    width:20%;
    font-size:12px;
    border:0;
    background:transparent;
    text-align:center;
}

.app-tool i{
    font-size:24px;
    line-height:24px;
    display:block;
    margin:0 aut !important;
}

.app-tool i.small{
    font-size:20px;
    line-height:20px;
    margin:2px auto;
}

.app-tool span{
    display:block;
    color:inherit !important;
    text-align:center;
    margin-left:0;
    margin-top:0;
}

.app-tool.disabled{
    color:#bbb !important;
    cursor:not-allowed;
}

.app-tool.disabled i{
    color:#d0d0d0;
}

@media (min-width:992px){
    .app-toolbar{
        display:none;
    }
}