:root {
     --primary-color: #1890ff;
     --primary-hover: #1478d1;
     --primary-green: #22C390;
     --primary-bg: #EBF4FF;
     --body-bg:#F7F7F8;
     --black-color: #1C1819;
     --light-gray: #EAF2FF;
     --light-white: 255, 255, 255;
     --border-color: #E4E5E8;
     --gray-color: #767F8C;
     --secondary-rgb: 179, 55, 64;
 }

 .cred {
     color: var(--primary-color);
 }

 .fs18 {
     font-size: 1.25rem !important;
 }

 .fs14 {
     font-size: 0.875rem !important;
 }



 .font-10 {
     font-size: 0.725rem !important;
 }

 .text-primary {
     color: var(--primary-color) !important;
 }

 .pr {
     position: relative;
 }

 .closesvg {
     display: none;
     cursor: pointer
 }
 .text-primary.search_total,.text-primary.specialtytitle ,.text-primary.zwtjtitle ,.text-primary.gsjs{
	   color: var(--primary-color) !important;
 }
 .job-tags.ms-2.mt-1{
	 line-height:14px
 }
.position_list{overflow:hidden;padding-top:4px}
.job-warp222{ background: url(../image/bodybg.png) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
    background-color: var(--body-bg);
}

select[name='educational_require[]'] {
	cursor:pointer
}
.job-warp{margin-top:3rem}
.px-2{padding-left:0rem !important}
  .highlight {
           
        
            border-radius: 3px;
            font-weight: 600;
            transition: all 0.3s ease;
            display: inline-block;
            transform: scale(1);
            animation: highlight 0.5s;
			color:red
        }

 .hero-section:not(#home){
     min-height: 100vh;
     display: flex;
     align-items: center;
 }


 .hero-text {
     padding-top: 6rem;
     padding-left: 23rem;
 }

 .hero-text h2 {
     text-align: left;
     margin-top: 1rem;
     font-size: 1.10rem;
     color: #333;
     font-weight: normal;
 }

 .stats-row {
     display: flex;
     justify-content: space-around;
     margin-top: 9rem;
     flex-wrap: wrap;
 }

 .stat-item {
     text-align: center;
     margin: 0.3rem 0;
     border-radius: .5rem;
     border: 0;
     /* background-color: var(--light-white); */
     background-color: rgba(var(--light-white), 0.6) !important;
     box-shadow: 0 .125rem 1rem rgba(10, 10, 10, .04);
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
     padding: 1rem;
     transition: transform 0.2s ease;
     padding-left: 1.75rem;
 }

 .bg-secondary-transparent {
     background-color: rgba(var(--secondary-rgb), .1) !important;
 }

 #account-login button[type="submit"].disabled {
     background: #F2E9E9;
     border: none;
     cursor: not-allowed
 }

 #account-login .text-danger {
     display: none
 }

 .rounded svg {
     width: 1.75rem;
     height: 1.75rem;
     /* padding: .35rem; */
     border-radius: .5rem;
 }

 .stat-number {
     font-size: 1.45rem;
     color: var(--black-color);
     text-align: left;
 }

 .stat-label {
     color: #18191C;
     font-size: 0.9rem;
 }
/* 去除所有输入框的自动填充背景色 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #333 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

 .tab-content .form-control {
     font-size: 0.825rem;
     border-radius: 8px;
     padding: 0.825rem 1rem 0.875rem 2rem;
     border: 1px solid var(--border-color);
 }


.banner_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
 
  position: relative;
  overflow: hidden;
  text-align: center;
    font-family: 'Microsoft YaHei', sans-serif;
    background: linear-gradient(135deg, #2a5298, #4a6fb5);
    color: white;
	padding:20px;
	 background-image: url(/static/image/home_head_bg_optm_250416_5.jpg);
    background-position: 50%;
    background-size: cover;
}

/* 世界地图点阵背景 */


.banner_title .main-title {
	letter-spacing:8px;
  font-size: 4rem;
  font-weight: bold;
  color: white;
  z-index: 2;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 
  margin-bottom: 40px;  margin-top: 40px;
  position: relative;
  line-height: 1.2;
}

.banner_title .main-title span {
  display: inline-block;
  border-bottom: 3px solid white;
  padding-bottom: 8px;
}

.banner_title .nav-buttons {
  display: flex;
  gap: 40px;
  z-index: 2;
}

.banner_title .btn {
  background: none;
  border: none;
  color: white;
  font-size: 1.2rem;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 4px;
  transition: all 0.3s ease;
  position: relative;
  user-select: none;
}

.banner_title .btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.banner_title .btn.active {
  background-color: white;
  color: #128bed;
  font-weight: bold;
}

