[v-cloak]{display:none;}
/*** 头部 ***/
.grey_bg{background:#f3f5f6;}
.header{width:100%;height:100px;transition:all 500ms ease;  }
.header1{position:relative;  }
.header.header2{position:absolute;z-index: 99;background:transparent;}
.header.header1,.header.fix{background:#ff923a;}
.header.fix{position:fixed;z-index:99;top:0;left:0;height:100px;}
.head_wrap{width:1000px;position:relative;margin:0 auto;padding-top:30px;}
.container{ min-width:1100px;}
.w_logo{position:absolute;left:0;height:40px;}
.group_nav{display:block;width:100%;height:16px;line-height:16px;margin-top:12px;text-align: right;}
.group_nav .nav_item{padding:0 16px;border-left:1px solid #fff;height:16px;color:#fff;font-size:16px;}
.group_nav .nav_item:first-child{border-left:none;}
.group_nav .nav_item.active{color:#884f26;}
.group_nav  i.icon_arrow_down{display:inline-block;vertical-align:middle;width:6px;height:6px;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);}
.lsmall{display:inline-block;color:#fff;font-size:12px;line-height:40px;margin-bottom:20px;}

/*** 底部 ***/
.footer1{ width:100%; height:160px; display:block; box-sizing:border-box; padding:30px 0; background:#ff923a;}
.footer1 .ft_box{width:1000px;margin:0 auto;}
.footer1 .ft_box .ft_left{ float:left; position:relative; overflow: hidden; width:672px; height:100px; color:#fff; font-size:18px; border-right:1px solid #fff;
    vertical-align:bottom;}
.footer1 .ft_box .ft_left .ft_left_bot{ width:100%; position:absolute; left:0;bottom: 0;}
.footer1 .ft_box .ft_left .ft_item>a{ color:#fff; text-decoration: none; margin-right:28px;}
.footer1 .ft_box .ft_left .cp_right{ margin-top:16px; font-size:12px; color:#ffc9a9;}
.footer1 .ft_box .ft_right{ box-sizing:border-box; float:left; width:320px; height:100px; padding-left:64px; color:#fff;}
.footer1 .ft_box .ft_right .scan_img{ float:left; margin-right:24px;}
.footer1 .ft_box .ft_right .tip{ margin:38px 0;}

/* 常用公共样式 **/
.w_main{width:1000px;height:auto;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; margin:20px auto;padding:30px;border-radius: 8px;background:#fff;}
.btn_theme{display:inline-block;background:#fe7418;cursor:pointer;text-decoration:none;border-radius:4px;color:#fff;height:40px;line-height:40px;font-size:18px;padding:0 30px;}
.btn_theme:hover{text-decoration:none;background:#d8671c;}

[v-cloak]{display:none;}
body{ font-family:"微软雅黑";min-width: 1300px;}
/*登录页*/
.logo_header{ height:340px; background:#ef8b43;}
.copy_right{ text-align:center; color:#c8c8c8; font-size:15px; padding-bottom:30px;}
.login_panel{ width:456px; margin:-190px auto 50px auto; border-radius:6px; background:#fff; position:relative; z-index:99;}
.ercode{ background:url(img/group/ewcode.jpg) center center no-repeat; width:38px; height:38px; position:absolute; top:13px; right:13px; cursor:pointer;}
.login_logo{ padding:30px 0 16px 0; text-align:center; overflow:hidden;}
.login_panel h1{ color:#ef8b43; font-size:26px; font-weight:normal; text-align:center;}
.login_panel h4{ color:#333333; height:40px; line-height:40px; text-align:center; margin:8px 34px 0 34px; background:#f8f8fa; font-weight:normal;}
.login_from{ padding:30px;}
.login_from .login_box{ border:1px solid #ddd; height:48px; line-height:48px; border-radius:3px; margin-bottom:10px; padding-left:36px;}
.login_from .login_box.phone{ background:url(img/group/phone.png) 12px center no-repeat;}
.login_from .login_box.pwd{ background:url(img/group/pwd.png) 12px center no-repeat;}
.login_from .login_box.yzm{ background:url(img/group/yzm.png) 12px center no-repeat;}
.login_from .login_box input{ height:30px; line-height:30px; margin:9px 0; border:none; background:none; outline:none;font-size: 16px;color: #333333;width: 100%;}
.login_from .login_box .yzm_img{ float:right; margin:9px 9px 0 0;}
.login_from .login_box #yzm{ width:120px;}
.login_from .login_box .yzm_img img{ height:30px;}
.login_from .pwd_column{ padding:8px 0 18px 0;}
.login_from .pwd_right{ float: right; }
.login_from .pwd_column .pwd_forget{ text-decoration: none; color: #999999; padding: 5px 0 5px 4px; }
.login_from .login_btn{ display:block; height:50px; margin-bottom:30px; line-height:50px; border-radius:4px; text-align:center; background:#FF913B; color:#fff; font-size:18px;}
.login_from .login_btn:hover{ opacity:0.8; text-decoration:none;}
.login_from .to_register_btn{ text-decoration: none; float:right; color:#fc873a; font-size:16px;}
.login_panel .scan_box { border-radius:6px; background: #fff; height: 100%; width: 100%;color: #aaaaaa; left: 0; position: absolute; text-align: center; top: 0; z-index: 9;}
.login_panel .scan_box img { height: 240px; width: 240px; margin-top: 58px;}
.login_panel .close{ background:url(img/group/close.png) center center no-repeat; width:40px; height:40px; position:absolute; right:10px; top:10px; cursor:pointer;}
#remberpwd{ -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-appearance:checkbox; -moz-appearance:checkbox;appearance:checkbox; height:auto; line-height:normal;}
.input_text::-webkit-input-placeholder{ color: #D2D2D2; }
.input_text::-moz-placeholder{ color: #D2D2D2; }
.input_text:-ms-input-placeholder{ color: #D2D2D2; }
.user-select{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}

.login_panel .code_login_type img {margin-top: 100px !important;}
.server_froms {
  text-align: center;
}
.server_froms h6 {
    display: inline-block;
    text-align: center;
    font-weight: normal;
    color: #333;
    padding-top: 18px;
}
.server_froms h6 a {
    color: #3299dc;
}
/* 新登录UI改版 J8.36.0*/
.new-login-container .login_panel {
    margin: 70px auto 50px auto;
}

.new-login-container .header {
    background-color: #ffffff;
    height: 88px;
}

.new-login-container .header .head_wrap {
    width: 1100px;
    position: relative;
    margin: 0 auto;
    padding-top: 22px
}

.new-login-container .header .lsmall {
    display: inline-block;
    color: #FF913B;
    font-size: 14px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-container .banner-item {
    position: relative;
}

.banner-item img {
    width: 100%;
    height: 720px;
    object-fit:cover;
    display: block;
}

.login_panel_box {
    position: absolute;
    top: 0;
    left: calc((100% /2) + 160px);
    left: -moz-calc((100% /2) + 160px);
    left: -webkit-calc((100% /2) + 160px);
    height: 100%;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; 
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.login_type_tab ul {
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; 
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 42px;
}

.login_type_tab ul li a {
    display: block;
    text-decoration: none;
    color: #999999;
    font-size: 20px;
}

.login_type_tab ul li:first-of-type {
    margin-right: 48px;
} 

.login_type_tab ul li.active a {
    color: #FF913B;
    font-size: 24px;
}

.banner-content-box {
    position: relative;
    height: 720px;
    background-color: #f5f5f5;
}

/* footer {
    background: #ffffff !important;
} */
.cp_right a {
    color: #666 !important;   
    text-decoration: underline;
}

.swiper-pagination-bullet-active {
    background: #ffffff !important;
}

.swiper-pagination-bullet {
    background: #ffffff !important;
}
.yzm_box_item {
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; 
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.yzm_box_item .login_box {
    margin-bottom: 0;
}

.yzm_box_item .login_box input {
    width: 200px;
}
.get_yzm_btn button {
    width: 130px;
    height: 50px;
    line-height: 50px;
    background: #FF913B;
    border-radius: 3px;
    text-align: center;
    color: #ffffff;
    color: #FFFFFF;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.new_user_tips {
    color: #666666;
    font-size: 14px;
    margin-bottom: 20px;
}

.w_container {
    width: 1200px;
    margin: 0 auto;
}

.w_container {
    width: 1000px;
    margin: 0 auto;
}

.get_yzm_btn button.disabled {background-color: #DDDDDD;}
/* 登录资讯合并 j8.37.0*/
.new-login-container .head-content {
    
    position: relative;
    margin: 0 auto;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; 
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
}

.head-content .logo-img {
    padding-top: 18px;
}

.head-content .head-right {
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; 
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.head-content .head-right .download-app {
    margin-right: 48px;
    position: relative;
}

.head-content .head-right .right-item a {
    color: #FF913B;
    font-size: 20px;
    text-decoration: none;
}

.head-content .head-right .show-download-qrcode {
    position: absolute;
    left: 0;
    z-index: 9999;
    top: 56px;
    display: none;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2000);
}

.show-download-qrcode img {
    border-radius: 8px;
}

.head-content .head-right .download-app:hover .show-download-qrcode {
    display: block;
}

.user_login_content {
    padding: 66px 30px;
    text-align: center;
}

.user_login_content h3.company-name {
    color: #3F3F3F;
    font-size: 20px;
    padding: 20px 0;
}

.user_login_content p.status,
.user_login_content p.status a {
    color: #FE7418;
    font-size: 20px;
}


.user_login_content .btns {
    margin-top: 40px;
}

.user_login_content .btns a {
    display: block;
    border-radius: 3px;
    font-size: 20px;
    text-align: center;
    padding: 15px 0;
    text-decoration: none;
}

.user_login_content .btns .publish-btn {
    margin-bottom: 20px;
    background-color: #FF913B;
    color: #ffffff;
    border: none;
}

.user_login_content .btns .jobview-btn {
    background-color: #ffffff;
    color: #FF913B;
    border: 1px solid #FF913B;
}

/* 登录下面介绍页 */
.page_login_popularize {
    background-color: #ffffff;
}

.fast-publish-btn {
    text-align: center;
}

.fast-publish-btn a {
    width: 176px;
    margin: 0 auto;
    height: 56px;
    line-height: 56px;
    background: #FE7418;
    border-radius: 28px;
    border: none;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; 
    justify-content: center;
}

.fast-publish-btn a h1 {
    color: #FFFFFF;
    font-size: 20px;
    display: inline;
    font-weight: 400;
}

.page_login_popularize .jcfw_box {
    margin-bottom: 96px;
}

.why_select_warp {
    height: 984px; 
    background: url("img/enterprise/select-bg.png") right bottom no-repeat;
    
}
.why_select_content {
    padding-top: 120px;
}
.why_select_warp .select_list {
    overflow: hidden;
    padding-top: 60px;
}
.why_select_warp .select_list ul li {
    float: left;
    margin-right: 20px;
}

.why_select_warp .select_list ul li img {
    display: block;
}
.why_select_warp .select_list ul li:last-of-type {
    margin-right: 0;
}
.why_select_warp h2 {
    text-align: center;
    color: #3F3F3F;
    font-size: 36px;
    font-weight: normal;
}

.why_select_warp h3 {
    height: 92px;
    line-height: 92px;
    background: #FFFFFF;
    text-align: center;
    color: #000000;
    font-size: 30px;
    position: absolute;
    width: 100%;
    bottom: 0;
}   

.select_list .select_list_item {
    position: relative;
    height: 552px;
}




.select_bottom_intro {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #F39900;
    text-align: center;
    /* display: none; */
    height: 0px;
}

.select_bottom_intro h4 {
    color: #FFFFFF;
    font-size: 30px;
    padding-top: 30px;
    padding-bottom: 20px;
}

.select_bottom_intro p {
    padding: 0 16px;
    color: #FFFFFF;
    font-size: 20px;
}

.p-t-64 {
    padding-top: 64px;
}

.enterprize_intro {
    padding-top: 120px;
}
.enterprize_intro h2 {
    color: #3F3F3F;
    font-size: 36px;
    text-align: center;
    font-weight: normal;
}

.enterprize_intro h4 {
    color: #9C9C9C;
    font-size: 24px;
    text-align: center;
    padding-top: 30px;
    font-weight: normal;
}

.enterprize_totals {
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; 
    justify-content: center;
    margin-top: 77px;
}

.enterprize_totals .total_item {
    text-align: center;
}
.enterprize_totals .total_item h3 {
    color: #FE7418;
    font-size: 60px;
}

.enterprize_totals .total_item h3 span {
    color: #FE7418;
    font-size: 32px;
}

.enterprize_totals .total_item p {
    color: #9C9C9C;
    font-size: 20px;
}

.enterprize_totals .total_item:first-of-type {
    margin-right: 120px;
}

.page_login_popularize .enterprize_list {
    margin: 48px 0 !important;
}

.page_login_popularize .enterprize_box {
    padding-bottom: 96px;
}

.page_login_popularize .guide_box h4 {
    padding-bottom: 0 !important;
}

.page_login_popularize .guide_list {
    margin-top: 60px !important;
}

.page_login_popularize .guide_wrap {
    padding-top: 120px !important;
    padding-bottom: 96px !important;
}

.page_login_popularize .guide_box .btn_themes {
    text-align: center;
    width: 176px;
    margin: auto;
    color: #FFFFFF;
    background: #FE7418;
    border-radius: 28px;
    cursor: pointer;
    line-height: 56px;
    height: 56px;
    font-size: 20px;
}

.news_wrap {
   background-color: #F4F7F8; 
   padding-top: 120px;
   padding-bottom: 96px;
}

.news_content_box h2 {
    color: #3F3F3F;
    font-size: 36px;
    text-align: center;
    font-weight: normal;
}

.news_list_box {
    padding-top: 60px;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; 
}

.news_list_box img {
    object-fit: cover;
    display: block;
}

.left_news_item {
    margin-right: 16px;
    width: 495px;
    height: 515px;
    overflow: hidden;
}
.right_news_item {
    width: 495px;
    height: 250px;
    overflow: hidden;
}

.news_list_box .left_news_item,
.right_news_item {
    position: relative;
}

.news_list_box .left_news_item:hover,
.right_news_item:hover {
    box-shadow: 0px 1px 27px 0px rgba(0,0,0,0.24);
}

.news_list_box .left_news_item:hover img,
.right_news_item:hover img {
    animation:fadenum 5s forwards;
}

@keyframes fadenum{
    0%{transform:scale(1);}
    100%{transform:scale(1.1);}
}

@-moz-keyframes fadenum /* Firefox */
{
    0%{transform:scale(1);}
    100%{transform:scale(1.1);}
}

@-webkit-keyframes fadenum /* Safari 和 Chrome */
{
    0%{transform:scale(1);}
    100%{transform:scale(1.1);}
}

@-o-keyframes fadenum /* Opera */
{
    0%{transform:scale(1);}
    100%{transform:scale(1.1);}
}

.news_list_box .news-bottom-intro {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.6900);
}

.bottom-intro-content {
    padding: 20px 15px;
}

.bottom-intro-content h3 {
    color: #FFFFFF;
    font-size: 24px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    font-weight: normal;
}

.bottom-intro-content p {
    color: #FFFFFF;
    font-size: 16px;
    opacity: .6;
}

.bottom-intro-content p.time {
    padding: 8px 0;
}

.bottom-intro-content p.desc {
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
    line-height: 22px;
}

.right_news .right_news_item:first-of-type {
    margin-bottom: 16px;
}

.bottom-intro-content .all-news {
    text-align: right;
    color: #FFFFFF;
    font-size: 14px;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; 
    align-items: center;
    justify-content: flex-end;
    margin-top: 4px;
    font-weight: 300;
}