.line-clamp1[data-v-19901634] {
	-webkit-line-clamp: 1
}

.line-clamp1[data-v-19901634],
.line-clamp2[data-v-19901634] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.line-clamp2[data-v-19901634] {
	-webkit-line-clamp: 2
}

.tabs[data-v-19901634] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.tab-item[data-v-19901634] {
	color: #fff;
	font-size: 16px;
	margin-right: 20px;
	cursor: pointer;
	text-align: center
}

.tab-item i[data-v-19901634] {
	display: none;
	margin-top: 5px
}

.tab-item__selected[data-v-19901634] {
	font-weight: 700
}

.tab-item__selected i[data-v-19901634] {
	display: inherit
}

.search-box[data-v-19901634] {
	position: relative;
	width: 570px
}

.ivu-auto-complete[data-v-19901634] {
	width: 100%;
	margin-top: -4px
}

.ivu-auto-complete[data-v-19901634] input {
	height: 56px !important;
	border-radius: 4px !important;
	border: none !important;
	font-size: 16px !important;
	font-weight: 400;
	padding-right: 150px;
	padding: 10px 150px 10px 20px !important
}

.ivu-auto-complete[data-v-19901634] .ivu-select-dropdown {
	width: 570px;
	left: 0 !important;
	right: 0 !important;
	top: 48px !important
}

.ivu-auto-complete[data-v-19901634] .ivu-select-item {
	padding: 10px 20px !important;
	color: #515a6e !important
}

[data-v-19901634] .ivu-select-item span {
	display: inline-block !important;
	max-width: 535px !important;
	display: -webkit-box;
	m_xzl -webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all
}

.search-button[data-v-19901634] {
	right: 2px;
	top: -1px;
	width: 140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #ffbe5e;
	border-radius: 4px;
	font-size: 20px;
	cursor: pointer
}

.map[data-v-19901634],
.search-button[data-v-19901634] {
	position: absolute;
	font-weight: 700;
	z-index: 99;
}

.map[data-v-19901634] {
	right: 160px;
	top: 15px;
	line-height: 20px;
	font-size: 22px;
	color: #ffbe5e
}

.map .icon[data-v-19901634] {
	margin-right: 8px;
	margin-top: -4px
}

.recommend-house[data-v-19901634] {
	margin: 20px 0 0 20px
}

.search-history-section[data-v-19901634] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
	color: #9399a5
}

.line-clamp1[data-v-300ca412] {
	-webkit-line-clamp: 1
}

.line-clamp1[data-v-300ca412],
.line-clamp2[data-v-300ca412] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.line-clamp2[data-v-300ca412] {
	-webkit-line-clamp: 2
}

.header-container[data-v-300ca412] {
	position: relative;
	height: 440px
}

.header-container[data-v-300ca412] img {
	width: 100%;
	height: 100%;
}

.banner-container[data-v-300ca412] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 440px;
	z-index: 1
}

.banner-container[data-v-300ca412] .loading-status {
	background: none
}

.header-content[data-v-300ca412] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	color: #fff
}

