body, input {
    padding: 0
}

select, textarea {
    border-color: #cecece
}

.grouponMap header h3, header h1 {
    float: right;
    width: 100%;
    text-align: center
}

.nav, .pl-subNav {
    overflow-y: hidden
}

    .heat, .pl-subNav li, .pl-subNav li a:after, .pl-subNav li a:before, img, input, select {
        vertical-align: middle
    }

.choose ul, .split-line, button, input, select, textarea {
    -webkit-appearance: none
}

#hxt, #hxt .c_container, .siteNav ul, header h1 span {
    overflow: hidden
}

.lilv a .xslv, header h1 span {
    white-space: nowrap;
    text-overflow: ellipsis
}

.hide {
    display: none
}

.c-point {
    color: #ff4936
}

.c-theme {
    color: #39ac69
}

.s-midline {
    font-size: .5em;
    text-decoration: line-through
}

@media only screen and (min-width:640px) {
    html, img {
        font-size: 200px
    }
}

@media only screen and (min-width:480px) and (max-width:640px) {
    html, img {
        font-size: 132px
    }
}

@media only screen and (min-width:400px) and (max-width:480px) {
    html, img {
        font-size: 121px
    }
}

@media only screen and (min-width:360px) and (max-width:400px) {
    html, img {
        font-size: 112.5px
    }
}

@media only screen and (min-width:320px) and (max-width:360px) {
    html, img {
        font-size: 100px
    }
}

@media only screen and (max-width:320px) {
    html, img {
        font-size: 100px
    }
}

body {
    background: #fafafa;
    margin: 0;
    line-height: 1.5;
    color: #333;
    font-family: simsun,Arial
}

body, html {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a, button, dd, div, dl, form, h1, h2, h3, h5, img, li, ol, p, span, textarea, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

img, input, select {
    font: .13rem/.2rem arial
}

.choose em, .ico_new, .money-box .money-list li span em, .money-box p em {
    font-style: normal
}

button {
    font-size: .14rem
}

li, ul {
    list-style: none
}

textarea {
    resize: none
}

img {
    border: none
}

.clearFix, .clearfix {
    zoom: 1
}

    .clearFix:after, .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden
    }

.pl-subNav li a:after, .pl-subNav li a:before, .pl-subNav li:after {
    content: ""
}

a:focus, input, textarea {
    outline-style: none
}

a, a:hover {
    color: #666;
    text-decoration: none
}

    .ico_new, a.btn:hover, header {
        color: #fff
    }

header {
    position: relative;
    background-color: #39ac69;
    padding: .09rem .07rem;
    line-height: .26rem;
    height: .26rem;
    z-index: 1100
}

    header h1 {
        margin-left: -.43rem;
        font-size: .18rem
    }

        header h1 span {
            display: block;
            height: .26rem;
            max-width: 2.4rem;
            margin: 0 auto
        }

.grouponMap header {
    padding: 0;
    line-height: .18rem;
    height: .44rem;
    color: #fff
}

    .grouponMap header > div.area {
        padding: .05rem .07rem .03rem
    }

    .grouponMap header h3 {
        margin-left: -.43rem;
        font-size: .14rem
    }

    .grouponMap header a.back {
        margin-top: .04rem
    }

header a, header a span {
    display: block
}

.ico_new, header li {
    display: inline-block
}

header a.back {
    float: left;
    padding: .02rem .15rem .02rem .09rem;
    width: .12rem;
    height: .22rem
}

    header a.back span {
        width: .12rem;
        height: .22rem;
        background: url(../img/arrow-l.png) no-repeat;
        -webkit-background-size: .12rem auto
    }

header ul {
    position: absolute;
    right: 0;
    top: .05rem
}

