:root {
	--tabBar-color: #353535;
	--tabBar-selected-color: #1aac19;
	--tabBar-background-color: white;
	--tabBar-border-color: rgba(255, 255, 255, 0, 33);
}

* {
	box-sizing: border-box;
	-webkit-user-select: none;
	user-select: none;
	outline: none;
}

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	background-color: #fff;
	overflow: hidden;
}

body {
	font-family: -apple-system, "Helvetica Neue", sans-serif;
	font-size: 0.375rem;
}

.virtual-miniapp-shell {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.virtual-miniapp-header {
	width: 100%;
	color: #302a2a;
	background-color: transparent;
	font-size: 0.32rem;
	overflow: hidden;
}

.virtual-miniapp-header.theme-text-style-white {
	color: #ffffff;
}

.virtual-miniapp-page {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	display: flex;
	flex-direction: column;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;

	overflow: hidden;
}

.virtual-miniapp-page.virtual-miniapp-root-page {
	animation: none !important;
	transform: translate3d(0, 0, 0) !important;
}

.virtual-miniapp-page.virtual-miniapp-tab-page {
	animation: none !important;
	transform: translate3d(0, 0, 0) !important;
}

.virtual-miniapp-page.virtual-miniapp-tab-page.tabbar-unactive {
	padding-bottom: 0;
}

.virtual-miniapp-page.virtual-miniapp-page-animation-page-in {
	animation: _mt_g_animation_page linear 0.25s forwards;
}

.virtual-miniapp-page.virtual-miniapp-page-animation-page-out {
	animation: _mt_g_animation_page linear 0.25s forwards reverse;
}

.virtual-miniapp-page._mt_g_animation_force_side_in {
	animation: _mt_g_animation_side_in linear 0.25s !important;
}

.virtual-miniapp-page._mt_g_animation_force_side_out {
	animation: _mt_g_animation_side_out linear 0.25s !important;
}

.virtual-miniapp-page .virtual-miniapp-page-container {
	flex: 1;
	border: none;
	background: #fff;
}

.virtual-miniapp-page .page-frame-loading-icon-warp {
	position: relative;
	width: 0.5rem;
	left: 50%;
}

.virtual-miniapp-page .page-frame-loading-icon {
	display: block;
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	z-index: 100;
	top: 0.7rem;
	left: 50%;
	background-size: cover;
}

.virtual-miniapp-page .page-frame-loading-icon.custom {
	top: -0.7rem;
}

.virtual-miniapp-page .page-frame-loading-icon.unactive {
	display: none;
}

.virtual-miniapp-page .page-frame-loading-icon.active.black-theme {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAAn1BMVEUAAAAgICAtLS0gICAfHx8eHh4gICAgICAgICAgICAdHR0gICAfHx8eHh4dHR0mJiYfHx8gICAaGhogICAeHh4gICAfHx8fHx8hISEgICAgICAgICApKSkgICAhISEgICAhISEhISEhISEjIyMgICAiIiIhISEhISEgICAhISEhISEgICAhISEhISEhISEgICAhISEgICAhISEgICAgICBQ/JWDAAAANXRSTlMACwW7OSDPj3ikNft8TyQJY6gO5EwQkmYXt/bmEtHgYBxJ+BVaKkTLvzCKfz9zbZ5UhJj38LlfaVoAAAQySURBVFjD7djbcqJAEIDhBkGRNYwQUYwIQzgYPJvd93+2ZaYROSmMu6nKRf67rU2+ND1Dqgz89HRk63lbAl/R6P391685fEHyH0b/keH/5/xm9C8H4PvS9sTc0h40IaIHSz5eX1+HToV+e2vSRJIsSYw+v2atTo9plC1L7GSPHqNXSgctZbRti61E9/jYg8c0Dm0L3scxp1fRI1qWGG1LIFbseYxeWw9ogvsQfokuHl/37j4tc9ki4hd7zelXA/LCOk34zDaI5+MlGd+jSXE9hJMHuO6kRlfP0IJn2iP9IRf0W4kmSMvwVCe0FxU6zIdGWoLnUvGSeG6Jfnevv5YELh45L3SoNsGT3AJvxehVMXTbxSNW2+7t5XC9HsdQzhryjawosA6M1oqhmxdPdlRVpc0HOQyHmb3euVAq8jwvs/38Oi4HfmloyyYVOFR5YYP+zGiGb/zyj13ykzxDLbx5VuUJKcoGbdBaBiO+3ENRyt7JIWkeTO0MyRU2jObUznJztdefBlzTx5s5bTt0S5LruzBYasulcS/Dwh5qIm+ZzWGkaft1jE+bQv+I5J6wRG+yev8Vmi03m+vkZtoHJk7usuyHX3nc3Lai9JDpDQ67npNui8HH3bRTXnJ3upnjH9AZRRiX3CP5POD4CDoLUXahd9Yhs82wxxQ0gx0ZRHIDhfS7e5YMP32PZLeaLfjttUr/c1wOrn1gy6g/7KR6PRXyFoN6GR70lUO9JQqYOWhp25eOS6JyLf0/tNKS3lzIsijoveo2Wr0dYz1T4BjpPRlxu5r1T5fv55fKtylM9qTXCVJKhGBraprmZwidkWQWBLHc/y4FJ5N1gM70WVaQ0J5yOuLweDyHzoKXF2YHe7cHTDXusibQ2f4la8ZKSdfufLOQT3E37TAa8Y6VJyeEWRcDeuQmaLMerDzeFiOf5nvomTG74Ur7yt0DulyOBC6rnKJ9d+Xh523LB+f2JIfLtGUUK4kC5/YvpbSVpj0tRt7GpacdzefzndwYNJpOfT8sHWdQnGfz8Cdj7DMpQ5NMHo3Sxn4Xi8yeta5cadARyr5UubZcHunAS6Mozde0yGzfr9whkuLgzamlSwZrtPZnZS5vbfw5u4mm4UzWgo9d+yjlshdo33K7iR6oUO3M5dEL8DRGH/PHyejM1uu3DD93dOfgOi4EH2s3yWiN5G8tH9u34LmOOLQCZVrK944rSZ6TY5QP0EZDhGPTZ2R5h7TRTlMc++UZOsFN+9BOQ4AnGYvLVn7x3IKeVGl7yuhpRITpCNcRwD0aFBxbEZUprmNH7tPER9sWpA84tA73aYg5PQ3EZAPlIzyi4YxjO0J0wOWR+pimOHYqRCtcjuAxDQmnDSFanmSyZnXREnsnzzIIJQWLwIIuGiQl0Ak8USeNfWcaNEYf4CsKGJ3AVyQnx2Py8+nq+f4CoB17Y7rvBcAAAAAASUVORK5CYII=);
}

