/*index通用*/
body {background-color:#f3f6f9;}
.modal-open{overflow:hidden !important;}
.jl-index-box{padding:50px 0 0 0;}
.jl-index-title{margin-bottom:40px; text-align:center;}
.jl-index-title h2 a{display:block; padding-top:25px; margin-bottom:10px; font-size:30px; color:#484848; font-weight:normal; text-align:center;}
.jl-index-title p{color:#858585; font-size:14px; text-align:center;}
.jl-index-title p a{color:#858585;}
.jl-index-title p i{line-height:12px; padding:0 2px; margin-right:7px; background:#29affc; font-size:12px; color:#fff;}
.jl-index-title p i:last-child{background:#ff4a4a;}
.jl-mb-hd{width:100%; padding-bottom:5px; margin-bottom:70px; text-align:center;}
.jl-mb-hd span a{display:block; line-height:21px; padding-top:0; margin-bottom:10px; font-size:30px; color:#484848; text-align:center;}
.jl-mb-hd p{line-height:21px; color:#858585; font-size:14px; text-align:center;}
.mb-tags{display:inline-block; width:auto; line-height:21px; margin:15px auto 0; padding-top:36px; border-top:1px solid #e5e5e5; color:#d6d6d6;}
.mb-tags a{padding:7px 16px; border:1px solid #CACACA; border-radius:30px; background:#fff; margin:0 5px; font-size:11px; color:#858585; transition:background-color 0.3s;}
.mb-tags a:hover{border-color:#2f80ff; background:#2f80ff; color:#fff;}
.typed-cursor{opacity:1; font-weight:lighter; -webkit-animation:blink .7s infinite; animation:blink .7s infinite; color:#fff; font-size:48px;}
@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
/*首页左侧广告*/
.index_left_adv1{position:fixed; left:10px; bottom:20px; z-index:100; width:152px; height:142px;}
.index_left_adv1 a{display:block;}
.index_left_adv1 .close{position:absolute; top:0; right:4px; z-index:2; width:20px; height:20px; cursor:pointer;}
/*首页导航*/
.index_header .jl-header { position: absolute; top: 0; left: 0; background: transparent; }
.index_header .jl-header::after { background-color: transparent; }
.index_header .jl-header .jl-logo a {width:150px; height:30px; background:url(../images/index_sp.png?v=9024) no-repeat 0 -107px; }
.index_header .jl-header .jl-nav ul li.nav-li .nav-dropdown { border-left-color: #FFFFFF; border-bottom-color: #FFFFFF; }
.index_header_fixed .jl-header { position: fixed; top: 0; left: 0; }
.index_header .jl-header .nav-li.other-nav-li .circle { background-color: #FFFFFF; }
.index_header .jl-header .jl-login div.login-btn { color: #FFFFFF; }
.index_header .jl-header .jl-login div.signup-btn { color: #333333; background-color: #FFFFFF; }
/* 首屏 */
.jl-index-bj{position:relative; width:100%; height:668px; background-color:#a5a8b0; background-image: linear-gradient(45deg,#a5a8b0 0%, #b5b8bf 100%), linear-gradient(#e0e0e0, #e0e0e0);}
.index-bjcontent-cneter{position:relative; height:100%; z-index:10;}
/*首页文字*/
.jl-index-text{position:absolute; top:225px; left:0;}
.jl-index-text h1{margin-bottom: 30px; font-size: 42px; letter-spacing: 0.7px; color: #ffffff; font-weight: normal;}
.jl-index-text h4{font-size: 16px; letter-spacing: 0.8px; color: #ffffff; font-weight: 300;}
/* 首页简历搜索 */
.index-search-box {position: absolute; left: 50%; top: 374px; z-index: 10; margin-left: -620px;}
.index-header-search {position: fixed; top: 15px; left: auto; right: calc(10% + 150px); z-index: 95; margin: 0;}
.index-header-search .resume-search-container {border: solid 1px #bdc7d0; background-color: #ffffff; border-radius: 21px;}
.index-header-search .resume-search-container .search-input {width: 100%; height: 42px; padding: 0 50px;}
.index-header-search .resume-search-container .search-btn {display: none;}
.index-header-search .resume-search-container .search-result {margin-top: 42px;}
.index-header-search .resume-search-container .search-result .close-search {top: 12px;}
/*banner footer*/
.jl-index-bannerfoot{position:absolute; bottom:0; left:0; right:0; z-index:9; width:100%; height:94px; background-color:rgba(0,0,0,0.2); font-size:0;}
.bannerfoot-text{display:inline-block; width:220px; height:100%; padding-top:20px; font-size:14px; text-align:center;}
.bannerfoot-text + .bannerfoot-text{margin-left:120px;}
.bannerfoot-text i{display:inline-block; width:24px; height:24px; margin-right:10px; background:url(../images/index_sp.png?v=9024) no-repeat; vertical-align:middle;}
.bannerfoot-text:nth-child(1) i{background-position:-179px -1px;}
.bannerfoot-text:nth-child(2) i{background-position:-214px -1px;}
.bannerfoot-text:nth-child(3) i{background-position:-249px -1px;}
.bannerfoot-text:nth-child(4) i{background-position:-284px -1px;}
.bannerfoot-text span{display:inline-block; vertical-align:middle; font-size:18px; color:#fff;}
.bannerfoot-text p{margin-top:12px; text-align:center; font-size:14px; color:rgba(255,255,255,0.7);}
/*轮播图*/
.index-banner-slide{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; overflow:hidden;}
.index-banner-slide li{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition:opacity 0.75s; -moz-transition:opacity 0.75s; -ms-transition:opacity 0.75s; transition:opacity 0.75s;}
.index-banner-slide li.show{opacity:1;}
.index-banner-slide li:nth-child(1){background-color:#387BFF; background-image:-webkit-linear-gradient(to right, #387BFF, #387BFF); background-image:-moz-linear-gradient(to right, #387BFF, #387BFF); background-image:-ms-linear-gradient(to right, #387BFF, #387BFF); background-image:linear-gradient(to right, #387BFF, #387BFF);}
.index-banner-slide li:nth-child(2){background-color:#517bb6; background-image:-webkit-linear-gradient(to right, #5174b6, #5183b6); background-image:-moz-linear-gradient(to right, #5174b6, #5183b6); background-image:-ms-linear-gradient(to right, #5174b6, #5183b6); background-image:linear-gradient(to right, #5174b6, #5183b6);}
.index-banner-slide li:nth-child(3){background-color:#575757; background-image:-webkit-linear-gradient(to right, #4b4c4c, #5d5d5d); background-image:-moz-linear-gradient(to right, #4b4c4c, #5d5d5d); background-image:-ms-linear-gradient(to right, #4b4c4c, #5d5d5d); background-image:linear-gradient(to right, #4b4c4c, #5d5d5d);}
.index-banner-slide li:nth-child(4){background-color:#ef6371; background-image:-webkit-linear-gradient(to right, #ea5e6b, #f36775); background-image:-moz-linear-gradient(to right, #ea5e6b, #f36775); background-image:-ms-linear-gradient(to right, #ea5e6b, #f36775); background-image:linear-gradient(to right, #ea5e6b, #f36775);}
.index-banner-slide li:nth-child(5){background-color:#adb0b8; background-image:-webkit-linear-gradient(to right, #a5a8b0, #b5b8bf); background-image:-moz-linear-gradient(to right, #a5a8b0, #b5b8bf); background-image:-ms-linear-gradient(to right, #a5a8b0, #b5b8bf); background-image:linear-gradient(to right, #a5a8b0, #b5b8bf);}
.index-banner-slide li img{position:absolute; left:50%; bottom:0;}
.index-banner-slide li:nth-child(2) img{margin-left:50px;}
.index-banner-slide li:nth-child(3) img{margin-left:30px;}
.index-banner-slide li:nth-child(4) img{margin-left:80px;}
.index-banner-slide li:nth-child(5) img{margin-left:60px;}
/*板块通用*/
.panel_title{text-align: center;}
.panel_title h1{display: inline-block; position: relative; margin-bottom: 15px; font-size:30px; color: #333333;}
.panel_title h1::before,
.panel_title h1::after{content: ""; position: absolute; top: 50%; left: 0; width: 140px; height: 1px; background-color: #bdc7d0;}
.panel_title h1::before{margin-left: -165px;}
.panel_title h1::after{left: 100%; margin-left: 25px;}
.panel_title span{display:block; font-size:14px; color: #7f8b96;}
.more_btn{display:block; width:140px; height:42px; line-height:42px; margin:0 auto; color:#5e5e5e; font-size:14px; text-align:center; border:1px solid #e5e5e5; border-radius:42px; cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.more_btn:hover{border-color:#387BFF; color:#387BFF;}

/* 简历模板 */
.jl-index-resumetemplate{display: block; padding: 140px 80px 100px; max-width: 1800px; margin: 0 auto;}
.jl-index-resumetemplate .index-template-container {display: block; position: relative; width: auto; height: auto; margin: 40px auto 0; font-size: 0;}
.jl-index-resumetemplate .index-template-container .index-classify-panel {display: inline-block; vertical-align: top; width: 270px; height: auto; font-size: 12px;}
.jl-index-resumetemplate .index-template-container .index-template-panel {display: inline-block; vertical-align: top; width: calc(100% - 270px); height: auto; font-size: 12px;}
.jl-index-resumetemplate .index-template-container .index-classify-nav {margin-bottom: 16px; padding-top: 20px; font-size: 0;}
.jl-index-resumetemplate .index-template-container .index-classify-nav > a[data-sort] {margin-right: 15px; line-height: 16px; font-size: 16px; color: #46505a; transition: all 0.2s;}
.jl-index-resumetemplate .index-template-container .index-classify-nav > a[data-sort].checked,
.jl-index-resumetemplate .index-template-container .index-classify-nav > a:hover {color: #387BFF;}
.jl-index-resumetemplate .index-template-container .index-classify-nav .breadcrumb {display: inline-block; height: 16px; line-height: 16px;}
.jl-index-resumetemplate .index-template-container .index-classify-nav * + .breadcrumb::before {content: ""; display: inline-block; width: 1px; height: 14px; margin: 1px 15px 0 0; background-color: #bdc7d0; opacity: 0.5;}
.jl-index-resumetemplate .index-template-container .index-classify-nav .breadcrumb:empty::before {display: none !important;}
.jl-index-resumetemplate .index-template-container .index-classify-nav .breadcrumb li {display: inline; font-size: 16px;}
.jl-index-resumetemplate .index-template-container .index-classify-nav .breadcrumb li:last-child {color: #7f8b96;}
.jl-index-resumetemplate .index-template-container .index-classify-nav .breadcrumb li + li::before {content: ">"; margin: 0 4px;}
.jl-index-resumetemplate .index-template-container .index-classify-nav .breadcrumb a {color: #46505a; transition: all 0.2s;}
.jl-index-resumetemplate .index-template-container .index-classify-nav .breadcrumb a:hover {color: #2f80ff;}
.jl-index-resumetemplate .index-resume-panel {font-size: 0;}
.jl-index-resumetemplate .index-template-container .template-common-cards {margin-right: 2%; width: 23.5%;}
.jl-index-resumetemplate .index-template-container .template-common-cards:nth-child(4n) {margin-right: 0;}
.jl-index-resumetemplate .index-template-container .template-common-cards.wap.hover:hover {transform: translateY(2%) scale(1.04);}
/* 避免5秒必死 */
.jl-index-bannerpanel{width:100%; height:320px; background:#43484b url(../images/index_panel_bg.png) no-repeat center bottom;}
/*hr 发布需求*/
.index_quick_task{display: block; position:relative; max-width:1800px; margin:0 auto; padding:80px 80px 120px; font-size:0;}
.index_quick_task .task_type_button_bar{width:1240px; height:610px; margin: 15px auto 0; padding:70px 10px 10px; overflow:hidden; }
.index_quick_task .task_type_button_bar .task_type_plate{position:relative; top:0; float:left; width:320px; height:480px; padding-top:20px; overflow:hidden; background-color:#f3f3f3; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.5s; transition:all 0.3s; }
.index_quick_task .task_type_button_bar .task_type_plate.active{top:-20px; z-index:2; width:580px; height:500px; background-color:#fff; -webkit-box-shadow:0 0 15px rgba(88,88,88,0.1); -moz-box-shadow:0 0 15px rgba(88,88,88,0.1); box-shadow:0 0 15px rgba(88,88,88,0.1); }
.index_quick_task .task_type_button_bar .task_type_plate:nth-child(2){background-color:#f8f8f8; }
.index_quick_task .task_type_button_bar .task_type_plate.active:nth-child(2){background-color:#fff; }
.index_quick_task .task_type_button_bar .task_type_plateinit_title{text-align:center; font-size:22px; color:#363636; }
.index_quick_task .task_type_button_bar .task_type_plateinit_s_title{text-align:center; font-size:12px; color:#bcbcbc; line-height:2.5; }
.index_quick_task .task_type_button_bar .task_type_plate_img{position: absolute; top: 110px; left: 0; z-index:2; height:130px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.index_quick_task .task_type_button_bar .zygh .task_type_plate_img{left: 74px;}
.index_quick_task .task_type_button_bar .msfd .task_type_plate_img{left: 82px;}
.index_quick_task .task_type_button_bar .jlfw .task_type_plate_img{left: 46px;}
.index_quick_task .task_type_button_bar .zygh.active .task_type_plate_img{left: 140px; top:62px; height:150px;}
.index_quick_task .task_type_button_bar .msfd.active .task_type_plate_img{left: 60px; top:60px; height:160px;}
.index_quick_task .task_type_button_bar .jlfw.active .task_type_plate_img{left: 55px; top:85px; height: 140px;}
.index_quick_task .task_type_button_bar .task_type_plateinit_content{margin-top: 180px; text-align:center; font-size:15px; color:#727272; line-height:4; }
.index_quick_task .task_type_button_bar .task_type_plateinit_msglist{width:220px; margin:auto; }
.index_quick_task .task_type_button_bar .task_type_plateinit_msglist li{position:relative; padding-left:20px; font-size:12px; color:#9c9c9c; line-height:1.8; }
.index_quick_task .task_type_button_bar .task_type_plateinit_msglist li::before{content:""; position:absolute; top:6px; left:2px; width:10px; height:4px; border:2px solid #5eceb3; border-top:transparent; border-right:transparent; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
.index_quick_task .task_type_button_bar .task_type_plate_init{position:absolute; top:20px; left:0; width:100%; height:100%; z-index:1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.index_quick_task .task_type_button_bar .task_type_plate_active{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; opacity:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.index_quick_task .task_type_button_bar .task_type_plate.active .task_type_plate_init{display:none;z-index:-1;}
.index_quick_task .task_type_button_bar .task_type_plate.active .task_type_plate_active{z-index:1; opacity:1;}
.index_quick_task .task_type_button_bar .task_type_plateactive_img{position:relative; width: 100%; height: 230px;}
.index_quick_task .task_type_button_bar .task_type_plateactive_img img{position:absolute; bottom:20px; left:55px;}
.index_quick_task .task_type_button_bar .task_type_plateactive_title{padding-left:50px; font-size:16px; line-height:3.6; color:#686868;}
.index_quick_task .task_type_button_bar .task_type_plateactive_title, .index_quick_task .task_type_button_bar .task_type_plateactive_msg{opacity:0; -webkit-transition:all 0.3s 0.25s; -moz-transition:all 0.3s 0.25s; -ms-transition:all 0.3s 0.25s; -o-transition:all 0.3s 0.25s; transition:all 0.3s 0.25s;}
.index_quick_task .task_type_button_bar .task_type_plate.active .task_type_plateactive_title, .index_quick_task .task_type_button_bar .task_type_plate.active .task_type_plateactive_msg{opacity:1;}
.index_quick_task .task_type_button_bar .task_type_plateactive_msg{width:580px; padding:0 50px; margin-bottom:10px; font-size:14px; line-height:1.6; color:#999; }
.index_quick_task .task_type_button_bar .task_type_plateactive_msg span{color:#11c498; }
.index_quick_task .task_type_button_bar .task_type_button{position:absolute; bottom:30px; left:50px; display:block; width:115px; height:38px; line-height:38px; text-align:center; color:#fff; font-size:14px; background-image:-webkit-linear-gradient(to right, #2ddd9d, #1cc7cf); background-image:-moz-linear-gradient(to right, #2ddd9d, #1cc7cf); background-image:-ms-linear-gradient(to right, #2ddd9d, #1cc7cf); background-image:linear-gradient(to right, #2ddd9d, #1cc7cf); -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; background-color:#2ddd9d; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.index_quick_task .task_type_button_bar .msfd .task_type_button{bottom:45px;}
.index_quick_task .task_type_button_bar .task_type_button:hover{opacity:0.6;}
/*hr选择*/
.index_hr_select_list{width:100%; margin-top:30px;}
.index_hr_select_list ul{width:1240px; padding:30px 95px; margin:0 auto; overflow:hidden;}
.index_hr_select_list li{display:inline-block; width:150px; font-size:14px; color:#898989; text-align:center; border-right:1px solid #cfcfcf; cursor:pointer; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
.index_hr_select_list li:last-child{border-right:none; }
.index_hr_select_list li p{display:inline-block; }
.index_hr_select_list li i{display:inline-block; width:16px; height:16px; vertical-align:top; background:url(../images/hr_selecticon.png) no-repeat; }
.index_hr_select_list li u{display:none; position:relative; top:5px; left:16%; width:72%; border-bottom:2px solid #2f80ff;}
.index_hr_select_list li:nth-child(1) i{background-position:0 -16px; }
.index_hr_select_list li:nth-child(2) i{background-position:-68px -16px; }
.index_hr_select_list li:nth-child(3) i{background-position:-34px -16px; }
.index_hr_select_list li:nth-child(4) i{background-position:-100px -16px; }
.index_hr_select_list li:nth-child(5) i{background-position:-16px -16px; }
.index_hr_select_list li:nth-child(6) i{background-position:-50px -16px; }
.index_hr_select_list li:nth-child(7) i{background-position:-84px -16px; }
.index_hr_select_list li.active, .index_hr_select_list li:hover{color:#2f80ff;}
.index_hr_select_list li.active u{display:block;}
.index_hr_select_list li:nth-child(1).active i, .index_hr_select_list li:nth-child(1):hover i{background-position:0 1px; }
.index_hr_select_list li:nth-child(2).active i, .index_hr_select_list li:nth-child(2):hover i{background-position:-68px 1px; }
.index_hr_select_list li:nth-child(3).active i, .index_hr_select_list li:nth-child(3):hover i{background-position:-34px 1px; }
.index_hr_select_list li:nth-child(4).active i, .index_hr_select_list li:nth-child(4):hover i{background-position:-100px 1px; }
.index_hr_select_list li:nth-child(5).active i, .index_hr_select_list li:nth-child(5):hover i{background-position:-16px 1px; }
.index_hr_select_list li:nth-child(6).active i, .index_hr_select_list li:nth-child(6):hover i{background-position:-50px 1px; }
.index_hr_select_list li:nth-child(7).active i, .index_hr_bar .index_hr_select_list li:nth-child(7):hover i{background-position:-84px 1px; }
/*hr卡片列表*/
.index_hr_card_list{width: auto; height:287px; margin:0 auto 60px; padding: 5px 50px 0;}
.index_hr_card_list .owl-carousel {opacity: 0;}
/*hr卡片组件  用于 首页hr展示 和 hr列表*/
.reuse_hr_card{position:relative; width:220px; margin: 0 auto; border:1px solid #eaeaea; border-radius:4px; transition:all 0.3s;}
.reuse_hr_card .head{position:relative; width:100%; height:280px; background:#fff; overflow:hidden; }
/*hr卡片头像*/
.reuse_hr_card .hr_head{width:88px; height:88px; margin:19px auto 0; overflow:hidden;}
.reuse_hr_card .hr_head img{display:block;width:100%;border-radius:50%;}
/*hr卡片蒙层*/
.reuse_hr_card .hr-text{position:absolute; top:140px; left:0; z-index:2; width:225px; padding: 0 20px 10px; opacity:0; color:#666666; text-align:center; transition:all 0.2s; -moz-transition: all 0.2s;  -webkit-transition: all 0.2s; -o-transition: all 0.2s;}
.reuse_hr_card:hover .hr-text{opacity:1; top:117px; transition:all 0.3s; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.reuse_hr_card:hover .hr_card_name,
.reuse_hr_card:hover .hr_card_name_tips,
.reuse_hr_card:hover .hr_card_tag,
.reuse_hr_card:hover .hr_service_message{opacity:0; transition:all 0.3s; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.reuse_hr_card .hr_card_name,
.reuse_hr_card .hr_card_name_tips,
.reuse_hr_card .hr_card_tag,
.reuse_hr_card .hr_service_message{transition:all 0.65s; -moz-transition: all 0.65s;  -webkit-transition: all 0.65s; -o-transition: all 0.65s;}
.reuse_hr_card .hr_text a{display:block;}
.reuse_hr_card .hr_text p{font-size:12px; color:#666666; text-align:center; line-height:1.8; transition:all 0.3s;}
.reuse_hr_card .hr_text .hr_text_content{height:165px; color:#666666; text-align:left; margin-bottom:18px; word-break:break-all; }
.reuse_hr_card .hr_text .hr_text_state{display:inline-block; position:relative; padding-left:16px; margin:0 7px 10px 0; color:#2f80ff; }
.reuse_hr_card .hr_text .hr_text_state::before{content:""; position:absolute; top:5px; left:0; width:10px; height:10px; border:1px solid #29b67d; border-radius:50%; }
.reuse_hr_card .hr_text .hr_text_state::after{content:""; position:absolute; top:8px; left:3px; width:6px; height:6px; border-radius:50%; background-color:#29b67d; }
.reuse_hr_card .hr_text .hr_text_state.orange{color:#ff9e00; }
.reuse_hr_card .hr_text .hr_text_state.orange::before{border:1px solid #ff9e00; }
.reuse_hr_card .hr_text .hr_text_state.orange::after{background-color:#ff9e00; }
.reuse_hr_card .hr_text .hr_text_state.gray{color:#ced3db; }
.reuse_hr_card .hr_text .hr_text_state.gray::before{border:1px solid #ced3db; }
.reuse_hr_card .hr_text .hr_text_state.gray::after{background-color:#ced3db; }
.reuse_hr_card .hr_text span{font-size:12px; }
/*hr卡片姓名*/
.reuse_hr_card .hr_card_name{display:block; height:45px; line-height:50px; font-size:16px; font-weight:bold; color:#333; text-align:center;}
.reuse_hr_card .hr_card_name_tips{display:block; font-size:12px; color:#666666; text-align:center;}
/*hr卡片标签*/
.reuse_hr_card .hr_card_tag{width:100%; height:45px; line-height:initial; padding:9px 0; font-size:0; text-align:center;}
.reuse_hr_card .hr_card_tag span{display:inline-block; height:24px; line-height:22px; padding:0 8px; margin-bottom:2px; border:1px solid #dadada; border-radius:4px; font-size:12px; color:#898989; }
.reuse_hr_card .hr_card_tag span + span{margin-left:5px; }
.reuse_hr_card .hr_text_btn{display:block; width:90px; height:32px; line-height:30px; margin:0 auto; border:1px solid #eee; border-radius:22px; text-align:center; color:#666666; font-size:12px; cursor:pointer;}
.reuse_hr_card:hover .hr_text_btn{color:#fff; border:0; background-image:linear-gradient(to right, #2ddd9d, #1cc7cf); background-color:#2ddd9d; transition:background 0.3s;}
/*hr卡片服务信息*/
.reuse_hr_card .hr_service_message{padding:0 14px; height:24px; line-height:12px; font-size:12px; color:#898989; text-align:initial; overflow:hidden; }
.reuse_hr_card .hr_service_message span{float:left; width:33%; border-right:1px solid #898989; text-align:center; }
.reuse_hr_card .hr_service_message span:nth-child(1){width:45%; }
.reuse_hr_card .hr_service_message span:last-child{border-right:none; width:22%; }
.reuse_hr_card .hr_service_message .comment{float:right; color:#959595; }
.reuse_hr_card .hr_service_message .comment:before{content:""; display:inline-block; width:20px; height:15px; margin-top:-5px; vertical-align:middle; background:url(../images/hr_sprites2.png?v=7090) no-repeat -27px -19px; }
/*hr卡片 底部状态按钮*/
.reuse_hr_card .hr_card_state{width:100%; height:44px; background:#f6f6f6; overflow:hidden; text-align:center; }
.reuse_hr_card .hr_card_state a.hr_state_button{display:inline-block; width:90px; height:30px; line-height:30px; margin-top:7px; border-radius:40px; font-size:12px; color:#fff; text-align:center; }
.reuse_hr_card .hr_card_state a.hr_state_button:hover{opacity:0.8; }
.reuse_hr_card .hr_state_button i{position:relative; top:2px; display:inline-block; width:12px; height:12px; margin-right:3px; background:url(../images/hr_sprites2.png?v=7090) no-repeat; }
.reuse_hr_card .hr_green_state .hr_state_button{background:#2f80ff; }
.reuse_hr_card .hr_green_state .hr_state_button i{background-position:-6px -21px; }
.reuse_hr_card .hr_orange_state .hr_state_button{background:#ff9900; }
.reuse_hr_card .hr_orange_state .hr_state_button i{background-position:-31px -37px; }
.reuse_hr_card .hr_garry_state .hr_state_button{background:#ced3db; }
.reuse_hr_card .hr_garry_state .hr_state_button i{background-position:-54px -5px; }
/*hr卡片活动标记*/
.reuse_hr_card .hr_card_activity{position:absolute; top:-5px; left:-5px; z-index:3; width:77px; height:77px; background:transparent url(../images/hr_sprites.png?v=7090) -5px -5px no-repeat; }
.reuse_hr_card .hr_card_activity span{position:absolute; top:16px; left:-4px; display:inline-block; width:64px; height:16px; line-height:16px; font-size:12px; color:#fff; text-align:center; transform:rotate(315deg); letter-spacing:2px; }
/*hr列表翻页*/
.index_quick_task .owl-prev,
.index_quick_task .owl-next{position:absolute; top: 50%; margin-top: -36px; width:40px; height:72px; text-align:center; font-size: 0; background-color:rgba(96,96,96,0.1); border-radius:3px; cursor:pointer; transition:all 0.3s;}
.index_quick_task .owl-prev{left: -40px;}
.index_quick_task .owl-next{right: -40px;}
.index_quick_task .owl-prev::before,
.index_quick_task .owl-next::before{content:""; display:inline-block; width:12px; height:12px; margin-top:30px; border:2px solid #999; border-right:transparent; border-top:transparent;}
.index_quick_task .owl-prev::before{margin-left:8px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.index_quick_task .owl-next::before{margin-left:-4px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg);}
.index_quick_task .owl-prev:hover,
.index_quick_task .owl-next:hover{opacity:0.75;}
/*index 首页用户声音*/
.jl-index-rd{width:100%; height:630px; padding:100px 10px 0; background:#4a5053 url(../images/index_panel_bg3.png) no-repeat center top; background-size:cover; overflow:hidden;}
.jl-index-rd .panel_title h1{color:#fff;}
.jl-index-rd .panel_title span{color:#eee;}
.jl-index-rd .inner{position:relative; width: auto; max-width:1650px; padding: 0 40px; margin:120px auto 0;}
.jl-index-rd .inner .owl-carousel {opacity: 0;}
.jl-index-rd .item{position:relative; width:340px; height:208px; padding:20px; margin: 0 auto; border-radius:4px; background-color:#fff;}
.jl-index-rd .item::before{content:""; position:absolute; top:25px; left:25px; width:38px; height:38px; background:url(../images/index_sp.png?v=9024) no-repeat; background-position:-1px -106px;}
.jl-index-rd .item .hd{padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
.jl-index-rd .item .hd img{float:right; width:40px; height:40px; margin-left:14px; border-radius:50%;}
.jl-index-rd .item .hd span{float:right; line-height:40px; color:#999; font-size:14px;}
.jl-index-rd .item p{font-size:14px; line-height:26px; color:#666;}
.jl-index-rd .item .ft{position:absolute; bottom:20px; right:20px; text-align:right; color:#ccc; font-size:14px;}
.jl-index-rd .user-voice-btn.prev,
.jl-index-rd .user-voice-btn.next{position:absolute; top: 50%; margin-top: -36px; width:40px; height:72px; border-radius:3px; background-color:rgba(255,255,255,0.5); cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.jl-index-rd .user-voice-btn.prev::before,
.jl-index-rd .user-voice-btn.next::before{content:""; display:inline-block; width:12px; height:12px; margin-top:30px; border:2px solid #fff; border-right:transparent; border-top:transparent;}
.jl-index-rd .user-voice-btn.prev{left: 0;}
.jl-index-rd .user-voice-btn.prev::before{margin-left:18px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.jl-index-rd .user-voice-btn.next{right: 0;}
.jl-index-rd .user-voice-btn.next::before{margin-left:10px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg);}
.jl-index-rd .user-voice-btn.prev:hover,
.jl-index-rd .user-voice-btn.next:hover{opacity:0.75;}
/* 底部创建简历 */
.foot-makeresume{width: 100%; height: 470px; padding-top: 160px;}
.foot-makeresume .makeresume-btn{width:160px; height:52px; line-height:52px; margin:45px auto 0; background-color:#387BFF; text-align:center; color:#fff; font-size:16px; border-radius:52px; cursor:pointer; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.foot-makeresume .makeresume-btn:hover{background-color:#1A67FF;}
/*首页底部*/
.jl-index-footer { position: relative; width:100%; height: auto; }
.jl-index-footer .friend-link-box { width: 100%; }
.jl-index-footer .foot-link { display: flex; width: 70%; margin: auto; padding: 20px 0 6px 0; border-top: 1px solid #E3E6EC; }
.jl-index-footer .foot-link .title { min-width: 80px; color: #333333; }
.jl-index-footer .foot-link .link-list li { display: inline-block; margin-bottom: 14px; }
.jl-index-footer .foot-link .link-list li a { color: #999999; margin-right: 20px; }
.jl-index-footer .foot-link .link-list li a:hover { color: #387BFF; }
.jl-index-footer .footer { width: 100%; background-color: #242529; padding: 5% 15% 0 15%; }
.jl-index-footer .footer .bottom-nav { display: flex; background-color: #242529; }
.jl-index-footer .bottom-nav .left-container { width: 30%; }
.jl-index-footer .bottom-nav .left-container .desc { color: #FFFFFF; font-size: 18px; margin-top: 30px; line-height: 36px; }
.jl-index-footer .bottom-nav .nav-list { display: flex; width: 100%; margin-left: 10%; align-items: flex-start; justify-content: space-between; }
.jl-index-footer .bottom-nav .nav-list .nav-name { font-size: 14px; line-height: 20px; color: #FFFFFF; font-weight: bold; }
.jl-index-footer .bottom-nav .nav-list .nav-item { margin-top: 20px; cursor: pointer; }
.jl-index-footer .bottom-nav .nav-list .nav-item a { line-height: 17px; color: #949496; opacity: 1; }
.jl-index-footer .bottom-nav .nav-list .nav-item a:hover { color: #FFFFFF; }
.jl-index-footer .contact { display: flex; align-items: center; margin-top: 20px; }
.jl-index-footer .contact .image-container { width: 80px; height: 80px; background: #FFFFFF; text-align: center; border-radius: 5px; margin-right: 30px; }
.jl-index-footer .contact .image-container .contact-image { width: 78px; margin-top: 1px; }
.jl-index-footer .contact .info { font-size: 14px; line-height: 28px; color: #949496; }
.jl-index-footer .line { width: 100%; height: 1px; margin: 30px 0; background: #303135; }
.jl-index-footer .company-info { color: #5F6063; padding-bottom: 30px; }
.jl-index-footer .company-info a { color: #5F6063; }
.jl-index-footer .company-info a:hover { color: #FFFFFF; }
.jl-index-footer .company-info .copyright, .jl-index-footer .company-info .privacy { margin-right: 1%; }
.jl-index-footer .company-info .developer-name { float: right; }
.jl-index-footer .font-arial { font-family: Arial; }

/*
响应式
*/
@media screen and (max-width: 1450px) {
	/* 模板列表适应 */
	.jl-index-resumetemplate {padding-left: 40px; padding-right: 40px;}
	.jl-index-resumetemplate .index-template-container .index-classify-panel {width: 220px;}
	.jl-index-resumetemplate .index-template-container .index-template-panel {width: calc(100% - 220px);}
	.jl-index-resumetemplate .resume-classify-container {width: 190px;}
	.index-search-box.index-header-search { right: calc(10% + 70px); }

	/* 求职行家适应 */
	.index_quick_task{padding-left: 0; padding-right: 0;}
}
@media screen and (max-width: 1750px) {
	.index-search-box.index-header-search .resume-search-container { width: 300px; }
	.index-search-box.index-header-search .resume-search-container .search-input .icon {left: 12px;}
	.index-search-box.index-header-search .resume-search-container .search-result .close-search {top: 8px; right: 12px;}
	.index-search-box.index-header-search .resume-search-container .search-result {padding: 0 15px;}
	.index-search-box.index-header-search .resume-search-container .result-hot {padding: 0;}
	.index-search-box.index-header-search .resume-search-container .result-hot li,
	.index-search-box.index-header-search .resume-search-container .result-hot li:nth-child(3n) {margin-right: 10px;}
	.index-search-box.index-header-search .resume-search-container .result-hot li:nth-child(2n) {margin-right: 0;}
}

.jl-index-footer .contact>p{
	display: block;
	width: 100%;
	text-align: center;
}
.jl-index-footer .contact>p>a{
	margin-right: 20px;
	font-size: 15px;
}