/*!
 * mdui v0.4.3 (https://mdui.org)
 * Copyright 2016-2019 zdhxiong
 * Licensed under MIT
 */
/* 锁定屏幕 */
body.mdui-locked {
	overflow: hidden;
}
/* 遮罩层 */
.mdui-overlay {
	position: fixed;
	top: -5000px;
	right: -5000px;
	bottom: -5000px;
	left: -5000px;
	z-index: 2000;
	visibility: hidden;
	background: rgba(0, 0, 0, .4);
	opacity: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: opacity;
}
/* 显示遮罩层 */
.mdui-overlay-show {
	visibility: visible;
	opacity: 1;
}
/* 取消 transition 过渡效果 */
.mdui-no-transition {
	-webkit-transition-property: none !important;
	transition-property: none !important;
}
/**
 * =============================================================================
 * ************   Drawer 抽屉栏导航   ************
 * =============================================================================
 */
/* DOM 加载完后再添加 transition */
body.mdui-loaded {
	-webkit-transition: padding .3s cubic-bezier(0, 0, .2, 1);
	transition: padding .3s cubic-bezier(0, 0, .2, 1);
}
body.mdui-loaded .mdui-drawer {
	-webkit-transition: all .3s cubic-bezier(0, 0, .2, 1);
	transition: all .3s cubic-bezier(0, 0, .2, 1);
}
/* 抽屉栏外层，默认出现在左侧且隐藏 */
.mdui-drawer {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 5000;
	width: calc(100% - 2.4rem);
	max-width: 9.253333rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	will-change: transform;
	background-color: #343639;
}
/* 出现在右侧的抽屉栏 */
.mdui-drawer-right {
	right: 0;
	left: auto;
}
/* 强制隐藏抽屉栏 */
.mdui-drawer-close {
	-webkit-transform: translateX(-9.253333rem);
	transform: translateX(-9.253333rem);
}
.mdui-drawer-close.mdui-drawer-right {
	-webkit-transform: translateX(9.253333rem);
	transform: translateX(9.253333rem);
}
/* 强制显示抽屉栏 */
.mdui-drawer-open {
	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important;
}
/* 抽屉栏不是透明时添加阴影 */
.mdui-drawer[class*="mdui-color-"]:not(.mdui-color-transparent) {
	-webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
	box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
}
/* 抽屉栏 100% 高度，覆盖在导航栏上面 */
.mdui-drawer-full-height {
	top: 0 !important;
}