.hot-search {display:flex;align-items:center;flex-wrap:wrap;gap:12px;}
.hot-search .label {color:#999;font-size:14px;}
.hot-search a {color:#666;font-size:13px;padding:4px 5px;background-color:#f5f5f5;border-radius:5px;transition:all 0.3s ease;}
.hot-search a:hover {background-color:#3E9EFE;color:#fff;transform:translateY(-2px);}
.job-list {display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:10px;margin-bottom:10px;}
.job-title {font-size:18px;;font-weight:600;color:#333;transition:color 0.3s ease;}
.job-item:hover .job-title {color:#3E9EFE;}
.job-categories {padding:80px 0;background-color:#fff;}
.category-banner {padding:10px 0;background:#f6f6f8;width:100%;}
.category-banner-content {display: flex; width: 100%; min-height: 349px; gap: 5px;}
.category-left {flex: 1; max-width:310px; min-width: 310px; box-sizing: border-box; background:#fff; border-radius:14px; overflow:visible; position:relative; border:1px solid #e8e8e8; z-index: 2;}
.category-right {flex: 1; box-sizing: border-box; z-index: 1; display: flex; gap: 5px;}
.category-list {display:flex;flex-direction:column;gap:1px;}
.category-list::-webkit-scrollbar {width:6px;}
.category-list::-webkit-scrollbar-track {background:#f1f1f1;border-radius:3px;}
.category-list::-webkit-scrollbar-thumb {background:#3E9EFE;border-radius:3px;}
.category-list::-webkit-scrollbar-thumb:hover {background:#009b7a;}
.tegory-list::-webkit-scror-thumb:hover {background:#009b7a;}
.category-pagination {display:flex;justify-content:center;gap:10px;margin:10px;}
.page-btn {padding:4px 5px;background-color:#f5f5f5;border:1px solid #e8e8e8;border-radius:6px;font-size:14px;color:#333;cursor:pointer;transition:all 0.3s ease;}
.page-btn:hover:not(:disabled) {background-color:#06F;color:#fff;border-color:#3E9EFE;}
.page-btn.active {background-color:#06F;color:#fff;border-color:#3E9EFE;}
.page-btn:disabled {opacity:0.7;cursor:not-allowed;}
.category-list .category-item {padding:8px 8px 8px 20px;background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;transition:all 0.3s ease;cursor:pointer;position:relative;}
.category-list .category-item:hover {transform:translateX(5px);box-shadow:0 5px 20px rgba(0, 0, 0, 0.08);border-color:#3E9EFE;}
.category-list .category-name {font-size:15px;font-weight:100;color:#333;margin-bottom:0;}
.category-list .category-item:nth-child(1) .category-subs-dropdown {top:-2px;}
.category-list .category-item:nth-child(2) .category-subs-dropdown {top:-45px;}
.category-list .category-item:nth-child(3) .category-subs-dropdown {top:-87px;}
.category-list .category-item:nth-child(4) .category-subs-dropdown {top:-130px;}
.category-list .category-item:nth-child(5) .category-subs-dropdown {top:-172px;}
.category-list .category-item:nth-child(6) .category-subs-dropdown {top:-215px;}
.category-list .category-item:nth-child(7) .category-subs-dropdown {top:-258px;}
.category-list .category-subs-dropdown {position:absolute;left:100%;width:870px;height:340px;background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);padding:5px;opacity:0;visibility:hidden;transform:translateY(0);transition:opacity 0.3s ease, visibility 0.3s ease;z-index:9999;overflow-y:auto;}
.category-list .category-subs-dropdown::-webkit-scrollbar {width:6px;}
.category-list .category-subs-dropdown::-webkit-scrollbar-track {background:#f1f1f1;border-radius:3px;}
.category-list .category-subs-dropdown::-webkit-scrollbar-thumb {background:#3E9EFE;border-radius:3px;}
.category-list .category-subs-dropdown::-webkit-scrollbar-thumb:hover {background:#009b7a;}
.category-list .category-item:hover .category-subs-dropdown {opacity:1;visibility:visible;transform:translateY(0);}
.subs-content {display:flex;flex-direction:column;gap:8px;}
.sub-item {position:relative;}
.sub-item > a {display:block;padding:3px 8px;background-color:#f8f9fa;border-radius:6px;font-size:14px;font-weight:700;color:#333;transition:all 0.3s ease;cursor:pointer;text-decoration:none;}
.sub-item > a:hover {color:#3E9EFE;}
.third-level-content {display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid #e8e8e8;}
.third-level-content a {padding:2px 5px;border-radius:4px;font-size:13px;color:#666;transition:all 0.3s ease;cursor:pointer;text-decoration:none;}
.third-level-content a:hover {background-color:#3E9EFE;color:#fff;}
.itemzc {flex: 2;}
.itemzc img {width: 100%; height: auto; display: block; object-fit: cover;}
.image-carousel{position: relative; width: 622px; height: 349px;overflow: hidden; margin-bottom: 8px;}
.carousel-container{display: flex; transition: transform 0.5s ease;}
.carousel-indicators{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px;}
.carousel-item{min-width: 100%; width:622px height: 439px;border-radius:5px;}
.carousel-item img{width: 100%; height: 100%; object-fit: cover;border-radius:5px;}
.indicator{width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.5); cursor: pointer;}
.itemyc {display:flex;flex-direction:column;gap:5px;flex:1;}
.itemx {width:100%; width:266px; height:113px;overflow:hidden;transition:all 0.3s ease;border-radius:5px;}
.itemyc itemx img {width:100%;height:113px;object-fit:cover;}

.section-title {font-size:28px;font-weight:700;text-align:center;margin-bottom:18px;color:#333;position:relative;}
.section-title::after {content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg, #fd9810, #F63);margin:15px auto 0;border-radius:2px;}
.hot-jobs {padding:10px 0;background:#f6f6f8;width:100%;}
.job-category-tabs {display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:10px;padding:0 20px;}
.job-category-tabs .tab-item {padding:3px 15px;background-color:#fff;border:1px solid #e8e8e8;border-radius:5px;font-size:14px;color:#666;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;}
.job-category-tabs .tab-item:hover {border-color:#3E9EFE;color:#3E9EFE;transform:translateY(-2px);}
.job-category-tabs .tab-item.active {background:linear-gradient(135deg, #3E9EFE 0%, #06F 100%);color:#fff;border-color:transparent;box-shadow:0 4px 15px rgba(0, 179, 138, 0.3);}
.job-item {background-color:#fff;border:1px solid #e7d4d4;padding:15px;border-radius:12px;transition:all 0.3s ease;}
.job-item:hover {transform:translateY(-5px);box-shadow:0 15px 40px rgba(0, 0, 0, 0.12);border-color:transparent;}
.job-info {display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}
.job-salary {font-size:18px;font-weight:700;color:#fa5151;}
.company-info {margin-bottom:10px;}
.company-name {display:block;font-size:14px;color:#666;margin-bottom:10px;font-weight:500;}
.company-tags {display:flex;flex-wrap:wrap;gap:8px;}
.company-tags span {padding:4px 12px;background-color:#f0f7f5;border-radius:4px;font-size:13px;color:#2b312f;font-weight:500;}
.job-meta {display:flex;gap:20px;font-size:13px;color:#999;}
.job-meta span {display:flex;align-items:center;gap:5px;}
.job-meta span::before {content:'•';color:#3E9EFE;}
.load-more {text-align:center;}
.hot-companies {padding:0 0 20px 0;background:#f6f6f8;width:100%;}
.company-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:10px;margin-bottom:20px;}
.company-item {background-color:#fff;padding:10px;border-radius:12px;transition:all 0.3s ease;border:1px solid #e8e8e8;}
.company-item:hover {transform:translateY(-5px);box-shadow:0 15px 40px rgba(0, 0, 0, 0.12);border-color:#3E9EFE;}
.company-header {display:flex;align-items:center;gap:15px;margin-bottom:5px;}
.company-logo {width:60px;height:60px;background:linear-gradient(135deg, #3E9EFE 0%, #3E9EFE 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0;}
.company-basic {flex:1;}
.company-title {font-size:15px;;font-weight:600;color:#333;margin-bottom:8px;transition:color 0.3s ease;}
.company-item:hover .company-title {color:#3E9EFE;}
.company-footer {display:flex;justify-content:space-between;align-items:center;padding-top:5px;border-top:1px solid #f0f0f0;}
.company-location {font-size:13px;color:#999;}
.company-jobs {padding:0 20px;font-size:14px;color:#3E9EFE;}
.company-jobd {font-size:14px;color:#fa5151;font-weight:600;}
.company-job-item {padding:4px 0;}
.company-job-item a {color:#666;text-decoration:none;}
.company-job-item a:hover {text-decoration:underline;}
.company-title-line {font-size:16px;;font-weight:600;color:#333;margin-bottom:5px;}
.company-jobs-line {display:flex;flex-wrap:wrap;gap:1px;align-items:center;}
.company-jobs-line span{display:flex;flex-wrap:wrap;color:#03C;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 #3E9EFE;border-radius:5px;color:#3E9EFE;transition:all 0.3s ease;}
.load-more a:hover {color:#3E9EFE;transform:translateY(-2px);}
.link{color:#096;background-color:#FFF;padding:15px;border-radius:5px;margin-left:auto;}
.link a{padding:1px 5px;background-color:#fff;color:#666;}
.link a:hover {color:#3E9EFE;transform:translateY(-2px);}

@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; }}
@keyframes slideUp {from {opacity:0; transform:translateY(20px);}to { opacity:1;  transform:translateY(0); }}
@media (max-width:1200px) {.category-list .category-subs-dropdown {left:430px; width:calc(100vw - 460px); }}
@media (max-width:1024px) {.category-list .category-subs-dropdown {position:absolute;left:100%;top:0 !important;width:500px;height:340px; transform:none !important; z-index:9999;}
.category-list .category-item:hover .category-subs-dropdown {transform:none !important;}}
@media (max-width:1300px) and (min-width:1025px) and (-webkit-max-device-pixel-ratio:1.25), (max-width:1300px) and (min-width:1025px) and (max-resolution:120dpi) {
.category-list .category-subs-dropdown {position:absolute;left:100%;top:0 !important;width:800px;height:340px;transform:none !important;z-index:9999;}
.category-list .category-item:hover .category-subs-dropdown {transform:none !important;}}
@media (max-width:1300px) and (min-width:1025px) and (-webkit-min-device-pixel-ratio:1.5), (max-width:1300px) and (min-width:1025px) and (min-resolution:144dpi) {
.category-list .category-item:nth-child(1) .category-subs-dropdown {top:-2px !important;}
.category-list .category-item:nth-child(2) .category-subs-dropdown { top:-45px !important;}
.category-list .category-item:nth-child(3) .category-subs-dropdown {top:-87px !important;}
.category-list .category-item:nth-child(4) .category-subs-dropdown { top:-130px !important;}
.category-list .category-item:nth-child(5) .category-subs-dropdown { top:-172px !important;}
.category-list .category-item:nth-child(6) .category-subs-dropdown {top:-215px !important;}
.category-list .category-item:nth-child(7) .category-subs-dropdown {top:-258px !important;}
.category-list .category-subs-dropdown {position:absolute; left:100%;width:800px;height:340px;z-index:9999;}}
@media(max-width:768px){
.category-left{display:none}
.category-right{display:none}
.category-banner{display:none}
.category-list .category-subs-dropdown{position:fixed;left:10px;right:10px;top:50%;transform:translateY(-50%);width:auto;height:auto;max-height:80vh}
.category-list .category-item:hover .category-subs-dropdown{transform:translateY(-50%)}
.banner-images{grid-template-columns:1fr;grid-template-rows:repeat(4,200px)}
}