html.pc-access.global-menu-active,
	body.pc-access.global-menu-active {
		position: fixed !important;
		overflow: auto !important;
		overflow-y: scroll !important;
		width: 100% !important;
	}
	html.iphone-access.global-menu-active,
	html.android-access.global-menu-active,
	html.tb-access.global-menu-active,
	body.iphone-access.global-menu-active,
	body.android-access.global-menu-active,
	body.tb-access.global-menu-active {
		position: fixed !important;
		overflow: hidden !important;
		height: 100% !important;
	}

	body #global-menu-mask {
		opacity: 0;
		transition: all 0.5s ease;
	}
	body #global-menu-mask.open,
	body #global-menu-mask.close {
		opacity: 1;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		cursor: pointer;
		background-color: rgba(0, 0, 0, 0.75);
		z-index: 9;
	}
	body #global-menu-mask.close {
		transition: unset;
		animation: ani-fuwa-close 1s;
		animation-fill-mode: forwards;
	}
	@keyframes ani-fuwa-close {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}

	#global-menu {
		position: fixed;
		top: var(--global-menu-top);
		display: block;
		pointer-events: none;
		width: var(--global-menu-width);
		height: var(--global-menu-height);
		max-height: fit-content;
		background-color:#00000000;
		transition: all 0.9s ease;
		overflow: hidden;
		z-index: 10;
	}
	body.global-menu-active #global-menu {
		pointer-events: unset;
	}
	body.iphone-access #global-menu,
	body.android-access #global-menu {
		width: 50%;
	}

	#global-menu.topdown {
		right: 0;
		opacity: 0;
	}
	#global-menu.topdown.active {
		animation: ani-topdown 1s;
		animation-fill-mode: forwards;
	}
	@keyframes ani-topdown {
		0% {
			height: 0;
			opacity: 1;
		}
		100% {
			height: var(--global-menu-height);
			opacity: 1;
		}
	}
	#global-menu.topdown-close {
		animation: ani-topdown-close 0.4s;
		animation-fill-mode: forwards;
	}
	@keyframes ani-topdown-close {
		0% {
			height: var(--global-menu-height);
			opacity: 1;
		}
		100% {
			height: 0;
			opacity: 1;
		}
	}

	#global-menu.fuwa {
		right: 0;
		opacity: 0;
	}
	#global-menu.fuwa.active {
		right: 0;
		opacity: 1;
		transition: all 0.6s ease;
	}

	#global-menu.right {
		right: -100%;
	}
	#global-menu.right.active {
		right: 0;
		transition: all 0.6s ease;
	}
	#global-menu.top-right {
		right: 0;
		top: -100%;
	}
	#global-menu.top-right.active {
		right: 0;
		top: var(--global-menu-top);
		transition: all 0.6s ease;
	}

	#global-menu.left {
		left: -100%;
	}
	#global-menu.left.active {
		left: 0;
		transition: all 0.6s ease;
	}
	#global-menu.top-left {
		left: 0;
		top: -100%;
	}
	#global-menu.top-left.active {
		left: 0;
		top: var(--global-menu-top);
		transition: all 0.6s ease;
	}