$appWallpaperPadding : 26rpx !default;
$appWallpaperPaddingBottom :200rpx !default;
@mixin bgDefault{
            size: 100% 100%;
            repeat: no-repeat;
          }
page{
	height:100%;
}
.tran{
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
	transition-delay: .5s;

	-webkit-transition-duration:.5s;
	-webkit-transition-timing-function:ease-in-out;
	-webkit-transition-delay:.5s;
}
uni-page-body{
	height:100%;
}
.body-background{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:{
		size:100% 100%;
		position: center center;
		repeat:no-repeat;
	}
	z-index: -1;
}
.head-background{
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	z-index: -1;
	.img{
		width:100%;
	}
}
.app-wallpaper{
	padding:$appWallpaperPadding;
	padding-bottom:$appWallpaperPaddingBottom;
}
.row{
	box-sizing: border-box;
	width:100%;
	display:flex;
	flex-wrap: wrap;
}
.col-12{
	box-sizing: border-box;
	flex: 0 0 100%;
}
.col-8{
	box-sizing: border-box;
	flex: 0 0 66.66%;
}
.col-6{
	box-sizing: border-box;
	flex: 0 0 50%;
}
.col-4{
	box-sizing: border-box;
	flex: 0 0 33.33%;
}
.col-3{
	box-sizing: border-box;
	flex: 0 0 25%;
}
.col{
	flex:1;
}
.u-safe-bottom{
	margin-bottom:30rpx;
}
.border-box{
	box-sizing: border-box;
}