/*content*/
.content{
	zoom: 1;
	overflow: hidden;

}

/*首面修改-企业动态*/

/* ui-banner */
.ui-banner{display:block;position:relative;width:100%;}
.ui-banner,.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{height:440px;}
.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{position:absolute;top:0;}
.ui-banner ul{list-style-type:none;margin:0;padding:0;overflow:hidden;}
.ui-banner .ui-banner-slides{width:1150px;height:433px;right:0px; margin: 0 auto;top:10px;}
.ui-banner .ui-banner-slides li{display:none;position:absolute;top: 5px;+top:10px;}
.ui-banner .ui-banner-slides li img{width:445px;height:288px;border:none;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current,.ui-banner .ui-banner-slides li.ui-banner-slides-prev,.ui-banner .ui-banner-slides li.ui-banner-slides-next{display:block;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current{left:0;}
.ui-banner .ui-banner-slides li.ui-banner-slides-prev{left:-1150px;}
.ui-banner .ui-banner-slides li.ui-banner-slides-next{left:1150px;}
.ui-banner .ui-banner-slogans{height:465px;overflow:hidden;width:392px;left:0;padding: 0px 15px;}



.ui-line{
	zoom: 1;
	overflow: hidden;
	position: relative;
    border-radius: 12px;
    cursor: pointer;
    background: #fff;
    z-index: 2;
	margin-bottom: 15px;
	height:215px;
}
.ui-line-hover{
	box-shadow: 0 20px 16px 0 hsla(0,0%,70.2%,.2);
}

.uibannerslog ul li{
	border: 1px solid red;
}

.ui-banner .ui-banner-arrow{display:block;width:23px;outline:none;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-prev{
	height: 23px;
	right: -43px;
	top: 17px;
	width: 23px;
}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next{
	height: 23px;
	right: -43px;
	top: 49px;
	width: 23px;
}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next img{left:-15px;}
.ui-banner .ui-banner-overlay{bottom:0;height:10px;position:absolute;right:0;width:173px;}
/*新增LEFT*/
.job-info{
	display: block;
    padding: 5px 24px;
	color:#666;
}
.job-title{
	display: flex;
    align-items: center;
    justify-content: space-between;
    height: 24px;
	position:relative;
}
.job-titles{
	display: flex;
    align-items: center;
    justify-content: space-between;
    height: 24px;
	position:relative;
	width: 340px;
	justify-content: flex-start;
}
.job-name{
	flex: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #222;
    padding-right: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear;
	max-width:355px;
}
.font-size13{
	font-size:13px;
}
.job-salary{
	font-size: 20px;
    font-family: kanzhun-mix,kanzhun-Regular;
    font-weight: 500;
    color: #fe574a;
    line-height: 24px;
    height: 24px;
    flex-shrink: 0;
}
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
}
.tag-list{
	    height: 22px;
    overflow: hidden;
    margin-left: -4px;
    margin-right: -4px;
    margin-top: 10px;
}
.tag-list .li{
	float: left;
    margin-left: 4px;
    margin-right: 4px;
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 12px;
    color: #666;
    line-height: 18px;
    padding: 2px 8px;
    transition: all .2s linear;
}
.job-card-footer{
	    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 24px;
    background: linear-gradient(90deg,#f5fcfc,#fcfbfa);
    border-radius: 0 0 12px 12px;
}
.boss-info{
	    display: inline-flex;
    align-items: center;
    overflow: hidden;
    margin-right: 4px;
    transition: all .2s linear;
}
.boss-logo{
	position: relative;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.boss-logo img{
	display: block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
}
.boss-name{
	font-size: 14px;
    color: #666;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.company-location{
	    font-size: 12px;
    color: #666;
    line-height: 18px;
    max-width: 106px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
}
/*新增RIGHT*/
.job-detail-box{
    background: #fff;
    border-radius: 16px;
	width:1150px;
	height:433px;
	position: relative;
}
.job-detail-box .job-detail-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px 24px;
    border-radius: 16px 16px 0 0;
    background: linear-gradient(175.2617deg,#f1ffff 4%,#f8fefe 35%,#fff 62%);
    transition: box-shadow .2s linear;
}
.job-detail-box .job-header-info {
    flex: 1;
}
.job-detail-box .job-detail-info {
    display: flex;
    align-items: center;
    margin-right: 8px;
}
.job-detail-box .tag-list {
    overflow: hidden;
    height: 20px;
    margin-top: 16px;
    display: flex;
}
.job-detail-box .tag-list .li {
    position: relative;
    color: #222;
    line-height: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.job-detail-box .tag-list .li:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url(https://img.bosszhipin.com/static/file/2023/gajcfc5soe1683184253263.png) 0 0/16px auto no-repeat;
}
.job-detail-box .tag-list .li a {
    color: #222;
}
.job-detail-box .tag-list .li:nth-child(2):before {
    background-position: 0 -16px;
}
.job-detail-box .tag-list .li+.li {
    margin-left: 20px;
}
.job-detail-box .job-detail-op {
    flex-shrink: 0;
}
.job-detail-box .op-btn.op-btn-like {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 0;
}
.op-btn {
    width: 104px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    line-height: 20px;
    padding: 7px 20px;
    color: #00a6a7;
    border: 1px solid #00bebd;
    transition: all .2s linear;
	position:absolute;
	right:-1px;
	top:35px;
}
.op-btn2 {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    line-height: 20px;
    padding: 7px 20px;
    color: #00a6a7;
    border: 0px solid #00bebd;
    transition: all .2s linear;
	position:absolute;
	right:-18px;
	top:89px;
}
.op-btns {
    float: left;
    width: 55px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    line-height: 20px;
	margin-left:15px;
}
.job-detail-box .op-btn.op-btn-like:before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(https://img.bosszhipin.com/static/zhipin/geek/749598143937185599.png.webp) 0 0/18px auto no-repeat;
    margin-right: 4px;
}
.op-btn.op-btn-chat {
    border: none;
    background: #00bebd;
    color: #fff;
}
.op-btns.op-btn-chat {
    border: none;
    background: #00bebd;
    color: #fff;
}
.job-detail-box .op-btn+.op-btn {
    margin-left: 12px;
}
.job-detail-box .job-detail-body {
    padding: 0 24px 24px;
}
.job-detail-box .job-detail-body .job-detail-operate {
    float: right;
}
.job-detail-box .job-detail-body .link-report {
    float: right;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 20px;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    display: inline-flex;
    align-items: center;
}
.job-detail-box .job-detail-body .link-report:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url(https://img.bosszhipin.com/static/file/2022/a1rf1ikjew1661779185140.png) 0 -32px no-repeat;
    background-size: 16px auto;
}
.job-detail-box .job-detail-body .wechat-share {
    float: right;
    margin-right: 24px;
}
.wechat-share[data-v-5e5b3ee8] {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}
.wechat-share .link-wechat-share[data-v-5e5b3ee8] {
    position: relative;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #999;
    transition: all .2s linear;
}
.wechat-share .link-wechat-share[data-v-5e5b3ee8]:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url(https://img.bosszhipin.com/static/file/2022/a1rf1ikjew1661779185140.png) 0 0 no-repeat;
    background-size: 16px auto;
}
.job-detail-box .job-detail-body .title {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    line-height: 22px;
}
.job-detail-box .job-detail-body .job-label-list {
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: -4px;
    margin-left: -4px;
}
.job-detail-box .job-detail-body .job-label-list .li {
    background: #f8f8f8;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 13px;
    color: #666;
    line-height: 20px;
    float: left;
    margin: 4px;
}
.job-detail-box .job-detail-body .desc {
    margin-top: 24px;
    font-size: 14px;
    color: #222;
    line-height: 24px;
    text-align: justify;
    white-space: pre-wrap;
    word-break: break-all;
}
.job-detail-box .job-detail-body .job-boss-info {
    display: flex;
    align-items: center;
    border-top: 1px solid #ededed;
    padding-top: 10px;
    margin-top: 10px;
}
.job-detail-box .job-detail-body .job-boss-info .detail-figure {
    position: relative;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    border: 1px solid #f6fdfd;
    border-radius: 100%;
}
.job-detail-box .job-detail-body .job-boss-info .detail-figure img {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 100%;
}
.job-detail-box .job-detail-body .job-boss-info .detail-figure .avatar-sticker {
    position: absolute;
    top: -6px;
    left: -7px;
    width: 54px;
    height: 54px;
    display: none;
    margin-right: 0;
    border-radius: 0;
}
.job-detail-box .job-detail-body .job-boss-info .name {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    display: flex;
    align-items: center;
}
.job-detail-box .job-detail-body .job-boss-info .icons-vip {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    margin-top: 0;
    background: url(https://img.bosszhipin.com/static/file/2022/dcxvc4yjp41661777557709.png) 0 0/16px auto no-repeat;
}
.job-detail-box .job-detail-body .job-boss-info .boss-active-time {
    font-size: 12px;
    color: #999;
    line-height: 20px;
    margin-left: 8px;
    font-weight: 400;
}
.job-detail-box .job-detail-body .job-boss-info .boss-info-attr {
    font-size: 12px;
    color: #666;
    line-height: 17px;
    margin-top: 4px;
    display: flex;
    align-items: center;
}
.job-detail-box .job-detail-body .job-boss-info .job-search-scan {
    margin-left: auto;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    text-align: right;
    padding-right: 32px;
    cursor: pointer;
    overflow: hidden;
}
.job-detail-box .job-detail-body .job-boss-info .job-search-scans {
    margin-left: auto;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    text-align: right;
    padding-right: 32px;
    cursor: pointer;
    overflow: hidden;
    width: 104px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    line-height: 20px;
    padding: 7px 20px;
    color: #00a6a7;
    border: 1px solid #00bebd;
    transition: all .2s linear;    
}

.job-detail-box .more-job-btn {
	position:absolute;
    bottom:15px;
	left:45%;
    display: block;
    width: 184px;
    padding: 7px 0;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #00bebd;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    transition: all .2s linear;
}

/*淡入淡出new*/
/*.ui-banner .ui-banner-slides li.ui-banner-slides-current {
    opacity: 1;
}
.ui-banner .ui-banner-slides li.ui-banner-slides-next,
.ui-banner .ui-banner-slides li.ui-banner-slides-prev {
    opacity: 0;
}


@keyframes fadeInOut {
    0% { opacity: 0; }
    10% { opacity: 1; animation-timing-function: ease-out; }
	90% { opacity: 1; } 
    100% { opacity: 0; animation-timing-function: ease-in; } 
}
.ui-banner-slides li {
	transform: none !important; 
    animation: fadeInOut 10s infinite; 
}*/
/*淡入淡出new*/
.groups{
	width:350px;
	height:290px;
	margin-right:90px;
}
.groups1{
	margin-right:130px;
}
.groups2{
	margin-right:69px;
}
.margin-r{
	margin-right:20px;
}
.tag-lists{
	margin-left: 0px;
    margin-top: 6px;
    width: 320px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height: 20px;
	height:  40px;
	    white-space: normal;
}
.job-title .downs{
	max-width: 270px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.groups .marquee-item:nth-child(1) {
  margin-left: -30px;
}
.groups .marquee-item:nth-child(2) {
  margin-left: 30px;
}

.groups .marquee-item:nth-child(3) {
  margin-left: 90px; /* 第二个元素比第一个多30px */
}