.banner[data-v-300ca412] {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.source-number[data-v-300ca412] {
	font-weight: 700;
	margin: 0 5px
}

.slogan[data-v-300ca412] {
	font-size: 66px;
	font-weight: 700;
	margin: 20px 0 40px
}

.footer[data-v-300ca412] {
	font-weight: 400;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.news-container[data-v-300ca412] {
	flex: 1;
	height: 28px;
	overflow: hidden;
	margin-left: 10px
}

.news-container .swiper-wrapper[data-v-300ca412] {
	flex-direction: column
}

.news-container .swiper-slide[data-v-300ca412] {
	height: 28px;
	text-align: left;
	color: #fff;
	font-weight: 400
}

.default-banner[data-v-300ca412] {
	background: url(../img/6f9a50a.jpg) top no-repeat fixed #fff;
	background-size: 1920px
}

.line-clamp1[data-v-ba3c760a] {
	-webkit-line-clamp: 1
}

.line-clamp1[data-v-ba3c760a],
.line-clamp2[data-v-ba3c760a] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.line-clamp2[data-v-ba3c760a] {
	-webkit-line-clamp: 2
}

.slogan-container[data-v-ba3c760a] {
	margin-top: 75px
}

.slogan-container .slogan-item[data-v-ba3c760a],
.slogan-container .slogan-list[data-v-ba3c760a] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between
}

.slogan-container .slogan-item[data-v-ba3c760a] {
	align-items: center;
	padding: 0 14px;
	width: 272px;
	height: 116px;
	font-size: 20px;
	font-weight: 700;
	color: #ffbe5e;
	border-radius: 2px;
	box-shadow: 0 2px 12px 0 #9dbfd6
}

.line-clamp1[data-v-36f4a927] {
	-webkit-line-clamp: 1
}

.line-clamp1[data-v-36f4a927],
.line-clamp2[data-v-36f4a927] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.line-clamp2[data-v-36f4a927] {
	-webkit-line-clamp: 2
}

.title-container[data-v-36f4a927] {
	position: relative;
	margin: 50px 0 30px
}

.title-container .theme[data-v-36f4a927] {
	font-size: 34px;
	font-weight: 700;
	color: #262626;
	margin-right: 15px;
	vertical-align: bottom
}

.title-container .subtitle[data-v-36f4a927] {
	font-size: 20px;
	color: #979da8;
	vertical-align: bottom
}

.title-container .link[data-v-36f4a927] {
	position: absolute;
	right: 0;
	bottom: 8px;
	font-size: 15px;
	color: #979da8
}

.title-container .link i[data-v-36f4a927] {
	font-size: 12px !important;
	vertical-align: 1px;
}

.line-clamp1[data-v-97a73548] {
	-webkit-line-clamp: 1
}

.line-clamp1[data-v-97a73548],
.line-clamp2[data-v-97a73548] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.line-clamp2[data-v-97a73548] {
	-webkit-line-clamp: 2
}

.knowledge[data-v-97a73548] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.industry[data-v-97a73548],
.question[data-v-97a73548] {
	flex: 1
}

.industry[data-v-97a73548] {
	padding-right: 10px
}

.industry .industry-item[data-v-97a73548] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.industry .industry-item:hover .title[data-v-97a73548] {
	color: #ffbe5e
}

.industry .photo[data-v-97a73548] {
	min-width: 200px;
	max-width: 200px;
	height: 138px;
	margin-right: 20px
}

.industry .desc[data-v-97a73548] {
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.industry .desc .title[data-v-97a73548] {
	color: #262626;
	font-size: 20px;
	font-weight: 700
}

.industry .desc .summary[data-v-97a73548],
.industry .desc .title[data-v-97a73548] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.industry .desc .summary[data-v-97a73548] {
	color: #848d98;
	font-weight: 400;
	margin-top: 10px
}

.industry .info[data-v-97a73548] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	color: #848d98;
	font-size: 12px
}

.industry .info .time[data-v-97a73548] {
	line-height: 30px
}

.industry .industry-item+.industry-item[data-v-97a73548] {
	margin-top: 20px
}

.question[data-v-97a73548] {
	padding-left: 10px
}

.question .question-item[data-v-97a73548] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.question .question-item:hover .title[data-v-97a73548] {
	color: #ffbe5e
}

.question .question-item .title[data-v-97a73548] {
	flex: 1;
	max-width: 390px;
	color: #262626;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	margin-left: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all
}

.question .question-item .date[data-v-97a73548] {
	font-size: 12px;
	color: #848d98
}

.question .info[data-v-97a73548] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 32px
}

.question .line[data-v-97a73548] {
	height: 1px;
	background: #f5f6fa;
	margin: 13px 0
}

.question .house[data-v-97a73548] {
	color: #ffbe5e
}

.question .tag-box[data-v-97a73548] {
	margin-left: 20px
}

.tag-box[data-v-97a73548] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
	margin-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.tag-box .tag[data-v-97a73548] {
	display: inline-block;
	color: #6a8ea7;
	padding: 6px 7px;
	background: #edf3fc;
	border-radius: 2px;
	cursor: pointer
}

.tag-box .tag+.tag[data-v-97a73548] {
	margin-left: 8px
}

.line-clamp1[data-v-da33247a] {
	-webkit-line-clamp: 1
}

.line-clamp1[data-v-da33247a],
.line-clamp2[data-v-da33247a] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.line-clamp2[data-v-da33247a] {
	-webkit-line-clamp: 2
}

.hot-business-list[data-v-da33247a] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: -16px;
	height: 277px
}

.hot-business-list .hot-business-item[data-v-da33247a] {
	position: relative;
	flex: 0 0 210px
}

.desc[data-v-da33247a] {
	position: absolute;
	top: 169px;
	left: 20px;
	width: 230px;
	height: 92px;
	text-align: center;
	overflow: hidden;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 26px 0 rgba(157, 191, 214, .36)
}

.desc-box[data-v-da33247a] {
	width: 200%;
	height: 100%;
	margin-left: -100%;
	transition: transform .5s
}

.desc-box .desc-arrow[data-v-da33247a] {
	width: 50%;
	float: left;
	height: 100%;
	line-height: 92px
}

.desc-box .desc-cont[data-v-da33247a] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 50%;
	float: left;
	cursor: default
}

.desc:hover .desc-box[data-v-da33247a] {
	transform: translateX(50%)
}

.area-name[data-v-da33247a] {
	font-size: 22px;
	font-weight: 700;
	color: #262626;
	margin-bottom: 10px
}

.area-desc[data-v-da33247a] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 14px;
	color: #979da8;
	padding: 0 16px
}

.loading-status[data-v-da33247a] {
	height: auto
}

.line-clamp1[data-v-19ebe4fe] {
	-webkit-line-clamp: 1
}

