test
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

425 lines
9.2 KiB

/****************************************** 求职招聘 ******************************************************************/
/*统计信息*/
.recruit_statistics {
padding: 5px 10px;
float: left;
width: 100%;
}
.recruit_statistics .recruit_statistics_block {
width: calc(25% - 10px);
float: left;
margin: 0 5px;
padding-top: 10px;
padding-left: 10px;
border: 1px solid #e8e8e8;
border-radius: 10px;
}
.recruit_statistics .recruit_statistics_block .num {
height: 25px;
line-height: 25px;
font-size: 18px;
font-weight: bolder;
}
.recruit_statistics .recruit_statistics_block .title {
height: 25px;
line-height: 25px;
font-size: 13px;
color: #CCC;
}
.recruit_statistics .recruit_statistics_block .icon {
width: 30px;
float: right;
height: 30px;
margin-top: 5px;
}
.recruit_statistics .recruit_statistics_block .icon img {
width:100%;
height: 100%;
}
/*企业信息 - 风格一*/
.drag .recruit_enterprise{
background-color: #FFFFFF;
width: 100%;
overflow: hidden;
}
.recruit_enterprise .block{
margin: 0 10px;
float: left;
width: calc(100% - 20px);
border-bottom: 1px solid #F8F8F8;
padding: 15px 0;
}
.recruit_enterprise .block:nth-last-of-type(1){
border: none;
}
.recruit_enterprise .block .img{
width: 60px;
height: 60px;
border-radius: 10px;
overflow: hidden;
float: left;
margin-right: 10px;
}
.recruit_enterprise .block .img img{
width: 100%;
height: 100%;
}
.recruit_enterprise .block .info{
float: left;
width: calc(100% - 70px);
}
.recruit_enterprise .block .info .top{
height: 20px;
line-height: 20px;
font-size: 15px;
font-weight: 600;
}
.recruit_enterprise .block .info .top .name{
max-width: calc(100% - 60px);
float: left;
margin-right: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.recruit_enterprise .block .info .top .authentication{
background-color: #3388FF;
float: left;
font-size: 12px;
height: 15px;
line-height: 16px;
padding: 0px 3px;
border-radius: 3px;
color: #FFF;
margin-top: 2px;
}
.recruit_enterprise .block .info .TSI{
height: 20px;
line-height: 20px;
font-size: 12px;
color: #999999;
}
.recruit_enterprise .block .info .area{
height: 20px;
line-height: 20px;
font-size: 12px;
color: #999999;
}
.recruit_enterprise .block .info .area .num{
color: #3388FF;
}
/*企业信息 - 风格二*/
.recruit_enterprise2{
padding: 5px 15px 10px 15px;
float: left;
width: 100%;
background: #FFF;
}
.recruit_enterprise2 .top{
height: 35px;
line-height: 35px;
}
.recruit_enterprise2 .top .title{
font-size: 17px;
float: left;
}
.recruit_enterprise2 .top .more{
float: right;
font-size: 17px;
color: #999999;
}
.recruit_enterprise2 .top .more i{
font-size: 15px;
margin-left: 10px;
}
.recruit_enterprise2 .enterprise{
float: left;
height: 170px;
overflow: hidden;
width: 100%;
padding-right: 10px;
display: flex;
}
.recruit_enterprise2 .enterprise .block{
width: 120px;
height: 170px;
float: left;
border-radius: 10px;
border: 1px solid #F0F0F0;
overflow: hidden;
margin-right: 10px;
justify-content: flex-start;
flex: 0 0 auto;
box-sizing: initial;
}
.recruit_enterprise2 .enterprise .block .img{
width: 100%;
height: 100px;
}
.recruit_enterprise2 .enterprise .block .img img{
width: 100%;
height: 100%;
}
.recruit_enterprise2 .enterprise .block .info{
padding-top: 10px;
padding-left: 10px;
background-color: #B4B5C7;
color: #FFFFFF;
height: 70px;
}
.recruit_enterprise2 .enterprise .block .info .title{
font-size: 16px;
height: 30px;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.recruit_enterprise2 .enterprise .block .info .number{
line-height: 20px;
font-size: 13px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/*招聘信息*/
.recruit_recruit .block{
margin: 0px 15px;
padding: 15px 0;
border-bottom: 1px solid #EEEEEE;
}
.recruit_recruit .block:nth-last-of-type(1){
border: none;
}
.recruit_recruit .block .top{
height: 25px;
line-height: 25px;
font-size: 18px;
font-weight: bold;
}
.recruit_recruit .block .top .title{
float: left;
max-width: calc(100% - 150px);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.recruit_recruit .block .top .icon{
color: #FFFFFF;
float: left;
background-color: #F1C426;
height: 18px;
width: 18px;
line-height: 18px;
border-radius: 5px;
text-align: center;
font-size: 13px;
margin-left: 10px;
margin-top: 3px;
}
.recruit_recruit .block .top .salary{
color: #FF4444;
float: right;
width: 90px;
text-align: right;
}
.recruit_recruit .block .center{
width: 100%;
margin-top: 10px;
height: 25px;
line-height: 25px;
}
.recruit_recruit .block .center .label-list{
display: inline-block;
width: calc(100% - 90px);
font-size: 14px;
color: #666666;
overflow: hidden;
white-space: nowrap;
/*text-overflow: ellipsis;*/
}
.recruit_recruit .block .center .label-list label{
background-color: #F4F4F4;
padding: 0px 10px;
height: 25px;
line-height: 25px;
color: #666666;
margin: 0;
}
.recruit_recruit .block .center .area{
float: right;
width: 60px;
text-align: right;
font-size: 15px;
color: #999999;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.recruit_recruit .block .bottom{
width: 100%;
margin-top: 10px;
}
.recruit_recruit .block .bottom .img{
float: left;
width: 60px;
height: 60px;
border-radius: 10px;
overflow: hidden;
border: 1px solid #F2F2F2;
}
.recruit_recruit .block .bottom .img img{
width: 100%;
height: 100%;
}
.recruit_recruit .block .bottom .info{
display: inline-block;
width: calc(100% - 60px);
height: 60px;
padding-left: 10px;
}
.recruit_recruit .block .bottom .info .name{
float: left;
font-size: 14px;
height: 30px;
line-height: 30px;
max-width: calc(100% - 133px);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.recruit_recruit .block .bottom .info .authentication{
float: left;
background-color: #3388FF;
border-radius: 5px;
color: #FFF;
margin-top: 5px;
height: 20px;
line-height: 20px;
width: 53px;
text-align: center;
margin-left: 10px;
}
.recruit_recruit .block .bottom .info .area{
float: right;
width: 60px;
text-align: right;
font-size: 15px;
color: #999999;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.recruit_recruit .block .bottom .info .time{
display: inline-block;
width: 100%;
height: 30px;
line-height: 30px;
color: #999999;
font-size: 12px;
}
.recruit_recruit .block .bottom .info .time .desc{
display: inline-block;
max-width: calc(100% - 60px);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.recruit_recruit .block .bottom .info .time .date{
float: right;
width: 60px;
text-align: right;
}
/*简历信息*/
.recruit_resume{}
.recruit_resume .block{
padding: 10px 15px;
}
.recruit_resume .block .img{
float: left;
width: 75px;
height: 75px;
border-radius: 50%;
margin-right: 10px;
position: relative;
}
.recruit_resume .block .img img{
width: 100%;
height: 100%;
border-radius: 50%;
}
.recruit_resume .block .img i{
position: absolute;
bottom: 5px;
right: 0px;
color: #FFF;
opacity: .7;
font-size: 13px;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
}
.recruit_resume .block .img i.icon-female{
background: #FF838E;
transform: rotate( 30deg) skew( 0deg);
}
.recruit_resume .block .img i.icon-male{
background: #0f71FF;
}
.recruit_resume .block .info{
display: inline-block;
width: calc(100% - 85px);
}
.recruit_resume .block .info .top{
height: 30px;
line-height: 30px;
font-size: 18px;
font-weight: bold;
}
.recruit_resume .block .info .top .name{
color: #333333;
display: inline-block;
width: calc(100% - 90px);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.recruit_resume .block .info .top .salary{
display: inline-block;
width: 90px;
color: #FF4444;
float: right;
text-align: right;
}
.recruit_resume .block .info .center{
width: 100%;
height: 20px;
line-height: 20px;
font-size: 15px;
color: #999999;
}
.recruit_resume .block .info .bottom{
margin-top: 5px;
}
.recruit_resume .block .info .bottom .label-list{
display: inline-block;
width: calc(100% - 60px);
overflow: hidden;
white-space: nowrap;
}
.recruit_resume .block .info .bottom .label-list label{
background-color: #F4F4F4;
padding: 0px 5px;
}
.recruit_resume .block .info .bottom .area{
float: right;
width: 60px;
text-align: right;
font-size: 15px;
color: #999999;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}