.virtual-miniapp-page .page-frame-loading-icon.active.white-theme {
	background-image: url(data:image/png;base64,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);
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
	}
	8.5% {
		transform: rotate(30deg);
	}
	17% {
		transform: rotate(60deg);
	}
	25.5% {
		transform: rotate(90deg);
	}
	34% {
		transform: rotate(120deg);
	}
	42.5% {
		transform: rotate(150deg);
	}
	51% {
		transform: rotate(180deg);
	}
	59.5% {
		transform: rotate(210deg);
	}
	68% {
		transform: rotate(240deg);
	}
	76.5% {
		transform: rotate(270deg);
	}
	85% {
		transform: rotate(300deg);
	}
	93.5% {
		transform: rotate(330deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes _mt_g_animation_page {
	0% {
		transform: translate3d(100%, 0, 0);
	}

	100% {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes _mt_g_animation_side_in {
	0% {
		transform: translate3d(-30%, 0, 0);
	}

	100% {
		transform: translate3d(0%, 0, 0);
	}
}

@keyframes _mt_g_animation_side_out {
	0% {
		transform: translate3d(0, 0, 0);
	}

	100% {
		transform: translate3d(-30%, 0, 0);
	}
}

/* --------------------------- statusbar begin --------------------------- */

.virtual-miniapp-statusbar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0.4rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	line-height: 1;
	text-align: center;
	font-size: 0.22rem;
	z-index: 9999999;
}

.virtual-miniapp-statusbar::after {
	content: attr(data-time);
	position: absolute;
	width: 2rem;
	top: 0.1rem;
	left: 50%;
	margin-left: -1rem;
	text-align: center;
	font-weight: 500;
}

.virtual-miniapp-statusbar .statusbar-left-container,
.virtual-miniapp-statusbar .statusbar-right-container {
	display: flex;
	align-items: center;
	padding: 0 0.08rem;
}

.virtual-miniapp-statusbar .statusbar-left-container > * {
	margin-right: 0.08rem;
}

.virtual-miniapp-statusbar .statusbar-right-container > * {
	margin-left: 0.08rem;
}

.virtual-miniapp-statusbar .icon-signal,
.virtual-miniapp-statusbar .icon-wifi {
	width: 0.26rem;
	height: 0.26rem;
}

.virtual-miniapp-statusbar .icon-battery {
	width: 0.5rem;
	height: 0.5rem;
}

.virtual-miniapp-statusbar .icon-video,
.virtual-miniapp-statusbar .icon-audio {
	width: 0.3rem;
	height: 0.3rem;
}

.virtual-miniapp-statusbar .icon-blink {
	animation: statusbar-icon-blink 2s ease infinite;
}

.virtual-miniapp-statusbar .icon-signal {
	content: url(../icons/signal.svg);
}

.virtual-miniapp-statusbar .icon-wifi {
	content: url(../icons/wifi.svg);
}

.virtual-miniapp-statusbar .icon-battery {
	content: url(../icons/battery.svg);
}

.virtual-miniapp-statusbar .icon-audio {
	content: url(../icons/record-audio.svg);
}

.virtual-miniapp-statusbar .icon-video {
	content: url(../icons/record-video.svg);
}

.virtual-miniapp-header.theme-text-style-white .virtual-miniapp-statusbar .icon-signal {
	content: url(../icons/signal_white.svg);
}

.virtual-miniapp-header.theme-text-style-white  .virtual-miniapp-statusbar .icon-wifi {
	content: url(../icons/wifi_white.svg);
}

.virtual-miniapp-header.theme-text-style-white .virtual-miniapp-statusbar .icon-battery {
	content: url(../icons/battery_white.svg);
}

@keyframes statusbar-icon-blink {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* --------------------------- statusbar end --------------------------- */

/* --------------------------- navigationbar begin --------------------------- */

.virtual-miniapp-navigationbar {
	position: absolute;
	display: flex;
	top: 0;
	left: 0;
	width: 100%;
	height: 0.88rem;
	padding: 0 0.2rem;
	align-content: center;
	z-index: 100;
}

.virtual-miniapp-navigationbar .icon-back,
.virtual-miniapp-navigationbar .icon-home,
.virtual-miniapp-navigationbar .icon-loading {
	display: none;
	width: 0.44rem;
	height: 0.44rem;
	margin: 0.22rem 0;
}

.virtual-miniapp-navigationbar .title {
	max-width: 3.5rem;
	height: 100%;
	line-height: 0.88rem;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.26rem;
	font-weight: 500;
	white-space: nowrap;
}

.virtual-miniapp-navigationbar.theme-custom {
	visibility: hidden;
}

.virtual-miniapp-navigationbar.theme-custom .title {
	visibility: hidden;
}

.virtual-miniapp-navigationbar .icon-back {
	content: url(../icons/back.svg);
}

.virtual-miniapp-navigationbar .icon-home {
	content: url(../icons/home.svg);
}

.virtual-miniapp-header.theme-text-style-white .virtual-miniapp-navigationbar .icon-back {
	content: url(../icons/back_white.svg);
}

.virtual-miniapp-header.theme-text-style-white .virtual-miniapp-navigationbar .icon-home {
	content: url(../icons/home_white.svg);
}

.virtual-miniapp-navigationbar .icon-loading {
	margin: 0;
	align-self: center;
	content: url(../icons/loading.png);
	animation: loading-spin 1s linear infinite;
}

@keyframes loading-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/* --------------------------- navigationbar end --------------------------- */

/* --------------------------- control-view begin --------------------------- */

.virtual-miniapp-control-view {
	position: fixed;
	top: 0;
	right: 0;
	display: flex;
	height: 0.88rem;
	padding-right: 0.2rem;
	align-items: center;
	z-index: 1000;
}

.virtual-miniapp-control-view .virtual-miniapp-navigationbar-share {
	display: flex;
	justify-content: center;
	align-items: center;

	height: 0.6rem;
	width: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0.5rem;
	margin-right: 0.2rem;
	background: #fff;

	font-size: 0.24rem;
	visibility: hidden;
}

.virtual-miniapp-control-view.hide-capsule .virtual-miniapp-navigationbar-share {
	margin-right: 0;
}

.virtual-miniapp-control-view .virtual-miniapp-capsule {
	display: flex;
	align-items: center;
	width: 1.6rem;
	height: 0.6rem;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0.5rem;
	background: #fff;
	visibility: hidden;
}

.virtual-miniapp-control-view .virtual-miniapp-capsule .capsule-sep {
	display: inline-block;
	min-width: 1px;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
}

.virtual-miniapp-control-view .virtual-miniapp-capsule .virtual-miniapp-navigationbar-menu {
	display: flex;
	margin-left: 0.2rem;
	margin-right: 0.1rem;
}

.virtual-miniapp-control-view .virtual-miniapp-capsule .virtual-miniapp-navigationbar-exit {
	display: flex;
	margin-left: 0.1rem;
	margin-right: 0.2rem;
}

.virtual-miniapp-control-view .virtual-miniapp-capsule .icon-menu,
.virtual-miniapp-control-view .virtual-miniapp-capsule .icon-exit {
	width: 0.48rem;
	height: 0.48rem;
}

.virtual-miniapp-control-view .icon-menu {
	content: url(../icons/mmp_more.png);
}

.virtual-miniapp-control-view .icon-exit {
	content: url(../icons/mmp_close.png);
}

.virtual-miniapp-header.theme-text-style-white .virtual-miniapp-control-view .icon-menu {
	content: url(../icons/mmp_more_white.png);
}

.virtual-miniapp-header.theme-text-style-white .virtual-miniapp-control-view .icon-exit {
	content: url(../icons/mmp_close_white.png);
}

.virtual-miniapp-header.theme-text-style-white .virtual-miniapp-control-view .virtual-miniapp-capsule,
.virtual-miniapp-header.theme-text-style-white .virtual-miniapp-control-view .virtual-miniapp-navigationbar-share {
	color: #fff;
	background: rgb(0, 0, 0, 0.1);
	border: 1px solid #eee;
}

/* --------------------------- control-view begin --------------------------- */

/* --------------------------- tabbar begin --------------------------- */
.virtual-miniapp-tabbar {
	z-index: 99;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-content: space-around;
	height: 0.88rem;
	box-sizing: content-box;

	color: var(--tabBar-color);
	background: #fff;
	background-color: var(--tabBar-background-color);
	border-color: var(--tabBar-border-color);
	font-size: 0.24rem;
}

.virtual-miniapp-tabbar ._mt_g_tab_item {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.virtual-miniapp-tabbar ._mt_g_tab_icon_wrapper {
	display: inline-block;
	position: relative;
	width: 0.5rem;
	height: 0.5rem;
}

.virtual-miniapp-tabbar ._mt_g_tab_icon {
	display: block;
	width: 0.5rem;
	height: 0.5rem;
}

.virtual-miniapp-tabbar .tabbar-badge {
	position: absolute;
	top: 0;
	left: 0.3rem;
	padding: 0 0.1rem;

	background-color: red;
	color: white;

	font-size: 0.24rem;
	line-height: 1.4;

	border-radius: 0.5rem;
}

.virtual-miniapp-tabbar .tabbar-reddot {
	position: absolute;
	top: 0;
	left: 0.3rem;
	width: 0.18rem;
	height: 0.18rem;
	background-color: red;
	border-radius: 50%;
}

.virtual-miniapp-tabbar ._mt_g_tab_item._mt_active ._mt_g_tab_icon {
	display: inline-block;
}

.virtual-miniapp-tabbar ._mt_g_tab_item._mt_active {
	color: var(--tabBar-selected-color);
}

.virtual-miniapp-tabbar._mt_g_top_tab_bar {
	top: 1.28rem;
	bottom: auto;
	border-top: 0;
}

.virtual-miniapp-tabbar._mt_g_top_tab_bar img {
	display: none !important;
}

.virtual-miniapp-tabbar._mt_g_top_tab_bar ._mt_g_tab_item span {
	display: block;
	height: 100%;
	line-height: 0.88rem;
	border-bottom: 0.04rem solid transparent;
}

.virtual-miniapp-tabbar._mt_g_top_tab_bar ._mt_g_tab_item._mt_active span {
	border-bottom-color: #1aac19;
}

.virtual-miniapp-tabbar.slide-out-bottom {
	animation: slide-out-bottom 0.3s ease forwards;
}

.virtual-miniapp-tabbar.slide-in-bottom {
	animation: slide-in-bottom 0.3s ease forwards;
}

@keyframes slide-out-bottom {
	from {
		transform: translateZ(0);
	}

	to {
		transform: translate3d(0, 110%, 0);
	}
}

@keyframes slide-in-bottom {
	from {
		transform: translate3d(0, 110%, 0);
	}
	to {
		transform: translateZ(0);
	}
}
/* --------------------------- tabbar end --------------------------- */

/* --------------------------- system-page begin --------------------------- */

.virtual-miniapp-system-page {
	z-index: 9999999;
}

.virtual-miniapp-system-page .virtual-miniapp-navigationbar {
	z-index: 1000;
	background-color: #fff;
}

.virtual-miniapp-system-page .virtual-miniapp-navigationbar .icon-back {
	display: flex;
}

.virtual-miniapp-system-page .virtual-miniapp-navigationbar .confirm-button {
	position: absolute;
    top: 0;
	right: 0.2rem;
    height: 0.88rem;
    line-height: 0.88rem;
	font-size: 0.24rem;
	font-weight: 500;
}

/* --------------------------- system-page end --------------------------- */