.index-banner {
     margin-bottom: 80px;
     position: relative;
 }
 
 .index-banner-swiper {
     width: 100%;
     overflow: hidden;
     position: relative;
 }
 
 .index-banner-swiper .swiper-slide {
     display: block;
     width: 100%;
     height: 500px;
 }
 
 .index-banner-cut {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 96px;
     height: 96px;
     margin-top: -48px;
     z-index: 10;
     cursor: pointer;
 }
 
 .index-banner-prev {
     margin-left: -600px;
 }
 
 .index-banner-next {
     margin-left: 504px;
 }
 
 .index-search {
     position: absolute;
     top: 370px;
     left: 50%;
     margin-left: -475px;
     z-index: 10;
     width: 950px;
     padding: 30px 50px;
     border-radius: 5px;
     background: rgba(0, 0, 0, .5);
 }
 
 .index-search-nav a {
     margin-right: 50px;
     color: #fff;
     font-size: 18px;
     font-weight: bold;
 }
 
 .index-search-nav a.active {
     color: #35b6ff;
 }
 
 .index-search-nav a span {
     display: block;
     width: 16px;
     height: 8px;
     border-top: none;
     border-bottom: 8px solid rgba(0, 0, 0, 0);
     border-left: 8px solid rgba(0, 0, 0, 0);
     border-right: 8px solid rgba(0, 0, 0, 0);
     margin-top: 10px;
 }
 
 .index-search-nav a.active span {
     border-bottom: 8px solid #fff;
 }
 
 .index-search-content {
     height: 60px;
 }
 
 .index-search-input {
     width: 680px;
     height: 60px;
     position: relative;
 }

 .index-search-input:not(:first-child){
    display: none;
 }
 
 .index-search-input input {
     width: 610px;
     padding: 0 20px;
     height: 60px;
     line-height: 60px;
     border-radius: 5px;
     border: none;
     background: #fff;
     color: #999;
 }
 
 .index-search-input a {
     position: absolute;
     top: 0;
     right: 0;
     width: 80px;
     height: 60px;
     border-radius: 0 5px 5px 0;
     background: #35b6ff;
 }
 
 .index-search-input a img {
     width: 30px;
     height: 30px;
 }
 
 .index-search-map {
     width: 140px;
     height: 60px;
     border-radius: 5px;
     background: #35b6ff;
     color: #fff;
 }

 .index-search-map:hover{
    color: #fff;
 }
 
 .index-search-map img {
     width: 26px;
     height: 26px;
     margin-right: 10px;
 }
 
 .index-title {
     margin-bottom: 40px;
 }
 
 .index-title-text img {
     width: 36px;
     height: 36px;
     margin-right: 10px;
 }
 
 .index-title-text span:nth-child(2) {
     color: #333;
     font-size: 36px;
     font-weight: bold;
     margin-right: 20px;
 }
 
 .index-title-text span:nth-child(3) {
     color: #333;
     font-size: 18px;
 }
 
 .index-title-nav a {
     margin-right: 24px;
     color: #333;
     font-size: 20px;
     font-weight: bold;
 }
 
 .index-title-nav a:hover,
 .index-title-nav a.active,
 .index-title-more:hover {
     color: #35b6ff;
 }
 
 .index-title-more {
     color: #999;
     font-size: 20px;
     font-weight: bold;
 }
 
 .index-title-more img {
     width: 12px;
     height: 20px;
     margin-left: 8px;
 }
 
 .index-information {
     margin-bottom: 20px;
 }
 
 .index-information-list:not(:first-child){
    display: none;
 }

 .index-information>div {
     width: 580px;
 }
 
 .index-information-swiper {
     position: relative;
     width: 100%;
     height: 450px;
     margin-bottom: 30px;
     overflow: hidden;
 }
 
 .index-information-swiper .swiper-slide {
     width: 580px;
     height: 450px;
     border-radius: 8px;
     overflow: hidden;
     position: relative;
 }
 
 .index-information-swiper .swiper-slide p {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 60px;
     line-height: 60px;
     padding: 0 50px 0 30px;
     background: rgba(0, 0, 0, .5);
     color: #fff;
     font-size: 14px;
 }
 
 .index-information-pagination {
     position: absolute;
     bottom: 0;
     left: 0;
     padding: 0 30px;
     text-align: right;
     height: 60px;
     line-height: 60px;
     z-index: 10;
     color: #fff;
     font-size: 14px;
 }
 
 .index-information-cut {
     position: absolute;
     top: 50%;
     width: 52px;
     height: 52px;
     opacity: 0;
     cursor: pointer;
     z-index: 10;
     margin-top: -26px;
 }
 
 .index-information-swiper:hover .index-information-cut {
     opacity: 1;
 }
 
 .index-information-prev {
     left: 30px;
 }
 
 .index-information-next {
     right: 30px;
 }
 
 .index-information-text a {
     color: #333;
     line-height: 20px;
     margin-bottom: 20px;
 }
 
 .index-information-text a:last-child {
     margin-bottom: 0;
 }
 
 .index-information-text a p:first-child {
     width: 470px;
 }
 
 .index-information-text a p span {
     display: inline-block;
     padding: 0 8px;
     height: 20px;
     line-height: 18px;
     border: 1px solid #35b6ff;
     border-radius: 0 10px 10px 10px;
     color: #35b6ff;
     margin-right: 10px;
 }
 
 .index-information-text a p i {
     display: inline-block;
     width: 6px;
     height: 6px;
     border-radius: 3px;
     background: #35b6ff;
     margin-right: 10px;
     position: relative;
     top: -6px;
 }
 
 .index-information-item {
     width: 100%;
     padding: 30px;
     border-radius: 10px;
     box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
     margin-bottom: 20px;
 }
 
 .index-information-item:last-child {
     margin-bottom: 0;
 }
 
 .index-information-item div:first-child {
     width: 160px;
     height: 160px;
     border-radius: 10px;
     overflow: hidden;
 }
 
 .index-information-item div:first-child img {
     transition: all .3s;
 }
 
 .index-information-item:hover div:first-child img {
     transform: scale(1.2);
 }
 
 .index-information-item div:last-child {
     width: 335px;
     height: 160px;
     position: relative;
     color: #999;
 }