.banner_title .btn.active::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid white;
}

 .search-bar .btn-primary {
     /* background-color: var(--primary-color); */
     /* border-color: var(--primary-color); */
     border-color: #fff; 
     background: linear-gradient(136deg,  #286aff, #3dc5f7, #fbdeff);
     border-radius: 6px;
     padding: 0.75rem 2rem;
     font-weight: 500;
 }
  .search-bar .btn-primary.disabled {
      background: rgb(177,207,247);
    border: none;
    cursor: not-allowed;
     
 }

 .search-bar .btn-primary:hover {
background: linear-gradient(136deg,  #2263f9, #36bdef, #f3c7f9);
    /* background-image: linear-gradient(rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.09)), linear-gradient(136deg, #286aff, #4e6ef2, #7274f9, #9f66ff); */

     color: #fff;}
img.jobdelivery {
    width: 22px;
    height: 22px;
    margin-right: 5px;
}
 .qr-code {
     width: 220px;
     height: 220px;
     margin: 1rem auto 0.5rem;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-size: 1.2rem;
     overflow: hidden
 }
.bgyellowgradient{
        background: linear-gradient(90deg, #fff9e5, #fff0be);
        color: rgb(63 41 16 / 1);
        line-height: 2.25rem;   
        font-size: 16px;
        box-sizing: border-box;
}
.text-a16530{ color: #a16530;cursor:pointer}
.text-a16530 a{ color: #a16530;cursor:pointer;text-decoration: none;}

 .bookmark {
     font-size: 0.85rem;
     position: absolute;
     right: 0;
     top: 20px;
     padding-right: 1rem;
     padding-top: 0.5rem;
     text-align: center;
 }

 .text-decoration-none {
     color: var(--primary-color);
     text-decoration: none;
 }

 .text-decoration-none:hover {
     color: var(--primary-hover);
     text-decoration: underline;
 }

.banner_title .job-search-section {
     padding: 1rem 0  2rem 0;width:80%;margin-left:224px;
 }

 .search-bar {
     background: white;
     border-radius: 6px;
     padding: 0.4rem;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    
 }

 .position_list .job-card {
     background: white;
     border-radius: 12px;
     padding: 1rem 1.5rem;
     margin-bottom: 1rem;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
     border: 1px solid var(--border-color);
     position: relative;
	    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
              box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateZ(0);
	cursor:pointer
     /* transition: transform 0.2s ease; */
 }


 .job-card:hover {
     /* transform: translateY(-2px); */
	   transform: translateY(-3px) translateZ(0);
       box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
 }

 .job-title {
     font-size: 1.375rem;
     font-weight: 600;
    color: var(--primary-color) !important;
     margin-bottom: 0.5rem;max-width:800px;
	  white-space: nowrap;     
    overflow: hidden;        
    text-overflow: ellipsis;
 }


.modal-content .mb-2.position
{
	max-width:750px;
	 
	
}
 .job-tags {
     display: flex;
     gap: 0.2rem;
     flex-wrap: wrap;
     /* margin-bottom: 1rem; */
 }

 .job-tag {
    height: 1.5rem;
    overflow: hidden;
     font-size: 0.75rem;
     background: #f5f5f5;
     color: #444;
     padding: 4px 10px;
     border-radius: 4px;
     margin-right: 0.15rem;
	 color: #128bed;
    background: #e2f1fc;
 }

 .bd_bottom {
     border-bottom: 1px solid var(--border-color);
 }



 .job-meta-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     color: #18191C;
     font-size: 0.9rem;

 }

 #jobDetailModal .modal-content {
     border-radius: 15px;
     border: none;
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
 }

 .toprounded {
     width: 72px;
     height: 72px;
     background: var(--primary-bg);
     border: var(--border-color) solid 1px;
     border-radius: 50%;
     color: var(--primary-color);
     font-size: 1.7rem;
 }

 #jobDetailModal .modal-header {
     border-bottom: 1px solid #fff;
     padding: 3rem 4rem 0;
     position: relative;
 }

#jobDetailModal .btn-close {
     position: absolute;
     right: 1rem;
     top: 1rem;
     z-index: 1;
 }

 #jobDetailModal .modal-body {
     padding: 2rem 4rem 3rem;
 }

 .modalbtns .btn {
     padding: 0.75rem 2rem;
     width: 10rem;
	 white-space: nowrap;
 }

 .modalbtns .btn-primary {
     background: var(--primary-color);
     color: #fff;
     border-radius: 6px;
     font-weight: 700;
 }

 .modalbtns .btn-primary:hover {
     background: var(--primary-hover);
     color: #fff;
 }

#jobDetailModal .detail-item {
    display: flex;
    margin-top: 8px;
    font-size: 0.87rem;
    color: #666;
}
#jobDetailModal .drawer-title-name {
    width: 80px;
    float: left;
    color: #666;
    font-size: 15px;
    white-space: nowrap;
}
#jobDetailModal .condition.zwtj span.job_organizion {
    color: #1c2149;
    
}

 .leftline {
     border-bottom: var(--border-color) dashed 1px;
 }

 .job-info-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
     gap: 1.5rem;
     margin-bottom: 2rem;
 }

 .info-icon svg path {
     stroke: var(--primary-color);
     fill: var(--primary-bg)
 }

 .info-icon svg {
     width: 2rem;
     height: 2rem;
     margin-bottom: 0.25rem;
 }

 .fillsvg svg path {
     stroke: var(--primary-color);
     fill: var(--primary-color)
 }

 .nav-link {
     color: var(--black-color);
 }

 .info-item {
     text-align: center;
 }

 .info-icon {
     font-size: 1.5rem;
     color: var(--primary-color);
     margin-bottom: 0.5rem;
 }

 .filter-section {
     background: white;
     padding: 1rem 1.5rem 0.75rem 1.5rem;
     border-radius: 4px;
     margin-bottom: 1rem;

     border: 1px solid var(--border-color);
     /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); */
 }

 .filter-tag {

     background: var(--primary-bg);
     color: var(--primary-color);
     padding: 0.25rem 0.7rem;
     border-radius: 4px;
     font-size: 0.775rem;
     display: inline-block;
     /* margin: 0.25rem; */
     margin-left: 0;
     text-decoration: none;
     cursor: pointer;
     transition: background 0.2s ease, color 0.2s ease;
 }

 .filter-tag:hover {
     background: var(--primary-bg);
     color: var(--primary-hover);
 }

 .filter-tag.active {
     background: var(--primary-bg);
     color: var(--primary-hover);
 }

 .cardbox {
     border: var(--border-color) solid 1px;
 }

.cardbox .card-header {
     background-color: #fff;
     border: none;
     padding-top: 1.5rem;
 }

 .cardbox h6 {
     font-weight: normal;
 }

 @media (max-width: 768px) {
     .hero-section {
         padding: 2rem 0;
     }

     .login-card {
         padding: 1.5rem;
         margin: 1rem;
     }

     .stats-row {
         /* flex-direction: column;
         align-items: center; */
         display: flex;
         justify-content: space-around;
         margin-top: 9rem;
         flex-wrap: wrap;
     }

     .job-info-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 1rem;
     }

     .search-bar {
         border-radius: 12px;
     }
 }
