*{
	padding: 0;
	margin: 0;
}
img{
	width: 100%;
	display: block;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
div{
	box-sizing: border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.box{
	width: 100vw;
	height: 144.57rem;
	position: relative;
	background-image: url('../img/index_bg.jpg');
	background-size: cover;
	overflow-x: hidden;
}

/* =====================
   外层 wow 包裹定位层
   负责 position:absolute + top，不含 transform
   ===================== */
.wp-topimg  { position: absolute; width: 100%; top: 0; }
.wp-logo    { position: absolute; width: 100%; top: 0.25rem; }
.wp-tittle  { position: absolute; width: 100%; top: 2rem; }
.wp-hhcar   { position: absolute; width: 100%; top: 10.1rem; }
.wp-acttit  { position: absolute; width: 100%; top: 11.8rem; left: 50%; transform: translateX(-50%); }
.wp-hdqy    { position: absolute; width: 100%; top: 13.2rem; }
.wp-priinfo { position: absolute; width: 100%; top: 23rem; }
.wp-saveinfo{ position: absolute; width: 100%; top: 29.1rem; }
.wp-cpzx    { position: absolute; width: 100%; top: 38.9rem; left: 50%; transform: translateX(-50%); }
.wp-zswh    { position: absolute; width: 100%; top: 40.3rem; }
.wp-zs1     { position: absolute; width: 100%; top: 42.05rem; }
.wp-zs2     { position: absolute; width: 100%; top: 51.85rem; }
.wp-zs3     { position: absolute; width: 100%; top: 61.65rem; }
.wp-kjwg    { position: absolute; width: 100%; top: 71.65rem; }
.wp-kjwg1   { position: absolute; width: 100%; top: 73.4rem; }
.wp-kjwg2   { position: absolute; width: 100%; top: 83.2rem; }
.wp-kjwg3   { position: absolute; width: 100%; top: 93rem; }
.wp-kjwg4   { position: absolute; width: 100%; top: 102.8rem; }
.wp-kjwg5   { position: absolute; width: 100%; top: 112.6rem; }
.wp-ftwd    { position: absolute; width: 100%; top: 122.8rem; }
.wp-ftwd1   { position: absolute; width: 100%; top: 124.6rem; }
.wp-ftwd2   { position: absolute; width: 100%; top: 134.4rem; }

/* =====================
   内层元素：只保留 width，居中交给 leftcenter
   ===================== */
.topimg { width: 100%; }
.logo   { width: 6.83rem; }
.tittle { width: 5.39rem; }
.hhcar  { width: 4.5rem; }
.acttit { width: 3.37rem; }
.hdqy   { width: 7.18rem; }
.priinfo{ width: 7.18rem; }
.saveinfo{ width: 7.18rem; }
.cpzx   { width: 3.37rem; }
.zswh   { width: 3.07rem; }
.zs1    { width: 7.18rem; }
.zs2    { width: 7.18rem; }
.zs3    { width: 7.18rem; }
.kjwg   { width: 3.07rem; }
.kjwg1  { width: 7.18rem; }
.kjwg2  { width: 7.18rem; }
.kjwg3  { width: 7.18rem; }
.kjwg4  { width: 7.18rem; }
.kjwg5  { width: 7.18rem; }
.ftwd   { width: 3.07rem; }
.ftwd1  { width: 7.18rem; }
.ftwd2  { width: 7.18rem; }

/* 居中：只做 translateX，不含其他 transform，不与动画冲突 */
/* .leftcenter{
	left: 50%;
	transform: translateX(-50%);
} */
.wow{
	display: flex;
	justify-content: center;
}
/* =====================
   表单区域
   ===================== */
.bdbox{
	font-size: 0.32rem;
	position: absolute;
	top: 1.5rem;
	width: 7.18rem;
	display: flex;
	justify-content: center;
}
form>div{
	display: flex;
	color:#532c1e;
	align-items: center;
	margin-bottom: 0.5rem;
}
.inpbox{
	width: 5.4rem;
}
.inpbox input,.inpbox select{
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 0.72rem;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #a28c7f;
	border-radius: 0.1rem;
	font-size: 0.32rem;
	padding: 0 0.2rem;
	color:#532c1e;
}
/* 去掉 select 原生下拉箭头，使用 sel.png 替代 */
.inpbox select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 0.6rem;
	background-image: url('../img/sel.png');
	background-repeat: no-repeat;
	background-position: right 0.15rem center;
	background-size: 0.28rem auto;
}
/* input placeholder 颜色与 select 未选时保持一致 */
.inpbox input::placeholder {
	color: #a28c7f;
	opacity: 1;
}
/* select 未选中时（显示"请选择"）字体颜色与 placeholder 一致 */
.inpbox select.placeholder {
	color: #a28c7f;
}
/* select 已选中正常选项时恢复正常颜色 */
.inpbox select.selected {
	color: #532c1e;
}

/* =====================
   称谓选择
   ===================== */
.nsns{
	display: flex;
	align-items: center;
}
.round{
	display: inline-block;
	width: 0.36rem;
	height: 0.36rem;
	border-radius: 50%;
	border: 1px solid #fff;
	margin-right: 0.1rem;
}
.nsns>div{
	display: flex;
	align-items: center;
	margin-right: 0.2rem;
}
.active{
	position: relative;
	background-color: rgba(162, 140, 127, 0.3);
	border: 1px solid rgba(162, 140, 127, 0.3);
}
.active::after{
	width: 0.25rem;
	height: 0.25rem;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: rgba(162, 140, 127, 1);
	transform: translate(-50%,-50%);
	border-radius: 50%;
}

/* =====================
   提交按钮
   ===================== */
.btn{
	width: 3.36rem;
	margin: 0 auto;
	transition: transform 0.1s ease, filter 0.1s ease;
	cursor: pointer;
}
.btn:active{
	transform: scale(0.93);
	filter: brightness(0.85);
}