/* 未能缩小。正在返回未缩小的内容。
(1377,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+'
(1500,46): run-time error CSS1046: Expect comma, found '198'
(1500,54): run-time error CSS1046: Expect comma, found '/'
(1504,38): run-time error CSS1046: Expect comma, found '198'
(1504,46): run-time error CSS1046: Expect comma, found '/'
(1643,33): run-time error CSS1046: Expect comma, found '0'
(1643,37): run-time error CSS1046: Expect comma, found '/'
(1773,49): run-time error CSS1046: Expect comma, found '61'
(1773,55): run-time error CSS1046: Expect comma, found '/'
(1774,41): run-time error CSS1046: Expect comma, found '61'
(1774,47): run-time error CSS1046: Expect comma, found '/'
(1913,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+'
(1916,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+'
(1968,41): run-time error CSS1046: Expect comma, found '0'
(1968,45): run-time error CSS1046: Expect comma, found '/'
(1968,72): run-time error CSS1046: Expect comma, found '0'
(1968,76): run-time error CSS1046: Expect comma, found '/'
(1969,33): run-time error CSS1046: Expect comma, found '0'
(1969,37): run-time error CSS1046: Expect comma, found '/'
(1969,64): run-time error CSS1046: Expect comma, found '0'
(1969,68): run-time error CSS1046: Expect comma, found '/'
(2259,93): run-time error CSS1034: 
(2259,93): run-time error CSS1042: Expected function, found ','
(2259,97): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2446,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+'
(3726,38): run-time error CSS1046: Expect comma, found '0'
(3726,42): run-time error CSS1046: Expect comma, found '/'
(3987,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+'
(4361,60): run-time error CSS1036: Expected expression, found '}'
(4475,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+'
(5118,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+'
(5138,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+'
(6034,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+'
(6034,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+'
(7178,244): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(7813,37): run-time error CSS1046: Expect comma, found '0'
(7813,41): run-time error CSS1046: Expect comma, found '/'
(7818,37): run-time error CSS1046: Expect comma, found '0'
(7818,41): run-time error CSS1046: Expect comma, found '/'
 */
/*! jQuery UI - v1.12.1 - 2018-06-10
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

@charset "utf-8";

body { line-height: 1.5; margin: 0 auto; }
* { padding: 0; margin: 0; }
body, blockquote, dd, dl, figure, form, p, pre, h1, h2, h3, h4, h5, h6 { margin: 0; }

menu, ul, ol { list-style: none; margin: 0; padding: 0; }

body {
    line-height: 1.5;
    font-size: 14px;
    color: #000000;
}

body, h1, h2, h3, h4, h5, h6, input, button, select, textarea { font-size: 14px; font-weight: normal; }

body, input, button, select, optgroup, option, textarea, pre { font-family: "Microsoft YaHei", Arial,Roboto,"Droid Sans","Hiragino Sans GB","Simsun",STXihei,"sans-serif"; }

iframe { vertical-align: top; }

a {
    text-decoration: none;
    color: #000000;
}

    a:hover { text-decoration: none; }

img { vertical-align: top; }

a img { border: 0 none; border-radius: 2px; }

i, em { font-style: normal; }

fieldset { margin: 0; padding: 0; }

legend { color: windowtext; }

button, input.ie6 { overflow: visible; padding: 0; /* padding:.1em .25em; */ cursor: pointer; }

input[type="button"], input[type="submit"], input[type="reset"] { overflow: visible; cursor: pointer; }

input, select, option, textarea { outline: none; -webkit-outline: none; -ms-outline: none; -moz-outline: none; -o-outline: none; }

    input:focus, select:focus, option:focus, textarea:focus { outline: none; -webkit-outline: none; -ms-outline: none; -moz-outline: none; -o-outline: none; }

select { border: 1px inset; }