#specialtyInput:focus::placeholder,#addressInput:focus::placeholder {color:#ccc}
 /* 提示消息容器 */
 .toast-container {
     position: fixed;
     bottom: 30px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 9999;
     display: flex;
     flex-direction: column;
     gap: 12px;
     pointer-events: none;
 }

 /* 提示消息样式 */
 .toast-container .toast {
     padding: 14px 24px;
     border-radius: 8px;
     font-size: 14px;
     font-weight: 500;
     opacity: 0;
     transform: translateY(20px);
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     backdrop-filter: blur(10px);
     display: flex;
     align-items: center;
     gap: 10px;
     width: auto;
 }

 .toast-container .toast.visible {
     opacity: 1;
     transform: translateY(0);
 }

 .toast-container .toast.error {
     background: rgba(239, 68, 68, 0.9);
     color: white;
     border: 1px solid rgba(185, 28, 28, 0.3);
 }

 .toast-container .toast.success {
     background: rgba(16, 185, 129, 0.9);
     color: white;
     border: 1px solid rgba(5, 150, 105, 0.3);
 }

 @media (max-width: 576px) {
    .bookmark{ position:relative;
        top: 0;
        text-align: left;
    }
    .bookmark .mb-4{ margin-bottom: 0 !important;}
     .hero-character {
         width: 150px;
         height: 150px;
         font-size: 3rem;
     }
     .job-tit-item{display: grid !important;}

     .stat-number {
         font-size: 1.5rem;
     }

     .login-tab {
         padding: 0.5rem 1rem;
     }

     .job-info-grid {
         grid-template-columns: 1fr;
     }
 }

 .form-select:focus,
 .form-control:focus {
     border-color: #fff !important;
     outline: 0;
     box-shadow: none !important;
 }
input:-internal-autofill-selected{
    background-color: #fff !important;
    box-shadow: none !important;
}
 input#addressInput.form-control{width:296px !important;padding-right:0px}
 input.form-control{padding-left:30px !important}
 .formleft {
     padding-left: 0.5rem;
 }
.search-bar  .form-select{cursor:pointer}
 .formright {
     padding-right: 0.5rem;
 }

 .form-control {
     border-radius: 8px;
     padding: 0.75rem 1rem;
     border: 1px solid var(--border-color);
	 font-size:1.1rem !important
 }

 .lineright {
     border-right: 1px solid var(--border-color);
     padding-right: 0.5rem;
 }
.wid140{width: 140px !important;}
.banner_title .wid120{width: 135px !important;}


@supports (edge-ua: '') or (-ms-viewport: ) {
  .banner_title .wid120 {
    width: 135px !important;
  }
}

/* 兜底 Hack（确保极新版 Edge 也识别） */
_:-ms-lang(x), .banner_title .wid120 {
  width: 135px !important;
}

.svg_icon{width:22px;height:22px}

.wid45{width: calc((100% - 6px)/2) !important;}
.row.g-0.align-items-center{ display: flex !important; justify-content: space-between !important;}
.searth_keyword{ padding-left: 1.2rem !important;}
 .svg_icon {
     position: absolute;
     top: 0.5rem;
     left: 0.125rem;
     stroke: var(--primary-color) !important
 }

 .svg_icon path {
     stroke: var(--primary-color) !important;
 }

.search_switch  .form-switch{padding-left: 1.5em;}
 .search_switch .form-switch .form-check-input {
     width: 3.5rem;
     height: 2rem;
 }

 .search_switch .form-switch .form-check-input {
     box-shadow: none !important;cursor:pointer
 }



 .mt10 {
     margin-top: 0.775rem;
 }

 .form-check-input:checked {
     background-color: #f1651f;
     border-color: var(--primary-color);
 }

 .radio_btn .btn-check:checked+.btn,
 .radio_btn .btn.active，.btn.show,
 .radio_btn .btn:first-child:active,
 :not(.btn-check)+.btn:active {
     background-color: var(--primary-bg);
     color: var(--primary-color);
     border-color: var(--primary-color);
 }

 .radio_btn .btn {
     /* margin: 0 0.5rem; */
     margin-right: 0.5rem;
     border-radius: 4px;
     --bs-btn-padding-x: 0.525rem;
     --bs-btn-padding-y: 0.15rem;
 }


 .linetop {
     border-top: dotted 1px var(--border-color);
 }

 .radio_btn .form-check-input:focus {
     border-color: #d5d5d5;
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.25)
 }
.filter-result span.filter-tag{display:none}


 .bookmark .btn-danger {
     width: 120px;
     background: none;
     border: none;
     color: var(--primary-color);
     text-decoration: none;
     cursor: pointer;position:relative;display:inline-block;z-index:9999
 }

 .bookmark .btn-outline-secondary {
     width: 120px;
     background: none;
     border: none;
     color: var(--gray-color);
     text-decoration: none;
     cursor: pointer; display:inline-block;z-index:9999;position:relative
 }
  .bookmark .btn-outline-secondary:hover{
	  
   
  }
 
  
  .header_items .company:hover{
	 transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(24, 144, 255, 0.4);
    background-color: #1478d1;transform:  scale(1.1);
}

 /*  */
 .modalbtns .btn-danger {
     width: 10rem;
     background: none;
     border: solid 1px var(--primary-color);
     color: var(--primary-color);
     text-decoration: none;
     cursor: pointer;
     font-weight: 700;
 }

 .modalbtns .btn-outline-secondary {
     width: 10rem;
     background: none;
     border: solid 1px var(--border-color);
     border-radius: 6px;
     padding: 0.75rem 2rem;
     font-weight: 700;
     color: var(--gray-color);
     text-decoration: none;
     cursor: pointer;
 }


 .far.fa-bookmark {
     background: url(../image/bookmarksimple.svg) no-repeat center center;
     width: 1.75rem;
     height: 1.75rem;
     display: inline-block;
     background-size: contain;
     color: transparent;
     font-size: 0.85rem;
     vertical-align: middle;
     margin-right: 0.25rem;  transition: transform 0.3s ease;position:relative;z-index:9999
 }