.line-clamp1[data-v-19ebe4fe],
.line-clamp2[data-v-19ebe4fe] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.line-clamp2[data-v-19ebe4fe] {
	-webkit-line-clamp: 2
}

.hot-gardens-list[data-v-19ebe4fe] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.hot-gardens-list .hot-gardens-item[data-v-19ebe4fe] {
	position: relative;
	flex: 0 0 210px;
	margin-bottom: 15px;
	margin-right: 23px;
}

.hot-gardens-list .hot-gardens-item[data-v-19ebe4fe]:nth-child(4) {
	margin-right: 0;
}

.hot-gardens-list .hot-gardens-item[data-v-19ebe4fe]:nth-child(8) {
	margin-right: 0;
}

.tag[data-v-19ebe4fe] {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 12px;
	color: #333;
	padding: 7px 15px;
	border-radius: 13px;
	background-color: hsla(0, 0%, 100%, .9)
}

.desc-box[data-v-19ebe4fe] {
	text-align: left;
	padding-top: 20px;
	background-color: #fff
}

.gardens-name[data-v-19ebe4fe] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 18px;
	font-weight: 700;
	color: #262626
}

.gardens-desc[data-v-19ebe4fe] {
	font-size: 14px;
	color: #979da8;
	line-height: 1.5;
	margin: 8px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.gardens-price[data-v-19ebe4fe] {
	font-size: 12px;
	color: #3f454b
}

.price[data-v-19ebe4fe] {
	font-size: 22px;
	color: #fe615a
		/* font-weight: 700 */
}

.loading-status[data-v-19ebe4fe] {
	height: auto
}

.line-clamp1[data-v-9db2885c] {
	-webkit-line-clamp: 1
}

.line-clamp1[data-v-9db2885c],
.line-clamp2[data-v-9db2885c] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.line-clamp2[data-v-9db2885c] {
	-webkit-line-clamp: 2
}

.brand-list[data-v-9db2885c] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	height: 100px;
	width: 100%;
	background: url(../img/a83a706.png) repeat-y;
	margin-bottom: 24px;
	vertical-align: middle;
	cursor: pointer
}

.brand-list dd[data-v-9db2885c],
.brand-list dt[data-v-9db2885c] {
	display: inline-block;
	margin-left: 25px
}

.brand-list dt[data-v-9db2885c] {
	width: 50px;
	font-size: 24px;
	line-height: 1.2
}

.brand-list img[data-v-9db2885c] {
	max-width: 180px;
	max-height: 70px;
	-o-object-fit: cover;
	object-fit: cover
}

.brand-list .brand[data-v-9db2885c] {
	display: inline-block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: -o-linear-gradient(327deg, #0fb4ff, #ffbe5e);
	background: linear-gradient(123deg, #0fb4ff, #ffbe5e);
	border-radius: 20px;
	font-weight: 700
}

.share-office-list[data-v-9db2885c] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.share-office-list .share-office-item+.share-office-item[data-v-9db2885c] {
	margin-left: 23px
}

.share-office-list .share-office-item[data-v-9db2885c] {
	position: relative
}

.desc-box[data-v-9db2885c] {
	text-align: left;
	padding-top: 20px;
	background-color: #fff
}

.share-name[data-v-9db2885c] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 18px;
	font-weight: 700;
	color: #262626
}

.share-desc[data-v-9db2885c] {
	font-size: 14px;
	color: #979da8;
	line-height: 1.5;
	margin: 8px 0
}

.share-price[data-v-9db2885c] {
	font-size: 12px;
	color: #fe615a
}

.price[data-v-9db2885c] {
	font-size: 22px;
	font-weight: 700
}

.loading-status[data-v-9db2885c] {
	height: auto
}

.logo-box[data-v-9db2885c] {
	display: inline-block;
	width: 170px;
	height: 75px;
	line-height: 75px;
	background: #fff;
	text-align: center
}

.logo-box .logo[data-v-9db2885c] {
	height: 50px;
	vertical-align: middle
}

.line-clamp1[data-v-ddfab070] {
	-webkit-line-clamp: 1
}

.line-clamp1[data-v-ddfab070],
.line-clamp2[data-v-ddfab070] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.line-clamp2[data-v-ddfab070] {
	-webkit-line-clamp: 2
}

.content[data-v-ddfab070] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.recommend-item[data-v-ddfab070] {
	position: relative;
	overflow: hidden
}

.recommend-item:hover .cover[data-v-ddfab070] {
	transform: translateY(210px)
}

.recommend-item+.recommend-item[data-v-ddfab070] {
	margin-left: 25px
}

.photo[data-v-ddfab070] {
	width: 270px;
	height: 210px;
	border-radius: 2px
}

.title[data-v-ddfab070] {
	font-size: 18px;
	color: #262626;
	font-weight: 700;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	margin-top: 18px
}

.desc[data-v-ddfab070] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 10px
}

.desc .price[data-v-ddfab070] {
	color: #fe615a;
	font-size: 12px
}