textarea { overflow: auto; vertical-align: text-bottom; *vertical-align: auto; border: 1px solid; resize: vertical; outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

td, th, caption { padding: 0; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bfbfbf; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #bfbfbf; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #bfbfbf; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bfbfbf; }

.clearfix:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; font-size: 0; }

.clearfix { *+height:1%; }

.w1200 { width: 1200px; margin: 0 auto; }

.mod890 { float: left; width: 890px !important; }

.mod880 { float: left; width: 900px !important; }

.mod760 { float: left; width: 760px !important; }

.mod770 { float: left; width: 770px !important; }

.mod390 { float: right; width: 390px !important; }

.mod380 { float: right; width: 380px !important; }
/*.mod276{float: right; width: 276px;}*/
.mod270 { float: right; width: 270px !important; }

.mod260 { float: right; width: 260px !important; }

.mtop40 { margin-top: 40px; }
.mtop24 {
    margin-top: 24px;
}

/*悬浮侧边栏*/
.fix-siderbox {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 56px;
    z-index: 999;
}

.fix-sider { padding-top: 109px;}

    .fix-sider.fix-sider-bottom { position: absolute; bottom: 0; right: 0; padding-top: 0; }

    .fix-sider li { position: relative; margin-top: 2px; }

    .fix-sider .icon {
        position: relative;
        display: block;
        width: 46px;
        height: 42px;
        border-radius: 5px;
        cursor: pointer;
    }

.icon.ifs-calculator { background: #7a6e6e url(/content/images/fix_ico.png) center 0 no-repeat; }

.icon.ifs-collect { background: #7a6e6e url(/content/images/fix_ico.png) center -33px no-repeat; }

.icon.ifs-consult { background: #7a6e6e url(/content/images/fix_ico.png) center -69px no-repeat; }

.icon.ifs-scan { background: #7a6e6e url(/content/images/fix_ico.png) center -105px no-repeat; }

.icon.ifs-return { background: #7a6e6e url(/content/images/fix_ico.png) center -144px no-repeat; width: 40px; height: 40px; }

.icon.ifs-contrast {
    background: #7a6e6e url(/content/images/fix_ico.png) center -176px no-repeat;
}

.fix-sider li:hover .icon { background-color: #f73b3c; }

.subsider .item {
    display: block;
    min-width: 80px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #f73b3c;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 20px;
    border-radius: 5px;
}

.fix-sider .subsider { position: absolute; top: 0; right: 62px; display: none; }

.sider-hotline { width: 200px; font-size: 24px; }

.sider-wx, .sider-phone { width: 160px; background: #fff; text-align: center; padding: 8px 0; webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -o-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); }

.sider-wx-qr, .sider-phone-qr { width: 120px; height: 120px; margin: 0 auto; border: 5px solid #fff; text-align: center; }

    .sider-wx-qr img, .sider-phone-qr img { width: 120px; height: 120px; }

.sider-wx p, .sider-phone p { /* margin-top: 8px; */ height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sider-qq { position: relative; width: 130px; padding-right: 70px; font-size: 24px; line-height: 28px; }

    .sider-qq .qq-consult { position: absolute; top: 0; right: 0; display: block; width: 62px; height: 28px; line-height: 28px; border-radius: 14px; cursor: pointer; background: #ff5000; color: #fff; font-size: 14px; }

.contrast-number {
    position: absolute;
    top: -2px;
    left: -1px;
    right: 8px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #c7c7c7;
    color: #7a6e6e;
}

.fix-sider li:hover .contrast-number { color: #f73b3c; }

.sider-contrast {
    width: 308px;
    padding: 10px;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgb(202 198 198 / 50%);
    -ms-box-shadow: 0 0 10px 1px rgba(202,198,198,.5);
    -moz-box-shadow: 0 0 10px 1px rgba(202,198,198,.5);
    -o-box-shadow: 0 0 10px 1px rgba(202,198,198,.5);
    box-shadow: 0 0 12px 1px rgb(202 198 198 / 50%);
}

.sc-head { padding: 12px 0 12px 20px; border-bottom: 1px solid #e8e8e8; }

    .sc-head h2 { height: 16px; line-height: 16px; border-left: 3px solid #f73b3c; padding-left: 5px; font-size: 14px; font-weight: 600; }

    .sc-head .subtitle { font-weight: 400; color: #9c9fa1; font-size: 12px; margin-left: 10px; }

.sc-body { padding: 15px 20px 20px; }

.sc-null { text-align: center; margin-top: 5px; }

.sc-main p { position: relative; line-height: 26px; min-height: 26px; _height: 26px; margin-top: 8px; }

    .sc-main p:hover { background: #f8f8f9; }

    .sc-main p * { vertical-align: middle; }

    .sc-main p a { display: inline-block; max-width: 240px; height: 26px; line-height: 26px; }

        .sc-main p a:hover { color: #f73b3c; }

.sc-main .del { position: absolute; top: 3px; right: 0; display: block; width: 20px; height: 20px; background: url(/content/images/fix_ico.png) 0 -216px no-repeat; cursor: pointer; }

.sc-btnbox { margin-top: 20px; }

    .sc-btnbox a { display: block; width: 116px; height: 38px; line-height: 38px; text-align: center; border-radius: 2px; cursor: pointer; }

        .sc-btnbox a:hover { text-decoration: underline; }

        .sc-btnbox a.clear-btn { float: left; border: 1px solid #e8e8e8; color: #9c9fa1; }

        .sc-btnbox a.link-btn { float: right; border: 1px solid #f73b3c; background: #f73b3c; color: #fff; }

/*底部 footerbox*/
.footerbox { min-width: 1200px; _width: 1200px; margin: 0 auto; background: #394043; color: #ccc; font-size: 12px; margin-top: 70px; }

    /*.app-downloadbox + .footerbox {
    margin-top: 0;
}*/

    .footerbox a { color: #ccc; }

        .footerbox a:hover { color: #fff; }

.subfooter1 { position: relative; min-height: 80px; _height: 80px; }

.footer-us { width: 924px; padding-top: 25px; font-size: 16px; }

    .footer-us li { float: left; height: 30px; line-height: 30px; padding-right: 20px; }

        .footer-us li a { color: #feffff; }

            .footer-us li a:hover { text-decoration: underline; }

.footer-service { position: absolute; top: 15px; right: 0; width: 186px; padding-left: 62px; color: #fefefe; background: url(/content/images/foot_ico_service.png) 12px center no-repeat; }

    .footer-service .tel { font-size: 24px; }

.subfooter2 { position: relative; min-height: 120px; _height: 120px; padding: 30px 0; border-top: 1px solid #4d575b; }

.footer-link { width: 924px; }

    .footer-link + .footer-link { margin-top: 20px; }

    .footer-link li { float: left; display: inline-block; height: 30px; line-height: 30px; padding-right: 20px; }


.footer-qr-code { position: absolute; top: 26px; right: 0; width: 248px; text-align: center; }

.footer-qr { height: 100px; height: 100px; margin: 0 auto 12px; }

    .footer-qr img { height: 100px; height: 100px; }

.subfooter3 { padding: 16px 0; border-top: 1px solid #4d575b; }

.copyright { margin-top: 15px; line-height: 28px; text-align: center; }

/*广告 advert*/
.advert1200 { width: 1200px; margin: 0 auto; }

    .advert1200 .advert { position: relative; display: block; width: 1200px; min-height: 58px; }

        .advert1200 .advert img { width: 1200px; min-height: 58px; }

.advert-hint { position: absolute; bottom: 6px; right: 6px; display: block; width: 35px; height: 20px; line-height: 20px; text-align: center; color: #fff; background: rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33000000,endcolorstr=#33000000); border-radius: 10px; font-size: 12px; z-index: 1; }

.adverth368 .advert { position: relative; display: block; width: 270px; min-height: 368px; }

    .adverth368 .advert img { width: 270px; min-height: 368px; }

.adverth207 .advert { position: relative; display: block; width: 270px; min-height: 207px; }

    .adverth207 .advert img { width: 270px; min-height: 207px; }

.adverth138 .advert { position: relative; display: block; width: 270px; min-height: 138px; }

    .adverth138 .advert img { width: 270px; min-height: 138px; }

.aside-advert { margin-bottom: 20px; }

    .aside-advert .advert { position: relative; display: block; width: 260px; height: 194px; }

        .aside-advert .advert img { width: 260px; height: 194px; }

.advertwh138 .advert { position: relative; display: block; width: 1200px; /*height: 138px;*/ }

    .advertwh138 .advert img { width: 1200px; height: 138px; }

.topbar-advertbox .advert1200 { margin: 5px auto; }

.contentbox .advert1200 { margin-top: 20px; }

.advert-villa { margin-top: 22px; }

.advert-zk-data { margin-top: 36px; }

.advert-renting { margin-top: 10px; }

.nhouse-advert { margin: 10px 0 35px; }

div { border-radius: 2px; }


/*对联广告*/
.advert_couplets .advert { z-index: 10001; position: fixed; top: 360px; }
    .advert_couplets .advert:nth-child(1) { left: 6px; }
    .advert_couplets .advert:nth-child(2) { right: 6px; }
    .advert_couplets .advert .advert-x { cursor: pointer; font-size: 14px; position: absolute; top: 3px; z-index: 2; border: 1px solid #fff; width: 14px; height: 14px; line-height: 12px; text-align: center; color: #fff; }
    .advert_couplets .advert:nth-child(1) .advert-x { left: 2px; }
    .advert_couplets .advert:nth-child(2) .advert-x { right: 2px; }
/*topbarbox   #0384d2*/
.topbarbox {
    position: relative;
    min-width: 1200px;
    _width: 1200px;
    margin: 0 auto;
    background-color: #f73b3c;
    box-shadow: 0 2px 5px rgb(0 0 0 /15%);
    /*background-color: #d60608;
    background-image: -webkit-linear-gradient(top, #d60608, #f73b3c);*/
    color: #fff;
    font-size: 12px;
    z-index: 20;
}

.index-topbarbox.topbarbox { background: #394043; }

.topbar-wrap {
    position: relative;
    height: 50px;
    line-height: 50px;
}

.index-topbarbox.topbarbox .topbar-wrap {
    height: 50px;
    line-height: 50px;
}

.topbar { }

    .topbar span { display: inline-block; }

    .topbar .tel {
        padding-left: 20px;
        margin-left: 50px;
        background: url(/content/images/ico_topbar.png) 0px 11px no-repeat;
    }

.topbar-other { position: absolute; top: 0; right: 0; color: #fff; }

.index-topbarbox .topbar-other { color: #ccc; }

.topbar-other li {
    position: relative;
    float: right;
    padding: 0 10px;
    border-right: 1px solid #ef6768;
}

.index-topbarbox .topbar-other li {
    border-right: 1px solid #5a5a5a;
}

.topbar-other li.last-child { border-right: none; }

.topbar-other li a { color: #fff; }

.index-topbarbox .topbar-other li a { color: #ccc; }

.topbar-other li:hover a { color: #fff; }

.topbar-other a.down { display: block; padding-right: 10px; background: url(/content/images/ico_topbar.png) right -169px no-repeat; }

/*.index-topbarbox .topbar-other a.down { background: url(/content/images/ico_topbar.png) right -60px no-repeat; }

.topbar-other li:hover a.down { background: url(/content/images/ico_topbar.png) right -80px no-repeat; }*/

.index-topbarbox .topbar-other li:hover a.down { background: url(/content/images/ico_topbar.png) right -53px no-repeat; }

.topbar-other .downbox { position: absolute; top: 40px; /*left: 0;*/ right: 0; background: #fff; -webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -o-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); color: #9c9fa1; z-index: 21; display: none; }

.index-topbarbox .topbar-other .downbox { top: 47px; }

.downbox-public { width: 120px; padding: 5px 0 0; text-align: center; line-height: 26px; }

    .downbox-public .qr-code { width: 110px; height: 110px; margin: 0 auto; }

        .downbox-public .qr-code img { width: 110px; height: 110px; }

.downbox-logged { width: 130px; text-align: center; }

.down-logged + .down-logged { margin-top: 5px; border-top: 1px solid #e8e8e8; }

.down-logged p { height: 30px; line-height: 30px; padding: 0 10px; overflow: hidden; }

    .down-logged p:hover { background: #f8f8f9; }

    .down-logged p a { display: inline-block; max-width: 100%; height: 30px; line-height: 30px; color: #394043; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.topbar-other li:hover .down-logged a { color: #394043; }

.downbox-app { width: 150px; padding: 10px 10px 10px 120px; height: 100px; position: relative; }
.downbox-wxgzh { width: 193px; height: 150px; }
    .downbox-wxgzh .qr-code { text-align: center; }
        .downbox-wxgzh .qr-code img { width: 110px; height: 110px; margin: 0px auto; }
.wg1 { float: left; height: 100%; padding: 0 8px; }
.wg2 { float: left; height: 100%; background-color: #f7f7f7; width: 21px; padding: 0 8px; line-height: 19px; text-align: center; }
    .wg2 a { padding-top: 20px; color: red !important; display: block; }
.downbox-app .qr-code { position: absolute; top: 10px; left: 10px; width: 100px; height: 100px; }

    .downbox-app .qr-code img { width: 100px; height: 100px; }
.downbox-app.more h2 { height: 30px !important; line-height: 30px !important; }
.downbox-app.more p { line-height: 20px; }

.downbox-app h2 { height: 56px; line-height: 56px; font-size: 16px; font-weight: 600; color: #394043; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.topbar-nav { font-size: 14px; }

    .topbar-nav li.li { position: relative; float: left; padding: 0 8px; }

        .topbar-nav li.on, .topbar-nav li.li:hover { background: #b10304; }

    .topbar-nav a.item { display: inline-block; height: 40px; line-height: 40px; color: #fff; }

.topbar-menu { position: absolute; top: 59px; left: 50%; margin-left: -62px; width: 124px; padding: 8px 0; background: #fff; -webkit-box-shadow: 0 3px 7px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 7px 1px rgba(0,0,0,0.2); -ms-box-shadow: 0 3px 7px 1px rgba(0,0,0,0.2); -o-box-shadow: 0 3px 7px 1px rgba(0,0,0,0.2); box-shadow: 0 3px 7px 1px rgba(0,0,0,0.2); display: none; }

    .topbar-menu:after { position: absolute; top: -10px; left: 50%; margin-left: -7px; display: block; content: ""; width: 14px; height: 10px; background: url(/content/images/header_triangle.png) center no-repeat; }

    .topbar-menu li { padding: 0 10px; }

        .topbar-menu li a { display: block; height: 34px; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }

            .topbar-menu li a:hover { color: #f73b3c; }

/*headerbox*/
.headerbox {
    position: relative;
    min-width: 1200px;
    _width: 1200px;
    margin: 0 auto;
    background: #ffffff;
    /*border-bottom: 1px solid #ededed;*/
    /* -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);*/
    -webkit-box-shadow: inset 0 -1px 0 0 rgb(61 61 61 / 15%);
    box-shadow: inset 0 -1px 0 0 rgb(61 61 61 / 15%);
    z-index: 10;
}

.index-headerbox.headerbox { -webkit-box-shadow: 0 3px 15px rgba(0,0,0,.15); -ms-box-shadow: 0 3px 15px rgba(0,0,0,.15); -moz-box-shadow: 0 3px 15px rgba(0,0,0,.15); -o-box-shadow: 0 3px 15px rgba(0,0,0,.15); box-shadow: 0 3px 15px rgba(0,0,0,.15); }

.header-wrap { position: relative; height: 80px; }

.header-sign { padding-left: 158px; height: 80px; }

.header-logo { position: absolute; top: 0; left: 0; display: block; width: 148px; height: 80px; }

.header-address { position: relative; padding-top: 24px; width: 76px; }

    .header-address .current-city { position: relative; width: 74px; border: 1px solid #fff; text-align: center; z-index: 12; }

    .header-address:hover .current-city { border: 1px solid #e8e8e8; border-bottom: 1px solid #fff; }

    .header-address .current-city .city { display: inline-block; max-width: 64px; height: 36px; line-height: 36px; padding-right: 10px; background: url(/content/images/ico_topbar.png) right -117px no-repeat; }

    .header-address:hover .current-city .city { background: url(/content/images/ico_topbar.png) right -147px no-repeat; }

.header-citybox {
    position: absolute;
    box-shadow: 0 12px 20px 4px rgba(0,0,0,.1);
    top: 61px;
    left: 0;
    width: 344px;
    padding: 5px 20px 10px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 14px;
    z-index: 11;
    display: none;
}

    .header-citybox a { cursor: pointer; }

        .header-citybox a:hover { text-decoration: underline; }

.hcity-hot h2 { height: 36px; line-height: 36px; font-size: 14px; font-weight: 600; }

.hch-hot a { display: inline-block; height: 24px; line-height: 24px; color: #f73b3c; margin-right: 8px; }

    .hch-hot a:last-child { margin-right: 0; }

.hcity-all { border-top: 1px solid #e8e8e8; margin-top: 8px; padding-top: 10px; }

.hcity-letter { }

    .hcity-letter li { float: left; width: 33.33%; height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }

        .hcity-letter li.item2 { text-align: center; }

        .hcity-letter li.item3 { text-align: right; }

        .hcity-letter li.on { color: #f73b3c; }

.subhcname { }

    .subhcname dl { position: relative; line-height: 22px; min-height: 22px; _height: 22px; padding-left: 15px; margin-top: 10px; }

    .subhcname dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .subhcname dd a { display: inline-block; margin: 2px 5px; }

.hcity-more { border-top: 1px solid #e8e8e8; margin-top: 12px; padding-top: 10px; }

    .hcity-more a { color: #9c9fa1; }

.header-nav { position: absolute; top: 20px; right: 0; font-size: 16px; }

    .header-nav li.li { position: relative; float: right; padding: 0 15px; height: 60px; }

    .header-nav a.item { display: inline-block; height: 36px; line-height: 36px; border-bottom: 3px solid #fff; }
.header-new-house i.mi_yh {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 29px;
    height: 20px;
    background: url(/Content/images/yh_icon.png);
}
.header-new-Look {
 position:relative;
}
.header-new-Look i.mi_hot {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 20px;
    background: url(/Content/images/hot_icon.png);
}




.header-nav li.on a.item {
    color: #f73b3c;
    border-bottom: 3px solid #f73b3c;
}

    .header-nav a.item:hover, .header-nav li.li:hover a.item { color: #f73b3c; }

.header-menu { position: absolute; top: 59px; left: 50%; margin-left: -90px; width: 180px; background: #fff; border: 1px solid #e8e8e8; -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); display: none; }

    .header-menu ul { padding: 8px 0; }

    .header-menu:after { position: absolute; top: -10px; left: 50%; margin-left: -7px; display: block; content: ""; width: 14px; height: 10px; background: url(/content/images/header_triangle.png) center no-repeat; }

    .header-menu.hsecond-menu:after { display: none; }

    .header-menu li {
        padding: 0;
        border-bottom: 1px solid #efefef;
        margin: 0 8px;
    }
        .header-menu li:last-child {
            border-bottom: 0;
        }

        .header-menu li a {
            display: block;
            height: 45px;
            line-height: 45px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
        }

            .header-menu li a:hover {
                color: #f73b3c;
                background-color: whitesmoke; font-weight:bold; border-radius:5px;
            }

.hsecond-menu { position: absolute; top: 59px; left: 50%; /*margin-left: -442px;*/ margin-left: -277px; /*改导航的话记得改我的值哟*/ width: 1200px; background: #fff; font-size: 14px; -webkit-box-shadow: 0 3px 7px 1px rgba(0,0,0,0) !important; -ms-box-shadow: 0 3px 7px 1px rgba(0,0,0,0) !important; -moz-box-shadow: 0 3px 7px 1px rgba(0,0,0,0) !important; -o-box-shadow: 0 3px 7px 1px rgba(0,0,0,0) !important; box-shadow: 0 3px 7px 1px rgba(0,0,0,0) !important; /*display: none;*/ z-index: 11; }
    /*.hsecond-menu:before{position: absolute; left: -1000px; right: -1000px; display: block; content: ""; height: 214px; background:#abc; z-index: -1;}*/
    .hsecond-menu .bgbox { position: absolute; height: 100%; +*height:208px; left: 0px; right: 0px; background: #fff; z-index: 21; /*border: 1px solid #e8e8e8;*/ -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); padding: 0px 0px 19px 0; }
    .hsecond-menu .hsmenu { position: relative; z-index: 22; }

.topbar-nav .header-menu { top: 48px !important; *+top: 48px !important; margin-left: -90px !important; }

.hsmenu { float: left; padding-top: 18px; }

    .hsmenu a { cursor: pointer; }

        .hsmenu a:hover { color: #f73b3c; }

.hsmenu1 { width: 152px; }

.hsmenu2 { width: 160px; }

.hsmenu3 { width: 582px; }

.hsmenu4 { float: right; width: 276px; }

.hsmenu .title { padding-bottom: 6px; }

    .hsmenu .title h2 { height: 24px; line-height: 24px; color: #000; font-size: 14px; }

    .hsmenu .title .line { border-bottom: 1px solid #000; display: inline-block; }

.hsmenu-link { width: 125px; }

    .hsmenu-link li { height: 28px; line-height: 28px; padding: 0; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .hsmenu-link li a { display: inherit; height: 28px; line-height: 28px; text-align: left; background-color: #f5f5f5; padding-left: 8px; }

.hsmenu-filter { }

    .hsmenu-filter dl { position: relative; min-height: 26px; _height: 26px; line-height: 26px; padding-left: 50px; margin-top: 10px; }

    .hsmenu-filter dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .hsmenu-filter dd a { display: inline-block; margin-right: 20px; }

        .hsmenu-filter dd a:last-child { margin-right: 0; }

.hsmenu-trend { margin-top: 10px; }

    .hsmenu-trend .trend { width: 276px; height: 140px; background: #fcf; }

.head-searchbox {
    position: absolute;
    left: 248px;
    top: 16px;
    padding: 0;
    width: 636px;
    height: 48px;
    background: #fff;
    /* border: 2px solid #e1e1e1; */
    /*border-radius: 48px;*/
    -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 1px 15px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 1px 15px 0 rgb(0 0 0 / 10%);
}

.hsearch-text {
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding-left: 106px;
    border: none;
    background: none;
    border-radius: 48px;
}

.hsearch-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 118px;
    height: 48px;
    line-height: 48px;
    background: #fff;
    color: #9d9d9d;
    border: none;
    /*border-radius: 48px;*/
    font-size: 16px;
}

    .hsearch-btn:hover {
        background: red;
        color: #fff;
    }

.headerbox .link-btn { position: absolute; top: 20px; right: 0; display: block; width: 100px; height: 40px; line-height: 40px; color: #f06667; background: #fce2e2; border-radius: 2px; font-size: 16px; text-align: center; }

    .headerbox .link-btn * { vertical-align: middle; }

    .headerbox .link-btn:hover { background: #fad6d6; }

    .headerbox .link-btn .i-map { display: inline-block; width: 15px; height: 20px; background: url(/content/images/icon.png) -300px -60px no-repeat; margin-right: 4px; }

.head-search-item {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 70px;
    height: 46px;
    z-index: 23;
    cursor: pointer;
}

.hsi-text {
    display: block;
    width: 42px;
    height: 48px;
    line-height: 48px;
    padding-right: 28px;
    padding-left: 10px;
    border: none;
    background: url(/content/images/hsi_text0.png) center right no-repeat;
    border-right: 1px solid #b8b8b859;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .hsi-text.on { background: url(/content/images/hsi_text1.png) center right no-repeat; }

.hsi-ul {
    position: absolute;
    width: 80px;
    height: 410px;
    border: 1px solid #f5f5f5;
    background: #fff;
    z-index: 23;
    text-align: center;
}

    .hsi-ul li {
        height: 39px;
        line-height: 39px;
        padding: 0 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
    }

        .hsi-ul li.on, .hsi-ul li:hover {
            color: #f5f5f5;
            background: #f73b3c;
        }

.hsearch {
    position: relative;
    background-color: #fff;
    border-radius: 46px;
}
.h_s_all {
    position: relative;
    width: 100%;
    background-color: #fff;
    height: 458px;
    margin-top: 1px;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
    box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
    display: none;
    transition: all 100ms ease 100ms;
    overflow: auto;
}
.close_s {
    position: absolute;
    bottom: 0;
    height: 45px;
    line-height: 46px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #fff;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.div_close span {
    font-size: 14px;
    color: #a2a2a2;
}


.hsearch-tipsbox, .hsearch-resultbox {
    position: absolute;
    top: 39px;
    right: -10px;
    width: 398px;
    max-height: 300px;
    _height: 300px;
    background: #fff;
    font-size: 13px;
    border: 1px solid #e8e8e8;
    border-top: none;
    overflow: auto;
    z-index: 22;
    display: none;
}

.hsearch-result ul { }

.hsearch-result li, .hsearch-tipsbox li { padding: 3px 10px; }

    .hsearch-result li:hover, .hsearch-tipsbox li:hover { background: #f8f8f9; }

.hsearch-tipsbox h5 { padding: 0 10px; font-size: 14px; color: #f73b3c; height: 32px; line-height: 32px; }

.hsearch-tips li a { display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hsearch-tips .region { color: #9c9fa1; font-size: 12px; margin-left: 4px; }

.hsearch-result li a { position: relative; display: block; padding-right: 120px; }

.hsearch-result h6 { height: 30px; line-height: 30px; overflow: hidden; }

.hsearch-result .neme { display: inline-block; }

.hsearch-result .subname { color: #666; font-size: 12px; margin-left: 4px; }

.hsearch-result .address { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #9c9fa1; }

.hsearch-result .state, .hsearch-result .price { position: absolute; right: 0; color: #9c9fa1; font-size: 12px; }

.hsearch-result .state { display: inline-block; line-height: 30px; top: 0; }

.hsearch-result .price { display: inline-block; line-height: 20px; bottom: 0; }

.hsearch-result .keyword { color: #f73b3c; }

/*positionbox*/
.positionbox { }

.position { width: 1200px; height: 30px; line-height: 30px; margin: 11px auto 0; color: #999; font-size: 12px; }

    .position a { color: #9c9fa1; }

        .position a:hover { color: #666; text-decoration: underline; }

    .position span.link { padding: 0 2px 0 3px; }

/*cartebox*/
.cartebox {
    background: #f3f3f3;
    border: 1px solid #e7e7e7;
    margin-top: 10px;
}
.fix-cartebox { position: fixed; top: 0; left: 0; right: 0; width: 1200px; margin: 0 auto; z-index: 21; background: #fcf }
.cartebox li { float: left; position: relative; border-right: 1px solid #f8f8f8; }
    .cartebox li a { display: block; width: 96px; height: 38px; line-height: 38px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
    .cartebox li.on {
        background: #f73b3c;
    }
    .cartebox li a i.mi_hot { position: absolute; top: -10px; right: -10px; width: 30px; height: 20px; background: url(/Content/images/hot_icon.png); }
    .cartebox li:first-child { border-left: none !important; }

    .cartebox li.on a {
        color: #ffffff;
        font-weight: bold;
    }
    .cartebox li a:hover {
        color: red;
        font-weight: bold;
    }
        .cartebox li.on a:hover {
            color: #ffffff !important;
            font-weight: bold;
        }
     

    .cartebox li .line { position: absolute; left: 0; right: 0; display: block; width: 100%; height: 2px; z-index: 1; display: none; }

        .cartebox li .line.up {
            top: -1px;
            background: #f73b3c;
        }

        .cartebox li .line.down {
            bottom: -2px;
            background: #ffb3b4;
        }

    .cartebox li.on .line { display: block; }

.time-menubox { position: relative; padding: 0 32px; /* margin-top: 40px;*/ }

    .time-menubox .prev, .time-menubox .next { position: absolute; top: 0; display: block; width: 30px; height: 30px; border: 1px solid #e8e8e8; cursor: pointer; z-index: 1; }

    .time-menubox .prev { left: 0; background: url(/content/images/icon.png) -210px -150px no-repeat; }

    .time-menubox .next { right: 0; background: url(/content/images/icon.png) -210px -180px no-repeat; }

        .time-menubox .prev:hover, .time-menubox .next:hover { background-color: #f8f8f9; }

.time-menu { height: 30px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 12px; text-align: center; color: #9c9fa1; overflow: hidden; }

    .time-menu li { float: left; width: 135px; height: 30px; line-height: 30px; border-left: 1px solid #e8e8e8; }

        .time-menu li a { color: #747575; display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }

        .time-menu li.on a { background: #f73b3c; color: #fff; }

        .time-menu li a:hover { text-decoration: underline; }

.substreamer { width: 700px; }

.isearchbox { width: 480px; }

.str-title { padding: 10px 30px; color: #fff; }
/*.index-searchbox{padding: 0 30px;}*/

/* 提示弹窗 */
.pop-alertbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 11111; }

.alert-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4C000000,endcolorstr=#4C000000); /* z-index: 10000;*/ }

.alertbox { position: fixed; top: 20%; left: 50%; margin-left: -260px; width: 520px; background: #fff; /*z-index: 10001;*/ }

.subalert { font-size: 16px; }

.alert-head { position: relative; height: 46px; line-height: 46px; padding: 0 56px 0 20px; border-bottom: 1px solid #f5f5f5; }

    .alert-head h2 { height: 46px; line-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; font-size: 16px; }

    .alert-head .close { position: absolute; top: 10px; right: 10px; display: block; width: 26px; height: 26px; background: url(/content/images/ico_popup.png) 0 0 no-repeat; cursor: pointer; }

        .alert-head .close:hover { background: #f8f8f9 url(/content/images/ico_popup.png) 0 0 no-repeat; }

.alert-body { padding: 34px 20px; border-bottom: 1px solid #f5f5f5; }

.alert-comment * { vertical-align: middle; }

.alert-comment .icon { display: inline-block; width: 24px; height: 24px; margin-right: 10px; }

    .alert-comment .icon.warning { background: url(/content/images/ico_popup.png) 0 -30px no-repeat; }

.alert-foot { padding: 20px 0; text-align: right; }

    .alert-foot a { cursor: pointer; }

    .alert-foot .btn { display: inline-block; min-width: 60px; height: 40px; line-height: 40px; padding: 0 10px; margin: 0 10px; border-radius: 2px; text-align: center; }

        .alert-foot .btn.redbg { color: #fff; background: #f73b3c; }

.success-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgb(0,0,0,0.3); z-index: 10000; }

.successbox { position: fixed; top: 22%; left: 50%; margin-left: -200px; width: 400px; background: #fff; z-index: 10001; }

.subsuccess { font-size: 16px; }

.success-body { padding: 15px 20px; border-bottom: 1px solid #f5f5f5; text-align: center; }

.success-comment .icon { display: block; width: 80px; height: 80px; margin: 15px auto; }

    .success-comment .icon.success { background: url(/content/images/ico_popup.png) -90px 0 no-repeat; }

.success-foot { padding: 20px 0; text-align: right; }

    .success-foot a { cursor: pointer; }

    .success-foot .btn { display: block; width: 200px; height: 40px; line-height: 40px; margin: 0 auto; border-radius: 2px; text-align: center; }

        .success-foot .btn.redbg { color: #fff; background: #f73b3c; }

/*右侧 侧边栏*/
/*侧边 380*/
.house-dynatown-wrap { }

.house-dynatown { color: #9c9fa1; height: 306px; overflow: hidden; }

    .house-dynatown li { position: relative; padding: 0 90px 6px; min-height: 76px; _height: 76px; margin-top: 20px; }

.asidebox .house-dynatown { padding: 0 0 10px !important; }

.house-dynatown .avatar { position: absolute; top: 0; left: 0; display: block; width: 76px; height: 76px; overflow: hidden; border-radius: 50%; }

    .house-dynatown .avatar img { width: 76px; height: 76px; }

.house-dynatown .tel { position: absolute; top: 50%; right: 0; margin-top: -15px; display: block; width: 74px; height: 28px; line-height: 28px; border-radius: 2px; border: 1px solid #f73b3c; color: #f73b3c; text-align: center; }

    .house-dynatown .tel:hover { background: #f73b3c; color: #fff; cursor: pointer; }

.hdynatown-info h2 { height: 30px; line-height: 30px; font-size: 18px; margin-bottom: 18px; }

    .hdynatown-info h2 * { vertical-align: middle; }

    .hdynatown-info h2 a.name { display: inline-block; }

        .hdynatown-info h2 a.name:hover { color: #f73b3c; }

    .hdynatown-info h2 a.online { display: inline-block; width: 70px; height: 20px; margin-left: 10px; background: url(/content/images/ico_online_consulting.png) center no-repeat; cursor: pointer; }

/*侧边 270*/
.asidebox {
    margin-bottom: 20px;
    border: 1px solid #f2f2f2;
    -webkit-box-shadow: 0 0 6px #f5f5f5;
    box-shadow: 0 0 6px #f5f5f5;
}

.aside-title { height: 18px; line-height: 18px; padding: 17px 10px; }

    .aside-title h2 { font-size: 18px; color: #000; }
    /*.aside-title a.line{display: inline-block; height: 18px; line-height: 18px; border-left: 4px solid #f73b3c; padding-left: 10px;}*/
    .aside-title a.line { position: relative; display: block; height: 18px; line-height: 18px; border-left: 4px solid #f73b3c; padding-left: 10px; }

        .aside-title a.line .more { position: absolute; top: 0; right: 0; font-size: 12px; color: #9c9fa1; }

    .aside-title a:hover .more { text-decoration: underline; }

.aside-hd { position: absolute; top: -44px; right: 10px; height: 20px; line-height: 20px; }

    .aside-hd * { vertical-align: middle; }

    .aside-hd a.prev, .aside-hd a.next { display: inline-block; width: 20px; height: 20px; cursor: pointer; }

    .aside-hd a.prev { background: url(/content/images/icon.png) -30px -240px no-repeat; }

    .aside-hd a.next { background: url(/content/images/icon.png) -30px -270px no-repeat; }

.pageState { margin: 0 6px; }

.aside-body {
    position: relative;
    padding: 0 15px 0 15px;
}

    .aside-body.aside-problembox { margin-top: 0; }

.aside-problem { }

    .aside-problem li { padding: 5px 0 5px 12px; border-bottom: 1px dashed #e8e8e8; background: url(/content/images/ico_list_style.png) left 3px no-repeat; }

        .aside-problem li:last-child { border-bottom: none; }

        .aside-problem li:hover { background: #f8f8f9 url(/content/images/ico_list_style.png) left 3px no-repeat; }

    .aside-problem h2 { line-height: 26px; max-height: 52px; overflow: hidden; font-size: 14px; }

        .aside-problem h2 a:hover { color: #f73b3c; }

.aproblem-foot { position: relative; color: #9c9fa1; font-size: 12px; line-height: 24px; }

    .aproblem-foot .number { position: absolute; top: 0; right: 0; }

.aside-quizbox { }

.aside-quiz { padding: 15px 15px 30px; text-align: center; }

    .aside-quiz h2 { font-size: 24px; color: #f73b3c; line-height: 44px; }

    .aside-quiz h6 { font-size: 14px; line-height: 24px; margin-top: 5px; }

.aquiz-btnbox { margin-top: 40px; }

    .aquiz-btnbox .link { display: block; width: 212px; height: 38px; line-height: 38px; border: 1px solid #f73b3c; border-radius: 2px; margin: 0 auto; color: #f73b3c; font-size: 16px; }

        .aquiz-btnbox .link:hover { background: #f73b3c; color: #fff; }

.aside-rankbox { }

.aside-rank { color: #9c9fa1; font-size: 12px; }

    .aside-rank li { margin-bottom: 10px; }

        .aside-rank li a { position: relative; padding-left: 25px; display: block; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .aside-rank li a * { vertical-align: middle; }

            .aside-rank li a:hover { background: #f8f8f9; }

    .aside-rank .number { position: absolute; top: 3px; left: 0; display: block; width: 17px; height: 17px; line-height: 17px; text-align: center; color: #9c9fa1; background: #e8e8e8; border-radius: 2px; }

    .aside-rank li.li0 .number, .aside-rank li.li1 .number, .aside-rank li.li2 .number { color: #fff; background: #f73b3c; }

    .aside-rank span { float: left; display: block; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .aside-rank span.name { width: 150px; }

            .aside-rank span.name a { display: inline-block; max-width: 100%; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

                .aside-rank span.name a:hover { color: #f73b3c; }

        .aside-rank span.price { position: absolute; top: 0; right: 0; }

.aside-formbox { }

.aside-form-hint { font-size: 12px; line-height: 24px; }

.aside-intention { padding-bottom: 20px; font-size: 12px; }

.asinten-itembox .item { display: inline-block; margin-right: 28px; }

    .asinten-itembox .item:last-child { margin-right: 0 !important; }

.asinten-itembox li { float: left; min-height: 20px !important; margin: 0 8px 0 0 !important; padding: 0 !important; }

    .asinten-itembox li:last-child { margin-right: 0 !important; }

.asi-radio { display: none; }

.asi-label { display: inline-block; height: 16px; line-height: 16px; padding-left: 20px; cursor: pointer; background: url(/content/images/ico_index.png) left -45px no-repeat; }

.asi-radio:checked + label.asi-label { background: url(/content/images/ico_index.png) left -75px no-repeat; }

.asinten-itembox li.on .asi-label { background: url(/content/images/ico_index.png) left -75px no-repeat; }

.aside-intention li { position: relative; min-height: 40px; _height: 40px; margin-top: 14px; }

.asinten-text { width: 226px; height: 38px; line-height: 38px; padding: 0 10px; border: 1px solid #e8e8e8; font-size: 12px; }

.asinten-text-short { width: 128px; height: 38px; line-height: 38px; padding: 0 10px; border: 1px solid #e8e8e8; font-size: 12px; }

.asinten-areabox { border: 1px solid #e8e8e8; padding: 0 10px; }

.asinten-area { width: 100%; height: 114px; line-height: 38px; resize: none; border: none; }

.asinten-auth-code { position: absolute; top: 0; right: 0; width: 86px; height: 38px; border: 1px solid #e8e8e8; font-size: 12px; }

.asinten-btnbox { margin-top: 18px; }

.asinten-btn { box-shadow: 0 5px 20px rgba(232, 0, 0, 0.18); display: block; width: 100%; height: 40px; line-height: 40px; background: #f73b3c; color: #fff; font-size: 16px; text-align: center; border-radius: 2px; border: none; }

.aside-intention .optionsbox { height: 38px; line-height: 38px; }

    .aside-intention .optionsbox h6 { height: 38px; line-height: 38px; }

    .aside-intention .optionsbox ul { top: 38px; }

        .aside-intention .optionsbox ul li { height: 38px; line-height: 38px; margin-top: 0; }
.aside-tourbox { height: 340px; overflow: hidden; }
.aside-tour { *+position:relative; height: 340px; overflow: auto; }
.aside-tourbox-1 { padding: 0; margin: -20px 0 0; }

.aside-tour li { padding: 15px 0 20px; border-bottom: 1px dashed #e8e8e8; }

    .aside-tour li.li0 { padding: 0 0 20px; }

.aside-tour h2 { line-height: 26px; max-height: 52px; font-size: 14px; overflow: hidden; }

    .aside-tour h2 a:hover { color: #f73b3c; }

.tour-body { font-size: 12px; margin-top: 10px; margin-left: 3px; border-left: 1px solid #e8e8e8; padding-left: 14px; padding-bottom: 10px; }

.tour-see { position: relative; height: 20px; line-height: 20px; color: #9c9fa1; }

    .tour-see .more { position: absolute; top: 0; right: 0; color: #f73b3c; }

    .tour-see .spot { position: absolute; top: 0; left: -20px; display: block; width: 12px; height: 20px; background: url(/content/images/ico_index_kft.png) center top no-repeat; }

.tour-body dl { position: relative; min-height: 76px; _height: 76px; padding-left: 110px; margin-top: 10px; }

.tour-body dt { position: absolute; top: 0; left: 0; }

.tour-body .img, .oct-body .img img { display: block; width: 100px; height: 76px; overflow: hidden; }

.tour-body h3 { height: 20px; line-height: 20px; font-size: 14px; overflow: hidden; }

    .tour-body h3 a { display: inline-block; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tour-body p { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; }

.tour-body .price { color: #f73b3c; }

.tour-body .location { color: #9c9fa1; padding-left: 16px; background: url(/content/images/ico_index.png) left -245px no-repeat; }

.tour-foot { position: relative; height: 24px; line-height: 24px; color: #9c9fa1; font-size: 12px; margin-top: 10px; }

.aside-tour li.li0 .tour-foot { margin-top: 0; padding-left: 18px; background: url(/content/images/ico_index_kft.png) left -18px no-repeat; }

.tour-foot .number { }

.tour-foot .enroll { position: absolute; top: 0; right: 0; display: block; width: 62px; height: 22px; line-height: 22px; color: #f73b3c; border: 1px solid #f73b3c; border-radius: 2px; text-align: center; font-size: 12px; cursor: pointer; }

    .tour-foot .enroll:hover { background: #f73b3c; color: #fff; }

.aside-trend { height: 190px; margin-bottom: 10px; }

.aside-plate { padding-top: 8px; height: 384px; overflow: hidden; }

 .aside-plate li, .aestate-main { position: relative; min-height: 76px; _height: 76px; padding-left: 110px; margin-bottom: 20px; }

.aestate-main { margin-bottom: 10px; }

.aside-plate li:hover { background: #f8f8f9; }
.aside-plate li:active {
    background: rgba(51, 181, 229, 0.2);
    border-radius: 3px;
}

.aside-plate .img, .aestate-main .img { position: absolute; top: 0; left: 0; display: block; width: 100px; height: 76px; overflow: hidden; }

    .aside-plate .img img, .aestate-main .img img { width: 100px; height: 76px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

        .aside-plate .img img:hover, .aestate-main .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.aplate-info { font-size: 12px; }

    .aplate-info h2 { height: 20px; line-height: 20px; font-size: 14px; overflow: hidden; }

        .aplate-info h2 a { display: inline-block; max-width: 100%; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .aplate-info h2 a:hover { color: #f73b3c; }

    .aplate-info .price, .aplate-info .number { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f73b3c; margin-top: 8px; }

    .aplate-info .location { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #9c9fa1; margin-top: 8px; }

        .aplate-info .location * { vertical-align: middle; }

        .aplate-info .location .i-location { display: inline-block; width: 14px; height: 18px; background: url(/content/images/icon.png) 0 -122px no-repeat; margin-right: 4px; }

.aestate-other { font-size: 12px; }

    .aestate-other dl { position: relative; padding-left: 50px; line-height: 24px; margin-bottom: 5px; }

    .aestate-other dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .aestate-other dd { }

    .aestate-other .tel { color: #5680a6; }

.aestate-interfix { font-size: 12px; }

    .aestate-interfix li { margin-bottom: 6px; }

        .aestate-interfix li a { display: block; height: 26px; line-height: 26px; overflow: hidden; }

            .aestate-interfix li a:hover { background: #f8f8f9; }

            .aestate-interfix li a * { vertical-align: middle; }

    .aestate-interfix .name { display: inline-block; width: 90px; max-width: 90px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .aestate-interfix li a:hover .name { color: #f73b3c; }

    .aestate-interfix .region, .aestate-interfix .price { display: inline-block; width: 74px; max-width: 85px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }

    .aestate-interfix .price { text-align: right; color: #9c9fa1; }

.aside-codebox { margin-top: 20px; border-top: 1px solid #e8e8e8; }

.aside-code { text-align: center; padding: 30px 0; font-size: 12px; }

    .aside-code h2 { height: 30px; line-height: 30px; font-size: 16px; }

    .aside-code .img { width: 90px; height: 90px; margin: 15px auto 2px; }

        .aside-code .img img { width: 90px; height: 90px; }

.ctour-groom { padding: 0 6px; }

    .ctour-groom li { margin-bottom: 15px; }

    .ctour-groom .img { display: block; width: 236px; height: 177px; overflow: hidden; }

        .ctour-groom .img img { width: 236px; height: 177px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

            .ctour-groom .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.ctgroom-info { position: relative; height: 52px; line-height: 26px; overflow: hidden; margin-top: 8px; }

    .ctgroom-info h2 { font-size: 14px; }

        .ctgroom-info h2 a { display: inline-block; max-height: 52px; _height: 52px; overflow: hidden; }

            .ctgroom-info h2 a:hover { color: #f73b3c; }

    .ctgroom-info .number { position: absolute; bottom: 0; right: 0; display: block; width: 90px; height: 26px; line-height: 26px; background: #fff; color: #9c9fa1; font-size: 12px; text-align: right; }

.aside-shopper { }

    .aside-shopper li { height: 26px; line-height: 26px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 13px; background: url(/content/images/ico_list_style.png) left 0 no-repeat; }

        .aside-shopper li:hover { background: #f8f8f9 url(/content/images/ico_list_style.png) left 0 no-repeat; }

        .aside-shopper li a { display: inline-block; max-width: 100%; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .aside-shopper li a:hover { color: #f73b3c; }

        .aside-shopper li .name { display: inline-block; height: 16px; line-height: 16px; color: #5680a6; padding-right: 6px; margin-right: 6px; border-right: 1px solid #5680a6; }

        .aside-shopper li.has-img { height: auto; background: none; padding-left: 0; }

            .aside-shopper li.has-img:hover { background: #f8f8f9; }

    .aside-shopper .imgbox a.img { display: block; height: auto; /*height: 118px;text-align: center;*/ }

        .aside-shopper .imgbox a.img img { max-width: 100%; }

.aside-body.aside-dynatownbox { margin-top: 0; }

.aside-dynatown { /*padding-bottom: 5px;*/ padding: 0 10px 5px; }

    .aside-dynatown table { width: 100%; text-align: center; }

        .aside-dynatown table thead { color: #9c9fa1; text-align: center; }

            .aside-dynatown table thead th { border-bottom: 1px solid #e8e8e8; height: 40px; line-height: 40px; font-weight: 400; }

        .aside-dynatown table tbody { padding: 5px 0; }

            .aside-dynatown table tbody tr:hover { background: #f8f8f9; }

            .aside-dynatown table tbody tr * { vertical-align: middle; }

            .aside-dynatown table tbody td { padding: 3px 0; line-height: 26px; }

    .aside-dynatown .name { display: inline-block; max-width: 110px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .aside-dynatown .name:hover { color: #f73b3c; }

    .aside-dynatown .price { color: #9c9fa1; }

    .aside-dynatown .number { color: #f73b3c; }

.aside-field { padding: 10px 0 30px; font-size: 12px; color: #9c9fa1; }

    .aside-field li { float: left; width: 50%; text-align: center; }

    .aside-field h3 { font-size: 18px; font-weight: 600; color: #000; height: 38px; line-height: 38px; margin-bottom: 5px; }

    .aside-field p { height: 26px; line-height: 26px; overflow: hidden; }

.aside-enlist { font-size: 12px; color: #6b7072; height: 216px; overflow: hidden; }

    .aside-enlist li { height: 26px; line-height: 26px; margin-bottom: 10px; overflow: hidden; }

        .aside-enlist li * { vertical-align: middle; }

        .aside-enlist li:hover { background: #f8f8f9; }

    .aside-enlist span.phone { display: inline-block; width: 40%; }

    .aside-enlist span.state { display: inline-block; width: 30%; text-align: center; }

    .aside-enlist span.time { display: inline-block; text-align: right; width: 25%; }

.aside-tel { text-align: center; font-size: 12px; color: #9c9fa1; font-style: italic; padding-bottom: 20px; }

    .aside-tel h3 { height: 46px; line-height: 46px; font-size: 30px; font-weight: 600; color: #f73b3c; /*letter-spacing: 4px*/ }

        .aside-tel h3 * { vertical-align: middle; }

    .aside-tel i.tel { display: inline-block; width: 30px; height: 30px; background: url(/content/images/icon.png) -240px -150px no-repeat; margin-right: 12px; }

    .aside-tel .time { padding-left: 36px; }

.no-databox { padding: 160px 0; }

.no-data { text-align: center; }



/**/

.house-head-layout { min-height: 90px; }
    .house-head-layout .tel-li { display: none; }
.h_top_menu { min-height: 46px; }

.fixed-layout .house-head-warp, .fixed-layout .house-body { position: fixed; top: 0; left: 0; width: 100%; height: 90px; z-index: 99999; }
/*.fixed-layout .house-body { transition: all 200ms; }*/
.fixed-layout .house-head-warp {
    background: #FFFFFF;
    border-bottom: 1px solid #e8e8e8;
  
    /*-webkit-box-shadow: 0 0px 10px rgba(204, 204, 204, 0.6); 
                                 -ms-box-shadow: 0 0px 10px rgba(204, 204, 204, 0.6); -moz-box-shadow: 0 0px 10px rgba(204, 204, 204, 0.6);
                                 -o-box-shadow: 0 0px 10px rgba(204, 204, 204, 0.6); box-shadow: 0 0px 10px rgba(204, 204, 204, 0.6); */
}
.fixed-layout .house-body { top: 50px; height: 46px; margin-top: 0; }
.fixed-layout .list-itembox, .fixed-layout .house-head { width: 1114px; margin: 0 auto; padding-left: 86px; }
/*transition: all 200ms;*/
.nav-fixed-layout .list-label {
    display: none;
}
.fixed-layout .list-item { border: 0; }
.fixed-layout .time { display: none; }
.fixed-layout .tel-li { display: block; }

.house-head-s400 { display: none; top: 35px; }
.fixed-layout .house-head-s400 {
    display: block;
    position: absolute;
    right: 0px;
    top: 46px;
    color: red;
    font-size: 14px;
    transition: all 200ms;
    font-weight: bold;
}

.fixed-layout .list-item-wrap, .fixed-layout .filter-box-center, .fixed-layout .list-itembox-center { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; -webkit-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.17); -ms-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.17); -moz-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.17); -o-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.17); box-shadow: 0 3px 15px rgba(93, 91, 91, 0.17); transition: all 200ms; }
.fixed-layout .list-item-wrap { background: #FFFFFF; }
.fixed-layout .filter-box-center { background: none; }
.fixed-layout.list-item-wrap-layout {
    margin-bottom: 18px;
}
.fixed-layout .filter-box-center .filter { padding-top: 0; margin-top: -1px; border-radius: 0; }
.fixed-layout .filter-box-center dl { display: none; }
.filter-box-center .filterbox { width: 1200px; margin: 0 auto; background: #FFFFFF; border-radius: 0; }

.fixed-layout #filterCondition { background-color: transparent; }
.fixed-layout .filterbox .filter { border: 1px solid #fff; }
.newhouse-listbox .fixed-layout .list-itembox { background: #FFFFFF; margin: 0 auto; width: 1158px; padding-left: 20px; padding-right: 20px; border-radius: 0; transition: none; border: 1px solid #DDDDDD; border-top: 0; }
    .newhouse-listbox .fixed-layout .list-itembox .arrowbox { right: 10px; }

.fixed-layout .last { width: 1200px; margin: 0 auto !important; padding: 0px !important; padding: 13px !important; border-top: 0px !important; transition: all 200ms; }
    .fixed-layout .last dt { float: left; }
.fixed-layout .filter dd { float: left; margin-left: 62px; }
#filterCondition_layout { background-color: #f8f8f9; background-image: -webkit-linear-gradient(top, #ffffff, #f7f6f6ba); }
.fixed-layout #filterCondition_layout { position: absolute; width: 100%; left: 0px; -webkit-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.23); -ms-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.23); -moz-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.23); -o-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.23); box-shadow: 0 3px 15px rgba(93, 91, 91, 0.23); transition: all 200ms; }

.topbarbox_layout { width: 100%; height: 50px; }
    .topbarbox_layout .topbarbox { position: fixed; top: 0; width: 100%; left: 0; z-index: 11; transition: transform 10ms; }
.fixed-layout .topbarbox { z-index: 100000;  }
/*transform: translateY(-100%);*/
.fixed-layout.show-fixed .topbarbox {
    top: 0;
    transform: translateY(0);
}
.fixed-layout .topbar-wrap { height: 41px; line-height: 41px; }
/*.topbarbox_layout.show-fixed ~ .contentbox .list-item-wrap { transform: translateY(100%); transition: transform 250ms; }*/
.list-item-wrap-is-fixed .topbarbox { box-shadow: none; }

.downbox-map { width: 180px; padding: 10px; text-align: center; font-size: 13px; }
    .downbox-map h2 { height: 30px; line-height: 30px; font-size: 16px; font-weight: 600; color: #394043; }
    .downbox-map .go-download { display: block; height: 28px; line-height: 28px; color: #f73b3c; border-radius: 2px; border: 1px solid #f73b3c; color: #f73b3c !important; width: 130px; margin: 5px auto; }
        .downbox-map .go-download:hover { text-decoration: underline; }

.banner-switchbox li .advert-hint, .full_top .advert-hint, .posterbox .advert-hint { left: 6px; right: auto !important; }

.full_top { width: 100%; height: 460px; margin: 0 auto; overflow: hidden; display: none; text-align: center; position: relative; }
    .full_top .link { width: 100%; height: 460px; display: block; z-index: 10; }
    .full_top .up { display: block; width: 120px; height: 12px; background: url(/Content/images/arrow.jpg) no-repeat left bottom; position: absolute; left: 50%; bottom: 0; z-index: 20; margin-left: -60px; }
    .full_top .down { display: block; width: 120px; height: 12px; background: url(/Content/images/arrow.jpg) no-repeat left top; position: absolute; left: 50%; top: 57px; z-index: 20; margin-left: -60px; }

.error_page { height: 400px; background: url(/Content/images/error1.png) no-repeat center; background-size: cover; position: relative; text-align: center; }
    .error_page div { height: 40px; line-height: 40px; bottom: 150px; padding-top: 220px; padding-left: 200px; color: #525252; }
        .error_page div em { font-size: 22px; color: #f08300; padding: 5px; }
    .error_page a { height: 40px; line-height: 40px; padding-left: 30px; text-decoration: underline; position: absolute; bottom: 100px; background: url(/Content/images/return.png) no-repeat left center; }

.banner-switchbox .prev, .banner-switchbox .next { position: absolute; top: 220px; z-index: 2; display: block; width: 60px; height: 80px; background-color: #fcf }
.banner-switchbox .next { right: 50%; margin-right: -600px; background: url(/Content/images/banner_btn.png) center 0 no-repeat; }
    .banner-switchbox .next:hover { background: url(/Content/images/banner_btn.png) center -80px no-repeat; }
.banner-switchbox .prev { left: 50%; margin-left: -600px; background: url(/Content/images/banner_btn.png) center -160px no-repeat; }
    .banner-switchbox .prev:hover { background: url(/Content/images/banner_btn.png) center -240px no-repeat; }


/*global.css 新增0530*/
.index-topbarbox.topbarbox .topbar-other .vip-entry a.down {
    color: #debb82;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
}
.topbar-other .vip-entry a.down { color: #debb82; font-size: 16px; height: 40px; line-height: 40px; }

    .topbar-other .vip-entry a.down * { vertical-align: middle; }
.topbar-other .vip-entry .i-vip { display: inline-block; width: 20px; height: 16px; background: url(/Content/vip/images/ico_vip20.png) center top no-repeat; margin-right: 3px; }
.downbox.downbox-vip { background: transparent; padding-top: 2px; box-shadow: none; }
.member-entry { width: 218px; padding: 20px 15px; background: rgba(0,0,0,0.7); font-size: 16px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }
.member-items { margin-top: 12px; }
    .member-items .item { float: left; display: block; width: 50%; height: 30px; line-height: 30px; color: #fff !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px; }
        .member-items .item * { vertical-align: middle; }
        .member-items .item .icon { display: inline-block; width: 22px; height: 22px; margin-right: 3px; }
    .member-items .icon.i-home { background: url(/Content/vip/images/sy_01.png) center no-repeat; }
    .member-items .icon.i-service { background: url(/Content/vip/images/sy_02.png) center no-repeat; }
    .member-items .icon.i-diamond { background: url(/Content/vip/images/sy_03.png) center no-repeat; }
    .member-items .icon.i-bus { background: url(/Content/vip/images/sy_04.png) center no-repeat; }
.member-more { text-align: center; }
    .member-more .more { display: inline-block; color: #9c9fa1; }
        .member-more .more:hover { text-decoration: underline; }
.member-btn { margin-top: 20px; text-align: center; }
    .member-btn .btn { display: inline-block; width: 216px; height: 38px;cursor:pointer; line-height: 38px; border-radius: 19px; background: url(/Content/vip/images/btn_216.png) center no-repeat; color: #4a2e2e !important; }
.member-center { width: 175px; background: rgba(0,0,0,0.7); font-size: 16px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; font-size: 16px; padding-bottom: 20px; }
.member-links { text-align: center; }
    .member-links p { border-bottom: 1px solid #aaaaaa; }
    .member-links .item { color: #fff !important; display: block; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-center .member-btn .btn { width: 140px; }

.buyvip-tips { position: relative; background: url(/Content/vip/images/buy_successbg.png) center top no-repeat; width: 440px; height: 474px; margin: 0 auto;margin-top:100px; }
    .buyvip-tips .close { position: absolute; top: 0; right: 0; cursor: pointer; width: 32px; height: 32px; background: url(/Content/vip/images/ico_close2.png) center no-repeat; }
.buy-tips { padding-top: 220px; width: 320px; margin: 0 auto; }
    .buy-tips .words { font-size: 18px; line-height: 30px; color: #b6985f; }
    .buy-tips .go { display: block; width: 302px; height: 50px; line-height: 50px; text-align: center; margin: 60px auto 0; color: #4a2e2e; font-size: 18px; font-weight: 600; background: url(/Content/vip/images/btn_300.png) center no-repeat; }

    /*户型添加*/
.house-huxing .img a{position: relative; cursor: pointer;}
.house-huxing .mask-vr{position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 45px; height: 20px; background: url(/Content/images/icon_vrmask.png) center no-repeat;}

.huxing-particulars{width: 500px !important;}
.binfo-call{font-size: 20px !important;}
.huxing-bannerbox{position: relative; float: left; width: 648px; padding-bottom: 20px; border:1px solid #e8e8e8;}
.huxbannerbox { position: relative; height: 502px; overflow: hidden; text-align: center; background-color: #f7f5f5; }
    .huxbannerbox .img { max-width: 648px; max-height: 502px; object-fit: contain; }
    .huxbannerbox .txt { position: absolute; bottom: 0; left: 0; right: 0; height: 60px; line-height: 60px; padding: 0 5px; text-align: center;color: #fff; font-size: 16px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c000000,endcolorstr=#4c000000); }
    
.huxbannerbox .vr-mask{position: absolute; bottom: 0; left: 0; right: 0; z-index: 1;}
.huxbannerbox .vr-mask .vr{display: block; height: 66px; background: url(/Content/images/vr_mask.png) center no-repeat; }

.huxbanner-page{position: relative; height: 84px; margin-top: 20px;/* padding: 0 24px;*/}
.huxing-banner a.sPrev,.huxing-banner a.sNext{position: absolute; top: 10px; display: block; width: 22px; height: 50px; cursor: pointer; z-index: 1;}
.huxing-banner a.sPrev{left: 12px; background: url(/Content/images/huxingbtn_switch.png) 0 -50px no-repeat;}
.huxing-banner a.sPrev.prevStop{background: url(/Content/images/huxingbtn_switch.png) 0 0 no-repeat;}
.huxing-banner a.sNext{right: 12px; background: url(/Content/images/huxingbtn_switch.png) 0 -150px no-repeat;}
.huxing-banner a.sNext.nextStop{background: url(/Content/images/huxingbtn_switch.png) 0 -100px no-repeat;}
.hux-subbanner{width: 556px; height: 77px; margin: 0 auto; overflow: hidden;}
.hux-subbanner ul{margin-right: -20px; *zoom:1;}
.hux-subbanner li{position:relative; float: left; width: 98px; height: 75px; border:1px solid #e8e8e8; margin-right: 14px; _display:inline-block; *zoom:1; cursor: pointer;}
.hux-subbanner .img{width: 98px; height: 75px;}
    .hux-subbanner .txt { position: absolute; bottom: 0; left: 0; right: 0; height: 22px; line-height: 22px; padding: 0 5px; text-align: center; font-size: 12px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c000000,endcolorstr=#4c000000); }

.hux-subbanner li.on{border:1px solid #f73b3c;}


.posterbox { position: relative;z-index:20; }
    .posterbox .toggle-poster { position: absolute; left: 50%; bottom: 0; z-index: 2; margin-left: -60px; display: block; width: 120px; height: 12px; background: url(/Content/images/poster_arrow.jpg) 0 -12px no-repeat; cursor: pointer; }
    .posterbox.toggle .toggle-poster { background: url(/Content/images/poster_arrow.jpg) 0 0 no-repeat; }
.poster-bannerbox { position: relative; }
.poster-banner { }
    .poster-banner li { }
        .poster-banner li a { display: block; height: 460px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.poster-other { display: none; }
    .poster-other li { display: none; }
        .poster-other li.on { display: block; }
        .poster-other li a { display: block; height: 69px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.posterbox.toggle .poster-banner { display: none; }
.posterbox.toggle .poster-other { display: block; }
.poster-spot { position: absolute; left: 50%; bottom: 22px; z-index: 3; margin-left: -320px; width: 640px; height: 2px; font-size: 0; text-align: center; }
    .poster-spot li { display: inline-block; width: 20px; height: 2px; border-radius: 0; background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff); margin: 0 5px; *display: inline; *zoom: 1; vertical-align: middle; cursor: pointer; }
        .poster-spot li.on { background: #fff; }


/* 空占位 */
.nullbox { padding: 2.5rem 1.5rem; line-height: 2.2rem; font-size: 1.3rem; color: #9c9fa1; text-align: center; }
    .nullbox .null-icon { width: 15rem; margin: 0 auto; }
    .nullbox h2 { }

.nodatabox { padding: 2.5rem 1.2rem; line-height: 2.6rem; font-size: 1.2rem; color: #9c9fa1; text-align: center; }
    .nodatabox h2 { font-size: 1.6rem; color: #394043; }
    .nodatabox h4 { font-size: 1.4rem; color: #394043; }
    .nodatabox .icon { width: 18rem; margin: 0 auto; }


/*  20191226 预约看房底部弹窗 */

.fix-purpose-thumbnail { position: fixed; bottom: 0; left: -100px; z-index: 100; width: 100px; height: 150px; background: url(/Content/images/purpose_thumbnail.png) center no-repeat; cursor: pointer; }
.fix-purposebox { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; height: 70px; background: rgba(4,17,31,0.8); }
.purposebox { position: relative; width: 940px; height: 70px; padding-left: 260px; margin: 0 auto; }
.purpose-icon { position: absolute; left: 0; bottom: 0; z-index: 110; width: 260px; height: 180px; background: url(/Content/images/purpose_icon.png) center bottom no-repeat; }
.purpose-close { position: absolute; right: 145px; bottom: 20px; display: block; width: 30px; height: 30px; background: url(/Content/images/purpose_close.png) center center no-repeat; cursor: pointer; }
.purpose-form { height: 54px; padding-top: 16px; padding-left: 196px; background: url(/Content/images/purpose_bg.png) left top no-repeat; }
    .purpose-form li { float: left; margin-left: 10px; }
.purpose-text { height: 38px; line-height: 38px; text-indent: 10px; width: 160px; background: #fff; border: none; font-size: 14px; }
    .purpose-text.w80 { width: 80px; }
.purpose-btn { width: 80px; height: 38px; line-height: 38px; border: none; background: #f73b3c; color: #fff; font-size: 16px; cursor: pointer; }
    .purpose-btn:hover { text-decoration: underline; }


pre { white-space: pre-wrap !important; word-wrap: break-word !important; *white-space: normal !important; }

.nodata-mian { padding: 20px 0 20px 200px; margin-bottom: 10px; background: url(/Content/images/client_logo_zp.png) 20px 20px no-repeat; background-color: #F7F7F7; }
    .nodata-mian res { margin-bottom: 8px; font-size: 14px; }
    .nodata-mian p { font-size: 12px; line-height: 26px; word-wrap: break-word; }
        .nodata-mian p a { color: #22b5f7; cursor: pointer; text-decoration: underline; }
    .nodata-mian .hotword a { color: #f73b3c; margin: 0 5px; text-decoration: underline; }

.tips_price { width: 18px; height: 18px; background: url(/Content/Images/icon_tips.png) no-repeat; background-size: 100%; display: inline-block; margin-left: 2px; border-radius: 50%;  cursor: pointer; }

/*20231211*/
.newhouse_info_bm {
    font-size: 14px;
    font-weight: 200;
    color: #827f7f;
    padding-left: 8px;
    padding-right: 4px;
    position: relative;
    top: 5px;
}

.esf-u-type { height: 18px; line-height: 18px; color: #fff; padding: 0 8px; border-radius: 0 0 0 5px; top: 0; right: 0; position: absolute; z-index: 1;background: #02c26e; background: -webkit-gradient(linear, left top, right top, color-stop(10%, #76d569), color-stop(90%, #02c26e)); background: -webkit-linear-gradient(left, #76d569 10%, #02c26e 90%); background: linear-gradient(to right, #76d569 10%, #02c26e 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76d569', endColorstr='#02c26e', GradientType=1); }
.esf-u-type1 { display: inline-block; background-color: #e93b3d; height: 26px; line-height: 26px; color: #fff; font-size: 16px; padding: 0 8px; border-radius: 3px; margin-top: -4px; margin-right: 3px; color: #fff; background: #02c26e; background: -webkit-gradient(linear, left top, right top, color-stop(10%, #76d569), color-stop(90%, #02c26e)); background: -webkit-linear-gradient(left, #76d569 10%, #02c26e 90%); background: linear-gradient(to right, #76d569 10%, #02c26e 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76d569', endColorstr='#02c26e', GradientType=1); }

.head-searchbox h6{float:left;font-size:14px}.head-searchbox .t_s_type{float:left;background-color:#fbc9c9;color:#fff;padding:2px 5px;margin-left:5px;border-radius:5px}.head-searchbox .state{float:right;color:#ccc;font-size:12px}.map-headbox .topbar-wrap{margin-left:20px;width:98%}.map-domain h2{box-shadow:0 10px 8px 0 rgba(0,0,0,.1);border-radius:5px}.map-domain h2:hover{background-color:#e80e10;color:yellow}.map-region{box-shadow:0 10px 8px 0 rgba(0,0,0,.1)}.index-searchbox .autocompleter{left:0}.index-searchbox .autocompleter-list{color:#000}.index-searchbox .autocompleter-list .state{color:#9c9fa1;font-size:10px}.pagebox{padding:40px 0;text-align:center;font-size:12px}.pagebox a,.pagebox span{display:inline-block;min-width:10px;height:36px;line-height:36px;padding:1px 17px;color:#000;border:1px solid hsla(0,0%,59.2%,.5);cursor:pointer;margin:8px 4px;font-size:14px}.pagebox a.on,.pagebox span.on,.pagebox a[disabled].on{color:#fff;background:#f73b3c;border:1px solid #f73b3c;cursor:default}.pagebox a:hover{color:#fff;border:1px solid #f73b3c;background:#f73b3c}.pagebox a.ellipsis{border:none!important;font-weight:600}.pagebox a[disabled]{color:#9c9fa1;cursor:default;background-color:#fff;border-color:#ddd}.tip-twitter{z-index:1000;text-align:left;max-width:200px;padding:10px 14px;background-color:#fff;line-height:25px;color:#999eb1;font-size:12px;box-shadow:0 0 24px #b9c0cf;border:1px solid #b9c0cf;border:0 rgba(0,0,0,0.2)}.tip-twitter .tip-arrow-top{margin-top:-5px;margin-left:-5px;top:0;left:50%;width:9px;height:5px;background:url(/Content/css/tip-twitter_arrows.gif) no-repeat}.tip-twitter .tip-arrow-right{margin-top:-4px;margin-left:0;top:50%;left:100%;width:5px;height:9px;background:url(/Content/css/tip-twitter_arrows.gif) no-repeat -9px 0}.tip-twitter .tip-arrow-bottom{margin-top:0;margin-left:-5px;top:100%;left:50%;width:9px;height:5px;background:url(/Content/css/tip-twitter_arrows.gif) no-repeat -18px 0}.tip-twitter .tip-arrow-left{margin-top:-4px;margin-left:-5px;top:50%;left:0;width:5px;height:9px;background:url(/Content/css/tip-twitter_arrows.gif) no-repeat -27px 0}.linearcss{-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}.content-nav-fixed .info-menubox{position:fixed;top:45px;left:unset;margin-left:-140px;z-index:2}.content-nav-fixed .info-navbox{position:fixed;top:40px;background:#FFF;z-index:3;width:740px;margin-top:0;border-radius:0}
.autocompleter{width:84%;left:82px;top:40px;background:#fff;transform-origin:0;z-index:100;overflow:auto;max-height:410px}.ny_search .autocompleter{width:84%;left:82px;top:40px;background:#fff;transform-origin:0;z-index:100;overflow:auto;max-height:410px}.autocompleter-closed{transform:scaleY(0);-webkit-transform:scaleY(0);-webkit-transform-origin:0 0}.isearchbox .autocompleter{width:100%;top:40px;background:#fff;transform-origin:0;z-index:100;overflow:auto;max-height:410px;-webkit-box-shadow:0 3px 7px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 3px 7px 0 rgba(0,0,0,0.2);-ms-box-shadow:0 3px 7px 0 rgba(0,0,0,0.2);-o-box-shadow:0 3px 7px 0 rgba(0,0,0,0.2);box-shadow:0 3px 7px 0 rgba(0,0,0,0.2)}.autocompleter-show{display:block;transform:scaleY(1);-webkit-transform:scaleY(1)}.autocompleter,.autocompleter-hint{position:absolute}.autocompleter-list{list-style:none;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.autocompleter-item{cursor:pointer;box-sizing:border-box;display:inline-block;font-size:14px;height:100%;padding:10px 15px 10px 15px;vertical-align:middle;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocompleter-item:hover{background:#f4f7f9}.autocompleter-item-selected{background:#EEE}.autocompleter-item strong{color:red}.autocompleter-hint{width:100%;display:none}.autocompleter-hint-show{display:block}.autocompleter-hint span{color:transparent}.autocompleter-head{background:#f6f8f9;color:#849aae;line-height:40px;height:40px;border-bottom:1px solid #f5f4f4;padding-left:15px}.autocompleter-empty-item{color:red}
@charset "utf-8";

.filterbox { font-size: 14px; }

    .filterbox .filter {
        width: 1158px;
        margin: 0 auto;
        background: #fff;
        padding: 0 20px;
        padding-top: 8px;
        border: 1px solid hsla(0,0%,88.2%,0.9);
        border-top: 0;
        padding-bottom: 8px;
    }
        .filterbox .filter:hover {box-shadow: 0 6px 14px rgba(0,0,0,0.08); }

.filter dl {
    position: relative;
    padding: 6px 0 5px 45px;
    min-height: 20px;
    line-height: 20px;
}


    .filter dl:first-child { border-top: none; }

    .filter dl.last { padding: 15px 20px 15px 70px; margin: 0 -20px; border-top: 1px solid #f5f5f5; background: #f8f8f9; display: none; }

    .filter dl:last-child { border-bottom: none; }

.filter dt { position: absolute; top: 10px; left: 0; width: 60px; color: #9c9fa1; }

.filter dl.last dt { top: 15px; left: 20px; }

.filter dl#dl_more { border-bottom: none; }

    .filter dl#dl_more dt { top: 22px; }

.filter dd { }

.subfilter li, .filter-more li { float: left; margin: 0 10px; cursor: pointer; _display: inline-block; *zoom: 1; padding: 2px 2px; }

    .subfilter li.on, .filter-item .item.on { color: #fff; background-color: #ff5b5c; border-radius: 3px; padding: 2px 8px; }

        .subfilter li.on a, .filter-item .item.on a { color: #fff; }

    .subfilter li:hover, .filter-item .item:hover { text-decoration: underline; }

    .subfilter li.li-custom { text-decoration: none; }

.filter-more { padding: 10px 0; }

.filter-select { position: relative; font-size: 12px; }

    .filter-select .name { display: block; width: 60px; height: 22px; line-height: 22px; padding: 0 16px 0 4px; border: 1px solid #e5e5e5; background: url(/content/images/icon_fselect.png) center right no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .filter-select ul { position: absolute; top: 23px; left: 0; width: 80px; border: 1px solid #e5e5e5; background: #fff; z-index: 1; padding: 10px; display: none; width: 200px; -webkit-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.16); -ms-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.16); -moz-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.16); -o-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.16); box-shadow: 0 3px 15px rgba(93, 91, 91, 0.16); }

    .filter-select li { float: left; width: 80px; height: 27px; line-height: 27px; padding: 0 8px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .filter-select li.on { color: #f73b3c; }

        .filter-select li:hover { background: #eee; }

.filter-itembox { /*margin-top: 10px;*/
}

.filter-item { padding: 10px; border-radius: 2px; display: none; border: 1px solid #f0f0f3; border-top: 0px; background-color: #ffffff; }
    .filter-item:hover { box-shadow: 0 6px 14px rgba(0,0,0,0.03); }
.i_hover:hover { box-shadow: 0 6px 14px rgba(0,0,0,0.03); }

.filter-item .item { display: inline-block; margin: 0 8px; cursor: pointer; }

.subfilter li.on .custombox, .subfilter li:hover .custombox { text-decoration: none !important; color: #333 !important; }

.subfilter li.on.region { position: relative; }

.subfilter li:active {
    background: rgba(51, 181, 229, 0.2);border-radius:3px;
}

.subfilter .subfilterArealist li.on.region:after { display: none; }

.custombox { }

.custom-text, .custom-text-short {
    float: left;
    width: 46px;
    height: 21px;
    line-height: 21px;
    border: 1px solid #e7e7e7;
    text-align: center;
    border-radius: 2px;
}

.custom-text-short { width: 40px; }

.custombox .words { float: left; display: inline-block; padding: 0 6px; }

.custombox .line { float: left; display: block; width: 18px; height: 22px; background: url(/content/images/filter_line.png) center no-repeat; }

.custom-sure { float: left; display: block; width: 36px; height: 22px; line-height: 22px; color: #999; border: 1px solid #e5e5e5; text-align: center; margin-left: 15px; cursor: pointer; }

    .custom-sure:hover { color: #666; }

.subfilterArealist {
    clear: both;
    background-color: #f8f8f9;
    padding: 5px 0px;
    margin-top: 11px;
    border: 1px solid #f0f0f3;
}

.cleardiv { clear: both; font-size: 0px; width: 0px; height: 0px; line-height: 0px; }

.f-condition { }

    .f-condition .nape { position: relative; display: inline-block; height: 20px; line-height: 20px; border: 1px solid #e8e8e8; padding-left: 4px; padding-right: 26px; margin: 0 3px; cursor: pointer; background: #fff; }

        .f-condition .nape:hover { background: #fce2e2; border: 1px solid #f73b3c; color: #f73b3c; }

    .f-condition .del { position: absolute; top: 2px; right: 0; display: block; width: 16px; height: 16px; background: url(/content/images/filter_btn.png) center top no-repeat; cursor: pointer; }

    .f-condition .nape:hover .del { background: url(/content/images/filter_btn.png) center -16px no-repeat; }

.nape-del { display: inline-block; padding-left: 20px; background: url(/content/images/filter_btn.png) left -33px no-repeat; cursor: pointer; color: #999; font-size: 14px; margin-left: 28px; display: none; }

    .nape-del:hover { text-decoration: underline; }

.find-results { padding-bottom: 10px; line-height: 36px; }

    .find-results h2 { font-size: 18px; color: #333; }

        .find-results h2 .number { color: #f73b3c; }

.list-itembox { position: relative; }

.list-item {
    position: relative;
    height: 46px; /*兼容ie低版本*/
    border: 1px solid #e1e1e1;
    font-size: 16px;
}

.list-item-wrap { border-bottom: 1px solid #e8e8e8; margin-bottom: 15px; }

    .list-item-wrap .list-item { width: 1200px; margin: 0 auto; border-bottom: none; }

.list-item li {
    float: left;
    border-right: 1px solid #e1e1e1;
    /*border-bottom: 1px solid #e1e1e1;*/
}

    .list-item li a {
        padding: 1px 16px;
        display: inline-block;
        height: 42px;
        line-height: 42px;
        border-bottom: 2px solid #fff;
        cursor: pointer;
    }

    .list-item li.on a {
        color: #f73b3c;
        border-bottom: 3px solid #fff;
    }

    .list-item li:hover a { color: #f73b3c; }

.arrowbox { font-size: 12px; color: #666; }

.list-itembox .arrowbox { position: absolute; /*top: 0;*/ top: 11px; right: 13px; }

.arrowbox .arrow { display: inline-block; line-height: 24px; margin-right: 16px; cursor: pointer; }

    .arrowbox .arrow.on, .arrowbox .arrow:hover { color: #f73b3c; }

    .arrowbox .arrow.down { padding-right: 12px; background: url(/content/images/icon_arrow.png) right top no-repeat; }

        .arrowbox .arrow.down.on { background: url(/content/images/icon_arrow.png) right -48px no-repeat; }

    .arrowbox .arrow.up { padding-right: 12px; background: url(/content/images/icon_arrow.png) right -24px no-repeat; }

        .arrowbox .arrow.up.on { background: url(/content/images/icon_arrow.png) right -72px no-repeat; }

    .arrowbox .arrow:last-child { margin-right: 0; }

.find-results.has-border { border-bottom: 1px solid #e8e8e8; }

.mod-newhouse-list .time-menubox { margin-bottom: 20px; }

.newhouse-list { margin-top: 10px; }

    .newhouse-list li {
        padding: 15px 0;
        min-height: 170px;
        _height: 170px;
        border-bottom: 1px solid #f2f2f2;
    }

        .newhouse-list li:hover { background: #f8f8f9; }
        .newhouse-list li:active {
            background: rgba(51, 181, 229, 0.2);
        }

.nhlist-item {
    position: relative;
    padding: 0 0 0 246px;
    min-height: 120px;
    /*_height: 180px;*/
}

    .nhlist-item .img {
        position: absolute;
        top: 0;
        left: 0;
        width: 226px;
        height: 160px;
        overflow: hidden;
    }

        .nhlist-item .img .nlbj {
            position: absolute;
            width: 226px;
            height: 160px;
            background: url(/Content/images/h_List_bg.png) repeat-x bottom;
            z-index: 1;
            opacity: 0.8;
        }
        .nhlist-item .img img {
            width: 226px;
            height: 160px;
            object-fit: cover;
            -webkit-transition: all 0.6s;
            -moz-transition: all 0.6s;
            -o-transition: all 0.6s;
            -ms-transition: all 0.6s;
            transition: all 0.6s;
        }

            .nhlist-item .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

    .nhlist-item .nhlist-tool {
        position: absolute;
        top: 124px;
        left: 0;
        right: 0;
        z-index: 2;
        height: 36px;
        line-height: 36px;
        padding: 0 10px;
        color: #fff;
        /* background: url(/content/images/shadow36.png) center repeat-x; */
        width: 230px;
        opacity: 0.7;
        font-size: 12px;
    }

.nhlist-tool a { display: inline-block; padding-left: 20px; margin-right: 10px; color: #fff; }

.nht-comment {
    background: url(/content/images/ico_list.png) left 0 no-repeat;
    background-size: 19px;
    background-position-y: 5px;
}

.nht-album { background: url(/content/images/ico_list.png) left -40px no-repeat; }

.nht-news { background: url(/content/images/ico_list.png) left -80px no-repeat; }

.nhlist-item .pag { position: absolute; top: 0; left: -5px; padding-bottom: 6px; background: url(/content/images/ico_list.png) left -120px no-repeat; z-index: 3; }

    .nhlist-item .pag em { display: inline-block; padding: 0 6px; height: 26px; line-height: 26px; background: #f73b3c; color: #fff; }
.newhouse-list .tag { position: absolute; top: -4px; left: 210px; display: block; width: 40px; height: 46px; z-index: 3; }
    .newhouse-list .tag.red-packet { background: url(/content/images/ico_give.png) center top no-repeat; }
    .newhouse-list .tag.electrical { background: url(/content/images/ico_give.png) center -50px no-repeat; }
.newhouse-list .tag1 {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 22px;
    height: 22px;
    z-index: 3;
}
    .newhouse-list .tag1.vr-packet {
        background: url(/content/images/vr_icon.png) center top no-repeat;
        background-size: 21px;
        top: 6px;
        left: 33px;
    }
    .newhouse-list .tag1.video-packet {
        background: url(/content/images/sp_icon.png) center top no-repeat;
        background-size: 21px;
    }
.join-contrast {
    position: absolute;
    top: 110px;
    right: 0;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    color: #9c9fa1;
    font-size: 12px;
    background: url(/content/images/ico_list.png) 8px -155px no-repeat;
    z-index: 1;
    cursor: pointer;
    background-color: #f5f5f5;
    padding: 0 10px;
    padding-left: 24px;
}

    .join-contrast.current {
        background: url(/content/images/ico_list.png) 7px -185px no-repeat;
        border: 1px solid #ffdada;
        padding: 0 10px;
        padding-left: 24px;
        color: red;
    }

    .join-contrast:hover { text-decoration: underline; }

.nhlist-info { color: #666; }

    .nhlist-info h2 { font-size: 20px; font-weight: 600; }

        .nhlist-info h2 a { display: inline-block; max-width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; }

        .nhlist-info h2 * { vertical-align: middle; }

        .nhlist-info h2 a:hover { color: #f73b3c; }

        .nhlist-info h2 .sign { display: inline-block; height: 20px; line-height: 20px; padding: 0 5px; border-radius: 2px; font-weight: 400; font-size: 12px; color: #fff; margin-left: 8px; }

            .nhlist-info h2 .sign.blue { background: #22b5f7; }

            .nhlist-info h2 .sign.red { background: #f54738; }

            .nhlist-info h2 .sign.yellow { background: #ffa00b; }

            .nhlist-info h2 .sign.green { background: #06bd73; }

            .nhlist-info h2 .sign.violet { background: #422f7d; }

            .nhlist-info h2 .sign.brown { background: brown; }
            .nhlist-info .priceinfo{ color: #f73b3c; font-size: 22px; font-weight: 600; }

.nhlist-price { position: absolute; top: 40px; right: 0; max-width: 254px; text-align: right; }

    .nhlist-price strong { color: #f73b3c; font-size: 18px; }

.nhlist-tel {
    position: absolute;
    top: 8px;
    right: 0;
    height: 20px;
    line-height: 20px;
    padding-left: 22px;
    color: #363636;
}

    .nhlist-tel .i-tel { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; background: url(/content/images/icon.png) 0 0 no-repeat; }

.list-nape { line-height: 26px; margin-top: 1px; }

    .list-nape span { margin-right: 4px; }

    .list-nape .line { color: #ccc; }

.nhlist-info .address { line-height: 26px; margin-top: 10px; }

.nhlist-info .list-label { margin-top: 20px; }

.list-label span {
    display: inline-block;
    padding: 0 7px;
    height: 22px;
    line-height: 22px;
    border-radius: 4px;
    margin-right: 8px;
    font-size: 12px;
    color: #849aae;
    background: #f1f4f6;
}
/*.tagbox.tagbox1 span{color: #33be85; background: #e1f5ed;}
.tagbox.tagbox2 span{color: #ff5000; background: #fce6da;}
.tagbox.tagbox3 span{color: #21b2ee; background: #daeefc;}*/

.symbolbox { position: relative; padding-left: 28px; padding-right: 90px; min-height: 26px; line-height: 26px; /*margin-top:28px;*/ margin-top: 5px; }

    .symbolbox .ico { position: absolute; top: 3px; left: 0; display: inline-block; width: 20px; height: 20px; }

.symbol-tour, .symbol-tour a { color: #fe6542; }

.symbolbox .ico.i-tour { background: url(/content/images/icon.png) -30px 0 no-repeat; }

.symbol-tally, .symbol-tally a { color: #60aa11; }

.symbolbox .ico.i-tally { background: url(/content/images/icon.png) -30px -30px no-repeat; }

.list-opening { color: #fe6542; line-height: 20px; margin-top: 10px; }

    .list-opening a { color: #fe6542; }

    .list-opening p { margin-top: 3px; }

.symbolbox a:hover { text-decoration: underline; }

/*.pagebox{padding: 40px 0; text-align: center; font-size: 12px;}
.pagebox a{display: inline-block; min-width: 10px; height: 30px; line-height: 30px; padding: 0 10px; color: #9c9fa1; border:1px solid #e8e8e8; cursor: pointer; margin: 0 4px;}
.pagebox a.on{color: #fff; background: #f73b3c; border:1px solid #f73b3c;}
.pagebox a:hover{color: #fff; background: #cd3334; border:1px solid #cd3334;}
.pagebox a.ellipsis{border: none !important; font-weight: 600;}*/

/*详情*/
.house-head { position: relative; min-height: 90px; _height: 90px; }

    .house-head.has-qr { padding-left: 86px; }

    .house-head .qr-codebox { position: absolute; top: 0; left: 0; width: 66px; text-align: center; color: #9c9fa1; font-size: 12px; }

    .house-head .qr-code { width: 62px; height: 62px; border: 2px solid #fff; }

        .house-head .qr-code img { width: 62px; height: 62px; }

    .house-head h2 { height: 50px; line-height: 50px; font-size: 30px; font-weight: 600; margin-bottom: 8px; }
    .house-head h1 {
        height: 50px;
        line-height: 50px;
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 8px;
    }
    .house-head h3 { height: 50px; line-height: 50px; font-size: 24px; font-weight: 600; margin-bottom: 8px; }

        .house-head h2 *, .house-head h3 * { vertical-align: middle; }

    .house-head .sign { display: inline-block; height: 20px; line-height: 20px; padding: 0 5px; border-radius: 2px; font-weight: 400; font-size: 12px; color: #fff; margin-left: 8px; }

        .house-head .sign.blue { background: #22b5f7; }

        .house-head .sign.red { background: #f54738; }

        .house-head .sign.yellow { background: #ffa00b; }

        .house-head .sign.green { background: #06bd73; }
.sign_ht { display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; font-size: 14px; color: #394043; }
    .sign_ht.on { background: #f73b3c; color: #fff; border-radius: 4px; padding: 0 15px; }
    .sign_ht:hover { border-bottom: 1px solid #f73b3c; color: #f73b3c; }
    .sign_ht.on:hover { border: 0; color: #fff; }
.sign_ht_line { color: #e8e8e8; }


.house-head .time { position: absolute; bottom: 12px; right: 0; color: #9c9fa1; font-size: 12px; }

.build-operate { color: #999; font-size: 12px; }

.house-head .build-operate { position: absolute; top: 15px; right: 0; }

.build-operate li { position: relative; float: right; margin-left: 20px; }

.build-operate a.icon { display: inline-block; height: 24px; line-height: 24px; padding-left: 20px; color: #999; cursor: pointer; font-size: 12px !important; margin: 0 !important; }

.build-operate li:hover a.icon { color: #f73b3c; }

li.li-bo4 a.icon { background: url(/content/images/ico_operate.png) 0 top no-repeat; }

li.li-bo4:hover a.icon { background: url(/content/images/ico_operate.png) 0 -24px no-repeat; }

li.li-bo3 a.icon { background: url(/content/images/ico_operate.png) 0 -48px no-repeat; }

li.li-bo3:hover a.icon { background: url(/content/images/ico_operate.png) 0 -72px no-repeat; }

li.li-bo2 a.icon { background: url(/content/images/ico_operate.png) 0 -96px no-repeat; }

li.li-bo2:hover a.icon { background: url(/content/images/ico_operate.png) 0 -120px no-repeat; }

li.li-bo1 a.icon { background: url(/content/images/ico_operate.png) 0 -144px no-repeat; }

li.li-bo1:hover a.icon { background: url(/content/images/ico_operate.png) 0 -168px no-repeat; }

li.li-bo5 a.icon { background: url(/content/images/ico_operate.png) 0 -192px no-repeat; }

li.li-bo5:hover a.icon { background: url(/content/images/ico_operate.png) 0 -216px no-repeat; }

.bo-collectbox { position: absolute; top: 24px; left: 0; padding-top: 12px; color: #333; background: #fff; display: none; z-index: 1; }

.bo-collect { width: 188px; background: #fff; -webkit-box-shadow: 0 2px 4px rgba(149,148,148,0.35); -moz-box-shadow: 0 2px 4px rgba(149,148,148,0.35); -ms-box-shadow: 0 2px 4px rgba(149,148,148,0.35); -o-box-shadow: 0 2px 4px rgba(149,148,148,0.35); box-shadow: 0 2px 4px rgba(149,148,148,0.35); text-align: center; font-size: 14px; }

    .bo-collect li { float: none; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; padding: 0 10px; cursor: pointer; }

        .bo-collect li:hover { background: #f5f5f5; color: #f73b3c; }

        .bo-collect li.on { color: #f73b3c; }

.house-body { position: relative; margin-top: 10px; }

    .house-body .build-operate { position: absolute; top: -55px; right: 0; }

.fix-introducebox { position: fixed; top: 0; left: 0; right: 0; background: rgba(233,59,61,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5ed3b3d,endcolorstr=#e5ed3b3d); z-index: 21; display: none; }

.fix-introduce { position: relative; width: 1200px; height: 60px; line-height: 60px; margin: 0 auto; font-size: 16px; color: #fff; }

    .fix-introduce h2 { height: 60px; line-height: 60px; font-size: 22px; }

    .fix-introduce .telbox { position: absolute; top: 0; right: 0; }

.building-main {
    padding: 15px;
    padding-bottom: 8px;
    border-top: 0;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    border: 1px solid #ccc;
    border-top: 0;
}

.build-photo {
    position: relative;
    float: left;
    width: 600px;
    border-radius: 4px;
}

.bbannerbox {
    height: 400px;
    overflow: hidden;
    border-radius: 0px !important;
}
.bbannerbox div{
    border-radius: 0px !important;
}

    .bbannerbox a {
        display:block;
        width: 600px;
        height: 400px;
        object-fit: contain;
    }
   /* .bbannerbox .img { width: 600px; height: 400px; object-fit: contain; }*/

.bbanner-page {
    position: relative;
    height: 84px;
    /*background-color: #4e4e4e;*/
    padding-top: 9px;
}

.build-photo a.prev, .build-photo a.next { position: absolute; top: 175px; display: block; width: 50px; height: 50px; cursor: pointer; z-index: 1; }

.build-photo a.prev { left: 5px; background: url(/content/images/btn_switch.png) 0 0 no-repeat; }

    .build-photo a.prev:hover { }

.build-photo a.next { right: 5px; background: url(/content/images/btn_switch.png) 0 -50px no-repeat; }

    .build-photo a.next:hover { }

.bbpbox { width: 600px; height: 84px; overflow: hidden; }

    .bbpbox ul { margin-right: -120px; *zoom: 1; }

    .bbpbox li { position: relative; float: left; width: 110px; height: 82px; border: 1px solid #fff; margin-right: 10px; _display: inline-block; *zoom: 1; cursor: pointer; }

    .bbpbox .img { width: 110px; height: 82px; }

    .bbpbox li.on { border: 1px solid #f73b3c; }

    .bbpbox li h4 { position: absolute; bottom: 0; left: 0; right: 0; height: 22px; line-height: 22px; padding: 0 5px; text-align: center; font-size: 12px; color: #fff; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c000000,endcolorstr=#4c000000); }

.bbpbox { width: 546px !important; height: 75.8px !important; margin: 0 auto; overflow: hidden; }
    .bbpbox li, .bbpbox .img { width: 99px !important; height: 73.8px !important; object-fit: contain; }
.build-photo a.navPrev, .build-photo a.navNext {
    position: absolute;
    top: 9px;
    z-index: 1;
    display: block;
    width: 22px;
    height: 76px;
}
.build-photo a.navPrev { left: 0; background: url(/content/images/btn_bbpage1.png) center 0 no-repeat; }
    .build-photo a.navPrev:hover { left: 0; background: url(/content/images/btn_bbpage1.png) center -76px no-repeat; }
.build-photo a.navNext { right: 0; background: url(/content/images/btn_bbpage1.png) center -152px no-repeat; }
    .build-photo a.navNext:hover { right: 0; background: url(/content/images/btn_bbpage1.png) center -228px no-repeat; }


.build-info {
    float: right;
    width: 552px;
    position: relative;
    display: inline-block;
    min-height: 496px;
}

/*.build-info  a{
    color: #fff;
}*/
.binfo-dynatownbox {
  /*  position: absolute;
    bottom: 4px;*/
    width: 100%;
}

.binfo-title {
    border-bottom: 1px solid #e8e8e8;
    height: 106px;
}

    .binfo-title h3 { height: 88px; line-height: 44px; font-size: 24px; font-weight: 600; overflow: hidden; }

.binfo-price {
    padding: 0 0 6px;
    line-height: 35px;
    border-bottom: 1px solid #5c5c5c29;
}
.pricetop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
}

.binfo-price span {
    display: inline-block;
}

    .binfo-price .label { width: 90px; color: #9c9fa1; }

    .binfo-price .type { margin-right: 20px; }

.binfo-price .unit-price, .binfo-price .unit-price1 {
    width: 240px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

        .binfo-price .unit-price strong { color: #f54738; font-size: 30px; }
        .binfo-price .unit-price1 strong { color: #f54738; font-size: 18px; }

.binfo-price .change-price {
    color: #4397ed;
    cursor: pointer;
    background-color: #efefef;
    width: 120px;
    text-align: center;
    border-radius: 2px;
}

        .binfo-price .change-price:hover { text-decoration: underline; }

        .binfo-price .change-price * { vertical-align: middle; }

.change-price .ico-phone { display: inline-block; width: 18px; height: 20px; background: url(/content/images/icon.png) 0 -90px no-repeat; }

.binfo-activity {
    position: relative;
    margin-top: 6px;
    padding: 10px 120px 10px 10px;
    color: #ff0001;
    border: 1px solid #ffdad7;
}

    .binfo-activity * { vertical-align: middle; }

    .binfo-activity .i-time { display: inline-block; width: 20px; height: 20px; background: url(/content/images/icon.png) -30px -60px no-repeat; margin-right: 10px; }

    .binfo-activity .apply-btn {
        position: absolute;
        top: 7px;
        right: 7px;
        width: 74px;
        height: 28px;
        line-height: 28px;
        border: 1px solid #f54738;
        border-radius: 2px;
        text-align: center;
        cursor: pointer;
        color: red;
    }

        .binfo-activity .apply-btn:hover { background: #ff5000; color: #fff; }

.binfo-onlineBox { position: relative; margin-top: 20px; padding: 5px 10px; background: #f9bbbb; color: #ff0000; font-size: 20px; font-weight: 600; letter-spacing: 2px; }

    .binfo-onlineBox * { vertical-align: middle; }

    .binfo-onlineBox .i-lightning { display: inline-block; width: 30px; height: 30px; background: url(/content/images/lightning.png) no-repeat; margin-right: 10px; background-size: 30px; }

    .binfo-onlineBox .apply-btn { position: absolute; top: 10px; right: 20px; width: 74px; height: 28px; line-height: 28px; color: #fff; background-color: #f71f1f; border-radius: 2px; text-align: center; cursor: pointer; font-size: 14px; }


.consult-price { margin-left: 20px; }

    .consult-price .em-label { margin-left: 10px; color: #9c9fa1; }

    .consult-price strong { font-size: 18px; margin: 0 2px; font-weight: 400; }

.binfo-dynatown { position: relative; min-height: 126px; _height: 126px; padding-left: 120px; margin-top: 20px; }

    .binfo-dynatown .avatar { position: absolute; top: 0; left: 0; display: block; width: 96px; height: 126px; }

        .binfo-dynatown .avatar img { width: 96px; height: 126px; }

.bdlist-info { color: #9c9fa1; font-size: 13px; line-height: 30px; }

    .bdlist-info h2 { font-size: 16px; }

        .bdlist-info h2 a:hover { color: #f73b3c; }

    .bdlist-info .online { display: block; width: 116px; height: 30px; background: url(/content/images/ico_online_116x30.png) no-repeat; cursor: pointer; margin-top: 5px; }

.hr-dl { position: relative; }

.hrdl-itembox { position: absolute; bottom: -1px; right: 0; }

    .hrdl-itembox li { float: left; height: 46px; line-height: 44px; padding: 0 8px; cursor: pointer; }

        .hrdl-itembox li a { display: inline-block; height: 44px; line-height: 44px; }

        .hrdl-itembox li.on a { border-bottom: 2px solid #f73b3c; color: #f73b3c; }

        .hrdl-itembox li:hover a { border-bottom: 2px solid #f73b3c; }

.hr-dd { margin-top: 30px; }

.hrdd-imgbox { position: relative; }

.hrdd-img-btn a { position: absolute; top: 50%; margin-top: -30px; display: block; width: 25px; height: 50px; cursor: pointer; }

    .hrdd-img-btn a.navPrev { left: 0; background: url(/content/images/btn_switch.png) left -160px no-repeat; }

    .hrdd-img-btn a.navNext { right: 0; background: url(/content/images/btn_switch.png) right -160px no-repeat; }

.hrdd-img { height: 162px; padding: 0 15px; overflow: hidden; }

    .hrdd-img li { float: left; width: 182px; padding: 0 15px; }

.hrdd-subimg a { display: block; }

.hrdd-subimg img { width: 182px; height: 130px; }

.hrdd-subimg h3 { height: 24px; line-height: 24px; margin-top: 8px; font-size: 14px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.binfo-abstract { position: relative; }

    .binfo-abstract.big-gap { padding-bottom: 3px; }

    .binfo-abstract dl { position: relative; min-height: 24px; _height: 24px; line-height: 24px; padding-left: 90px; margin-top: 8px; }

    .binfo-abstract.big-gap dl { margin-top: 26px; }

    .binfo-abstract.bigger-gap dl { margin-top: 34px; }

    .binfo-abstract dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .binfo-abstract dd { }

    .binfo-abstract a { display: inline-block; color: #9c9fa1; cursor: pointer; }

        .binfo-abstract a:hover { text-decoration: underline; }

        .binfo-abstract a * { vertical-align: middle; }

    .binfo-abstract .ico { display: inline-block; width: 20px; height: 20px; }

    .binfo-abstract .notice {
        padding: 0 9px;
        border: 1px solid #ccc;
        float: right;
        border-radius: 4px;
    }

        .binfo-abstract .notice .ico { background: url(/content/images/icon.png) 0 -150px no-repeat; }

    .binfo-abstract .map {
        padding-left: 15px;
    }

        .binfo-abstract .map .ico { background: url(/content/images/icon.png) 0 -120px no-repeat; }

    .binfo-abstract .more {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
        padding: 0 9px;
        border: 1px solid #ccc;
        float: right;
        border-radius: 4px;
    }

        .binfo-abstract .more:hover { text-decoration: underline; }

    .binfo-abstract .sale { color: #5680a6; font-size: 24px; font-weight: 400; }

.binfo-call {
    position: relative;
    height: 58px;
    line-height: 58px;
    color: #f73b3c;
    border: 1px solid #f73b3c;
    font-size: 22px;
    padding: 0 125px 0 5px;
    text-align: center;
    margin-top: 13px;
    /*background-color: #ffffff;*/
}

    .binfo-call .tel { position: absolute; top: 0; right: 0; display: block; /*width: 150px;*/ width: 120px; height: 60px; text-align: center; color: #fff; font-size: 18px; background: #f73b3c; cursor: pointer; }
    .binfo-call .dialing_div {
        position: absolute;
        top: 58px;
        right: 0px;
        z-index: 150;
        background-color: #fff;
        border: 1px solid #b9b6b6;
        width: 470px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        box-shadow: 0 2px 17px rgb(0 0 0 / 22%);
        padding: 20px 40px;
    }
    .binfo-call .subcode img { width: 150px; }

.template-title {
    position: relative;
    height: 55px;
    line-height: 55px;
    padding: 5px 0;
    border-bottom: 1px solid #e8e8e8;
}

    .template-title h2, .template-title h3 { font-size: 24px; font-weight: 600; color: #000; }

    .template-title h3 { font-size: 18px; }

        .template-title h2 .color, .template-title h3 .color { color: #f73b3c; }

        .template-title h2 .hint, .template-title h3 .hint { margin-left: 20px; color: #9c9fa1; font-size: 12px; font-weight: 400; }

    .template-title .more { position: absolute; top: 10px; right: 0; color: #9c9fa1; cursor: pointer; }

        .template-title .more:hover { text-decoration: underline; color: #f73b3c; }

.template-blue { position: absolute; top: 10px; right: 0; font-size: 12px; color: #5680a6; }

    .template-blue li { float: left; margin-left: 50px; }

        .template-blue li:first-child { margin-left: 0; }

    .template-blue a { color: #5680a6; }

        .template-blue a:hover { color: #f73b3c; text-decoration: underline; }

.eNewsBox { background: #fff; padding-top: 1rem; }
    .eNewsBox .eNewsBox-list { padding: 0.5rem 0 1.2rem; }
        .eNewsBox .eNewsBox-list li { width: 590px; float: left; padding: 5px; }

    .eNewsBox .fav-item { position: relative; border-radius: 0.5rem; padding: 0.6rem 9.5rem 0.6rem 1rem; }
    .eNewsBox .fav-btn { position: absolute; top: 50%; right: 10px; z-index: 1; font-size: 22px; display: block; width: 110px; height: 50px; line-height: 50px; margin-top: -25px; text-align: center; cursor: pointer; background-color: #fff; border-radius: 10px; color: #7bc6bc; }
    .eNewsBox .fav-info { display: block; }
        .eNewsBox .fav-info h2 { height: 45px; line-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight: 600; color: #000; }
        .eNewsBox .fav-info h4 { height: 38px; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #9c9fa1; }

    .eNewsBox .fav-item { background: #e6f8f5 url(/content/Images/weil_bg.png) 60% bottom no-repeat; background-size: auto 6rem !important; }

    .eNewsBox .eNewsBox-list li + li .fav-item { background: #ecf2fd url(/content/Images/vr_bg.png) 60% bottom no-repeat; }
    .eNewsBox .eNewsBox-list li + li .fav-btn { color: #97aacb; }


.house-activitybox { margin-top: 10px; }

.house-activity { }

    .house-activity li { position: relative; margin-top: 10px; /*display: none;*/ padding:1px;}
        .house-activity li.li_0, .house-activity li.li0, .house-activity li.li1 { display: block; }
        .house-activity li.groupon { background: #fff5eb; border: 1px solid #ff5000; }
        .house-activity li.red-packet { border: 1px solid #f73b3c; }
        .house-activity li.a-maid {
            border: 1px solid #e7e7e7;
            background-color: aliceblue;
        }
        .house-activity li.electrical { border: 1px solid #fd8935; }
        .house-activity li.sale { background: #f6fced; border: 1px solid #60aa11; }
        .house-activity li .tag { position: absolute; top: 0; left: -5px; display: inline-block; height: 34px; line-height: 27px; text-align: center; color: #fff; z-index: 1; }

        .house-activity li.groupon .tag { background: url(/content/images/tag_bg.png) left 0 no-repeat; }
        .house-activity li.sale .tag { background: url(/content/images/tag_bg.png) left -40px no-repeat; }
        .house-activity li.red-packet .tag { background: url(/content/images/tag_bg.png) left -80px no-repeat; }
        .house-activity li.electrical .tag { background: url(/content/images/tag_bg.png) left -120px no-repeat; }
        .house-activity li.a-maid .tag { background: url(/content/images/tag_bg.png) left -160px no-repeat; }

.hactivity-item { position: relative; min-height: 150px; _height: 150px; padding-left: 210px; }
    .hactivity-item:hover { -webkit-box-shadow: 0 5px 20px rgba(228, 228, 228, 0.6); -ms-box-shadow: 0 5px 20px rgba(228, 228, 228, 0.6); -moz-box-shadow: 0 5px 20px rgba(228, 228, 228, 0.6); -o-box-shadow: 0 5px 20px rgba(228, 228, 228, 0.6); box-shadow: 0 5px 20px rgba(228, 228, 228, 0.6); }

    .hactivity-item .img { position: relative; position: absolute; top: 0; left: 0; width: 200px; height: 150px; border-right: 10px solid #fff; }

        .hactivity-item .img img { width: 200px; height: 150px; object-fit: contain; }

    .hactivity-item .tag { position: absolute; top: 4px; left: -5px; width: 27px; height: 34px; background: #fcf; }


.hactivity-info2 { padding: 10px 160px 10px 20px; }
    .hactivity-info2 h2 { height: 42px; font-size: 22px; padding-top: 25px; }

.hactivity-info { padding: 10px 160px 10px 20px; }

    .hactivity-info h2 { height: 42px; font-size: 22px; }

        .hactivity-info h2 a { display: inline-block; max-width: 100%; height: 42px; line-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .hactivity-info h2 a:hover { text-decoration: underline; }

.haf-wordsbox { height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; margin-top: 18px; }

.haf-timebox { color: #9c9fa1; margin-top: 16px; line-height: 26px; }

.house-activity li.groupon .haf-wordsbox, .house-activity li.groupon .haf-timebox em { color: #ff5000; }

.house-activity li.sale .haf-wordsbox, .house-activity li.sale .haf-timebox em { color: #60aa11; }

.house-activity li .character { display: inline-block; height: 27px; line-height: 27px; padding: 0 8px; border-radius: 0 5px 5px 0; }
.house-activity li.groupon .character { background: #ff5008; }
.house-activity li.sale .character { background: #60aa11; }
.house-activity li.red-packet .character { background: #f73b3c; }
.house-activity li.electrical .character { background: #fd8935; }
.house-activity li.a-maid .character { background: #08aaec; }
.house-activity .btn { position: absolute; top: 65px; right: 35px; display: block; min-width: 88px; height: 34px; line-height: 34px; border-radius: 2px; text-align: center; cursor: pointer;padding:0 5px; }

.house-activity .apply-btn { border: 1px solid #ff5000; color: #ff5000; }

    .house-activity .apply-btn:hover { background: #ff5000; color: #fff; }

.house-activity .panic-btn { border: 1px solid #60aa11; color: #60aa11; }

    .house-activity .panic-btn:hover { background: #60aa11; color: #fff; }
.house-activity .recrp-btn { border: 1px solid #f73b3c; color: #f73b3c; }
    .house-activity .recrp-btn:hover { background: #f73b3c; color: #fff; }
.house-activity .recele-btn { border: 1px solid #fd8935; color: #fd8935; }
    .house-activity .recele-btn:hover { background: #fd8935; color: #fff; }
.house-activity .brokerage-btn { border: 1px solid #08aaec; color: #08aaec; }
    .house-activity .brokerage-btn:hover { background: #08aaec; color: #fff; }
.house-activity .bonus { position: absolute; top: 50%; left: 700px; margin-top: -25px; line-height: 50px; font-size: 30px; }
.house-activity .groupon .bonus { color: #ff5008; }
.house-activity .sale .bonus { color: #60aa11; }
.house-activity .red-packet .bonus { color: #f73b3c; }
.house-activity .electrical .bonus { color: #fd8935; }
.house-activity .a-maid .bonus { color: #08aaec; }
.act-morebox { text-align: center; margin: 10px 0; padding: 8px 0; background-color: #f7f7f7; }
    .act-morebox .more { display: inline-block; height: 26px; line-height: 26px; color: #9c9fa1; font-size: 16px; padding-right: 25px; background: url(/content/images/act_more.png) right top no-repeat; cursor: pointer; }
        .act-morebox .more.open { background: url(/content/images/act_more.png) right bottom no-repeat; }

.house-forebox { margin-top: 30px; }

.house-dynamic { padding-left: 4px; color: #9c9fa1; font-size: 12px; padding-top: 10px; }

.house-dynamic li { position: relative; border-left: 1px solid #e8e8e8; padding-left: 15px; }

.li0 h2 a{
    color:red !important;
    font-weight:bold;
}
    .li0 .time {
        color: #e55f96 !important;
    }
    .li0 .wordsbox {
        color: #000;
    }

    .hdynamic-item {
        padding: 18px 0 14px;
        border-bottom: 1px dashed #e8e8e8;
    }

.house-dynamic li.li0 .hdynamic-item { padding-top: 0; margin-top: 18px; }

.house-dynamic li.li1 .hdynamic-item { border-bottom: none; }

.house-dynamic .ico { position: absolute; left: -8px; top: 17px; display: block; width: 16px; height: 16px; background: url(/content/images/icon.png) -30px -150px no-repeat; z-index: 1; }

.house-dynamic li.li0 .ico { top: 0; }

.house-dynamic .time { height: 16px; line-height: 16px; color: #9c9fa1; }

.house-dynamic h2 { height: 36px; line-height: 36px; font-size: 16px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .house-dynamic h2 a { display: inline-block; max-width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .house-dynamic h2 a:hover { color: #f73b3c; }
.house-dynamic .dynamic-info { color: #272829; font-size: 14px; line-height: 26px; }

.house-dynamic .sign { display: inline-block; height: 18px; line-height: 18px; border-radius: 2px; padding: 0 5px; font-size: 12px; margin-right: 8px; }
.house-dynamic .link { display: inline-block; line-height: 18px; font-size: 14px; text-decoration: underline; }

    .house-dynamic .sign.red { color: #f73b3c; border: 1px solid #f73b3c; }

    .house-dynamic .sign.green { color: #06bd73; border: 1px solid #06bd73; }

.house-dynamic .wordsbox { position: relative; height: 52px; line-height: 26px; overflow: hidden; }

.house-dynamic .more {
    display: inline-block;
    bottom: 0;
    right: 0;
    /* background: #fff; */
    color: #f73b3c;
    /* background: #fff; */
    padding-left: 6px;
}

    .house-dynamic .more:hover { color: #f73b3c; text-decoration: underline; }

.hdynamic-item .timeout {position: relative; color: #9c9fa1; font-size: 10px; /*text-align: right;*/ }
    .hdynamic-item .timeout .see { position: absolute; right: 0; display: inline-block; margin-left: 10px; padding-left: 16px; background: url(/Content/images/ico_see.png) center left no-repeat; background-size: 14px 10px; }

.house-flash-listbox .mod260 { padding-top: 30px; }

.house-flashbox { margin-top: 10px; }

.house-flash { color: #9c9fa1; font-size: 12px; }

    .house-flash li { position: relative; padding-left: 190px; min-height: 128px; _height: 128px; margin-top: 30px; }

        .house-flash li:hover { background: #f8f8f9; }

    .house-flash .img { position: absolute; top: 0; left: 0; display: block; width: 170px; height: 128px; overflow: hidden; }

        .house-flash .img img { width: 170px; height: 128px; object-fit: contain; }

.house-flash-wrap .house-flash li { margin-top: 0 !important; padding: 30px 0 30px 190px; border-bottom: 1px dashed #e8e8e8; }

.house-flash-wrap .house-flash .img { top: 30px !important; }

.hflash-info { }

    .hflash-info .time { position: absolute; top: 0; right: 0; line-height: 34px; }

    .hflash-info h2 { height: 30px; font-size: 16px; }

.house-flash-wrap .hflash-info h2 { font-weight: 600 !important; }

.hflash-info h2 a { display: inline-block; max-width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .hflash-info h2 a:hover { color: #f73b3c; }

    .hflash-info h2 a .sign { display: inline-block; padding: 0 3px; height: 16px; line-height: 16px; border-radius: 2px; margin-right: 8px; font-size: 12px; }

        .hflash-info h2 a .sign.red { border: 1px solid #e93b3a; color: #e93b3a; }

.hflash-info .wordsbox { height: 72px; line-height: 24px; overflow: hidden; margin-top: 5px; color: #6b7072; }

.hflash-foot { position: relative; line-height: 22px; }

.house-takebox { margin-top: 20px; }

.house-take { padding: 20px; margin-top: 30px; background: #f8f8f9; }

    .house-take .asinten-itembox { font-size: 12px; }

        .house-take .asinten-itembox .item { margin-right: 17px; }

.htake-btnbox { margin-top: 25px; }

.htake-btn { display: block; width: 237px; height: 40px; line-height: 40px; border: none; text-align: center; margin: 0 auto; color: #fff; background: #f73b3c; font-size: 16px; border-radius: 2px; }

.house-huxingbox { margin-top: 10px; }

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

    .house-huxing-wrap .sPrev, .house-huxing-wrap .sNext { position: absolute; top: 50%; margin-top: -25px; display: block; width: 25px; height: 50px; background: #fcf; z-index: 1; }

    .house-huxing-wrap .sPrev { left: 0; background: url(/content/images/btn_switch.png) 0 -160px no-repeat; }

    .house-huxing-wrap .sNext { right: 0; background: url(/content/images/btn_switch.png) -25px -160px no-repeat; }

.house-huxing {
    margin-top: 20px;
    overflow: hidden;
}

    .house-huxing ul { margin-right: -42px; *+width:1232px; *zoom: 1; }

    .house-huxing li {
        float: left;
        position: relative;
        /* width: 134px; */
        height: 180px;
        margin-right: 32px;
        padding-right: 6px;
        padding-left: 136px;
        border-radius: 5px;
        overflow: hidden;
    }
    .house-huxing li:hover {
        background-color:#f5f8da;
    }

    .house-huxing .img {
        position: absolute;
        top: 0;
        left: 0;
        width: 120px;
        height: 178px;
        border: 1px solid #e8e8e8;
        display: table;
        background-color: #fff;
        border-radius: 5px;
    }

        .house-huxing .img a { display: table-cell; vertical-align: middle; }

            .house-huxing .img a img { max-width: 120px; max-height: 178px; object-fit: contain; }

.hhuxing-info h2 { height: 36px; overflow: hidden; font-size: 16px; color: #000; font-weight:bold;}

    .hhuxing-info h2 a { display: inline-block; max-width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; }

        .hhuxing-info h2 a:hover { color: #f73b3c; }

.hhuxing-info p { height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; }

.hhuxing-hint { margin-top: 15px; }

    .hhuxing-hint .sign { display: inline-block; height: 20px; line-height: 20px; padding: 0 5px; border-radius: 2px; font-weight: 400; font-size: 12px; color: #fff; margin-right: 8px; }

        .hhuxing-hint .sign:last-child { margin-right: 0; }

        .hhuxing-hint .sign.blue { background: #22b5f7; }

        .hhuxing-hint .sign.red { background: #f54738; }

        .hhuxing-hint .sign.yellow { background: #ffa00b; }

        .hhuxing-hint .sign.green { background: #06bd73; }

.hhuxing-termbox { }


.hhuxing-term li {
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 5px 20px;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    margin-right: 10px;
    border-radius: 4px;
    background-color: #f3f3f3;
}

    

        .hhuxing-term li.on a, .hhuxing-term li:hover a { color: #e93b3a; }

.template-title .hhuxing-term {
    position: absolute;
    top: 17px;
    right: 120px;
}

.hhuxing-termbox .hhuxing-term { font-size: 16px; }

.house-floorbox { margin-top: 40px; }

.house-floor { margin-top: 30px; }

.hfloor-photo { float: left; position: relative; width: 760px; height: 427px; overflow: hidden; }

    .hfloor-photo .sw_sand { position: absolute; top: 5px; left: 5px; z-index: 2; }
        .hfloor-photo .sw_sand span { display: block; margin-bottom: 10px; height: 30px; line-height: 30px; background: rgba(0,0,0,0.7); border-radius: 2px; color: #fff; padding: 0 7px;cursor:pointer; }
            .hfloor-photo .sw_sand span.on { background: rgba(255, 193, 0, 1); }
    
    .hfloor-photo .itembox { position: absolute; top: 20px; right: 20px; z-index: 1; width: 70px; }

        .hfloor-photo .itembox span { display: block; margin-bottom: 10px; width: 70px; height: 30px; line-height: 30px; border-radius: 2px; text-align: center; color: #fff; }

            .hfloor-photo .itembox span * { vertical-align: middle; }

            .hfloor-photo .itembox span.red { background: #f54738; }

            .hfloor-photo .itembox span.green { background: #06bd73; }

            .hfloor-photo .itembox span.gray { background: #9c9fa1; }

        .hfloor-photo .itembox .ico { display: inline-block; width: 14px; height: 14px; background: url(/content/images/icon.png) 0 -286px no-repeat; margin-right: 6px; }

        .hfloor-photo .itembox span.on .ico { background: url(/content/images/icon.png) 0 -270px no-repeat; margin-right: 6px; }

.hfloor-info { float: right; width: 420px; }

.hfloor-menubox { position: relative; padding: 0 40px; border-bottom: 1px solid #e8e8e8; width: 340px; }

    .hfloor-menubox .prev, .hfloor-menubox .next { position: absolute; top: 0; display: block; width: 40px; height: 40px; line-height: 40px; color: #394043; font-size: 16px; text-align: center; cursor: pointer; z-index: 1; }

        .hfloor-menubox .prev:hover, .hfloor-menubox .next:hover { background: #f8f8f9; }

    .hfloor-menubox .prev { left: 0; }

    .hfloor-menubox .next { right: 0; }

.hfloor-menu { height: 40px; overflow: hidden; width: 340px; }
    .hfloor-menu li { float: left; padding: 0 4px; }
        .hfloor-menu li a { display: block; height: 38px; line-height: 38px; border-bottom: 2px solid #fff; width: 60px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;
                            cursor:pointer;
        }
        .hfloor-menu li.on a { border-bottom: 2px solid #f73b3c; color: #f73b3c; }

.hfloor-mainbox { margin-top: 20px; }

.hfm-wordsbox { }

    .hfm-wordsbox h2 { font-size: 12px; color: #9c9fa1; height: 46px; line-height: 46px; }

        .hfm-wordsbox h2 strong { font-size: 24px; color: #000; margin-right: 10px; }

.hfm-words { }

    .hfm-words dl { position: relative; float: left; width: 50%; min-height: 24px; _height: 24px; line-height: 24px; margin-top: 6px; }

    .hfm-words dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .hfm-words dd { padding-left: 55px; }

.hfm-tablebox { position: relative; border: 1px solid #e8e8e8; height: 190px; margin-top: 28px; padding-top: 40px; overflow: hidden; }

    .hfm-tablebox h3 { position: absolute; top: 0; left: 0; right: 0; padding: 0 20px; height: 30px; line-height: 30px; background: #f8f8f9; }

.hfm-table { height: 185px; overflow: auto; margin-left: 10px; }

    .hfm-table table { width: 100%; font-size: 12px; }

        .hfm-table table tr:hover { background: #f8f8f9; }

        .hfm-table table td { padding: 5px 10px; line-height: 20px; }

        .hfm-table table .red { color: #f73b3c; }

        .hfm-table table .green { color: #06bd73; }

        .hfm-table table .violet { color: #849aae; }

.house-commentbox { margin-top: 40px; }

.house-comment { margin-top: 10px; }

    .house-comment li { position: relative; padding: 20px 0 0 90px; min-height: 70px; _height: 70px; }

    .house-comment .avatar { position: absolute; top: 20px; left: 0; display: block; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; }

        .house-comment .avatar img { width: 70px; height: 70px; }

.hcomment-info { padding: 10px 0 15px; border-bottom: 1px dashed #e8e8e8; font-size: 16px; }

    .hcomment-info h2 { height: 30px; line-height: 30px; font-size: 16px; }

        .hcomment-info h2 .name { display: inline-block; color: #6b7072; }

        .hcomment-info h2 .essence { display: inline-block; height: 16px; line-height: 16px; padding: 0 5px; margin-left: 8px; border: 1px solid #06bd73; color: #06bd73; border-radius: 2px; font-size: 12px; }

    .hcomment-info .wordsbox { line-height: 36px; }

.hcomment-photo { }

    .hcomment-photo ul { margin-right: -30px; zoom: 1; }

    .hcomment-photo li { float: left; padding: 0; width: 168px; height: 126px; margin-top: 20px; margin-right: 20px; text-align: center; border: 1px solid #e8e8e8; }

        .hcomment-photo li img { max-width: 168px; max-height: 126px; }

.hcomment-foot { position: relative; margin-top: 20px; line-height: 24px; color: #9c9fa1; }

    .hcomment-foot .zan { position: absolute; top: 0; right: 0; display: inline-block; }

        .hcomment-foot .zan * { vertical-align: middle; }

        .hcomment-foot .zan.on { color: #f73b3c; }

        .hcomment-foot .zan .ico { display: inline-block; width: 20px; height: 20px; background: url(/content/images/icon.png) 0 -30px no-repeat; margin-right: 5px; }

        .hcomment-foot .zan.on .ico { background: url(/content/images/icon.png) 0 -60px no-repeat; }

.hcomment-btnbox { margin-top: 40px; }

.hask-btnbox { padding: 25px 0; }

    .hcomment-btnbox .btn, .hask-btnbox .btn { display: block; width: 235px; height: 28px; line-height: 28px; text-align: center; margin: 0 auto; color: #f73b3c; border: 1px solid #f73b3c; border-radius: 2px; }

        .hcomment-btnbox .btn:hover, .hask-btnbox .btn:hover { text-decoration: underline; }

.house-askbox { margin-top: 40px; }

.house-ask { border: 1px solid #e8e8e8; border-top: none; }

    .house-ask li { float: left; width: 559px; padding: 30px 0 15px; margin: 0 20px; border-bottom: 1px dashed #e8e8e8; }

    .house-ask h2 { height: 20px; line-height: 20px; font-size: 16px; overflow: hidden; }

        .house-ask h2 a { display: inline-block; max-width: 100%; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .house-ask h2 a:hover { color: #f73b3c; }

        .house-ask h2 .word { display: inline-block; width: 18px; height: 18px; background: #f73b3c; color: #fff; border-radius: 2px; text-align: center; margin-right: 8px; font-size: 12px; }

    .house-ask .wordsbox { height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 13px; color: #9c9fa1; }

.house-matingbox { margin-top: 20px; }

.house-mating {
    margin-top: 20px;
}

.hmating-photo { position: relative; float: left; width: 760px; height: 427px; overflow: hidden; }

.house-mapbox .hmating-photo { float: none; width: 100%; margin-top: 20px; }

.hmating-photo .ico { display: block; width: 24px; height: 30px; cursor: pointer; z-index: 1; }

    .hmating-photo .ico.transit, .hmating-transit .ico.transit { background: url(/content/images/icon.png) -210px 0 no-repeat; }

    .hmating-photo .ico.metro, .hmating-transit .ico.metro { background: url(/content/images/icon.png) -210px -30px no-repeat; }

    .hmating-photo .ico.school, .hmating-transit .ico.school { background: url(/content/images/icon.png) -210px -60px no-repeat; }

    .hmating-photo .ico.hospital, .hmating-transit .ico.hospital { background: url(/content/images/icon.png) -210px -90px no-repeat; }

    .hmating-photo .ico.shop, .hmating-transit .ico.shop { background: url(/content/images/icon.png) -210px -120px no-repeat; }

.map-sitebox { position: absolute; text-align: center; z-index: 2; }

.map-site { position: relative; height: 55px; padding: 5px; background: #fff; border: 1px solid #f73b3c; border-radius: 6px; font-size: 12px; color: #9c9fa1; -webkit-box-shadow: 0 2px 4px 1px rgba(88,88,88,0.1); -moz-box-shadow: 0 2px 4px 1px rgba(88,88,88,0.1); -ms-box-shadow: 0 2px 4px 1px rgba(88,88,88,0.1); -o-box-shadow: 0 2px 4px 1px rgba(88,88,88,0.1); box-shadow: 0 2px 4px 1px rgba(88,88,88,0.1); }

    /*.map-site .triangle { position: absolute; top: 65px; left: 118px; display: block; width: 14px; height: 10px; border-bottom: 1px solid #f73b3c; border-right: 1px solid #f73b3c; background: url(/content/images/icon.png) 0 -210px no-repeat; z-index: 3; }*/
    .map-site .triangle { position: absolute; display: block; width: 14px; height: 14px; bottom: -8px; left: 50%; margin-left: -7px; border-bottom: 1px solid #f73b3c; border-right: 1px solid #f73b3c; z-index: 0; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .map-site .location { position: absolute; top: 65px; left: 115px; display: block; width: 20px; height: 12px; background: url(/content/images/icon.png) 0 -240px no-repeat; z-index: 2; }

    .map-site h3 { font-size: 16px; color: #394043; height: 34px; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .map-site p { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto !important; }
.map-info-dv {text-align:left; }
    .map-info-dv h3 { font-size: 16px; color: #394043; line-height: 34px; }
    .map-info-dv p { font-size: 14px; color: #9c9fa1; line-height: 26px;margin:0 auto !important; }

.hmating-info { float: right; width: 390px; }

.hmating-menu { font-size: 16px; color: #9c9fa1; }

    .hmating-menu ul { margin-right: -30px; *zoom: 1; }

    .hmating-menu li { float: left; width: 50px; margin-right: 22.5px; text-align: center; }

        .hmating-menu li.li0.on { color: #2aaffd; }

        .hmating-menu li.li1.on { color: #ffa00b; }

        .hmating-menu li.li2.on { color: #3ccac2; }

        .hmating-menu li.li3.on { color: #f73b3c; }

        .hmating-menu li.li4.on { color: #ad7adf; }

        .hmating-menu li p { height: 34px; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .hmating-menu .ico { display: block; width: 50px; height: 50px; }

        .hmating-menu .ico.transit { background: url(/content/images/icon.png) -90px 0 no-repeat; }

    .hmating-menu li.on .ico.transit { background: url(/content/images/icon.png) -150px 0 no-repeat; }

    .hmating-menu .ico.metro { background: url(/content/images/icon.png) -90px -60px no-repeat; }

    .hmating-menu li.on .ico.metro { background: url(/content/images/icon.png) -150px -60px no-repeat; }

    .hmating-menu .ico.school { background: url(/content/images/icon.png) -90px -120px no-repeat; }

    .hmating-menu li.on .ico.school { background: url(/content/images/icon.png) -150px -120px no-repeat; }

    .hmating-menu .ico.hospital { background: url(/content/images/icon.png) -90px -180px no-repeat; }

    .hmating-menu li.on .ico.hospital { background: url(/content/images/icon.png) -150px -180px no-repeat; }

    .hmating-menu .ico.shop { background: url(/content/images/icon.png) -90px -240px no-repeat; }

    .hmating-menu li.on .ico.shop { background: url(/content/images/icon.png) -150px -240px no-repeat; }

.hmating-main { margin-top: 20px; }

.hmm-title { height: 40px; line-height: 40px; padding: 0 10px; background: #f8f8f9; }

.hmating-transit { padding-top: 5px; height: 276px; overflow: auto; position: relative; /*ie7*/ }

    .hmating-transit li { position: relative; height: 30px; line-height: 30px; padding-left: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 16px; }

    .hmating-transit .road { color: #9c9fa1; }

    .hmating-transit .ico { position: absolute; top: 0; left: 0; display: block; width: 24px; height: 30px; }

.house-albumbox { margin-top: 20px; }

.house-album { font-size: 16px; }

    .house-album ul { margin-right: -30px; *zoom: 1; }

    .house-album li {
        float: left;
        width: 220px;
        margin-right: 23px;
        margin-top: 30px;
        background-color: #4c4c4c;
        border-radius: 5px;
        text-align: center;
    }

    .house-album .img {
        display: block;
        width: 202px;
        height: 147px;
        overflow: hidden;
        background-color: #fff;
        margin: 8px auto;
        border-radius: 5px;
        margin-bottom: 0px;
    }

        .house-album .img img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }


    .halbum-info h2 { /*text-align: center; */ height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .halbum-info h2 a { display: inline-block; max-width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fff; }

            .halbum-info h2 a:hover { color: #f73b3c; }

    .halbum-info .time { color: #9c9fa1; }

.house-trendbox { margin-top: 30px; }

.house-trend { height: 280px; margin-top: 20px; }

.htrend-item { margin-top: 20px; }

    .htrend-item li { float: left; width: 33.33%; text-align: center; }

    .htrend-item h4 { height: 26px; line-height: 26px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .htrend-item h4 * { vertical-align: middle; }

    .htrend-item .spot { display: inline-block; width: 14px; height: 14px; margin-right: 3px; }

.htrend-main { height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .htrend-main .ring-ratio { margin: 0 10px; text-align: }

.htrend-item li.li0 .spot { background: url(/content/images/icon.png) -30px -180px no-repeat; }

.htrend-item li.li1 .spot { background: url(/content/images/icon.png) -30px -200px no-repeat; }

.htrend-item li.li2 .spot { background: url(/content/images/icon.png) -30px -220px no-repeat; }

.htrend-item li.li0 .price { color: #fe6711; }

.htrend-item li.li1 .price { color: #9ecb51; }

.htrend-item li.li2 .price { color: #2aaffd; }

.htrend-item .up { color: #f73b3c; font-weight: 600; }

.htrend-item .down { color: #06bd73; font-weight: 600; }

.house-counterbox { margin-top: 30px; }

/*==*/
.optionsbox { position: relative; height: 34px; line-height: 34px; padding-right: 30px; background: url(/content/images/ico_options.png) right 0 no-repeat; border: 1px solid #e8e8e8; }

    .optionsbox:hover { background: url(/content/images/ico_options.png) right -50px no-repeat; }

    .optionsbox h6 { height: 34px; line-height: 34px; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .optionsbox ul { position: absolute; top: 34px; left: -1px; background: #fff; width: 100%; max-height: 200px; _height: 200px; overflow: auto; border: 1px solid #e8e8e8; font-size: 13px; color: #7b7b7b; z-index: 1; display: none; }

        .optionsbox ul li { height: 32px; line-height: 32px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }

            .optionsbox ul li:hover { color: #394043; background: #f5f5f5; }

            .optionsbox ul li.on { color: #f73b3c; background: #fbfbfb; }

            .optionsbox ul li.default { color: #d8d8d8; cursor: default }

                .optionsbox ul li.default:hover { background: none; }

.inputbox { position: relative; height: 34px; line-height: 34px; border: 1px solid #e8e8e8; }

    .inputbox.has-unit { padding-right: 50px; }

    .inputbox .unit { position: absolute; top: 0; right: 10px; /* z-index: 1;*/ }

    .inputbox .input-text { height: 32px; line-height: 32px; border: none; width: 100%; text-indent: 10px; }
/*==*/
.house-counter { position: relative; }

.begin-calculate { position: absolute; top: 50%; left: 50%; margin: -54px 0 0 -54px; display: block; width: 108px; height: 108px; background: #fff url(/content/images/begin_calculate.png) center no-repeat; z-index: 1; cursor: pointer; }

.calculate-conditions { position: relative; float: left; width: 535px; padding-left: 65px; }

    .calculate-conditions:after { position: absolute; top: 35px; bottom: 35px; right: 0; display: block; content: ""; width: 1px; background: #e8e8e8; }

.house-counter .title { height: 58px; line-height: 58px; padding: 10px 0; }

    .house-counter .title h3 { font-size: 18px; color: #000; }

.cal-conditions { }

    .cal-conditions dl { position: relative; min-height: 36px; _height: 36px; line-height: 36px; padding-left: 80px; margin-top: 20px; }

    .cal-conditions dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .cal-conditions dd { }

    .cal-conditions .optionsbox { width: 240px; }

    .cal-conditions .inputbox { width: 220px; }

.calculate-results { float: left; width: 475px; padding-left: 125px; }

.cal-radiobox { }

    .cal-radiobox li { float: left; height: 36px; line-height: 36px; padding-left: 25px; margin-right: 25px; background: url(/content/images/ico_radio_circle.png) no-repeat; cursor: pointer; }

        .cal-radiobox li.on { background: url(/content/images/ico_radio_circle.png) left -50px no-repeat; }

.cal-results { width: 400px; }

.cal-toroid { height: 200px; margin-top: 35px; }

.cal-results .hint { text-align: center; margin-top: 40px; }

    .cal-results .hint span { margin: 0 10px; }

.cal-results .remarks { color: #9c9fa1; font-size: 12px; margin-top: 10px; }
.cal-results .more { display: inline-block; color: #f24641; font-size: 14px; margin-top: 20px; }

.guess-listbox, .seehouse-listbox { margin-top: 30px; }

.guess-list ul { margin-right: -30px; *zoom: 1; }

.guess-list li { float: left; width: 220px; margin-right: 25px; margin-top: 30px; }

.guess-list .img { display: block; width: 220px; height: 165px; overflow: hidden; }

    .guess-list .img img { width: 220px; height: 165px; object-fit: contain; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

        .guess-list .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.guess-info { margin-top: 10px; }

    .guess-info h2 { height: 36px; font-size: 16px; overflow: hidden; }

        .guess-info h2 a { display: inline-block; max-width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .guess-info h2 a:hover { color: #f73b3c; }

    .guess-info .price, .guess-info .person { height: 24px; line-height: 24px; color: #9c9fa1; font-size: 16px; }

.nearbybox { margin-top: 30px; }

.premisesbox { +*width:1230px; margin-top: 30px; margin-right: -40px; *zoom: 1; }

.subpremises { float: left; width: 380px; margin-right: 30px; }

.premises-head { position: relative; height: 65px; line-height: 65px; padding: 10px 0; }

    .premises-head h2 { font-size: 24px; font-weight: 600; color: #000; }

.premises-body { height: 400px; border: 1px solid #e8e8e8; padding: 0 10px; color: #9c9fa1; font-size: 14px; }

    .premises-body li { position: relative; min-height: 24px; _height: 24px; line-height: 18px; margin-top: 14px; }

        .premises-body li:hover { background: #f8f8f9; }

    .premises-body .number { position: absolute; top: 3px; left: 0; display: block; width: 17px; height: 17px; line-height: 17px; text-align: center; color: #9c9fa1; background: #e8e8e8; border-radius: 2px; }

    .premises-body a:hover { color: #f73b3c; }

    .premises-body span { float: left; display: block; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .premises-body span.name { width: 165px; }

            .premises-body span.name a { display: inline-block; max-width: 165px; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .premises-body span.price { width: 110px; }

        .premises-body span.region { width: 80px; }

.nominatebox { margin-top: 40px; }

.nominate-wrap { border: 1px solid #e8e8e8; border-top: none; }

.nominate-menu { }

    .nominate-menu li { cursor: pointer; position: relative; float: left; height: 44px; line-height: 44px; background: #f8f8f9; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }

        .nominate-menu li a { position: relative; display: block; width: 100px; height: 44px; line-height: 44px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

    .nominate-menu .line { position: absolute; top: -1px; left: 0; right: 0; display: block; height: 3px; font-size: 0; background: #f73b3c; display: none; }

    .nominate-menu li.on { background: #fff; border-bottom: none; }

        .nominate-menu li.on a { color: #f73b3c; }

        .nominate-menu li.on .line { display: block; }

.subnominatebox { padding: 10px 5px 15px; min-height: 130px; }

.subnominate { font-size: 14px; }

    .subnominate ul { }

    .subnominate li { position: relative; float: left; width: 257px; height: 35px; line-height: 35px; padding: 0 20px; margin-top: 5px; }

        .subnominate li:hover { background: #f8f8f9; }

        .subnominate li a:hover { color: #f73b3c; }

    .subnominate .price { position: absolute; top: 0; right: 20px; color: #9c9fa1; }

    .subnominate .name { display: block; max-width: 160px; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.house-messagebox { margin-bottom: 40px; }

.house-message { }

    .house-message a { color: #9c9fa1; }

    .house-message dl { position: relative; min-height: 26px; _height: 26px; line-height: 26px; margin-top: 15px; padding-left: 90px; }
        .house-message dl .price { color: #f54738; font-size: 16px; font-weight: 600; }

    .house-message dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .house-message dd { }

.hmessage-price { margin-top: 30px; }

    .hmessage-price table { width: 100%; border: 1px solid #e8e8e8; text-align: center; }

    .hmessage-price thead { background: #f8f8f9; color: #9c9fa1; }

        .hmessage-price thead th { font-weight: 400; }

    .hmessage-price th, .hmessage-price td { line-height: 30px; padding: 5px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }

.house-introducebox { }

.house-introduce { border: 1px solid #e8e8e8; border-top: none; }

.hintroduce { padding: 20px 0; }

.subhintroduce { padding: 0 20px; height: 210px; line-height: 26px; overflow: auto; }

    .subhintroduce p { text-indent: 2em; }

.house-subscribebox { position: relative; min-height: 40px; _height: 40px; line-height: 40px; padding: 10px 120px 10px 15px; margin-top: 70px; border: 1px solid #e8e8e8; font-size: 16px; }

    .house-subscribebox strong { color: #9c9fa1; font-weight: 400; }

    .house-subscribebox .subscribe-btn { position: absolute; top: 10px; right: 10px; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #f73b3c; font-size: 16px; border-radius: 2px; cursor: pointer; }

        .house-subscribebox .subscribe-btn:hover { text-decoration: underline; }

.huxing-cartebox { position: relative; margin-top: 40px; }

    .huxing-cartebox .prev, .huxing-cartebox .next { position: absolute; top: 50%; margin-top: -25px; display: block; width: 25px; height: 50px; z-index: 1; }

    .huxing-cartebox .prev { left: 0; background: url(/content/images/btn_switch.png) 0 -160px no-repeat; }

    .huxing-cartebox .next { right: 0; background: url(/content/images/btn_switch.png) -25px -160px no-repeat; }

.huxing-carte { font-size: 12px; text-align: center; padding: 0 46px; height: 72px; overflow: hidden; }

    .huxing-carte ul { margin-right: -30px; *zoom: 1; }

    .huxing-carte li { float: left; width: 156px; padding: 5px; border: 1px solid #e8e8e8; margin-right: 20px; cursor: pointer; }

        .huxing-carte li:hover { border: 1px solid #f73b3c; }

        .huxing-carte li.on { background: #f73b3c; color: #fff; border: 1px solid #f73b3c; }

    .huxing-carte h4 { height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }

    .huxing-carte p { height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.huxing-details { margin-top: 70px; }

.huxing-photobox { float: left; width: 530px; text-align: center; }

    .huxing-photobox img { max-width: 530px; }

.huxing-particulars { float: right; width: 600px; }

.particulars-head { }

    .particulars-head h2 { height: 68px; line-height: 68px; font-size: 30px; font-weight: 600; }

        .particulars-head h2 * { vertical-align: middle; }

        .particulars-head h2 .sign { display: inline-block; height: 20px; line-height: 20px; padding: 0 5px; border-radius: 2px; font-weight: 400; font-size: 12px; color: #fff; margin-left: 8px; }

            .particulars-head h2 .sign.blue { background: #22b5f7; }

            .particulars-head h2 .sign.red { background: #f54738; }

            .particulars-head h2 .sign.yellow { background: #ffa00b; }

            .particulars-head h2 .sign.green { background: #06bd73; }

.particulars-abstract { position: relative; font-size: 16px; padding-top: 5px; padding-bottom: 20px; }

    .particulars-abstract dl { position: relative; min-height: 30px; _height: 30px; line-height: 30px; margin-top: 20px; }

    .particulars-abstract dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .particulars-abstract dd { padding-left: 90px; }

    .particulars-abstract.clearfix { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }

        .particulars-abstract.clearfix dl { float: left; width: 50%; }

.hhuxing-listbox { /*margin-top: 40px;*/ }

    .hhuxing-listbox .house-huxing { margin-top: 0; }

        .hhuxing-listbox .house-huxing li { margin-top: 40px; }

    .hhuxing-listbox .pagebox { text-align: right; }

    .hhuxing-listbox .house-review .pagebox { text-align: center !important; }

.halbumbox .template-title { border-bottom: none; }

    .halbumbox .template-title h2 { font-size: 18px; }

.template-abstract { position: relative; padding: 12px 40px; line-height: 30px; background: #f8f8f9; color: #9c9fa1; border-radius: 2px; margin-top: 20px; }

    .template-abstract .ico { position: absolute; display: block; width: 20px; height: 20px; }

        .template-abstract .ico.start { left: 8px; top: 12px; background: url(/content/images/icon.png) -60px -210px no-repeat; }

        .template-abstract .ico.end { right: 8px; bottom: 12px; background: url(/content/images/icon.png) -60px -240px no-repeat; }

.halbumbox .house-album { height: 236px; overflow: hidden; }

    .halbumbox .house-album.auto-height { height: auto; overflow: visible; }

    .halbumbox .house-album li { margin-bottom: 30px; margin-top: 0; }

.hreview-menu { position: relative; height: 26px; padding: 10px 0; font-size: 12px; margin-top: 30px; }

    .hreview-menu li { float: left; margin-right: 20px; }

        .hreview-menu li a { display: inline-block; height: 24px; line-height: 24px; padding: 0 10px; border: 1px solid #e8e8e8; border-radius: 13px; cursor: pointer; }

        .hreview-menu li.on a { background: #06bd73; border: 1px solid #06bd73; color: #fff; }

    .hreview-menu .review-btn { position: absolute; top: 0; right: 0; z-index: 1; display: block; width: 178px; height: 24px; line-height: 24px; text-align: center; color: #f73b3c; border: 1px solid #f73b3c; border-radius: 2px; font-size: 14px; }

        .hreview-menu .review-btn:hover { text-decoration: underline; }

.write-reviewbox { margin-top: 10px; }

.wreview-head { position: relative; height: 56px; line-height: 56px; padding: 15px 0; border-bottom: 1px solid #e8e8e8; }

    .wreview-head h2 { font-size: 18px; }

.wreview-entrybox { position: relative; padding-left: 56px; margin-top: 50px; }

.wreview-replybox { margin-top: 50px; }

.wreview-entrybox strong.tag { position: absolute; top: 15px; left: 0; font-weight: 400; }

.wreview-entry { position: relative; height: 245px; padding: 10px 20px 34px; border: 1px solid #e8e8e8; }

    .wreview-entry .numberbox { position: absolute; right: 20px; bottom: 10px; color: #9c9fa1; font-size: 12px; }

.wreview-area { width: 100%; height: 234px; line-height: 26px; border: none; resize: none; }

.wreview-photobox { margin-top: 40px; }

.wreview-hint { line-height: 26px; color: #9c9fa1; }

    .wreview-hint strong { font-weight: 400; color: #394043; }

.wreview-photo { padding-left: 56px; }

    .wreview-photo li { position: relative; float: left; width: 80px; height: 80px; margin: 20px 20px 0 0; }

        .wreview-photo li img { width: 80px; height: 80px; }

    .wreview-photo .mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000); z-index: 1; display: none; }

    .wreview-photo .del { position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -11px; display: block; width: 22px; height: 22px; background: url(/content/images/icon.png) -60px -120px no-repeat; z-index: 2; cursor: pointer; display: none; }

    .wreview-photo li:hover .mask, .wreview-photo li:hover .del { display: block; }

.wreview-btnbox { margin-top: 40px; padding-left: 56px; }

.wreview-replybox .wreview-btnbox { padding-left: 0; }

.wreview-btnbox .submit { width: 200px; height: 40px; line-height: 40px; text-align: center; background: #f73b3c; color: #fff; font-size: 18px; border: none; }

    .wreview-btnbox .submit:hover { text-decoration: underline; }

.wreview-btnbox .link { color: #9c9fa1; margin-left: 115px; }

    .wreview-btnbox .link:hover { text-decoration: underline; color: #06bd73; }

.aside-zpadbox { padding: 25px 35px; text-align: center; font-size: 16px; }

    .aside-zpadbox h2 { height: 60px; line-height: 60px; font-size: 24px; color: #f73b3c; }

        .aside-zpadbox h2 * { vertical-align: middle; }

    .aside-zpadbox .tel { display: inline-block; width: 30px; height: 30px; background: url(/content/images/icon.png) -60px -150px no-repeat; margin-right: 6px; }

    .aside-zpadbox h4 { font-size: 16px; margin-top: 25px; }

.azpad-btnbox { position: relative; margin-top: 35px; }

    .azpad-btnbox .btn { display: block; width: 320px; height: 60px; line-height: 60px; margin: 0 auto; background: #f73b3c; color: #fff; }

        .azpad-btnbox .btn * { vertical-align: middle; }

        .azpad-btnbox .btn .ico { display: inline-block; width: 22px; height: 22px; background: url(/content/images/icon.png) -30px -94px no-repeat; margin-right: 8px; }

.zpad-qrbox { position: absolute; top: 80px; left: 50%; margin-left: -80px; width: 160px; padding: 2px 0 3px; background: #fff; -webkit-box-shadow: 0 0 5px 1px rgba(88,88,88,0.2); -moz-box-shadow: 0 0 5px 1px rgba(88,88,88,0.2); -ms-box-shadow: 0 0 5px 1px rgba(88,88,88,0.2); -o-box-shadow: 0 0 5px 1px rgba(88,88,88,0.2); box-shadow: 0 0 5px 1px rgba(88,88,88,0.2); z-index: 1; display: none; }

.zpad-qr { width: 156px; height: 156px; border: 2px solid #fff; }

    .zpad-qr img { width: 156px; height: 156px; }

.azpad-btnbox:hover .zpad-qrbox { display: block; }

/*.real-estate-details .mod380{padding-top: 30px;}*/
.house-answerbox { /*margin-top: 10px;*/ }

.hanswer-head { position: relative; height: 36px; line-height: 36px; padding: 20px 0; border-bottom: 1px solid #e8e8e8; }

    .hanswer-head h2 { font-size: 20px; }

    .hanswer-head .sign { color: #f73b3c; margin: 0 5px; }

    .hanswer-head .link { position: absolute; top: 20px; right: 0; display: block; width: 100px; height: 36px; line-height: 36px; border-radius: 2px; background: #e93d3d; color: #fff; text-align: center; }

.hanswer-list { }

    .hanswer-list li { padding: 20px 0; margin-top: 20px; border-bottom: 1px dashed #e8e8e8; }

        .hanswer-list li:hover { background: #f8f8f9; }

    .hanswer-list h2 { height: 20px; line-height: 20px; font-size: 16px; }

        .hanswer-list h2 a { display: inline-block; max-width: 100%; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .hanswer-list h2 a:hover { color: #f73b3c; }

        .hanswer-list h2 .word { display: inline-block; width: 18px; height: 18px; background: #f73b3c; color: #fff; border-radius: 2px; text-align: center; margin-right: 8px; font-size: 12px; }

    .hanswer-list .wordsbox { height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 18px; color: #9c9fa1; }

.hanswer-down { position: relative; margin-top: 20px; font-size: 12px; color: #9c9fa1; }

    .hanswer-down .user { position: relative; display: inline-block; height: 30px; line-height: 30px; padding-left: 40px; }

    .hanswer-down .avatar { position: absolute; top: 0; left: 0; display: inline-block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; }

        .hanswer-down .avatar img { width: 30px; height: 30px; }

    .hanswer-down .name { color: #9c9fa1; }

    .hanswer-down .link { position: absolute; top: 0; right: 0; color: #9c9fa1; line-height: 30px; }

        .hanswer-down .link:hover { color: #f73b3c; text-decoration: underline; }

    .hanswer-down .time { margin-left: 20px; }

.hanswer-title { position: relative; min-height: 36px; _height: 36px; padding: 20px 0; border-bottom: 1px dashed #e8e8e8; }

.hanswer-titlebox .hanswer-title { border-bottom: 1px solid #e8e8e8; }

.hanswer-title h2 { font-size: 20px; margin-right: 120px; }

.hanswer-titlebox .hanswer-title h2 { margin-right: 0 !important; }

.hanswer-title h2 * { vertical-align: middle; }

.hanswer-title h2 .word { display: inline-block; width: 18px; height: 18px; background: #f73b3c; color: #fff; border-radius: 2px; text-align: center; margin-right: 8px; font-size: 12px; }

.hanswer-title .link { position: absolute; top: 20px; right: 0; display: block; width: 100px; height: 36px; line-height: 36px; border-radius: 2px; background: #e93d3d; color: #fff; text-align: center; }

    .hanswer-title .link:hover { text-decoration: underline; }

.habody-title { margin-top: 20px; }

    .habody-title h3 { height: 36px; line-height: 36px; font-size: 18px; }

.hanswer-all { }

    .hanswer-all li { position: relative; padding: 15px 0 15px 40px; min-height: 30px; _height: 30px; margin-top: 15px; border-bottom: 1px dashed #e8e8e8; }

    .hanswer-all .avatar { position: absolute; top: 15px; left: 0; display: block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; }

        .hanswer-all .avatar img { width: 30px; height: 30px; }

    .hanswer-all h2 { height: 30px; line-height: 30px; }

    .hanswer-all .name { color: #9c9fa1; }

    .hanswer-all .wordsbox { line-height: 24px; margin-top: 5px; }

    .hanswer-all .time { color: #9c9fa1; font-size: 12px; margin-top: 15px; }

.aside-list-style { padding: 0 10px 10px; }

.list-style { }

    .list-style li { position: relative; height: 30px; line-height: 30px; overflow: hidden; padding-left: 13px; background: url(/content/images/ico_list_style.png) left 0 no-repeat; margin-top: 5px; }

        .list-style li a { display: inline-block; max-width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .list-style li a:hover { color: #f73b3c; }

    .list-style .name { display: inline-block; height: 16px; line-height: 16px; color: #5680a6; padding-right: 6px; margin-right: 6px; border-right: 1px solid #5680a6; }

    .list-style .definition { display: inline-block; max-width: 190px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .list-style .number { position: absolute; top: 0; right: 0; color: #5680a6; }

.lstyle-btnbox { padding: 0 12px; margin-top: 22px; }

.lstyle-btn { display: block; border: 1px solid #f73b3c; height: 34px; line-height: 34px; text-align: center; color: #f73b3c; border-radius: 4px; }

    .lstyle-btn:hover { text-decoration: underline; }

.house-trends-wrap .house-dynamic { margin-top: 15px; }

.htrends-detailsbox { padding-bottom: 30px; border-bottom: 1px solid #e8e8e8; }

.htd-head { text-align: center; }

    .htd-head h2 { line-height: 40px; font-size: 20px; font-weight: 600; margin-bottom: 5px; }

    .htd-head span { color: #9c9fa1; font-size: 12px; margin: 0 10px; }

.htd-details { margin-top: 40px; font-size: 16px; line-height: 26px; }

    .htd-details p { text-indent: 2em; }

    .htd-details .timeout { position: relative; color: #9c9fa1; font-size: 10px; /*text-align: right;*/ }
        .htd-details .timeout .see { position: absolute; right: 0; display: inline-block; margin-left: 10px; padding-left: 16px; background: url(/Content/images/ico_see.png) center left no-repeat; background-size: 14px 10px; }


.house-articlebox { /*border-bottom: 1px solid #e8e8e8;*/ padding-bottom: 30px; }

.harticle-head { text-align: center; }

    .harticle-head h2 { line-height: 46px; font-size: 26px; font-weight: 600; }

.harticle-subtitle { color: #9c9fa1; font-size: 12px; line-height: 24px; margin-top: 20px; }

    .harticle-subtitle * { vertical-align: middle; }

    .harticle-subtitle span { margin: 0 10px; }

    .harticle-subtitle .ndh-share { position: relative; display: inline-block; padding-left: 53px; }

        .harticle-subtitle .ndh-share .share-to { position: absolute; top: 0; left: 0; margin-right: 0 !important; }

    .harticle-subtitle .bdshare-button-style0-24 a, .harticle-subtitle .bdshare-button-style0-24 .bds_more { margin: 0 5px !important; }

.harticle-body { font-size: 16px; line-height: 36px; margin-top: 20px; }

    .harticle-body p { line-height: 28px; margin-bottom: 15px; }

    .harticle-body .imgbox { margin: 10px 0; text-align: center; }

    .harticle-body img { max-width: 100%; }

.harticle-food { position: relative; margin-top: 70px; min-height: 24px; line-height: 24px; font-size: 16px; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8; }
.info-info h2 a { display: block; }

.article-tel { display: inline-block; font-size: 16px; }

    .article-tel * { vertical-align: middle; }

    .article-tel .i-tel { display: inline-block; width: 24px; height: 24px; margin-right: 5px; background: url(/content/images/icon.png) -60px -180px no-repeat; }

    .article-tel .tel { color: #f73b3c; }

.harticle-food .next { position: absolute; top: 0; right: 0; font-size: 14px; color: #9c9fa1; }

    .harticle-food .next a { color: #9c9fa1; }

        .harticle-food .next a:hover { color: #f73b3c; }

.aside-broker { margin: 0 20px; padding-bottom: 10px; }

    .aside-broker table { width: 100%; text-align: center; line-height: 32px; }

        .aside-broker table thead th { border-bottom: 1px solid #e8e8e8; color: #9c9fa1; font-weight: 400; }

    .aside-broker .name { display: block; max-width: 100%; height: 32px; line-height: 32px; color: #394043; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .aside-broker .price { color: #9c9fa1; }

    .aside-broker .number, .aside-broker .name:hover { color: #f73b3c; }

.house-broker { margin-top: 5px; }

    .house-broker li { position: relative; padding: 30px 0 30px 116px; padding-right: 100px; min-height: 126px; _height: 126px; border-bottom: 1px dashed #e8e8e8; }

        .house-broker li:hover { background: #f8f8f9; }

    .house-broker .avatar { position: absolute; top: 30px; left: 0; display: block; width: 96px; height: 126px; overflow: hidden; }

        /*.house-broker .avatar img { width: 96px; height: 126px; z-index: 1; }*/
        .house-broker .avatar img { max-width: 96px; max-height: 126px; vertical-align: middle; z-index: 1; }

    .house-broker .score { position: absolute; top: 50%; right: 0; margin-top: -15px; line-height: 30px; color: #f73b3c; font-size: 12px; }

        .house-broker .score strong { font-size: 18px; font-weight: 400; }

.hbroker-info { color: #9c9fa1; }

    .hbroker-info h2 { height: 26px; line-height: 26px; padding-bottom: 5px; }

        .hbroker-info h2 .name { font-size: 18px; }

            .hbroker-info h2 .name:hover { color: #f73b3c; }

        .hbroker-info h2 .year { font-size: 12px; margin-left: 12px; }

.hbroker-item { margin-top: 5px; }

    .hbroker-item dl { position: relative; min-height: 24px; _height: 24px; line-height: 24px; margin-top: 6px; padding-left: 70px; }

    .hbroker-item dt { position: absolute; top: 0; left: 0; }

    .hbroker-item .disc { color: #9c9fa1; }

        .hbroker-item .disc:hover { color: #f73b3c; }
.sale-estatebox { position: relative; }
    .sale-estatebox .more { position: absolute; right: 0; bottom: 0; display: inline-block; height: 24px; line-height: 24px; padding-left: 10px; padding-right: 14px; color: #c3c3c4; font-size: 12px; cursor: pointer; margin: 0px auto; background: #fff url(/content/images/ico_dybtn.png) right top no-repeat; }
        .sale-estatebox .more.open { background: #fff url(/content/images/ico_dybtn.png) right -19px no-repeat; }
        .sale-estatebox .more:hover { text-decoration: underline; }
.house-broker li:hover .more { background-color: #f8f8f9; }
.sale-estatebox .null { display: inline-block; width: 72px; height: 24px; font-size: 0; }
.sale-estate { height: 48px; overflow: hidden; }
    .sale-estate * { vertical-align: middle; }
.hbroker-contact { margin-top: 10px; }

    .hbroker-contact * { vertical-align: middle; }

    .hbroker-contact .online { display: inline-block; width: 80px; height: 22px; background: url(/content/images/ico_online_80x22.png) no-repeat; cursor: pointer; }

    .hbroker-contact .tel { display: inline-block; width: 78px; height: 20px; line-height: 20px; border-radius: 2px; border: 1px solid #f73b3c; color: #f73b3c; font-size: 12px; text-align: center; cursor: pointer; margin-left: 10px; }

        .hbroker-contact .tel:hover { background: #f73b3c; color: #fff; }

/* 相册 */
.fix-albumbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999999; }

    .fix-albumbox .close-album { position: fixed; top: 6%; left: 50%; display: block; margin-left: 572px; margin-top: -20px; width: 40px; height: 40px; background: url(/content/images/close_btn.png) center center no-repeat; cursor: pointer; z-index: 11999999; }

.mask-album { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000); z-index: 9999999; }

.fix-album-wrap { position: absolute; left: 50%; top: 6%; width: 1200px; max-height: 88%; margin-left: -600px; background: #fff; overflow: auto; z-index: 10999999; }

.fix-album-content { position: relative; padding-right: 340px; }

.photo-albumbox { background: #000; padding: 20px 40px; }

.palbum-banner { margin-top: 10px; }

    .palbum-banner li { position: relative; }

.palbum-imgbox { display: table; width: 100%; text-align: center; min-height: 585px; _height: 625px; }

.palbum-img { display: table-cell; vertical-align: middle; text-align: center; /*background: #fcf;*/ }

    .palbum-img img { max-width: 100%; }

.palbum-title { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c000000,endcolorstr=#4c000000); }

    .palbum-title h2 { height: 40px; line-height: 40px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 14px; }

.palbum-thumbnail { position: relative; margin-top: 20px; }

    .palbum-thumbnail .navPrev, .palbum-thumbnail .navNext { position: absolute; top: 50%; margin-top: -25px; display: block; width: 25px; height: 50px; background: #fcf }

    .palbum-thumbnail .navPrev { left: 0; background: url(/content/images/btn_switch.png) left -260px no-repeat; }

    .palbum-thumbnail .navNext { right: 0; background: url(/content/images/btn_switch.png) right -260px no-repeat; }

.patbox { width: 720px; margin: 0 auto; }

    .patbox li { float: left; width: 132px; margin: 0 5px; border: 1px solid #000; }

        .patbox li.on { border: 1px solid #f73b3c; }

        .patbox li img { width: 132px; height: 98px; }

.photo-album-menu { position: absolute; top: 0; right: 0; bottom: 0; width: 340px; }

.album-menu { padding: 20px; }

.pam-head { margin-top: 10px; border-bottom: 1px dashed #e9e9e9; padding-bottom: 15px; }

    .pam-head h2 { height: 44px; line-height: 44px; font-size: 24px; }

    .pam-head .location { height: 20px; line-height: 20px; color: #9c9fa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .pam-head .location * { vertical-align: middle; }

    .pam-head .i-location { display: inline-block; width: 18px; height: 18px; margin-right: 2px; background: url(/content/images/icon.png) 0 -121px no-repeat; }

.pam-body { padding-top: 10px; }

    .pam-body ul { }

    .pam-body li { position: relative; margin-top: 20px; }

        .pam-body li:after { position: absolute; top: 12px; left: -8px; display: block; content: ""; width: 9px; height: 15px; background: url(/content/images/icon.png) -240px 0 no-repeat; z-index: 1; display: none; }

        .pam-body li.on:after { display: block; }

        .pam-body li a { display: block; height: 38px; line-height: 38px; padding: 0 16px; border: 1px solid #e8e8e8; border-radius: 2px; cursor: pointer; }

        .pam-body li.on a { border: 1px solid #f73b3c; }

        .pam-body li:hover a { color: #f73b3c; }

.pam-foot { margin-top: 45px; }

    .pam-foot .tel { color: #f73b3c; text-align: center; }

        .pam-foot .tel strong { font-size: 16px; font-weight: 400; }

/*南宁房价*/
.graph-menu { padding-bottom: 3px; }

    .graph-menu li { position: relative; float: left; margin-right: 40px; height: 34px; line-height: 34px; }

        .graph-menu li:after { position: absolute; top: 34px; left: 50%; margin-left: -10px; display: block; content: ""; width: 20px; height: 3px; border-radius: 1.5px; font-size: 0; background: #f73b3c; display: none; }

        .graph-menu li.on { font-weight: 600; }

            .graph-menu li.on:after { display: block; }

.subgraph { float: left; width: 850px; }

.graph-main { /*float: left;*/ width: 850px; height: 314px; }

.graph-chart, .graph-column { height: 310px; }

.graph-info { float: right; width: 280px; height: 314px; }

.graph-info-hint { font-size: 12px; }

    .graph-info-hint li { height: 24px; line-height: 24px; margin-bottom: 10px; }

        .graph-info-hint li.li0 { font-size: 14px; }

        .graph-info-hint li * { vertical-align: middle; }

    .graph-info-hint span { margin-left: 16px; }

        .graph-info-hint span.up { color: #f73b3c; }

        .graph-info-hint span.flat { color: #9c9fa1; }

        .graph-info-hint span.down { color: #06bd73; }

        .graph-info-hint span.price { margin-left: 26px; }

            .graph-info-hint span.price strong { color: #f73b3c; font-size: 18px; }

.graph-info-seek { padding-top: 10px; margin-top: 5px; border-top: 1px solid #e8e8e8; font-size: 12px; }

    .graph-info-seek h3 { color: #000; height: 34px; line-height: 34px; }

.ginfo-seek { margin-top: 5px; height: 104px; overflow: hidden; }

    .ginfo-seek a { color: #9c9fa1; }

        .ginfo-seek a:hover { color: #f73b3c; text-decoration: underline; }

        .ginfo-seek a.item { display: inline-block; height: 26px; line-height: 26px; margin-right: 25px; }

.graphicalbox { margin-top: 20px; }
/*.room-rate-filter.filterbox{border-bottom: 1px dashed #e8e8e8 !important;}*/
.hprice-listbox .chartbox { float: left; width: 278px; height: 224px; margin-top: 30px; }

    .hprice-listbox .chartbox h3 { text-align: center; height: 24px; line-height: 24px; font-size: 12px; }

    .hprice-listbox .chartbox .price { margin-left: 10px; }

.hprice-listbox .chart-area { height: 194px; margin-top: 4px; }

.hprice-list { float: right; width: 892px; margin-top: 30px; }

    .hprice-list ul { *+width:912px; margin-right: -30px; *zoom: 1; }

    .hprice-list li { float: left; width: 208px; margin-right: 20px; }

    .hprice-list .img { display: block; width: 208px; height: 156px; overflow: hidden; }

        .hprice-list .img img { width: 208px; height: 156px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

            .hprice-list .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.hplist-info { margin-top: 5px; }

    .hplist-info h2 { height: 34px; line-height: 34px; }

        .hplist-info h2 a { display: inline-block; max-width: 100%; height: 34px; line-height: 34px; }

            .hplist-info h2 a:hover { color: #f73b3c; }

    .hplist-info .price { line-height: 24px; margin-top: 5px; color: #9c9fa1; }

.rankingsbox { *+width:1230px; margin-right: -40px; *zoom: 1; }

.subrankings { float: left; width: 380px; background: #fff; margin-right: 30px; margin-top: 40px; }

.rankings-head { position: relative; height: 46px; line-height: 46px; font-size: 18px; /*border-bottom: 1px solid #e8e8e8;*/ }

    .rankings-head h2 { font-size: 24px; font-weight: 600; color: #000; }

    .rankings-head .more { position: absolute; top: 0; right: 0; color: #9c9fa1; font-size: 14px; }

        .rankings-head .more:hover { color: #f73b3c; text-decoration: underline; }

    .rankings-head ul { }

.rankings-body { height: 420px; margin-top: 20px; padding: 0 10px; border: 1px solid #e8e8e8; overflow: hidden; }

.rankings-table { width: 100%; text-align: center; font-size: 14px; }

    .rankings-table thead tr th { height: 45px; line-height: 45px; border-bottom: 1px dashed #e8e8e8; font-size: 14px; font-weight: 600; }

    .rankings-table tbody tr:hover { background: #f8f8f9; }

    .rankings-table tbody tr td { padding: 5px 0; line-height: 26px; }

        .rankings-table tbody tr td * { vertical-align: middle; }

    .rankings-table .number { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; color: #9c9fa1; background: #e8e8e8; border-radius: 2px; margin-right: 8px; }

.sign-red.rankings-table .tr1 .number, .sign-red.rankings-table .tr2 .number, .sign-red.rankings-table .tr3 .number { background: #f73b3c; color: #fff; }

.sign-green.rankings-table .tr1 .number, .sign-green.rankings-table .tr2 .number, .sign-green.rankings-table .tr3 .number { background: #06bd73; color: #fff; }

.rankings-table .name { display: inline-block; max-width: 150px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .rankings-table .name:hover { color: #f73b3c; }

.rankings-table .region { color: #9c9fa1; }

.rankings-table .price { color: #9c9fa1; }

.rankings-table .up { color: #f73b3c; }

.rankings-table .down { color: #06bd73; }

/*楼盘大全*/
.real-estatebox { margin-top: 15px; }

.filterbox.real-estate-filter { margin-bottom: 25px; border-bottom: none !important; }

.restate-list { /*border: 1px solid #e8e8e8;*/ margin-bottom: 70px; }

.restate-head { position: relative; height: 50px; line-height: 50px; border-bottom: 1px dashed #e8e8e8; }

    .restate-head h3 { height: 50px; line-height: 50px; font-size: 16px; color: #000; }

    .restate-head .more { position: absolute; top: 0; right: 0; color: #9c9fa1; }

        .restate-head .more:hover { color: #f73b3c; text-decoration: underline; }

.restate-body { font-size: 14px; }

    .restate-body ul { margin-right: -140px; *zoom: 1; }

    .restate-body li { position: relative; float: left; width: 314px; /*min-height: 30px;
        _height: 30px;
        line-height: 30px;*/ min-height: 46px; _height: 46px; line-height: 46px; margin-right: 129px; }

        .restate-body li * { vertical-align: middle; }

        .restate-body li:hover { background: #f8f8f9; }

        .restate-body li .price { position: absolute; top: 0; right: 10px; color: #9c9fa1; font-size: 14px; }

    .restate-body .name { position: relative; display: block; height: 46px; line-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 150px 0 10px; font-size: 16px; }

        .restate-body .name:hover { color: #f73b3c; background-color: #e8e8e8 }

/*看房团*/
.condo-tour-filterbox { margin-top: 40px; }

    .condo-tour-filterbox .filter { width: 1158px; padding: 0 20px; border: 1px solid #e8e8e8; padding-top: 0; }

        .condo-tour-filterbox .filter dl { padding: 15px 0 15px 70px; }

            .condo-tour-filterbox .filter dl#dl_district { border-bottom: none; }

        .condo-tour-filterbox .filter dt { top: 15px; }

.condo-tour-listbox + .condo-tour-listbox { margin-top: 30px; }

.ctour-title { position: relative; height: 65px; line-height: 65px; border-bottom: 2px solid #e8e8e8; }

    .ctour-title h2 { font-size: 24px; font-weight: 600; color: #f73b3c; }

.condo-tour-list { margin-bottom: 10px; }

    .condo-tour-list li { padding: 20px 0; }

        .condo-tour-list li:hover { background-color: #f8f8f9; }

.ctour-head { }

    .ctour-head h2 { font-size: 18px; font-weight: 600; }

        .ctour-head h2 a { display: inline-block; line-height: 38px; }

            .ctour-head h2 a:hover { color: #f73b3c; }

.ctour-body { position: relative; margin-top: 20px; padding-left: 267px; min-height: 178px; _height: 178px; }

    .ctour-body .img { position: absolute; top: 0; left: 0; display: block; width: 237px; height: 178px; overflow: hidden; }

        .ctour-body .img img { width: 237px; height: 178px; }

.ctour-item { }

    .ctour-item dl { position: relative; min-height: 26px; _height: 26px; line-height: 26px; padding-left: 70px; margin-bottom: 8px; }

    .ctour-item dt { position: absolute; top: 0; left: 0; }

    .ctour-item dd { color: #9c9fa1; }

    .ctour-item .serve, .binfo-abstract .serve { margin-right: 26px; }

        .ctour-item .serve:last-child, .binfo-abstract .serve:last-child { margin-right: 0; }

        .ctour-item .serve *, .binfo-abstract .serve * { vertical-align: middle; }

        .ctour-item .serve i, .binfo-abstract .serve i { display: inline-block; width: 18px; height: 18px; margin-right: 3px; }

    .ctour-item .i-money, .binfo-abstract .i-money { background: url(/content/images/icon.png) -270px 0 no-repeat; }

    .ctour-item .i-bus, .binfo-abstract .i-bus { background: url(/content/images/icon.png) -270px -30px no-repeat; }

    .ctour-item .i-major, .binfo-abstract .i-major { background: url(/content/images/icon.png) -270px -60px no-repeat; }

    .ctour-item .link { color: #9c9fa1; }

        .ctour-item .link:hover { color: #f73b3c; text-decoration: underline; }

.ctour-enrollbox { position: relative; color: #9c9fa1; line-height: 40px; margin-top: 16px; }

    .ctour-enrollbox * { vertical-align: middle; }

    .ctour-enrollbox .enroll-btn { display: inline-block; width: 120px; height: 40px; line-height: 40px; border-radius: 2px; background: #f73b3c; color: #fff; font-size: 16px; text-align: center; margin-right: 20px; cursor: pointer; }

        .ctour-enrollbox .enroll-btn:hover { text-decoration: underline; }

    .ctour-enrollbox .countbox { font-size: 12px; }

    .ctour-enrollbox .count { color: #ff0000; }

    .ctour-enrollbox .time { position: absolute; top: 0; right: 0; }

    .ctour-enrollbox .number { color: #f73b3c; }

.ctour-foot { position: relative; margin-top: 28px; min-height: 32px; }

.ctour-line { position: relative; padding-top: 10px; border-bottom: 2px solid #e8e8e8; height: 0; font-size: 0; }

    .ctour-line .start { position: absolute; top: -1px; left: 0; display: block; width: 26px; height: 24px; background: #fff url(/content/images/icon.png) -270px -90px no-repeat; z-index: 1; }

    .ctour-line .end { position: absolute; top: 2px; right: 0; display: block; width: 18px; height: 16px; background: #fff url(/content/images/icon.png) -270px -120px no-repeat; z-index: 1; }

.ctour-flow { position: absolute; top: 0; left: 25px; right: 25px; color: #9c9fa1; }

    .ctour-flow ul { }

    .ctour-flow li { position: relative; float: left; margin: 0 15px; padding: 12px 0 0; }

    .ctour-flow .name { position: relative; height: 34px; line-height: 34px; }

        .ctour-flow .name .ico { position: absolute; top: -10px; left: 50%; margin-left: -8px; display: block; width: 16px; height: 16px; background: #fff url(/content/images/icon.png) -271px -150px no-repeat; }

.ctour-subflow { position: absolute; bottom: 55px; left: 50%; margin-left: -186px; width: 205px;min-height:100px; padding: 10px 10px 10px 155px; background: #fff; border: 1px solid #e8e8e8; font-size: 12px; -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -ms-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -o-box-shadow: 3px 0 7px rgba(0,0,0,0.1); box-shadow: 3px 0 7px rgba(0,0,0,0.1); z-index: 2; display: none; }

    .ctour-subflow .triangle { position: absolute; bottom: -12px; left: 50%; margin-left: -6px; display: block; width: 12px; height: 12px; background: url(/content/images/icon.png) -270px -180px no-repeat; }

    .ctour-subflow .subimg { position: absolute; top: 10px; left: 10px; display: block; width: 130px; height: 97px; overflow: hidden; }

        .ctour-subflow .subimg img { width: 130px; height: 97px; }

.ctflow-info { }

    .ctflow-info h4 { height: 26px; line-height: 26px; color: #5680a6; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .ctflow-info h4 a { color: #5680a6; }

            .ctflow-info h4 a:hover { color: #f73b3c; }

    .ctflow-info dl { position: relative; min-height: 24px; _height: 24x; line-height: 24px; padding-left: 62px; }

    .ctflow-info dt { position: absolute; top: 0; left: 0; color: #394043; }

    .ctflow-info dd { }

    .ctflow-info .address { height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ctour-flow li:hover .ctour-subflow { display: block; }

.ctour-flow li:hover .name { color: #f73b3c; }

.zp-custom-list { margin-top: 30px; }

    .zp-custom-list .hint { line-height: 36px; text-align: center; color: #9c9fa1; font-size: 16px; }

    .zp-custom-list ul { margin-right: -30px; *zoom: 1; margin-top: 40px; }

    .zp-custom-list li { position: relative; float: left; width: 430px; height: 322px; margin-right: 20px; cursor: pointer; }

    .zp-custom-list .bg img { width: 430px; height: 322px; }

.custom-info { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 90px 20px 0; font-size: 16px; color: #fff; background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); z-index: 1; }

.zp-custom-list li:hover .custom-info { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c000000,endcolorstr=#4c000000); }

.custom-info .words { text-align: center; line-height: 26px; }

.custom-info .ico-line { width: 30px; height: 3px; font-size: 0; background: #fff; margin: 35px auto 0; }

.custom-btn { text-align: center; }

.custom-btn { margin-top: 45px; }

    .custom-btn .btn { display: block; width: 108px; height: 38px; line-height: 38px; margin: 0 auto; color: #fff; border: 1px solid #fff; font-size: 18px; }

.zp-custom-list li:hover .custom-btn .btn { text-decoration: underline; }

.reviewbox { margin-top: 40px; }

.review-listbox { position: relative; margin-top: 30px; }

    .review-listbox .prev, .review-listbox .next { position: absolute; top: 50px; display: block; width: 25px; height: 50px; z-index: 1; }

    .review-listbox .prev { left: 0; background: url(/content/images/btn_switch.png) 0 -160px no-repeat; }

    .review-listbox .next { right: 0; background: url(/content/images/btn_switch.png) -25px -160px no-repeat; }

.review-list { height: 197px; overflow: hidden; }

    .review-list ul { margin-right: -30px; *zoom: 1; }

    .review-list li { float: left; width: 205px; margin-right: 20px; }
    /*.review-list li:hover{background: #f8f8f9;}*/
    .review-list .img { display: block; width: 205px; height: 153px; }

        .review-list .img img { width: 205px; height: 153px; }

.review-info { margin-top: 10px; }

    .review-info h3 { height: 34px; line-height: 34px; text-align: center; }

        .review-info h3 a { display: inline-block; height: 34px; line-height: 34px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .review-info h3 a:hover { color: #f73b3c; }

.custom-made { margin-top: 30px; display: none; }

    .custom-made dl { position: relative; padding-left: 100px; min-height: 30px; _height: 30px; line-height: 30px; margin-bottom: 20px; }

    .custom-made dt { position: absolute; top: 0; left: 0; font-size: 16px; }

    .custom-made dd { /*font-size: 12px;*/ }

.cmade-text { width: 358px; height: 38px; line-height: 38px; padding: 0 10px; border: 1px solid #e8e8e8; }

.cmade-text-self { width: 76px; height: 28px; line-height: 28px; border: 1px solid #e8e8e8; padding: 0 10px; }

.custom-premises { }

    .custom-premises li + li { margin-top: 10px; }

.add-premises, .del-premises { margin-left: 28px; font-size: 14px; color: #9c9fa1; cursor: pointer; }

    .add-premises:hover, .del-premises:hover { color: #f73b3c; text-decoration: underline; }

.cmade-hour li { float: left; margin-right: 20px; cursor: pointer; }

    .cmade-hour li * { vertical-align: middle; }

.cmade-check li .ico { display: inline-block; width: 16px; height: 16px; background: url(/content/images/icon.png) -240px -30px no-repeat; margin-right: 3px; }

.cmade-check li.on .ico { background: url(/content/images/icon.png) -240px -60px no-repeat; }

.cmade-radio li .ico { display: inline-block; width: 16px; height: 16px; background: url(/content/images/icon.png) -240px -90px no-repeat; margin-right: 3px; }

.cmade-radio li.on .ico { background: url(/content/images/icon.png) -240px -120px no-repeat; }

.cmade-hour .tips { float: left; }

.cmade-submitbox { padding-top: 10px; }

.cmade-submit { display: inline-block; width: 236px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background: #f73b3c; cursor: pointer; border-radius: 2px; }

.cmade-return { margin-left: 50px; font-size: 14px; cursor: pointer; }

    .cmade-return:hover { text-decoration: underline; }

.condo-tour-main { margin-top: 30px; }

.condo-tour-photo { float: left; width: 500px; height: 375px; }

    .condo-tour-photo img { width: 500px; height: 375px; }

.condo-tour-main .build-info { width: 660px; }

.condo-tour-main .ctour-enrollbox { margin-top: 22px; color: #394043; }

.showings-messagebox { }

.showings-message { margin-top: 25px; }

.smessage-head { position: relative; height: 30px; line-height: 30px; padding-bottom: 40px; margin-left: 30px; border-left: 1px solid #e8e8e8; padding-left: 30px; }

    .smessage-head i.start { position: absolute; top: 0; left: -15px; display: block; width: 30px; height: 30px; background: #fff url(/content/images/icon.png) -270px -240px no-repeat; }

.smessage-body { }

    .smessage-body li { padding-left: 30px; }

        .smessage-body li:hover { background: #f8f8f9; }

.smessage-libox { border-left: 1px solid #e8e8e8; padding-left: 30px; padding-bottom: 20px; color: #666; }

.smessage-address { position: relative; min-height: 34px; _height: 34px; line-height: 34px; padding: 10px 0; }

    .smessage-address .point { position: absolute; top: 18px; left: -40px; display: block; width: 18px; height: 18px; background: url(/content/images/icon.png) -270px -210px no-repeat; }

.smessage-main { position: relative; min-height: 180px; _height: 180px; padding-left: 270px; }

    .smessage-main .img { position: absolute; top: 0; left: 0; display: block; width: 240px; height: 180px; overflow: hidden; }

        .smessage-main .img img { width: 240px; height: 180px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

            .smessage-main .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.smessage-info { color: #666; }

    .smessage-info h2 { font-size: 20px; font-weight: 600; }

        .smessage-info h2 a { display: inline-block; max-width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; }

        .smessage-info h2 * { vertical-align: middle; }

        .smessage-info h2 a:hover { color: #f73b3c; }

        .smessage-info h2 .sign { display: inline-block; height: 20px; line-height: 20px; padding: 0 5px; border-radius: 2px; font-weight: 400; font-size: 12px; color: #fff; margin-left: 8px; }

            .smessage-info h2 .sign.blue { background: #22b5f7; }

            .smessage-info h2 .sign.red { background: #f54738; }

            .smessage-info h2 .sign.yellow { background: #ffa00b; }

            .smessage-info h2 .sign.green { background: #06bd73; }

    .smessage-info p { line-height: 26px; margin-top: 10px; }

    .smessage-info .list-label { margin-top: 12px; }

    .smessage-info .symbolbox { margin-top: 13px; }

.smessage-price { position: absolute; top: 80px; right: 10px; }

    .smessage-price strong { color: #f73b3c; font-size: 22px; }

.smessage-foot { position: relative; height: 40px; line-height: 40px; padding: 36px 0 0 34px; margin-left: 30px; border-left: 1px solid #e8e8e8; color: #666; }

    .smessage-foot i.end { position: absolute; top: 46px; left: -13px; display: block; width: 26px; height: 36px; background: url(/content/images/icon.png) -240px -240px no-repeat; }

.showings-mapbox { margin-top: 40px; }

.showings-map { position: relative; height: 495px; margin-top: 40px; overflow: hidden; }

.showings-flowbox, .flow-photo { margin-top: 40px; }

    .flow-photo img { max-width: 100%; }

.flow-words { color: #6b7072; line-height: 30px; margin-top: 30px; }

.showings-fire { margin-top: 22px; }

    .showings-fire ul { margin-right: -30px; *zoom: 1; }

    .showings-fire li { float: left; width: 205px; margin-right: 20px; }

    .showings-fire .img { width: 205px; height: 153px; overflow: hidden; }

        .showings-fire .img img { width: 205px; height: 153px; }

    .showings-fire h4 { height: 34px; line-height: 34px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: #6b7072; margin-top: 10px; }

.showings-reliefbox { margin-top: 40px; }

.showings-relief { margin-top: 30px; line-height: 30px; color: #6b7072; }

    .showings-relief p { text-indent: 2em; }

        .showings-relief p + p { margin-top: 10px; }

.cartebox.ctour-carte { margin-top: 30px; }

.more-city-wrap { border: 1px solid #e8e8e8; border-top: none; padding: 35px; }

.more-subcity { }

    .more-subcity dl { position: relative; padding-left: 80px; min-height: 30px; _height: 30px; margin-bottom: 20px; }

    .more-subcity dt { position: absolute; top: 0; left: 0; font-weight: 600; color: #000; height: 30px; line-height: 30px; }

    .more-subcity .letter { display: block; width: 30px; height: 30px; line-height: 30px; background: #ddd; font-size: 15px; text-align: center; border-radius: 50%; color: #fff; }

    .more-subcity dd { }

.mcitybox { }

    .mcitybox a { color: #666; display: inline-block; line-height: 24px; margin: 3px 5px; }

        .mcitybox a:hover { color: #f73b3c; }

.city-letter { margin-bottom: 30px; border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; font-size: 15px; }

    .city-letter a { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; }

        .city-letter a:hover { background: #f8f8f9; }

/*.pop-enlistbox{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 11111; display: none;}
.pop-enlistbox .maskbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4C000000,endcolorstr=#4C000000);}
.enlist-wrap{position: fixed; top: 12%; left: 50%; margin-left: -260px; width: 520px;
    background: #fff;}*/

.popup-enlistbox { width: 520px; background: #fff; margin: 0 auto; }

.enlist-head { position: relative; height: 46px; line-height: 46px; padding: 0 56px 0 20px; border-bottom: 1px solid #f5f5f5; }

    .enlist-head h2 { height: 46px; line-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; font-size: 16px; }

    .enlist-head .close { position: absolute; top: 10px; right: 10px; display: block; width: 26px; height: 26px; background: url(/content/images/ico_popup.png) 0 0 no-repeat; cursor: pointer; }

        .enlist-head .close:hover { background: #f8f8f9 url(/content/images/ico_popup.png) 0 0 no-repeat; }

.enlist-body { padding: 0px 40px 20px; }

.enlist-flow { position: relative; font-size: 12px; }

    .enlist-flow .linebox { position: absolute; top: 0; left: 75px; right: 75px; height: 24px; border-bottom: 2px solid #e8e8e8; z-index: 1; }

    .enlist-flow ul { position: relative; z-index: 1; }

    .enlist-flow li { float: left; width: 33.33%; text-align: center; }

    .enlist-flow .ico { display: block; width: 52px; height: 52px; margin: 0 auto; }

        .enlist-flow .ico.i-enlist { background: #fff url(/content/images/ico_popup.png) -30px 0 no-repeat; }

        .enlist-flow .ico.i-tel { background: #fff url(/content/images/ico_popup.png) -30px -60px no-repeat; }

        .enlist-flow .ico.i-showings { background: #fff url(/content/images/ico_popup.png) -30px -120px no-repeat; }

    .enlist-flow p { height: 24px; line-height: 24px; margin-top: 5px; }

.enlist-formbox { margin-top: 30px; }

    .enlist-formbox h4 { font-size: 18px; }

        .enlist-formbox h4.center-red { text-align: center; color: #f73b3c; }

        .enlist-formbox h4 * { vertical-align: bottom; }

        .enlist-formbox h4 .discount { display: inline-block; margin-left: 10px; font-size: 16px; color: #f73b3c; }

            .enlist-formbox h4 .discount * { vertical-align: top; }

            .enlist-formbox h4 .discount i { display: inline-block; width: 20px; height: 20px; line-height: 20px; background: #f73b3c; color: #fff; font-size: 14px; border-radius: 2px; text-align: center; margin-right: 3px; }

        .enlist-formbox h4 .signal { color: #06bd73; font-size: 14px; margin-left: 10px; }

.enlist-item { padding: 0 10px; margin-top: 15px; background: #fbfbfb; }

    .enlist-item li { float: left; height: 36px; line-height: 36px; margin: 0 10px; cursor: pointer; }

        .enlist-item li label { display: inline-block; height: 36px; line-height: 36px; padding-left: 25px; cursor: pointer; background: url(/content/images/ico_check.png) 0 0 no-repeat; }

        .enlist-item li.on label { background: url(/content/images/ico_check.png) 0 -50px no-repeat; }

.enlist-form { }

    .enlist-form li { position: relative; margin-top: 20px; }

.enlist-code { position: absolute; top: 0; right: 0; display: block; width: 108px; height: 38px; border: 1px solid #e8e8e8; text-align: center; cursor: pointer; background: #fefdfd; background: -webkit-gradient(linear,left top,right top,color-stop(10%,#fff),color-stop(90%,#f3f2f2)); background: -webkit-linear-gradient(left,#fff 10%,#f3f2f2 90%); background: linear-gradient(to bottom,#fff 10%,#f3f2f2 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f3f2f2', GradientType=1) }

    .enlist-code.spot { background: #f8f8f9; }
.enlist-foot a.redbg, .enlist-text, .enlist-text-sort {
    width: 418px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #dadada;
    border-radius: 3px;
    font-size: 16px;
}


.enlist-area { width: 418px; height: 152px; line-height: 38px; padding: 0 10px; border: 1px solid #e8e8e8; resize: none; }

.enlist-text-sort { width: 288px; }

.enlist-form dl { position: relative; padding-left: 145px; margin-top: 20px; min-height: 40px; _height: 40px; line-height: 40px; }

.enlist-form dt { position: absolute; top: 0; left: 0; width: 140px; text-align: right; font-size: 16px; font-weight: 600; color: #333; }

.enlist-form dd .enlist-text { width: 225px; }

.enlist-form dd .enlist-text-sort { }

.enlist-error { line-height: 24px; padding-left: 28px; color: #f73b3c; background: url(/content/images/ico_warning.png) no-repeat; margin-top: 10px; }

.enlist-foot { border-top: 1px solid #e8e8e8; /*padding: 20px 20px;*/ padding: 15px 20px; text-align: right; font-size: 16px; }

    .enlist-foot a { display: inline-block; height: 40px; line-height: 40px; padding: 0 30px; border-radius: 2px; margin-right: 20px; cursor: pointer; }

        .enlist-foot a.redbg {
            background: #f73b3c;
            color: #fff;
            /*width: 80%;*/
            height: 40px;
            line-height: 40px;
            font-size: 20px;
            border-radius: 3px;
            text-align: center;
            cursor: pointer;
        }
        .enlist-foot a.redbg:hover {
            background: #e40609;
        }
            .enlist-foot a.redbg:active {
                background: -webkit-linear-gradient(90deg, #FF6F21, #FF6F21);
                background: -o-linear-gradient(90deg, #FF6F21, #FF6F21);
                background: -moz-linear-gradient(90deg, #FF6F21, #FF6F21);
                background: linear-gradient(90deg, #FF6F21, #FF6F21);
            }

.enlist-telbox { padding: 30px 0; font-size: 16px; }

    .enlist-telbox .tel { font-size: 20px; font-weight: 600; }

.enlist-notes { padding: 0 40px 15px; color: #9c9fa1; font-size: 12px; }

    .enlist-notes p { margin-top: 2px; line-height: 20px; }

.popup-winbox { width: 520px; background: #fff; margin: 0 auto; }

.popup-win { padding: 35px 40px 40px; text-align: center; }

.pop-ico i { display: inline-block; width: 80px; height: 80px; }

    .pop-ico i.i-win { background: url(/content/images/ico_popup.png) -90px 0 no-repeat; }

.pop-cue { margin-top: 10px; color: #9c9fa1; }

    .pop-cue h2 { line-height: 44px; font-size: 24px; color: #394043; margin-bottom: 15px; }

.special-zone-list { /*margin-top: 10px;*/ }

    .special-zone-list li { padding: 20px 0; min-height: 208px; _height: 208px; /*border-bottom: 1px solid #f5f5f5;*/ }

        .special-zone-list li:hover { background: #f8f8f9; }

.szlist-item { position: relative; padding: 0 0 0 310px; }
    .szlist-item .imgbox { position: absolute; top: 0; left: 0; width: 278px; height: 208px; overflow: hidden; }
    .szlist-item .img, .szlist-item .img img { width: 278px; height: 208px; }
.special-wordsbox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0,0,0,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8000000,endcolorstr=#c8000000); overflow: hidden; display: table; width: 100%; height: 100%; padding: 15px 0; color: #fff; display: none; }
.special-zone-list li:hover .special-wordsbox { display: table; }
.special-words { display: table-cell; vertical-align: middle; line-height: 22px; padding: 0 18px; }
.szlist-info { color: #666; }
    .szlist-info .region { color: #999; font-weight: 400; margin-left: 5px; }
    .szlist-info h2 { font-size: 20px; font-weight: 600; }
        .szlist-info h2 a { display: inline-block; max-width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; }
        .szlist-info h2 * { vertical-align: middle; }
        .szlist-info h2 a:hover { color: #f73b3c; }
.szlist-time .time { display: inline-block; background: #a7a5a5; padding: 0 10px; color: #fff; }
.szlist-price { line-height: 36px; margin-top: 30px; min-height: 72px; _height: 72px; width: 330px; }
    .szlist-price strong { color: #f73b3c; font-size: 22px; }
.special-hint { font-size: 24px; color: #5680a6; line-height: 50px; position: absolute; top: 0; right: 0; z-index: 1; }
.szlist-time { line-height: 24px; margin-top: 35px; color: #9c9fa1; }
.nhlist-enroll { position: absolute; top: 125px; right: 0; color: #9c9fa1; text-align: right; z-index: 1; }
    .nhlist-enroll .enroll-btn { box-shadow: 0 5px 20px rgba(232, 0, 0, 0.18); display: inline-block; width: 90px; height: 36px; line-height: 36px; border-radius: 2px; background: #f73b3c; color: #fff; font-size: 16px; text-align: center; cursor: pointer; }
        .nhlist-enroll .enroll-btn:hover { text-decoration: underline; }
.nhlist-person { margin-top: 22px; line-height: 24px; }
    .nhlist-person .number { color: #f73b3c; }
.nhlist-tel {
    height: 20px;
    line-height: 20px;
    padding-left: 22px;
    color: #4f5050;
}
    .nhlist-tel .i-tel { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; background: url(/content/images/icon.png) 0 0 no-repeat; }
/*.list-nape { line-height: 26px; margin-top: 5px; width: 420px; }*/
    .list-nape a:hover { color: #f33; text-decoration: underline; }
    .list-nape .line { color: #ccc; }
.nhlist-info .address { line-height: 26px; margin-top: 5px; width: 420px; }

.house-summarybox { margin-top: 40px; }

.house-summary { }

    .house-summary dl { }

    .house-summary dl { position: relative; float: left; width: 50%; min-height: 26px; _height: 26px; line-height: 26px; margin-top: 30px; }

    .house-summary dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .house-summary dd { padding-left: 90px; }

.house-summary-other { margin-top: 50px; }

.hsummary-item { border-bottom: 1px solid #e8e8e8; }

    .hsummary-item ul { }

    .hsummary-item li { float: left; margin-right: 42px; }

        .hsummary-item li:last-child { margin-right: 0; }

        .hsummary-item li a { display: inline-block; height: 38px; line-height: 38px; border-bottom: 2px solid transparent; cursor: pointer; }

        .hsummary-item li.on a { color: #f73b3c; border-bottom: 2px solid #f73b3c; }

.hsummary-otherbox { margin-top: 30px; }

.hsummary-other { line-height: 26px; }

    .hsummary-other h4 { font-size: 14px; }

.act-nominate-listbox { margin-top: 30px; }

.act-nominate-list ul { margin-right: -30px; *zoom: 1; }

.act-nominate-list li { float: left; width: 220px; margin-right: 25px; margin-top: 30px; }

.act-nominate-list .img { display: block; width: 220px; height: 165px; overflow: hidden; }

    .act-nominate-list .img img { width: 220px; height: 165px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

        .act-nominate-list .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.anominate-info { margin-top: 10px; }

    .anominate-info h2 { height: 36px; font-size: 16px; overflow: hidden; }

        .anominate-info h2 a { display: inline-block; max-width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .anominate-info h2 a:hover { color: #f73b3c; }

.anominate-foot { position: relative; height: 24px; line-height: 24px; margin-top: 4px; }

    .anominate-foot .sale { color: #f73b3c; }

    .anominate-foot .person { position: absolute; top: 0; right: 0; color: #9c9fa1; font-size: 12px; }

/*地图*/
.map-headbox { position: fixed; top: 0; left: 0; right: 0; z-index: 2000; }

.pcenter30 { padding: 0 30px; }

.map-headbox .header-logo { left: 30px; }

.map-headbox .header-address { float: left; }

.map-header-other { float: left; padding: 20px 0 0 20px; }

.map-searchbox { position: relative; float: left; }

.map-search { position: relative; border: 1px solid #f73b3c; height: 38px; line-height: 38px; padding-right: 40px; border-radius: 2px; }

.msearch-text { width: 280px; padding: 0 10px; height: 38px; line-height: 38px; border: none; }

.msearch-btn { position: absolute; top: -1px; right: 0; width: 40px; height: 40px; line-height: 40px; background: #f73b3c url(/content/images/ico_map.png) 0 -220px no-repeat; cursor: pointer; }

    .msearch-btn:hover { background: #cd3334 url(/content/images/ico_map.png) 0 -220px no-repeat; }

.msearch-del { position: absolute; top: 0; right: 46px; display: block; width: 34px; height: 34px; background: url(/content/images/map_clean.png) center no-repeat; cursor: pointer; display: none; }

.msearch-cue { position: absolute; top: 40px; left: 0; width: 340px; border: 1px solid #e5e5e5; background: #fff; font-size: 12px; z-index: 67; display: none; }

    .msearch-cue li { position: relative; height: 30px; line-height: 30px; padding: 0 120px 0 10px; cursor: pointer; }

        .msearch-cue li.on, .msearch-cue li:hover { background: #f8f8f9; color: #f73b3c; }

    .msearch-cue .name { display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .msearch-cue .number { position: absolute; top: 0; right: 10px; color: #999; }

.map-filterbox { float: left; padding-left: 10px; }

    .map-filterbox ul { margin-right: -15px; *zoom: 1; z-index: 67; }

    .map-filterbox li { float: left; width: 132px; margin-left: 20px; }

.map-filter { position: relative; }

    .map-filter .name { display: block; width: 100px; height: 38px; line-height: 38px; padding: 0 20px 0 8px; border: 1px solid #e5e5e5; background: url(/content/images/map_select.png) center right no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mselect-ul { position: absolute; top: 39px; left: 0; width: 128px; border: 1px solid #e5e5e5; background: #fff; display: none; }

    .mselect-ul li { float: none; width: auto; /*padding: 0 10px;*/ padding-left: 35px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; cursor: pointer; }

        .mselect-ul li.on, .mselect-ul li:hover { background: #f8f8f9; color: #f73b3c; }

.msearch-resul { position: relative; margin-top: 10px; padding-bottom: 45px; background: #fff; border-radius: 4px; -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); -o-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 3px 1px rgba(0,0,0,0.1); box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); }

.map-bodybox { height: 100%; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.map-canvas { height: 100%; width: 100%; }

    .map-canvas img { max-width: 100%; }

.fix-mapbox { position: fixed; top: 127px; bottom: 84px; left: 7px; width: 460px; z-index: 1002; /*overflow: auto;*/ /*background: #fcf;*/ }

.msearch-resul { position: relative; margin-top: 0; border-radius: 0; height: 100%; overflow: auto; }

    .msearch-resul.open { height: 49px; }

.msr-head { position: fixed; top: 126px; left: 7px; width: 415px; padding: 15px 10px 15px 35px; background: none; height: 50px; background: #fff; border-bottom: 1px solid #e8e8e8; z-index: 111; }

    .msr-head .i-location { position: absolute; top: 32px; left: 8px; display: block; width: 18px; height: 22px; background: url(/content/images/ico_map.png) 0 -70px no-repeat; }

    .msr-head h2 { font-size: 18px; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .msr-head h3 { line-height: 22px; }

        .msr-head h3 strong { display: inline-block; padding-left: 23px; background: url(/content/images/map_address.png) left center no-repeat; cursor: pointer; font-size: 16px; margin-right: 15px; }

    .msr-head .number { color: #f73b3c; }

.map-sort { position: relative; height: 30px; background: #f6f6f6; }

    .map-sort .arrowbox { top: 6px; }

.map-switch { position: fixed; left: 189px; bottom: 25px; width: 70px; height: 30px; background: url(/content/images/ico_map.png) 0 0 no-repeat; cursor: pointer; z-index: 77; }

    .map-switch.open { top: 203px; background: url(/content/images/ico_map.png) 0 -35px no-repeat; }

.msr-bodybox { padding-top: 80px; }

.msr-body { height: auto; overflow: visible; }

    .msr-body li { position: relative; padding: 10px 10px 10px 145px; min-height: 98px; _min-height: 98px; border-bottom: 1px solid #e8e8e8; }

        .msr-body li:last-child { border-bottom: none; }

        .msr-body li:hover { background: #f8f8f9; }

    .msr-body .img { position: absolute; top: 10px; left: 10px; display: block; width: 124px; height: 98px; overflow: hidden; }

        .msr-body .img img { width: 124px; height: 98px; }

.msr-info h2 { margin-bottom: 5px; }

    .msr-info h2 * { vertical-align: middle; }

    .msr-info h2 a { display: inline-block; max-width: 145px; height: 22px; line-height: 22px; font-size: 16px; color: #5680a6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .msr-info h2 a:hover { color: #f73b3c; text-decoration: underline; }

.msr-info .sign { display: inline-block; height: 18px; line-height: 18px; border-radius: 2px; margin-left: 8px; padding: 0 3px; font-size: 12px; }

    .msr-info .sign.red { color: #f73b3c; border: 1px solid #f73b3c; }

    .msr-info .sign.green { color: #06bd73; border: 1px solid #06bd73; }

    .msr-info .sign.yellow { color: #ffa00b; border: 1px solid #ffa00b; }

    .msr-info .sign.brown { color: #849aae; border: 1px solid #849aae; }

.msr-info .address { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 8px; }

.msr-info p { line-height: 24px; }

.msr-info .price { position: absolute; top: 10px; right: 10px; color: #f73b3c; line-height: 22px; }

.map-region { background: rgba(233,59,61,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5e93b3d,endcolorstr=#e5e93b3d); color: #fff; font-size: 12px; width: 74px; height: 40px; padding: 17px 0; border-radius: 50%; text-align: center; overflow: hidden; cursor: pointer; }

    .map-region p { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .map-region:hover { background: #ff5000; }

.map-domain { position: relative; height: 42px; width: 110px; cursor: pointer; }

    .map-domain.red h2 { background: #f73b3c; }

    .map-domain.green h2 { background: #06bd73; }

    .map-domain.yellow h2 { background: #ffa00b; }

    .map-domain.brown h2 { background: #849aae; }

    .map-domain:hover h2 { background: #ff5000; }

    .map-domain h2 { height: 34px; line-height: 34px; padding: 0 10px; text-align: center; color: #fff; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .map-domain .triangle { position: absolute; top: 34px; left: 51px; display: block; width: 8px; height: 8px; }

    .map-domain.red .triangle { background: url(/content/images/ico_map.png) 0 -130px no-repeat; }

    .map-domain.green .triangle { background: url(/content/images/ico_map.png) -10px -130px no-repeat; }

    .map-domain.yellow .triangle { background: url(/content/images/ico_map.png) -20px -130px no-repeat; }

    .map-domain.brown .triangle { background: url(/content/images/ico_map.png) -30px -130px no-repeat; }

    .map-domain:hover .triangle { background: url(/content/images/ico_map.png) -40px -130px no-repeat; }

.msearch-resul .pagebox { padding: 5px 0; }

.msr-null { height: 40px; line-height: 40px; text-align: center; margin-top: 10px; }

.map-link { position: fixed; top: 125px; right: 30px; display: block; width: 104px; height: 40px; line-height: 40px; text-align: center; background: #fff; -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); -o-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); z-index: 1002; }

    .map-link * { vertical-align: middle; }

    .map-link .i-list { display: inline-block; width: 20px; height: 20px; background: url(/content/images/ico_map.png) -35px -70px no-repeat; margin-right: 5px; }

.map-salesbox { position: fixed; top: 125px; right: 145px; padding: 0 10px; font-size: 12px; background: #fff; -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); -o-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); z-index: 1002; }

.map-sales li { float: left; height: 40px; line-height: 40px; padding-left: 22px; margin: 0 10px; cursor: pointer; }

.map-sales li { background: url(/content/images/ico_map.png) 0 -140px no-repeat; }

    .map-sales li.checked { background: url(/content/images/ico_map.png) 0 -180px no-repeat; }

.map-sales label { display: inline-block; height: 18px; line-height: 18px; padding: 0 4px; border-radius: 2px; color: #fff; cursor: pointer; }

    .map-sales label.red { background: #f73b3c; }

    .map-sales label.green { background: #06bd73; }

    .map-sales label.yellow { background: #ffa00b; }

    .map-sales label.brown { background: #849aae; }

/*资讯版块*/
.informationbox { margin-top: 25px; }

.information-wrap { position: relative; padding-left: 140px; }

.info-menubox { position: absolute; left: 0; top: 0; width: 110px; }

.info-menu { background-color: #fbfbfb; border: 1px solid #f3f3f3; }

    .info-menu li { position: relative; /*margin-bottom: 24px;*/ margin-bottom: 10px; }

    .info-menu h2 { font-size: 16px; text-align: center; }

    .info-menu li h2 a { display: block; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 2px; }

    .info-menu li.on h2 a { background: #f73b3c; color: #fff; color: #fff; }

    .info-menu li:hover h2 a { text-decoration: underline; }

.info-submenu { position: absolute; bottom: 0; left: 110px; width: 260px; padding: 5px 0; background: #fff; text-align: center; font-size: 16px; box-shadow: 0 0 4px 0 rgba(142,142,142,0.2); display: none; z-index: 1; }

.info-menu li:hover .info-submenu { display: block; }

.info-submenu .item { float: left; display: block; width: 130px; height: 40px; margin: 5px 0; }

    .info-submenu .item a { display: block; width: 110px; line-height: 40px; border-radius: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; }

    .info-submenu .item.on a { background: #f73b3c; color: #fff; }

    .info-submenu .item a:hover { text-decoration: underline; }

.info-bannerbox { position: relative; height: 324px; overflow: hidden; }

    .info-bannerbox .switch-spot { position: absolute; bottom: 17px; right: 8px; width: 150px; height: 6px; font-size: 0; text-align: right; z-index: 1; }

        .info-bannerbox .switch-spot li { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff); margin: 0 2px; }

            .info-bannerbox .switch-spot li.on { background: #fff; }

    .info-bannerbox .prev, .info-bannerbox .next { position: absolute; top: 136px; display: block; width: 50px; height: 50px; z-index: 1; }

    .info-bannerbox .prev { left: 6px; background: url(/content/images/btn_switch.png) 0 0 no-repeat; }

    .info-bannerbox .next { right: 6px; background: url(/content/images/btn_switch.png) 0 -50px no-repeat; }

.info-banner { }

    .info-banner li { position: relative; }

    .info-banner a.img { position: relative; display: block; height: 324px; background-size: cover; background-position: center; background-repeat: no-repeat; }

    .info-banner .maskbox { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 160px 0 20px; height: 40px; line-height: 40px; background: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000); z-index: 1; }

        .info-banner .maskbox h2 { height: 40px; line-height: 40px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }

.info-navbox { *+position:relative; *+z-index:2; }

.info-nav { border-bottom: 1px solid #e8e8e8; font-size: 16px; }

    .info-nav li { position: relative; float: left; margin-right: 40px; }

        .info-nav li:last-child { margin-right: 0; }

    .info-nav h2 { font-size: 16px; }

        .info-nav h2 a { display: inline-block; height: 42px; line-height: 42px; border-bottom: 2px solid transparent; cursor: pointer; }

    .info-nav li.on h2 a { color: #f73b3c; border-bottom: 2px solid #f73b3c; }

    .info-nav li:hover h2 a { color: #f73b3c; }

.info-subnav { position: absolute; top: 44px; right: 0; width: 260px; padding: 5px 0; background: #fff; text-align: center; font-size: 16px; /*box-shadow: 0 0 4px 0 rgba(142,142,142,0.2);*/ box-shadow: 0 1px 4px 4px rgba(142,142,142,0.3); display: none; z-index: 1; }

.info-nav li:hover .info-subnav { display: block; }

.info-subnav .item { float: left; display: block; width: 130px; height: 40px; margin: 5px 0; }

    .info-subnav .item a { display: block; width: 110px; line-height: 40px; border-radius: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; }

    .info-subnav .item.on a { background: #f73b3c; color: #fff; }

    .info-subnav .item a:hover { text-decoration: underline; }

.information-list { }

    .information-list li { position: relative; padding: 16px 0; border-bottom: 1px dashed #e8e8e8; }

        .information-list li:last-child { border-bottom: none; }

        .information-list li:hover { background: #f8f8f9; }

        .information-list li.has-img { padding: 20px 0 20px 190px; min-height: 128px; _height: 128px; }

    .information-list .img { position: absolute; top: 20px; left: 0; display: block; width: 170px; height: 128px; overflow: hidden; }

        .information-list .img img { width: 170px; height: 128px; }

.info-info h2 { line-height: 36px; font-size: 24px; margin-bottom: 10px; }

.information-list li.has-img .info-info h2 { height: 72px; overflow: hidden; margin-bottom: 30px; }

.info-info h2 * { vertical-align: middle; }

.info-info h2 a:hover { color: #f73b3c; }

.info-info .sign { display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 4px; border-radius: 2px; margin-left: 8px; }

    .info-info .sign.red { color: #e93b3a; border: 1px solid #e93b3a; }

.info-foot { color: #9c9fa1; font-size: 12px; }

    .info-foot span { margin-right: 28px; }

        .info-foot span:last-child { margin-right: 0; }

.aside-qclassifybox { }

.aside-qclassify { }

    .aside-qclassify dl { border-bottom: 1px dashed #e8e8e8; padding-bottom: 20px 0; margin-bottom: 20px; }

        .aside-qclassify dl:last-child { border-bottom: none; }

    .aside-qclassify dt { color: #9c9fa1; font-size: 16px; line-height: 30px; }

    .aside-qclassify dd { }

.aqclassify { margin: 10px 0 20px; }

    .aqclassify a { float: left; display: block; width: 33.33%; height: 26px; line-height: 26px; margin: 4px 0; }

        .aqclassify a:hover { color: #f73b3c; }

/*.nominate-discbox { border: 1px solid #e8e8e8; margin-top: 40px; }

.nominate-head { position: relative; height: 50px; line-height: 50px; padding: 0 20px; border-bottom: 1px solid #e8e8e8; background: #f8f8f9; }

    .nominate-head h2 { font-size: 24px; color: #5680a6; }

.nominate-link { position: absolute; top: 0; right: 20px; font-size: 14px; color: #9c9fa1; }

    .nominate-link li { float: left; margin-left: 24px; }

        .nominate-link li a { color: #9c9fa1; }

        .nominate-link li:hover a { color: #f73b3c; }

.nominate-body { padding: 20px; }

.nominate-info { }

    .nominate-info dl { position: relative; float: left; width: 50%; line-height: 34px; margin: 6px 0; }

        .nominate-info dl * { vertical-align: top; }

    .nominate-info dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .nominate-info dd { padding-left: 86px; height: 34px; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .nominate-info .money { color: #f73b3c; font-size: 24px; }

.nominate-elsebox { padding-top: 20px; border-top: 1px dashed #e8e8e8; }

.nominate-form { position: relative; margin-top: 0; min-height: 30px; _height: 30px; padding-right: 90px; }

    .nominate-form dl { position: relative; float: left; padding-left: 52px; margin-right: 30px; }

    .nominate-form dt { position: absolute; top: 0; left: 0; line-height: 30px; }

.nominate-text { width: 138px; height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #e8e8e8; }

.nominate-btn { position: absolute; top: 0; left: 480px; width: 90px; height: 30px; line-height: 30px; background: #f73b3c; text-align: center; color: #fff; border: none; cursor: pointer; }

    .nominate-btn:hover { text-decoration: underline; }

.nominate-form .hint { position: absolute; top: 0; left: 615px; line-height: 30px; font-size: 12px; }

.nominate-agent { margin-top: 30px; }

    .nominate-agent ul { margin-right: -60px; *zoom: 1; }

    .nominate-agent li { position: relative; float: left; width: 164px; padding-left: 82px; min-height: 105px; _height: 105px; margin-right: 50px; }

    .nominate-agent .img { position: absolute; top: 0; left: 0; display: block; width: 72px; height: 105px; }

        .nominate-agent .img img { width: 72px; height: 105px; }

.nagent-info { position: relative; }

    .nagent-info .online { position: absolute; top: 12px; right: 30px; display: block; width: 70px; height: 18px; background: url(/content/images/ico_online_consulting.png) center no-repeat; cursor: pointer; }

    .nagent-info h2 { height: 36px; line-height: 36px; margin-right: 75px; font-size: 18px; }

        .nagent-info h2 a { display: inline-block; max-width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .nagent-info h2 a:hover { text-decoration: underline; }

    .nagent-info .tel { display: block; width: 76px; height: 28px; line-height: 28px; border: 1px solid #f73b3c; font-size: 14px; color: #f73b3c; border-radius: 4px; text-align: center; margin-top: 12px; }

        .nagent-info .tel:hover { background: #f73b3c; color: #fff; }

    .nagent-info .phone { height: 26px; line-height: 26px; font-size: 13px; color: #9c9fa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }*/

.nominate-discbox { border: 1px solid #e8e8e8; margin-top: 30px; }
.nominate-head { position: relative; height: 46px; line-height: 46px; padding: 0 20px; border-bottom: 1px solid #e8e8e8; background: #f8f8f9; }
    .nominate-head h2 { font-size: 20px; color: #5680a6; }
.nominate-link { position: absolute; top: 0; right: 20px; font-size: 14px; color: #9c9fa1; }
    .nominate-link li { float: left; margin-left: 24px; }
        .nominate-link li a { color: #9c9fa1; }
        .nominate-link li:hover a { color: #f73b3c; }
.nominate-body { padding: 12px 20px; }
.nominate-info { }
    .nominate-info dl { position: relative; float: left; width: 50%; line-height: 26px; margin: 3px 0; }
        .nominate-info dl * { vertical-align: top; }
    .nominate-info dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }
    .nominate-info dd { padding-left: 86px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 10px; }
    .nominate-info .money { color: #f73b3c; font-size: 20px; }
.nominate-elsebox { padding-top: 20px; border-top: 1px dashed #e8e8e8; margin-top: 8px; }
.nominate-form { position: relative; margin-top: 0; min-height: 30px; _height: 30px; padding-right: 90px; }
    .nominate-form dl { position: relative; float: left; padding-left: 52px; margin-right: 30px; }
    .nominate-form dt { position: absolute; top: 0; left: 0; line-height: 30px; }
.nominate-text { width: 138px; height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #e8e8e8; }
.nominate-btn { position: absolute; top: 0; left: 480px; width: 90px; height: 30px; line-height: 30px; background: #f73b3c; text-align: center; color: #fff; border: none; cursor: pointer; }
    .nominate-btn:hover { text-decoration: underline; }
.nominate-form .hint { position: absolute; top: 0; left: 615px; line-height: 30px; font-size: 12px; }
.nominate-agent { margin-top: 20px; /* border-top: 1px solid; */ }
    .nominate-agent ul { margin-right: -60px; *zoom: 1; }
    .nominate-agent li { position: relative; float: left; width: 164px; padding-left: 72px; min-height: 84px; _height: 105px; margin-right: 50px; /* background:  #fcf; */ }
    .nominate-agent .img { position: absolute; top: 0; left: 0; display: block; width: 60px; height: 84px; }
        .nominate-agent .img img { width: 60px; height: 84px; }
.nagent-info { position: relative; }
    .nagent-info .online { position: absolute; top: 6px; right: 20px; display: block; width: 70px; height: 18px; background: url(/content/images/ico_online_consulting.png) center no-repeat; cursor: pointer; }
    .nagent-info h2 { height: 30px; line-height: 30px; margin-right: 75px; font-size: 16px; }
        .nagent-info h2 a { display: inline-block; max-width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
            .nagent-info h2 a:hover { text-decoration: underline; }
    .nagent-info .tel { display: block; width: 72px; height: 24px; line-height: 24px; border: 1px solid #f73b3c; font-size: 14px; color: #f73b3c; border-radius: 4px; text-align: center; margin-top: 5px; font-size: 12px; }
        .nagent-info .tel:hover { background: #f73b3c; color: #fff; }
    .nagent-info .phone { height: 22px; line-height: 24px; font-size: 13px; color: #9c9fa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.keywordbox { margin-top: 45px; }

.keyword-haed { position: relative; min-height: 36px; line-height: 36px; font-size: 16px; }

    .keyword-haed .word { display: inline-block; padding: 0 8px; height: 22px; line-height: 22px; border-radius: 11px; color: #849aae; background: #f1f4f6; margin-right: 10px; font-size: 14px; }
        .keyword-haed .word:hover { text-decoration: underline; color: #f73b3c; }

    .keyword-haed .editor { position: absolute; top: 0; right: 0; color: #9c9fa1; font-size: 14px; }

.keyword-body { border: 1px solid #e8e8e8; margin-top: 20px; }

.keyword-namebox { padding: 20px; }

.keyword-name ul { margin-right: -50px; *zoom: 1; }

.keyword-name li { float: left; padding-left: 12px; width: 387px; margin-right: 38px; margin-top: 20px; background: url(/content/images/ico_list_style.png) left 0 no-repeat; }

    .keyword-name li:hover { background: #f8f8f9 url(/content/images/ico_list_style.png) left 0 no-repeat; }

    .keyword-name li * { vertical-align: middle; }

    .keyword-name li a { display: inline-block; max-width: 387px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .keyword-name li a:hover { color: #f73b3c; }

/*问答*/
.interlocut-menubox { }

.interlocut-menu { background: #f8f8f9; border: 1px solid #e8e8e8; }

    .interlocut-menu ul { }

    .interlocut-menu li { position: relative; float: left; }

    .interlocut-menu h2 { padding: 0 20px; }

        .interlocut-menu h2 a { display: inline-block; height: 38px; line-height: 38px; border-bottom: 2px solid transparent; }

    .interlocut-menu li.on h2 a { border-bottom: 2px solid #f73b3c; color: #f73b3c; }

    .interlocut-menu li:hover h2 a { color: #f73b3c; }

.inter-submenu { position: absolute; top: 40px; left: 50%; width: 122px; margin-left: -61px; background: #fff; text-align: center; box-shadow: 0 0 7px 0 rgba(0,0,0,0.2); z-index: 1; display: none; }

.interlocut-menu li:hover .inter-submenu { display: block; }

.inter-submenu li { float: none; }

.inter-submenu a { display: block; height: 34px; line-height: 34px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .inter-submenu a:hover { color: #f73b3c; background: #f8f8f9; }

.inter-submenu .ico { position: absolute; top: -10px; left: 50%; margin-left: -7px; display: block; width: 14px; height: 10px; background: url(/content/images/header_triangle.png) no-repeat; }

.interlocut-bannerbox { position: relative; margin-top: 40px; padding-bottom: 50px; }

    .interlocut-bannerbox .switch-spot { position: absolute; bottom: 20px; left: 50%; margin-left: -200px; font-size: 0; width: 400px; text-align: center; z-index: 1; }

        .interlocut-bannerbox .switch-spot li { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #e8e8e8; margin: 0 2px; }

            .interlocut-bannerbox .switch-spot li.on { background: #f73b3c; }

.interlocut-banner { }

    .interlocut-banner li { position: relative; padding-left: 314px; min-height: 220px; }

    .interlocut-banner .img { position: absolute; top: 0; left: 0; width: 294px; height: 220px; }

        .interlocut-banner .img img { width: 294px; height: 220px; }

.interbanner-info { padding-top: 15px; }

    .interbanner-info h2 { height: 64px; line-height: 32px; font-size: 18px; overflow: hidden; }

        .interbanner-info h2 * { vertical-align: middle; }

        .interbanner-info h2 a:hover { color: #f73b3c; }

    .interbanner-info .sign { display: inline-block; height: 18px; line-height: 18px; border-radius: 2px; padding: 0 5px; font-size: 12px; margin-right: 8px; }

        .interbanner-info .sign.green { color: #06bd73; border: 1px solid #06bd73; }

    .interbanner-info .wordsbox { margin-top: 20px; color: #9c9fa1; line-height: 28px; }

        .interbanner-info .wordsbox .more { color: #9c9fa1; }

            .interbanner-info .wordsbox .more:hover { color: #f73b3c; text-decoration: underline; }

.interlocut-item { position: absolute; bottom: 30px; right: 0; height: 28px; line-height: 28px; }

    .interlocut-item li { float: left; margin-left: 10px; }

        .interlocut-item li a { display: inline-block; height: 28px; line-height: 28px; padding: 0 10px; border-radius: 2px; /*cursor: pointer;*/ }

        .interlocut-item li.on a { color: #fff; background: #f73b3c; }

.mod-interlocut { margin-top: 40px; }

.interlocut-list { }

    .interlocut-list li { position: relative; padding: 30px 200px 20px 0; border-bottom: 1px dashed #e8e8e8; }

    .interlocut-list .link { position: absolute; right: 40px; top: 50%; margin-top: -32px; display: block; width: 64px; height: 44px; padding: 10px 0; line-height: 22px; text-align: center; border-radius: 50%; background: #f8f8f9; font-size: 12px; color: #9c9fa1; }

        .interlocut-list .link strong { display: block; font-size: 18px; color: #394043; }

.inter-list h2 { position: relative; padding-left: 30px; font-size: 16px; line-height: 30px; }

    .inter-list h2 a { }

        .inter-list h2 a:hover { color: #f73b3c; }
.inter-list .house-name { font-size: 12px; color: #9c9fa1; line-height: 16px; }
    .inter-list .house-name .name { color: #f73b3c;text-decoration:underline; }
    .inter-list .house-name .time { color: #9c9fa1; line-height: 24px; margin-top: 5px; font-size: 12px; }
        .inter-list .house-name .name:hover { text-decoration: underline; }

.inter-list .word { position: absolute; top: 6px; left: 0; display: inline-block; width: 18px; height: 18px; line-height: 18px; background: #f73b3c; color: #fff; border-radius: 2px; text-align: center; margin-right: 8px; font-size: 12px; }

.inter-list .tag { display: inline-block; height: 22px; line-height: 22px; border-radius: 11px; padding: 0 8px; margin-left: 8px; font-size: 14px; background: #f1f4f6; color: #849aae; }

.interlist-info { padding-left: 40px; margin-top: 20px; font-size: 12px; }

.interlist-user { position: relative; height: 30px; line-height: 30px; font-size: 12px; }

    .interlist-user .avatar { position: absolute; top: 0; left: -40px; display: block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; z-index: 1; }

        .interlist-user .avatar img { width: 30px; height: 30px; }

.interlist-info .wordsbox { color: #9c9fa1; line-height: 26px; }

    .interlist-info .wordsbox .more { color: #9c9fa1; }

        .interlist-info .wordsbox .more:hover { color: #f73b3c; text-decoration: underline; }

.interlist-info .otherbox { color: #9c9fa1; line-height: 24px; margin-top: 5px; }

.expert-listbox { position: relative; margin-top: 30px; }

    .expert-listbox a.prev, .expert-listbox a.next { position: absolute; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px; z-index: 1; }

    .expert-listbox a.prev { left: 0; background: url(/content/images/btn_switch.png) left -100px no-repeat; }

    .expert-listbox a.next { right: 0; background: url(/content/images/btn_switch.png) left -130px no-repeat; }

.expert-list { height: 170px; overflow: hidden; }

    .expert-list ul { margin-right: -30px; *zoom: 1; }

    .expert-list li { position: relative; float: left; /*width: 285px;*/ width: 152px; height: 170px; padding-left: 128px; margin-right: 20px; overflow: hidden; }

    .expert-list .img { position: absolute; top: 0; left: 0; width: 128px; height: 170px; }

        .expert-list .img a { display: block; }

            .expert-list .img a img { width: 128px; height: 170px; }

.expert-info { position: relative; height: 168px; padding-left: 10px; border: 1px solid #e8e8e8; border-left: none; }

    .expert-info h2 { height: 40px; line-height: 40px; margin-right: 75px; font-size: 18px; }

        .expert-info h2 a { display: inline-block; max-width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .expert-info h2 a:hover { text-decoration: underline; }

    .expert-info .on-line { display: block; width: 116px; height: 30px; margin-top: 20px; background: url(/content/images/ico_online_116x30.png) center no-repeat; cursor: pointer; }

.expert-item { font-size: 12px; }

    .expert-item p { height: 30px; line-height: 30px; color: #9c9fa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .expert-item .company { color: #9c9fa1; }

    .expert-item .business { color: #5680a6; }

.interlocut-sortbox { position: relative; padding-bottom: 20px; }

.interlocut-sort { font-size: 14px; border: 1px solid #e8e8e8; padding-bottom: 16px; }

.inter-sort { margin-top: 20px; /*padding: 0 30px 15px;*/ padding: 0 30px 10px; }

    .inter-sort dl { float: left; width: 50%; }

    .inter-sort dt { font-size: 16px; line-height: 36px; }

    .inter-sort dl.current dt { color: #f73b3c; }

    .inter-sort dl.dl0 .inter-subsort a { margin-right: 30px; }

    .inter-sort dl.dl1 dt { padding-left: 30px; }

    .inter-sort dl.dl1 .inter-subsort a { margin-left: 30px; }

.inter-subsort a { display: inline-block; line-height: 24px; color: #6b7072; margin-top: 5px; }

    .inter-subsort a.on { color: #f73b3c; }

    .inter-subsort a:hover { color: #f73b3c; text-decoration: underline; }

.inter-sortbtn { position: absolute; bottom: 0; left: 50%; margin-left: -25px; right: 0; display: block; width: 48px; height: 20px; border: 1px solid #e8e8e8; border-top: none; background: #fff url(/content/images/btn_switch.png) 0 -210px no-repeat; cursor: pointer; }

    .inter-sortbtn.close { background: #fff url(/content/images/btn_switch.png) 0 -235px no-repeat; }

.issuebox { margin-top: 20px; /*padding: 30px;*/ }

.issue-head { padding-bottom: 10px; color: #9c9fa1; border-bottom: 1px dashed #e8e8e8; }

    .issue-head h2 { line-height: 50px; font-size: 30px; font-weight: 600; color: #333; }

    .issue-head .subtitle { margin-top: 5px; font-size: 16px; }

.issue-head-foot { position: relative; line-height: 24px; margin-top: 20px; }

    .issue-head-foot .time { margin: 0 15px; }

    .issue-head-foot .sharebox { position: absolute; top: 0; right: 0; color: #333; }

.issue-body { margin-top: 30px; }

.replybox { }

.reply-areabox { height: 144px; padding: 5px 10px; border: 1px solid #e8e8e8; /* box-sizing:border-box;*/ }

.issue-body .reply-areabox { display: none; }

.reply-area { width: 100%; height: 144px; line-height: 24px; resize: none; border: none; }

.reply-foot { position: relative; margin-top: 30px; min-height: 40px; }

    .reply-foot .tag { display: inline-block; height: 22px; line-height: 22px; border-radius: 11px; padding: 0 8px; margin-right: 8px; font-size: 14px; background: #f1f4f6; color: #849aae; }

    .reply-foot .retract-btn { display: inline-block; height: 40px; line-height: 40px; padding-right: 16px; background: url(/content/images/icon_retract.png) center right no-repeat; color: #333; cursor: pointer; display: none; }

.reply-btn { position: absolute; top: 0; right: 0; display: block; width: 130px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; border-radius: 2px; background: #f73b3c; cursor: pointer; }

    .reply-btn:hover { text-decoration: underline; }

.issue-replybox .reply-areabox { height: 96px; }

.issue-replybox .reply-area { height: 96px; }

.issue-replybox .reply-foot { margin-top: 20px; }

.issue-replybox .reply-btn { width: 92px; }

.resultbox { margin-top: 40px; }

.result-item { position: relative; padding: 30px 0 0 120px; min-height: 80px; _height: 80px; }

.result-avatar { position: absolute; top: 40px; left: 0px; display: block; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; }

    .result-avatar img { width: 80px; height: 80px; }

.result-info { padding-bottom: 15px; border-bottom: 1px dashed #e8e8e8; }

.ri-head { height: 40px; line-height: 40px; }

    .ri-head * { vertical-align: middle; }

    .ri-head .name { font-size: 18px; color: #5680a6; font-weight: 600; }

        .ri-head .name:hover { color: #ff5000; text-decoration: underline; }

    .ri-head .tag { display: inline-block; min-width: 44px; height: 20px; line-height: 20px; padding: 0 8px; text-align: center; border: 1px solid #e8e8e8; border-radius: 2px; color: #9c9fa1; font-size: 12px; margin-left: 10px; }

.ri-words { position: relative; height: 84px; line-height: 28px; margin-top: 6px; overflow: hidden; }

    .ri-words * { vertical-align: middle; }

    .ri-words .span-null { display: inline-block; height: 28px; width: 3em; }

    .ri-words .toggle-btn { position: absolute; bottom: 0; right: 0; display: inline-block; padding-right: 18px; padding-left: 10px; color: #9c9fa1; cursor: pointer; background: #fff url(/content/images/icon_toggle.png) bottom right no-repeat; }

        .ri-words .toggle-btn.on { background: #fff url(/content/images/icon_toggle.png) top right no-repeat; }

.ri-foot { position: relative; color: #9c9fa1; min-height: 24px; _height: 24px; line-height: 24px; margin-top: 13px; font-size: 12px; }

.ri-foot-operate { position: absolute; top: 0; right: 0; }

    .ri-foot-operate span { margin-left: 20px; cursor: pointer; }

        .ri-foot-operate span:hover { color: #f73b3c; text-decoration: underline; }

        .ri-foot-operate span.zan.zaned { color: #f73b3c; }

.issue-replybox { padding-top: 20px; display: none; }

.issue-reply { margin-top: 20px; border-top: 1px dashed #f5f5f5; }

    .issue-reply li { padding: 20px 0 15px; border-bottom: 1px dashed #f5f5f5; }

.reply-head { position: relative; padding-left: 50px; height: 40px; line-height: 40px; color: #9c9fa1; }

    .reply-head * { vertical-align: middle; }

    .reply-head .avatar { position: absolute; top: 0; left: 0; display: block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; }

        .reply-head .avatar img { width: 40px; height: 40px; }

    .reply-head .name { color: #9c9fa1; }

.reply-words { margin-top: 15px; color: #666; }

.reflex-btn { cursor: pointer; color: #333; margin-left: 20px; }

    .reflex-btn:hover { text-decoration: underline; }

.news-main .issue-replybox .pagebox { padding: 25px 0; }

.null-result { padding: 110px 0 100px; color: #9c9fa1; text-align: center; }

    .null-result .icon { display: block; width: 100px; height: 100px; margin: 0 auto; }

        .null-result .icon img { width: 100px; height: 100px; }

    .null-result h2 { font-size: 22px; margin-top: 12px; }

    .null-result h4 { font-size: 18px; }

.statebox .state { width: 880px !important; padding-right: 320px; }

.auto-height { height: auto !important; }

.interlocut-quiz { }

    .interlocut-quiz dl { margin-top: 35px; }

    .interlocut-quiz dt { line-height: 34px; font-weight: 600; }

    .interlocut-quiz dd { padding: 5px 0; }

.quiz-textareabox { position: relative; border: 1px solid #e8e8e8; padding: 15px 18px 25px; }

    .quiz-textareabox .numberbox { position: absolute; bottom: 5px; right: 15px; font-size: 12px; color: #9c9fa1; }

.quiz-area-title, .quiz-area-subtitle { width: 100%; line-height: 34px; border: none; resize: none; }

.quiz-area-title { height: 34px; }

.quiz-area-subtitle { height: 136px; }

.inter-quizbtnbox { margin-top: 50px; }

    .inter-quizbtnbox .submit { width: 200px; height: 40px; line-height: 40px; text-align: center; background: #f73b3c; color: #fff; font-size: 16px; border: none; }

        .inter-quizbtnbox .submit:hover { text-decoration: underline; }

.submit-quizwinbox { padding: 110px 0 60px; }

.submit-quizwin { text-align: center; color: #9c9fa1; font-size: 16px; }

    .submit-quizwin h2 { font-size: 24px; color: #394043; line-height: 44px; margin-bottom: 10px; }

    .submit-quizwin .link { color: #5680a6; }

.quizwin-btnbox { margin-top: 50px; }

.quizwin-btn { display: block; width: 250px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #f73b3c; margin: 0 auto; font-size: 16px; }

/*置业顾问*/
.agent-list { }

    .agent-list li { position: relative; padding: 30px 0 25px; min-height: 158px; _height: 158px; border-bottom: 1px solid #e8e8e8; }

    .agent-list .more { position: absolute; left: 50%; bottom: -10px; margin-left: -34px; display: block; width: 52px; padding-left: 4px; padding-right: 12px; height: 20px; line-height: 20px; cursor: pointer; color: #999; font-size: 12px; z-index: 1; display: none; background: #fff url(/content/images/ico_dybtn.png) top right no-repeat; }

        .agent-list .more:hover { border-bottom: 1px solid #f5f5f5; }

        .agent-list .more.open { background: #fff url(/content/images/ico_dybtn.png) bottom right no-repeat; }

    .agent-list li.many .more { display: block; }

.agent-item { position: relative; padding-left: 215px; }

.agent-list .img { position: absolute; top: 0; left: 0; width: 210px; height: 158px; overflow: hidden; }

    .agent-list .img img { width: 210px; height: 158px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

        .agent-list .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.agent-info { color: #666; padding-left: 20px; }

    .agent-info h2 { height: 30px; line-height: 30px; overflow: hidden; }

        .agent-info h2 a { display: line-block; font-size: 24px; max-width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; }

            .agent-info h2 a:hover { color: #f73b3c; text-decoration: underline; }

    .agent-info .tagbox { margin-top: 10px; }

        .agent-info .tagbox span { display: inline-block; padding: 0 7px; height: 22px; line-height: 22px; border-radius: 11px; margin-right: 8px; font-size: 14px; color: #849aae; background: #f1f4f6; }

.dynatown-list { height: 96px; overflow: hidden; padding-bottom: 5px; }

    .dynatown-list dl { float: left; width: 144px; margin-top: 22px; box-shadow: 0 1px 6px 1px rgba(173,172,172,0.5); margin-left: 20px; }

    .dynatown-list dt { position: relative; padding-left: 50px; }

    .dynatown-list .avatar { position: absolute; top: -12px; left: 10px; display: block; width: 34px; height: 34px; border: 1px solid #f2f2f2; border-radius: 50%; overflow: hidden; }

        .dynatown-list .avatar img { width: 34px; height: 34px; }

    .dynatown-list h4 { position: relative; height: 24px; line-height: 24px; }

    .dynatown-list .name { display: block; width: 48px; height: 24px; line-height: 24px; color: #333; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .dynatown-list .name:hover { color: #ff5000; }

    .dynatown-list .fraction { position: absolute; top: 0; right: 10px; color: #999; font-size: 12px; }

    .dynatown-list .starbox { height: 14px; }

    .dynatown-list dd { margin-top: 5px; padding: 8px 0; }

.dynatown-btnbox { text-align: center; margin-top: 8px; height: 20px; overflow: hidden; }

    .dynatown-btnbox a { display: inline-block; width: 58px; max-width: 56px; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; border-radius: 2px; margin: 0 4px; }

        .dynatown-btnbox a.bluebg { background: #37b6ef; color: #fff; }

            .dynatown-btnbox a.bluebg:hover { background: #4dc5fb; }

        .dynatown-btnbox a.orangebg { background: #f73b3c; color: #fff; }

            .dynatown-btnbox a.orangebg:hover { background: #f44042; }

.brokerbox { border: 1px solid #e8e8e8; }

.broker-affiche { height: 40px; line-height: 40px; padding: 0 20px 0 44px; background: #fef9dd url(); color: #b5901f; }

    .broker-affiche a { color: #b5901f; }

.broker-main { position: relative; padding: 20px 140px 20px 20px; }

    .broker-main .see { position: absolute; top: -20px; right: 0; display: inline-block; padding-left: 24px; height: 20px; line-height: 20px; color: #999; font-size: 12px; background: url(/content/images/icon_look.png) center left no-repeat; }

.broker-operate { position: absolute; top: 20px; right: 20px; z-index: 1; }

.broker-other { position: absolute; top: 48px; right: 20px; /*width: 190px;*/ text-align: right; color: #999; z-index: 1; }

    .broker-other .tel { display: inline-block; height: 20px; line-height: 20px; color: #f73b3c; font-size: 16px; background: url(/content/images/tel_agent.png) center left no-repeat; padding-left: 24px; margin-bottom: 5px; }

.broker-qrbox { position: absolute; top: 85px; right: 20px; width: 134px; text-align: center; z-index: 1; }

.broker-qr { width: 84px; height: 84px; border: 5px solid #fff; overflow: hidden; margin: 0 auto; }

    .broker-qr img { width: 84px; height: 84px; }

.broker-info { position: relative; padding-left: 140px; padding-top: 24px; min-height: 120px; line-height: 24px; }

    .broker-info .avatar { position: absolute; top: 0; left: 0; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; }

    .broker-info .avatar { width: 120px; height: 120px; }

    .broker-info .quiz-btn { position: absolute; top: 140px; left: 25px; display: block; width: 68px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #f73b3c; color: #f73b3c; border-radius: 2px; font-size: 12px; cursor: pointer; }

        .broker-info .quiz-btn:hover { background: #f73b3c; color: #fff; }

    .broker-info dl { position: relative; padding-left: 73px; min-height: 26px; _height: 26px; line-height: 26px; margin-top: 5px; }

    .broker-info dt { position: absolute; top: 0; left: 0; }

    .broker-info dd { color: #9c9fa1; }

    .broker-info a { color: #9c9fa1; }

.broker-buildbox { text-align: center; }

    .broker-buildbox .more { display: inline-block; height: 20px; line-height: 20px; padding-right: 14px; margin: 0 auto; color: #9c9fa1; font-size: 12px; cursor: pointer; background: #fff url(/content/images/ico_dybtn.png) top right no-repeat; }

        .broker-buildbox .more.open { background: #fff url(/content/images/ico_dybtn.png) bottom right no-repeat; }

.broker-build { height: 72px; overflow: hidden; }

    .broker-build li { float: left; margin-right: 10px; margin-bottom: 10px; }

        .broker-build li a { display: block; width: 146px; height: 24px; line-height: 24px; border: 1px solid #e8e8e8; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .broker-build li.on a, .broker-build li a:hover { color: #fff; background: #f73b3c; }

.broker-info p { margin-top: 5px; }

    .broker-info p .cname { margin-right: 10px; color: #333; }

        .broker-info p .cname:hover { color: #f50; text-decoration: underline; }

.broker-info h2 * { vertical-align: middle; }

.broker-info .name { color: #333; font-size: 16px; font-weight: 600; }

.broker-info .age { color: #999; margin-left: 10px; }

.broker-info .online { display: inline-block; width: 70px; height: 18px; margin-left: 10px; background: url(/content/images/ico_online_consulting.png) center no-repeat; cursor: pointer; }

.modbroker-head { position: relative; height: 44px; line-height: 44px; border-bottom: 1px solid #f5f5f5; margin-top: 10px; }

    .modbroker-head .color { color: #f73b3c; }

.modbroker-menu { position: absolute; top: 0; right: 0; font-size: 14px; }

.modbroker-menu { }

    .modbroker-menu li { float: left; margin-left: 34px; }

        .modbroker-menu li a { display: inline-block; height: 42px; line-height: 42px; border-bottom: 2px solid transparent; color: #999; cursor: pointer; }

            .modbroker-menu li a:hover { color: #333; }

        .modbroker-menu li.on a { color: #333; border-bottom: 2px solid #f73b3c; }

.agent-homes-list { }

    .agent-homes-list li { padding: 20px 0; }

        .agent-homes-list li:hover { background: #f8f8f9; }

.ahomes-item { position: relative; padding: 0 200px 0 230px; min-height: 158px; _height: 158px; }

    .ahomes-item .img { position: absolute; top: 0; left: 0; display: block; width: 210px; height: 158px; }

.ahomes-price { position: absolute; top: 50%; right: 0; margin-top: -26px; color: #9c9fa1; text-align: right; }

    .ahomes-price .now-priec { color: #f73b3c; font-size: 16px; }

.ahomes-info { }

    .ahomes-info h2 { font-size: 20px; height: 34px; line-height: 34px; }

        .ahomes-info h2 a { display: inline-block; max-width: 100%; height: 34px; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .ahomes-info h2 a:hover { color: #f73b3c; }

.ahomes-parameter { margin-top: 5px; }

    .ahomes-parameter span { display: inline-block; height: 16px; line-height: 16px; padding-right: 8px; margin-right: 8px; border-right: 1px solid #e5e5e5; }

        .ahomes-parameter span:last-child { margin-right: 0; border-right: none; }

.ahomes-info .address, .ahomes-info .time { height: 24px; line-height: 24px; color: #9c9fa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 20px; }

.ahomes-info .i-address, .ahomes-info .i-time { display: inline-block; width: 20px; height: 20px; }

.ahomes-info .i-address { background: url(/content/images/icon.png) -300px 0 no-repeat; }

.ahomes-info .i-time { background: url(/content/images/icon.png) -300px -30px no-repeat; }

.ahomes-info .address *, .ahomes-info .time * { vertical-align: middle; }

.agent-buying-list { }

    .agent-buying-list li { position: relative; padding: 20px 265px 10px 0; min-height: 40px; _height: 40px; border-bottom: 1px dashed #e8e8e8; }

        .agent-buying-list li:hover { background: #f8f8f9; }

    .agent-buying-list .enroll-btn { position: absolute; top: 50%; right: 0; margin-top: -20px; display: block; width: 88px; height: 38px; line-height: 38px; text-align: center; color: #f73b3c; border: 1px solid #f73b3c; border-radius: 2px; font-size: 16px; cursor: pointer; }

        .agent-buying-list .enroll-btn:hover { color: #fff; background: #f73b3c; }

.abuying-info { }

    .abuying-info h2 { height: 48px; line-height: 48px; font-size: 18px; font-weight: 600; }

        .abuying-info h2 a { display: inline-block; max-width: 100%; height: 48px; line-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .abuying-info h2 a:hover { color: #f73b3c; }

    .abuying-info .words { color: #666; line-height: 20px; }

    .abuying-info .time { color: #999; line-height: 24px; margin-top: 10px; }

        .abuying-info .time * { vertical-align: middle; }

    .abuying-info .i-time { display: inline-block; width: 20px; height: 20px; background: url(/content/images/icon.png) -300px -30px no-repeat; }

.agent-ask { }

    .agent-ask li { padding: 20px 0 15px; border-bottom: 1px dashed #e8e8e8; }

        .agent-ask li:hover { background: #f8f8f9; }

    .agent-ask h2 { font-size: 16px; height: 36px; line-height: 36px; overflow: hidden; }

        .agent-ask h2 a { display: inline-block; max-width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .agent-ask h2 a:hover { color: #f73b3c; }

    .agent-ask .words { color: #666; margin-top: 5px; }

    .agent-ask .time { color: #999; margin-top: 5px; font-size: 12px; line-height: 24px; }

.nullbox { padding: 110px 30px; text-align: center; }

/*房产百科*/
.wikibox { margin-top: 10px; }

.wiki-menubox { float: left; width: 270px; }

.wiki-menu-head { }

    .wiki-menu-head h2 { height: 67px; line-height: 67px; color: #394043; font-size: 26px; font-weight: 600; border-bottom: 3px solid #ff372e; }

.wiki-menu-body { background: #f8f8f9; }

.wiki-menu { padding: 0 15px; }

    .wiki-menu dl { padding-top: 20px; border-bottom: 1px dashed #e8e8e8; }

    .wiki-menu dt { height: 38px; line-height: 38px; font-size: 18px; font-weight: 600; }

    .wiki-menu dd { padding: 8px 0; }

.wiki-submenu a { float: left; display: block; width: 33.33%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #9c9fa1; }

    .wiki-submenu a.on { color: #f73b3c; }

    .wiki-submenu a:hover { color: #f73b3c; text-decoration: underline; }

.wiki-list-box { float: right; width: 880px }

.wiki-title { padding-top: 20px; }

    .wiki-title h2 { line-height: 20px; font-size: 18px; font-weight: 600; }

.wiki-list { }

    .wiki-list li { position: relative; padding: 30px 0; border-bottom: 1px dashed #e8e8e8; }

        .wiki-list li:hover { background: #f8f8f9; }

        .wiki-list li.has-img { padding: 30px 0 30px 260px; min-height: 172px; _height: 172px; }

    .wiki-list .img { position: absolute; top: 30px; left: 0; display: block; width: 230px; height: 172px; overflow: hidden; }

        .wiki-list .img img { width: 230px; height: 172px; }

.wiki-info { }

    .wiki-info h2 { height: 44px; line-height: 22px; font-size: 20px; font-weight: 600; overflow: hidden; }

        .wiki-info h2 a { display: inline-block; max-width: 100%; max-height: 44px; line-height: 22px; overflow: hidden; }

            .wiki-info h2 a:hover { color: #f73b3c; }

    .wiki-info .words { color: #9c9fa1; line-height: 24px; margin-top: 10px; }

    .wiki-info .time { line-height: 16px; color: #9c9fa1; font-size: 12px; margin-top: 12px; }

.wiki-articlebox { margin-top: 30px; }

.warticle-head { }

    .warticle-head h2 { line-height: 46px; font-size: 26px; font-weight: 600; }

.warticle-subtitle { color: #9c9fa1; font-size: 12px; line-height: 24px; margin-top: 15px; }

    .warticle-subtitle * { vertical-align: middle; }

    .warticle-subtitle span { margin-right: 20px; }

.warticle-body { line-height: 40px; font-size: 16px; margin-top: 30px; }

    .warticle-body p { text-indent: 2em; }

.warticle-foot { position: relative; margin-top: 50px; min-height: 24px; line-height: 24px; font-size: 16px; padding-top: 30px; border-top: 1px solid #e8e8e8; font-size: 16px; color: #9c9fa1; }

    .warticle-foot a { color: #9c9fa1; }

        .warticle-foot a:hover { color: #f73b3c; }

    .warticle-foot .prev, .warticle-foot .next { display: block; width: 45%; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .warticle-foot .next { position: absolute; top: 30px; right: 0; text-align: right; }


/*手机客户端*/
.clientbox { }

.subclient { width: 1200px; padding: 0 70px; margin: 0 auto; }

.client-onebox { background: url(/content/images/client_onebox.jpg) center bottom no-repeat; background-size: cover; }

.client-one { height: 788px; background: url(/content/images/client_one.png) left center no-repeat; }

.client-subone { padding: 105px 0 0 625px; }

.client-twobox { margin-top: 145px }

.client-two { height: 788px; background: url(/content/images/client_two.png) left center no-repeat; }

.client-subtwo { padding: 90px 0 0 575px; }

.client-threebox { margin-top: 120px; min-height: 915px; _height: 915px; background: url(/content/images/client_threebox.png) center bottom no-repeat; background-size: cover; }

.client-three { height: 788px; background: url(/content/images/client_three.png) right center no-repeat; }

.client-subthree { padding: 315px 575px 0 0; }
.client-fourbox { margin-top: 40px; }
.client-four { height: 788px; background: url(/content/images/client_four.png) right center no-repeat; }
.client-subfour { padding: 165px 490px 0 0; }
.clientbox + .footerbox { margin-top: 0; }

.client-info { color: #fff; }

    .client-info .logo { display: block; width: 112px; height: 112px; }

        .client-info .logo img { width: 112px; height: 112px; }

    .client-info h2 { height: 58px; line-height: 58px; font-size: 30px; font-weight: 600; padding-bottom: 10px; margin-top: 28px; background: url(/content/images/client_line.png) left bottom no-repeat; }

    .client-info .words { line-height: 30px; margin-top: 40px; font-size: 16px; }

.client-info-btn { margin-top: 90px; }

    .client-info-btn li { float: left; position: relative; /* width: 200px; margin-right: 60px;*/ }

    .client-info-btn .btn { display: block; width: 200px; height: 50px; border-radius: 25px; cursor: pointer; }

        .client-info-btn .btn.iphone { background: url(/content/images/client_btn.png) center 0 no-repeat; margin-right: 60px; }

            .client-info-btn .btn.iphone:hover { background: url(/content/images/client_btn.png) center -60px no-repeat; }

        .client-info-btn .btn.andrid { background: url(/content/images/client_btn.png) center -120px no-repeat; }

            .client-info-btn .btn.andrid:hover { background: url(/content/images/client_btn.png) center -180px no-repeat; }

.client-qrbox { position: absolute; top: 60px; left: 30px; width: 140px; padding: 15px 0 10px; text-align: center; background: #fff; font-size: 16px; color: #9c9fa1; -webkit-box-shadow: 0 4px 50px 0 rgba(243,64,38,0.2); -moz-box-shadow: 0 4px 50px 0 rgba(243,64,38,0.2); -ms-box-shadow: 0 4px 50px 0 rgba(243,64,38,0.2); -o-box-shadow: 0 4px 50px 0 rgba(243,64,38,0.2); box-shadow: 0 4px 50px 0 rgba(243,64,38,0.2); display: none; }

.client-info-btn li:hover .client-qrbox { display: block; }

.client-qr { width: 110px; height: 110px; margin: 0 auto 5px; }

    .client-qr img { width: 110px; height: 110px; }

.client-subtwo .client-info { color: #394043; }

    .client-subtwo .client-info h2 { color: #f65023; background: url(/content/images/client_line_orange.png) left bottom no-repeat; }

.client-subtwo .client-info-btn .btn { width: 198px; height: 48px; border: 1px solid #e8e8e8; }
.client-subfour .client-info { color: #394043; }
    .client-subfour .client-info h2 { color: #5776f4; background: url(/content/images/client_line_blue.png) left bottom no-repeat; }
.client-subfour .client-info-btn .btn { width: 198px; height: 48px; border: 1px solid #e8e8e8; }
.client-subfour .client-info-btn { margin-top: 125px; }

/*网站地图*/
.site-maps { margin-top: 50px; }

.site-letter { padding: 0 20px; margin-top: 5px; }

    .site-letter .item { display: inline-block; min-width: 36px; _width: 36px; height: 36px; line-height: 36px; font-size: 16px; color: #394043; text-align: center; cursor: pointer; }

        .site-letter .item.on { color: #f73b3c; }

        .site-letter .item:hover { background: #f8f8f9; color: #f73b3c; }

.site-city { padding: 0 15px; margin-top: 15px; max-height: 108px; _height: 180px; overflow: auto; }

    .site-city a { display: inline-block; height: 26px; line-height: 26px; margin: 5px 6px; color: #6b7072; }

        .site-city a:hover { color: #f73b3c; text-decoration: underline; }

.site-heat { }

    .site-heat h2 { height: 36px; line-height: 36px; font-size: 16px; color: #5680a6; font-weight: 600; }

.site-body { margin-top: 10px; padding: 15px 0; border: 1px solid #e8e8e8; }

.site-menu dl { position: relative; min-height: 26px; _height: 26px; line-height: 26px; padding: 10px 0 10px 110px; }

    .site-menu dl:hover { background: #f8f8f9; }

.site-menu dt { position: absolute; top: 10px; left: 0; width: 90px; text-align: right; font-weight: 600; }

.site-menu.site-menu-sort dl { padding-left: 75px; }

.site-menu.site-menu-sort dt { width: 55px; }

.site-menu dd { }

    .site-menu dd a { display: inline-block; margin: 0 7px; color: #6b7072; }

        .site-menu dd a:hover { text-decoration: underline; color: #f73b3c; }
/*楼盘对比*/
.contrastbox { margin-top: 30px; }

.contrast-wrap { border: 1px solid #e8e8e8; font-size: 12px; }

.subcontrast { float: left; width: 212px; border-right: 1px solid #e8e8e8; }

    .subcontrast.subcontrast0 { width: 133px; background: #f8f8f9; font-size: 16px; font-weight: 600; }

    .subcontrast.subcontrast5 { border-right: none; }

    .subcontrast a { color: #5680a6; }

        .subcontrast a:hover { text-decoration: underline; }

.contrast-cell { /*display: table-cell; vertical-align: middle;*/ }

.ccell { /*display: inline-block; *display: inline; *zoom:1; *vertical-align: middle;*/ padding: 18px; border-bottom: 1px solid #e8e8e8; text-align: center; }

    .ccell:last-child { border-bottom: none; }

.ccell0 { height: 212px; overflow: hidden; }

.ccell1 { height: 78px; overflow: hidden; }

.ccell2, .ccell3, .ccell4 { height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ccell5 { height: 244px; overflow: hidden; }

.ccell6, .ccell7, .ccell8, .ccell9, .ccell10, .ccell11, .ccell12 { height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ccell13 { height: 236px; overflow: hidden; }

.subcontrast-first .ccell0 { height: 212px; line-height: 212px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.subcontrast-first .ccell1 { height: 78px; line-height: 78px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.subcontrast-first .ccell5 { height: 244px; line-height: 244px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ccell-name { position: relative; }

    .ccell-name .del { position: absolute; top: -8px; right: -8px; display: block; width: 26px; height: 26px; background: url(/content/images/del_contrast.png) center no-repeat; cursor: pointer; }

    .ccell-name h2 { font-size: 16px; height: 20px; line-height: 20px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .ccell-name .img { display: block; width: 176px; height: 176px; }

        .ccell-name .img img { width: 176px; height: 176px; }

.ccell-introduce { height: 240px; line-height: 24px; text-align: left; overflow: hidden; }

.ccell1 .address { height: 48px; line-height: 24px; text-align: left; overflow: hidden; margin-bottom: 10px; }

.ccell-huxing p { height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tlyyh { color: red; }

.telCall, telCall_house { cursor: pointer; }
.amain-banner { margin-top: 20px; }
    .amain-banner img { width: 100%; }
.amainbox { margin-top: 36px; }
.amain-head { height: 40px; line-height: 40px; }
    .amain-head h2 { font-size: 20px; font-weight: 600; color: #394043; }
    .amain-head .line { display: inline-block; width: 4px; height: 20px; margin-right: 8px; background: #f73b3c; vertical-align: middle; }
    .amain-head h2 * { vertical-align: middle; }
.amain-rule { position: relative; padding-right: 140px; padding-top: 5px; font-size: 16px; color: #6b7072; }
    .amain-rule .btn { position: absolute; top: 15px; right: 0; display: block; width: 118px; height: 38px; line-height: 38px; border: 1px solid #f73b3c; border-radius: 2px; color: #f73b3c; text-align: center; }
        .amain-rule .btn:hover { text-decoration: underline; }
    .amain-rule li { padding-left: 13px; margin-top: 16px; line-height: 30px; background: url(/content/images/ico_dot.png) left 12px no-repeat; }
    .amain-rule strong { color: #394043; font-weight: 600; }
.amain-flow { margin-top: 12px; }

.collar-red { position: absolute; top: 30px; right: 20px; display: block; width: 74px; height: 28px; line-height: 28px; border-radius: 2px; border: 1px solid #f73b3c; color: #f73b3c; text-align: center; cursor: pointer; }
    .collar-red:hover { background: #f73b3c; color: #fff; }


/*下载地图*/
.map-bannerbox { margin-top: 10px; }
.map-formbox { margin-top: 55px; }
    .map-formbox h2 { height: 44px; line-height: 44px; font-size: 20px; text-align: center; }
.map-form { width: 320px; margin: 0 auto; }
    .map-form li { position: relative; margin-top: 25px; min-height: 40px; _height: 40px; }
        .map-form li.last { margin-top: 35px; }
    .map-form .line { border: 1px solid #e6e6e6; }
        .map-form .line.line-short { width: 200px; }
.mf-text { width: 300px; padding: 0 9px; height: 38px; line-height: 38px; border: none; }
.line-short .mf-text { width: 180px; }
.mf-getcode { position: absolute; top: 0; right: 0; display: block; width: 108px; height: 38px; border: 1px solid #e5e5e5; background: #fff; color: #394043; }
    .mf-getcode.spot { background: #dcdcdc; }
.mf-btn { display: block; height: 40px; line-height: 40px; background: #f73b3c; font-size: 16px; color: #fff; border-radius: 4px; text-align: center; cursor: pointer; }
.map-bannerbox { position: relative; height: 398px; }
    .map-bannerbox .img { position: absolute; right: 85px; top: 46px; width: 386px; height: 273px; z-index: 1; }
        .map-bannerbox .img img { width: 386px; height: 273px; }

    .map-bannerbox .tel { font-size: 25px; color: #FFF; position: absolute; top: 217px; left: 150px; }
/*楼盘详情红包*/
.hb-img-div { height: 60px; width: 100%; position: relative; bottom: 60px; background: rgba(0, 0, 0, 0.5) url(http://m.zp365.com/Images/images/sales_redbg.png) no-repeat 6px center; background-size: 70px 50px; color: #fff; padding-left: 85px; line-height: 1.5; }
.hb-img-a { position: absolute; right: 100px; top: 50%; margin-top: -16px; display: block; color: #fff; background: #ea4335; width: 70px; height: 32px; line-height: 2; text-align: center; font-size: 15px; border-radius: 4px; }

/*2018-12-16 lzx-Add*/
.nhlist-consultbox { position: absolute; top: 114px !important; right: 105px; padding-right: 0; min-width: 112px; _width: 112px; min-height: 30px; _height: 30px; z-index: 3; }
.nhlist-consultbox1 { position: absolute; bottom: 0; right: 0; padding-right: 0;  min-width: 112px;  _width: 112px; min-height: 30px; _height: 30px; z-index: 3; }
.consult-btn { position: absolute; top: 0; right: -99px; display: block; width: 100px; height: 30px; background: url(/content/images/btn_online.png) center 0 no-repeat; cursor: pointer; }
.consult-btn1 { position: absolute; bottom: 0; right: 0px; display: block; width: 100px; height: 30px; background: url(/content/images/btn_online.png) center 0 no-repeat; cursor: pointer; }
.nhlist-consultbox:hover .consult-btn { background: url(/content/images/btn_online.png) center -40px no-repeat; }
.nhlist-consult-wrap { position: relative; background: #fff; margin-top: -26px; display: none; }
    .nhlist-consult-wrap .ico-triangle { position: absolute; top: 36px; right: -6px; display: block; width: 6px; height: 9px; background: url(/content/images/nhlist_triangle.png) center no-repeat; }
.nhlist-consult-wrap.min { position: absolute; background: #fff; margin-top: -26px; display: none; z-index: 10; bottom: 30px; width: 490px; }
.nhlist-consult { min-height: 73px; padding: 10px 5px; background: #fff; box-shadow: 0 0 10px 3px rgba(142,142,142,0.4); -webkit-box-shadow: 0 0 10px 3px rgba(142,142,142,0.4); -moz-box-shadow: 0 0 10px 3px rgba(142,142,142,0.4); -ms-box-shadow: 0 0 10px 3px rgba(142,142,142,0.4); -o-box-shadow: 0 0 10px 3px rgba(142,142,142,0.4); }
.nhlc-itembox { float: left; width: 114px; padding: 10px 0; margin: 2px; border: 1px solid #e6e6e6; background-color: #f9f9f9; }
    .nhlc-itembox:hover { border: 1px solid #eaecff; background-color: #fff; }
.nhlc-item { text-align: center; }
    .nhlc-item .avatar { display: block; width: 76px; height: 76px; margin: 0 auto; border-radius: 50%; overflow: hidden; }
        .nhlc-item .avatar img { width: 76px; height: 76px; }
    .nhlc-item h4 a { display: block; height: 20px; line-height: 20px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #394043; }
        .nhlc-item h4 a:hover { text-decoration: underline; }
    .nhlc-item .btn { display: block; width: 68px; height: 24px; line-height: 24px; overflow: hidden; font-size: 12px; margin: 5px auto 0; cursor: pointer; }
        .nhlc-item .btn.btn-dial { border: 1px solid #488bf4; border-radius: 2px; color: #488bf4; }
        .nhlc-item .btn.btn-chat { border: 1px solid #f73b3c; border-radius: 2px; color: #f73b3c; }
        .nhlc-item .btn:hover { text-decoration: underline; }

/*土地竞拍*/
.auction-timebox { position: relative; z-index: 1; width: 1200px; margin: 25px auto 0; }
.atime-head { height: 34px; padding-top: 10px; }
    .atime-head .title { display: inline-block; height: 34px; line-height: 30px; font-size: 18px; cursor: pointer; }
        .atime-head .title * { vertical-align: middle; }
    .atime-head .ico-line { display: inline-block; width: 3px; height: 16px; border-radius: 1px; background: #f73b3c; margin-right: 8px; }
    .atime-head .ico-triangle { display: inline-block; width: 10px; height: 18px; background: url(/content/images/auction_triangle.png) top right no-repeat; margin-left: 6px; }
    .atime-head .title:hover .ico-triangle { background: url(/content/images/auction_triangle.png) bottom right no-repeat; }
.atime-body { position: absolute; top: 42px; left: 0; z-index: 1; padding: 20px; font-size: 12px; background: #fff; box-shadow: 1px 1px 6px 1px rgba(142,142,142,0.5); -webkit-box-shadow: 1px 1px 6px 1px rgba(142,142,142,0.5); -moz-box-shadow: 1px 1px 6px 1px rgba(142,142,142,0.5); -o-box-shadow: 1px 1px 6px 1px rgba(142,142,142,0.5); -ms-box-shadow: 1px 1px 6px 1px rgba(142,142,142,0.5); display: none; }
    .atime-body li { float: left; width: 20%; margin: 5px 0; cursor: pointer; }
        .atime-body li a { display: block; padding: 0 20px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .atime-body li:hover a, .atime-body li.on a { color: #f73b3c; }
.land-auctionbox { margin-top: 20px; }
.auction-tablebox { }
.auction-table { width: 100%; border: 1px solid #e8e8e8; box-shadow: border-box; text-align: center; font-size: 12px; }
    .auction-table thead th { padding: 0 20px; height: 40px; line-height: 40px; background: #f8f8f9; font-size: 14px; font-weight: 600; }
    .auction-table tbody td { padding: 10px 20px; line-height: 30px; border-top: 1px dashed #e8e8e8; }
    .auction-table tbody tr:hover { background: #f8f8f9; }
.turnover-infobox { width: 1200px; margin: 20px auto 0; }
.turnover-info { border: 1px solid #e8e8e8; padding: 45px 0; }
    .turnover-info li { float: left; width: 359px; padding: 0 100px; }
    .turnover-info .item { height: 160px; }
    .turnover-info h2 { height: 20px; font-size: 14px; font-weight: 600; }
        .turnover-info h2 * { vertical-align: middle; }
        .turnover-info h2 .ico-line { display: inline-block; width: 3px; height: 14px; background: #f73b3c; margin-right: 5px; }
    .turnover-info .total { text-align: center; }

.auction-mapbox { position: relative; z-index: 1; height: 732px; background: #f8f8f9; }
.auction-map { position: absolute; padding: 20px 40px; width: 540px; background: #fff; box-shadow: 1px 1px 6px 1px rgba(142,142,142,0.5); }
    .auction-map .ico-triangle { position: absolute; top: 50%; left: -22px; display: inline-block; width: 22px; height: 22px; background: url(/content/images/auction_map_triangle.png) center no-repeat; }
.amap-head { border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; }
    .amap-head h2 { line-height: 42px; color: #394043; font-size: 18px; }
.amap-item { position: relative; height: 24px; color: #9c9fa1; font-size: 12px; }
    .amap-item span { display: inline-block; line-height: 24px; }
        .amap-item span.time { margin-left: 36px; }
        .amap-item span.see { position: absolute; top: 0; right: 0; padding-left: 22px; background: url(/content/images/ico_see.png) center left no-repeat; }
.amap-body { font-size: 14px; padding-top: 6px;position:relative; }
    .amap-body dl { position: relative; margin-top: 10px; line-height: 30px; padding-left: 90px; }
    .amap-body dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }
    .amap-body .total-money { font-size: 24px; font-weight: 600; color: #f73b3c; }
.land-surveybox { padding-top: 60px; }
.land-survey { font-size: 14px; padding-top: 30px; }
    .land-survey li { float: left; width: 50%; line-height: 36px; margin-top: 10px; }
        .land-survey li .label { color: #9c9fa1; }
/*土地竞拍 end*/

/*2019-1-9 lzx*/
.newhouse-list li.list-nominate { min-height: 164px; padding: 10px 0; }
.nhlist-nominate h6 { font-size: 20px; font-weight: 600; }
    .nhlist-nominate h6 a { display: inline-block; max-width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; }
.nhl-nominate .nape { float: left; position: relative; }
    .nhl-nominate .nape a { display: block; }
.nhl-nominate .poster { position: absolute; top: 5px; right: 5px; display: inline-block; height: 20px; line-height: 20px; background: rgba(0,0,0,0.5); color: #fff; font-size: 12px; padding: 0 8px; border-radius: 10px; z-index: 1; }
.nhl-nominate3 .nape { width: 286px; height: 215px; margin-left: 10px; overflow: hidden; }
    .nhl-nominate3 .nape.nape0 { margin-left: 0; }
.nhl-nominate3 .photo img { width: 286px; height: 215px; }
.nhl-nominate4 .nape { width: 212px; height: 160px; margin-left: 10px; overflow: hidden; }
    .nhl-nominate4 .nape.nape0 { margin-left: 0; }
.nhl-nominate4 .photo img { width: 212px; height: 160px; }
.nhlist-nominate .title { position: absolute; bottom: 0; left: 0; right: 0; height: 30px; line-height: 30px; padding: 0 15px; text-align: center; font-size: 14px; color: #fff; background: rgba(0,0,0,0.5); overflow: hidden; text-align: overflow: hidden; white-space: nowrap; z-index: 1; }
.hover-nominate { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); color: #fff; padding: 30px 15px; z-index: 2; display: none; }
.nhl-nominate3 .hover-nominate .textbox { height: 155px; line-height: 25px; overflow: hidden; }
.nhl-nominate4 .hover-nominate .textbox { height: 100px; line-height: 25px; overflow: hidden; }
/*2019-1-9 lzx*/

/*解决楼盘详情，右上角收藏问题---2019.1.18*/
.fixed-layout .house-body { width: 945px; left: 50%; margin-left: -600px; }
.fixed-layout .list-itembox {
    height: 40px !important;
    overflow: hidden;
}
.fixed-layout .list-itembox li{
    border-right:0px !important;
}
/*end---2019.1.18*/

/*小区*/
.nhlist-info .age, .nhlist-info .site, .nhlist-info .set-number { line-height: 26px; margin-top: 15px; }
    .nhlist-info .set-number a { color: #666; }
        .nhlist-info .set-number a:hover { color: #f73b3c; }
.nhlist-info .list-term { margin-top: 15px; line-height: 26px; }
.list-term .term { display: inline-block; margin-right: 16px; color: #666; }
    .list-term .term:hover { color: #f73b3c; }
    .list-term .term * { vertical-align: middle; }
.list-term .ico { display: inline-block; width: 20px; height: 20px; margin-right: 2px; }
    .list-term .ico.i-home { background: url(/content/images/ico_term.png) left -1px no-repeat; }
    .list-term .ico.i-trend { background: url(/content/images/ico_term.png) left -25px no-repeat; }
    .list-term .ico.i-huxing { background: url(/content/images/ico_term.png) left -50px no-repeat; }
    .list-term .ico.i-album { background: url(/content/images/ico_term.png) left -75px no-repeat; }

.newhouse-list .percent { position: absolute; top: 80px; right: 0; display: inline-block; height: 26px; line-height: 26px; font-size: 13px; }
    .newhouse-list .percent * { vertical-align: middle; }
    .newhouse-list .percent.up { color: #f73b3c; }
    .newhouse-list .percent.down { color: #06bd73; }
    .newhouse-list .percent .ico { display: inline-block; width: 8px; height: 22px; }
    .newhouse-list .percent.up .ico { background: url(/content/images/ico_term.png) left -100px no-repeat; margin-right: 3px; }
    .newhouse-list .percent.down .ico { background: url(/content/images/ico_term.png) right -100px no-repeat; margin-left: 3px; }

.facadebox { position: relative; min-width: 1200px; height: 480px; background-size: cover; background-position: center top; background-repeat: no-repeat; margin: 0 auto 10px; }
.facade-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.55); z-index: 1; }
.facade-wrap { position: absolute; top: 0; left: 50%; margin-left: -600px; width: 1200px; z-index: 2; color: #fff; }
.facade-banner { position: relative; float: left; width: 600px; height: 400px; overflow: hidden; }
    .facade-banner .prev, .facade-banner .next { position: absolute; top: 50%; margin-top: -25px; display: block; width: 50px; height: 50px; z-index: 3; }
    .facade-banner .prev { left: 6px; background: url(/content/images/facade_btn.png) center 0 no-repeat; }
    .facade-banner .next { right: 6px; background: url(/content/images/facade_btn.png) center -50px no-repeat; }

.facade-info { float: right; width: 560px; }
    .facade-info h2 { height: 40px; line-height: 40px; color: #fff; font-size: 30px; font-weight: 600; }
.facade-price { height: 72px; line-height: 72px; }
    .facade-price .time { color: #ccc; margin-right: 25px; }
    .facade-price .price em { color: #f54738; font-size: 30px; font-weight: 600; }
    .facade-price .monthly { margin-left: 35px; }
        .facade-price .monthly em { color: #f54738; }
.facade-item { border-top: 1px solid #5a625c; margin-top: 10px; padding-top: 10px; }
    .facade-item dl { float: left; position: relative; width: 100%; line-height: 30px; margin-top: 12px; }
        .facade-item dl.w50 { width: 50%; }
    .facade-item dt { position: absolute; top: 0; left: 0; color: #ccc; }
    .facade-item dd { padding-left: 86px; }
    .facade-item a { color: #fff; }
        .facade-item a:hover { text-decoration: underline; }
.facade-wrap .position { margin: 10px auto; color: #ccc; }
    .facade-wrap .position a { color: #ccc; }
        .facade-wrap .position a:hover { color: #fff; }
.facade-wrap .build-operate { position: absolute; top: 13px; right: 0; }
    .facade-wrap .build-operate a { color: #ccc; }

.village-menubox { min-width: 1200px; margin: 0 auto; }
.village-menu { width: 1200px; margin: 0 auto; font-size: 16px; color: #394043; box-shadow: 0px 23px 10px -18px rgba(248,248,249,1); -webkit-box-shadow: 0px 23px 10px -18px rgba(248,248,249,1); -moz-box-shadow: 0px 23px 10px -18px rgba(248,248,249,1); -ms-box-shadow: 0px 23px 10px -18px rgba(248,248,249,1); -o-box-shadow: 0px 23px 10px -18px rgba(248,248,249,1); }
    .village-menu li { float: left; height: 50px; line-height: 50px; }
        .village-menu li a { display: inline-block; padding: 0 20px; color: #394043; }
        .village-menu li.on a { background: #f73b3c; color: #fff; }
        .village-menu li a:hover { background: #f54738; color: #fff; }

.village-brokerbox { position: relative; padding-top: 35px; }
    .village-brokerbox a.prev, .village-brokerbox a.next { position: absolute; top: 105px; display: block; width: 20px; height: 30px; z-index: 1; }
    .village-brokerbox a.prev { left: 0; background: url(/content/images/btn_switch.png) -5px -100px no-repeat; }
    .village-brokerbox a.next { right: 0; background: url(/content/images/btn_switch.png) -5px -130px no-repeat; }
.village-broker { padding-bottom: 10px; /*overflow: hidden;*/ margin: 0 25px; }
    /*.house-broker ul{margin-right: -30px; *zoom: 1;}*/
    .village-broker li { position: relative; float: left; width: 258px; height: 174px; margin: 5px 15px 5px 15px; /*overflow: hidden;*/ -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 7px rgba(0,0,0,0.1); -o-box-shadow: 0 0 7px rgba(0,0,0,0.1); box-shadow: 0 0 7px rgba(0,0,0,0.1); }
.vbroker-body { position: relative; padding: 14px 14px 0 108px; height: 106px; /*overflow: hidden;*/ }
.village-broker .img { position: absolute; top: 14px; left: 14px; width: 80px; height: 106px; }
    .village-broker .img a { display: block; }
        .village-broker .img a img { width: 80px; height: 106px; }
.vbroker-info { position: relative; }
    .vbroker-info .online { position: absolute; top: 12px; right: 10px; display: block; width: 70px; height: 18px; background: url(/content/images/ico_online_consulting.png) center no-repeat; cursor: pointer; }
    .vbroker-info h2 { height: 30px; line-height: 30px; font-size: 18px; }
        .vbroker-info h2 a { display: inline-block; max-width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
            .vbroker-info h2 a:hover { text-decoration: underline; }
    .vbroker-info .tel { display: block; width: 135px; height: 32px; line-height: 32px; border: 1px solid #f73b3c; font-size: 14px; color: #f73b3c; border-radius: 4px; text-align: center; margin-top: 12px; }
        .vbroker-info .tel:hover { background: #f73b3c; color: #fff; }
.vbroker-item { font-size: 12px; }
    .vbroker-item p { height: 26px; line-height: 26px; color: #9c9fa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .vbroker-item a { color: #9c9fa1; }
        .vbroker-item a:hover { text-decoration: underline; }
.vbroker-foot { position: relative; border-top: 1px solid #e8e8e8; margin-top: 14px; text-align: center; }
    .vbroker-foot .btn { float: left; display: block; width: 50%; height: 40px; line-height: 40px; }
        .vbroker-foot .btn * { vertical-align: middle; }
        .vbroker-foot .btn.online { color: #488bf4; background: url(/content/images/ico_agent.png) right -40px no-repeat; cursor: pointer; }
        .vbroker-foot .btn.tel { color: #f73b3c; }
    .vbroker-foot .ico { display: inline-block; width: 20px; height: 20px; margin-right: 5px; }
        .vbroker-foot .ico.i-online { background: url(/content/images/ico_agent.png) center 0 no-repeat; }
        .vbroker-foot .ico.i-tel { background: url(/content/images/ico_agent.png) center -20px no-repeat; }
.abs-dialingbox { position: absolute; top: 38px; right: -6px; width: 144px; padding-top: 10px; z-index: 1; display: none; }
.abs-dialing { width: 112px; padding: 14px 16px 10px; background: #fff; box-shadow: 1px 1px 7px 0 rgba(208,208,208,1); -webkit-box-shadow: 1px 1px 7px 0 rgba(208,208,208,1); -moz-box-shadow: 1px 1px 7px 0 rgba(208,208,208,1); -ms-box-shadow: 1px 1px 7px 0 rgba(208,208,208,1); -o-box-shadow: 1px 1px 7px 0 rgba(208,208,208,1); color: #9c9fa1; font-size: 14px; }
    .abs-dialing .qr-code { width: 112px; margin: 0 auto 8px; }
        .abs-dialing .qr-code img { width: 112px; height: 112px; }

.house-ask.no-boder { border: none; }
.house-ask .name { color: #5680a6; }
.house-ask.no-boder .hask-btnbox .btn { height: 40px; line-height: 40px; font-size: 16px; }

.house-huxing-case-new .hhuxing-info h2 { font-size: 18px; font-weight: 600; }
.hhuxing-info h3 { height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hhuxing-info .itembox { margin-top: 20px; }
    .hhuxing-info .itembox p { height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; margin: 0; }
    .hhuxing-info .itembox .red { color: #f73b3c; }
.align-center { text-align: center; }

.house-informa { padding-top: 25px; }
    .house-informa dl { position: relative; float: left; width: 50%; line-height: 32px; margin-top: 10px; }
    .house-informa dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }
    .house-informa dd { padding-left: 92px; height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.template-title .subtitle { color: #9c9fa1; font-size: 12px; margin-left: 12px; font-weight: 400; }
.house-huxing .img a { text-align: center; }
.village-more { margin-top: 50px; }
    .village-more .more { display: block; width: 235px; height: 38px; line-height: 38px; border-radius: 2px; border: 1px solid #e8e8e8; color: #5680a6; font-size: 16px; text-align: center; margin: 0 auto; }
        .village-more .more:hover { text-decoration: underline; }

.mbottom12 { margin-bottom: 12px; }
.house-head .address { height: 24px; line-height: 24px; padding-left: 20px; background: url(/content/images/ico_address.png) center left no-repeat; color: #9c9fa1; }
.hbroker-info h2 * { vertical-align: middle; }
.hbroker-info h2 .ico { display: inline-block; width: 24px; height: 24px; margin-left: 8px; }
.hbroker-info .ico.i-aptitude { background: url(/content/images/ico_seniority.png) center -30px no-repeat; }
.hbroker-info .ico.i-card { background: url(/content/images/ico_seniority.png) center 0 no-repeat; }
.hbroker-info h6 { font-size: 14px; color: #9c9fa1; line-height: 26px; margin-top: 10px; }
    .hbroker-info h6 a { color: #9c9fa1; }
        .hbroker-info h6 a:hover { color: #394043; }
.vbroker-contact { position: absolute; top: 46px; right: 0; width: 82px; text-align: center; font-size: 12px; z-index: 1; }
    .vbroker-contact a { display: block; cursor: pointer; margin-top: 20px; }
        .vbroker-contact a.online { width: 82px; height: 22px; background: url(/content/images/icon_online80x22.png) center no-repeat; }
        .vbroker-contact a.tel { width: 80px; height: 20px; line-height: 20px; color: #f73b3c; border: 1px solid #f73b3c; border-radius: 2px; }

.hanswer-list.vanswer-list .wordsbox { color: #6b7072; }
.hanswer-list.vanswer-list li { position: relative; padding-right: 170px; }
.hanswer-list .numberbox { position: absolute; top: 50%; margin-top: -40px; right: 45px; width: 80px; padding: 10px 0; border-radius: 50%; background: #f8f8f9; overflow: hidden; color: #9c9fa1; font-size: 12px; text-align: center; z-index: 1; }
.hanswer-list.vanswer-list li:hover .numberbox { background: #fff; }
.hanswer-list .numberbox a { display: block; line-height: 26px; color: #9c9fa1; }
.hanswer-list .numberbox strong { display: block; height: 34px; line-height: 34px; color: #6b7072; font-size: 24px; font-weight: 600; }

.aside-issue { padding: 0 5px; }
    .aside-issue li { padding: 12px 0 6px; border-bottom: 1px dashed #e8e8e8; }
    .aside-issue h2 { line-height: 26px; max-height: 52px; overflow: hidden; }
        .aside-issue h2 a:hover { color: #e93d3d; }
.asp-foot { position: relative; line-height: 20px; font-size: 12px; color: #9c9fa1; }
    .asp-foot .number { position: absolute; top: 0; right: 0; display: inline-block; padding-left: 20px; background: url(/content/images/ico_news.png) center left no-repeat; }
.house-message { padding-top: 20px; }


/*小区 侧边栏*/
.aside-agent { padding: 0 5px; }
    .aside-agent li { padding: 5px 0; margin-bottom: 15px; }
    .aside-agent .item { position: relative; min-height: 76px; _height: 76px; padding-left: 90px; }
    .aside-agent .avatar { position: absolute; top: 0; left: 0; display: block; width: 76px; height: 76px; border-radius: 50%; overflow: hidden; }
        .aside-agent .avatar img { width: 76px; height: 76px; }
.aagent-info { position: relative; }
    .aagent-info .online { position: absolute; top: 7px; right: 0; display: block; width: 70px; height: 18px; background: url(/content/images/ico_online70x20.png) center no-repeat; cursor: pointer; z-index: 1; }
    .aagent-info h2 { height: 32px; line-height: 32px; font-size: 18px; }
    .aagent-info a:hover { color: #f73b3c; }
    .aagent-info .telbox { position: relative; margin-top: 15px; line-height: 24px; }
    .aagent-info .phone { color: #9c9fa1; }
    .aagent-info .telbox:hover .phone { color: #f73b3c; }
    .aagent-info .tel-wrap { position: absolute; top: 23px; left: 0; z-index: 2; padding: 10px; background: #fff; width: 113px; text-align: center; box-shadow: 1px 1px 7px 1px rgba(208,208,208,1); display: none; }
.tel-wrap .qr-code { width: 103px; margin: 0 auto 10px; color: #9c9fa1; }
    .tel-wrap .qr-code img { width: 103px; height: 103px; }

.ha_popbox li { display: block !important; margin-top: 10px; }
.ha_popbox_dv { width: 400px; position: absolute; top: 50px; left: 20px; height: 400px; overflow: hidden; overflow-y: scroll; background-color: #fff5eb; padding: 10px; }
    .ha_popbox_dv h2 { font-size: 20px; border-bottom: solid #e6e6e6 1px; padding: 10px 0; margin: 10px auto; }
        .ha_popbox_dv h2 span { font-size: 12px; padding: 3px 10px; color: #FFF; margin-right: 5px; }
    .ha_popbox_dv div { color: #ff5000; }
.ha_popbox .map-formbox { width: 320px; position: absolute; right: 20px; }




.headerbox .link-btn { right: 120px !important; }
.headerbox .find-btn { position: absolute; top: 20px; right: 0; display: block; width: 100px; height: 40px; line-height: 40px; color: #fff; background: #f73b3c; border-radius: 2px; font-size: 16px; text-align: center; }
    .headerbox .find-btn * { vertical-align: middle; }
    .headerbox .find-btn:hover { background: #f73b3c; }
    .headerbox .find-btn .i-find { display: inline-block; width: 15px; height: 20px; background: url(/content/images/icon-find.png) center left no-repeat; margin-right: 4px; }





.footer-white { background: #fff; padding-bottom: 36px; }

    .footer-white .title { height: 56px; line-height: 56px; border-bottom: 3px solid #e8e8e8; }

        .footer-white .title h2 { color: #f73b3c; font-size: 16px; font-weight: 600; }

.footer-entrance { padding: 10px; font-size: 12px; }

    .footer-entrance dl { position: relative; min-height: 26px; _height: 26px; line-height: 26px; padding-left: 98px; margin-top: 15px; }

    .footer-entrance dt { position: absolute; top: 0; left: 0; color: #6b7072; }

.entrance-item { }

    .entrance-item a { display: inline-block; margin-left: 22px; color: #394043; }

        .entrance-item a:hover { color: #f73b3c; text-decoration: underline; }

.footer-gray { padding: 20px 0; background: #f8f8f9; }

.vessel-head { font-size: 14px; }

    .vessel-head li { float: left; margin-right: 12px; _display: inline-block; *zoom: 1; }

        .vessel-head li a { display: inline-block; padding: 0 13px; height: 34px; line-height: 34px; background: #e8e8e8; color: #9c9fa1; cursor: pointer; }

        .vessel-head li.on a { background: #d3d2d2; color: #394043; }

        .vessel-head li a:hover { color: #394043; text-decoration: underline; }

.vessel-item { line-height: 26px; padding: 30px 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-top: 20px; font-size: 12px; }

    .vessel-item a { display: inline-block; margin-right: 15px; color: #6b7072; }

        .vessel-item a:hover { color: #f73b3c; text-decoration: underline; }

.footer-webox, .footer-webox p a { text-align: center; /*color: #9c9fa1; */ color: #6b7072; padding: 10px 0; line-height: 26px; font-size: 12px; }

.footer-we { font-size: 14px; padding: 10px 0; }

    .footer-we a { color: #6b7072; margin: 0 3px; }

        .footer-we a:hover { color: #f73b3c; text-decoration: underline; }

.footer-webox p * { vertical-align: middle; }
.footer-webox p a, .footer-webox p span { margin: 0 10px; }
.footer-webox p a:hover { text-decoration:underline; }

.footer-we .line { color: #e9e9e9; }

.footer-webox .i-police { display: inline-block; width: 21px; height: 21px; background: url(/content/images/icon_new_footer.png) left -112px no-repeat; }

.footer-safe { margin-top: 15px; font-size: 12px; text-align:center;padding-bottom:50px;}

    .footer-safe ul { width: 760px; margin: 0 auto; }

    .footer-safe li { /*float: left;*/ width: 140px; list-style: none;display:inline-block;padding:0 10px; }

    .footer-safe a { display: inline-block; max-width: 80px; height: 28px; line-height: 14px; padding-left: 33px; /*color: #9c9fa1; */ color: #6b7072;}

        .footer-safe a.safe1 { background: url(/content/images/icon_new_footer.png) left 0 no-repeat; }

        .footer-safe a.safe2 { background: url(/content/images/icon_new_footer.png) left -28px no-repeat; }

        .footer-safe a.safe3 { background: url(/content/images/icon_new_footer.png) left -56px no-repeat; }

        .footer-safe a.safe4 { background: url(/content/images/icon_new_footer.png) left -84px no-repeat; }

        .footer-safe a:hover { text-decoration: underline; }

.vessel-head { position: relative; }

.vessel-tel { position: absolute; top: -7px; right: 0; display: block; width: 180px; height: 180px; height: 50px; background: url(/content/images/vessel_tel.png) center no-repeat; }

.one-register { position: relative; padding: 16px 30px; margin-top: 30px; border: 1px solid #e8e8e8; }

    .one-register .pagbox { position: absolute; top: 9px; left: -5px; padding-bottom: 6px; }

    .one-register .pag { display: inline-block; height: 26px; line-height: 26px; background: #f73b3c; color: #fefefe; padding: 0 8px; }

.ori-service { position: absolute; top: 5px; right: 30px; font-size: 12px; }

    .ori-service strong { font-size: 24px; font-weight: 400; }

.one-reg-item { padding-left: 100px; }

    .one-reg-item .item { display: inline-block; margin-left: 28px; }

    .one-reg-item li { float: left; margin-left: 28px; padding: 0; min-height: auto; }

.ori-radio { display: none; }

.ori-label { display: inline-block; height: 16px; line-height: 16px; padding-left: 20px; cursor: pointer; background: url(/content/images/ico_index.png) left -45px no-repeat; }

.ori-radio:checked + label.ori-label { background: url(/content/images/ico_index.png) left -75px no-repeat; }

.one-reg-item li.on label.ori-label { background: url(/content/images/ico_index.png) left -75px no-repeat; }

.one-reg-form { position: relative; margin-top: 25px; min-height: 30px; _height: 30px; padding-right: 90px; }
    .one-reg-form li { padding: 10px 15px 10px 15px; min-height: auto; }

    .one-reg-form dl { position: relative; float: left; padding-left: 70px; }

    .one-reg-form dt { position: absolute; top: 0; left: 0; width: 70px; line-height: 30px; text-align: right; }

.orf-text { width: 138px; height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #e8e8e8; }

.orf-btn { position: absolute; top: 0; right: 0; width: 90px; height: 28px; line-height: 28px; background: #f73b3c; text-align: center; color: #fff; border: none; cursor: pointer; }

.icon-panorama-min { position: absolute; top: 50%; left: 50%; z-index: 2; margin: -1rem 0 0 -1rem; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/vr_icon_panorama.png) center center no-repeat; background-size: 2.4rem; }
.icon-panorama-max { position: absolute; top: 50%; left: 50%; z-index: 2; margin: -2.7rem 0 0 -2.7rem; display: block; width: 5.4rem; height: 5.4rem; background: url(../images/vr_icon_panorama.png) center center no-repeat; background-size: 5.4rem; }

.icon-vr-min { position: absolute; top: 50%; left: 50%; z-index: 2; margin: -1rem 0 0 -1rem; display: block; width: 2.4rem; height: 2.4rem; background: url(/content/images/icon_vr130.png) center center no-repeat; background-size: 2.4rem; }
.icon-vr-max{ position: absolute; top: 50%; left: 50%; z-index: 2; margin: -2.7rem 0 0 -2.7rem; display: block; width: 5.4rem; height: 5.4rem; background: url(/content/images/icon_vr130.png) center center no-repeat; background-size: 5.4rem; }

.icon-video-min { position: absolute; top: 50%; left: 50%; z-index: 2; margin: -1rem 0 0 -1rem; display: block; width: 2.4rem; height: 2.4rem; background: url(/content/images/video_icon.png) center center no-repeat; background-size: 2.4rem; }
.icon-video-max {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin: -0.7rem 0 0 -2.7rem;
    display: block;
    width: 4rem;
    height: 4rem;
    background: url(/content/images/video_icon.png) center center no-repeat;
    background-size: 4rem;
}


/*往届专题*/
/*.subjectnews-list li { position: relative; width: 420px;  float: left; margin: 9px; padding: 0; border: 1px solid #efefef; border-radius: 10px; }
    .subjectnews-list li a { display: block; padding: 0; margin: 0; }
.subjectnews-list .subjectnews-img { width: 400px;  padding: 10px; text-align: center; overflow: hidden; }
.subjectnews-list .subjectnews-info { padding: 10px; }
    .subjectnews-list .subjectnews-info h2 { font-size: 18px; max-height: 55px; line-height:27px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; vertical-align: middle; }
.subjectnews-list .subjectnews-info-desc { font-size: 14px; color: #9c9fa1; padding: 5px 0; overflow: hidden; vertical-align: middle; }
    .subjectnews-list .subjectnews-info-desc span { color: cornflowerblue; }
.subjectnews-list .subjectnews-info-foot { font-size: 14px; color: #9c9fa1; vertical-align: middle; text-align:right;}
.subjectnews-list .pagebox { width: 100%; }
.subjectnews-content.content-nav-fixed .info-navbox { width: 880px; }*/

.subjectnews-list li { width: 420px; border: 1px solid #efefef; border-radius: 10px;background:#fff; }
    .subjectnews-list li a { display: block; padding: 0; margin: 0; }
    .subjectnews-list li:hover { border: 1px solid #f73b3c; }
.subjectnews-list .subjectnews-img { width: 400px; padding: 10px; text-align: center; overflow: hidden; }
.subjectnews-list .subjectnews-info { padding: 10px; }
    .subjectnews-list .subjectnews-info h2 { font-size: 18px;line-height: 27px;}
.subjectnews-list .subjectnews-info-desc { font-size: 14px; color: #9c9fa1; padding: 5px 0; overflow: hidden; vertical-align: middle; }
    .subjectnews-list .subjectnews-info-desc span { color: cornflowerblue; }
.subjectnews-list .subjectnews-info-foot { font-size: 14px; color: #9c9fa1; vertical-align: middle; text-align: right; }
.subjectnews-list .pagebox { width: 100%; }
.subjectnews-content.content-nav-fixed .info-navbox { width: 880px; }


/* 积分换礼 */
.integral-list-wrap { margin-top: 15px; }
.integral-list { }
    .integral-list ul { margin-right: -20px; }
    .integral-list li { float: left; width: 226px; margin: 15px 15px 0 0; border: 1px solid #e8e8e8; }
        .integral-list li:hover { border: 1px solid #f73b3c; }
.integral-img { display: block; width: 200px; height: 200px; overflow: hidden; margin: 0 auto; padding: 15px 10px 0; }
    .integral-img img { width: 100%;  }
    .integral-img .pag { position: absolute; top: 0; left: -5px; padding-bottom: 6px; background: url(/content/images/ico_list.png) left -120px no-repeat; z-index: 3; }
        .integral-img .pag em { display: inline-block; padding: 0 6px; height: 26px; line-height: 26px; background: #f73b3c; color: #fff; }
.integral-info { padding: 10px; font-size: 16px; color: #9c9fa1; line-height: 32px;text-align:center; }
    .integral-info h2 { margin-bottom: 6px; height: 32px; line-height: 32px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .integral-info h2 a { display: inline-block; max-width: 100%; height: 32px; line-height: 32px; color: #394043; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
            .integral-info h2 a:hover { font-weight: 600; text-decoration: underline; }
    .integral-info .number { color: #f73b3c; font-size: 20px; margin-right: 3px; }


.filter-newbox { position: relative; }
    .filter-newbox .filterbox { float: left; width: 918px; }
        .filter-newbox .filterbox .filter { width: 918px; }
    .filter-newbox .user-integral { width: 225px; border: 1px solid #e8e8e8; }
.filter-userbox { float: right; width: 195px; padding: 20px 15px; margin-top: 20px; border: 1px solid #e8e8e8; }
.logged-info { position: relative; min-height: 34px; _height: 34px; padding-left: 44px; line-height: 17px; }
    .logged-info .avatar { position: absolute; top: 0; left: 0; display: block; width: 32px; height: 32px; border: 1px solid #e8e8e8; border-radius: 50%; overflow: hidden; }
        .logged-info .avatar img { width: 32px; height: 32px; }
    .logged-info h2 { font-size: 14px; }
        .logged-info h2 a:hover { text-decoration: underline; }
    .logged-info p { color: #9c9fa1; font-size: 12px; }
    .logged-info .number { color: #f73b3c; font-weight: 600; font-size: 14px; }
.logged-other { margin-top: 20px; font-size: 12px; }
    .logged-other li { float: left; width: 50%; text-align: center; }
        .logged-other li a { display: block; padding-top: 34px; color: #9c9fa1; }
            .logged-other li a:hover { color: #394043; }
            .logged-other li a.record { background: url(/content/images/icon_filter_record.png) center top no-repeat; }
            .logged-other li a.exchange { background: url(/content/images/icon_filter_exchange.png) center top no-repeat; }
.filter-unlisted { }
    .filter-unlisted h2 { color: #9c9fa1; font-size: 12px; }
    .filter-unlisted .btn-login { display: block; margin: 40px auto 0; width: 190px; height: 40px; line-height: 40px; background: #f73b3c; color: #fff; text-align: center; border-radius: 4px; }
        .filter-unlisted .btn-login:hover { text-decoration: underline; }

.gift-infobox { float: left; width: 882px; margin-top: 20px; }
.gift-photo { float: left; width: 271px; height: 295px; border: 1px solid #e8e8e8; }
    .gift-photo img { width: 271px; height: 271px; }
.gift-info { float: right; width: 580px; }
    .gift-info h2 { line-height: 30px; font-size: 20px; font-weight: 600; }
.gift-parameter { padding: 10px 22px; margin-top: 20px; background: #f8f8f9; font-size: 14px; color: #6b7072; line-height: 36px; }
    .gift-parameter p + p { margin-top: 10px; }
    .gift-parameter .number { color: #f73b3c; font-size: 24px; font-weight: 600; }
.gift-btn { margin-top: 46px; }
    .gift-btn .btn { display: block; width: 114px; height: 40px; line-height: 40px; text-align: center; border-radius: 2px; }
        .gift-btn .btn.btn-exchange { background: #f73b3c; color: #fff; cursor: pointer; }
            .gift-btn .btn.btn-exchange:hover { text-decoration: underline; }
        .gift-btn .btn.btn-unexchange { background: #d0d0d0; color: #fff; }

.gift-main { margin-top: 20px; }
.gift-sider { float: left; width: 273px; }
.gift-subsider { border: 1px solid #e8e8e8; }
    .gift-subsider .title { height: 40px; line-height: 40px; border-bottom: 1px solid #e8e8e8; background: #f8f8f9; }
        .gift-subsider .title h2 { text-align: center; font-size: 16px; color: #6b7072; }
.gift-recommend { padding: 10px 0; }
    .gift-recommend li { padding: 10px 20px; }
        .gift-recommend li:hover { background: #f8f8f9; }
    .gift-recommend .item { position: relative; padding-left: 82px; min-height: 72px; _height: 72px; }
    .gift-recommend .img { position: absolute; top: 0; left: 0; display: block; width: 72px; height: 72px; }
        .gift-recommend .img img { width: 72px; height: 72px; }
    .gift-recommend h2 { font-size: 14px; line-height: 18px; }
        .gift-recommend h2 a:hover { text-decoration: underline; }
    .gift-recommend p { font-size: 12px; color: #9c9fa1; margin-top: 10px; }
    .gift-recommend .number { color: #f73b3c; }
.gift-detailsbox { float: right; width: 896px; border: 1px solid #e8e8e8; }
.gift-menu { border-bottom: 2px solid #f73b3c; font-size: 16px; }
    .gift-menu li { float: left; }
        .gift-menu li a { display: inline-block; padding: 0 16px; height: 40px; line-height: 40px; }
        .gift-menu li.on a { background: #f73b3c; color: #fff; }
.gift-details { padding: 30px; }
    .gift-details .wordsbox { margin-bottom: 30px; }
    .gift-details .wordsbox img { max-width:100%; }
    .gift-details .photo { text-align: center; }


    /* 20200518 */
.bbannerbox li { position: relative; }
.blive-title { position: absolute; top: 0; left: 0; right: 0; z-index: 2; background: rgba(0, 0, 0, 0.5); height: 60px; padding: 0 110px 0 20px; color: #fff; }
    .blive-title .title { display: inline-block; max-width: 100%; height: 60px; line-height: 60px; color: #fff; font-size: 16px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .blive-title .goto { position: absolute; right: 20px; top: 50%; margin-top: -16px; display: block; color: #fff; background: #ea4335; width: 70px; height: 32px; line-height: 2; text-align: center; font-size: 15px; border-radius: 4px; }
.bbannerbox .icon-live { position: absolute; top: 50%; left: 50%; margin: -2.7rem 0 0 -2.7rem; z-index: 1; width: 5.4rem; height: 5.4rem; background: url(/Content/images/icon_video.png) center center no-repeat; background-size: 5.4rem 5.4rem; }
.bbpbox .icon-live { position: absolute; top: 50%; left: 50%; margin: -1.2rem 0 0 -1.2rem; z-index: 1; width: 2.4rem; height: 2.4rem; background: url(/Content/images/icon_video.png) center center no-repeat; background-size: 2.4rem 2.4rem; }
.houses-livebox { width: 1198px; margin: 10px auto 0; border: 1px solid #e8e8e8; }
.hlive-head { position: relative; height: 60px; line-height: 60px; padding: 0 30px; background: #f8f8f8; border-bottom: 1px solid #e8e8e8; }
    .hlive-head h2 { font-size: 22px; font-weight: 600; color: #000; }
.hlive-head-pages { position: absolute; top: 20px; z-index: 1; right: 10px; height: 20px; line-height: 20px; }
    .hlive-head-pages * { vertical-align: middle; }
    .hlive-head-pages a.prev, .hlive-head-pages a.next { display: inline-block; width: 20px; height: 20px; cursor: pointer; }
    .hlive-head-pages a.prev { background: url(/Content/images/icon.png) -30px -240px no-repeat; }
    .hlive-head-pages a.next { background: url(/Content/images/icon.png) -30px -270px no-repeat; }
.hlive-body { padding: 35px 0 30px; }
.hlive-list { height: 225px; overflow: hidden; }
    .hlive-list ul { }
    .hlive-list li { float: left; width: 262px; margin-left: 30px; }
.hlive-main { position: relative; }
    .hlive-main .block { position: relative; display: block; height: 167px; }
    .hlive-main .state { position: absolute; top: 5px; left: 5px; z-index: 1; display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; border-radius:4px; background: #fe0100; color: #fff; }
        .hlive-main .state.state0 { background: #fc892e; color: #fff; }
        .hlive-main .state.state1 { background: #fe0100; color: #fff; }
        .hlive-main .state.state2 { background: #e8e8e8; color: #fff; }
        .hlive-main .state.state3 { background: #5eb95e; color: #fff; }
.hlive-main .img { width: 262px; height: 167px; }
    .hlive-main .icon-live { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 46px; height: 46px; margin: -23px 0 0 -23px; background: url(/Content/images/icon_video.png) center no-repeat; background-size: 46px 46px; }
.hlive-info { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; height: 30px; line-height: 30px; padding: 5px; color: #fff; background: url(/Content/images/line_livebg.png) center center repeat-x; }
    .hlive-info .count { position: absolute; top: 0; right: 6px; }
    .hlive-info .source { position: relative; display: inline-block; padding-left: 40px; }
    .hlive-info .avatar { position: absolute; top: 0; left: 0; width: 30px; height: 30px; overflow: hidden; border-radius: 50%; }
        .hlive-info .avatar img { width: 30px; height: 30px; }
    .hlive-info .count { position: absolute; top: 5px; right: 5px; display: inline-block; padding-left: 20px; background: url(/Content/images/icon_live_user.png) center left no-repeat; }
.hlive-other { margin-top: 10px; }
    .hlive-other h2 { height: 48px; line-height: 24px; font-size: 16px; overflow: hidden; }
        .hlive-other h2 a { display: inline-block; max-height: 48px; max-width: 100%; line-height: 24px; overflow: hidden; }
            .hlive-other h2 a:hover { font-weight: 600; }


/*2020/09/18 楼盘置业顾问弹出页*/
.zygw-box { position: relative; background: #fff;  }
.zygw-box-dv { min-height: 73px; padding: 10px 5px; background: #fff; box-shadow: 0 0 10px 3px rgba(142,142,142,0.4); -webkit-box-shadow: 0 0 10px 3px rgba(142,142,142,0.4); -moz-box-shadow: 0 0 10px 3px rgba(142,142,142,0.4); -ms-box-shadow: 0 0 10px 3px rgba(142,142,142,0.4); -o-box-shadow: 0 0 10px 3px rgba(142,142,142,0.4); }
.zygw-box-itembox { float: left; width: 114px; padding: 10px 0; margin: 2px; border: 1px solid #e6e6e6; background-color: #f9f9f9; }
    .zygw-box-itembox:hover { border: 1px solid #eaecff; background-color: #fff; }
.zygw-box-item { text-align: center; }
    .zygw-box-item .avatar { display: block; width: 76px; height: 76px; margin: 0 auto; border-radius: 50%; overflow: hidden; }
        .zygw-box-item .avatar img { width: 76px; height: 76px; }
    .zygw-box-item h4 a { display: block; height: 20px; line-height: 20px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #394043; }
        .zygw-box-item h4 a:hover { text-decoration: underline; }
    .zygw-box-item .btn { display: block; width: 68px; height: 24px; line-height: 24px; overflow: hidden; font-size: 12px; margin: 5px auto 0; cursor: pointer; }
        .zygw-box-item .btn.btn-dial { border: 1px solid #488bf4; border-radius: 2px; color: #488bf4; }
        .zygw-box-item .btn.btn-chat { border: 1px solid #f73b3c; border-radius: 2px; color: #f73b3c; }
        .zygw-box-item .btn:hover { text-decoration: underline; }

.house-zygw-btn { position: absolute; bottom: 0; right: 0px; display: block; width: 100px; height: 30px; background: url(/content/images/btn_online.png) center 0 no-repeat; cursor: pointer; }
.house-zygw-btn.list{top:144px;}



.zygwbox { }

.zygw-listbox { position: relative; padding-top: 15px; }

    .zygw-listbox a.prev, .zygw-listbox a.next { position: absolute; top: 105px; display: block; width: 20px; height: 30px; z-index: 1; }

    .zygw-listbox a.prev { left: 0; background: url(/content/images/btn_switch.png) -5px -100px no-repeat; }

    .zygw-listbox a.next { right: 0; background: url(/content/images/btn_switch.png) -5px -130px no-repeat; }

.zygw-list { padding-bottom: 10px; overflow: hidden; margin: 0 25px; }
    .zygw-list li { position: relative; float: left; width: 258px; height: 174px; margin: 5px 15px 5px 15px; overflow: hidden; -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 7px rgba(0,0,0,0.1); -o-box-shadow: 0 0 7px rgba(0,0,0,0.1); box-shadow: 0 0 7px rgba(0,0,0,0.1); }

.zygwslist-body { position: relative; padding: 14px 14px 0 108px; height: 106px; overflow: hidden; }


.zygw-list .img a { display: block; }

.zygw-list .img { position: absolute; top: 14px; left: 14px; width: 80px; height: 80px; overflow: hidden; border-radius: 50%; margin-top: 7px; border: 1px solid #e8e8e8; }

    .zygw-list .img a img { width: 80px; height: 80px; }

.zygwslist-info { position: relative; }

    .zygwslist-info .online { position: absolute; top: 12px; right: 10px; display: block; width: 70px; height: 18px; background: url(/content/images/ico_online_consulting.png) center no-repeat; cursor: pointer; }

    .zygwslist-info h2 { height: 30px; line-height: 30px; font-size: 18px; }

        .zygwslist-info h2 a { display: inline-block; max-width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .zygwslist-info h2 a:hover { text-decoration: underline; }

    .zygwslist-info .tel { display: block; width: 135px; height: 32px; line-height: 32px; border: 1px solid #f73b3c; font-size: 14px; color: #f73b3c; border-radius: 4px; text-align: center; margin-top: 12px; }

        .zygwslist-info .tel:hover { background: #f73b3c; color: #fff; }

.zygwslist-item { font-size: 12px; }

    .zygwslist-item p { height: 26px; line-height: 26px; color: #9c9fa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .zygwslist-item .house { color: #5680a6; font-size: 14px; }

        .zygwslist-item .house:hover { text-decoration: underline; }

.zygwslist-foot { border-top: 1px solid #e8e8e8; margin-top: 14px; text-align: center; }

    .zygwslist-foot .btn { float: left; display: block; width: 50%; height: 40px; line-height: 40px; }

        .zygwslist-foot .btn * { vertical-align: middle; }

        .zygwslist-foot .btn.online { color: #488bf4; background: url(/content/images/ico_agent.png) right -40px no-repeat; cursor: pointer; }

        .zygwslist-foot .btn.tel { color: #f73b3c; }

    .zygwslist-foot .ico { display: inline-block; width: 20px; height: 20px; margin-right: 5px; }

        .zygwslist-foot .ico.i-online { background: url(/content/images/ico_agent.png) center 0 no-repeat; }

        .zygwslist-foot .ico.i-tel { background: url(/content/images/ico_agent.png) center -20px no-repeat; }


        /*2020/11/26 新增动态调整*/
.hdynamic-dynatown { position: relative; padding-left: 60px; height: 50px; margin-bottom: 15px; }
    .hdynamic-dynatown * { vertical-align: middle; }
    .hdynamic-dynatown .a { display:inline-block; }
    .hdynamic-dynatown .avatar { position: absolute; top: 0; left: 0; z-index: 1; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; background-color: #f8f8f8; }
        .hdynamic-dynatown .avatar img { width: 50px; height: 50px; }
    .hdynamic-dynatown .name { height: 25px; line-height: 25px; font-size: 18px; color: #000; margin-top: 0; margin-bottom: 8px; }
    .hdynamic-dynatown .time { color: #9c9fa1; font-size: 12px; }
    .hdynamic-dynatown .see { display: inline-block; margin-left: 10px; padding-left: 18px; background: url(/Content/images/ico_see.png) center left no-repeat; background-size: 16px 12px; }
    .hdynamic-dynatown .info { display: inline-block; }
    .hdynamic-dynatown .btn-chat, .hdynamic-item .btn-chat { display: inline-block; margin-left: 35px; width: 100px; height: 30px; background: url(/content/images/btn_online.png) center 0 no-repeat; cursor: pointer; }
        .hdynamic-dynatown .btn-chat:hover, .hdynamic-item .btn-chat:hover, .hdynamic-item .house-zygw-btn:hover { background: url(/content/images/btn_online.png) center -40px no-repeat; }
.house-dynamic .hcomment-photo li { margin-top: 10px; margin-bottom: 15px; }
.hdynamic-item .hcomment-video { text-align: center; }
    .hdynamic-item .hcomment-video .video, .hdynamic-item .hcomment-photo .video { margin-top: 10px; margin-bottom: 15px; max-height: 260px; max-width: 460px; }
.hdynamic-item-info.has-img { position: relative; padding-left: 188px; min-height: 126px; margin: 12px 0 8px; }
.hdynamic-item-info .imgbox { position: absolute; top: 0; left: 0; z-index: 1; width: 168px; text-align: center; }
/*.hdynamic-item-info .aimg, .hdynamic-item-info .aimg img { display: block; width: 168px; height: 126px; }*/
.hdynamic-item-info .aimg { display: block; width: 168px; height: 126px; overflow: hidden; position: relative; }
    .hdynamic-item-info .aimg img { display: block; width: 168px; height: auto; }
.house-dynamic li.li1 .hdynamic-item { border-bottom: 1px dashed #e8e8e8; }

.hdynamic-item .house-zygw-btn { margin-left: 35px; }
.hdynamic-item .btn-chat.fd,.hdynamic-item .house-zygw-btn.fd { position: absolute; left: 120px; top: 8px; }
.house-dynamic li.li0 .hdynamic-item .btn-chat.fd, .house-dynamic li.li0 .hdynamic-item .house-zygw-btn.fd { position: absolute; left: 120px; top: -8px; }

.htd-head .p { line-height: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
    .htd-head .p .house-zygw-btn { position: relative; display:inline-block; }

.hdynamic-item{position:relative;}

.house-dynamic .sign.sign_0 { color: #fff; background-color: #ce0018; }
.house-dynamic .sign.sign0 { color: #ce0018; border: 1px solid #ce0018; }
.house-dynamic .sign.sign1 { color: #06bd73; border: 1px solid #06bd73; }
.house-dynamic .sign.sign2 { color: #5bacfe; border: 1px solid #5bacfe; }
.house-dynamic .sign.sign3 { color: #08aaec; border: 1px solid #08aaec; }
.house-dynamic .sign.sign4 { color: #f73b3c; border: 1px solid #f73b3c; }
.house-dynamic .sign.sign5 { color: #ff5008; border: 1px solid #ff5008; }
.house-dynamic .sign.sign6 { color: #ff8062; border: 1px solid #ff8062; }

.house-dynamic-tag { position: relative; height: 26px; padding: 10px 0; font-size: 14px; margin-top: 10px; }
    .house-dynamic-tag li { float: left; padding: 5px; margin-right: 10px; }
        .house-dynamic-tag li a { display: inline-block; height: 24px; line-height: 24px; padding: 0 10px; border: 1px solid #e8e8e8; border-radius: 13px; cursor: pointer; }
        .house-dynamic-tag li.on a { color: #f73b3c; background: #fdebeb; border: 1px solid #fdebeb; }


.htd-details .htd-c, .htd-details p { padding-bottom: 20px; }
.htd-details .htd-img { text-align: center; }
    .htd-details .htd-img img { border: none; vertical-align: top; max-width: 400px; }

.hcomment-photo .photo-table { display: table; width: 168px; height: 126px; overflow: hidden; width: 168px; height: 126px; text-align: center; }
.hcomment-photo .photo-cell { display: table-cell; vertical-align: middle; width: 168px; height: 126px; }

/*服务收费*/
.service-dl { display: inline-block; padding: 10px 0 20px 0; }
.service-dt { width: 80px; display: inline-block; font-size: 16px; }
.service-dd { padding-left: 6px; color: #0066FF; cursor: pointer; }
.service-img { display: none; position: absolute; top: 75%; left: 50%; transform: translateX(-50%); width: 640px; height: 744px; z-index: 100001; }
    .service-img img { width: 100%; height: 100% }
.service-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: black; z-index: 100000; -moz-opacity: 0.3; opacity: .6; filter: alpha(opacity=80); display: none; }

.service-close { width: 30px; height: 30px; position: absolute; right: -40px; top: -40px; cursor: pointer; }

/*全景图标*/
.panorama-icon { width: 40px; height: 40px; display: block; z-index: 2; background: url(/content/images/vr_icon_panorama.png) center center no-repeat; background-size: 40px; }
    .panorama-icon.max { width: 60px; height: 60px; background-size: 60px; }
    .panorama-icon.center { position: absolute; top: 50%; left: 50%;  margin: -20px 0 0 -20px; }
    .panorama-icon.max.center { position: absolute; top: 50%; left: 50%;  margin: -30px 0 0 -30px; }
    .panorama-icon.topright { position: absolute; top: 10px; right: 10px; }
    .panorama-icon.max.topright { position: absolute; top: 5px; right: 5px; }

/*3D沙盘入口*/
.SandTable3D-btn { display:inline-block; position: absolute; bottom: 20px; right: 20px; z-index: 2;cursor:pointer; background-color: #08aaec; color: #fff; border-radius: 2px; padding: 5px 10px; }

.chat-mini-create-button-on-right {
    border-radius: 4px !important;
}

.chat-member-login-popup-mask {
    letter-spacing: 0.5em !important;
    backdrop-filter: blur(6px) !important;
    box-shadow: 0 0 30px 10px rgb(0 0 0 / 30%) !important;
}
.layui-layer-shade {
    letter-spacing: 0.5em !important;
    backdrop-filter: blur(6px) !important;
    box-shadow: 0 0 30px 10px rgb(0 0 0 / 30%) !important;
}

.binfo-price div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 8px;
}
.priceinfotxt {
    font-size: 12px;
    line-height: 20px;
    color: #9c9fa1;
    border-radius: 4px;
}
.kfsacss{
    color:#000 !important;
}

/**反馈**/
.popup-Fbackbox { }
    .popup-Fbackbox .popup-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: rgba(0,0,0,0.3); }
    .popup-Fbackbox .popupbox { position: fixed; top: 22%; left: 8%; right: 8%; z-index: 110; width: 84%; max-width: 630px; margin: 0 auto; background: #fff; font-size: 1.5rem; border-radius: 0.5rem; }
        .popup-Fbackbox .popupbox .popup-head { position: relative; height: 4.6rem; line-height: 4.6rem; border-bottom: 1px solid #e8e8e8; }
            .popup-Fbackbox .popupbox .popup-head h2 { font-size: 1.6rem; color: #000; text-align: center; }
            .popup-Fbackbox .popupbox .popup-head .close { position: absolute; top: 0; right: 0; z-index: 111; display: block; width: 4.6rem; height: 4.6rem; background: url(/Content/Images/alert_close.png) center center no-repeat; background-size: 1.5rem; }
        .popup-Fbackbox .popupbox .popup-body { padding: 1.2rem; }
        .popup-Fbackbox .popupbox .popup-form { }
            .popup-Fbackbox .popupbox .popup-form li { margin-top: 1rem; }
            .popup-Fbackbox .popupbox .popup-form .item { position: relative; background: #f8f8f9; }
            .popup-Fbackbox .popupbox .popup-form .popup-text { width: 100%; height: 4rem; line-height: 4rem; text-indent: 1rem; background: #f8f8f9; border: none; font-size: 1.4rem; }
        .popup-Fbackbox .popupbox .popup-foot { text-align: center; font-size: 1.5rem; }
        .popup-Fbackbox .popupbox .popup-maxbtnbox { padding: 1.2rem; }
            .popup-Fbackbox .popupbox .popup-maxbtnbox .btn { display: block; width: 100%; height: 4.6rem; line-height: 4.6rem; border: none; border-radius: 0.2rem; font-size: 1.6rem; }
        .popup-Fbackbox .popupbox .popup-foot .btn.red-gradient { color: #fff; background: #ec3712; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fff; }