.house-detail-head__title {
  font-size: 30px;
  font-weight: bold;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.house-detail-head__info {
  margin-top: 14px;
}

.house-detail-head__info span {
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.house-detail-head__info span + span {
  margin-left: 20px;
}

.house-showcase-swiper {
  width: 758px;
}

.house-showcase-swiper__main .swiper-container {
  width: 758px;
  height: 500px;
}

.house-showcase-swiper__main .swiper-container img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.house-showcase-swiper__main .arrow-left {
  background: url("../images/index_tab_l.png") no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -25px;
  width: 28px;
  height: 51px;
  z-index: 10;
}

.house-showcase-swiper__main .arrow-right {
  background: url("../images/index_tab_r.png") no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -25px;
  width: 28px;
  height: 51px;
  z-index: 10;
}

.house-showcase-swiper__preview {
  width: 100%;
  margin-top: 10px;
  position: relative;
}

.house-showcase-swiper__preview .swiper-container {
  width: 688px;
  height: 94px;
  margin: 0 35px;
}

.house-showcase-swiper__preview .swiper-slide {
  width: 142px;
  height: 94px;
  cursor: pointer;
}

.house-showcase-swiper__preview .swiper-slide.active-nav img {
  border-color: #e03336;
}

.house-showcase-swiper__preview .swiper-slide img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 2px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.house-showcase-swiper__preview .arrow-left {
  background: url("../images/feel3.png") no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
  width: 9px;
  height: 18px;
  z-index: 10;
}

.house-showcase-swiper__preview .arrow-right {
  background: url("../images/feel4.png") no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  width: 9px;
  height: 18px;
  z-index: 10;
}

.detail-section {
  width: 758px;
}

.detail-section__title {
  height: 40px;
  line-height: 40px;
  background-color: #f5f5f5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.detail-section__title span {
  display: inline-block;
  padding: 0 20px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background: #db091b;
}

.detail-section__content {
  padding: 8px;
  font-size: 0;
}

.detail-section-item {
  display: inline-block;
  width: 50%;
  line-height: 38px;
  font-size: 15px;
  color: #333;
}

.detail-section-item--price em {
  font-size: 22px;
  font-style: normal;
  color: #db091b;
}

.detail-section-item span {
  color: #666;
}

.detail-desc {
  line-height: 26px;
  font-size: 15px;
  color: #333;
}

.notice {
  width: 758px;
  padding: 14px 10px;
  font-size: 15px;
  color: #333;
  border: 1px solid #e5e5e5;
  line-height: 25px;
}

.notice__title {
  font-size: 15px;
  font-weight: bold;
}

.detail-house-section {
  margin-top: 36px;
}

.detail-house-section__title {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail-house-section__more {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  cursor: pointer;
}

.detail-house-section__more:hover {
  color: #db091b;
}

.detail-house-section__content {
  margin-top: 35px;
  font-size: 0;
}

.agent {
  width: 413px;
  height: 160px;
  padding: 26px 22px 20px;
  border: 1px solid #E5E5E5;
  -webkit-box-shadow: 6px 3px 6px rgba(222, 222, 222, 0.38);
  box-shadow: 6px 3px 6px rgba(222, 222, 222, 0.38);
}

.agent__avatar {
  width: 59px;
  height: 59px;
  margin-right: 13px;
  border-radius: 50%;
  overflow: hidden;
}

.agent__name {
  margin-top: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.agent__tag {
  margin-left: 6px;
  padding: 0 4px;
  font-size: 10px;
  text-align: center;
  border: 1px solid transparent;
}

.agent__tag--agent {
  color: #68a0d3;
  border-color: #68a0d3;
}

.agent__tag--land-lord {
  color: #d97a2e;
  border-color: #d97a2e;
}

.agent__tel {
  margin-top: 10px;
  padding-left: 17px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  background-repeat: no-repeat;
  background-size: 12px 11px;
  background-position: left center;
  background-image: url("../images/fangchan_pc_remake_agent_tel.png");
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.agent__tips {
  margin-top: 16px;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.agent__qrcode__main {
  width: 91px;
  height: 91px;
  background: #f3f4f9;
}

.agent__qrcode__tips {
  margin-top: 8px;
  font-size: 11px;
  font-weight: 500;
  color: #333;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.agent-recommend {
  margin-top: 18px;
}

.agent-recommend__title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.agent-recommend__content {
  margin-top: 16px;
}

.recommend-item {
  width: 413px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e5e5e5;
}

.recommend-item + .recommend-item {
  padding: 14px 0;
}

.recommend-item__cover {
  width: 123px;
  height: 77px;
  overflow: hidden;
}

.recommend-item__cover img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.recommend-item__main {
  width: 269px;
}

.recommend-item__title {
  display: inline-block;
  max-width: 92px;
  font-size: 15px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.recommend-item__spec {
  display: inline-block;
  max-width: 72px;
  font-size: 15px;
  color: #666;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.recommend-item__size {
  display: inline-block;
  max-width: 52px;
  font-size: 15px;
  color: #666;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.recommend-item__pirce {
  margin-top: 30px;
  font-size: 15px;
  font-weight: 500;
  color: #e03336;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}