html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden; /* 防止滚动条 */
}

body {
/* 	background: url('/img/bg.png') no-repeat center center;
	background-size: cover; */
}

#app {
	height: 99%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	/* align-items: center; */
	/* border: 2px #ffaa00 solid; */
}
.sdfsa{
	/* border: 2px #ffaa00 solid; */
	height:1500px;width: 1080px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.verify {
	/* border: 2px #aa00ff solid; */
	height:1500px;width: 99%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	
}

.verify-box {
  background: #fff;
  padding: 30px;
  width: 600px;
  /* height: 600px; */
  border-radius: 12px;
  text-align: center;
  opacity: 0.8;
  /* border: 2px #ffaa00 solid; */
  display: flex;
  box-shadow: 0 20px 50px rgba(0,0,0,.25);
  flex-direction: column;
  align-items: center;
}
.verifyItem{
	font-size: 40px;
	  font-weight: 600;
	  color: #222;
	  margin-bottom: 10px;
}
.verifyImg{
	width: 500px;
	height: 300px;
	background-image: url('/img/service2.jpg');
	background-size: 100% 100%;
	border-radius: 20px;
	box-shadow: 0 20px 50px rgba(0,0,0,.25);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	/* align-items: center; */
}
.verifyText{
	/* padding: 5px; */
	/* border: 2px #ffaa00 solid; */
	height: 65px;
	width: auto;
}
.numbers {
  display: grid;
  grid-template-columns: repeat(3, 80px);
  gap: 15px;
  margin-top: 20px;
}

.num {
  background: #f2f2f2;
  border-radius: 8px;
  font-size: 28px;
  line-height: 80px;
  cursor: pointer;
  user-select: none;
}

.mainPng {
	position: relative;
	width: 1080px;
	height: 1920px; 
	border: 2px solid #44ff44;
	background: transparent;

	display: flex;
	flex-direction: column;      /* 垂直排列 */
	align-items: center;         /* 水平居中 */
	justify-content:space-around; /* 子元素纵向均匀分布，第一个在顶部，最后一个在底部，中间均匀 */
	
}
.imgItem0{
	/* border: 2px #ffaa00 solid; */
	color:#fff;
	font-size: 40px;
	width: 400px;
	margin-left: 30px;
	/* line-height: 25px; */
	/* opacity: 0.9; */
	padding: 10px;
	animation-fill-mode: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
.imgItem1{
	/* border: 2px #ffaa00 solid; */
	color:#fff;
	font-size: 70px;
	width: 780px;
	margin-left: 60px;
	/* line-height: 25px; */
	/* opacity: 0.9; */
	animation-fill-mode: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
.imgItem2{
	/* border: 2px #ffaa00 solid; */
	color:#fff;
	font-size: 70px;
	width: 780px;
	margin-left: 60px;
	/* line-height: 25px; */
	/* opacity: 0.9; */
	padding: 10px;
	animation-fill-mode: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
.imgItemBut{
	border: 2px #ffaa00 solid;
	background-color: #25D366;
	width: 60%;
}
.imgItemImg{
	/* border: 2px #ffaa00 solid; */
	width: 100px;       /* 固定宽度 */
	height: auto;       /* 高度按图片原始比例自适应 */
	display: block;     /* 去掉底部空白间距 */
	object-fit: contain; /* 保持原始比例完整显示 */
	padding: 20px;
}
.imgItemText {
  color: #fff; /* 文字颜色 */
  font-weight: bold;
  font-size: 40px;
  text-align: center;  
  /* 多重阴影模拟描边 */
  text-shadow: 
    2px 5px 0 #000,
   -1px -1px 0 #000,
    1px -1px 0 #000,
   -1px 1px 0 #000,
    2px 2px 4px rgba(0,0,0,0.5); /* 可选模糊阴影 */
}

.imgItemText1 {
	color: #ffaa00;
	font-size:60px;
	line-height: 0.8;
	transform: rotate(-5deg) scale(1.1);
	text-shadow: 2px 4px 0 #000, -2px -4px 0 #000;
	font-weight: bold;
}

/* loader */
.loader {
	width: 180px;
	height: 180px;
	border: 6px solid rgba(255,255,255,0.3);
	border-top: 6px solid #25D366;
	border-radius: 50%;
	animation: spin 1s linear infinite;

	/* 固定在页面中央 */
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	/* 可选：在 z-index 上面，保证不被覆盖 */
	z-index: 9999;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* WhatsApp 按钮 */
.whatsapp {
	/* width: 300px; */
	cursor: pointer;
	border-radius: 26px;
	box-shadow: 0 6px 16px rgba(0,0,0,0.35);
	/* margin-left: 120px; */
}

