input {outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;}

/* 移动端出生日期选择 */
#demo_date {display: none;}
.img_box { display: none;}
.img_box img {display: none;}
.sign-box {
	width: 320px;
	margin: 0 auto;
	position: relative;
}
.sign-box div {
	margin: 24px 0;
	display: flex;
	height: 32px;
	line-height: 32px;
	color: #383838;
	font-size: 14px;
	text-align: left;
}
.sign-box .spacing_help {
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	text-align: left;
	margin-top: 0;
	margin-bottom: -24px;
}
.sign-box input {
	height: 32px;
	line-height: 100%;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	text-indent: 12px;
	box-sizing: border-box;
	font-family:"Microsoft Yahei";
	font-size: 14px;
	vertical-align:middle;
	background-color: transparent;
} 
.sign-box .sex_div {
	height: 21px;
	line-height: 21px;
}
.sign-box .down_hint {
	height: 18px;
	line-height: 18px;
	border: none;
	text-indent: 0;
	margin-top: -20px;
	color: #a6a6a6;
	font-size: 12px;
	box-sizing: border-box;
}
.sign-box  .sex-male,
.sign-box  .sex-female {
	appearance: none;-moz-appearance: none;-webkit-appearance: none;
	background-color: #1890ff;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 100%;
	margin-right: 5px;
	margin-top: 3px;
}
.sign-box  .sex-female {
	margin-left: 20px;
}
.sign-box  .sex-male:checked,
.sign-box  .sex-female:checked {
	border: 1px solid #1890ff;
	background-color: #1890ff;
	background-clip: content-box;
	padding: .2em;
}
<!-- -->
.sign-box select {
	color: #a6a6a6;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
}
.chushengriqi select{height: 32px;line-height: 32px;appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;padding:0 10px;}

.mar_lr{margin-left:10px;margin-right: 10px;}
#month {
	margin: 0 11px;
}
.sign-box p {
	width: 252px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #a6a6a6;
	margin-top: -20px;
	margin-left: 70px;
	text-indent: -3px;
}
.nannv {
	width: 200px;
	display: inline-block !important;
	margin: 0 !important;
}
.code {
	width: 56px;
}
.name,
.down_hint {
	width: 245px;
}
.account {
	width:  230px;
}
.sign-box .accunt_div {
	margin-top: 15px;
}
#year {
	width: 83px;
}
#month,
#date {
	width: 70px;
}
.items {
	width: 165px;
}
#year {
	background: url(../images/downward.png) no-repeat 65px center/auto 5px;
}
#month,
#date  {
	background: url(../images/downward.png) no-repeat 50px center/auto 5px;
}
#save-btn {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #0b9bee;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
}
#save-btn:hover {
	cursor: pointer;
}
hr	{
	margin-top: 24px;
	color: #e5e5e5;
	border: 1px solid #e5e5e5;
}
.hint {
	width: 326px;
	font-size: 14px;
	color: #d43030;
	font-weight: 700;
	margin: 25px auto;
}
.footer {
	height: 45px;
	z-index: 999;
}
div::-webkit-scrollbar {
  width: 0;
}
/* 手机端适配 */
@media screen and (max-width: 720px){
	.hint {
	    width: calc(100% - 20px);
	}
	.sign-box {
		width:  100%;
		padding: 15px 30px 30px 30px ;
		box-sizing: border-box;
	}
	.sign-box label {
		color: #a6a6a6;
		margin-left: 12px;
	}
	.name_box,
	.accunt_div,
	.sex_div,
	.chushengriqi {
		border: 1px solid #e5e5e5;
		box-sizing: border-box;
		border-radius: 5px;
		color: #a6a6a6;
	}
	.sign-box input {
		width: 60%;
		height: 2.5rem;
		line-height:2.5rem ;
		border:none;
		color:  #505050;
		font-size: 14px;
	}
	.sign-box div {
		margin:0;
		margin-top: 15px;
		height: 2.625rem !important;
		line-height: 2.625rem !important;
	}
	.sign-box p {
		width: 100%;
		/* height:1.125rem ; */
		/* line-height: 1.125rem; */
		margin-top: 3px;
		/* margin-bottom: 9px; */
		font-size: 0.75rem;
		margin-left: 0;
		text-align: right;
	}
	.sign-box .accunt_div {
	    margin-top: 7px;
	}
	.name_box,.accunt_div {position: relative;}
	.name,.account {position: absolute;top:0px;right: 12px; text-align: right;}
	
	.sex_div {
		position: relative;
	}
	.sex_box {
		display: block !important;
		width: 100%;
		height: 2.625rem;
		line-height: 2.625rem;
		border: 1px solid #d9d9d9;
		border-radius: 5px;
		text-indent: 1em;
		box-sizing: border-box;
		vertical-align:middle;
	}
	.nannv {
		width: 95px;
		height: 2.625rem;
		line-height: 2.625rem;
		position: absolute;
		top: 0;
		right: 12px;
		margin-top:0 !important;
	}
	.sex_div .sex-male,
	.sex_div .sex-female {
		margin-top: 0.75rem;
	}
	.birth_box {
		display: block !important;
		width: 100%;
		height: 2.625rem;
		line-height: 2.625rem;
		border: 1px solid #d9d9d9;
		border-radius: 5px;
		text-indent: 1em;
		box-sizing: border-box;
		vertical-align:middle;
	}
	#year,
	#month,
	#date {
		display: none;
	}
	.chushengriqi {
		position: relative;
	}
	.chushengriqi .img_box { display: block !important;margin-top: 0 !important; width: 12px;height: 20px !important;position: absolute;top:15px;right: 12px;}
	.img_box img { display: block; width: 12px;height: auto;/* position: absolute;top:15px;right: 12px; */}
	#demo_date {display: block;width: 36%;
			/* 	height: 42px; */
				line-height: 42px;
				color: #505050;
				border: none;
				/* background: url(../images/downward.png)  no-repeat 100% center/auto 7px; */
				position: absolute;
				top: 0;
				right: 0;
				text-align: left;
				margin-right: 12px;
				-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
				-webkit-user-modify: read-write-plaintext-only;
				box-shadow: none;
				outline: none;}
	#save-btn{
		display: none;
	}
	#save-btn01 {
		display: block !important;
		width:  100% ;
		height: 2.625rem !important;
		line-height: 100%;
		margin-top: 15px;
		background-color: #0b9bee;
		color: #fff;
		font-weight: 400;
		border-radius: 5px;
		font-size: 14px;
	}
}