header li {
    float: left
}

    header li a {
        padding: .06rem .1rem .08rem .03rem;
        width: .2rem;
        height: .2rem;
        position: relative
    }

        header li a span {
            width: .25rem;
            height: .25rem;
            background-image: url(//mat1.gtimg.com/house/css/images/wap/btn-sprite.png);
            background-repeat: no-repeat;
            -webkit-background-size: 1.4rem auto
        }

        header li a.accountHeader span {
            background-position: -.89rem -.29rem
        }

        header li a.sBtnDown span {
            background-position: -.3rem 0
        }

        header li a.sBtnUp span {
            background-position: 0 0
        }

        header li a.setDown span {
            background-position: -.3rem -.29rem
        }

        header li a.setUp span {
            background-position: .01rem -.29rem
        }

.ico_new {
    position: absolute;
    right: .03rem;
    top: 0;
    border-radius: .07rem;
    padding: 0 .04rem;
    background: #ff4200;
    font-size: .12rem;
    line-height: .14rem;
    font-weight: 700
}

.grade-comment .value {
    color: #fba700;
    font-size: .2rem
}

.grade-comment {
    text-align: right
}

.rightArrow {
    width: .16rem;
    height: .16rem;
    position: absolute;
    right: .1rem;
    background: url(//mat1.gtimg.com/house/css/images/wap/star_sprite.png) .01rem -.81rem no-repeat;
    -webkit-background-size: 1.12rem auto
}

.sale-status {
    margin-left: .1rem
}

.disc {
    position: relative;
    width: 100%;
    height: .7rem;
    background: url(//mat1.gtimg.com/house/css/images/wap/product_1.png) no-repeat;
    -webkit-background-size: 100%
}

.heat, .newsArrow {
    display: inline-block;
    width: .16rem
}

.heat {
    height: .14rem;
    background: url(//mat1.gtimg.com/house/css/images/wap/star_sprite.png) .05rem -1.05rem no-repeat;
    -webkit-background-size: 1.12rem auto
}

.product .title {
    position: absolute;
    left: .22rem;
    top: .06rem;
    color: #fff;
    font-size: .15rem
}

.product .sub-title {
    position: absolute;
    left: .22rem;
    top: .26rem;
    color: #98ddec;
    font-size: .13rem
}

.product .get {
    position: absolute;
    padding: 0;
    right: .1rem;
    top: .26rem;
    color: #fff;
    font-size: .15rem
}

.newsArrow {
    float: right;
    height: .16rem;
    background: url(//mat1.gtimg.com/house/css/images/wap/star_sprite.png) .01rem -.81rem no-repeat;
    -webkit-background-size: 1.12rem auto
}

.logo {
    position: relative;
    padding: .07rem .1rem;
    height: .3rem;
    background-color: #f5faff
}

    .logo a {
        float: left;
        display: block
    }

    .logo h1 {
        float: left;
        width: 1.2rem;
        height: .3rem;
        background: url(//mat1.gtimg.com/house/css/images/wap_common/logo-l.png) no-repeat;
        -webkit-background-size: 1.2rem auto
    }

        .logo h1 span {
            display: none
        }

    .logo a.cityArea {
        height: .3rem;
        line-height: .3rem;
        padding: 0 .1rem;
        font-size: .14rem
    }

        .logo a.cityArea i.arrow {
            float: right;
            display: inline-block;
            margin-top: .13rem;
            margin-left: .05rem;
            border: .06rem solid #fafafa;
            border-left-width: .05rem;
            border-right-width: .05rem;
            border-top-color: #39ac69;
            overflow: hidden
        }

    .logo li, .siteNav ul li {
        float: left;
        text-align: center
    }

    .logo ul {
        position: absolute;
        right: .09rem;
        top: .05rem
    }

    .logo li, .logo li a, .pl-subNav li {
        position: relative
    }

    .logo li {
        display: inline-block;
        width: .36rem;
        height: .36rem
    }

        .logo li a {
            padding: .02rem .06rem;
            width: .24rem;
            height: .2rem;
            font-size: .09rem;
            line-height: .12rem
        }

            .logo li a span {
                display: block;
                margin: 0 auto;
                width: .2rem;
                height: .2rem;
                background-image: url(//mat1.gtimg.com/house/css/images/wap/btn-sprite.png);
                background-repeat: no-repeat;
                -webkit-background-size: 1.4rem auto
            }

.nav, .nav ul {
    height: .36rem
}

.logo li a.download span {
    background-position: -.9rem 0
}

.logo li a.accountBtn span {
    background-position: -.6rem -.3rem
}

.logo li a.accountHeader span {
    background-position: -1.21rem 0
}

.default-nav {
    background-color: #f5faff
}

.nav {
    padding: 0 .05rem;
    background-color: #39ac69
}

    .nav ul {
        display: table;
        width: 100%;
        font-size: .16rem
    }

    .nav li {
        display: table-cell;
        width: 20%;
        padding: .05rem .02rem;
        height: .26rem;
        line-height: .26rem;
        text-align: center
    }

        .nav li a {
            display: block;
            border-radius: .06rem;
            font-weight: 700;
            color: #fff
        }

            .nav li a.select {
                background-color: #0090ae
            }

.nav-btn {
    background-color: #fafafa;
    padding: .15rem .15rem .08rem;
    font-size: 0
}

    .nav-btn .btn-icon {
        display: inline-block;
        width: 24.99%;
        text-align: center;
        color: #585858;
        font-size: .14rem
    }

    .nav-btn .i-circle {
        margin: 0 auto .02rem;
        width: .43rem;
        height: .43rem;
        border-radius: 2rem;
        background-image: url(//mat1.gtimg.com/house/css/images/wap_common/btn-icon_160429.png);
        background-repeat: no-repeat;
        -webkit-background-size: 1.41rem auto
    }

    .nav-btn .search-warp .i-circle {
        background-color: #ff694a;
        background-position: .1rem .1rem
    }

    .nav-btn .esf-warp .i-circle, .nav-btn .house_knowledge-warp .i-circle {
        background-color: #ff8920;
        background-position: -.3rem .1rem
    }

    .nav-btn .tax-warp .i-circle, .nav-btn .zf-warp .i-circle {
        background-color: #40c68b;
        background-position: -.7rem .1rem
    }

    .nav-btn .news-warp .i-circle {
        background-color: #b376e3;
        background-position: -1.1rem .1rem
    }

    .nav-btn .xmzx-warp .i-circle {
        background-color: #ffb30f;
        background-position: -.3rem -.7rem
    }

    .nav-btn .xmzf-warp .i-circle {
        background-color: #ff4a8e;
        background-position: .1rem -.7rem
    }

    .nav-btn .discount-warp .i-circle {
        background-color: #00c5ed;
        background-position: .1rem -.3rem
    }

    .nav-btn .lastopen-warp .i-circle {
        background-color: #ffb30f;
        background-position: -.3rem -.3rem
    }

    .nav-btn .kft-warp .i-circle {
        background-color: #168ee2;
        background-position: -.7rem -.3rem
    }

    .nav-btn .calculator-warp .i-circle {
        background-color: #47aafe;
        background-position: -1.1rem -.3rem
    }

.pl-subNav {
    background-color: #009db9
}

    .pl-subNav ul {
        display: table;
        width: 100%;
        font-size: .15rem
    }

    .pl-subNav li {
        display: table-cell;
        width: 25%;
        height: .36rem;
        line-height: .36rem;
        text-align: center
    }

        .pl-subNav li:after {
            position: absolute;
            width: 1px;
            height: .15rem;
            right: 0;
            top: .11rem;
            background: rgba(255,255,255,.2)
        }

        .pl-subNav li:last-child:after {
            display: none
        }

        .pl-subNav li a {
            display: block;
            font-weight: 700;
            color: rgba(255,255,255,.7)
        }

            .pl-subNav li a:before {
                display: inline-block;
                width: .2rem;
                height: .18rem;
                background: url(//mat1.gtimg.com/house/css/images/wap/nav-sprite.png) -.02rem -.02rem no-repeat;
                -webkit-background-size: .8rem .2rem
            }

    .pl-subNav .home a:before {
        background-position: -.02rem -.02rem
    }

    .pl-subNav .newHouses a:before {
        background-position: -.22rem -.02rem
    }

    .pl-subNav .secondHandHouse a:before {
        background-position: -.42rem -.02rem
    }

    .pl-subNav .information a:before {
        background-position: -.62rem -.02rem
    }

    .pl-subNav li a:after {
        display: inline-block;
        width: 0;
        height: .16rem
    }

.pl-subNav-newswap {
    background-color: #2472c0
}

.siteNav {
    width: 100%;
    background: #4998e7
}

    .siteNav ul {
        padding: .05rem 0
    }

        .siteNav ul li {
            width: 20%;
            line-height: .3rem;
            font-size: .18rem;
            display: inline-block
        }

            .siteNav ul li a {
                display: block;
                color: #fafafa
            }

html body .hide {
    display: none
}

body {
    font-size: .14rem !important;
    background-color: #fff
}

input[type=checkbox] {
    visibility: hidden
}

input {
    padding-right: .08rem
}

    input.alert {
        border-color: red !important
    }

.display-inline-block {
    display: inline-block;
    zoom: 1
}

.dispaly-block {
    display: block
}

.border-radius {
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0
}

.tab_nav ul {
    display: inline-table;
    width: 80%;
    background: #2ca059;
    border-radius: 20px;
}

    .tab_nav ul li {
        display: table-cell;
        cursor: pointer;
        width: 25%
    }

        .tab_nav ul li a {
            display: block;
            line-height: .22rem;
            font-size: .14rem;
            text-align: center;
            font-weight: inherit;
            color: #ffffff;
            border-left: 1px solid #ddd;
        }

    .tab_nav ul .over a {
        background: #fff;
        line-height: .26rem;
        margin-top: 0;
        color: #40c68b;
        border: none;
        border-radius: 20px;
    }

    .tab_nav ul .over + li a, .tab_nav ul li:first-child a {
        border-left: none
    }

.choose {
    background: #fff;
    padding: 0 .15rem;
}

    .choose .zdy-gary .custom-inp {
        width: 24%;
        padding-right: 0;
        margin-left: 0;
        color: #969696;
        border: .01rem solid #d9d9d9
    }

        .choose .zdy-gary .custom-inp.l-margin {
            margin-left: .14rem
        }

        .choose .zdy-gary .custom-inp:focus {
            border-color: #39ac69;
            color: #39ac69
        }

            .choose .zdy-gary .custom-inp:focus::-webkit-input-placeholder {
                color: transparent
            }

    .choose .zdy-gary .btns {
        display: block;
        width: .62rem;
        height: .25rem;
        line-height: .25rem;
        background-color: #39ac69;
        color: #fff;
        border-radius: 3px;
        text-align: center;
        position: absolute;
        right: 0;
        top: .14rem
    }

    .choose ul {
        width: 100%
    }

        .choose ul li {
            border-bottom: 1px solid #ececec;
            padding: .1rem 0;
            line-height: .3rem;
            width: 100%
        }

            .choose ul li span input {
                font-weight: inherit;
                margin-right: .08rem;
                border-radius: 2px;
                border-top: .01rem solid #ffffff;
                border-right: .01rem solid #ffffff;
                border-left: .01rem solid #ffffff;
                border-bottom: .01rem solid #39ac693b;
                color: #39ac69;
                line-height: .25rem;
                background-color: #ffffff;
            }

            .choose ul li .custom-inp {
                width: 30%;
                margin: 0 .5em 0 2.5em;
                vertical-align: middle;
                border-radius: 2px;
                border: 2px solid #39ac69;
                color: #39ac69;
                text-align: center;
                background-color: #f1f1f1
            }

        .choose ul .custom-zk {
            border: none !important
        }

    .choose .checkbox, .choose .sf-ratio {
        border-bottom: none
    }

    .choose ul .detail {
        float: right;
        text-align: right;
        position: relative;
        color: #909090;
        line-height: .3rem;
        font-weight: 700;
    }

#calculateBtn, .sub-btn {
    text-align: center;
    display: block
}

.choose ul .txt {
    color: #39ac69
}

.choose ul .dj {
    padding-right: .14rem
}

.choose ul .jump {
    float: right;
    color: #39ac69;
    font-weight: 700;
    position: relative;
    padding-right: .12rem;
}

    .choose ul .jump .sltbox {
        color: #39ac69;
        line-height: 100%;
        vertical-align: 1%;
        margin-right: .1rem
    }

    .choose ul .jump input {
        border: none;
        background-color: #fff;
        width: 61%
    }

    .choose ul .jump select[name=year] {
        color: #39ac69;
        line-height: 100%;
        vertical-align: 3%;
        background-color: #fff
    }

.choose ul .llTitle {
    width: 20%
}

.choose ul .llTxt {
    width: 57%
}

.choose ul .llInput .interestRate {
    width: 72%;
    border-left: 1px solid #e0e0e0;
    display: inline-block;
    zoom: 1;
    white-space: nowrap
}

    .choose ul .llInput .interestRate input {
        width: 73%;
        color: #111;
        border: none;
        background: 0 0;
        -webkit-box-shadow: none
    }

.choose select {
    border: none;
    background-color: #fff
}

.choose .checkbox li {
    display: block;
    width: 100%
}

.choose .sf-ratio li {
    display: inline-block;
    zoom: 1;
    width: 100%;
    border-bottom: 1px solid #ececec;
    position: relative
}

.choose .chart-list {
    padding: .8em 0
}

    .choose .chart-list li {
        border: none;
        padding: .3em 0 .3em 1.5em;
        color: #000;
        background-size: 1em;
        background-repeat: no-repeat;
        background-position: left;
        font-size: .16rem
    }

        .choose .chart-list li span {
            position: absolute;
            right: 1em;
            font-size: .14rem;
            color: #909090
        }

    .choose .chart-list .orange {
        background: url(../img/col_bg.png) 0 .1rem no-repeat;
        background-size: 4em
    }

    .choose .chart-list .blue {
        background: url(../img/col_bg.png) 0 -1.23rem no-repeat;
        background-size: 4em
    }

    .choose .chart-list .green {
        background: url(../img/col_bg.png) 0 -.62rem no-repeat;
        background-size: 4em
    }

    .choose .chart-list .violet {
        background: url(../img/col_bg.png) 0 -2.46rem no-repeat;
        background-size: 4em
    }

    .choose .chart-list .grey {
        background: url(../img/col_bg.png) 0 -1.82rem no-repeat;
        background-size: 4em
    }

    .choose .chart-list .tit-mm h3 {
        font-size: .8em;
        font-weight: 400
    }

    .choose .chart-list .yys .yys-type {
        font-size: .12rem;
        color: #909090;
        margin-right: .04rem
    }

.choose .yg-box {
    border-top: .75em solid #b9bbbd
}

.choose .yg-list {
    background: #fff;
    width: 96%;
    margin: -.05rem 2% 0 1.7%;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede
}

    .choose .yg-list li {
        display: block;
        width: 95%;
        padding-left: 1em;
        border-bottom: 2px dashed #dedede;
        color: #000
    }

        .choose .yg-list li span {
            position: absolute;
            right: 2em;
            color: #909090
        }

.choose em {
    color: #39ac69;
    font-weight: 700;
}

.choose #taxation {
    padding-top: 1em
}

    .choose #taxation .tt-tab {
        border: 2px solid #39ac69;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        line-height: 2.5em;
        background-color: #fff;
        color: #39ac69
    }

        .choose #taxation .tt-tab span {
            display: inline-block;
            zoom: 1;
            text-align: center;
            width: 50%;
            float: left
        }

        .choose #taxation .tt-tab .t_over {
            background: #39ac69;
            color: #fff
        }

    .choose #taxation .sec_house li {
        line-height: .2rem
    }

    .choose #taxation .sec_house .houseyj {
        line-height: .3rem
    }

    .choose #taxation .checkbox .checkboxhouse {
        position: relative;
        padding: .05rem;
        line-height: .2rem
    }

        .choose #taxation .checkbox .checkboxhouse input {
            width: 5%
        }

        .choose #taxation .checkbox .checkboxhouse label {
            cursor: pointer;
            position: absolute;
            width: 1.2em;
            height: 1.2em;
            left: 0;
            background: #eee;
            border: 1px solid #ddd;
            border-radius: 3px;
            -webkit-border-radius: 3px
        }

            .choose #taxation .checkbox .checkboxhouse label:after {
                opacity: 0;
                content: '';
                position: absolute;
                width: .5625em;
                height: .3125em;
                background: 0 0;
                top: .2em;
                left: .25em;
                border: 3px solid #333;
                border-top: none;
                border-right: none;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

        .choose #taxation .checkbox .checkboxhouse.pitchon label:after {
            border-color: #39ac69;
            opacity: 1
        }

    .choose #taxation .cityCheck {
        line-height: .2rem
    }

        .choose #taxation .cityCheck .top, .choose #taxation .sec_house .top {
            display: inline-block;
            zoom: 1;
            width: .18rem;
            height: .18rem;
            border-radius: 100%;
            background: #dedede;
            vertical-align: bottom
        }

            .choose #taxation .cityCheck .top .bum, .choose #taxation .sec_house .top .bum {
                display: inline-block;
                zoom: 1;
                width: .09rem;
                height: .09rem;
                border-radius: 100%;
                background: #cacaca;
                margin: .04rem .045rem
            }

