.hero-content {text-align:center;margin-bottom:40px;position:relative;z-index:1;}
.hero-title {font-size:48px;font-weight:800;color:#fff;margin-bottom:15px;text-shadow:0 2px 10px rgba(0, 0, 0, 0.1);animation:fadeInDown 0.8s ease;}
@keyframes fadeInDown {from {opacity:0;transform:translateY(-30px);}to {opacity:1;transform:translateY(0);}}
.hero-subtitle {font-size:20px;color:rgba(255, 255, 255, 0.95);font-weight:400;animation:fadeInUp 0.8s ease 0.2s both;}
@keyframes fadeInUp {from {opacity:0;transform:translateY(30px);}to {opacity:1;transform:translateY(0);}}
.stats-bar {display:flex;justify-content:space-around;margin-top:50px;position:relative;z-index:1;animation:fadeIn 1s ease 0.4s both;}
@keyframes fadeIn {from {opacity:0;}to {opacity:1;}}
.stat-item {text-align:center;padding:20px;}
.stat-number {display:block;font-size:32px;font-weight:800;color:#fff;margin-bottom:8px;text-shadow:0 2px 10px rgba(0, 0, 0, 0.1);}
.label {display:block;font-weight:600;}
.stat-label {display:block;font-size:14px;color:rgba(255, 255, 255, 0.85);font-weight:500;}
.search-box {border-radius:16px;padding:5px;position:relative;z-index:1;}
.tab-item {padding-bottom:5px;font-size:20px;color:#999;cursor:pointer;position:relative;transition:all 0.3s ease;}
.tab-item:hover {color:#666;}
.tab-item.active {color:#00b38a;}
.tab-item.active::after {content:'';position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg, #00b38a, #00d4a4);border-radius:2px;}
.search-input-group {display:flex;gap:10px;border-radius:8px;margin-bottom:10px;border:1px solid #F63;}
.input-item {position:relative;}
.input-item.category-selector {width:180px;}
.input-item {flex:1;}
.input-item input {width:102%;height:50px;padding:0 0 0 20px;border:2px solid #e8e8e8;border-radius:5px;font-size:16px;outline:none;transition:all 0.3s ease;background-color:#fafafa;}
.input-item input:focus {border-color:#00b38a;background-color:#fff;box-shadow:0 0 0 4px rgba(0, 179, 138, 0.1);}
.input-item input::placeholder {color:#bbb;}
.buttsc{ margin-left:15px;padding:6px 8px;background-color:#F63;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all 0.3s ease}
.btn-search {max-width:900px;padding:0 35px;height:50px;background:linear-gradient(135deg, #fd9810 0%, #F63 100%);color:#fff;border:none;border-radius:8px;font-size:21px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0, 179, 138, 0.3);}
.btn-search:hover {transform:translateY(-2px);box-shadow:0 8px 25px rgba(0, 179, 138, 0.4);}
.btn-search:active {transform:translateY(0);}
.hot-companies {padding:0 0 20px 0;background:#cfebe5;width:100%;}
.cm-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:10px;margin-bottom:20px;}
.cm-item {background-color:#fff;padding:10px;border-radius:12px;transition:all 0.3s ease;border:1px solid #e8e8e8;}
.cm-item:hover {transform:translateY(-5px);box-shadow:0 15px 40px rgba(0, 0, 0, 0.12);border-color:#00b38a;}
.cm-header {display:flex;align-items:center;gap:15px;margin-bottom:5px;}
.cm-logo {width:60px;height:60px;background:linear-gradient(135deg, #00b38a 0%, #00d4a4 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0;}
.cm-basic {flex:1;}
.cm-title {font-size:15px;color:#333;margin-bottom:8px;transition:color 0.3s ease;}
.cm-item:hover .cm-title {color:#00b38a;}
.cm-footer {display:flex;justify-content:space-between;align-items:center;padding-top:5px;border-top:1px solid #f0f0f0;}
.cm-location {font-size:12px;color:#999;}
.cm-jobs {padding:0 20px;font-size:14px;color:#00b38a;}
.cm-jobd {font-size:14px;color:#00b38a;font-weight:600;}
.cm-job-item {padding:4px 0;}
.cm-job-item a {color:#666;text-decoration:none;}
.cm-job-item a:hover {text-decoration:underline;}
.logo-text {display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#06F 10%,#3E9EFE 90%);border-radius:8px;font-size:18px;font-weight:700;color:#fff;}
.right {margin-left:auto;color:#999;font-size:13px;}
.cm-title-line {font-size:16px;color:#333;margin-bottom:5px;}
.cm-jobs-line {display:flex;flex-wrap:wrap;gap:1px;align-items:center;}
.cm-jobs-line span { display: flex; flex-wrap: wrap; color: #0066cc; font-size: 13px; align-items: center; }
.job-tag {display:inline-block;padding:2px 5px;color:#666;border-radius:12px;font-size:13px;border:1px solid #e0f2ed;}
.job-time {font-size:13px;color:#999;margin-left:auto;}
.load-more a {display:inline-block;padding:7px 50px;background-color:#fff;border:1px solid #00b38a;border-radius:5px;color:#00b38a;transition:all 0.3s ease;}
.load-more a:hover {color:#00b38a;transform:translateY(-2px);}
.achy{font-size: 14px; color: #666; margin-right: 15px;}
.ach{font-size: 14px; font-weight: bold; margin-bottom: 15px;}
.achp{font-size: 14px; line-height: 1.5;margin: 15px 10px 30px;color: #ff6600;}
.achm{font-size: 14px; line-height: 1.8;margin: 10px;}
.achb{margin-bottom: 15px;}
.achr{color: #ff6600; font-weight: bold; margin-bottom: 15px;}
.achc{flex: 1; min-width: 550px; background: #f9f9f9; padding: 20px; border-radius: 8px;}
.achco{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.achcom{font-size: 18px; font-weight: bold; margin: 0;}
@keyframes float { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-10px); }}
@keyframes spin {0% { transform:rotate(0deg); }100% { transform:rotate(360deg); }}
@keyframes fadeIn {from { opacity:0; } to { opacity:1; }}
.search-result-container{max-width:1200px;margin:0 auto;padding:20px;border-bottom:10px solid #eee;}
.search-header{margin-bottom:20px}
.search-query{font-size:18px;font-weight:bold;margin-bottom:10px}
.result-count{color:#666;margin-bottom:20px}
.job-list{border-top:1px solid #eee}
.job-item{padding:10px 20px; 0;border-radius: 6px; border: 1px solid #e7d4d4; margin-bottom:10px;display:flex;align-items:center;gap:15px;}
.job-item.active { background-color: #e6f7ff; border-left: 4px solid #1890ff;}
.job-item:hover{background-color:#e6f7ff;border:1px solid ##cfebe5;}
.job-logo{width:60px;height:60px;flex-shrink:0;border-radius:5px;}
.job-logo img{width:60px;height:60px;object-fit:cover;border-radius:5px;}

.ren-badge{display:inline-block;padding:2px 3px;background:#52c41a;color:#fff;font-size:12px;border-radius:4px;margin-left:5px}
.mb-badge{display:inline-block;padding:2px 3px;background:#ff7a45;color:#fff;font-size:12px;border-radius:4px;margin-left:5px}

.job-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:0}
.job-title{font-size:16px;font-weight:bold;margin-bottom:8px;display:flex;justify-content:flex-start;align-items:center}
.job-title a{color:#333;text-decoration:none}
.job-title a:hover{color:#0066cc}
.job-salary{color:#ff6600;font-weight:bold;margin-left:auto}
.cm-info{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:8px}
.cm-info:hover{cursor:pointer}
.cm-name{font-size:14px;color:#666;margin-right:20px;white-space:nowrap}
.cm-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;color:#999;flex:1}
.cm-tags span{font-size:12px;color:#999; margin-left:10px;}
.cm-tag{display:inline-block;padding:2px 5px;color:#666;border-radius:12px;font-size:13px;border:1px solid #e0f2ed;}
.job-time{font-size:13px;color:#999;margin-left:auto;}
.right{margin-left:auto;color:#999;font-size:13px;white-space:nowrap;}
.job-meta{font-size:12px;color:#999;display:flex;gap:15px}
.pagination{display:flex;justify-content:center;margin-top:30px}
.page-btn{padding:5px 10px;margin:0 5px;border:1px solid #ddd;background-color:#fff;cursor:pointer}
.page-btn:hover{background-color:#f5f5f5}
.page-btn.active{background-color:#0066cc;color:#fff;border-color:#0066cc}
/* 加载状态 */
.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}
.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #00b38a;border-radius:50%;animation:spin 1s linear infinite}
.loading p{margin-top:10px;color:#999}
.nodata{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}

.top_search dd a{float:left;display:block;line-height:28px;padding-right:15px;color:#333;white-space:nowrap;text-overflow:ellipsis}
.top_search dt{float:left;color:#666;line-height:28px;font-weight:800}
.top_search dl.dl_zw_job{position:relative}
.top_search dl{margin:0 10px 0 30px}
dl,dd,ul,li,i,em{font-style:normal;list-style:none;padding:0;margin:0}
.top_search dd a.on{color:#f60;font-weight:800}
.top_search dt{float:left;color:#666;line-height:28px;font-weight:800}
.filter-container{margin-top:1px;padding:20px;background:#f9f9fa;border-radius:5px;margin-bottom:5px;box-shadow:0 2px 8px rgba(0,0,0,0.05);margin-top: 1px; padding: 15px; background: #f9f9f9; border-radius: 8px;}

.filter-row{margin-bottom:1px;}
.dl_zw_job{display:flex;flex-wrap:wrap;gap:3px;align-items:flex-start}
.dl_zw_job dt{font-weight:600;color:#333;min-width:60px;padding-top:6px;flex-shrink:0}
.dl_zw_job dd{flex:1;display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:0;padding:0}
.dl_zw_job .more_zw{margin-left:auto;align-self:flex-start;margin-top:6px}
.dl_zw_job a {padding: 4px 8px;background-color: #fff;border: 1px solid #e8e8e8;border-radius: 6px;font-size: 13px;transition: all 0.3s ease; text-decoration: none; z-index: 1; position: relative;cursor: pointer;}
.dl_zw_job a:hover{background-color:#3E9EFE;color:#fff;border-color:#00b38a;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,179,138,0.2)}
.dl_zw_job a.on{background:linear-gradient(135deg,#3E9EFE 0%,#06F 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(0,179,138,0.3)}
.more_zw{padding:6px 16px;background-color:#f0f7f5;border:1px solid #e0f2ed;border-radius:18px;font-size:13px;color:#00b38a;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;margin-top:10px 10px 0 0;display:inline-block; margin-top:1px; z-index:10;}
.more_zw:hover{background-color:#00b38a;color:#fff;border-color:#00b38a;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,179,138,0.2)}
.divline{width:100%;clear:both;margin:5px 0;border-top:1px solid #f0f0f0}
.dl_zw_job dd#allzhiwei{overflow:hidden;transition:max-height 0.3s ease;max-height:50px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dl_zw_job dd#allzhiwei #tradeLinks{display:inline-flex;flex-wrap:wrap;gap:3px; align-items:center;}
.dl_zw_job dd#allzhiwei #tradeLinks a{ white-space:nowrap;}
.dl_zw_job dd#allarea{overflow:hidden;transition:max-height 0.3s ease;max-height:200px;display:flex;flex-wrap:wrap;gap:3px;align-items:center; overflow:hidden}
.dl_zw_job dd#allarea #areaLinks{display:inline-flex;flex-wrap:wrap;gap:3px;align-items:center;}
.dl_zw_job dd#allarea #areaLinks a{ white-space:nowrap;}
.filter-container br{margin:10px 0}
.filter-container br:last-child{margin-bottom:10px}
.action-links{display:inline-flex;gap:10px}
.action-link{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#fd9810 0%,#F63 100%);color:#fff;text-decoration:none;border-radius:4px;font-size:13px;font-weight:500;transition:all 0.3s ease;cursor:pointer}
.action-link:hover{background:linear-gradient(135deg,#F63 0%,#fd9810 100%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,179,138,0.3)}
.action-link:active{transform:translateY(0)}
.contact-link{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%);color:#fff;text-decoration:none;border-radius:4px;font-size:14px;font-weight:500;transition:all 0.3s ease;cursor:pointer;margin-bottom:10px}
.contact-link:hover{background:linear-gradient(135deg,#ee5a5a 0%,#d32f2f 100%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(238,90,90,0.3)}
.contact-link:active{transform:translateY(0)}
/* 二级和三级分类样式 */
.second-level-btn{padding:4px 8px;background-color:#fff;border:1px solid #e8e8e8;border-radius:6px;font-size:13px;color:#666;transition:all 0.3s ease;cursor:pointer;text-decoration:none}
.second-level-btn:hover{background-color:#00b38a;color:#fff;border-color:#00b38a;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,179,138,0.2)}
.second-level-active{padding:4px 8px;background:linear-gradient(135deg,#3E9EFE 0%,#06F 100%);border:1px solid #00b38a;border-radius:6px;font-size:13px;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 2px 6px rgba(0,179,138,0.3);text-decoration:none}
.third-level-container{display:flex;flex-wrap:wrap;gap:5px;align-items:center;width:100%;margin-top:10px;padding:8px;background-color:#f9f9f9;border-radius:6px;border-left:3px solid #00b38a;clear:both}
.third-level{padding:4px 10px;background-color:#fff;border:1px solid #e8e8e8;border-radius:6px;font-size:13px;color:#666;cursor:pointer;transition:all 0.3s ease;text-decoration:none}
.third-level:hover{background-color:#00b38a;color:#fff;border-color:#00b38a;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,179,138,0.2)}
.third-level-active{padding:4px 10px;background:linear-gradient(135deg,#3E9EFE 0%,#06F 100%);border:1px solid #ff6b35;border-radius:6px;font-size:13px;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 2px 6px rgba(255,107,53,0.3);text-decoration:none}
@media(max-width:768px){
.contain {width: 100%;padding:25px 10px;}
.section-title{font-size:26px}
.category-banner-content{flex-direction:column;height:auto}
.filter-container{padding:15px}
.dl_zw_job{flex-direction:wrap;gap:10px}
.dl_zw_job dt{min-width:auto;padding-top:0}
.dl_zw_job dd{flex-wrap:wrap}
.dl_zw_job a{padding:5px 12px;font-size:12px}}