.header-nav .header-page-nav span {
	font: 12px/1.5 "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "΢���ź�", Arial, sans-serif !important; color: rgb(51, 51, 51); font-size-adjust: none !important; font-stretch: normal !important;
}
.header-nav button {
	font: 12px/1.5 "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "΢���ź�", Arial, sans-serif !important; color: rgb(51, 51, 51); font-size-adjust: none !important; font-stretch: normal !important;
}
.header-nav input {
	font: 12px/1.5 "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "΢���ź�", Arial, sans-serif !important; color: rgb(51, 51, 51); font-size-adjust: none !important; font-stretch: normal !important;
}
.header-nav select {
	font: 12px/1.5 "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "΢���ź�", Arial, sans-serif !important; color: rgb(51, 51, 51); font-size-adjust: none !important; font-stretch: normal !important;
}
.header-nav textarea {
	font: 12px/1.5 "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "΢���ź�", Arial, sans-serif !important; color: rgb(51, 51, 51); font-size-adjust: none !important; font-stretch: normal !important;
}
body .header-nav {
	font: 12px/1.5 "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "΢���ź�", Arial, sans-serif !important; color: rgb(51, 51, 51); font-size-adjust: none !important; font-stretch: normal !important;
}
.header a {
	outline: 0px; font-family: "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","΢���ź�",Arial,sans-serif; text-decoration: none; cursor: pointer;
}
.header-nav .nav-first-left {
	outline: 0px; font-family: "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","΢���ź�",Arial,sans-serif; text-decoration: none; cursor: pointer;
}
.header-nav a {
	outline: 0px; font-family: "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","΢���ź�",Arial,sans-serif; text-decoration: none; cursor: pointer;
}
.header-nav label {
	outline: 0px; font-family: "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","΢���ź�",Arial,sans-serif; text-decoration: none; cursor: pointer;
}
.header-nav span {
	outline: 0px; font-family: "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","΢���ź�",Arial,sans-serif; text-decoration: none; cursor: pointer;
}
.icon {
	font-size: 0px; position: absolute; background-image: url("../images/common_bg_s.png?v=20190717"); background-repeat: no-repeat;
}
.header_top_right {
	display: none;
}
body {
	min-width: 1220px;
}
.header-first-box {
	transition:margin 0.3s; left: 0px; top: 0px; width: 100%; height: 35px; line-height: 35px; position: absolute; z-index: 7047; background-color: rgb(245, 245, 245); -webkit-transition: margin .3s; -moz-transition: margin .3s; -o-transition: margin .3s;
}
.header-nav-first {
	margin: 0px auto; width: 1220px; height: 35px; position: relative;
}
.nav-first-left {
	height: 35px; font-size: 12px; float: left; display: none; z-index: 7048; min-width: 120px;
}
.nav-first-left .city-switchover {
	border-width: medium 1px; border-style: none solid; border-color: currentColor rgb(245, 245, 245); padding: 0px 11px 0px 24px; border-image: none; left: 0px; top: 0px; height: 35px; overflow: hidden; position: absolute; background-color: rgb(245, 245, 245);
}
.nav-first-left .city-switchover-hover {
	border-width: medium 1px; border-style: none solid; border-color: currentColor rgb(216, 216, 216); padding: 0px 11px 1px 24px; border-image: none; z-index: 7048;
}
.nav-city {
	color: rgb(51, 51, 51);
}
.nav-change {
	color: rgb(12, 180, 106);
}
.nav-first-right a:hover {
	color: rgb(12, 180, 106);
}
.nav-first-right {
	font-size: 12px; float: right;
}
.nav-first-right a {
	padding: 0px 14px; color: rgb(153, 153, 153); font-style: normal; float: right; display: block; cursor: pointer;
}
.nav-first-right .nav-first-login {
	padding-right: 10px;
}
.header-user-show-right {
	float: right;
}
.nav-first-phone {
	color: rgb(255, 90, 0); line-height: 35px; font-size: 12px; margin-left: 22px; float: right; position: relative;
}
.header-user-show .nav-first-phone {
	margin-left: 32px; float: right;
}
.nav-first-phone .phone-underline {
	border-bottom-color: rgb(255, 90, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.icon-phone {
	background-position: -189px -246px; left: -19px; top: 11px; width: 13px; height: 13px;
}
.icon-arrow-bottom {
	background-position: -189px -232px; margin: 14px 3px 0px 5px; width: 10px; height: 7px; display: inline-block;
}
.division-thread {
	width: 1px; height: 12px; vertical-align: top; background-color: rgb(220, 220, 220);
}
.nav-first-right .division-thread {
	margin: 11px 10px 0px 0px; float: right;
}
.nav-first-right .first-division {
	margin-right: 10px;
}
.merchant-center {
	width: 92px; height: 35px; float: right; position: relative; z-index: 4;
}
.header-user-show-right .merchant-center > a {
	padding: 0px 10px 0px 0px; width: 69px; text-align: right;
}
.icon-cloud-design {
	background-position: -154px -200px; left: 14px; top: 11px; width: 12px; height: 13px;
}
.nav-first-right i.arrow-down {
	border-width: 4px; border-style: solid; width: 0px; height: 0px; right: 10px; float: right; display: block; position: relative; content: "";
}
.nav-first-right i.arrow-up {
	border-width: 4px; border-style: solid; width: 0px; height: 0px; right: 10px; float: right; display: block; position: relative; content: "";
}
.nav-first-right i.arrow-down {
	border-color: rgb(156, 156, 156) transparent transparent; top: 16px;
}
.nav-first-right i.arrow-up {
	border-color: transparent transparent rgb(156, 156, 156); top: 12px;
}
.nav-my-tubatu {
	width: 102px; height: 35px; float: right; position: relative; z-index: 2;
}
.building-center .building-center-title {
	padding: 0px 14px; height: 35px; color: rgb(153, 153, 153); font-style: normal; position: absolute; z-index: 2; cursor: pointer;
}
.merchant-center .merchant-center-title {
	padding: 0px 14px; height: 35px; color: rgb(153, 153, 153); font-style: normal; position: absolute; z-index: 2; cursor: pointer;
}
.nav-my-tubatu .nav-my-tubatu-title {
	padding: 0px 14px; height: 35px; color: rgb(153, 153, 153); font-style: normal; position: absolute; z-index: 2; cursor: pointer;
}
.nav-my-tubatu .nav-my-tubatu-title {
	width: 74px;
}
.merchant-center .merchant-center-title {
	width: 64px;
}
.htr-username-box .cut-line {
	top: 10px; width: 1px; height: 12px; vertical-align: top; display: inline-block; position: absolute; z-index: 1; background-color: rgb(220, 220, 220);
}
.htr_mes_box .cut-line {
	top: 10px; width: 1px; height: 12px; vertical-align: top; display: inline-block; position: absolute; z-index: 1; background-color: rgb(220, 220, 220);
}
.merchant-center-title .cut-line {
	top: 10px; width: 1px; height: 12px; vertical-align: top; display: inline-block; position: absolute; z-index: 1; background-color: rgb(220, 220, 220);
}
.nav-my-tubatu-title .cut-line {
	top: 10px; width: 1px; height: 12px; vertical-align: top; display: inline-block; position: absolute; z-index: 1; background-color: rgb(220, 220, 220);
}
.htr-username-box .cut-line {
	display: none;
}
.htr-username-box .cut-line-right {
	display: none;
}
.htr_mes_box .cut-line-right {
	display: none;
}
.merchant-center-title .cut-line-left {
	display: none;
}
.htr-username-box .cut-line-left {
	left: 0px;
}
.htr_mes_box .cut-line-left {
	left: 0px;
}
.nav-my-tubatu-title .cut-line-left {
	left: 0px;
}
.merchant-center-title .cut-line-right {
	right: 0px;
}
.nav-my-tubatu-title .cut-line-right {
	right: 0px;
}
.htr-username-box .cut-line-right {
	right: 1px;
}
.htr_mes_box .cut-line-right {
	right: 1px;
}
.htr-username-box .cover-line {
	background: rgb(255, 255, 255); left: 1px; top: 35px; width: 100%; height: 1px; display: none; position: absolute; z-index: 2;
}
.htr_mes_box .cover-line {
	background: rgb(255, 255, 255); left: 1px; top: 35px; width: 100%; height: 1px; display: none; position: absolute; z-index: 2;
}
.merchant-center .cover-line {
	background: rgb(255, 255, 255); left: 1px; top: 35px; width: 100%; height: 1px; display: none; position: absolute; z-index: 2;
}
.nav-my-tubatu .cover-line {
	background: rgb(255, 255, 255); left: 1px; top: 35px; width: 100%; height: 1px; display: none; position: absolute; z-index: 2;
}
.merchant-center .cover-line {
	width: 91px;
}
.nav-my-tubatu .cover-line {
	width: 100px;
}
.htr_mes_box .cover-line {
	width: 89px;
}
.htr-username-box ul {
	background: rgb(255, 255, 255); padding: 8px 0px; border: 1px solid rgb(238, 238, 238); border-image: none; left: 0px; top: 35px; width: 100px; display: none; position: absolute; z-index: 1;
}
.htr_mes_box ul {
	background: rgb(255, 255, 255); padding: 8px 0px; border: 1px solid rgb(238, 238, 238); border-image: none; left: 0px; top: 35px; width: 100px; display: none; position: absolute; z-index: 1;
}
.merchant-center ul {
	background: rgb(255, 255, 255); padding: 8px 0px; border: 1px solid rgb(238, 238, 238); border-image: none; left: 0px; top: 35px; width: 100px; display: none; position: absolute; z-index: 1;
}
.nav-my-tubatu ul {
	background: rgb(255, 255, 255); padding: 8px 0px; border: 1px solid rgb(238, 238, 238); border-image: none; left: 0px; top: 35px; width: 100px; display: none; position: absolute; z-index: 1;
}
.htr-username-box ul {
	left: -1px; width: 100%; min-width: 100px;
}
.htr_mes_box ul {
	width: 100%; min-width: 115px;
}
.htr-username-box ul li a {
	padding: 4px 0px; width: 100%; height: 22px; color: rgb(153, 153, 153); line-height: 22px; text-indent: 14px; float: none; display: block; position: static;
}
.htr_mes_box ul li a {
	padding: 4px 0px; width: 100%; height: 22px; color: rgb(153, 153, 153); line-height: 22px; text-indent: 14px; float: none; display: block; position: static;
}
.merchant-center ul li a {
	padding: 4px 0px; width: 100%; height: 22px; color: rgb(153, 153, 153); line-height: 22px; text-indent: 14px; float: none; display: block; position: static;
}
.nav-my-tubatu ul li a {
	padding: 4px 0px; width: 100%; height: 22px; color: rgb(153, 153, 153); line-height: 22px; text-indent: 14px; float: none; display: block; position: static;
}
.htr-username-box:hover {
	z-index: 47;
}
.htr-username-box:hover {
	background: rgb(255, 255, 255);
}
.htr_mes_box:hover {
	background: rgb(255, 255, 255);
}
.merchant-center:hover {
	background: rgb(255, 255, 255);
}
.nav-my-tubatu:hover {
	background: rgb(255, 255, 255);
}
.htr-username-box:hover .cut-line {
	top: 0px; height: 35px; display: block; z-index: 2; background-color: rgb(238, 238, 238);
}
.htr_mes_box:hover .cut-line {
	top: 0px; height: 35px; display: block; z-index: 2; background-color: rgb(238, 238, 238);
}
.merchant-center:hover .cut-line {
	top: 0px; height: 35px; display: block; z-index: 2; background-color: rgb(238, 238, 238);
}
.nav-my-tubatu:hover .cut-line {
	top: 0px; height: 35px; display: block; z-index: 2; background-color: rgb(238, 238, 238);
}
.htr_mes_box:hover .cover-line {
	left: 1px; display: block; z-index: 100;
}
.merchant-center:hover .cover-line {
	left: 1px; display: block; z-index: 100;
}
.nav-my-tubatu:hover .cover-line {
	left: 1px; display: block; z-index: 100;
}
.htr-username-box:hover .cover-line {
	left: 0px; display: block; z-index: 100;
}
.htr_mes_box:hover .cut-line-left {
	display: block; z-index: 10;
}
.htr_mes_box:hover .cut-line-right {
	display: block; z-index: 10;
}
.merchant-center:hover .cut-line-left {
	display: block; z-index: 10;
}
.merchant-center:hover .cut-line-left {
	left: -1px;
}
.htr_mes_box:hover .cut-line-left {
	left: 0px;
}
.htr-username-box:hover .cut-line-left {
	left: -1px;
}
.merchant-center:hover ul {
	left: -1px;
}
.htr_mes_box:hover .cut-line-right {
	right: -1px;
}
.htr-username-box:hover .cut-line-right {
	right: -15px; z-index: 11;
}
.htr-username-box:hover ul {
	display: block; z-index: 99;
}
.htr_mes_box:hover ul {
	display: block; z-index: 99;
}
.merchant-center:hover ul {
	display: block; z-index: 99;
}
.nav-my-tubatu:hover ul {
	display: block; z-index: 99;
}
.htr-username-box ul li a:hover {
	color: rgb(12, 180, 106);
}
.htr_mes_box ul li a:hover {
	color: rgb(12, 180, 106);
}
.merchant-center ul li a:hover {
	color: rgb(12, 180, 106);
}
.nav-my-tubatu ul li a:hover {
	color: rgb(12, 180, 106);
}
.icon-coordinate {
	background-position: -192px -180px; left: 5px; top: 9px; width: 11px; height: 15px;
}
.col_l {
	float: left;
}
.header-user-show {
	height: 35px; float: right; display: none;
}
.header-user-show .feedback {
	padding: 0px 14px; color: rgb(153, 153, 153); font-style: normal; float: right; display: block; cursor: pointer;
}
.header-user-show .division-thread {
	margin-top: 12px; float: right;
}
.nav-user-data-new {
	float: right;
}
.htr-username-box {
	position: relative; z-index: 100; max-width: 117px;
}
.htr_mes_box {
	position: relative; z-index: 100; max-width: 117px;
}
.htr-username-box {
	padding-right: 14px;
}
.header-user-show .htr-username {
	padding: 0px 15px; height: 35px; color: rgb(153, 153, 153); line-height: 35px; display: block; position: relative;
}
.header-user-show ul li .htr_mes {
	padding: 0px 15px; height: 35px; color: rgb(153, 153, 153); line-height: 35px; display: block; position: relative;
}
.header-user-show ul li .htr_mes {
	width: 60px;
}
.header-user-show .on .htr-username {
	height: 36px; background-color: rgb(255, 255, 255);
}
.header-user-show ul li .on .htr_mes {
	height: 36px; background-color: rgb(255, 255, 255);
}
.header-user-show .htr-username p {
	overflow: hidden; margin-right: 4px; float: left; display: inline; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 68px;
}
.header-user-show .htr_mes_memu .ect {
	color: rgb(255, 90, 0); padding-left: 5px;
}
.header-user-show .htr_mes_box .triangle_down {
	display: none;
}
.header-user-show ul li a p {
	float: left; display: inline;
}
.ico_msg {
	float: left; display: inline;
}
.act.htr_mes_box.col_l {
	position: relative;
}
.ico_msg {
	background-position: -1px -37px; width: 16px; height: 12px; margin-top: 10px; margin-right: 5px; background-image: url("../images/to8to_common.png"); background-repeat: no-repeat;
}
.act .ico_msg {
	background-position: -22px -34px; width: 18px; height: 15px; margin-top: 8px;
}
.header-user-show ul li .on .htr_mes_memu li {
	width: 121px;
}
.header-user-show ul li .htr_mes_memu a {
	width: 106px; padding-right: 0px;
}
.header-user-show ul li .on .htr_mes_memu li b {
	top: 0px; width: 35px; right: 7px; color: rgb(255, 102, 102); font-weight: 400; display: block; position: absolute;
}
.header-nav {
	width: 100%; background-color: rgb(255, 255, 255);
}
.header-nav-content {
	width: 100%; background-color: rgb(255, 255, 255);
}
.header-nav {
    /*height: 105px;*/
	transition:height 0.45s; height: 70px;position: relative; z-index: 2001;
}
.header-have-page-nav {
	height: 161px;
}
.header-nav-content {
    /*top: 35px; when we add the first header. we need set the top*/
	transition:top 0.3s; left: 0px; position: fixed; z-index: 7046; -webkit-transition: top .3s; -moz-transition: top .3s; -o-transition: top .3s;
}
.move-down .header-first-box {
	margin-top: -35px; position: fixed;
}
.move-down .header-nav-content {
	top: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; position: fixed; box-shadow: 0px 10px 15px rgba(0,0,0,0.1); -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .1); -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
}
.header-nav-box {
	margin: 0px auto; width: 1220px; height: 70px; position: relative;
}
.nav-content-left {
	left: 0px; top: 0px; margin-top: 4px; position: absolute; z-index: 44;
}
.header-logo-box {
	float: left;
}
.icon-to8to-logo {
	background-position: 0px -53px; width: 124px; height: 44px; float: left; position: static;
}
.nav-content-slogan {
	margin: 13px 0px 0px 5px; color: rgb(51, 51, 51); font-size: 12px; float: left;
}
.nav-content-center {
	width: 700px; margin-left: 250px; position: relative; z-index: 42;
}
.nav-content-list {
	height: 70px; text-align: center;
}
.nav-content-list li {
	padding: 21px 13px 0px; height: 49px; margin-right: 5px; float: left; position: relative; cursor: pointer;
}
.nav-content-list li.hover a {
	color: rgb(12, 180, 106);
}
.nav-content-list li:hover a {
	color: rgb(12, 180, 106);
}
.nav-content-list li.on a {
	color: rgb(12, 180, 106); padding-bottom: 1px; border-bottom-color: rgb(12, 180, 106); border-bottom-width: 2px; border-bottom-style: solid;
}
.move-down .nav-content-list li.on a {
	padding-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.nav-content-list li.hover {
	height: 49px;
}
.header-logo-box .division-thread {
	margin: 16px 11px 0px 18px; float: left;
}
.icon-app {
	background-position: -176px -180px; top: 6px; width: 11px; height: 16px; right: -19px; position: absolute;
}
.nav-app {
	left: -162px; top: 48px; width: 390px; height: 210px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; display: none; position: absolute; z-index: 7001;
}
.nav-content-list li a {
	height: 26px; color: rgb(51, 51, 51); line-height: 26px; font-size: 14px; display: block; position: relative;
}
.nav-content-list a.on {
	color: rgb(12, 180, 106); padding-bottom: 9px; position: relative;
}
.icon-arrow {
	width: 8px; height: 5px; position: absolute;
}
.icon-reg-arrow {
	width: 8px; height: 5px; position: absolute;
}
.on .icon-arrow {
	display: none;
}
.nav-content-list .have-arrow {
	padding-right: 15px; margin-right: 5px;
}
.icon-arrow {
	background-position: -152px -180px; top: 11px; right: -15px;
}
.hover.have-arrow .icon-arrow {
	background-position: -164px -180px;
}
.icon-reg-arrow {
	background-position: -36px 0px; top: 17px; right: -12px;
}
.nav-search-select {
	width: 98px; display: none; position: absolute; background-color: rgb(255, 255, 255);
}
.search-select-list {
	width: 98px; display: none; position: absolute; background-color: rgb(255, 255, 255);
}
.none {
	display: none;
}
.nav-search-select {
	left: 0px; top: 0px; height: 30px; text-align: left; border-right-color: rgb(229, 229, 229); border-right-width: 1px; border-right-style: solid; z-index: 11; cursor: pointer;
}
.search-select-list {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(229, 229, 229) rgb(229, 229, 229); padding: 10px 0px; border-image: none; left: -1px; top: 31px;
}
.search-select-list li {
	width: 78px; height: 31px; text-align: left; color: rgb(51, 51, 51); line-height: 31px; padding-left: 20px; font-size: 12px; display: block; cursor: pointer;
}
.search-select-list li:hover {
	color: rgb(12, 180, 106); background-color: rgb(246, 246, 246);
}
.header-nav-hover {
	background-color: rgb(255, 255, 255);
}
.header-page-nav {
	background-color: rgb(255, 255, 255);
}
.nav-content-right {
	background-color: rgb(255, 255, 255);
}
.nav-hover-type {
	background-color: rgb(255, 255, 255);
}
.nav-hover-type > div {
	background-color: rgb(255, 255, 255);
}
.nav-search--center {
	background-color: rgb(255, 255, 255);
}
.search-select-list .list-now {
	color: rgb(153, 153, 153); background-color: rgb(255, 255, 255);
}
.nav-search-select .icon-arrow {
	background-position: -152px -180px; top: 50%; right: 10px; margin-top: -2px;
}
.search-select-text {
	height: 30px; color: rgb(51, 51, 51); line-height: 30px; padding-left: 10px; font-size: 14px; display: block; position: relative;
}
.nav-search--center {
	left: 0px; top: 0px; width: 100%; height: 90px; display: none; position: absolute;
}
.nav-content-list li.hover a {
	color: rgb(12, 180, 106);
}
.move-down .nav-content-list li.on .icon-app {
	display: none;
}
.nav-content-list li:hover .nav-app {
	display: block;
}
.header-logo {
	background-position: 0px -261px; width: 125px; height: 44px; float: left; position: relative;
}
.header-logo-gif {
	margin: -2px 0px 0px 12px; width: 145px; height: 51px;
}
.header-logo-png {
	margin: -6px 0px 0px 4px; width: 154px; height: 46px; display: none;
}
.move-down .header-logo-png {
	display: block;
}
.move-down .header-logo-gif {
	display: none;
}
.nav-hover-zxgs {
	display: none;
}
.nav-content-right {
	top: 0px; height: 69px; right: 0px; position: absolute; z-index: 44;
}
.nav-content-search-center {
	border: 1px solid rgb(229, 229, 229); border-image: none; height: 30px; margin-top: 19px; position: relative;
}
.drop-down .icon-arrow {
	background-position: -140px -180px;
}
.icon-search {
	background-position: -209px -276px;
}
.search-spread .icon-search {
	background-position: -209px -276px;
}
.nav-search-input {
	overflow: hidden; font-size: 0px; margin-right: 32px; position: relative;
}
.nav-search-center-input {
	padding: 7px 0px 7px 8px; border: 0px currentColor; border-image: none; width: 168px; height: 14px; font-size: 12px; z-index: 10; box-sizing: content-box;
}
.nav-search-center-text {
	transition:left 1s; left: 10px; top: 7px; color: rgb(153, 153, 153); font-size: 12px; white-space: nowrap; position: absolute; cursor: text; -webkit-transition: left 1s; -moz-transition: left 1s; -o-transition: left 1s;
}
.nav-hover-type a:hover {
	color: rgb(12, 180, 106);
}
.nav-type-box a:hover .nav-list-text {
	color: rgb(12, 180, 106);
}
.header-nav .nav-search-center-text {
	cursor: text;
}
.icon-search {
	top: 7px; width: 16px; height: 17px; right: 10px; cursor: pointer;
}
.search-spread .nav-search-center-text {
	left: 110px;
}
.search-spread .nav-search-center-input {
	width: 558px; padding-left: 108px;
}
.search-spread {
	border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.nav-type-list .nav-zxgs-area li {
	width: 57px; overflow: hidden; padding-right: 3px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.header-nav-hover {
	left: 0px; top: 71px; width: 100%; height: 114px; padding-top: 36px; margin-top: -1px; display: none; position: absolute; z-index: 7044; box-shadow: 0px 10px 15px rgba(0,0,0,0.1); -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .1); -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
}
.move-down {
	height: 72px;
}
.nav-hover-type {
	z-index: 44;
}
.nav-type-box {
	margin: 0px auto; height: 114px;
}
.nav-hover-zxgs .nav-type-box {
	width: 906px;
}
.nav-hover-xgt .nav-type-box {
	width: 929px;
}
.nav-hover-zxgl .nav-type-box {
	width: 1006px;
}
.nav-hover-zxgl .nav-type-version-box {
	width: 1030px;
}
.nav-hover-zxgl .nav-type-title:hover {
	color: rgb(51, 51, 51); cursor: auto;
}
.nav-hover-zxgl .nav-type-title:hover .icon-right-sign {
	background-position: -193px -200px;
}
.nav-hover-more .nav-type-box {
	width: 965px;
}
.nav-hover-more .for-not-ground.nav-type-box {
	width: 510px;
}
.nav-list-img a:hover .icon-nav-qwdz {
	background-position: -112px 0px;
}
.nav-list-img .icon-nav-qwdz {
	background-position: -112px -47px;
}
.nav-list-img .icon-nav-qwdz {
	left: 11px; top: 3px; width: 38px; height: 31px; display: block; position: absolute; background-image: url("../images/whole_house_icon3.png?v=20180827"); background-repeat: no-repeat;
}
.nav-list-img a:hover .icon-nav-qwdz {
	left: 11px; top: 3px; width: 38px; height: 31px; display: block; position: absolute; background-image: url("../images/whole_house_icon3.png?v=20180827"); background-repeat: no-repeat;
}
.nav-hover-more {
	display: none;
}
.nav-hover-xgt {
	display: none;
}
.nav-hover-zxgl {
	display: none;
}
.nav-type-title {
	font: 14px/1.5 "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "΢���ź�", Arial, sans-serif; text-align: left; color: rgb(51, 51, 51); padding-right: 16px; position: relative; cursor: pointer; font-size-adjust: none; font-stretch: normal;
}
.nav-type-title:hover {
	color: rgb(12, 180, 106);
}
.icon-right-sign {
	background-position: -193px -200px; top: 2px; width: 8px; height: 13px; right: 0px; color: rgb(51, 51, 51);
}
.nav-type-genre ul li {
	text-align: left; color: rgb(102, 102, 102); font-size: 14px; float: left;
}
.nav-type-list ul li {
	text-align: left; color: rgb(102, 102, 102); font-size: 14px; float: left;
}
.nav-type-title:hover .icon-right-sign {
	background-position: -181px -200px;
}
.nav-type-list {
	width: 187px; text-align: left; float: left;
}
.nav-hover-zxgs .nav-type-style {
	margin-right: -20px;
}
.nav-type-genre ul {
	margin: 12px 0px -8px; overflow: hidden;
}
.nav-type-list ul {
	margin: 12px 0px -8px; overflow: hidden;
}
.nav-type-list ul li {
	width: 60px; margin-bottom: 3px;
}
.nav-type-genre ul li {
	margin: 0px 19px 3px 0px;
}
.header-page-nav a {
	color: rgb(51, 51, 51); font-size: 14px;
}
.nav-list-text {
	color: rgb(51, 51, 51); font-size: 14px;
}
.margin-right {
	margin-right: 15px;
}
.nav-hover-xgt .nav-list-img {
	margin-right: -40px; float: left;
}
.nav-list-img a {
	width: 60px; height: 70px; margin-right: 33px; float: left; position: relative;
}
.header-page-nav {
	position: absolute;
}
.nav-list-img img {
	position: absolute;
}
.nav-list-text {
	position: absolute;
}
.icon-nav-mfsj {
	background-position: -79px -35px; left: 12px; top: 10px; width: 32px; height: 32px;
}
.nav-list-img a:hover .icon-nav-mfsj {
	background-position: -79px 1px;
}
.icon-nav-gdsj {
	background-position: -112px -144px; left: 10px; top: 10px; width: 37px; height: 31px;
}
.nav-list-img a:hover .icon-nav-gdsj {
	background-position: -72px -144px;
}
.icon-nav-diy {
	background-position: -48px 0px; left: 7px; top: 10px; width: 28px; height: 33px;
}
.nav-list-img a:hover .icon-nav-diy {
	background-position: -48px -36px;
}
.nav-list-text {
	left: 0px; width: 100%; bottom: 0px;
}
.nav-type-least {
	width: 100px;
}
.nav-right-dashed {
	margin-right: 40px; border-right-color: rgb(216, 216, 216); border-right-width: 1px; border-right-style: dashed;
}
.nav-hover-zxgs .nav-type-genre {
	width: 202px;
}
.nav-type-price {
	width: 202px;
}
.nav-type-region {
	width: 202px;
}
.nav-type-region {
	height: 73px;
}
.header-nav-hover .nav-type-genre {
	text-align: left; float: left;
}
.zxgl-list-inlet {
	float: left;
}
.nav-list-img .list-img-big {
	width: 80px; margin-right: 32px;
}
.nav-list-img .list-img-riji {
	margin-right: 46px;
}
.nav-type-small {
	width: 130px; margin-right: 37px;
}
.nav-hover-more .nav-list-img .margin-zero {
	margin: 0px;
}
.nav-list-img .margin-zero {
	margin: 0px;
}
.icon-nav-xzx {
	background-position: -196px -108px; left: 22px; top: 6px; width: 29px; height: 32px;
}
.nav-list-img a:hover .icon-nav-xzx {
	background-position: -196px -72px;
}
.icon-nav-riji {
	background-position: -116px 0px; left: 12px; top: 2px; width: 31px; height: 32px;
}
.nav-list-img a:hover .icon-nav-riji {
	background-position: -116px -36px;
}
.icon-nav-ask {
	background-position: -36px -144px; left: 12px; top: 4px; width: 32px; height: 30px;
}
.nav-list-img a:hover .icon-nav-ask {
	background-position: 0px -148px;
}
.icon-nav-bbs {
	background-position: 0px -36px; left: 8px; top: 4px; width: 41px; height: 32px;
}
.nav-list-img a:hover .icon-nav-bbs {
	background-position: 0px 0px;
}
.icon-nav-case {
	background-position: 0px -108px; left: 12px; top: 4px; width: 35px; height: 32px;
}
.icon-nav-hot {
	top: -10px; width: 33px; height: 16px;
}
.icon-nav-xs {
	top: -10px; width: 33px; height: 16px;
}
.nav-list-img a:hover .icon-nav-case {
	background-position: 0px -72px;
}
.icon-nav-xs {
	background-position: 0px -185px; left: 37px;
}
.nav-hover-more .nav-list-img a {
	margin-right: 52px;
}
.icon-nav-hot {
	background-position: -40px -185px; left: 35px;
}
.icon-nav-jjsc {
	background-position: -188px -36px; left: 14px; top: 4px; width: 34px; height: 31px;
}
.icon-nav-jjsc-sz {
	background-position: -177px -324px; left: 14px; top: 4px; width: 33px; height: 30px;
}
.nav-list-img a:hover .icon-nav-jjsc {
	background-position: -188px 0px;
}
.nav-list-img a:hover .icon-nav-jjsc-sz {
	background-position: -78px -323px;
}
.icon-nav-mfbj {
	background-position: -40px -108px; left: 14px; top: 4px; width: 28px; height: 31px;
}
.nav-list-img a:hover .icon-nav-mfbj {
	background-position: -40px -72px;
}
.icon-nav-mfyf {
	background-position: -72px -108px; left: 14px; top: 4px; width: 31px; height: 32px;
}
.nav-list-img a:hover .icon-nav-mfyf {
	background-position: -72px -72px;
}
.icon-nav-zxd {
	background-position: -148px -70px; left: 8px; top: 4px; width: 40px; height: 33px;
}
.nav-list-img a:hover .icon-nav-zxd {
	background-position: -148px -106px;
}
.icon-nav-sjb {
	background-position: -152px 0px; left: 13px; top: 3px; width: 30px; height: 31px;
}
.nav-list-img a:hover .icon-nav-sjb {
	background-position: -152px -36px;
}
.icon-nav-sjb .icon-nav-jp {
	background-position: -426px -192px; top: -10px; width: 32px; height: 16px; right: -32px;
}
.icon-nav-zzj {
	background-position: -148px -220px; left: 5px; top: 3px; width: 34px; height: 35px;
}
.nav-list-img a:hover .icon-nav-zzj {
	background-position: -148px -260px; height: 36px;
}
.icon-nav-znjj {
	background-position: -108px -108px; left: 10px; top: 4px; width: 34px; height: 32px;
}
.nav-list-img a:hover .icon-nav-znjj {
	background-position: -108px -72px;
}
.icon-nav-news {
	background-position: -188px -144px; left: 11px; top: 4px; width: 32px; height: 31px;
}
.icon-nav-mf {
	left: 31px; top: -10px; height: 16px;
}
.icon-nav-tc {
	left: 31px; top: -10px; height: 16px;
}
.nav-list-img a:hover .icon-nav-news {
	background-position: -152px -144px;
}
.icon-nav-mf {
	background-position: -80px -185px; width: 33px;
}
.icon-nav-tc {
	background-position: -127px -331px; width: 34px;
}
.header-page-nav {
	transition:top 0.3s; left: 0px; top: 71px; width: 100%; height: 38px; text-align: center; padding-top: 17px; margin-top: 0px; z-index: 41; -webkit-transition: top .3s; -moz-transition: top .3s; -o-transition: top .3s;
}
.header-have-page-nav .header-page-nav {
	top: 106px; display: block;
}
.secondary-page-nav {
	overflow: hidden;
}
.header-page-nav ul li {
	display: inline-block;
}
.header-page-nav .on a {
	color: rgb(12, 180, 106);
}
.header-page-nav a:hover {
	color: rgb(12, 180, 106);
}
.secondary-page-nav .division-thread {
	margin: 5px 19px 0px 16px; width: 2px; display: inline-block; background-color: rgb(229, 229, 229);
}
.city-option-box {
	left: 0px; background-color: rgb(255, 255, 255);
}
.swiper {
	left: 0px; background-color: rgb(255, 255, 255);
}
.swiper {
	top: 90px; margin-top: 126px; z-index: 41;
}
.swiper img {
	max-width: 100%;
}
.header_top_right ul li .htr_mes {
	border-right-color: rgb(245, 245, 245); border-left-color: rgb(245, 245, 245); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;
}
.header_top_right ul li .htr_username {
	border-right-color: rgb(245, 245, 245); border-left-color: rgb(245, 245, 245); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;
}
.move-down .nav-content-center {
	margin-left: 290px;
}
.move-down .header-logo {
	background-position: -245px -264px; width: 83px; height: 30px;
}
.header-nav-box {
	transition:top 0.3s; -webkit-transition: top .3s; -moz-transition: top .3s; -o-transition: top .3s;
}
.nav-content-list {
	transition:top 0.3s; -webkit-transition: top .3s; -moz-transition: top .3s; -o-transition: top .3s;
}
.nav-content-right {
	transition:top 0.3s; -webkit-transition: top .3s; -moz-transition: top .3s; -o-transition: top .3s;
}
.move-down .header-nav-box {
	height: 50px;
}
.move-down .nav-content-list {
	height: 50px;
}
.move-down .nav-content-right {
	height: 50px;
}
.move-down .nav-content-list li {
	height: 39px; padding-top: 11px;
}
.move-down .nav-content-list li.hover {
	height: 39px;
}
.move-down .nav-content-left {
	margin-top: 4px;
}
.move-down .header-logo-box .division-thread {
	margin: 8px 10px 0px 18px; width: 1px; height: 11px;
}
.move-down .nav-content-slogan {
	margin: 5px 0px 0px 5px;
}
.move-down .nav-content-search-center {
	height: 30px; margin-top: 9px;
}
.move-down .nav-app {
	top: 39px;
}
.move-down .header-nav-hover {
	top: 51px;
}
.move-down .header-page-nav {
	top: 30px; margin-top: -35px;
}
.move-down .nav-content-list .last-li {
	margin-right: 0px; position: relative;
}
.nav-content-list .last-li {
	margin-right: 0px; position: relative;
}
.move-down .nav-search-center-input {
	padding: 8px 0px 6px 8px;
}
.move-down .nav-search-center-text {
	top: 7px;
}
.move-down .search-spread .nav-search-center-input {
	padding-left: 108px;
}
.move-down .header-logo-gif {
	width: 120px; height: 42px; margin-top: -4px;
}
.city-option-box {
	border: 1px solid rgb(216, 216, 216); border-image: none; top: 35px; width: 406px; height: auto; display: none; position: absolute; z-index: 7047;
}
.city-option-box .city-option-list {
	width: 100%; height: 38px; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(244, 244, 244);
}
.city-option-box .city-option-hot {
	margin-left: 26px;
}
.city-option-box .city-option-list span {
	width: 60px; height: 38px; text-align: center; color: rgb(51, 51, 51); line-height: 38px; margin-right: 2px; float: left; cursor: pointer;
}
.city-option-box .city-option-list span.on {
	height: 37px; color: rgb(0, 175, 99); border-bottom-color: rgb(0, 175, 99); border-bottom-width: 2px; border-bottom-style: solid;
}
.city-option-box .city-option-list .city-option-q-w {
	margin-right: 0px;
}
.city-option-box .city-option-list .city-option-x-z {
	margin-right: 0px;
}
.city-option-content .city-hot-content {
	padding: 10px 0px 9px 36px;
}
.city-option-content .city-content-warp {
	padding: 10px 0px 6px 36px;
}
.city-option-content .city-a-e-content {
	display: none;
}
.city-option-content .city-f-j-content {
	display: none;
}
.city-option-content .city-hot-content {
	display: none;
}
.city-option-content .city-k-p-content {
	display: none;
}
.city-option-content .city-q-w-content {
	display: none;
}
.city-option-content .city-x-z-content {
	display: none;
}
.city-option-content div.city-hot-content {
	display: block;
}
.city-option-content div ul {
	width: 100%;
}
.city-option-content div ul li {
	width: 62px; height: 28px; text-align: left; color: rgb(102, 102, 102); line-height: 28px; overflow: hidden; float: left;
}
.city-option-content div ul li.row-end {
	width: 60px;
}
.city-option-content div ul li a {
	color: rgb(102, 102, 102); font-size: 12px;
}
.city-option-content div ul li a.city-option-a-more {
	color: rgb(153, 153, 153);
}
.city-option-content div ul li:hover a {
	color: rgb(0, 175, 99);
}
.city-option-ul-box {
	position: relative;
}
.city-option-ul-box .city-option-logogram {
	left: -26px; top: -3px; color: rgb(255, 73, 0); font-size: 12px; position: absolute;
}
.header-border-bottom {
	width: 100%; height: 1px; margin-top: -1px; display: block; background-color: rgb(229, 229, 229);
}
.move-down .header-border-bottom {
	display: none; _display: block;
}
.move-down .header-nav-hover {
	border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid;
}
.move-down .nav-content-list li .nav-content-animate-span {
	left: 0px; width: 100%; height: 0px; bottom: 0px; color: rgb(255, 255, 255); font-size: 14px; display: none; position: absolute; background-color: rgb(12, 180, 106);
}
.move-down .nav-content-list li .nav-content-animate-span span {
	left: 0px; width: 100%; bottom: 13px; color: rgb(255, 255, 255); font-size: 14px; position: absolute;
}
.header-logo-box a {
	float: left;
}
.tel-pop {
	padding: 19px; top: 35px; width: 242px; height: 202px; right: -10px; color: rgb(85, 85, 85); position: absolute; z-index: 9999; box-shadow: 0px 2px 6px #ccc; background-color: rgb(255, 255, 255);
}
.step2.tel-pop {
	padding-bottom: 22px;
}
.down.tel-arrow {
	transform: rotate(180deg);
}
.tel-arrow {
	background-position: -191px -297px; top: 14px; width: 8px; height: 4px; right: -12px;
}
.tel-pop .tel-pop-title {
	text-align: center; font-size: 18px; font-weight: 400;
}
.tel-pop .tel-btn {
	margin: 0px auto; border-radius: 3px; width: 230px; height: 38px; text-align: center; color: rgb(51, 51, 51); line-height: 38px; font-size: 14px; cursor: pointer; background-color: rgb(255, 255, 255);
}
.step1.tel-pop .tel-content {
	height: 57px;
}
.tel-pop .tel-content {
	padding-top: 12px;
}
.tel-pop input.tel-content-input {
	margin: 0px auto; padding: 0px 9px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 210px; height: 36px; color: rgb(51, 51, 51); font-size: 13px !important; display: block;
}
.tel-error input.tel-content-input {
	border-color: rgb(255, 86, 83);
}
.tel-pop .active.tel-btn {
	color: rgb(255, 255, 255); background-color: rgb(5, 181, 106);
}
.tel-pop .tel-tips {
	margin: 0px auto; padding: 20px 0px 0px; width: 230px; color: rgb(102, 102, 102); line-height: 20px; font-size: 12px;
}
.step2.tel-pop .tel-tips {
	padding-top: 12px;
}
.tel-pop .tel-tips em {
	color: rgb(255, 97, 94); padding-right: 5px;
}
.tel-pop .tel-tips .tel-tips-space {
	width: 10px; height: 3px; display: inline-block;
}
.tel-pop .tel-label {
	color: rgb(255, 86, 83); line-height: 21px; padding-left: 22px; display: none; position: relative;
}
.tel-pop .tel-error .tel-label {
	display: block;
}
.tel-pop .tel-label i {
	left: 5px; top: 4px; width: 13px; height: 14px; position: absolute;
}
.tel-error .tel-label i {
	background-position: -188px -264px;
}
.tel-pop .tel-btn {
	display: none;
}
.tel-pop .tel-con {
	display: none;
}
.tel-pop .tel-title-step12 {
	display: none;
}
.tel-con-head {
	display: block;
}
.step1.tel-pop .step1.tel-btn {
	display: block;
}
.step1.tel-pop .con-step1.tel-con {
	display: block;
}
.step1.tel-pop .tel-title-step12 {
	display: block;
}
.step2.tel-pop .con-step2.tel-con {
	display: block;
}
.step2.tel-pop .tel-title-step12 {
	display: block;
}
.tel-pop .con-step2 {
	text-align: center; font-size: 14px;
}
.con-step2 .con-step2-main {
	color: rgb(5, 181, 106); margin-top: 5px; display: block; position: relative;
}
.tel-con-head {
	background-position: 0px -310px; margin: 3px auto 0px; width: 61px; height: 60px; position: relative;
}
.building-center {
	width: 92px; height: 35px; float: right; position: relative; z-index: 5;
}
.building-center .cover-line {
	background: rgb(255, 255, 255); top: 35px; display: none; position: absolute;
}
.building-center ul {
	background: rgb(255, 255, 255); top: 35px; display: none; position: absolute;
}
.building-center-title .cut-line {
	top: 10px; width: 1px; height: 12px; vertical-align: top; display: inline-block; position: absolute; z-index: 1; background-color: rgb(220, 220, 220);
}
.building-center .cover-line {
	left: 1px; width: 90px; height: 1px; z-index: 2;
}
.building-center ul {
	padding: 8px 0px; border: 1px solid rgb(238, 238, 238); border-image: none; left: 0px; width: 91px; z-index: 1;
}
.building-center ul li a {
	padding: 4px 0px; width: 100%; height: 22px; color: rgb(153, 153, 153); line-height: 22px; text-indent: 14px; float: none; display: block; position: static;
}
.building-center .building-center-title {
	width: 64px;
}
.building-center-title .cut-line-left {
	display: none;
}
.building-center-title .cut-line-right {
	right: 0px;
}
.building-center:hover {
	background: rgb(255, 255, 255);
}
.building-center:hover .cut-line {
	top: 0px; height: 35px; display: block; z-index: 2; background-color: rgb(238, 238, 238);
}
.building-center:hover .cover-line {
	left: 1px; display: block; z-index: 100;
}
.building-center:hover .cut-line-left {
	left: -1px; display: block; z-index: 99;
}
.building-center:hover ul {
	left: -1px; display: block; z-index: 99;
}
.nav-type-space {
	width: 193px; margin-right: 20px;
}
.nav-hover-xgt .nav-type-style {
	width: 218px; margin-right: 27px;
}
.nav-hover-xgt .nav-type-style ul li {
	margin-right: 11px;
}
.nav-type-housetype {
	width: 211px;
}
.nav-type-housetype ul li {
	width: 78px;
}
.nav-type-housetype ul .text-brief {
	width: 40px;
}