.far.fa-bookmark:hover {
    /* 放大到1.2倍，可根据需要调整数值 */
    transform: scale(1.2);
}
 .fas.fa-bookmark {
     background: url(../image/bookmarksimple-avtive.svg) no-repeat center center;
     width: 1.75rem;
     height: 1.75rem;
     display: inline-block;
     background-size: contain;
     color: var(--primary-color);
     font-size: 0;
     vertical-align: middle;
     margin-right: 0.25rem;transition: transform 0.3s ease;position:relative;z-index:9999
 }
  .fas.fa-bookmark:hover{
	  transform: scale(1.2);
  }

 .btn.btnjob {
     --bs-btn-padding-x: 1.75rem;
     background-color: var(--primary-color);
     color:#fff;
     border: 1px solid var(--primary-color);
     border-radius: 6px;
     padding: 0.7rem 1.5rem;
     font-weight: 700;
     transition: all 0.3s ease;
     white-space: nowrap;
	 z-index:99999;
	 position:relative
 }

 .btnjob :hover {
     box-shadow: 0 7px 20px rgba(24, 144, 255, 0.5);
      transform: rotate(20deg); /* 顺时针30°，可改180deg/360deg等 */
  /* 可选：旋转后不影响其他元素布局（比如避免旋转后占更多空间） */
  transform-origin: center center; /* 默认旋转原点，可省略 */
 }
.job-card.new::before {
    content: '';
    position: absolute;
    width: 62px;
    height: 55px;
    top: -10.5px;
    right: -6.5px;
    padding: 0;
    background: url(../image/new.png) no-repeat center center;
    background-size: contain;
    border-radius: 0 6px 0 6px;
    z-index: 1;
    transition: transform 0.3s ease;
}
.job-card.new:hover::before {
    /* transform: rotate(0) scale(1.2);  */
}

 /* --- --- */

 .job-company {
     color: var(--black-color);
     font-weight: bold;
     white-space: nowrap;
     position: relative;
     display: flex;
     justify-content: flex-start;
     /* display: inline-block; */
     /* 确保能正确定位子元素 */
 }
 .qytags .job-tag{    
    line-height: 1.4;
    color: #BB833D;
    background: #F6F0E7;
font-weight: 400;}
 .organizion_type {
     cursor: pointer;
 }



 .filter-btn::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: inherit;
     z-index: -1;
     border-radius: 95px;
     transform: skewX(-4deg);
 }

 .filter-btn::after {
     content: '';
     position: absolute;
     bottom: -10px;
     left: 20px;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-top: 10px solid var(--primary-color);
     transform: rotate(0deg);
 }



        .organizion_type {
            display: inline-block;
           
       
            border-radius: 4px;
           
            cursor: pointer;
            transition: background-color 0.3s;
        }

      
       .filter-btn {
            position: absolute;
            top: -7px;
            left: 25px;
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-green) 100%);
            color: var(--light-gray);
            border: none;
            border-radius: 8px;
            font-weight: 700;
            font-size: 0.8rem;
            cursor: pointer;
            box-shadow: 0 2px 10px var(--primary-color);
            opacity: 0;
            /* 默认隐藏 */
            transform: translateY(-20px);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.175);
            display: flex;
            align-items: center;
            gap: 20px;
            z-index: 1000;
            padding: 10px 20px;
            white-space: nowrap;
            pointer-events: none;
            /* 防止鼠标事件冲突 */
        }

        .filter-btn.active {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }

        .job-tags {
            display: inline-flex;
            gap: 8px;
            margin-left: 10px;max-width:800px;max-height:54px
        }

        .job-tag {
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 0.8rem;
        }

 /* 专业要求提示效果 - 修改现有样式 */
 .job-meta {
     #position: relative;
 }
/* 修改 .job-company 样式 */
.job-company {
    position: relative;
    padding-top: 42px;       /* 新增：创建空间容纳浮动按钮 */
    margin-top: -42px;       /* 新增：向上偏移抵消新增空间 */
    vertical-align: top;     /* 确保对齐方式正确 */
    z-index: 1;              /* 确保悬浮层不被遮挡 */
}
.infotit{ display: flex; justify-content: flex-start;}
/* 修改 .filter-btn 位置 */

 .cursorp {
     cursor: pointer;
     position: relative;
     /*  width: 300px;
    white-space: nowrap;     
    overflow: hidden;        
    text-overflow: ellipsis;  
    display: inline-block;   
    vertical-align: top;       */
 }



 /* 修改profcont样式，默认隐藏 */

/* 修复弹出框被遮挡问题 */
.position_list .job-card {
    /* 保持原有样式，添加z-index控制 */
    position: relative;
    z-index: 1; /* 基础层级，确保弹出框可覆盖 */
}

/* 弹出框核心样式优化 */
.profcont {
    /* 调整定位基准，相对于触发元素 */
    position: absolute;
    bottom: calc(100% + 10px); /* 位于触发元素正上方，间隔10px */
    left: 50%; /* 水平居中对齐触发元素 */
    transform: translateX(-50%) translateY(0); /* 仅水平居中，取消不必要的Y偏移 */
    opacity: 0;
    transition: all 0.3s ease; /* 优化过渡效果 */
    z-index: 1000; /* 高于.job-card的z-index */
    display: block; /* 默认隐藏通过opacity控制，便于过渡 */
    visibility: hidden; /* 初始不可见，避免鼠标触发 */
}

 .profcont {
     min-width: 400px;
     max-width: 600px;
    
  
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-green) 100%);
     color: white;
     border: none;
     border-radius: 8px;
     font-weight: 400;
     font-size: 0.8rem;
     cursor: pointer;
     box-shadow: 0 4px 20px rgba(24, 144, 255, 0.3);
     opacity: 1;
     /* 默认隐藏 */
     transform: translateY(-20px);
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.175);
     z-index: 10001;
     padding: 12px 16px;
     pointer-events: none;
     /* 防止鼠标事件冲突 */
     line-height: 1.4;
     display: ;
     /* 完全隐藏，避免占用空间 */
 }
 

