@charset "UTF-8";

@-webkit-keyframes skeleton {
  0% {
    background-position-x: 400%;
  }

  50% {
    background-position-x: 0%;
  }

  100% {
    background-position-x: -400%;
  }
}

@keyframes skeleton {
  0% {
    background-position-x: 400%;
  }

  50% {
    background-position-x: 0%;
  }

  100% {
    background-position-x: -400%;
  }
}

.navs-content {
  display: flex;
  flex-wrap: wrap;
  max-height: 3.84rem;
  overflow: hidden;
}

.navs-content.swiper-navs {
  max-height: 1.92rem;
}

.navs-content .navs-item {
  width: 20%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  display: block;
}

.navs-content .navs-item .navs-icon {
  width: 1.066667rem;
  height: 1.066667rem;
  margin: 0.266667rem auto 0.133333rem;
  border-radius: 0.373333rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.navs-content .navs-item .navs-icon .img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}

.navs-content .navs-item .navs-icon .img {
  width: 100%;
  height: 100%;
}

.navs-content .navs-item .navs-text {
  height: 0.453333rem;
  line-height: 0.453333rem;
  font-size: 0.32rem;
  color: #101D37;
  text-align: center;
}

.cms-title {
  display: flex;
  height: 1.173333rem;
  align-items: center;
  justify-content: space-between;
}

.cms-title.padding {
  padding: 0 0.4rem;
}

.cms-title .title-left {
  display: flex;
  align-items: center;
}

.cms-title .title-left .left-line {
  width: 0.106667rem;
  height: 0.48rem;
  background-color: #f04632;
  border-radius: 0.053333rem;
  margin-right: 0.293333rem;
}

.cms-title .title-left .left-name {
  font-size: 0.48rem;
  font-weight: 600;
  color: #101D37;
}

.cms-title .more {
  font-size: 0.32rem;
  color: #CCCCCC;
  display: flex;
}