.desc .price span[data-v-ddfab070] {
	font-size: 22px;
	font-weight: 700
}

.desc .location[data-v-ddfab070] {
	color: #979da8
}

.cover[data-v-ddfab070] {
	position: absolute;
	left: 0;
	top: -210px;
	width: 270px;
	height: 210px;
	padding: 30px;
	background: rgba(0, 0, 0, .5);
	border-radius: 2px;
	color: #fff;
	transition-duration: .3s
}

.cover .comment[data-v-ddfab070] {
	height: 65px;
	font-weight: 500;
	line-height: 1.5;
	margin: 10px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all
}

.line-clamp1[data-v-e3133b2a] {
	-webkit-line-clamp: 1
}

.line-clamp1[data-v-e3133b2a],
.line-clamp2[data-v-e3133b2a] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.line-clamp2[data-v-e3133b2a] {
	-webkit-line-clamp: 2
}

.propaganda-container[data-v-e3133b2a] {
	margin-top: 50px
}

.propaganda-container[data-v-e3133b2a],
.propaganda[data-v-e3133b2a] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.propaganda[data-v-e3133b2a] {
	width: 272px;
	height: 115px;
	background: #fff;
	box-shadow: 0 2px 12px 0 rgba(157, 191, 214, .18);
	border-radius: 2px;
	justify-content: space-between;
	padding: 0 14px 0 18px
}

.propaganda .title[data-v-e3133b2a] {
	color: #ffbe5e;
	font-size: 20px;
	font-weight: 700;
	margin-top: 47px;
	white-space: nowrap;
	transition: all .2s linear;
	line-height: 1.1
}

.propaganda .title.multiple[data-v-e3133b2a] {
	margin-top: 36px
}

.propaganda .desc[data-v-e3133b2a] {
	display: none;
	line-height: 1.4;
	transition: all .2s linear;
	color: #979da8;
	font-size: 14px;
	word-break: break-all
}

.propaganda:hover .desc[data-v-e3133b2a] {
	display: block
}

.propaganda:hover .title[data-v-e3133b2a] {
	margin-top: 20px;
	margin-bottom: 8px
}

.propaganda:hover .title.multiple[data-v-e3133b2a],
.propaganda:hover .title[data-v-e3133b2a]:first-child {
	margin-top: 12px
}

.propaganda+.propaganda[data-v-e3133b2a] {
	margin-left: 20px
}

.image[data-v-e3133b2a] {
	height: 65px;
	margin-top: 26px
}

.line-clamp1[data-v-1c379710] {
	-webkit-line-clamp: 1
}

.line-clamp1[data-v-1c379710],
.line-clamp2[data-v-1c379710] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.line-clamp2[data-v-1c379710] {
	-webkit-line-clamp: 2
}

.menu-bar[data-v-1c379710] {
	position: fixed;
	bottom: 200px;
	right: 30px;
	width: 44px;
	line-height: 1.5;
	z-index: 999;
	background: #fff;
	border: 1px solid #f4f4f4;
	box-shadow: 1px 2px 10px 0 hsla(0, 0%, 60.4%, .24);
	font-size: 12px;
	border-radius: 4px
}

.menu-bar li[data-v-1c379710] {
	position: relative
}

.menu-bar .info[data-v-1c379710] {
	display: block;
	padding: 0 5px;
	height: 40px;
	line-height: 40px;
	margin: 10px 0;
	cursor: pointer;
	text-align: center;
	background-color: #fff;
	transition: background-color .5s
}

.menu-bar .info .iconfont-sbwl[data-v-1c379710] {
	display: block
}

.menu-bar li .info span[data-v-1c379710] {
	display: none;
	font-size: 14px;
	line-height: 18px
}

.menu-bar li .info .iconfont-sbwl[data-v-1c379710] {
	display: inline-block;
	font-size: 20px
}

.menu-bar li:hover .info span[data-v-1c379710] {
	display: inline-block
}

.menu-bar li:hover .info .iconfont-sbwl[data-v-1c379710] {
	display: none
}

.menu-bar .menu-content[data-v-1c379710] {
	width: 0;
	height: 0;
	padding: 10px 12px;
	box-sizing: border-box;
	position: absolute;
	right: 80px;
	top: -4px;
	background: #fff;
	color: #333;
	border: 1px solid #f4f4f4;
	box-shadow: 0 2px 3px 0 hsla(0, 0%, 88.6%, .24);
	border-radius: 4px;
	white-space: nowrap;
	opacity: 0;
	transition: opacity, right .2s;
	overflow: hidden;
	text-align: center;
	font-size: 14px
}

.menu-bar li:hover .menu-content[data-v-1c379710] {
	width: auto;
	height: auto;
	opacity: 1;
	right: 48px;
	overflow: visible
}

