/* 主站差异化样式 */

/* PC：滑出菜单按钮移至 #header 左侧，尺寸适配 60px 顶栏 */
@media screen and (min-width:769px) {
  #header .head #hamburger{
    display:block;
    position:relative;
    float:left;
    width:44px;
    height:60px;
    margin-right:6px;
    box-sizing:border-box;
    z-index:4;
    cursor:pointer;
    transition:margin-left .5s;
  }
  #header .head #hamburger:before,
  #header .head #hamburger:after,
  #header .head #hamburger span{
    background:#ffffff;
    width:24px;
    height:3px;
    left:10px;
    -webkit-transition:none 0.5s ease 0.5s;
    transition:none 0.5s ease 0.5s;
    -webkit-transition-property:transform, top, bottom, left, opacity;
    transition-property:transform, top, bottom, left, opacity;
  }
  #header .head #hamburger:before{top:21px;}
  #header .head #hamburger span{top:28px;}
  #header .head #hamburger:after{top:35px;}
  #nav .nav .logo{margin-left:0;}
}

/* 首页招聘列表：复制/WhatsApp/分享 */
#main .main_l .job dl dd.link,
#main .main_l .job2 dl dd.link{margin-top:10px; font-size:14px;}

/* 首页招聘：薪资可点击，灰色文字 */
#main .main_l .job dl dd.job-salary a,
#main .main_l .job2 dl dd.job-salary a{color:#4f5563;}

/* 首页招聘：标题纯黑 */
#main .main_l .job dl dt a,
#main .main_l .job2 dl dt a{color:#000000;}

/* 首页 VIP 招聘：标题左侧 VIP 图标 */
#main .main_l .job dl dt{display:flex; align-items:center; gap:0;}
#main .main_l .job dl dt .job-vip-icon{
  flex-shrink:0;
  display:block;
  height:30px;
  width:auto;
  margin:0;
}
#main .main_l .job dl dt a{margin-right:0;}


/* 移动端：滑出菜单按钮移至 #nav2 左侧 */
@media screen and (max-width:768px) {
  #header2 .head .logo{margin-left:0;}
  #nav2 .nav #hamburger2{
    display:block;
    position:relative;
    float:left;
    width:40px;
    height:40px;
    margin-right:8px;
    box-sizing:border-box;
    z-index:4;
    cursor:pointer;
    transition:margin-left .5s;
  }
  #nav2 .nav #hamburger2:before,
  #nav2 .nav #hamburger2:after,
  #nav2 .nav #hamburger2 span{
    background:#ffffff;
    width:22px;
    height:3px;
    left:9px;
    -webkit-transition:none 0.5s ease 0.5s;
    transition:none 0.5s ease 0.5s;
    -webkit-transition-property:transform, top, bottom, left, opacity;
    transition-property:transform, top, bottom, left, opacity;
  }
  #nav2 .nav #hamburger2:before{top:11px;}
  #nav2 .nav #hamburger2 span{top:18px;}
  #nav2 .nav #hamburger2:after{top:25px;}
  #nav2 .nav .mobile-login{margin-left:0;}
  #nav2 .nav .mobile-login-row2{margin-left:48px;}
}

/* 移动端：用户名/UID 居左；消息图标保留在 #nav2 右侧 */
#nav2 .nav .mobile-user{line-height:40px;}
#nav2 .nav .mobile-user a{color:#ffffff;}
#nav2 .nav .fr{display:flex; align-items:center; float:right; height:40px;}
#nav2 .nav .fr .ucenter{display:flex; align-items:center; margin-right:10px; line-height:1;}
#nav2 .nav .fr .ucenter .info{display:block; width:20px; height:20px; line-height:1; background:url(../images/infom.svg) no-repeat center center; background-size:20px 20px; position:relative;}
#nav2 .nav .fr .ucenter .info .new{display:block; width:10px; height:10px; position:absolute; right:0px; top:2px; z-index:2; background:#ff3131; border:1px solid #ffffff; border-radius:50%;}
#nav2 .nav .fr .my{margin-left:10px; margin-top:0; flex-shrink:0;}
#nav2 .nav .fr .post{display:inline-flex; align-items:center; justify-content:center; width:60px; height:30px; line-height:1; margin-left:10px; margin-top:0; float:none; padding:0; text-align:center;}

