@charset "utf-8";
/* CSS Document */

.crumbs-bar{
  background:#fff;
  /*border-bottom:1px solid var(--gray);*/border-top: 1px solid var(--gray);
	padding: 0.8rem 1.3rem 0rem 1.3rem;
}
.crumbs-inner{
  width: 100%;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:300;
 
}
.crumbs-inner a{transition:color .2s;color:var(--text-t);}
.crumbs-inner a:hover{color:var(--primary)}
.crumbs-inner svg{width:7px;height:11px;flex-shrink:0;color:var(--text-t)}
.crumbs-inner .cur{
  color:var(--text-t);
  max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* ---------- Search hero ---------- */
.search-hero{
  min-height:700px;
  border-bottom:1px solid var(--gray-line);
}
.search-hero-inner{
  max-width:960px;margin:0 auto;padding:60px 24px 52px;
  text-align:center;
}
.search-hero .kicker{
  display:inline-flex;align-items:center;gap:12px;
  font-size:13px;text-transform:uppercase;
  color:var(--primary);font-weight:400;margin-bottom:18px;
}
.search-hero .kicker::before,
.search-hero .kicker::after{
  content:"";width:34px;height:2px;background:var(--primary);display:block;
}
.search-hero h1{
  font-weight:500;color:var(--dark);
  line-height:1.24;margin-bottom:26px;
}
.search-hero h1 em{font-style:normal;color:var(--primary)}

.search-form{
  display:flex;align-items:center;
  background:#f7f7f6;;
  border:2px solid var(--gray-line);border-radius:999px;
  padding:7px 7px 7px 24px;
  transition:border-color .25s,box-shadow .25s;
  max-width:760px;margin:0 auto;
}
.search-form:focus-within{
  border-color:var(--primary);
  box-shadow:0 12px 30px rgba(255,162,0,.14);
}
.search-form .sf-ic{width:20px;height:20px;color:var(--gray);flex-shrink:0}
.search-form input{
  flex:1;min-width:0;height:52px;border:none;background:none;outline:none;
  font-size:16.5px;color:var(--ink);padding:0 16px;
  font-family:inherit;
}
.search-form input::placeholder{color:var(--gray)}
.search-form button{
  flex-shrink:0;height:52px;padding:0 38px;
  background:var(--primary);color:#fff;border:none;border-radius:999px;
  font-size:16px;font-weight:500;letter-spacing:1.5px;
  display:flex;align-items:center;gap:9px;
  transition:background .2s;
}
.search-form button:hover{background:var(--primary-dark)}
.search-form button img{width:17px;height:17px}

.hot{
  display:flex;align-items:center;justify-content:center;gap:12px;
  flex-wrap:wrap;margin-top:22px;font-size:13.5px;color:var(--gray);
}
.hot b{color:var(--text);font-weight:500;}
.hot a{
  padding:6px 16px;border:1px solid var(--gray-line);
  border-radius:999px;color:var(--text);background:#fff;
  font-size:13.5px;transition:.2s;
}
.hot a:hover{border-color:var(--primary);color:var(--primary)}

@media screen and (max-width: 1024px) {
	.search-hero-inner{padding:46px 24px 40px}
  
  
	.search-form{
    flex-wrap:wrap;border-radius:16px;padding:8px 8px 8px 16px;
  }
  .search-form .sf-ic{width:17px;height:17px}
  .search-form input{height:44px;font-size:14.5px;padding:0 12px}
  .search-form button{
    width:100%;height:46px;justify-content:center;
    margin-top:8px;font-size:15px;
  }
  .hot{gap:8px;margin-top:16px}
  .hot b{width:100%;text-align:center}
  .hot a{padding:6px 13px;font-size:13px}
}