.menu-bar .menu-content.wechat[data-v-1c379710] {
	bottom: 0;
	top: auto;
	padding: 10px;
	border: 1px solid #f4f4f4;
	box-shadow: 1px 2px 4px 0 hsla(0, 0%, 88.6%, .44);
	border-radius: 4px;
	background-color: #fff;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.menu-bar .menu-content.wechat>div+div[data-v-1c379710] {
	margin-left: 10px
}

.menu-bar .menu-content.wechat img[data-v-1c379710] {
	width: 90px;
	height: 90px
}

.menu-bar li:hover .menu-content.wechat[data-v-1c379710] {
	color: #333
}

.menu-bar .menu-content .line[data-v-1c379710] {
	width: 82px;
	height: 1px;
	margin: 15px 0;
	background-color: #f2f2f2
}

.menu-bar .menu-content .tel[data-v-1c379710] {
	text-align: left
}

.phone[data-v-1c379710] {
	font-size: 14px;
	font-weight: 700
}

.menu-bar .menu-content.contact[data-v-1c379710] {
	top: auto;
	bottom: 0
}

.menu-bar .menu-content.contact img[data-v-1c379710] {
	width: 90px;
	height: 90px
}

.line-clamp1[data-v-286bc3fa] {
	-webkit-line-clamp: 1
}

.line-clamp1[data-v-286bc3fa],
.line-clamp2[data-v-286bc3fa] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.line-clamp2[data-v-286bc3fa] {
	-webkit-line-clamp: 2
}

.entrust-bar-container[data-v-286bc3fa] {
	position: relative;
	height: 150px;
	width: 100%;
	background: url(../img/49f3be9.png) repeat-y;
	margin-top: 75px;
	margin-bottom: -80px
}

.entrust-bar-container .content[data-v-286bc3fa] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 150px;
	margin: 0 auto
}

.title-box[data-v-286bc3fa] {
	color: #fff;
	margin-right: 111px
}

.title-box .title[data-v-286bc3fa] {
	font-size: 40px;
	font-weight: bolder;
	margin-bottom: 12px
}

.title-box .subTitle[data-v-286bc3fa] {
	font-size: 20px
}

.entrust-link[data-v-286bc3fa] {
	width: 248px;
	height: 62px;
	line-height: 62px;
	background-color: #fff;
	border-radius: 4px;
	font-size: 18px;
	text-align: center
}

.close-btn[data-v-286bc3fa] {
	position: absolute;
	top: 10px;
	right: 30px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .3);
	cursor: pointer
}

.fixed-bar[data-v-286bc3fa] {
	position: fixed;
	bottom: 80px;
	left: 0
}

.line-clamp1[data-v-7a3ea0d2] {
	-webkit-line-clamp: 1
}

.line-clamp1[data-v-7a3ea0d2],
.line-clamp2[data-v-7a3ea0d2] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4
}

.line-clamp2[data-v-7a3ea0d2] {
	-webkit-line-clamp: 2
}

.hide[data-v-7a3ea0d2] {
	visibility: hidden
}

.home-container .content[data-v-7a3ea0d2] {
	margin: 20px auto 0;
}

.adsorbent[data-v-7a3ea0d2] {
	position: absolute !important;
	top: 2780px !important;
	z-index: 1 !important
}

.searchBox {
	background: #fff;
	border-radius: 4px;
	border: 2px #f2f2f2 solid;
	position: relative;
	margin-top: -50px;
	z-index: 2;
	padding: 35px 38px;
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
}

.searchCon {
	display: inline-block;
	width: 700px;
}

.searchBox h1 {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	padding-bottom: 18px;
	color: #333;
}

.search-box {
	position: relative;
	z-index: 12;
}

.inp-search {
	width: 100%;
	font-size: 0;
	margin: 0 auto;
	position: relative;
	vertical-align: top;
}

.txt_search {
	position: relative;
	display: inline-block;
	z-index: 3;
}

.txt_search em.em1 {
	width: 19px;
	height: 19px;
	background-position: -396px -26px;
	position: absolute;
	left: 9px;
	top: 8px;
}

.searchBox .icon {
	display: inline-block;
	vertical-align: top;
	background: url(../images/icon_v4.png) no-repeat;
	font-size: 0;
}

.inp-search-area {
	height: 54px;
	padding: 0;
	background-color: #fff;
}

.txt_search input {
	width: 260px;
	height: 38px;
	border: 1px solid #f3f3f3;
	border-right: 0;
	padding: 0 10px;
	line-height: 38px;
	font-size: 14px;
	background: #fff;
	font-family: 'Microsoft YaHei';
	border-radius: 4px 0 0 4px;
}

.inp-search-area input {
	width: 460px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	padding: 11px 15px 11px 14px;
	outline: 0;
	border-top: 1px #e6e6e6 solid;
	border-bottom: 1px #e6e6e6 solid;
	border-left: 1px #e6e6e6 solid;
	border-right: 0;
	font-family: Arial, 'Microsoft YaHei', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', STHeiti, SimHei, sans-serif;
}

