/* 报名表单样式：单位与页面其余部分保持一致（750 设计稿 rem 方案） */

.lead-form {
	width: 100%;
	float: left;
	padding: 0;
	box-sizing: border-box;
}

.lead-form *,
.lead-toast-mask * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

.lead-form .lead-card {
	position: relative;
	width: auto;
	margin: .1rem .3rem .3rem;
	padding: .32rem .28rem .34rem;
	box-sizing: border-box;
	border-radius: .24rem;
	background: linear-gradient(180deg, #fffdf8 0%, #fbf3e6 100%);
	border: 1px solid #d9c39a;
	box-shadow: 0 .06rem .24rem rgba(150, 120, 80, .16), inset 0 1px 0 rgba(255, 255, 255, .9);
	overflow: hidden;
}

.lead-form .lead-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: .06rem;
	background: linear-gradient(90deg, #b89885, #d9c07e, #b89885);
}

.lead-form .lead-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding-bottom: .22rem;
	border-bottom: 1px dashed #e0d2b8;
}

.lead-form .lead-head .lead-title {
	font-size: .34rem;
	font-weight: 700;
	color: #7a5a34;
	letter-spacing: .02rem;
}

.lead-form .lead-head .lead-sub {
	font-size: .22rem;
	color: #a8927a;
}

.lead-form .field {
	position: relative;
	margin-top: .24rem;
}

.lead-form .field label {
	display: block;
	font-size: .26rem;
	color: #6d5a45;
	margin-bottom: .12rem;
	font-weight: 700;
}

.lead-form .field label .req {
	color: #c9432f;
	margin-left: .04rem;
}

.lead-form .field input[type="text"],
.lead-form .field input[type="tel"],
.lead-form .field input[type="url"] {
	display: block;
	width: 100%;
	height: .8rem;
	padding: 0 .26rem;
	box-sizing: border-box;
	font-size: .28rem;
	color: #4a3b2a;
	background: #fff;
	border: 1px solid #d5c3a4;
	border-radius: .4rem;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color .2s, box-shadow .2s;
	font-family: inherit;
}

.lead-form .field input::placeholder {
	color: #bdb0a0;
	font-size: .26rem;
}

.lead-form .field input:focus {
	border-color: #b89885;
	box-shadow: 0 0 0 .04rem rgba(184, 152, 133, .18);
}

.lead-form .field .gender-group {
	display: flex;
	gap: .24rem;
}

.lead-form .field .gender-group .gender-item {
	flex: 1;
	position: relative;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	font-size: .28rem;
	color: #7a6a58;
	background: #fff;
	border: 1px solid #d5c3a4;
	border-radius: .4rem;
	cursor: pointer;
	transition: all .2s;
	-webkit-tap-highlight-color: transparent;
}

.lead-form .field .gender-group .gender-item.active {
	color: #fff;
	border-color: #a8937a;
	background: linear-gradient(180deg, #c8a98f 0%, #a8937a 100%);
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .08);
}

.lead-form .lead-actions {
	margin-top: .36rem;
}

.lead-form .lead-submit {
	display: block;
	width: 100%;
	height: .86rem;
	line-height: .86rem;
	text-align: center;
	font-size: .34rem;
	font-weight: 700;
	letter-spacing: .08rem;
	color: #fff7e6;
	border: none;
	border-radius: .43rem;
	cursor: pointer;
	font-family: inherit;
	background: linear-gradient(180deg, #c1443a 0%, #9d2b23 100%);
	box-shadow: 0 .06rem .16rem rgba(157, 43, 35, .32), inset 0 1px 0 rgba(255, 255, 255, .28);
	-webkit-tap-highlight-color: transparent;
	transition: transform .12s, box-shadow .12s;
}

.lead-form .lead-submit:active {
	transform: translateY(.02rem);
	box-shadow: 0 .02rem .08rem rgba(157, 43, 35, .3);
}

.lead-form .lead-submit[disabled] {
	opacity: .66;
	cursor: default;
}

.lead-form .field .field-error {
	display: none;
	margin-top: .1rem;
	padding-left: .26rem;
	font-size: .22rem;
	color: #c9432f;
}

.lead-form .field.has-error input {
	border-color: #d9523c;
}

.lead-form .field.has-error .field-error {
	display: block;
}

.lead-form .lead-tip {
	margin-top: .2rem;
	font-size: .22rem;
	line-height: .34rem;
	color: #a8927a;
	text-align: center;
}

/* 提交成功浮层 */
.lead-toast-mask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 14, 8, .45);
	z-index: 20001;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .22s;
}

.lead-toast-mask.show {
	opacity: 1;
	visibility: visible;
}

.lead-toast-mask .lead-toast-box {
	width: 5rem;
	padding: .46rem .34rem .36rem;
	box-sizing: border-box;
	border-radius: .24rem;
	background: #fffdf8;
	text-align: center;
	box-shadow: 0 .12rem .4rem rgba(0, 0, 0, .24);
	transform: scale(.92);
	transition: transform .22s;
}

.lead-toast-mask.show .lead-toast-box {
	transform: scale(1);
}

.lead-toast-mask .lead-toast-icon {
	width: 1.06rem;
	height: 1.06rem;
	margin: 0 auto .24rem;
	border-radius: 50%;
	background: linear-gradient(180deg, #6cc26c 0%, #3f9c46 100%);
	position: relative;
}

.lead-toast-mask .lead-toast-icon::after {
	content: "";
	position: absolute;
	left: .28rem;
	top: .24rem;
	width: .26rem;
	height: .48rem;
	border: solid #fff;
	border-width: 0 .06rem .06rem 0;
	transform: rotate(45deg);
}

.lead-toast-mask .lead-toast-text {
	font-size: .32rem;
	font-weight: 700;
	color: #4a3b2a;
}

.lead-toast-mask .lead-toast-desc {
	margin-top: .12rem;
	font-size: .24rem;
	color: #a8927a;
	line-height: .36rem;
}

.lead-toast-mask .lead-toast-ok {
	display: block;
	width: 100%;
	height: .78rem;
	line-height: .78rem;
	margin-top: .32rem;
	font-size: .3rem;
	color: #fff;
	border: none;
	border-radius: .39rem;
	background: linear-gradient(180deg, #c8a98f 0%, #a8937a 100%);
	cursor: pointer;
	font-family: inherit;
}