@charset "utf-8";
@import url("./base.css");

.inpage-container{min-height: 500px;padding: 50px 0;background-color: #F5F5F5;}
/*招聘头部搜索*/
.recruit-top-search{display: flex;justify-content: space-between;flex-wrap: wrap;}
.recruit-top-search > .con-l{flex: 0 0 340px;margin-right: 1em;}
.recruit-top-search > .con-r{flex: 1;}
.recruit-top-search .work-location{display: flex;align-items: center;height: 60px;padding: 0 1em;background-color: #fff;box-sizing: border-box;border: 1px solid #DCDCDC;border-radius: 3px;color: #666;}
.recruit-top-search .work-location .wrap{display: flex;align-items: center;}
.recruit-top-search .work-location .wrap .item{display: flex;align-items: center;margin-left: 1.5em;color: #666;transition: .3s;}
.recruit-top-search .work-location .wrap .item:hover{transform: translateY(-.2em);}
.recruit-top-search .work-location .wrap .item.on{color: #009ADC;}
.recruit-top-search .search-wrap{display: flex;align-items: center;height: 60px;}
.recruit-top-search .search-wrap .text-input{flex: 1;height: 100%;box-sizing: border-box;padding: 0 1.5em;background-color: #fff;border: 1px solid #DCDCDC;border-radius: 3px;font-size: 16px;}
.recruit-top-search .search-wrap .sub-btn{flex: 0 0 60px;height: 60px;margin-left: 1em;background: #009ADC url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi45MzggMTIuMzczYTUuNDM1IDUuNDM1IDAgMSAwIDAtMTAuODcgNS40MzUgNS40MzUgMCAwIDAgMCAxMC44N3ptNS40MDktMS4wOWwzLjQzMyAzLjQzNGEuNzUxLjc1MSAwIDAgMS0xLjA2MyAxLjA2M2wtMy40MzMtMy40MzNhNi45MzggNi45MzggMCAxIDEgMS4wNjMtMS4wNjN6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=') center no-repeat;background-size: 20px 20px;border-radius: 3px;}

/*招聘分类栏*/
.recruit-classify-box{display: flex;margin-top: 1em;}
.recruit-classify-box .item{flex: 1;display: inline-flex;flex-direction: column;justify-content: space-between;align-items: flex-start;height: 126px;padding: 1.2em 1em;margin-left: 12px;background-color: #fff;box-sizing: border-box;border: 1px solid #DCDCDC;border-radius: 3px;transition: .3s;}
.recruit-classify-box .item:first-child{margin-left: 0;}
.recruit-classify-box .item .icon{width: 1.33em;height: 1.33em;}
.recruit-classify-box .item:hover{background-color: #eee;}
.recruit-classify-box .item:hover .icon{transform: rotateY(360deg);transition: .5s linear;}
.recruit-classify-box .item.on{background-color: #009ADC;color: #fff;}
.recruit-classify-box .item.on .icon{filter: brightness(0) invert(1);}

/*招聘信息列表*/
.recruit-info-list{margin-top: 40px;}
.recruit-info-list li{margin-bottom: 10px;}
.recruit-info-list li a{display: flex;align-items: center;padding: 25px 40px;background-color: #fff;border: 1px solid #DCDCDC;border-radius: 3px;transition: .3s;}
.recruit-info-list li a .tit{flex: 1;display: inline-flex;align-items: center;transition: .3s;}
.recruit-info-list li a .tit i{display: inline-flex;padding-right: .7em;margin-right: .7em;border-right: 1px solid #DCDCDC;line-height: 20px;color: #999;transition: .3s;}
.recruit-info-list li a .date{display: inline-flex;align-items: center;margin-left: 2em;}
.recruit-info-list li a .date::before{content: '';width: 1em;height: 1em;margin-right: .5em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMkYyRjJGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik05IDEuNDMyYzQuMTczIDAgNy41NjggMy4zOTUgNy41NjggNy41NjhTMTMuMTczIDE2LjU2OCA5IDE2LjU2OCAxLjQzMiAxMy4xNzMgMS40MzIgOSA0LjgyNyAxLjQzMiA5IDEuNDMyTTkgMGE5IDkgMCAxIDAgMCAxOEE5IDkgMCAwIDAgOSAweiIvPjxwYXRoIGQ9Ik0xMS44MDIgMTAuNzVMOS4zMiA4LjAxM1YzLjcyOGMwLS40MDYtLjI5My0uNzI4LS42Ni0uNzI4QzguMjkxIDMgOCAzLjMyMiA4IDMuNzI4djQuODg5bDIuODY4IDMuMTcyYy4xMjcuMTQuMjk3LjIxMS40NjcuMjExLjE3IDAgLjM0LS4wNy40NjctLjIxYS43ODIuNzgyIDAgMCAwIDAtMS4wNHoiLz48L2c+PC9zdmc+');background-size: 100% 100%;opacity: .5;}
.recruit-info-list li a .date::after{content: '';width: .8em;height: .8em;padding-left: 2em;margin-left: 2em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDggMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuMzc1IDE0LjVhLjg3NC44NzQgMCAwIDEtLjY2NC0xLjQ0NUw1LjQ3MiA3LjUuNzEyIDEuOTQ0QS44NzQuODc0IDAgMSAxIDIuMDM4LjgwNEw3LjI5IDYuOTNhLjg3NS44NzUgMCAwIDEgMCAxLjE0bC01LjI1IDYuMTI1YS44NzIuODcyIDAgMCAxLS42NjQuMzA1eiIgZmlsbD0iIzJGMkYyRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+');background-position: right top;background-size: .8em .8em;background-repeat: no-repeat;border-left: 1px solid #999;opacity: .5;transition: .3s;}
.recruit-info-list li a:hover{box-shadow: 0 10px 10px -10px rgba(0,0,0,.2);}
.recruit-info-list li a:hover .tit{color: #009ADC;}
.recruit-info-list li a:hover .tit i{color: #333;}
.recruit-info-list li a:hover .date::after{border-left-color: #DCDCDC;opacity: 1;}
.recruit-info-list .fold-btn{position: absolute;left: 50%;bottom: -100px;padding: 0 2.5em;background-color: #009ADC;border-radius: 1.3em;line-height: 2.6;color: #fff;cursor: pointer;transform: translate(-50%,0);}

/*弹窗-招聘详情*/
.popover-recruit-details{background-color: #fff;}
.popover-recruit-details > .title{display: flex;align-items: center;padding: 25px 100px 25px 40px;margin-bottom: 1.5em;border-bottom: 1px solid #DCDCDC;}
.popover-recruit-details > .title .name{flex: 1;display: inline-flex;align-items: center;font-weight: bold;color: #009ADC;transition: .3s;}
.popover-recruit-details > .title .name i{display: inline-flex;padding-right: .7em;margin-right: .7em;border-right: 1px solid #DCDCDC;line-height: 20px;color: #333;transition: .3s;}
.popover-recruit-details > .title .date{display: inline-flex;align-items: center;margin-left: 2em;}
.popover-recruit-details > .title .date::before{content: '';width: 1em;height: 1em;margin-right: .5em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMkYyRjJGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik05IDEuNDMyYzQuMTczIDAgNy41NjggMy4zOTUgNy41NjggNy41NjhTMTMuMTczIDE2LjU2OCA5IDE2LjU2OCAxLjQzMiAxMy4xNzMgMS40MzIgOSA0LjgyNyAxLjQzMiA5IDEuNDMyTTkgMGE5IDkgMCAxIDAgMCAxOEE5IDkgMCAwIDAgOSAweiIvPjxwYXRoIGQ9Ik0xMS44MDIgMTAuNzVMOS4zMiA4LjAxM1YzLjcyOGMwLS40MDYtLjI5My0uNzI4LS42Ni0uNzI4QzguMjkxIDMgOCAzLjMyMiA4IDMuNzI4djQuODg5bDIuODY4IDMuMTcyYy4xMjcuMTQuMjk3LjIxMS40NjcuMjExLjE3IDAgLjM0LS4wNy40NjctLjIxYS43ODIuNzgyIDAgMCAwIDAtMS4wNHoiLz48L2c+PC9zdmc+');background-size: 100% 100%;opacity: .5;}
.popover-recruit-details > .content{padding: 0 100px 10px;}
.popover-recruit-details > .content .record{display: flex;align-items: center;flex-wrap: wrap;padding-bottom: 1em;margin-bottom: 1.5em;border-bottom: 1px solid #DCDCDC;line-height: 1;}
.popover-recruit-details > .content .record span{display: inline-flex;align-items: center;padding: 0 .8em;border-left: 1px solid #DCDCDC;}
.popover-recruit-details > .content .record span:first-child{padding-left: 0;border-left: 0;}
.popover-recruit-details > .content .record span .icon{width: 1em;height: 1em;margin-right: .4em;}
.popover-recruit-details > .content .record span i{font-weight: bold;}
.popover-recruit-details > .content .details{max-height: 200px;padding-right: 1em;overflow-y: auto;}
.popover-recruit-details > .content .details .section{margin-bottom: 1.5em;}
.popover-recruit-details > .content .details .section .tit{margin-bottom: 1em;}
.popover-recruit-details > .content .details .section .tit i{font-weight: bold;}
.popover-recruit-details > .content .details .section .txt{line-height: 2;text-align: justify;color: #666;}

/*20250610*/
.popover-recruit-details > .content .tips{line-height: 1.77;color: #2F2F2F;}
.popover-recruit-details > .content .tips span{color: #019ADC;}
.popover-recruit-details > .content .upload{margin: 18px 0 20px;border: 1px dashed #019ADC;height:120px;border-radius: 5px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;line-height: 22px;color: #808080;position: relative;}
.popover-recruit-details > .content .upload .tit{color: #019ADC;margin-bottom: 5px;}
.popover-recruit-details > .content .upload input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: none;background: none;opacity: 0;z-index: 2;cursor: pointer;}

/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*招聘头部搜索*/
    .recruit-top-search > .con-l{flex: 0 0 100%;margin-right: 0;}
    .recruit-top-search > .con-r{margin-top: 1em;}
    .recruit-top-search .work-location{height: 50px;}
    .recruit-top-search .search-wrap{height: 50px;}
    .recruit-top-search .search-wrap .text-input{padding: 0 1em;font-size: 14px;}
    .recruit-top-search .search-wrap .sub-btn{flex: 0 0 50px;height: 50px;}

    /*招聘分类栏*/
    .recruit-classify-box .item{flex: 1em;align-items: center;height: auto;padding: 1em;margin-left: 10px;text-align: center;}
    .recruit-classify-box .item .icon{width: 1em;height: 1em;margin-top: 1em;}

    /*招聘信息列表*/
    .recruit-info-list{margin-top: 2em;}
    .recruit-info-list li{margin-bottom: 1em;}
    .recruit-info-list li a{padding: 1.2em .8em;}
    .recruit-info-list li a .tit i{padding-right: .5em;margin-right: .5em;}
    .recruit-info-list li a .date{margin-left: .5em;}
    .recruit-info-list li a .date::after{display: none;}
    .recruit-info-list .fold-btn{bottom: -60px;}

    /*弹窗-招聘详情*/
    .popover-recruit-details > .title{padding: 1em;margin-bottom: 1em;}
    .popover-recruit-details > .title .name i{padding-right: .5em;margin-right: .5em;}
    .popover-recruit-details > .title .date{margin-left: .5em;}
    .popover-recruit-details > .title .date::before{display: none;}
    .popover-recruit-details > .content{padding: 0 1em 1em;}
    .popover-recruit-details > .content .record{margin-bottom: 1em;}
    .popover-recruit-details > .content .record span{padding: 0;margin-left: 1em;border-left: none;}
    .popover-recruit-details > .content .record span:first-child{margin-left: 0;}
    /*20250610*/
    .popover-recruit-details > .content .upload{margin: 10px 0 12px;height: 100px;}
    .popover-recruit-details > .content .upload .tit{margin: 0;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
    
}