.arr_rt:after, .arr_rtlv:after {
    width: 15px;
    height: 15px;
    top: 50%;
    position: absolute;
    right: 0;
    content: ''
}

.choose #taxation .cityCheck .top .chx_b, .choose #taxation .sec_house .top .chx_b {
    background: #39ac69
}

.arr_rt:after {
    background: url(../img/col_bg.png) 5px -267px no-repeat;
    background-size: 50px;
    margin-top: -7px
}

.arr_rtlv:after {
    background: url(../img/col_bg.png) 5px -268px no-repeat;
    background-size: 50px;
    vertical-align: middle;
    margin-top: -8px
}

.col_hr {
    margin: 0;
    border: 6px solid #eee
}

.sub-btn {
    width: .62rem;
    height: .25rem;
    line-height: .25rem;
    background-color: #39ac69;
    color: #fff;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: .14rem
}

.hxt, .split-line {
    position: relative
}

.sub-btn.s_btn {
    margin-left: 4.6em
}

.split-line {
    height: .1rem;
    display: block;
    background-color: #ececec;
    margin: -.7em -.15rem 0;
    padding: 0;
    z-index: 99;
    border: none
}

.page-xzll div select {
    float: right;
    color: #39ac69;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: .1rem;
    font-size: .14rem
}