/* 鼠标悬停时显示弹出框 */
.text-dark.cursorp.more:hover .profcont {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0); /* 移除向上偏移，避免位置偏差 */
}

/* 添加指向箭头（始终指向触发元素） */
.profcont::after {
    content: '';
    position: absolute;
    top: 100%; /* 箭头位于弹出框底部 */
    left: 50%; /* 水平居中 */
    transform: translateX(-50%); /* 精确对齐 */
    border-width: 8px 8px 0; /* 三角形尺寸 */
    border-style: solid;
    border-color: var(--primary-color) transparent transparent; /* 箭头颜色与弹出框一致 */
    pointer-events: none; /* 避免箭头阻碍鼠标交互 */
}

/* 优化触发元素样式 */
.text-dark.cursorp.more {
    position: relative; /* 确保弹出框以该元素为定位基准 */
    display: inline-block; /* 避免行内元素导致的定位偏差 */
}
 .profcont::after {
     content: '';
     position: absolute;
     bottom: -8px;
     left: 130px;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid var(--primary-color);
 }

 /* 当鼠标悬停在cursorp元素上时显示profcont */
 .cursorp:hover .profcont {
     opacity: 1;
     transform: translateY(-4);
     pointer-events: auto;
     display: block;
 }

 /* 如果需要响应式调整 */
 @media (max-width: 768px) {
     .filter-btn {
         min-width: 200px;
         font-size: 0.7rem;
         padding: 8px 16px;
         top: -45px;
         left: 10px;
     

     }

     .profcont {
         min-width: 280px;
         max-width: 350px;
         font-size: 0.7rem;
         padding: 10px 12px;
         top: -100px;
     }
 }


 .title-content {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     height: 36px;
     line-height: 36px;
 }

 /*  */
 .modal-lg,
 .modal-xl {
     --bs-modal-width: 1320px;
 }



 .gap-1 .bg-light {
     font-size: 0.75rem;
     background: #f5f5f5 !important;
     color: var(--gray-color) !important;
     padding: 8px 14px;
     border-radius: 4px;
     margin-right: 0.15rem;
     font-weight: normal;
     cursor: pointer;
 }

 .gap-1 .bg-light:hover {
     background: var(--primary-bg) !important;
     color: var(--primary-color) !important;
 }

 .feedbackbtn {
     font-size: 0.875rem;
     border: var(--primary-color) 1px solid;
     padding: 0.75rem 2rem;
     color: var(--primary-color);
     background-color: var(--primary-bg);
     border-radius: 8px;
 }
 .feedbackbtn:hover {
 color: var(--light-gray);
 background-color: var(--primary-color);
 border-color: var(--primary-color);
 }

 .feedbackbtn svg path {
     fill: var(--primary-color);
 }
  .feedbackbtn:hover svg path { fill: var(--light-gray);}
    .input-container-with-clear {
            position: relative;
        }
        
        .clear-btn {
           line-height: 20px;
            position: absolute;
            right: 8px;
            top: 12px;
            /* transform: translateY(-50%); */
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #ccc;
            color: white;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            opacity: 0;
            visibility: hidden;
            /* transition: all 0.3s ease; */
            z-index: 1;
            padding-bottom: 2px;
        }
        
        .clear-btn:hover {
            background:    #efefef;
            color: #999;
            /* transform: translateY(-50%) scale(1.1); */
        }
        
        .clear-btn.visible {
            opacity: 1;
            visibility: visible;
        }
        
        .clear-btn i {
            font-size: 14px;
        }
		.btn.collect:hover{
			background:#F8F9FA !important;
			
			    border: solid 1px var(--border-color);
   
  
    color: var(--gray-color);
		}

  input:-internal-autofill-selected {background-color: #fff !important;}
  .form-control:focus {
    color: var(--bs-body-color);
    outline: 0;
    background-color: #fff !important;
    box-shadow:none !important
}       

/* --------------------- */
dropdown {
            position: relative;
            width: 100%;
        }
        .dropdown-btn {
            width: 100%;
            padding: 8px 12px;
            background: #fff;
            border: 1px solid #fff;
            border-radius: 4px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .arrow {
            font-size: 12px;
            transition: transform 0.3s;
        }
        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            margin-top: 4px;
            background: #f1f7fb;
            border: 1px solid #fff;
            border-radius: 4px;
            list-style: none;
            padding: 0;
            margin: 0;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
            display: none;
            z-index: 1000;
        }
        .dropdown-menu li {
            padding: 8px 12px;
            cursor: pointer;
        }
        .dropdown-menu li:hover {
            background: #f7faff;
        }
        .dropdown.open .arrow {
            transform: rotate(180deg);
        }
        .dropdown.open .dropdown-menu {
            display: block;
        }
        
        /* 输入框清除按钮样式 */
        .input-container-with-clear {
            position: relative;
        }
       
        
        /* 其他补充样式 */
        .lineright {
            border-right: 1px solid #e5e7eb;margin-right:0.5rem
        }
        .pr {
            padding-right: 2px;
        }
     .search_switch {
    width: 220px !important;
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    margin-left: 6px;
}
        .searchbox{width:83.33333333% !important;}
		
		@supports (-ms-ime-align: auto) {
      .searchbox{width: calc(100% - 220px) !important;}
     }


        .bgyellowgradient {
            background: linear-gradient(to right, #ffd800, #ff8c00);
            color: #fff;
        }
        .pagination_div {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 20px 0;
        }
        .gotospan {
            margin: 0 10px;
        }
        .goto {
            width: 50px;
            text-align: center;
            margin: 0 5px;
        }
        .gosure {
            cursor: pointer;
            color: #0d6efd;
        }
	.container_invite {
        width: 500px; /* 背景图大致宽度，可根据需求调整 */
        height: 600px; /* 背景图大致高度，可根据需求调整 */
        background-image: url("/static/image/invite_gold.png"); /* 替换为你的背景图路径（本地/在线均可） */
        background-size: cover; /* 背景图自适应容器 */
        background-position: center; /* 背景图居中显示 */
        position: fixed; /* 为子元素绝对定位提供参考 */
            top: 30px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 10001;   
  
	 display:none
    }
	.container_invite.no_coupon{
		      background-image: url("/static/image/kxsc1.png"); /* 替换为你的背景图路径（本地/在线均可） */
			  background-repeat:no-repeat;
			  background-size:106%;
			   background-position: top; /* 背景图居中显示 */
			     height: 530px; /* 背景图大致高度，可根据需求调整 */
	}
	.container_invite.sencond_in{
		      background-image: url("/static/image/kxsc.png"); /* 替换为你的背景图路径（本地/在线均可） */
			 
	}
	.container_invite.sencond_in.no_coupon{
		      background-image: url("/static/image/kxsc2.png"); /* 替换为你的背景图路径（本地/在线均可） */
			 
	}

    /* 上方文字层：定位到“欢迎山西科技大学”的红色框区域 */
.container_invite .text-top {
    position: absolute;
    top: 132px;
    left: 32px;
    font-size: 22px;
    color: rgb(46,79,236);
    font-weight: bold;
    width: 220px;
    text-align: left;
}

.container_invite .text-middle {
    position: absolute;
    top: 218px;
    left: 238px;
    font-size: 28px;
    color: #E23B25;
    width: 46px;
    font-weight: bold;
    text-align: center;
}
.container_invite .text-middle2 {
    position: absolute;
    bottom: 146px;
    left: 152px;
    font-size: 38px;text-align:center;width:74px;
    color: #DF3C26;
    font-weight: bold;
	 text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);background: linear-gradient(90deg, #165DFF, #722ED1);
  -webkit-background-clip: text; /* 文字渐变核心 */
  background-clip: text;
  transform: scaleY(1.45); font-family: 'Helvetica Neue', Arial, sans-serif; font-family: 'Montserrat', sans-serif; color: #ff4757;
    text-shadow: 1px 1px 3px rgba(255, 71, 87, 0.2);
}
.container_invite .text-bottom {
    position: absolute;
    bottom :0px;
    left: 20px;
    height: 91px;   
    width: 458px;cursor:pointer;z-index:99999
}
.container_invite .text-bottom {
    position: absolute;
    bottom :44px;
    left: 20px;
    height: 91px;   
    width: 458px;cursor:pointer;z-index:99999
}

.tipsbox {
    text-align: center;
    font-weight: 700;
    color: #D2001A;
    border-radius: 20px 20px 20px 0;font-size:20px;
    width: 160px;
    padding:1px 10px;
    background: #FEEFC8;
    position: absolute;
    bottom: 66px;
    left: 278px;
	display:none
}	





/* 保留原有样式，新增/修改以下关键样式 */
.searchbox {
    width: 83.33333333% !important;
    /* 确保父容器不被挤压 */
    min-width: 600px; /* 可选：设置最小宽度，避免缩放过小导致输入框变形 */
}

/* 核心：重构 search-bar 为 Flex 容器 */
.search-bar {
    width: 100%; /* 占满父容器 */
}
.search-bar-flex {
    display: flex; /* 启用 Flex 布局 */
    flex-wrap: nowrap; /* 强制不换行（关键） */
    align-items: center; /* 垂直居中 */
    gap: 8px; /* 元素间间距，替代 margin-right，更整洁 */
    width: 100%; /* 占满父容器 */
}

/* 输入框区域：自适应占满剩余空间 */
.input-item {
    flex: 1; /* 两个 input-item 各占 1 份，自动平分空间 */
    min-width: 180px; /* 可选：设置最小宽度，避免缩放过小 */
}
/* 清理冲突样式：去掉 calc 宽度，改用 Flex 自适应 */
.wid45 {
    width: auto !important; /* 覆盖原有 calc 宽度 */
}
.lineright {
    border-right: 1px solid #e5e7eb;
    padding-right: 0.5rem; /* 用 padding 替代 margin，避免布局偏移 */
    margin-right: 0; /* 清空原有 margin */
}
.pr {
    position: relative;
}

/* 按钮区域：固定宽度，贴右侧 */
.wid120 {
    width: 135px !important; /* 保留固定宽度 */
    flex-shrink: 0; /* 关键：禁止按钮区域被压缩 */
}

/* 保留原有样式 */
.banner_title .wid120 {
    width: 135px !important;
}
.banner_title .btn {
    background: none;
    border: none;
    color: white;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 4px;
    transition: all 0.3s ease;
    position: relative;
    user-select: none;
}
.search-bar .btn-primary {
    border-color: #fff;
    background: linear-gradient(136deg,  #286aff, #3dc5f7, #fbdeff);
    border-radius: 6px;
    padding: 0.75rem 2rem;
    font-weight: 500;
}/* 保留原有样式，仅修改/新增以下关键样式 */
.searchbox {
    width: 83.33333333% !important;
    min-width: 600px; /* 避免缩放过小变形 */
}

.search-bar {
    width: 100%;
}
.search-bar-flex {
    display: flex;
    flex-wrap: nowrap; /* 强制不换行（核心） */
    align-items: center;
    gap: 8px; /* 元素间距，替代margin更稳定 */
    width: 100%;
}

/* 左侧输入框：flex权重1.5（更宽） */
.input-item-left {
    flex: 1.5; /* 权重高于右侧的1，占更多空间 */
    min-width: 220px; /* 最小宽度，避免缩放过小 */
}
/* 右侧输入框：flex权重1（基础宽度） */
.input-item-right {
    flex: 1;
    min-width: 180px; /* 最小宽度 */
}
/* 通用输入框样式：清空冲突的calc宽度 */
.input-item {
    width: auto !important;
}
.lineright {
    border-right: 1px solid #e5e7eb;
    padding-right: 0.5rem; /* 用padding替代margin，避免布局偏移 */
    margin-right: 0;
}
.pr {
    position: relative;
}

/* 按钮区域：固定宽度+禁止压缩 */
.wid120 {
    width: 135px !important;
    flex-shrink: 0; /* 关键：永不被压缩，始终贴右侧 */
}

/* 保留原有样式 */
.banner_title .wid120 {
    width: 135px !important;
}
.banner_title .btn {
    background: none;
    border: none;
    color: white;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 4px;
    transition: all 0.3s ease;
    position: relative;
    user-select: none;
}
.search-bar .btn-primary {
    border-color: #fff;
    background: linear-gradient(136deg,  #286aff, #3dc5f7, #fbdeff);
    border-radius: 6px;
    padding: 0.75rem 2rem;
    font-weight: 500;
}

/* 可选：小屏幕适配 */
@media (max-width: 768px) {
    .searchbox {
        width: 100% !important;
        min-width: auto;
    }
    .input-item-left {
        flex: 1.2; /* 小屏幕缩小左侧权重，适配更合理 */
        min-width: 150px;
    }
    .input-item-right {
        flex: 1;
        min-width: 120px;
    }
    .wid120 {
        width: 100px !important;
    }
}


 .index-app {
	 margin:-50px auto 15px;
    
    background-color: #fff;
    border-radius: 4px;
    padding: 0 20px 5px 20px;
    position:relative;max-width:1250px;
}
	

 .index-app .index-app-top {
    height: 50px;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}	

.index-app .index-app-top .index-app-title {
    font-size: 15px;
    float: left;
    box-sizing: border-box;
} .index-app .index-app-top .index-app-title .tab {
    float: left;
    margin-right: 30px;
    line-height: 50px;
    color: #333;
    font-weight: bold;
} .index-app .index-app-container .item-app-container {
    display: inline-block;
    width: 212px;
    margin: 5px 25px 5px 0;
    background: #fff;
    border-radius: 4px;
    font-size: 0;
    vertical-align: bottom;
    cursor: pointer;
}
 .index-app2 .index-app-container .item-app-container{
    display: inline-block;
    width: 246px;
    margin: 5px 25px 20px 0px;
    background: #fff;
    border-radius: 4px;
    font-size: 0;
    vertical-align: bottom;
    cursor: pointer;
}.index-app-item {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 6px 0px 6px 5px;
    color: #333;
    font-size: 0;
    position: relative;
}.index-app-item .app-item-logo {
    width: 34px;
    height: 34px;
}.index-app-item .app-item-info {
    display: inline-block;
    width: calc(100% - 40px);
    margin-left: 10px;
}.index-app-item .app-item-info .app-item-info-top {
    display: inline-block;
    max-width: 100%;
    position: relative;
}.index-app-item .app-item-info .app-item-info-top .app-item-title {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}.index-app-item .app-item-info .app-item-subtitle {
    font-size: 12px;
    color: #999;
}.index-app-item .app-item-info .app-item-subtitle>div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
  .btn-operate-app:hover {
    color: #128bed;
}.index-app .btn-operate-app {
    float: left;
    text-align: right;
    cursor: pointer;
    color: #999;
    margin-left: 15px;
    line-height: 50px;font-size:14px
}.index-app .btn-operate-app:hover  {
   color: #128bed;
}
.index_app-icon__5MBkT {
    color: #C2C7CC; /* 初始默认色，和原SVG的fill一致 */
}
.index_app-icon__5MBkT path {
    fill: currentColor !important; /* 让path填充色继承SVG的color，!important覆盖path自带的fill属性 */
}
/* 鼠标放父元素.btn-operate-app 或 SVG自身上，SVG变蓝色 */
.btn-operate-app:hover .index_app-icon__5MBkT,
.index_app-icon__5MBkT:hover {
    color: #128bed; /* 目标蓝色 */
}.btn-operate-app {
  /* 核心：Flex布局实现垂直+水平对齐，按需调整水平对齐 */
  display: inline-flex; /* 行内Flex，不占满整行，适配原有布局 */
  align-items: center;  /* 关键：子元素（SVG+文字）垂直居中 */
  gap: 4px;             /* 可选：SVG和文字之间的间距，按需调（3-6px都合适） */
  /* 可选：如果需要文字和SVG整体水平居中，加justify-content: center; */
  cursor: pointer;      /* 可选：鼠标悬浮变手型，提升交互体验 */
  align-content: center;/* 兼容少量布局场景，强化居中 */
}

/* 可选：给SVG加个垂直对齐兜底，双重保障 */
.index_app-icon__5MBkT {
  vertical-align: middle;
}
 .top-search-content {
    width: 100%;
    padding: 0 0 15px;
    background-color: #b9d7ff;
    overflow: hidden;
    border-radius: 4px;
	width:1250px;
	margin:10px auto 10px
} .clearfix::before {
    display: table;
    content: " ";
}
 .top-search-content .header {
    padding: 0px;
} .top-search-content .header img {
    width: 100%;
    height: 200px;
}
.top-search-content .left {
    float: left;
    width: 700px;
    margin-top: -120px;
    position: relative;
    margin-left: 15px;
	#overflow-y:scroll;
	height:772px
}
.top-search-content .top-search-panel {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
}.top-search-content .top-search-panel .panel-header {
    text-align: center;
}.top-search-content .top-search-panel .panel-header>img {
    width: 100%;
    height: 50px;
}.top-search-content .left .hslist-item {
    position: relative;
}.clearfix {
    zoom: 1;
}.top-search-content .top-search-panel .hot-search-list .hslist-item {
    padding: 12px 15px;
    cursor: pointer;
}.pull-left {
    float: left !important;
} .top-search-content .top-search-panel .hot-search-list .hslist-item .hs-item-num {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: #f7f7f7;
    color: #999;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    margin-right: 10px;
    font-family: D-DIN-Bold;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-item-num.r1 {
    background: url(//qcc-static.qichacha.com/qcc/top-web/prod-26.01.2/images/r1-d4bc90db.png) no-repeat center center;
    background-size: 24px 24px;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .mid {
    width: calc(100% - 123px);
    font-size: 0;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-company {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .mid {
    width: calc(100% - 123px);
    font-size: 0;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-company.name {
    font-weight: bold;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-company>a {
    position: relative;
    color: #333;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-company.news {
    font-size: 14px;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-company.news>a {
    color: #666;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-index {
    position: relative;
    max-width: 70px;
    text-align: right;
    line-height: 24px;
}.top-search-content .left .hslist-item .hs-index.center {
    line-height: 48px;
}.top-search-content .left .hslist-item .hs-index img {
    width: 14px;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-item-num.r1 {
    background: url(//qcc-static.qichacha.com/qcc/top-web/prod-26.01.2/images/r1-d4bc90db.png) no-repeat center center;
    background-size: 24px 24px;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-item-num.r2 {
    background: url(//qcc-static.qichacha.com/qcc/top-web/prod-26.01.2/images/r2-bc148810.png) no-repeat center center;
    background-size: 24px 24px;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-item-num.r3 {
    background: url(//qcc-static.qichacha.com/qcc/top-web/prod-26.01.2/images/r3-8def2496.png) no-repeat center center;
    background-size: 24px 24px;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-item-num {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: #f7f7f7;
    color: #999;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    margin-right: 10px;
    font-family: D-DIN-Bold;
}.top-search-content .right {
    float: right;
    width: 504px;
    margin-top: -120px;
    position: relative;
    margin-right: 15px;
}.top-search-content .top-search-panel {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
}.top-search-content .top-search-panel .panel-header {
    text-align: center;
}.top-search-content .top-search-panel .panel-header>img {
    width: 100%;
    height: 50px;
}.top-search-content .right .top-search-panel .hot-search-list {
    overflow-y: scroll;height:718px
}.top-search-content .top-search-panel .hot-search-list .hslist-item {
    padding: 12px 15px;
    cursor: pointer;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-item-num.first {
    color: #e52021;
    background: #ffe4e4;
}.top-search-content .right .top-search-panel .hot-search-list .mid {
    width: calc(100% - 104px);
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-item-num.second {
    color: #ff722d;
    background: #fff1e4;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-item-num.third {
    color: #fa0;
    background: #fffbe4;
}.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-item-num {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: #f7f7f7;
    color: #999;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    margin-right: 10px;
    font-family: D-DIN-Bold;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}hr {
    display: block;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    color: gray;
    unicode-bidi: isolate;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}
.right .top-search-panel .hot-search-list .hslist-item{
	position:relative
}
.right .hot-search-list hr{width:455px; border-top: 1px solid #eee;
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    margin: 0;
	opacity:1 !important}
	
	.right .hot-search-list .date{font-size:13px; 
    position: absolute;
    top: 25px;
  
    right: 18px;
    margin: 0;color:#bbb
	}
.top-search-content .top-search-panel .hot-search-list .hslist-item .hs-company.name:hover>a{color:#128bed}
 .top-search-content .left .hslist-item hr {
    border-top: 1px solid #eee;
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    margin: 0;
	opacity:1 !important
}.top-search-content .top-search-panel .hot-search-list .hslist-item:hover {
	background: #f2f8fe
} .top-search-content .top-search-panel .hot-search-list .hslist-item .hs-company.news>a:hover {
	color: #128bed
}.header {
    padding: 0px;
}
 .index-banner {
    position: relative;  
	margin: 15px auto 0px; 
    max-width: 1250px;
}
.right .hs-company.name{font-size:15px !important}


.job-card .apply-tooltip {
  position: absolute;
  top: 20px; /* 定位在按钮上方 */
  left: 33%;
  transform: translateX(-50%);
  
  color: #ecf0f1;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 14px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.15); /* 柔和阴影 */
  opacity: 0;
  visibility: hidden; /* 避免占据空间 */
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); /* 丝滑过渡曲线 */
  white-space: nowrap; /* 防止文字换行 */
  z-index: 9999; /* 确保在其他元素上方 */
   box-shadow:0px 0px 12px rgba(0, 0, 0, .12);
background: linear-gradient(to right, rgb(33, 147, 176), rgb(109, 213, 237));
}

/* 提示框小箭头（气泡效果） */
.job-card .apply-tooltip::before {
  content: '';
  position: absolute;
  bottom: -16px; /* 箭头指向按钮 */
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: #70B2CB transparent transparent transparent; /* 箭头颜色匹配提示框 */
}

/* 提示框显示状态（通过类控制） */
.job-card .apply-tooltip.active {
  opacity: 1;
  visibility: visible;
}

.modalbtns .apply-tooltip {
  position: absolute;
  top: 17px; /* 定位在按钮上方 */
  right: -78px;
  transform: translateX(-50%);
  
  color: #ecf0f1;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 14px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.15); /* 柔和阴影 */
  opacity: 0;
  visibility: hidden; /* 避免占据空间 */
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); /* 丝滑过渡曲线 */
  white-space: nowrap; /* 防止文字换行 */
  z-index: 9999; /* 确保在其他元素上方 */
   box-shadow:0px 0px 12px rgba(0, 0, 0, .12);
  background: linear-gradient(to right, rgb(33, 147, 176), rgb(109, 213, 237));
}
.modalbtns .apply-tooltip.active {
  opacity: 1;
  visibility: visible;
}
.modalbtns .apply-tooltip::before {
  content: '';
  position: absolute;
  bottom: -16px; /* 箭头指向按钮 */
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: #70B2CB transparent transparent transparent; /* 箭头颜色匹配提示框 */
}