/*
 *  style.css by 453883682@qq.com
 */

 /* banner */
.estate-banner{  position: relative; height: 100vh; background-color: #FFFFFF;}
.estate-banner
.estate-banner video{ display: block; width: 100%; height: 100%; object-fit: cover;}
.estate-banner-img{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.estate-banner-img::before,
.estate-banner-img::after{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.estate-banner-img::before{ background: url(../images/banner-mask.png) center center no-repeat; background-size: cover;}
.estate-banner-img::after{ background-color: rgba(0, 0, 0, 0.22);}

.estate-banner-text{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; padding-top: 8%; z-index: 2;}
.estate-banner-title{ margin: .1rem auto;}
.estate-banner-des{ margin: .1rem auto; font-weight: bold;}
.estate-banner-more{ margin: .1rem auto;}
.estate-banner-more a{ display: block; width: fit-content; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 0 auto; transition: all .3s;}
.estate-banner-more a:hover{ background-color: var(--main-color); border-radius: 6px; border-bottom-color: transparent; padding: .05rem .2rem; margin: -.05rem auto;}

.estate-banner-search{ position: absolute; left: 0; right: 0; bottom: .75rem; width: 96%; max-width: 1020px; font-size: 16px; padding: 3px; background-color: rgba(255, 255, 255, 0.88); border-radius: 5px; margin: 0 auto; z-index: 2; overflow: hidden; backdrop-filter: blur(10px);}
.estate-banner-input{ display: block; flex: auto; font-size: 16px; line-height: 44px; padding: 0 15px; border: none; background: transparent; overflow: hidden;}
.estate-banner-select{ position: relative; height: 20px; border: none; border-left: 1px solid rgba(17, 17, 17, .18); appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-progress-appearance: none; padding-left: .15rem; padding-right: calc(.15rem + 20px); min-width: 1.2rem; background: url(../images/icon-down.png) right 10px center no-repeat;}
.estate-banner-select:invalid { color: #727272;}
.estate-banner-select option { color: #1A1A1A; padding-right: 50px;}
.estate-banner-btn{ display: block; width: 80px; height: 44px; font-size: 160%; color: #FFFFFF; margin-left: .2rem; border: none; border-radius: 5px; background-color: var(--main-color); cursor: pointer; transition: all .3s;}
.estate-banner-btn:hover{ opacity: .8;}

.estate-box1-bg{ position: relative; padding: 1.3rem 0 .65rem; background-color: #FFFFFF; overflow: hidden;}
.estate-box1-list{ position: relative; margin: .5rem -.14rem; overflow: hidden;}
.estate-box1-item{ float: left; width: 26.41%; padding: .14rem;}
.estate-box1-link{ position: relative; display: block; border-radius: 8px; overflow: hidden;}
.estate-box1-img{ padding-bottom: 65%;}
.estate-box1-mask{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: linear-gradient(to top, rgba(0,0,0,1), transparent); transition: all 0.3s ease; opacity: 0.5;}
.estate-box1-text{ position: absolute; left: 0; bottom: 0; width: 100%; padding: .15rem .2rem; transition: all .3s;}
.estate-box1-info{ gap: .2rem; margin-top: .1rem; height: 0; overflow: hidden; interpolate-size: allow-keywords; transition: all .3s;}
.estate-box1-info span{ display: block;}
.estate-box1-info span img{ width: 20px; height: 20px; max-width: .3rem; max-height: .3rem; margin-right: 7px; margin-top: -4px;}
.estate-box1-item:nth-child(1){ width: 47.18%;}
.estate-box1-item:nth-child(1) .estate-box1-img{ padding-bottom: 74%;}
.estate-box1-item:nth-child(3) .estate-box1-img{ padding-bottom: 137%;}
.estate-box1-item:nth-child(4){ position: absolute; bottom: 0; left: 47.18%; width: calc(26.41% - .72rem); width: 26.41%;}
.estate-box1-link:hover .estate-box1-mask{ height: 0; opacity: 0;}
.estate-box1-link:hover .estate-box1-img .imgBg{ transform: scale(1.05);}
.estate-box1-link:hover .estate-box1-text{ background-color: rgba(0, 0, 0, 0.45);}
.estate-box1-link:hover .estate-box1-info{ height: auto;}

.estate-box2-bg{ position: relative; background: #E1E1E1; overflow: hidden;}
.estate-box2-bg .estate-title{ position: absolute; left: .3rem; right: .3rem; top: 1.2rem;}
.estate-box2-list li{ flex: 1; min-width: 0; transition: flex 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.estate-box2-link{ position: relative; padding: 2.84rem 0 1.2rem; border-left: 1px solid rgba(17, 17, 17, .1);}
.estate-box2-mask{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); opacity: .45; transition: all .3s ease-in-out; z-index: -1;}
.estate-box2-item{ display: block; width: 100%; padding: 0 .4rem;}
.estate-box2-num{ position: relative; line-height: 1; margin-bottom: .8rem; transition: all .3s;}
.estate-box2-num::before{ display: block; content: ""; position: absolute; left: -.4rem; top: 0; width: 1px; height: 100%; margin-left: -1px; background-color: var(--title-color);}
.estate-box2-icon{ position: relative; height: 60px; max-height: .6rem; margin: .5rem auto;}
.estate-box2-icon img{ display: block; width: auto; height: 100%; transition: all .3s ease-in-out;}
.estate-box2-icon img:nth-child(2){ position: absolute; left: 0; bottom: 0; width: auto; height: 100%; opacity: 0; visibility: hidden; transform: scale(1.1);}
.estate-box2-title{ margin-bottom: .2rem; transition: all .3s;}
.estate-box2-con{ line-height: 2; height: 10em; margin-bottom: .2rem; -webkit-line-clamp: 5; margin-bottom: .3rem; transition: all .3s;}
.estate-box2-more{ display: block; width: 50px; height: 50px; max-width: .5rem; max-height: .5rem; border-radius: 50%; background: url(../images/box2-arrow.png) center center no-repeat; background-size: contain; transform: rotate(45deg); opacity: 0; visibility: hidden; transition: all .3s;}
.estate-box2-list li:hover{ flex: 1.26;}
.estate-box2-link:hover .estate-box2-mask{ height: 100%;}
.estate-box2-link:hover .estate-box2-num{ color: #FFFFFF;}
.estate-box2-link:hover .estate-box2-icon img:nth-child(2){ opacity: 1; visibility: visible; transform: scale(1);}
.estate-box2-link:hover .estate-box2-title,
.estate-box2-link:hover .estate-box2-con{ color: #FFFFFF;}
.estate-box2-link:hover .estate-box2-more{ opacity: 1; visibility: visible; transform: rotate(0);}

.estate-box3-bg{ position: relative; padding: 1.3rem 0 .7rem; background-color: #FFFFFF; overflow: hidden;}
.estate-box3-tab{ gap: .3rem; margin-bottom: .6rem;}
.estate-box3-tab li{ transition: all .3s;}
.estate-box3-tab li span{ cursor: pointer;}
.estate-box3-tab li span i{ display: none; width: 17px; height: 17px; margin-left: 4px; background: url(../images/icon-hot.png) center center no-repeat; background-size: cover;}
.estate-box3-tab li.active{ color: var(--title-color); font-family: 'Baloo2-Medium';}
.estate-box3-tab li.active span i{ display: inline-block;}
.estate-box3-link{ position: relative; display: block; color: var(--text-color); overflow: hidden;}
.estate-box3-img{ padding-bottom: 121%; border-radius: 8px; margin-bottom: .1rem;}
.estate-box3-sold{ position: absolute; right: 0; top: 0; width: 58px; height: 58px; max-width: .6rem; max-height: .6rem; background: url(../images/box3-sold.png) right center no-repeat; background-size: contain; display: none;}
.isSold .estate-box3-sold{ display: block;}
.estate-box3-text{ padding: .1rem 0;}
.estate-box3-text::after{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #3D3D3D; transition: all .5s;}
.estate-box3-title{ font-weight: normal; font-family: 'Baloo2-Medium'; transition: all .3s;}
.estate-box3-info{ height: auto; padding-left: 1px;}
.estate-box3-bot{ line-height: 1.5; margin-top: .25rem;}
.estate-box3-more{ color: #3D3D3D; font-family: 'Baloo2-Medium'; opacity: 0; visibility: hidden; transform: translateX(-5px); transition: all .3s;}
.estate-box3-more i{ vertical-align: middle; font-size: 120%;}
.estate-box3-link:hover .estate-box3-img .imgBg{ transform: scale(1.05);}
.estate-box3-link:hover .estate-box3-text::after{ width: 100%;}
.estate-box3-link:hover .estate-box3-title{ color: var(--main-color);}
.estate-box3-link:hover .estate-box3-more{ opacity: 1; visibility: visible; transform: translateX(0);}
.estate-box3-page{ margin-top: .7rem;}
.estate-box3-pagination{ position: relative; flex: auto; height: 1px; background-color: rgba(17, 17, 17, .1);}
.estate-box3-pagination .swiper-pagination-progressbar-fill{ top: -1px; height: 2px; background-color: #3D3D3D;}
.estate-box3-button{ flex-shrink: 0; margin-left: .7rem; gap: .08rem;}
.estate-box3-button span{ display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; max-width: .6rem; max-height: .6rem; color: var(--title-color); border: 1px solid rgba(17, 17, 17, .1); border-radius: 5px; font-weight: bold; cursor: pointer; font-size: 12px; transition: all .3s;}
.estate-box3-button span:not(.swiper-button-disabled):hover{ border-color: var(--main-color); background-color: var(--main-color); color: #FFFFFF;}
.estate-box3-button span.swiper-button-disabled{ cursor: no-drop; opacity: .4;}
.estate-box3-button span.swiper-button-lock{ display: none;}
.estate-box3-page:has(.swiper-pagination-lock) { display: none;}

.estate-box4-bg{ position: relative; background: url(../images/box4-bg.png) center center no-repeat; background-size: cover; overflow: hidden;}
.estate-box4-bg .estate-des{ max-width: 750px;}
.estate-box4-top{ position: absolute; left: 0; right: 0; top: 1.3rem; padding: 0 .3rem; z-index: 1;}
.estate-box4-box{ position: relative; height: 880px; z-index: 1;}
.estate-box4-line{ position: absolute; left: 50%; top: 0; width: 1920px; height: 100%; transform: translateX(-50%); pointer-events: none; z-index: -1;}
.estate-box4-line span{ display: block; position: absolute; left: 50%; top: 0; width: 1920px; height: 100%; transform: translateX(-50%); background: url(../images/box4-line.png) center bottom no-repeat; animation-duration: 3s;}
.estate-box4-list{ white-space: nowrap;}
.estate-box4-list li{ position: absolute;}
.estate-box4-link{ display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.estate-box4-num{ font-size: 110px; line-height: 1; opacity: .12; font-family: 'CenturyGothic'; font-weight: bold; letter-spacing: -0.1em;
    background-image: linear-gradient(to bottom, rgba(17,17,17,1), rgba(17,17,17,0));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    position: absolute; left: 50%; top: 0; transform: translateX(-50%) translateY(-40%);
}
.estate-box4-icon{ width: 82px; height: 82px; max-width: .9rem; max-height: .9rem; margin: 0 auto;}
.estate-box4-icon img{ display: block; width: 100%; height: 100%; object-fit: contain;}
.estate-box4-title{ transition: all .3s;}
.estate-box4-li1{ left: 20.375%; bottom: 34.43%;}
.estate-box4-li2{ left: 47.06%; bottom: 33.07%;}
.estate-box4-li3{ left: 86%; bottom: 12.95%;}
.estate-box4-li3 .estate-box4-link{ left: 10px; transform: none;}
.estate-box4-li4{ left: 91.25%; bottom: 77.27%;}
.estate-box4-link:hover .estate-box4-title{ color: var(--main-color);}

.estate-box5-bg{ position: relative; padding: 1.3rem 0; overflow: hidden;}
.estate-box5-top{ flex-direction: row-reverse; padding: .12rem 0;}
.estate-box5-right{ flex-shrink: 0; width: 64%; max-width: 1230px;}
.estate-box5-right_img{ height: 100%;}
.estate-box5-left{ flex: auto; min-height: 5.6rem; padding: .3rem; overflow: hidden;}
.estate-box5-box{ width: 100%; max-width: 480px; margin: 0 auto;}
.estate-box5-box .estate-title{ margin-bottom: .1rem;}
.estate-box5-info{ margin-bottom: .3rem; font-family: 'Baloo2-Medium';}
.estate-box5-con{ margin-bottom: .4rem;}
.estate-box5-btn{ display: block; min-width: 3rem; height: 50px; border-radius: 50px; border: 1px solid var(--title-color);}
.estate-box5-list{ margin: 0 -.12rem;}
.estate-box5-list li{ width: 50%; padding: .12rem;}
.estate-box5-link{ display: block;}
.estate-box5-img{ padding-bottom: 36.92%; margin-bottom: .4rem;}
.estate-box5-title{ transition: all .3s;}
.estate-box5-link:hover .estate-box5-img .imgBg{ transform: scale(1.05);}
.estate-box5-link:hover .estate-box5-title{ color: var(--main-color);}

.estate-box6-bg{ position: relative; padding: 1.3rem 0; background: #F5F5F5; overflow: hidden;}
.estate-box6-left{ flex-shrink: 0; width: 50%; margin-right: 4%;}
.estate-box6-img img{ display: block; width: 100%; height: auto;}
.estate-box6-right{ flex: auto; max-width: 704px; padding-top: .8rem; overflow: hidden;}
.estate-box6-right .estate-box-more{ margin: .5rem 0 .8rem;}
.estate-box6-list{ gap: .14rem;}
.estate-box6-list li{ flex: auto;}
.estate-box6-list img{ display: block; max-width: 100%; height: auto;}


/* sell-flow */
.estate-flow1-bg{ position: relative; padding: .6rem 0; background: url(../images/sell/flow1-bg.png) center center fixed no-repeat; background-size: cover; overflow: hidden;}
.estate-flow1-text{ min-height: 3.6rem;}
.estate-flow1-con{ max-width: 860px; margin: 0 auto;}
.estate-flow1-img{ margin-top: .5rem;}
.estate-flow1-img img{ display: block; max-width: 100%; height: auto; border-radius: 8px; margin: 0 auto;}

.estate-flow2-bg{ position: relative; padding: 1.3rem 0; background-color: #FFFFFF; overflow: hidden;}
.estate-flow2-item{ position: relative;}
.estate-flow2-item .estate-box4-num{ position: static; transform: none; line-height: 1;}
.estate-flow2-icon{ height: 60px; max-height: .6rem; margin-top: -.5rem; margin-bottom: .35rem;}
.estate-flow2-icon img{ width: auto; height: 100%;}
.estate-flow2-title{ margin-bottom: .2rem;}
.estate-flow2-con{ line-height: 2;}
.estate-flow2-con ul{ list-style: none;}
.estate-flow2-con ul li{ position: relative; padding-left: 10px;}
.estate-flow2-con ul li::before{ content: '•'; position: absolute; left: 0; top: 0;}

.estate-flow3-bg{ position: relative; padding: 1.3rem 0; background-color: #F5F5F5; overflow: hidden;}
.estate-flow3-bg .estate-des{ max-width: 900px; margin: 0 auto;}
.estate-flow3-list{ gap: .3rem; margin-top: .5rem;}
.estate-flow3-list > li{ width: calc(50% - .15rem);}
.estate-flow3-item{ position: relative; height: 100%; padding: .4rem; border-radius: 8px; border: 1px solid rgba(17, 17, 17, .1); overflow: hidden;}
.estate-flow3-icon{ float: left; width: 60px; max-width: .6rem; margin-right: .3rem;}
.estate-flow3-icon img{ display: block; width: 100%; height: auto;}
.estate-flow3-text{ overflow: hidden;}
.estate-flow3-text .estate-flow2-con{ line-height: 1.67;}
.estate-flow3-item .estate-box4-num{ right: .2rem; bottom: 0; top: auto; left: auto; transform: none;}

.estate-flow4-bg{ position: relative; padding: 1.3rem 0; background-color: #FFFFFF; overflow: hidden;}
.estate-flow4-swiper{ margin-top: .5rem;}
.estate-flow4-item{ position: relative; border-radius: 8px; overflow: hidden;}
.estate-flow4-img{ padding-bottom: 110.53%;}
.estate-flow4-img::before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: .25; z-index: 1; transition: all .3s;}
.estate-flow4-text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 25%; z-index: 1; transition: all .3s;}
.estate-flow4-icon{ width: 80px; height: 80px; max-width: .8rem; max-height: .8rem; border-radius: 50%; border: 2px solid #FFFFFF; margin: 0 auto .3rem;}
.estate-flow4-icon img{ display: block; width: 100%; height: 100%; object-fit: contain;}
.estate-flow4-title{ width: 290px; max-width: 90%; margin: 0 auto;}
.estate-flow4-item:hover .estate-flow4-img .imgBg{ transform: scale(1.05);}
.estate-flow4-item:hover .estate-flow4-img::before{ opacity: .5;}
.estate-flow4-item:hover .estate-flow4-text{ padding-top: 20%;}

.estate-flow5-bg{ position: relative; padding: 1.3rem 0; background-color: #F5F5F5; overflow: hidden;}
.estate-flow5-bg .estate-title{ max-width: 640px; line-height: 1.1; margin-left: auto; margin-right: auto;}
.estate-flow5-swiper{ margin-top: .5rem;}
.estate-flow5-swiper .swiper-slide{ width: 72.5%; max-width: 1160px; margin: 0 auto; transition: all .3s;}
.estate-flow5-img{ border-radius: 8px; opacity: .5; transition: all .3s;}
.estate-flow5-img::before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: .08; z-index: 1; transition: all .3s;}
.estate-flow5-text{ max-width: 780px; line-height: 1.67; margin: .5rem auto;}
.estate-flow5-title{ margin-bottom: .1rem; opacity: 0; visibility: hidden; transform: translateY(-5px); transition: all .3s;}
.estate-flow5-con{ opacity: 0; visibility: hidden; transform: translateY(-5px); transition: all .3s;}
.estate-flow5-swiper .swiper-slide-active .estate-flow5-img{ opacity: 1;}
.estate-flow5-swiper .swiper-slide-active .estate-flow5-title,
.estate-flow5-swiper .swiper-slide-active .estate-flow5-con{ opacity: 1; visibility: visible; transform: translateY(0); transition: all .3s linear 0.3s;}
.estate-flow5-swiper .swiper-slide-active .estate-flow5-con{ transition: all .3s linear 0.5s;}
.estate-flow5-swiper .swiper-pagination{ margin-top: 0;}
.estate-flow5-prev{ flex-shrink: 0; width: 30%; cursor: pointer;}
.estate-flow5-prev::before{ display: inline-block; vertical-align: middle; content: "\e748"; font-size: 120%; margin-right: 5px; font-family: "iconfont" !important; transform: scaleX(-1);}
.estate-flow5-next{ flex-shrink: 0; width: 30%; text-align: right; cursor: pointer;}
.estate-flow5-next::after{ display: inline-block; vertical-align: middle; content: "\e748"; font-size: 120%; margin-left: 5px; font-family: "iconfont" !important;}
.estate-flow5-next:hover,
.estate-flow5-prev:hover{ color: var(--main-color);}

/* sell-faq */
.estate-faq-bg{ position: relative; background-color: #FFFFFF; overflow: hidden;}
.estate-faq-top{ margin: .45rem auto;}
.estate-faq-sort{ column-gap: .4rem; row-gap: .2rem; margin-right: auto; font-family: 'Baloo2-Medium';}
.estate-faq-sort li a{ color: var(--text-color); border-bottom: 1px solid transparent; transition: all .3s;}
.estate-faq-sort li.active a,
.estate-faq-sort li a:hover{ color: var(--title-color); border-bottom-color: var(--title-color);}
.estate-faq-year{ margin-right: .25rem; border: none;}
.estate-faq-search{ position: relative; max-width: 50%; width: 460px;}
.estate-faq-input{ display: block; width: 100%; height: 50px; padding-left: 48px; padding-right: 10px; border: 1px solid rgba(17, 17, 17, .1); border-radius: 8px; transition: all .3s;}
.estate-faq-btn{ position: absolute; left: 0; top: 0; display: block; width: 48px; font-size: 28px; color: #999999; line-height: 50px; border: none; background-color: transparent; text-align: center; cursor: pointer; transition: all .3s;}
.estate-faq-input:focus{ border-color: var(--title-color);}
.estate-faq-btn:hover{ color: var(--title-color);}
select.estate-faq-input{ padding-left: 20px; width: 390px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-progress-appearance: none; padding-right: calc(.15rem + 20px); min-width: 1.2rem; background: url(../images/icon-down2.png) right 10px center no-repeat;}

.estate-faq-list{ margin: .45rem 0;}
.estate-faq-list li{ position: relative; margin-bottom: .24rem; border-radius: 8px; border: 1px solid rgba(17, 17, 17, .1); transition: all .3s;}
.estate-faq-title{ padding: .17rem .25rem; cursor: pointer;}
.estate-faq-icon{ flex-shrink: 0; width: 46px; height: 46px; font-size: 24px; color: var(--title-color); line-height: 46px; margin-right: 15px; background-color: #F5F5F5; border-radius: 50%; text-align: center; transition: all .3s;}
.estate-faq-name{ position: relative; flex: auto; line-height: 46px; padding-right: 20px; overflow: hidden;}
.estate-faq-name::after{ display: block; content: "\e65e"; position: absolute; right: 0; top: 0; font-size: 70%; font-family: "iconfont" !important; transition: all .3s;}
.estate-faq-text{ padding: .4rem 0; line-height: 1.6; margin-left: calc(61px + .25rem); margin-right: .25rem;; border-top: 1px solid rgba(17, 17, 17, .1); display: none;}
.estate-faq-list li:has(.estate-faq-title:hover){ border-color: #3D3D3D;}
.estate-faq-list li.active{ border-color: #3D3D3D;}
.estate-faq-list li.active .estate-faq-icon{ background-color: #999999; color: #FFFFFF;}
.estate-faq-list li.active .estate-faq-name::after{ transform: rotate(180deg);}

/* sell-estimate */
.estate-estimate-bg{ position: relative; padding: 1.3rem 0; background-color: #FFFFFF; overflow: hidden;}
.estate-estimate-bg:nth-child(2n){ background-color: #F5F5F5;}

.estate-estimate1-bg .estate-title{ max-width: 950px; margin: 0 auto;}
.estate-estimate1-swiper{ margin-top: .5rem;}
.estate-estimate1-swiper .swiper-slide{ height: auto;}
.estate-estimate1-item{ height: 100%; padding: .7rem .3rem; border-radius: 8px; background-color: #F5F5F5;}
.estate-estimate1-icon{ width: 120px; height: 120px; max-width: 1.2rem; max-height: 1.2rem; border-radius: 50%; background-color: #FFFFFF; margin: 0 auto .2rem; transition: all .3s;}
.estate-estimate1-icon img{ display: block; width: 100%; height: 100%; object-fit: contain;}
.estate-estimate1-item:hover .estate-estimate1-icon{ box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.1);}

.estate-estimate2-bg{ position: relative; background-color: #F5F5F5; overflow: hidden;}
.estate-estimate2-box{}
.estate-estimate2-left,
.estate-estimate2-right{ width: 50%;}
.estate-estimate2-img{ height: 100%; min-height: 55vw;}
.estate-estimate2-right{ padding: 1.1rem 4%;}
.estate-estimate2-form{ margin-top: .5rem;}
.estate-estimate2-item{ width: 50%; padding: 0 .1rem; margin-bottom: .3rem;}
.estate-estimate2-item.one{ width: 100%;}
.estate-estimate2-item:last-child{ margin-bottom: 0;}
.estate-estimate2-label{ display: block; margin-bottom: 5px;}
.estate-estimate2-input{ display: block; width: 100%; font-size: 16px; line-height: 56px; background-color: transparent; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
textarea.estate-estimate2-input{ height: 120px; line-height: 1.5; padding: .1rem .2rem; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.1); resize: none;}
.estate-estimate2-btn{ display: block; width: 240px; height: 50px; border-radius: 50px; border: none; background: var(--main-color); cursor: pointer;}
.estate-estimate2-form .layui-form-danger + .layui-form-select .layui-input,
.estate-estimate2-form .layui-form-danger:focus,
.estate-estimate2-form .layui-input:focus,
.estate-estimate2-form .layui-textarea:focus{ box-shadow: none; border-color: rgba(0, 0, 0, 0.1) !important;}
.estate-estimate2-form .layui-form-select .layui-input{ height: 56px; font-size: 16px; padding-left: 0; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-color: transparent;}
.estate-estimate2-form .layui-form-select dl{ top: 56px;}
.estate-estimate2-form .layui-form-selectup dl{ top: auto; bottom: 56px;}
.estate-estimate2-form .layui-form-select dl dd.layui-this{ color: var(--main-color);}
.estate-estimate2-form .layui-form-select .layui-edge{ right: 0; border: none; width: 20px; height: 20px; margin-top: -10px; text-align: center; font-style: normal;}
.estate-estimate2-form .layui-form-select .layui-edge::before{ content: '\e61a'; font-family: 'layui-icon' !important;}
.estate-estimate2-form .layui-form-checkbox[lay-skin=primary] > div{ font-size: 18px; color: var(--text-color);}
.estate-estimate2-form .layui-form-checkbox[lay-skin=primary] > i{ width: 14px; height: 14px; line-height: 12px; border: 1px solid rgba(0, 0, 0, 0.18); background-color: transparent;}
.estate-estimate2-form .layui-form-checked[lay-skin=primary] > i{ background-color: var(--main-color); border-color: var(--main-color) !important; color: #FFFFFF;}
.estate-estimate2-form .layui-form-checkbox[lay-skin=primary]:hover > i{ border-color: var(--main-color);}

.estate-estimate3-list{ margin: 0 -1.3rem; margin-top: .8rem; overflow: hidden;}
.estate-estimate3-list li{ width: 33.33%; padding: 0 1.3rem;}
.estate-estimate3-list li:not(:first-child)::before { content: ""; position: absolute; top: 85px; right: 80%; width: 40%; height: 1px; background-image: linear-gradient(to right, rgba(17, 17, 17, .25) 50%, transparent 50%); background-size: 6px 1px; z-index: 1; }
.estate-estimate3-list li:not(:first-child)::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--title-color); position: absolute;            top: 82px; left: -12px; z-index: 2;}

.estate-estimate5-bg .estate-box3-swiper{ margin-top: .5rem;}
.estate-estimate5-more{ margin-top: .6rem;}
.estate-estimate5-more .flex{ min-width: 2.2rem; margin-top: .6rem;}

.estate-why4-bg .estate-box3-swiper{ margin-top: .5rem;}

/* sell-why */
.estate-why1-list{ margin-top: 1.1rem; gap: .2rem;}
.estate-why1-list li{ flex: 1; max-width: 230px;}
.estate-why1-icon{ width: 112px; height: 112px; max-width: 1.2rem; max-height: 1.2rem; background: #F5F5F5; border-radius: 50%; margin: 0 auto .3rem;}
.estate-why1-icon img{ display: block; width: 100%; height: 100%; object-fit: contain;}
.estate-why1-title{ line-height: 1.4;}
.estate-why1-des{ line-height: 1.4; word-break: break-all;}
.estate-why1-title.text-color{ font-weight: normal;}
.estate-why1-des.title-color{ font-family: 'Baloo2-Medium';}

.estate-why3-swiper{ margin-top: .5rem;}
.estate-why3-swiper .swiper-container{ overflow: visible;}
.estate-why3-swiper .swiper-slide{ opacity: 0.1;}
.estate-why3-swiper .swiper-slide-visible{ opacity: 1;}
.estate-why3-item{ height: 100%; padding: .6rem .4rem; border: 1px solid rgba(17, 17, 17, .1); border-radius: 8px; transition: all .3s;}
.estate-why3-star{ margin-bottom: .3rem;}
.estate-why3-con{ height: 12.8em; line-height: 1.6; -webkit-line-clamp: 8; margin-bottom: .2rem;}
.estate-why3-title span{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 30px; height: 30px; font-size: 16px; color: #FFFFFF; border-radius: 50%; background-color: #999999; margin-right: .12rem; text-align: center;}
.estate-why3-item:hover{ border-color: var(--main-color); box-shadow: 0 5px .1rem rgba(17, 17, 17, .1);}

/* sell-case */
.estate-case-map{ width: 100%;}
.estate-case-map img{ width: 100%; height: auto;}
.estate-case-search{ padding: .5rem 0 .4rem;}
.estate-case-search .estate-banner-search{ position: static; border: 1px solid rgba(17, 17, 17, .1); border-radius: 5px;}
.estate-case-line{ height: 1px; margin-bottom: .5rem; background-color: rgba(17, 17, 17, .1);}
.estate-case-list{ row-gap: .45rem; margin: .45rem -.13rem;}
.estate-case-list li{ width: 25%; padding: 0 .13rem;}

/* sell-case-detail */
.estate-ban-swiper{ height: 100%;}
.estate-ban-swiper .estate-banner-img::before{ top: auto; bottom: 0; height: 20%; min-height: .6rem; background: linear-gradient(to bottom, rgba(0,0,0,0) 0% ,rgba(0,0,0,1) 100%); opacity: .3;}
.estate-ban-swiper .swiper-pagination{ position: absolute; left: 0; right: 0; width: fit-content; margin: 0 auto; bottom: .3rem; z-index: 3;}

.estate-case-back{ position: relative; line-height: 20px; margin-top: calc(-.3rem - 20px); margin-bottom: .3rem; z-index: 2;}
.estate-case-back a{ color: #FFFFFF; transition: all .3s;}
.estate-case-back a i{ display: inline-block; vertical-align: middle; font-size: 120%; margin-top: -2px; margin-right: 5px; transform: scaleX(-1); transition: all .3s;}
.estate-case-back a:hover i{ transform: scaleX(-1) rotate(45deg);}

.estate-case-detail{ padding: .8rem 0;}
.estate-case-title{ line-height: 1.4; margin-bottom: .3rem; font-weight: normal;}

.estate-case-price{ margin-bottom: .1rem;}
.estate-case-price p{ font-size: 175%; color: var(--title-color);}

.estate-case-text{ margin-top: .5rem; padding-top: .8rem; border-top: 1px solid rgba(17, 17, 17, .1);}
.estate-case-left{ width: 68%; max-width: 1070px;}
.estate-case-left h3{ font-size: 111%; color: var(--title-color);}
.estate-case-left ul{ margin-left: 20px;}
.estate-case-left img{ display: block; max-width: 100% !important; height: auto !important; border-radius: 8px; margin: 0 auto;}
.estate-case-right{ position: sticky; position: -webkit-sticky; top: 120px; flex-shrink: 0; width: 30%; max-width: 450px;}
.estate-case-team{ margin-bottom: .55rem;}
.estate-case-team li{ margin-bottom: .35rem;}
.estate-team-avatar{ flex-shrink: 0; width: 140px; max-width: 50%; margin-right: .2rem; border-radius: 8px; overflow: hidden;;}
.estate-team-avatar img{ width: 100%; height: auto;}
.estate-team-text{ flex: auto; overflow: hidden;}
.estate-team-name{ line-height: 1.2; font-family: 'Baloo2-Regular'; font-weight: normal;}
.estate-team-position{ padding-bottom: .1rem; margin-bottom: .1rem; border-bottom: 1px solid rgba(17, 17, 17, .1); font-family: 'Baloo2-Medium';}
.estate-team-con{ line-height: 1.55; word-break: break-all;}
.estate-case-right .estate-box-more .flex{ width: 100% !important; margin-bottom: .3rem;}
.estate-case-right .estate-box-more .flex:last-child{ margin-bottom: 0;}

.estate-case-related{ background-color: #FFFFFF !important;}
.estate-case-related .estate-box3-swiper{ margin-top: .5rem;}


/* buy */
.estate-buy-bg{ position: relative; padding: 1.3rem 0; overflow: hidden;}
.estate-buy-title{ line-height: 1.2; margin-bottom: .3rem; margin-top: .8rem;}
.estate-buy-title:first-child{ margin-top: 0;}

.estate-buy-list li{ padding: .2rem; margin-bottom: .24rem; border: 1px solid rgba(17, 17, 17, .1); border-radius: 8px; transition: all .3s;}
.estate-buy-list li:last-child{ margin-bottom: 0;}
.estate-buy-img{ flex-shrink: 0; width: 160px; max-height: 112px; margin-right: .5rem;}
.estate-buy-img img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.estate-buy-text{ flex: auto; overflow: hidden;}
.estate-buy-name{ line-height: 1.2; margin-bottom: .1rem; -webkit-line-clamp: 2;}
.estate-buy-time{ flex-shrink: 0; width: 42%; color: #3D3D3D; margin-left: .2rem; margin-right: .2rem;}
.estate-buy-calendar{ flex-shrink: 0; width: 20px; height: 24px; margin-right: .4rem; background: url(../images/icon-calendar.png) center center no-repeat; background-size: contain;}
.estate-buy-list li:hover{ box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.1);}

.estate-buy-more{ display: block; width: fit-content; opacity: 1; visibility: visible; transform: translateX(0); border-bottom: 1px solid #3D3D3D; margin: .36rem auto;}
.estate-buy-more i{ display: inline-block; vertical-align: middle; transition: all .3s;}
.estate-buy-more:hover{ color: var(--main-color); border-bottom: 1px solid var(--main-color);}
.estate-buy-more:hover i{ transform: rotate(45deg);}

.estate-buy-sale{ position: relative; overflow: hidden;}
.estate-buy-map{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.estate-buy-map img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.estate-sale-box{ position: relative; width: 40%; max-width: 545px; padding: .7rem 3%; background: #F5F5F5; margin-left: auto; z-index: 1;}
.estate-sale-list li{ margin-top: -1px;}
.estate-sale-link{ display: block; padding-top: .3rem; padding-bottom: .3rem; border: 1px solid transparent; border-bottom-color: rgba(17, 17, 17, .1); transition: all .3s;}
.estate-sale-price{ color: #3D3D3D; margin-top: .2rem; font-family: 'Baloo2-Medium';}
.estate-sale-list li:first-child .estate-sale-link{ border-top-color: rgba(17, 17, 17, .1);}
.estate-sale-link:hover{ padding-left: .2rem; padding-right: .2rem; border-left-color: rgba(17, 17, 17, .1); border-right-color: rgba(17, 17, 17, .1); border-radius: 8px;}

.estate-sale-more{ display: block; width: fit-content; border-bottom: 1px solid var(--main-color); margin: 0 auto; margin-top: .5rem; transition: all .3s;}
.estate-sale-more i{ display: inline-block; vertical-align: middle; font-size: 110%; margin-left: 3px; transition: all .3s;}
.estate-sale-more:hover{ color: var(--main-color);}
.estate-sale-more:hover i{ transform: rotate(45deg);}

/* property-service */
.estate-service-bg{ position: relative; padding: 1.3rem 0; background-color: #F5F5F5; overflow: hidden;}
.estate-service-bg:nth-child(2n){ background-color: #FFFFFF;}

.estate-service1-bg .estate-flow1-con{ max-width: 922px; margin-bottom: .5rem;}

.estate-service3-swiper{ margin-top: .5rem;}
.estate-service3-swiper .swiper-slide{ flex: 1; height: auto; margin-right: 3px; transition: all .3s;}
.estate-service3-swiper .swiper-slide:last-child{ margin-right: 0;}
.estate-service3-item{ height: 540px; max-height: 33.75vw; transition: all .3s;}
.estate-service3-img{ height: 100%; background-color: #000000; padding-bottom: 0;}
.estate-service3-img .imgBg{ opacity: .8;}
.estate-service3-title{ position: absolute; left: 0; bottom: .3rem; right: 0; line-height: 1.4; margin: 0 .2rem; -webkit-line-clamp: 2; transition: all .3s;}
.estate-service3-des{ height: 0; overflow: hidden; interpolate-size: allow-keywords; transition: all .3s;}
.estate-service3-swiper .swiper-slide.active{ flex: 2.867;}
.estate-service3-swiper .swiper-slide.active .estate-service3-title{ max-width: 460px; font-size: 150%; bottom: auto; top: 50%; transform: translateY(-50%); font-family: 'Baloo2-Regular'; font-weight: normal;}

.estate-service3-text{ position: absolute; left: 0; bottom: .3rem; right: 0; line-height: 1.4; margin: 0 .2rem; -webkit-line-clamp: 2; transition: all .3s;}
.estate-service3-text .estate-service3-title{ position: static; margin: 0;}
.estate-service3-swiper .swiper-slide.active .estate-service3-text{ max-width: 500px; bottom: auto; top: 50%; transform: translateY(-50%);}
.estate-service3-swiper .swiper-slide.active .estate-service3-text .estate-service3-title{ font-size: 210%; font-family: 'Baloo2-Regular'; font-weight: normal; transform: none;}
.estate-service3-swiper .swiper-slide.active .estate-service3-text .estate-service3-des{ height: auto;}

.estate-service5-swiper{ margin-top: .5rem;}
.estate-service5-swiper .estate-flow4-img{ padding-bottom: 137.7%;}
.estate-service5-swiper .estate-flow4-text{ padding-top: 40%;}
.estate-service5-swiper .estate-flow4-item:hover .estate-flow4-text{ padding-top: 38%;}

/* property-process */
.estate-process1-bg{ position: relative; padding: 1.5rem 0 .74rem; background-color: #F5F5F5; overflow: hidden;}
.estate-process1-swiper .estate-estimate3-list{ margin-left: 0; margin-right: 0;}
.estate-process1-swiper .estate-estimate3-list li{ height: auto; padding: 0;}

.estate-process2-bg{ position: relative; padding: .7rem 0; background-color: #FFFFFF; overflow: hidden;}
.estate-process2-list li{ position: relative; padding: .55rem 0; border-bottom: 1px solid rgba(17, 17, 17, .1); z-index: 1;}
.estate-process2-list li:last-child{ border-bottom: none;}
.estate-process2-img{ flex-shrink: 0; width: 57.5%; margin-right: 5%; border-radius: 8px; overflow: hidden;;}
.estate-process2-img .imgBg{ padding-bottom: 50%;}
.estate-process2-text{ position: relative; flex: auto; overflow: hidden;}
.estate-process2-text .estate-box4-num{  left: auto; right: 0; top: 0; transform: none;}
.estate-process2-text .estate-box-more{ margin-top: .5rem;}
.estate-process2-con{ width: 100%;}
.estate-process2-title{ line-height: 1.2; margin-bottom: .2rem;}
.estate-process2-icon{ position: absolute; right: 0; top: .55rem; max-width: 15%; text-align: right; z-index: -1; pointer-events: none;}
.estate-process2-icon img{ max-width: 100%; height: auto;}

.estate-process2-list li:nth-child(2n){ flex-direction: row-reverse;}
.estate-process2-list li:nth-child(2n) .estate-process2-img{ margin-right: 0; margin-left: 5%;}
.estate-process2-list li:nth-child(2n) .estate-process2-icon{ right: auto; left: 0;}


/* tenant-repair */
.estate-repair-list{ margin: .45rem 0;}
.estate-repair-list li{ position: relative; margin-bottom: .24rem; border-radius: 8px; border: 1px solid rgba(17, 17, 17, .1); transition: all .3s;}
.estate-repair-title{ line-height: 46px; padding: .17rem .25rem;}
.estate-repair-title .left-icon{ flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 46px; height: 46px; max-width: .6rem; max-height: .6rem; margin-right: .16rem; border-radius: 50%; background-color: #F5F5F5; transition: all .3s;}
.estate-repair-title span{ flex: auto; overflow: hidden;}
.estate-repair-title .right-icon{ flex-shrink: 0; margin-left: .16rem;}
.estate-repair-list li:hover{ border-color: #3D3D3D;}
.estate-repair-list li:hover .left-icon{ background-color: #999999; color: #FFFFFF;}

/* estate-apply */
.estate-apply-bg{ background-color: #FFFFFF;}
.estate-apply-bg:nth-child(2n){ background-color: #F5F5F5;}
.estate-apply-bg:nth-child(2n) .estate-why1-icon{ background-color: #FFFFFF;}

.estate-apply3-swiper{ margin: .5rem 0;}
.estate-apply3-swiper .estate-service3-item{ height: 100%; max-height: none;}
.estate-apply3-swiper .estate-service3-img{ height: 0; padding-bottom: 64%; border-radius: 8px;}
.estate-apply3-swiper .estate-service3-title{ bottom: .2rem;}
.estate-apply3-swiper .estate-service3-item:hover .estate-service3-img .imgBg{ transform: scale(1.05); opacity: .6;}
.estate-apply3-swiper .estate-service3-item:hover .estate-service3-title{ bottom: 50%; transform: translateY(50%);}

/* estate-maintenance */
.estate-maintenance1-bg .estate-estimate3-list{ margin-left: -1rem; margin-right: -0.8rem;}
.estate-maintenance1-bg .estate-estimate3-list li{ padding: 0 0.8rem;}
.estate-maintenance1-bg .estate-estimate3-list li::before,
.estate-maintenance1-bg .estate-estimate3-list li::after{ display: none;}

.estate-repair-input{ display: block; width: 100%; height: 50px; padding: 10px 18px; border: none; background-color: #FFFFFF; border-radius: 8px;}
.estate-repair-input:focus{ box-shadow: 0 1px 3px rgb(26, 26, 26, 0.2);}
.estate-repair-input.layui-form-danger:focus{ border-color: transparent !important; box-shadow: 0 1px 3px rgba(255, 0, 0, 0.2);}
textarea.estate-repair-input{ height: 120px; line-height: 1.5; resize: none;}
.estate-repair-con .layui-form-radio{ flex-shrink: 0; display: block; line-height: 50px; font-size: 18px; color: var(--title-color); margin-top: 0;}
.estate-repair-con .layui-form-radio > i{ font-size: 18px; color: rgba(17, 17, 17, .6);}
.estate-repair-con .layui-form-radio > i::before{ color: var(--title-color);}
.estate-repair-con .layui-form-radio:hover > *,
.estate-repair-con .layui-form-radioed,
.estate-repair-con .layui-form-radioed > i{ color: var(--title-color);}

.estate-repair-form .layui-form-danger + .layui-form-select .layui-input,
.estate-repair-form .layui-form-danger:focus,
.estate-repair-form .layui-input:focus,
.estate-repair-form .layui-textarea:focus{ box-shadow: none; border-color: rgba(0, 0, 0, 0.1) !important;}
.estate-repair-form .layui-form-select .layui-input{ height: 50px; font-size: 16px; padding: 10px 18px; border: none; background-color: #FFFFFF; border-radius: 8px;}
.estate-repair-form .layui-form-select dl{ top: 50px;}
.estate-repair-form .layui-form-selectup dl{ top: auto; bottom: 50px;}
.estate-repair-form .layui-form-select dl dd.layui-this{ color: var(--main-color);}
.estate-repair-form .layui-form-select .layui-edge{ right: 10px; border: none; width: 20px; height: 20px; margin-top: -10px; text-align: center; font-style: normal;}
.estate-repair-form .layui-form-select .layui-edge::before{ font-size: 14px; content: '\e61a'; font-family: 'layui-icon' !important; color: var(--title-color); font-weight: bold;}
.estate-repair-form .layui-form-selected .layui-edge{ margin-top: -6px;}

.estate-repair-checkbox .layui-form-checkbox[lay-skin=primary] > div{ font-size: 18px; color: var(--text-color); white-space: inherit; padding-right: 0;}
.estate-repair-checkbox .layui-form-checkbox[lay-skin=primary] > div a{ color: var(--title-color);}
.estate-repair-tips{ margin-top: .1rem;}

/* upload */
.upload-box-wrap{ position: relative; padding: .4rem .3rem; color: #999999; border:1px dashed rgba(17, 17, 17, .18); border-radius: 8px; text-align: center; cursor: pointer;}
.upload-icon{ height: 60px; max-height: .7rem; margin-bottom: .2rem;}
.upload-icon img{ display: block; width: auto; height: 100%; margin: 0 auto;}
.upload-txt-drag{ margin-bottom: .2rem;}
.upload-btn-trigger{ display: block; width: fit-content; line-height: 46px; padding: 0 .4rem; margin: .2rem auto .3rem; border: 1px solid rgba(17, 17, 17, .1); cursor: pointer;}

/* preview-list */
.upload-preview-list{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: .16rem;}
.upload-preview-item{ position: relative; width: 110px; height: 110px; max-width: 1.6rem; max-height: 1.6rem; border: 1px solid rgba(17, 17, 17, .25); border-radius: 4px; overflow: hidden;}
.upload-preview-item img{ width: 100%; height: 100%; object-fit: cover;}
.upload-preview-item video{ width: 100%; height: 100%; object-fit: cover;}
.upload-preview-del{ position: absolute; right: 2px; top: 2px; width: 22px; height: 22px; line-height: 22px; background: rgba(0,0,0,0.6); color: #FFFFFF; border-radius: 50%; font-size: 12px !important; cursor: pointer; text-align: center;}

.estate-des + .estate-repair-form{ margin-top: .5rem;}
.estate-repair-form{ margin-left: -.1rem; margin-right: -.1rem;}
.estate-repair-form .layui-form-checkbox[lay-skin=primary]>i{ background: transparent;}
.estate-repair-form .layui-form-checkbox[lay-skin=primary]:hover>i{ border-color: var(--main-color);}
.estate-repair-form .layui-form-checked[lay-skin=primary] > i{ border-color: var(--main-color) !important; background-color: var(--main-color);}

/* insights */
.estate-insights-top{}
.estate-insights-swiper{ width: 60%; max-width: 920px; margin-right: 3.125%;}
.estate-insights-swiper .swiper-pagination{ display: none;}
.estate-insights-swiper .swiper-slide:hover .estate-insights-swiper_img .imgBg{ transform: scale(1.05);}
.estate-insights-swiper_img{ height: 510px; max-height: 6rem; padding: 0; border-radius: 8px;}
.estate-insights-right{ flex: auto; overflow: hidden;}
.estate-insights-right_link{ position: relative; display: block; padding: .3rem 0; border-bottom: 1px solid rgba(17, 17, 17, .1);}
.estate-insights-right_link .estate-insights-title{ -webkit-line-clamp: 2;}
.estate-insights-more{ opacity: 1; visibility: visible; transform: none; color: #3D3D3D; height: 0; overflow: hidden; interpolate-size: allow-keywords; transition: all .3s;}
.estate-insights-line{ display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: var(--title-color); transition: all .3s;}
.estate-insights-right li:first-child a{ padding-top: .2rem;}
.estate-insights-right li.active .estate-insights-more{ height: auto; margin-top: .3rem;}
.estate-insights-right li.active .estate-insights-line{ width: 2.6rem; max-width: 50%;}

.estate-insights-bg{ overflow: hidden;}
.estate-insights-list{ row-gap: .58rem; margin: .45rem 0;}
.estate-insights-list li{ width: 33.33%; padding: 0 .17rem;}
.estate-insights-link{ display: block;}
.estate-insights-img{ padding-bottom: 60.78%; border-radius: 8px; background-color: #000000; margin-bottom: .3rem; overflow: hidden;}
.estate-insights-img .imgBg{ opacity: .97;}
.estate-insights-time{ display: block; line-height: 1.25; margin-bottom: .1rem;}
.estate-insights-title{ line-height: 1.25; transition: all .3s;}
.estate-insights-link:hover .imgBg{ transform: scale(1.05);}
.estate-insights-link:hover .estate-insights-title{ text-decoration: underline;}

/* insights-detail */
.estate-insights-detail{ padding: .85rem 0;}
.estate-detail-back{ border-bottom: 1px solid rgba(17, 17, 17, .1);}
.estate-detail-back a{ display: inline-flex; align-items: center; color: var(--title-color); padding-bottom: .2rem; transition: all .3s;}
.estate-detail-back i{ display: block; transform: scaleX(-1); font-size: 120%; transition: all .3s;}
.estate-detail-back a:hover{ color: var(--main-color);}
.estate-detail-back a:hover i{ transform: scaleX(-1) rotate(45deg);}

.estate-detail-top{ margin: .6rem 0; padding-bottom: .2rem; border-bottom: 1px solid rgba(17, 17, 17, .1);}
.estate-detail-date{ margin-bottom: .1rem;}
.estate-detail-title{ line-height: 1.2;}

.estate-detail-share{ flex-shrink: 0; width: 315px; max-width: 25%; padding-right: .3rem;}
.estate-detail-share .estate-share-list li a{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50px; height: 50px; max-width: .6rem; max-height: .6rem; border-radius: 50%; border: 1px solid rgba(17, 17, 17, .1); transition: all .3s;}
.estate-detail-share .estate-share-list li img{ display: block; max-width: 40%; max-height: 40%; margin: 0 auto; opacity: .6; transition: all .3s;}
.estate-detail-share .estate-share-list li a:hover{ border-color: #3D3D3D;}
.estate-detail-share .estate-share-list li a:hover img{ opacity: 1;}

.estate-detail-text{ flex: auto; overflow: hidden;;}
.estate-detail-text img{ display: block; max-width: 100% !important; height: auto !important; border-radius: 8px; margin: 0 auto;}

/* about */
.estate-about1-bg{ background-image: url(../images/about/about1-bg.png);}
.estate-about1-bg .estate-title{ max-width: 860px;}
.estate-about1-bg .estate-flow1-con{ max-width: 880px;}

.estate-about2-bg{ background: #F5F5F5;}
.estate-about2-bg .estate-title{ max-width: 860px;}
.estate-about2-bg .estate-flow1-con{ max-width: 900px;}

.estate-about3-left{ flex-shrink: 0; width: 60%; max-width: 920px; margin-right: 5.3%;}
.estate-about3-img{ padding-bottom: 0; height: 100%; min-height: 460px; border-radius: 8px;}
.estate-about3-right{ flex: auto; position: relative; overflow: hidden;}
.estate-about3-right .swiper-container{ height: calc(100% - 80px - .34rem);}
.estate-about3-con{ display: flex; flex-direction: column; justify-content: flex-end; height: 100%;}
.estate-about3-icon{ position: absolute; right: 0; top: 0; width: 3rem; max-width: 50%; text-align: right;}
.estate-about3-icon img{ display: block; max-width: 100%; height: auto; margin-left: auto;}
.estate-about3-con .estate-des{ line-height: 1.5; min-height: 6em; margin-bottom: .2rem;}
.estate-about3-right .estate-box3-button{ position: absolute; left: 0; bottom: .34rem; margin-left: 0;}

.estate-about7-bg{ background: url(../images/about/about7-bg.png) center center no-repeat; background-size: cover;}
.estate-about7-bg .estate-flow1-text{ min-height: 5.2rem;}
.estate-about7-bg .estate-flow1-con{ max-width: 700px; margin-left: 0;}
.estate-about7-bg .estate-des{ margin-left: 0;}

.estate-about8-swiper{ margin-top: .5rem;}
.estate-about8-item{ display: block;}
.estate-about8-img{ position: relative; padding-left: .27rem; margin-bottom: .2rem; overflow: hidden;}
.estate-about8-avatar{ padding-bottom: 116.13%; border-radius: 8px;}
.estate-about8-name{ position: absolute; left: 0; bottom: 0; width: 100%; line-height: 26px; padding: .1rem .2rem; padding-left: .27rem; background: linear-gradient(to right,#3D3D3D 0%, rgba(0,0,0,0) 100%); border-radius: 4px 0 0 4px; transform: skewX(-15deg) translateX(.08rem); font-family: 'Baloo2-Regular'; font-weight: normal;}
.estate-about8-name span{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transform: skewX(15deg);}
.estate-about8-info{ padding-left: .27rem;}
.estate-about8-position{ padding: .15rem 0; margin-bottom: .15rem; border-bottom: 1px solid rgba(17, 17, 17, .1);}
.estate-about8-item:hover .estate-about8-avatar .imgBg{ transform: scale(1.05);}

/* contact */
.estate-estimate-bg:nth-child(2n + 1) .estate-repair-input{ background-color: #F5F5F5;}
.estate-estimate-bg:nth-child(2n + 1) .estate-repair-form .layui-form-select .layui-input{ background-color: #F5F5F5;}