.slider_box {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 100vh;
	min-width: 1200px;
	min-height: 696px;
}

#slider {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
}

#slider .slider-item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#slider .slider-item:first-child {
	display: block;
}

.slider_icon_box {
	height: 5px;
	position: relative;
	height: 696px;
}
.slider-bottom{
	height: 100vh;
	display: flex;
	align-items: center;
	min-height: 696px;
}
.slider_icon {
	position: absolute;
	z-index: 20;
	left: 128px;
	bottom: 24px;
	font-size: 0;
}

.slider_icon i {
	display: inline-block;
	width: 30px;
	height: 5px;
	background: rgba(255, 255, 255, 0.46);
	margin: 0 10px 0 0;
	cursor: pointer;
}

.slider_icon .btn_act {
	background: #FFFFFF;
}


.slider-item1{
	background: url(../images_top1/passport/reg_bg1.png) no-repeat center center;
	background-size: cover;
}

.slider-item2{
	background: url(../images_top1/passport/reg_bg2.png) no-repeat center center;
	background-size: cover;
}
.d_flex{
	height: 100vh;
	display: flex;
	align-items: center;
	min-height: 696px;
}
.d_flex>div{
	height: 696px;
}
.logo>img{
	width: 174px;
}
.d_flex>div .p1{
	font-size:16px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:22px;
}
.mt_mb{
	margin-top: 177px;
	margin-bottom: 50px;
}
.mt_mb2{
	margin-top: 65px;
	margin-bottom: 20px;
}
.d_flex>div .p2{
	font-size:18px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:30px;
}
.d_flex .d1 .p2{
	background: url(../images_top1/passport/dg.png) no-repeat left center;
	background-size: 16px;
	padding-left: 21px;
}
.p_db{
	width:402px;
	height:210px;
	display: block;
	margin-bottom: 20px;
}
.d_flex_er{
	width:228px;
	height:254px;
	background:rgba(255,255,255,1);
	box-shadow:0px 1px 19px 0px rgba(14,26,62,0.1);
	border-radius:1px;
	margin-left: 49px;
}
.d_flex_er img{
	width:188px;
	height:188px;
	display: block;
	margin: 20px auto 6px;
}
.d_flex_er p{
	font-size:20px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:28px;
	text-align: center;
}
.content_div{
	position: absolute;
	top: 0;
	height: 100vh;
	width: 100%;
	left: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	min-height: 696px;
	
}
.ds_flex_r{
	display: flex;
	justify-content: flex-end;
}
.steps{
	width:624px;
	height:696px;
	background:rgba(255,255,255,1);
	box-shadow:0px 1px 4px 0px rgba(0,0,0,0.2);
	border-radius:2px;
	padding: 23px 62px 0;
	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: 25px;
	margin-bottom: 5px;
}
.steps_head>div{
	width:160px;
	height:36px;
	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-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(179,186,197,1);
	line-height:36px;
	text-align: center;
}
.steps_head>.active{
	background:rgba(237,43,43,1);
	color: #fff;
}
.form_list>div{
	height: 84px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: relative;
}
.form_list input{
	height: 32px;
	line-height: 32px;
	font-size:16px;
	font-family:PingFangSC-Semibold;
	font-weight:600;
	color:rgba(8,30,66,1);
	width: 100%;
	border: none;
	border-bottom: 1px solid #D4D8DF;
	box-sizing: border-box;
	outline: none;
}
.form_list input::placeholder{
    font-size:16px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height: 32px;
}
.span_code{
	width:82px;
	height:30px;
	line-height:30px;
	background:rgba(212,216,223,0.22);
	border-radius:4px;
	border:1px solid rgba(212,216,223,1);
	text-align: center;
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
}
.switch_div{
	display: flex;
	justify-content: space-between;
	margin: 30px 0 40px;
}
.switch_div p{
	font-size:14px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(8,30,66,1);
	line-height:20px;
}
.switch{
	width:32px;
	height:22px;
	background:rgba(122,134,154,1);
	border-radius:11px;
	/*border:1px solid rgba(122,134,154,1);*/
	position: relative;
}
.switch>span{
	width:22px;
	height:22px;
	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(122,134,154,1);
	line-height:20px;
	margin-bottom: 5px;
}
.btm_tip>a{
	color: #ED2B2B;
	cursor: pointer;
}
.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:rgba(212,216,223,1);
}
.btn_content>.s2{
	display: inline-block;
	margin: 0 11px;
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:20px;
}
.btn_content>.s2>a{
	color: #ED2B2B;
	cursor: pointer;
}
.error_show{
	font-size:12px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(237,43,43,1);
	line-height:17px;
	position: absolute;
	left: 0;
	bottom: -20px;
}
.error_css{
	color: #ED2B2B!important;
	border-bottom: 1px solid #ED2B2B!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: 45px 0 15px;
}
.uploader_imgs{
	display: flex;
	justify-content: space-between;
}
.uploader_imgs img{
	width: 236px;
	height: 145px;
}
.customer_info{
	height:88px;
	background:rgba(244,245,247,1);
	border-radius:2px;
	margin-bottom: 50px;
}
.customer_info>p{
	padding: 15px 15px 0;
	font-size:16px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:22px;
	display: flex;
	justify-content: space-between;
}
.customer_info>p>span:last-child{
	color:rgba(8,30,66,1);
}
.mb_5{
	margin-bottom: 5px;
}
#step_3{
	padding-left: 0;
	padding-right: 0;
}
#step_3 .steps_tit{
	padding-left: 62px;
	padding-right: 62px;
	margin-bottom: 25px;
}
.w338{
	width: 338px;
}
.step_3_div>.d1{
	display: flex;
	justify-content: space-between;
}
.step_3_div>.d1>img{
	
}
.step_3_div>.d1>div>p{
	font-size:20px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(8,30,66,1);
	line-height:28px;
}
.step_3_div>.d1>div>span{
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(8,30,66,1);
	line-height:20px;
}
.step_3_div>.d2{
	margin: 20px 0 25px;
}
.step_3_div>.d2 img{
	width: 100%;
}
.step_3_div_p{
	font-size:12px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:17px;
	text-align: center;
}
.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 h3{
	font-size:18px;
	font-family:PingFangSC-Semibold;
	font-weight:600;
	color:rgba(8,30,66,1);
	line-height:25px;
	text-align: center;
	margin: 25px 0 20px;
}
.w500{
	width: 500px;
}
.top_con_nav {
	display: flex;
	justify-content: space-between;
}
.top_con_nav span{
	font-size:16px;
	font-family:PingFangSC-Semibold;
	font-weight:600;
	color:rgba(122,134,154,1);
	line-height:22px;
	border-bottom: 3px solid #D4D8DF;
	padding-bottom: 5px;
	cursor: pointer;
}
.top_con_nav .active{
	border-bottom: 3px solid #E80000;
	color: #081E42;
	
}
.tab_1_style>p{
	padding-top: 67px;
	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: #E80000;
}
.tab_1_style>div{
	margin-top: 50px;
	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;
	border-bottom: 5px solid rgba(232, 0, 0, 0.4);
	height: 100px;
	justify-content: flex-start;
	padding-top: 45px;
	box-sizing: border-box;
	position: relative;
}
.tab_2_style>.d1 .m1{
	margin-left: 40px;
}
.tab_2_style>.d1 p{
	margin-left: 46px;
	width:148px;
	height:40px;
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:20px;
	text-align: center;
}
.tab_2_style>.d1 img{
	width: 40px;
	height: 40px;
}
.tab_2_style>.d1 .m2{
	margin-left: 90px;
}
.tab_2_style>.d1 span{
	width:16px;
	height:16px;
	background:rgba(246,153,153,1);
	box-sizing: border-box;
	border-radius: 50%;
	text-align: center;
	line-height: 16px;
	font-size:14px;
	font-family:PingFangSC-Semibold;
	font-weight:600;
	color:rgba(255,255,255,1);
}
.tab_2_style>.d1 .s1{
	position: absolute;
	top: 89px;
	left: 53px;
}
.tab_2_style>.d1 .s2{
	position: absolute;
	top: 89px;
	left: 193px;
}
.tab_2_style>.d1 .s3{
	position: absolute;
	top: 89px;
	left: 377px;
}
.tab_2_style>.d2{
	padding-top: 15px;
	display: flex;
	position: relative;
}
.tab_2_style>.d2 p,
.tab_2_style>.d2 a{
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(122,134,154,1);
	line-height:20px;
	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: 57px;
}
.tab_2_style>.d2 .p2{
	position: absolute;
	width:275px;
	height:60px;
	top: 15px;
	right: -22px;
}
.col_red{
	color: #E80000!important;
}

/*登陆 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: 69px;
}
.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;
}
.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;
}