* {margin: 0;padding: 0;}
body,
html {font-size: 14px;color: #333;overflow-y: hidden;height: 100%;}
[v-cloak] {display: none;}
ul,
li {list-style: none;}
.text-center {text-align: center;}
.c-left {float: left;}

.commonhead{}
.commonhead .header{background: #fff;width:1400px;}
.commonhead .headerWrapper .logo_style{padding-left:35px;}
.commonhead .headerWrapper .search_box{margin-top:30px;}

.ditu-filter{float: left;margin-left:80px;margin-top:30px;}
.ditu-filter .filter-item{width:144px;}
.ditu-filter .filter-item.area,.ditu-filter .filter-item.type{margin-right:20px;}
.ditu-filter .filter-item .options{border:1px solid #eee;height:44px;line-height: 42px;font-size:16px;}
.ditu-filter .filter-item .options .option-list{top:42px;}
.ditu-filter .filter-item.type .options .label{border-color:#f9bbbc;color:#f35257;}
.ditu-filter .filter-item.school .options .label{border-color:#f35257;background: #f35257;color:#fff;}
.ditu-filter .filter-item.school .options .label:after{border-top-color: #fff}

#house-map {position: absolute;width: 100%;/* height: 100%; */top: 100px;bottom: 0;background: #f6f6f6;}

/* 左侧导航栏 */
.nav-list {position: absolute;top: 0;bottom: 0;width: 70px;left: 0;background-color: #555;}
.nav-list .nav {text-align: center;padding: 10px 10px;color: #fff;cursor: pointer;}
.nav-list .nav .icon {display: inline-block;width: 30px;height: 30px;}
.nav-list .nav img {width: 100%;}
.nav-list .nav:hover {background-color: #777;}
.nav-list .nav.active {background-color: #777;}

/* 搜索结果列表 */
.info-list {background-color: #f7f7f7;position: absolute;left: 0;top: 0;bottom: 0;z-index: 20;}
.left-main{width:420px;height:100%;}
.btnOpenClose {right: -28px;top: 50%;margin-top: -32px;width: 28px;height: 64px;box-shadow: 2px 0 8px 0 rgba(0,0,0,.15);border-radius: 0 6px 6px 0;	position: absolute;background: #fff;}
.btnOpenClose>a{display: block;width: 100%;height: 100%;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAmklEQVQoU5WQoQ5CMQxF7/prW59HPokhmXkaTYJFYEgwBAXfsKb/xA9sI1vY8piCutPc3rbXiMgr5+ynaXoAwMilV8qIiAdwBrBj5tvIXfhx2QK4EtFirb2IyBdXxzYRQpiJ6A5g75w7jdyFZUBVNzHGpzHmwMzHNf8vVNU559xXj1wd2/EAFmbuzzSuz6iqTyn1eEZe5/hT4G+6k4Vjk4jMJgAAAABJRU5ErkJggg==) no-repeat 50%;cursor: pointer;}
.btnOpenClose>a.open {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAkklEQVQoU42QPQoCMRBGvyQX8E7D5AxaiY2wzRa2grW1zYKNpaV9JrnaZImQEIPFTveYx/x8BkOFEA7GmIWZd6VV2fSeiJwAPAHMzLz03MSU0qSqDwBnZn6N/BVjjBcAd1U9eu/fIxfHiMg153xzzu2J6DNyPW27uHl1HS0iE4D2zMh/47HWzkTU4in8I/YBj4GvjBd5h6wlbH0AAAAASUVORK5CYII=) no-repeat 50%;}

.info-header {padding: 10px;width: 100%;box-sizing: border-box;}
.search-box {font-size: 0;}
.search-box .inp-search {float: left;width: 78%;margin-right: 2%;height: 35px;padding: 5px;border: 0;outline: none;font-size: 15px;box-sizing: border-box;}
.search-box .btn {display: inline-block;width: 20%;height: 35px;padding:0;border-radius: 2px;line-height: 35px;background-color: #fe5356;font-size: 15px;color: #fff;cursor: pointer;}

.sort-wrap {font-size: 0;padding:13px 15px;height: 24px;line-height: 24px;}
.res-count {display: inline-block;font-size: 14px;color:#999999;}
.res-count em{color:#f35257;margin:0 5px;}
.sort-box{text-align: right;}
.sort-item {display: inline-block;font-size: 14px;text-align: center;cursor: pointer;position: relative;background: #eaeaea;color:#999999;padding:0 26px 0 10px;margin-left:8px;user-select:none;}
.sort-item.active {color: #fff;background: #f35257;}
.sort-item.ic:after {content: "";height: 8px;width: 8px;position: absolute;top: 0;bottom: 0;right: 10px;margin: auto;background-image:url('../../images/sort_ico.png');background-repeat:no-repeat;background-position: 0 -18px}
.sort-item.active.ic:after {background-position: 0 0}
.sort-item.active.active-up.ic:after {top:0;background-position: 0 -36px;}

.filtrate-box {margin: 10px 0;}
.filtrate-item {display: inline-block;width: 30%;}
.filtrate-item:nth-child(2) {margin: 0 5%;}

.res-list {position: absolute;width: 100%;top: 50px;bottom: 0;overflow-x: hidden;}
.res-list .list-item {padding: 15px;background-color: #fff;border-bottom: 1px solid #f7f7f7;cursor: pointer;}
.res-list .list-item:hover {background-color: #f9f9f9;}
.res-list .list-item::after {content: "";display: block;height: 1px;width: 1px;clear: both;}
.list-item .img-box {width: 160px;height: 115px;float: left;overflow: hidden;margin-right: 10px;}
.list-item .img-box img {width: 100%;height: 100%;object-fit: cover;}
.list-item.school_maps .img-box img {object-fit: contain;}
.list-item .info-box .title {white-space: nowrap;overflow: hidden;font-size: 18px;font-weight: inherit;line-height: 36px;}
.title .title-text {float: left;max-width: 180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-item .info-box .title.is_red {color: #fe5356;}
.list-item .info-box .title.is_bold {font-weight: bold;}
.list-item .info-box p {line-height: 26px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.info-box p .price {font-size: 18px;font-weight: bold;color: #fe5356;margin-left: 5px;}
.m-r-8 {margin-right: 8px;}

.tags {padding: 2px 8px;border-radius: 2px;background-color: #f3f3f3;color: #596c91;font-size: 13px;margin-right: 8px;}
.tags1 {padding: 2px 8px;border-radius: 2px;background-color: #3d9e52;color: #ffffff;font-size: 13px;margin-right: 8px;}
.tags2 {padding: 2px 8px;border-radius: 2px;background-color: #f91624;color: #ffffff;font-size: 13px;margin-right: 8px;}
.tags3 {padding: 2px 8px;border-radius: 2px;background-color: #ffa140;color: #ffffff;font-size: 13px;margin-right: 8px;}
.tags4 {padding: 2px 8px;border-radius: 2px;background-color: #648ef9;color: #ffffff;font-size: 13px;margin-right: 8px;}
.tags5 {padding: 2px 8px;border-radius: 2px;background-color: #BABABA;color: #ffffff;font-size: 13px;margin-right: 8px;}

.tags[type="red"] {background-color: #f91624;color: #fff;}
.tags[type="blue"] {background-color: #648ef9;color: #fff;}
.tags[type="green"] {background-color: #3d9e52;color: #fff;}

.map-box {position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;box-sizing: border-box;}
.map-box .map {width: 100%;height: 100%;}

.area-point {width: 80px;height: 80px;border-radius: 50%;text-align: center;line-height: 25px;background-color: #fe5356;color: #fff;position: absolute;cursor: pointer;}

.area-point:hover {background-color: #41a8f3;}
.area-point .area-name {font-size: 15px;}
.area-point .num {font-weight: bold;}
.house-point {height: 32px;/* width: 100px; */white-space: nowrap;text-align: center;line-height: 20px;border-radius: 4px;position: absolute;font-size:0;cursor: pointer;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.house-point span{font-size:14px;padding: 6px 8px;}
.house-point .name {display: inline-block;background-color: #6478a6;color: #fff;}
.house-point .leixing1 .name {background-color: #3d9e52;}
.house-point .leixing2 .name {background-color: #f91624;}
.house-point .leixing3 .name {background-color: #ffa140;}
.house-point .leixing4 .name {background-color: #648ef9;}
.house-point .leixing5 .name {background-color: #BABABA;}
.house-point:hover {z-index: 6;}
.house-point:hover .name {background-color: #f60;}

.house-point.active {z-index: 5;}
.house-point.active .name {background-color: #fe5356;}
.house-point .price {display: inline-block;background-color: #fff;color: #333;}
.house-point:hover .price {color: #f60;}
.house-point i {position: absolute;width: 0;height: 0;top: 32px;left: 20px;border-width: 8px;border-style: solid;border-color: #6478a6 transparent transparent transparent;}
.house-point .leixing1 i {border-color: #3d9e52 transparent transparent transparent;}
.house-point .leixing2 i {border-color: #f91624 transparent transparent transparent;}
.house-point .leixing3 i {border-color: #ffa140 transparent transparent transparent;}
.house-point .leixing4 i {border-color: #648ef9 transparent transparent transparent;}
.house-point .leixing5 i {border-color: #BABABA transparent transparent transparent;}
.house-point:hover i {border-color: #f60 transparent transparent transparent;}
.house-point.active i {border-color: #fe5356 transparent transparent transparent;}
.loadMore {padding: 10px;text-align: center;}

/* select选择框 */
.options {position: relative;height: 35px;box-sizing: border-box;line-height: 35px;background-color: #fff;cursor: pointer;}
.options .label {padding: 0 10px;position: relative;user-select: none;}
.options .label:after {content: "";height: 0;width: 0;position: absolute;top: 6px;bottom: 0;right: 10px;margin: auto;border-width: 6px;border-style: solid;border-color: #cccccc transparent transparent transparent;}
.options .option-list {position: absolute;z-index: 9;top: 35px;height: 0;overflow: hidden;/* margin-top: 5px; */min-width: 100%;max-width: 180%;box-sizing: border-box;background-color: #fff;box-shadow: 0 0 15px #dedede;transition: 0.2s;}
.options .option-list.show {height: auto;max-height: 300px;overflow: auto;overflow-x: hidden;}
.option-list li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;border-bottom: 1px solid #f7f7f7;cursor: pointer;}
.option-list li:hover {background-color: #f7f7f7;}
/* 找学校 */
.pink {background: #fff7f5;padding: 5px 10px;color: #fe6231;font-size: 13px;}
.sleixing .price {text-align: left;padding: 10px 10px 0px 2px;}
.sleixing .house-name .name{background: #6478a6;padding: 3px 9px;}
.sleixing .price .info {margin-bottom: 5px;color: #2d2d2d;}
.sleixing .price .info span {color: #949494;}
.sleixing i {position: absolute;width: 0;height: 0;top: 20px;left: 20px;border-width: 6px;border-style: solid;margin-left: 2px;border-color: #6478a6 transparent transparent transparent;}
.sleixing:hover i {border-color: #fe5356 transparent transparent transparent;}
.sleixing:hover .house-name .name {background: #fe5356;padding: 3px 9px;}

.sleixing .price .school_name {position: relative;padding-left: 5px;margin-bottom: 10px;}
.sleixing .price .school_name::after {content: "";width: 2px;height: 20px;position: absolute;top: 0;left: 0;background: #fe6231;}
.options_sel{border: 0;width: 100%;}
.school_list{top: 100px;}

/* 弹框 */
.xiaoqu_info{}
.shownews{width: 700px;margin: 0 auto;padding: 0 50px;}
.list_10 {width: 600px;margin: 0 0 0 22px;font-size: 12px;color: #999;padding: 0;height: 20px;line-height: 20px;overflow: hidden;}
.list_10 i {font-size: 12px;margin-right: 3px;}
.list_10 span {margin-right: 6px;}
.list_10 span small {font-style: normal;color: #717d97;}
.main_con_2_title a:hover {text-decoration: none;color: #e9464c;}
.list {width: 100%;height: auto;margin-bottom: 20px;}
.list_img {float: left;width: 150px;height: 90px;position: relative;}
.list_img a{position: relative;display: inline-block;}
.list_img a .list_img_t {position: absolute;z-index: 3;left: 0;top: 0;color: #fff;font-size: 12px;transform: rotate(-45deg);}
.list_img a .list_img_b {position: absolute;z-index: 1;left: 0;top:2px;border: 30px solid;border-color: transparent transparent #E9464C;transform: translateY(-3px) translateX(-43px) rotate(-45deg);transform-origin: left top;}
.list_img a .list_img_x {position: absolute;z-index: 1;left: 0;top: 2px;border: 30px solid;border-color: transparent transparent #1A9BF5;transform: translateY(-3px) translateX(-43px) rotate(-45deg);transform-origin: left top;}
.list img.list_left_img {width: 150px;height: 90px;float: left;display: block;}
.list_1 {width: 535px;margin-left: 15px;font-size: 12px;color: #999;float: right;overflow: hidden;}
.list_1 i {font-size: 14px;margin-right: 3px;}
.list_1 span {margin-right: 6px;}
.list_1 span small {font-style: normal;color: #717d97;}
.list_2 {width: 535px;margin-left: 15px;font-size: 12px;color: #999;float: right;overflow: hidden;}
.list_2 i {font-size: 14px;margin-right: 3px;}
.list_2 span {margin-right: 6px;line-height: 14px;}
.list_2 span small {font-style: normal;color: #258735;}
.list_3 {width: 535px;margin-left: 15px;font-size: 12px;color: #2a8055;float: right;overflow: hidden;}
.list_3 a,.list_3 a:visited {color: #2a8055;}
.list_3 a:hover {text-decoration: underline;color: #2a8055;}
.list_3 small {font-style: normal;float: right;color: #999;}
.list_8 {width: 535px;margin-left: 15px;height: 55px;font-size: 12px;color: #666;float: right;overflow: hidden;line-height: 19px;}
.list_8 i {font-size: 14px;margin-right: 3px;}
.list_8 span {margin-right: 6px;}
.list_8 span small {font-style: normal;color: #258735;}
.list_20 {width: 100%;margin-left: 15px;font-size: 12px;color: #666;float: right;overflow: hidden;}
.list_20 i {font-size: 14px;margin-right: 3px;}
.list_20 span {margin-right: 6px;}
.list_20 span small {font-style: normal;color: #258735;}
.list_30 {width: 100%;margin-left: 15px;font-size: 12px;color: #2a8055;float: right;overflow: hidden;}
.list_30 small {font-style: normal;float: right;color: #999;}
.list_30 span a,.list_30 span a:visited {margin-right: 10px;color: #888;background: #e5e5e5;padding: 3px 4px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-property: color, background;transition-property: color, background;}
.list_30 span a:hover {text-decoration: none;color: #fff;background: #fb9094;}
.list_21 {width: 100%;margin-left: 15px;font-size: 12px;color: #666;float: right;overflow: hidden;}
.list_21 i {font-size: 14px;margin-right: 3px;}
.list_21 span {background: #fb9094;color: #fff;padding: 0;width: 18px;height: 18px;line-height: 18px;text-align: center;margin-top: 1px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;font-size: 12px;display: block;float: left;margin-right: 5px;}
.list_2 span i {font-size: 14px;line-height: 14px;}
.clear{clear:both;}
.foot {width: 100%;height: 40px;margin-top: 30px;background: #f9f9f9;border-top: #efefef solid 1px;line-height: 40px;text-indent: 200px;color: #999;font-size: 14px;}
.foot a,
.foot a:visited {color: #999;line-height: 40px;}
.nohouse {width: 500px;height: auto;background: url(http://imgs.ycfcw.cn/newimg/news/2018-07/02/0939154573.png) no-repeat center 50px;text-align: center;padding-top: 150px;padding-bottom: 40px;font-size: 20px;color: #999;}
.list_box em {color: #e9464c;font-style: normal;}
.list_15 {width: 535px;font-size: 12px;color: #999;float: right;margin-top: 2px;}
.list_15 a,.list_15 a:visited {background: #e6e6e6;margin-right: 4px;text-decoration: none;color: #888;font-size: 12px;padding: 4px 7px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-property: color, background;transition-property: color, background;}
.xiaoqus{line-height: 23px;}
.list_15 a i,.list_15 a:visited i {font-size: 12px;margin-right: 4px;}
.list_15 a:hover {color: #fff;background: #f26368;text-decoration: none;}
.list_16 {width: 535px;font-size: 12px;color: #999;float: right;margin-top: 10px;}
.list_16 img {width: 128px;height: 77px;}
.list_16 a,
.list_16 a:visited {position: relative;display: block;width: 128px;height: 77px;float: left;margin-right: 5px;}
.list_16 a span,.list_16 a:visited span {position: absolute;left: 0;bottom: 0;width: 128px;background: #eb5b5d;color: #fff;text-align: center;padding: 2px 0;display: none;}
.list_box {	width: 700px;	margin: 20px auto;}
.list {	border-bottom: #eee solid 1px;	padding-bottom: 15px;}
.list_img {	text-align: center;	width: 150px;	height: auto;	padding-bottom: 0;	margin-bottom: 0;}
.list_img img.list_left_img {	margin-bottom: 5px;}
.list_img a, .list_img a:visited {	color: #6189aa;	font-weight: bold;}
.list_img a:hover {	color: #e9464c;}
.sftile {	width: 680px;	height: auto;	background: #fff9db;	margin: 0 auto 20px;	border: #eeb316 dotted 1px;	padding: 10px;}
.sftile1 {	width: 100%;	height: auto;	font-weight: bold;	color: #e9464c;	font-size: 14px;	margin-left: 10px;}
.sftile1 a, .sftile1 a:visited {	color: #e9464c;}
.sftile1 i {	font-weight: normal;}
.sftile1 span {	font-size: 12px;	margin-left: 15px;	color: #666;}
.sftile2 {	width: 100%;	height: auto;}
.sftile2_left {	width: 90px;	float: left;	height: auto;	text-align: center;}
 .sftile2_left span {	background: #eeb316;	color: #fff;	padding: 4px 6px;	-moz-border-radius: 2px;	-webkit-border-radius: 2px;	border-radius: 2px;	font-size: 13px;}
 .sftile2_right {	width: 586px;	height: auto;	text-align: left;	float: right;	font-size: 13px;}.control {	position: absolute;	top: 50%;	right: 5px;	transform: translateY(-50%);}
 .ctr_info { 	/* border: 1px solid blue; */	background: #fff;	border-radius: 50px;	padding: 10px 2px;}
 .ctr_infos {	padding: 5px 2px;	text-align: center;	font-size: 13px;	width: 25px; }
 .ctr_infos.active {	color: #fff;	background:linear-gradient(180deg, #ff6834, #ff8e09);	border-radius: 20px; } .show_img{	width: 1200px;	position: relative;	top: 50%;	left: 50%;	transform: translateX(-50%) translateY(50%)} 
 .show_img  img{ 	width: 100%; 	object-fit: contain;}
 .show_img .btn_text{	background: #FF6735;	color: #ffffff;	padding: 5px 20px;	text-align: center;	border-radius: 30px;	cursor: pointer;	position: absolute;	bottom: 60px;	width: 200px;	left: 50%;	transform: translateX(-50%);}

.chart {width:84px;background:#f5d5d6;overflow:hidden;font-size:14px;text-align: center;position: absolute; top: 20px; right: 20px;z-index:50}
.chart div.tit {color:#f35257;height:36px;line-height: 36px;display:block;cursor:pointer;}
.chart .con{margin:1px;background:#fefafa;padding:8px 12px;}
.chart .con a{display: block;line-height: 24px;}
.chart .b1, .chart .b2, .chart .b3, .chart .b4, .chart .b5, .chart .b6, .chart .b7, .chart .b8 {padding:6px;float:left;margin:6px 5px 0 0;font-size:0px;}
.chart .b1 {background:#3d9e52;}
.chart .b2 {background:#F91624;}
.chart .b3 {background:#FFA140;}
.chart .b4 {background:#648EF9;}
.chart .b5 {background:#BABABA;}