.cms-title .more .icon-field {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cms-title .more .svgIcon {
  font-size: 0;
}

.house-list {
  padding: 0 0.4rem;
}

.house-list .house-item {
  display: flex;
  padding: 0.4rem 0;
  box-sizing: border-box;
  position: relative;
  position: relative;
}

.house-list .house-item::after {
  position: absolute;
  content: "";
  box-sizing: border-box;
  pointer-events: none;
  right: 0;
  left: 0;
  transform: scaleY(0.5);
  border-bottom: 0.026667rem solid #F9F9F9;
  bottom: 0;
}

@media (-webkit-min-device-pixel-radio: 3), (min-device-pixel-radio: 3) {
  .house-list .house-item::after {
    transform: scaleY(0.33333333);
  }
}

@media (-webkit-min-device-pixel-radio: 2), (min-device-pixel-radio: 2) {
  .house-list .house-item::after {
    transform: scaleY(0.5);
  }
}

.house-list .house-item .item-thumb {
  width: 3.306667rem;
  height: 2.293333rem;
  position: relative;
  flex-shrink: 0;
}

.house-list .house-item .item-thumb .item-img {
  width: 100%;
  height: 100%;
}

.house-list .house-item .item-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-left: 0.266667rem;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.house-list .house-item .item-info .item-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.house-list .house-item .item-info .item-title .item-name {
  font-size: 0.426667rem;
  color: #333333;
  font-weight: 600;
  height: 40rpx;
  line-height: 40rpx;
  width: 50%;
  flex-grow: 2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 40rpx;
}

.house-list .house-item .item-info .item-title .item-status {
  margin-left: 20rpx;
  flex-shrink: 0;
}

.house-list .house-item .item-info .item-address {
  height: 0.346667rem;
  padding: 0.026667rem 0;
  margin-top: 0.133333rem;
  font-size: 0.32rem;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 0.346667rem;
}

.house-list .house-item .item-info .item-address .mj {
  display: inline;
  margin-left: 0.266667rem;
  padding-left: 0.266667rem;
  border-left: 0.026667rem solid #333333;
}

.house-list .house-item .item-info .item-price {
  margin-top: 0.106667rem;
}

.house-list .house-item .item-info .item-price .cms-house-price {
  font-size: 0.32rem;
  color: #999999;
}

.house-list .house-item .item-info .item-price .cms-house-price .price {
  font-size: 0.426667rem;
  color: #DD2222;
  font-weight: bold;
  padding: 0 0.04rem;
}

.house-list .house-item .item-info .item-price .cms-house-price .unit {
  color: #DD2222;
  font-weight: bold;
}

.house-list .house-item .item-info .item-price .cms-house-price.default-price .price {
  font-size: 0.373333rem;
  color: #333333;
  font-weight: normal;
}

.house-list .house-item .item-info .item-price .cms-house-price.default-price .unit {
  font-weight: normal;
  color: #333333;
}

.house-list .house-item .item-info .item-tag {
  height: 0.56rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-top: 0.106667rem;
}

.house-list .house-item .ranking-cur {
  position: absolute;
  font-size: 0.266667rem;
  top: 50%;
  z-index: 3;
  height: 0.213333rem;
  width: 0.213333rem;
  background: #DD2222;
  border-radius: 50%;
  right: 0;
  left: 100% !important;
}

.house-list .house-item .ranking-sort {
  position: absolute;
  top: 0;
  left: 0.4rem;
  z-index: 10;
  transform: translateZ(10px);
  /*safari层级问题, 当z-index层级出问题时, 使用此属性解决*/
}

.house-list .house-item .ranking-sort .ranking-sort-item {
  width: 0.746667rem;
  height: 0.853333rem;
  background: linear-gradient(90deg, #FFD88D 0%, #FFBE41 100%);
  color: #A87400;
  font-size: 0.426667rem;
  font-family: DINOT;
  font-weight: 500;
  text-align: center;
  line-height: 0.72rem;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%, 0 25%);
          clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

.swiper-content {
  width: 10rem;
  height: 6.666667rem;
  overflow: hidden;
}

.swiper-content .swiper-image .img {
  width: 100%;
  height: 100%;
}

.numbers {
  width: 100%;
  display: flex;
  padding: 0 0.4rem;
  flex-wrap: wrap;
}

.numbers .numbers-item {
  flex: auto;
}

.numbers .numbers-item.last-numbers {
  width: 1.6rem;
  flex: none;
}

.numbers .top-number {
  font-size: 0.48rem;
  color: #DD2222;
  font-weight: 600;
  height: 0.64rem;
  box-sizing: border-box;
  display: block;
}

.numbers .top-number.icon-class {
  display: flex;
  padding: 0.08rem 0;
}

.numbers .top-number .unit {
  font-size: 0.266667rem;
  font-weight: 400;
}

.numbers .bottom-text {
  font-size: 0.266667rem;
  font-weight: 400;
  color: #999999;
}

.numbers .bottom-text .bot-icon {
  margin-left: 0.133333rem;
}

.popbox {
  background: #FFF;
  padding: 0.4rem 0 0;
  color: #ababab;
  border-radius: 0.106667rem;
  max-width: 80vw;
  min-width: 70vw;
}

.popbox .poptit {
  text-align: center;
  margin-bottom: 0.4rem;
}

.popbox .popcon {
  padding: 0.4rem;
  color: #000;
}

.popbox .popbtn {
  border-top: 0.026667rem solid #eeeeef;
  text-align: center;
  padding: 0.266667rem 0;
  margin-top: 0.4rem;
}

.cms-cell {
  display: flex;
  font-size: 0.373333rem;
  color: #333333;
  min-height: 0.533333rem;
  padding: 0 0.4rem;
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
  align-items: center;
}

.cms-cell.small {
  min-height: 0.4rem;
  padding: 0.213333rem 0;
}

.cms-cell.border-bottom {
  position: relative;
}

.cms-cell.border-bottom::after {
  position: absolute;
  content: "";
  box-sizing: border-box;
  pointer-events: none;
  right: 0;
  left: 0;
  transform: scaleY(0.5);
  border-bottom: 0.026667rem solid #F5F5F5;
  bottom: 0;
}

@media (-webkit-min-device-pixel-radio: 3), (min-device-pixel-radio: 3) {
  .cms-cell.border-bottom::after {
    transform: scaleY(0.33333333);
  }
}

@media (-webkit-min-device-pixel-radio: 2), (min-device-pixel-radio: 2) {
  .cms-cell.border-bottom::after {
    transform: scaleY(0.5);
  }
}

.cms-cell.border-bottom::after {
  left: 0.4rem;
}

.cms-cell.hot {
  padding: 0.133333rem 0.4rem;
}

.cms-cell.hot:last-child::after {
  border-bottom-width: 0;
}

.cms-cell.hot .cme-cell-title {
  color: #DD2222;
}

.cms-cell.hot .cme-cell-value {
  color: #DD2222;
}

.cms-cell .cms-cell-icon {
  max-width: 0.426667rem;
  display: flex;
  align-items: center;
}

.cms-cell .cms-cell-icon.cms-cell-icon-left {
  margin-right: 0.213333rem;
}

.cms-cell .cms-cell-icon.cms-cell-icon-right {
  margin-left: 0.133333rem;
}

.cms-cell .cme-cell-title {
  flex: 1;
}

.cms-cell .cme-cell-value {
  flex: 1;
  text-align: right;
}

.cms-cell .cme-cell-value.placeholder {
  color: #CCCCCC;
}

.cms-ad-container {
  padding: 0 0.4rem;
  margin: 0.266667rem 0;
}

.cms-ad-container .cms-ad-item {
  margin-bottom: 0.133333rem;
  width: 100%;
  height: auto;
  position: relative;
  cursor: pointer;
  min-height: 0.533333rem;
  display: flex;
  justify-content: center;
}

.cms-ad-container .cms-ad-item img {
  max-width: 100%;
}

.cms-ad-container .cms-ad-item:last-child {
  margin-bottom: 0;
}

.cms-ad-container .cms-ad-item .cms-ad-desc {
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  font-size: 0.32rem;
  padding: 0.053333rem 0.133333rem;
  border-radius: 0 0.106667rem 0 0;
}

.cms-ad-container .cms-ad-item .cms-ad-img {
  position: absolute;
  right: 0.08rem;
  bottom: 0.08rem;
  width: 0.96rem;
  height: 0.533333rem;
  z-index: 5;
  background-repeat: no-repeat;
}

.line-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.106667rem 0.4rem 0 0.4rem;
}

.line-text.alone {
  margin-top: 0;
  padding: 0.373333rem 0;
}

.line-text.alone .line-text-container .line-text-title {
  color: #919AAA;
  margin-right: 0.186667rem;
}

.line-text.alone .line-text-container .line-text-content {
  font-weight: 600;
  color: #101D37;
}

.line-text .line-text-container {
  display: flex;
  font-size: 0.373333rem;
  line-height: 0.586667rem;
}

.line-text .line-text-container.one-line {
  max-width: 95%;
}

.line-text .line-text-container.one-line .line-text-content {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 0.586667rem;
}

.line-text .line-text-container .line-text-title {
  flex-shrink: 0;
  width: 1.493333rem;
  margin-right: 0.4rem;
  color: #999999;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  white-space: nowrap;
}

.line-text .line-text-container .line-text-content {
  color: #333333;
}

.line-text .line-text-container .line-text-content.line-high {
  color: #DD2222;
}

.line-text .line-text-container .line-text-content.no-data {
  color: #999999;
}

.line-text .line-text-icon {
  flex-shrink: 0;
}

.line-text .line-text-icon ::v-deep .cms-svg-icon {
  display: block !important;
}

.line-text.manage-text .line-text-container {
  font-size: 0.32rem;
}

.line-text.manage-text .line-text-container .line-text-title {
  width: 1.28rem;
}

.card-item {
  height: 2.133333rem;
  border-radius: 0.106667rem;
  margin-bottom: 0.4rem;
  padding: 0.4rem;
  box-sizing: border-box;
  position: relative;
  background: #EEF8FE;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.card-item .circle {
  width: 0.32rem;
  height: 0.32rem;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  right: 2.933333rem;
  transform: translateY(-50%);
}

.card-item .top-circle {
  top: 0;
}

.card-item .bottom-circle {
  bottom: -0.32rem;
}

.card-item .card-btn {
  line-height: 0.853333rem;
  width: 2.186667rem;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.32rem;
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
}

.card-item .card-btn .card-btn-wrap {
  border-radius: 0.426667rem;
  background: linear-gradient(271deg, #44A8E9 0%, #75C9FF 100%);
  width: 100%;
  height: 0.853333rem;
  position: relative;
}

.card-item .card-btn .card-number {
  width: 100%;
  height: 0.373333rem;
  line-height: 0.373333rem;
  color: #44A8E9;
  font-size: 0.266667rem;
  margin-top: 0.08rem;
}

.card-item .card-btn .card-number .text-color {
  font-size: 0.266667rem;
}

.card-item .card-btn.card-btn-margin {
  margin-top: -0.266667rem;
}

.card-item .card-content {
  flex: 1;
  position: relative;
  padding-right: 0.8rem;
}

.card-item .card-content .title {
  font-size: 0.426667rem;
  font-weight: bold;
  color: #239BE8;
  line-height: 0.586667rem;
  max-height: 1.173334rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card-item .card-content .title .money-text {
  color: #DD2222;
  font-size: 0.48rem;
}

.card-item .card-content .title .money-text .money-text-unit {
  font-size: 0.32rem;
  margin-right: 0.133333rem;
  font-weight: 600;
}

.card-item .card-content .desc {
  font-size: 0.32rem;
  margin-top: 0.133333rem;
  color: #333333;
  line-height: 0.426667rem;
  max-height: 0.853334rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card-item.red {
  background: #FFF5F5;
}

.card-item.red .card-btn .card-btn-wrap {
  background: linear-gradient(272deg, #DD2222 0%, #FF5B5B 100%);
  color: #FFFFFF;
}

.card-item.red .card-btn .card-number {
  color: #DD2222;
}

.card-item.red .card-content .title {
  color: #DD2222;
}

.card-item.green {
  background: #F4FBF4;
}

.card-item.green .card-btn .card-btn-wrap {
  background: linear-gradient(270deg, #47C94B 0%, #67E36B 100%);
  color: #FFFFFF;
}

.card-item.green .card-btn .card-number {
  color: #2AAD43;
}

.card-item.green .card-content .title {
  color: #2AAD43;
}

.card-item.yellow {
  background: #FDF4E9;
}

.card-item.yellow .card-btn .card-btn-wrap {
  background: linear-gradient(270deg, #FEAA47 0%, #FFBF74 100%);
  color: #FFFFFF;
}

.card-item.yellow .card-btn .card-number {
  color: #FEAA47;
}

.card-item.yellow .card-content .title {
  color: #FDAA46;
}

.card-item.orange {
  background: #FFF4F0;
}

.card-item.orange .card-btn .card-btn-wrap {
  background: linear-gradient(271deg, #FF613D 0%, #FF8063 100%);
  color: #FFFFFF;
}

.card-item.orange .card-btn .card-number {
  color: #FF613D;
}

.card-item.orange .card-content .title {
  color: #FF613D;
}

.adv-tag {
  display: flex;
  justify-content: space-between;
  font-size: 0.32rem;
  margin-bottom: 0.4rem;
  align-items: center;
  vertical-align: middle;
  color: #333333;
}

.adv-tag .item {
  display: flex;
  align-items: center;
}

.adv-tag .item .cms-svg-icon {
  margin-right: 0.133333rem;
}

.guider-list {
  padding-right: 0.266667rem;
}

.guider-list .guider-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.4rem;
}

.guider-list .guider-item .guider-left {
  display: flex;
  align-items: center;
  width: 50%;
  flex-grow: 2;
}

.guider-list .guider-item .guider-left .guider-img {
  flex-shrink: 0;
  width: 1.173333rem;
  height: 1.173333rem;
}

.guider-list .guider-item .guider-left .guider-info {
  margin-left: 0.24rem;
  width: 50%;
  flex-grow: 2;
}

.guider-list .guider-item .guider-left .guider-info .guider-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 0.533333rem;
  font-weight: bold;
  font-size: 0.373333rem;
}

.guider-list .guider-item .guider-left .guider-info .guider-house {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 0.426667rem;
  font-size: 0.32rem;
  margin-top: 0.133333rem;
}

.guider-list .guider-item .guider-control {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 0.4rem;
}

.guider-list .guider-item .guider-control .pic-boxs {
  width: 0.853333rem;
  height: 0.853333rem;
  border-radius: 50%;
  background-color: #FFEDE9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 0.4rem;
  align-items: center;
}

.guider-list .guider-item .guider-control .pic-boxs:last-child {
  margin-right: 0;
}

.scroll-list {
  display: flex;
  flex-wrap: nowrap;
  padding: 0.08rem 0;
  width: 9.2rem;
  overflow: auto;
}

.scroll-list .scroll-item {
  width: 2.88rem;
  flex-shrink: 0;
  background: linear-gradient(180deg, #FDF3DF 0%, #FCEDCD 100%);
  text-align: center;
  box-shadow: 0 0 0.32rem rgba(0, 0, 0, 0.05);
  padding-top: 0.373333rem;
  padding-bottom: 0.373333rem;
  border-radius: 0.106667rem;
  display: inline-block;
  margin-right: 0.293333rem;
}

.scroll-list .scroll-item:last-child {
  margin-right: 0;
}

.scroll-list .scroll-item .pic-box {
  width: 100%;
  text-align: center;
  height: 1.173333rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.scroll-list .scroll-item .pic-box .img {
  height: 1.173333rem;
  width: 1.173333rem;
  border-radius: 50%;
}

.scroll-list .scroll-item .level {
  width: 2.8rem;
  font-size: 0.32rem;
  color: #333333;
  text-align: center;
  font-weight: bold;
  margin-top: 0.16rem;
}

.scroll-list .scroll-item .guider-name {
  width: 100%;
  font-size: 0.32rem;
  color: #91631F;
  text-align: center;
  margin-top: 0.213333rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 0.426667rem;
}

.scroll-list .scroll-item .guider-house {
  width: 100%;
  font-size: 0.266667rem;
  color: #998964;
  text-align: center;
  margin-top: 0.213333rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 0.426667rem;
}

.scroll-list .scroll-item .guider-btn {
  width: 2.133333rem;
  height: 0.64rem;
  display: inline-block;
  line-height: 0.64rem;
  margin-top: 0.213333rem;
}

.scroll-list .scroll-item .guider-btn .wrapper {
  display: flex;
  justify-content: space-between;
}

.scroll-list .scroll-item .guider-btn .right {
  color: #91631F;
  font-size: 0.32rem;
  margin-left: 0.106667rem;
}

.scroll-list .scroll-item .guider-btn .left-wrapper {
  border: 0.026667rem solid #FFFFFF;
  background: linear-gradient(180deg, #FEFCF7 0%, #F8EBC9 100%);
  box-shadow: 0 0.026667rem 0.08rem rgba(226, 144, 0, 0.5);
  opacity: 1;
  border-radius: 0.64rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.scroll-list .scroll-item .guider-btn .left {
  border-radius: 50%;
  height: 0.64rem;
  width: 0.64rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.scroll-list .scroll-item .guider-btn .left .pic-boxs {
  width: 0.64rem;
  height: 0.64rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dynamic .container-item {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  position: relative;
}

.dynamic .container-item::after {
  position: absolute;
  content: "";
  box-sizing: border-box;
  pointer-events: none;
  right: 0;
  left: 0;
  transform: scaleY(0.5);
  border-bottom: 0.026667rem solid #F5F5F5;
  bottom: 0;
}

@media (-webkit-min-device-pixel-radio: 3), (min-device-pixel-radio: 3) {
  .dynamic .container-item::after {
    transform: scaleY(0.33333333);
  }
}

@media (-webkit-min-device-pixel-radio: 2), (min-device-pixel-radio: 2) {
  .dynamic .container-item::after {
    transform: scaleY(0.5);
  }
}

.dynamic .container-item .header-information {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dynamic .container-item .header-information .header-information-l {
  flex: 3;
  display: flex;
}

.dynamic .container-item .header-information .header-information-l .header-information-l-l {
  margin-right: 0.133333rem;
}

.dynamic .container-item .header-information .header-information-l .header-information-l-l .header-information-img {
  width: 0.853333rem;
  height: 0.853333rem;
  border-radius: 50%;
}

.dynamic .container-item .header-information .header-information-l .header-information-l-l .renzheng {
  background: url;
}

.dynamic .container-item .header-information .header-information-l .header-information-l-r .header-information-name {
  font-size: 0.373333rem;
  line-height: 0.533333rem;
  color: #101D37;
}

.dynamic .container-item .header-information .header-information-l .header-information-l-r .header-information-name .header-information-title {
  background: #FFEDE9;
  color: #DD2222;
  height: 0.426667rem;
  line-height: 0.426667rem;
  border-radius: 0.213333rem;
  font-size: 0.266667rem;
  padding: 0.026667rem 0.133333rem;
  margin-left: 0.133333rem;
}

.dynamic .container-item .header-information .header-information-l .header-information-l-r .header-information-name .header-information-btn {
  font-size: 0.266667rem;
  color: #DD2222;
  background: #FFEDE9;
  padding: 0 0.133333rem;
  border-radius: 0.213333rem;
  height: 0.426667rem;
  line-height: 0.32rem;
  margin-left: 0.133333rem;
  border: 0.026667rem solid #DD2222;
  box-sizing: border-box;
}

.dynamic .container-item .header-information .header-information-l .header-information-l-r .header-information-name .header-information-btn-active {
  color: #999999;
  background: #F9F9F9;
  border: 0.026667rem solid #999999;
}

.dynamic .container-item .header-information .header-information-l .header-information-l-r .header-information-time {
  font-size: 0.32rem;
  color: #CCCCCC;
}

.dynamic .container-item .header-information .header-information-r {
  display: flex;
  justify-content: flex-end;
  border-radius: 0.32rem;
  border: 0.026667rem solid #EEEEEE;
  font-size: 0.32rem;
  padding: 0 0.16rem;
  height: 0.613333rem;
}

.dynamic .container-item .header-information .header-information-r .mid-bor {
  margin: 0.106667rem 0.16rem;
  width: 0.026667rem;
  background: #EEEEEE;
}

.dynamic .container-item .header-information .header-information-r .header-information-r-item {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.dynamic .container-item .header-information .header-information-r .header-information-r-item .icon-view {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.16rem 0;
  color: #999999;
  vertical-align: middle;
}

.dynamic .container-item .header-information .header-information-r .header-information-r-item .icon-view .cms-svg-icon {
  margin-right: 0.106667rem;
}

.dynamic .container-item .content {
  padding-top: 0.133333rem;
}

.dynamic .container-item .content .content-text {
  color: #333333;
  font-size: 0.373333rem;
  line-height: 0.586667rem;
  text-align: justify;
}

.dynamic .container-item .content .content-text .cms-tag {
  margin-top: -0.106667rem;
}

.dynamic .container-item .content .content-text.comment-text-contain {
  line-height: 0.586667rem;
  max-height: 2.346668rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.dynamic .container-item .content .comment-text-more {
  color: #DD2222;
  font-size: 0.373333rem;
}

.dynamic .container-item .content .news-item-house-type {
  display: block;
  background: rgba(244, 198, 196, 0.17);
  padding: 0.24rem 0.48rem;
  margin-top: 0.266667rem;
  border-radius: 0.106667rem;
}

.dynamic .container-item .content .news-item-house-type .relation-view {
  display: flex;
}

.dynamic .container-item .content .news-item-house-type .relation-view .relation-view-l {
  margin-right: 0.32rem;
}

.dynamic .container-item .content .news-item-house-type .relation-view .relation-view-r {
  flex: 1;
}

.dynamic .container-item .content .news-item-house-type .relation-view .relation-view-r .relation-view-r-title {
  font-size: 0.373333rem;
  font-weight: bold;
  line-height: 0.533333rem;
  line-height: 0.533333rem;
  max-height: 0.533333rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.dynamic .container-item .content .news-item-house-type .relation-view .relation-view-r .relation-view-r-text {
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.453333rem;
  margin-top: 0.08rem;
}

.dynamic .container-item .content .news-item-house-type .relation-view .relation-view-r .relation-view-r-text .number {
  color: #DD2222;
}

.dynamic .container-item .content .news-item-house-type .relation-view .relation-view-r .relation-view-r-price {
  margin-top: 0.08rem;
  font-size: 0.373333rem;
  color: #DD2222;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.dynamic .container-item .content .news-item-house-type .relation-view .relation-view-r .relation-view-r-price .dw {
  font-weight: 400;
  font-size: 0.32rem;
}

.dynamic .container-item .content .view-content-nopadding {
  padding: 0;
}

.dynamic .container-item .content .content-images {
  margin-top: 0.266667rem;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.dynamic .container-item .content .content-images .images-view-item {
  width: 33.33%;
  margin: 0.08rem 0;
  text-align: center;
}

.dynamic .container-item .content .content-images .images-view-item:nth-child(3n+0) {
  text-align: right;
}

.dynamic .container-item .content .content-images .images-view-item:nth-child(3n+1) {
  text-align: left;
}

.dynamic .container-item .content .content-images .images-item {
  width: 2.88rem;
  height: 2.24rem;
  border-radius: 0.053333rem;
}

.dynamic .container-item .content .content-images .content-images-number {
  position: absolute;
  right: 0.08rem;
  bottom: 0.266667rem;
  padding: 0.08rem 0.16rem;
  background: rgba(40, 40, 40, 0.4);
  color: #FFFFFF;
  font-size: 0.32rem;
  border-radius: 0.32rem;
}

.dynamic .container-item .content .content-video {
  margin-top: 0.266667rem;
  position: relative;
  height: 5.2rem;
  width: 100%;
  border-radius: 0.106667rem;
  overflow: hidden;
}

.dynamic .container-item .bottom-information {
  margin-top: 0.266667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dynamic .container-item .bottom-information .bottom-information-l {
  display: flex;
  align-items: center;
}

.dynamic .container-item .bottom-information .bottom-information-l .bottom-information-l-item {
  color: #DDE3EF;
  position: relative;
  font-size: 0.266667rem;
  padding: 0 0.08rem;
  margin-right: 0.106667rem;
}

.dynamic .container-item .bottom-information .bottom-information-l .bottom-information-l-item::after {
  position: absolute;
  content: "";
  box-sizing: border-box;
  pointer-events: none;
  top: -49%;
  bottom: -49%;
  left: -49%;
  right: -49%;
  transform: scale(0.5);
  border: 0.026667rem solid #DDE3EF;
  border-radius: 0.106667rem;
}

@media (-webkit-min-device-pixel-radio: 3), (min-device-pixel-radio: 3) {
  .dynamic .container-item .bottom-information .bottom-information-l .bottom-information-l-item::after {
    transform: scaleY(0.33333333);
  }
}

@media (-webkit-min-device-pixel-radio: 2), (min-device-pixel-radio: 2) {
  .dynamic .container-item .bottom-information .bottom-information-l .bottom-information-l-item::after {
    transform: scaleY(0.5);
  }
}

.dynamic .container-item .bottom-information .bottom-information-r {
  display: flex;
}

.dynamic .container-item .bottom-information .bottom-information-r .bottom-information-r-item {
  margin-left: 0.4rem;
  display: flex;
  align-items: center;
}

.dynamic .container-item .bottom-information .bottom-information-r .text {
  font-size: 0.373333rem;
  color: #101D37;
  margin-left: 0.133333rem;
  display: inline-block;
  vertical-align: middle;
}

.video {
  width: 9.2rem;
  height: 5.2rem;
}

.cms-house-price {
  font-size: 0.32rem;
  color: #999999;
}

.cms-house-price .price {
  font-size: 0.426667rem;
  color: #DD2222;
  font-weight: bold;
  padding: 0 0.08rem;
}

.cms-house-price .unit {
  color: #DD2222;
  font-weight: bold;
}

.huxing-list-div {
  width: 9.2rem;
  overflow: auto;
}

.huxing-list-div .huxing-list {
  width: 9.2rem;
  display: flex;
  flex-wrap: nowrap;
}

.huxing-list-div .huxing-list .huxing-item {
  display: inline-block;
  padding-right: 0.4rem;
  box-sizing: border-box;
  padding-bottom: 0.4rem;
}

.huxing-list-div .huxing-list .huxing-item:last-child {
  padding-right: 0;
}

.huxing-list-div .huxing-list .huxing-item .pic-box {
  width: 3.733333rem;
  height: 3.733333rem;
}

.huxing-list-div .huxing-list .huxing-item .pic-box image {
  width: 3.733333rem;
  height: 3.733333rem;
  border-radius: 0.106667rem;
}

.huxing-list-div .huxing-list .huxing-item .huxing-desc {
  color: #333333;
  margin-top: 0.266667rem;
  margin-bottom: 0.133333rem;
  display: flex;
  align-items: center;
  width: 3.733333rem;
}

.huxing-list-div .huxing-list .huxing-item .huxing-desc .desc-left {
  font-size: 0.426667rem;
  font-weight: bold;
  margin-right: 0.133333rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 0.533333rem;
  width: 50%;
  flex-grow: 2;
}

.huxing-list-div .huxing-list .huxing-item .huxing-desc .desc-right {
  flex-shrink: 0;
}

.huxing-list-div .huxing-list .huxing-item .huxing-size {
  font-size: 0.32rem;
  color: #999999;
}

.huxing-list-div .huxing-list .huxing-item .huxing-item-btn {
  width: 3.733333rem;
  height: 1.066667rem;
  border: 0.026667rem solid #DD2222;
  color: #DD2222;
  border-radius: 0.053333rem;
  text-align: center;
  line-height: 1.066667rem;
  margin-top: 0.266667rem;
}

.detail-around {
  min-height: 7.466667rem;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin: 0 0.4rem 0.4rem;
}

.detail-around .detail-map-image {
  width: 9.2rem;
  height: 5.333333rem;
}

.detail-around .around {
  display: flex;
  justify-content: space-around;
  font-size: 0.32rem;
  color: #666666;
  padding: 0.4rem 0;
  box-shadow: 0 0 0.32rem rgba(0, 0, 0, 0.05);
  border-radius: 0 0 0.106667rem 0.106667rem;
}

.detail-around .around .number {
  color: #DD2222;
}

.detail-around .around .icon-field {
  display: flex;
  justify-content: center;
}

.remarks-box {
  padding: 0 0.4rem;
  padding-top: 0.426667rem;
  padding-bottom: 0.586667rem;
  line-height: 0.4rem;
  color: #999999;
  font-size: 0.32rem;
  display: flex;
}

.remarks-box .remarks-box-title {
  font-size: 0.32rem;
  flex-shrink: 0;
}

.cms-footer {
  padding: 0.4rem 0;
}

.cms-footer .footer-logo-view {
  width: 100%;
  margin-bottom: 0.133333rem;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.cms-footer .footer-logo-view img {
  width: 1.2rem;
  height: 1.2rem;
}

.cms-footer .footer-text-view {
  text-align: center;
  color: #999999;
}

.cms-footer .footer-text-view .cms-footer-gongan-heng {
  font-size: 0.32rem;
  margin: 0 0.133333rem;
}

.cms-footer .footer-text-view .xukezheng {
  font-size: 0.32rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cms-footer .footer-text-view .xukezheng .xukezheng-img {
  margin-right: 0.133333rem;
}

.cms-footer .footer-text-view .xukezheng .xukezheng-img img {
  width: 0.533333rem;
  height: 0.533333rem;
}

.cms-footer .footer-text-view .cms-footer-copyright {
  font-size: 0.32rem;
}

.cms-footer .footer-text-view a {
  font-size: 0.32rem;
  color: #999999;
  text-decoration: none !important;
}

.ask-list {
  padding: 0 0.4rem;
}

.ask-list .item-view {
  position: relative;
  margin-bottom: 0.4rem;
}

.ask-list .item-view::after {
  position: absolute;
  content: "";
  box-sizing: border-box;
  pointer-events: none;
  right: 0;
  left: 0;
  transform: scaleY(0.5);
  border-bottom: 0.026667rem solid #F9F9F9;
  bottom: 0;
}

@media (-webkit-min-device-pixel-radio: 3), (min-device-pixel-radio: 3) {
  .ask-list .item-view::after {
    transform: scaleY(0.33333333);
  }
}

@media (-webkit-min-device-pixel-radio: 2), (min-device-pixel-radio: 2) {
  .ask-list .item-view::after {
    transform: scaleY(0.5);
  }
}

.ask-list .item-view .item {
  padding-bottom: 0.4rem;
  background: #FFFFFF;
  position: relative;
}

.ask-list .item-view .item .top-icon {
  position: absolute;
  width: 1.066667rem;
  height: 1.066667rem;
  top: 60%;
  right: 0.266667rem;
  transform: translateY(-50%);
}

.ask-list .item-view .item .item-row {
  display: flex;
}

.ask-list .item-view .item .item-row .item-row-l {
  width: 0.426667rem;
  margin-right: 0.16rem;
}

.ask-list .item-view .item .item-row .item-row-l .item-row-l-icon {
  width: 0.426667rem;
  height: 0.426667rem;
  margin-top: 0.106667rem;
}

.ask-list .item-view .item .item-row .item-row-r {
  flex: 1;
}

.ask-list .item-view .item .item-row .item-row-r .item-title {
  font-size: 0.373333rem;
  color: #101D37;
  font-weight: 600;
  line-height: 0.586667rem;
  word-break: break-all;
}

.ask-list .item-view .item .item-row .item-row-r .item-title .cms-tag {
  margin-left: 0.133333rem;
  margin-top: -0.08rem;
}

.ask-list .item-view .item .item-row .item-row-r .item-row-r-text {
  font-size: 0.373333rem;
  color: #919AAA;
  line-height: 0.586667rem;
  font-weight: 400;
  margin: 0.186667rem 0;
  line-height: 0.586667rem;
  max-height: 1.173334rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ask-list .item-view .item .item-row .item-row-r .item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.32rem;
}

.ask-list .item-view .item .item-row .item-row-r .item-bottom .item-bottom-time {
  color: #CCCCCC;
}

.ask-list .item-view .item .item-row .item-row-r .item-bottom .item-row-user-r-top-r {
  display: flex;
  align-items: center;
  font-size: 0.373333rem;
  color: #101D37;
}

.ask-list .item-view .item .item-row .item-row-r .item-bottom .item-row-user-r-top-r .comment-bottom-item-dianzan {
  margin-left: 0.133333rem;
}

.ask-list .item-view .item .item-row .item-row-user-l {
  margin-right: 0.266667rem;
}

.ask-list .item-view .item .item-row .item-row-user-l .item-img {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}

.ask-list .item-view .item .item-row .item-row-user-r {
  flex: 1;
}

.ask-list .item-view .item .item-row .item-row-user-r .item-row-user-r-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ask-list .item-view .item .item-row .item-row-user-r .item-row-user-r-top .item-row-user-r-top-l {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.ask-list .item-view .item .item-row .item-row-user-r .item-row-user-r-top .item-row-user-r-top-l .user-title {
  font-size: 0.32rem;
  color: #999999;
  margin-right: 0.266667rem;
}

.ask-list .item-view .item .item-row .item-row-user-r .header-information-r {
  display: flex;
  justify-content: flex-end;
  border-radius: 0.4rem;
  border: 0.026667rem solid #EEEEEE;
  font-size: 0.32rem;
  padding: 0 0.293333rem;
  height: 0.613333rem;
}

.ask-list .item-view .item .item-row .item-row-user-r .header-information-r .mid-bor {
  margin: 0.106667rem 0.293333rem;
  width: 0.026667rem;
  background: #EEEEEE;
}

.ask-list .item-view .item .item-row .item-row-user-r .header-information-r .header-information-r-item {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ask-list .item-view .item .item-row .item-row-user-r .header-information-r .header-information-r-item .icon-view {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.16rem 0;
  color: #999999;
  vertical-align: middle;
}

.ask-list .item-view .item .item-row .item-row-user-r .header-information-r .header-information-r-item .icon-view .cms-svg-icon {
  margin-right: 0.106667rem;
}

.ask-list .item-view .item .item-row .item-row-user-r .item-row-r-text {
  font-size: 0.373333rem;
  color: #666666;
  line-height: 0.586667rem;
  font-weight: 400;
  margin: 0.186667rem 0;
  line-height: 0.586667rem;
  max-height: 1.173334rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ask-list .item-view .item .item-row-top {
  padding-bottom: 0.266667rem;
}

.comment-list {
  padding: 0 0.4rem;
}

.comment-list .comment-item {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  position: relative;
}

.comment-list .comment-item::after {
  position: absolute;
  content: "";
  box-sizing: border-box;
  pointer-events: none;
  right: 0;
  left: 0;
  transform: scaleY(0.5);
  border-bottom: 0.026667rem solid #F5F5F5;
  bottom: 0;
}

@media (-webkit-min-device-pixel-radio: 3), (min-device-pixel-radio: 3) {
  .comment-list .comment-item::after {
    transform: scaleY(0.33333333);
  }
}

@media (-webkit-min-device-pixel-radio: 2), (min-device-pixel-radio: 2) {
  .comment-list .comment-item::after {
    transform: scaleY(0.5);
  }
}

.comment-list .comment-item .top {
  display: flex;
  justify-content: space-between;
}

.comment-list .comment-item .top .left {
  display: flex;
  align-items: center;
}

.comment-list .comment-item .top .left .img {
  border-radius: 50%;
  overflow: hidden;
  width: 0.853333rem;
  height: 0.853333rem;
  margin-right: 0.133333rem;
}

.comment-list .comment-item .top .left .user {
  font-size: 0.373333rem;
  color: #666666;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.comment-list .comment-item .top .left .user .cms-svg-icon {
  margin-left: 0.266667rem;
}

.comment-list .comment-item .top .left .user .user-bottom {
  height: 0.426667rem;
  line-height: 0.426667rem;
}

.comment-list .comment-item .top .left .user .user-time {
  color: #CCCCCC;
  font-size: 0.266667rem;
  font-weight: 400;
}

.comment-list .comment-item .top .left .user .star-wrap {
  display: flex;
  align-items: center;
  margin-top: 0.133333rem;
}

.comment-list .comment-item .top .left .user .star-wrap .star-tag {
  font-size: 0.32rem;
  margin-right: 0.266667rem;
  background: linear-gradient(134deg, #FF6A58 0%, #DD2222 100%);
  border-radius: 0.106667rem;
  color: #FFFFFF;
  padding: 0 0.133333rem;
}

.comment-list .comment-item .top .header-information-r {
  display: flex;
  justify-content: flex-end;
  border-radius: 0.4rem;
  border: 0.026667rem solid #EEEEEE;
  font-size: 0.32rem;
  padding: 0 0.293333rem;
  height: 0.613333rem;
}

.comment-list .comment-item .top .header-information-r .mid-bor {
  margin: 0.106667rem 0.293333rem;
  width: 0.026667rem;
  background: #EEEEEE;
}

.comment-list .comment-item .top .header-information-r .header-information-r-item {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.comment-list .comment-item .top .header-information-r .header-information-r-item .icon-view {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.16rem 0;
  color: #999999;
  vertical-align: middle;
}

.comment-list .comment-item .top .header-information-r .header-information-r-item .icon-view .cms-svg-icon {
  margin-right: 0.106667rem;
}

.comment-list .comment-item .comment-text {
  line-height: 0.586667rem;
  font-size: 0.373333rem;
  color: #333333;
  padding-left: 0.986667rem;
  margin-top: 0.266667rem;
  font-weight: 500;
  text-align: justify;
  position: relative;
  z-index: 1;
}

.comment-list .comment-item .comment-text .comment-text-contain {
  white-space: normal;
  line-height: 0.586667rem;
  max-height: 2.346668rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.comment-list .comment-item .comment-text-more {
  color: #DD2222;
}

.comment-list .comment-item .sub-content {
  padding-left: 0.986667rem;
  margin-top: 0.133333rem;
}

.comment-list .comment-item .sub-content .sub-content-item {
  background-color: #F9F9F9;
  border-radius: 0.106667rem;
  padding: 0.266667rem;
  display: flex;
  margin-top: 0.266667rem;
}

.comment-list .comment-item .sub-content .sub-content-item .sub-content-item-image {
  width: 0.986667rem;
  padding-right: 0.133333rem;
  box-sizing: border-box;
  flex-shrink: 0;
}

.comment-list .comment-item .sub-content .sub-content-item .sub-content-item-content {
  width: 100%;
}

.comment-list .comment-item .sub-content .sub-content-item .sub-top {
  height: 0.853333rem;
  line-height: 0.853333rem;
  display: flex;
  justify-content: space-between;
}

.comment-list .comment-item .sub-content .sub-content-item .sub-top .sub-name {
  color: #666666;
  font-size: 0.373333rem;
}

.comment-list .comment-item .sub-content .sub-content-item .sub-top .sub-time {
  color: #CCCCCC;
  font-size: 0.32rem;
}

.comment-list .comment-item .sub-content .sub-content-item .sub-content-content {
  white-space: pre-line;
  font-size: 0.373333rem;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}

.comment-list .comment-item .comment-img {
  display: flex;
  padding-left: 0.986667rem;
  margin-top: 0.133333rem;
  flex-wrap: wrap;
  position: relative;
}

.comment-list .comment-item .comment-img .images-item {
  width: 2.56rem;
  height: 1.973333rem;
  border-radius: 0.053333rem;
}

.comment-list .comment-item .comment-img .images-view-item {
  width: 33.33%;
  margin: 0.133333rem 0;
  text-align: center;
}

.comment-list .comment-item .comment-img .images-view-item:nth-child(3n+0) {
  text-align: right;
}

.comment-list .comment-item .comment-img .images-view-item:nth-child(3n+1) {
  text-align: left;
}

.comment-list .comment-item .comment-img .images-item-list {
  width: 2.88rem;
  height: 2.213333rem;
}

.comment-list .comment-item .comment-img .content-images-number {
  position: absolute;
  right: 0.08rem;
  bottom: 0.266667rem;
  padding: 0.08rem 0.16rem;
  background: rgba(40, 40, 40, 0.4);
  color: #FFFFFF;
  font-size: 0.32rem;
  border-radius: 0.32rem;
}

.comment-list .comment-item .comment-button-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.186667rem;
  padding-left: 0.986667rem;
}

.comment-list .comment-item .comment-button-content .right {
  font-size: 0.32rem;
  color: #CCCCCC;
}

.comment-list .comment-item .comment-bottom {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.comment-list .comment-item .comment-bottom .comment-bottom-item {
  display: flex;
  align-items: center;
  font-size: 0.373333rem;
  color: #101D37;
}

.comment-list .comment-item .comment-bottom .comment-bottom-item .comment-bottom-item-number {
  margin-left: 0.106667rem;
  margin-right: 0.4rem;
}

.comment-list .comment-item .comment-bottom .comment-bottom-item .comment-bottom-item-dianzan {
  margin-left: 0.106667rem;
}

.comment-list .comment-item .paddingleft {
  padding-left: 0;
}

.comment-list .comment-item:last-child:after {
  border-bottom: none;
}

.popup-form .share-popup {
  z-index: 99;
}

.detail-navs-container {
  width: 10rem;
  height: 1.333333rem;
  position: fixed;
  bottom: 0;
  background-color: #FFFFFF;
  z-index: 98 !important;
}

.detail-navs-container .detail-navs-content {
  width: 10rem;
  display: flex;
  height: 1.333333rem;
  width: 100%;
  align-items: center;
}

.detail-navs-container .nav-item {
  line-height: 1.066667rem;
  height: 1.066667rem;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.4rem;
  width: 3.066667rem;
  flex-shrink: 0;
  position: relative;
  margin-right: 0.266667rem;
  border-radius: 0.053333rem;
}

.detail-navs-container .nav-item.middle {
  background: #FFB91A;
}

.detail-navs-container .nav-item.right {
  background: #FF542C;
}

.detail-navs-container .nav-item.disabled {
  background-color: #dddddd !important;
}

.detail-navs-container .nav-item.radius0 {
  height: 100%;
  border-radius: 0;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.detail-navs-container .nav-item .nav-item-title {
  line-height: 0.533333rem;
  padding: 0.053333rem 0 0 0;
}

.detail-navs-container .nav-item .nav-item-subtitle {
  line-height: 0.426667rem;
  font-size: 0.266667rem;
}

.detail-navs-container .left-item {
  flex-grow: 3;
  text-align: center;
}

.detail-navs-container .left-item.button {
  background: transparent;
  padding-right: 0;
  line-height: inherit;
}

.detail-navs-container .left-item.button::after {
  border-width: 0;
}

.detail-navs-container .left-item:first-child {
  padding-left: 0.213333rem;
}

.detail-navs-container .left-item:nth-last-child(3) {
  padding-right: 0.213333rem;
}

.detail-navs-container .left-item .text {
  font-size: 0.266667rem;
  color: #919AAA;
}

.detail-navs-container .left-item .cms-svg-icon {
  margin: 0.16rem auto 0.106667rem;
}

.detail-navs-container .popup-container {
  position: relative;
  background: #FFFFFF;
  border-radius: 0.106667rem;
  min-height: 5.333333rem;
  width: 9.2rem;
  padding: 0.266667rem;
  box-sizing: border-box;
}

.detail-navs-container .popup-container .popup-header {
  overflow: hidden;
  text-align: center;
  font-size: 0.533333rem;
  position: relative;
  line-height: 1.013333rem;
  margin-bottom: 0.266667rem;
  font-weight: 600;
}

.detail-navs-container .popup-container .popup-header .popup-close {
  position: absolute;
  right: 0;
  top: 0;
}

.detail-navs-container .popup-container .popup-content {
  font-size: 0.426667rem;
  color: #919AAA;
  line-height: 0.8rem;
  max-height: 1.066667rem;
  overflow-y: auto;
  padding: 0.133333rem;
}

.detail-navs-container .popup-container .adviser-item {
  display: flex;
  align-items: center;
  box-shadow: 0 0 0.32rem rgba(0, 0, 0, 0.05);
  padding: 0.4rem;
  margin-bottom: 0.4rem;
}

.detail-navs-container .popup-container .adviser-item:last-child {
  margin-bottom: 0;
}

.detail-navs-container .popup-container .adviser-item .adviser-img {
  width: 1.28rem;
  height: 1.28rem;
}

.detail-navs-container .popup-container .adviser-item .adviser-info {
  padding-left: 0.266667rem;
  width: 8rem;
}

.detail-navs-container .popup-container .adviser-item .adviser-info .adviser-name {
  font-size: 0.426667rem;
  color: #101D37;
  line-height: 0.693333rem;
  font-weight: 600;
}

.detail-navs-container .popup-container .adviser-item .adviser-info .adviser-tips {
  color: #666666;
  font-size: 0.32rem;
  line-height: 0.586667rem;
}

.detail-navs-container .popup-container .adviser-item .adviser-icon {
  width: 0.853333rem;
  flex-shrink: 0;
}

.detail-navs-container .popup-container .popup-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 0.4rem;
}

.detail-navs-container .popup-container .popup-footer .button {
  height: 1.173333rem;
  line-height: 1.173333rem;
  font-size: 0.426667rem;
  flex: 1;
}

.detail-navs-container .popup-container .popup-footer .button.comfirm-button {
  background-color: #DD2222;
  color: #FFFFFF;
  box-shadow: 0 0 0.16rem rgba(243, 109, 97, 0.5);
}

.detail-navs-container .popup-container .popup-footer .button.cancel-button {
  background-color: #F9F9F9;
  margin-right: 0.32rem;
  color: #333333;
}

.detail-navs-container .popup-container .popup-footer .button::after {
  border-width: 0;
}

.detail-navs-container .popup-container-bottom {
  position: relative;
  background: #F5F5F5;
  border-radius: 0.186667rem 0.186667rem 0 0;
  min-height: 5.333333rem;
  width: 100vw;
  box-sizing: border-box;
}

.detail-navs-container .popup-container-bottom .share-title {
  height: 1.173333rem;
  width: 100%;
  line-height: 1.173333rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.48rem;
  color: #101D37;
  position: relative;
}

.detail-navs-container .popup-container-bottom .share-title::after {
  position: absolute;
  content: "";
  box-sizing: border-box;
  pointer-events: none;
  right: 0;
  left: 0;
  transform: scaleY(0.5);
  border-bottom: 0.026667rem solid #F5F5F5;
  bottom: 0;
}

@media (-webkit-min-device-pixel-radio: 3), (min-device-pixel-radio: 3) {
  .detail-navs-container .popup-container-bottom .share-title::after {
    transform: scaleY(0.33333333);
  }
}

@media (-webkit-min-device-pixel-radio: 2), (min-device-pixel-radio: 2) {
  .detail-navs-container .popup-container-bottom .share-title::after {
    transform: scaleY(0.5);
  }
}

.detail-navs-container .popup-container-bottom .share-provide {
  display: flex;
  height: 2.933333rem;
}

.detail-navs-container .popup-container-bottom .share-provide .share-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.533333rem;
}

.detail-navs-container .popup-container-bottom .share-provide .share-item .share-icon {
  width: 1.386667rem;
  height: 1.386667rem;
  background-color: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  line-height: 1.386667rem;
}

.detail-navs-container .popup-container-bottom .cancle-button {
  width: 100%;
  height: 1.173333rem;
  background-color: #FFFFFF;
  line-height: 1.173333rem;
  text-align: center;
  font-size: 0.426667rem;
  color: #999999;
  margin-top: 0.133333rem;
}

.detail-navs-container .popup-mark {
  width: 10rem;
  height: 17.786667rem;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
}

.detail-navs-container .popup-mark .jiantou-view {
  position: absolute;
  left: 6.933333rem;
  top: 1.706667rem;
}

.detail-navs-container .popup-mark .jiantou-view .image-wrap {
  background: rgba(0, 0, 0, 0);
}

.detail-navs-container .popup-mark .text-view {
  position: absolute;
  left: 3.333333rem;
  top: 3.6rem;
  width: 3.36rem;
  height: 1.413333rem;
  font-size: 0.48rem;
  line-height: 0.746667rem;
  color: #FFFFFF;
  opacity: 1;
  text-align: center;
}

.detail-navs-container .popup-mark .button-view {
  position: absolute;
  left: 2.346667rem;
  top: 6.4rem;
  width: 5.333333rem;
  height: 1.173333rem;
  border: 0.026667rem solid #FFFFFF;
  opacity: 1;
  border-radius: 0.586667rem;
  line-height: 1.173333rem;
  text-align: center;
  font-size: 0.48rem;
  color: #FFFFFF;
}

.news-list {
  padding: 0 0.4rem;
}

.news-list .news-item {
  display: flex;
  padding: 0.4rem 0;
  box-sizing: border-box;
  position: relative;
}

.news-list .news-item::after {
  position: absolute;
  content: "";
  box-sizing: border-box;
  pointer-events: none;
  right: 0;
  left: 0;
  transform: scaleY(0.5);
  border-bottom: 0.026667rem solid #F9F9F9;
  bottom: 0;
}

@media (-webkit-min-device-pixel-radio: 3), (min-device-pixel-radio: 3) {
  .news-list .news-item::after {
    transform: scaleY(0.33333333);
  }
}

@media (-webkit-min-device-pixel-radio: 2), (min-device-pixel-radio: 2) {
  .news-list .news-item::after {
    transform: scaleY(0.5);
  }
}

.news-list .news-item .item-info {
  width: 50%;
  flex-grow: 2;
}

.news-list .news-item .item-info .item-title-wrap {
  display: flex;
}

.news-list .news-item .item-info .item-title {
  font-size: 0.426667rem;
  color: #333333;
  font-weight: 600;
  width: 50%;
  flex-grow: 2;
  margin-left: 0.133333rem;
  line-height: 0.64rem;
  max-height: 1.28rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-list .news-item .item-info .item-desc {
  color: #999999;
  font-size: 0.32rem;
  line-height: 0.506667rem;
  max-height: 1.013334rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-list .news-item .item-info .item-other {
  display: flex;
  align-items: center;
}

.news-list .news-item .item-info .item-other .item-auth {
  font-size: 0.32rem;
  max-width: 3.733333rem;
  margin-right: 0.266667rem;
  color: #DDE3EF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 0.586667rem;
}

.news-list .news-item .item-info .item-other .item-time {
  font-size: 0.32rem;
  color: #CCCCCC;
  flex-shrink: 0;
}

.news-list .news-item .item-thumb {
  width: 2.96rem;
  height: 2.266667rem;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  margin-left: 0.4rem;
}

.news-list .news-item .item-thumb .item-img {
  width: 100%;
  height: 100%;
}

.padding {
  padding: 0 0.4rem;
}

.margin {
  margin: 0 0.4rem;
}

.margin-bottom {
  margin-bottom: 0.4rem;
}

.blank20 {
  height: 0.266667rem;
  background-color: #F9F9F9;
}

.house-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.266667rem;
}

.house-header .house-name {
  margin-bottom: 0.16rem;
  display: flex;
  align-items: center;
}

.house-header .house-name .no-images {
  margin-right: 0.1rem;
}

.house-header .house-name .name-title {
  color: #000000;
  font-size: 0.533333rem;
  font-weight: bold;
}

.house-header .house-name .name-title.has-left {
  margin-left: 0.133333rem;
}

.house-header .house-name .name-alias {
  color: #999999;
  font-size: 0.32rem;
  font-weight: normal;
  align-self: flex-end;
  margin-left: 0.133333rem;
}

.house-header .clicks {
  font-size: 0.32rem;
  color: #999999;
  margin-top: 0.133333rem;
}

.house-header .content-renzheng-title {
  background: #FEFAF3;
  color: #333333;
  font-size: 0.266667rem;
  height: 0.48rem;
  line-height: 0.48rem;
  max-width: 100%;
  border-radius: 0.053333rem;
  padding: 0 0.213333rem 0 0.08rem;
  margin-top: 0.186667rem;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  display: inline-block;
}

.house-header .content-renzheng-title .renzheng-line {
  margin: 0 0.106667rem;
}

.house-header .content-renzheng-title .renzheng-icon {
  vertical-align: top;
  margin-top: 0.08rem;
  margin-right: 0.213333rem;
  margin-left: 0.053333rem;
  display: inline-block;
}

.house-header .house-header-right {
  flex-shrink: 0;
  width: 1.333333rem;
  position: relative;
}

.house-header .house-header-right .icon {
  display: flex;
  justify-content: center;
}

.house-header .house-header-right .text {
  margin-top: 0.08rem;
  text-align: center;
  font-size: 0.32rem;
  color: #333333;
  white-space: nowrap;
}

.action-content {
  display: flex;
  justify-content: space-between;
  margin: 0.4rem;
}

.action-content .detail-button {
  flex: 1;
  margin-right: 0.4rem;
}

.action-content .detail-button:last-child {
  margin-right: 0;
}

.detail-button {
  border: 0.026667rem solid #DD2222;
  height: 1.066667rem;
  line-height: 1.066667rem;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 0.426667rem;
  color: #DD2222;
  border-radius: 0.106667rem;
  justify-content: center;
  box-sizing: border-box;
}

.detail-button .svg-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 0.133333rem;
}

.detail-button.adv-btn {
  background: #FFE2E2;
  border: none;
  color: #DD2222;
  font-size: 0.32rem;
  margin-bottom: 0.426667rem;
}

.detail-button.adv-btn .cms-svg-icon {
  margin-left: 0.266667rem;
}

.index-navs {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.213333rem;
  background: #FFFFFF;
}

.index-navs .nav-item {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.index-navs .nav-item .nav-item-icon {
  width: 1.066667rem;
  height: 0.96rem;
  margin: 0.4rem 0 0.186667rem 0;
  border-radius: 0.586667rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.index-navs .nav-item .nav-item-icon .img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}

.index-navs .nav-item .nav-item-icon .nav-item-icon-img {
  width: 1.066667rem;
  height: 1.226667rem;
}

.index-navs .nav-item .name {
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.32rem;
  color: #000000;
}

.view-400-view {
  display: block;
  padding: 0.533333rem 0.4rem;
  box-sizing: border-box;
}

.view-400-view .view-400 {
  position: relative;
  height: 1.52rem;
  border-radius: 0.106667rem;
  overflow: hidden;
}

.view-400-view .view-400.hide-phone {
  height: 1.52rem;
}

.view-400-view .view-400.hide-phone .view-400-c .view-400-r {
  height: 0.933333rem;
  width: 0.933333rem;
}

.view-400-view .view-400 .view-400-img {
  width: 100%;
  height: 1.52rem;
  border-radius: 0.106667rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.view-400-view .view-400 .view-400-c {
  height: 1.52rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0 0.4rem;
  z-index: 1;
  box-sizing: border-box;
}

.view-400-view .view-400 .view-400-c .view-400-l .view-400-l-phone {
  display: block;
  color: #101D37;
  font-size: 0.533333rem;
  font-weight: bold;
  font-family: DINOT;
}

.view-400-view .view-400 .view-400-c .view-400-l .view-400-l-text {
  font-size: 0.32rem;
  color: #999999;
  margin-top: 0.133333rem;
}

.view-400-view .view-400 .view-400-c .view-400-l .view-400-hide-text {
  color: #101D37;
  font-size: 0.426667rem;
  font-weight: bold;
}

.view-400-view .view-400 .view-400-c .view-400-r {
  width: 1.173333rem;
  height: 1.173333rem;
  border-radius: 50%;
  box-shadow: 0 0 0.266667rem #FFE0C4;
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lottery-enroll-status {
  width: 9.2rem;
  margin: 0 0.4rem;
  overflow-x: auto;
}

.status-content {
  display: flex;
}

.status-content .status-item {
  padding: 0.346667rem 0.533333rem 0.4rem 0.266667rem;
  height: 1.6rem;
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
  margin-right: 0.133333rem;
  background: #F9F9F9;
  color: #000000;
  border-radius: 0.053333rem;
  border: 0.026667rem solid #F9F9F9;
  border-bottom-width: 0.08rem;
}

.status-content .status-item .title {
  font-size: 0.373333rem;
}

.status-content .status-item .time {
  font-size: 0.32rem;
  color: #999999;
  margin-top: 0.08rem;
}

.status-content .status-item.actived {
  border-color: #DD2222;
  color: #DD2222;
}

.status-content .status-item.actived .time {
  color: #DD2222;
}

.detail-news-content {
  margin-top: 0.4rem;
}

.detail-news-content .news-item {
  display: flex;
  padding-bottom: 0.4rem;
}

.detail-news-content .news-item:last-child .news-left .line {
  display: none;
}

.detail-news-content .news-item .news-left {
  flex-shrink: 0;
  position: relative;
  width: 0.373333rem;
  margin-right: 0.133333rem;
}

.detail-news-content .news-item .news-left .circel {
  height: 0.373333rem;
  width: 0.373333rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFE5E4;
}

.detail-news-content .news-item .news-left .circel .circel2 {
  height: 0.186667rem;
  width: 0.186667rem;
  border-radius: 50%;
  background-color: #DD2222;
}

.detail-news-content .news-item .news-left .line {
  position: absolute;
  top: 0.373333rem;
  left: 50%;
  transform: translate(-50%);
  width: 0.026667rem;
  height: 100%;
  background-color: #FFE5E4;
}

.detail-news-content .news-item .info-title {
  font-size: 0.32rem;
  color: #999999;
}

.detail-news-content .news-item .info-title .info-tag {
  background: #F9F9F9;
  font-weight: normal;
  font-size: 0.266667rem;
  margin-left: 0.133333rem;
  padding: 0 0.133333rem;
}

.detail-news-content .news-item .info-content {
  font-size: 0.4rem;
  color: #333333;
  line-height: 0.613333rem;
  margin-top: 0.133333rem;
}

.onlinelist {
  margin-top: 0.32rem;
}

.onlinelist .onlinehouse {
  position: relative;
}

.onlinelist .onlinehouse .bgimg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

.onlinelist .onlinehouse .bgimg .img {
  width: 9.2rem;
  height: 2.666667rem;
  border-radius: 0.106667rem;
}

.onlinelist .onlincons {
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  width: 9.2rem;
  height: 2.666667rem;
  border-radius: 0.106667rem;
  display: flex;
  padding: 0 0.4rem;
  align-items: center;
}

.onlinelist .onlincons .onleft {
  flex: 1;
  color: #FFFFFF;
}

.onlinelist .onlincons .onleft .ontit {
  font-size: 0.426667rem;
}

.onlinelist .onlincons .onleft .oncon {
  font-size: 0.32rem;
  margin-top: 0.266667rem;
  line-height: 0.426667rem;
  max-height: 0.853334rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.onlinelist .onlincons .onbtn {
  margin-top: 0.133333rem;
  color: #DD2222;
  font-size: 0.32rem;
  background: #FFFFFF;
  width: 2.186667rem;
  height: 0.853333rem;
  line-height: 0.853333rem;
  text-align: center;
  border-radius: 0.4rem;
}

.lottery-base {
  padding-bottom: 0.4rem;
}

.lottery-base .lottery-base-content {
  position: relative;
}

.lottery-base .lottery-base-content::after {
  position: absolute;
  content: "";
  box-sizing: border-box;
  pointer-events: none;
  top: -49%;
  bottom: -49%;
  left: -49%;
  right: -49%;
  transform: scale(0.5);
  border: 0.026667rem solid #F5F5F5;
  border-radius: 0.106667rem;
}

@media (-webkit-min-device-pixel-radio: 3), (min-device-pixel-radio: 3) {
  .lottery-base .lottery-base-content::after {
    transform: scaleY(0.33333333);
  }
}

@media (-webkit-min-device-pixel-radio: 2), (min-device-pixel-radio: 2) {
  .lottery-base .lottery-base-content::after {
    transform: scaleY(0.5);
  }
}

.lottery-base .lottery-base-content .lottery-base-content-title {
  display: flex;
  justify-content: space-between;
  font-size: 0.32rem;
  background-color: #FFF6F6;
  height: 0.853333rem;
  line-height: 0.853333rem;
  padding: 0 0.133333rem;
  color: #DD2222;
  border-radius: 0.133333rem 0.133333rem 0 0;
}

.lottery-base .lottery-base-content .lottery-list {
  display: flex;
}

.lottery-base .lottery-base-content .lottery-list .lottery-base-content-item {
  flex: 1;
  text-align: center;
  padding: 0.533333rem 0;
  border-right: 0.026667rem solid #FFF6F6;
}

.lottery-base .lottery-base-content .lottery-list .lottery-base-content-item:last-child {
  border-right-width: 0;
}

.lottery-base .lottery-base-content .lottery-list .lottery-base-content-item .item-title {
  font-size: 0.373333rem;
  margin-bottom: 0.533333rem;
  font-weight: bold;
  color: #333333;
}

.lottery-base .lottery-base-content .lottery-list .lottery-base-content-item .item-title .red {
  margin-top: 0.426667rem;
  font-size: 0.533333rem;
  color: #DD2222;
  line-height: 0.4rem;
}

.lottery-base .lottery-base-content .lottery-list .lottery-base-content-item .item-content {
  font-size: 0.32rem;
  color: #333333;
  line-height: 0.32rem;
}

.lottery-base .lottery-base-content .lottery-list .lottery-base-content-item .item-content .item-content-item {
  margin-top: 0.186667rem;
}

.lottery-base .lottery-base-content .lottery-list .lottery-base-content-item .item-content .span {
  font-weight: normal;
  color: #999999;
  margin-right: 0.053333rem;
}

.lottery-base .lottery-base-btn {
  display: flex;
  justify-content: space-between;
  margin-top: 0.32rem;
}

.lottery-base .lottery-base-btn .btn {
  width: 50%;
  height: 1.173333rem;
  text-align: center;
  line-height: 1.173333rem;
  border-radius: 0.106667rem;
  font-size: 0.373333rem;
  color: #FFFFFF;
  background: #239BE8;
}

.lottery-base .lottery-base-btn .btn:nth-child(2) {
  background: #48D1CC;
}

.lottery-base .lottery-base-btn .btn.disabled {
  background: #CCCCCC;
}

.lottery-base .lottery-base-btn .btn:first-child {
  margin-right: 0.133333rem;
}

.lottery-enroll {
  padding-bottom: 0.4rem;
}

.topic-div .topic-img {
  display: block;
  width: 9.2rem;
}

.houses-enrolls-swiper {
  font-size: 0.373333rem;
  margin-bottom: 0.373333rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 0.533333rem;
}

.houses-enrolls-swiper .swiper-item {
  display: flex;
  align-items: center;
}

.houses-enrolls-swiper .red {
  color: #DD2222;
  margin: 0 0.08rem;
}

.house-huxing-field {
  position: relative;
}

.house-huxing-field .huxingbg {
  position: absolute;
  width: 1.92rem;
  height: 0.48rem;
  top: 0.32rem;
  right: 0.426667rem;
}

.house-huxing-field .hxbtn {
  margin-top: 0.426667rem;
}

.house-loudong-field .info-list-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 0.426667rem;
}

.house-loudong-field .info-list-row ::v-deep .line-text-title {
  width: 1.12rem;
}

.house-loudong-field .info-list-row .info-list-row-l {
  flex-shrink: 0;
  width: 50%;
}

.house-loudong-field .info-list-row .info-list-row-l.block {
  width: 100%;
}

.comment-overall {
  display: flex;
  flex-wrap: wrap;
}

.comment-overall .comment-overall-item {
  font-size: 0.32rem;
  color: #999999;
  background: #F9F9F9;
  padding: 0 0.346667rem;
  margin: 0.186667rem 0.133333rem;
  border-radius: 0.293333rem;
  height: 0.586667rem;
  line-height: 0.586667rem;
}

.comment-overall .comment-overall-item:list-child {
  margin-right: 0;
}

.adviser-icon {
  position: fixed;
  right: 0.266667rem;
  bottom: 6rem;
  background: #FFB91A;
  color: #FFFFFF;
  font-size: 0.32rem;
  height: 1.146667rem;
  width: 1.146667rem;
  border-radius: 0.053333rem;
  text-align: center;
  z-index: 50;
}

.adviser-icon .qun-icon {
  margin-top: 0.053333rem;
}

.adviser-icon .qun-name {
  transform: scale(0.75);
}

.cms-container {
  padding-bottom: 1.333333rem;
}

.cms-container .cms-container {
  padding-bottom: 0;
}

.agent-customer {
  display: flex;
  border-top: 0.026667rem solid #F9F9F9;
}

.agent-customer .item-view {
  flex: 1;
  text-align: center;
  padding: 0.4rem 0;
}

.agent-customer .item-view .number {
  width: 100%;
  height: 0.826667rem;
  font-size: 0.64rem;
  font-weight: bold;
  line-height: 0.826667rem;
  color: #131635;
}

.agent-customer .item-view .text {
  width: 100%;
  height: 0.453333rem;
  font-size: 0.32rem;
  line-height: 0.453333rem;
  color: #999999;
  margin-top: 0.133333rem;
}

.agent-customer .item-view:first-child {
  border-right: 0.026667rem solid #F9F9F9;
}

.comment-view {
  padding: 0.533333rem 0.4rem;
  background-color: #FFFFFF;
  overflow: hidden;
}

.comment-view .title {
  width: 100%;
  height: 0.64rem;
  font-size: 0.48rem;
  font-weight: 600;
  line-height: 0.64rem;
  color: #131635;
  margin-bottom: 0.533333rem;
}

.comment-view .text {
  width: 100%;
  font-size: 0.373333rem;
  line-height: 0.64rem;
  color: #333333;
}

.project-view .gray-text {
  font-size: 0.373333rem;
  line-height: 0.533333rem;
  color: #999999;
  margin-bottom: 0.133333rem;
}

.project-view .reported-user {
  display: flex;
  flex-wrap: wrap;
  width: 100vw;
}

.project-view .reported-user .item-view {
  width: 4.4rem;
  height: 3.226667rem;
  background: #F9F9F9;
  border-radius: 0.106667rem;
  padding: 0.533333rem 0;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 0.32rem;
}

.project-view .reported-user .item-view:nth-child(2n+1) {
  margin-right: 0.4rem;
}

.project-view .reported-user .item-view .item-name {
  width: 100%;
  height: 0.586667rem;
  font-size: 0.426667rem;
  font-weight: 600;
  line-height: 0.586667rem;
  color: #131635;
}

.project-view .reported-user .item-view .item-phone {
  margin-top: 0.133333rem;
  margin-bottom: 0.373333rem;
  width: 100%;
  height: 0.426667rem;
  font-size: 0.373333rem;
  line-height: 0.426667rem;
  color: #666666;
}

.project-view .reported-user .item-view .item-button {
  display: flex;
  justify-content: center;
}

.project-view .reported-user .item-view .item-button .button {
  width: 1.733333rem;
  height: 0.64rem;
  border-radius: 0.053333rem;
  line-height: 0.64rem;
  text-align: center;
  box-sizing: border-box;
  font-size: 0.32rem;
}

.project-view .reported-user .item-view .item-button .copy-phone {
  background: #FFFFFF;
  border: 0.026667rem solid #DD2222;
  color: #DD2222;
  margin-right: 0.133333rem;
}

.project-view .reported-user .item-view .item-button .call-phone {
  background: #DD2222;
  color: #FFFFFF;
}

.project-view .line-view {
  display: flex;
  font-size: 0.373333rem;
  line-height: 0.48rem;
  margin-top: 0.4rem;
}

.project-view .line-view .line-gary {
  color: #999999;
}

.project-view .line-view .line-text {
  font-weight: 600;
  color: #131635;
}

.project-view .line-view .text {
  font-weight: 400;
  line-height: 0.64rem;
  margin-top: -0.08rem;
}

.project-view .line-view .last {
  width: 3.733333rem;
}

.commission-view {
  margin-top: 0.32rem;
}

.commission-view .commission-message {
  background: #F9F9F9;
  border-radius: 0.106667rem;
  padding: 0 0.4rem;
}

.commission-view .commission-message .commission-dianshu {
  width: 100%;
  height: 1.333333rem;
  border-bottom: 0.026667rem solid #FFFFFF;
  line-height: 1.333333rem;
}

.commission-view .commission-message .commission-dianshu .title {
  font-size: 0.373333rem;
  color: #333333;
}

.commission-view .commission-message .commission-dianshu .text {
  font-size: 0.533333rem;
  font-weight: 600;
  color: #DD2222;
}

.tuiguang-view .title {
  display: flex;
  justify-content: space-between;
}

.tuiguang-view .title .text {
  height: 0.64rem;
  font-size: 0.48rem;
  font-weight: 600;
  line-height: 0.64rem;
  color: #131635;
}

.tuiguang-view .title .copy-view {
  min-width: 30%;
  height: 0.64rem;
  font-size: 0.32rem;
  line-height: 0.64rem;
  color: #999999;
  text-align: right;
}

.tuiguang-view .title .copy-view .icon {
  display: inline-block;
  margin-left: 0.133333rem;
}

.loupan-maidian-view {
  margin-top: 0.32rem;
}

.house-ui-box {
  padding: 0 0.4rem;
  box-sizing: border-box;
  display: block;
}

.house-ui-box .house-ui-item {
  padding: 0.4rem 0;
  display: flex;
  position: relative;
}

.house-ui-box .house-ui-item::after {
  position: absolute;
  content: "";
  box-sizing: border-box;
  pointer-events: none;
  right: 0;
  left: 0;
  transform: scaleY(0.5);
  border-bottom: 0.026667rem solid #F9F9F9;
  bottom: 0;
}

@media (-webkit-min-device-pixel-radio: 3), (min-device-pixel-radio: 3) {
  .house-ui-box .house-ui-item::after {
    transform: scaleY(0.33333333);
  }
}

@media (-webkit-min-device-pixel-radio: 2), (min-device-pixel-radio: 2) {
  .house-ui-box .house-ui-item::after {
    transform: scaleY(0.5);
  }
}

.house-ui-box .house-ui-item .ui-item-left {
  width: 3.306667rem;
  height: 2.56rem;
  position: relative;
  overflow: hidden;
}

.house-ui-box .house-ui-item .ui-item-left .cms-left-top-tag {
  background: linear-gradient(270deg, #FE817A 0%, #FA544D 100%);
  border-radius: 0.053333rem 0 0.266667rem 0;
  color: #FFFFFF;
  font-size: 0.32rem;
  padding: 0.106667rem;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 600;
}

.house-ui-box .house-ui-item .ui-item-left .cms-left-top-tag .unit {
  font-weight: 400;
  font-size: 0.266667rem;
}

.house-ui-box .house-ui-item .ui-item-left .play {
  position: absolute;
  bottom: 0.106667rem;
  left: 0;
  height: 0.533333rem;
  width: 100%;
  display: flex;
  align-items: center;
}

.house-ui-box .house-ui-item .ui-item-left .play .cms-svg-icon {
  margin-left: 0.106667rem;
}

.house-ui-box .house-ui-item .ui-item-left .house-status {
  width: 0.64rem;
  height: 0.64rem;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
}

.house-ui-box .house-ui-item .ui-item-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-left: 0.266667rem;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.house-ui-box .house-ui-item .ui-item-right .item-right {
  margin-top: 0.133333rem;
  overflow: hidden;
}

.house-ui-box .house-ui-item .ui-item-right .item-right:first-child {
  margin-top: 0;
}

.house-ui-box .house-ui-item .ui-item-right .right-1 {
  width: 100%;
  height: 0.586667rem;
  line-height: 0.586667rem;
  font-size: 0.426667rem;
  color: #101D37;
  font-weight: 600;
}

.house-ui-box .house-ui-item .ui-item-right .right-2 {
  height: 0.453333rem;
  line-height: 0.453333rem;
  font-size: 0.32rem;
  color: #919AAA;
}

.house-ui-box .house-ui-item .ui-item-right .right-3 {
  height: 0.453333rem;
  line-height: 0.453333rem;
  font-size: 0.32rem;
  color: #919AAA;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 0.453333rem;
}

.house-ui-box .house-ui-item .ui-item-right .right-3 .tip {
  padding: 0 0.133333rem;
  color: #DDE3EF;
}

.house-ui-box .house-ui-item .ui-item-right .right-4 {
  display: flex;
  height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.32rem;
  color: #DD2222;
}

.house-ui-box .house-ui-item .ui-item-right .right-4 span {
  margin-left: 0.133333rem;
}

.top-option-view {
  padding: 0.186667rem 0.4rem 0.453333rem 0.4rem;
  position: relative;
}

.top-option-view::after {
  position: absolute;
  content: "";
  box-sizing: border-box;
  pointer-events: none;
  right: 0;
  left: 0;
  transform: scaleY(0.5);
  border-bottom: 0.026667rem solid #F5F5F5;
  bottom: 0;
}

@media (-webkit-min-device-pixel-radio: 3), (min-device-pixel-radio: 3) {
  .top-option-view::after {
    transform: scaleY(0.33333333);
  }
}

@media (-webkit-min-device-pixel-radio: 2), (min-device-pixel-radio: 2) {
  .top-option-view::after {
    transform: scaleY(0.5);
  }
}

.top-option-view .top-evaluate {
  display: flex;
  font-size: 0.48rem;
  color: #101D37;
  font-weight: 600;
  padding: 0.213333rem 0 0.133333rem 0;
}

.top-option-view .top-evaluate .top-evaluate-number {
  color: #DD2222;
}

.top-option-view .top-evaluate .star {
  margin-left: 0.266667rem;
}

.top-option-view .top-evaluate .num {
  font-size: 0.32rem;
  color: #666666;
  padding-left: 0.266667rem;
  margin-top: 0.213333rem;
  font-weight: normal;
}

.top-option-view .top-evaluate-optiond {
  display: flex;
}

.top-option-view .top-evaluate-optiond .top-evaluate-optiond-item {
  color: #666666;
  font-size: 0.32rem;
  font-weight: 400;
  margin-right: 0.453333rem;
}

.top-option-view .top-option {
  display: flex;
  flex-wrap: wrap;
}

.top-option-view .top-option .top-option-item {
  font-size: 0.32rem;
  color: #999999;
  background: #F9F9F9;
  padding: 0 0.32rem;
  margin: 0.186667rem 0.133333rem;
  border-radius: 0.266667rem;
  height: 0.533333rem;
  line-height: 0.533333rem;
}

.top-option-view .top-option .top-option-item-active {
  color: #FFFFFF;
  background: #DD2222;
}

.field-text {
  font-size: 0.453333rem;
  color: #666666;
  line-height: 0.8rem;
  text-align: justify;
  padding: 0 0.4rem 0.533333rem;
  word-break: break-all;
}

.field-text img {
  width: 100%;
  height: auto;
}