body{
	background:rgba(245,246,247,1);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}
.public_main{
	width:1120px;
	height:668px;
	background:rgba(255,255,255,1);
	border-radius:2px;
	box-sizing: border-box;
}
.top_nav{
	height: 70px;
	border-bottom: 1px solid #D4D8DF;
	padding: 0 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.top_logo{
	width: 205px;
    height: 36px;
    background: url(../images/pass_logo.png) no-repeat center center;
    text-indent: -9999px;
    background-size: 100% auto;
}
.top_nav_btn_1{
	width:170px;
	height:27px;
	background:rgba(212,216,223,1);
	border-radius:2px;
	text-align: center;
	font-size:12px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(8,30,66,1);
	line-height:27px;
	display: inline-block;
	
}

.top_nav_btn_2{
	width:68px;
	height:27px;
	border-radius:2px;
	border:1px solid rgba(8,30,66,1);
	box-sizing: border-box;
	text-align: center;
	font-size:12px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(8,30,66,1);
	line-height:25px;
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
}
.top_nav_btn_2:hover{
	background:rgba(17,39,173,1);
	color: #FFFFFF;
}



.content_div{
	height:597px;
	
}
.ds_flex_c{
	display: flex;
	justify-content: center;
}
.ds_flex_r{
	display: flex;
	justify-content: flex-end;
}
.steps{
	width:480px;
	height:597px;
	background:rgba(255,255,255,1);
	box-sizing: border-box;
}
.steps_tit {
	font-size:12px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(122,134,154,1);
	line-height:17px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.steps_tit>div{
	display: flex;
	align-items: center;
}
.mar_lr_20{
	margin: 0 20px;
}
.ml_5{
	margin-left: 5px;
}
.steps_head{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	margin-bottom: 43px;
}
.steps_head>div{
	/*width:160px;*/
	height:30px;
	/*background:rgba(212,216,223,0.22);
	box-shadow:0px 0px 1px 0px rgba(0,0,0,0.2);
	border-radius:18px;
	font-size:12px;*/
	font-size:12px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	line-height:17px;
	line-height:30px;
	text-align: center;
	color:rgba(179,186,197,1);
}
.steps_head>.active{
	color:rgba(17,39,173,1);
}
.steps_head>.active>.s1{
	background:rgba(17,39,173,1);
	border:1px solid rgba(17,39,173,1);
}
.steps_head>div>.s1{
	width:30px;
	height:30px;
	border:1px solid rgba(179,186,197,1);
	display: inline-block;
	font-size:14px;
	background:rgba(179,186,197,1);
	font-family:PingFangSC-Medium;
	font-weight:500;
	color: #fff;
	line-height:30px;
	text-align: center;
	border-radius: 50%;
	margin-right: 8px;
	box-sizing: border-box;
}
.steps_head>div>.s2{
	position: relative;
    top: -4px;
    left: 4px;
}
.form_list>div{
	position: relative;
	margin-bottom: 20px;
}
.form_list input{
	height: 42px;
	line-height: 42px;
	font-size:14px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(8,30,66,1);
	width: 100%;
	border: none;
	border:1px solid rgba(212,216,223,1);
	box-sizing: border-box;
	outline: none;
	padding-left: 15px;
}
.form_list input::placeholder{
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(179,186,197,1);
	line-height:42px;
}
.form_list .input_tit{
	width:70px;
	height:20px;
	position: absolute;
	left: -80px;
	text-align: right;
	top: 11px;
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(8,30,66,1);
	line-height:20px;
}
.span_code{
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(179,186,197,1);
	line-height: 18px;
	width:109px;
	height: 18px;
	background:#fff;
	border-left:1px solid #D4D8DF;
	position: absolute;
	top: 12px;
	right: 1px;
	outline: none;
}
.switch_div{
	display: flex;
	justify-content: space-between;
	margin: 0 0 60px;
}
.switch_div p{
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(8,30,66,1);
	line-height:20px;
}
.switch{
	width:30px;
	height:20px;
	background:rgba(122,134,154,1);
	border-radius:10px;
	/*border:1px solid rgba(122,134,154,1);*/
	position: relative;
}
.switch>span{
	width:20px;
	height:20px;
	border-radius: 50%;
	background:rgba(255,255,255,1);
	cursor: pointer;
}
.open>span{
	position: absolute;
	top: 0;
	right: 0;
}
.close>span{
	position: absolute;
	top: 0;
	left: 0;
}
.btm_tip{
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(179,186,197,1);
	line-height:20px;
	margin-bottom: 6px;
}
.btm_tip>a{
	color: #081E42;
	cursor: pointer;
}
.btn_100bai_64{
	width: 100%;
	height:56px;
	line-height: 56px;
	background:rgba(17,39,173,1);
	border-radius:2px;
	text-align: center;
	font-size:22px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(255,255,255,1);
	display: inline-block;
}
.btn_100bai_64:hover{
	background:#2842e0;
}
.register_btn_click{
	/*background:rgba(237,43,43,1);
	color: #FFFFFF;*/
}
.btn_content{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
.btn_content>.s1{
	display: inline-block;
	width: 28px;
	height: 1px;
	background:#D4D8DF;
}
.btn_content>.s2{
	display: inline-block;
	margin: 0 11px;
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:#7A869A;
	line-height:20px;
}
.btn_content>.s2>a{
	color: #1127AD;
	cursor: pointer;
}
.error_show{
	font-size:12px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(173,17,17,1);
	line-height:17px;
	margin-top: 2px;
}
.error_css{
	color: #AD1111!important;
	border: 1px solid #AD1111!important;
}
.step_2_p{
	font-size:12px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(8,30,66,1);
	line-height:17px;
}
.mar_1{
	margin: 35px 0 15px;
}
.mar_2{
	margin: 25px 0 10px;
}
.uploader_imgs{
	display: flex;
	justify-content: space-between;
}
.uploader_imgs div{
	width: 226px;
	height: 139px;
}
.uploader_imgs div .p1{
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(8,30,66,1);
	line-height:20px;
	text-align: center;
	margin: 75px 0 5px;
}
.uploader_imgs div .p2{
	text-align: center;
	font-size:10px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:14px;
}
.uploader_imgs .d1{
	background: url(../images/passport/icard_z.png) no-repeat center center;
	background-size: cover;
}
.uploader_imgs .d2{
	background: url(../images/passport/icard_f.png) no-repeat center center;
	background-size: cover;
}
.customer_info{
	height:80px;
	background:rgba(244,245,247,1);
	border-radius:2px;
	margin-bottom: 45px;
	padding-top: 5px;
    box-sizing: border-box;
}
.customer_info>p{
	padding: 10px 20px 0;
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:20px;
	display: flex;
	justify-content: space-between;
}
.customer_info>p>span:last-child{
	color:#081E42;
}
.mb_5{
	margin-bottom: 5px;
}
.mb_10{
	margin-bottom: 10px;
}
#step_3{
	padding-left: 0;
	padding-right: 0;
}
#step_3 .steps_tit{
	padding-left: 62px;
	padding-right: 62px;
	margin-bottom: 25px;
}
.w338{
	width: 338px;
}
.w380{
	width: 380px;
}
.step_3_div{
	display: flex;
	justify-content: space-between;
}
.step_3_div>img{
	
}
.step_3_div>div>p{
	font-size:22px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(8,30,66,1);
	line-height:30px;
}
.step_3_div>div>span{
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(8,30,66,1);
	line-height:20px;
}
.group_img{
	display: block;
	margin: 30px auto 15px;
}

.step_3_div_p{
	font-size:12px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(8,30,66,1);
	line-height:17px;
}
.step_3_div_p a{
	color: #ED2B2B;
}
.step_3_div .btn_100bai_64{
	background:rgba(237,43,43,1);
	color: #fff;
	margin: 10px 0 30px;
}
.bot_tab{
	margin-top: 35px;
	border:1px solid rgba(212,216,223,1);
	height: 252px;
}

.bot_tab h3{
	font-size:18px;
	font-family:PingFangSC-Semibold;
	font-weight:600;
	color:rgba(8,30,66,1);
	line-height:25px;
	text-align: center;
	margin: 0 0 15px;
	border-top: 7px solid #EDF1F8;
	padding-top: 12px;
}
.w500{
	width: 500px;
}
.top_con_nav {
	display: flex;
	justify-content: space-around;
}
.top_con_nav span{
	font-size:14px;
	font-family:PingFangSC-Semibold;
	font-weight:600;
	color:rgba(122,134,154,1);
	line-height:20px;
	border-bottom: 2px solid #D4D8DF;
	padding-bottom: 5px;
	cursor: pointer;
}
.top_con_nav .active{
	border-bottom: 2px solid #081E42;
	color: #081E42;
	
}
.tab_1_style>p{
	padding-top: 42px;
	padding-left: 35px;
	width:215px;
	height:80px;
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:20px;
}
.tab_1_style>p span{
	color: #081E42;
}
.tab_1_style>div{
	margin-top: 29px;
	margin-right: 55px;
}
.tab_1_style>div img{
	width: 98px;
	height: 98px;
}
.tab_1_style>div p{
	text-align: center;
	font-size:12px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:17px;
}
.tab_1_style>.p1{
	width:304px;
	height:120px;
	padding-top: 50px;
}
.tab_2_style>.d1 {
	display: flex;
	width: 390px;
	border-bottom: 5px solid #3366EA;
	height: 75px;
	justify-content: flex-start;
	padding-top: 19px;
	box-sizing: border-box;
	position: relative;
	margin-left: 35px;
}
.tab_2_style>.d1 .m1{
	margin-left: 25px;
}
.tab_2_style>.d1 p{
	margin-left: 67px;
	width:108px;
	height:34px;
	font-size:12px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:17px;
	text-align: center;
}
.tab_2_style>.d1 img{
	width: 40px;
	height: 40px;
}
.tab_2_style>.d1 .m2{
	margin-left: 85px;
}
.tab_2_style>.d1 span{
	width:16px;
	height:16px;
	background:#3366EA;
	box-sizing: border-box;
	border-radius: 50%;
	text-align: center;
	line-height: 16px;
	font-size:12px;
	text-align: center;
	font-family:PingFangSC-Semibold;
	font-weight:600;
	color:rgba(255,255,255,1);
}
.tab_2_style>.d1 .s1{
	position: absolute;
	top: 64px;
	left: 37px;
}
.tab_2_style>.d1 .s2{
	position: absolute;
	top: 64px;
	left: 178px;
}
.tab_2_style>.d1 .s3{
	position: absolute;
	top: 64px;
	left: 338px;
}
.btn_mt5_pc{
	width:100px;
	height:30px;
	background:rgba(254,84,51,1);
	border-radius:2px;
	text-align: center;
	font-size:12px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:30px;    
	margin-left: 26px;
    margin-top: 5px;
}
.tab_2_style>.d2{
	padding-top: 15px;
	display: flex;
	position: relative;
}
.tab_2_style>.d2 p{
	font-size:12px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:17px;
	text-align: center;
}
.tab_2_style>.d2 p span{
	color: #E80000;
}
.tab_2_style>.d2 .p1{
	width:124px;
	height:40px;
}
.tab_2_style>.d2 .m3{
	width:40px;
	height:40px;
	margin-left: 74px;
}
.tab_2_style>.d2 .p2{
	position: absolute;
	width:188px;
	height:51px;
	top: 15px;
	right: 20px;
}
.col_red{
	color: #E80000!important;
}
.tab_item_2>p{
	width:304px;
	height:120px;
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:20px;
	padding-top: 23px;
	margin-left: 20px;
}
.tab_item_2>div{
	margin-top: 32px;
	margin-right: 20px;
}
.tab_item_2>div img{
	width: 98px;
	height: 98px;
}
.tab_item_2>div p{
	text-align: center;
	font-size:12px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:17px;
}
/*登陆 login 页*/
.login{
	
}
.login .top_con_nav{
	margin-top: 30px;
	display: flex;
	justify-content: center;
}
.login .tab_nav{
	width:160px;
	height:42px;
	border:1px solid rgba(179,186,197,1);
	font-size:18px;
	font-family:PingFangSC-Semibold;
	font-weight:600;
	color:rgba(179,186,197,1);
	line-height:42px;
	text-align: center;
	padding: 0;
}
.login .tab_nav:first-child{
	border-radius:4px 0px 0px 4px;
}
.login .tab_nav:last-child{
	border-radius:0px 4px 4px 0px;
}
.login .top_con_nav .active{
	border:1px solid rgba(8,30,66,1);
	color: rgba(8, 30, 66, 1);
}
.login .form_list{
	padding-bottom: 30px;
}
.login .steps {
	padding-left: 0;
	padding-right: 0;
}
.login .steps {
	padding-left: 0;
	padding-right: 0;
}
.login .steps_tit,
.login .tab_content{
	/*padding-left: 62px;
	padding-right: 62px;*/
}
.login .btn_content{
	/*box-shadow:0px 2px 3px 0px rgba(0,0,0,0.2);
    padding-bottom: 25px;*/
}
.login_bottom{
	display: flex;
    justify-content: center;
    height: 212px;
}
.login_bottom>img{
	width: 248px;
	height: 111px;
	margin-top: 57px;
	display: block;
}
.login_bottom>div{
	padding-left: 30px;
	margin-top: 60px;
	position: relative;
}
.login_bottom>div .p1{
	font-size:18px;
	font-family:PingFangSC-Semibold;
	font-weight:600;
	color:rgba(8,30,66,1);
	line-height:25px;
}
.login_bottom>div .p2{
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:20px;
	margin: 5px 0 25px;
}
.login_bottom>div a{
	font-size:14px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(8,30,66,1);
	line-height:20px;
}
.forget_psw{
	position: absolute;
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:20px;
	bottom: -22px;
	right: 0;
}

/*忘记密码*/
.forget_password{
	
}
.for_tit{
	margin: 38px 0 7px;
	text-align: center;
	font-size:18px;
	font-family:PingFangSC-Semibold;
	font-weight:600;
	color:rgba(8,30,66,1);
	line-height:25px;
}
#reset_psw{
	margin-top: 80px;
}

.mt_30{
	margin-top: 30px;
}
.login_bottom .hover_er{
	position: absolute;
    right: -200px;
    top: -120px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    display: none;
}