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

body.with-app-toolbar{
    padding-bottom: calc(56px + env(safe-area-inset-bottom));
}

/* 当APP底部工具栏显示时，避免遮挡固定按钮 */
body.with-app-toolbar .ReturnTop{ 
    bottom: calc(56px + env(safe-area-inset-bottom) + 20px);
}
body.with-app-toolbar .ShareButton{ 
    bottom: calc(56px + env(safe-area-inset-bottom) + 20px);
}
body.with-app-toolbar .ShareButton.shifted{ 
    bottom: calc(56px + env(safe-area-inset-bottom) + 70px);
}
body.with-app-toolbar .fixed-buttons{ 
    bottom: calc(56px + env(safe-area-inset-bottom) + 20px);
}

/* 页脚占位，防止被APP底部工具栏遮挡 */
body.with-app-toolbar .app-toolbar-spacer{
    height: calc(56px + env(safe-area-inset-bottom));
}

.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;
    }
    .app-toolbar-spacer{
        display:none;
    }
}