.txt_search input {
	height: 36px;
	line-height: 36px;
	padding: 0 10px 0 36px;
	width: 415px;
}

.search-box .s1 {
	display: inline-block;
	border-radius: 0 4px 4px 0;
	height: 40px;
	width: 48px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	background: #ffbe5e;
	cursor: pointer;
	vertical-align: top;
}

.search-box .s1 {
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	width: 106px;
}

.seltion-cont {
	font-size: 0;
	/* padding-top: 20px; */
}

.categoryBox {
	/* height: 34px; */
	line-height: 34px;
}

.categoryBox.pb4 {
	padding-bottom: 4px;
}

.categoryBox.initial {
	height: initial;
}

.categoryBox dt {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	padding-right: 18px;
}

.categoryBox dd {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	max-width: 650px;
}

.index-filter {
	position: relative;
	padding-top: 12px;
	line-height: initial;
}

.index-filter .a2 {
	display: inline-block;
	cursor: pointer;
	font-size: 0;
	width: 66px;
	height: 10px;
	background-color: #f2f2f2;
	margin-right: 1px;
}

.entrustServing {
	display: inline-block;
	width: 340px;
}

.searchBox h1 {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	padding-bottom: 18px;
	color: #333;
}

.phoneBox {
	font-size: 0;
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 2px;
	height: 34px;
}

.phoneBox .em2 {
	width: 12px;
	height: 20px;
	background-position: -425px -26px;
	position: absolute;
	left: 10px;
	top: 7px;
}

.phoneBox input {
	width: 220px;
	height: 34px;
	border: 0;
	border-right: 0;
	padding: 0 10px 0 30px;
	line-height: 34px;
	font-size: 14px;
	background: #fff;
	font-family: 'Microsoft YaHei';
	border-radius: 4px 0 0 4px;
	text-align: left;
	float: left;
	border: 1px #eeeeee solid;

}

.phoneBox .btn {
	display: inline-block;
	width: 78px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	background: #ffbe5e;
	border: 1px #ffbe5e solid;
	border-radius: 4px;
	cursor: pointer;
	float: right;
}

.searchBox h1 {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	padding-bottom: 18px;
	color: #333;
}

.searchBox h1.pb7 {
	padding-bottom: 7px;
	display: inline-block;
}

.entrustServing-tips {
	color: #333;
	display: inline-block;
}

.Special-newsList li a,
.Special-newsTop .imgCon h2 a,
.categoryBox dd .a1,
.likeAbout h2 a,
.searchBox h1 a {
	color: #333;
}

.categoryBox dd .a1 {
	display: inline-block;
	margin-right: 18px;
	font-size: 14px;
	position: relative;
}

.index-filter i.i1 {
	left: -3px;
}

.index-filter i {
	position: absolute;
	top: 26px;
	font-size: 12px;
	color: #979fa8;
	display: inline-block;
	line-height: 16px;
	font-style: initial;
}

.index-filter i.i2 {
	left: 48px;
}

.index-filter i.i3 {
	left: 117px;
}

.index-filter i.i4 {
	left: 185px;
}

.index-filter i.i5 {
	left: 248px;
}

.index-filter i.i6 {
	left: 325px;
}

.index-filter i.i7 {
	left: 390px;
	font-size: 20px;
}

.index-filter i.i8 {
	left: 460px;
	font-size: 20px;
}

.index-filter .a2:hover {
	background-color: #ffbe5e;
}