.page-xzll .selectll {
    border-bottom: 1px solid #ececec;
    padding: .1rem 0;
    position: relative;
    color: #666
}

    .page-xzll .selectll:after {
        content: '';
        width: 15px;
        height: 15px;
        background: url(../img/col_bg.png) 5px -267px no-repeat;
        background-size: 50px;
        margin-top: -7.5px;
        position: absolute;
        top: 50%;
        right: 0
    }

#hxt, #hxt .c_container, .detail-m {
    position: relative
}

#gxzll, #sxzll, #xzll {
    margin-top: .15rem
}

#calculateBtn {
    margin: .17rem 0;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    line-height: 2.3em;
    color: #fff;
    background-color: #39ac69;
    font-size: .16rem;
}

.money-box .hd span, .money-box .money-list li span {
    font-size: .12rem;
    float: left;
    text-align: center
}

.detail-m {
    display: inline-block;
    zoom: 1;
    width: 1.05rem;
    text-align: center;
    line-height: .25rem;
    background: #39ac69;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

#xxyg {
    background-color: #f2f2f2
}

    #xxyg .choose {
        background: #f2f2f2;
        padding: .08rem .07rem
    }

#ckyg {
    margin-bottom: .18rem
}

.money-box p {
    padding: .1rem .11rem;
    color: #39ac69
}

    .money-box p em {
        color: #39ac69
    }

