.pc-house-page {
  padding-bottom: 52px;
  background: #fff;
}

.pc-list-hero {
  border-bottom: 1px solid #f0f0f0;
  background: linear-gradient(180deg, #fff 0%, #fafafa 100%);
}

.pc-list-hero .nh-wrap {
  padding: 14px 0 24px;
}

.pc-list-title-row {
  min-height: 68px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
}

.pc-list-title-row h1 {
  margin: 0;
  color: #111;
  font-size: 32px;
  line-height: 44px;
  font-weight: 800;
}

.pc-list-title-row p {
  margin: 8px 0 0;
  color: #6f7782;
  font-size: 15px;
}

.pc-filter-section {
  padding: 24px 0 0;
}

.pc-filter-card {
  position: relative;
  padding: 4px 24px 12px;
  border: 1px solid #edf0f3;
  background: #fff;
}

.pc-filter-row {
  min-height: 48px;
  display: grid;
  grid-template-columns: 72px 1fr;
  border-bottom: 1px solid #f4f5f7;
}

.pc-filter-extra {
  display: none;
}

.pc-filter-card.is-open .pc-filter-extra {
  display: block;
}

.pc-filter-label {
  padding-top: 14px;
  color: #222;
  font-weight: 700;
}

.pc-filter-options {
  min-width: 0;
  padding: 10px 0 6px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px 10px;
}

.pc-filter-options a {
  min-height: 28px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  color: #44505c;
  border-radius: 2px;
}

.pc-filter-options a:hover,
.pc-filter-options a.active {
  background: #fff3e8;
  color: #ff6a00;
  font-weight: 700;
}

.pc-filter-more-btn {
  height: 34px;
  margin: 12px 0 0 72px;
  padding: 0 18px;
  border: 1px solid #e6eaf0;
  background: #fff;
  color: #44505c;
}

.pc-filter-more-btn:hover {
  border-color: #ff7800;
  color: #ff7800;
}

.pc-filter-more-btn i {
  width: 6px;
  height: 6px;
  margin-left: 8px;
  display: inline-block;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
}

.pc-filter-card.is-open .pc-filter-more-btn i {
  transform: translateY(2px) rotate(225deg);
}

.pc-list-content {
  padding-top: 24px;
}

.pc-list-grid {
  display: grid;
  grid-template-columns: 850px 310px;
  gap: 40px;
  align-items: start;
}

.pc-list-main {
  min-width: 0;
}

.pc-list-toolbar {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #edf0f3;
}

.pc-list-toolbar h2 {
  margin: 0;
  color: #222;
  font-size: 22px;
}

.pc-list-toolbar em {
  color: #ff6a00;
  font-style: normal;
}

.pc-sort-tabs {
  display: flex;
  align-items: center;
  gap: 18px;
}

.pc-sort-tabs a {
  color: #6f7782;
}

.pc-sort-tabs a:hover,
.pc-sort-tabs a.active {
  color: #ff6a00;
  font-weight: 700;
}

.pc-house-list {
  min-height: 260px;
}

.pc-house-card {
  min-height: 222px;
  padding: 26px 0;
  display: grid;
  grid-template-columns: 220px 1fr 168px;
  gap: 24px;
  border-bottom: 1px solid #edf0f3;
  background: #fff;
}

.pc-house-cover {
  width: 220px;
  height: 162px;
  position: relative;
  display: block;
  overflow: hidden;
  background: #f3f5f7;
}

.pc-house-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .2s ease;
}

.pc-house-cover:hover img {
  transform: scale(1.035);
}

.pc-house-cover span {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 24px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  background: rgba(0, 0, 0, .58);
  color: #fff;
  font-size: 12px;
}

.pc-house-body {
  min-width: 0;
}

