/* --- All --- */
*{box-sizing: border-box;}
html,body{background: #F4F5FA; color: #333; font-size:14px;}
.wrap{max-width: 1200px; margin: 0 auto;}
.flex{display: flex; align-items: center; flex-wrap: wrap;}
::-webkit-input-placeholder {color:#999;}

a{ color: #333;}
a:hover{color: #FF6A6A;}

/* --- icon --- */
@font-face {
  font-family: 'iconfont';
  src: url('/jinhon/icon/iconfont.woff2?t=1675923779009') format('woff2'),
       url('/jinhon/icon/iconfont.woff?t=1675923779009') format('woff'),
       url('/jinhon/icon/iconfont.ttf?t=1675923779009') format('truetype');
}



/* column */
.page_columns{padding: 25px 0 ; position:relative; padding-left: 16px;}
.page_columns::before{content: ""; left: 0; top: calc(50% - 11.5px); width: 4px; height: 25px; background: #4576FB; border-radius: 100px; position: absolute;} 
.page_columns .columns_title{position: relative; z-index: 90;}
.page_columns .columns_more{background: #fff; justify-content: center; width: 160px; height: 45px; border-radius: 100px; box-shadow: 0 2px 2px rgba(0,0,0,0.05); margin-left: auto; position: relative; z-index: 90;}
.page_columns .columns_more a{display: block;  height: 100%;}
.page_columns .columns_more .icon{width: 12px; height: 12px; margin-left: 8px;}




/* --- box --- */
.page_box{background: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgb(0 0 0 / 8%);}


/* button */
.page_button a{border-radius: 4px; display: block; text-align: center; transition: all .3s; padding: 8px 20px;}
.page_button input{border-radius: 4px; display: block; text-align: center; transition: all .3s; padding: 8px 20px;}


/* outline */
.page_button .outline{border: 1px solid #4576FB; color: #4576FB;}
.page_button .outline:hover{ background: #4576FB; color: #fff; }
.page_button .fill{border: 1px solid #4576FB;  background: #4576FB; color: #fff; }
.page_button .fill:hover{border: 1px solid #FF6A6A;  background: #FF6A6A; color: #fff;}
.page_button .fill.red{border: 1px solid #FF6A6A; color: #fff; background: #FF6A6A; }
.page_button .fill.green{border: 1px solid #1CB177; color: #fff; background: #1CB177; }
.page_button .fill.grey{border: 1px solid #f9f9f9; color: #ccc; background: #f9f9f9; }
.page_button .green{border: 1px solid #1CB177; color: #1CB177;}
.page_button .green:hover{ background: #1CB177; color: #fff; }
.page_button .red{border: 1px solid #FF6A6A; color: #FF6A6A;}
.page_button .red:hover{ background: #FF6A6A; color: #fff; }
.page_button .big{ padding: 8px 20px;}


/* icon */
.icon_arrow{width: 12px;}


/* header */
.page_header{ background: #fff; height: 88px; position: relative; z-index: 9999;}
.page_header .wrap{justify-content:space-between; height: 100%;}
.page_header .logo{width: 400px; position: relative; display: flex; align-items: center; height: 43px;}
.page_header .logo img{width: 300px;}
.page_header .city{ position: absolute; left: 320px; top: 0; display: flex; align-items: center; width: 200px; height: 100%;  background: url(/jinhon/images/icon_site_area.svg) no-repeat 0 center; padding-left: 32rpx; }
.page_header .city_change a{color: #B2B2B2;}
.page_header .city_site{margin-right: 8px; display: block; margin-left: 25px;}
.page_header .right{ display: flex; align-items: center; justify-content: flex-end;}
.page_header .right a{color: #333; margin: 0 5px;}
.page_header .right .flex{display: block; text-align: right;}
.page_header .right .username{color: #FF6A6A; display: block;}
.page_header .right .yun_topLogin_cont{ display: flex; align-items: center;}


/* login */
.page_login{ display: flex; align-items: center;}
.page_login .item{min-width: 116px; text-align: center; height: 40px; line-height: 40px;}
.page_login .item a{ display: flex; align-items: center; justify-content: center;}
.page_login .item a img{margin-right: 6px;}
.page_login .item:nth-child(1){background: #F5F8FF; border-radius: 6px 0 0 6px; color: #3B6CF1;} 
.page_login .item:nth-child(1) a{color: #3B6CF1;}
.page_login .item:nth-child(2){background: #3B6CF1; border-radius: 0 6px 6px 0; color: #fff;} 
.page_login .item:nth-child(2) a{color: #fff;}


/* nav */
.page_nav{ background: #3869EF; position: sticky; left: 0; top: 0; width: 100%; z-index: 999; height: 64px; border-bottom: 1px solid #5681F5;}
.page_nav .wrap{height: 100%; display: flex; align-items: center;}
.page_nav .list{margin-right: auto}
.page_nav .list .item {font-size: 16px; line-height: 40px; height: 40px; margin-right: 0;}
.page_nav .list .item a{color: #fff; padding: 0 16px; display: block; border-radius: 6px;}
.page_nav .list .item a:hover{background: #fff; color: #212121;}
.page_nav .list .item.nav_list_hover a{background: #fff; color: #212121;}
.page_nav .more {color: #fff; position: relative; height: 64px;}
.page_nav .more .show{line-height: 64px; height: 64px; font-size: 16px; padding: 0 16px;}
.page_nav .more .hide{display: none; position: absolute; right: 0px; top: 63px; background: #212329; width: 96px; z-index: 999; border-radius: 0 0 6px 6px; overflow: hidden;}
.page_nav .more .hide a{display: block; color: #ccc; height: 32px; line-height: 32px; text-align: center;}
.page_nav .more .hide a:hover{background: #000; color: #fff;}
.page_nav .more:hover .show{ color: #A9C4FA;}
.page_nav .more:hover .hide{display: block;}



/* search */
.page_search{width: 40%; position: relative; z-index: 999999999;}
.page_search .search_box{border: 2px solid #4576FB; height: 56px; background: #fff; border-radius: 4px; position: relative; z-index: 999999999;}

/* type */
.page_search .search_type{width: 100px; text-align: center; position: relative; z-index:9999;}
.page_search .search_type .show{color: #666; height: 52px; line-height: 52px; background: url(../images/arrow-down-grey.svg) no-repeat right; background-size: 10px 10px; padding-right: 20px;}
.page_search .search_type .hide{display: none; position: absolute; left: -2px; top: 52px; width: 100%; background: #fff;  border-radius:4px; box-shadow: 0px 0px 5px #ececec;  z-index: 999;}
.page_search .search_type .hide a{display:block; height: 32px; line-height: 32px;}
.page_search .search_type .hide a:hover{background: #f9f9f9;}
.page_search .search_type:hover .hide{display: block;}

/* input */
.page_search .search_input{width:calc(100% - 100px); height: 100%;}
.page_search .search_input .input{height: 100%; border: none; width: 80%; font-size: 14px; color: #666; border-radius: 8px;}
.page_search .search_input .button{background:#4576FB; color: #fff; border: none; height: 100%; width: 20%; text-align: center; color: #fff; font-size: 16px; border-radius: 0 2px 2px 0; cursor: pointer; margin-left: auto;}
.page_search .search_input .button:hover{opacity: .95;}

/* hot */
.page_search .search_hot {color: #999; margin-right:20px;}
.page_search .search_hot .list{margin-left: 20px;}
.page_search .search_hot .list a{margin-right: 16px; color: #4576FB;}



/* --- hd --- */
.page_hd {color: #222; font-size: 16px;}
.page_hd ul{}
.page_hd li{cursor: pointer; color: #999; margin-left: 20px; border-bottom: 2px solid #fff; padding-bottom: 8px;}
.page_hd li.on{color: #4576FB; border-bottom: 2px solid #4576FB;}



/* column */
.page_column{padding: 16px; border-bottom: 1px solid #F5F5F5;}
.page_column h3{ font-size: 18px; position: relative; padding-left: 16px;}
.page_column h3::before{content: ""; left: 0; top: 0px; width: 3px; background: #4576FB; position: absolute; height: 18px;}
.page_column .more{margin-left: auto;}
.page_column .more a{color: #4576FB; }
.page_column .hd{margin-left: auto;}


/* more */
.page_more{text-align: center; margin: 32px 0;}
.page_more a{ background: #4576FB; padding: 12px 64px; color: #fff; border-radius: 8px; transition: all .3s;}
.page_more a:hover{ background: #4576FB; color: #fff;}



/* --- job --- */
.page_job {background: linear-gradient(to bottom, #4576FB , #88BCE7); border-radius: 8px; position: relative;  z-index: 99; padding: 8px;}
.page_job .box{background: #fff; border-radius: 8px;}
.page_job .item .show{border-bottom: 1px dashed #f5f5f5; height: 40px; line-height: 40px; padding-left: 16px; margin: 0 8px; background: url(../images/arrow-right-grey.svg) no-repeat 97%; background-size: 16px 16px;}
.page_job .hide{display: none; background: #fff; max-height: 800px; overflow-y: auto;}
.page_job .hide dl{margin-bottom: 20px; border-bottom: 1px solid #efefef; padding-bottom: 20px;}
.page_job .hide dt{font-size: 16px; font-weight: bolder; margin-bottom: 8px;}
.page_job .hide dd {display: flex; flex-wrap: wrap;}
.page_job .hide dd em{color: #666; line-height: 28px; width: 33.3333%;}
.page_job .hide dd em a{color: #999;}
.page_job .hide dd em a:hover{color: #212121;}
.page_job .hide dl:last-child{margin-bottom: 0; border-bottom:none; padding-bottom: 0;}
.page_job .item:hover .show{color: #fff; background: #4576FB; border-radius: 8px; border-bottom: 1px dashed #4576FB;}
.page_job .item:hover .show a{ color: #fff;}
.page_job .item:hover .hide{ box-shadow: 0px 0px 8px #dfdfdf; display: block; position: absolute; left: 98%; top: 8px; width: calc(1200px - 330px); padding: 32px; border-radius: 8px; box-sizing: border-box;}



/* --- 筛选 --- */
.page_screen{ padding: 0 20px; margin-bottom: 16px; margin-top: 16px;}
.page_screen .item{display: flex; padding: 10px 0; border-bottom: 1px solid #f5f5f5; }
.page_screen .title{width: 5%; color: #999; line-height: 28px;} 
.page_screen .box{width: 95%;}
.page_screen .list{display: flex; flex-wrap: wrap; overflow: hidden; width: 90%;}
.page_screen .list.show{ height: auto;}
.page_screen .item:last-child{border-bottom: none;}

/* a */
.page_screen a{margin-right: 4px; border-radius: 4px; padding: 0 8px; height: 28px; line-height: 28px; color: #666;}
.page_screen a.active{background: #4576FB; color: #fff;}
 
/* input */
.screen_input i{color: #ccc;}
.screen_input input{height: 28px; line-height: 28px;}
.screen_input .input{border: 1px solid #dfdfdf; border-radius: 4px; width: 100px; text-align: center;}
.screen_input .input:hover{border: 1px solid #4576FB; transition: all .3s;}
.screen_input .button{background: #4576FB; color: #fff; border-radius: 4px; width: 50px; border: none;}


/* select */
.screen_select{border: 1px solid #dfdfdf; border-radius: 2px; position: relative; margin-right: 8px; z-index: 99;}
.screen_select .show{height: 28px; line-height: 28px; padding: 0 25px 0 8px; background: url(../images/arrow-down-grey.svg) no-repeat 92%; background-size: 10px 10px;}
.screen_select .hide{position: absolute; left: 0; top: 29px; min-width: 100%; background: #fff; display: none; border-radius: 2px; box-shadow: 0px 0px 20px #efefef;}
.screen_select .hide a{display: block; height: 28px; line-height: 28px; width: 100%;}
.screen_select .hide a:hover{background: #f9f9f9;}
.screen_select .long{width: 200px;}
.screen_select:hover .hide{display: block;}
.screen_select:hover{border: 1px solid #dfdfdf; }



/* --- 条件 --- */
.page_term { padding: 0 20px; margin-bottom: 12px;}
.page_term .title{color: #999; line-height:45px;}
.page_term .list{width: 80%;}
.page_term .item{margin-right: 12px; color: #666;}
.page_term .list a{ height: 45px; line-height: 45px; color: #4576FB; margin-right: 4px; background: url(../images/icon_close.svg) no-repeat right; background-size: 12px 12px; padding-right: 16px;}
.page_term .list em{color: #666; margin-left: 12px; border-left: 1px solid #ddd; padding-left: 12px;}
.page_term .list em:first-child{border: none; padding-left: 0;}
.page_term .clear{margin-left: auto;}



/* --- 无数据 --- */
.page_nothing{text-align: center; padding: 64px 0;}
.page_nothing .pic{margin-bottom: 32px;}
.page_nothing .text {margin-bottom: 32px; color: #999;}
.page_nothing .text h3{font-size: 16px; margin-bottom: 16px; color: #212121;}
.page_nothing .text p{color: #999;}
.page_nothing .page_button{width: 100px; margin: 0 auto;}



/* --- 行业选择 --- */
.page_trade{}
.page_trade .trade_add a{display: block; border: 1px solid #e6e6e6; width: 211px; height: 38px; line-height: 38px; background: url(/jinhon/images/icon_add2.svg) no-repeat 16px center; padding-left: 45px; background-size: 22px 22px; transition: all .3s; border-radius: 8px;}
.page_trade .trade_add a:hover{border: 1px solid #4576FB; color: #4576FB;}
.page_trade .trade_result{ padding-top: 8px;}
.page_trade .trade_tag{margin-right: 16px; color: #666; display: flex; align-items: center; color: #4576FB; margin-bottom: 8px;}
.page_trade .trade_del{width: 16px; height: 16px; background: url(/jinhon/images/icon_close.svg) no-repeat; background-size: 16px 16px; border: none; margin-left: 4px; cursor: pointer}



/* --- footer --- */
.page_footer{background: #02247D; }
.page_footer .box{padding: 32px 0; color: #fff; text-align: center; position: relative;}
.page_footer .box a{color: #fff;}
.page_footer .box a:hover{opacity: .5;}
.page_footer .footer_link a{color: #fff; margin: 0 8px; position: relative;}
.page_footer .footer_copyright{display: flex; justify-content: center; align-items: center; padding: 8px 0; color: #ccc;}
.page_footer .footer_copyright .item{margin: 0 12px;}
.page_footer .footer_beian{display: flex; justify-content: center; align-items: center; color: #ccc;}
.page_footer .footer_beian .item{margin: 0 12px;}

/* qrcode */
.page_footer .qrcode{position: absolute; right: 0; top: 20px;}
.page_footer .qrcode .item{margin-left: 16px;}
.page_footer .qrcode .item_photo{width: 80px; margin-bottom: 5px;}
.page_footer .qrcode .item_photo img{width: 100%;}
.page_footer .qrcode .item_text{font-size: 12px;}



/* --- welfare --- */
.page_welfare{ display: flex; flex-wrap: wrap;}
.page_welfare .tag{margin-right: 6px; margin-bottom: 6px; background: #F4F8FF; border-radius: 2px; color: #75A2FF; border: 1px solid #D9E6FF; height: 25px; line-height: 23px; display: block; padding: 0 6px;}



/* --- pop --- */

/* ask */
.pop_ask{padding: 12px;}
.pop_ask .textarea {margin-bottom: 10px;}
.pop_ask .textarea textarea{width: 300px; padding: 16px; border: 1px solid #ddd; height: 200px;}
.pop_ask .qrcode{display: flex; margin-bottom: 10px;}
.pop_ask .qrcode input{border: 1px solid #ddd; height: 35px; margin-right: auto; padding-left: 8px; width: 170px; cursor: pointer;}
.pop_ask .button input{width: 100%; border-radius: 8px;}
.pop_ask .more{text-align: center; padding: 10px 0;}

/* invitation */
.pop_invitation{padding: 25px; width: 500px;}
.pop_invitation .form dl{display: flex; margin-bottom: 10px;}
.pop_invitation .form dt{width: 80px; color: #999; line-height: 38px;}
.pop_invitation .form dd {width: calc(100% - 80px); position: relative;}
.pop_invitation .form dd input{width: 100%; text-align: left;}
.pop_invitation .remarks{margin-top: 16px;}
.pop_invitation .button{margin-top: 16px;}
.pop_invitation .remarks h2{font-weight: bolder; margin-top: 16px; margin-bottom: 16px;}
.pop_invitation .remarks textarea{margin-bottom: 12px;}
.pop_invitation .choice{padding: 8px; background: #f9f9f9; border: 1px solid #efefef; position: absolute; left: 0; top: 38px; z-index: 99;}
.pop_invitation .choice li{width: 100%;}

/* remark */
.pop_remark{padding: 0 25px; text-align: center; padding-top: 16px;}
.pop_remark .button{margin-bottom: 32px;}

/* contact */
.pop_contact{padding: 25px; width: 500px;}
.pop_contact .name{font-size: 18px; margin-bottom: 12px;}
.pop_contact .tips{color: #845600; background: #FFFBE5; border: 1px solid #FFF5C2; text-align: center; padding: 8px 16px; margin-bottom: 16px;}
.pop_contact .info dl{display: flex; align-items: center; margin-bottom: 8px;}
.pop_contact .info dt{color: ##999;}

/* report */
.pop_report{padding: 25px;}
.pop_report label{  height: 40px; display: flex; align-items: center;}
.pop_report .layui-form-radio{margin: 0;}
.pop_report .report_submit{margin-top: 16px;}

/* nosee */
.pop_nosee{padding: 25px;}
.pop_nosee .title{font-size: 16px; font-weight: bolder;}
.pop_nosee .operation{margin-top: 16px;}

/* CodeBox */
.pop_CodeBox{width: 300px; padding: 25px; padding-top: 12px;}
.pop_CodeBox .form .item{ margin-bottom: 16px;}
.pop_CodeBox .form .item input{border: 1px solid #D4DBEE; height: 45px; border-radius: 6px; background: #fff; transition: all .3s; width: 100%; padding-left: 16px;}
.pop_CodeBox .form .item a{justify-content: space-between;}
.pop_CodeBox #btnDiv .yz_bth{background: #5572FF; color: #fff; width: 100%; height: 40px; border-radius: 6px; border: none; color: #fff; font-size: 14px;}



/* --- carousel --- */
.page-carousel {position: relative;}
.page-carousel .swiper-container{ padding: 0 ; }
.page-carousel .swiper-slide {width: 530px; background: #fff; height: 390px; border-radius: 8px; overflow: hidden; box-shadow: 0px 20px 20px #E9EBF5; margin-bottom: 16px;}

/* pic */
.page-carousel .pic{ height: 300px; padding: 8px;}
.page-carousel .pic img{width:100%; height: 100%;}

/* box */
.page-carousel .box{padding: 10px 20px;}
.page-carousel .box h3{font-size: 18px; font-weight: bolder; margin-bottom: 16px;}
.page-carousel .box .state { color: #fff;}
.page-carousel .box .state em{padding: 4px 8px; border-radius: 4px;}
.page-carousel .box .state .wait{background: #FF6A6A;}
.page-carousel .box .state .end{background: #999;}
.page-carousel .box .state .ing{background: #1CB177;}

/* title */
.page-carousel .swiper-slide .title{text-align:center; }
.page-carousel .swiper-slide .title h3{font-size:30px; margin-bottom:20px; font-weight:bolder; letter-spacing:10px;}
.page-carousel .swiper-slide .title p{font-size:40px; text-transform:uppercase;}

/* text */
.page-carousel .swiper-slide .text{padding:0 50px; text-align:center; line-height:200%;}

/* type */
.page-carousel .swiper-slide .type{text-align:center; display:flex; justify-content:center; position:absolute; bottom:50px; left:0; width:100%;}
.page-carousel .swiper-slide .type em{position:relative; margin-left:20px; margin-right:20px;}
.page-carousel .swiper-slide .type em:not(:last-child):after{content:""; width:6px; height:6px; background:#E3614F; position:absolute; top:25%; border-radius:100px; right:-23px;}

/* next */
.page-carousel .swiper-button-next{color:#333;}
.page-carousel .swiper-button-prev{color:#333;}



/* --- pages --- */
.page_pages {display: flex; justify-content: center; padding: 20px 0;}
.page_pages a{padding: 8px 16px; border: 1px solid #efefef; border-radius: 4px; margin: 0 4px; background: #fff;}
.page_pages a.selected{background: #4576FB; color: #fff; border: 1px solid #4576FB; }



/* --- floor --- */
.page_floor{position: fixed; right: 20px; bottom: 20px; display: none; background: #fff; border-radius: 8px; z-index: 999;}
.page_floor .item{border-bottom: 1px solid #efefef; position: relative; cursor:pointer; position: relative;}
.page_floor .item_icon{width: 28px; height: 28px; margin-right: 5px;}
.page_floor .item_icon img{width: 100%;}
.page_floor .item_show{display: flex; align-items: center; height: 50px; padding: 0 12px; padding-left: 8px;}
.page_floor .item_pic{display: none; position: absolute; left: -172px; top: 0; background: #fff; width: 160px; height: 160px; padding: 12px; border-radius: 8px;}
.page_floor .item_pic img{width: 100%; height: 100%;}
.page_floor .item:last-child{border-bottom: none;}
.page_floor .item:hover{background: #f9f9f9;}
.page_floor .item:hover .item_pic{display: block;}
.page_floor.hide{display: none;}





/* --- 人才 --- */
.page_hr .box{border-radius: 8px; background: #fff;}
.page_hr .item {padding: 25px; border-bottom: 1px solid #f0f3f7; width: 33.333%;}
.page_hr .item .pic{width: 80px; height: 80px; border-radius: 100px; overflow: hidden;}
.page_hr .item .pic img{width: 100%; height: 100%;}
.page_hr .item .box{padding-left: 16px;}
.page_hr .item .name{font-size: 16px;}
.page_hr .item .info{ color: #999; margin: 4px 0;}
.page_hr .item .intention{ color: #ccc; }
.page_hr .item .intention em{color: #4576FB;}
.page_hr .item i{margin: 0 4px; color: #ccc;}




/* --- tabs --- */
.page_tabs{background: #fff; padding: 16px; margin-bottom: 12px;}
.page_tabs .item{padding: 0 20px; height: 40px; line-height: 40px; border-radius: 4px; margin-right: 16px; cursor: pointer; color: #666; font-size: 16px;}
.page_tabs .item.active{background:#4576FB; color: #fff;}




/* --- showpage --- */
.page_showpage { display: flex; justify-content: center; padding: 32px; }
.page_showpage a{ padding:8px 16px; border: 1px solid #dfdfdf; background: #fff; border-radius: 4px; margin: 0 6px; font-size: 14px;}
.page_showpage a:hover{background: #f9f9f9;}
.page_showpage a.selected{background:#4576FB; color: #fff; border: 1px solid #4576FB; }