.money-box .hd {
    padding: .1rem;
    background-color: #dedede;
    color: #7a7a7a;
    height: .21rem;
    line-height: .21rem
}

.money-box .yf {
    width: 15%
}

.money-box .bj, .money-box .lx, .money-box .yg {
    width: 20%
}

.money-box .sydk, .money-box .sydk_s {
    width: 25%
}

.money-box .money-list {
    padding: 0 .1rem
}

    .money-box .money-list li {
        border-bottom: 1px solid #dedede;
        width: 100%;
        clear: both;
        line-height: .36rem
    }

#xxyg .yg-list li:last-child {
    width: 100%;
    background: url(//mat1.gtimg.com/house/css/images/wap/bg_ul_t.png) no-repeat;
    background-size: 95% 100%;
    border-bottom: none
}

.tt {
    color: #222;
    font-weight: 700;
}

#hxt .c_container {
    width: 100%;
    height: 2rem
}

    #hxt .c_container canvas {
        position: absolute;
        left: 50%;
        margin-left: -2rem;
        height: 2rem
    }

#hxt p {
    text-align: center;
    color: #999
}

#hxt .tt-tab {
    border: 2px solid #34c486;
    text-align: center;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-orient: horizontal;
    box-sizing: border-box
}

    #hxt .tt-tab li {
        background-color: #fff;
        width: 50%;
        border-bottom: none;
        box-flex: 1;
        line-height: .25rem;
        padding: .1rem
    }

        #hxt .tt-tab li a {
            display: block;
            font-size: .16rem;
            line-height: .1rem
        }

    #hxt .tt-tab .active {
        background-color: #34c486
    }

        #hxt .tt-tab .active a {
            color: #fff
        }

#hxt .doughnut {
    margin: 0 .4em
}

#hxt .chart {
    position: absolute;
    width: .8rem;
    height: .5rem;
    left: 50%;
    top: 50%;
    margin-left: -.4rem;
    z-index: 99;
    font-size: .6em;
    text-align: center;
    margin-top: -.2rem
}

#eshxt, #eshxt .c_container {
    position: relative;
    overflow: hidden
}

#hxt .chart h2 {
    color: #ff694a
}

#eshxt .c_container {
    width: 50%;
    float: left;
    height: 1.4rem
}

    #eshxt .c_container #mfjn, #eshxt .c_container #mfjns {
        position: absolute;
        margin-left: -1.2rem;
        left: 50%;
        height: 1.2rem
    }

    #eshxt .c_container .mfjn, #eshxt .c_container .mfns {
        position: absolute;
        width: 70px;
        height: 40px;
        left: 50%;
        top: 50%;
        margin-left: -35px;
        z-index: 99;
        font-size: .6em;
        text-align: center;
        margin-top: -30px;
        line-height: 40px
    }

.bottom-tips {
    margin-bottom: .17rem;
    text-align: center;
    color: #bcc2c5
}

.m_mouth {
    color: #39ac69;
    margin: .12rem 0;
    font-size: 12px;
    display: block
}

.lilv {
    font-size: .9em;
    border-bottom: 1px solid #ececec;
    display: inline-table;
    padding: 1em 0
}

    .lilv a {
        display: table-cell;
        position: relative;
        width: 100%
    }

#eshxt canvas, .dui a:after {
    display: inline-block;
    zoom: 1
}

.lilv a .interestRate {
    width: .5rem;
    text-align: center;
    border-left: 1px solid #ececec;
    position: absolute;
    right: .1rem;
    height: 100%;
    top: 0;
    padding-left: .01rem
}

.lilv a .tt {
    font-size: 1.2em;
    margin-right: .2em
}

.lilv a .xslv {
    width: 64%;
    text-align: right;
    word-break: break-all;
    color: #111;
    position: absolute;
    right: .7rem
}

.lilv a input {
    width: 100%;
    text-align: center;
    border: none;
    line-height: 100%;
    height: 100%;
    vertical-align: 25%
}

#eshxt .mfjn, #eshxt .mfns {
    font-size: .12rem;
    color: #111
}

#eshxt .chart-list {
    overflow: hidden
}

    #eshxt .chart-list li:nth-child(1), #eshxt .chart-list li:nth-child(6) {
        margin: .5em 0;
        background-color: #eaeaea;
        color: #727272;
        padding-left: .1rem;
        line-height: .2rem
    }

.dui a:after {
    width: 20px;
    height: 20px;
    float: right;
    content: '';
    background-image: url('../img/col_bg.png');
    background-position: 0 -2.7rem;
    background-repeat: no-repeat;
    background-size: 4em;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0
}

.chooseBox {
    padding-bottom: 1px
}

#sfbl .sf-ratio a, .page-xzll .sf-ratio a {
    display: block;
    position: relative
}