.pc-house-title-line {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pc-house-title-line h3 {
  max-width: 300px;
  margin: 0;
  overflow: hidden;
  color: #111;
  font-size: 24px;
  line-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-house-title-line h3 a:hover {
  color: #ff7800;
}

.pc-sale-status,
.pc-type-badge {
  height: 24px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  border-radius: 2px;
  font-size: 12px;
  white-space: nowrap;
}

.pc-sale-status {
  background: #283144;
  color: #fff;
}

.pc-type-badge {
  background: #f0f3f6;
  color: #596678;
}

.pc-house-address {
  margin: 12px 0 0;
  color: #44505c;
  line-height: 24px;
}

.pc-house-rooms {
  margin-top: 12px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #6f7782;
}

.pc-house-rooms a {
  color: #334155;
  font-weight: 700;
}

.pc-house-rooms a:hover {
  color: #ff7800;
}

.pc-house-rooms em {
  color: #d6dbe1;
  font-style: normal;
}

.pc-house-tags {
  min-height: 28px;
  margin-top: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.pc-house-tags span {
  height: 24px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  border-radius: 12px;
  background: #fff3e8;
  color: #ff6a00;
  font-size: 12px;
}

.pc-house-price {
  padding-top: 10px;
  text-align: right;
}

.pc-house-price strong {
  display: inline-block;
  color: #e64a19;
  font-size: 30px;
  line-height: 38px;
  font-weight: 800;
}

.pc-house-price span {
  color: #e64a19;
  font-weight: 700;
}

.pc-house-price em {
  margin-top: 6px;
  display: block;
  color: #98a2ad;
  font-style: normal;
}

.pc-house-price a {
  height: 38px;
  margin-top: 18px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ff7800;
  color: #fff;
  font-weight: 700;
}

.pc-house-price a:hover {
  background: #e86d00;
}

.pc-house-pages {
  padding: 28px 0 8px;
}

.pc-house-pages ul,
.pc-house-pages li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pc-house-pages ul {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pc-house-pages a,
.pc-house-pages span {
  min-width: 34px;
  height: 34px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e6eaf0;
  color: #44505c;
}

.pc-house-pages .active span,
.pc-house-pages a:hover {
  border-color: #ff7800;
  background: #ff7800;
  color: #fff;
}

.pc-list-side {
  position: sticky;
  top: 18px;
}

.pc-side-card {
  margin-bottom: 16px;
  padding: 24px;
  border: 1px solid #edf0f3;
  background: #fff;
}

.pc-side-card h3 {
  margin: 0 0 20px;
  color: #222;
  font-size: 26px;
  line-height: 36px;
  font-weight: 800;
}

.pc-side-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #edf0f3;
}

.pc-side-title h3 {
  margin-bottom: 16px;
}

.pc-side-title a {
  margin-bottom: 14px;
  color: #98a2ad;
}

.pc-side-title a:hover {
  color: #ff7800;
}

.pc-tool-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 14px;
}

.pc-tool-grid a {
  height: 64px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fafafa;
  color: #333;
  font-size: 14px;
}

.pc-tool-grid a:hover {
  color: #ff7800;
  background: #fff7ef;
}

.pc-tool-grid span {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ff7800;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.pc-hot-text-list {
  padding-top: 8px;
}

.pc-hot-text-head,
.pc-hot-text-item {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) 58px 94px;
  column-gap: 8px;
  align-items: center;
}

.pc-hot-text-head {
  height: 34px;
  color: #9aa3ad;
}

.pc-hot-text-item {
  min-height: 40px;
  color: #222;
}

.pc-hot-text-item span,
.pc-hot-text-item em,
.pc-hot-text-item strong {
  min-width: 0;
  overflow: hidden;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-hot-text-item span {
  font-weight: 700;
}

.pc-hot-text-item em {
  color: #222;
  font-style: normal;
}

.pc-hot-text-item strong {
  color: #ff5a1f;
  font-weight: 400;
}

.pc-hot-text-item:hover span {
  color: #ff7800;
}

.pc-guide-news-list {
  margin: 0;
  padding: 4px 0 0;
  list-style: none;
}

.pc-guide-news-list li {
  height: 44px;
  display: grid;
  grid-template-columns: 26px 1fr;
  align-items: center;
  gap: 10px;
}

.pc-guide-news-list em {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #c8d1df;
  color: #fff;
  font-style: normal;
  font-weight: 700;
}

.pc-guide-news-list li:nth-child(1) em {
  background: #ff9f1a;
  clip-path: polygon(0 0, 100% 0, 100% 78%, 50% 100%, 0 78%);
}

.pc-guide-news-list li:nth-child(2) em {
  background: #b8c4d2;
  clip-path: polygon(0 0, 100% 0, 100% 78%, 50% 100%, 0 78%);
}

.pc-guide-news-list li:nth-child(3) em {
  background: #b79a82;
  clip-path: polygon(0 0, 100% 0, 100% 78%, 50% 100%, 0 78%);
}

.pc-guide-news-list a {
  min-width: 0;
  overflow: hidden;
  color: #222;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-guide-news-list a:hover {
  color: #ff7800;
}