body{ margin:0; padding:0; background:#ffffff;font-family:"微软雅黑";}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,table,th,tr,td,img,div a,header,footer,article,section,hgroup,nav,figure,aside{margin:0;padding:0;}
a,img{border:0;}
a,a:hover{text-decoration:none;color:#000;}
img{width:100%; height:auto;}
.wap{width:100%;}
.wap div{ width:90%; margin:0 auto;}
.wap div a{ display:block; width:100%; height:70px; text-align:center; line-height:4.5rem; font-size:2rem; cursor:pointer; border-radius:50px; }
.wap div .btn{
	
	display: block;
	width:100%;
	line-height:45px;
	font-size:20px;
	margin-bottom:20px;
	border: 1px solid #e2e2e4;	
	height:auto;
    font-size: 20px;
    border-radius: 6px;
	color: #c2c2c2;
	background-color:#ffffff;
	font-family:"微软雅黑";
	text-indent:10px;
	}
.wap div .yzmbtn{
	
	float: left;
	width:40%;
	line-height:45px;
	font-size:20px;
	margin-bottom:20px;
	border: 1px solid #e2e2e4;	
	height: 45px;  
    font-size: 20px;
    border-radius: 6px;
	color: #c2c2c2;
	background-color:#ffffff;
	font-family:"微软雅黑";
	text-indent:10px;
	}
.wap div .yzmimg{
	
	
	width:40%;
	line-height:45px;
	float: left;
	margin-bottom:20px;
	margin-left:2%;
	margin-top:10px;
	height: 45px;  
   
   
	}

.wap div .search_btn{ width: 100%;
    display: block;
	width:100%;
	line-height:45px;
	font-size:20px;
	color: rgb(255, 255, 255);
	margin-bottom:20px;
    text-align: center;
    background-color: #14AB64;
    border-radius: 6px;
	border: 0px;	
	font-family:"微软雅黑";
	}
.wap div .search_btn:hover,.search_btn:focus,.search_btn:active,.search_btn.active{
	
	width: 100%;
    display: block;
	width:100%;
	line-height:45px;
	font-size:20px;
	color: rgb(255, 255, 255);
	margin-bottom:20px;
    text-align: center;
    background-color: #22C478;
    border-radius: 6px;
	border: 0px;	
	font-family:"微软雅黑";
	cursor:pointer;
	
	
	}
.wap div .footer{ width:100%;margin-bottom:20px;}
/* ================= 仿造版：防伪查询 H5 ================= */
.fw-home{
  position: relative;
  min-height: 100vh;
  background-color: #ffffff;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.25) 100%),
    url('../images/wap_bg.png');
  background-position: center top, center top;
  /* ===== 背景图大小调整 =====
     第二个值控制背景插画大小：
     100% auto = 宽度撑满屏幕（默认）
     90% auto  = 缩小
     110% auto = 放大
     contain   = 完整显示整张图
     cover     = 铺满屏幕（会裁剪边缘） */
  background-size: 100% 100%, 100% auto;
  background-repeat: no-repeat, no-repeat;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
}
.fw-welcomes{
  padding: 64px 30px 0;
  color: #fff;
}
.fw-welcomes p:first-child{ font-size: 20px; letter-spacing: 1px; }
.fw-welcomes p:last-child{ font-size: 26px; font-weight: 600; margin-top: 8px; }
.fw-topbar{ position: relative; }
.fw-login{
  position: absolute; right: 0; top: 4px;
  color: #fff; font-size: 14px; line-height: 1;
  padding: 7px 16px;
  border: 1px solid rgba(255,255,255,0.65);
  border-radius: 16px;
  background: rgba(255,255,255,0.12);
  text-decoration: none;
}
.fw-login:active{ background: rgba(255,255,255,0.3); }
.fw-form{
  position: absolute;
  left: 6.5%; right: 6.5%;
  bottom: calc(16vh + 270px);
}
.fw-inputbox{
  background: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  box-shadow: 0 4px 16px rgba(12,78,136,0.18);
}
.fw-inputbox input{
  flex: 1;
  border: none; outline: none; background: transparent;
  font-size: 16px; color: #333;
  padding: 14px 16px;
  min-width: 0;
}
.fw-scan{
  flex: 0 0 52px;
  width: 52px; height: 50px;
  border-left: 1px solid #e4e4e4;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
}
.fw-scan:active{ background: #f3f7fc; }
.fw-yzm{
  margin-top: 12px;
  display: flex; align-items: center;
  background: #fff; border-radius: 8px;
  box-shadow: 0 4px 16px rgba(12,78,136,0.18);
  padding-right: 6px;
}
.fw-yzm input{
  flex: 1; border: none; outline: none;
  font-size: 16px; color: #333; padding: 12px 16px; min-width: 0;
}
.fw-yzm img{
  width: 96px; height: 38px; border-radius: 4px; cursor: pointer; display: block;
}
.fw-btn-wrap{
  position: absolute;
  left: 50%; bottom: -250px;
  transform: translateX(-50%);
  width: 180px; height: 180px;
}
.fw-btn{
  position: relative;
  width: 100%; height: 100%;
  border: none; border-radius: 50%;
  background: linear-gradient(180deg, #3398f0 0%, #0e62c0 100%);
  box-shadow: 0 8px 30px rgba(14, 98, 192, 0.5), inset 0 0 0 3px rgba(255,255,255,0.6), inset 0 0 0 6px rgba(255,255,255,0.28);
  color: #fff; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  line-height: 1.3;
  animation: fwPulse 2.4s ease-in-out infinite;
}
.fw-btn span{ display: block; text-shadow: 0 2px 6px rgba(0,80,140,0.4); }
.fw-btn span:first-child{ font-size: 34px; font-weight: 600; letter-spacing: 6px; text-indent: 6px; }
.fw-btn span:last-child{ font-size: 18px; letter-spacing: 8px; text-indent: 8px; margin-top: 2px; }
.fw-btn:active{ transform: scale(0.96); }
.fw-ripple{
  position: absolute; left: 50%; top: 50%;
  width: 240px; height: 240px; margin: -120px 0 0 -120px;
  border: 2px dashed rgba(255,255,255,0.85);
  border-radius: 50%;
  pointer-events: none;
  animation: fwRipple 3s ease-in-out infinite;
}
@keyframes fwRipple{
  0%,100%{ transform: scale(1); opacity: 0.9; }
  50%{ transform: scale(1.12); opacity: 0.45; }
}
@keyframes fwPulse{
  0%,100%{ box-shadow: 0 8px 30px rgba(14,98,192,0.5), inset 0 0 0 3px rgba(255,255,255,0.6), inset 0 0 0 6px rgba(255,255,255,0.28); }
  50%{ box-shadow: 0 8px 42px rgba(14,98,192,0.7), inset 0 0 0 4px rgba(255,255,255,0.8), inset 0 0 0 8px rgba(255,255,255,0.38); }
}
.fw-tabbar{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  height: 50px;
  background: #fff;
  border-top: 1px solid rgba(0,0,0,0.33);
  display: flex;
  z-index: 20;
  padding-bottom: env(safe-area-inset-bottom);
}
.fw-tab{
  flex: 1;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  font-size: 10px; color: #999;
  cursor: pointer;
}
.fw-tab svg{ margin-bottom: 2px; }
.fw-tab.on{ color: #1296DB; }
a.fw-tab{ text-decoration: none; -webkit-tap-highlight-color: transparent; }

/* toast */
.fw-toast{
  position: fixed; left: 50%; top: 45%;
  transform: translate(-50%, -50%) scale(0.9);
  background: rgba(0,0,0,0.75); color: #fff; font-size: 13px;
  padding: 10px 18px; border-radius: 6px; z-index: 99;
  opacity: 0; transition: all 0.25s;
  max-width: 78%; text-align: center;
}
.fw-toast.on{ opacity: 1; transform: translate(-50%, -50%) scale(1); }

/* 公告弹层 */
.fw-mask{
  position: fixed; left: 0; right: 0; top: 0; bottom: 0;
  background: rgba(0,0,0,0.5); z-index: 80;
  display: none; align-items: center; justify-content: center;
  padding: 0 8%;
}
.fw-mask.on{ display: flex; }
.fw-dialog{
  width: 100%; max-width: 320px;
  background: #fff; border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}
.fw-dialog-title{
  text-align: center; font-size: 16px; font-weight: 600; color: #333;
  padding: 16px 0; border-bottom: 1px solid #f0f0f0;
}
.fw-dialog-body{
  font-size: 13px; color: #555; line-height: 1.8;
  padding: 18px 20px; max-height: 50vh; overflow-y: auto;
}
.fw-dialog-btn{
  text-align: center; font-size: 15px; color: #1296DB;
  padding: 12px 0; border-top: 1px solid #f0f0f0; cursor: pointer;
}

/* 空输入警示弹层 */
.fw-alert{
  width: 74%; max-width: 280px;
  background: #fff; border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.18);
  padding: 28px 20px 16px; text-align: center;
}
.fw-alert-icon{
  width: 48px; height: 48px; margin: 0 auto;
  border-radius: 50%;
  background: #ff9800; color: #fff;
  font-size: 28px; font-weight: 700; line-height: 48px;
  font-style: normal;
}
.fw-alert-text{ font-size: 15px; color: #333; margin-top: 16px; }
.fw-alert-btn{ margin-top: 20px; font-size: 15px; color: #1296DB; cursor: pointer; padding-bottom: 6px; }
/* 输入框警示态：粉底 + 红字提示 */
.fw-inputbox.warn{ background: #fff5f5; box-shadow: 0 0 0 2px #ffb3b0; }
.fw-inputbox.warn input::placeholder{ color: #e53935; }

/* 摄像头扫码弹层 */
.fw-scanmask{
  position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 90;
  background: rgba(0,0,0,0.92);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.fw-scanmask video{
  width: 240px; height: 240px; object-fit: cover; border-radius: 8px;
}
.fw-scan-tip{ color: #aad4f5; font-size: 12px; margin-top: 18px; }
.fw-scan-close{
  margin-top: 26px; color: #fff; font-size: 14px;
  border: 1px solid rgba(255,255,255,0.5); border-radius: 20px;
  padding: 8px 34px; cursor: pointer;
}