body
{
	user-select: none; /* 标准语法 */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE/Edge */
}
.boxed{
	position:relative;
	height: 100vh;
	min-height:100vh;
	width: 100%;
	max-width:100%;
	overflow: hidden;
}
.boxed .tab-box{
	height: 100vh;
	width:100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 100%;
	z-index: 10;
}
.boxed .active{
	left: 0;
	z-index: 12;
	transition: left 0.2s ease-in-out;
}
.boxed .wait{
	left: 0;
	z-index: 11;
}
.tabbar{
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height:55px;
	background: #fff;
	box-shadow: 0px -5px 20px 5px rgba(0, 0, 0, 0.1);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	z-index: 99;
}
.tabbar .tabbar-inner{
	width: 100%;
	height: 50px;
	display: flex;
}
.tabbar .tabbar-inner .tabbar-item{
	width: 20%;
	height: 50px;
	font-size: 16px;
	color: #999;
	display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
}
.tabbar .tabbar-inner .active{
	color: #3860f4;
}
.tabbar .tabbar-inner .tabbar-item .tabbar-item-icon, .tabbar .tabbar-inner .tabbar-item .tabbar-item-title{
	display: block;
}
.tabbar .tabbar-inner img.static{
	display: block;
}
.tabbar .tabbar-inner .active img.static{
	display: none;
}
.tabbar .tabbar-inner img.dynamic{
	display: none;
}
.tabbar .tabbar-inner .active img.dynamic{
	display: black;
}
.tabbar .tabbar-inner .tabbar-item .tabbar-item-icon img
{
	height: 70px;
    margin-top: -35px;
}