html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden; 
	background-color: #000;
}

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

#app {
	height: 90%;
	/* width: 90%; */
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	/* align-items: center; */
	background-color: #000;
	/* border: 2px #ffaa00 solid; */
}


.verify-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.6);
  z-index: 999999;
}
/* 验证 */
.verify {
	/* border: 2px #aa00ff solid; */
	position:fixed;
	left: 0;
	top:0;
	height:1500px;width: 99%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	z-index: 9991;
}

.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: #434343;
	  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;
}

/* 看视频 文本 */
    .container {
      height:1700px;
	  width: 99%;
      /* padding: 20px; */
	  /* border: 2px #ffaa00 solid; */
	  display: flex;
	  flex-direction: column;
	  justify-content: space-around;
	  align-items: center;
	    position: relative; /* 或者 absolute/fixed，根据布局 */
	    z-index: 100; /* 确保低于 verify-mask */
	  /* background-color: #464646; */
	  font-size: 40px;
    }
	.contaItem{
		/* background-color: #131313; */
		background: linear-gradient(45deg, #131313, #646464);
		/* border: 2px #ffaa00 solid; */
		border-radius: 30px;
		color: #fff;
		padding: 20px;
		width: 900px;
		opacity: 0.9;
	}
    .highlight {
      color: #f7d046;
	   display: inline-block;
      font-weight: bold;
    }

    .list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .list li {
      margin-bottom: 10px;
      display: flex;
      align-items: center;
    }

    .list li::before {
      content: "✔️";
      color: #00ff88;
      margin-right: 8px;
    }

    .cta {
      margin-top: 25px;
      text-align: center;
	  font-size: 45px;
    }

    .ctaA {
      display: inline-block;
	  /* width: 80%; */
      background: linear-gradient(90deg, #25f4ee, #fe2c55);
      color: #000;
      text-decoration: none;
      padding: 15px 22px;
      border-radius: 30px;
      font-weight: bold;
      font-size: 45px;
    }
	.ctaD{
		color: #fff;
		padding: 15px 22px;
	}

    .footer {
      text-align: center;
      font-size: 12px;
      opacity: 0.6;
      margin-top: 25px;
    }


.sdfsa{
	/* border: 2px #ffaa00 solid; */
	height:1500px;width: 1080px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.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; */
}