/* 公共 */
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}img{border:none}li{list-style:none}table{border-collapse:collapse;border-spacing:0}h4,h5,h6{font-size:100%}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}
h1,h2,h3,h4,h5,h6{font-weight:400}a{color: initial;text-decoration: none;}body{font-size: 14px;}

html {
	background-color: #f2f3f5;
	font-size: 14px;
	font-family: PingFangSC-Medium, sans-serif;
}

#container{
	max-width: 400px;
	margin: 0 auto;
	position: relative;
	padding: 0 16px;
	padding-top: 75px;
}

.page_bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.article {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border-radius: 5px;
}

.logo {
	text-align: center;
	height: 0;
}

.logo img {
	width: 33.33%;
	transform: translateY(-50%);
	background:#fff;
	padding:15px;
	border-radius:20px;
}

.tit {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
	color: #002fa7;
	font-size: 18px;
	margin-bottom: 30px;
}

.tit img {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.form_li {
	position: relative;
	height: 39px;
	padding: 0 20px;
	margin-bottom: 21px;
}

.form_li img {
	height: 20px;
	position: absolute;
	left: 35px;
	top: 50%;
	transform: translateY(-50%);
}

.form_li input {
	width: calc(100% - 60px);
	background-color: #f2f3f5;
	border-radius: 50px;
	padding-left: 45px;
	padding-right: 15px;
	height: 100%;
	border: none;
}

.form_bn {
	padding: 0 20px;
}

.form_bn a {
	height: 39px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #002fa7;
	color: #fff;
	border-radius: 50px;
}

.careful {
	padding: 20px 39px;
}

.careful p {
	padding: 8px 0;
	font-size: 12px;
}

.result_li {
	display: flex;
	align-items: center;
	padding: 6px 0;
}

.result_tit {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 56px;
	color: #000;
	text-shadow: 0px 0px 1px #333;
}

.toBack {
	position: absolute;
	z-index: 2;
	left: 16px;
	top: 25px;
	height: 28px;
}

.result_img {
	display: flex;
	justify-content: center;
	padding-top: 40px;
}

.result_img img {
	width: 103px;
}

.result_list {
	padding: 24px 28px;
}

.result_val {
	color: #717171;
	margin-left: 10px;
}