.hot__bk__con {
	padding: 28px;
	height: 356px;
	background: #fff;
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.home__vdo__wrap {
	width: 536px;
	height: 300px;
}

.home__vdo__wrap a img {
	width: 100%;
	height: 100%;
}

.left {
	float: left;
}

.home__wrapper a {
	color: inherit;
}

.bk__con-right {
	margin-left: 556px;
}

.baike-tabs-group .item-con {
	height: 300px;
}

.home__wrapper a {
	color: inherit;
}

.bk__con-right .bk__item a>div {
	display: inline-block;
}

.bk__con-right .bk__item__img {
	position: relative;
	width: 113px;
	height: 85px;
	border-radius: 6px;
}

.bk__item:first-child .bk__item__tag {
	background: #b10900;
}

.bk__item__tag {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 2px 0 5px 0;
	font-size: 16px;
	font-family: DINAlternate-Bold, DINAlternate;
	font-weight: 550;
	color: #fff;
	line-height: 20px;
	text-align: center;
}

.bk__con-right .bk__item a>div {
	display: inline-block;
}

.bk__item__info {
	width: 408px;
	cursor: pointer;
}

.right {
	float: right;
}

.bk__item__info .title {
	margin-bottom: 14px;
	font-size: 16px;
	font-weight: 500;
	color: #333;
	line-height: 24px;
	overflow: hidden;
}

.bk__item__info .time {
	font-size: 14px;
	font-weight: 400;
	color: #999;
	line-height: 20px;
}

.bk__item:nth-child(2) {
	margin: 20px 0;
}

.bk__item:nth-child(2) .bk__item__tag {
	background: #ff6638;
}

.bk__item:last-child .bk__item__tag {
	background: #ffba52;
}

.search {
	width: 570px;
	height: 87px;
	position: relative;
}

.search-tr {
	float: left;
	height: 35px;
	margin-left: 10px;
}

.search-tr a {
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	padding: 0 20px 0 0;
	height: 35px;
	line-height: 32px;
	display: inline-block;
	cursor: pointer;
	opacity: .6;
}

.search .search-inp {
	width: 550px;
	padding-left: 20px;
	border: 0;
	height: 55px;
	line-height: 55px;
	border-radius: 4px;
	font-size: 16px;
	color: #757575;
	outline: none;
}

.search-but {
	background-color: #ffbe5e;
	border-radius: 4px;
	font-size: 20px;
	cursor: pointer;
	width: 140px;
	height: 50px;
	border: 0;
	display: block;
	border-radius: 0 2px 2px 0;
	position: absolute;
	top: 3px;
	right: 23px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.search-tr .hover {
	opacity: 1;
	background: url(../images/search.png);
	border-radius: 6px 6px 0 0;
	background-position-y: 22px;
	background-position-x: 25px;
	background-repeat: no-repeat;
}

.search-tt {
	display: none;
	position: relative;
}

.Special-news {
	display: inline-block;
	width: 580px;
}

.Special-newsTop .imgBox {
	display: inline-block;
	width: 200px;
	height: 136px;
	overflow: hidden;
	border-radius: 4px;
}

.Special-imgBox li img,
.Special-newsTop img,
.businessBox li img,
.likeImg img,
.offerBox-img img,
.shareBox-img img,
.zixun-left img,
.zixun-pic img {
	border-radius: 4px;
	transform: scale(1);
	-webkit-transform: scale(1);
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	border-radius: 4px;
}

.Special-newsTop img {
	display: inline-block;
	width: 200px;
	height: 136px;
}

.Special-newsTop .imgCon {
	display: inline-block;
	width: 380px;
	padding: 0 15px 0 20px;
	font-size: 0;
}

.Special-newsTop .imgCon h2 {
	display: inline-block;
	width: 325px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	margin-top: -2px;
}

.Special-newsList li a,
.Special-newsTop .imgCon h2 a,
.categoryBox dd .a1,
.likeAbout h2 a,
.searchBox h1 a {
	color: #333;
}

.Special-newsTop .imgCon p {
	color: #979fa8;
	font-size: 12px;
	line-height: 22px;
	padding-top: 12px;
}

.Special-newsList {
	padding-top: 9px;
	font-size: 0;
}

.Special-newsList li {
	display: block;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.Special-newsList li a {
	display: block;
	max-width: 530px;
	height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333;
	float: left;
}

.Special-newsList li i {
	display: inline-block;
	color: #979fa8;
	float: right;
	font-size: 12px;
	font-style: inherit;
}

.Special-imgBox li {
	display: inline-block;
	width: 287px;
	margin-left: 20px;
	height: 200px;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}

.Special-imgBox li img,
.Special-newsTop img,
.businessBox li img,
.likeImg img,
.offerBox-img img,
.shareBox-img img,
.zixun-left img,
.zixun-pic img {
	border-radius: 4px;
	transform: scale(1);
	-webkit-transform: scale(1);
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	border-radius: 4px;
}

.Special-imgBox li img {
	display: block;
	width: 287px;
	height: 200px;
}

.Special-imgBox .p1 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 10px;
	height: 36px;
	line-height: 36px;
	background: rgba(0, 0, 0, .3);
	font-size: 14px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
}

.zixun-pic {
	margin: 0 0 0 20px;
	position: relative;
	display: inline-block;
	width: 386px;
	height: 182px;
	overflow: hidden;
	border-radius: 4px;
}

.zixun-pic:first-child {
	margin-left: 0;
}

.Special-imgBox li img,
.Special-newsTop img,
.businessBox li img,
.likeImg img,
.offerBox-img img,
.shareBox-img img,
.zixun-left img,
.zixun-pic img {
	border-radius: 4px;
	transform: scale(1);
	-webkit-transform: scale(1);
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	border-radius: 4px;
	object-fit: cover;
}

.zixun-pic-t {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px;
	width: 100%;
	font-size: 14px;
	color: #fff;
	background-color: rgba(0, 0, 0, .5);
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.zixun-news {
	width: 380px;
	padding-top: 14px;
	margin-left: 20px;
}

.zixun-news:first-child {
	margin-right: 0;
}

.zixun-h1 {
	height: 30px;
	line-height: 30px;
	padding-bottom: 5px;
	font-weight: 400;
}

.zixun-h1 span {
	display: inline-block;
	font-size: 16px;
}

.zixun-h1 a {
	float: right;
	color: #979fa8;
	font-size: 12px;
}

.zixun-list li {
	height: 28px;
	line-height: 28px;
	font-size: 12px;
}

.zixun-list a {
	display: block;
	width: 330px;
	height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333;
	float: left;
}

.zixun-list span {
	float: right;
	text-align: right;
	width: 50px;
	color: #979fa8;
}

.home_benner {
	width: 100%;
	height: 400px;
}

.home_benner img {
	width: 100%;
	height: 100%;
	display: block;
}

.section {
	background: var(--bg-card);
	border-radius: var(--radius-md);
	margin-bottom: 20px;
	box-shadow: var(--shadow-sm);
}

.section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	border-bottom: 1px solid var(--border-light);
}

.section-title {
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	color: var(--primary);
	padding-left: 10px;
	position: relative;
}

.section-title::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 4px;
	height: 18px;
	background: var(--primary);
	border-radius: 2px;
}

.section-title .en {
	font-size: 11px;
	color: var(--text-tertiary);
	font-weight: normal;
	letter-spacing: 1px;
	margin-left: 4px;
}

.section-more {
	font-size: 13px;
	color: var(--text-tertiary);
}

.section-more:hover {
	color: var(--primary);
}

.section-body {
	padding: 16px 20px;
}

.house-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.fws_item {
	width: 278px;
	height: 180px;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}

.fws_item img {
	width: 100%;
	height: 100%;
}

.fws_tit {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 10px;
	height: 36px;
	line-height: 36px;
	background: rgba(0, 0, 0, .5);
	font-size: 14px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
}

.house-card {
	background: #fff;
	border: 1px solid var(--border-light);
	border-radius: var(--radius-md);
	overflow: hidden;
	transition: all .25s;
	cursor: pointer;
}

.house-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow-md);
	border-color: var(--primary);
}

