/****************************************** 求职招聘 ******************************************************************/ /*统计信息*/ .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; }