body{overflow-x: hidden;font-family: "Microsoft YaHei"}
li{list-style: none;}
a{text-decoration: none;color: inherit;}
input,button,select,textarea{outline: none;}
*{margin: 0;padding: 0;}
a,span,li{cursor: pointer;}
img{max-width: 100%;}

.main{width: 100%;float: left;}
.login{width: 100%;height: 100%;position: absolute;float: left;left: 0;top: 0;background-image: url(../img/dl_bg.jpg);background-repeat: no-repeat;background-size: cover;background-color: #284bd3;background-position: center;display: flex;align-items: center;justify-content: center;}
.login_contont{width: 810px;height: 523px;float: left;background-color: #fff;-webkit-box-shadow: #fff 0px 0px 8px;-moz-box-shadow: #fff 0px 0px 8px;box-shadow: #fff 0px 0px 8px;}
.login_contont_left{width: 202px;height: 523px;background-image: url(../img/bg1.png);background-repeat: no-repeat;background-size: 100%;float: left;}
.login_contont_left>a{display: inline-block;float: left;width: 100%;}
.login_contont_left>a>img:nth-child(1){float: left;width: 92px;height: 94px;margin-left: calc((100% - 92px)/2);margin-top: 40px;}
.login_contont_left>a>img:nth-child(2){float: left;width: 166px;height: 48px;margin-left: calc((100% - 166px)/2);margin-top: 15px;}
.login_contont_left_tab{width: 100%;float: left;margin-top: 56px;}
.login_contont_left_tab>div{width: 100%;background-color: #E2EEF3;height: 60px;display: flex;align-items: center;}
.login_contont_left_tab>div:nth-child(2){margin-top: 10px;}
.login_contont_left_tab>div img{margin-left: 13px;}
.login_contont_left_tab>div span{font-size: 18px;color: #7696A3;font-weight: bold;}
.login_contont_left_tab_active{background-image: url(../img/acctive.png);background-repeat: no-repeat;background-size: 100%;background-color: #fff;}
.login_contont_left_tab_active span{color: #063489 !important;}
.login_contont_right{width: calc(100% - 202px);float: left;height: 523px;}
.login_contont_right_title{width: 100%;float: left;font-size: 18px;color: #3A3A3A;margin-top: 32px;margin-left: 30px;}
.loginType{width: 386px;float: left;height: 364px;border: 2px solid #D7E8EF;border-radius: 10px;margin-left: calc((100% - 386px)/2);margin-top: 31px;}
.loginType_tab{float: left;display: flex;align-items: center;justify-content: center;width: 100%;}
.loginType_tab_item{float: left;border-bottom: 4px solid #fff;font-size: 18px;color: #1d1c1c;text-align: center;padding-left: 4px;padding-right: 4px;padding-bottom: 4px;padding-top: 28px;}
.loginType_tab_item:nth-child(2){margin-left: 40px;}
.loginType_tab_item:nth-child(2)::before{content: "";position: absolute;width: 1px;height: 25px;background-color: #CFDCDF;margin-left: -20px;margin-top: 3px;}
.loginType_tab_active{color: #053589;border-bottom: 4px solid #053589;}
.loginType_content{width: 100%;float: left;padding: 0 33px;}
.loginType_content_mainCont{display: none;width: 100%;float: left;margin-top: 34px;}
.loginType_content_mainCont_input{width: 100%;float: left;}
.loginType_content_mainCont_input input{width: 100%;border-bottom: 1px solid #E2EEF3;border-top: none;border-left: none;border-right: none;height: 48px;line-height: 48px;font-size: 14px;padding: 0 2px;}
.loginType_content_mainCont_btn{width: 100%;height: 39px;background-color: #053589;display: flex;align-items: center;justify-content: center;float: left;color: #fff;font-size: 16px;border: none;border-radius: 30px;margin-top: 18px;}
.loginType_content_mainCont_wj{display: inline-block;float: right;color: #464646;font-size: 14px;margin-top: 8px;}
.loginType_content_mainCont_reg{width: 100%;float: left;text-align: center;font-size: 14px;color: #979797;margin-top: 12px;}
.loginType_content_mainCont_input span{display: inline-block;position: absolute;height: 22px;line-height: 22px;border-left: 1px solid #CFDCDF;width: 100px;text-align: center;color: #007DFF;font-size: 14px;margin-top: calc((48px - 22px)/2);margin-left: 217px;background-color: #fff;}
.loginType_content_selected{display: block;}
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{color: #FF6500;}
.layui-form-radio>*{font-size: 14px;color: #333;}
.loginType_content_mainCont .layui-input-block{width: 100%;margin-left: 0;display: flex;align-items: center;justify-content: center;margin-top: 6px;float: left;}
.loginType_content_mainCont .layui-form-radio{padding-right: 0;}
.loginType_content_mainCont .layui-form-radio:nth-child(4){padding-left: 40px;}
.layui-form-select dl dd.layui-this{color: #063489;}
.flowTop{width: 100%;float: left;height: 231px;background-image: url(../img/xy_bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;}
.flowTop_title{width: 100%;float: left;text-align: center;font-size: 35px;color: #fff;font-weight: bold;margin-top: 120px;}
.flowAxle{width: 1000px;float: left;margin-left: calc((100% - 1000px)/2);margin-top: 70px;}
.flowAxle_list{width: 100%;display: flex;align-items: center;justify-content: center;}
.flowAxle_list_num{loat: left;width: 42px;}
.flowAxle_list_num:nth-child(1) span:nth-child(1){margin-left: -18px;}
.flowAxle_list_num:nth-child(3) span:nth-child(1){margin-left: -25px;}
.flowAxle_list_num:nth-child(5) span:nth-child(1){margin-left: -44px;}
.flowAxle_list_num:nth-child(7) span:nth-child(1){margin-left: 1px;}
.flowAxle_list_num span:nth-child(1){position: absolute;font-size: 18px;color: #4A4A4A;margin-top: -30px;}
.flowAxle_list_num span:nth-child(2){float: left;width: 42px;height: 42px;background-color: #B4C8D3;color: #568097;font-size: 24px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.flowAxle_list_data{width: 294px;height: 4px;background-color: #B6C9D4;float: left;margin: 0 10px;}
.flowAxle_list_active span:nth-child(1){color: #053287;}
.flowAxle_list_active span:nth-child(2){color: #fff;background-color: #053287;}
.flowAxle_list_active1{background-color: #053287;}
.flowConton{width: 1320px;background-color: #F0F4F6;float: left;margin-left: calc((100% - 1320px)/2);padding-top: 50px;padding-bottom: 70px;margin-top: 45px;padding-left: 30px;padding-right: 30px;}
.flowConton_margintop{margin-top: 36px;padding-top: 37px;padding-bottom: 80px;margin-bottom: 85px;}
.flowConton_text{width: 100%;float: left;}
.flowConton_agreement{width: 100%;float: left;margin-top: 40px;}
.flowConton_agreement .layui-form-checkbox[lay-skin=primary]>div{color: #333333;font-size: 16px;}
.flowConton_agreement .layui-form-checked[lay-skin=primary]>i{border-color: #FF6500 !important;background-color: #FF6500 !important;}
.flowConton_agreement .layui-form-checkbox[lay-skin=primary]:hover>i{border-color: #FF6500 !important;}
.flowConton_btn{width: 181px;height: 46px;border: none;line-height: 46px;text-align: center;color: #fff;font-size: 16px;background-color: #053589;border-radius: 30px;margin-left: calc((100% - 181px)/2);margin-top: 65px;}

.institution_information, .principal_information{width: 100%;float: left;}
.institution_information .title, .principal_information .title{width: 100%;float: left;font-size: 18px;font-weight: 600;color: #3A3A3A;line-height: 18px;margin-bottom: 23px;padding-left: 183px;}
.institution_information .content, .principal_information .content{float:left;width: 100%;}
.institution_information .content_item, .principal_information .content_item{float:left;width: 100%;margin-bottom: 20px;}
.institution_information .information_title, .principal_information .information_title{float: left;width: 326px;height: 40px;line-height: 40px;font-size: 16px;font-weight: 400;color: #3A3A3A;text-align: right;}
.institution_information .star::before{ content: '* ';color: red;}
.principal_information .star::before{ content: '* ';color: red;}
.institution_information .information_content, .principal_information .information_content{float:left;width: 725px;height: 40px;line-height: 40px;background-color: #B4C8D3;margin-left: 15px;}
.information_content input {float: left;width: 725px;height: 40px;line-height: 40px;border: 0px;padding: 0 13px;color: #000000;background-color: #DAE4E9;font-size: 16px;color: #3A3A3A;box-sizing: border-box;}
.information_content input::-webkit-input-placeholder{font-size: 16px;font-weight: 400;color: #3A3A3A !important;}
.information_content input::-moz-placeholder{font-size: 16px;font-weight: 400;color: #3A3A3A !important;}
.information_content input::-ms-input-placeholder{font-size: 16px;font-weight: 400;color: #3A3A3A !important;}
.information_title{float: left;width: 200px;height: 40px;line-height: 40px;font-size: 16px;font-weight: 400;color: #3A3A3A;text-align: right;}
.content_item .layui-input-block{float:left;width: 725px;margin-left: 15px;}

.education_input_block, .politics_status_input_block{margin-left: 0px !important;font-size: 16px;font-weight: 400;color: #3A3A3A !important;position:relative;}
.education-select, .politics-status-select{background-color: #DAE4E9 !important;border: 0px !important;height: 40px !important;width: 100% !important;padding-left: 8px;}
.education_input_block .layui-edge, .politics_status_input_block .layui-edge{position: absolute;top: 20px;}
.date_birth{margin-left: 14px !important;width: 725px !important;height: 40px !important; line-height: 40px !important;padding: 0 13px !important;color: #000000 !important;background-color: #DAE4E9 !important;}
.date_birth #ID-laydate-demo{flaot: left;width: 100%;height: 40px; line-height: 40px;background-color: #DAE4E9;padding: 0px;border: 0px;}
.date_birth input::-webkit-input-placeholder{font-size: 16px !important;font-weight: 400 !important;color: #3A3A3A !important;}
.date_birth input::-moz-placeholder{font-size: 16px !important;font-weight: 400 !important;color: #3A3A3A !important;}
.date_birth input::-ms-input-placeholde{font-size: 16px !important;font-weight: 400 !important;color: #3A3A3A !important;}
.research_direction, .self_introduction, .job_information{float: left;width: 100%;height: 94px !important;}
.information_content textarea{float: left;width: 100%;height: 94px !important;background: #DAE4E9;border: 0px;padding: 9px 14px;line-height: 24px;}
.information_content textarea::-webkit-input-placeholder{font-size: 16px !important;font-weight: 400 !important;color: #3A3A3A !important;}
.information_content textarea::-moz-placeholder{font-size: 16px !important;font-weight: 400 !important;color: #3A3A3A !important;}
.information_content textarea::-ms-input-placeholde{font-size: 16px !important;font-weight: 400 !important;color: #3A3A3A !important;}
.content_item_research{margin-bottom: 16px !important;}
.content_item_self{margin-bottom: 63px !important;}

.flowConton_margintop .step_content{float:left;margin-top: 30px;margin-left:calc((100% - 1080px)/2);width: 1080px;padding-bottom: 116px;}
.step_content .step_line{float:left;width: 1px;height: 189px;background: #B4C8D3;margin-right: 26px;}
.step_content .step_item{float:left;width:1053px;font-size: 16px;color: #3A3A3A;line-height: 16px;position: relative;}
.step_item1{float: left;width: 100%;margin-bottom: 40px;}
.step_item1::before{content: "";position: absolute;width: 14px;height: 14px;background: #B4C8D3;border-radius: 50%;top: 12px;left: -33.5px;}
.step_item1 span{float: left;height: 35px;line-height: 35px;margin-right: 20px;color: #3A3A3A;cursor: default;}
.step_item1 .btn_print{float: left;width: 110px;height: 35px;line-height: 35px;background: #FFFFFF;border: 1px solid #053287;color: color: #053287;text-align: center;margin-right: 15px;cursor: pointer;}
.step_item1 .btn_PDF{float: left;width: 110px;height: 35px;line-height: 35px;background: #FFFFFF;border: 1px solid red;color: red;text-align: center;cursor: pointer;}
.step_item2{float:left;width: 100%;margin-bottom: 44px;position: relative;}
.step_item2::before{content: "";position: absolute;width: 14px;height: 14px;background: #B4C8D3;border-radius: 50%;top: 3px;left: -33.5px;}
.step_item2 span{float: left;font-size: 16px;color: #3A3A3A;cursor: default;}
.step_item3{float:left;width: 100%;margin-bottom: 103px;position: relative;}
.step_item3::before{content: "";position: absolute;width: 14px;height: 14px;background: #B4C8D3;border-radius: 50%;top: 3px;left: -33.5px;}
.step_item3 .item3_content1, .step_item3 .item3_content2{float: left;width: 100%;margin-bottom: 13px;}
.step_item3 .item3_content1 span{float: left;font-size: 16px;line-height: 16px;color: #333333;cursor: default;}
.step_item3 .item3_content1 span:nth-child(2){color: red;}
.step_item3 .item3_content2 .btn_upload{float: left;width: 110px;height: 35px;line-height: 35px;background: #FFFFFF;border: 1px solid #053287;color: color: #053287;text-align: center;margin-right: 15px;cursor: pointer;}
.step_item3 .item3_content2 span{float:left;line-height:35px;color: #838383;cursor: default;}
.bottom_btn{float:left;margin-left: calc((100% - 336px)/2);}
.bottom_btn .btn1, .bottom_btn .btn2{float: left;width: 146px;height: 46px;line-height:46px;background: #053589;border-radius: 23px;font-size: 16px;color: #FFFFFF;margin-right: 44px;border: 0px;text-align: center;}
.bottom_btn .btn2{margin-right: 0px;background: #B4C8D3;color: #2D4F62;}
.content_item_job{margin-bottom: 61px !important;}

.flowConton_img{float: left;margin-top: 81px;margin-left: calc((100% - 127px)/2);width: 127px;height: 126px;}
.pay_information img{float: left;width: 286px;height: 286px;margin-left: 467px;margin-top: 20px;margin-bottom: 20px;}
.flowConton_span{float: left;margin-top: 18px;margin-left: calc((100% - 96px)/2);margin-bottom: 92px;font-size: 24px;color: #3A3A3A;line-height: 24px;}
.pay_information p{font-size: 16px;font-weight: 400;color: #3A3A3A;line-height: 36px;display: inline-block;width: 100%;float: left;}

.pagearea {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	margin-top: 60px;margin-bottom: 60px;
}

.pagination {
	border: 1px solid #C7D6DE;
	background-color: #fff;
	float: left;
}

.pagination li {
	float: left;
	padding: 4px 10px;
	border-left: 1px solid #C7D6DE;
	
	cursor: pointer;
}
.pagination li a,.pagination li span{
	font-size: 16px;
	color: #464646;
	float: left;
}
.active{
	background-color: #008ae8 !important;
}
.active a,.active span{
	color:#fff !important;
}
.pagination li:nth-child(1){
	border-left: none;
}

.ListNum_search{
	width: 328px;float: left;margin-bottom: 20px;border-radius: 4px;overflow: hidden;

}
.ListNum_search input:nth-child(1){
	width: 248px;
	height: 38px;
	border: 1px solid #E2E2E4;
	height: 38px;
	line-height: 36px;
	font-size: 14px;
	padding: 0 15px;
	float: left;
}
.ListNum_search input:nth-child(2){
	width: 80px;
	height: 38px;
	border: none;
	color: #fff;
	background: #1461D4;
	height: 38px;
	line-height: 36px;
	font-size: 14px;
	float: left;
}