/* 移动端：滚动时 #nav2 吸顶固定 */
@media screen and (max-width:768px) {
  #nav2{position:sticky; top:0; z-index:98;}
}

/* 人才库：左右栏（左主内容，右账号卡片） */
@media screen and (min-width:769px) {
  #wdata .wdata_l{float:left; width:810px;}
  #wdata .wdata_r{float:right; width:380px;}
}
@media screen and (max-width:768px) {
  #wdata .wdata_l,
  #wdata .wdata_r{float:none; width:auto;}
  #wdata .wdata_r{margin-top:10px;}
}

/* 人才库：左栏缩窄后 PC 端一行 2 张简历卡片 */
#wdata .wdata_l .udata_list{margin-top:10px;}
@media screen and (min-width:769px) {
  #wdata .wdata_l .udata_list #datalist{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  #wdata .wdata_l .udata_list .list{
    float:none;
    display:block;
    width:calc((100% - 10px) / 2);
    margin-left:0;
    margin-top:0;
    box-sizing:border-box;
  }
  #wdata .wdata_l .udata_list .list:nth-child(3n+1){margin-left:0;}
}
@media screen and (max-width:768px) {
  #wdata .wdata_l .udata_list #datalist{display:flex; flex-direction:column; gap:10px;}
  #wdata .wdata_l .udata_list .list{margin-top:0;}
}

/* 職位類型：两列卡片，中英文分行 */
#wdata .wdata_l .wdata_search2 dl.jtype dd{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  line-height:1.4;
}
#wdata .wdata_l .wdata_search2 dl.jtype dd a{
  display:block;
  width:calc(50% - 4px);
  margin:0;
  padding:8px 10px;
  font-size:14px;
  line-height:1.35;
  box-sizing:border-box;
  border:1px solid #e8ecf1;
  border-radius:6px;
  background:#fafbfc;
  vertical-align:top;
}
#wdata .wdata_l .wdata_search2 dl.jtype dd a:hover{
  border-color:#3265ff;
  color:#3265ff;
}
#wdata .wdata_l .wdata_search2 dl.jtype dd a.on{
  background:#e5edff;
  border-color:#3265ff;
  color:#3265ff;
}
#wdata .wdata_l .wdata_search2 dl.jtype dd a .jtype-en{
  display:block;
  font-weight:600;
  color:#121826;
}
#wdata .wdata_l .wdata_search2 dl.jtype dd a .jtype-zh{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:#666666;
}
#wdata .wdata_l .wdata_search2 dl.jtype dd a.on .jtype-en,
#wdata .wdata_l .wdata_search2 dl.jtype dd a.on .jtype-zh{
  color:#3265ff;
}
@media screen and (max-width:768px) {
  #wdata .wdata_l .wdata_search2 dl.jtype dd a{width:100%;}
}

/* about 页 */
#main .main .user_l .btn-post-red{display:inline-block; padding:10px 24px; background:#ff3131; border:1px solid #ff3131; border-radius:8px; color:#ffffff; font-size:14px; line-height:1.4;}
#main .main .user_l .btn-post-red:hover{color:#ffffff; opacity:.92;}
#main .main .dtit{height:auto; font-size:14px;}
#main .main .dtit a{display:inline-block; padding:3px 10px; margin-right:10px;}
#main .main .dtit a.on{color:#3265ff; background:#e5edff; border-radius:4px;}
#main .main .main_info a{color:#3265ff;}
#main .main .main_info a.butt,
#main .main .main_info a.butt:hover{color:#ffffff;}