html, body {
    width: 100%;
    height: 100%;
	font-family: "微软雅黑","Arial Narrow";
    font-size: 14px;
    padding: 0;
    margin: 0;
    background: #fff;
}
i, em {
    font-style: normal;
}
li, ul, ol, dl, dt, dd {
    list-style-type: none;
}
.left{
	float: left;
}
.right{
	float: right;
}
.middle{
	margin: 0 auto;
}
a:visited, a:link {
    text-decoration: none;
}
.clearfix {
	zoom: 1;
}
/*---------------------------------------------------------------------------------------------
**********************************************************************************************
**********************************************************************************************
 ---------------------------------------------------------------------------------------------*/
/* 超小设备(手机) */
@media(min-width: 320px) and (max-width: 767px) {
	#top{display: none;}
	#logo{
		margin: 2px 0px 0px 5px;
	}
	.headbanner{
		width: 100%;
		height: 72px;
	}
	.w{
		width: 100% !important;
	}
	.c {
		clear: both;
	}
	.logo{
		line-height: 72px;
	    padding: 0px 0px 0px 15px;		
	}
	.table {
	    margin: 0 auto;
	}
	/*logo样式*/
	.czexplain{
		height: 72px !important;
	    overflow: hidden;
	    font-family: "Microsoft Yahei"!important;
	    background: url(../img/topback.jpg) repeat-x 0 0;
	}
	#search {
		font-size: 12px;
	}
	.linkBox {
	    color: #999;
	    font-size: 12px;
	    line-height: 24px;
	}
	.linkBox a{
		color: rgb(0 0 0 / 30%);
		font-size: 12px;
	}
	/*导航按钮样式*/
	.headnav{
		width: 100%;
		height: 40px;
		background: url(../img/bg_secondary_menu.gif) repeat-x 0 0;
	}
	.headnav:before {
	    display: table;
	    content: "";
	    line-height: 0;
	}
	.menu-nav {
	    margin-bottom: 1px;
	    height: 42px;
	}
	.block_clock {
		width: 82px;
	    padding-left: 16px;
	    padding-top: 13px;
	    float: right;
	    background: url(../img/icon_clock.png) no-repeat 0px 13px;
	}
	.block_clock p {
	    padding-bottom: 0px;
	    font-size: 11px;
	    color: #767676;
	    font-weight: bold;
	    line-height: 13px;
	}
	.block_clock p span {
	    color: #000000;
	}
	.block_special_topic{
		height: 30px;
	}
	.block_special_topic .type {
	    height: 30px;
	    padding: 0px 7px 0px 8px;
	    float: left;
	    line-height: 30px;
	    position: relative;
	    background-color: #1688f1;
	    -moz-border-radius: 2px 0px 0px 2px;
	    -webkit-border-radius: 2px 0px 0px 2px;
	    border-radius: 2px 0px 0px 2px;
	}
	.block_special_topic .type p{
		color: #fff;
	}
	.block_special_topic .title {
	    height: 30px;
	    padding-left: 17px;
	    overflow: hidden;
	    line-height: 30px;
	    background: url(../img/arrow_13.png) no-repeat #f4f4f4;
	}
	/*导航按钮*/
	.nav{
		width: auto;
		height: 40px;
	}
	.nav li{
		width: auto;
		height: 37px;
		float: left;
		font-size: 14px;
		font-family:"微软雅黑","Arial Narrow";
		line-height: 40px;
    	margin: 0px 10px 0px 10px;
	}
	.nav .select{
		border-bottom:3px solid #1688f1;
	}
	.nav li a:hover{
		color:#1688f1;
		height: 37px;
		line-height: 40px;
		padding:5px ;
		border-bottom:3px solid #1688f1;
	}
	/*轮播图内容*/
	.middle-content{
		width: 100%;
		margin-bottom: 10px;
		display: inline-flex;
	}
	.table-mb {
	    width: 100%;
	    height: 360px;
	    border-right: 1px solid #f0f0f0;
	    padding-right: 10px;
	}
	.block_special_topic {
	    height: 30px;
	}
	.block_special_topic .type {
	    height: 30px;
	    padding: 0px 7px 0px 8px;
	    float: left;
	    line-height: 30px;
	    position: relative;
	    background-color: #1688f1;
	    -moz-border-radius: 2px 0px 0px 2px;
	    -webkit-border-radius: 2px 0px 0px 2px;
	    border-radius: 2px 0px 0px 2px;
	}
	.block_special_topic .type p{
		color: #fff;
	}
	.block_special_topic .title {
	    height: 30px;
	    padding-left: 17px;
	    overflow: hidden;
	    line-height: 30px;
	    background: url(../img/arrow_13.png) no-repeat #f4f4f4;
	}
	.block_special_topic .title a{
		  width: 290px; /* 设置一个宽度 */
		  display: inline-block; /* 确保宽度有效 */
		  white-space: nowrap; /* 防止文本换行 */
		  overflow: hidden; /* 隐藏溢出的文本 */
		  text-overflow: ellipsis; /* 显示省略号 */
	}
	#banner-lunbo {
        margin: 0px 0px 0px 0px;
        width: 100%;
        height: 320px !important;
   	}
	/* 自定义样式 */
	.layui-carousel {
	    margin: 0 auto;
	    background-color: #ffffff;
    	border: 0px solid #f2f2f2;
	}
	/* 调整箭头样式 */
	.layui-carousel-arrow {
	    font-size: 30px;
	    color: #fff !important;
	}
	/* 调整指示器颜色 */
	.layui-carousel-ind li {
	    background-color: #ccc !important;
	}

	.layui-carousel-ind li.layui-this {
	    background-color: #FF5722 !important;
	}
    /* 图片自适应处理!important */
    .layui-carousel img {
        width: 100%;
        height: auto;
        max-height: 340px ;
        object-fit: cover;
    }
    .caption {
	    padding: 13px 16px 12px;
	    position: absolute;
	    left: 0px;
	    right: 0px;
	    bottom: 0px;
	    background: url(../img/bg_caption.png);
	    text-align: left;
	}
	.caption p{
		color: #fff;
	}
	.table-mc{
		width: 100%;
		height: 470px;
		margin-left: 0px;
	}
	.mark_h1 {
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    font-size: 18px;
	    font-weight: bold;
	    border-bottom: 1px solid #e9ebef;
	    margin-bottom: 10px;
	}
	.mark_h1 span{
		color:#000 ;
		padding-bottom: 4px;
		border-bottom: 2px solid #1688f1;
		margin-left: 5px;
	}
	.mark_h1 .showMore{
		font-size: 14px;
		color:#999;
		font-weight: normal;
		margin-right: 5px;
	}
	.mark_h1 .title-span{
		font-size: 18px;
		margin-right: 20px;
		border-bottom: 2px solid #1688f1;
		margin-left: 5px;
	}
	.mark_h1 p{
		font-size: 12px;
		margin-right: 20px;
	}
	.clearfix {
	    zoom: 1;
	}
	/*名企招聘列表*/
	.companylist{
		width: 100%;
	}
	.mqList .item {
	    border: 1px solid #ededf2;
	    padding-bottom: 10px;
	    margin: 5px;
	}
	.mqList .link-com {
	    display: block;
	}
	.mqList .imgBox {
	    height: 68px;
	    position: relative;
	}
	.mqList .img {
	    height: 100%;
	    -webkit-object-fit: cover;
	    object-fit: cover;
	    width: 100%;
	}
	.mqList .tit {
	    color: #333;
	    font-size: 16px;
	    line-height: 18px;
	    max-height: 36px;
	    margin-top: 10px;
	    overflow: hidden;
	    padding: 0 14px;
	}
	.mqList .link-job {
	    color: #109aea;
	    font-size: 14px;
	    display: block;
	    margin-top: 5px;
	    overflow: hidden;
	    padding: 0 14px;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	/*精英列表*/
	.middle-job-hunt {
	    width: 100%;
	    height: 100%;
	}
	.fl-btn {
		border: 1px solid #e9ebef;
		color: #109aea;
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		height: 26px;
		line-height: 28px;
		text-align: center;
		width: 80px;
		margin-right: 5px;
	}
	.fjl {
	    display: inline-block;
	    zoom: 1;
	    background: url(../img/fl_index_icons2.png) 0 0 no-repeat;
	    vertical-align: -3px;
	    height: 17px;
	    margin-right: 5px;
	    width: 17px;
	}
	.mark_list {
	    width: auto;
	    height: auto;
	}
	.workerBox {
	    color: #999;
	    font-size: 14px;
	    margin-top: 15px;
	    /* display: flex; */
	}
	.workerBox .item {
	    border-bottom: 1px solid #e9ebf0;
	    border-right: 1px solid #e9ebf0;
	    border-left: 1px solid #e9ebf0;
	    border-top: 1px solid #e9ebf0;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 100% !important;
	}
	.workerBox .link2 {
	    background: #fff;
	    display: block;
	    padding: 0px;
	    position: relative;
	    transition: linear all .2s;
	    color: #999;
	}
	.workerBox .link2 .infoBox {
		width: auto;
		height: 54px;
		line-height: 54px;
		overflow: hidden;
		float: left;
		padding: 0px 5px 0px 5px;
	}
	.workerBox .link2 .img {
	    -webkit-border-radius: 50%;
	    border-radius: 50%;
	    height: 54px;
	    width: 54px;
	}
	.workerBox .link2 .name {
	    color: #333;
	    font-size: 18px;
	    margin-left: 15px;
	}
	.workerBox .link2 .job i {
	    color: #f90;
	}
	.workerBox .link2 .infoBox .tab {
	    margin-left: 20px;
	    position: relative;
	}
	.workerBox .link2 .tab+.tab {
	    margin-left: 10px;
	    padding-left: 10px;
	    position: relative;
	}
	.workerBox .link2 .infoBox .tab {
	    margin-left: 20px;
	    position: relative;
	}
	.workerBox .link2 .tab+.tab:before {
	    background: #ccc;
	    content: '';
	    height: 10px;
	    left: 0;
	    margin-top: -5px;
	    position: absolute;
	    top: 50%;
	    width: 1px;
	}
	.workerBox .link2 .tabBox{
	    height: 16px;
	    line-height: 16px;
	    margin-top: 15px;
	    overflow: hidden;
	}
    .workerBox .link2 .job{
    	width: auto;
	    height: 16px;
	    line-height: 16px;
	    margin-top: 2px;
	    overflow: hidden;
	}
    .workerBox .link2 .price {
    	width: auto;
	    height: 16px;
	    line-height: 16px;
	    margin-top: 2px;
	    overflow: hidden;
	}
	.wkstatus{
		float: right;
		padding: 0px 10px 0px 0px;
	}
	.middle-post-hunt {
	    width: 100%;
	    height: 100%;
	    display: inline-grid;
	}
	.postBox {
	    margin-top: 15px;
	}
	.postBox .item {
		border-top: 1px solid #e9ebf0;
	    border-bottom: 1px solid #e9ebf0;
	    border-right: 1px solid #e9ebf0;
	    border-left: 1px solid #e9ebf0;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 100%;
	}
	.postBox .link {
	    background: #fff;
	    display: block;
	    padding: 0px 10px 0px 10px;
	    transition: linear all .2s;
	}
	.postBox .titBox {
	    color: #333;
	    font-size: 16px;
	}
	.postBox .titBox .date {
	    color: #999;
	    font-size: 14px;
	    margin-top: 2px;
	}
	.postBox .titBox .tit {
	    height: 20px;
	    line-height: 20px;
	    margin-right: 40px;
	    overflow: hidden;
	}
	.postBox .titBox p {
	    display: block;
	    margin-block-start: 1em;
	    margin-block-end: 1em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	}
	.postBox .titBox .tab {
	    color: #fff;
	    display: inline-block;
	    font-size: 12px;
	    height: 18px;
	    line-height: 18px;
	    margin-right: 5px;
	    text-align: center;
	    vertical-align: 1px;
	    width: 18px;
	}
	.postBox .titBox .tab1 {
	    background: #ff4747;
	}
	.postBox .clearfix:after {
	    clear: both;
	    content: '';
	    display: block;
	    height: 0;
	}
	.postBox .infoBox {
	    color: #999;
	    font-size: 14px;
	    margin-top: 10px;
	}
	.postBox .infoBox .price {
	    color: #f33;
	    font-size: 16px;
	}
	.postBox .tabBox1 {
	    height: 18px;
	    line-height: 18px;
	    margin-right: 120px;
	    overflow: hidden;
	}
	.postBox .tabBox1 .tab {
	    display: inline-block;
	    position: relative;
	    vertical-align: middle;
	}
	.postBox .tabBox1 .tab+.tab {
	    margin-left: 10px;
	    padding-left: 11px;
	}
	.postBox .tabBox1 .tab+.tab:before {
	    background: #ccc;
	    content: '';
	    height: 10px;
	    left: 0;
	    margin-top: -5px;
	    position: absolute;
	    top: 50%;
	    width: 1px;
	}
	.postBox .tabBox2 {
	    height: 22px;
	    margin-top: 10px;
	    overflow: hidden;
	}
	.postBox .tabBox2 .tab.tab1 {
	    background: #fff1f1;
	}
	.postBox .tabBox2 .tab {
	    border: 1px solid #ffadad;
	    -webkit-border-radius: 2px;
	    border-radius: 2px;
	    color: #ff7d7d;
	    display: inline-block;
	    float: left;
	    font-size: 14px;
	    height: 20px;
	    line-height: 20px;
	    padding: 0 5px;
	}
	.postBox .comInfo {
	    border-top: 1px dotted #f2f3f4;
	    color: #999;
	    font-size: 14px;
	    height: 50px;
	    line-height: 50px;
	    margin-top: 15px;
	}
	.postBox .comInfo .name {
	    float: left;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    max-width: 350px;
	}
	.footer {
	    width: 100%;
	    height: 120px;
	    background: #fbfbfb;
	    border-top: 1px solid #ddd;
	    margin: 10px 0 0 0;
	    clear: both;
	}
	.credentials {
	    width: 100%;
	}
	.credentials a{
		width: 30%;
		margin-left: 25px;
	}
	.companyinfo{
		width: 100%;
	}
	.companyinfo span{
		font-size: 12px;
		color: #999;
	}
	.companyinfo a{
		font-size: 12px;
		color: #999;
	}
	/*[工人简历详情]*/
	.workerinfo-box{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0px;
	}
	.head-box{

	}
	.mobiles{
		font-size: 16px;
		color: #f90;
		line-height: 32px;
	}
	.jl-top-box {
	    background: #fafafa url(../img/jl-top-box.jpg) no-repeat;
	    background-size: 100% 170px;
	    margin-bottom: 0px;
	    position: relative;
	}
	.jl-bar {
	    font-size: 12px;
	    color: #fff;
	    padding: 10px 0 0 5px;
	    margin-bottom: 100px;
	}
	.jl-info {
	    padding: 0px 0 30px;
	    position: relative;
	    text-align: center;
	    border-bottom: 1px solid #e2e2e2;
	}
	
	.jl-info .j-pos{font-size:14px;color:#666;padding:0 20px;line-height:30px;}
	.jl-info .j-pos span{position:relative;}
	.jl-info .j-pos span:last-child{margin-right:0}
	.jl-info .j-pos i{color:#ccc;font-style:normal;font-weight:normal;font-size:12px;margin:0 5px;vertical-align:2px;}
	.j-tx {
	    width: 145px;
	    height: 145px;
	    border: 3px solid #fff;
	    border-radius: 50%;
	    margin-left: 0px;
	    box-shadow: 0 3px 10px 3px rgb(0 0 0 / 14%);
	}
	.j-name {
	    margin: 15px 0 10px;
	}
	.jl-bar ul li i {
	    width: 16px;
	    height: 14px;
	    display: inline-block;
	    background: url(../img/jl-caozuo.png) 0 -14px no-repeat;
	    vertical-align: -2px;
	    margin-right: 3px;
	}
	.jl-bar img{vertical-align:-2px;}
	.jl-bar ul{font-size:14px;color:#fff;height:20px;}
	.jl-bar ul li{cursor:pointer;padding-right:20px;line-height:15px;height:20px;}
	.j-work{padding:0px 0 0 0;display: flow-root;}
	.j-work .j-tit-module i{background-position:-28px 0;}
	.j-qz .j-pos{font-size:16px}
	.j-tit-module{color:#333;font-size:20px;font-weight:bold;margin-bottom:5px;height:28px;line-height:28px;}
	.j-tit-module i{background:#f90;width:4px;height:22px;margin:3px 10px 0 0;}
	.j-tit-module .pt-r{float:right;color:#f90;font-size:14px;font-weight:normal;}
	.j-tit-module .cen-line{width:580px;height:1px;margin:14px 10px 0 0;border-top:1px solid #e2e2e2;display:inline-block;}
	.j-work-module{font-size:14px;color:#666;padding: 10px;}
	.j-work-module .j-time{margin-bottom:10px;width:100%;text-align:left;}
	.j-work-module .j-tit{color:#333;margin-bottom:10px;}
	/*.j-work-module .j-pos span:last-child{width:890px;display:inline-block;}*/
	.j-pos{color:#333;font-size:14px;padding-bottom:25px;}
	.j-pos .s1{color:#999;}
	.j-pos .time{font-size:14px;color:#333;font-style:normal;margin-left:20px;}
	.j-pos .times{font-size:14px;color:#999;font-style:normal;}
	.post-j{
		width: 30%;
		height: auto;
		float: left;
	}
	.step-circle:before {
	    content: '';
	    display: block;
	    width: 7px;
	    height: 7px;
	    border: 1px solid #ff9b06;
	    border-radius: 50%;
	    position: absolute;
	    left: -5px;
	    top: 7px;
	    background: #fff;
	}
	.step-circle{position:relative;padding:0 0 10px 14px;margin-left:6px;}
	.step-circle:before{content:'';display:block;width:7px;height:7px;border:1px solid #ff9b06;border-radius:50%;position:absolute;left:-5px;top:7px;background:#fff;display: none;}
	.step-circle:after{content:'';width:1px;height:100%;border-left:1px dashed #ffe0b2;position:absolute;left:-1px;top:16px;}
	.step-circle:last-child{padding-bottom:0}
	.step-circle:last-child:after{content:'';border:none;}
	.food-box{
		width: 100%;
		height: 80px;
		margin: 0 auto;
	}
	/**************[岗位详情]*********************/
    .infoBox{
        background-color: #FFFFFF;
        height: 20px;
        /*padding: 10px 10px;*/
    }
    .head-top{/*display: flex;*/padding: 10px 0; }
    .head-title{font-size: 24px;font-weight: bold;}
    .salary-price{
    	margin-left: 0px;
	    color: red;
	    font-size: 18px;
	    line-height: 45px;
	    width: 140px;
	    float: right;
    }
    .head-small{display: flex;padding: 0px 0;font-size: 14px;}
    .icon{    
    	margin-right: 0px;
	    width: auto;
	    float: left;
	}
    .mobile-btn{display: flex;margin: 20px 0px 20px 0px;}
    .infoHeader{
        /*display: flex;*/
        justify-content: space-between;
        align-items: center;
    }
    .Btn{
        width: 220px;
        height: 32px;
        margin-right: 15px;
        border-radius: 5px;
        line-height: 32px;
        text-align: center;
        font-size: 13px;
        margin-top: 0px;
        background: #00bebd;
        color: #FFFFFF;
    }
    .iconImg{
        width: 14px;
        height: 14px;
        line-height: 15px;
    }
    .infoBody{
        padding: 20px 0;
    }
    .itemTag{
        width: 115px;
        height: 28px;
        background: #eeeeee;
        text-align: center;
        line-height: 28px;
        font-size: 13px;
        color: #919191;
        margin-right: 15px;
        border-radius: 5px;
        margin:  15px 15px 0 0;
    }
    .infoFooter{
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
    }
    .user{
        padding: 15px 0;
        display: flex;
        align-items: center;
    }
    .hscss{
        display: none;
    }
    .notcss{

    }
    .left{
        float: left;
    }
    .right{
        float: right;
    }
    .avatar{
        width: 100px;
        height: 100px;
    }
    .areacss{
          width: 150px; /* 假设每个字符大约占据5px的宽度，32*5=160px，但留出一些空间给padding等 */
          white-space: nowrap; /* 防止文本换行 */
          overflow: hidden; /* 隐藏溢出的文本 */
          text-overflow: ellipsis; /* 超出部分显示省略号 */
    }
    .workcss{
          width: 260px; /* 假设每个字符大约占据5px的宽度，32*5=160px，但留出一些空间给padding等 */
          white-space: nowrap; /* 防止文本换行 */
          overflow: hidden; /* 隐藏溢出的文本 */
          text-overflow: ellipsis; /* 超出部分显示省略号 */        
    }
    .skill{
        width: 100%;
        margin: 0 auto;
    }
    .skill-title{
        width: 120px;
        font-size: 16px;
        text-align: left;
    }
    .skill-img{
        width: 50px;
        height: 25px;
    }
    .depict{display: flex;justify-content: space-between;align-items: center; }
    .content{margin: 15px 0;font-size: 15px;line-height: 30px;}
    .depict-share{display: flex;justify-content: space-around;font-size: 13px;color: #AFAFAF;}
    .avatar-imgs{width: 55px;height: 55px;border-radius: 75px;background: red;}
}
/*---------------------------------------------------------------------------------------------
**********************************************************************************************
**********************************************************************************************
 ---------------------------------------------------------------------------------------------*/ 
/* 平板设备 */
@media (min-width: 768px) and (max-width: 991px){
	#top{display: none;}
	#logo{
		margin: 2px 0px 0px 5px;
	}
	.headbanner{
		width: 100%;
		height: 72px;
	}
	.w{
		width: 100% !important;
	}
	.c {
		clear: both;
	}
	.logo{
		line-height: 72px;
	    padding: 0px 0px 0px 15px;		
	}
	.table {
	    margin: 0 auto;
	}
	/*logo样式*/
	.czexplain{
		height: 72px !important;
	    overflow: hidden;
	    font-family: "Microsoft Yahei"!important;
	    background: url(../img/topback.jpg) repeat-x 0 0;
	}
	#search {
		font-size: 12px;
	}
	.linkBox {
	    color: #999;
	    font-size: 12px;
	    line-height: 24px;
	}
	.linkBox a{
		color: rgb(0 0 0 / 30%);
		font-size: 12px;
	}
	/*导航按钮样式*/
	.headnav{
		width: 100%;
		height: 40px;
		background: url(../img/bg_secondary_menu.gif) repeat-x 0 0;
	}
	.headnav:before {
	    display: table;
	    content: "";
	    line-height: 0;
	}
	.menu-nav {
	    margin-bottom: 1px;
	    height: 42px;
	}
	.block_clock {
		width: 82px;
	    padding-left: 16px;
	    padding-top: 13px;
	    float: right;
	    background: url(../img/icon_clock.png) no-repeat 0px 13px;
	}
	.block_clock p {
	    padding-bottom: 0px;
	    font-size: 11px;
	    color: #767676;
	    font-weight: bold;
	    line-height: 13px;
	}
	.block_clock p span {
	    color: #000000;
	}
	.block_special_topic{
		height: 30px;
	}
	.block_special_topic .type {
	    height: 30px;
	    padding: 0px 7px 0px 8px;
	    float: left;
	    line-height: 30px;
	    position: relative;
	    background-color: #1688f1;
	    -moz-border-radius: 2px 0px 0px 2px;
	    -webkit-border-radius: 2px 0px 0px 2px;
	    border-radius: 2px 0px 0px 2px;
	}
	.block_special_topic .type p{
		color: #fff;
	}
	.block_special_topic .title {
	    height: 30px;
	    padding-left: 17px;
	    overflow: hidden;
	    line-height: 30px;
	    background: url(../img/arrow_13.png) no-repeat #f4f4f4;
	}
	/*导航按钮*/
	.nav{
		width: 290px;
		height: 40px;
	}
	.nav li{
		width: auto;
		height: 37px;
		float: left;
		font-size: 14px;
		font-family:"微软雅黑","Arial Narrow";
		line-height: 40px;
    	margin: 0px 10px 0px 10px;
	}
	.nav .select{
		border-bottom:3px solid #1688f1;
	}
	.nav li a:hover{
		color:#1688f1;
		height: 37px;
		line-height: 40px;
		padding:5px ;
		border-bottom:3px solid #1688f1;
	}
	/*轮播图内容*/
	.middle-content{
		width: 100%;
		margin-bottom: 10px;
		display: inline-flex;
	}
	.table-mb {
	    width: 100%;
	    height: 360px;
	    border-right: 1px solid #f0f0f0;
	    padding-right: 10px;
	}
	.block_special_topic {
	    height: 30px;
	}
	.block_special_topic .type {
	    height: 30px;
	    padding: 0px 7px 0px 8px;
	    float: left;
	    line-height: 30px;
	    position: relative;
	    background-color: #1688f1;
	    -moz-border-radius: 2px 0px 0px 2px;
	    -webkit-border-radius: 2px 0px 0px 2px;
	    border-radius: 2px 0px 0px 2px;
	}
	.block_special_topic .type p{
		color: #fff;
	}
	.block_special_topic .title {
	    height: 30px;
	    padding-left: 17px;
	    overflow: hidden;
	    line-height: 30px;
	    background: url(../img/arrow_13.png) no-repeat #f4f4f4;
	}
	.block_special_topic .title a{
		  width: 290px; /* 设置一个宽度 */
		  display: inline-block; /* 确保宽度有效 */
		  white-space: nowrap; /* 防止文本换行 */
		  overflow: hidden; /* 隐藏溢出的文本 */
		  text-overflow: ellipsis; /* 显示省略号 */
	}
	#banner-lunbo {
        margin: 0px 0px 0px 0px;
        width: 100%;
        height: 320px !important;
   	}
	/* 自定义样式 */
	.layui-carousel {
	    margin: 0 auto;
	    background-color: #ffffff;
    	border: 0px solid #f2f2f2;
	}
	/* 调整箭头样式 */
	.layui-carousel-arrow {
	    font-size: 30px;
	    color: #fff !important;
	}
	/* 调整指示器颜色 */
	.layui-carousel-ind li {
	    background-color: #ccc !important;
	}

	.layui-carousel-ind li.layui-this {
	    background-color: #FF5722 !important;
	}
    /* 图片自适应处理!important */
    .layui-carousel img {
        width: 100%;
        height: auto;
        max-height: 340px ;
        object-fit: cover;
    }
    .caption {
	    padding: 13px 16px 12px;
	    position: absolute;
	    left: 0px;
	    right: 0px;
	    bottom: 0px;
	    background: url(../img/bg_caption.png);
	    text-align: left;
	}
	.caption p{
		color: #fff;
	}
	.table-mc{
		width: 100%;
		height: 470px;
		margin-left: 0px;
	}
	.mark_h1 {
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    font-size: 18px;
	    font-weight: bold;
	    border-bottom: 1px solid #e9ebef;
	    margin-bottom: 10px;
	}
	.mark_h1 span{
		color:#000 ;
		padding-bottom: 4px;
		border-bottom: 2px solid #1688f1;
		margin-left: 5px;
	}
	.mark_h1 .showMore{
		font-size: 14px;
		color:#999;
		font-weight: normal;
		margin-right: 5px;
	}
	.mark_h1 .title-span{
		font-size: 18px;
		margin-right: 20px;
		border-bottom: 2px solid #1688f1;
		margin-left: 5px;
	}
	.mark_h1 p{
		font-size: 12px;
		margin-right: 20px;
	}
	.clearfix {
	    zoom: 1;
	}
	/*名企招聘列表*/
	.companylist{
		width: 100%;
	}
	.mqList .item {
	    border: 1px solid #ededf2;
	    padding-bottom: 10px;
	    margin: 5px;
	}
	.mqList li{
		height: 140px !important;
	}
	.mqList .link-com {
	    display: block;
	}
	.mqList .imgBox {
	    height: 95px;
	    position: relative;
	}
	.mqList .img {
	    height: 100%;
	    -webkit-object-fit: cover;
	    object-fit: cover;
	    width: 100%;
	}
	.mqList .tit {
	    color: #333;
	    font-size: 16px;
	    line-height: 18px;
	    max-height: 36px;
	    margin-top: 10px;
	    overflow: hidden;
	    padding: 0 14px;
	}
	.mqList .link-job {
	    color: #109aea;
	    font-size: 14px;
	    display: block;
	    margin-top: 5px;
	    overflow: hidden;
	    padding: 0 14px;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	/*精英列表*/
	.middle-job-hunt {
	    width: 100%;
	    height: 100%;
	}
	.fl-btn {
		border: 1px solid #e9ebef;
		color: #109aea;
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		height: 26px;
		line-height: 28px;
		text-align: center;
		width: 80px;
		margin-right: 5px;
	}
	.fjl {
	    display: inline-block;
	    zoom: 1;
	    background: url(../img/fl_index_icons2.png) 0 0 no-repeat;
	    vertical-align: -3px;
	    height: 17px;
	    margin-right: 5px;
	    width: 17px;
	}
	.mark_list {
	    width: auto;
	    height: auto;
	}
	.workerBox {
	    color: #999;
	    font-size: 14px;
	    margin-top: 15px;
	    /* display: flex; */
	}
	.workerBox .item {
	    border-bottom: 1px solid #e9ebf0;
	    border-right: 1px solid #e9ebf0;
	    border-left: 1px solid #e9ebf0;
	    border-top: 1px solid #e9ebf0;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 100% !important;
	}
	.workerBox .link2 {
	    background: #fff;
	    display: block;
	    padding: 2px;
	    position: relative;
	    transition: linear all .2s;
	    color: #999;
	}
	.workerBox .link2 .infoBox {
		width: auto;
	    height: 54px;
	    line-height: 54px;
	    overflow: hidden;
	    float: left;
	}
	.workerBox .link2 .img {
	    -webkit-border-radius: 50%;
	    border-radius: 50%;
	    height: 54px;
	    width: 54px;
	}
	.workerBox .link2 .name {
	    color: #333;
	    font-size: 18px;
	    margin-left: 15px;
	}
	.workerBox .link2 .job i {
	    color: #f90;
	}
	.workerBox .link2 .infoBox .tab {
	    margin-left: 20px;
	    position: relative;
	}
	.workerBox .link2 .tab+.tab {
	    margin-left: 10px;
	    padding-left: 10px;
	    position: relative;
	}
	.workerBox .link2 .infoBox .tab {
	    margin-left: 20px;
	    position: relative;
	}
	.workerBox .link2 .tab+.tab:before {
	    background: #ccc;
	    content: '';
	    height: 10px;
	    left: 0;
	    margin-top: -5px;
	    position: absolute;
	    top: 50%;
	    width: 1px;
	}
	.workerBox .link2 .tabBox{
	    height: 16px;
	    line-height: 16px;
	    margin-top: 15px;
	    overflow: hidden;
	}
	.workerBox .link2 .job{
		width: auto;
	    height: 16px;
	    line-height: 16px;
	    margin-top: 15px;
	    overflow: hidden;
	    float: left;
	 }
	.workerBox .link2 .price {
		width: auto;
	    height: 16px;
	    line-height: 16px;
	    margin: 15px 0px 0px 10px;
	    overflow: hidden;
	    float: left;
	}
	.wkstatus{
		float: right;
    	margin: 0px 15px 0px 0px;
	}
	.middle-post-hunt {
	    width: 100%;
	    height: 100%;
	    display: inline-grid;
	}
	.postBox {
	    margin-top: 15px;
	}
	.postBox .item {
		border-top: 1px solid #e9ebf0;
	    border-bottom: 1px solid #e9ebf0;
	    border-right: 1px solid #e9ebf0;
	    border-left: 1px solid #e9ebf0;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 100%;
	}
	.postBox .link {
	    background: #fff;
	    display: block;
	    padding: 0px 15px 0px 15px;
	    transition: linear all .2s;
	}
	.postBox .titBox {
	    color: #333;
	    font-size: 16px;
	}
	.postBox .titBox .date {
	    color: #999;
	    font-size: 14px;
	    margin-top: 2px;
	}
	.postBox .titBox .tit {
	    height: 20px;
	    line-height: 25px;
	    padding: 0px 0px 0px 10px;
	    overflow: hidden;
	}
	.postBox .titBox p {
	    display: block;
	    margin-block-start: 1em;
	    margin-block-end: 1em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	}
	.postBox .titBox .tab {
	    color: #fff;
	    display: inline-block;
	    font-size: 12px;
	    height: 18px;
	    line-height: 18px;
	    margin-right: 5px;
	    text-align: center;
	    vertical-align: 1px;
	    width: 18px;
	}
	.postBox .titBox .tab1 {
	    background: #ff4747;
	}
	.postBox .clearfix:after {
	    clear: both;
	    content: '';
	    display: block;
	    height: 0;
	}
	.postBox .infoBox {
		height: 10px;
	    color: #999;
	    font-size: 14px;
	    margin-top: 0px;
	}
	.postBox .infoBox .price {
	    color: #f33;
	    font-size: 16px;
	}
	.postBox .tabBox1 {
	    height: 18px;
	    line-height: 18px;
	    margin-right: 120px;
	    overflow: hidden;
	}
	.postBox .tabBox1 .tab {
	    display: inline-block;
	    position: relative;
	    vertical-align: middle;
	}
	.postBox .tabBox1 .tab+.tab {
	    margin-left: 10px;
	    padding-left: 11px;
	}
	.postBox .tabBox1 .tab+.tab:before {
	    background: #ccc;
	    content: '';
	    height: 10px;
	    left: 0;
	    margin-top: -5px;
	    position: absolute;
	    top: 50%;
	    width: 1px;
	}
	.postBox .tabBox2 {
	    height: 22px;
	    margin-top: 10px;
	    overflow: hidden;
	}
	.postBox .tabBox2 .tab.tab1 {
	    background: #fff1f1;
	}
	.postBox .tabBox2 .tab {
	    border: 1px solid #ffadad;
	    -webkit-border-radius: 2px;
	    border-radius: 2px;
	    color: #ff7d7d;
	    display: inline-block;
	    float: left;
	    font-size: 14px;
	    height: 20px;
	    line-height: 20px;
	    padding: 0 5px;
	}
	.postBox .comInfo {
	    border-top: 1px dotted #f2f3f4;
	    color: #999;
	    font-size: 14px;
	    height: 50px;
	    line-height: 50px;
	    margin-top: 15px;
	}
	.postBox .comInfo .name {
	    float: left;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    max-width: 350px;
	}
	.footer {
	    width: 100%;
	    height: 120px;
	    background: #fbfbfb;
	    border-top: 1px solid #ddd;
	    margin: 10px 0 0 0;
	    clear: both;
	}
	.credentials {
	    width: 100%;
	}
	.credentials a{
		width: 30%;
		margin-left: 25px;
	}
	.companyinfo{
		width: 100%;
	}
	.companyinfo span{
		font-size: 12px;
		color: #999;
	}
	.companyinfo a{
		font-size: 12px;
		color: #999;
	}
	/*[工人简历详情]*/
	.workerinfo-box{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0px;
	}
	.head-box{

	}
	.mobiles{
		font-size: 16px;
		color: #f90;
		line-height: 32px;
	}
	.jl-top-box {
	    background: #fafafa url(../img/jl-top-box.jpg) no-repeat;
	    background-size: 100% 170px;
	    margin-bottom: 0px;
	    position: relative;
	}
	.jl-bar {
	    font-size: 12px;
	    color: #fff;
	    padding: 10px 0 0 5px;
	    margin-bottom: 100px;
	}
	.jl-info {
	    padding: 0px 0 30px;
	    position: relative;
	    text-align: center;
	    border-bottom: 1px solid #e2e2e2;
	}
	
	.jl-info .j-pos{font-size:14px;color:#666;padding:0 20px;line-height:30px;}
	.jl-info .j-pos span{position:relative;}
	.jl-info .j-pos span:last-child{margin-right:0}
	.jl-info .j-pos i{color:#ccc;font-style:normal;font-weight:normal;font-size:12px;margin:0 5px;vertical-align:2px;}
	.j-tx {
	    width: 145px;
	    height: 145px;
	    border: 3px solid #fff;
	    border-radius: 50%;
	    margin-left: 0px;
	    box-shadow: 0 3px 10px 3px rgb(0 0 0 / 14%);
	}
	.j-name {
	    margin: 15px 0 10px;
	}
	.jl-bar ul li i {
	    width: 16px;
	    height: 14px;
	    display: inline-block;
	    background: url(../img/jl-caozuo.png) 0 -14px no-repeat;
	    vertical-align: -2px;
	    margin-right: 3px;
	}
	.jl-bar img{vertical-align:-2px;}
	.jl-bar ul{font-size:14px;color:#fff;height:20px;}
	.jl-bar ul li{cursor:pointer;padding-right:20px;line-height:15px;height:20px;}
	.j-work{padding:0px 0 0 0;display: flow-root;}
	.j-work .j-tit-module i{background-position:-28px 0;}
	.j-qz .j-pos{font-size:16px}
	.j-tit-module{color:#333;font-size:20px;font-weight:bold;margin-bottom:5px;height:28px;line-height:28px;}
	.j-tit-module i{background:#f90;width:4px;height:22px;margin:3px 10px 0 0;}
	.j-tit-module .pt-r{float:right;color:#f90;font-size:14px;font-weight:normal;}
	.j-tit-module .cen-line{width:580px;height:1px;margin:14px 10px 0 0;border-top:1px solid #e2e2e2;display:inline-block;}
	.j-work-module{font-size:14px;color:#666;padding: 10px;}
	.j-work-module .j-time{margin-bottom:10px;width:100%;text-align:left;}
	.j-work-module .j-tit{color:#333;margin-bottom:10px;}
	/*.j-work-module .j-pos span:last-child{width:890px;display:inline-block;}*/
	.j-pos{color:#333;font-size:14px;padding-bottom:25px;}
	.j-pos .s1{color:#999;}
	.j-pos .time{font-size:14px;color:#333;font-style:normal;margin-left:20px;}
	.j-pos .times{font-size:14px;color:#999;font-style:normal;}
	.post-j{
		width: 30%;
		height: auto;
		float: left;
	}
	.step-circle:before {
	    content: '';
	    display: block;
	    width: 7px;
	    height: 7px;
	    border: 1px solid #ff9b06;
	    border-radius: 50%;
	    position: absolute;
	    left: -5px;
	    top: 7px;
	    background: #fff;
	}
	.step-circle{position:relative;padding:0 0 10px 14px;margin-left:6px;}
	.step-circle:before{content:'';display:block;width:7px;height:7px;border:1px solid #ff9b06;border-radius:50%;position:absolute;left:-5px;top:7px;background:#fff;display: none;}
	.step-circle:after{content:'';width:1px;height:100%;border-left:1px dashed #ffe0b2;position:absolute;left:-1px;top:16px;}
	.step-circle:last-child{padding-bottom:0}
	.step-circle:last-child:after{content:'';border:none;}
	.food-box{
		width: 100%;
		height: 80px;
		margin: 0 auto;
	}
	/**************[岗位详情]*********************/
    .infoBox{
        background-color: #FFFFFF;
        height: 100px;
        padding: 10px 10px;
    }
    .head-top{/*display: flex;*/padding: 10px 0; }
    .head-title{font-size: 24px;font-weight: bold;}
    .salary-price{
    	margin-left: 0px;
	    color: red;
	    font-size: 18px;
	    line-height: 45px;
	    width: 140px;
	    float: right;
    }
    .head-small{display: flex;padding: 0px 0;font-size: 14px;}
    .icon{    
    	margin-right: 0px;
	    width: auto;
	    float: left;
	}
    .mobile-btn{display: flex;margin: 20px 0px 20px 0px;}
    .infoHeader{
        /*display: flex;*/
        justify-content: space-between;
        align-items: center;
    }
    .Btn{
        width: 220px;
        height: 32px;
        margin-right: 15px;
        border-radius: 5px;
        line-height: 32px;
        text-align: center;
        font-size: 13px;
        margin-top: 0px;
        background: #00bebd;
        color: #FFFFFF;
    }
    .iconImg{
        width: 14px;
        height: 14px;
        line-height: 15px;
    }
    .infoBody{
        padding: 20px 0;
    }
    .itemTag{
        width: 115px;
        height: 28px;
        background: #eeeeee;
        text-align: center;
        line-height: 28px;
        font-size: 13px;
        color: #919191;
        margin-right: 15px;
        border-radius: 5px;
        margin:  15px 15px 0 0;
    }
    .infoFooter{
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
    }
    .user{
        padding: 15px 0;
        display: flex;
        align-items: center;
    }
    .hscss{
        display: none;
    }
    .notcss{

    }
    .left{
        float: left;
    }
    .right{
        float: right;
    }
    .avatar{
        width: 100px;
        height: 100px;
    }
    .areacss{
          width: 150px; /* 假设每个字符大约占据5px的宽度，32*5=160px，但留出一些空间给padding等 */
          white-space: nowrap; /* 防止文本换行 */
          overflow: hidden; /* 隐藏溢出的文本 */
          text-overflow: ellipsis; /* 超出部分显示省略号 */
    }
    .workcss{
          width: 260px; /* 假设每个字符大约占据5px的宽度，32*5=160px，但留出一些空间给padding等 */
          white-space: nowrap; /* 防止文本换行 */
          overflow: hidden; /* 隐藏溢出的文本 */
          text-overflow: ellipsis; /* 超出部分显示省略号 */        
    }
    .skill{
        width: 100%;
        margin: 0 auto;
    }
    .skill-title{
        width: 120px;
        font-size: 16px;
        text-align: left;
    }
    .skill-img{
        width: 50px;
        height: 25px;
    }
    .depict{display: flex;justify-content: space-between;align-items: center; }
    .content{margin: 15px 0;font-size: 15px;line-height: 30px;}
    .depict-share{display: flex;justify-content: space-around;font-size: 13px;color: #AFAFAF;}
    .avatar-imgs{width: 55px;height: 55px;border-radius: 75px;background: red;}
}
/*---------------------------------------------------------------------------------------------
**********************************************************************************************
**********************************************************************************************
 ---------------------------------------------------------------------------------------------*/
/* 小型桌面显示器 */
@media (min-width: 992px) and (max-width: 1199px)  {
	.headtop{
		width: 100%;
		height: 32px;
		background: url(../img/i_bg.gif) repeat-x 0 0;
		color: #666;
	    line-height: 32px;
	    font-size: 12px;
	    position: relative;
	    z-index:1;
	}
	.w{
		width: 100%;
	}
	.c {
		clear: both;
	}
	.logo{
		line-height: 72px;
	    padding: 0px 0px 0px 15px;		
	}
	.top_left{
		width: 49%;
		height: 32px;
	}
	.top_right{
		width: 49%;
		height: 32px;
	}
	.czexplain{
		height: 72px!important;
	    overflow: hidden;
	    font-family: "Microsoft Yahei"!important;
	    background: url(../img/topback.jpg) repeat-x 0 0;
	}
	#search{
		margin: 50px 0 0px;
		width: 460px;
	}
	.sea-box {
		border-width: 2px;
		border: 1px solid #1e9fff;
	    width: 445px;
	    height: 40px;
	    line-height: 40px;
	}
	.linkBox {
	    color: #999;
	    font-size: 12px;
	    line-height: 24px;
	}

	.middle-content{
		width: 100%;
		height: 470px;
		padding: 10px 0px 10px;
    	display: flex;
	}
	.table{
		margin: 0 auto;
	}
	.table-mb{
		width: 60%;
		height: auto;
		border-right: 1px solid #f0f0f0;
    	padding-right: 10px;
	}
	.table-mc{
		width: 380px;
		height: 470px;
		margin-left: 10px;
	}
	/*导航按钮样式*/
	.headnav{
		width: 100%;
		height: 40px;
		background: url(../img/bg_secondary_menu.gif) repeat-x 0 0;
	}
	.headnav:before {
	    display: table;
	    content: "";
	    line-height: 0;
	}
	.block_clock {
		width: 82px;
	    padding-left: 16px;
	    padding-top: 13px;
	    float: right;
	    background: url(../img/icon_clock.png) no-repeat 0px 13px;
	}
	.block_clock p {
	    padding-bottom: 0px;
	    font-size: 11px;
	    color: #767676;
	    font-weight: bold;
	    line-height: 13px;
	}
	.block_clock p span {
	    color: #000000;
	}
	.block_special_topic{
		height: 30px;
	}
	.block_special_topic .type {
	    height: 30px;
	    padding: 0px 7px 0px 8px;
	    float: left;
	    line-height: 30px;
	    position: relative;
	    background-color: #1688f1;
	    -moz-border-radius: 2px 0px 0px 2px;
	    -webkit-border-radius: 2px 0px 0px 2px;
	    border-radius: 2px 0px 0px 2px;
	}
	.block_special_topic .type p{
		color: #fff;
	}
	.block_special_topic .title {
	    height: 30px;
	    padding-left: 17px;
	    overflow: hidden;
	    line-height: 30px;
	    background: url(../img/arrow_13.png) no-repeat #f4f4f4;
	}
	/*导航按钮*/
	.nav{
		width: 1100px;
		height: 40px;
	}
	.nav li{
		width: auto;
		height: 37px;
		float: left;
		font-size: 18px;
		font-family:"微软雅黑","Arial Narrow";
		line-height: 40px;
    	margin: 0px 20px 0px 20px;
	}
	.nav .select{
		border-bottom:3px solid #1688f1;
	}
	.nav li a:hover{
		color:#1688f1;
		height: 37px;
		line-height: 40px;
		padding:5px ;
		border-bottom:3px solid #1688f1;
	}
	#banner-lunbo {
        margin: 20px 0px 0px 0px;
        max-width: 782px !important;
        height: 410px !important;
   	}
	/* 自定义样式 */
	.layui-carousel {
	    margin: 0 auto;
	    background-color: #ffffff;
    	border: 4px solid #f2f2f2;
	}
	/* 调整箭头样式 */
	.layui-carousel-arrow {
	    font-size: 30px;
	    color: #fff !important;
	}
	/* 调整指示器颜色 */
	.layui-carousel-ind li {
	    background-color: #ccc !important;
	}

	.layui-carousel-ind li.layui-this {
	    background-color: #FF5722 !important;
	}
    /* 图片自适应处理 */
    .layui-carousel img {
        width: 100%;
        height: 340px !important;
        object-fit: cover;
    }
    .caption {
	    padding: 13px 16px 12px;
	    position: absolute;
	    left: 0px;
	    right: 0px;
	    bottom: 0px;
	    background: url(../img/bg_caption.png);
	    text-align: left;
	}
	.caption p{
		color: #fff;
	}
	.mqList{

	}
	.mqList .item {
	    border: 1px solid #ededf2;
	    padding-bottom: 10px;
	    margin-bottom: 10px;
	}
	.mqList .link-com {
	    display: block;
	}
	.mqList .imgBox {
	    height: 68px;
	    position: relative;
	}
	.mqList .img {
	    height: 100%;
	    -webkit-object-fit: cover;
	    object-fit: cover;
	    width: 100%;
	}
	.mqList .tit {
	    color: #333;
	    font-size: 16px;
	    line-height: 18px;
	    max-height: 36px;
	    margin-top: 10px;
	    overflow: hidden;
	    padding: 0 14px;
	}
	.mqList .link-job {
	    color: #109aea;
	    font-size: 14px;
	    display: block;
	    margin-top: 5px;
	    overflow: hidden;
	    padding: 0 14px;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.middle-job-hunt{
		width: 100%;
		height: auto;
		padding: 10px 0px 10px;
		display: flex;
	}
	.fl-btn{
	    border: 1px solid #e9ebef;
	    color: #109aea;
	    display: inline-block;
	    font-size: 16px;
	    font-weight: bold;
	    height: 26px;
	    line-height: 28px;
	    text-align: center;
	    width: 110px;
	    margin-right: 15px;
	}
	.fjl{
	    display: inline-block;
	    zoom: 1;
	    background: url(../img/fl_index_icons2.png) 0 0 no-repeat;
	    vertical-align: -3px;
	    height: 17px;
	    margin-right: 5px;
	    width: 17px;
	}
	.mark_list{
		width: auto;
		height: auto;
	}
	.workerBox{
		border-left: 1px solid #e9ebf0;
		border-top: 1px solid #e9ebf0;
		color: #999;
		font-size: 14px;
    	margin-top: 15px;
    	/*display: flex;*/
	}
	.workerBox .item {
	    border-bottom: 1px solid #e9ebf0;
	    border-right: 1px solid #e9ebf0;
	    border-left: 1px solid #e9ebf0;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 25% !important;
	}
	.workerBox li{
		transition: all 0.3s ease; /* 过渡动画 */
		cursor: pointer;
	}
	.workerBox li:hover {/* 悬停时抬起 */
		transform: translateY(-2px); /* 垂直位移模拟抬起 */
		box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 添加阴影增强立体感 */
	}
	.workerBox .link2 {
	    background: #fff;
	    display: block;
	    padding: 20px;
	    position: relative;
	    transition: linear all .2s;
	    color: #999;
	}
	.workerBox .link2 .infoBox {
	    height: 54px;
	    line-height: 54px;
	    overflow: hidden;
	}
	.workerBox .link2 .img {
	    -webkit-border-radius: 50%;
	    border-radius: 50%;
	    height: 54px;
	    width: 54px;
	}
	.workerBox .link2 .name {
	    color: #333;
	    font-size: 18px;
	    margin-left: 15px;
	}
	.workerBox .link2 .infoBox .tab {
	    margin-left: 20px;
	    position: relative;
	}
	.workerBox .link2 .tab+.tab {
	    margin-left: 10px;
	    padding-left: 10px;
	    position: relative;
	}
	.workerBox .link2 .tabBox, .workerBox .link2 .job, .workerBox .link2 .price {
	    height: 16px;
	    line-height: 16px;
	    margin-top: 15px;
	    overflow: hidden;
	}
	.workerBox .link2 .tab+.tab:before {
	    background: #ccc;
	    content: '';
	    height: 10px;
	    left: 0;
	    margin-top: -5px;
	    position: absolute;
	    top: 50%;
	    width: 1px;
	}
	.workerBox .link2 .job i {
	    color: #f90;
	}
	.middle-post-hunt{
		width: 100%;
		height: auto;
		padding: 10px 0px 10px;
		display: flex;		
	}
	.postBox {
	    border-left: 1px solid #e9ebf0;
	    border-top: 1px solid #e9ebf0;
	    margin-top: 15px;
	}
	.postBox .item {
	    border-bottom: 1px solid #e9ebf0;
	    border-right: 1px solid #e9ebf0;
	    border-left: 1px solid 	#e9ebf0;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 33.33%;
	}
	.postBox li{
		transition: all 0.3s ease; /* 过渡动画 */
  		cursor: pointer;
	}
	.postBox li:hover{
	  transform: translateY(-2px); /* 垂直位移模拟抬起 */
	  box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 添加阴影增强立体感 */
	}
	.postBox .link {
	    background: #fff;
	    display: block;
	    padding: 20px 20px 0;
	    transition: linear all .2s;
	}
	.postBox .titBox {
	    color: #333;
	    font-size: 16px;
	}
	.postBox .titBox .date {
	    color: #999;
	    font-size: 14px;
	    margin-top: 2px;
	}
	.postBox .titBox .tit {
	    height: 20px;
	    line-height: 20px;
	    margin-right: 40px;
	    overflow: hidden;
	}
	.postBox .titBox .tab1 {
	    background: #ff4747;
	}
	.postBox .titBox .tab {
	    color: #fff;
	    display: inline-block;
	    font-size: 12px;
	    height: 18px;
	    line-height: 18px;
	    margin-right: 5px;
	    text-align: center;
	    vertical-align: 1px;
	    width: 18px;
	}
	.postBox .titBox p {
	    display: block;
	    margin-block-start: 1em;
	    margin-block-end: 1em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	}
	.postBox .infoBox {
	    color: #999;
	    font-size: 14px;
	    margin-top: 10px;
	}
	.postBox .infoBox .price {
	    color: #f33;
	    font-size: 16px;
	}
	.postBox .tabBox1 {
	    height: 18px;
	    line-height: 18px;
	    margin-right: 120px;
	    overflow: hidden;
	}
	.postBox .tabBox1 .tab {
	    display: inline-block;
	    position: relative;
	    vertical-align: middle;
	}
	.postBox .tabBox1 .tab+.tab {
	    margin-left: 10px;
	    padding-left: 11px;
	}
	.postBox .tabBox1 .tab+.tab:before {
	    background: #ccc;
	    content: '';
	    height: 10px;
	    left: 0;
	    margin-top: -5px;
	    position: absolute;
	    top: 50%;
	    width: 1px;
	}
	.postBox .tabBox2 {
	    height: 22px;
	    margin-top: 10px;
	    overflow: hidden;
	}
	.postBox .tabBox2 .tab.tab1 {
	    background: #fff1f1;
	}
	.postBox .titBox .tab2 {
	    background: #f90;
	}
	.postBox .tabBox2 .tab {
	    border: 1px solid #ffadad;
	    -webkit-border-radius: 2px;
	    border-radius: 2px;
	    color: #ff7d7d;
	    display: inline-block;
	    float: left;
	    font-size: 14px;
	    height: 20px;
	    line-height: 20px;
	    padding: 0 5px;
	}
	.postBox .tabBox2 .tab+.tab {
	    margin-left: 8px;
	}
	.postBox .clearfix:after {
		clear: both;
		content: '';
		display: block;
		height: 0;
	}
	.postBox .comInfo {
	    border-top: 1px dotted #f2f3f4;
	    color: #999;
	    font-size: 14px;
	    height: 50px;
	    line-height: 50px;
	    margin-top: 15px;
	}
	.postBox .comInfo .name {
	    float: left;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    max-width: 350px;
	}
	.postBox .comInfo .xicon-gs-status {
	    margin-top: 17px;
	}
	.xicon-gs-status {
	    display: inline-block;
	    height: 14px;
	    line-height: 14px;
	    font-size: 12px;
	    padding: 0 3px;
	    border-width: 1px;
	    border-style: solid;
	    border-radius: 2px;
	    margin: 4px 0 0 5px;
	}
	.xicon-gs-status.mq {
	    color: #ff3333;
	    border-color: #ff3333;
	}
	.xicon-gs-status.year {
	    color: #24b23c;
	    border-color: #24b23c;
	}
	.xicon-gs-status.yz {
	    color: #24BBB3;
	    border-color: #24BBB3;
	}
	.xicon-gs-status.rz {
	    color: #ff9900;
	    border-color: #ff9900;
	}
	.footer{
		width: 100%;
		height: 50px;
		background: #fbfbfb;
	    border-top: 1px solid #ddd;
	    margin: 10px 0 0 0;
	    clear: both;
	}
	.credentials{
		line-height:50px;
	}
	.companyinfo{
		color: #999;
		line-height:50px;
	}
	.companyinfo a{
		color: #999;
	}
	.companyinfo a:hover{color:#666666;}
	.companyinfo a:link {
	    color: #666666;
	    text-decoration:none ;
	}
	.mark_h1{
		width: 100%;
		height: 32px;
		line-height: 32px;
		font-size: 18px;
		font-weight: bold;
		border-bottom: 1px solid #e9ebef;
		margin-bottom: 10px;
	}
	.mark_h1 span{
		color:#000 ;
		padding-bottom: 4px;
		border-bottom: 2px solid #1688f1;
	}
	.mark_h1 .showMore{
		font-size: 14px;
		color:#999;
		font-weight: normal;
	}
	.mark_h1 .title-span{
		font-size: 18px;
		margin-right: 20px;
		border-bottom: 2px solid #1688f1;
	}
	.mark_h1 p{
		font-size: 12px;
		margin-right: 20px;
	}
	/*--------------[工人简历详情]--------------*/
	.workerinfo-box{
		width: 100%;
		max-width:1024px;
		height: auto;
		margin: 0 auto;
		padding: 0px;
	}
	.head-box{

	}
	.mobiles{
		font-size: 16px;
		color: #f90;
		line-height: 32px;
	}
	.jl-top-box {
	    background: #fafafa url(../img/jl-top-box.jpg) no-repeat;
	    background-size: 100% 170px;
	    margin-bottom: 0px;
	    position: relative;
	}
	.jl-bar {
	    font-size: 14px;
	    color: #fff;
	    padding: 10px 0 0 20px;
	    margin-bottom: 30px;
	}
	.jl-info {
	    padding: 55px 0 30px;
	    position: relative;
	    text-align: center;
	    border-bottom: 1px solid #e2e2e2;
	}
	.jl-info .j-pos{font-size:16px;color:#666;padding:0 20px;line-height:30px;}
	.jl-info .j-pos span{position:relative;}
	.jl-info .j-pos span:last-child{margin-right:0}
	.jl-info .j-pos i{color:#ccc;font-style:normal;font-weight:normal;font-size:12px;margin:0 20px;vertical-align:2px;}
	.j-tx {
	    width: 145px;
	    height: 145px;
	    border: 3px solid #fff;
	    border-radius: 50%;
	    margin-right: 15px;
	    box-shadow: 0 3px 10px 3px rgb(0 0 0 / 14%);
	}
	.j-name {
	    margin: 15px 0 10px;
	}
	.jl-bar ul li i {
	    width: 16px;
	    height: 14px;
	    display: inline-block;
	    background: url(../img/jl-caozuo.png) 0 -14px no-repeat;
	    vertical-align: -2px;
	    margin-right: 3px;
	}
	.jl-bar img{vertical-align:-2px;}
	.jl-bar ul{font-size:14px;color:#fff;height:20px;}
	.jl-bar ul li{cursor:pointer;padding-right:20px;line-height:15px;height:20px;}
	.j-work{padding:0px 0 0 0;display: flow-root;}
	.j-work .j-tit-module i{background-position:-28px 0;}
	.j-work p{float: left;width: 100%;}
	.j-qz .j-pos{font-size:16px}
	.j-tit-module{color:#333;font-size:20px;font-weight:bold;margin-bottom:5px;height:28px;line-height:28px;}
	.j-tit-module i{background:#f90;width:4px;height:22px;margin:3px 10px 0 0;}
	.j-tit-module .pt-r{float:right;color:#f90;font-size:14px;font-weight:normal;}
	.j-tit-module .cen-line{width:580px;height:1px;margin:14px 10px 0 0;border-top:1px solid #e2e2e2;display:inline-block;}
	.j-work-module{font-size:14px;color:#666;}
	.j-work-module .j-time{margin-bottom:10px;width:100%;text-align:left;}
	.j-work-module .j-tit{color:#333;margin-bottom:10px;}
	/*.j-work-module .j-pos span:last-child{width:890px;display:inline-block;}*/
	.j-pos{color:#333;font-size:14px;padding-bottom:25px;}
	.j-pos .s1{color:#999;}
	.j-pos .time{font-size:14px;color:#333;font-style:normal;margin-left:20px;}
	.j-pos .times{font-size:14px;color:#999;font-style:normal;}
	.post-j{
		width: 30%;
		height: auto;
		float: left;
	}
	.step-circle:before {
	    content: '';
	    display: block;
	    width: 7px;
	    height: 7px;
	    border: 1px solid #ff9b06;
	    border-radius: 50%;
	    position: absolute;
	    left: -5px;
	    top: 7px;
	    background: #fff;
	}
	.step-circle{position:relative;padding:0 0 10px 14px;margin-left:6px;}
	.step-circle:before{content:'';display:block;width:7px;height:7px;border:1px solid #ff9b06;border-radius:50%;position:absolute;left:-5px;top:7px;background:#fff;display: none;}
	.step-circle:after{content:'';width:1px;height:100%;border-left:1px dashed #ffe0b2;position:absolute;left:-1px;top:16px;}
	.step-circle:last-child{padding-bottom:0}
	.step-circle:last-child:after{content:'';border:none;}
	.food-box{
		width: 100%;
		height: 50px;
		margin: 0 auto;
	}
	/**************[岗位详情]*********************/
    .infoBox{
        background-color: #FFFFFF;
        height: 20px;
        padding: 10px 25px;
    }
    .head-top{display: flex;padding: 10px 0; }
    .head-title{font-size: 24px;font-weight: bold;}
    .salary-price{margin-left: 35px;color: red;font-size:18px ;line-height: 45px;}
    .head-small{display: flex;padding: 10px 0;font-size: 14px;}
    .icon{margin-right: 15px;}
    .mobile-btn{display: flex;}
    .infoHeader{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .Btn{
        width: 220px;
        height: 32px;
        margin-right: 15px;
        border-radius: 5px;
        line-height: 32px;
        text-align: center;
        font-size: 13px;
        margin-top: -35px;
        background: #00bebd;
        color: #FFFFFF;
    }
    .iconImg{
        width: 14px;
        height: 14px;
        line-height: 15px;
    }
    .infoBody{
        padding: 20px 0;
    }
    .itemTag{
        width: 115px;
        height: 28px;
        background: #eeeeee;
        text-align: center;
        line-height: 28px;
        font-size: 13px;
        color: #919191;
        margin-right: 15px;
        border-radius: 5px;
        margin:  15px 15px 0 0;
    }
    .infoFooter{
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
    }
    .user{
        padding: 15px 0;
        display: flex;
        align-items: center;
    }
    .hscss{
        display: none;
    }
    .notcss{

    }
    .left{
        float: left;
    }
    .right{
        float: right;
    }
    .avatar{
        width: 100px;
        height: 100px;
    }
    .areacss{
          width: 150px; /* 假设每个字符大约占据5px的宽度，32*5=160px，但留出一些空间给padding等 */
          white-space: nowrap; /* 防止文本换行 */
          overflow: hidden; /* 隐藏溢出的文本 */
          text-overflow: ellipsis; /* 超出部分显示省略号 */
    }
    .workcss{
          width: 260px; /* 假设每个字符大约占据5px的宽度，32*5=160px，但留出一些空间给padding等 */
          white-space: nowrap; /* 防止文本换行 */
          overflow: hidden; /* 隐藏溢出的文本 */
          text-overflow: ellipsis; /* 超出部分显示省略号 */        
    }
    .skill{
        width: 100%;
        margin: 0 auto;
    }
    .skill-title{
        width: 120px;
        font-size: 16px;
        text-align: left;
    }
    .skill-img{
        width: 50px;
        height: 25px;
    }
    .depict{display: flex;justify-content: space-between;align-items: center; }
    .content{margin: 15px 0;font-size: 15px;line-height: 30px;}
    .depict-share{display: flex;justify-content: space-around;font-size: 13px;color: #AFAFAF;}
    .avatar-imgs{width: 55px;height: 55px;border-radius: 75px;background: red;}	
}
/*---------------------------------------------------------------------------------------------
**********************************************************************************************
**********************************************************************************************
 ---------------------------------------------------------------------------------------------*/
/*大型桌面显示器*/
@media (min-width: 1200px) {
	.headtop{
		width: 100%;
		height: 32px;
		background: url(../img/i_bg.gif) repeat-x 0 0;
		color: #666;
	    line-height: 32px;
	    font-size: 12px;
	    position: relative;
	    z-index:1;
	}
	.w{
		width: 1200px;
	}
	.c {
		clear: both;
	}
	.logo{
		line-height: 72px;
	    padding: 0px 0px 0px 15px;		
	}
	.top_left{
		width: 49%;
		height: 32px;
	}
	.top_right{
		width: 49%;
		height: 32px;
	}
	.czexplain{
		height: 72px!important;
	    overflow: hidden;
	    font-family: "Microsoft Yahei"!important;
	    background: url(../img/topback.jpg) repeat-x 0 0;
	}
	#search{
		margin: 50px 0 0px;
		width: 460px;
	}
	.sea-box {
		border-width: 2px;
		border: 1px solid #1e9fff;
	    width: 445px;
	    height: 40px;
	    line-height: 40px;
	}
	.linkBox {
	    color: #999;
	    font-size: 12px;
	    line-height: 24px;
	}

	.middle-content{
		width: 100%;
		height: 470px;
		padding: 10px 0px 10px;
    	display: flex;
	}
	.table{
		margin: 0 auto;
	}
	.table-mb{
		width: 790px;
		height: 470px;
		border-right: 1px solid #f0f0f0;
    	padding-right: 10px;
	}
	.table-mc{
		width: 380px;
		height: 470px;
		margin-left: 10px;
	}
	/*导航按钮样式*/
	.headnav{
		width: 100%;
		height: 40px;
		background: url(../img/bg_secondary_menu.gif) repeat-x 0 0;
	}
	.headnav:before {
	    display: table;
	    content: "";
	    line-height: 0;
	}
	.block_clock {
		width: 82px;
	    padding-left: 16px;
	    padding-top: 13px;
	    float: right;
	    background: url(../img/icon_clock.png) no-repeat 0px 13px;
	}
	.block_clock p {
	    padding-bottom: 0px;
	    font-size: 11px;
	    color: #767676;
	    font-weight: bold;
	    line-height: 13px;
	}
	.block_clock p span {
	    color: #000000;
	}
	.block_special_topic{
		height: 30px;
	}
	.block_special_topic .type {
	    height: 30px;
	    padding: 0px 7px 0px 8px;
	    float: left;
	    line-height: 30px;
	    position: relative;
	    background-color: #1688f1;
	    -moz-border-radius: 2px 0px 0px 2px;
	    -webkit-border-radius: 2px 0px 0px 2px;
	    border-radius: 2px 0px 0px 2px;
	}
	.block_special_topic .type p{
		color: #fff;
	}
	.block_special_topic .title {
	    height: 30px;
	    padding-left: 17px;
	    overflow: hidden;
	    line-height: 30px;
	    background: url(../img/arrow_13.png) no-repeat #f4f4f4;
	}
	/*导航按钮*/
	.nav{
		width: 1100px;
		height: 40px;
	}
	.nav li{
		width: auto;
		height: 37px;
		float: left;
		font-size: 18px;
		font-family:"微软雅黑","Arial Narrow";
		line-height: 40px;
    	margin: 0px 20px 0px 20px;
	}
	.nav .select{
		border-bottom:3px solid #1688f1;
	}
	.nav li a:hover{
		color:#1688f1;
		height: 37px;
		line-height: 40px;
		padding:5px ;
		border-bottom:3px solid #1688f1;
	}
	#banner-lunbo {
        margin: 20px 0px 0px 0px;
        max-width: 782px !important;
        height: 410px !important;
   	}
	/* 自定义样式 */
	.layui-carousel {
	    margin: 0 auto;
	    background-color: #ffffff;
    	border: 4px solid #f2f2f2;
	}
	/* 调整箭头样式 */
	.layui-carousel-arrow {
	    font-size: 30px;
	    color: #fff !important;
	}
	/* 调整指示器颜色 */
	.layui-carousel-ind li {
	    background-color: #ccc !important;
	}

	.layui-carousel-ind li.layui-this {
	    background-color: #FF5722 !important;
	}
    /* 图片自适应处理 */
    .layui-carousel img {
        width: 100%;
        /*height: 340px !important;*/
        height: auto !important;
        object-fit: cover;
    }
    .caption {
	    padding: 13px 16px 12px;
	    position: absolute;
	    left: 0px;
	    right: 0px;
	    bottom: 0px;
	    background: url(../img/bg_caption.png);
	    text-align: left;
	}
	.caption p{
		color: #fff;
	}
	.mqList{

	}
	.mqList .item {
	    border: 1px solid #ededf2;
	    padding-bottom: 10px;
	    margin-bottom: 10px;
	}
	.mqList .link-com {
	    display: block;
	}
	.mqList .imgBox {
	    height: 68px;
	    position: relative;
	}
	.mqList .img {
	    height: 100%;
	    -webkit-object-fit: cover;
	    object-fit: cover;
	    width: 100%;
	}
	.mqList .tit {
	    color: #333;
	    font-size: 16px;
	    line-height: 18px;
	    max-height: 36px;
	    margin-top: 10px;
	    overflow: hidden;
	    padding: 0 14px;
	}
	.mqList .link-job {
	    color: #109aea;
	    font-size: 14px;
	    display: block;
	    margin-top: 5px;
	    overflow: hidden;
	    padding: 0 14px;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.middle-job-hunt{
		width: 100%;
		height: auto;
		padding: 10px 0px 10px;
		display: flex;
	}
	.fl-btn{
	    border: 1px solid #e9ebef;
	    color: #109aea;
	    display: inline-block;
	    font-size: 16px;
	    font-weight: bold;
	    height: 26px;
	    line-height: 28px;
	    text-align: center;
	    width: 110px;
	    margin-right: 15px;
	}
	.fjl{
	    display: inline-block;
	    zoom: 1;
	    background: url(../img/fl_index_icons2.png) 0 0 no-repeat;
	    vertical-align: -3px;
	    height: 17px;
	    margin-right: 5px;
	    width: 17px;
	}
	.mark_list{
		width: auto;
		height: auto;
	}
	.workerBox{
		border-left: 1px solid #e9ebf0;
		border-top: 1px solid #e9ebf0;
		color: #999;
		font-size: 14px;
    	margin-top: 15px;
    	/*display: flex;*/
	}
	.workerBox .item {
	    border-bottom: 1px solid #e9ebf0;
	    border-right: 1px solid #e9ebf0;
	    border-left: 1px solid #e9ebf0;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 25% !important;
	}
	.workerBox li{
		transition: all 0.3s ease; /* 过渡动画 */
		cursor: pointer;
	}
	.workerBox li:hover {/* 悬停时抬起 */
		transform: translateY(-2px); /* 垂直位移模拟抬起 */
		box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 添加阴影增强立体感 */
	}
	.workerBox .link2 {
	    background: #fff;
	    display: block;
	    padding: 20px;
	    position: relative;
	    transition: linear all .2s;
	    color: #999;
	}
	.workerBox .link2 .infoBox {
	    height: 54px;
	    line-height: 54px;
	    overflow: hidden;
	}
	.workerBox .link2 .img {
	    -webkit-border-radius: 50%;
	    border-radius: 50%;
	    height: 54px;
	    width: 54px;
	}
	.workerBox .link2 .name {
	    color: #333;
	    font-size: 18px;
	    margin-left: 15px;
	}
	.workerBox .link2 .infoBox .tab {
	    margin-left: 20px;
	    position: relative;
	}
	.workerBox .link2 .tab+.tab {
	    margin-left: 10px;
	    padding-left: 10px;
	    position: relative;
	}
	.workerBox .link2 .tabBox{
	    height: 16px;
	    line-height: 16px;
	    margin-top: 5px;
	    overflow: hidden;
	}
	.workerBox .link2 .job{
	    height: 16px;
	    line-height: 16px;
	    margin-top: 5px;
	    overflow: hidden;
	}
	.workerBox .link2 .price {
	    height: 16px;
	    line-height: 16px;
	    margin-top:5px;
	    overflow: hidden;
	}
	.wkstatus{
		float: right;
		padding: 0px 10px 0px 0px;
	}
	.workerBox .link2 .tab+.tab:before {
	    background: #ccc;
	    content: '';
	    height: 10px;
	    left: 0;
	    margin-top: -5px;
	    position: absolute;
	    top: 50%;
	    width: 1px;
	}
	.workerBox .link2 .job i {
	    color: #f90;
	}
	.middle-post-hunt{
		width: 100%;
		height: auto;
		padding: 10px 0px 10px;
		display: flex;		
	}
	.postBox {
	    border-left: 1px solid #e9ebf0;
	    border-top: 1px solid #e9ebf0;
	    margin-top: 15px;
	}
	.postBox .item {
	    border-bottom: 1px solid #e9ebf0;
	    border-right: 1px solid #e9ebf0;
	    border-left: 1px solid 	#e9ebf0;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 33.33%;
	}
	.postBox li{
		transition: all 0.3s ease; /* 过渡动画 */
  		cursor: pointer;
	}
	.postBox li:hover{
	  transform: translateY(-2px); /* 垂直位移模拟抬起 */
	  box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 添加阴影增强立体感 */
	}
	.postBox .link {
	    background: #fff;
	    display: block;
	    padding: 20px 20px 0;
	    transition: linear all .2s;
	}
	.postBox .titBox {
	    color: #333;
	    font-size: 16px;
	}
	.postBox .titBox .date {
	    color: #999;
	    font-size: 14px;
	    margin-top: 2px;
	}
	.postBox .titBox .tit {
	    height: 20px;
	    line-height: 20px;
	    margin-right: 40px;
	    overflow: hidden;
	}
	.postBox .titBox .tab1 {
	    background: #ff4747;
	}
	.postBox .titBox .tab {
	    color: #fff;
	    display: inline-block;
	    font-size: 12px;
	    height: 18px;
	    line-height: 18px;
	    margin-right: 5px;
	    text-align: center;
	    vertical-align: 1px;
	    width: 18px;
	}
	.postBox .titBox p {
	    display: block;
	    margin-block-start: 1em;
	    margin-block-end: 1em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	}
	.postBox .infoBox {
	    color: #999;
	    font-size: 14px;
	    margin-top: 10px;
	}
	.postBox .infoBox .price {
	    color: #f33;
	    font-size: 16px;
	}
	.postBox .tabBox1 {
	    height: 18px;
	    line-height: 18px;
	    margin-right: 120px;
	    overflow: hidden;
	}
	.postBox .tabBox1 .tab {
	    display: inline-block;
	    position: relative;
	    vertical-align: middle;
	}
	.postBox .tabBox1 .tab+.tab {
	    margin-left: 10px;
	    padding-left: 11px;
	}
	.postBox .tabBox1 .tab+.tab:before {
	    background: #ccc;
	    content: '';
	    height: 10px;
	    left: 0;
	    margin-top: -5px;
	    position: absolute;
	    top: 50%;
	    width: 1px;
	}
	.postBox .tabBox2 {
	    height: 22px;
	    margin-top: 10px;
	    overflow: hidden;
	}
	.postBox .tabBox2 .tab.tab1 {
	    background: #fff1f1;
	}
	.postBox .titBox .tab2 {
	    background: #f90;
	}
	.postBox .tabBox2 .tab {
	    border: 1px solid #ffadad;
	    -webkit-border-radius: 2px;
	    border-radius: 2px;
	    color: #ff7d7d;
	    display: inline-block;
	    float: left;
	    font-size: 14px;
	    height: 20px;
	    line-height: 20px;
	    padding: 0 5px;
	}
	.postBox .tabBox2 .tab+.tab {
	    margin-left: 8px;
	}
	.postBox .clearfix:after {
		clear: both;
		content: '';
		display: block;
		height: 0;
	}
	.postBox .comInfo {
	    border-top: 1px dotted #f2f3f4;
	    color: #999;
	    font-size: 14px;
	    height: 50px;
	    line-height: 50px;
	    margin-top: 15px;
	}
	.postBox .comInfo .name {
	    float: left;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    max-width: 350px;
	}
	.postBox .comInfo .xicon-gs-status {
	    margin-top: 17px;
	}
	.xicon-gs-status {
	    display: inline-block;
	    height: 14px;
	    line-height: 14px;
	    font-size: 12px;
	    padding: 0 3px;
	    border-width: 1px;
	    border-style: solid;
	    border-radius: 2px;
	    margin: 4px 0 0 5px;
	}
	.xicon-gs-status.mq {
	    color: #ff3333;
	    border-color: #ff3333;
	}
	.xicon-gs-status.year {
	    color: #24b23c;
	    border-color: #24b23c;
	}
	.xicon-gs-status.yz {
	    color: #24BBB3;
	    border-color: #24BBB3;
	}
	.xicon-gs-status.rz {
	    color: #ff9900;
	    border-color: #ff9900;
	}
	.footer{
		width: 100%;
		height: 50px;
		background: #fbfbfb;
	    border-top: 1px solid #ddd;
	    margin: 10px 0 0 0;
	    clear: both;
	}
	.credentials{
		line-height:50px;
	}
	.companyinfo{
		color: #999;
		line-height:50px;
	}
	.companyinfo a{
		color: #999;
	}
	.companyinfo a:hover{color:#666666;}
	.companyinfo a:link {
	    color: #666666;
	    text-decoration:none ;
	}
	.mark_h1{
		width: 100%;
		height: 32px;
		line-height: 32px;
		font-size: 18px;
		font-weight: bold;
		border-bottom: 1px solid #e9ebef;
		margin-bottom: 10px;
	}
	.mark_h1 span{
		color:#000 ;
		padding-bottom: 4px;
		border-bottom: 2px solid #1688f1;
	}
	.mark_h1 .showMore{
		font-size: 14px;
		color:#999;
		font-weight: normal;
	}
	.mark_h1 .title-span{
		font-size: 18px;
		margin-right: 20px;
		border-bottom: 2px solid #1688f1;
	}
	.mark_h1 p{
		font-size: 12px;
		margin-right: 20px;
	}
	/*--------------[工人简历详情]--------------*/
	.workerinfo-box{
		width: 100%;
		max-width:1024px;
		height: auto;
		margin: 0 auto;
		padding: 0px;
	}
	.head-box{

	}
	.mobiles{
		font-size: 16px;
		color: #f90;
		line-height: 32px;
	}
	.jl-top-box {
	    background: #fafafa url(../img/jl-top-box.jpg) no-repeat;
	    background-size: 100% 170px;
	    margin-bottom: 0px;
	    position: relative;
	}
	.jl-bar {
	    font-size: 14px;
	    color: #fff;
	    padding: 10px 0 0 20px;
	    margin-bottom: 30px;
	}
	.jl-info {
	    padding: 55px 0 30px;
	    position: relative;
	    text-align: center;
	    border-bottom: 1px solid #e2e2e2;
	}
	.jl-info .j-pos{font-size:16px;color:#666;padding:0 20px;line-height:30px;}
	.jl-info .j-pos span{position:relative;}
	.jl-info .j-pos span:last-child{margin-right:0}
	.jl-info .j-pos i{color:#ccc;font-style:normal;font-weight:normal;font-size:12px;margin:0 20px;vertical-align:2px;}
	.j-tx {
	    width: 145px;
	    height: 145px;
	    border: 3px solid #fff;
	    border-radius: 50%;
	    margin-right: 15px;
	    box-shadow: 0 3px 10px 3px rgb(0 0 0 / 14%);
	}
	.j-name {
	    margin: 15px 0 10px;
	}
	.jl-bar ul li i {
	    width: 16px;
	    height: 14px;
	    display: inline-block;
	    background: url(../img/jl-caozuo.png) 0 -14px no-repeat;
	    vertical-align: -2px;
	    margin-right: 3px;
	}
	.jl-bar img{vertical-align:-2px;}
	.jl-bar ul{font-size:14px;color:#fff;height:20px;}
	.jl-bar ul li{cursor:pointer;padding-right:20px;line-height:15px;height:20px;}
	.j-work{padding:0px 0 0 0;display: flow-root;}
	.j-work .j-tit-module i{background-position:-28px 0;}
	.j-work p{float: left;width: 100%;}
	.j-qz .j-pos{font-size:16px}
	.j-tit-module{color:#333;font-size:20px;font-weight:bold;margin-bottom:5px;height:28px;line-height:28px;}
	.j-tit-module i{background:#f90;width:4px;height:22px;margin:3px 10px 0 0;}
	.j-tit-module .pt-r{float:right;color:#f90;font-size:14px;font-weight:normal;}
	.j-tit-module .cen-line{width:580px;height:1px;margin:14px 10px 0 0;border-top:1px solid #e2e2e2;display:inline-block;}
	.j-work-module{font-size:14px;color:#666;}
	.j-work-module .j-time{margin-bottom:10px;width:100%;text-align:left;}
	.j-work-module .j-tit{color:#333;margin-bottom:10px;}
	/*.j-work-module .j-pos span:last-child{width:890px;display:inline-block;}*/
	.j-pos{color:#333;font-size:14px;padding-bottom:25px;}
	.j-pos .s1{color:#999;}
	.j-pos .time{font-size:14px;color:#333;font-style:normal;margin-left:20px;}
	.j-pos .times{font-size:14px;color:#999;font-style:normal;}
	.post-j{
		width: 30%;
		height: auto;
		float: left;
	}
	.step-circle:before {
	    content: '';
	    display: block;
	    width: 7px;
	    height: 7px;
	    border: 1px solid #ff9b06;
	    border-radius: 50%;
	    position: absolute;
	    left: -5px;
	    top: 7px;
	    background: #fff;
	}
	.step-circle{position:relative;padding:0 0 10px 14px;margin-left:6px;}
	.step-circle:before{content:'';display:block;width:7px;height:7px;border:1px solid #ff9b06;border-radius:50%;position:absolute;left:-5px;top:7px;background:#fff;display: none;}
	.step-circle:after{content:'';width:1px;height:100%;border-left:1px dashed #ffe0b2;position:absolute;left:-1px;top:16px;}
	.step-circle:last-child{padding-bottom:0}
	.step-circle:last-child:after{content:'';border:none;}
	.food-box{
		width: 100%;
		height: 50px;
		margin: 0 auto;
	}
	/**************[岗位详情]*********************/
    .infoBox{
        background-color: #FFFFFF;
        height: 20px;
        padding: 10px 25px;
    }
    .head-top{display: flex;padding: 10px 0; }
    .head-title{font-size: 24px;font-weight: bold;}
    .salary-price{margin-left: 35px;color: red;font-size:18px ;line-height: 45px;}
    .head-small{display: flex;padding: 10px 0;font-size: 14px;}
    .icon{margin-right: 15px;}
    .mobile-btn{display: flex;}
    .infoHeader{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .Btn{
        width: 220px;
        height: 32px;
        margin-right: 15px;
        border-radius: 5px;
        line-height: 32px;
        text-align: center;
        font-size: 13px;
        margin-top: -35px;
        background: #00bebd;
        color: #FFFFFF;
    }
    .iconImg{
        width: 14px;
        height: 14px;
        line-height: 15px;
    }
    .infoBody{
        padding: 20px 0;
    }
    .itemTag{
        width: 115px;
        height: 28px;
        background: #eeeeee;
        text-align: center;
        line-height: 28px;
        font-size: 13px;
        color: #919191;
        margin-right: 15px;
        border-radius: 5px;
        margin:  15px 15px 0 0;
    }
    .infoFooter{
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
    }
    .user{
        padding: 15px 0;
        display: flex;
        align-items: center;
    }
    .hscss{
        display: none;
    }
    .notcss{

    }
    .left{
        float: left;
    }
    .right{
        float: right;
    }
    .avatar{
        width: 100px;
        height: 100px;
    }
    .areacss{
          width: 150px; /* 假设每个字符大约占据5px的宽度，32*5=160px，但留出一些空间给padding等 */
          white-space: nowrap; /* 防止文本换行 */
          overflow: hidden; /* 隐藏溢出的文本 */
          text-overflow: ellipsis; /* 超出部分显示省略号 */
    }
    .workcss{
          width: 260px; /* 假设每个字符大约占据5px的宽度，32*5=160px，但留出一些空间给padding等 */
          white-space: nowrap; /* 防止文本换行 */
          overflow: hidden; /* 隐藏溢出的文本 */
          text-overflow: ellipsis; /* 超出部分显示省略号 */        
    }
    .skill{
        width: 100%;
        margin: 0 auto;
    }
    .skill-title{
        width: 120px;
        font-size: 16px;
        text-align: left;
    }
    .skill-img{
        width: 50px;
        height: 25px;
    }
    .depict{display: flex;justify-content: space-between;align-items: center; }
    .content{margin: 15px 0;font-size: 15px;line-height: 30px;}
    .depict-share{display: flex;justify-content: space-around;font-size: 13px;color: #AFAFAF;}
    .avatar-imgs{width: 55px;height: 55px;border-radius: 75px;background: red;}
}