.hidden {
			display: none;
		}

		body,
		html {
			margin: 0;
			padding: 0;
			height: auto;
			overflow: auto;
		}

		iframe {
			width: 100%;
			height: 100%;
			border: none;
		}

		/* 自适应布局 */
		.image-container {
			width: 70%;
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			margin: 1.5% 0 0 5%;
		}

		.image-container img {
			width: calc(50% - 10px);
		}

		@media (max-width: 768px) {
			.image-container img {
				width: 100%;
			}
			#imaes{
				    margin: 5% 0 5% 10%;
			}
		}

		.tupiansimg {
			width: 80%;
			margin: 2% 0 0 10%;
		}

		/*滚动条 */
		::-webkit-scrollbar {
			width: 8px;
		}

		::-webkit-scrollbar-track {
			background: #f1f1f1;
			border-radius: 4px;
		}

		::-webkit-scrollbar-thumb {
			background: #888;
			border-radius: 4px;
		}

		::-webkit-scrollbar-thumb:hover {
			background: #555;
		}

		.text-with-underline {
			margin: 0 0 2% 0;
			font-size: 48px;
			font-weight: bold;
			color: white;
			width: max-content;
			position: relative;
			padding: 0;
			/* 移除 padding */
			display: inline-block;
		}

		.text-with-underline::after {
			content: '';
			position: absolute;
			left: 25%;
			bottom: 0;
			height: 2px;
			width: 50%;
			background: white;
		}

		.image-container {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
		}

		.image-item {
			flex: 1 1 calc(50% - 10px);
			box-sizing: border-box;
			position: relative;
			padding: 10px;
			background-color: white;
		}

		.image-item:hover {
			cursor: pointer;
			background-color: #dbaa51;
		}

		#imaes {
			margin: 0 0 5% 10%;
			width: 80%;
			margin-top: 12vh;
			display: flex;
			justify-content: center;
		}

		.imgFontCenter {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 10;
			color: white;
			font-size: 2.5vw;
			font-weight: bold;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0;
			/* 移除 padding */
		}

		/* 蒙版样式 */
		.image-item .overlay {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			/* width: calc(40% + 40px); 比文字宽出两圈 */
			/* height: calc(14% + 40px); 比文字高出两圈 */
			background-color: rgba(0, 0, 0, 0.5);
			/* 默认半透明黑色 */
			z-index: 5;
			border-radius: 10px;
			/* 圆角 */
			padding: 3vw 7vw;
		}

		/* 不同蒙版颜色 */
		.image-item:nth-child(1) .overlay {
			/* background-color: rgba(144, 238, 144, 0.5); 浅绿 */
			background-color: rgb(0 0 0 / 50%);
		}

		.image-item:nth-child(2) .overlay {
			/* background-color: rgba(255, 165, 0, 0.5); 浅橙 */
			background-color: rgb(0 0 0 / 50%);
		}

		.image-item:nth-child(3) .overlay {
			/* background-color: rgba(255, 182, 193, 0.5); 浅粉 */
			background-color: rgb(0 0 0 / 50%);
		}

		.image-item:nth-child(4) .overlay {
			/* background-color: rgba(173, 216, 230, 0.5); 浅蓝 */
			background-color: rgb(0 0 0 / 50%);
		}

		@media (max-width: 768px) {
			.image-item {
				flex: auto;
			}

			.image-container {
				width: 90%;
				margin: 7% 0 0 5%;
    }
			}
			
		}