.house-cover {
	width: 100%;
	height: 205px;
	position: relative;
}

.dz_address {
	position: absolute;
	left: 12px;
	bottom: 12px;
	color: #ffffff;
	opacity: 1;
	font-size: 14px;
}

.dz_address span {
	margin-right: 4px;
	font-size: 13px;
}

.house-cover img {
	width: 100%;
	height: 100%;
}

.house-cover-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	background: var(--primary);
	color: #fff;
	padding: 2px 8px;
	font-size: 11px;
	border-radius: 3px;
}

.house-cover-tag {
	position: absolute;
	top: 8px;
	right: 8px;
	background: var(--secondary-orange);
	color: #fff;
	padding: 2px 8px;
	font-size: 11px;
	border-radius: 3px;
}

.house-body {
	padding: 10px 12px 12px;
}

.house-title {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--text-primary);
	margin-bottom: 8px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.house-card:hover .house-title {
	color: var(--primary);
}

.house-meta {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	color: var(--text-tertiary);
	margin-bottom: 8px;
}

.house-area {
	background: var(--primary-lighter);
	color: var(--primary);
	padding: 1px 6px;
	border-radius: 3px;
	font-size: 11px;
}

.house-features {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.house-feature {
	background: var(--bg-main);
	color: var(--text-secondary);
	padding: 5px 7px;
	border-radius: 3px;
	margin-right: 5px;
	font-size: 13px;
	margin-bottom: 2px;
}
.house-feature:last-child{
	margin-right: 0;
}
.house-price-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding-top: 8px;
	border-top: 1px dashed var(--border-light);
}

.house-price {
	color: var(--secondary-orange);
	font-size: 18px;
	font-weight: bold;
	font-family: "DIN Alternate", Arial, sans-serif;
}

.house-price .unit {
	font-size: 14px;
	font-weight: normal;
	color: var(--text-tertiary);
	margin-left: 2px;
}

.house-type {
	background: var(--accent-gold-light);
	color: var(--secondary-orange-dark);
	padding: 1px 8px;
	border-radius: 3px;
	font-size: 11px;
}

.encyclopedia-grid {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	background: #fff;
}

.encyclopedia-col {
	width: 25%;
	padding: 16px 18px;
	border-right: 1px solid var(--border-light);
	border-bottom: 1px solid var(--border-light);
}

.encyclopedia-col:nth-child(4n) {
	border-right: none;
}

.encyclopedia-col:nth-child(n+5) {
	background: #fafafa;
}

.encyclopedia-col h3 {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 15px;
	font-weight: 600;
	color: var(--primary);
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--primary-lighter);
}

.encyclopedia-col h3 .icon {
	width: 18px;
	height: 18px;
	background: var(--primary);
	color: var(--accent-gold);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	margin-right: 5px;
}

.encyclopedia-col ul li {
	font-size: 13px;
	color: var(--text-secondary);
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	padding-left: 12px;
	position: relative;
}

.encyclopedia-col ul li::before {
	content: "·";
	position: absolute;
	left: 2px;
	color: var(--primary);
	font-weight: bold;
}

.encyclopedia-col ul li:hover {
	color: var(--primary);
}
.encyclopedia-col ul li a{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}