#sfbl li, .custom-lilv li {
    position: relative
}

@media (min-width:320px) {
    .choose ul li .custom-inp {
        margin: 0 .5em 0 1.5em
    }
}

.g-footer {
    padding: .14rem 0;
    background: #39ac69;
    color: #fff
}

    .g-footer .copyright {
        text-align: center;
        font-size: .12rem
    }

.gotop {
    position: fixed;
    bottom: .6rem;
    right: .08rem;
    opacity: .9;
    width: .39rem;
    height: .39rem;
    z-index: 101;
    display: none;
    background: url(//mat1.gtimg.com/house/css/images/wap_common/top.png) no-repeat #4a5158;
    -webkit-background-size: .4rem auto
}
/*  |xGv00|0062e28db29db541329a34634af97310 */
body, input {
    padding: 0
}

select, textarea {
    border-color: #cecece
}

.btn, .show {
    display: block
}

.btn, .loading, .m-tag label, .orderNone, .p-logo li {
    text-align: center
}

.c-point {
    color: #ff4936
}

.c-theme {
    color: #39ac69
}

.s-midline {
    font-size: .5em;
    text-decoration: line-through
}

@media only screen and (min-width:640px) {
    html, img {
        font-size: 200px
    }
}

@media only screen and (min-width:480px) and (max-width:640px) {
    html, img {
        font-size: 132px
    }
}

@media only screen and (min-width:400px) and (max-width:480px) {
    html, img {
        font-size: 121px
    }
}

@media only screen and (min-width:360px) and (max-width:400px) {
    html, img {
        font-size: 112.5px
    }
}

@media only screen and (min-width:320px) and (max-width:360px) {
    html, img {
        font-size: 100px
    }
}

@media only screen and (max-width:320px) {
    html, img {
        font-size: 100px
    }
}

body {
    background: #fff;
    margin: 0;
    font-size: .14rem;
    line-height: 1.5;
    color: #333;
    font-family: simsun,Arial
}

body, html {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a, button, dd, div, dl, form, h1, h2, h3, h5, img, li, ol, p, span, textarea, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

img, input, select {
    font: .13rem/.2rem arial;
    vertical-align: middle
}

.btn, button {
    font-size: .14rem
}

.btn, .ico_new, .orderNone p, .p-nav li a, .p-subNav li a {
    font-weight: 700
}

li, ul {
    list-style: none
}

textarea {
    resize: none
}

img {
    border: none
}

.clearFix, .clearfix {
    zoom: 1
}

    .clearFix:after, .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden
    }

a:focus, input, textarea {
    outline-style: none
}

a, a:hover {
    color: #666;
    text-decoration: none
}

    .btn, a.btn:hover {
        color: #fff
    }

.btn {
    padding: 0 .2rem;
    border-radius: .03rem;
    border: none;
    cursor: pointer;
    height: .3rem;
    line-height: .3rem;
    background: #39ac69
}

.btnNone {
    background: -webkit-gradient(linear,0 0,0 100%,from(#c6c6c6),color-stop(.42,#c1c1c1),to(#bcbcbc))
}

.btnBuy {
    background: #e95200
}

.largeBtn {
    padding: 0;
    width: 100%;
    height: .35rem;
    line-height: .35rem;
    font-size: .16rem
}

.warp {
    margin: 0 auto;
    width: 100%
}

.price {
    color: red
}

.f12 {
    font-size: .12rem
}

.f18 {
    font-size: .18rem
}

.f20 {
    font-size: .2rem
}

.c9 {
    color: #999
}

.cityBlue {
    color: #09c
}

.red {
    color: red
}

.black {
    color: #000
}

.blue {
    color: #39ac69
}

.youhui {
    color: #ff842a
}

.fleft {
    float: left
}

.fright {
    float: right
}

.pr {
    position: relative
}

.ico_new, .pa {
    position: absolute
}

.hide {
    display: none
}

.ico_new {
    right: .03rem;
    top: 0;
    display: inline-block;
    padding: 0 .04rem;
    border-radius: .07rem;
    line-height: .14rem;
    background: #ff4200;
    color: #fff;
    font-size: .12rem;
    font-style: normal
}

.caret, .caret_in, .caret_out {
    position: absolute;
    display: block
}

.caret {
    right: .1rem;
    top: .08rem
}

.caret_in, .caret_out {
    overflow: visible;
    width: 0;
    height: 0;
    border-style: dashed dashed dashed solid;
    font-family: simsun;
    font-size: 0
}

.caret_out {
    border-width: .07rem 0 .07rem .06rem;
    border-color: transparent transparent transparent #a3a3a3;
    z-index: 1
}

.caret_in {
    border-width: .05rem 0 .05rem .04rem;
    border-color: transparent transparent transparent #fff;
    z-index: 2;
    margin-top: .02rem
}

.loading {
    padding: .06rem 0;
    font-size: .14rem
}

    .loading img {
        width: .24rem
    }

    .loading span {
        display: inline-block;
        padding-left: .12rem;
        line-height: .24rem;
        vertical-align: top;
        color: #b4b4b4
    }

.orderNone {
    margin: .5rem auto;
    width: 2rem
}

    .orderNone .icon {
        display: block;
        margin: 0 auto;
        width: .64rem;
        height: .64rem;
        background: url(//mat1.gtimg.com/house/css/images/wap_common/none.png) no-repeat;
        -webkit-background-size: .64rem auto
    }

    .orderNone p {
        line-height: .24rem;
        padding: .03rem 0
    }

        .orderNone p.l2 {
            line-height: .48rem
        }

.oTop {
    display: none;
    width: .4rem;
    height: .4rem;
    position: fixed;
    bottom: .6rem;
    right: .15rem;
    opacity: .9;
    z-index: 101;
    background: url(//mat1.gtimg.com/house/css/images/wap_common/top.png) no-repeat #4a5158;
    -webkit-background-size: .4rem auto
}

.g-wrap-main {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow-y: scroll
}

.p-nav, .p-subNav {
    overflow-y: hidden
}

.g-card {
    border-top: .07rem solid #ececec;
    padding: .14rem 0;
    background: #fafafa
}

    .g-card section {
        padding: 0 .12rem
    }

.m-tag {
    width: 100%;
    font-size: 0
}

    .m-tag .tag {
        display: inline-block;
        width: 25%;
        height: .28rem;
        line-height: .28rem
    }

    .m-tag label {
        display: block;
        background: #d4f0f3;
        color: #39ac69;
        font-size: .13rem;
        border-radius: .05rem;
        margin-right: .05rem
    }

        .m-tag label:last {
            margin-right: 0
        }

@font-face {
    font-family: iconfont;
    src: url(data:application/x-font-ttf;base64,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) format('truetype')
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.icon-correct-circle:before {
    content: "\e603"
}

.p-logo {
    position: relative;
    padding: .07rem .1rem;
    height: .3rem;
    background-color: #f5faff
}

    .p-logo a {
        float: left;
        display: block
    }

    .p-logo h1 {
        float: left;
        width: 1.2rem;
        height: .3rem;
        background: url(//mat1.gtimg.com/house/css/images/wap_common/logo-l.png) no-repeat;
        -webkit-background-size: 1.2rem auto
    }

        .p-logo h1 span {
            display: none
        }

    .p-logo .cityArea {
        height: .3rem;
        line-height: .3rem;
        padding: 0 .1rem;
        font-size: .14rem
    }

        .p-logo .cityArea i.arrow {
            float: right;
            display: inline-block;
            margin-top: .13rem;
            margin-left: .05rem;
            border: .06rem solid #fafafa;
            border-left-width: .05rem;
            border-right-width: .05rem;
            border-top-color: #39ac69;
            overflow: hidden
        }

    .p-logo ul {
        position: absolute;
        right: .09rem;
        top: .05rem
    }

    .p-header, .p-logo li, .p-logo li a {
        position: relative
    }

    .p-logo li {
        float: left;
        display: inline-block;
        width: .36rem;
        height: .36rem
    }

        .p-logo li a {
            padding: .02rem .06rem;
            width: .24rem;
            height: .2rem;
            font-size: .09rem;
            line-height: .12rem
        }

.p-header h1, .p-siteNav ul li {
    font-size: .16rem;
    text-align: center
}

.p-logo li a span {
    display: block;
    margin: 0 auto;
    width: .2rem;
    height: .2rem;
    background-image: url(//mat1.gtimg.com/house/css/images/wap/btn-sprite.png);
    background-repeat: no-repeat;
    -webkit-background-size: 1.4rem auto
}

.p-logo li .download span {
    background-position: -.9rem 0
}

.p-logo li .accountBtn span {
    background-position: -.6rem -.3rem
}

.p-logo li .accountHeader span {
    background-position: -1.21rem 0
}

.theme-newswap .p-logo {
    background: url(//mat1.gtimg.com/house/css/images/wap_xw/xw-headerbg.png) 1.39rem top no-repeat #fafafa;
    background-size: 1.41rem auto;
    border-bottom-color: #317ecb
}

    .theme-newswap .p-logo .userBtn a {
        width: .32rem;
        height: .32rem
    }

        .theme-newswap .p-logo .userBtn a span {
            width: .32rem;
            height: .32rem;
            background-image: url(//mat1.gtimg.com/house/css/images/wap_xw/btn-sprite.png);
            background-position: -1.16rem .05rem
        }

    .theme-newswap .p-logo .channelBtn {
        width: .36rem;
        height: .36rem;
        background-image: url(//mat1.gtimg.com/house/css/images/wap_xw/btn-sprite.png);
        background-repeat: no-repeat;
        -webkit-background-size: 1.4rem auto;
        background-position: .1rem -.24rem
    }

    .theme-newswap .p-logo .nav li a.select {
        background-color: #226fbb
    }

    .theme-newswap .p-logo a.cityArea i.arrow {
        border-top-color: #468bd0
    }

.p-header {
    padding: .09rem .07rem;
    line-height: .26rem;
    height: .26rem;
    color: #fff;
    z-index: 1100
}

    .p-header h1 {
        float: right;
        margin-left: -.43rem;
        width: 100%
    }

        .p-header h1 span {
            display: block;
            height: .26rem;
            overflow: hidden;
            max-width: 2.4rem;
            margin: 0 auto;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .p-header a, .p-header a span {
        display: block
    }

    .p-header li, .p-siteNav ul li {
        float: left;
        display: inline-block
    }

    .p-header .back {
        float: left;
        padding: .02rem .15rem .02rem .09rem;
        width: .12rem;
        height: .22rem
    }

        .p-header .back span {
            width: .12rem;
            height: .22rem;
            background: url(//mat1.gtimg.com/house/css/images/wap_common/arrow-l.png) no-repeat;
            -webkit-background-size: .12rem auto
        }

    .p-header ul {
        position: absolute;
        right: 0;
        top: .05rem
    }

    .p-header li a {
        padding: .06rem .1rem .08rem .03rem;
        width: .3rem;
        height: .3rem;
        position: relative
    }

        .p-header li a span {
            width: .3rem;
            height: .3rem;
            background-image: url(../img/home.png);
          
        }

    

    .p-header li .sBtnDown span {
        background-position: -.3rem 0
    }

    .p-header li .sBtnUp span {
        background-position: 0 0
    }

    .p-header li .setDown span {
        background-position: -.3rem -.29rem
    }

    .p-header li .setUp span {
        background-position: .01rem -.29rem
    }

.theme-newswap .p-header {
    background: #468bd0
}

.p-siteNav {
    width: 100%;
    background: #4998e7
}

    .p-siteNav ul {
        overflow: hidden;
        padding: .05rem 0
    }

        .p-siteNav ul li {
            width: 20%;
            line-height: .3rem
        }

            .p-siteNav ul li a {
                display: block;
                color: #fafafa
            }

.p-iconNav {
    background-color: #fafafa;
    padding: .15rem .15rem .08rem;
    font-size: 0
}

    .p-iconNav .btn-icon {
        display: inline-block;
        width: 24.99%;
        text-align: center;
        color: #585858;
        font-size: .14rem
    }

    .p-iconNav .i-circle {
        margin: 0 auto .02rem;
        width: .43rem;
        height: .43rem;
        border-radius: 2rem;
        background-image: url(//mat1.gtimg.com/house/css/images/wap_common/btn-icon_160429.png);
        background-repeat: no-repeat;
        -webkit-background-size: 1.41rem auto
    }

    .p-iconNav .search-warp .i-circle {
        background-color: #ff694a;
        background-position: .1rem .1rem
    }

    .p-iconNav .esf-warp .i-circle, .p-iconNav .house_knowledge-warp .i-circle {
        background-color: #ff8920;
        background-position: -.3rem .1rem
    }

    .p-iconNav .tax-warp .i-circle, .p-iconNav .zf-warp .i-circle {
        background-color: #40c68b;
        background-position: -.7rem .1rem
    }

    .p-iconNav .news-warp .i-circle {
        background-color: #b376e3;
        background-position: -1.1rem .1rem
    }

    .p-iconNav .xmzx-warp .i-circle {
        background-color: #ffb30f;
        background-position: -.3rem -.7rem
    }

    .p-iconNav .zx-warp .i-circle {
        background-color: #03c3c4;
        background-position: -.7rem -.7rem
    }

    .p-iconNav .xmzf-warp .i-circle {
        background-color: #ff4a8e;
        background-position: .1rem -.7rem
    }

    .p-iconNav .discount-warp .i-circle {
        background-color: #00c5ed;
        background-position: .1rem -.3rem
    }

    .p-iconNav .lastopen-warp .i-circle {
        background-color: #ffb30f;
        background-position: -.3rem -.3rem
    }

    .p-iconNav .kft-warp .i-circle {
        background-color: #168ee2;
        background-position: -.7rem -.3rem
    }

    .p-iconNav .calculator-warp .i-circle {
        background-color: #47aafe;
        background-position: -1.1rem -.3rem
    }

.p-nav {
    padding: 0 .12rem;
    height: .36rem;
    background-color: #39ac69
}

    .p-nav ul {
        width: 100%;
        height: .36rem;
        font-size: .16rem;
        text-align: justify
    }

        .p-nav ul::after {
            content: '';
            display: inline-block;
            width: 100%;
            height: 0
        }

    .p-nav li {
        display: inline-block;
        padding: .05rem 0;
        height: .26rem;
        line-height: .26rem;
        text-align: center
    }

        .p-nav li a {
            padding: 0 .06rem;
            display: block;
            border-radius: .06rem;
            color: #fff
        }

        .p-nav li .select {
            background-color: rgba(0,0,0,.15)
        }

.theme-newswap .p-nav {
    background: #468bd0
}

.p-subNav {
    background-color: #009db9
}

    .p-subNav ul {
        display: table;
        width: 100%;
        font-size: .15rem
    }

    .p-subNav li {
        display: table-cell;
        position: relative;
        width: 25%;
        height: .36rem;
        line-height: .36rem;
        vertical-align: middle;
        text-align: center
    }

        .p-subNav li:after {
            content: "";
            position: absolute;
            width: 1px;
            height: .15rem;
            right: 0;
            top: .11rem;
            background: rgba(255,255,255,.2)
        }

        .p-subNav li:last-child:after {
            display: none
        }

        .p-subNav li a {
            display: block;
            color: rgba(255,255,255,.7)
        }

            .p-subNav li a:after, .p-subNav li a:before {
                content: "";
                display: inline-block;
                vertical-align: middle
            }

            .p-subNav li a:before {
                width: .2rem;
                height: .18rem;
                background: url(//mat1.gtimg.com/house/css/images/wap/nav-sprite.png) -.02rem -.02rem no-repeat;
                -webkit-background-size: .8rem .2rem
            }

    .p-subNav .home a:before {
        background-position: -.02rem -.02rem
    }

    .p-subNav .newHouses a:before {
        background-position: -.22rem -.02rem
    }

    .p-subNav .secondHandHouse a:before {
        background-position: -.42rem -.02rem
    }

    .p-subNav .information a:before {
        background-position: -.62rem -.02rem
    }

    .p-subNav li a:after {
        width: 0;
        height: .16rem
    }

.theme-newswap .p-subNav {
    background-color: #2472c0
}

.g-footer, .p-footer {
    padding: .14rem 0;
    background: #39ac69;
    color: #fff
}

    .g-footer .copyright, .p-footer .copyright {
        text-align: center;
        font-size: .12rem
    }

.theme-newswap .g-footer, .theme-newswap .p-footer {
    background: #468bd0
}

.gotop, .p-gotop {
    position: fixed;
    bottom: .6rem;
    right: .08rem;
    opacity: .9;
    width: .39rem;
    height: .39rem;
    z-index: 101;
    display: none;
    background: url(//mat1.gtimg.com/house/css/images/wap_common/top.png) no-repeat #4a5158;
    -webkit-background-size: .4rem auto
}
/*  |xGv00|903e86813c962c223693b02ba41f0c79 */
.header {
    background: #39ac69;
    padding-bottom: .2rem;
}
.tab_nav {
    text-align: center;
}