.header-center>li{display: inline-block;position: relative;}
.header-center>li ul{position: absolute;z-index: 120;left: 50%;display: none;opacity: 0;margin-left: -60px;}
.header-center>li ul li {width: 120px;background-color: #fff;text-align: center;}
.header-center>li:hover>ul{-webkit-animation:fadeInUp .5s .2s ease both;-moz-animation:fadeInUp .5s .2s ease both;display: block;}


@-webkit-keyframes fadeInUp {
    0% {
    opacity:0;
    -webkit-transform:translateY(20px);
    }
    100% {
    opacity:1;
    -webkit-transform:translateY(0)
    }
    }
@-moz-keyframes fadeInUp {
    0% {
    opacity:0;
    -moz-transform:translateY(20px);
    }
    100% {
    opacity:1;
    -moz-transform:translateY(0)
    }
}
 .index-information-item div:last-child p:first-child {
     color: #333;
     font-size: 20px;
     margin-bottom: 10px;
 }
 
 .index-information-item div:last-child p:nth-child(2) {
     line-height: 1.7;
 }
 
 .index-information-item div:last-child p:last-child {
     position: absolute;
     left: 0;
     bottom: 0;
 }
 
 .index-information-form {
     margin-bottom: 100px;
     width: 100%;
     height: 201px;
     cursor: pointer;
 }
 
 .index-newHouse {
     padding: 80px 0 100px;
     background: #f2f4f8;
 }
 
 .index-newHouse-item {
     width: 380px;
     border-radius: 8px;
     overflow: hidden;
     background: #fff;
     margin-right: 30px;
     display: none;
 }
 
 .index-newHouse-item:hover {
     box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .1);
 }
 
 .index-newHouse-item:nth-child(3n) {
     /* margin-right: 0; */
 }
 
 .index-newHouse-img {
     display: block;
     width: 100%;
     height: 220px;
     position: relative;
 }
 
 .index-newHouse-img span {
     position: absolute;
     top: 20px;
     left: 30px;
     display: inline-block;
     padding: 0 16px;
     height: 30px;
     line-height: 30px;
     border-radius: 15px;
     background: rgba(0, 0, 0, .8);
     color: #fff;
     font-size: 14px;
 }
 
 .index-newHouse-img p {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 40px;
     padding: 0 20px;
     background: rgba(0, 0, 0, .5);
 }
 
 .index-newHouse-img p em {
     color: #fff;
     font-size: 16px;
 }
 
 .index-newHouse-img p b {
     color: #f81d3a;
     font-size: 24px;
 }
 
 .index-newHouse-img p i {
     display: inline-block;
     padding: 0 10px;
     height: 24px;
     line-height: 24px;
     border-radius: 3px;
     background: #ffcfd5;
     color: #f81d3a;
     font-size: 16px;
 }
 
 .index-newHouse-text {
     width: 100%;
     padding: 20px 30px;
 }
 
 .index-newHouse-text p {
     width: 100%
 }
 
 .index-newHouse-title {
     display: block;
     width: 100%;
     color: #333;
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 20px;
 }
 
 .index-newHouse-price {
     margin-bottom: 14px;
     color: #333;
 }
 
 .index-newHouse-class {
     color: #666;
     font-size: 16px;
     margin-bottom: 20px;
 }
 
 .index-newHouse-price b {
     color: #ff2929;
     font-size: 24px;
 }
 
 .index-newHouse-price a {
     display: inline-block;
     padding: 0 5px;
     height: 24px;
     line-height: 24px;
     border-radius: 3px;
     background: #e4f5ff;
     color: #35b6ff;
 }
 
 .index-newHouse-tele {
     color: #35b6ff;
     font-size: 20px;
     margin-bottom: 10px;
 }
 
 .index-newHouse-tele img {
     width: 20px;
     height: 20px;
     margin-right: 10px;
 }
 
 .index-newHouse-hint {
     color: #999;
     margin-bottom: 16px;
 }
 
 .index-newHouse-btn a {
     width: 130px;
     height: 40px;
     border-radius: 0 20px 20px 20px;
     background: #fc814a;
     color: #fff;
     font-size: 18px;
 }
 
 .index-newHouse-btn a:first-child {
     background: -webkit-gradient(linear, left top, left bottom, from(#36b6ff), to(#66b6ff));
     background: -webkit-linear-gradient(to bottom, #36b6ff 0, #66b6ff 100%);
     background: -moz-linear-gradient(to bottom, #36b6ff 0, #66b6ff 100%);
     background: -o-linear-gradient(to bottom, #36b6ff 0, #66b6ff 100%);
     background: linear-gradient(to bottom, #36b6ff 0, #66b6ff 100%);
     margin-right: 50px;
 }
 
 .index-newHouse-btn a:last-child {
     background: -webkit-gradient(linear, left top, left bottom, from(#fc814a), to(#f29d4d));
     background: -webkit-linear-gradient(to bottom, #fc814a 0, #f29d4d 100%);
     background: -moz-linear-gradient(to bottom, #fc814a 0, #f29d4d 100%);
     background: -o-linear-gradient(to bottom, #fc814a 0, #f29d4d 100%);
     background: linear-gradient(to bottom, #fc814a 0, #f29d4d 100%);
 }
 
 .index-newHouse-btn a img {
     width: 20px;
     height: 20px;
     margin-right: 3px;
 }
 
 .index-tuangou {
     margin: 80px auto 100px;
 }
 
 .index-tuangou-house {
     margin-bottom: 30px;
 }
 
 .index-tuangou-house li {
     width: 380px;
     margin-right: 30px;
     border-radius: 5px;
     box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .1);
     overflow: hidden;
     position: relative;
 }
 
 .index-tuangou-house li:hover {
     box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .1);
 }
 
 .index-tuangou-house li:nth-child(3n) {
     margin-right: 0;
 }
 
 .index-tuangou-house-img {
     display: block;
     width: 100%;
     height: 220px;
     position: relative;
     margin-bottom: 20px;
 }
 
 .index-tuangou-house-img p:nth-child(2) {
     position: absolute;
     top: 20px;
     left: 30px;
     display: inline-block;
     padding: 0 15px;
     height: 30px;
     line-height: 30px;
     border-radius: 15px;
     background: rgba(0, 0, 0, .8);
     color: #fff;
     font-size: 14px;
 }
 
 .index-tuangou-house-img p:nth-child(3) {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 40px;
     line-height: 40px;
     padding: 0 30px;
     background: rgba(0, 0, 0, .8);
     color: #fff;
     font-size: 18px;
     font-weight: bold;
 }
 
 .index-tuangou-house-price {
     padding: 0 30px;
     margin-bottom: 20px;
 }
 
 .index-tuangou-house-price img {
     width: 54px;
     height: 20px;
     margin-right: 5px;
 }
 
 .index-tuangou-house-price span:nth-child(2) {
     color: #333;
     margin-right: 10PX;
 }
 
 .index-tuangou-house-price span:nth-child(2) b {
     color: #ff2929;
     font-size: 24px;
     font-weight: bold;
 }
 
 .index-tuangou-house-price span:nth-child(3) {
     display: inline-block;
     padding: 0 10px;
     height: 20px;
     line-height: 18px;
     border: 1px solid #ff2929;
     border-radius: 5px;
     color: #ff2929;
     font-size: 14px;
 }
 
 .index-tuangou-house-clock {
     width: 320px;
     height: 40px;
     margin: 0 auto 20px;
     background: #f5fbff;
     font-size: 18px;
 }
 
 .index-tuangou-house-clock img {
     width: 16px;
     height: 16px;
     margin-right: 10px;
 }
 
 .index-tuangou-house-clock span {
     color: #333;
 }
 
 .index-tuangou-house-clock i {
     color: #3bb8ff;
 }
 
 .index-tuangou-house-clock b {
     color: #999;
     font-weight: 500;
 }
 
 .index-tuangou-house-tele {
     color: #35b6ff;
     font-size: 18px;
     padding: 0 30px 50px;
 }
 
 .index-tuangou-house-tele img {
     width: 20px;
     height: 20px;
     margin-right: 10px;
 }
 
 .index-tuangou-house-btn {
     position: absolute;
     right: 30px;
     bottom: 25px;
 }
 
 .index-tuangou-house-btn a {
     width: 100px;
     text-align: center;
     height: 30px;
     line-height: 30px;
     border-radius: 0 15px 15px 15px;
     background: #767f8c;
     color: #fff;
     font-weight: bold;
     margin-bottom: 6px;
     display: none;
 }
 
 .index-tuangou-house-btn a.active {
     display: block;
 }
 
 .index-tuangou-house-btn a:first-child {
     background: #63b6ff;
 }
 
 .index-tuangou-hint {
     width: 800px;
     height: 200px;
 }
 
 .index-tuangou-form {
     width: 400px;
     height: 200px;
     border-radius: 0 10px 10px 0;
     box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, .1);
     text-align: center;
     padding-top: 20px;
 }
 
 .index-tuangou-form p {
     margin-bottom: 10px;
 }
 
 .index-tuangou-form p:first-child {
     color: #35b6ff;
 }
 
 .index-tuangou-form p input {
     width: 300px;
     padding: 0 20px;
     height: 30px;
     line-height: 28px;
     border-radius: 15px;
     border: 1px solid #f7f7f7;
     color: #999;
 }
 
 .index-tuangou-form p:nth-child(4) {
     width: 300px;
     padding: 0 20px;
     text-align: right;
     color: #999;
     font-size: 14px;
 }
 
 .index-tuangou-form a:nth-child(5) {
     display: block;
     width: 120px;
     margin: 0 auto;
     height: 30px;
     line-height: 30px;
     border-radius: 0 15px 15px 15px;
     background: #35b6ff;
     color: #fff;
     font-size: 18px;
     font-weight: bold;
 }
 
 .index-trend {
     padding: 80px 0 100px;
     background: #232836;
 }
 
 .index-trend .index-title-text span:nth-child(3),
 .index-trend .index-title-text span:nth-child(2) {
     color: #fff;
 }
 
 .index-trend-content {
     color: #fff;
 }
 
 .index-tehui {
     padding: 80px 0 100px;
     background: #f2f4f8;
 }
 
 .index-tehui-item {
     width: 380px;
     margin-right: 30px;
     border-radius: 10px;
     overflow: hidden;
     background: #fff;
     display: none;
 }
 
 .index-tehui-item:hover {
     box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .1);
 }
 
 .index-tehui-item.active {
     display: block;
 }
 
 .index-tehui-item:nth-child(3n) {
     /* margin-right: 0; */
 }
 
 .index-tehui-item p {
     width: 100%;
     margin-top: 20px;
     padding: 0 30px;
 }
 
 .index-tehui-img {
     display: block;
     width: 100%;
     height: 280px;
     position: relative;
 }
 
 .index-tehui-img span {
     position: absolute;
     top: 20px;
     left: 30px;
     display: inline-block;
     padding: 0 15px;
     height: 30px;
     line-height: 30px;
     border-radius: 15px;
     background: rgba(0, 0, 0, .8);
     color: #fff;
     font-size: 14px;
 }
 
 .index-tehui-house {
     color: #333;
     font-size: 20px;
 }
 
 .index-tehui-yy {
     color: #ff2929;
     font-size: 18px;
 }
 
 .index-tehui-yy img {
     width: 29px;
     height: 21px;
     margin-right: 5px;
 }
 
 .index-tehui-yy span {
     max-width: 270px;
 }
 
 .index-tehui-price {
     margin-top: 15px !important;
 }
 
 .index-tehui-price b {
     color: #ff2929;
     font-size: 24px;
 }
 
 .index-tehui-tele {
     margin-bottom: 20px;
 }
 
 .index-tehui-tele b {
     color: #64b5ff;
 }
 
 .index-tehui-tele a {
     display: block;
     width: 100px;
     text-align: center;
     height: 32px;
     line-height: 32px;
     border-radius: 5px 16px 16px 16px;
     background: -webkit-gradient(linear, left top, left bottom, from(#36b6ff), to(#66b6ff));
     background: -webkit-linear-gradient(to bottom, #36b6ff 0, #66b6ff 100%);
     background: -moz-linear-gradient(to bottom, #36b6ff 0, #66b6ff 100%);
     background: -o-linear-gradient(to bottom, #36b6ff 0, #66b6ff 100%);
     background: linear-gradient(to bottom, #36b6ff 0, #66b6ff 100%);
     color: #fff;
     font-weight: bold;
 }
 
 .index-tese {
     margin: 80px auto 100px;
 }
 /* 列表页 */
 
 .list-banner {
     width: 100%;
     height: 100px;
 }
 
 .list-screen {
     margin: 30px auto 80px;
 }
 
 .list-screen-title {
     height: 40px;
     border-bottom: 1px solid #35b6ff;
     margin-bottom: 15px;
 }
 
 .list-screen-title a {
     display: inline-block;
     width: 100px;
     text-align: center;
     height: 39px;
     line-height: 39px;
     border-radius: 5px 5px 0 0;
     background: #dddddd;
     color: #333;
     margin-right: 20px;
 }
 
 .list-screen-title a:hover,
 .list-screen-title a.active {
     background: #35b6ff;
     color: #fff;
 }
 
 .list-screen-title div:last-child {
     line-height: 39px;
 }
 
 .list-screen-title div:last-child b {
     font-size: 20px;
 }
 
 .list-screen-item p {
     width: 60px;
     height: 30px;
     line-height: 30px;
 }
 
 .list-screen-item a {
     display: inline-block;
     padding: 0 10px;
     height: 30px;
     line-height: 30px;
     border-radius: 5px 15px 15px 15px;
     background: #fff;
     color: #666;
     margin-right: 10px;
     margin-bottom: 10px;
 }
 
 .list-screen-item a:hover,
 .list-screen-item a.active {
     background: #35b6ff;
     color: #fff;
 }
 
 .list-screen-sort {
     width: 850px;
     height: 34px;
     border-bottom: 1px solid #efefef;
     padding-bottom: 3px;
     line-height: 30px;
 }
 
 .list-screen-sort p:first-child {
     float: left;
     color: #333;
     font-size: 20px;
     font-weight: bold;
 }
 
 .list-screen-sort p:first-child b {
     color: #f93665;
 }
 
 .list-screen-sort p:nth-child(2) {
     float: left;
     margin-left: 60px;
     color: #333;
 }
 
 .list-screen-sort p:nth-child(2) a {
     display: inline-block;
     width: 100px;
     text-align: center;
     height: 30px;
     border-radius: 5px 15px 15px 15px;
     background: #ffa04c;
     color: #fff;
     margin-left: 10px;
 }
 
 .list-screen-sort p:nth-child(3) {
     float: right;
 }
 
 .list-screen-sort p:nth-child(3) a {
     margin-left: 30px;
     color: #333;
     font-weight: bold;
 }
 
 .list-screen-sort p:nth-child(3) a:hover,
 .list-screen-sort p:nth-child(3) a.active {
     color: #35b6ff;
 }
 
 .list-result {
     width: 850px;
     padding: 20px 0 40px;
 }
 
 .list-result-hint {
     line-height: 1.5;
     font-size: 12px;
     margin-bottom: 40px;
 }
 
 .list-result-hint i {
     color: #f91c56;
 }
 
 .list-result-content {
     margin-bottom: 40px;
 }
 
 .list-result-content li {
     margin-bottom: 30px;
 }
 
 .list-result-information {
     font-size: 18px;
     margin-bottom: 20px;
 }
 
 .list-result-information a {
     color: #ffa04c;
 }
 
 .list-result-information a:hover {
     color: #35b6ff;
 }
 
 .list-result-house {
     padding: 20px 30px;
     border-radius: 10px;
     box-shadow: 1px 1px 5px 0 rgba(100, 100, 100, .1);
 }
 
 .list-result-house-content {
     padding-bottom: 10px;
     border-bottom: 2px dashed #eee;
 }
 
 .list-result-house-img {
     display: block;
     width: 300px;
     height: 200px;
     position: relative;
 }
 
 .list-result-house-img img {
     border-radius: 10px;
     overflow: hidden;
 }
 
 .list-result-house-img span {
     position: absolute;
     top: 8px;
     left: -8px;
     display: inline-block;
     padding: 0 8px;
     height: 30px;
     line-height: 30px;
     border-radius: 5px 15px 15px 15px;
     background: #36b6ff;
     color: #fff;
 }
 
 .list-result-house-img+div {
     width: 460px;
     height: 200px;
     position: relative;
 }
 
 .list-result-house-title {
     margin-bottom: 20px;
     color: #333;
 }
 
 .list-result-house-title b {
     font-size: 22px;
     max-width: 340px;
 }
 
 .list-result-house-title span {
     color: #a1acb3;
 }
 
 .list-result-house-ico {
     margin-bottom: 20px;
 }
 
 .list-result-house-ico span {
     display: inline-block;
     padding: 0 10px;
     height: 30px;
     line-height: 30px;
     border-radius: 3px;
     background: #edf8ff;
     color: #a1acb3;
     font-size: 14px;
     margin-right: 10px;
 }
 
 .list-result-house-ico span:last-child {
     margin-right: 0;
 }
 
 .list-result-house-price {
     margin-bottom: 20px;
 }
 
 .list-result-house-m img,
 .list-result-house-price>img {
     width: 22px;
     height: 20px;
     margin-right: 10px;
 }
 
 .list-result-house-price>span {
     color: #666;
 }
 
 .list-result-house-price>span b {
     color: #f91c56;
     font-size: 20px;
 }
 
 .list-result-house-price a {
     margin-left: 20px;
 }
 
 .list-result-house-price a img {
     width: 12px;
     height: 18px;
     margin-right: 5px;
 }
 
 .list-result-house-price a span {
     color: #a1acb3;
 }
 
 .list-result-house-m {
     color: #666;
 }
 
 .list-result-house-tele {
     position: absolute;
     left: 0;
     bottom: 0;
     color: #36b6ff;
     font-size: 24px;
 }
 
 .list-result-house-tele img {
     width: 24px;
     height: 24px;
     margin-right: 10px;
 }
 
 .list-result-house-btn {
     margin-top: 20px;
 }
 
 .list-result-house-btn p:first-child {
     color: #666;
     font-size: 18px;
 }
 
 .list-result-house-btn p:first-child img {
     width: 18px;
     height: 17px;
     margin-right: 10px;
 }
 
 .list-result-house-btn a {
     width: 150px;
     height: 50px;
     border-radius: 5px 25px 25px 25px;
     border: 1px solid #36b6ff;
     color: #36b6ff;
     font-size: 20px;
 }
 
 .list-result-house-btn a img {
     width: 24px;
     height: 24px;
     margin-right: 10px;
 }
 
 .list-result-house-btn a:last-child {
     background: #36b6ff;
     color: #fff;
     margin-left: 20px;
 }
 
 .list-result-subfield2,
 .list-result-subfield1 {
     width: 100%;
     height: 100px;
     background: url(../img/subfield1.png) no-repeat;
     background-size: cover;
 }
 
 .list-result-subfield1 p {
     width: 380px;
     height: 40px;
     position: relative;
     right: 30px;
 }
 
 .list-result-subfield1 p input {
     position: relative;
     z-index: 10;
     width: 240px;
     padding: 0 30px;
     height: 40px;
     line-height: 40px;
     border: none;
     border-radius: 20px 0 15px 20px;
     background: #fff;
     color: #8a8e9f;
     /* font-size: 16px; */
 }
 
 .list-result-subfield1 p a {
     position: absolute;
     top: 0;
     right: 0;
     z-index: 5;
     width: 170px;
     text-align: right;
     padding-right: 20px;
     height: 40px;
     line-height: 40px;
     border-radius: 0 20px 20px 0;
     background: #f29e4d;
     color: #fff;
     font-size: 18px;
 }
 
 .list-result-subfield2 {
     background: url(../img/subfield2.png) no-repeat;
 }
 
 .list-result-subfield2 p {
     position: relative;
     right: 30px;
     width: 260px;
     height: 40px;
     line-height: 40px;
     border-radius: 20px;
     overflow: hidden;
 }
 
 .list-result-subfield2 p input {
     width: 190px;
     height: 40px;
     border: none;
     padding: 0 20px;
     background: #fff;
     color: #8a8e9f;
 }
 
 .list-result-subfield2 a {
     position: absolute;
     top: 0;
     right: 0;
     width: 80px;
     text-align: center;
     height: 40px;
     background: #35b6ff;
     color: #fff;
 }
 
 .paging-content a {
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 5px;
     background: #eff4f6;
     color: #666;
     font-size: 16px;
     margin-right: 10px;
 }

 .paging-content em {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    background: #eff4f6;
    color: #666;
    font-size: 16px;
    margin-right: 10px;
}

 .paging-content span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    background: #35b6ff;
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
}
 
 .paging-content .a1{
     width: auto;
     padding: 0 5px;
 }

 .paging-content a:last-child {
     margin-right: 0;
 }
 
 .paging-content a img {
     width: 8px;
     height: 13px;
 }
 
 .paging-content a:hover,
 .paging-content a.active {
     background: #35b6ff;
     color: #fff;
 }
 /* 右侧表单等 */
 
 .left-sidebar {
     width: 320px;
     padding-bottom: 40px;
 }
 
 .left-sidebar-help {
     padding: 20px 30px;
     box-shadow: 1px 1px 10px 0 rgba(100, 100, 100, .1);
     margin-bottom: 30px;
 }
 
 .left-sidebar-help p:first-child {
     padding-left: 5px;
     border-left: 4px solid #36b6ff;
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 20px;
 }
 
 .left-sidebar-help p:nth-child(2) {
     color: #666;
     line-height: 2;
     margin-bottom: 10px;
 }
 
 .left-sidebar-help p:nth-child(3) {
     color: #333;
     font-size: 16px;
     margin-bottom: 10px;
 }
 
 .left-sidebar-help p:nth-child(4) {
     color: #f91c56;
     font-size: 30px;
     margin-bottom: 30px;
 }
 
 .left-sidebar-help p:nth-child(5) {
     margin-bottom: 20px;
 }
 
 .left-sidebar-help p:nth-child(5) input {
     width: 100%;
     padding: 0 10px;
     height: 40px;
     line-height: 40px;
     border-radius: 5px;
     border: none;
     background: #fafcff;
     color: #999;
     font-size: 14px;
 }
 
 .left-sidebar-help p:nth-child(6) {
     margin-bottom: 10px;
 }
 
 .left-sidebar-help p:nth-child(6) a {
     display: block;
     width: 100%;
     text-align: center;
     height: 40px;
     line-height: 40px;
     border-radius: 5px;
     background: #f91c56;
     color: #fff;
 }
 
 .left-sidebar-help p:nth-child(7) {
     color: #999;
     font-size: 14px;
 }
 
 .left-sidebar-help p:nth-child(7) img {
     width: 14px;
     height: 14px;
     margin-right: 3px;
 }
 
 .left-sidebar-yy {
     border-radius: 10px;
     box-shadow: 1px 1px 5px rgba(100, 100, 100, .1);
     margin-bottom: 30px;
 }
 
 .left-sidebar-yy-title {
     width: 100%;
     height: 140px;
     background: url(../..//img/sidebar-yy.png) no-repeat;
     background-size: cover;
 }
 
 .left-sidebar-yy-title p:first-child {
     color: #fff;
     font-size: 24px;
     margin-bottom: 10px;
 }
 
 .left-sidebar-yy-title p:first-child b {
     color: #ff2d2c;
 }
 
 .left-sidebar-yy-title pre:nth-child(2) {
     color: #fff;
     font-size: 14px;
     font-weight: bold;
 }
 
 .left-sidebar-yy-content {
     padding: 20px 30px;
 }
 
 .left-sidebar-yy-content input {
     width: 100%;
     padding: 0 20px;
     height: 40px;
     line-height: 38px;
     border-radius: 20px;
     border: 1px solid #f3f3f3;
     color: #999;
     font-size: 16px;
 }
 
 .left-sidebar-yy-content p:nth-child(2) {
     margin: 20px 0 10px;
 }
 
 .left-sidebar-yy-content p:nth-child(3) {
     color: #999;
     font-size: 14px;
     padding-left: 20px;
     margin-bottom: 20px;
 }
 
 .left-sidebar-yy-content a {
     display: block;
     width: 180px;
     text-align: center;
     margin: 0 auto;
     height: 30px;
     line-height: 30px;
     border-radius: 5px 15px 15px 15px;
     background: #35b6ff;
     color: #fff;
 }
 
 .left-sidebar-house-title {
     color: #333;
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 30px;
 }
 
 .left-sidebar-house-content li {
     width: 100%;
     border: 1px solid #eaeaea;
     border-radius: 10px;
     overflow: hidden;
     margin-bottom: 20px;
 }
 
 .left-sidebar-house-img {
     display: block;
     position: relative;
     width: 100%;
     height: 190px;
 }
 
 .left-sidebar-house-img img:last-child {
     position: absolute;
     top: 0;
     left: 0;
     width: 106px;
     height: 41px;
 }
 
 .left-sidebar-house-container {
     padding: 20px;
 }
 
 .left-sidebar-house-container p:first-child {
     margin-bottom: 10px;
 }
 
 .left-sidebar-house-container p:first-child a {
     color: #222636;
     font-size: 20px;
     font-weight: bold;
 }
 
 .left-sidebar-house-container p:nth-child(2) {
     color: #454b64;
     margin-bottom: 10px;
 }
 
 .left-sidebar-house-container p:nth-child(3) {
     color: #454b64;
     margin-bottom: 10px;
 }
 
 .left-sidebar-house-container p:nth-child(3) b {
     color: #ff2d2d;
     font-size: 24px;
 }
 
 .left-sidebar-house-container p:nth-child(3) span {
     display: inline-block;
     padding: 0 8px;
     height: 24px;
     line-height: 24px;
     border-radius: 3px;
     background: #ffe7d8;
     color: #ff7621;
     font-size: 14px;
     margin-left: 10px;
 }
 
 .left-sidebar-house-container p:nth-child(4) a {
     width: 120px;
     height: 40px;
     border-radius: 5px 20px 20px 20px;
     background: #35b6ff;
     color: #fff;
     font-size: 18px;
 }
 
 .left-sidebar-house-container p:nth-child(4) a:last-child {
     background: #f29e4d;
 }
 
 .left-sidebar-house-container p:nth-child(4) a img {
     width: 20px;
     height: 20px;
     margin-right: 5px;
 }
 /* 详情页 */
 
 .house-intro-title {
     margin: 40px 0 20px;
 }
 
 .house-intro-title div:first-child p:first-child {
     margin-bottom: 20px;
 }
 
 .house-intro-title div:first-child p:first-child b {
     color: #222636;
     font-size: 30px;
 }
 
 .house-intro-title div:first-child p:first-child span {
     display: inline-block;
     padding: 0 8px;
     height: 30px;
     line-height: 30px;
     border-radius: 3px;
     background: #35b6ff;
     color: #fff;
     font-size: 18px;
     margin-left: 5px;
     margin-right: 20px;
 }
 
 .house-intro-title div:first-child p:first-child i {
     color: #999;
     font-size: 18px;
 }
 
 .house-intro-title div:first-child p:nth-child(2) span {
     display: inline-block;
     padding: 0 10px;
     height: 30px;
     line-height: 30px;
     border-radius: 3px;
     background: #edf8ff;
     color: #a1acb3;
     font-size: 14px;
     margin-right: 10px;
 }
 
 .general-btn {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 150px;
     height: 50px;
     border-radius: 5px 25px 25px 25px;
     border: 1px solid #35b6ff;
     background: #fff;
     color: #35b6ff;
     font-size: 20px;
 }
 
 .general-btn img {
     width: 24px;
     height: 24px;
     margin-right: 5px;
 }
 
 .house-intro-title div:nth-child(2) a:first-child {
     border: 1px solid #ffa04c;
     color: #ffa04c;
     margin-right: 20px;
 }
 
 .house-intro-title div:nth-child(2) a:nth-child(2) {
     background: #35b6ff;
     color: #fff;
 }
 
 .house-intro-nav {
     border-bottom: 1px solid #eee;
     margin-top: 50px;
     margin-bottom: 30px;
 }
 
 .house-intro-nav div:first-child {
     position: relative;
     bottom: -2px;
 }
 
 .house-intro-nav a {
     margin-right: 50px;
     color: #666;
 }
 
 .house-intro-nav a:hover,
 .house-intro-nav a.active {
     color: #35b6ff;
     font-weight: bold;
 }
 
 .house-intro-nav a:last-child {
     margin-right: 0;
 }
 
 .house-intro-nav a b {
     display: block;
     width: 40px;
     height: 4px;
     border-radius: 2px;
     background: rgba(0, 0, 0, 0);
     margin-top: 20px;
 }
 
 .house-intro-nav a:hover b,
 .house-intro-nav a.active b {
     background: #35b6ff;
 }
 
 .house-intro-nav img {
     width: 24px;
     height: 24px;
     margin-right: 10px;
 }
 
 .house-intro-nav div:last-child span {
     color: #35b6ff;
 }
 
 .house-intro {
     margin-bottom: 30px;
 }
 
 .intro-house-swiper {
     width: 600px;
 }
 
 .intro-images-swiper {
     width: 100%;
     height: 400px;
     overflow: hidden;
     position: relative;
     margin-bottom: 10px;
 }
 
 .intro-images-swiper .swiper-slide {
     width: 600px;
     height: 400px;
 }
 
 .intro-images-btn {
     position: absolute;
     top: 160px;
     z-index: 5;
     width: 30px;
     height: 80px;
     cursor: pointer;
     display: none;
 }
 
 .intro-images-swiper:hover .intro-images-btn {
     display: block;
 }
 
 .intro-images-prev {
     left: 0;
 }
 
 .intro-images-next {
     right: 0;
 }
 
 .intro-images-a {
     position: absolute;
     right: 20px;
     bottom: 20px;
     z-index: 10;
     display: block;
     width: 140px;
     text-align: center;
     height: 40px;
     line-height: 38px;
     border: 1px solid #fff;
     border-radius: 5px 20px 20px 20px;
     background: rgba(53, 182, 255, .8);
     color: #fff;
     font-size: 18px;
 }
 
 .intro-thumb-swiper {
     width: 100%;
     height: 80px;
     padding: 0 38px;
     overflow: hidden;
     position: relative;
 }
 
 .intro-thumb-swiper .swiper-slide {
     width: 120px;
     height: 80px;
     border-radius: 3px;
     overflow: hidden;
     position: relative;
 }
 
 .intro-thumb-swiper .swiper-slide p {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     text-align: center;
     height: 30px;
     line-height: 30px;
     background: rgba(0, 0, 0, .8);
     color: #fff;
     font-size: 16px;
 }
 
 .intro-thumb-swiper .swiper-slide:hover p,
 .intro-thumb-swiper .swiper-slide.active p {
     background: rgba(53, 182, 255, .8);
 }
 
 .intro-thumb-btn {
     position: absolute;
     top: 0;
     z-index: 5;
     width: 30px;
     height: 80px;
     cursor: pointer;
 }
 
 .intro-thumb-prev {
     left: 0;
 }
 
 .intro-thumb-next {
     right: 0;
 }
 
 .house-intro-container {
     width: 580px;
     height: 490px;
     padding: 20px;
     border: 1px solid #f1f1f1;
     border-radius: 10px;
     position: relative;
 }
 
 .house-intro-container li {
     color: #666;
     font-size: 16px;
     margin-bottom: 20px;
 }
 
 .house-intro-container li b {
     color: #f91c56;
     font-size: 30px;
 }
 
 .house-intro-container li span {
     max-width: 268px;
     display: inline-block;
     color: #333;
     white-space: nowrap; 
     overflow: hidden;
     text-overflow:ellipsis;
 }
 
 .house-intro-container li a,
 .house-intro-container li em {
     color: #35b6ff;
 }
 
 .house-intro-container li:nth-child(2) img {
     width: 12px;
     height: 18px;
     margin-right: 10px;
 }
 
 .house-intro-container li .house-intro-btn {
     padding: 0 20px;
     height: 40px;
     line-height: 38px;
     border: 1px solid #35b6ff;
     border-radius: 5px;
     margin-left: 20px;
 }
 
 .house-intro-container li .house-intro-btn img {
     width: 20px;
     height: 20px;
     object-fit: contain;
     margin-right: 10px;
 }
 
 .house-intro-container li:nth-child(9) img {
     width: 24px;
     height: 24px;
     margin-right: 10px;
 }
 
 .house-intro-container li i {
     font-size: 30px;
     font-weight: bold;
 }
 
 .house-intro-container li:nth-child(10) a {
     width: 150px;
     height: 50px;
     border-radius: 8px 25px 25px 25px;
     border: 1px solid #ffa04c;
     color: #ffa04c;
     font-size: 20px;
     margin-right: 20px;
 }
 
 .house-intro-container li:nth-child(10) a:nth-child(2) {
     border: 1px solid #35b6ff;
     color: #35b6ff;
 }
 
 .house-intro-container li:nth-child(10) a:nth-child(3) {
     border: 1px solid #35b6ff;
     background: #35b6ff;
     color: #fff;
 }
 
 .house-intro-container li:nth-child(10) a img {
     width: 24px;
     height: 24px;
     margin-right: 5px;
 }
 
 .intro-urlCode {
     position: absolute;
     top: 20px;
     right: 20px;
     padding: 10px;
     border: 1px solid #f1f1f1;
     border-radius: 3px;
     color: #333;
     font-size: 18px;
     text-align: center;
 }
 
 .intro-urlCode #introCode {
     width: 100px;
     height: 100px;
     margin-bottom: 10px;
 }
 
 .intro-urlCode #introCode canvas {
     width: 100%;
     height: 100%;
 }
 
 .intro-left {
     width: 850px;
     margin-bottom: 50px;
 }
 
 .intro-right {
     width: 325px;
     margin-bottom: 50px;
 }
 
 .intro-nav-container {
     height: 60px;
     margin-bottom: 20px;
 }
 
 .intro-nav-content {
     width: 100%;
     height: 60px;
     background: #f9f9f9;
     padding: 0 20px;
     box-shadow: 2px 2px 5px 0 rgba(100, 100, 100, .1);
 }
 
 .intro-nav-content.active {
     position: fixed;
     top: 60px;
     left: 0;
     z-index: 20;
 }
 
 .intro-nav-content div {
     max-width: 1200px;
     margin: 0 auto;
     height: 60px;
     line-height: 60px;
 }
 
 .intro-nav-content div a {
     color: #666;
     font-size: 18px;
     margin-right: 50px;
 }
 
 .intro-nav-content div a:last-child {
     margin-right: 0;
 }
 
 .intro-nav-content div a:hover,
 .intro-nav-content div a.active {
     color: #35b6ff;
     font-weight: bold;
 }
 
 .intro-tuangou-youhui {
     margin-bottom: 60px;
 }
 
 .intro-tuangou-youhui li {
     width: 100%;
     height: 80px;
     background: url(../img/intro-youhui.png) no-repeat center;
     background-size: cover;
     padding-left: 20px;
     color: #fff;
     position: relative;
     margin-bottom: 20px;
 }
 
 .intro-tuangou-youhui li div:first-child {
     margin-right: 20px;
     font-size: 14px;
 }
 
 .intro-tuangou-youhui li div:first-child p:first-child {
     font-size: 30px;
     margin-bottom: 5px;
 }
 
 .intro-tuangou-youhui li div:nth-child(2) {
     width: 400px;
     overflow: hidden;
     font-size: 22px;
     line-height: 30px;
 }
 
 .intro-tuangou-youhui li div:nth-child(2) p {
     position: relative;
     display: inline-block;
     white-space: nowrap;
 }
 
 .intro-tuangou-youhui li div:nth-child(3) {
     position: absolute;
     top: 0;
     right: 0;
     width: 240px;
     height: 100%;
     color: #f36b62;
 }
 
 .intro-tuangou-youhui li div:nth-child(3) a {
     display: block;
     width: 100px;
     text-align: center;
     height: 30px;
     line-height: 30px;
     border-radius: 15px;
     background: #f36b62;
     color: #fff;
     margin-bottom: 8px;
 }
 
 .intro-bg-title {
     color: #333;
     font-size: 24px;
     font-weight: bold;
     margin-bottom: 30px;
 }
 
 .inttro-type {
     margin-bottom: 60px;
 }
 
 .intro-type-nav {
     margin-bottom: 20px;
 }
 
 .intro-type-nav .intro-bg-title {
     margin-bottom: 0;
 }
 
 .intro-type-nav a {
     display: inline-block;
     padding: 0 8px;
     height: 20px;
     line-height: 18px;
     border: 1px solid rgba(0, 0, 0, 0);
     border-radius: 3px 10px 10px 10px;
     color: #666;
     font-size: 14px;
     margin-left: 20px;
 }
 
 .intro-type-nav a:hover,
 .intro-type-nav a.active {
     display: inline-block;
     border: 1px solid #35b6ff;
     color: #35b6ff;
 }
 
 .intro-type-container {
     margin-bottom: 30px;
 }
 
 .intro-type-container li {
     margin-bottom: 20px;
 }
 
 .intro-type-content a:first-child {
     display: block;
     width: 160px;
     height: 160px;
     border: 1px solid #9fa2b0;
     border-radius: 10px;
     overflow: hidden;
     margin-right: 20px;
 }
 
 .intro-type-content a:first-child img {
     transition: all .3s;
 }
 
 .intro-type-content a:first-child:hover img {
     transform: scale(1.2);
 }
 
 .intro-type-content a:nth-child(2) {
     display: block;
     width: 500px;
     color: #666;
 }
 
 .intro-type-content a:nth-child(2) p {
     width: 100%;
     margin-top: 20px;
 }
 
 .intro-type-content a:nth-child(2) p:first-child {
     margin-top: 0;
     margin-bottom: 25px;
 }
 
 .intro-type-content a:nth-child(2) p b {
     color: #222636;
     font-size: 20px;
     line-height: 22px;
 }
 
 .intro-type-content a:nth-child(2) p span {
     display: inline-block;
     padding: 0 8px;
     height: 22px;
     line-height: 22px;
     border-radius: 2px;
     background: #edf8ff;
     color: #a1acb3;
     font-size: 14px;
     margin-right: 10px;
 }
 
 .intro-type-content a:nth-child(2) p span:nth-child(2) {
     background: #eafaec;
     color: #22c536;
 }
 
 .intro-type-content a:nth-child(2) p img {
     width: 16px;
     height: 16px;
     margin-right: 10px;
 }
 
 .intro-type-content a:nth-child(2) p i {
     color: #f91c56;
     font-size: 20px;
 }
 
 .intro-type-btn {
     display: block;
     width: 120px;
     text-align: center;
     height: 50px;
     line-height: 50px;
     border-radius: 5px 25px 25px 25px;
     background: #35b6ff;
     color: #fff;
     font-size: 20px;
 }
 
 .intro-type-btn:hover {
     background: #3599ff;
 }
 
 .intro-type-more {
     width: 100%;
     height: 50px;
     border-radius: 5px;
     background: #f9f9f9;
     color: #999;
     font-size: 18px;
 }
 
 .intro-type-more span {
     display: block;
     width: 10px;
     height: 10px;
     border-top: 1px solid #999;
     border-right: 1px solid #999;
     transform: rotate(45deg);
     margin-left: 5px;
 }
 
 .intro-priceTrend {
     margin-bottom: 60px;
 }
 
 .intro-shopping {
     margin-bottom: 60px;
 }
 
 .intro-shopping-content {
     position: relative;
     width: 100%;
     height: 101px;
     margin-bottom: 20px;
 }
 
 .intro-shopping-content p {
     position: absolute;
     top: 30px;
     right: 30px;
     width: 380px;
     height: 40px;
 }
 
 .intro-shopping-content p input {
     width: 250px;
     height: 40px;
     padding: 0 20px;
     border: none;
     border-radius: 20px 0 0 20px;
     background: #fff;
     color: #8a8e9f;
     font-size: 16px;
 }
 
 .intro-shopping-content p a {
     position: absolute;
     top: 0;
     right: 0;
     width: 140px;
     text-align: center;
     height: 40px;
     line-height: 40px;
     border-radius: 0 20px 20px 0;
     background: #f29e4d;
     color: #fff;
     font-size: 18px;
     font-weight: bold;
 }
 
 .intro-shopping-news {
     padding: 20px;
     box-shadow: 1px 1px 5px 0 rgba(100, 100, 100, .1);
 }
 
 .intro-shopping-news a:first-child {
     display: block;
     width: 300px;
     height: 200px;
     border-radius: 10px;
     overflow: hidden;
 }
 
 .intro-shopping-news a:first-child img {
     transition: all .3s;
 }
 
 .intro-shopping-news a:first-child:hover img {
     transform: scale(1.1);
 }
 
 .intro-shopping-news a:nth-child(2) {
     width: 490px;
     height: 200px;
     position: relative;
 }
 
 .intro-shopping-news a:nth-child(2) p {
     width: 100%;
 }
 
 .intro-shopping-news a:nth-child(2) p:first-child {
     color: #333;
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 20px;
 }
 
 .intro-shopping-news a:nth-child(2) p:nth-child(2) {
     color: #666;
     line-height: 1.8;
     text-indent: 32px;
 }
 
 .intro-shopping-news a:nth-child(2) p:nth-child(2) span {
     color: #35b6ff;
 }
 
 .intro-shopping-news a:nth-child(2) p:nth-child(3) {
     position: absolute;
     left: 0;
     bottom: 0;
     color: #999;
     font-size: 14px;
 }
 
 .intro-rim {
     box-shadow: 0 0 10px 0 rgba(100, 100, 100, .1);
     border-radius: 15px;
 }
 
 .intro-rim-map {
     width: 100%;
     height: 400px;
     border-radius: 15px;
     overflow: hidden;
     background: #eee;
     position: relative;
     margin-bottom: 30px;
 }
 
 #intro-map {
     width: 100%;
     height: 100%;
     position: relative;
     z-index: 1;
 }
 
 .intro-rim-map-btn {
     position: absolute;
     z-index: 2;
     right: 20px;
     bottom: 10px;
     width: 520px;
     height: 50px;
     line-height: 50px;
     padding-left: 20px;
     border-radius: 5px 25px 25px 20px;
     background: rgba(239, 249, 255, .8);
     color: #36b6ff;
     font-size: 18px;
 }
 
 .intro-rim-map-btn a {
     position: absolute;
     top: 0;
     right: 0;
     width: 160px;
     text-align: center;
     height: 50px;
     line-height: 50px;
     border-radius: 25px;
     background: #36b6ff;
     color: #fff;
     font-size: 18px;
 }
 
 .intro-rim-nav {
     margin-bottom: 20px;
     padding: 0 20px;
 }
 
 .intro-rim-kind a {
     display: inline-block;
     padding: 0 20px;
     height: 40px;
     line-height: 40px;
     border-radius: 3px 20px 20px 20px;
     background: rgba(0, 0, 0, 0);
     color: #666;
     font-size: 16px;
     font-weight: bold;
     margin-right: 5px;
 }
 
 .intro-rim-kind a:hover,
 .intro-rim-kind a.active {
     background: #36b6ff;
     color: #fff;
 }
 
 .intro-rim-kind a:hover span,
 .intro-rim-kind a.active span {
     color: #fff;
 }
 
 .intro-rim-kind a span {
     color: #999;
     font-size: 14px;
     font-weight: 500;
 }
 
 .intro-rim-range {
     width: 150px;
     height: 40px;
     position: relative;
 }
 
 .intro-rim-range a {
     width: 100%;
     height: 100%;
     border-radius: 5px 20px 20px 20px;
     border: 1px solid #454b64;
     background: #f3f8ff;
     color: #666;
     position: relative;
     z-index: 5;
 }
 
 .intro-rim-range a img {
     width: 14px;
     height: 8px;
     margin-left: 10px;
 }
 
 .intro-rim-range.active a img {
     transform: rotate(270deg);
 }
 
 .intro-rim-range div {
     position: absolute;
     z-index: 1;
     top: 0;
     right: 20px;
     width: 110px;
     border: 1px solid #454b64;
     border-top: none;
     background: #f3f8ff;
     opacity: 0;
     transition: all .3s;
 }
 
 .intro-rim-range.active div {
     top: 40px;
     opacity: 1;
 }
 
 .intro-rim-range div p {
     width: 100%;
     padding-left: 20px;
     height: 30px;
     line-height: 30px;
     border-top: 1px solid #eee;
     color: #666;
     cursor: pointer;
 }
 
 .intro-rim-range a:hover,
 .intro-rim-range div p:hover {
     background: #fff;
 }
 
 .intro-rim-res {
     padding-bottom: 10px;
 }
 
 .intro-rim-res li {
     margin-bottom: 10px;
     width: 100%;
     padding: 10px 20px;
     background: #fff;
     cursor: pointer;
 }
 
 .intro-rim-res li:hover,
 .intro-rim-res li.active {
     background: #eff9ff;
 }
 
 .intro-rim-res li div:first-child {
     color: #36b6ff;
     font-size: 18px;
     line-height: 20px;
     margin-right: 10px;
 }
 
 .intro-rim-res li div:nth-child(2) {
     color: #999;
     line-height: 20px;
 }
 
 .intro-rim-res li div:nth-child(2) p:first-child {
     margin-bottom: 10px;
 }
 
 .intro-rim-res li div:nth-child(2) p span {
     color: #333;
     margin-right: 10px;
 }
 
 .map-houseName {
     display: inline-block;
     padding: 0 10px;
     height: 30px;
     line-height: 30px;
     background: #31c570;
     color: #fff;
     font-size: 14px;
     border-radius: 3px;
     border: none;
 }
 
 .map-label {
     width: 30px;
     height: 36px;
     padding-bottom: 5px;
     background: url(../img/mark-pos.png) no-repeat;
     background-size: contain;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #f00;
     font-size: 16px;
     font-weight: bold;
 }
 
 #intro-map label.active {
     z-index: 10 !important;
 }
 
 #intro-map label.active .map-label {
     background: url(../img/mark-on.png) no-repeat;
     background-size: contain;
     color: #fff;
 }
 
 .left-sidebar-analyse {
     width: 100%;
     height: 280px;
     background: url(../img/analyse-banner.png) no-repeat center;
     background-size: cover;
     margin-bottom: 30px;
     padding: 30px 30px 0;
     text-align: center;
     color: #999;
     font-size: 14px;
 }
 
 .left-sidebar-analyse p {
     margin-bottom: 20px;
 }
 
 .left-sidebar-analyse p b {
     color: #222636;
     font-size: 26px;
 }
 
 .left-sidebar-analyse input {
     display: block;
     margin-bottom: 10px;
     width: 100%;
     height: 40px;
     line-height: 40px;
     padding: 0 12px;
     border: none;
     border-radius: 5px;
     background: #fff;
     color: #999;
     font-size: 16px;
 }
 
 .left-sidebar-analyse input+p {
     margin-bottom: 40px;
 }
 
 .left-sidebar-analyse p img {
     width: 16px;
     height: 16px;
     margin-right: 5px;
 }
 
 .left-sidebar-analyse a {
     display: block;
     margin: 0 auto;
     width: 170px;
     height: 40px;
     line-height: 40px;
     border-radius: 5px 20px 20px 20px;
     background: #35b6ff;
     color: #fff;
     font-size: 20px;
 }
 
 .intro-intro-content {
     margin-bottom: 60px;
 }
 
 .intro-intro-text {
     color: #333;
     line-height: 2;
     text-indent: 32px;
 }
 
 .intro-intro-table {
     border-collapse: collapse;
     border: none;
     border: 1px solid #f0f0f0;
     width: 100%;
     color: #666;
 }
 
 .intro-intro-table tr {
     background: #f4f4f4;
 }
 
 .intro-intro-table tr:nth-child(2n) {
     background: #fff;
 }
 
 .intro-intro-table tr td {
     padding: 15px 0;
     line-height: 20px;
     vertical-align: middle;
 }
 
 .intro-intro-table tr td:first-child,
 .intro-intro-table tr td:nth-child(3) {
     width: 12%;
     text-align: right;
 }
 
 .intro-intro-table tr td:nth-child(2),
 .intro-intro-table tr td:nth-child(4) {
     width: 38%;
     text-align: left;
     color: #333;
 }
 
 .intro-intro-table tr td em {
     color: #36b6ff;
 }
 
 .intro-intro-table tr td i {
     color: #ee394e;
 }
 
 .intro-intro-know {
     width: 100%;
     padding: 30px;
     border-radius: 8px;
     background: #edf8ff;
 }
 
 .intro-intro-know-title {
     color: #333;
     font-size: 20px;
     font-weight: bold;
     padding-left: 5px;
     border-left: 4px solid #36b6ff;
     margin-bottom: 40px;
 }
 
 .intro-intro-know p {
     color: #666;
     margin-bottom: 30px;
 }
 
 .intro-intro-know span {
     display: block;
     margin-bottom: 15px;
     color: #333;
     font-weight: bold;
 }
 
 .intro-intro-know b {
     display: block;
     margin-bottom: 40px;
     color: #36b6ff;
     font-size: 30px;
     font-weight: bold;
 }
 
 .intro-intro-know-tele {
     width: 460px;
     height: 40px;
     border-radius: 20px;
     background: #36b6ff;
     position: relative;
     margin-bottom: 10px;
 }
 
 .intro-intro-know-tele input {
     width: 340px;
     height: 40px;
     line-height: 40px;
     padding: 0 20px;
     border: none;
     border-radius: 20px 0 20px 20px;
     background: #fff;
     color: #999;
     font-size: 16px;
     position: relative;
     left: -2px;
 }
 
 .intro-intro-know-tele a {
     position: absolute;
     top: 0;
     right: 0;
     display: block;
     width: 140px;
     text-align: center;
     height: 40px;
     line-height: 40px;
     border-radius: 20px;
     color: #fff;
     font-size: 16px;
 }
 
 .intro-intro-know i {
     color: #999;
     font-size: 14px;
 }
 
 .intro-intro-know i img {
     width: 14px;
     height: 14px;
     margin-right: 5px;
 }
 
 .left-sidebar-dongtai {
     margin-bottom: 30px;
     padding: 20px 30px;
     border-radius: 10px;
     background: #edf8ff;
     color: #999;
     font-size: 14px;
 }
 
 .left-sidebar-dongtai>p:first-child {
     color: #222636;
     font-size: 26px;
     font-weight: bold;
     margin-bottom: 20px;
 }
 
 .left-sidebar-dongtai>p:first-child img {
     width: 26px;
     height: 26px;
     margin-right: 5px;
 }
 
 .left-sidebar-dongtai>p:nth-child(2) {
     color: #666;
     font-size: 16px;
     margin-bottom: 25px;
 }
 
 .left-sidebar-dongtai-other p {
     color: #36b6ff;
     font-size: 16px;
     margin-bottom: 20px;
     cursor: pointer;
 }
 
 .left-sidebar-dongtai-other p span {
     display: block;
     width: 12px;
     height: 12px;
     border: 1px solid #999;
     border-radius: 3px;
     margin-right: 8px;
 }
 
 .left-sidebar-dongtai-other p.active span {
     background: url(../img/gou.png) no-repeat center;
     background-size: cover;
 }
 
 .left-sidebar-dongtai-tele {
     margin-bottom: 10px;
     width: 100%;
     height: 40px;
     line-height: 40px;
     border-radius: 20px;
     background: #36b6ff;
     position: relative;
 }
 
 .left-sidebar-dongtai-tele input {
     display: block;
     width: 180px;
     height: 40px;
     border-radius: 20px 0 20px 20px;
     border: none;
     color: #999;
     font-size: 16px;
     padding: 0 20px;
     position: relative;
     left: -2px;
 }
 
 .left-sidebar-dongtai-tele a {
     position: absolute;
     top: 0;
     right: 0;
     display: block;
     width: 100px;
     text-align: center;
     height: 40px;
     border-radius: 20px;
     color: #fff;
 }
 
 .left-sidebar-dongtai>p:last-child img {
     width: 16px;
     height: 16px;
     margin-right: 5px;
 }
 
 .intro-page-type {
     margin-bottom: 30px;
 }
 
 .intro-page-type-nav {
     margin-bottom: 30px;
 }
 
 .intro-page-type-nav span {
     color: #333;
     font-size: 24px;
     font-weight: bold;
 }
 
 .intro-page-type-nav a {
     display: inline-block;
     padding: 0 8px;
     height: 24px;
     line-height: 22px;
     border: 1px solid rgba(0, 0, 0, 0);
     border-radius: 3px 12px 12px 12px;
     color: #666;
     font-size: 14px;
     margin-left: 15px;
 }
 
 .intro-page-type-nav a:hover,
 .intro-page-type-nav a.active {
     border: 1px solid #35b6ff;
     color: #35b6ff;
 }
 
 .intro-page-type-item {
     width: 380px;
     padding: 30px 20px;
     border-radius: 10px;
     box-shadow: 0 0 10px 0 rgba(100, 100, 100, .1);
     margin-bottom: 30px;
     margin-right: 30px;
 }
 
 .intro-page-type-item:nth-child(3n) {
     margin-right: 0;
 }
 
 .intro-page-type-item a:first-child {
     width: 100%;
     height: 160px;
     margin-bottom: 30px;
 }
 
 .intro-page-type-item a:first-child div:first-child {
     width: 160px;
     height: 160px;
     border-radius: 5px;
     overflow: hidden;
 }
 
 .intro-page-type-item a:first-child div:first-child img {
     transition: all .3s;
 }
 
 .intro-page-type-item a:first-child:hover div:first-child img {
     transform: scale(1.1);
 }
 
 .intro-page-type-item a:first-child div:last-child {
     width: 170px;
     color: #666;
     font-size: 16px;
 }
 
 .intro-page-type-item a:first-child div:last-child p {
     margin-top: 12px;
 }
 
 .intro-page-type-item a:first-child div:last-child p:first-child {
     margin-top: 0;
 }
 
 .intro-page-type-item a:first-child div:last-child p:nth-child(2) {
     margin-top: 10px;
     margin-bottom: 20px;
 }
 
 .intro-page-type-item a:first-child div:last-child b {
     color: #222636;
     font-size: 20px;
 }
 
 .intro-page-type-item a:first-child div:last-child span {
     display: inline-block;
     padding: 0 8px;
     height: 20px;
     line-height: 20px;
     border-radius: 3px;
     background: #eafaec;
     color: #22c536;
     font-size: 14px;
     margin-right: 5px;
 }
 
 .intro-page-type-item a:first-child div:last-child i {
     color: #f91c56;
     font-size: 20px;
 }
 
 .intro-page-type-item a:first-child div:last-child img {
     width: 16px;
     height: 16px;
     margin-right: 5px;
 }
 
 .intro-page-type-item a:last-child {
     display: block;
     margin: 0 auto;
     width: 120px;
     text-align: center;
     height: 50px;
     line-height: 50px;
     border-radius: 5px 25px 25px 25px;
     background: #35b6ff;
     color: #fff;
     font-size: 20px;
 }
 
 .intro-page-type-more {
     width: 100%;
     height: 50px;
     background: #f9f9f9;
     color: #999;
     font-size: 18px;
     margin-bottom: 60px;
 }
 
 .intro-page-type-more span {
     display: block;
     width: 10px;
     height: 10px;
     border-right: 2px solid #999;
     border-bottom: 2px solid #999;
     transform: rotate(45deg);
     margin-left: 10px;
     margin-top: -5px;
 }
 
 .intro-page-type .intro-intro-know-tele {
     background: #f91c56;
 }
 
 .intro-page-type-intro {
     margin-bottom: 90px;
 }
 
 .type-thumb-swiper {
     padding: 0 30px;
     width: 100%;
     height: 60px;
     margin-bottom: 40px;
     position: relative;
     overflow: hidden;
 }
 
 .type-thumb-swiper .type-thumb-prev,
 .type-thumb-swiper .type-thumb-next {
     position: absolute;
     z-index: 10;
     top: 0;
     width: 20px;
     height: 60px;
     cursor: pointer;
 }
 
 .type-thumb-swiper .type-thumb-prev {
     left: 0;
 }
 
 .type-thumb-swiper .type-thumb-next {
     right: 0;
 }
 
 .type-thumb-swiper .swiper-slide {
     width: auto;
     height: 60px;
     border-radius: 5px;
     background: #fafafa;
     color: #666;
     font-size: 14px;
     cursor: pointer;
     padding: 15px;
 }
 
 .type-thumb-swiper .swiper-slide:hover,
 .type-thumb-swiper .swiper-slide.active {
     background: #edf8ff;
 }
 
 .type-thumb-swiper .swiper-slide p:first-child {
     margin-bottom: 8px;
 }
 
 .type-thumb-swiper .swiper-slide b {
     color: #333;
     font-size: 16px;
 }
 
 .type-imges-container {
     width: 100%;
     height: 700px;
     border-radius: 10px;
     box-shadow: 1px 1px 10px 0 rgba(100, 100, 100, .1);
     overflow: hidden;
 }
 
 .type-imges-content {
     width: 800px;
     height: 700px;
     position: relative;
     overflow: hidden;
     box-shadow: 1px 1px 10px rgba(100, 100, 100, .1);
 }
 
 .type-images-swiper,
 .type-images-swiper .swiper-slide {
     width: 800px;
     height: 700px;
     position: relative;
     overflow: hidden;
 }
 
 .type-images-swiper .swiper-slide .image {
     width: 800px;
     height: 700px;
     object-fit: contain;
 }
 
 .type-images-swiper .type-images-zoom {
     position: absolute;
     right: 20px;
     bottom: 120px;
     width: 60px;
     z-index: 5;
 }
 
 .type-images-swiper .type-images-zoom img {
     width: 60px;
     height: 60px;
     cursor: pointer;
 }
 
 .type-images-swiper .type-images-zoom img:first-child {
     margin-bottom: 20px;
 }
 
 .type-images-swiper .type-images-prev,
 .type-images-swiper .type-images-next {
     position: absolute;
     z-index: 10;
     top: 300px;
     width: 40px;
     height: 100px;
     cursor: pointer;
 }
 
 .type-images-swiper .type-images-prev {
     left: 0;
 }
 
 .type-images-swiper .type-images-next {
     right: 0;
 }
 
 .type-images-thumb {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     padding: 10px;
     background: rgba(0, 0, 0, .5);
     z-index: 10;
 }
 
 .type-images-thumb a {
     margin-right: 10px;
     width: 80px;
     height: 80px;
     border-radius: 5px;
     overflow: hidden;
     border: 2px solid #eee;
     background: #eeeeee;
     color: #666;
     font-size: 12px;
 }
 
 .type-images-thumb a:hover,
 .type-images-thumb a.active {
     border: 2px solid #35b6ff;
 }
 
 .type-house-intro {
     width: 370px;
     height: 100%;
     padding: 30px 10px 30px 0;
 }
 
 .type-house-intro div:first-child p {
     margin-bottom: 40px;
 }
 
 .type-house-intro div p {
     color: #333;
 }
 
 .type-house-intro div p b {
     font-size: 23px;
     line-height: 24px;
 }
 
 .type-house-intro div p span {
     display: inline;
     padding: 0 8px;
     height: 23px;
     line-height: 23px;
     border-radius: 3px;
     background: #eafaec;
     color: #4dcd5a;
     font-size: 14px;
     margin-left: 5px;
 }
 
 .type-house-intro div p i {
     display: inline-block;
     width: 80px;
     text-align: right;
     color: #666;
 }
 
 .type-house-intro div p em {
     color: #35b6ff;
     font-size: 30px;
     font-weight: bold;
 }
 
 .type-house-intro div:last-child p:first-child {
     margin-bottom: 10px;
 }
 
 .type-house-intro div a {
     width: 365px;
     padding-left: 30px;
     height: 60px;
     border-radius: 30px;
     background: #edf8ff;
     color: #f91c56;
     position: relative;
     margin-top: 30px;
 }
 
 .type-house-intro div a b {
     font-size: 30px;
 }
 
 .type-house-intro div a span {
     position: absolute;
     top: 0;
     right: 0;
     display: block;
     width: 120px;
     text-align: center;
     height: 60px;
     line-height: 60px;
     border-radius: 5px 30px 30px 30px;
     background: #f91c56;
     color: #fff;
     font-size: 20px;
     font-weight: bold;
 }
 
 .flex-start-between{
     position: relative;
 }
 
 .intro-prices-trend-content {
     width: 850px;
     height: 500px;
     margin-bottom: 30px;
 }
 
 .intro-prices-trend-btn {
     margin: 0 auto;
     display: block;
     width: 160px;
     text-align: center;
     height: 50px;
     line-height: 50px;
     border-radius: 5px 25px 25px 25px;
     background: #35b6ff;
     color: #fff;
     font-size: 18px;
     font-weight: bold;
 }
 
 .left-sidebar-sort {
     padding: 20px 30px;
     box-shadow: 1px 1px 10px 0 rgba(100, 100, 100, .1);
     margin-bottom: 30px;
 }
 
 .left-sidebar-sort p {
     color: #333;
     font-size: 20px;
     font-weight: bold;
     padding-left: 5px;
     border-left: 4px solid #35b6ff;
 }
 
 .left-sidebar-sort a {
     margin-top: 20px;
     color: #666;
     font-size: 14px;
 }
 
 .left-sidebar-sort a span {
     display: block;
     width: 20px;
     text-align: center;
     height: 16px;
     line-height: 16px;
     border-radius: 3px 8px 8px 8px;
     background: #35b6ff;
     color: #fff;
 }
 
 .left-sidebar-sort a em {
     display: inline-block;
     width: 85px;
 }
 
 .intro-photo {
     margin-bottom: 40px;
 }
 
 .intro-photo-left {
     width: 200px;
 }
 
 .intro-photo-left>div {
     width: 200px;
     background: #fff;
     border-radius: 10px;
     box-shadow: 1px 1px 10px 0 rgba(100, 100, 100, .1);
 }
 
 .intro-photo-left>div.active {
     position: fixed;
     top: 80px;
     left: 0;
     z-index: 20;
 }
 
 .intro-photo-bg {
     width: 200px;
     height: 180px;
     border-radius: 10px;
     overflow: hidden;
     background: url(../img/photo-bg.png) no-repeat;
     background-size: cover;
     color: #333;
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 30px;
 }
 
 .intro-photo-bg a {
     display: block;
     width: 180px;
     text-align: center;
     height: 60px;
     line-height: 60px;
     border-radius: 30px;
     background: #f91c56;
     color: #fff;
     font-size: 20px;
     margin-bottom: 20px;
 }
 
 .intro-photo-nav {
     padding: 0 0 1px 20px;
 }
 
 .intro-photo-nav a {
     display: block;
     width: 160px;
     text-align: center;
     height: 40px;
     line-height: 38px;
     border: 1px solid #666;
     border-radius: 5px 20px 20px 20px;
     color: #666;
     font-size: 18px;
     margin-bottom: 20px;
 }
 
 .intro-photo-nav a:hover,
 .intro-photo-nav a.active {
     border: 1px solid #35b6ff;
     color: #35b6ff;
     background: #e6f6ff;
 }
 
 .intro-photo-nav a span {
     font-size: 14px;
 }
 
 .intro-photo-right {
     width: 980px;
 }
 
 .intro-photo-right div {
     width: 980px;
     padding: 30px 20px;
     border-radius: 10px;
     box-shadow: 1px 1px 10px 0 rgba(100, 100, 100, .1);
     margin-bottom: 20px;
     color: #333;
     font-weight: bold;
 }
 
 .intro-photo-right div a {
     display: block;
     width: 300px;
     height: 240px;
     border-radius: 10px;
     overflow: hidden;
     margin-top: 20px;
     margin-right: 20px;
 }
 
 .intro-photo-right div a:nth-child(3n) {
     margin-right: 0;
 }
 
 .intro-photo-right div a img {
     transition: all .3s;
 }
 
 .intro-photo-right div a:hover img {
     transform: scale(1.1);
 }
 
 .intro-photo-alert {
     position: fixed;
     z-index: 50;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .5);
     transition: all .3s;
     transform: scale(0);
     opacity: 0;
 }
 
 .intro-photo-alert.active {
     transform: scale(1);
     opacity: 1;
 }
 
 .intro-photo-alert-content {
     width: 1000px;
     position: relative;
 }
 
 .intro-photo-hide {
     position: absolute;
     top: 0;
     right: -50px;
     width: 30px;
     height: 30px;
     cursor: pointer;
 }
 
 .intro-photo-swiper {
     margin-bottom: 20px;
 }
 
 .intro-photo-swiper,
 .intro-photo-swiper .swiper-slide {
     width: 1000px;
     height: 660px;
     position: relative;
     border-radius: 10px;
     overflow: hidden;
 }
 
 .intro-photo-swiper .swiper-slide p {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 60px;
     background: rgba(15, 42, 57, .6);
     color: #fff;
     font-size: 20px;
     padding-left: 20px;
 }
 
 .intro-photo-swiper .swiper-slide p i {
     font-size: 15px;
     margin-left: 10px;
 }
 
 .intro-photo-alert-btn {
     position: absolute;
     z-index: 10;
     right: 0;
     bottom: 0;
     height: 60px;
     padding-right: 20px;
     color: #fff;
     font-size: 14px;
 }
 
 .intro-photo-alert-btn a {
     display: block;
     width: 160px;
     text-align: center;
     height: 40px;
     line-height: 40px;
     border-radius: 5px 20px 20px 20px;
     background: #f91c56;
     color: #fff;
     font-size: 18px;
     margin-left: 20px;
 }
 
 .intro-photo-prev,
 .intro-photo-next {
     width: 40px;
     height: 101px;
     position: absolute;
     z-index: 10;
     top: 310px;
     cursor: pointer;
     opacity: 0;
 }
 
 .intro-photo-swiper:hover .intro-photo-prev,
 .intro-photo-swiper:hover .intro-photo-next {
     opacity: 1;
 }
 
 .intro-photo-prev {
     left: 0;
     transform: rotate(180deg);
 }
 
 .intro-photo-next {
     right: 0;
 }
 
 .intro-photo-thumb-swiper {
     width: 1000px;
     height: 120px;
     position: relative;
     overflow: hidden;
     padding: 0 60px;
 }
 
 .intro-photo-thumb-swiper .swiper-slide {
     width: 180px;
     height: 120px;
     border: 2px solid rgba(0, 0, 0, 0);
     border-radius: 8px;
     overflow: hidden;
     cursor: pointer;
 }
 
 .intro-photo-thumb-swiper .swiper-slide:hover,
 .intro-photo-thumb-swiper .swiper-slide.active {
     border: 2px solid #fff;
 }
 
 .intro-photo-thumb-prev,
 .intro-photo-thumb-next {
     position: absolute;
     z-index: 10;
     top: 0;
     width: 40px;
     height: 120px;
     cursor: pointer;
 }
 
 .intro-photo-thumb-prev {
     left: 0;
     transform: rotate(180deg);
 }
 
 .intro-photo-thumb-next {
     right: 0;
 }
 
 .intro-dynamic-content {
     margin-bottom: 20px;
 }
 
 .intro-dynamic-content li {
     padding: 20px 20px 20px 46px;
     border-radius: 10px;
     box-shadow: 2px 2px 10px 0 rgba(100, 100, 100, .1);
     margin-bottom: 30px;
     position: relative;
 }
 
 .intro-dynamic-content li:hover {
     box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .3);
 }
 
 .intro-dynamic-content li a:nth-child(2) {
     width: 455px;
     height: 200px;
     position: relative;
 }
 
 .intro-dynamic-content li a:nth-child(3) {
     width: 300px;
     height: 200px;
     border-radius: 10px;
     overflow: hidden;
 }
 
 .intro-dynamic-content li a:nth-child(3) img {
     transition: all .3s;
 }
 
 .intro-dynamic-content li a:nth-child(3):hover img {
     transform: scale(1.1);
 }
 
 .intro-dynamic-axle {
     position: absolute;
     top: 20px;
     left: 20px;
 }
 
 .intro-dynamic-axle span {
     display: block;
     width: 16px;
     height: 16px;
     border-radius: 50%;
     background: #edf8ff;
 }
 
 .intro-dynamic-axle i {
     display: block;
     width: 2px;
     height: 260px;
     background: #edf8ff;
     position: relative;
     top: -1px;
     margin: 0 auto;
 }
 
 .intro-dynamic-content li:last-child .intro-dynamic-axle i {
     background: rgba(0, 0, 0, 0);
 }
 
 .intro-dynamic-time {
     width: 150px;
     text-align: center;
     height: 30px;
     line-height: 30px;
     border-radius: 3px 15px 15px 15px;
     background: #edf8ff;
     color: #333;
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 10px;
 }
 
 .intro-dynamic-title {
     width: 100%;
     color: #333;
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 15px;
 }
 
 .intro-dynamic-text {
     color: #666;
     font-size: 16px;
     line-height: 1.8;
     display: -webkit-box;
     text-overflow: ellipsis;
     -webkit-line-clamp: 3;
     overflow: hidden;
     -webkit-box-orient: vertical;
 }
 
 .intro-dynamic-text span {
     color: #35b6ff;
 }
 
 .intro-dynamic-look {
     position: absolute;
     left: 0;
     bottom: 0;
     color: #999;
     font-size: 14px;
 }
 /* 咨询列表页 */
 
 .article-banner {
     margin-bottom: 40px;
     padding-top: 5px;
     overflow: hidden;
 }
 
 .article-banner-container {
     height: 400px;
     position: relative;
 }
 
 .article-banner-swiper {
     width: 960px;
     height: 320px;
 }
 
 .article-banner-swiper .swiper-slide-active {
     transform: scale(1.25);
     z-index: 10;
 }
 
 .article-banner-pagination {
     position: absolute;
     bottom: 20px !important;
     right: 40px;
     z-index: 20;
     text-align: right;
 }
 
 .article-banner-pagination .swiper-pagination-bullet {
     width: 16px;
     height: 16px;
     background: #fff;
     opacity: 1;
     margin-left: 14px;
     cursor: pointer;
     outline: none;
 }
 
 .article-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: #2a528a;
 }
 
 .article-container {
     padding: 10px 0 50px;
 }
 
 .article-left {
     width: 850px;
 }
 
 .article-list-nav {
     margin-bottom: 30px;
     width: 100%;
     border-bottom: 1px solid #f0f0f0;
     overflow: hidden;
 }
 
 .article-list-nav .swiper-slide {
     display: inline-block;
     width: auto;
     padding-bottom: 12px;
     border-bottom: 4px solid rgba(0, 0, 0, 0);
     color: #333;
     font-size: 20px;
     font-weight: bold;
 }
 
 .article-list-nav .swiper-slide:hover,
 .article-list-nav .swiper-slide.active {
     border-bottom: 4px solid #35b6ff;
 }
 
 .article-list-content {
     margin-bottom: 50px;
 }
 
 .article-list-content li {
     margin-bottom: 30px;
 }
 /* .article-list-content li:hover {
     box-shadow: 2px 2px 10px 0 rgba(100, 100, 100, .1);
 }
  */
 
 .article-list-content li:last-child {
     margin-bottom: 0;
 }
 
 .article-list-item-img {
     width: 300px;
     height: 200px;
     border-radius: 10px;
     overflow: hidden;
 }
 
 .article-list-item-img img {
     transition: all .3s;
 }
 
 .article-list-item-img:hover img {
     transform: scale(1.1);
 }
 
 .article-list-item {
     width: 530px;
     height: 200px;
     position: relative;
 }
 
 .article-list-item-title {
     width: 100%;
     color: #333;
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 20px;
 }
 
 .article-list-item-text {
     color: #666;
     font-size: 16px;
     line-height: 1.8;
     text-indent: 32px;
 }
 
 .article-list-item-text span {
     color: #35b6ff;
 }
 
 .article-list-item-time {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     color: #999;
     font-size: 14px;
 }
 
 .article-right {
     width: 320px;
 }
 
 .article-right-form,
 .article-right-remen,
 .article-right-keyword {
     padding: 30px;
     border-radius: 10px;
     box-shadow: 1px 1px 10px 0 rgba(100, 100, 100, .1);
     margin-bottom: 30px;
 }
 
 .article-right-title {
     padding-left: 5px;
     border-left: 4px solid #35b6ff;
     margin-bottom: 30px;
 }
 
 .article-right-title span {
     color: #333;
     font-size: 20px;
     font-weight: bold;
 }
 
 .article-right-title em {
     color: #666;
     font-size: 14px;
 }
 
 .article-right-title i {
     color: #36b6ff;
 }
 
 .article-right-img {
     width: 170px;
     height: 120px;
     margin: 0 auto 15px;
 }
 
 .article-right-form-text {
     color: #666;
     line-height: 1.8;
     margin-bottom: 15px;
 }
 
 .article-right-form-input {
     display: block;
     width: 100%;
     padding: 0 15px;
     height: 40px;
     line-height: 40px;
     border: none;
     background: #fafcff;
     color: #999;
     font-size: 14px;
     margin-bottom: 10px;
 }
 
 .article-right-form-hint {
     color: #999;
     font-size: 14px;
     margin-bottom: 20px;
 }
 
 .article-right-form-hint img {
     width: 16px;
     height: 16px;
     margin-right: 5px;
 }
 
 .article-right-form-btn {
     margin: 0 auto;
     display: block;
     width: 120px;
     text-align: center;
     height: 40px;
     line-height: 40px;
     border-radius: 5px 20px 20px 20px;
     background: #35b6ff;
     color: #fff;
     font-size: 18px;
 }
 
 .article-right-remen a {
     display: block;
     width: 100%;
     margin-top: 20px;
     color: #666;
 }
 
 .article-right-keyword p {
     color: #333;
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 20px;
 }
 
 .article-right-keyword p img {
     width: 14px;
     height: 18px;
     margin-right: 5px;
 }
 
 .article-right-keyword {
     padding-right: 20px;
 }
 
 .article-right-keyword div a {
     display: inline-block;
     max-width: 260px;
     padding: 0 10px;
     height: 30px;
     line-height: 30px;
     border-radius: 3px;
     background: #f5f5f5;
     color: #666;
     font-size: 16px;
     margin-right: 10px;
     margin-top: 10px;
 }
 /* 资讯详情页 */
 
 .article-intro-container {
     margin-top: 100px;
 }
 
 .article-intro-title {
     color: #333;
     font-size: 30px;
     font-weight: bold;
     line-height: 1.5;
     text-align: center;
     margin-bottom: 20px;
 }
 
 .article-intro-time {
     text-align: center;
     color: #999;
     font-size: 14px;
     margin-bottom: 30px;
 }
 
 .article-intro-house {
     padding: 20px;
     border-radius: 10px;
     box-shadow: 1px 1px 10px 0 rgba(100, 100, 100, .1);
     margin-bottom: 40px;
 }
 
 .article-intro-house-img {
     display: block;
     width: 380px;
     height: 300px;
     border-radius: 0 10px 10px 10px;
     overflow: hidden;
     position: relative;
 }
 
 .article-intro-house-img span {
     position: absolute;
     top: 0;
     left: 0;
     display: inline-block;
     padding: 0 20px 0 10px;
     height: 30px;
     line-height: 30px;
     border-radius: 0 0 20px 0;
     background: #f91c56;
     color: #fff;
     font-size: 24px;
 }
 
 .article-intro-house-img+div {
     width: 410px;
     height: 300px;
     position: relative;
 }
 
 .article-intro-house-intro {
     color: #999;
     font-size: 16px;
 }
 
 .article-intro-house-intro p {
     margin-bottom: 20px;
 }
 
 .article-intro-house-intro p:nth-child(2) {
     margin-bottom: 15px;
 }
 
 .article-intro-house-intro p:nth-child(4) {
     margin-bottom: 10px;
 }
 
 .article-intro-house-intro>a {
     display: block;
     width: 100%;
     margin-bottom: 15px;
 }
 
 .article-intro-house-intro span {
     color: #333;
     font-size: 24px;
     font-weight: bold;
 }
 
 .article-intro-house-intro i {
     color: #666;
     font-size: 18px;
 }
 
 .article-intro-house-intro em {
     color: #333;
     font-weight: 500;
 }
 
 .article-intro-house-intro b {
     color: #ff4b4b;
     font-size: 30px;
 }
 
 .article-intro-house-intro p a {
     color: #36b6ff;
     font-size: 18px;
     margin-right: 15px;
 }
 
 .article-intro-house-intro a:last-child {
     margin-right: 0;
 }
 
 .article-intro-house-intro img {
     width: 20px;
     height: 20px;
     margin-right: 10px;
 }
 
 .article-intro-house-intro strong {
     color: #35b6ff;
     font-size: 20px;
 }
 
 .article-intro-house-form {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     padding-top: 20px;
     border-top: 1px solid #eee;
     color: #999;
     font-size: 14px;
 }
 
 .article-intro-house-form p {
     margin-top: 10px;
     position: relative;
 }
 
 .article-intro-house-form p:first-child {
     margin-top: 0;
 }
 
 .article-intro-house-form img {
     width: 21px;
     height: 17px;
     margin-right: 10px;
 }
 
 .article-intro-house-form span {
     color: #333;
     font-size: 16px;
     font-weight: bold;
 }
 
 .article-intro-house-form input {
     display: block;
     width: 340px;
     padding: 0 40px 0 15px;
     height: 40px;
     line-height: 38px;
     border: 1px solid #eee;
     border-radius: 5px 0 0 20px;
     color: #999;
     font-size: 18px;
 }
 
 .article-intro-house-form a {
     position: absolute;
     top: 0;
     right: 0;
     width: 100px;
     text-align: center;
     height: 40px;
     line-height: 40px;
     border-radius: 20px;
     background: #f29e4d;
     color: #fff;
     font-size: 18px;
     font-weight: bold;
 }
 
 .article-intro-content {
     min-height: 400px;
     margin-bottom: 60px;
     overflow: hidden;
 }
 
 .article-intro-content img{
     text-align: center;
     display: inline-block;
 }

 .article-intro-keyworld {
     width: 100%;
     height: 70px;
     padding: 0 10px;
     background: #f5f5f5;
     margin-bottom: 20px;
 }
 
 .article-intro-keyworld span {
     color: #333;
     font-size: 20px;
     font-weight: bold;
 }
 
 .article-intro-keyworld a {
     display: inline-block;
     padding: 0 20px;
     height: 40px;
     line-height: 38px;
     border: 1px solid #35b6ff;
     border-radius: 3px 20px 20px 20px;
     color: #35b6ff;
     font-size: 20px;
     margin-left: 10px;
 }
 
 .article-intro-form {
     width: 100%;
     height: 260px;
     border-radius: 10px;
     background: url(../img/article-intro-form.png) no-repeat center;
     background-size: cover;
     overflow: hidden;
     margin-bottom: 30px;
 }
 
 .article-intro-form p {
     color: #fff;
     font-size: 30px;
 }
 
 .article-intro-form p:nth-child(2) {
     margin: 20px 0 30px;
     line-height: 40px;
 }
 
 .article-intro-form b {
     font-size: 40px;
 }
 
 .article-intro-form em {
     color: #f91c56;
     font-size: 50px;
 }
 
 .article-intro-form i {
     font-size: 40px;
     font-weight: bold;
 }
 
 .article-intro-form p:nth-child(3) {
     position: relative;
     width: 490px;
     height: 60px;
     border-radius: 30px;
     background: #fff;
     overflow: hidden;
 }
 
 .article-intro-form input {
     border: none;
     height: 60px;
     width: 320px;
     padding: 0 25px;
     color: #bdbcbc;
     font-size: 28px;
 }
 
 .article-intro-form a {
     position: absolute;
     top: 2px;
     right: 2px;
     width: 170px;
     text-align: center;
     height: 56px;
     line-height: 56px;
     border-radius: 0 28px 28px 0;
     background: #f91c56;
     color: #fff;
     font-size: 30px;
 }
 
 .article-intro-more {
     margin-bottom: 30px;
 }
 
 .article-intro-more a {
     color: #35b6ff;
     font-size: 16px;
 }
 
 .article-intro-prevNext {
     margin-bottom: 60px;
 }
 
 .article-intro-prevNext p {
     margin-bottom: 20px;
     color: #666;
 }
 
 .article-intro-prevNext p a {
     color: #35b6ff;
     display: inline-block;
     max-width: 380px;
 }
 
 .article-intro-statement {
     margin-bottom: 30px;
     color: #999;
     line-height: 2;
 }

.intro-priceTrend{margin-top: 30px;position: relative;}
.intro-priceTrend h3{font-size: 18px;color: #333;font-weight: 600;margin-bottom: 20px;}
.m_Hshow_price_head_wap{display: flex;align-items: center;}
.m_Hshow_price_head{display: flex;margin-right: 10px;}
.m_Hshow_price_head a{font-size: 14px;color: #999;width: 60px;height: 30px;display: block;line-height: 30px;text-align: center;background-color: #f2f2f2;}
.m_Hshow_price_head a:nth-child(1){border-radius: 5px 0 0 5px;}
.m_Hshow_price_head a:nth-child(2){border-radius: 0 5px 5px 0;}
.m_Hshow_price_head a:nth-child(1).on{background: #36b6ff;color: #fff;}
.m_Hshow_price_head a:nth-child(2).on{background: #36b6ff;color: #fff;}
#m_Hshow_echarts{width: 100%;height: 550px;}
.m_Hshow_bt{text-align: center;position: absolute;bottom: -20px;left: 50%;transform:translateX(-50%);-ms-transform:translateX(-50%); 	/* IE 9 */-moz-transform:translateX(-50%); 	/* Firefox */-webkit-transform:translateX(-50%); /* Safari 和 Chrome */-o-transform:translateX(-50%); 	/* Opera */}
.m_Hshow_bt>a{width: 150px;height: 40px;background-color: #36b6ff;color: #fff;display: inline-block;line-height: 40px;border-radius: 40px;margin-top: 10px;font-size: 14px;}
.intro-priceTrend>span{font-size: 12px;color: #999999;padding-left: 2px;position: absolute;top: 49px;right: 0;}