.header-nav .header-page-nav span, .header-nav button, .header-nav input, .header-nav select, .header-nav textarea, 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: #333
}

.header a, .header-nav .nav-first-left, .header-nav a, .header-nav label, .header-nav span {
    text-decoration: none;
    outline: 0;
    font-family: "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    cursor: pointer
}

.icon {
    position: absolute;
    background-image: url(../image/common_bg_s.png);
    background-image: -webkit-image-set(url(../image/common_bg_s.png) 1x, url(//img.to8to.com/to8to_pc/common/statics/images/common_bg_l.png?v=20201023) 2x);
    background-repeat: no-repeat;
    font-size: 0
}

.header_top_right {
    display: none
}

body {
    min-width: 1220px
}

.header-first-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7047;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #f5f5f5;
    transition: margin .3s;
    -webkit-transition: margin .3s;
    -moz-transition: margin .3s;
    -ms-transition: margin .3s;
    -o-transition: margin .3s
}

.header-nav-first {
    position: relative;
    /* width: 1220px; */
    height: 30px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-first-left {
    float: left;
    z-index: 7048;
    min-width: 120px;
    height: 30px;
    font-size: 12px;
    /* display: none */
}

.nav-first-left .city-switchover {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 30px;
    height: 30px;
    padding: 0 11px 0 24px;
    border-top: none;
    border-bottom: none;
    overflow: hidden
}

.nav-first-left .city-switchover-hover {
    border: 1px solid #d8d8d8;
    border-top: none;
    border-bottom: none;
    z-index: 7048;
    padding: 0 11px 1px 24px
}

.nav-city {
    color: #333
}

.nav-change, .nav-first-right a:hover {
    color: #0cb46a
}

.nav-first-right {
    float: right;
    font-size: 12px
}

.nav-first-right a {
    float: right;
    display: block;
    padding: 0 14px;
    color: #999;
    cursor: pointer;
    font-style: normal
}

.nav-first-right .nav-first-login {
    padding-right: 10px
}

.header-user-show-right {
    float: right
}

.nav-first-phone {
    position: relative;
    float: right;
    margin-left: 22px;
    font-size: 12px;
    line-height: 35px;
    color: #ff5a00
}

.header-user-show .nav-first-phone {
    float: right;
    margin-left: 32px
}

.nav-first-phone .phone-underline {
    border-bottom: 1px solid #ff5a00
}

.icon-phone {
    left: -19px;
    top: 11px;
    width: 13px;
    height: 13px;
    background-position: -189px -246px
}

.icon-arrow-bottom {
    margin: 14px 3px 0 5px;
    width: 10px;
    height: 7px;
    display: inline-block;
    background-position: -189px -232px
}

.division-thread {
    width: 1px;
    height: 12px;
    vertical-align: top;
    background-color: #dcdcdc
}

.nav-first-right .division-thread {
    float: right;
    margin: 11px 10px 0 0
}

.nav-first-right .first-division {
    margin-right: 10px
}

.merchant-center {
    position: relative;
    float: right;
    width: 92px;
    height: 35px;
    z-index: 4
}

.header-user-show-right .merchant-center>a {
    padding: 0 10px 0 0;
    width: 69px;
    text-align: right
}

.icon-cloud-design {
    left: 14px;
    top: 11px;
    width: 12px;
    height: 13px;
    background-position: -154px -200px
}

.nav-first-right i.arrow-down, .nav-first-right i.arrow-up {
    content: '';
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid;
    position: relative;
    float: right
}

.nav-first-right i.arrow-down {
    top: 16px;
    border-color: #9c9c9c transparent transparent
}

.nav-first-right i.arrow-up {
    top: 12px;
    border-color: transparent transparent #9c9c9c
}

.nav-my-tubatu {
    position: relative;
    float: right;
    width: 102px;
    height: 35px;
    z-index: 2
}

.building-center .building-center-title, .merchant-center .merchant-center-title, .nav-my-tubatu .nav-my-tubatu-title {
    position: absolute;
    padding: 0 14px;
    height: 35px;
    color: #999;
    font-style: normal;
    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, .htr_mes_box .cut-line, .merchant-center-title .cut-line, .nav-my-tubatu-title .cut-line {
    position: absolute;
    top: 10px;
    display: inline-block;
    width: 1px;
    height: 12px;
    vertical-align: top;
    background-color: #dcdcdc;
    z-index: 1
}

.htr-username-box .cut-line, .htr-username-box .cut-line-right, .htr_mes_box .cut-line-right, .merchant-center-title .cut-line-left {
    display: none
}

.htr-username-box .cut-line-left, .htr_mes_box .cut-line-left, .nav-my-tubatu-title .cut-line-left {
    left: 0
}

.merchant-center-title .cut-line-right, .nav-my-tubatu-title .cut-line-right {
    right: 0
}

.htr-username-box .cut-line-right, .htr_mes_box .cut-line-right {
    right: 1px
}

.htr-username-box .cover-line, .htr_mes_box .cover-line, .merchant-center .cover-line, .nav-my-tubatu .cover-line {
    position: absolute;
    top: 35px;
    left: 1px;
    height: 1px;
    width: 100%;
    display: none;
    background: #fff;
    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, .htr_mes_box ul, .merchant-center ul, .nav-my-tubatu ul {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    width: 100px;
    padding: 8px 0;
    background: #fff;
    border: 1px solid #eee;
    z-index: 1
}

.htr-username-box ul {
    min-width: 100px;
    width: 100%;
    left: -1px
}

.htr_mes_box ul {
    min-width: 115px;
    width: 100%
}

.htr-username-box ul li a, .htr_mes_box ul li a, .merchant-center ul li a, .nav-my-tubatu ul li a {
    position: static;
    float: none;
    display: block;
    width: 100%;
    padding: 4px 0;
    height: 22px;
    line-height: 22px;
    text-indent: 14px;
    color: #999
}

.htr-username-box:hover {
    z-index: 47
}

.htr-username-box:hover, .htr_mes_box:hover, .merchant-center:hover, .nav-my-tubatu:hover {
    background: #fff
}

.ico_msg, .icon-nav-live {
    background-repeat: no-repeat
}

.htr-username-box:hover .cut-line, .htr_mes_box:hover .cut-line, .merchant-center:hover .cut-line, .nav-my-tubatu:hover .cut-line {
    display: block;
    height: 35px;
    top: 0;
    background-color: #eee;
    z-index: 2
}

.htr_mes_box:hover .cover-line, .merchant-center:hover .cover-line, .nav-my-tubatu:hover .cover-line {
    display: block;
    left: 1px;
    z-index: 100
}

.htr-username-box:hover .cover-line {
    display: block;
    left: 0;
    z-index: 100
}

.htr_mes_box:hover .cut-line-left, .htr_mes_box:hover .cut-line-right, .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: 0
}

.htr-username-box:hover .cut-line-left, .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, .htr_mes_box:hover ul, .merchant-center:hover ul, .nav-my-tubatu:hover ul {
    display: block;
    z-index: 99
}

.htr-username-box ul li a:hover, .htr_mes_box ul li a:hover, .merchant-center ul li a:hover, .nav-my-tubatu ul li a:hover {
    color: #0cb46a
}

.icon-coordinate {
    left: 9px;
    top: 8px;
    width: 11px;
    height: 15px;
    background-position: -193px -180px;
}

.col_l {
    float: left
}

.header-user-show {
    display: none;
    float: right;
    height: 35px
}

.header-user-show .feedback {
    float: right;
    display: block;
    padding: 0 14px;
    color: #999;
    cursor: pointer;
    font-style: normal
}

.header-user-show .division-thread {
    float: right;
    margin-top: 12px
}

.nav-user-data-new {
    float: right
}

.htr-username-box, .htr_mes_box {
    position: relative;
    max-width: 117px;
    z-index: 100
}

.htr-username-box {
    padding-right: 14px
}

.header-user-show .htr-username, .header-user-show ul li .htr_mes {
    position: relative;
    display: block;
    height: 35px;
    padding: 0 15px;
    line-height: 35px;
    color: #999
}

.header-user-show ul li .htr_mes {
    width: 60px
}

.header-user-show .on .htr-username, .header-user-show ul li .on .htr_mes {
    height: 36px;
    background-color: #fff
}

.header-user-show .htr-username p {
    display: inline;
    float: left;
    max-width: 68px;
    margin-right: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.header-user-show .htr_mes_memu .ect {
    padding-left: 5px;
    color: #ff5a00
}

.header-user-show .htr_mes_box .triangle_down {
    display: none
}

.header-user-show ul li a p, .ico_msg {
    display: inline;
    float: left
}

.col_l.htr_mes_box.act {
    position: relative
}

.ico_msg {
    width: 16px;
    height: 12px;
    margin-top: 10px;
    margin-right: 5px;
    background-image: url(../image/to8to_common.png);
    background-position: -1px -37px
}

.act .ico_msg {
    width: 18px;
    height: 15px;
    margin-top: 8px;
    background-position: -22px -34px
}

.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: 0
}

.header-user-show ul li .on .htr_mes_memu li b {
    position: absolute;
    right: 7px;
    top: 0;
    display: block;
    width: 35px;
    font-weight: 400;
    color: #f66
}

.header-nav, .header-nav-content {
    width: 100%;
}

.header-nav {
    position: relative;
    z-index: 2001;
    transition: height .45s
}

.header-have-page-nav {
    height: 161px
}

.header-nav-content {
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 7046;
    transition: top .3s;
    -webkit-transition: top .3s;
    -moz-transition: top .3s;
    -ms-transition: top .3s;
    -o-transition: top .3s
}

.move-down .header-first-box {
    position: fixed;
    margin-top: -35px
}

.move-down .header-nav-content {
    position: fixed;
    top: 0;
    border-bottom: none;
    box-shadow: 0 10px 15px rgba(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 {
    position: relative;
    height: 70px;
    width: 1220px;
    margin: 0 auto
}

.nav-content-left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 44;
    margin-top: 12px
}

.to8to-logo-box {
    float: left
}

.icon-to8to-logo {
    position: static;
    float: left;
    width: 124px;
    height: 44px;
    background-position: 0 -53px
}

.nav-content-slogan {
    float: left;
    margin: 13px 0 0 5px;
    font-size: 12px;
    color: #333
}

.nav-content-center {
    position: relative;
    z-index: 42;
    width: 665px;
    margin-left: 330px
}

.nav-content-list {
    text-align: center;
    height: 70px
}

.nav-content-list li {
    position: relative;
    float: left;
    margin-right: 15px;
    height: 49px;
    cursor: pointer;
    padding: 21px 16px 0
}

.nav-content-list li.hover a, .nav-content-list li:hover a {
    color: #0cb46a
}

.nav-content-list li.on a {
    padding-bottom: 1px;
    border-bottom: 2px solid #0cb46a;
    color: #0cb46a
}

.move-down .nav-content-list li.on a {
    padding-bottom: 0;
    border-bottom: none
}

.nav-content-list li.hover {
    height: 49px
}

.to8to-logo-box .division-thread {
    float: left;
    margin: 16px 11px 0 18px
}

.icon-app {
    position: absolute;
    top: 6px;
    right: -19px;
    width: 11px;
    height: 16px;
    background-position: -176px -180px
}

.nav-app {
    position: absolute;
    top: 48px;
    left: -162px;
    z-index: 7001;
    display: none;
    width: 390px;
    height: 210px;
    border-top: 1px solid #e5e5e5
}

.nav-content-list li a {
    position: relative;
    display: block;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    color: #333
}

.nav-content-list a.on {
    position: relative;
    padding-bottom: 9px;
    color: #0cb46a
}

.icon-arrow, .icon-reg-arrow {
    position: absolute;
    width: 8px;
    height: 5px
}

.on .icon-arrow {
    display: none
}

.nav-content-list .have-arrow {
    margin-right: 15px;
    padding-right: 15px
}

.icon-arrow {
    right: -15px;
    top: 11px;
    background-position: -152px -180px
}

.have-arrow.hover .icon-arrow {
    background-position: -164px -180px
}

.icon-reg-arrow {
    right: -12px;
    top: 17px;
    background-position: -36px 0
}

.nav-search-select, .search-select-list {
    position: absolute;
    display: none;
    width: 98px;
    background-color: #fff
}

.none {
    display: none
}

.nav-search-select {
    top: 0;
    left: 0;
    z-index: 11;
    height: 30px;
    text-align: left;
    cursor: pointer;
    border-right: 1px solid #e5e5e5
}

.search-select-list {
    top: 31px;
    left: -1px;
    padding: 10px 0;
    border: 1px solid #e5e5e5;
    border-top: none
}

.search-select-list li {
    display: block;
    width: 78px;
    height: 31px;
    text-align: left;
    padding-left: 20px;
    font-size: 12px;
    line-height: 31px;
    color: #333;
    cursor: pointer
}

.search-select-list li:hover {
    color: #0cb46a;
    background-color: #f6f6f6
}

.header-nav-hover, .header-page-nav, .nav-content-right, .nav-hover-type, .nav-hover-type>div, .nav-search--center {
    background-color: #fff
}

.search-select-list .list-now {
    color: #999;
    background-color: #fff
}

.nav-search-select .icon-arrow {
    top: 50%;
    right: 10px;
    margin-top: -2px;
    background-position: -152px -180px
}

.search-select-text {
    position: relative;
    display: block;
    height: 30px;
    padding-left: 10px;
    line-height: 30px;
    font-size: 14px;
    color: #333
}

.nav-search--center {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 90px
}

.nav-content-list li.hover a {
    color: #0cb46a
}

.move-down .nav-content-list li.on .icon-app {
    display: none
}

.nav-content-list li:hover .nav-app {
    display: block
}

.header-logo {
    position: relative;
    float: left;
    width: 125px;
    height: 44px;
    background-position: 0 -261px
}

.header-logo-gif {
    width: 145px;
    height: 51px;
    margin: -2px 0 0 12px
}

.header-logo-png {
    display: none;
    width: 154px;
    height: 46px;
    margin: -6px 0 0 4px
}

.move-down .header-logo-png {
    display: block
}

.move-down .header-logo-gif, .nav-hover-zxgs {
    display: none
}

.nav-content-right {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 44;
    height: 69px
}

.nav-content-search-center {
    position: relative;
    height: 30px;
    margin-top: 19px;
    border: 1px solid #e5e5e5
}

.drop-down .icon-arrow {
    background-position: -140px -180px
}

.icon-search, .search-spread .icon-search {
    background-position: -209px -276px
}

.nav-search-input {
    position: relative;
    margin-right: 32px;
    font-size: 0;
    overflow: hidden
}

.nav-search-center-input {
    box-sizing: content-box;
    z-index: 10;
    width: 168px;
    height: 14px;
    padding: 7px 0 7px 8px;
    border: 0;
    font-size: 12px
}

.nav-search-center-text {
    position: absolute;
    top: 7px;
    left: 10px;
    font-size: 12px;
    color: #999;
    white-space: nowrap;
    cursor: text;
    transition: left 1s;
    -webkit-transition: left 1s;
    -moz-transition: left 1s;
    -ms-transition: left 1s;
    -o-transition: left 1s
}

.header-nav .nav-search-center-text {
    cursor: text
}

.icon-search {
    right: 10px;
    top: 7px;
    width: 16px;
    height: 17px;
    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: 1px solid #e5e5e5
}

.nav-type-list .nav-zxgs-area li {
    width: 57px;
    padding-right: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-nav-hover {
    position: absolute;
    top: 71px;
    left: 0;
    z-index: 7044;
    display: none;
    width: 100%;
    height: 114px;
    padding-top: 36px;
    margin-top: -1px;
    box-shadow: 0 10px 15px rgba(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-hover-type a:hover {
    color: #0cb46a
}

.nav-type-box {
    height: 114px;
    margin: 0 auto
}

.nav-hover-zxgs .nav-type-box {
    width: 700px
}

.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: #333;
    cursor: auto
}

.nav-hover-zxgl .nav-type-title:hover .icon-right-sign {
    background-position: -193px -200px
}

.nav-hover-more .nav-type-box {
    width: 850px
}

.nav-hover-more .nav-type-box.for-not-ground {
    width: 510px
}

.nav-list-img a:hover .icon-nav-qwdz {
    background-position: -112px 0
}

.nav-list-img .icon-nav-qwdz {
    background-position: -112px -47px
}

.nav-list-img .icon-nav-qwdz, .nav-list-img a:hover .icon-nav-qwdz {
    top: 3px;
    left: 11px;
    width: 38px;
    height: 31px;
    background-image: url(../image/whole_house_icon3.png);
    background-image: -webkit-image-set(url(../image/whole_house_icon3.png) 1x, url(//img.to8to.com/brand_promotion/whole_house/whole_house_icon3_2x.png?v=20180831) 2x);
    background-repeat: no-repeat;
    display: block;
    position: absolute
}

.nav-hover-more, .nav-hover-xgt, .nav-hover-zxgl {
    display: none
}

.nav-type-title {
    position: relative;
    padding-right: 16px;
    font: 12px/1.5 "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 14px;
    color: #333;
    text-align: left;
    cursor: pointer
}

.header-page-nav, .nav-list-img img, .nav-list-text {
    position: absolute
}

.nav-type-title:hover {
    color: #0cb46a
}

.icon-right-sign {
    top: 2px;
    right: 0;
    width: 8px;
    height: 13px;
    color: #333;
    background-position: -193px -200px
}

.nav-type-genre ul li, .nav-type-list ul li {
    font-size: 14px;
    color: #666;
    text-align: left;
    float: left
}

.nav-type-title:hover .icon-right-sign {
    background-position: -181px -200px
}

.nav-type-list {
    float: left;
    width: 187px;
    text-align: left
}

.nav-hover-zxgs .nav-type-style {
    margin-right: -20px
}

.nav-type-genre ul, .nav-type-list ul {
    margin: 12px 0 -8px;
    overflow: hidden
}

.nav-type-list ul li {
    width: 60px;
    margin-bottom: 3px;
    word-break: keep-all
}

.nav-type-genre ul li {
    margin: 0 19px 3px 0
}

.header-page-nav a, .nav-list-text {
    font-size: 14px;
    color: #333
}

.margin-right {
    margin-right: 15px
}

.nav-hover-xgt .nav-list-img {
    margin-right: -40px
}

.icon-nav-mfsj {
    top: 10px;
    left: 12px;
    width: 32px;
    height: 32px;
    background-position: -79px -35px
}

.nav-list-img a:hover .icon-nav-mfsj {
    background-position: -79px 1px
}

.icon-nav-gdsj {
    top: 10px;
    left: 10px;
    width: 37px;
    height: 31px;
    background-position: -112px -144px
}

.nav-list-img a:hover .icon-nav-gdsj {
    background-position: -72px -144px
}

.icon-nav-diy {
    top: 10px;
    left: 7px;
    width: 39px;
    height: 35px;
    background-position: -280px -315px
}

.nav-list-img a:hover .icon-nav-diy {
    background-position: -230px -315px
}

.nav-list-text {
    bottom: 0;
    left: 0;
    width: 100%
}

.nav-type-least {
    width: 100px
}

.nav-right-dashed {
    border-right: 1px dashed #d8d8d8;
    margin-right: 40px
}

.nav-hover-zxgs .nav-type-genre, .nav-type-price, .nav-type-region {
    width: 202px
}

.nav-type-region {
    height: 73px
}

.header-nav-hover .nav-type-genre {
    float: left;
    text-align: 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, .nav-list-img .margin-zero {
    margin: 0
}

.nav-hover-more .nav-list-img .margin-zero {
    text-align: left
}

.icon-nav-xzx {
    top: 6px;
    left: 22px;
    width: 29px;
    height: 32px;
    background-position: -196px -108px
}

.nav-list-img a:hover .icon-nav-xzx {
    background-position: -196px -72px
}

.icon-nav-riji {
    top: 2px;
    left: 12px;
    width: 31px;
    height: 32px;
    background-position: -116px 0
}

.nav-list-img a:hover .icon-nav-riji {
    background-position: -116px -36px
}

.icon-nav-ask {
    top: 4px;
    left: 12px;
    width: 32px;
    height: 30px;
    background-position: -36px -144px
}

.nav-list-img a:hover .icon-nav-ask {
    background-position: 0 -148px
}

.icon-nav-bbs {
    top: 4px;
    left: 8px;
    width: 41px;
    height: 32px;
    background-position: 0 -36px
}

.nav-list-img a:hover .icon-nav-bbs {
    background-position: 0 0
}

.icon-nav-case {
    top: 4px;
    left: 12px;
    width: 35px;
    height: 32px;
    background-position: 0 -108px
}

.icon-nav-hot, .icon-nav-xs {
    top: -10px;
    width: 33px;
    height: 16px
}

.nav-list-img a:hover .icon-nav-case {
    background-position: 0 -72px
}

.icon-nav-xs {
    left: 37px;
    background-position: 0 -185px
}

.nav-hover-more .nav-list-img a {
    margin-right: 52px;
    text-align: center
}

.icon-nav-hot {
    left: 35px;
    background-position: -40px -185px
}

.icon-nav-jjsc {
    top: 4px;
    left: 14px;
    width: 34px;
    height: 31px;
    background-position: -188px -36px
}

.icon-nav-jjsc-sz {
    top: 4px;
    left: 14px;
    width: 33px;
    height: 30px;
    background-position: -177px -324px
}

.nav-list-img a:hover .icon-nav-jjsc {
    background-position: -188px 0
}

.nav-list-img a:hover .icon-nav-jjsc-sz {
    background-position: -78px -323px
}

.icon-nav-mfbj {
    top: 4px;
    left: 14px;
    width: 28px;
    height: 31px;
    background-position: -40px -108px
}

.nav-list-img a:hover .icon-nav-mfbj {
    background-position: -40px -72px
}

.icon-nav-mfyf {
    top: 4px;
    left: 14px;
    width: 31px;
    height: 32px;
    background-position: -72px -108px
}

.nav-list-img a:hover .icon-nav-mfyf {
    background-position: -72px -72px
}

.icon-nav-zxd {
    top: 4px;
    left: 8px;
    width: 40px;
    height: 33px;
    background-position: -148px -70px
}

.nav-list-img a:hover .icon-nav-zxd {
    background-position: -148px -106px
}

.icon-nav-sjb {
    top: 3px;
    left: 13px;
    width: 30px;
    height: 31px;
    background-position: -152px 0
}

.nav-list-img a:hover .icon-nav-sjb {
    background-position: -152px -36px
}

.icon-nav-sjb .icon-nav-jp {
    top: -10px;
    right: -32px;
    width: 32px;
    height: 16px;
    background-position: -426px -192px
}

.icon-nav-zzj {
    top: 3px;
    left: 5px;
    width: 34px;
    height: 35px;
    background-position: -148px -220px
}

.nav-list-img a:hover .icon-nav-zzj {
    height: 36px;
    background-position: -148px -260px
}

.icon-nav-znjj {
    top: 4px;
    left: 10px;
    width: 34px;
    height: 32px;
    background-position: -108px -108px
}

.nav-list-img a:hover .icon-nav-znjj {
    background-position: -108px -72px
}

.icon-nav-news {
    top: 4px;
    left: 11px;
    width: 32px;
    height: 31px;
    background-position: -188px -144px
}

.nav-list-img a:hover .icon-nav-news {
    background-position: -152px -144px
}

.icon-nav-live {
    top: -2px;
    left: -2px;
    width: 42px;
    height: 42px;
    background-image: url(../image/live_logo.png);
    background-image: -webkit-image-set(url(//img.to8to.com/zb/live_logo_1x.png) 1x, url(../image/live_logo.png) 2x);
    background-size: contain
}

.icon-nav-mf, .icon-nav-tc {
    top: -10px;
    left: 31px;
    height: 16px
}

.nav-list-img a:hover .icon-nav-live {
    background-image: url(../image/live_logo_active_1x.png);
    background-image: -webkit-image-set(url(../image/live_logo_active_1x.png) 1x, url(//img.to8to.com/zb/live_logo_active.png) 2x)
}

.icon-nav-mf {
    width: 33px;
    background-position: -80px -185px
}

.icon-nav-tc {
    width: 34px;
    background-position: -127px -331px
}

.header-page-nav {
    margin-top: 0;
    top: 71px;
    left: 0;
    z-index: 41;
    height: 38px;
    width: 100%;
    padding-top: 17px;
    text-align: center;
    transition: top .3s;
    -webkit-transition: top .3s;
    -moz-transition: top .3s;
    -ms-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;
    *display: inline;
    *zoom: 1
}

.header-page-nav .on a, .header-page-nav a:hover {
    color: #0cb46a
}

.secondary-page-nav .division-thread {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 2px;
    margin: 5px 19px 0 16px;
    *margin-top: 3px;
    background-color: #e5e5e5
}

.city-option-box, .swiper {
    left: 0;
    background-color: #fff
}

.swiper {
    margin-top: 126px;
    z-index: 41;
    top: 90px
}

.swiper img {
    max-width: 100%
}

.header_top_right ul li .htr_mes, .header_top_right ul li .htr_username {
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5
}

.move-down .nav-content-center {
    margin-left: 290px
}

.move-down .header-logo {
    width: 83px;
    height: 30px;
    background-position: -245px -264px
}

.header-nav-box, .nav-content-list, .nav-content-right {
    transition: top .3s;
    -webkit-transition: top .3s;
    -moz-transition: top .3s;
    -ms-transition: top .3s;
    -o-transition: top .3s
}

.move-down .header-nav-box, .move-down .nav-content-list, .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: 9px
}

.move-down .to8to-logo-box .division-thread {
    width: 1px;
    height: 11px;
    margin: 8px 10px 0 18px
}

.move-down .nav-content-slogan {
    margin: 5px 0 0 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 {
    margin-top: -35px;
    top: 30px
}

.move-down .nav-content-list .last-li, .nav-content-list .last-li {
    position: relative;
    margin-right: 0
}

.move-down .nav-search-center-input {
    padding: 8px 0 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 {
    position: absolute;
    top: 30px;
    z-index: 7047;
    /*display: block; */
    width: 406px;
    height: auto;
    border: 1px solid #d8d8d8
}

.city-option-box .city-option-list {
    width: 100%;
    height: 38px;
    border-bottom: 1px #d8d8d8 solid;
    background-color: #f4f4f4
}

.city-option-box .city-option-hot {
    margin-left: 26px
}

.city-option-box .city-option-list span {
    float: left;
    width: 60px;
    height: 38px;
    margin-right: 2px;
    line-height: 38px;
    color: #333;
    text-align: center;
    cursor: pointer
}

.city-option-box .city-option-list span.on {
    height: 37px;
    color: #00af63;
    border-bottom: 2px #00af63 solid
}

.city-option-box .city-option-list .city-option-q-w, .city-option-box .city-option-list .city-option-x-z {
    margin-right: 0
}

.city-option-content .city-hot-content {
    padding: 10px 0 9px 36px
}

.city-option-content .city-content-warp {
    padding: 10px 0 6px 36px
}

.city-option-content .city-a-e-content, .city-option-content .city-f-j-content, .city-option-content .city-hot-content, .city-option-content .city-k-p-content, .city-option-content .city-q-w-content, .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 {
    float: left;
    /*width: 62px;*/
    width: 175px;
    /* overflow: hidden; */
    color: #666;
    text-align: left;
    height: 28px;
    line-height: 28px
}

.city-option-content div ul li.row-end {
    width: 60px
}

.city-option-content div ul li a {
    font-size: 12px;
    color: #666
}

.city-option-content div ul li a.city-option-a-more {
    color: #999
}

.city-option-content div ul li:hover a {
    color: #00af63
}

.city-option-ul-box {
    position: relative
}

.city-option-ul-box .city-option-logogram {
    position: absolute;
    top: -3px;
    left: -26px;
    font-size: 12px;
    color: #ff4900
}

.header-border-bottom {
    display: block;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background-color: #e5e5e5
}

.move-down .header-border-bottom {
    display: none;
    _display: block
}

.move-down .header-nav-hover {
    border-top: 1px solid #e5e5e5
}

.move-down .nav-content-list li .nav-content-animate-span {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    height: 0;
    width: 100%;
    font-size: 14px;
    background-color: #0cb46a;
    color: #fff
}

.move-down .nav-content-list li .nav-content-animate-span span {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 13px;
    font-size: 14px;
    color: #fff
}

.to8to-logo-box a {
    float: left
}

.to8to-logo-box a.ad-rabbit {
    width: 157px;
    height: 51px;
    overflow: hidden
}

.tel-pop {
    position: absolute;
    z-index: 9999;
    top: 48px;
    right: 45px;
    width: 242px;
    padding: 19px;
    color: #555;
    background-color: #fff;
    box-shadow: 0 2px 6px #ccc;
}

.tel-pop.step2 {
    padding-bottom: 22px
}

.tel-arrow.down {
    transform: rotate(180deg)
}

.tel-arrow {
    right: -12px;
    top: 14px;
    background-position: -191px -297px;
    width: 8px;
    height: 4px
}

.tel-pop .tel-pop-title {
    text-align: center;
    font-size: 18px;
    font-weight: 400
}

.tel-pop .tel-btn {
    font-size: 14px;
    color: #333;
    margin: 0 auto;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    background-color: #fff
}

.tel-pop.step1 .tel-content {
    height: 45px
}

.tel-pop .tel-content {
    padding-top: 12px
}

.tel-pop .form-agreement {
    padding-left: 5px;
    display: flex;
    align-items: center
}

.form-agreement .agree-des {
    display: inline-block;
    padding-left: 6px;
    height: 32px;
    line-height: 32px;
}

.service-notes {
    color: green
}

.agree-tips {
    line-height: 18px;
    padding-left: 6px;
    color: red
}

.agree-tips.none {
    display: none
}

.tel-pop input.tel-content-input {
    width: 95%;
    height: 36px;
    font-size: 13px !important;
    color: #333;
    border: 1px solid #ddd;
    margin: 0 auto;
    display: block;
    padding: 0 9px
}

.tel-error input.tel-content-input {
    border-color: #ff5653
}

.tel-pop .tel-btn.active {
    background-color: #05b56a;
    color: #fff !important;
}

.tel-pop .tel-tips {
    width: 230px;
    margin: 0 auto;
    padding: 20px 0 0;
    font-size: 12px;
    line-height: 20px;
    color: #666
}

.tel-pop.step2 .tel-tips {
    padding-top: 12px
}

.tel-pop .tel-tips em {
    padding-right: 5px;
    color: #ff615e
}

.tel-pop .tel-tips .tel-tips-space {
    display: inline-block;
    width: 10px;
    height: 3px
}

.tel-pop .tel-label {
    display: none;
    position: relative;
    line-height: 21px;
    color: #ff5653;
    padding-left: 22px
}

.tel-pop .tel-error .tel-label {
    display: block
}

.tel-pop .tel-label i {
    position: absolute;
    top: 4px;
    left: 5px;
    width: 13px;
    height: 14px
}

.tel-error .tel-label i {
    background-position: -188px -264px
}

.tel-pop .tel-btn, .tel-pop .tel-con, .tel-pop .tel-title-step12 {
    display: none
}

.tel-con-head, .tel-pop.step1 .tel-btn.step1, .tel-pop.step1 .tel-con.con-step1, .tel-pop.step1 .tel-title-step12, .tel-pop.step2 .tel-con.con-step2, .tel-pop.step2 .tel-title-step12 {
    display: block
}

.tel-pop .con-step2 {
    text-align: center;
    font-size: 14px
}

.con-step2 .con-step2-main {
    display: block;
    position: relative;
    color: #05b56a;
    margin-top: 5px
}

.tel-con-head {
    position: relative;
    background-position: 0 -310px;
    width: 61px;
    margin: 3px auto 0;
    height: 60px
}

.building-center {
    position: relative;
    float: right;
    width: 92px;
    height: 35px;
    z-index: 5
}

.building-center .cover-line, .building-center ul {
    position: absolute;
    top: 35px;
    display: none;
    background: #fff
}

.building-center-title .cut-line {
    position: absolute;
    top: 10px;
    display: inline-block;
    width: 1px;
    height: 12px;
    vertical-align: top;
    background-color: #dcdcdc;
    z-index: 1
}

.building-center .cover-line {
    left: 1px;
    height: 1px;
    width: 90px;
    z-index: 2
}

.building-center ul {
    left: 0;
    width: 91px;
    padding: 8px 0;
    border: 1px solid #eee;
    z-index: 1
}

.building-center ul li a {
    position: static;
    float: none;
    display: block;
    width: 100%;
    padding: 4px 0;
    height: 22px;
    line-height: 22px;
    text-indent: 14px;
    color: #999
}

.building-center .building-center-title {
    width: 64px
}

.building-center-title .cut-line-left {
    display: none
}

.building-center-title .cut-line-right {
    right: 0
}

.building-center:hover {
    background: #fff
}

.building-center:hover .cut-line {
    display: block;
    height: 35px;
    top: 0;
    background-color: #eee;
    z-index: 2
}

.building-center:hover .cover-line {
    display: block;
    left: 1px;
    z-index: 100
}

.building-center:hover .cut-line-left, .building-center:hover ul {
    display: block;
    z-index: 99;
    left: -1px
}

.nav-type-space {
    width: 193px
}

.nav-hover-xgt .nav-type-style {
    margin-right: 27px;
    width: 218px
}

.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
}

.nav-hover-xgt {
    margin-top: -20px
}

.nav-type-box a:hover .nav-list-text {
    color: #0cb46a
}

.nav-hover-xgt .nav-list-img {
    float: left;
    margin-top: 20px;
    margin-left: 40px
}

.nav-list-img a {
    position: relative;
    float: left;
    width: 60px;
    height: 70px;
    margin-right: 33px
}

.nav-hover-xgt .nav-list-img a .icon-nav-diy {
    left: 10px
}

.nav-hover-xgt .nav-list-img a .nav-list-text {
    white-space: nowrap
}

.nav-hover-xgt .nav-type-box {
    width: 1056px
}

.nav-xgt-box {
    float: left;
    padding-bottom: 15px;
    border-right: 1px dotted rgba(0, 0, 0, .15)
}

.xgt-type-item {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333;
    line-height: 36px;
    margin-right: 26px
}

.xgt-type-item.active {
    color: #0CB46A
}

.xgt-type-box {
    float: left
}

.xgt-type-class {
    display: none
}

.xgt-type-class.active {
    display: block
}

.xgt-type-list {
    margin-top: 20px;
    width: 226px
}

.xgt-style-list {
    width: 312px
}

.xgt-style-list ul li {
    width: 85px
}

.xgt-color-list {
    width: 197px
}

.xgt-color-list li {
    width: 55px
}

.xgt-type-list ul {
    margin-top: 0
}

.case-type-list {
    width: 175px
}

.case-type-space ul li {
    width: 52px
}

.case-type-space ul li:nth-child(2) {
    width: 80px
}

.nav-hover-xgt .case-type-style {
    width: 191px;
    margin-right: 0
}

.case-type-style ul li {
    width: 80px
}

.case-type-area {
    width: 214px
}

.case-type-area ul li {
    width: 89px
}

.case-type-price {
    width: 155px
}

.case-type-price ul li {
    width: 75px
}

.w980_l_txt {
    width: 320px;
    float: left;
    margin-left: 5px;
    height: 70px;
    padding-top: 3px;
}

.w980_l_txt p {
    font-size: 12px;
    font-family: "Microsoft YaHei";
    line-height: 20px;
}

.w980_l_txt p a {
    color: #fff;
}

.com {
    width: 318px;
    height: 68px;
    overflow: hidden;
    position: relative;
}

.com ul {
    font-size: 0;
}

.com ul li {
    vertical-align: bottom;
    height: 68px;
    ;
    overflow: hidden;
    float: left;
    vertical-align: bottom;
    list-style: none;
    overflow: hidden;
}