	@media screen and (min-width: 751px) {
		.overlay {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 999;
			
			/* 可选：美化弹出框样式 */
			.popup {
				/* 默认隐藏 */
				position: fixed;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				padding: 20px;
				background-color: #fff;
				border: 1px solid #ccc;
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
				z-index: 1000;
			
				img {
					margin-top: 0px;
					width: 250px;
					height: 250px;
				}
			
				.qr-text {
					font-family: DOUYINSANSBOLD, DOUYINSANSBOLD;
					font-weight: normal;
					font-size: 24px;
					color: #2F3740;
					letter-spacing: 2px;
				}
			
			}
			
			.button {
				position: fixed;
				top: calc(75% + 100px);
				left: 50%;
				transform: translateX(-50%);
				cursor: pointer;
			
				.close {
					width: 40px;
					height: 40px;
				}
			}
		}
	}

	@media screen and (orientation: portrait) and (max-width: 750px) {
		.mobileOverlay {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 9999;
			.popup {
				position: fixed;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				padding: 20px;
				background-color: #fff;
				border: 1px solid #ccc;

				img {
					margin-top: 0px;
					width: 233px;
					height: 233px;
				}

				.qr-text {
					font-weight: 400;
					font-size: 15px;
					color: #323232;
					line-height: 22px;
					text-align: center;
				}

				.button {
					position: fixed;
					top: calc(75% + 100px);
					left: 50%;
					transform: translateX(-50%);
					cursor: pointer;

					.close {
						width: 40px;
						height: 40px;
					}
				}

			}
		}
	}