body {
	.b_l_w;
	font-size: 3.2vw;
}

.bg(@e, @url) {
	&::before {
		content: '';
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		background-color: @e;
		background-image: @url;
		background-repeat: no-repeat;
		background-size: 100% auto;
		z-index: -1;
	}
}

.f5 {
	.bg(#f5f5f5, none);
}

p {
	margin: 0;
}

img {
	display: block;
	object-fit: contain;
}

[v-cloak] {
	display: none !important;
}

body,
.van-pull-refresh {
	overflow: visible !important;
}

.van-toast {
	width: max-content !important;
}

.van-nav-bar--fixed {
	z-index: 999 !important;
}

.van-tabbar__placeholder {
	.b_l_w;
}

.van-nav-bar {

	.van-nav-bar__text,
	.van-icon {
		color: #000 !important;
	}
}

.van-nav-bar__placeholder {
	.van-nav-bar .van-icon {
		color: #000;
	}
}

.van-tabbar {
	.b_l_w;
	height: 20vw !important;

	.van-tabbar-item__icon img {
		height: 10vw;
		margin: -2vw 0 0;
	}

	.van-tabbar-item__text {
		font-size: 3.2vw;
	}
}

.tabs {
	--van-tabs-line-height: 12vw;
	--van-tab-font-size: 4.267vw;

	.van-tabs__line {
		border-radius: 0 !important;
	}
}


.van-image-preview__cover {
	left: 0 !important;
	bottom: 0 !important;
	top: initial !important;
	width: 100%;
	height: 12vw !important;
}

.van-uploader {

	.van-uploader__input-wrapper {
		.b_l_w;
		.box;
		.box-tb;
		.box-align-center;

		>p {
			font-size: 3.467vw;
			color: #1b1b1b;
		}
	}

	.Avatar {
		width: 33.333vw;
		height: 33.333vw;
		margin: 0 0 5vw;
		position: relative;

		&::before {
			content: '';
			position: absolute;
			right: 0;
			bottom: 2vw;
			width: 9.333vw;
			height: 9.333vw;
			.y50;
			background: url(/images/upload-picture.png) no-repeat;
			background-size: 100% 100%;
		}

		img {
			width: 100%;
			height: 100%;
			.y50;
		}
	}
}