._11T5x {
    width: auto;
    margin-right: 20px
}

._27n1r {
    width: 280px;
    height: 210px;
    display: block
}

.u5L6M {
    text-align: right;
    margin-top: 8px
}

._24UBm {
    font-size: 16px;
    font-weight: bolder;
    margin-top: 8px;
    width: 280px
}

.tCEiE {
    color: #666;
    float: left;
    margin-top: 5px
}

._8mN0v {
    color: #ff5121
}

    ._8mN0v strong {
        font-weight: 700;
        font-size: 20px;
        margin-right: 3px
    }

._232jz {
    position: relative !important
}

._1H5I2 {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._3XBKu {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._3S1MK:after, ._3S1MK:before {
    content: "";
    display: table
}

._3S1MK:after {
    clear: both
}

._2GeOC {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Em5Ve {
    padding-top: 20px
}

._16f_1 {
    line-height: 1.2
}

._1spS6 {
    display: inline-block;
    font-size: 24px;
    font-weight: 700
}

._3y8uB {
    padding: 32px 0 60px
}

._2g_5u {
    float: left;
    width: 284px;
    height: 284px;
    margin-right: 16px
}

    ._2g_5u:last-child {
        margin-right: 0
    }

._37peC {
    position: relative;
    width: 100%;
    height: 214px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    background: #eee url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat;
    background: var(--bor-default) url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat
}

    ._37peC img {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out;
        -o-object-fit: cover;
        object-fit: cover
    }

    ._37peC:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

._3lKm5 {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1px 4px;
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
    font-size: 12px;
    color: #fff
}

    ._3lKm5._3ETaO {
        background-color: #ef3e4a
    }

._2yd2- {
    line-height: 1.2;
    margin-top: 11px;
    height: 24px;
    overflow: hidden
}

._2Q7Jk {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    max-width: 57%;
    font-size: 20px;
    font-weight: 700
}

._1YhbD {
    padding-top: 6px;
    font-size: 14px;
    color: #666;
    color: var(--textColorGray)
}

._1dNfG {
    float: right;
    font-size: 12px;
    color: #ff5121;
    color: var(--mainColor)
}

    ._1dNfG strong {
        padding-right: 2px;
        font-size: 20px;
        font-weight: 700;
        font-family: Verdana
    }

._3HHw2 {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 12px;
    margin: 0 12px;
    background-color: #dedede
}

._3NWRe {
    color: #ff5121;
    font-size: 20px;
    text-align: center;
    margin-bottom: 16px
}

._1tFAj {
    margin-bottom: 32px
}

._1tFAj, ._3syeZ {
    font-size: 14px;
    color: #333
}

._3syeZ {
    text-align: center;
    line-height: 1.43;
    margin-top: 4px
}

    ._3syeZ em {
        color: #ff5121
    }

._1yIDF {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 60px;
    line-height: 60px;
    z-index: 940;
    z-index: var(--zIndexHeader);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}

    ._1yIDF .w {
        height: 100%
    }

._3ms9E {
    float: left
}

    ._3ms9E h2 {
        margin-right: 48px;
        font-size: 26px;
        font-weight: 600
    }

    ._1_cfQ, ._3ms9E h2 {
        display: inline-block
    }

._1_cfQ {
    font-size: 16px;
    color: #e82200;
    margin-right: 8px
}

    ._1_cfQ strong {
        font-size: 24px
    }

._3fMF4 {
    font-size: 16px;
    color: #212121;
    display: inline-block
}

    ._3fMF4 strong {
        font-size: 20px
    }

.T6_St {
    float: right;
    font-size: 0
}

    .T6_St .Button {
        width: 148px;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        margin-left: 16px
    }

.X2Vdd {
    text-align: center;
    border-bottom: 1px dashed #dedede
}

    .X2Vdd .icon-pass {
        font-size: 40px;
        color: #0bb03d
    }

._1La7B {
    margin-top: 32px
}

.j7_Vx {
    font-size: 16px;
    color: #333;
    line-height: 1.375
}

._1yyrt {
    margin-top: 16px
}

._1x46o {
    float: left;
    margin-right: 32px
}

    ._1x46o img {
        width: 60px;
        height: 60px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

._1SDyg {
    overflow: hidden
}

._2yup4 {
    color: #333;
    font-weight: 600
}

._2nBQ- {
    font-size: 14px;
    color: #666;
    padding-top: 8px
}

._3vrGF {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.375;
    color: #333;
    color: var(--textColor);
    margin-bottom: 18px
}

._1_zQh, ._3vrGF {
    text-align: center
}

._1_zQh {
    color: #333;
    color: var(--textColorSecond);
    font-size: 16px;
    line-height: 1.25
}

._1_zQh, .jHF4e {
    margin-bottom: 24px
}

    .jHF4e img {
        width: 100%
    }

._1oQHr {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    z-index: 1
}

._1oQHr, ._2UTQk {
    width: 100%;
    position: relative
}

._2UTQk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    -moz-transition-property: transform,-moz-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform,-moz-transform,-o-transform
}

._2c7ab {
    height: 469px !important;
    margin-bottom: 25px
}

._2OWdy {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    float: none;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    display: inline-block;
    margin-right: 10px
}

.-pmzi ._2OWdy {
    width: 20%;
    height: 100%;
    opacity: .6
}

.-pmzi .swiper-slide-thumb-active {
    opacity: 1
}

.XckhZ {
    opacity: 0 !important
}

    .XckhZ:hover {
        opacity: 1 !important
    }

._28j07 {
    height: 82px;
    padding: 0 42px;
    position: relative
}

._1U5oz {
    position: absolute;
    right: auto;
    top: 0;
    height: 100%;
    background: rgba(0,0,0,.4);
    margin-top: 0;
    width: 32px;
    line-height: 82px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    outline: none
}

.swiper-button-prev {
    left: 0
}

.swiper-button-next {
    right: 0
}

._1U5oz.swiper-button-disabled {
    background: rgba(0,0,0,.3)
}

._19Pm7 {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    font-size: 16px;
    z-index: 15;
    color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(98%,rgba(0,0,0,.5)));
    background-image: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.5) 98%);
    background-image: -moz-linear-gradient(top,transparent,rgba(0,0,0,.5) 98%);
    background-image: -o-linear-gradient(top,transparent,rgba(0,0,0,.5) 98%);
    background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.5) 98%);
    background: rgba(0,0,0,.3);
    font-weight: 400;
    text-align: right;
    padding-right: 20px;
    line-height: 48px
}

._3hYKq {
    position: relative;
    min-height: 62px
}

.KDD-O {
    display: inline-block;
    font-size: 16px;
    color: #ef3929
}

    .KDD-O strong {
        padding-right: 4px;
        font-size: 48px;
        font-weight: 700;
        line-height: 1
    }

._2SlYq {
    padding-bottom: 32px;
    padding-top: 15px
}

    ._2SlYq .InfoList-item {
        padding: 7px 4px 12px 0;
        font-size: 16px
    }

    ._2SlYq .InfoList-text {
        margin-left: 58px
    }

    ._2SlYq .InfoList-label {
        width: 58px
    }

._2BMbM {
    float: left;
    width: 82px;
    color: #999
}

._1Ihi- {
    font-size: 16px;
    color: #999;
    padding: 12px 4px 12px 0
}

    ._1Ihi- span:first-child {
        float: left
    }

    ._1Ihi- ._1Hn61 {
        color: #333;
        margin-left: 60px;
        display: block
    }

._1ljXl {
    float: right;
    margin-top: 10px
}

._192Lk {
    float: right;
    margin-top: 32px;
    color: #666;
    text-align: center
}

    ._192Lk ._2Ns4M img {
        display: inline-block;
        width: 116px;
        height: 116px;
        -o-object-fit: contain;
        object-fit: contain
    }

._3MC2C {
    position: fixed !important;
    max-width: 424px;
    right: auto;
    left: auto;
    bottom: auto;
    top: 60px;
    background: #fff
}

._3Gs-x {
    line-height: 1.333;
    height: 24px;
    margin-top: 5px;
    max-width: 100%;
    overflow: hidden;
    font-size: 0
}

.u5JL- {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding: 4px 8px;
    margin-right: 8px;
    background-color: #f3f5f7;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #586c94;
    font-size: 12px
}

._3ilxg {
    background-color: #ffe6ec;
    color: #ef3e4a
}

._377Sj {
    background: #ff5d51;
    color: #fff
}

._1sT5- {
    background: -webkit-linear-gradient(233deg,#ff2499,#ff314f);
    background: -moz-linear-gradient(233deg,#ff2499 0,#ff314f 100%);
    background: -o-linear-gradient(233deg,#ff2499 0,#ff314f 100%);
    background: linear-gradient(217deg,#ff2499,#ff314f);
    color: #fff
}

._2kxtq {
    font-size: 16px;
    display: inline-block;
    margin-left: 20px
}

    ._2kxtq ._3vKTt {
        color: #999;
        cursor: pointer;
        position: relative
    }

._3vKTt i {
    margin-left: 7px
}

._3vKTt:hover ._3M02S {
    display: block;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation: _mhIH .3s ease-in-out;
    -moz-animation: _mhIH .3s ease-in-out;
    -o-animation: _mhIH .3s ease-in-out;
    animation: _mhIH .3s ease-in-out
}

._3vKTt ._3M02S {
    display: none;
    padding: 30px 30px 10px;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    background: #fff;
    left: -80px;
    top: 36px
}

._3M02S:before {
    border: 6px solid transparent;
    border-bottom-color: #fff;
    top: -12px;
    left: 28.4%;
    z-index: 1
}

._3M02S:after, ._3M02S:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

._3M02S:after {
    border: 7px solid transparent;
    border-bottom-color: #eee;
    top: -14px;
    left: 28%
}

._3Oen6 {
    margin-bottom: 20px;
    white-space: nowrap
}

    ._3Oen6 i {
        font-size: 32px;
        margin-right: 24px
    }

    ._3Oen6 i, ._3vqLM {
        display: inline-block;
        vertical-align: middle
    }

        ._3vqLM p:first-child {
            font-size: 20px;
            font-weight: bolder;
            color: #333
        }

        ._3vqLM p:last-child {
            color: #666
        }

@-webkit-keyframes _mhIH {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    to {
        opacity: 1%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes _mhIH {
    0% {
        opacity: 0
    }

    to {
        opacity: 1%
    }
}

@-o-keyframes _mhIH {
    0% {
        opacity: 0
    }

    to {
        opacity: 1%
    }
}

@keyframes _mhIH {
    0% {
        opacity: 0
    }

    to {
        opacity: 1%
    }
}

._3-VeA {
    padding-top: 32px;
    border-top: 1px solid #eee
}

    ._3-VeA > ._16sTv {
        display: inline-block;
        vertical-align: middle
    }

._16sTv ._1-mjH {
    font-size: 18px
}

._16sTv ._2OuNy {
    color: #999;
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 7px
}

.vIrSc {
    margin-left: 105px;
    font-size: 14px;
    color: #666;
    margin-top: 10px
}

._3-VeA img {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain
}

.qCcog {
    font-size: 16px;
    color: #ff611b;
    cursor: pointer
}

    .qCcog i {
        margin-right: 4px
    }

    .qCcog span {
        font-size: 12px;
        color: #999;
        vertical-align: text-top;
        line-height: 21px;
        display: inline-block;
        margin: 0 4px
    }

._3vc3P {
    width: 92px;
    height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #eee;
    font-size: 14px;
    color: #4e4e4e;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    ._3vc3P:hover {
        border-color: #d43400;
        background: none;
        color: #d43400
    }

    ._3vc3P i {
        color: #ff5121
    }

    ._3vc3P > i {
        margin-right: 8px
    }

._3yu1J {
    position: relative
}

    ._3yu1J p {
        display: none;
        text-align: left;
        font-size: 14px;
        color: #4e4e4e;
        padding: 10px;
        width: 160px;
        position: absolute;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
        box-shadow: 0 0 2px rgba(0,0,0,.2);
        right: 0;
        bottom: 140%;
        line-height: 1.4
    }

._2CyL6 {
    display: block !important;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation: Pp_FO .3s ease-in-out;
    -moz-animation: Pp_FO .3s ease-in-out;
    -o-animation: Pp_FO .3s ease-in-out;
    animation: Pp_FO .3s ease-in-out
}

._3yu1J p i {
    position: absolute;
    font-size: 11px;
    right: 3px;
    top: 2px;
    cursor: pointer;
    color: #999
}

._3yu1J p {
    text-align: center
}

._2Se_u {
    display: block
}

._3yu1J p img {
    display: inline-block;
    width: 116px;
    height: 116px
}

._3yu1J p:before {
    border: 6px solid transparent;
    border-top-color: #fff;
    bottom: -12px;
    right: 39px;
    z-index: 1
}

._3yu1J p:after, ._3yu1J p:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0
}

._3yu1J p:after {
    display: block;
    border: 7px solid transparent;
    border-top-color: #eee;
    bottom: -15px;
    right: 38px
}

@-webkit-keyframes Pp_FO {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    to {
        opacity: 1%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes Pp_FO {
    0% {
        opacity: 0
    }

    to {
        opacity: 1%
    }
}

@-o-keyframes Pp_FO {
    0% {
        opacity: 0
    }

    to {
        opacity: 1%
    }
}

@keyframes Pp_FO {
    0% {
        opacity: 0
    }

    to {
        opacity: 1%
    }
}

.u-8l_ {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 32px;
    -o-object-fit: contain;
    object-fit: contain
}

._2NJcY, .u-8l_ {
    display: inline-block
}

._2NJcY {
    vertical-align: middle
}

    ._2NJcY ._2u-Gf {
        font-size: 18px;
        font-weight: bolder
    }

    ._2NJcY ._2pwf- {
        color: #999;
        margin-top: 10px
    }

._2Dfh8 {
    float: right;
    line-height: 80px;
    color: #ff611b;
    font-size: 16px
}

.KjuF7 {
    color: #5680a6;
    margin-left: 7px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    white-space: nowrap
}

.MTTjZ {
    font-size: 16px
}

._2D4vH, .MTTjZ {
    padding-left: 112px;
    margin-top: 16px
}

._2D4vH {
    color: #999
}

._2lAm1 {
    display: inline-block;
    width: 16.6%;
    text-align: center;
    font-size: 16px;
    margin-top: 15px
}

    ._2lAm1 i {
        display: block;
        font-size: 36px
    }

._3KKzX {
    left: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    z-index: 998;
    position: fixed;
    top: 0
}

._19FjC {
    height: 0;
    overflow: hidden
}

._2rOYn {
    width: 1184px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    font-size: 16px
}

.SCp07 {
    float: left;
    line-height: 58px;
    color: #333;
    text-decoration: none
}

    .SCp07 + .SCp07 {
        margin-left: 32px
    }

._2bVql {
    color: #ff611b;
    border-bottom: 2px solid #ff611b
}

._3SlgY {
    margin-right: 50px;
    font-size: 16px
}

    ._3SlgY i {
        margin-right: 10px
    }

    ._3SlgY span {
        white-space: nowrap
    }

.eucRX {
    width: 704px
}

    .eucRX ._1CDY8 {
        position: relative;
        height: 108px;
        padding: 8px 0;
        margin-bottom: 60px;
        background-color: #ed0246;
        background: -webkit-linear-gradient(233deg,#ff2499,#ff314f);
        background: -moz-linear-gradient(233deg,#ff2499 0,#ff314f 100%);
        background: -o-linear-gradient(233deg,#ff2499 0,#ff314f 100%);
        background: linear-gradient(217deg,#ff2499,#ff314f);
        -webkit-box-shadow: 0 8px 20px 0 rgba(255,0,136,.31);
        -moz-box-shadow: 0 8px 20px 0 rgba(255,0,136,.31);
        box-shadow: 0 8px 20px 0 rgba(255,0,136,.31);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        color: #fff;
        cursor: pointer
    }

        .eucRX ._1CDY8 ._3UdVA {
            position: absolute;
            width: 100%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            padding-left: 25px
        }

        .eucRX ._1CDY8 h4 {
            font-size: 32px
        }

        .eucRX ._1CDY8 ._2AXFz {
            position: relative
        }

            .eucRX ._1CDY8 ._2AXFz p {
                font-size: 16px;
                padding-right: 140px;
                display: inline-block;
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis
            }

            .eucRX ._1CDY8 ._2AXFz ._2Xo7j {
                position: absolute;
                right: 25px;
                top: 0;
                cursor: pointer
            }

                .eucRX ._1CDY8 ._2AXFz ._2Xo7j i {
                    margin-left: 8px;
                    font-size: 11px;
                    vertical-align: 1px
                }

._2Xo7j:hover ._3mhps {
    display: block;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation: oL6MU .3s ease-in-out;
    -moz-animation: oL6MU .3s ease-in-out;
    -o-animation: oL6MU .3s ease-in-out;
    animation: oL6MU .3s ease-in-out
}

._2Xo7j ._3mhps {
    display: none;
    overflow-y: auto;
    white-space: pre-line;
    padding: 10px 30px;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    width: 375px;
    background: #fff;
    color: #212121;
    left: -80px;
    top: 36px
}

    ._2Xo7j ._3mhps h5 {
        text-align: center;
        font-size: 16px;
        margin: 10px 0
    }

._1A-h3 {
    background: #f8f8f8;
    font-weight: 600
}

    ._1A-h3 a {
        color: #212121
    }

._2_cE5 {
    display: inline-block;
    margin-right: 40px;
    position: relative
}

    ._2_cE5 a {
        display: block;
        padding-bottom: 16px;
        font-size: 16px
    }

._3hrOb a {
    color: #ff5121
}

._3hrOb:after {
    content: "";
    width: 48px;
    height: 4px;
    background: #ff5121;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

._3EwPf {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._3kCtp {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._3RFq5:after, ._3RFq5:before {
    content: "";
    display: table
}

._3RFq5:after {
    clear: both
}

._15NVI {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._35_Su {
    width: 912px;
    height: 152px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dfdfdf;
    margin-top: 40px
}

._3jGF9 {
    width: 439px;
    height: 100%;
    float: left;
    position: relative
}

.TwE59 {
    position: absolute;
    top: 50%;
    left: 32px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap
}

._2oOmU {
    max-width: 170px;
    white-space: nowrap;
    font-size: 28px;
    font-weight: 600
}

._2oOmU, ._3d1c7 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    color: #333;
    color: var(--textColor)
}

._3d1c7 {
    margin-left: 12px;
    max-width: 120px
}

._2qcCz, ._3d1c7 {
    font-size: 16px;
    font-weight: 400
}

._2qcCz {
    color: #586c94;
    margin-left: 18px;
    vertical-align: middle
}

._1-AHr {
    margin-top: 14px
}

._3IlqT {
    color: #333;
    color: var(--textColor);
    height: 34px;
    font-family: Verdana-Bold
}

    ._3IlqT strong {
        font-size: 28px
    }

._2IzU9 {
    position: relative;
    width: 471px;
    height: 100%;
    float: left
}

._3AWUF {
    float: left;
    width: 88px !important;
    height: 88px !important
}

._1ZiTU {
    height: 88px;
    border-right: 1px solid #dfdfdf;
    float: left
}

._1ZiTU, .TodcQ {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.TodcQ {
    padding-left: 24px
}

.F8nIF {
    margin-left: 12px;
    float: left;
    width: 315px;
    margin-right: 32px;
    position: relative
}

.vWDuk {
    margin-top: 5px
}

._3Vzk9 {
    left: 100% !important
}

._3eZAQ {
    width: 88px;
    height: 32px;
    position: absolute;
    right: 0;
    background: -webkit-gradient(linear,right top,left top,from(#ff7338),to(#f54732));
    background: -webkit-linear-gradient(right,#ff7338,#f54732);
    background: -moz-linear-gradient(right,#ff7338 0,#f54732 100%);
    background: -o-linear-gradient(right,#ff7338 0,#f54732 100%);
    background: linear-gradient(270deg,#ff7338,#f54732);
    background: -webkit-gradient(linear,right top,left top,from(var(--btnGradientLight)),to(var(--btnGradientDark)));
    background: -webkit-linear-gradient(right,var(--btnGradientLight),var(--btnGradientDark));
    background: -moz-linear-gradient(right,var(--btnGradientLight) 0,var(--btnGradientDark) 100%);
    background: -o-linear-gradient(right,var(--btnGradientLight) 0,var(--btnGradientDark) 100%);
    background: linear-gradient(270deg,var(--btnGradientLight),var(--btnGradientDark));
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 32px
}

    ._3eZAQ:hover {
        background: #d43400;
        background: var(--hoverColor);
        cursor: pointer
    }

    ._3eZAQ i {
        color: #fff !important;
        margin-right: 4px;
        width: 12px;
        height: 12px
    }

._1_vpx {
    margin-top: 8px;
    height: 24px;
    max-width: 100%;
    overflow: hidden;
    font-size: 0
}

._22Z1v {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding: 3px 8px;
    margin-right: 8px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    font-size: 12px;
    color: #82674f;
    background: rgba(130,103,79,.12);
    border-radius: 1px
}

._1wJ-a {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._32yhG {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._2jf6u:after, ._2jf6u:before {
    content: "";
    display: table
}

._2jf6u:after {
    clear: both
}

._10InR {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._1XIMu {
    padding-top: 80px
}

._1pvHH {
    line-height: 1.2
}

._1MTLt {
    font-size: 32px;
    font-weight: 700
}

._1MTLt, ._3tZgv {
    display: inline-block
}

._3tZgv {
    font-size: 16px;
    margin-left: 12px;
    color: #333;
    color: var(--textColorSecond)
}

._10iSU {
    float: right;
    margin-top: 16px;
    font-size: 16px;
    color: #4e4e4e;
    color: var(--textColorLight)
}

    ._10iSU:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

    ._10iSU i {
        margin-left: 6px;
        font-size: 12px
    }

._3q8s8 {
    margin: 32px 0 -8px
}

._1CRQU {
    height: 292px
}

._1CRQU, .PCqPq {
    overflow: hidden
}

.PCqPq {
    position: relative;
    float: left;
    width: 284px;
    height: 284px;
    margin: 0 0 16px 16px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: width .25s ease-out;
    -o-transition: width .25s ease-out;
    -moz-transition: width .25s ease-out;
    transition: width .25s ease-out
}

    .PCqPq._384Qr {
        width: 584px;
        -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
        -moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.2)
    }

    .PCqPq:first-child {
        margin-left: 0
    }

._3T9WG {
    float: left;
    position: relative;
    z-index: 10;
    width: 284px;
    height: 100%;
    overflow: hidden
}

    ._3T9WG img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    ._3T9WG:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

._2RfGM {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    color: #fff
}

._2e-Bg {
    padding: 104px 10px 0;
    font-size: 24px;
    font-weight: 700
}

._2e-Bg, ._3zbSr {
    text-align: center;
    text-shadow: 0 2px 4px rgba(0,0,0,.5)
}

._3zbSr {
    padding-top: 4px;
    font-size: 18px
}

    ._3zbSr strong {
        padding-right: 2px;
        font-size: 24px;
        font-weight: 700;
        font-family: Verdana
    }

._34m9F {
    max-width: 70% !important;
    right: 12px;
    font-size: 14px
}

._34m9F, .Tz5kw {
    position: absolute;
    bottom: 12px
}

.Tz5kw {
    left: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    background: rgba(0,0,0,.65);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    color: #fff
}

    .Tz5kw i {
        margin: 0 2px
    }

    .Tz5kw ._2IEBi {
        font-size: 11px
    }

    ._3XeXc, .Tz5kw ._3g2Q2 {
        font-size: 12px
    }

._3XeXc {
    position: absolute;
    left: 16px;
    top: 0;
    min-width: 64px;
    padding: 4px 8px 18px;
    background-color: #fc2c2c;
    background-image: -webkit-linear-gradient(315deg,rgba(255,134,72,.94),rgba(252,44,44,.96));
    background-image: -moz-linear-gradient(315deg,rgba(255,134,72,.94) 0,rgba(252,44,44,.96) 100%);
    background-image: -o-linear-gradient(315deg,rgba(255,134,72,.94) 0,rgba(252,44,44,.96) 100%);
    background-image: linear-gradient(135deg,rgba(255,134,72,.94),rgba(252,44,44,.96));
    -webkit-border-radius: 0 0 97px 97px;
    -moz-border-radius: 0 0 97px 97px;
    border-radius: 0 0 97px 97px;
    line-height: 1.34;
    text-align: center
}

._3VWeT {
    display: block
}

    ._3VWeT strong {
        padding-right: 2px;
        font-size: 28px;
        font-weight: 600
    }

.plrS4 {
    float: left;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    height: 100%;
    width: 300px;
    background-color: #fff
}

._3z77f {
    float: left;
    width: 88px;
    height: 66px;
    margin-right: 16px;
    background: #eee url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat;
    background: var(--bor-default) url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat;
    border: 1px solid #eee;
    border: 1px solid var(--bor-default);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden
}

    ._3z77f img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.lB_xY {
    overflow: hidden;
    min-height: 66px
}

._2nTZb {
    display: block;
    padding: 6px 16px
}

    ._2nTZb:hover {
        background-color: #f8f8f8;
        background-color: var(--bg-default)
    }

._37oQ8 {
    padding: 12px 16px 4px
}

._3YJ0e {
    display: inline-block;
    color: #333;
    color: var(--textColorSecond);
    font-size: 16px;
    font-weight: 600
}

._1k-RQ {
    float: right;
    font-size: 14px;
    color: #4e4e4e;
    color: var(--textColorLight)
}

    ._1k-RQ:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

._19N15 {
    padding-top: 6px;
    font-size: 16px;
    font-weight: 600
}

._35Bta {
    padding-top: 2px
}

.a-nMd {
    font-size: 12px;
    color: #ff5121;
    color: var(--mainColor)
}

    .a-nMd strong {
        padding-right: 2px;
        font-size: 16px;
        font-weight: 700
    }

._1yQWH {
    font-size: 12px;
    color: #333;
    color: var(--textColorSecond);
    margin-left: 16px
}

._1ZvUk {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._3SSsN {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.UKcl6:after, .UKcl6:before {
    content: "";
    display: table
}

.UKcl6:after {
    clear: both
}

._35gF5 {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._3SGGn {
    padding-top: 80px
}

.U_tzV {
    line-height: 1.2
}

._3DXWM {
    font-size: 32px;
    font-weight: 700
}

._1nQoK, ._3DXWM {
    display: inline-block
}

._1nQoK {
    font-size: 16px;
    margin-left: 12px;
    color: #333
}

._2Yxdv {
    float: right;
    margin-top: 16px;
    font-size: 16px;
    color: #4e4e4e;
    color: var(--textColorLight)
}

    ._2Yxdv:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

    ._2Yxdv i {
        margin-left: 6px;
        font-size: 12px
    }

._1ZKbo {
    position: relative;
    margin-top: 32px
}

.SwG27 {
    margin-top: 24px;
    height: 40px;
    overflow: hidden
}

._14BrQ {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 24px;
    margin-right: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #eee;
    border: 1px solid var(--bor-default);
    font-size: 16px;
    color: #333;
    color: var(--textColorSecond);
    white-space: nowrap
}

    ._14BrQ:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

._2UQIY, .VAxl8 {
    position: relative;
    height: 288px;
    overflow: hidden
}

.VAxl8 {
    float: left;
    width: 384px;
    margin-right: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #eee url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat;
    background: var(--bor-default) url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat
}

    .VAxl8:last-child {
        margin-right: 0
    }

    .VAxl8 img {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .VAxl8:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

._1I0Ri {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.05)),to(rgba(0,0,0,.6)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,.05),rgba(0,0,0,.6));
    background: -moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.6) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.6) 100%);
    background: linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.6));
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    color: #fff
}

._2irY_ {
    padding-top: 100px;
    font-size: 24px;
    font-weight: 700
}

._2irY_, ._2415X {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

._2415X {
    margin-top: 4px;
    font-size: 18px
}

    ._2415X strong {
        padding-right: 2px;
        font-size: 24px;
        font-weight: 700;
        font-family: Verdana
    }

._1Jlmk {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 70%;
    right: 12px;
    bottom: 12px;
    font-size: 14px
}

._1Jlmk, ._15MfB {
    position: absolute
}

._15MfB {
    z-index: 20;
    top: 50%;
    width: 56px;
    height: 56px;
    line-height: 56px;
    margin-top: -28px;
    background: #fff;
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

    ._15MfB._1O9OG {
        left: -82px
    }

    ._15MfB._2g4mv {
        right: -82px
    }

    ._15MfB._1O9OG i {
        margin-right: 4px
    }

    ._15MfB._2g4mv i {
        margin-left: 4px
    }

    ._15MfB:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

._2wk4r {
    position: absolute;
    left: 12px;
    bottom: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    background: rgba(0,0,0,.65);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    color: #fff
}

    ._2wk4r i {
        margin: 0 2px
    }

    ._2wk4r ._2933s {
        font-size: 11px
    }

    ._2wk4r .FzFlD {
        font-size: 12px;
        margin-left: 3px
    }

._2toa6 {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1px 4px;
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
    font-size: 12px;
    color: #fff
}

    ._2toa6.mExrd {
        background-color: #ef3e4a
    }

@media screen and (max-width:1362px) {
    ._15MfB._1O9OG {
        left: 8px
    }

    ._15MfB._2g4mv {
        right: 8px
    }
}

._1Blb4 {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._1tGTv {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._2_eD-:after, ._2_eD-:before {
    content: "";
    display: table
}

._2_eD-:after {
    clear: both
}

._1xhvy {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._6_01D {
    padding-top: 80px
}

._2Fn4W {
    line-height: 1.2
}

._3xf0f {
    font-size: 32px;
    font-weight: 700
}

._3xf0f, ._30FTm {
    display: inline-block
}

._30FTm {
    font-size: 16px;
    margin-left: 12px;
    color: #333;
    color: var(--textColorSecond)
}

._2XpyE {
    float: right;
    margin-top: 16px;
    font-size: 16px;
    color: #4e4e4e;
    color: var(--textColorLight)
}

    ._2XpyE:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

    ._2XpyE i {
        margin-left: 6px;
        font-size: 12px
    }

._3HV-1 {
    padding-top: 32px
}

._25vZE {
    margin-top: 24px;
    height: 40px;
    overflow: hidden
}

.HB_3O {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 24px;
    margin-right: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #eee;
    border: 1px solid var(--bor-default);
    font-size: 16px;
    color: #333;
    color: var(--textColorSecond);
    white-space: nowrap
}

    .HB_3O:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

._2TSpV {
    float: left;
    width: 284px;
    height: 318px;
    margin: 40px 16px 0 0
}

    ._2TSpV:nth-child(4n) {
        margin-right: 0
    }

    ._2TSpV:nth-child(-n+4) {
        margin-top: 0
    }

._2M9Sh {
    position: relative;
    width: 100%;
    height: 214px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    background: #eee url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat;
    background: var(--bor-default) url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat
}

    ._2M9Sh img {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    ._2M9Sh:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

.ydWl7 {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    padding: 48px 8px 0;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.4)));
    background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.4));
    background: -moz-linear-gradient(top,transparent 0,rgba(0,0,0,.4) 100%);
    background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.4) 100%);
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.4));
    color: #fff
}

._2HGMF {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 70%;
    float: right;
    font-size: 14px
}

._3vb-T {
    line-height: 1.2;
    margin-top: 11px;
    height: 24px;
    overflow: hidden
}

.yWdOx {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 40%;
    font-size: 20px;
    font-weight: 700
}

._2hWP9, .yWdOx {
    display: inline-block;
    vertical-align: middle
}

._2hWP9 {
    padding-top: 2px;
    margin-left: 8px;
    font-size: 14px;
    color: #666;
    color: var(--textColorGray)
}

._3ynRm {
    float: right;
    font-size: 12px;
    color: #ff5121;
    color: var(--mainColor)
}

    ._3ynRm strong {
        padding-right: 2px;
        font-size: 20px;
        font-weight: 700;
        font-family: Verdana
    }

._3z1fF {
    line-height: 1.3;
    height: 20px;
    margin-top: 12px;
    font-size: 14px
}

._3kVe2 {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px;
    background-color: #eee
}

    ._3kVe2 img {
        display: block;
        width: 100%;
        height: 100%
    }

._2WrG1 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 62%;
    color: #333;
    color: var(--textColorSecond)
}

._1Kzm6, ._2WrG1 {
    display: inline-block;
    vertical-align: middle
}

._1Kzm6 {
    margin-left: 16px;
    color: #666;
    color: var(--textColorGray)
}

._24Lqu {
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    background: rgba(0,0,0,.65);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    color: #fff
}

    ._24Lqu i {
        margin: 0 2px
    }

    ._24Lqu ._1KvG0 {
        font-size: 11px
    }

    ._24Lqu ._3RYq3 {
        font-size: 12px;
        margin-left: 3px
    }

._2R1Po {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1px 4px;
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
    font-size: 12px;
    color: #fff
}

    ._2R1Po.JeESk {
        background-color: #f79a1c;
        background-image: -webkit-gradient(linear,right top,left top,from(#ffbe22),to(#f79a1c));
        background-image: -webkit-linear-gradient(right,#ffbe22,#f79a1c);
        background-image: -moz-linear-gradient(right,#ffbe22 0,#f79a1c 100%);
        background-image: -o-linear-gradient(right,#ffbe22 0,#f79a1c 100%);
        background-image: linear-gradient(270deg,#ffbe22,#f79a1c)
    }

    ._2R1Po._2ObR- {
        background-color: #ff3d26;
        background-image: -webkit-gradient(linear,right top,left top,from(#ff8c32),to(#ff3d26));
        background-image: -webkit-linear-gradient(right,#ff8c32,#ff3d26);
        background-image: -moz-linear-gradient(right,#ff8c32 0,#ff3d26 100%);
        background-image: -o-linear-gradient(right,#ff8c32 0,#ff3d26 100%);
        background-image: linear-gradient(270deg,#ff8c32,#ff3d26)
    }

    ._2R1Po.BlOoQ {
        background-color: #ef3e4a
    }

    ._2R1Po._2x3T {
        background-color: #09b532;
        background-image: -webkit-gradient(linear,right top,left top,from(#0fd944),to(#09b532));
        background-image: -webkit-linear-gradient(right,#0fd944,#09b532);
        background-image: -moz-linear-gradient(right,#0fd944 0,#09b532 100%);
        background-image: -o-linear-gradient(right,#0fd944 0,#09b532 100%);
        background-image: linear-gradient(270deg,#0fd944,#09b532)
    }

._29djz {
    line-height: 1.333;
    height: 24px;
    margin-top: 12px;
    max-width: 100%;
    overflow: hidden;
    font-size: 0
}

._1N8hV {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding: 4px 8px;
    margin-right: 8px;
    background-color: #f3f5f7;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #586c94;
    font-size: 12px
}

    ._1N8hV._2Vgyb {
        background-color: #ffe6ec;
        color: #ef3e4a
    }

    ._1N8hV._3Xkny {
        background-color: #ff5d51;
        color: #fff
    }

._19-Mc {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._3_bRF {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._3Zwba:after, ._3Zwba:before {
    content: "";
    display: table
}

._3Zwba:after {
    clear: both
}

.SSTyx {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._2BR9B {
    margin-top: 80px;
    background-color: #f7f7f7
}

._13JSM {
    padding: 80px 0
}

._3EWFn {
    line-height: 1.2
}

._3RG5s {
    font-size: 32px;
    font-weight: 700
}

._1HcHv, ._3RG5s {
    display: inline-block
}

._1HcHv {
    font-size: 16px;
    margin-left: 12px;
    color: #333;
    color: var(--textColorSecond)
}

._1gzji {
    float: right;
    margin-top: 16px;
    font-size: 16px;
    color: #4e4e4e;
    color: var(--textColorLight)
}

    ._1gzji i {
        margin-left: 6px;
        font-size: 12px
    }

._2_k1g {
    margin-top: 32px
}

._2_k1g, ._24rPA {
    position: relative
}

._24rPA {
    overflow: hidden;
    height: 308px
}

._11jRf {
    position: absolute;
    width: 5000px;
    height: 100%
}

._1GcMA {
    position: relative;
    float: left;
    width: 228px;
    height: 100%;
    padding: 40px 5px 0;
    margin-right: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    background: #fff url("https://fs.esf.fangdd.com/efab/FizVBExbKvtdHNateMb9834G1zp1.png") no-repeat
}

    ._1GcMA:last-child {
        margin-right: 0
    }

.yNijT {
    display: block;
    width: 84px;
    height: 84px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    overflow: hidden;
    background: #eee url(https://static.esf.fangdd.com/esf/webcpwebsite/agent-PDPmW.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

    .yNijT img {
        display: block;
        width: 100%;
        height: 100%
    }

        .yNijT img:not([src]), .yNijT img[src=""] {
            opacity: 0
        }

._1qJ_E {
    margin-top: 16px;
    font-size: 24px;
    font-weight: 700
}

._1qJ_E, ._2sjEk {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._2sjEk {
    margin-top: 4px;
    height: 24px;
    font-size: 16px
}

._3qMxd {
    display: inline-block;
    margin-top: 22px;
    font-size: 16px;
    color: #586c94;
    color: var(--b-link)
}

    ._3qMxd i {
        margin-left: 6px
    }

    ._3qMxd:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

._1NEIy {
    position: absolute;
    z-index: 20;
    top: 50%;
    width: 56px;
    height: 56px;
    line-height: 56px;
    margin-top: -28px;
    background: #fff;
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

    ._1NEIy._1v-1q {
        left: -82px
    }

    ._1NEIy._274tQ {
        right: -82px
    }

    ._1NEIy._1v-1q i {
        margin-right: 4px
    }

    ._1NEIy._274tQ i {
        margin-left: 4px
    }

    ._1NEIy:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

    ._1NEIy._3SMn6 {
        color: #eee;
        cursor: default
    }

        ._1NEIy._3SMn6:hover {
            color: #eee
        }

._3j5kh {
    right: 0;
    top: 0;
    width: 228px;
    height: 308px;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,96.9%,0)),to(#f7f7f7));
    background: -webkit-linear-gradient(left,hsla(0,0%,96.9%,0),#f7f7f7);
    background: -moz-linear-gradient(left,hsla(0,0%,96.9%,0) 0,#f7f7f7 100%);
    background: -o-linear-gradient(left,hsla(0,0%,96.9%,0) 0,#f7f7f7 100%);
    background: linear-gradient(90deg,hsla(0,0%,96.9%,0),#f7f7f7)
}

._3j5kh, ._21PVW {
    position: absolute;
    z-index: 10
}

._21PVW {
    right: -2px;
    top: 8px;
    line-height: 1.05;
    padding: 6px 10px 6px 8px;
    font-size: 16px;
    text-align: center;
    color: #fff
}

    ._21PVW:after {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        -webkit-transform: skew(-10deg);
        -moz-transform: skew(-10deg);
        -ms-transform: skew(-10deg);
        -o-transform: skew(-10deg);
        transform: skew(-10deg)
    }

    ._21PVW._2GJug:after {
        background-color: #c2cbcc;
        background-image: -webkit-linear-gradient(293deg,#dee0dd,#c2cbcc);
        background-image: -moz-linear-gradient(293deg,#dee0dd,#c2cbcc);
        background-image: -o-linear-gradient(293deg,#dee0dd,#c2cbcc);
        background-image: linear-gradient(157deg,#dee0dd,#c2cbcc)
    }

    ._21PVW.vmLm1:after {
        background-color: #b8cab7;
        background-image: -webkit-linear-gradient(293deg,#cfdbc7,#b8cab7);
        background-image: -moz-linear-gradient(293deg,#cfdbc7,#b8cab7);
        background-image: -o-linear-gradient(293deg,#cfdbc7,#b8cab7);
        background-image: linear-gradient(157deg,#cfdbc7,#b8cab7)
    }

    ._21PVW._1j3G2:after {
        background-color: #8aafcd;
        background-image: -webkit-linear-gradient(293deg,#a8cee8,#8aafcd);
        background-image: -moz-linear-gradient(293deg,#a8cee8 0,#8aafcd 100%);
        background-image: -o-linear-gradient(293deg,#a8cee8 0,#8aafcd 100%);
        background-image: linear-gradient(157deg,#a8cee8,#8aafcd)
    }

    ._21PVW.PPgfW:after {
        background-color: #d3b076;
        background-image: -webkit-linear-gradient(293deg,#e2c380,#d3b076);
        background-image: -moz-linear-gradient(293deg,#e2c380 0,#d3b076 100%);
        background-image: -o-linear-gradient(293deg,#e2c380 0,#d3b076 100%);
        background-image: linear-gradient(157deg,#e2c380,#d3b076)
    }

    ._21PVW.GcfmK:after {
        background-color: #ff9c5e;
        background-image: -webkit-linear-gradient(134deg,#ff295b,#ff9c5e);
        background-image: -moz-linear-gradient(134deg,#ff295b 0,#ff9c5e 100%);
        background-image: -o-linear-gradient(134deg,#ff295b 0,#ff9c5e 100%);
        background-image: linear-gradient(-44deg,#ff295b,#ff9c5e)
    }

.gSFqR {
    line-height: 1.333;
    height: 24px;
    margin-top: 14px;
    max-width: 100%;
    overflow: hidden;
    font-size: 0
}

._3Ig7C {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding: 4px 6px;
    margin: 0 4px;
    background-color: rgba(130,103,79,.12);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #82674f;
    font-size: 12px
}

@media screen and (max-width:1362px) {
    ._1NEIy._1v-1q {
        left: 8px
    }

    ._1NEIy._274tQ {
        right: 8px
    }
}

._1yQ-r {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._22N1g {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._1dpV1:after, ._1dpV1:before {
    content: "";
    display: table
}

._1dpV1:after {
    clear: both
}

.WTK1c {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._3k2wF {
    float: left;
    width: 904px
}

._1TKLt {
    line-height: 1.2
}

._1e5Vt {
    font-size: 32px;
    font-weight: 700
}

._1e5Vt, ._3RAkX {
    display: inline-block
}

._3RAkX {
    font-size: 16px;
    margin-left: 12px;
    color: #333;
    color: var(--textColorSecond)
}

._2rsOM {
    float: right;
    margin-top: 16px;
    font-size: 16px;
    color: #4e4e4e;
    color: var(--textColorLight)
}

    ._2rsOM i {
        margin-left: 6px;
        font-size: 12px
    }

._3SH5o {
    padding-top: 32px
}

._33Mv4 {
    margin-top: -16px
}

._2mC-2 {
    padding: 16px 0
}

    ._2mC-2:hover {
        background-color: #f8f8f8;
        background-color: var(--bg-default)
    }

    ._2mC-2._1rMZ1 {
        padding: 32px 0;
        margin: 16px 0;
        border-top: 1px solid #eee;
        border-top: 1px solid var(--bor-default);
        border-bottom: 1px solid #eee;
        border-bottom: 1px solid var(--bor-default)
    }

        ._2mC-2._1rMZ1 ._16nMo {
            margin-top: 10px
        }

    ._2mC-2:last-child {
        border-bottom: 0
    }

.htVcz {
    position: relative;
    float: left;
    width: 200px;
    height: 150px;
    margin-right: 32px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #eee url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat;
    background: var(--bor-default) url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat
}

._3st1e, .htVcz {
    overflow: hidden
}

._3st1e {
    min-height: 150px
}

.E46wA {
    line-height: 1.2;
    font-size: 24px;
    font-weight: 700
}

._18rmh {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

    ._18rmh:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

.E46wA .yBY4i {
    display: inline-block;
    vertical-align: 4px;
    height: 26px;
    line-height: 26px;
    padding: 0 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background-color: #ff295b;
    background-image: -webkit-linear-gradient(139deg,#ff3030,#ff295b);
    background-image: -moz-linear-gradient(139deg,#ff3030 0,#ff295b 100%);
    background-image: -o-linear-gradient(139deg,#ff3030 0,#ff295b 100%);
    background-image: linear-gradient(311deg,#ff3030,#ff295b)
}

.JdQqV {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 56px;
    margin-top: 20px;
    line-height: 1.75;
    font-size: 16px;
    color: #666;
    color: var(--textColorGray)
}

._16nMo {
    margin-top: 16px;
    font-size: 12px;
    color: #999
}

._3kQOv {
    position: absolute;
    left: 0;
    top: 0;
    height: 26px;
    line-height: 26px;
    padding: 0 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

    ._3kQOv.wyWLG {
        background-color: #ffc231;
        background-image: -webkit-gradient(linear,left top,right top,from(#ffea8d),to(#ffc231));
        background-image: -webkit-linear-gradient(left,#ffea8d,#ffc231);
        background-image: -moz-linear-gradient(left,#ffea8d 0,#ffc231 100%);
        background-image: -o-linear-gradient(left,#ffea8d 0,#ffc231 100%);
        background-image: linear-gradient(90deg,#ffea8d,#ffc231)
    }

    ._3kQOv.OtUHF {
        background-color: #7ca0fa;
        background-image: -webkit-gradient(linear,left top,right top,from(#97bbff),to(#7ca0fa));
        background-image: -webkit-linear-gradient(left,#97bbff,#7ca0fa);
        background-image: -moz-linear-gradient(left,#97bbff 0,#7ca0fa 100%);
        background-image: -o-linear-gradient(left,#97bbff 0,#7ca0fa 100%);
        background-image: linear-gradient(90deg,#97bbff,#7ca0fa)
    }

._117lS {
    padding-top: 16px
}

.p4Cgj {
    display: inline-block;
    vertical-align: middle;
    width: 33.33%
}

    .p4Cgj:hover .rx0qA {
        color: #d43400;
        color: var(--hoverColor)
    }

.v70cl {
    float: left;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 16px;
    overflow: hidden;
    background: #eee url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat;
    background: var(--bor-default) url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat
}

    .v70cl img {
        display: block;
        width: 100%;
        height: 100%
    }

.cnaUE {
    overflow: hidden
}

.rx0qA {
    line-height: 1.1;
    font-size: 20px;
    font-weight: 700
}

._2D_bq, ._2vgWK, .rx0qA {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._2D_bq, ._2vgWK {
    padding-top: 9px;
    font-size: 14px;
    color: #666;
    color: var(--textColorGray)
}

    ._2vgWK ._1CZG4 {
        display: inline-block;
        vertical-align: middle;
        width: 1px;
        height: 12px;
        background-color: #dedede;
        background-color: var(--bor-dark);
        margin: 0 12px
    }

._2pzoB {
    padding-top: 12px;
    line-height: 1.1;
    font-size: 12px;
    color: #ff5121;
    color: var(--mainColor)
}

    ._2pzoB strong {
        font-size: 24px;
        font-weight: 700
    }

._30iEV {
    margin-top: 16px;
    color: #4e4e4e !important;
    color: var(--textColorLight) !important
}

    ._30iEV:hover {
        color: #fff !important
    }

.fx8f4 {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._1Q2v_ {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._1aTjs:after, ._1aTjs:before {
    content: "";
    display: table
}

._1aTjs:after {
    clear: both
}

._1UHNH {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._1nmxt {
    float: right;
    width: 224px;
    padding-top: 6px
}

.UlzOS {
    line-height: 1.2;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid var(--bor-default)
}

.C1upH {
    display: inline-block;
    font-size: 18px;
    color: #333;
    color: var(--textColorSecond);
    font-weight: 700
}

._3UXaM {
    padding: 8px 0
}

._2W1sM:nth-child(-n+3) ._3Mi-g {
    font-weight: 700;
    color: #ff5121;
    color: var(--mainColor)
}

._2KvH- {
    display: block;
    color: #333;
    color: var(--textColorSecond);
    padding: 7px 0
}

    ._2KvH-:hover, ._2KvH-:hover ._3Mi-g {
        color: #d43400;
        color: var(--hoverColor)
    }

._3Mi-g {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    font-family: Verdana;
    font-style: italic;
    font-size: 16px
}

._2EQND {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 53%
}

._2EQND, .yy_lg {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.yy_lg {
    width: 38%;
    text-align: right
}

._1e2Sg {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._1G6KO {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._3cAVF:after, ._3cAVF:before {
    content: "";
    display: table
}

._3cAVF:after {
    clear: both
}

._3Xfkk {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nTx6x {
    padding: 80px 0 120px
}

.vhc3H {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._1otz4 {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._3-9WS:after, ._3-9WS:before {
    content: "";
    display: table
}

._3-9WS:after {
    clear: both
}

._3DMnp {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._2JBjf {
    min-width: 1184px;
    margin: 0 auto;
    background-color: #333;
    background-color: var(--textColor);
    font-size: 14px;
    line-height: 1.45
}

._1b5s_ {
    padding: 32px 0;
    border-bottom: 1px solid #4e4e4e
}

._1i_VJ {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 20px;
    margin-right: 24px;
    color: #666;
    color: var(--textColorGray);
    cursor: pointer
}

    ._1i_VJ:hover {
        color: #fff
    }

    ._1i_VJ._3eQiT {
        background-color: #4e4e4e;
        color: #fff
    }

.SyiDE {
    margin-top: 10px;
    height: 90px;
    overflow: hidden
}

    .SyiDE.Jn6TA {
        display: none
    }

._20D14 {
    display: inline-block;
    vertical-align: middle;
    width: 8.32%;
    margin-top: 10px;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #999;
    color: var(--textColorTips)
}

    ._20D14:hover {
        color: #fff
    }

._3minR {
    overflow: hidden;
    margin: -4px 0
}

.gcFp6 {
    display: inline-block;
    vertical-align: middle;
    width: 113px;
    height: 36px;
    line-height: 36px;
    margin: 4px 40px 4px 0;
    text-align: center
}

    .gcFp6:last-child {
        margin-right: 0
    }

    .gcFp6 img {
        max-width: 113px;
        max-height: 36px
    }

._3Tfnx {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._1mkpi {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.GP4Cp:after, .GP4Cp:before {
    content: "";
    display: table
}

.GP4Cp:after {
    clear: both
}

._14-vq {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._12yuk {
    position: fixed;
    z-index: 900;
    z-index: var(--zIndexFooter);
    left: 0;
    bottom: 0;
    width: 100%;
    height: 180px;
    margin: 0 auto;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: -o-transform .35s;
    -moz-transition: transform .35s,-moz-transform .35s;
    transition: transform .35s;
    transition: transform .35s,-webkit-transform .35s,-moz-transform .35s,-o-transform .35s;
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%);
    overflow: hidden
}

._3VUV6 {
    position: absolute;
    right: 50%;
    top: 40px;
    width: 60px;
    height: 60px;
    margin-right: -592px;
    cursor: pointer;
    background-image: url("data:image/gif; base64,AAAA")
}

._26UqR {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 900;
    z-index: var(--zIndexFooter);
    width: 224px;
    height: 146px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s,-moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s;
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%);
    cursor: pointer;
    overflow: hidden
}

    ._12yuk img, ._26UqR img {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%);
        bottom: 0
    }

.ymj6E {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

._1qm7D {
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%)
}

._3E_e_ {
    text-align: center
}

._1ekLj {
    font-size: 16px
}

.OQNS7 {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._202eW {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._2YW73:after, ._2YW73:before {
    content: "";
    display: table
}

._2YW73:after {
    clear: both
}

._14iqC {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._2s2We {
    height: 84px;
    width: 344px;
    background-image: -webkit-linear-gradient(223deg,#24c5ff,#316dff);
    background-image: -moz-linear-gradient(223deg,#24c5ff 0,#316dff 100%);
    background-image: -o-linear-gradient(223deg,#24c5ff 0,#316dff 100%);
    background-image: linear-gradient(227deg,#24c5ff,#316dff);
    background-color: #316dff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block
}

._3gy0M {
    padding: 12px 0 0 16px;
    float: left
}

._2JFuM {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 1.25
}

    ._2JFuM .icon-note {
        margin-left: 4px;
        cursor: pointer
    }

._18aW9 {
    margin-top: 12px
}

    ._18aW9 ._3xFgm {
        display: inline-block;
        vertical-align: middle;
        width: 26px;
        height: 26px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 4px
    }

        ._18aW9 ._3xFgm img {
            display: block;
            width: 100%;
            height: 100%
        }

._3TLW9 {
    width: 140px;
    height: 100%;
    line-height: 84px;
    position: relative;
    margin: auto;
    text-align: center;
    float: right
}

    ._3TLW9:before {
        content: "";
        height: 60px;
        position: absolute;
        left: 0;
        top: 12px
    }

    ._1Uw6h, ._3TLW9:before {
        border-left: 1px dashed #fff
    }

._1Uw6h {
    width: 100px;
    height: 38px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#d2d6e6));
    background: -webkit-linear-gradient(top,#fff,#d2d6e6);
    background: -moz-linear-gradient(top,#fff 0,#d2d6e6 100%);
    background: -o-linear-gradient(top,#fff 0,#d2d6e6 100%);
    background: linear-gradient(180deg,#fff,#d2d6e6);
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,89,180,.4);
    -moz-box-shadow: 0 6px 12px 0 rgba(0,89,180,.4);
    box-shadow: 0 6px 12px 0 rgba(0,89,180,.4);
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #316dff
}

._2J_8t {
    line-height: 18px;
    text-align: center;
    width: 26px;
    height: 26px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f5f5f5;
    margin-right: 2px
}

    ._2J_8t, ._2J_8t i {
        display: inline-block;
        vertical-align: middle
    }

        ._2J_8t i {
            position: relative;
            top: 3px
        }

            ._2J_8t i, ._2J_8t i:after, ._2J_8t i:before {
                width: 2px;
                height: 2px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                background-color: #586c94;
                background-color: var(--b-link);
                margin: 0 1px
            }

                ._2J_8t i:after, ._2J_8t i:before {
                    content: "";
                    position: absolute;
                    left: -4px
                }

                ._2J_8t i:after {
                    left: auto;
                    right: -4px
                }

._2fgTn {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._1an4E {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._2YhsD:after, ._2YhsD:before {
    content: "";
    display: table
}

._2YhsD:after {
    clear: both
}

.skNbI {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.k2vDY {
    height: 84px;
    width: 344px;
    background-image: -webkit-linear-gradient(225deg,#ff9321,#ff314f);
    background-image: -moz-linear-gradient(225deg,#ff9321 0,#ff314f 100%);
    background-image: -o-linear-gradient(225deg,#ff9321 0,#ff314f 100%);
    background-image: linear-gradient(225deg,#ff9321,#ff314f);
    background-color: #ff314f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

._12H25 {
    padding: 12px 0 0 16px;
    float: left
}

._3nmWx {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 1.25
}

    ._3nmWx .icon-note {
        margin-left: 4px;
        cursor: pointer
    }

._3T5uS {
    margin-top: 11px;
    font-size: 14px;
    color: #fff
}

    ._3T5uS strong {
        font-size: 28px;
        line-height: 1;
        margin: 0 2px
    }

.ug6Vk {
    width: 140px;
    position: relative;
    margin: auto;
    text-align: center;
    float: right
}

    .ug6Vk:before {
        content: "";
        height: 60px;
        position: absolute;
        left: 0;
        top: 12px
    }

    ._3_Me0, .ug6Vk:before {
        border-left: 1px dashed #fff
    }

._3_Me0 {
    width: 100px;
    height: 36px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e6d2d2));
    background-image: -webkit-linear-gradient(top,#fff,#e6d2d2);
    background-image: -moz-linear-gradient(top,#fff 0,#e6d2d2 100%);
    background-image: -o-linear-gradient(top,#fff 0,#e6d2d2 100%);
    background-image: linear-gradient(180deg,#fff,#e6d2d2);
    background-color: #e6d2d2;
    -webkit-box-shadow: 0 12px 24px 0 rgba(180,0,0,.24);
    -moz-box-shadow: 0 12px 24px 0 rgba(180,0,0,.24);
    box-shadow: 0 12px 24px 0 rgba(180,0,0,.24);
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #ff5121;
    margin-top: 14px
}

._1-GIp {
    font-size: 14px;
    color: #fff;
    margin-top: 2px
}

._2a5_e {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._8jN1v {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.rxFEz:after, .rxFEz:before {
    content: "";
    display: table
}

.rxFEz:after {
    clear: both
}

._8kTP {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._2i53G {
    position: relative
}

._3HFBb {
    font-size: 36px;
    font-weight: 500;
    color: #333;
    color: var(--textColor)
}

._2SCzT {
    width: 100%;
    height: 44px;
    background: #f8f8f8;
    margin-top: 25px
}

._2q1kC {
    width: 64px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    color: #ff5121;
    color: var(--mainColor);
    float: left;
    white-space: nowrap;
    text-align: center;
    margin-left: 24px
}

    ._2q1kC:after {
        content: "";
        width: 48px;
        height: 4px;
        background: #ff5121;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

._2EtJY {
    width: 64px;
    font-weight: 500;
    margin-left: 40px;
    white-space: nowrap;
    text-align: center;
    color: #333
}

._2EtJY, ._10hAr {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    float: left
}

._10hAr {
    font-weight: 400;
    color: #666;
    color: var(--textColorGray);
    margin-left: 700px
}

._31MSR {
    font-size: 14px
}

.lcB_5 {
    overflow: hidden
}

._1huD3 {
    width: 488px;
    margin-top: 40px;
    float: left
}

._3W0aM {
    position: relative
}

._327rE {
    width: 488px;
    height: 366px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

._2jx_3 {
    position: absolute;
    top: 0;
    left: 16px;
    height: 78px;
    background: -webkit-linear-gradient(315deg,rgba(255,134,72,.94),rgba(252,44,44,.96));
    background: -moz-linear-gradient(315deg,rgba(255,134,72,.94) 0,rgba(252,44,44,.96) 100%);
    background: -o-linear-gradient(315deg,rgba(255,134,72,.94) 0,rgba(252,44,44,.96) 100%);
    background: linear-gradient(135deg,rgba(255,134,72,.94),rgba(252,44,44,.96));
    -webkit-border-radius: 0 0 97px 97px;
    -moz-border-radius: 0 0 97px 97px;
    border-radius: 0 0 97px 97px;
    font-size: 12px;
    color: #fff;
    padding: 5px;
    text-align: center
}

    ._2jx_3 ._2WML_ {
        margin: -5px 0;
        text-align: center
    }

    ._2jx_3 strong {
        font-size: 32px;
        font-weight: 600;
        margin-right: 2px
    }

._1MUzH {
    margin-top: 16px
}

._2ECi9 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 92px;
    height: 68px
}

    ._2ECi9:not(:first-child) {
        margin-left: 5px
    }

.Wql3L {
    border: 2px solid #ff5121
}

._1huD3 h2 {
    font-size: 32px;
    font-weight: 600;
    color: #212121;
    margin-top: 32px;
    text-align: center
}

._319np {
    font-size: 26px
}

._1QRS8 {
    font-size: 20px;
    font-weight: 400;
    color: #ff5121;
    margin-top: 8px;
    text-align: center
}

    ._1QRS8 strong {
        font-size: 32px;
        font-family: Verdana-Bold;
        font-weight: 700
    }

._3REBW {
    color: #ff5121;
    font-size: 66px;
    font-family: Verdana-BoldItalic;
    font-weight: 400;
    float: left;
    margin: 151px 57px 0
}

._15_cj {
    width: 100%;
    height: 69px;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    z-index: 980;
    z-index: var(--zIndexOverlay);
    background: #fff
}

._36YYM {
    float: left;
    width: 39%;
    text-align: center
}

.h2H_T {
    max-width: 50%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 26px;
    font-weight: 500;
    color: #212121
}

._36G0G, .h2H_T {
    height: 69px;
    line-height: 69px;
    display: inline-block
}

._36G0G {
    font-size: 16px;
    color: #ff5121;
    margin-left: 16px;
    vertical-align: top
}

    ._36G0G strong {
        font-size: 24px;
        font-family: Verdana-Bold
    }

._1U2mz {
    color: #ff5121;
    font-size: 55px;
    font-family: Verdana-BoldItalic;
    font-weight: 400;
    height: 69px;
    width: 22%;
    line-height: 53px
}

._1U2mz, ._20ptZ {
    float: left;
    text-align: center
}

._20ptZ {
    width: 39%
}

._2L8r4 {
    margin: 40px 0 60px
}

    ._2L8r4 h3 {
        width: 100%;
        height: 36px;
        background: #f5f5f5;
        text-align: center;
        line-height: 36px;
        font-size: 14px;
        font-weight: 500;
        color: #333;
        color: var(--textColor)
    }

        ._2L8r4 h3 div {
            width: 22%;
            height: 36px;
            margin: 0 auto
        }

._3unLq {
    background: #fff;
    background: var(--bg-whilte)
}

._3UT9j {
    width: 100%;
    table-layout: fixed;
    color: #333;
    font-size: 14px
}

    ._3UT9j, ._3UT9j th {
        border: 1px solid #eee;
        font-weight: 400
    }

        ._3UT9j td {
            border: 1px solid #eee;
            padding: 12px 15px;
            width: 39%;
            vertical-align: top;
            text-align: center
        }

.hH0SC {
    color: #ff5121
}

._12LMK p {
    display: -webkit-box;
    overflow: hidden;
    max-height: 59px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

._35Ock {
    color: #ff5121 !important;
    font-family: Verdana-Bold !important
}

._1lMWi {
    height: 290px
}

._3lDbG {
    color: #ff5121 !important
}

._1UB3k {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._2tBPa {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._2OstY:after, ._2OstY:before {
    content: "";
    display: table
}

._2OstY:after {
    clear: both
}

._3Zsmd {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._3yXAd {
    margin: 60px 0
}

    ._3yXAd img {
        width: 160px;
        height: 120px
    }

    ._3yXAd img, ._7llWg {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

._7llWg {
    width: 100%;
    height: 282px;
    background: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.2)
}

._2Gb9F {
    padding-top: 24px;
    padding-left: 16px;
    width: 160px;
    float: left
}

._1Kstg {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    color: var(--textColor);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

._1Kstg, ._3RrHj {
    text-align: center
}

._3RrHj {
    color: #ff5121;
    color: var(--mainColor);
    font-size: 12px;
    font-weight: 400;
    height: 24px;
    line-height: 24px
}

    ._3RrHj strong {
        font-size: 20px;
        font-weight: 700;
        font-family: Verdana-Bold
    }

.smfKm {
    margin: 24px 5px 0 29px;
    width: 38px;
    float: left
}

._3YoyT {
    width: 1px;
    height: 64px;
    background: #d8d8d8;
    margin: 0 auto 16px
}

.yRglx {
    color: #ff5121;
    font-size: 30px;
    font-family: Verdana-BoldItalic;
    font-weight: 400;
    margin: 0 auto;
    white-space: nowrap;
    text-align: center
}

.fAwmp {
    width: 1px;
    height: 64px;
    background: #d8d8d8;
    margin: 16px auto 0
}

._3fPjE {
    margin: 24px 0 0 24px;
    width: 160px;
    float: left
}

.wV1Ae {
    text-align: center;
    width: 116px;
    height: 38px;
    background: -webkit-gradient(linear,right top,left top,from(#ff7338),to(#f54732));
    background: -webkit-linear-gradient(right,#ff7338,#f54732);
    background: -moz-linear-gradient(right,#ff7338 0,#f54732 100%);
    background: -o-linear-gradient(right,#ff7338 0,#f54732 100%);
    background: linear-gradient(270deg,#ff7338,#f54732);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 38px;
    margin: 15px auto 24px
}

._37d2I {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

.o_hcW {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._6YD7f:after, ._6YD7f:before {
    content: "";
    display: table
}

._6YD7f:after {
    clear: both
}

._3U8RW {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._3ysUp {
    margin-bottom: 120px;
    width: 100%
}

._2VjMY {
    height: 228px
}

._1yKtq {
    position: relative;
    float: left
}

    ._1yKtq img, ._5214X {
        width: 384px;
        height: 228px
    }

._5214X {
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
    background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.5));
    background: -moz-linear-gradient(top,transparent 0,rgba(0,0,0,.5) 100%);
    background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.5) 100%);
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.5))
}

._5214X, .zSpGf {
    position: absolute
}

.zSpGf {
    bottom: 16px;
    left: 16px;
    width: 353px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 79px
}

._33IE3 {
    width: 400px;
    display: inline-block;
    margin-bottom: 15px
}

.Pj4kD {
    width: 80px;
    height: 60px;
    margin-left: 32px;
    float: left
}

._2VIkP {
    float: left;
    margin-left: 12px
}

    ._2VIkP h4 {
        width: 276px;
        height: 36px;
        font-size: 14px;
        font-weight: 400;
        color: #333;
        line-height: 18px;
        margin-bottom: 8px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: 36px
    }

    ._2VIkP p {
        font-size: 12px;
        font-weight: 400;
        color: #999
    }

._1k2pd {
    background: #f8f8f8;
    font-weight: 600
}

    ._1k2pd a {
        color: #212121
    }

._2Y4uy {
    display: inline-block;
    margin-right: 40px;
    position: relative
}

    ._2Y4uy a {
        display: block;
        padding-bottom: 16px;
        font-size: 16px
    }

._1jq8Y a {
    color: #ff5121
}

._1jq8Y:after {
    content: "";
    width: 48px;
    height: 4px;
    background: #ff5121;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

._3YLD0 {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._1pp2u {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._2gAcj:after, ._2gAcj:before {
    content: "";
    display: table
}

._2gAcj:after {
    clear: both
}

.qK4Fd {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._3a_Pg {
    position: relative;
    z-index: 10;
    height: 330px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
    margin-bottom: 60px !important
}

._2OX2q {
    float: left;
    width: 400px;
    height: 100%;
    padding: 32px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background-color: #f54732;
    background-image: -webkit-linear-gradient(225deg,#ff7338,#f54732);
    background-image: -moz-linear-gradient(225deg,#ff7338 0,#f54732 100%);
    background-image: -o-linear-gradient(225deg,#ff7338 0,#f54732 100%);
    background-image: linear-gradient(225deg,#ff7338,#f54732);
    color: #fff
}

._3dMpA {
    height: 100px;
    font-size: 40px;
    line-height: 1.24;
    font-weight: 600
}

._3B4aY {
    position: relative;
    margin-top: 44px
}

._2KlH1 {
    line-height: 1.4;
    font-size: 16px
}

    ._2KlH1 strong {
        padding-right: 6px;
        font-size: 64px;
        font-weight: 700;
        font-family: Verdana,sans-serif
    }

._1e6d2 {
    padding-top: 41px;
    font-size: 32px
}

._2GerB {
    position: absolute;
    left: 155px;
    top: -24px;
    background-color: #fff;
    -webkit-border-radius: 1px 1px 1px 0;
    -moz-border-radius: 1px 1px 1px 0;
    border-radius: 1px 1px 1px 0;
    padding: 0 8px;
    font-size: 14px;
    color: #222
}

    ._2GerB:before {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 0;
        height: 0;
        overflow: hidden;
        border-color: #fff transparent transparent;
        border-style: solid;
        border-width: 4px 4px 0 0
    }

._1xhed {
    padding-top: 10px;
    font-size: 18px
}

._1eDRS {
    overflow: hidden;
    padding: 32px 40px 0
}

.cWzfW {
    line-height: 1.3
}

._24lg5 {
    font-size: 16px;
    font-weight: 600
}

._1j0ps, ._24lg5 {
    display: inline-block;
    vertical-align: middle
}

.BZ1A- {
    margin-left: 32px;
    font-size: 14px;
    font-weight: 600
}

._2WXRU {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 14px 0 12px
}

    ._2WXRU._2LpP1 {
        background-color: #ff5121;
        background-color: var(--mainColor)
    }

    ._2WXRU._3tl_m {
        background-color: #648dff
    }

    ._2WXRU._2LpP1:before {
        border-color: #ff5121;
        border-color: var(--mainColor)
    }

    ._2WXRU._3tl_m:before {
        border-bottom-style: dotted;
        border-color: #648dff
    }

    ._2WXRU:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 24px;
        height: 2px;
        border-bottom: 2px solid;
        margin: -1px 0 0 -12px
    }

._2ywmI {
    height: 258px;
    padding: 30px 0 10px
}

._3-D44 {
    position: relative;
    float: right;
    width: 144px;
    height: 108px;
    overflow: hidden
}

    ._3-D44 img {
        display: block
    }

    ._3-D44 img, ._16iRb {
        width: 100%;
        height: 100%
    }

._16iRb {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 108px;
    background: rgba(0,0,0,.5);
    font-size: 16px;
    color: #fff;
    text-align: center
}

    ._16iRb, ._16iRb:hover {
        text-decoration: underline
    }

.ecdqd {
    float: left;
    width: 550px
}

.Yb5CV {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 7px 4px 7px 0;
    font-size: 16px;
    line-height: 1.375
}

._16L7k {
    float: left;
    width: 76px;
    color: #999;
    color: var(--textColorTips)
}

._3Mohu {
    display: block;
    overflow: hidden;
    margin-left: 76px
}

    ._3Mohu a, ._3Mohu a:hover {
        text-decoration: underline
    }

        ._3Mohu a:hover {
            color: #d43400
        }

._1N1YC {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._1ndno {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.Oovq7:after, .Oovq7:before {
    content: "";
    display: table
}

.Oovq7:after {
    clear: both
}

._1GV0S {
    max-width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._1GV0S, ._2EwIe, ._3C33q {
    overflow: hidden
}

._2EwIe {
    position: relative;
    padding: 42px 24px 24px;
    color: #fff;
    background-color: #f2223e;
    background-image: -webkit-linear-gradient(226deg,#ff7338,#f2223e);
    background-image: -moz-linear-gradient(226deg,#ff7338 0,#f2223e 100%);
    background-image: -o-linear-gradient(226deg,#ff7338 0,#f2223e 100%);
    background-image: linear-gradient(224deg,#ff7338,#f2223e)
}

    ._2EwIe:after, ._2EwIe:before {
        content: "";
        position: absolute;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    ._2EwIe:before {
        top: -20%;
        width: 240px;
        height: 238px;
        background-image: -webkit-linear-gradient(229deg,#ff9e38,#f2223e);
        background-image: -moz-linear-gradient(229deg,#ff9e38 0,#f2223e 100%);
        background-image: -o-linear-gradient(229deg,#ff9e38 0,#f2223e 100%);
        background-image: linear-gradient(221deg,#ff9e38,#f2223e)
    }

    ._2EwIe:after, ._2EwIe:before {
        right: -20%;
        background-color: #f2223e;
        opacity: .5015
    }

    ._2EwIe:after {
        bottom: -20%;
        width: 190px;
        height: 190px;
        background-image: -webkit-linear-gradient(206deg,#ff9e38,#f2223e);
        background-image: -moz-linear-gradient(206deg,#ff9e38 0,#f2223e 100%);
        background-image: -o-linear-gradient(206deg,#ff9e38 0,#f2223e 100%);
        background-image: linear-gradient(244deg,#ff9e38,#f2223e)
    }

    ._2EwIe ._3UEoI {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        top: 0;
        right: 0;
        color: #fff
    }

._30hFI {
    max-height: 104px;
    font-size: 36px;
    font-weight: 600
}

._30hFI, .b4HAx {
    position: relative;
    z-index: 2
}

.b4HAx {
    padding-top: 63px;
    font-size: 14px
}

.em8rM {
    height: 60px
}

._3lLYk {
    padding-right: 18px;
    font-size: 20px;
    font-weight: 700
}

    ._3lLYk strong {
        padding-right: 2px;
        font-size: 48px;
        font-family: Verdana
    }

._29GM- {
    font-size: 16px
}

._2Qrvu {
    height: 60px;
    padding-top: 20px;
    font-size: 20px;
    font-weight: 700
}

.WN1xS {
    background-color: #fff
}

.qLJmu {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 24px
}

    .qLJmu img {
        display: block;
        width: 100%;
        height: 100%
    }

._22VXh {
    overflow: hidden;
    min-height: 80px
}

._28hkN {
    font-size: 16px;
    font-weight: 600
}

._1ea_a {
    line-height: 20px;
    padding-top: 16px;
    font-size: 14px;
    color: #666;
    color: var(--textColorGray)
}

._1wd-6 {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._1z72v {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._3Vm-s:after, ._3Vm-s:before {
    content: "";
    display: table
}

._3Vm-s:after {
    clear: both
}

.uLCu3 {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.UMO3- {
    position: relative;
    padding: 26px 32px;
    border: 1px solid #dedede;
    border: 1px solid var(--bor-dark);
    background: #f8f8f8;
    font-size: 16px
}

.MgcVn {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #121212;
    color: var(--textColorTitle)
}

._1PfkK {
    padding: 24px 0 10px
}

._270Dn {
    position: relative;
    padding: 8px 0 8px 72px;
    margin-bottom: 16px;
    border-bottom: 1px solid #dedede;
    border-bottom: 1px solid var(--bor-dark)
}

._3JHSN {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

    ._3JHSN em {
        color: #e64340;
        color: var(--colorWarn)
    }

.FaBwv {
    font-weight: 600
}

._3_R0P {
    width: 100%;
    border: 0;
    background: transparent;
    font-size: 16px;
    font-weight: 400
}

._3qi5w {
    width: 124px;
    margin-right: 26px
}

._1_CsY {
    width: 52px;
    margin: 0 30px 0 26px
}

._3ywSW {
    width: 266px
}

._3XTx- .sEzas {
    width: 100%;
    height: 48px;
    line-height: 48px
}

._34q5G {
    position: absolute;
    z-index: 10;
    left: 72px;
    right: 0;
    top: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #eee;
    border: 1px solid var(--bor-default)
}

.lymc_ {
    position: relative;
    font-size: 14px;
    padding: 16px 20px
}

    .lymc_:after, .lymc_:hover {
        background-color: #f8f8f8;
        background-color: var(--bg-default)
    }

    .lymc_:after {
        content: "";
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 0;
        height: 1px
    }

    .lymc_:last-child:after {
        height: 0
    }

    .lymc_ em {
        color: #ff5121;
        color: var(--mainColor)
    }

._1kh0c {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 16px 30px;
    background-color: rgba(0,0,0,.7);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.EDTGK {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._1wDW8 {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._37Wl6:after, ._37Wl6:before {
    content: "";
    display: table
}

._37Wl6:after {
    clear: both
}

._1VzFz {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._2VxKl {
    position: relative;
    padding: 32px 0;
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid var(--bor-default)
}

    ._2VxKl:first-child {
        margin-top: -32px
    }

    ._2VxKl:hover {
        background-color: #f8f8f8
    }

._26Vue {
    position: relative;
    float: left;
    width: 160px;
    height: 120px;
    margin-right: 32px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    ._26Vue img {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

        ._26Vue img:hover {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1)
        }

._1yq4K {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    line-height: 48px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: rgba(0,0,0,.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    text-align: center
}

    ._1yq4K i {
        margin-left: 3px;
        font-size: 16px
    }

._3sME4 {
    position: relative;
    overflow: hidden;
    min-height: 120px;
    padding-right: 150px
}

._211gd {
    display: block;
    line-height: 1.2;
    font-size: 24px;
    font-weight: 700
}

._39O85 {
    display: inline-block;
    vertical-align: middle
}

    ._39O85:hover, ._211gd a:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

._211gd ._1VzFz {
    display: inline-block;
    vertical-align: middle;
    max-width: 92%
}

._1frFH {
    line-height: 1.285;
    padding-top: 24px;
    font-size: 14px;
    color: #666;
    color: var(--textColorGray)
}

._1zv1f {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    text-align: right
}

._3IgYL {
    color: #ff5121;
    color: var(--mainColor);
    font-weight: 700
}

    ._3IgYL strong {
        font-family: Verdana;
        font-size: 26px
    }

    ._3IgYL i {
        position: relative;
        top: -2px;
        margin-right: 4px;
        color: #0bb03d;
        color: var(--cdown);
        font-size: 20px;
        font-weight: 400
    }

._1TXgu {
    padding: 18px 0 2px;
    font-size: 14px;
    color: #666;
    color: var(--textColorGray)
}

._24oLj {
    width: 1px;
    height: 12px;
    margin: 0 12px;
    background-color: #dedede
}

._24oLj, ._29NgZ {
    display: inline-block;
    vertical-align: middle
}

._29NgZ {
    position: relative;
    margin-left: 6px;
    padding: 0 3px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 400
}

._12OYx {
    background: #0bb03d;
    background-image: -webkit-linear-gradient(224deg,#1ad870,#0bb03d);
    background-image: -moz-linear-gradient(224deg,#1ad870 0,#0bb03d 100%);
    background-image: -o-linear-gradient(224deg,#1ad870 0,#0bb03d 100%);
    background-image: linear-gradient(226deg,#1ad870,#0bb03d)
}

._1CJ4f {
    background-color: #334de1;
    background-image: -webkit-gradient(linear,left top,right top,from(#334de1),to(#3c8aff));
    background-image: -webkit-linear-gradient(left,#334de1,#3c8aff);
    background-image: -moz-linear-gradient(left,#334de1 0,#3c8aff 100%);
    background-image: -o-linear-gradient(left,#334de1 0,#3c8aff 100%);
    background-image: linear-gradient(90deg,#334de1,#3c8aff)
}

._1jZ0j {
    line-height: 1.333;
    height: 24px;
    margin-top: 24px;
    max-width: 100%;
    overflow: hidden;
    font-size: 0
}

._2zSfZ {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding: 4px 8px;
    margin-right: 8px;
    background-color: #f3f5f7;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #586c94;
    color: var(--b-link);
    font-size: 12px
}

._2Fgrr {
    background-color: #ffe6ec;
    color: #ef3e4a
}

._1Z8dt {
    background-color: #ff5d51;
    color: #fff
}

._3Pog6 {
    height: 20px
}

    ._3Pog6 ._2zSfZ {
        padding: 2px 4px
    }

._2cwaK {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1px 4px;
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
    font-size: 12px;
    color: #fff
}

._2Ryn9 {
    background-color: #f79a1c;
    background-image: -webkit-gradient(linear,right top,left top,from(#ffbe22),to(#f79a1c));
    background-image: -webkit-linear-gradient(right,#ffbe22,#f79a1c);
    background-image: -moz-linear-gradient(right,#ffbe22 0,#f79a1c 100%);
    background-image: -o-linear-gradient(right,#ffbe22 0,#f79a1c 100%);
    background-image: linear-gradient(270deg,#ffbe22,#f79a1c)
}

._1-7w4 {
    background-color: #ff3d26;
    background-image: -webkit-gradient(linear,right top,left top,from(#ff8c32),to(#ff3d26));
    background-image: -webkit-linear-gradient(right,#ff8c32,#ff3d26);
    background-image: -moz-linear-gradient(right,#ff8c32 0,#ff3d26 100%);
    background-image: -o-linear-gradient(right,#ff8c32 0,#ff3d26 100%);
    background-image: linear-gradient(270deg,#ff8c32,#ff3d26)
}

._2ly4E {
    background-color: #ef3e4a
}

.cbw8i {
    background-color: #09b532;
    background-image: -webkit-gradient(linear,right top,left top,from(#0fd944),to(#09b532));
    background-image: -webkit-linear-gradient(right,#0fd944,#09b532);
    background-image: -moz-linear-gradient(right,#0fd944 0,#09b532 100%);
    background-image: -o-linear-gradient(right,#0fd944 0,#09b532 100%);
    background-image: linear-gradient(270deg,#0fd944,#09b532)
}

._3L3r4 {
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px
}

._2xKsZ {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._3URPT {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._3_Klu:after, ._3_Klu:before {
    content: "";
    display: table
}

._3_Klu:after {
    clear: both
}

._1GHuo {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.X_hl8 {
    font-size: 14px;
    text-align: center
}

._1Y0hJ {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid var(--bor-default)
}

.tZ9UD {
    display: table-cell
}

._2U9NW {
    padding: 8px 0;
    color: #999;
    color: var(--textColorTips);
    background-color: #f5f5f5
}

    ._2U9NW ._3SW4p {
        font-weight: 400
    }

._3SW4p {
    text-align: left;
    width: 110px;
    overflow: hidden;
    font-weight: 700
}

.heHGT {
    display: block;
    width: 100%
}

.iTmnV, .sSDNA {
    width: 120px
}

.sSDNA {
    color: #586c94;
    color: var(--b-link);
    text-align: right;
    cursor: pointer
}

._166wV {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._2KNxW {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.F11IY:after, .F11IY:before {
    content: "";
    display: table
}

.F11IY:after {
    clear: both
}

._23NHZ {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._2Jp1v {
    position: relative;
    float: left;
    width: 224px;
    height: 244px;
    margin-right: 24px
}

    ._2Jp1v:nth-child(3n+3) {
        margin-right: 0
    }

._3msXZ {
    display: block;
    height: 100%
}

._3bJru {
    position: relative;
    width: 100%;
    height: 168px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    ._3bJru img {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

._3msXZ:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.VtAxL {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    line-height: 48px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: rgba(0,0,0,.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    text-align: center
}

    .VtAxL i {
        margin-left: 3px;
        font-size: 16px
    }

._8Z1mE {
    margin-top: 16px;
    height: 30px;
    line-height: 30px
}

._1qIes {
    float: left;
    overflow: hidden;
    width: 66%;
    font-size: 20px;
    font-weight: 600
}

._1ID5A {
    line-height: 1.285;
    padding-top: 16px;
    font-size: 14px;
    color: #666
}

._2Gybs {
    float: right;
    color: #ff5121;
    color: var(--mainColor);
    font-weight: 700;
    font-size: 12px
}

    ._2Gybs strong {
        padding-right: 2px;
        font-size: 24px;
        font-family: Verdana
    }

._2N4ow {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 12px;
    margin: 0 12px;
    background-color: #dedede
}

._3aQoN {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1px 4px;
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
    font-size: 12px;
    color: #fff
}

._18Llq {
    background-color: #f79a1c;
    background-image: -webkit-gradient(linear,right top,left top,from(#ffbe22),to(#f79a1c));
    background-image: -webkit-linear-gradient(right,#ffbe22,#f79a1c);
    background-image: -moz-linear-gradient(right,#ffbe22 0,#f79a1c 100%);
    background-image: -o-linear-gradient(right,#ffbe22 0,#f79a1c 100%);
    background-image: linear-gradient(270deg,#ffbe22,#f79a1c)
}

._2o_xE {
    background-color: #ff3d26;
    background-image: -webkit-gradient(linear,right top,left top,from(#ff8c32),to(#ff3d26));
    background-image: -webkit-linear-gradient(right,#ff8c32,#ff3d26);
    background-image: -moz-linear-gradient(right,#ff8c32 0,#ff3d26 100%);
    background-image: -o-linear-gradient(right,#ff8c32 0,#ff3d26 100%);
    background-image: linear-gradient(270deg,#ff8c32,#ff3d26)
}

.tqdGQ {
    background-color: #ef3e4a
}

.CWJC_ {
    background-color: #09b532;
    background-image: -webkit-gradient(linear,right top,left top,from(#0fd944),to(#09b532));
    background-image: -webkit-linear-gradient(right,#0fd944,#09b532);
    background-image: -moz-linear-gradient(right,#0fd944 0,#09b532 100%);
    background-image: -o-linear-gradient(right,#0fd944 0,#09b532 100%);
    background-image: linear-gradient(270deg,#0fd944,#09b532)
}

._1BI2g {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._3IKoV {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.FBxfA:after, .FBxfA:before {
    content: "";
    display: table
}

.FBxfA:after {
    clear: both
}

._1RBwc {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._3Tlsf {
    padding: 24px;
    border: 1px solid #eee;
    border: 1px solid var(--bor-default);
    margin-bottom: 32px
}

._1uvE6 {
    padding-bottom: 12px;
    position: relative
}

._2n-wi {
    font-size: 20px;
    font-weight: 700
}

._12Q0k {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    color: #4e4e4e;
    color: var(--textColorLight)
}

    ._12Q0k i {
        display: inline-block;
        vertical-align: 1px;
        padding-left: 6px;
        font-size: 12px;
        color: #666;
        color: var(--textColorGray)
    }

    ._12Q0k:hover, ._12Q0k:hover i {
        color: #d43400;
        color: var(--hoverColor)
    }

._1_gni {
    float: left;
    width: 370px
}

._2oTp3 {
    color: #ff5121;
    color: var(--mainColor)
}

._1Jl38 {
    margin-top: 40px;
    height: 190px
}

._3ewop {
    float: right;
    width: 720px
}

._3HI-J {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._2EpHP {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._3NTbo:after, ._3NTbo:before {
    content: "";
    display: table
}

._3NTbo:after {
    clear: both
}

._36BGP {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qKgMj {
    position: relative;
    float: left;
    width: 224px;
    height: 250px;
    margin-right: 16px
}

    .qKgMj:last-child {
        margin-right: 0
    }

._1rjI3 {
    display: block;
    height: 100%
}

._33XGJ {
    position: relative;
    width: 100%;
    height: 168px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    ._33XGJ img {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

._1rjI3:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

._22WkN {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    padding: 48px 12px 0;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.4)));
    background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.4));
    background: -moz-linear-gradient(top,transparent 0,rgba(0,0,0,.4) 100%);
    background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.4) 100%);
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.4));
    color: #fff
}

._1WAvO {
    text-align: right
}

._76rHO {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    line-height: 48px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: rgba(0,0,0,.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    text-align: center
}

    ._76rHO i {
        margin-left: 3px;
        font-size: 16px
    }

._2fKhP {
    padding-top: 16px
}

._1XPoE {
    display: inline-block;
    vertical-align: middle;
    width: 66%;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 600
}

.A9WAv {
    float: right;
    padding-top: 2px;
    font-size: 14px;
    color: #666;
    color: var(--textColorGray)
}

._1LlAq {
    height: 30px;
    line-height: 30px;
    margin-top: 12px;
    color: #ff5121;
    color: var(--mainColor);
    font-weight: 700;
    font-size: 12px
}

    ._1LlAq strong {
        padding-right: 2px;
        font-size: 20px;
        font-family: Verdana
    }

.rmjw7 {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._3QIkm {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._2cdPM:after, ._2cdPM:before {
    content: "";
    display: table
}

._2cdPM:after {
    clear: both
}

._3GFv7 {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._3_GUC {
    height: 32px;
    line-height: 32px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    color: #ff5121;
    color: var(--mainColor);
    clear: both;
    text-align: left
}

._3_GUC, ._3Dzzy {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

._3Dzzy {
    border: 1px solid #dedede;
    margin: 8px auto 15px;
    padding: 10px 15px;
    background: repeat
}

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

._15WSK li {
    float: left;
    position: relative
}

    ._15WSK li a {
        display: block;
        height: 26px;
        line-height: 26px;
        margin-right: 30px;
        vertical-align: middle;
        text-align: center;
        color: #1c50a3;
        font-size: 12px;
        text-decoration: none;
        white-space: nowrap
    }

.qWNE- {
    position: absolute;
    left: -20px;
    top: 25px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 10;
    width: 200px
}

    .qWNE- dd {
        text-align: center;
        float: left;
        margin: 0 5px
    }

        .qWNE- dd a {
            display: block;
            text-align: center;
            margin-right: 0
        }

._2A-ye {
    margin-bottom: 105px
}

.H5est {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding: 4px 8px;
    margin-right: 8px;
    background-color: #f3f5f7;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #586c94;
    font-size: 12px
}

.nESgo {
    background-color: #ffe6ec;
    color: #ef3e4a
}

._1d-e9 {
    background: #ff5d51;
    color: #fff
}

.qeoVs {
    background: -webkit-linear-gradient(233deg,#ff2499,#ff314f);
    background: -moz-linear-gradient(233deg,#ff2499 0,#ff314f 100%);
    background: -o-linear-gradient(233deg,#ff2499 0,#ff314f 100%);
    background: linear-gradient(217deg,#ff2499,#ff314f);
    color: #fff
}

._11wmc {
    background-color: #f8f8f8;
    line-height: 40px;
    border-bottom: 2px solid #ff5121;
    margin-top: -16px
}

._2Hero {
    width: 1184px;
    margin: 0 auto;
    font-size: 16px
}

._1djiv {
    display: inline-block;
    font-weight: 700;
    width: 80px;
    text-align: center;
    cursor: pointer
}

._3U87X {
    color: #fff;
    background-color: #ff5121
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

blockquote, body, button, dd, dl, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

body, button, input, select, textarea {
    font-size: 14px;
    line-height: 1.5;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

body {
    color: #333;
    word-wrap: break-word
}

article, aside, footer, header, main, nav, section {
    display: block
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

ol, ul {
    list-style: none
}

img {
    border: 0;
    vertical-align: middle
}

    img:not([src]), img[src=""] {
        opacity: 0
    }

address, cite, dfn, em, i, var {
    font-style: normal
}

a {
    color: #333;
    cursor: pointer
}

    a, a:hover {
        text-decoration: none
    }

        a:focus {
            outline: none
        }

table {
    border-collapse: collapse;
    border-spacing: 0;
    word-wrap: break-word
}

button, input, select {
    outline: none;
    vertical-align: middle;
    color: inherit
}

button {
    border: none;
    background: none;
    cursor: pointer
}

input[type=reset], input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=submit] {
    -webkit-appearance: none
}

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

input::-ms-clear, input::-ms-reveal {
    display: none
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

::-ms-check, select::-ms-expand {
    display: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=button], input[type=submit] {
    cursor: pointer
}

input[type=text]:focus, select:focus, textarea:focus {
    color: #333
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999
}

textarea {
    resize: none
}

    textarea:focus {
        outline: none
    }

.ellipsisTwo {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.fixed, .fixedRight {
    position: fixed !important;
    left: 0;
    right: 0;
    z-index: 980;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    top: 0
}

.Button {
    display: block;
    width: 240px;
    height: 56px;
    line-height: 56px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    font-size: 18px;
    text-align: center
}

.Button--default {
    background-color: #ff5121;
    background-image: -webkit-gradient(linear,right top,left top,from(#ff7338),to(#f54732));
    background-image: -webkit-linear-gradient(right,#ff7338,#f54732);
    background-image: -o-linear-gradient(right,#ff7338,#f54732);
    background-image: -moz-linear-gradient(right,#ff7338,#f54732);
    background-image: linear-gradient(-90deg,#ff7338,#f54732);
    color: #fff
}

    .Button--default.disabled {
        opacity: .6
    }

.Button--line {
    border: 1px solid #ff5121;
    background-color: #fff;
    color: #ff5121
}

    .Button--line.disabled {
        border-color: #dedede;
        color: #4e4e4e;
        cursor: default
    }

    .Button--line:not(.disabled):hover {
        border-color: #d43400;
        color: #fff
    }

    .Button--line .icon-chat {
        font-size: 12px;
        margin-right: 4px
    }

.Button--link {
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    border: 1px solid #eee;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 700;
    color: #586c94
}

    .Button--link:not(.disabled):hover {
        border-color: #d43400;
        color: #fff
    }

    .Button--link i {
        vertical-align: middle;
        font-size: 20px;
        margin-right: 12px;
        font-weight: 400
    }

.Button--link-line {
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    border: 1px solid #ff5121;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 700;
    color: #ff5121
}

    .Button--link-line.disabled {
        cursor: default;
        border: 0;
        background-color: #f8f8f8;
        color: #999
    }

    .Button--link-line:not(.disabled):hover {
        border-color: #d43400;
        color: #fff
    }

    .Button--link-line i {
        vertical-align: middle;
        font-size: 20px;
        margin-right: 12px;
        font-weight: 400
    }

.Button--solid {
    color: #e82200;
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fffffe),color-stop(33%,#ffddd1),to(#fe9572));
    background-image: -webkit-linear-gradient(top,#fffffe,#ffddd1 33%,#fe9572);
    background-image: -o-linear-gradient(top,#fffffe 0,#ffddd1 33%,#fe9572 100%);
    background-image: -moz-linear-gradient(top,#fffffe 0,#ffddd1 33%,#fe9572 100%);
    background-image: linear-gradient(180deg,#fffffe,#ffddd1 33%,#fe9572);
    -webkit-box-shadow: 0 5px 24px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 24px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 24px 0 rgba(0,0,0,.1);
    font-weight: 700
}

    .Button--solid:hover {
        background-color: #fff !important;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#fffffe),color-stop(33%,#ffddd1),to(#fe9572)) !important;
        background-image: -webkit-linear-gradient(top,#fffffe,#ffddd1 33%,#fe9572) !important;
        background-image: -o-linear-gradient(top,#fffffe 0,#ffddd1 33%,#fe9572 100%) !important;
        background-image: -moz-linear-gradient(top,#fffffe 0,#ffddd1 33%,#fe9572 100%) !important;
        background-image: linear-gradient(180deg,#fffffe,#ffddd1 33%,#fe9572) !important;
        color: #e82200
    }

.Button:not(.disabled):hover {
    background-color: #d43400;
    background-image: none
}

.Button--size-m {
    width: 200px;
    height: 48px;
    line-height: 48px;
    font-size: 16px
}

.Button--size-s {
    width: 160px;
    height: 40px;
    line-height: 38px;
    font-size: 16px
}

.Button--size-t {
    width: 112px;
    height: 32px;
    line-height: 30px;
    font-size: 14px
}

.AsideTool-chat-layer-name, .AsideTool-chat-layer-text, .BasicDetail-true-dec, .BigPic-agent-dec, .BigPic-agent-title, .Detail-aside-flagship-dec, .dMapBubble-circle-name, .dMapBubble-house-company, .dMapBubble-house-name, .dMapBubble-row-text-inner, .dMapDetailPanel-lpList-type, .dMapSelect-list .Filter-select-label-text, .ellipsis, .Flow-list-question, .hsPrice-header-city-txt, .hsPriceTable .name, .ImWindowChat-agent-dec, .ImWindowChat-layer-name, .ImWindowMessage-list-name, .ImWindowMessage-list-text, .InfoList-text, .LpList-set-item, .LpList-table-name, .LpListRow-name, .Map-layer-title, .Modal-lp-list-name, .Modal-lp-list-type, .news-list-about-tit, .noticeForm--row .noticeForm-text, .PicDetail-agent-text, .Promot-title, .Search-list-props, .Search-list-text, .Topbar-flagship-company, .Topbar-flagship-dec {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.Agent-list-dec, .Comment-aside-dec, .dMapDetailPanel-address, .dMapDetailPanel-xf-name, .ellipsisTwo, .Modal-subscribe-title {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.dMapDetailPanel-fixed, .dMapLeads-grade, .fixed, .fixedRight, .Modal-wrap, .ModalVideo-wrap, .Toast {
    position: fixed !important;
    left: 0;
    right: 0;
    z-index: 980;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    top: 0
}

.fixedRight {
    left: auto;
    bottom: auto;
    top: 16px;
    right: 50%;
    margin-right: -592px;
    background-color: #fff;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 100
}

.clearfix:after, .clearfix:before, .dMapDetailPanel-filter:after, .dMapDetailPanel-filter:before, .dMapDetailPanel-lpList-item a:after, .dMapDetailPanel-lpList-item a:before, .ImWindowChat-agent:after, .ImWindowChat-agent:before, .ImWindowChat-tool:after, .ImWindowChat-tool:before, .ImWindowMessage-list-hd:after, .ImWindowMessage-list-hd:before, .ImWindowMessage-list-item:after, .ImWindowMessage-list-item:before, .noticeForm--row:after, .noticeForm--row:before {
    content: "";
    display: table
}

.clearfix:after, .dMapDetailPanel-filter:after, .dMapDetailPanel-lpList-item a:after, .ImWindowChat-agent:after, .ImWindowChat-tool:after, .ImWindowMessage-list-hd:after, .ImWindowMessage-list-item:after, .noticeForm--row:after {
    clear: both
}

@font-face {
    font-family: fddPc;
    src: url(https://static.esf.fangdd.com/esf/webcpwebsite/fddPc-27Vl0.eot);
    src: url(https://static.esf.fangdd.com/esf/webcpwebsite/fddPc-27Vl0.eot#iefix) format("embedded-opentype"),url(https://static.esf.fangdd.com/esf/webcpwebsite/fddPc-20XWz.woff) format("woff"),url(https://static.esf.fangdd.com/esf/webcpwebsite/fddPc-1NqwZ.ttf) format("truetype"),url(https://static.esf.fangdd.com/esf/webcpwebsite/fddPc-2IUPM.svg#iconfont) format("svg")
}

.dMapDetailPanel-select-text:after, .dMapDetailPanel-typeList-item:before, .fddPc, .serviceBox:before, [class*=" icon-"], [class^=icon-] {
    font-family: fddPc !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dMapDetailPanel-typeList-item:before, .serviceBox:before {
    position: absolute;
    right: 0;
    top: 50%;
    color: #999;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px
}

.icon-address:before {
    content: "\e77f"
}

.icon-map-bank:before {
    content: "\e917";
    font-size: 20px
}

.icon-map-bus:before {
    content: "\e918";
    font-size: 20px
}

.icon-map-hospital:before {
    content: "\e919";
    font-size: 20px
}

.icon-map-subway:before {
    content: "\e91a";
    font-size: 20px
}

.icon-map-resturant:before {
    content: "\e91b";
    font-size: 20px
}

.icon-map-shopping:before {
    content: "\e91c";
    font-size: 20px
}

.icon-map-school:before {
    content: "\e91d";
    font-size: 20px
}

.dMapDetailPanel-typeList-item:before, .icon-arrow-r:before, .serviceBox:before {
    content: "\e91e"
}

.icon-close:before {
    content: "\e91f"
}

.icon-open:before {
    content: "\e920"
}

.icon-tel:before {
    content: "\e921"
}

.icon-love:before {
    content: "\e922"
}

.icon-loved:before {
    content: "\e923"
}

.icon-next:before {
    content: "\e924"
}

.icon-prev:before {
    content: "\e925"
}

.icon-closeoff:before {
    content: "\e926"
}

.icon-video:before {
    content: "\e910"
}

.icon-rank-up:before {
    content: "\e927"
}

.icon-rank-down:before {
    content: "\e928"
}

.icon-arrow-l:before {
    content: "\e929"
}

.icon-subway:before {
    content: "\e941"
}

.icon-school:before {
    content: "\e942"
}

.icon-map:before {
    content: "\e943"
}

.icon-phone:before {
    content: "\e944"
}

.icon-number:before {
    content: "\e945"
}

.icon-message:before {
    content: "\e946"
}

.icon-refresh:before {
    content: "\e947"
}

.icon-pass:before {
    content: "\e948"
}

.icon-clear:before {
    content: "\e949"
}

.icon-delete:before {
    content: "\e94c"
}

.icon-hotline:before {
    content: "\e986"
}

.icon-filter-up:before {
    content: "\e9b9"
}

.icon-filter-down:before {
    content: "\e9ba"
}

.icon-round-more:before {
    content: "\e8ec"
}

.icon-h-fridge:before {
    content: "\e8ed"
}

.icon-h-television:before {
    content: "\e8ee"
}

.icon-h-supermarket:before {
    content: "\e8ef"
}

.icon-h-bed:before {
    content: "\e8f0"
}

.icon-h-cupboard:before {
    content: "\e8f1"
}

.icon-h-elec-oven:before {
    content: "\e8f2"
}

.icon-h-lift:before {
    content: "\e8f3"
}

.icon-h-ind-balcony:before {
    content: "\e8f4"
}

.icon-h-gym:before {
    content: "\e8f5"
}

.icon-h-dryer:before {
    content: "\e8f6"
}

.icon-h-air:before {
    content: "\e8f7"
}

.icon-h-oven:before {
    content: "\e8f8"
}

.icon-h-window:before {
    content: "\e8f9"
}

.icon-h-sofa:before {
    content: "\e8fa"
}

.icon-h-desk:before {
    content: "\e8fb"
}

.icon-h-water:before {
    content: "\e8fc"
}

.icon-h-heat:before {
    content: "\e8fd"
}

.icon-h-gas:before {
    content: "\e8fe"
}

.icon-h-microwave:before {
    content: "\e8ff"
}

.icon-h-washroom:before {
    content: "\e901"
}

.icon-h-wardrobe:before {
    content: "\e902"
}

.icon-h-wash:before {
    content: "\e903"
}

.icon-h-balcony:before {
    content: "\e904"
}

.icon-h-machine:before {
    content: "\e905"
}

.icon-h-cooker:before {
    content: "\e906"
}

.icon-h-swim:before {
    content: "\e907"
}

.icon-h-wifi:before {
    content: "\e908"
}

.icon-h-parking:before {
    content: "\e909"
}

.icon-pay-year:before {
    content: "\e7f0"
}

.icon-pay-half:before {
    content: "\e7f1"
}

.icon-pay-season:before {
    content: "\e7f2"
}

.icon-pay-month:before {
    content: "\e7f3"
}

.icon-loupan:before {
    content: "\e9c7"
}

.icon-type:before {
    content: "\e9c8"
}

.icon-notice:before {
    content: "\e9cc"
}

.icon-subscribe:before {
    content: "\e9ce"
}

.icon-edit:before {
    content: "\e9cf"
}

.icon-free:before {
    content: "\e78c"
}

.icon-photo:before {
    content: "\e789"
}

.icon-analysis:before {
    content: "\e7c8"
}

.icon-shuttle:before {
    content: "\e7c9"
}

.icon-client:before {
    content: "\e7ca"
}

.icon-logo:before {
    content: "\e787"
}

.icon-pay:before {
    content: "\e90b"
}

.icon-house:before {
    content: "\e78a"
}

.icon-list:before {
    content: "\ea06"
}

.icon-search:before {
    content: "\ea07"
}

.icon-right:before {
    content: "\ea08"
}

.icon-measure:before {
    content: "\ea09"
}

.icon-top:before {
    content: "\ea14"
}

.icon-applet:before {
    content: "\ea15"
}

.icon-plus:before {
    content: "\ea2d"
}

.icon-minus:before {
    content: "\ea2e"
}

.icon-pack:before {
    content: "\ea3a"
}

.icon-chat:before {
    content: "\ea3b"
}

.icon-imImg:before {
    content: "\ea3c"
}

.icon-safe:before {
    content: "\ea4b"
}

.icon-code:before {
    content: "\ea68"
}

.icon-note:before {
    content: "\e7fb"
}

.icon-phone-full:before {
    content: "\e85f"
}

.Agent-applet-pop-img, .Agent-list-codepop-img, .Comment-list-img-item, .DealTabel-type img, .DetailEsf-area-img, .DetailEsf-img-item, .dMapBubble-house-img, .dMapDetailPanel-lpList-img, .dMapDetailPanel-typeList-img, .dMapDetailPanel-xf-img, .Flow-list-codepop-img, .Flow-list-img-item, .ImWindowChat-message-house-img, .LpList-aside-img, .LpList-img, .LpList-row-img, .LpList-table-img, .LpListRow-img, .Modal-lp-list-img, .PicDetail-thumb-container .swiper-slide, .Timeline-list-img-item, .xfDetail-img-left-item, .xfDetail-img-right-item {
    background: #eee url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat
}

.hide {
    display: none !important
}

.w {
    width: 1184px;
    margin: 0 auto
}

.fl {
    float: left
}

.fr {
    float: right
}

.cmain {
    color: #ff5121
}

.clink {
    color: #586c94
}

.pt0 {
    padding-top: 0 !important
}

.Rate {
    padding-left: 8px;
    font-weight: 700
}

.Rate-up {
    color: #ef3929
}

.Rate-down {
    color: #0bb03d
}

.Rate-equal {
    color: #666
}

.Style-title {
    position: relative;
    text-align: center
}

    .Style-title:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        top: 50%;
        height: 1px;
        background-color: #eee
    }

.Style-title-heading {
    position: relative;
    display: inline-block;
    z-index: 2;
    background-color: #fff;
    padding: 0 32px;
    font-size: 20px;
    color: #121212
}

.List-mainContainer {
    padding: 32px 0 40px
}

.List-mainContainer--rank .Filter-item, .List-mainContainer--rank .Filter-position {
    margin-top: 0
}

.List-mainContainer--rank .Filter-item-label {
    line-height: 38px
}

.List-mainContainer--rank .Filter-item-content {
    padding-right: 0
}

.List-container--rank {
    padding-top: 24px
}

    .List-container--rank .List-column {
        padding-top: 0
    }

.List-column {
    float: left;
    width: 912px;
    padding-top: 32px
}

.List-aside {
    float: right;
    width: 224px
}

.List-aside-box {
    margin-bottom: 60px
}

.List-aside-hd {
    padding-bottom: 12px;
    border-bottom: 1px solid #eee
}

.List-aside-hd-title {
    font-size: 18px;
    font-weight: 700;
    color: #121212
}

.Detail-mainContainer {
    padding-bottom: 20px
}

.Detail-main {
    margin-bottom: 60px
}

.Detail-column {
    float: left;
    width: 704px
}

.Detail-aside {
    float: right;
    width: 424px
}

.Detail-aside-box {
    width: 424px;
    margin-bottom: 60px
}

    .Detail-aside-box + .Detail-aside-advert {
        margin-top: -60px
    }

.Detail-aside-hd {
    padding-bottom: 12px;
    border-bottom: 1px solid #eee
}

.Detail-aside-hd-title {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #121212
}

.Detail-aside-advert {
    border-top: 1px solid #eee;
    padding-top: 24px
}

.Detail-box {
    margin-bottom: 60px
}

.Detail-hd {
    position: relative;
    margin-bottom: 26px
}

.Detail-hd-title {
    font-size: 24px;
    color: #121212
}

.Detail-hd-text, .Detail-hd-title {
    display: inline-block;
    font-weight: 700
}

.Detail-hd-text {
    position: relative;
    top: 4px;
    margin-left: 12px;
    font-size: 18px;
    color: #4e4e4e
}

.Detail-hd-link {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    color: #4e4e4e
}

    .Detail-hd-link i {
        display: inline-block;
        vertical-align: 1px;
        padding-left: 6px;
        font-size: 12px;
        color: #666
    }

    .Detail-hd-link:hover, .Detail-hd-link:hover i {
        color: #d43400
    }

.Detail-hd-subscribe {
    display: inline-block;
    margin-left: 12px;
    color: #ff5121;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer
}

    .Detail-hd-subscribe i {
        position: relative;
        top: 2px;
        margin-right: 8px;
        font-size: 20px;
        font-weight: 400
    }

.Detail-sub-hd {
    position: relative;
    margin-bottom: 14px
}

.Detail-sub-hd-title {
    font-size: 20px;
    font-weight: 700
}

.Detail-sub-hd-link {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    color: #4e4e4e
}

    .Detail-sub-hd-link i {
        display: inline-block;
        vertical-align: 1px;
        padding-left: 6px;
        font-size: 12px;
        color: #666
    }

    .Detail-sub-hd-link:hover, .Detail-sub-hd-link:hover i {
        color: #d43400
    }

.BasicDetail {
    padding-left: 760px
}

.BasicDetail-wrap {
    float: left;
    width: 100%
}

.PicDetail {
    float: left;
    width: 704px;
    margin-left: -100%
}

.Topbar {
    background-color: #f8f8f8;
    min-width: 1184px;
    margin: 0 auto
}

.Topbar-inner {
    padding: 20px 0
}

.Topbar-left {
    display: inline-block;
    vertical-align: middle
}

.Topbar-right {
    float: right;
    margin-top: 10px;
    font-size: 0
}

.Topbar-logo {
    display: inline-block;
    vertical-align: middle;
    width: 84px;
    height: 32px;
    margin-top: 6px
}

    .Topbar-logo img {
        display: block;
        width: 100%;
        height: 100%
    }

.Search-container, .Searchbar {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.Searchbar {
    width: 640px;
    height: 44px;
    border: 1px solid #ff5121;
    padding-right: 99px
}

.Searchbar-input {
    width: 100%;
    height: 100%;
    padding: 12px 16px;
    line-height: 1.286;
    font-size: 14px;
    border: 0;
    background-color: #fff
}

.Searchbar-btn {
    position: absolute;
    z-index: 2;
    /*right: -1px;*/
    left:-57px;
    width: 100px;
    top: -1px;
    height: 44px;
    line-height: 44px;
    background-color: #f54732;
    background-image: -webkit-gradient(linear,right top,left top,from(#ff7338),to(#f54732));
    background-image: -webkit-linear-gradient(right,#ff7338,#f54732);
    background-image: -o-linear-gradient(right,#ff7338 0,#f54732 100%);
    background-image: -moz-linear-gradient(right,#ff7338 0,#f54732 100%);
    background-image: linear-gradient(270deg,#ff7338,#f54732);
    font-size: 16px;
    border: 0;
    text-align: center;
    color: #fff
}

    .Searchbar-btn:hover {
        background: #d43400
    }

.Search-map {
    display: inline-block;
    vertical-align: middle;
    margin-left: 24px;
    font-size: 16px;
    color: #ff5121
}

.Search-result {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 99;
    background-color: #fff;
    border: 1px solid #eee;
    max-height: 420px;
    overflow-y: auto
}

.Search-hot {
    padding: 20px 0;
    margin: 0 24px;
    border-bottom: 1px solid #eee
}

.Search-hot, .Search-hot-hd {
    position: relative
}

.Search-hot-title {
    display: inline-block;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 700
}

.Search-hot:last-child {
    border-bottom: 0
}

.Search-delete {
    margin-left: 24px;
    font-size: 14px;
    cursor: pointer
}

    .Search-delete:hover {
        color: #d43400
    }

    .Search-delete i {
        margin-right: 4px
    }

.Search-tag {
    font-size: 0
}

.Search-tag-item {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 16px;
    background-color: #f5f5f5;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    margin: 4px 24px 4px 0;
    font-size: 14px;
    color: #4e4e4e
}

    .Search-tag-item:hover {
        color: #d43400
    }

.Search-words-item {
    display: inline-block;
    vertical-align: middle;
    margin: 4px 24px 4px 0;
    font-size: 14px;
    color: #4e4e4e
}

    .Search-words-item:hover {
        color: #d43400
    }

.Search-mark {
    color: #ff5121
}

.Search-list-item {
    position: relative;
    padding: 0 20px
}

    .Search-list-item:hover {
        background-color: #f8f8f8
    }

    .Search-list-item:last-child .Search-list-block {
        border-bottom: 0
    }

.Search-list-block {
    display: block;
    padding: 14px 120px 14px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px
}

.Search-list-text {
    display: inline-block;
    vertical-align: middle;
    max-width: 72%
}

    .Search-list-text:nth-last-child(2) {
        max-width: 76%
    }

.Search-list-props {
    display: inline-block;
    vertical-align: middle;
    max-width: 22%;
    margin-left: 16px;
    font-size: 14px;
    color: #999
}

.Search-list-info {
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: #999
}

.Search-list-aid {
    color: #999
}

.Search-list-tag {
    position: relative;
    top: -1px;
    padding: 0 4px;
    margin-left: 8px;
    border: 1px solid #4089de;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    color: #4089de
}

.Search-no {
    padding: 14px 24px;
    font-size: 16px;
    color: #999
}

.Topbar-download {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    font-size: 16px;
    padding: 9px 0;
    font-weight: 700;
    cursor: pointer
}

    .Topbar-download:hover .Topbar-download-pop {
        display: block
    }

.Topbar-download-pop {
    display: none;
    position: absolute;
    z-index: 940;
    left: 50%;
    top: 42px;
    width: 132px;
    background-color: #fff;
    padding: 16px;
    margin-left: -66px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    text-align: center
}

    .Topbar-download-pop:before {
        content: "";
        position: absolute;
        left: 50%;
        top: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        font-size: 0;
        margin-left: -8px;
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 0 8px 8px
    }

    .Topbar-download-pop img {
        width: 100px;
        height: 100px
    }

.Topbar-download .icon-phone {
    vertical-align: middle;
    line-height: 1.4;
    margin-right: 4px;
    font-size: 18px;
    font-weight: 400
}

.Topbar-flagship-left {
    max-width: 320px
}

.Topbar-flagship-logo {
    float: left;
    width: 64px;
    height: 64px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 8px
}

    .Topbar-flagship-logo img {
        display: block;
        width: 100%;
        height: 100%
    }

.Topbar-flagship-cont {
    overflow: hidden
}

.Topbar-flagship-company {
    line-height: 1.4;
    font-size: 28px;
    font-weight: 700
}

.CityAll, .Topbar-flagship-dec {
    font-size: 16px
}

.CityAll {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 14px;
    padding: 0 10px;
    height: 100%;
    cursor: pointer;
    color: #666
}

    .CityAll:hover {
        color: #d43400
    }

        .CityAll:hover:after {
            border-width: 0 3px 4px;
            border-color: transparent transparent #d43400
        }

    .CityAll:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 0;
        height: 0;
        font-size: 0;
        overflow: hidden;
        margin-top: -2px;
        border-color: #999 transparent transparent;
        border-style: solid;
        border-width: 4px 3px 0
    }

.CityAll-pop {
    position: absolute;
    z-index: 950;
    left: -15px;
    top: 44px;
    width: 480px;
    max-height: 480px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 0 24px;
    line-height: 1.2857
}

.CityAll-pop-dl {
    padding: 6px 0
}

    .CityAll-pop-dl:last-child {
        padding-bottom: 20px
    }

.CityAll-pop-hd {
    padding: 20px 0;
    margin-bottom: 14px;
    border-bottom: 1px solid #eee
}

    .CityAll-pop-hd .CityAll-pop-dt {
        width: auto
    }

    .CityAll-pop-hd .CityAll-pop-dd {
        font-weight: 700
    }

.CityAll-pop-dt {
    float: left;
    width: 34px;
    margin: 4px 0;
    font-size: 14px;
    color: #999
}

.CityAll-pop-dd {
    overflow: hidden;
    font-size: 0
}

.CityAll-pop-block {
    display: inline-block;
    vertical-align: middle;
    margin: 4px 12px 4px 0;
    font-size: 14px;
    color: #333
}

    .CityAll-pop-block:hover {
        color: #d43400
    }

.Footer-container {
    min-width: 1184px;
    margin: 0 auto;
    padding: 32px 0;
    background-color: #333
}

.AllCity-banner {
    display: block;
    text-align: center
}

.AllCity-banner-wrap {
    overflow: hidden
}

.AllCity-banner img {
    position: relative;
    left: 50%;
    vertical-align: top;
    margin-left: -1184px
}

.AllCity-container {
    padding: 28px 0 80px
}

.AllCity-header .Topbar-inner {
    padding: 12px 0
}

.AllCity-header .Topbar-right {
    margin-top: 0
}

.AllCity-box {
    padding: 23px 0;
    font-size: 0;
    font-weight: 700
}

.AllCity-box--hot {
    padding: 27px 0;
    border-bottom: 1px solid #eee
}

.AllCity-label {
    float: left;
    width: 110px;
    margin-top: 5px;
    font-size: 16px
}

.AllCity-box--hot .AllCity-label {
    width: 100px
}

.AllCity-content {
    overflow: hidden
}

.AllCity-item {
    display: inline-block;
    font-size: 16px;
    margin: 5px 32px 5px 0;
    cursor: pointer
}

.AllCity-box--hot .AllCity-item {
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    padding: 2px 12px;
    background-color: #f54732;
    background-image: -webkit-gradient(linear,right top,left top,from(#ff7338),to(#f54732));
    background-image: -webkit-linear-gradient(right,#ff7338,#f54732);
    background-image: -o-linear-gradient(right,#ff7338 0,#f54732 100%);
    background-image: -moz-linear-gradient(right,#ff7338 0,#f54732 100%);
    background-image: linear-gradient(270deg,#ff7338,#f54732);
    color: #fff
}

    .AllCity-box--hot .AllCity-item:hover {
        background: #d43400;
        color: #fff
    }

.AllCity-item:hover {
    color: #d43400
}

.AllCity-list {
    position: relative;
    padding-left: 109px;
    border-bottom: 1px solid #eee
}

    .AllCity-list:last-child {
        border-bottom: 0
    }

.AllCity-list-wrap {
    border: 1px solid #eee
}

.AllCity-list--active {
    background-color: #f8f8f8
}

    .AllCity-list--active .AllCity-list-label {
        background-color: #ff5121;
        color: #fff
    }

        .AllCity-list--active .AllCity-list-label:after {
            content: "";
            position: absolute;
            top: 50%;
            right: -10px;
            margin-top: -8px;
            width: 0;
            height: 0;
            font-size: 0;
            overflow: hidden;
            border-color: transparent transparent transparent #ff5121;
            border-style: solid;
            border-width: 8px 0 8px 10px
        }

.AllCity-list-label {
    position: absolute;
    left: 0;
    top: 0;
    width: 85px;
    height: 100%;
    background-color: #f8f8f8;
    text-align: center;
    vertical-align: middle;
    font-size: 28px;
    font-weight: 700
}

    .AllCity-list-label:before {
        content: "";
        height: 100%;
        font-size: 16px
    }

    .AllCity-list-label-letter, .AllCity-list-label:before {
        display: inline-block;
        vertical-align: middle
    }

.AllCity-list-content {
    overflow: hidden;
    padding: 16px 0;
    font-size: 16px
}

.AllCity-list-item {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 24px 5px 0
}

    .AllCity-list-item:hover {
        color: #d43400
    }

.Breadcrumbs {
    padding: 16px 0;
    color: #999;
    font-size: 0
}

    .Breadcrumbs a:hover {
        color: #d43400
    }

.Breadcrumbs-item {
    font-size: 12px;
    color: #999
}

.Breadcrumbs-step {
    padding: 0 4px;
    font-size: 10px
}

    .Breadcrumbs-step:before {
        content: "\e91e"
    }

.AsideTool {
    position: fixed !important;
    right: 0;
    bottom: 186px;
    z-index: 910;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    width: 64px;
    text-align: center
}

.AsideTool-chat-layer {
    position: absolute;
    right: 0;
    top: -52px;
    z-index: 910;
    width: 224px;
    height: 52px;
    padding: 10px;
    -webkit-border-radius: 52px 0 0 52px;
    -moz-border-radius: 52px 0 0 52px;
    border-radius: 52px 0 0 52px;
    background-color: #10a4ff;
    background: -webkit-gradient(linear,left top,right top,from(#10a4ff),to(#50b8f7));
    background: -webkit-linear-gradient(left,#10a4ff,#50b8f7);
    background: -o-linear-gradient(left,#10a4ff 0,#50b8f7 100%);
    background: -moz-linear-gradient(left,#10a4ff 0,#50b8f7 100%);
    background: linear-gradient(90deg,#10a4ff,#50b8f7);
    -webkit-box-shadow: 0 2px 4px 0 rgba(33,143,243,.36);
    -moz-box-shadow: 0 2px 4px 0 rgba(33,143,243,.36);
    box-shadow: 0 2px 4px 0 rgba(33,143,243,.36);
    color: #fff;
    -webkit-transform: translate(100%);
    -ms-transform: translate(100%);
    -moz-transform: translate(100%);
    -o-transform: translate(100%);
    transform: translate(100%);
    -webkit-transition: opacity .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: opacity .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    -o-transition: transform .2s cubic-bezier(.165,.84,.44,1),opacity .2s cubic-bezier(.165,.84,.44,1);
    -o-transition: opacity .2s cubic-bezier(.165,.84,.44,1),-o-transform .2s cubic-bezier(.165,.84,.44,1);
    -moz-transition: transform .2s cubic-bezier(.165,.84,.44,1),opacity .2s cubic-bezier(.165,.84,.44,1),-moz-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1),opacity .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1),opacity .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1),-moz-transform .2s cubic-bezier(.165,.84,.44,1),-o-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1),opacity .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1)
}

    .AsideTool-chat-layer.animation {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }

    .AsideTool-chat-layer .Agent-avatar {
        float: left;
        width: 32px;
        height: 32px;
        margin-right: 8px
    }

.AsideTool-chat-layer-cont {
    overflow: hidden;
    text-align: left;
    line-height: 1.1
}

.AsideTool-chat-layer-name {
    font-size: 14px;
    font-weight: 700
}

.AsideTool-chat-layer-text {
    padding-top: 3px;
    font-size: 12px
}

.AsideTool-list.AsideTool-chat {
    margin-bottom: 16px
}

.AsideTool-list-item {
    height: 64px;
    position: relative;
    border-top: 1px solid #f8f8f8;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer
}

    .AsideTool-list-item:first-child {
        border-top: 0
    }

    .AsideTool-list-item.active .AsideTool-list-box {
        color: #ff5121
    }

    .AsideTool-list-item:hover .AsideTool-pop {
        display: block;
        opacity: 1;
        -webkit-animation: AsideToolFadeIn .5s ease;
        -moz-animation: AsideToolFadeIn .5s ease;
        -o-animation: AsideToolFadeIn .5s ease;
        animation: AsideToolFadeIn .5s ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .AsideTool-list-item:hover .AsideTool-list-box {
        color: #ff5121
    }

.AsideTool-list-box {
    background: #fff;
    -webkit-box-shadow: -2px 1px 6px 0 rgba(0,0,0,.1);
    -moz-box-shadow: -2px 1px 6px 0 rgba(0,0,0,.1);
    box-shadow: -2px 1px 6px 0 rgba(0,0,0,.1);
    overflow: hidden;
    padding: 12px 0
}

    .AsideTool-list-box.AsideTool-hidden {
        height: 0;
        padding: 0
    }

.AsideTool-icon {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    font-size: 22px
}

    .AsideTool-icon.icon-phone {
        font-size: 19px
    }

.AsideTool-text {
    padding-top: 4px;
    line-height: 1;
    font-size: 12px
}

.AsideTool-num {
    position: absolute;
    left: 50%;
    top: 5px;
    min-width: 16px;
    padding: 0 3px;
    line-height: 1.167;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background-color: #ef3929;
    border: 1px solid #fff;
    font-size: 12px;
    color: #fff
}

.AsideTool-pop {
    display: none;
    opacity: 0;
    position: absolute;
    z-index: 900;
    top: 50%;
    right: 74px;
    -webkit-transform: translate3d(-50%,0,0);
    -moz-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    margin-top: -75px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    width: 132px;
    background-color: #fff;
    padding: 12px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.AsideTool-pop-arrow {
    position: absolute;
    z-index: 101;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    right: -18px;
    overflow: hidden
}

    .AsideTool-pop-arrow:before {
        content: "";
        position: absolute;
        top: 3px;
        right: 12px;
        width: 12px;
        height: 12px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
        box-shadow: 0 0 4px rgba(0,0,0,.1);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.AsideTool-pop-text {
    padding-top: 4px;
    font-size: 12px
}

.AsideTool-pop img {
    display: block;
    margin: 0 auto;
    width: 108px;
    height: 108px
}

.AsideTool .icon-chat.animation {
    -webkit-animation: message .75s ease-in-out infinite;
    -moz-animation: message .75s ease-in-out infinite;
    -o-animation: message .75s ease-in-out infinite;
    animation: message .75s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes AsideToolFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes AsideToolFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        -moz-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-o-keyframes AsideToolFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes AsideToolFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        -moz-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes AsideToolChatFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes AsideToolChatFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-o-keyframes AsideToolChatFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes AsideToolChatFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes AsideToolChatFadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-moz-keyframes AsideToolChatFadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-o-keyframes AsideToolChatFadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes AsideToolChatFadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes message {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes message {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes message {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes message {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.Toast {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 10000;
    max-width: 260px;
    padding: 16px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.Modal-wrap, .Toast {
    background-color: rgba(0,0,0,.7)
}

.Modal-wrap {
    bottom: 0;
    z-index: 1000
}

.Modal-main {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.Modal-size--l {
    width: 504px
}

.Modal-size--m {
    width: 360px
}

.Modal-size--b {
    width: 688px
}

.Modal-hd {
    position: relative;
    padding: 12px 0;
    margin: 0 24px;
    border-bottom: 1px solid #eee
}

.Modal-hd-title {
    line-height: 1.58;
    font-size: 16px;
    font-weight: 700;
    color: #121212
}

.Modal-hd-link {
    display: inline-block;
    margin-top: 4px;
    font-size: 14px;
    color: #586c94
}

.Modal-bd {
    padding: 24px
}

.Modal-bd-title {
    padding-bottom: 32px;
    font-size: 20px;
    text-align: center;
    font-weight: 700
}

.Modal-close {
    position: absolute;
    right: 0;
    top: 13px;
    font-size: 16px;
    color: #666;
    cursor: pointer
}

.Modal-subTitle {
    padding: 24px 0 16px;
    font-size: 16px
}

.Modal-agent {
    margin-bottom: 24px;
    text-align: center
}

    .Modal-agent + .Modal-form {
        padding: 0 16px
    }

.Modal-agent-name {
    line-height: 1.48;
    padding-top: 8px;
    font-size: 18px;
    font-weight: 700
}

.Modal-agent-text {
    padding-top: 7px;
    font-size: 14px;
    color: #999
}

.Modal-agent-info {
    margin-top: 7px;
    font-size: 14px
}

.Modal-agent-info-num {
    display: inline-block;
    vertical-align: -3px;
    overflow: hidden;
    margin-left: 8px;
    padding-right: 4px;
    line-height: 1.2;
    border: 1px solid #ef3929;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size: 12px;
    color: #ef3929;
    font-weight: 400
}

    .Modal-agent-info-num i {
        padding: 0 4px;
        margin-right: 4px;
        background-color: #ef3929;
        color: #fff
    }

.Modal-agent-tel {
    padding-top: 2px;
    font-size: 12px;
    color: #999
}

    .Modal-agent-tel em {
        padding: 0 2px;
        font-size: 16px;
        color: #ff5121;
        font-weight: 700
    }

.Modal-agent .Agent-avatar {
    position: relative
}

.Modal-agent-animate {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

    .Modal-agent-animate i {
        left: 0;
        width: 14px;
        height: 14px;
        -webkit-animation: fade 2.2s linear infinite;
        -moz-animation: fade 2.2s linear infinite;
        -o-animation: fade 2.2s linear infinite;
        animation: fade 2.2s linear infinite;
        animation-fill-mode: both
    }

    .Modal-agent-animate:after, .Modal-agent-animate:before, .Modal-agent-animate i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #eee;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        opacity: 0
    }

    .Modal-agent-animate:after, .Modal-agent-animate:before {
        content: "";
        animation-fill-mode: both
    }

    .Modal-agent-animate.animate-left:before, .Modal-agent-animate.animate-right:before {
        width: 6px;
        height: 6px;
        -webkit-animation: fade 2s linear .8s infinite;
        -moz-animation: fade 2s linear .8s infinite;
        -o-animation: fade 2s linear .8s infinite;
        animation: fade 2s linear .8s infinite
    }

    .Modal-agent-animate.animate-left:after, .Modal-agent-animate.animate-right:after {
        width: 10px;
        height: 10px;
        -webkit-animation: fadeMiddle 2s linear .4s infinite;
        -moz-animation: fadeMiddle 2s linear .4s infinite;
        -o-animation: fadeMiddle 2s linear .4s infinite;
        animation: fadeMiddle 2s linear .4s infinite
    }

    .Modal-agent-animate.animate-left {
        left: -38px
    }

        .Modal-agent-animate.animate-left:before {
            left: -52px
        }

        .Modal-agent-animate.animate-left:after {
            left: -30px
        }

    .Modal-agent-animate.animate-right {
        right: -38px
    }

        .Modal-agent-animate.animate-right:before {
            right: -52px
        }

        .Modal-agent-animate.animate-right:after {
            right: -30px
        }

.Modal-agent-row .Agent-avatar {
    float: left;
    width: 64px;
    height: 64px;
    margin-right: 20px
}

.Modal-agent-row-cont {
    overflow: hidden
}

.Modal-agent-row-name {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.48;
    margin-right: 8px;
    font-size: 18px;
    font-weight: 700
}

.Modal-agent-row-dec {
    margin-top: 20px;
    padding: 10px 16px;
    background-color: #f8f8f8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 1.72;
    font-size: 14px
}

    .Modal-agent-row-dec .tel {
        text-decoration: underline
    }

    .Modal-agent-row-dec .clink {
        cursor: pointer
    }

.Modal-agent-row-tel {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #999
}

    .Modal-agent-row-tel em {
        padding: 0 2px;
        font-size: 16px;
        color: #ff5121;
        font-weight: 700
    }

.Modal-agent-row-link {
    float: right;
    margin-top: 1px;
    font-size: 14px
}

    .Modal-agent-row-link:hover {
        color: #d43400
    }

    .Modal-agent-row-link i {
        font-size: 10px;
        padding-left: 4px;
        vertical-align: middle
    }

.Modal-agent-row-box {
    margin-top: 6px
}

.Modal-agent-row .Form-button {
    width: 232px
}

.Modal-agent-row .Modal-agent-info {
    font-weight: 700
}

.Modal-form-tips {
    text-align: center;
    font-size: 16px
}

    .Modal-form-tips em {
        padding: 0 4px;
        color: #ff5121
    }

.Modal-form-number {
    padding-top: 4px;
    text-align: center;
    font-size: 14px
}

    .Modal-form-number em {
        padding: 0 4px;
        color: #ff5121
    }

.Modal-form-info {
    padding-top: 8px;
    font-size: 12px;
    color: #999;
    text-align: center
}

.Modal-form-text {
    padding-top: 31px;
    font-size: 14px
}

    .Modal-form-text .tel {
        margin-right: 8px;
        text-decoration: underline
    }

    .Modal-form-text .clink {
        cursor: pointer
    }

.true-list-item {
    padding-bottom: 18px
}

    .true-list-item:last-child {
        padding-bottom: 0
    }

.true-list-icon {
    float: left;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 12px 14px 0 0;
    text-align: center;
    font-size: 22px;
    color: #4e4e4e
}

.true-list-info {
    overflow: hidden
}

.true-list-title {
    font-size: 16px;
    font-weight: 700
}

.true-list-txt {
    padding-top: 4px;
    font-size: 12px
}

.Modal-true-content {
    height: 330px;
    overflow-y: auto
}

    .Modal-true-content img {
        max-width: 100%
    }

.Modal-discount {
    background-color: #ef0f0f;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f9510f),to(#ef0f0f));
    background-image: -webkit-linear-gradient(top,#f9510f,#ef0f0f);
    background-image: -o-linear-gradient(top,#f9510f 0,#ef0f0f 100%);
    background-image: -moz-linear-gradient(top,#f9510f 0,#ef0f0f 100%);
    background-image: linear-gradient(180deg,#f9510f,#ef0f0f);
    -webkit-box-shadow: 0 0 10px 0 #b80006;
    -moz-box-shadow: 0 0 10px 0 #b80006;
    box-shadow: 0 0 10px 0 #b80006;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px
}

    .Modal-discount .Modal-bd {
        padding: 0
    }

    .Modal-discount .Modal-form {
        padding: 36px 44px 30px
    }

    .Modal-discount .Form-item {
        background-color: #fff;
        border-color: transparent
    }

    .Modal-discount .Button--solid {
        margin: 24px auto 0;
        width: 216px;
        height: 44px;
        line-height: 44px;
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px;
        font-size: 20px
    }

.Modal-discount-header {
    position: relative;
    overflow: hidden;
    height: 120px;
    -webkit-border-radius: 24px 24px 0 0;
    -moz-border-radius: 24px 24px 0 0;
    border-radius: 24px 24px 0 0;
    text-align: center
}

.Modal-discount-header-inner {
    position: absolute;
    left: -60px;
    right: -60px;
    bottom: 0;
    height: 150px;
    -webkit-border-radius: 0 0 48% 48%;
    -moz-border-radius: 0 0 48% 48%;
    border-radius: 0 0 48% 48%;
    overflow: hidden
}

    .Modal-discount-header-inner:after, .Modal-discount-header-inner:before {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        height: 150px;
        -webkit-border-radius: 0 0 50% 50%;
        -moz-border-radius: 0 0 50% 50%;
        border-radius: 0 0 50% 50%;
        -webkit-box-shadow: 0 0 12px 0 rgba(193,0,6,.6);
        -moz-box-shadow: 0 0 12px 0 rgba(193,0,6,.6);
        box-shadow: 0 0 12px 0 rgba(193,0,6,.6)
    }

    .Modal-discount-header-inner:before {
        bottom: 10px;
        z-index: 2;
        -webkit-box-shadow: inset 0 0 0 2px #ff5735;
        -moz-box-shadow: inset 0 0 0 2px #ff5735;
        box-shadow: inset 0 0 0 2px #ff5735
    }

.Modal-discount-header-content {
    position: absolute;
    left: 0;
    right: 0;
    height: 120px;
    bottom: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(#ff6022),to(#ef0f0f));
    background: -webkit-linear-gradient(top,#ff6022,#ef0f0f);
    background: -o-linear-gradient(top,#ff6022 0,#ef0f0f 100%);
    background: -moz-linear-gradient(top,#ff6022 0,#ef0f0f 100%);
    background: linear-gradient(180deg,#ff6022,#ef0f0f);
    -webkit-box-shadow: 0 10px 29px 0 rgba(174,0,0,.2),0 0 12px 0 rgba(193,0,6,.6);
    -moz-box-shadow: 0 10px 29px 0 rgba(174,0,0,.2),0 0 12px 0 rgba(193,0,6,.6);
    box-shadow: 0 10px 29px 0 rgba(174,0,0,.2),0 0 12px 0 rgba(193,0,6,.6)
}

.Modal-discount-header-title {
    padding-top: 28px;
    font-size: 24px;
    color: #fff
}

.Modal-discount-header-logo {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 78px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #ffea9a;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff5d2),to(#ffea9a));
    background-image: -webkit-linear-gradient(top,#fff5d2,#ffea9a);
    background-image: -o-linear-gradient(top,#fff5d2 0,#ffea9a 100%);
    background-image: -moz-linear-gradient(top,#fff5d2 0,#ffea9a 100%);
    background-image: linear-gradient(180deg,#fff5d2,#ffea9a);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

    .Modal-discount-header-logo:after {
        content: "";
        position: absolute;
        left: 4px;
        top: 4px;
        width: 52px;
        height: 52px;
        border: 1px solid #ffd698;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    .Modal-discount-header-logo i {
        font-size: 36px;
        color: #f7b269
    }

.Modal-discountSuccess {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    padding: 18px;
    background-color: #ef0f0f;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f9510f),to(#ef0f0f));
    background-image: -webkit-linear-gradient(top,#f9510f,#ef0f0f);
    background-image: -o-linear-gradient(top,#f9510f 0,#ef0f0f 100%);
    background-image: -moz-linear-gradient(top,#f9510f 0,#ef0f0f 100%);
    background-image: linear-gradient(180deg,#f9510f,#ef0f0f)
}

    .Modal-discountSuccess:after {
        content: "";
        position: absolute;
        z-index: 10;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100px;
        background: url(https://static.esf.fangdd.com/esf/webcpwebsite/discountBg-1IJfX.png) no-repeat
    }

    .Modal-discountSuccess:before {
        content: "";
        position: absolute;
        z-index: 2;
        left: 30px;
        right: 30px;
        top: 30px;
        bottom: 0;
        border: 1px solid #ffdeb0
    }

    .Modal-discountSuccess .Modal-bd {
        position: relative;
        z-index: 1;
        padding-bottom: 76px;
        background-color: #fff
    }

        .Modal-discountSuccess .Modal-bd:after {
            content: "";
            position: absolute
        }

.Modal-discountSuccess-title {
    padding-top: 6px;
    text-align: center;
    font-size: 20px;
    color: #d39a3d
}

    .Modal-discountSuccess-title i {
        vertical-align: middle;
        font-size: 32px;
        margin-right: 8px
    }

.Modal-code {
    border-top: 1px dashed #ffdeb0;
    padding: 15px 0 4px;
    margin-top: 16px
}

.Modal-code-img {
    float: left;
    width: 72px;
    height: 72px;
    margin-right: 16px;
    background-color: #eee
}

    .Modal-code-img img {
        display: block;
        width: 100%;
        height: 100%
    }

.Modal-code-cont {
    overflow: hidden
}

.Modal-code-title {
    line-height: 1.375;
    font-size: 16px
}

.Modal-code-text {
    padding-top: 8px;
    font-size: 14px;
    color: #666
}

.Modal-book-title {
    padding-bottom: 24px;
    line-height: 1.2;
    font-size: 20px;
    text-align: center;
    font-weight: 700
}

    .Modal-book-title em {
        color: #ff5121
    }

    .Modal-book-title .icon-pass {
        vertical-align: middle;
        margin-right: 8px;
        font-size: 24px;
        color: #0bb03d;
        font-weight: 400
    }

.Modal-book-info {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 4px
}

    .Modal-book-info + .Modal-form {
        margin-top: 32px
    }

.Modal-book-info-item {
    display: table-cell;
    text-align: center
}

    .Modal-book-info-item:first-child, .Modal-book-info-item:last-child {
        width: 72px
    }

.Modal-book-info-pic {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    background: url("https://fs.esf.fangdd.com/efab/FtS56YmkFUipDVywNGn0WVTpfLXT.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

.Modal-book-info-pic_agent {
    background-position: 0 50%
}

.Modal-book-info-pic_money {
    background-position: 0 100%
}

.Modal-book-info-tit {
    padding-top: 7px;
    font-size: 14px;
    font-weight: 700
}

.Modal-book-code {
    padding: 16px 0 22px;
    text-align: center
}

.Modal-book-code-img {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    width: 120px;
    height: 120px;
    margin-right: 24px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    background-color: #fff
}

    .Modal-book-code-img img {
        display: block;
        width: 100%;
        height: 100%
    }

.Modal-book-code-cont {
    display: inline-block;
    vertical-align: middle
}

.Modal-book-code-title {
    font-size: 20px;
    font-weight: 700
}

.Modal-book-code-text {
    padding-top: 20px;
    font-size: 16px;
    font-weight: 700
}

.Modal-lp {
    padding-top: 18px
}

.Modal-lp-hd {
    font-size: 16px
}

.Modal-lp-list {
    padding-top: 16px;
    font-size: 0
}

.Modal-lp-list-item {
    display: inline-block;
    vertical-align: top;
    width: 144px;
    margin-right: 12px
}

    .Modal-lp-list-item:last-child {
        margin-right: 0
    }

.Modal-lp-list-block {
    display: block
}

.Modal-lp-list-img {
    position: relative;
    width: 144px;
    height: 108px
}

    .Modal-lp-list-img img {
        display: block;
        width: 100%;
        height: 100%
    }

.Modal-lp-list-mark {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.8);
    -webkit-border-radius: 0 0 12px 0;
    -moz-border-radius: 0 0 12px 0;
    border-radius: 0 0 12px 0;
    padding: 2px 8px;
    line-height: 1.45;
    color: #fff;
    font-size: 14px
}

.Modal-lp-list-mark--down {
    background-color: #0bb03d
}

    .Modal-lp-list-mark--down i {
        margin-right: 4px;
        font-size: 12px
    }

.Modal-lp-list-name {
    padding-top: 5px;
    font-size: 16px;
    font-weight: 700
}

.Modal-lp-list-type {
    line-height: 1.2;
    padding-top: 4px;
    font-size: 14px;
    color: #666
}

.Modal-lp-list-price {
    color: #ff5121;
    font-size: 16px
}

    .Modal-lp-list-price strong {
        font-weight: 700
    }

.Modal-loginForm-box {
    padding-top: 8px
}

.Modal-loginForm-item {
    position: relative;
    height: 44px;
    padding-left: 30px;
    margin-top: 30px;
    border: 1px solid #dedede;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.Modal-loginForm-item--s {
    padding-right: 108px
}

.Modal-loginForm-item--error {
    border-color: #ff413c
}

.Modal-loginForm-item .icon-pass {
    color: #0bb03d
}

.Modal-loginForm-item .icon-clear {
    color: #999
}

.Modal-loginForm-label {
    position: absolute;
    left: 14px;
    top: 50%;
    line-height: 1;
    margin-top: -9px;
    font-size: 18px;
    color: #999
}

.Modal-loginForm-input {
    width: 100%;
    height: 100%;
    padding: 12px 14px;
    line-height: 1.286;
    font-size: 14px;
    border: 0;
    background-color: transparent;
    color: inherit
}

.Modal-loginForm-status {
    position: absolute;
    right: 16px;
    top: 50%;
    font-size: 14px;
    margin-top: -6px;
    line-height: 1;
    cursor: pointer
}

.Modal-loginForm-code {
    position: absolute;
    right: 0;
    top: 0;
    width: 108px;
    height: 100%;
    line-height: 42px;
    text-align: center;
    cursor: pointer
}

    .Modal-loginForm-code:hover {
        color: #d43400
    }

    .Modal-loginForm-code:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 20px;
        margin-top: -10px;
        background-color: #eee
    }

.Modal-loginForm-code--disabled {
    color: #999;
    cursor: default
}

    .Modal-loginForm-code--disabled:hover {
        color: #999
    }

.Modal-loginForm-refresh {
    position: absolute;
    right: 0;
    top: 46px;
    font-size: 12px;
    color: #ff413c;
    cursor: pointer
}

    .Modal-loginForm-refresh i {
        position: relative;
        top: 1px;
        margin-left: 2px;
        font-size: 12px
    }

.Modal-loginForm-tips {
    position: absolute;
    left: 0;
    top: 48px;
    font-size: 12px;
    color: #ff413c
}

.Modal-loginForm-button {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    margin-top: 44px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ff5121;
    background-image: -webkit-gradient(linear,right top,left top,from(#ff7338),to(#f54732));
    background-image: -webkit-linear-gradient(right,#ff7338,#f54732);
    background-image: -o-linear-gradient(right,#ff7338,#f54732);
    background-image: -moz-linear-gradient(right,#ff7338,#f54732);
    background-image: linear-gradient(-90deg,#ff7338,#f54732);
    color: #fff;
    font-size: 16px;
    text-align: center
}

    .Modal-loginForm-button.disabled {
        opacity: .6
    }

    .Modal-loginForm-button:not(.disabled):hover {
        background-color: #d43400;
        background-image: none
    }

.Modal-message {
    width: 600px;
    min-height: 300px
}

    .Modal-message .Modal-hd {
        padding: 30px 0 0 30px;
        margin: 0;
        border-bottom: 0
    }

    .Modal-message .Modal-hd-title {
        line-height: 1.285;
        font-weight: 400
    }

    .Modal-message .Modal-close {
        right: 12px;
        top: 8px;
        color: #999
    }

    .Modal-message .Modal-bd {
        padding: 0 0 30px
    }

    .Modal-message .Modal-loginForm {
        width: 360px;
        padding: 0 30px
    }

    .Modal-message .Modal-wxCode {
        position: absolute;
        right: 0;
        top: 28px;
        bottom: 28px;
        width: 240px;
        border-left: 1px solid #eee;
        text-align: center;
        font-size: 0
    }

        .Modal-message .Modal-wxCode:before {
            content: "";
            height: 100%;
            overflow: hidden;
            font-size: 0
        }

        .Modal-message .Modal-wxCode-inner, .Modal-message .Modal-wxCode:before {
            display: inline-block;
            vertical-align: middle
        }

    .Modal-message .Modal-wxCode-title {
        font-size: 16px
    }

        .Modal-message .Modal-wxCode-title em {
            color: #ff5121
        }

    .Modal-message .Modal-wxCode-img {
        width: 140px;
        height: 140px;
        margin: 8px auto 0
    }

        .Modal-message .Modal-wxCode-img img {
            display: block;
            width: 100%;
            height: 100%
        }

    .Modal-message .Modal-wxCode-dec {
        margin-top: 14px;
        font-weight: 700;
        font-size: 14px;
        color: #333
    }

.Modal-message-text {
    margin: 30px 0 -17px;
    font-size: 14px;
    word-break: break-all
}

.Modal-main .Discount-box {
    margin-bottom: 0
}

.Modal-main .Discount-cont {
    width: 59.2%
}

.Modal-main .Discount-info {
    width: 40.798%
}

.Modal-subscribe {
    padding-bottom: 32px
}

.Modal-subscribe-title {
    max-height: 50px;
    line-height: 1.2;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #ff5121
}

.Modal-subscribe-text {
    padding-top: 16px;
    font-size: 14px
}

.swiper-container {
    position: relative;
    overflow: hidden;
    height: 100%
}

.swiper-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 10000px;
    height: 100%
}

.swiper-slide {
    position: relative;
    float: left;
    height: 100%
}

    .swiper-slide > img {
        display: block;
        width: 100%;
        height: 100%
    }

.swiper-handle {
    position: absolute;
    z-index: 11;
    top: 50%;
    width: 48px;
    height: 68px;
    line-height: 68px;
    margin-top: -34px;
    background-color: rgba(0,0,0,.2);
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 32px
}

    .swiper-handle:hover {
        background-color: rgba(0,0,0,.5)
    }

.swiper-handle-prev {
    left: 0
}

.swiper-handle-next {
    right: 0
}

.swiper-page {
    position: absolute;
    z-index: 200;
    right: 16px;
    bottom: 16px;
    background-color: rgba(0,0,0,.5);
    padding: 2px 12px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    color: #fff
}

.Agent-grade {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.05;
    padding: 3px 5px;
    margin-left: 8px;
    font-size: 12px;
    text-align: center;
    color: #fff
}

    .Agent-grade:after {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transform: skew(-10deg);
        -ms-transform: skew(-10deg);
        -moz-transform: skew(-10deg);
        -o-transform: skew(-10deg);
        transform: skew(-10deg)
    }

.Agent-grade--poor:after {
    background-color: #c2cbcc;
    background-image: -webkit-linear-gradient(293deg,#dee0dd,#c2cbcc);
    background-image: -o-linear-gradient(293deg,#dee0dd,#c2cbcc);
    background-image: -moz-linear-gradient(293deg,#dee0dd,#c2cbcc);
    background-image: linear-gradient(157deg,#dee0dd,#c2cbcc)
}

.Agent-grade--average:after {
    background-color: #b8cab7;
    background-image: -webkit-linear-gradient(293deg,#cfdbc7,#b8cab7);
    background-image: -o-linear-gradient(293deg,#cfdbc7,#b8cab7);
    background-image: -moz-linear-gradient(293deg,#cfdbc7,#b8cab7);
    background-image: linear-gradient(157deg,#cfdbc7,#b8cab7)
}

.Agent-grade--nice:after {
    background-color: #8aafcd;
    background-image: -webkit-linear-gradient(293deg,#a8cee8,#8aafcd);
    background-image: -o-linear-gradient(293deg,#a8cee8 0,#8aafcd 100%);
    background-image: -moz-linear-gradient(293deg,#a8cee8 0,#8aafcd 100%);
    background-image: linear-gradient(157deg,#a8cee8,#8aafcd)
}

.Agent-grade--better:after {
    background-color: #d3b076;
    background-image: -webkit-linear-gradient(293deg,#e2c380,#d3b076);
    background-image: -o-linear-gradient(293deg,#e2c380 0,#d3b076 100%);
    background-image: -moz-linear-gradient(293deg,#e2c380 0,#d3b076 100%);
    background-image: linear-gradient(157deg,#e2c380,#d3b076)
}

.Agent-grade--best:after {
    background-color: #ff9c5e;
    background-image: -webkit-linear-gradient(134deg,#ff295b,#ff9c5e);
    background-image: -o-linear-gradient(134deg,#ff295b 0,#ff9c5e 100%);
    background-image: -moz-linear-gradient(134deg,#ff295b 0,#ff9c5e 100%);
    background-image: linear-gradient(-44deg,#ff295b,#ff9c5e)
}

.Agent-grade--car:after {
    background: -webkit-linear-gradient(223deg,#24c5ff,#316dff);
    background: -o-linear-gradient(223deg,#24c5ff 0,#316dff 100%);
    background: -moz-linear-gradient(223deg,#24c5ff 0,#316dff 100%);
    background: linear-gradient(227deg,#24c5ff,#316dff);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none
}

.Agent-avatar {
    background: #eee url(https://static.esf.fangdd.com/esf/webcpwebsite/agent-PDPmW.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto
}

    .Agent-avatar, .Agent-avatar img {
        display: block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

        .Agent-avatar img {
            width: 100%;
            height: 100%
        }

            .Agent-avatar img:not([src]), .Agent-avatar img[src=""] {
                opacity: 0
            }

.Agent-avatar--s {
    width: 68px;
    height: 68px
}

.Agent-avatar--mini {
    width: 36px;
    height: 36px
}

.Tab-btn {
    margin-left: 24px;
    font-size: 0
}

.Tab-btn, .Tab-btn-item {
    display: inline-block;
    vertical-align: middle
}

.Tab-btn-item {
    padding: 2px 12px;
    border: 1px solid #dedede;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 16px;
    font-size: 14px;
    color: #666
}

    .Tab-btn-item--active, .Tab-btn-item:hover {
        background-color: #ff5121;
        border-color: #ff5121;
        color: #fff !important
    }

.Tab-style {
    font-size: 0
}

.Tab-style-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 24px;
    cursor: pointer
}

.Tab-style-item--active {
    color: #ff5121
}

.Tab-style-item:hover {
    color: #d43400
}

.Tab-style-line {
    font-size: 0;
    border-bottom: 1px solid #eee
}

.Tab-style-line-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 12px;
    font-size: 18px;
    cursor: pointer
}

.Tab-style-line-item--active {
    font-weight: 700;
    color: #ff5121
}

    .Tab-style-line-item--active:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 2px;
        background-color: #ff5121
    }

.Tab-style-line-item:hover {
    color: #d43400
}

.Filter-container {
    font-size: 12px
}

.Filter-item {
    position: relative;
    margin: 8px 0;
    padding-left: 44px
}

.Filter-item--position {
    margin-top: 0
}

    .Filter-item--position .Filter-item-label {
        line-height: 1.5
    }

    .Filter-item--position .Filter-item-content {
        padding-right: 0
    }

.Filter-item-label {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 26px
}

.Filter-item-content {
    font-size: 0;
    padding-right: 100px
}

.Filter-tab-item {
    padding: 0 16px;
    font-size: 12px;
    cursor: pointer
}

    .Filter-tab-item i {
        font-size: 12px;
        color: #999
    }

    .Filter-tab-item h2 {
        display: inline-block
    }

    .Filter-tab-item.active {
        color: #ff5121
    }

        .Filter-tab-item.active i {
            color: inherit
        }

.Filter-position {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 8px 0 16px
}

.Filter-position-item {
    padding: 6px 16px
}

.Filter-position-item--sub {
    border-top: 1px solid #eee
}

.Filter-position-subitem {
    display: inline-block;
    vertical-align: middle;
    margin: 4px 32px 4px 0;
    font-size: 12px
}

    .Filter-position-subitem:hover {
        color: #d43400
    }

    .Filter-position-subitem.active {
        color: #ff5121
    }

    .Filter-position-subitem.disabled {
        color: #ccc;
        cursor: default
    }

        .Filter-position-subitem.disabled:hover {
            color: #ccc
        }

.Filter-option {
    padding-left: 16px
}

.Filter-option-item {
    display: inline-block;
    vertical-align: middle;
    width: 116px;
    margin: 4px 0
}

.Filter-option-item--range {
    width: auto
}

.Filter-option-item > a {
    display: inline-block
}

    .Filter-option-item > a:hover {
        color: #d43400
    }

.Filter-option-item--disabled {
    color: #ccc
}

    .Filter-option-item--disabled .Filter-checkbox {
        cursor: default
    }

.Filter-checkbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.Filter-checkbox-input {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    opacity: 0;
    z-index: 2;
    width:100%;
    height:100%;
}

    .Filter-checkbox-input:checked + i {
        background-color: #ff5121;
        border-color: #ff5121
    }

        .Filter-checkbox-input:checked + i:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 8px;
            height: 5px;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
            -webkit-transform: translate(-50%,-80%) rotate(-45deg);
            -ms-transform: translate(-50%,-80%) rotate(-45deg);
            -moz-transform: translate(-50%,-80%) rotate(-45deg);
            -o-transform: translate(-50%,-80%) rotate(-45deg);
            transform: translate(-50%,-80%) rotate(-45deg)
        }

.Filter-checkbox-status {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border: 1px solid #dedede;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin-right: 8px
}

.Filter-checkbox-text {
    font-size: 12px
}

.Filter-checkbox-text, .Filter-range {
    display: inline-block;
    vertical-align: middle
}

.Filter-range-input {
    width: 36px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #dedede;
    padding: 0 4px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size: 12px
}

.Filter-range i {
    vertical-align: middle;
    padding: 0 4px;
    color: #dedede;
    font-size: 10px
}

.Filter-range-unit {
    vertical-align: middle;
    font-size: 12px;
    margin-left: 4px
}

.Filter-range-button {
    width: 36px;
    height: 20px;
    background-color: #ff5121;
    background-image: -webkit-gradient(linear,right top,left top,from(#ff7338),to(#f54732));
    background-image: -webkit-linear-gradient(right,#ff7338,#f54732);
    background-image: -o-linear-gradient(right,#ff7338 0,#f54732 100%);
    background-image: -moz-linear-gradient(right,#ff7338 0,#f54732 100%);
    background-image: linear-gradient(270deg,#ff7338,#f54732);
    border: 0;
    margin-left: 16px;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

    .Filter-range-button:hover {
        background: #d43400
    }

.Filter-result {
    position: relative;
    padding: 16px 0 0 44px;
    margin-top: 14px;
    border-top: 1px solid #eee;
    font-size: 12px
}

.Filter-result-label {
    position: absolute;
    left: 0;
    top: 16px;
    line-height: 24px
}

.Filter-result-content {
    padding-left: 16px;
    font-size: 0
}

.Filter-result-chose {
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    padding: 2px 8px;
    margin-right: 12px;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    cursor: pointer
}

    .Filter-result-chose:hover {
        border-color: #d43400;
        color: #d43400
    }

.Filter-result-close {
    font-size: 11px;
    margin-left: 6px
}

.Filter-result-delete {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-size: 12px;
    cursor: pointer
}

    .Filter-result-delete:hover {
        color: #d43400
    }

    .Filter-result-delete i {
        margin-right: 4px
    }

.Filter-rank {
    width: 912px;
    margin-top: 40px
}

.Filter-rank-list {
    font-size: 0;
    border-bottom: 2px solid #eee
}

.Filter-rank-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
    font-size: 16px
}

    .Filter-rank-item i {
        vertical-align: middle;
        color: #666
    }

    .Filter-rank-item .icon-filter-down {
        font-size: 10px
    }

    .Filter-rank-item:hover .Filter-rank-block, .Filter-rank-item:hover [class^=icon-] {
        color: #d43400
    }

    .Filter-rank-item:hover .Filter-rank-order-arrow.up {
        border-bottom-color: #d43400 !important
    }

    .Filter-rank-item:hover .Filter-rank-order-arrow.down {
        border-top-color: #d43400 !important
    }

.Filter-rank-item--active {
    font-weight: 700;
    color: #ff5121
}

    .Filter-rank-item--active [class^=icon-] {
        color: #ff5121;
        font-weight: 400
    }

    .Filter-rank-item--active .Filter-rank-block:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 2px;
        background-color: #ff5121
    }

    .Filter-rank-item--active .Filter-rank-order-arrow.up {
        border-bottom-color: #dedede
    }

        .Filter-rank-item--active .Filter-rank-order-arrow.up.on {
            border-bottom-color: #ff5121
        }

    .Filter-rank-item--active .Filter-rank-order-arrow.down {
        border-top-color: #dedede
    }

        .Filter-rank-item--active .Filter-rank-order-arrow.down.on {
            border-top-color: #ff5121
        }

    .Filter-rank-item--active.Filter-rank-item--order .Filter-rank-block:hover {
        color: #d43400
    }

    .Filter-rank-item--active .Filter-rank-block, .Filter-rank-item--active:hover .Filter-rank-block, .Filter-rank-item--active:hover .Filter-rank-block [class^=icon-] {
        color: #ff5121
    }

.Filter-rank-block {
    position: relative;
    display: block;
    padding-bottom: 6px;
    cursor: pointer
}

.Filter-rank-order {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    width: 8px;
    height: 10px
}

.Filter-rank-order-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    overflow: hidden;
    border-color: transparent transparent #666;
    border-style: solid;
    border-width: 0 4px 4px
}

    .Filter-rank-order-arrow.up {
        top: 0
    }

        .Filter-rank-order-arrow.up.on {
            border-bottom-color: #fff
        }

    .Filter-rank-order-arrow.down {
        bottom: 0;
        border-width: 4px 4px 0;
        border-color: #666 transparent transparent
    }

        .Filter-rank-order-arrow.down.on {
            border-top-color: #fff
        }

.Filter-rank-new {
    display: inline-block;
    vertical-align: 1px !important;
    background: #ff5121;
    padding: 1px 4px 0 3px;
    -webkit-border-radius: 9px 2px;
    -moz-border-radius: 9px 2px;
    border-radius: 9px 2px;
    color: #fff !important;
    font-size: 10px;
    font-style: italic;
    font-weight: 400
}

.Filter-select {
    position: relative;
    cursor: pointer
}

.Filter-select--on .Filter-select-label, .Filter-select--on .Filter-select-label i {
    color: #ff5121
}

.Filter-select-container {
    padding: 4px 0
}

.Filter-select-list {
    display: inline-block;
    vertical-align: middle;
    width: 116px
}

.Filter-select-label {
    padding-left: 16px;
    font-size: 12px;
    font-weight: 700
}

    .Filter-select-label i {
        font-weight: 400;
        font-size: 12px;
        color: #999
    }

.Filter-select-layer {
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 100;
    width: 108px;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 8px 0
}

.Filter-select-option {
    display: block
}

    .Filter-select-option:hover {
        background-color: #f8f8f8
    }

    .Filter-select-option .Filter-checkbox {
        display: block;
        padding: 7px 0 7px 16px
    }

.Filter-select-btn {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 8px 0;
    font-size: 12px;
    text-align: center
}

.Filter-select-btn--sure {
    color: #ff5121
}

.Filter-select-btn:hover {
    color: #d43400
}

.Filter-more {
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 12px;
    color: #666;
    cursor: pointer
}

    .Filter-more:hover {
        color: #d43400
    }

    .Filter-more i {
        margin-right: 4px
    }

.TopHeader + .List-mainContainer {
    padding-top: 0
}

.Filter-total {
    line-height: 1.2;
    font-size: 20px
}

    .Filter-total strong {
        padding: 0 4px;
        color: #ff5121;
        font-size: 22px;
        font-family: Verdana
    }

.List-aside-market {
    border: 1px solid #dedede
}

.List-aside-market-dl {
    padding: 16px
}

.List-aside-market-dt {
    font-size: 16px;
    color: #4e4e4e
}

.List-aside-market-price {
    padding-top: 4px;
    font-size: 14px
}

    .List-aside-market-price strong {
        font-size: 36px;
        font-family: Verdana
    }

.List-aside-market-rate {
    padding-top: 6px;
    font-size: 14px;
    color: #666
}

.List-aside-market-list {
    margin: 0 16px;
    padding: 7px 0;
    border-top: 1px solid #dedede
}

.List-aside-market-list-item {
    padding: 7px 0;
    font-size: 0
}

    .List-aside-market-list-item a:hover, .List-aside-market-list-item a:hover .List-aside-market-list-label, .List-aside-market-list-item a:hover .List-aside-market-list i {
        color: #d43400
    }

.List-aside-market-list-label {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    color: #666;
    font-size: 14px
}

.List-aside-market-list-label--w {
    max-width: 90% !important;
    width: auto
}

.List-aside-market-list-cont {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700
}

.List-aside-market-list i {
    vertical-align: middle;
    margin-left: 4px;
    color: #999;
    font-size: 12px;
    font-weight: 400
}

.List-aside-market-more {
    display: block;
    padding: 10px 0;
    background-color: #f8f8f8;
    font-size: 14px;
    text-align: center
}

    .List-aside-market-more:hover, .List-aside-market-more:hover i {
        color: #d43400
    }

    .List-aside-market-more i {
        margin-left: 4px;
        font-size: 12px;
        color: #666
    }

.Pager-wrap .Breadcrumbs {
    padding: 0
}

.List-aside-business {
    width: 100%;
    height: 420px;
    margin-bottom: 60px
}

    .List-aside-business img {
        display: block;
        width: 100%;
        height: 100%
    }

.ListNav {
    margin-bottom: 40px;
    font-size: 0
}

.ListNav-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700;
    margin-right: 40px
}

    .ListNav-item:last-child {
        margin-right: 0
    }

    .ListNav-item:hover {
        color: #d43400
    }

    .ListNav-item.on {
        color: #ff5121
    }

.List-aside-code {
    display: table;
    width: 100%;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.14);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.14);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.14);
    padding: 16px;
    font-size: 0
}

.List-aside-code-img {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    height: 100px
}

    .List-aside-code-img img {
        display: block;
        width: 100%;
        height: 100%
    }

.List-aside-code-content {
    display: table-cell;
    vertical-align: middle;
    padding-left: 16px;
    font-size: 14px
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes fade {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes fade {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeMiddle {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes fadeMiddle {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes fadeMiddle {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@-moz-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(2turn);
        -moz-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@-o-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(2turn);
        -o-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

.LpList--b .LpList-img {
    width: 232px;
    height: 174px
}

.LpList--b .LpList-cont {
    min-height: 174px
}

.LpList--type .LpList-item {
    padding: 16px 0;
    border-bottom: 0
}

.LpList--type .LpList-img {
    width: 180px;
    height: 135px;
    border: 1px solid #eee
}

.LpList--type .LpList-cont {
    min-height: 135px
}

.LpList--type .LpList-name {
    font-size: 20px
}

.LpList--type .LpList-type {
    font-size: 16px
}

.LpList--rank .LpList-cont {
    padding-right: 305px
}

.LpList-rank-title {
    font-size: 32px;
    font-weight: 700;
    color: #121212
}

    .LpList-rank-title strong {
        display: inline-block;
        padding: 0 4px;
        line-height: 1.32;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        margin-left: 8px;
        background-color: #ff5121;
        color: #fff;
        font-size: 26px
    }

.LpList-tableHd {
    display: table;
    width: 100%;
    height: 28px;
    line-height: 28px;
    background-color: #f8f8f8;
    margin-top: 30px
}

.LpList-tableHd-cell {
    display: table-cell;
    width: 116px;
    font-size: 14px;
    color: #666;
    text-align: center
}

    .LpList-tableHd-cell:first-child {
        width: auto;
        padding-left: 70px;
        text-align: left
    }

    .LpList-tableHd-cell:last-child {
        width: 156px;
        padding-left: 20px
    }

.LpList-item {
    position: relative;
    padding: 36px 0;
    border-bottom: 1px solid #eee
}

    .LpList-item:hover {
        background-color: #f8f8f8
    }

        .LpList-item:hover .LpList-loveImg {
            display: block
        }

    .LpList-item:nth-child(-n+3) .LpList-sort-num {
        background-color: #ff5121
    }

        .LpList-item:nth-child(-n+3) .LpList-sort-num:after {
            border-color: transparent #ff5121
        }

.LpList-img {
    position: relative;
    float: left;
    width: 200px;
    height: 150px;
    margin-right: 32px;
    overflow: hidden
}

.LpList-saleTag {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 60px;
    padding: 9px 6px 19px;
    background-color: #fc2c2c;
    background-image: -webkit-linear-gradient(315deg,rgba(255,134,72,.94),rgba(252,44,44,.96));
    background-image: -o-linear-gradient(315deg,rgba(255,134,72,.94) 0,rgba(252,44,44,.96) 100%);
    background-image: -moz-linear-gradient(315deg,rgba(255,134,72,.94) 0,rgba(252,44,44,.96) 100%);
    background-image: linear-gradient(135deg,rgba(255,134,72,.94),rgba(252,44,44,.96));
    -webkit-border-radius: 0 0 97px 97px;
    -moz-border-radius: 0 0 97px 97px;
    border-radius: 0 0 97px 97px;
    line-height: 1.24;
    font-size: 12px;
    text-align: center;
    color: #fff
}

.LpList-saleTag-num {
    display: block
}

    .LpList-saleTag-num strong {
        padding-right: 2px;
        font-size: 24px;
        font-weight: 600
    }

.LpList-cont {
    position: relative;
    overflow: hidden;
    min-height: 150px;
    padding-right: 168px
}

.LpList-name {
    display: block;
    line-height: 1.1;
    font-size: 24px;
    font-weight: 700;
    color: #121212
}

    .LpList-name a:hover, a.LpList-name:hover {
        color: #d43400
    }

    .LpList-name .ellipsis {
        display: inline-block;
        vertical-align: middle;
        max-width: 92%
    }

.LpList-name-hot {
    padding-left: 8px;
    font-size: 14px;
    color: #666;
    font-weight: 400
}

.LpList-address {
    line-height: 1.285;
    padding-top: 18px;
    font-size: 14px;
    color: #666
}

    .LpList-address a {
        color: #666
    }

        .LpList-address a:hover {
            color: #d43400
        }

.LpList-type {
    line-height: 1.285;
    padding-top: 18px;
    font-size: 14px;
    color: #666
}

.LpList-pricebox {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    text-align: right
}

.LpList-price {
    color: #ff5121
}

    .LpList-price strong {
        padding-right: 2px;
        font-family: Verdana;
        font-size: 20px
    }

.LpList-price-main {
    font-weight: 700
}

    .LpList-price-main strong {
        font-size: 28px
    }

.LpList-price-sub {
    padding-top: 8px;
    font-size: 14px;
    color: #666
}

.LpList-rate {
    padding-top: 12px;
    color: #666
}

.LpList-rankbox {
    position: absolute;
    right: 154px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    width: 116px
}

.LpList-rank {
    font-size: 20px;
    font-weight: 700;
    font-family: Verdana
}

.LpList-rank--down {
    color: #0bb03d
}

.LpList-rank--up {
    color: #ef3929
}

.LpList-number {
    color: #666;
    text-align: center
}

    .LpList-number strong {
        font-size: 20px;
        font-weight: 700;
        font-family: Verdana;
        color: #333
    }

.LpList-info {
    line-height: 1.285;
    padding-top: 18px;
    font-size: 14px;
    color: #666
}

.LpList-info-item {
    margin-right: 16px
}

.LpList-info a {
    color: #586c94
}

.LpList-line {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 12px;
    margin: 0 12px;
    background-color: #dedede
}

.LpList-set {
    line-height: 1.285;
    padding-top: 15px;
    font-size: 0
}

.LpList-set-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #666;
    margin-right: 24px
}

    .LpList-set-item:last-child {
        margin-right: 0
    }

.LpList-set-item--subway {
    max-width: 54%
}

.LpList-set-item--school {
    max-width: 40%
}

a.LpList-set-item:hover {
    color: #d43400
}

.LpList-set-item:only-child {
    max-width: 100%
}

.LpList-set-item i {
    font-size: 16px;
    margin-right: 8px
}

.LpList-set-item .icon-school {
    font-size: 14px
}

.LpList-love {
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: right;
    cursor: pointer
}

    .LpList-love i {
        font-size: 18px;
        color: #666
    }

    .LpList-love .icon-loved {
        color: #ff5121
    }

.LpList-news {
    display: block;
    line-height: 1.3;
    margin-top: 18px
}

    .LpList-news:hover .LpList-news-dec {
        color: #d43400
    }

.LpList-news-tit {
    position: relative;
    float: left;
    padding: 3px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fc2c2c;
    background-image: -webkit-linear-gradient(315deg,rgba(255,134,72,.94),rgba(252,44,44,.96));
    background-image: -o-linear-gradient(315deg,rgba(255,134,72,.94) 0,rgba(252,44,44,.96) 100%);
    background-image: -moz-linear-gradient(315deg,rgba(255,134,72,.94) 0,rgba(252,44,44,.96) 100%);
    background-image: linear-gradient(135deg,rgba(255,134,72,.94),rgba(252,44,44,.96));
    margin-right: 10px;
    font-size: 9px;
    color: #fff
}

    .LpList-news-tit:after {
        content: "";
        position: absolute;
        right: -3px;
        top: 50%;
        width: 0;
        height: 0;
        overflow: hidden;
        font-size: 0;
        margin-top: -4px;
        border-color: transparent transparent transparent #fc2c2c;
        border-style: solid;
        border-width: 4px 0 4px 4px
    }

.LpList-news-dec {
    overflow: hidden;
    font-size: 14px;
    height: 18px
}

.LpList-handle {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 1.285;
    font-size: 14px;
    color: #666;
    cursor: pointer
}

    .LpList-handle:hover {
        color: #d43400
    }

    .LpList-handle i {
        vertical-align: middle;
        margin-left: 4px;
        font-size: 12px
    }

.LpList-handle--active, .LpList-handle--active:hover {
    color: #ff5121
}

.LpList-mark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    padding: 0 3px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 400
}

.LpList-mark--new {
    background: #0bb03d;
    background-image: -webkit-linear-gradient(224deg,#1ad870,#0bb03d);
    background-image: -o-linear-gradient(224deg,#1ad870 0,#0bb03d 100%);
    background-image: -moz-linear-gradient(224deg,#1ad870 0,#0bb03d 100%);
    background-image: linear-gradient(226deg,#1ad870,#0bb03d)
}

.LpList-mark--xf {
    background-color: #334de1;
    background-image: -webkit-gradient(linear,left top,right top,from(#334de1),to(#3c8aff));
    background-image: -webkit-linear-gradient(left,#334de1,#3c8aff);
    background-image: -o-linear-gradient(left,#334de1 0,#3c8aff 100%);
    background-image: -moz-linear-gradient(left,#334de1 0,#3c8aff 100%);
    background-image: linear-gradient(90deg,#334de1,#3c8aff)
}

.LpList .icon-rank-down {
    position: relative;
    top: -2px;
    margin-right: 4px;
    color: #0bb03d;
    font-size: 20px;
    font-weight: 400
}

.LpList-agent {
    position: absolute;
    right: 0;
    top: 0
}

.LpList-agent-name {
    font-size: 16px;
    vertical-align: middle
}

.LpList-agent .Agent-avatar {
    width: 24px;
    margin-right: 4px
}

.LpList-agent .Agent-avatar, .LpList-agent .Button {
    display: inline-block;
    vertical-align: middle;
    height: 24px
}

.LpList-agent .Button {
    width: 60px;
    line-height: 22px;
    margin-left: 8px
}

.LpList-loveImg {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px
}

.LpList-loveImg-txt {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    color: transparent;
    overflow: hidden;
    background: url(https://static.esf.fangdd.com/esf/webcpwebsite/love-2NS_j.png) no-repeat;
    -webkit-background-size: 38px auto;
    -moz-background-size: 38px auto;
    background-size: 38px auto;
    -webkit-transition: background .4s;
    -o-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s
}

    .LpList-loveImg-txt.on {
        background-position: 0 -38px
    }

.LpList-sort {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 16px;
    width: 44px;
    text-align: center;
    font-weight: 700
}

.LpList-sort-num {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background-color: #140d2d;
    color: #fff;
    font-size: 26px
}

    .LpList-sort-num:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        left: 0;
        bottom: -10px;
        border-color: transparent #140d2d;
        border-style: solid;
        border-width: 0 22px 10px
    }

.LpList-flag {
    top: 190px;
    max-width: 158px
}

.LpList-flag, .LpList-flag-tag {
    position: absolute;
    right: 0;
    font-size: 14px
}

.LpList-flag-tag {
    top: 0;
    padding: 0 8px;
    background-color: #f8f8f8;
    color: #999
}

.LpList-flag-title {
    margin-right: 8px;
    padding: 0 4px;
    background-color: #120e3f;
    background-image: -webkit-gradient(linear,right top,left top,from(#3e4061),to(#120e3f));
    background-image: -webkit-linear-gradient(right,#3e4061,#120e3f);
    background-image: -o-linear-gradient(right,#3e4061 0,#120e3f 100%);
    background-image: -moz-linear-gradient(right,#3e4061 0,#120e3f 100%);
    background-image: linear-gradient(270deg,#3e4061,#120e3f);
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.LpList-table-wrap {
    position: relative;
    margin-top: 24px;
    padding: 0 60px 0 24px;
    background-color: #f8f8f8
}

    .LpList-table-wrap:after {
        content: "";
        position: absolute;
        top: -8px;
        right: 40px;
        width: 0;
        height: 0;
        overflow: hidden;
        font-size: 0;
        border-color: transparent transparent #f8f8f8;
        border-style: solid;
        border-width: 0 6px 8px
    }

.LpList-table-container {
    position: relative;
    height: 107px
}

.LpList-table-list {
    width: 276px;
    padding: 16px 10px 16px 0
}

.LpList-table-block {
    display: block
}

    .LpList-table-block:hover .LpList-table-name {
        color: #d43400
    }

.LpList-table-img {
    float: left;
    width: 100px;
    height: 75px;
    margin-right: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden
}

    .LpList-table-img img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.LpList-table-cont {
    overflow: hidden;
    min-height: 75px
}

.LpList-table-name {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700
}

.LpList-table-num {
    height: 30px;
    padding-top: 9px;
    font-size: 14px;
    color: #586c94;
    font-weight: 700
}

    .LpList-table-num i {
        margin-left: 2px;
        font-size: 12px;
        font-weight: 400
    }

.LpList-table-price {
    line-height: 1.2;
    padding-top: 10px;
    color: #ff5121;
    font-size: 12px
}

    .LpList-table-price strong {
        padding-right: 2px;
        font-size: 16px;
        font-weight: 700
    }

.LpList-table-handle {
    position: absolute;
    z-index: 11;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

    .LpList-table-handle:hover {
        color: #d43400
    }

    .LpList-table-handle i {
        font-size: 16px
    }

    .LpList-table-handle.prev {
        left: 16px
    }

        .LpList-table-handle.prev i {
            margin-left: -2px
        }

    .LpList-table-handle.next {
        right: 16px
    }

        .LpList-table-handle.next i {
            margin-right: -2px
        }

.LpList-tag {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1px 4px;
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
    font-size: 12px;
    color: #fff
}

.LpList-tag--true {
    background-color: #f79a1c;
    background-image: -webkit-gradient(linear,right top,left top,from(#ffbe22),to(#f79a1c));
    background-image: -webkit-linear-gradient(right,#ffbe22,#f79a1c);
    background-image: -o-linear-gradient(right,#ffbe22 0,#f79a1c 100%);
    background-image: -moz-linear-gradient(right,#ffbe22 0,#f79a1c 100%);
    background-image: linear-gradient(270deg,#ffbe22,#f79a1c)
}

.LpList-tag--scene {
    background-color: #ff3d26;
    background-image: -webkit-gradient(linear,right top,left top,from(#ff8c32),to(#ff3d26));
    background-image: -webkit-linear-gradient(right,#ff8c32,#ff3d26);
    background-image: -o-linear-gradient(right,#ff8c32 0,#ff3d26 100%);
    background-image: -moz-linear-gradient(right,#ff8c32 0,#ff3d26 100%);
    background-image: linear-gradient(270deg,#ff8c32,#ff3d26)
}

.LpList-tag--discount {
    background-color: #ef3e4a
}

.LpList-tag--owner {
    background-color: #09b532;
    background-image: -webkit-gradient(linear,right top,left top,from(#0fd944),to(#09b532));
    background-image: -webkit-linear-gradient(right,#0fd944,#09b532);
    background-image: -o-linear-gradient(right,#0fd944 0,#09b532 100%);
    background-image: -moz-linear-gradient(right,#0fd944 0,#09b532 100%);
    background-image: linear-gradient(270deg,#0fd944,#09b532)
}

.LpList-label {
    line-height: 1.333;
    height: 24px;
    margin-top: 18px;
    max-width: 100%;
    overflow: hidden;
    font-size: 0
}

.LpList-label-item {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding: 4px 8px;
    margin-right: 8px;
    background-color: #f3f5f7;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #586c94;
    font-size: 12px
}

.LpList-label-item--status {
    background-color: #ffe6ec;
    color: #ef3e4a
}

.LpList-label-item--back {
    background-color: #ff5d51;
    color: #fff
}

.LpList-label--s {
    height: 20px
}

    .LpList-label--s .LpList-label-item {
        padding: 2px 4px
    }

.Video-tag {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    line-height: 48px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: rgba(0,0,0,.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    text-align: center
}

    .Video-tag i {
        margin-left: 3px;
        font-size: 16px
    }

.Video-tag--s {
    width: 40px;
    height: 40px;
    line-height: 40px
}

    .Video-tag--s i {
        font-size: 14px
    }

.Video-tag--l {
    width: 80px;
    height: 80px;
    line-height: 80px
}

    .Video-tag--l i {
        margin-left: 5px;
        font-size: 30px
    }

.Video-tag--mini {
    width: 32px;
    height: 32px;
    line-height: 30px
}

    .Video-tag--mini i {
        font-size: 12px
    }

.VideoLong-tag {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: rgba(0,0,0,.7);
    font-size: 14px;
    color: #fff;
    text-align: center
}

    .VideoLong-tag i {
        margin-right: 8px;
        font-size: 16px;
        vertical-align: middle
    }

.VideoLong-tag--s {
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px
}

.VideoLong-tag--l {
    height: 60px;
    line-height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 0 32px;
    font-size: 22px
}

    .VideoLong-tag--l i {
        margin-right: 12px;
        font-size: 24px
    }

.Filter-empty {
    padding: 48px 0 60px;
    text-align: center
}

.Filter-empty-text {
    padding-top: 16px;
    font-weight: 700;
    font-size: 16px;
    color: #121212
}

.empty-icon {
    display: block;
    width: 168px;
    height: 168px;
    background: url("https://fs.fangdd.com/static/FrR-3GKC32mkKcPWU15fqoa3LBqU.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    margin: 0 auto
}

.TopHeader {
    position: relative;
    margin-bottom: 30px
}

.TopHeader-hd {
    padding: 6px 500px 0 0
}

    .TopHeader-hd .TopHeader-title {
        display: inline-block;
        padding-top: 0
    }

.TopHeader-title {
    line-height: 1.2;
    padding-top: 6px;
    font-size: 32px;
    font-weight: 700;
    color: #121212
}

.TopHeader-title--s {
    padding-bottom: 5px;
    font-size: 28px
}

.TopHeader-title-unit {
    padding-left: 2px;
    font-size: 16px
}

.TopHeader-price {
    height: 66px;
    padding-top: 12px
}

.TopHeader-price-main {
    margin-right: 24px;
    color: #ef3929;
    font-size: 16px
}

    .TopHeader-price-main strong {
        padding-right: 4px;
        font-size: 36px;
        font-weight: 700
    }

.TopHeader-price-sub {
    font-size: 16px
}

    .TopHeader-price-sub strong {
        font-size: 20px;
        font-weight: 700
    }

.TopHeader-price-determined {
    font-size: 24px;
    font-weight: 700;
    color: #ef3929
}

.TopHeader-notice {
    margin-left: 20px;
    font-size: 18px;
    color: #ff5121;
    text-decoration: underline;
    cursor: pointer
}

    .TopHeader-notice:hover {
        color: #d43400;
        text-decoration: underline
    }

.TopHeader-address {
    padding-top: 8px;
    font-size: 14px;
    color: #666
}

.TopHeader-address-map {
    padding-left: 15px;
    color: #586c94
}

.TopHeader-info {
    height: 29px;
    padding-top: 8px;
    font-size: 14px;
    color: #666
}

.TopHeader-type {
    height: 44px;
    padding-top: 18px;
    font-size: 16px
}

    .TopHeader-type i {
        margin-right: 20px;
        font-size: 20px
    }

.TopHeader-line {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 14px;
    margin: 0 12px;
    background-color: #dedede
}

.TopHeader-button {
    position: absolute;
    right: 0;
    top: 6px;
    z-index: 2
}

    .TopHeader-button .Button {
        display: inline-block;
        vertical-align: middle;
        height: 48px;
        line-height: 48px;
        margin-left: 12px
    }

    .TopHeader-button .Button--line {
        width: 184px
    }

    .TopHeader-button .Button--default {
        width: 228px
    }

.TopHeader-focus {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    cursor: pointer;
    font-size: 0
}

    .TopHeader-focus:hover {
        color: #333
    }

.TopHeader-focus-pop {
    display: none;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 32px;
    width: 132px;
    background-color: #fff;
    padding: 16px 16px 10px;
    margin-left: -66px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    text-align: center
}

.TopHeader-focus-pop-arrow {
    position: absolute;
    z-index: 101;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    top: -18px;
    overflow: hidden
}

    .TopHeader-focus-pop-arrow:before {
        content: "";
        position: absolute;
        left: 3px;
        top: 12px;
        width: 12px;
        height: 12px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
        box-shadow: 0 0 4px rgba(0,0,0,.1);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.TopHeader-focus-pop-txt {
    padding-top: 6px;
    font-size: 12px;
    color: #666
}

.TopHeader-focus-pop img {
    width: 100px;
    height: 100px
}

.TopHeader-focus-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #666
}

    .TopHeader-focus-item:hover, .TopHeader-focus-item:hover i {
        color: #d43400
    }

        .TopHeader-focus-item:hover .TopHeader-focus-pop {
            display: block
        }

    .TopHeader-focus-item i {
        vertical-align: middle;
        line-height: 1.4;
        margin-right: 6px;
        font-size: 18px;
        color: #999
    }

    .TopHeader-focus-item .icon-love {
        font-size: 17px
    }

.TopHeader-focus-item--on, .TopHeader-focus-item--on i {
    color: #ff5121
}

.TopHeader-focus-line {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 18px;
    margin: 0 16px;
    background-color: #dedede
}

.TopHeader .LpList-label {
    margin-top: 16px
}

.TopHeader-flagship {
    display: inline-block;
    vertical-align: 4px;
    margin-right: 8px;
    padding: 0 6px;
    font-size: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #120e3f;
    background-image: -webkit-gradient(linear,right top,left top,from(#3e4061),to(#120e3f));
    background-image: -webkit-linear-gradient(right,#3e4061,#120e3f);
    background-image: -o-linear-gradient(right,#3e4061 0,#120e3f 100%);
    background-image: -moz-linear-gradient(right,#3e4061 0,#120e3f 100%);
    background-image: linear-gradient(270deg,#3e4061,#120e3f);
    color: #fff
}

.TopHeader-amount {
    position: absolute;
    top: 46px;
    right: 500px;
    text-align: right;
    font-size: 16px
}

.TopHeader-amount-num {
    display: block
}

    .TopHeader-amount-num strong {
        padding-right: 2px;
        font-size: 48px;
        font-weight: 700;
        font-family: Verdana
    }

.LpList-aside {
    padding: 8px 0
}

.LpList-aside-text {
    display: block;
    font-size: 0;
    cursor: pointer;
    margin: 4px 0 13px
}

    .LpList-aside-text .LpList-aside-name {
        display: inline-block;
        vertical-align: middle;
        width: 60%
    }

    .LpList-aside-text .LpList-aside-price {
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        padding-top: 0;
        font-size: 10px;
        text-align: right
    }

        .LpList-aside-text .LpList-aside-price strong {
            font-size: 14px
        }

.LpList-aside-block {
    display: block;
    padding: 8px 0
}

.LpList-aside-img {
    position: relative;
    float: left;
    width: 100px;
    height: 75px;
    overflow: hidden;
    margin-right: 16px
}

.LpList-aside-cont {
    min-height: 75px;
    overflow: hidden
}

.LpList-aside-name {
    line-height: 1.35;
    font-size: 14px;
    font-weight: 700
}

.LpList-aside-type {
    padding-top: 6px;
    font-size: 14px;
    color: #666
}

.LpList-aside-price {
    padding-top: 6px;
    font-size: 12px;
    color: #ff5121
}

    .LpList-aside-price strong {
        font-family: Verdana;
        padding-right: 2px;
        font-size: 16px;
        font-weight: 700
    }

.Comment-aside, .Comment-aside-item {
    padding: 8px 0
}

.Comment-aside-name {
    font-size: 14px;
    font-weight: 700
}

    .Comment-aside-name a:hover {
        color: #d43400
    }

.Comment-aside-dec {
    margin-top: 6px;
    max-height: 40px;
    line-height: 1.46;
    color: #4e4e4e
}

.Comment-aside-time {
    padding-top: 6px;
    font-size: 12px;
    color: #999
}

.Pager {
    font-size: 0
}

.Pager-wrap {
    padding: 40px 0
}

.Pager--s .Pager-item {
    width: 24px;
    height: 24px;
    line-height: 22px;
    font-size: 10px
}

.Pager-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    border: 1px solid #eee;
    color: #666;
    text-align: center;
    cursor: pointer
}

    .Pager-item:hover {
        border-color: #d43400;
        color: #d43400
    }

.Pager-item--on, .Pager-item--on:hover {
    border-color: #ff5121;
    background-color: #ff5121;
    color: #fff
}

.Pager-item--disabled {
    cursor: default;
    opacity: .5
}

    .Pager-item--disabled:hover {
        border-color: #eee;
        color: #666
    }

.Pager-ellipsis, .Pager-number {
    vertical-align: middle;
    padding: 0 2px 0 12px;
    font-size: 14px;
    color: #666
}

.BasicDetail-area .InfoList-wrap {
    padding-top: 30px;
    border-top: 1px solid #eee
}

.BasicDetail-base {
    padding-bottom: 16px;
    font-size: 0
}

.BasicDetail-base-price {
    display: inline-block;
    vertical-align: middle;
    color: #ef3929;
    font-size: 16px
}

    .BasicDetail-base-price strong {
        padding-right: 5px;
        font-family: Verdana;
        font-size: 48px;
        font-weight: 700
    }

.BasicDetail-base-rate {
    display: inline-block;
    vertical-align: middle;
    padding: 28px 0 0 20px;
    font-size: 14px
}

.BasicDetail-base-link {
    margin-top: -10px;
    display: block;
    font-size: 16px;
    color: #586c94;
    padding-bottom: 24px
}

.PicDetail-main {
    position: relative;
    width: 542px;
    height: 360px
}

.PicDetail-aside {
    width: 150px
}

.PicDetail-aside-item {
    position: relative;
    display: block;
    height: 112px;
    margin-bottom: 12px
}

    .PicDetail-aside-item:last-child {
        margin-bottom: 0
    }

    .PicDetail-aside-item.on:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #ff5121;
        z-index: 20
    }

    .PicDetail-aside-item img {
        display: block;
        width: 100%;
        height: 100%
    }

.PicDetail-aside-txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    background-color: rgba(0,0,0,.5);
    z-index: 11;
    color: #fff;
    text-align: center
}

.PicDetail-map {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.PicDetail-active {
    z-index: 20 !important
}

.PicDetailArea-swiper {
    background-color: #eee
}

    .PicDetailArea-swiper .swiper-slide {
        width: 542px
    }

.DetailArea-trend-data {
    height: 80px;
    border: 1px solid #eee;
    margin-top: -16px;
    text-align: center
}

.DetailArea-trend-data-title {
    float: left;
    width: 160px;
    line-height: 78px;
    font-size: 16px;
    font-weight: 700
}

.DetailArea-trend-data-content {
    float: right;
    height: 100%;
    width: 540px;
    text-align: left
}

.DetailArea-trend-data-item {
    position: relative;
    float: left;
    width: 160px;
    height: 78px;
    border-left: 1px solid #eee;
    padding: 14px 0 14px 44px;
    font-size: 14px
}

    .DetailArea-trend-data-item:first-child {
        width: 220px
    }

    .DetailArea-trend-data-item:before {
        content: "";
        position: absolute;
        left: 24px;
        top: 50%;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin-top: -5px
    }

    .DetailArea-trend-data-item.name:before {
        background-color: #ff5121
    }

    .DetailArea-trend-data-item.region:before {
        background-color: #648dff
    }

    .DetailArea-trend-data-item.city:before {
        background-color: #3cba6b
    }

    .DetailArea-trend-data-item .title {
        max-width: 80%
    }

    .DetailArea-trend-data-item .price {
        padding-top: 8px;
        font-weight: 700
    }

.DetailArea-trend-graph {
    margin-top: 32px;
    height: 240px
}

.DetailAi {
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid #eee
}

.DetailAi-dec {
    line-height: 1.428;
    font-size: 14px;
    color: #999
}

.DetailAi-info {
    position: relative;
    margin-top: 28px;
    font-size: 16px
}

.DetailAi-info-label {
    font-weight: 700
}

.DetailAi-info-price {
    padding-left: 16px;
    color: #ff5121
}

    .DetailAi-info-price strong {
        padding-right: 2px;
        font-family: Verdana;
        font-size: 32px;
        font-weight: 700
    }

.DetailAi-info-rate {
    padding-left: 16px
}

    .DetailAi-info-rate .Rate {
        font-weight: 700
    }

.DetailAi-info .Button {
    width: 124px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Detail-aside-agent {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #eee
}

.InfoList {
    font-size: 0
}

.InfoList-wrap {
    padding-top: 14px
}

.InfoList--b .InfoList-item {
    font-size: 16px;
    line-height: 1.375
}

.InfoList-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 7px 4px 7px 0;
    font-size: 14px
}

.InfoList-item--w {
    width: 100%
}

.InfoList-item--w3 {
    width: 33.333%
}

.InfoList-label {
    float: left;
    width: 76px;
    color: #999
}

.InfoList-text {
    display: block;
    overflow: hidden;
    margin-left: 76px
}

    .InfoList-text a {
        text-decoration: underline
    }

        .InfoList-text a:hover {
            color: #d43400
        }

.LpListRow {
    font-size: 0
}

.LpListRow-item {
    display: inline-block;
    vertical-align: top;
    width: 284px;
    height: 326px;
    background-color: #fff;
    margin: 0 16px 30px 0
}

    .LpListRow-item:nth-last-child(-n+4) {
        margin-bottom: 0
    }

    .LpListRow-item:nth-child(4n) {
        margin-right: 0
    }

.LpListRow-img {
    position: relative;
    width: 100%;
    height: 213px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.LpListRow-cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(2%,transparent),color-stop(97%,rgba(0,0,0,.6)));
    background-image: -webkit-linear-gradient(top,transparent 2%,rgba(0,0,0,.6) 97%);
    background-image: -o-linear-gradient(top,transparent 2%,rgba(0,0,0,.6) 97%);
    background-image: -moz-linear-gradient(top,transparent 2%,rgba(0,0,0,.6) 97%);
    background-image: linear-gradient(180deg,transparent 2%,rgba(0,0,0,.6) 97%);
    text-align: right;
    color: #fff;
    font-size: 14px
}

.LpListRow-cont {
    padding: 12px 0
}

.LpListRow-tit {
    position: relative
}

.LpListRow-name {
    font-size: 20px;
    max-width: 50%;
    font-weight: 700
}

.LpListRow-price {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    line-height: 1.25;
    color: #ef3929
}

.LpListRow-price--determined {
    font-size: 20px;
    font-weight: 700;
    padding-top: 3px
}

.LpListRow-price b {
    padding-right: 4px;
    font-size: 24px;
    font-weight: 700;
    font-family: Verdana,sans-serif
}

.LpListRow-type {
    height: 31px;
    padding-top: 10px;
    color: #666;
    font-size: 14px
}

.LpListRow-line {
    display: inline-block;
    vertical-align: -2px;
    width: 1px;
    height: 14px;
    background-color: #dedede;
    margin: 0 12px
}

.LpListRow .LpList-label {
    margin-top: 10px
}

.LpList-aside-img img:hover, .LpList-img img:hover, .LpList-row-img img:hover, .LpListRow-img img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.LpList-aside-img img, .LpList-img img, .LpList-row-img img, .LpListRow-img img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeMiddle {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(2turn);
        -moz-transform: rotate(2turn);
        -o-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

.LpList-row {
    font-size: 0
}

.LpList-row-item {
    display: inline-block;
    vertical-align: top;
    width: 224px;
    margin-right: 16px;
    font-size: 14px
}

    .LpList-row-item:last-child {
        margin-right: 0
    }

.LpList-row-img {
    position: relative;
    width: 100%;
    height: 168px;
    overflow: hidden
}

.LpList-row-name {
    padding-top: 13px;
    font-size: 20px;
    font-weight: 700
}

.LpList-row-box {
    position: relative;
    margin-top: 14px;
    min-height: 21px
}

.LpList-row-type {
    font-size: 14px;
    color: #666
}

.LpList-row-price {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-58%);
    -ms-transform: translateY(-58%);
    -moz-transform: translateY(-58%);
    -o-transform: translateY(-58%);
    transform: translateY(-58%);
    font-size: 14px;
    color: #ff5121
}

    .LpList-row-price strong {
        padding-right: 2px;
        font-size: 24px;
        font-weight: 700
    }

.LpList-row-price--single strong {
    font-size: 20px
}

.LpList-row-line {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 12px;
    margin: 0 12px;
    background-color: #bdbdbd
}

.Flow-list-item {
    position: relative;
    padding: 32px 0 0 112px
}

    .Flow-list-item .Agent-avatar {
        position: absolute;
        top: 32px;
        left: 0
    }

    .Flow-list-item:first-child {
        padding-top: 0
    }

        .Flow-list-item:first-child .Agent-avatar {
            top: 0
        }

    .Flow-list-item:last-child .Flow-list-content {
        border-bottom: 0
    }

.Flow-list-content {
    position: relative;
    padding-bottom: 32px;
    border-bottom: 1px solid #eee
}

.Flow-list-hd {
    padding-top: 10px;
    font-size: 0
}

.Flow-list-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700
}

    .Flow-list-name a:hover {
        color: #d43400
    }

.Flow-list-info {
    padding-top: 10px;
    font-size: 14px;
    color: #666
}

.Flow-list-contact {
    position: absolute;
    right: 0;
    top: 10px;
    text-align: right
}

.Flow-list-tel {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #999
}

.Flow-list-tel-text {
    vertical-align: middle;
    padding: 0 4px
}

.Flow-list-tel i {
    vertical-align: -2px;
    margin-left: 4px;
    font-size: 14px;
    color: #ff5121
}

.Flow-list-tel .icon-tel {
    margin-right: 4px
}

.Flow-list-tel em {
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    color: #ff5121
}

.Flow-list-tel:hover .Flow-list-codepop {
    display: block
}

.Flow-list-codepop {
    display: none;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 32px;
    width: 132px;
    background-color: #fff;
    padding: 12px 0;
    margin-left: -66px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    text-align: center
}

.Flow-list-codepop-arrow {
    position: absolute;
    z-index: 101;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    top: -18px;
    overflow: hidden
}

    .Flow-list-codepop-arrow:before {
        content: "";
        position: absolute;
        left: 3px;
        top: 12px;
        width: 12px;
        height: 12px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
        box-shadow: 0 0 4px rgba(0,0,0,.1);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.Flow-list-codepop-text {
    padding-top: 4px;
    font-size: 12px;
    color: #333
}

.Flow-list-codepop-img {
    margin: 0 auto;
    width: 100px;
    height: 100px
}

.Flow-list-codepop img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.Flow-list .Button {
    width: 60px
}

.Flow-list-chat, .Flow-list .Button {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px
}

.Flow-list-chat {
    color: #ff5121;
    font-size: 16px;
    cursor: pointer
}

    .Flow-list-chat:hover {
        color: #d43400
    }

.Flow-list-house {
    display: block;
    margin-top: 16px;
    background-color: #f8f8f8;
    padding: 8px 18px;
    font-weight: 700
}

    .Flow-list-house em {
        color: #ff5121
    }

    .Flow-list-house:hover, .Flow-list-house:hover em {
        color: #d43400
    }

.Flow-list-question {
    display: block;
    margin-top: 16px;
    background-color: #f8f8f8;
    padding: 8px 18px;
    font-weight: 700
}

    .Flow-list-question .QuestionIcon {
        margin-right: 8px
    }

.Flow-list-dec {
    margin-top: 16px;
    line-height: 1.875;
    font-size: 16px
}

.Flow-list-dec-more {
    color: #586c94;
    cursor: pointer
}

.Flow-list-time {
    padding-top: 20px;
    font-size: 14px;
    color: #999
}

.Flow-list-img {
    margin-top: 16px;
    font-size: 0
}

.Flow-list-img-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    height: 105px;
    margin-right: 10px;
    cursor: pointer
}

    .Flow-list-img-item img {
        display: block;
        width: 100%;
        height: 100%
    }

    .Flow-list-img-item:last-child {
        margin-right: 0
    }

.Flow-list-img-item-cover {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 105px;
    background-color: rgba(0,0,0,.5);
    font-size: 14px;
    color: #fff;
    text-align: center
}

.Flow-list + .Pager-wrap {
    margin-left: 112px;
    border-top: 1px solid #eee
}

.Agent-list {
    line-height: 1.2
}

    .Agent-list .Agent-avatar {
        position: absolute;
        left: 0;
        top: 24px
    }

.Agent-list-item {
    position: relative;
    padding: 24px 0 24px 96px;
    border-bottom: 1px solid #eee
}

    .Agent-list-item:only-child {
        border-bottom: 0
    }

.Agent-list-content {
    min-height: 80px
}

.Agent-list-hd {
    position: relative;
    font-size: 0
}

.Agent-list-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700
}

    .Agent-list-name a:hover {
        color: #d43400
    }

.Agent-list-score {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: #666
}

    .Agent-list-score em {
        color: #ff5121;
        font-weight: 700
    }

.Agent-list-tel {
    position: relative;
    display: inline-block;
    padding-top: 8px;
    font-size: 12px;
    color: #999;
    cursor: pointer
}

.Agent-list-tel-text {
    vertical-align: middle;
    padding: 0 4px
}

.Agent-list-tel i {
    vertical-align: -2px;
    margin-left: 4px;
    font-size: 14px;
    color: #ff5121
}

.Agent-list-tel em {
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    color: #ff5121
}

.Agent-list-phone {
    position: absolute;
    right: 104px;
    top: 31px;
    color: #ff5121;
    cursor: pointer
}

    .Agent-list-phone i {
        font-size: 16px;
        line-height: 1
    }

    .Agent-list-phone .Agent-list-codepop {
        width: 152px;
        margin-left: -76px
    }

    .Agent-list-phone:hover .Agent-list-codepop, .Agent-list-tel:hover .Agent-list-codepop {
        display: block
    }

.Agent-list-codepop {
    display: none;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 32px;
    width: 132px;
    background-color: #fff;
    padding: 12px 0;
    margin-left: -66px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    text-align: center
}

.Agent-list-codepop-arrow {
    position: absolute;
    z-index: 101;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    top: -18px;
    overflow: hidden
}

    .Agent-list-codepop-arrow:before {
        content: "";
        position: absolute;
        left: 3px;
        top: 12px;
        width: 12px;
        height: 12px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
        box-shadow: 0 0 4px rgba(0,0,0,.1);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.Agent-list-codepop-tel {
    padding-bottom: 8px;
    font-size: 10px
}

    .Agent-list-codepop-tel strong {
        font-size: 12px;
        font-weight: 700;
        color: #ff5121
    }

    .Agent-list-codepop-tel .txt {
        color: #999;
        padding: 0 2px
    }

.Agent-list-codepop-text {
    padding-top: 8px;
    font-size: 12px;
    color: #333
}

.Agent-list-codepop-img {
    margin: 0 auto;
    width: 100px;
    height: 100px
}

.Agent-list-codepop img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.Agent-list-dec {
    margin-top: 10px;
    line-height: 1.286;
    max-height: 37px;
    font-size: 14px;
    color: #666
}

.Agent-list-dailog {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 700
}

.Agent-list-txt {
    margin-top: 12px;
    height: 16px;
    overflow: hidden;
    color: #666
}

.Agent-list-txt-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px
}

    .Agent-list-txt-item:first-child {
        padding-left: 0
    }

        .Agent-list-txt-item:first-child:before {
            width: 0
        }

    .Agent-list-txt-item:before {
        content: "";
        position: absolute;
        left: 0;
        top: 2px;
        bottom: 2px;
        width: 1px;
        background-color: #999
    }

.Agent-list-link {
    position: absolute;
    right: 0;
    bottom: 24px;
    font-size: 14px;
    color: #666
}

    .Agent-list-link:hover {
        color: #d43400
    }

    .Agent-list-link i {
        font-size: 10px;
        padding-left: 4px;
        vertical-align: middle
    }

.Agent-list-info {
    margin-top: 10px
}

    .Agent-list-info strong {
        margin-right: 8px;
        font-size: 14px;
        font-weight: 700
    }

.Agent-list-info-num {
    display: inline-block;
    vertical-align: -3px;
    overflow: hidden;
    padding-right: 4px;
    line-height: 1.2;
    border: 1px solid #ef3929;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size: 12px;
    color: #ef3929
}

    .Agent-list-info-num i {
        padding: 0 4px;
        margin-right: 4px;
        background-color: #ef3929;
        color: #fff
    }

.Agent-list .Button {
    position: absolute;
    right: 0;
    top: 48px;
    width: 88px;
    z-index: 2
}

.Agent-list-button.Button {
    top: 24px
}

.Agent-list-line {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 12px;
    margin: 0 10px;
    background-color: #999
}

.Agent-applet {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100
}

    .Agent-applet:hover .Agent-applet-pop {
        display: block
    }

.Agent-applet-icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(https://static.esf.fangdd.com/esf/webcpwebsite/Agent-applet-1vRz8.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

.Agent-applet-pop {
    display: none;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 42px;
    width: 132px;
    background-color: #fff;
    padding: 12px 0;
    margin-left: -66px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    text-align: center
}

.Agent-applet-pop-arrow {
    position: absolute;
    z-index: 101;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    top: -18px;
    overflow: hidden
}

    .Agent-applet-pop-arrow:before {
        content: "";
        position: absolute;
        left: 3px;
        top: 12px;
        width: 12px;
        height: 12px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
        box-shadow: 0 0 4px rgba(0,0,0,.1);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.Agent-applet-pop-text {
    padding-top: 4px;
    font-size: 12px
}

.Agent-applet-pop-img {
    margin: 0 auto;
    width: 100px;
    height: 100px
}

.Agent-applet-pop img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.Call-form {
    height: 48px;
    padding-right: 124px;
    background-color: #f8f8f8;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.Call-form-container {
    position: relative
}

.Call-form--error {
    border-color: #ff413c
}

.Call-form-input {
    width: 100%;
    height: 100%;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 1.25;
    border: 0;
    background-color: transparent
}

.Call-form .Button {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 124px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.Call-form-tips-error {
    position: absolute;
    left: 0;
    bottom: -20px;
    font-size: 12px;
    color: #ff413c
}

.Call-form--s {
    width: 340px;
    height: 40px;
    padding-right: 100px
}

    .Call-form--s .Button {
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }

    .Call-form--s .Call-form-input {
        padding: 7px 16px;
        font-size: 14px
    }

.Follow-box .Button {
    width: 100%
}

    .Follow-box .Button i {
        margin-right: 8px;
        font-weight: 400
    }

.DealTabel {
    font-size: 14px;
    text-align: center
}

.DealTabel-block, .DealTabel-item {
    display: table;
    width: 100%;
    table-layout: fixed
}

.DealTabel-item {
    border-bottom: 1px solid #eee
}

.DealTabel-item--caption {
    padding: 10px 0;
    color: #666
}

    .DealTabel-item--caption .DealTabel-cell {
        padding: 0
    }

    .DealTabel-item--caption .DealTabel-type:hover {
        color: #666
    }

.DealTabel-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 16px 0
}

    .DealTabel-cell:first-child {
        text-align: left
    }

    .DealTabel-cell:last-child {
        text-align: right
    }

.DealTabel-name {
    font-weight: 700
}

a.DealTabel-name:hover {
    color: #d43400
}

.DealTabel-type {
    width: 240px
}

a.DealTabel-type:hover, a.DealTabel-type:hover .DealTabel-type-info {
    color: #d43400
}

.DealTabel-type img {
    float: left;
    width: 72px;
    height: 54px;
    margin-right: 24px
}

.DealTabel-type-content {
    overflow: hidden
}

.DealTabel-type-name {
    font-weight: 700
}

.DealTabel-type-info {
    padding-top: 8px;
    color: #999
}

.DealTabel-avrage--link {
    color: #586c94;
    cursor: pointer
}

.hsPriceTable {
    table-layout: fixed;
    width: 100%;
    border: 1px solid #eee;
    font-size: 14px
}

    .hsPriceTable tr {
        border-bottom: 1px solid #eee
    }

        .hsPriceTable tr:first-child, .hsPriceTable tr:last-child {
            border-bottom: 0
        }

        .hsPriceTable th, .hsPriceTable tr:hover {
            background-color: #f5f5f5
        }

    .hsPriceTable th {
        padding: 8px 10px;
        color: #999;
        font-weight: 400;
        text-align: left
    }

    .hsPriceTable .td-num, .hsPriceTable .th-num {
        width: 85px;
        text-align: center
    }

    .hsPriceTable .td-num {
        font-weight: 700
    }

        .hsPriceTable .td-num.down, .hsPriceTable .td-num.up {
            position: relative
        }

            .hsPriceTable .td-num.down a, .hsPriceTable .td-num.up a {
                position: relative;
                z-index: 1;
                line-height: 16px;
                color: #fff
            }

                .hsPriceTable .td-num.down a:after, .hsPriceTable .td-num.up a:after {
                    content: "";
                    position: absolute;
                    z-index: -1;
                    left: 50%;
                    top: 50%;
                    margin: -8px 0 0 -8px;
                    width: 16px;
                    height: 16px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%
                }

                .hsPriceTable .td-num.up a:after {
                    background-color: #ff5121
                }

                .hsPriceTable .td-num.down a:after {
                    background-color: #0bb03d
                }

    .hsPriceTable .th-name {
        width: 165px
    }

    .hsPriceTable td a {
        padding: 14px 10px;
        display: block
    }

    .hsPriceTable .rate.up {
        color: #ef3929
    }

    .hsPriceTable .rate.down {
        color: #0bb03d
    }

    .hsPriceTable .rate i {
        font-size: 12px;
        margin-right: 4px
    }

    .hsPriceTable .dMapDetailPanel-typeList-item:before, .hsPriceTable .icon-arrow-r, .hsPriceTable .serviceBox:before {
        margin-left: 6px;
        font-size: 10px
    }

.ArroundMap {
    position: relative;
    height: 100%;
    background-color: #f8f8f8
}

.ArroundMap-container {
    position: relative;
    height: 432px
}

.ArroundMap-tips {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: #ff5121;
    padding: 8px 16px;
    max-width: 164px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
    color: #fff;
    text-align: center
}

    .ArroundMap-tips:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -5px;
        width: 0;
        height: 0;
        margin-left: -4px;
        overflow: hidden;
        border-color: #ff5121 transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0
    }

    .ArroundMap-tips:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -24px;
        width: 16px;
        height: 16px;
        margin-left: -8px;
        background-color: #ff5121;
        border: 1px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

.ArroundMap-tips-title {
    font-size: 16px;
    font-weight: 700
}

.ArroundMap-tips-address {
    padding-top: 2px;
    font-size: 14px
}

.ArroundMap-location {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center
}

    .ArroundMap-location.on {
        color: #fff;
        background-color: #ff5121;
        z-index: 20
    }

.ArroundMap-layer {
    position: absolute;
    top: 16px;
    bottom: 16px;
    right: 16px;
    z-index: 100;
    width: 420px;
    background-color: #fff
}

.ArroundMap-tabnav {
    background: #f2f2f2;
    height: 44px;
    line-height: 44px;
    text-align: center
}

    .ArroundMap-tabnav li {
        position: relative;
        float: left;
        width: 20%;
        cursor: pointer
    }

        .ArroundMap-tabnav li:hover {
            color: #d43400
        }

    .ArroundMap-tabnav .on {
        background-color: #fff;
        color: #ff5121;
        font-weight: 700
    }

        .ArroundMap-tabnav .on:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 2px;
            background-color: #ff5121
        }

.ArroundMap-subnav {
    height: 50px;
    line-height: 50px;
    padding: 0 24px;
    color: #999
}

    .ArroundMap-subnav ul {
        border-bottom: 1px solid #eee
    }

    .ArroundMap-subnav li {
        position: relative;
        float: left;
        margin: 0 18px;
        cursor: pointer
    }

    .ArroundMap-subnav .on {
        color: #ff5121;
        font-weight: 700
    }

        .ArroundMap-subnav .on:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -1px;
            height: 1px;
            background-color: #ff5121
        }

.ArroundMap-tabcont {
    height: 306px;
    overflow-y: auto
}

.ArroundMap-list {
    padding-top: 8px
}

    .ArroundMap-list li {
        padding: 16px 24px;
        cursor: pointer
    }

        .ArroundMap-list li:hover {
            background: #f8f8f8
        }

        .ArroundMap-list li.on {
            background: #f8f8f8;
            color: #ff5121
        }

            .ArroundMap-list li.on .ArroundMap-list-info {
                color: inherit
            }

.ArroundMap-list-hd {
    font-size: 14px
}

    .ArroundMap-list-hd [class^=icon-map] {
        float: left;
        margin: 1px 10px 0 0;
        line-height: 1
    }

    .ArroundMap-list-hd .title {
        float: left;
        width: 70%;
        font-weight: 700
    }

    .ArroundMap-list-hd .way {
        float: right;
        text-align: right;
        font-weight: 700
    }

.ArroundMap-list-info {
    line-height: 1.41;
    padding: 8px 0 0 30px;
    font-size: 12px;
    color: #999
}

.ArroundMap-empty {
    padding: 80px 56px;
    text-align: center;
    font-size: 14px;
    color: #999
}

.Map-container {
    position: relative;
    height: 440px;
    background-color: #eee;
    margin-bottom: 60px;
    overflow: hidden
}

.Map-title {
    left: 50%;
    top: 8px;
    margin-left: -592px;
    background: rgba(0,0,0,.65);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 8px;
    font-weight: 700;
    font-size: 20px
}

.Map-layer, .Map-title {
    position: absolute;
    z-index: 100;
    color: #fff
}

.Map-layer {
    width: 98px;
    height: 98px;
    overflow: hidden;
    background-color: #f54732;
    background-image: -webkit-gradient(linear,right top,left top,from(#ff7338),to(#f54732));
    background-image: -webkit-linear-gradient(right,#ff7338,#f54732);
    background-image: -o-linear-gradient(right,#ff7338 0,#f54732 100%);
    background-image: -moz-linear-gradient(right,#ff7338 0,#f54732 100%);
    background-image: linear-gradient(270deg,#ff7338,#f54732);
    border: 1px solid #ee6749;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

    .Map-layer:hover {
        background: #d43400;
        border-color: #d43400;
        z-index: 110
    }

.Map-layer-inner {
    max-width: 95%;
    margin-left: -2px
}

.Map-layer-inner, .Map-layer:before {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.Map-layer:before {
    content: "";
    height: 100%;
    font-size: 0
}

.Map-layer-title {
    padding: 0 2px;
    font-size: 14px
}

.Map-layer-price {
    padding-top: 5px;
    font-size: 12px
}

    .Map-layer-price b {
        font-size: 14px
    }

.Map-layer-rate {
    font-size: 13px
}

    .Map-layer-rate i {
        margin-right: 2px;
        font-size: 10px
    }

.Promot {
    min-width: 1184px;
    margin: 0 auto;
    padding: 20px 0;
    background-color: #f8f8f8
}

.Promot-box {
    position: relative;
    padding: 6px 0;
    font-size: 0
}

.Promot-title {
    width: 90px;
    margin-right: 6px;
    font-weight: 700;
    font-size: 14px;
    padding: 4px 0
}

.Promot-list, .Promot-title {
    display: inline-block;
    vertical-align: top
}

.Promot-list {
    width: 1088px
}

    .Promot-list.close {
        height: 28px;
        overflow: hidden
    }

.Promot-list--w4 .Promot-list-item {
    width: 25%
}

.Promot-list-item {
    display: inline-block;
    vertical-align: middle;
    width: 12.5%;
    padding-right: 36px;
    font-size: 14px
}

.Promot-list-item-price {
    padding-left: 4px;
    color: #ff5121;
    font-weight: 700
}

.Promot-list-item > a {
    display: block;
    padding: 4px 0;
    color: #666
}

    .Promot-list-item > a:hover {
        color: #d43400
    }

.Promot-handle {
    position: absolute;
    right: 0;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: right;
    top: 6px;
    color: #666;
    font-size: 12px;
    cursor: pointer
}

    .Promot-handle i {
        margin-right: -3px
    }

.Promot-info {
    position: relative;
    margin-top: 13px;
    border-top: 1px solid #eee;
    padding: 24px 50px 4px 0;
    line-height: 1.2857;
    font-size: 14px;
    color: #666
}

    .Promot-info .Promot-handle {
        top: 20px
    }

.Form-tips {
    padding-bottom: 10px;
    font-size: 16px
}

.Form-tips--s {
    line-height: 1.48;
    font-size: 14px
}

    .Form-tips--s i {
        margin-right: 2px
    }

    .Form-tips--s .icon-safe {
        color: #0bb03d
    }

.Form-item {
    position: relative;
    height: 44px;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 16px
}

    .Form-item:first-child {
        margin-top: 0
    }

.Form-item--error {
    border-color: #ff413c
}

.Form-item-error {
    position: absolute;
    left: 0;
    bottom: -20px;
    line-height: 1.5;
    font-size: 12px;
    color: #ff413c
}

.Form-input {
    height: 100%;
    padding: 9px 16px;
    line-height: 1.25;
    border: 0;
    background-color: transparent
}

.Form-button, .Form-input {
    width: 100%;
    font-size: 16px
}

.Form-button {
    height: 44px;
    line-height: 44px;
    margin-top: 24px
}

.Form-checkbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    cursor: pointer
}

.Form-checkbox-wrap {
    padding-bottom: 10px
}

.Form-checkbox-input {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    opacity: 0;
    z-index: 2
}

    .Form-checkbox-input:checked + i:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 5px;
        border-left: 1px solid #ff5121;
        border-bottom: 1px solid #ff5121;
        -webkit-transform: translate(-50%,-80%) rotate(-45deg);
        -ms-transform: translate(-50%,-80%) rotate(-45deg);
        -moz-transform: translate(-50%,-80%) rotate(-45deg);
        -o-transform: translate(-50%,-80%) rotate(-45deg);
        transform: translate(-50%,-80%) rotate(-45deg)
    }

.Form-checkbox-status {
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #dedede;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin-right: 8px
}

.Form-checkbox-status, .Form-checkbox-text {
    display: inline-block;
    vertical-align: middle
}

.Form-checkbox-text {
    font-size: 14px
}

.BigPic-wrap {
    background-color: rgba(0,0,0,.9)
}

.BigPic-agent {
    display: inline-block;
    vertical-align: middle;
    width: 356px;
    padding: 6px 0 6px 32px;
    margin-left: 32px;
    border-left: 1px solid #4e4e4e;
    color: #fff;
    background-color: rgba(0,0,0,.8);
    text-align: left
}

    .BigPic-agent .Agent-avatar {
        float: left;
        margin-right: 12px;
        width: 48px;
        height: 48px
    }

    .BigPic-agent .Agent-grade {
        z-index: 10
    }

.BigPic-agent-content {
    overflow: hidden;
    position: relative
}

.BigPic-agent-hd {
    font-size: 0
}

.BigPic-agent-title {
    max-width: 90px;
    font-size: 16px;
    font-weight: 700
}

.BigPic-agent-text, .BigPic-agent-title {
    display: inline-block;
    vertical-align: middle
}

.BigPic-agent-text {
    margin-left: 8px;
    font-size: 14px
}

.BigPic-agent-dec {
    line-height: 1.2;
    padding-right: 100px;
    margin-top: 8px;
    font-size: 14px
}

.BigPic-agent .Button {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 96px;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.BigPic-zoom-wrap {
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 120px;
    width: 100%;
    text-align: center
}

.BigPic-zoom-container {
    position: relative;
    z-index: 9;
    width: 75%;
    max-width: 1000px;
    height: 100%;
    margin: 0 auto
}

    .BigPic-zoom-container .swiper-slide {
        position: relative;
        vertical-align: middle;
        width: 100%;
        max-width: 1000px;
        font-size: 0
    }

        .BigPic-zoom-container .swiper-slide img, .BigPic-zoom-container .swiper-slide video {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%
        }

.BigPic-zoom-img {
    position: relative;
    float: left;
    display: inline-block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-height: 100%;
    max-width: 100%;
    height: auto
}

.BigPic-swiper-handle {
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 128px;
    height: 100%;
    text-align: center;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.BigPic-swiper-handle-prv {
    left: 30px
}

.BigPic-swiper-handle-next {
    right: 30px
}

.BigPic-swiper-handle i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 64px
}

.BigPic-thumb-wrap {
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #000;
    padding: 16px 0;
    font-size: 0
}

.BigPic-thumb-inner {
    position: relative;
    z-index: 10;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    text-align: center
}

.BigPic-thumb-container {
    display: inline-block;
    vertical-align: middle;
    max-width: 40%;
    height: 64px;
    overflow: hidden;
    text-align: center
}

    .BigPic-thumb-container .swiper-wrapper {
        position: relative;
        z-index: 11;
        margin: 0 auto;
        display: inline-block;
        width: 1000px
    }

    .BigPic-thumb-container .swiper-slide {
        width: 85px;
        height: 64px;
        margin: 0 4px;
        cursor: pointer
    }

        .BigPic-thumb-container .swiper-slide--active:after, .BigPic-thumb-container .swiper-slide:hover:after {
            content: "";
            position: absolute;
            z-index: 10;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border: 2px solid #ff5121
        }

.BigPic-page {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.2)));
    background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.2));
    background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.2) 100%);
    background: -moz-linear-gradient(top,transparent 0,rgba(0,0,0,.2) 100%);
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.2));
    color: #fff;
    z-index: 100;
    text-align: right
}

.BigPic-page-text {
    position: absolute;
    display: inline-block;
    min-width: 120px;
    right: 16px;
    bottom: 12px;
    font-size: 16px
}

.BigPic-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    font-size: 28px;
    padding: 20px;
    color: #fff;
    cursor: pointer
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100px,0);
        -moz-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100px,0);
        -moz-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }
}

.City-pop {
    display: none;
    position: absolute;
    z-index: 980;
    left: 50%;
    top: 106px;
    margin-left: -592px;
    background-color: #fff;
    width: 800px;
    border: 1px solid #eee;
    -webkit-transform: translate3d(0,-100px,0);
    -moz-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0)
}

    .City-pop.fadeInDown, .City-pop.fadeOutUp {
        display: block
    }

    .City-pop:before {
        content: "";
        position: absolute;
        left: 124px;
        top: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 0 8px 8px
    }

.City-pop-row {
    padding: 14px 0 14px 32px;
    border-top: 1px solid #eee;
    font-size: 14px
}

    .City-pop-row:first-child {
        border: 0
    }

.City-pop-row-item {
    display: inline-block;
    margin: 6px 26px 6px 0;
    cursor: pointer
}

    .City-pop-row-item.active {
        color: #ff5121
    }

    .City-pop-row-item:hover {
        color: #d43400
    }

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100px,0);
        -moz-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100px,0);
        -moz-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }
}

.fadeInDown {
    -webkit-animation: fadeInDown .5s ease-in-out normal forwards;
    -moz-animation: fadeInDown .5s ease-in-out normal forwards;
    -o-animation: fadeInDown .5s ease-in-out normal forwards;
    animation: fadeInDown .5s ease-in-out normal forwards
}

.fadeOutUp {
    -webkit-animation: fadeOutUp .5s ease-in-out normal forwards;
    -moz-animation: fadeOutUp .5s ease-in-out normal forwards;
    -o-animation: fadeOutUp .5s ease-in-out normal forwards;
    animation: fadeOutUp .5s ease-in-out normal forwards
}

.City-layer {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 40px;
    background-color: #fff;
    width: 260px;
    height: 350px;
    border: 1px solid #eee;
    font-size: 14px
}

.City-layer-left {
    float: left;
    width: 45%;
    height: 100%;
    overflow-y: auto;
    background-color: #f3f3f3
}

.City-layer-left-item {
    display: block;
    cursor: pointer;
    text-align: center
}

    .City-layer-left-item:hover {
        color: #d43400;
    }

    .City-layer-left-item.active {
        background-color: #fff;
        color: #ff5121
    }

    .City-layer-left-item a {
        display: block;
        padding: 9px 0
    }

.City-layer-right {
    float: left;
    width: 55%;
    height: 100%;
    overflow-y: auto;
    padding: 14px 0
}

.City-layer dl {
    padding: 6px 24px;
    font-size: 0;
    cursor: default
}

.City-layer-dt {
    float: left;
    width: 34px;
    padding: 4px 0;
    line-height: 1.286;
    font-size: 14px;
    color: #999
}

.City-layer-dd {
    overflow: hidden
}

.City-layer-dd-item {
    position: relative;
    display: inline-block;
    margin: 4px 8px 4px 0;
    line-height: 1.286;
    font-size: 14px;
    cursor: pointer
}

    .City-layer-dd-item.active {
        color: #ff5121
    }

    .City-layer-dd-item:hover {
        color: #d43400
    }

.hsPrice-header {
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
    margin-bottom: 60px
}

.hsPrice-header-top {
    height: 330px;
    padding: 30px 0;
    background-color: #f54732;
    background-image: -webkit-linear-gradient(135deg,#ff7338,#f54732);
    background-image: -o-linear-gradient(135deg,#ff7338 0,#f54732 100%);
    background-image: -moz-linear-gradient(135deg,#ff7338 0,#f54732 100%);
    background-image: linear-gradient(315deg,#ff7338,#f54732)
}

.hsPrice-header-top-content {
    position: relative;
    float: left;
    width: 400px;
    height: 100%;
    border-right: 2px solid #fc9d84;
    padding: 0 20px 0 32px;
    color: #fff
}

.hsPrice-header-top-data {
    overflow: hidden;
    padding: 0 40px;
    color: #fff
}

    .hsPrice-header-top-data .data-hd {
        line-height: 1.3
    }

    .hsPrice-header-top-data .data-bd {
        height: 248px;
        padding: 29px 0
    }

.hsPrice-header-city {
    display: inline-block;
    cursor: pointer;
    font-size: 40px;
    color: #fff;
    font-weight: 700
}

.hsPrice-header-city-txt {
    display: inline-block;
    vertical-align: middle;
    max-width: 240px
}

.hsPrice-header-city i {
    font-weight: 400;
    font-size: 26px
}

.hsPrice-header-price {
    margin-top: 104px;
    line-height: 1.4;
    font-size: 18px
}

.hsPrice-header-price-num {
    display: block;
    font-size: 16px
}

.hsPrice-header-price strong {
    padding-right: 6px;
    font-size: 64px;
    font-weight: 700;
    font-family: Verdana,sans-serif
}

.hsPrice-header-rate {
    position: absolute;
    left: 186px;
    bottom: 80px;
    background-color: #fff;
    -webkit-border-radius: 1px 1px 1px 0;
    -moz-border-radius: 1px 1px 1px 0;
    border-radius: 1px 1px 1px 0;
    padding: 0 8px;
    font-size: 14px;
    color: #333
}

    .hsPrice-header-rate:before {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 0;
        height: 0;
        overflow: hidden;
        border-color: #fff transparent transparent;
        border-style: solid;
        border-width: 4px 4px 0 0
    }

.hsPrice-header-dataTitle {
    float: left;
    padding-top: 2px;
    font-size: 16px
}

.hsPrice-header-dataNote {
    float: left;
    margin: 4px 0 0 15px
}

    .hsPrice-header-dataNote .item {
        margin-left: 15px
    }

.hsPrice-header-info {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center
}

.hsPrice-header-info-item {
    display: table-cell
}

.hsPrice-header-info-block {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.hsPrice-header-info-inner {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 32px 0
}

.hsPrice-header-info-label {
    color: #666
}

.hsPrice-header-info-text {
    line-height: 1.2;
    padding-top: 9px;
    font-size: 16px;
    color: #4e4e4e
}

    .hsPrice-header-info-text strong {
        vertical-align: middle;
        font-size: 24px;
        font-weight: 700;
        font-family: Verdana,sans-serif
    }

    .hsPrice-header-info-text i {
        margin-left: 4px;
        vertical-align: middle;
        font-size: 18px;
        font-weight: 700
    }

.hsPrice-chart {
    width: 580px
}

    .hsPrice-chart:last-child {
        margin-left: 22px
    }

.hsPrice-chart-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.hsPrice-chart .Detail-sub-hd-title {
    font-size: 18px;
    color: #4e4e4e
}

.topic-box {
    position: relative;
    padding-bottom: 34px;
    margin-bottom: 24px
}

    .topic-box:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: -4px;
        width: 100%;
        height: 8px;
        background-image: -webkit-gradient(linear,left top,right top,color-stop(86%,transparent),color-stop(86%,hsla(0,0%,93.3%,.8)));
        background-image: -webkit-linear-gradient(left,transparent 86%,hsla(0,0%,93.3%,.8) 0);
        background-image: -o-linear-gradient(left,transparent 86%,hsla(0,0%,93.3%,.8) 86%);
        background-image: -moz-linear-gradient(left,transparent 86%,hsla(0,0%,93.3%,.8) 86%);
        background-image: linear-gradient(90deg,transparent 86%,hsla(0,0%,93.3%,.8) 0);
        -webkit-background-size: 5px 100%;
        -moz-background-size: 5px 100%;
        background-size: 5px 100%;
        background-repeat: repeat;
        -webkit-transform: translateY(-50%) skew(-45deg);
        -ms-transform: translateY(-50%) skew(-45deg);
        -moz-transform: translateY(-50%) skew(-45deg);
        -o-transform: translateY(-50%) skew(-45deg);
        transform: translateY(-50%) skew(-45deg)
    }

.topic-list {
    font-size: 0
}

.topic-list-item {
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    height: 130px
}

    .topic-list-item:last-child a {
        margin-right: 0
    }

.topic-list a {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    margin-right: 28px;
    background-color: #eee
}

.topic-list img {
    position: absolute;
    left: 0;
    top: -10%;
    width: 100%
}

.news-list-about {
    font-size: 0
}

.news-list-about-item {
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    padding-bottom: 20px
}

    .news-list-about-item:nth-child(3n) .news-list-about-block {
        padding-right: 0
    }

.news-list-about-block {
    position: relative;
    display: block;
    padding-right: 36px
}

    .news-list-about-block:hover {
        color: #d43400
    }

.news-list-about-tit {
    font-size: 14px
}

.news-list-about-time {
    padding-top: 4px;
    color: #999;
    font-size: 13px
}

.Timeline-list {
    padding-bottom: 32px
}

.Timeline-list--s {
    margin-top: 32px;
    padding-bottom: 0
}

    .Timeline-list--s .Timeline-list-item {
        padding-bottom: 20px
    }

        .Timeline-list--s .Timeline-list-item:after {
            width: 12px;
            height: 12px;
            left: 106px;
            top: 9px
        }

        .Timeline-list--s .Timeline-list-item:before {
            top: 30px;
            bottom: 0
        }

    .Timeline-list--s .Timeline-list-dec:only-child {
        margin-top: 0
    }

    .Timeline-list--s .Timeline-list-label {
        top: 6px
    }

.Timeline-list-item {
    position: relative;
    padding-bottom: 32px
}

    .Timeline-list-item:last-child:before {
        display: none
    }

    .Timeline-list-item:after, .Timeline-list-item:before {
        content: "";
        position: absolute;
        top: 2px
    }

    .Timeline-list-item:after {
        left: 104px;
        width: 16px;
        height: 16px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #586c94;
        -webkit-box-shadow: 0 2px 4px 0 rgba(134,173,213,.4);
        -moz-box-shadow: 0 2px 4px 0 rgba(134,173,213,.4);
        box-shadow: 0 2px 4px 0 rgba(134,173,213,.4)
    }

    .Timeline-list-item:before {
        left: 111px;
        top: 26px;
        bottom: 6px;
        width: 0;
        border-left: 2px dashed #c2c6da
    }

    .Timeline-list-item:last-child {
        padding-bottom: 0
    }

.Timeline-list-label {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    color: #666
}

.Timeline-list-cont {
    padding-left: 152px
}

.Timeline-list-title {
    display: inline-block;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 700
}

    .Timeline-list-title em {
        color: #ff5121
    }

.Timeline-list-dec {
    margin-top: 16px;
    line-height: 1.875;
    font-size: 16px;
    color: #333
}

.Timeline-list-dec-more {
    color: #586c94;
    cursor: pointer
}

.Timeline-list-img {
    margin-top: 16px;
    font-size: 0
}

.Timeline-list-img-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 75px;
    margin-right: 12px
}

    .Timeline-list-img-item:last-child {
        margin-right: 0
    }

    .Timeline-list-img-item img {
        display: block;
        width: 100%;
        height: 100%
    }

.Timeline-list-img-item-cover {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 75px;
    background-color: rgba(0,0,0,.5);
    font-size: 14px;
    color: #fff;
    text-align: center
}

.Timeline-list-link {
    color: #586c94
}

    .Timeline-list-link:hover {
        color: #d43400
    }

.Navtab {
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    font-size: 0
}

.Navtab-wrap {
    min-width: 1184px;
    margin: 0 auto;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}

    .Navtab-wrap, .Navtab-wrap.fixed {
        background: #fff
    }

.Navtab-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: 28px;
    font-size: 16px;
    color: #333;
    cursor: pointer
}

    .Navtab-item:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 2px;
        background-color: #ff5121;
        -webkit-transition: all .15s ease;
        -o-transition: all .15s ease;
        -moz-transition: all .15s ease;
        transition: all .15s ease;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .Navtab-item.on {
        font-weight: 700;
        color: #ff5121
    }

        .Navtab-item.on:after {
            bottom: 0
        }

    .Navtab-item:hover {
        color: #d43400
    }

        .Navtab-item:hover:after {
            background-color: #d43400;
            bottom: 0
        }

.Navtab-btn {
    padding-top: 10px;
    font-size: 0
}

    .Navtab-btn .Button {
        display: inline-block;
        vertical-align: middle;
        margin-left: 16px
    }

    .Navtab-btn .Button--line {
        width: 148px
    }

.Detail-mainContainer--xf {
    padding-top: 16px
}

    .Detail-mainContainer--xf .TopHeader {
        margin-bottom: 40px
    }

    .Detail-mainContainer--xf .TopHeader-hd {
        padding-top: 0
    }

    .Detail-mainContainer--xf .TopHeader-focus {
        top: 15px;
        bottom: auto
    }

    .Detail-mainContainer--xf .TopHeader-button {
        top: 64px
    }

        .Detail-mainContainer--xf .TopHeader-button .Button {
            width: 204px
        }

    .Detail-mainContainer--xf .TopHeader .LpList-label {
        margin: 8px 700px 0 0
    }

.xfDetail-img-container {
    font-size: 0;
    height: 354px
}

    .xfDetail-img-container img {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%
    }

.xfDetail-img-video {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: rgba(0,0,0,.7);
    padding: 7px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff
}

    .xfDetail-img-video i {
        font-size: 16px;
        margin-right: 8px
    }

.xfDetail-img-cover {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 171px;
    background-color: rgba(0,0,0,.5);
    font-size: 24px;
    color: #fff;
    text-align: center
}

.xfDetail-img-left {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 704px;
    height: 100%;
    overflow: hidden
}

.xfDetail-img-left-item {
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.xfDetail-img-right {
    display: inline-block;
    vertical-align: top;
    width: 480px
}

.xfDetail-img-right-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 228px;
    height: 171px;
    margin-left: 12px;
    overflow: hidden;
    cursor: pointer
}

    .xfDetail-img-right-item:first-child, .xfDetail-img-right-item:nth-child(2) {
        margin-bottom: 12px
    }

.xfDetail-img-big {
    width: 100%
}

.noticeForm {
    border: 1px solid #eee;
    padding: 20px 32px
}

.noticeForm--row .Call-form-container {
    float: right;
    width: 340px;
    height: 40px
}

.noticeForm--row .noticeForm-text {
    float: left;
    width: 45%;
    height: 40px;
    line-height: 40px
}

.noticeForm--aside {
    padding: 26px 20px
}

    .noticeForm--aside .Call-form-container {
        margin-top: 20px
    }

.noticeForm-text {
    font-size: 16px
}

    .noticeForm-text i {
        font-size: 18px;
        margin-right: 16px
    }

.noticeForm + .Timeline-list {
    padding-top: 32px
}

.type-content .LpList {
    padding: 10px 0 16px
}

.building-list-item {
    padding-top: 20px;
    font-size: 14px
}

    .building-list-item i {
        font-size: 18px;
        margin-right: 20px
    }

.building-list-line {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 12px;
    margin: 0 12px;
    background-color: #dedede
}

.building-list-link {
    margin-right: 16px;
    color: #586c94
}

    .building-list-link:hover {
        color: #d43400
    }

.building-map {
    position: relative;
    height: 320px;
    overflow: hidden;
    background-color: #f8f8f8;
    margin-top: 18px
}

.building-map-status {
    position: absolute;
    background-color: #fff;
    height: 22px;
    line-height: 22px;
    padding-right: 4px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer
}

    .building-map-status:hover .building-map-status-num {
        background-color: #d43400
    }

        .building-map-status:hover .building-map-status-num:after {
            border-top-color: #d43400
        }

.building-map-status--sale .building-map-status-num {
    background-color: #37ac31
}

    .building-map-status--sale .building-map-status-num:after {
        border-top-color: #37ac31
    }

.building-map-status--wait .building-map-status-num {
    background-color: #ff9934
}

    .building-map-status--wait .building-map-status-num:after {
        border-top-color: #ff9934
    }

.building-map-status--done .building-map-status-num {
    background-color: #999
}

    .building-map-status--done .building-map-status-num:after {
        border-top-color: #999
    }

.building-map-status--active .building-map-status-num {
    background-color: #ff5121
}

    .building-map-status--active .building-map-status-num:after {
        border-top-color: #ff5121
    }

.building-map-status-num {
    position: relative;
    display: inline-block;
    padding: 0 6px;
    margin-right: 4px;
    color: #fff
}

    .building-map-status-num:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -4px;
        margin-left: -4px;
        width: 0;
        height: 0;
        overflow: hidden;
        border: solid transparent;
        border-width: 4px 4px 0
    }

.nothing-tips {
    padding-bottom: 28px;
    font-size: 16px
}

.serviceBox {
    position: relative;
    background-color: #f8f8f8;
    margin-top: 24px;
    padding: 14px 16px;
    cursor: pointer;
    font-size: 0
}

    .serviceBox:before {
        right: 8px
    }

.serviceBox-item {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    font-size: 14px
}

    .serviceBox-item i {
        font-size: 14px;
        margin-right: 8px
    }

.Comment-list-item {
    padding: 32px 0;
    border-bottom: 1px solid #eee
}

    .Comment-list-item:last-child {
        border-bottom: 0
    }

    .Comment-list-item:first-child {
        padding-top: 0
    }

.Comment-list-dec {
    line-height: 1.875;
    font-size: 16px
}

.Comment-list-dec-more {
    color: #586c94;
    cursor: pointer
}

.Comment-list-time {
    padding-top: 16px;
    font-size: 12px;
    color: #999
}

.Comment-list-img {
    margin-top: 16px;
    font-size: 0
}

.Comment-list-img-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 75px;
    margin-right: 16px;
    cursor: pointer
}

    .Comment-list-img-item img {
        display: block;
        width: 100%;
        height: 100%
    }

    .Comment-list-img-item:last-child {
        margin-right: 0
    }

.Question-list-item {
    padding: 32px 0;
    border-bottom: 1px solid #eee
}

    .Question-list-item:last-child {
        border-bottom: 0
    }

    .Question-list-item:first-child {
        padding-top: 0
    }

.Question-list-hd {
    position: relative
}

.Question-list-title {
    padding: 0 100px 0 30px;
    font-size: 18px;
    font-weight: 700
}

.Question-list-review {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px
}

    .Question-list-review strong {
        font-weight: 700
    }

.Question-list-content {
    padding-top: 14px
}

.Question-list-dec {
    position: relative;
    padding-left: 30px;
    line-height: 1.875;
    font-size: 16px
}

.Question-list-dec-more {
    color: #586c94;
    cursor: pointer
}

.Question-list-agent {
    margin-top: 16px
}

    .Question-list-agent .Agent-avatar {
        float: left;
        width: 36px;
        height: 36px;
        margin-right: 16px
    }

.Question-list-agent-cont {
    overflow: hidden
}

.Question-list-agent-title {
    font-size: 14px
}

.Question-list-agent-title-txt {
    font-size: 12px;
    padding: 0 4px;
    color: #999
}

.Question-list-agent-time {
    font-size: 12px;
    color: #999
}

.Question-list .QuestionIcon {
    position: absolute;
    left: 0;
    top: 3px
}

.QuestionIcon {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 24px;
    font-size: 0;
    overflow: hidden;
    background: url(https://static.esf.fangdd.com/esf/webcpwebsite/question-icon-263sk.png) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

.QuestionIcon-answer {
    background-position: 0 100%
}

.Discount-box {
    position: relative;
    height: 108px;
    padding: 8px 0;
    margin-bottom: 60px;
    background-color: #ed0246;
    background-image: -webkit-linear-gradient(246deg,#ff7e24,#ed0246);
    background-image: -o-linear-gradient(246deg,#ff7e24 0,#ed0246 100%);
    background-image: -moz-linear-gradient(246deg,#ff7e24 0,#ed0246 100%);
    background-image: linear-gradient(204deg,#ff7e24,#ed0246);
    -webkit-box-shadow: 0 8px 20px 0 rgba(255,0,0,.3);
    -moz-box-shadow: 0 8px 20px 0 rgba(255,0,0,.3);
    box-shadow: 0 8px 20px 0 rgba(255,0,0,.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer
}

    .Discount-box:after {
        content: "FANGDD";
        position: absolute;
        z-index: 1;
        left: 37.926%;
        bottom: 0;
        font-size: 48px;
        font-family: HelveticaNeue-Medium;
        color: #fff;
        opacity: .12;
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

.Discount-cont {
    position: relative;
    z-index: 2;
    float: left;
    width: 64.2%;
    padding-left: 26px
}

.Discount-info {
    position: relative;
    z-index: 2;
    float: right;
    width: 35.8%;
    height: 100%;
    border-left: 2px dashed hsla(0,0%,100%,.3);
    text-align: center
}

.Discount-title {
    position: relative;
    padding-top: 10px;
    margin-bottom: 2px;
    font-size: 16px
}

.Discount-sub {
    display: inline-block;
    vertical-align: middle;
    font-size: 32px;
    font-weight: 700
}

.Discount-price {
    line-height: 1.2;
    font-size: 28px;
    font-weight: 700
}

.Discount-price-num {
    padding-left: 4px;
    font-size: 30px
}

    .Discount-price-num em {
        padding-left: 4px;
        font-size: 36px
    }

.Discount-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    padding: 2px 8px;
    border: 1px solid hsla(0,0%,100%,.7);
    font-size: 14px
}

.Discount-num {
    padding-top: 6px;
    font-size: 14px
}

.Discount-btn {
    display: block;
    width: 154px;
    height: 48px;
    line-height: 48px;
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddc4c4));
    background-image: -webkit-linear-gradient(top,#fff,#ddc4c4);
    background-image: -o-linear-gradient(top,#fff 0,#ddc4c4 100%);
    background-image: -moz-linear-gradient(top,#fff 0,#ddc4c4 100%);
    background-image: linear-gradient(180deg,#fff,#ddc4c4);
    -webkit-box-shadow: 0 6px 12px 0 rgba(180,0,0,.4);
    -moz-box-shadow: 0 6px 12px 0 rgba(180,0,0,.4);
    box-shadow: 0 6px 12px 0 rgba(180,0,0,.4);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    margin: 6px auto 0;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #f42032
}

.PicDetail-esf {
    position: relative;
    height: 380px;
    overflow: hidden;
    cursor: pointer
}

.PicDetail-esf-video {
    background-color: #000;
    height: 100%;
    text-align: center
}

    .PicDetail-esf-video video {
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto
    }

.PicDetail-esf-cover {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 68px;
    background-color: rgba(0,0,0,.5);
    background: -webkit-gradient(linear,left bottom,left top,from(transparent),to(rgba(0,0,0,.5)));
    background: -webkit-linear-gradient(bottom,transparent,rgba(0,0,0,.5));
    background: -o-linear-gradient(bottom,transparent 0,rgba(0,0,0,.5) 100%);
    background: -moz-linear-gradient(bottom,transparent 0,rgba(0,0,0,.5) 100%);
    background: linear-gradient(1turn,transparent,rgba(0,0,0,.5))
}

.PicDetail-esf-img {
    display: block;
    width: 100%;
    height: 100%
}

.PicDetail-esf-text {
    position: absolute;
    z-index: 11;
    right: 20px;
    top: 16px;
    color: #fff;
    font-size: 16px
}

.PicDetail-agent {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 68px;
    line-height: 36px;
    padding: 16px 20px;
    color: #fff
}

    .PicDetail-agent .Agent-avatar {
        margin-right: 8px;
        float: left
    }

.PicDetail-agent-text {
    overflow: hidden;
    font-size: 16px
}

.PicDetail-thumb-wrap {
    margin-top: 8px
}

.PicDetail-thumb-container {
    position: relative;
    width: 632px;
    height: 82px;
    overflow: hidden;
    margin: 0 8px
}

    .PicDetail-thumb-container .swiper-slide {
        width: 120px;
        height: 82px;
        margin-right: 8px;
        -webkit-transition: background .5s;
        -o-transition: background .5s;
        -moz-transition: background .5s;
        transition: background .5s;
        cursor: pointer
    }

        .PicDetail-thumb-container .swiper-slide:last-child {
            margin-right: 0
        }

        .PicDetail-thumb-container .swiper-slide:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,.3)
        }

        .PicDetail-thumb-container .swiper-slide--active:after, .PicDetail-thumb-container .swiper-slide:hover:after {
            background-color: transparent
        }

.PicDetail-thumb-handle {
    width: 28px;
    height: 82px;
    line-height: 82px;
    background-color: rgba(0,0,0,.3);
    text-align: center;
    color: #fff;
    cursor: pointer
}

    .PicDetail-thumb-handle i {
        font-size: 26px
    }

    .PicDetail-thumb-handle:not(.swiper-button-disabled):hover {
        background-color: rgba(0,0,0,.4)
    }

    .PicDetail-thumb-handle.swiper-button-disabled {
        opacity: .4;
        cursor: default
    }

.BasicDetail-esf-base {
    position: relative;
    min-height: 72px
}

.BasicDetail-esf-base-price {
    display: inline-block;
    font-size: 16px;
    color: #ef3929
}

    .BasicDetail-esf-base-price strong {
        padding-right: 4px;
        font-size: 48px;
        font-weight: 700
    }

    .BasicDetail-esf-base-price .discuss {
        display: inline-block;
        padding: 10px 0 14px;
        font-size: 32px;
        font-weight: 700
    }

.BasicDetail-esf-base-single {
    display: inline-block;
    margin-left: 16px;
    font-size: 16px;
    font-weight: 700
}

.BasicDetail-esf .Button {
    position: absolute;
    right: 0;
    top: 20px;
    width: 92px;
    height: 40px;
    line-height: 40px;
    border-color: #dedede;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    color: #4e4e4e
}

    .BasicDetail-esf .Button:hover {
        border-color: #d43400;
        background: none;
        color: #d43400
    }

        .BasicDetail-esf .Button:hover i {
            color: #d43400
        }

    .BasicDetail-esf .Button i {
        margin-right: 8px;
        font-size: 16px;
        vertical-align: -1px;
        color: #ff5121
    }

.BasicDetail-esf-info {
    border-top: 1px solid #eee;
    margin-top: 18px;
    padding-top: 32px;
    font-size: 0
}

.BasicDetail-esf-info-item {
    display: inline-block;
    vertical-align: top;
    width: 35%
}

    .BasicDetail-esf-info-item:last-child {
        width: 30%
    }

.BasicDetail-esf-info-label {
    font-size: 14px;
    color: #666
}

.BasicDetail-esf-info-text {
    line-height: 1.3;
    font-size: 24px;
    font-weight: 700
}

.BasicDetail-esf .InfoList-wrap {
    padding-top: 24px
}

.BasicDetail-esf .LpList-label {
    margin-top: 14px
}

.BasicDetail-true {
    padding: 14px;
    height: 56px;
    margin-top: 32px;
    background-color: #f8f8f8;
    cursor: pointer
}

.BasicDetail-true-img {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background: url(https://static.esf.fangdd.com/esf/webcpwebsite/true-tmgnk.png) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    margin-right: 12px
}

.BasicDetail-true-dec {
    display: inline-block;
    vertical-align: middle;
    max-width: 65%;
    font-size: 16px;
    font-weight: 700
}

.BasicDetail-true-link {
    margin: 4px 16px 0 0;
    float: right;
    color: #586c94;
    font-size: 14px
}

.DetailEsf-timeline {
    display: inline-block;
    vertical-align: middle;
    margin-right: 24px
}

.DetailEsf-timeline-img {
    position: relative;
    float: right;
    width: 36px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #fff;
    background-color: #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: -12px;
    text-align: center
}

    .DetailEsf-timeline-img.orange {
        background-color: #f76b1c;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#fac061),to(#f76b1c));
        background-image: -webkit-linear-gradient(top,#fac061,#f76b1c);
        background-image: -o-linear-gradient(top,#fac061 0,#f76b1c 100%);
        background-image: -moz-linear-gradient(top,#fac061 0,#f76b1c 100%);
        background-image: linear-gradient(180deg,#fac061,#f76b1c)
    }

    .DetailEsf-timeline-img.blue {
        background-color: #5596f4;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#3fc3f4),to(#5596f4));
        background-image: -webkit-linear-gradient(top,#3fc3f4,#5596f4);
        background-image: -o-linear-gradient(top,#3fc3f4 0,#5596f4 100%);
        background-image: -moz-linear-gradient(top,#3fc3f4 0,#5596f4 100%);
        background-image: linear-gradient(180deg,#3fc3f4,#5596f4)
    }

    .DetailEsf-timeline-img.green {
        background-color: #17b918;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#6ae89c),to(#17b918));
        background-image: -webkit-linear-gradient(top,#6ae89c,#17b918);
        background-image: -o-linear-gradient(top,#6ae89c 0,#17b918 100%);
        background-image: -moz-linear-gradient(top,#6ae89c 0,#17b918 100%);
        background-image: linear-gradient(180deg,#6ae89c,#17b918)
    }

    .DetailEsf-timeline-img img {
        display: block;
        width: 100%;
        height: 100%
    }

    .DetailEsf-timeline-img.lot i {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 3px;
        height: 3px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #586c94
    }

        .DetailEsf-timeline-img.lot i:after, .DetailEsf-timeline-img.lot i:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: #586c94;
            margin: 0 2px
        }

        .DetailEsf-timeline-img.lot i:before {
            left: -7px
        }

        .DetailEsf-timeline-img.lot i:after {
            right: -7px
        }

    .DetailEsf-timeline-img .text {
        font-size: 12px;
        color: #fff
    }

.DetailEsf-timeline-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700
}

    .DetailEsf-timeline-text em {
        color: #ff5121
    }

.DetailEsf-timeline-data {
    margin-top: 32px
}

.DetailEsf-img {
    font-size: 0
}

.DetailEsf-img-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 344px;
    height: 258px;
    margin-bottom: 16px;
    cursor: pointer
}

    .DetailEsf-img-item:nth-child(odd) {
        margin-right: 16px
    }

    .DetailEsf-img-item img {
        display: block;
        width: 100%;
        height: 100%
    }

.DetailEsf-img-tag {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.55);
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
    padding: 4px 12px;
    color: #fff;
    font-size: 14px
}

.DetailEsf-area .InfoList {
    width: 490px
}

.DetailEsf-area-img {
    float: right;
    width: 200px;
    height: 150px
}

    .DetailEsf-area-img img {
        display: block;
        width: 100%;
        height: 100%
    }

.DetailEsf-notice {
    position: relative;
    border: 1px solid #eee;
    padding: 20px 150px 20px 16px;
    margin-top: 32px
}

.DetailEsf-notice-title {
    font-size: 16px;
    font-weight: 700
}

.DetailEsf-notice-text {
    padding-top: 4px;
    font-size: 16px
}

.DetailEsf-notice .Button {
    position: absolute;
    right: 32px;
    top: 50%;
    margin-top: -20px;
    width: 100px;
    font-size: 14px
}

.dMapTopbar {
    position: relative;
    min-width: 1300px;
    margin: 0 auto;
    z-index: 100;
    height: 60px;
    padding: 12px 32px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    font-size: 0
}

    .dMapTopbar .CityAll {
        height: 36px;
        line-height: 36px
    }

    .dMapTopbar .CityAll-pop {
        top: 36px
    }

.dMap-logo {
    display: inline-block;
    vertical-align: middle;
    width: 72px
}

    .dMap-logo img {
        display: block;
        width: 100%;
        height: 100%
    }

.dMapSearch {
    margin-left: 60px
}

    .dMapSearch .Searchbar {
        width: 300px;
        height: 36px;
        border-color: #dedede;
        padding-right: 55px
    }

    .dMapSearch .Searchbar-input {
        padding: 8px 16px
    }

    .dMapSearch .Searchbar-btn {
        width: 56px;
        height: 36px;
        line-height: 36px;
        font-size: 0
    }

        .dMapSearch .Searchbar-btn i {
            font-size: 16px
        }

.dMapSelect, .dMapSelect-list {
    display: inline-block;
    vertical-align: middle
}

.dMapSelect-list {
    border-right: 1px solid #dedede
}

    .dMapSelect-list:last-child {
        border-right: 0
    }

    .dMapSelect-list .Filter-select {
        padding: 0 12px
    }

    .dMapSelect-list .Filter-select-label {
        padding-left: 0;
        font-size: 14px
    }

        .dMapSelect-list .Filter-select-label i {
            display: inline-block;
            vertical-align: middle;
            margin-right: -4px
        }

    .dMapSelect-list .Filter-select-label-text {
        display: inline-block;
        vertical-align: middle;
        max-width: 82px
    }

    .dMapSelect-list .Filter-select-layer {
        width: 120px;
        top: 40px
    }

    .dMapSelect-list .Filter-select-layer--price {
        width: 254px
    }

        .dMapSelect-list .Filter-select-layer--price .Filter-select-option {
            display: inline-block;
            vertical-align: top;
            width: 49.99%
        }

    .dMapSelect-list .Filter-select-layer .Filter-range {
        padding: 8px 16px
    }

    .dMapSelect-list .Filter-select-layer .Filter-range-button {
        margin-left: 24px
    }

.dMapSelect + .Filter-result-delete {
    margin-left: 12px;
    font-size: 14px
}

.dMapSelect .City-pop {
    display: block;
    z-index: 100;
    left: 0;
    margin-left: 0;
    top: 40px;
    width: 400px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

.dMapSelect .City-pop-row {
    padding: 8px 0 8px 16px;
    font-size: 12px
}

.dMapSelect .City-pop-row-item {
    margin-right: 16px
}

.dMapSelect .City-pop:before {
    display: none
}

.dMapMore {
    float: right;
    position: relative;
    font-size: 14px
}

    .dMapMore:hover .dMapMore-layer {
        display: block
    }

    .dMapMore:hover .dMapMore-text {
        color: #d43400
    }

.dMapMore-text {
    display: block;
    height: 60px;
    line-height: 60px;
    margin: -12px 0;
    cursor: pointer
}

    .dMapMore-text i {
        font-size: 12px;
        margin-right: 4px
    }

.dMapMore-layer {
    display: none;
    top: 48px;
    width: 102px;
    background-color: #fff;
    margin-left: -60px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    text-align: center
}

.dMapMore-layer, .dMapMore-layer-arrow {
    position: absolute;
    z-index: 100;
    left: 50%
}

.dMapMore-layer-arrow {
    width: 16px;
    height: 16px;
    margin-left: -8px;
    top: -16px;
    overflow: hidden
}

    .dMapMore-layer-arrow:before {
        content: "";
        position: absolute;
        left: 3px;
        top: 11px;
        width: 10px;
        height: 10px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
        box-shadow: 0 0 4px rgba(0,0,0,.1);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.dMapMore-layer-list {
    padding: 6px 0
}

.dMapMore-layer-list-item a {
    display: block;
    padding: 8px 0;
    text-align: center
}

    .dMapMore-layer-list-item a:hover {
        color: #d43400
    }

.dMapMain {
    position: absolute;
    left: 0;
    z-index: 2;
    min-width: 1300px;
    margin: 0 auto;
    top: 100px;
    bottom: 0
}

.dMapAll, .dMapMain {
    width: 100%;
    overflow: hidden
}

.dMapAll {
    height: 100%
}

.dMapType {
    position: absolute;
    z-index: 70;
    right: 24px;
    top: 24px;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 44px;
    line-height: 44px;
    font-size: 0
}

.dMapType-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    cursor: pointer
}

    .dMapType-item:first-child {
        padding: 0 8px 0 12px
    }

    .dMapType-item:last-child {
        padding: 0 12px 0 8px
    }

    .dMapType-item:hover {
        color: #d43400
    }

    .dMapType-item:last-child:after {
        display: none
    }

    .dMapType-item:after {
        content: "";
        position: absolute;
        right: 0;
        top: 12px;
        bottom: 12px;
        width: 1px;
        background-color: #eee
    }

    .dMapType-item.disabled i {
        color: #999 !important
    }

    .dMapType-item i {
        font-size: 12px;
        margin-right: 4px
    }

.dMapType-item--xf i {
    color: #2a8cff
}

.dMapType-item--esf i {
    color: #f54732
}

.dMapTool {
    position: absolute;
    z-index: 70;
    right: 24px;
    bottom: 22px;
    font-size: 0
}

.dMapTool-item {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 16px;
    text-align: center;
    cursor: pointer
}

.dMapTool-item-text {
    min-width: 80px;
    padding: 0 8px;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

    .dMapTool-item-text [class^=icon-map-] {
        color: #ff5121
    }

.dMapTool-item [class^=icon-map-] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-right: 8px
}

    .dMapTool-item [class^=icon-map-]:before {
        font-size: 16px
    }

.dMapTool-set .icon-close, .dMapTool-set .icon-open {
    display: inline-block;
    margin: 0 -2px;
    font-size: 11px;
    color: #999
}

.dMapTool-set--on .dMapTool-item-text, .dMapTool-set--on .dMapTool-item-text .icon-close, .dMapTool-set--on .dMapTool-item-text .icon-open {
    color: #ff5121
}

.dMapTool-set-layer {
    position: absolute;
    z-index: 90;
    left: 0;
    width: 100%;
    bottom: 48px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.dMapTool-set-layer-arrow {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 50%;
    bottom: -14px;
    margin-left: -7px;
    overflow: hidden
}

    .dMapTool-set-layer-arrow:after {
        content: "";
        position: absolute;
        left: 3px;
        bottom: 10px;
        background-color: #fff;
        width: 8px;
        height: 8px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.2)
    }

.dMapTool-set-layer-list {
    padding: 0 10px;
    text-align: center
}

.dMapTool-set-layer-list-item {
    line-height: 1.2;
    padding: 10px 0;
    border-bottom: 1px dashed #eee;
    font-size: 12px
}

    .dMapTool-set-layer-list-item:last-child {
        border-bottom: 0
    }

    .dMapTool-set-layer-list-item:hover, .dMapTool-set-layer-list-item:hover i {
        color: #d43400
    }

    .dMapTool-set-layer-list-item i {
        color: #7c8196
    }

    .dMapTool-set-layer-list-item.on, .dMapTool-set-layer-list-item.on i {
        color: #ff5121
    }

.dMapTool-measure i {
    vertical-align: middle;
    margin-right: 6px;
    font-size: 16px
}

.dMapTool-zoom {
    width: 40px
}

.dMapTool-zoom-item {
    display: block;
    height: 40px;
    line-height: 40px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-bottom: 1px solid #dedede
}

    .dMapTool-zoom-item:active {
        background-color: #f8f8f8
    }

    .dMapTool-zoom-item:last-child {
        border-bottom: 0
    }

    .dMapTool-zoom-item i {
        font-size: 16px
    }

.dMapBubble-circle {
    position: absolute;
    z-index: 10;
    width: 98px;
    height: 98px;
    white-space: nowrap;
    cursor: pointer
}

    .dMapBubble-circle.on .dMapBubble-circleUnit, .dMapBubble-circle:hover .dMapBubble-circleUnit {
        border-color: #5f69fd;
        background-color: #2a8cff;
        background-image: -webkit-linear-gradient(114deg,#4e56fc,#2a8cff);
        background-image: -o-linear-gradient(114deg,#4e56fc 0,#2a8cff 100%);
        background-image: -moz-linear-gradient(114deg,#4e56fc 0,#2a8cff 100%);
        background-image: linear-gradient(336deg,#4e56fc,#2a8cff)
    }

    .dMapBubble-circle:hover {
        z-index: 80 !important
    }

.dMapBubble-circleUnit {
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    background-color: #f54732;
    background-image: -webkit-gradient(linear,right top,left top,from(#ff7338),to(#f54732));
    background-image: -webkit-linear-gradient(right,#ff7338,#f54732);
    background-image: -o-linear-gradient(right,#ff7338 0,#f54732 100%);
    background-image: -moz-linear-gradient(right,#ff7338 0,#f54732 100%);
    background-image: linear-gradient(270deg,#ff7338,#f54732);
    border: 1px solid #ee6749;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 0
}

    .dMapBubble-circleUnit:before {
        content: "";
        height: 100%
    }

    .dMapBubble-circle-inner, .dMapBubble-circleUnit:before {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden
    }

.dMapBubble-circle-inner {
    max-width: 100%;
    padding: 0 8px
}

.dMapBubble-circle-name {
    font-size: 14px
}

.dMapBubble-circle-price {
    font-size: 16px;
    font-weight: 700
}

.dMapBubble-circle-text {
    font-size: 12px
}

    .dMapBubble-circle-text strong {
        font-size: 14px;
        font-weight: 700
    }

.dMapBubble-location {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 80;
    width: 40px;
    height: 44px;
    background: url("https://fs.esf.fangdd.com/efab/FtGen6CgQwwedKbzv-_6Tc36aqtw.png?imageView2/0/w/1024") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

.dMapBubble-location--esf {
    background-position: 0 100%
}

.dMapBubble-row {
    position: absolute;
    z-index: 10;
    cursor: pointer
}

.dMapBubble-rowUnit {
    white-space: nowrap;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    color: #fff;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    line-height: 1.4286;
    font-size: 0
}

.dMapBubble-row:hover {
    z-index: 80 !important
}

.dMapBubble-row--esf .dMapBubble-rowUnit.on .dMapBubble-row-info, .dMapBubble-row--esf .dMapBubble-rowUnit.on .dMapBubble-row-text, .dMapBubble-row--esf:hover .dMapBubble-row-info, .dMapBubble-row--esf:hover .dMapBubble-row-text {
    background: #d43400;
    color: #fff
}

    .dMapBubble-row--esf .dMapBubble-rowUnit.on .dMapBubble-row-text:after, .dMapBubble-row--esf:hover .dMapBubble-row-text:after {
        border-top-color: #d43400
    }

.dMapBubble-row--esf .dMapBubble-row-text {
    background-color: #f54732;
    background-image: -webkit-linear-gradient(308deg,#ff7338,#f54732);
    background-image: -o-linear-gradient(308deg,#ff7338 0,#f54732 100%);
    background-image: -moz-linear-gradient(308deg,#ff7338 0,#f54732 100%);
    background-image: linear-gradient(142deg,#ff7338,#f54732)
}

    .dMapBubble-row--esf .dMapBubble-row-text:after {
        border-color: #f54732 transparent transparent
    }

.dMapBubble-row--xf .dMapBubble-rowUnit.on .dMapBubble-row-info, .dMapBubble-row--xf .dMapBubble-rowUnit.on .dMapBubble-row-text, .dMapBubble-row--xf:hover .dMapBubble-row-info, .dMapBubble-row--xf:hover .dMapBubble-row-text {
    background: #005cff;
    color: #fff
}

    .dMapBubble-row--xf .dMapBubble-rowUnit.on .dMapBubble-row-text:after, .dMapBubble-row--xf:hover .dMapBubble-row-text:after {
        border-top-color: #005cff
    }

.dMapBubble-row--xf .dMapBubble-row-text {
    background-color: #1c84ff;
    background: -webkit-linear-gradient(137deg,#2a8cff,#1c84ff 56%,#0a7bff);
    background: -o-linear-gradient(137deg,#2a8cff 0,#1c84ff 56%,#0a7bff 100%);
    background: -moz-linear-gradient(137deg,#2a8cff 0,#1c84ff 56%,#0a7bff 100%);
    background: linear-gradient(313deg,#2a8cff,#1c84ff 56%,#0a7bff)
}

    .dMapBubble-row--xf .dMapBubble-row-text:after {
        border-color: #1c84ff transparent transparent
    }

.dMapBubble-row--xf {
    z-index: 20
}

    .dMapBubble-row--xf .dMapBubble-row-love {
        z-index: 21
    }

    .dMapBubble-row--xf .dMapBubble-row-info, .dMapBubble-row--xf .dMapBubble-row-text {
        padding: 8px 10px
    }

.dMapBubble-row-text {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 10px;
    -webkit-border-radius: 32px 0 0 32px;
    -moz-border-radius: 32px 0 0 32px;
    border-radius: 32px 0 0 32px;
    font-size: 14px
}

.dMapBubble-row-text-inner {
    display: block;
    max-width: 186px
}

.dMapBubble-row-text:only-child {
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px
}

.dMapBubble-row-text:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    margin-left: -3px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid;
    border-width: 4px 3px 0
}

.dMapBubble-row-text strong {
    padding-right: 8px;
    font-weight: 700
}

.dMapBubble-row-text .icon-house {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #0679ff;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 4px;
    text-align: center
}

    .dMapBubble-row-text .icon-house:before {
        font-size: 12px
    }

.dMapBubble-row-info {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    -webkit-border-radius: 0 32px 32px 0;
    -moz-border-radius: 0 32px 32px 0;
    border-radius: 0 32px 32px 0;
    overflow: hidden;
    padding: 6px 10px;
    font-size: 14px;
    color: #333
}

    .dMapBubble-row-info strong {
        padding-right: 8px;
        font-weight: 700
    }

.dMapBubble-row-love {
    position: absolute;
    z-index: 11;
    right: 0;
    top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 -2px 4px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 -2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 -2px 4px 0 rgba(0,0,0,.1);
    text-align: center;
    font-size: 12px;
    color: #ff5121
}

    .dMapBubble-row-love i {
        position: relative;
        top: 1px
    }

.dMapSetLocation-label {
    position: absolute;
    z-index: 9;
    width: 36px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    text-align: center
}

    .dMapSetLocation-label i:before {
        font-size: 24px
    }

.dMapBubble-content {
    position: absolute;
    z-index: 80;
    left: 50%;
    bottom: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    white-space: nowrap
}

.dMapBubble-content-arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    bottom: -20px;
    margin-left: -10px;
    overflow: hidden
}

    .dMapBubble-content-arrow:after {
        content: "";
        position: absolute;
        left: 3px;
        bottom: 14px;
        background-color: #fff;
        width: 14px;
        height: 14px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
        -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.2)
    }

.dMapBubble-area {
    padding: 14px 10px;
    font-size: 0
}

.dMapBubble-area-dl {
    display: inline-block;
    vertical-align: top;
    width: 114px;
    font-size: 14px
}

.dMapBubble-area-dt {
    font-size: 16px;
    font-weight: 700
}

.dMapBubble-area-num {
    padding-top: 8px
}

    .dMapBubble-area-num strong {
        font-weight: 700
    }

.dMapBubble-area-price {
    padding-top: 2px;
    color: textColorLight
}

    .dMapBubble-area-price em {
        color: #ff5121;
        font-weight: 700
    }

    .dMapBubble-area-price .unit {
        font-weight: 700
    }

.dMapBubble-house {
    width: 388px;
    padding: 16px
}

.dMapBubble-house-img {
    float: left;
    width: 128px;
    height: 102px;
    margin-right: 16px
}

    .dMapBubble-house-img img {
        display: block;
        width: 100%;
        height: 100%
    }

.dMapBubble-house-content {
    overflow: hidden;
    position: relative
}

.dMapBubble-house-price {
    padding-right: 30px;
    font-size: 14px
}

    .dMapBubble-house-price strong {
        font-weight: 700;
        font-size: 20px;
        color: #ff5121
    }

.dMapBubble-house-name {
    font-size: 16px;
    font-weight: 700
}

.dMapBubble-house-info {
    font-size: 13px;
    padding-top: 8px
}

.dMapBubble-house-company {
    padding-top: 2px;
    font-size: 13px;
    color: #666
}

.dMapBubble-house-love {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1;
    color: #666;
    cursor: pointer
}

    .dMapBubble-house-love:hover {
        color: #d43400
    }

    .dMapBubble-house-love.on {
        color: #ff5121
    }

        .dMapBubble-house-love.on:hover {
            color: #d43400
        }

    .dMapBubble-house-love i {
        font-size: 18px
    }

.dMapDetailPanel {
    position: fixed;
    left: 0;
    top: 108px;
    bottom: 0;
    z-index: 99;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s,-moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%)
}

.dMapDetailPanel-fixed {
    width: 335px;
    left: 24px;
    top: 0;
    background-color: #fff;
    z-index: 100
}

.dMapDetailPanel-handle {
    position: absolute;
    z-index: 98;
    top: 50%;
    right: -24px;
    width: 24px;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    color: #666;
    text-align: center;
    cursor: pointer
}

.dMapDetailPanel-main {
    position: relative;
    z-index: 99;
    width: 400px;
    padding: 24px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff
}

.dMapDetailPanel-main--xf {
    padding-bottom: 60px
}

.dMapDetailPanel-main .Breadcrumbs {
    padding-top: 0
}

.dMapDetailPanel-area {
    position: relative;
    padding-bottom: 24px;
    border-bottom: 1px solid #eee
}

.dMapDetailPanel-area-name {
    /*padding-right: 80px;*/
    font-size: 24px;
    font-weight: 700;
    color: #121212
}

.dMapDetailPanel-area-price {
    font-size: 14px
}

    .dMapDetailPanel-area-price strong {
        padding-right: 4px;
        font-size: 24px;
        font-weight: 700;
        color: #ff5121
    }

.dMapDetailPanel-area-rate {
    margin-left: 12px;
    font-size: 12px
}

.dMapDetailPanel .Button--follow {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #dedede;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    color: #4e4e4e
}

    .dMapDetailPanel .Button--follow i {
        vertical-align: middle;
        margin-right: 6px;
        color: #ff5121;
        font-size: 16px
    }

    .dMapDetailPanel .Button--follow:hover i {
        color: #fff
    }

.dMapDetailPanel-info {
    position: relative;
    margin-top: 8px;
    /*padding-right: 92px*/
}

.dMapDetailPanel-address {
    max-height: 37px;
    font-size: 13px;
    cursor: pointer
}

    .dMapDetailPanel-address:hover {
        color: #d43400
    }

    .dMapDetailPanel-address i {
        font-size: 11px;
        margin-right: 4px
    }

.dMapDetailPanel-message {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #586c94;
    cursor: pointer;
    font-size: 13px
}

    .dMapDetailPanel-message i {
        margin-right: 2px;
        font-size: 14px
    }

    .dMapDetailPanel-message:hover {
        color: #d43400
    }

.dMapDetailPanel-agent {
    position: relative;
    padding: 24px 0;
    border-bottom: 1px solid #eee
}

    .dMapDetailPanel-agent:hover .Agent-applet-pop {
        display: block
    }

    .dMapDetailPanel-agent .Agent-applet-pop {
        top: 100%;
        left: auto;
        margin-left: 0;
        right: -20px;
        padding: 12px 4px
    }

    .dMapDetailPanel-agent .Agent-avatar {
        float: left;
        width: 48px;
        height: 48px;
        margin-right: 10px
    }

.dMapDetailPanel-agent-content {
    overflow: hidden;
    padding-right: 96px
}

.dMapDetailPanel-agent-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700
}

.dMapDetailPanel-agent-tel {
    padding-top: 6px
}

    .dMapDetailPanel-agent-tel strong {
        color: #ff5121;
        font-weight: 700
    }

    .dMapDetailPanel-agent-tel i {
        padding: 0 4px;
        color: #999;
        font-size: 12px
    }

.dMapDetailPanel-agent-code {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0
}

    .dMapDetailPanel-agent-code > img {
        display: inline-block;
        vertical-align: middle;
        width: 64px;
        height: 64px
    }

.dMapDetailPanel-agent-code-text {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    margin-left: 8px;
    line-height: 1.75;
    font-size: 10px;
    text-align: right
}

.dMapDetailPanel-filter {
    padding: 24px 0 16px
}

    .dMapDetailPanel-filter + .dMapDetailPanel-lpList {
        margin-top: -16px
    }

    .dMapDetailPanel-filter .Filter-rank-list {
        border-bottom: 0;
        float: left;
        width: 70%
    }

    .dMapDetailPanel-filter .Filter-rank-item {
        margin-right: 24px;
        font-size: 14px
    }

        .dMapDetailPanel-filter .Filter-rank-item:last-child {
            margin-right: 0
        }

.dMapDetailPanel-filter-num {
    float: right
}

    .dMapDetailPanel-filter-num em {
        color: #ff5121;
        font-weight: 700
    }

.dMapDetailPanel-empty .empty-icon {
    width: 158px;
    height: 134px
}

.dMapDetailPanel-lpList-item {
    border-bottom: 1px solid #eee
}

    .dMapDetailPanel-lpList-item a {
        display: block;
        padding: 16px 0
    }

.dMapDetailPanel-lpList-img {
    position: relative;
    float: left;
    width: 117px;
    height: 88px;
    margin-right: 12px
}

    .dMapDetailPanel-lpList-img img {
        display: block;
        width: 100%;
        height: 100%
    }

.dMapDetailPanel-lpList-content {
    overflow: hidden
}

.dMapDetailPanel-lpList-price {
    line-height: 1.34
}

.dMapDetailPanel-lpList-total {
    color: #ff5121;
    font-size: 14px;
    font-weight: 700
}

    .dMapDetailPanel-lpList-total strong {
        font-size: 20px
    }

.dMapDetailPanel-lpList-single {
    padding-left: 8px;
    font-size: 14px
}

.dMapDetailPanel-lpList-type {
    padding-top: 12px;
    font-size: 13px;
    font-weight: 700
}

.dMapDetailPanel-lpList-line {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
    width: 1px;
    height: 12px;
    background-color: #bdbdbd
}

.dMapDetailPanel-lpList .LpList-label {
    margin-top: 11px
}

.dMapDetailPanel-xf {
    position: relative;
    padding-bottom: 24px;
    border-bottom: 1px solid #eee
}

.dMapDetailPanel-xf-img {
    position: relative;
    float: left;
    width: 110px;
    height: 88px;
    margin-right: 16px
}

    .dMapDetailPanel-xf-img img {
        display: block;
        width: 100%;
        height: 100%
    }

.dMapDetailPanel-xf-content {
    overflow: hidden;
    min-height: 88px
}

.dMapDetailPanel-xf-name {
    max-height: 56px;
    padding-right: 80px;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 700;
    color: #121212
}

.dMapDetailPanel-xf-price {
    padding-top: 5px;
    font-size: 14px
}

    .dMapDetailPanel-xf-price strong {
        font-family: Verdana;
        font-size: 20px;
        font-weight: 700;
        color: #ff5121
    }

.dMapDetailPanel-xf-time {
    padding-top: 4px;
    font-size: 14px
}

.dMapDetailPanel-xf .LpList-label {
    margin-top: 12px
}

.dMapDetailPanel-xf .dMapDetailPanel-info {
    margin-top: 16px
}

.dMapDetailPanel-typeHd {
    padding: 24px 0 16px
}

    .dMapDetailPanel-typeHd + .dMapDetailPanel-typeList {
        margin-top: -16px
    }

.dMapDetailPanel-typeHd-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700
}

.dMapDetailPanel-typeHd-info {
    display: inline-block;
    margin-left: 12px
}

.dMapDetailPanel-typeHd-info-item {
    font-size: 14px;
    color: #666
}

.dMapDetailPanel-typeHd-info-line {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
    width: 1px;
    height: 12px;
    background-color: #bdbdbd
}

.dMapDetailPanel-select {
    float: right;
    position: relative;
    font-size: 0
}

.dMapDetailPanel-select--on .dMapDetailPanel-select-text {
    color: #ff5121
}

    .dMapDetailPanel-select--on .dMapDetailPanel-select-text:after {
        content: "\e920";
        color: #ff5121
    }

.dMapDetailPanel-select-text {
    position: relative;
    display: block;
    border: 1px solid #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 8px;
    font-size: 12px;
    cursor: pointer
}

    .dMapDetailPanel-select-text:after {
        content: "\e91f";
        display: inline-block;
        margin: 0 -4px;
        font-size: 12px;
        color: #999
    }

.dMapDetailPanel-select-text-info {
    display: inline-block;
    vertical-align: middle;
    min-width: 56px
}

.dMapDetailPanel-select-layer {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 23px;
    width: 100%;
    border: 1px solid #eee;
    background-color: #fff;
    text-align: center
}

.dMapDetailPanel-select-layerList {
    padding: 8px 0
}

    .dMapDetailPanel-select-layerList li {
        padding: 8px 0;
        font-size: 12px;
        cursor: pointer
    }

        .dMapDetailPanel-select-layerList li:hover {
            color: #d43400
        }

.dMapDetailPanel-typeList-item {
    position: relative;
    border-bottom: 1px solid #eee
}

    .dMapDetailPanel-typeList-item:before {
        right: -2px;
        color: #666;
        font-size: 10px
    }

    .dMapDetailPanel-typeList-item a {
        display: table;
        width: 100%;
        padding: 16px 0;
        text-align: center
    }

.dMapDetailPanel-typeList-img {
    width: 60px;
    height: 45px;
    border: 1px solid #eee
}

    .dMapDetailPanel-typeList-img img {
        display: block;
        width: 60px;
        height: 45px
    }

.dMapDetailPanel-typeList-info {
    display: table-cell;
    width: 22%;
    vertical-align: middle;
    font-weight: 700
}

    .dMapDetailPanel-typeList-info:last-child {
        width: 26%
    }

.dMapDetailPanel-footer {
    position: fixed;
    z-index: 90;
    left: 0;
    bottom: 0;
    width: 400px;
    height: 60px;
    padding: 10px 24px;
    background: #fff;
    -webkit-box-shadow: 0 -2px 11px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 -2px 11px 0 rgba(0,0,0,.1);
    box-shadow: 0 -2px 11px 0 rgba(0,0,0,.1);
    font-size: 0
}

    .dMapDetailPanel-footer .Button {
        display: inline-block;
        vertical-align: middle;
        width: 164px;
        margin-right: 24px
    }

        .dMapDetailPanel-footer .Button:only-child {
            width: 100%
        }

        .dMapDetailPanel-footer .Button:last-child {
            margin-right: 0
        }

.dMapDetailPanel-loading {
    font-size: 14px;
    padding: 16px 0;
    text-align: center
}

.dMapTips {
    position: absolute;
    z-index: 70;
    left: 50%;
    bottom: 24px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    padding: 12px 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(0,0,0,.8);
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.dMapLeads-grade {
    z-index: 10000;
    bottom: 0;
    background-color: rgba(0,0,0,.7)
}

    .dMapLeads-grade:after {
        content: "";
        position: absolute;
        z-index: 10001;
        background: url("https://fs.esf.fangdd.com/efab/FodLFDER9I9NqyzscNytFJT-AtI0.png") no-repeat;
        -webkit-background-size: 1148px 418px;
        -moz-background-size: 1148px 418px;
        background-size: 1148px 418px
    }

.dMapLeads-grade-1:after {
    width: 617px;
    height: 418px;
    left: 50%;
    top: 50%;
    margin: -159px 0 0 -308px
}

.dMapLeads-grade-1 .dMapLeads-button {
    left: 50%;
    top: 50%;
    margin: 184px 0 0 -60px
}

.dMapLeads-grade-2:after {
    right: 20px;
    top: 124px;
    width: 218px;
    height: 329px;
    background-position: -617px 0
}

.dMapLeads-grade-2 .dMapLeads-button {
    right: 88px;
    top: 380px
}

.dMapLeads-grade-3:after {
    right: 168px;
    bottom: 18px;
    width: 313px;
    height: 277px;
    background-position: 100% 0
}

.dMapLeads-grade-3 .dMapLeads-button {
    right: 330px;
    bottom: 148px
}

.dMapLeads-button {
    position: absolute;
    z-index: 10002;
    width: 150px;
    height: 80px;
    cursor: pointer;
    font-size: 0
}

.Detail-aside-flagship {
    position: relative;
    display: block;
    padding: 16px 0 16px 25px;
    border-bottom: 1px solid #eee;
    font-size: 0
}

    .Detail-aside-flagship:hover, .Detail-aside-flagship:hover .Detail-aside-flagship-link {
        color: #d43400
    }

.Detail-aside-flagship-logo {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 36px;
    overflow: hidden
}

    .Detail-aside-flagship-logo img {
        display: block;
        width: 100%;
        height: 100%
    }

.Detail-aside-flagship-dec {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px
}

.Detail-aside-flagship-tag {
    display: inline-block;
    vertical-align: 1px;
    padding: 0 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 8px;
    font-size: 14px;
    color: #fff;
    background-color: #120e3f;
    background-image: -webkit-gradient(linear,right top,left top,from(#3e4061),to(#120e3f));
    background-image: -webkit-linear-gradient(right,#3e4061,#120e3f);
    background-image: -o-linear-gradient(right,#3e4061 0,#120e3f 100%);
    background-image: -moz-linear-gradient(right,#3e4061 0,#120e3f 100%);
    background-image: linear-gradient(270deg,#3e4061,#120e3f)
}

.Detail-aside-flagship-link {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    font-size: 14px;
    color: #666
}

    .Detail-aside-flagship-link i {
        font-size: 10px;
        padding-left: 4px;
        vertical-align: middle
    }

.AppDownload-wrap {
    overflow: hidden
}

.AppDownload-main {
    width: 1184px;
    margin: 0 auto;
    text-align: center
}

    .AppDownload-main img {
        position: relative;
        left: 50%;
        vertical-align: top;
        margin-left: -1184px
    }

.ModalVideo-wrap {
    bottom: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,.9)
}

.ModalVideo-main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

    .ModalVideo-main video {
        max-width: 100%;
        max-height: 100%
    }

.ModalVideo-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 28px;
    padding: 20px;
    color: #fff;
    cursor: pointer
}

.about-mainContainer {
    padding: 40px 0;
    min-height: 803px
}

.about-column {
    width: 910px
}

.about-title {
    padding-bottom: 30px;
    line-height: 1.1;
    font-size: 24px;
    font-weight: 700;
    color: #ff5121
}

.about-content {
    font-size: 14px
}

    .about-content p {
        margin-bottom: 20px
    }

.about-aside {
    width: 230px;
    background-color: #f8f8f8
}

.about-nav {
    padding: 10px 30px 60px
}

.about-nav-list-item {
    border-bottom: 1px solid #dedede
}

    .about-nav-list-item.on .about-nav-list-block {
        color: #ff5121
    }

.about-nav-list-block {
    display: block;
    height: 40px;
    line-height: 40px
}

a.about-nav-list-block:hover {
    color: #d43400
}

.about-nav-sub {
    padding-bottom: 10px
}

.about-nav-sub-item.on a {
    color: #ff5121
}

    .about-nav-sub-item.on a:before {
        background-color: #ff5121
    }

.about-nav-sub-item a {
    position: relative;
    display: block;
    padding: 4px 0 4px 10px
}

    .about-nav-sub-item a:hover {
        color: #d43400
    }

        .about-nav-sub-item a:hover:before {
            background-color: #d43400
        }

    .about-nav-sub-item a:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 4px;
        height: 4px;
        margin-top: -2px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #333
    }

.ImWindow {
    position: fixed !important;
    right: 94px;
    bottom: 0;
    z-index: 900;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 460px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: opacity .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1);
    transition: opacity .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1);
    -o-transition: transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1);
    -o-transition: opacity .3s cubic-bezier(.165,.84,.44,1),-o-transform .3s cubic-bezier(.165,.84,.44,1);
    -moz-transition: transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),-moz-transform .3s cubic-bezier(.165,.84,.44,1);
    transition: transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1);
    transition: transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1),-moz-transform .3s cubic-bezier(.165,.84,.44,1),-o-transform .3s cubic-bezier(.165,.84,.44,1);
    transition: transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1)
}

    .ImWindow.animation {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

.ImWindowMessage {
    float: right;
    width: 240px
}

.ImWindowMessage-header {
    position: relative;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    padding: 0 16px;
    font-size: 14px
}

.ImWindowMessage-header-title {
    font-weight: 700
}

.ImWindowMessage-header-link {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    color: #666;
    font-size: 11px
}

.ImWindowMessage-main {
    height: 420px;
    overflow: hidden
}

.ImWindowMessage-list-item {
    cursor: pointer
}

    .ImWindowMessage-list-item.active, .ImWindowMessage-list-item:hover {
        background-color: #f8f8f8
    }

.ImWindowMessage-list .Agent-avatar {
    float: left;
    width: 40px;
    height: 40px;
    margin: 16px 8px 16px 16px
}

.ImWindowMessage-list-content {
    min-height: 72px;
    overflow: hidden;
    padding: 16px 16px 16px 0;
    border-bottom: 1px solid #eee
}

.ImWindowMessage-list-name {
    float: left;
    max-width: 50%;
    line-height: 1.25;
    font-size: 16px;
    font-weight: 700
}

.ImWindowMessage-list-time {
    float: right;
    margin-top: 2px;
    font-size: 12px;
    color: #666
}

.ImWindowMessage-list-text {
    margin-top: 4px;
    line-height: 1.333;
    font-size: 12px;
    color: #666
}

.ImWindowMessage-list-status {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    background-color: #70d152;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.ImWindowMessage-list-num {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ef3929;
    border: 1px solid #fff;
    padding: 0 3px;
    min-width: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    line-height: 1.167;
    color: #fff;
    font-size: 12px;
    text-align: center
}

.ImWindowChat {
    float: left;
    width: 400px;
    border-right: 1px solid #eee
}

.ImWindowChat-header {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    border-bottom: 1px solid #eee
}

.ImWindowChat-header-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 44px;
    height: 40px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    color: #666;
    cursor: pointer
}

.ImWindowChat-header-name {
    font-size: 16px;
    font-weight: 700
}

.ImWindowChat-header-status {
    position: relative;
    top: -1px;
    margin-left: 10px;
    font-size: 12px;
    color: #666
}

    .ImWindowChat-header-status:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 10px;
        height: 10px;
        background-color: #70d152;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin-right: 4px
    }

.ImWindowChat-header-text {
    position: relative;
    top: -1px;
    margin-left: 4px;
    font-size: 12px;
    color: #666
}

.ImWindowChat-main {
    position: relative;
    height: 268px;
    padding-bottom: 50px;
    background-color: #eee;
    overflow: hidden
}

.ImWindowChat-content {
    height: 100%;
    overflow: hidden;
    text-align: center
}

.ImWindowChat-agent {
    position: relative;
    z-index: 10;
    background-color: #fff;
    padding: 12px 16px
}

    .ImWindowChat-agent .Agent-avatar {
        float: left;
        width: 32px;
        height: 32px;
        margin-right: 8px
    }

    .ImWindowChat-agent .Agent-grade {
        padding: 2px 5px;
        font-size: 11px
    }

.ImWindowChat-agent-hd {
    font-size: 0
}

.ImWindowChat-agent-content {
    overflow: hidden;
    padding-right: 86px
}

.ImWindowChat-agent-name {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.143;
    font-size: 14px;
    font-weight: 700
}

.ImWindowChat-agent-dec {
    padding-top: 3px;
    line-height: 1.1;
    font-size: 12px
}

.ImWindowChat-agent .Im-button {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -15px
}

.ImWindowChat-hot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 8px;
    height: 50px;
    overflow: hidden;
    font-size: 0
}

.ImWindowChat-hot-item {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 0 8px;
    margin: 0 8px 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

    .ImWindowChat-hot-item:hover {
        background-color: #f8f8f8
    }

.ImWindowChat-layer {
    display: inline-block;
    margin: 20px auto 0;
    padding: 8px;
    max-width: 300px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
    -moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
    font-size: 0
}

.ImWindowChat-layer-icon {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-right: 6px;
    background: url(https://static.esf.fangdd.com/esf/webcpwebsite/im-sprites-3THij.png) no-repeat
}

.ImWindowChat-layer-text {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 14px
}

.ImWindowChat-layer-name {
    max-width: 60px;
    display: inline-block;
    vertical-align: middle
}

.ImWindowChat-layer .Im-button {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px
}

.ImWindowChat-layer-button {
    padding-top: 8px;
    font-size: 0;
    text-align: right
}

    .ImWindowChat-layer-button .Im-button {
        margin-left: 16px
    }

.ImWindowChat-dialog {
    position: relative;
    padding: 20px 16px 0;
    font-size: 0
}

.ImWindowChat-dialog--img.user, .ImWindowChat-dialog--user {
    text-align: right
}

    .ImWindowChat-dialog--img.user .ImWindowChat-userImg, .ImWindowChat-dialog--user .ImWindowChat-userImg {
        right: 16px
    }

.ImWindowChat-dialog--agent, .ImWindowChat-dialog--img.agent {
    text-align: left
}

    .ImWindowChat-dialog--agent .ImWindowChat-userImg, .ImWindowChat-dialog--img.agent .ImWindowChat-userImg {
        left: 16px
    }

.ImWindowChat-message {
    display: inline-block;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: top;
    max-width: 230px;
    padding: 8px;
    font-size: 14px;
    text-align: left
}

    .ImWindowChat-message:after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 6px;
        height: 10px;
        background: url(https://static.esf.fangdd.com/esf/webcpwebsite/im-sprites-3THij.png) no-repeat
    }

.ImWindowChat-message--user {
    background-color: #50b8f7;
    background: -webkit-linear-gradient(338deg,#10a4ff,#50b8f7);
    background: -o-linear-gradient(338deg,#10a4ff 0,#50b8f7 100%);
    background: -moz-linear-gradient(338deg,#10a4ff 0,#50b8f7 100%);
    background: linear-gradient(112deg,#10a4ff,#50b8f7);
    -webkit-box-shadow: 0 2px 4px 0 rgba(33,143,243,.36);
    -moz-box-shadow: 0 2px 4px 0 rgba(33,143,243,.36);
    box-shadow: 0 2px 4px 0 rgba(33,143,243,.36);
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    color: #fff;
    margin-right: 40px
}

    .ImWindowChat-message--user:after {
        right: -6px;
        background-position: 0 -48px
    }

.ImWindowChat-message--agent {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
    -moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    margin-left: 40px
}

    .ImWindowChat-message--agent:after {
        left: -6px;
        background-position: -10px -48px
    }

    .ImWindowChat-message--agent .ImWindowChat-message-house-price {
        color: #ff5121
    }

    .ImWindowChat-message--agent .ImWindowChat-message-text + .ImWindowChat-message-house {
        border-top-color: #eee
    }

.ImWindowChat-message--img {
    padding: 0;
    margin: 0 40px
}

    .ImWindowChat-message--img:after {
        display: none
    }

    .ImWindowChat-message--img img {
        vertical-align: top;
        max-width: 120px;
        max-height: 120px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

.ImWindowChat-message .emo {
    width: 16px;
    height: 16px
}

.ImWindowChat-message-text {
    line-height: 1.2857
}

    .ImWindowChat-message-text .icon-tel {
        margin-right: 2px;
        font-size: 13px
    }

    .ImWindowChat-message-text + .ImWindowChat-message-house {
        padding-top: 8px;
        margin-top: 8px;
        border-top: 1px solid hsla(0,0%,100%,.6)
    }

.ImWindowChat-message-button {
    padding-top: 8px;
    font-size: 0
}

    .ImWindowChat-message-button .Im-button {
        display: inline-block;
        vertical-align: middle;
        margin-right: 16px
    }

        .ImWindowChat-message-button .Im-button:last-child {
            margin-right: 0
        }

.ImWindowChat-message-house {
    line-height: 1.2
}

.ImWindowChat-message-house-img {
    float: left;
    width: 56px;
    height: 56px;
    margin-right: 8px
}

    .ImWindowChat-message-house-img img {
        display: block;
        width: 100%;
        height: 100%
    }

.ImWindowChat-message-house-cont {
    overflow: hidden
}

.ImWindowChat-message-house-text {
    margin-top: 5px;
    font-size: 12px
}

.ImWindowChat-message-house-price {
    margin-top: 5px
}

    .ImWindowChat-message-house-price strong {
        font-weight: 700
    }

.ImWindowChat-time {
    margin-bottom: 8px;
    line-height: 1;
    font-size: 12px;
    color: #666;
    text-align: center
}

.ImWindowChat-userImg {
    position: absolute;
    bottom: 0;
    width: 32px;
    height: 32px;
    background-color: #ccc
}

    .ImWindowChat-userImg, .ImWindowChat-userImg img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

        .ImWindowChat-userImg img {
            display: block;
            width: 100%;
            height: 100%
        }

.ImWindowChat-tips {
    display: inline-block;
    max-width: 268px;
    line-height: 1.4167;
    font-size: 12px;
    color: #666
}

.ImWindowChat-tips-em {
    color: #ff5121;
    cursor: pointer
}

.ImWindowChat-footer {
    padding: 10px 16px;
    height: 96px;
    background-color: #fff
}

.ImWindowChat-footer-tips {
    float: right;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #999
}

.ImWindowChat-tool {
    padding-top: 12px
}

.ImWindowChat-tool-img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    overflow: hidden;
    cursor: pointer
}

    .ImWindowChat-tool-img .fileImg {
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        font-size: 16px;
        opacity: 0;
        cursor: pointer
    }

    .ImWindowChat-tool-img .icon-imImg {
        height: 24px;
        line-height: 24px;
        font-size: 24px
    }

.ImWindowChat-tool .Im-button {
    float: right;
    margin-left: 8px
}

.ImWindowChat-input {
    display: block;
    width: 100%;
    height: 34px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 1.214;
    border: 0
}

.Im-button {
    display: block;
    min-width: 76px;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    font-size: 14px;
    text-align: center
}

.Im-button--default {
    background-color: #ff5121;
    background-image: -webkit-gradient(linear,right top,left top,from(#ff7338),to(#f54732));
    background-image: -webkit-linear-gradient(right,#ff7338,#f54732);
    background-image: -o-linear-gradient(right,#ff7338,#f54732);
    background-image: -moz-linear-gradient(right,#ff7338,#f54732);
    background-image: linear-gradient(-90deg,#ff7338,#f54732);
    color: #fff
}

    .Im-button--default.disabled {
        opacity: .6
    }

.Im-button--line {
    border: 1px solid #ff5121;
    background-color: #fff;
    color: #ff5121;
    line-height: 28px
}

    .Im-button--line.disabled {
        border-color: #dedede;
        color: #4e4e4e;
        cursor: default
    }

    .Im-button--line:not(.disabled):hover {
        border-color: #d43400;
        color: #fff
    }

.Im-button:not(.disabled):hover {
    background-color: #d43400;
    background-image: none
}

.imgDefault {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

.agentDefault {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.ellipsis {
    max-width: 100%;
    white-space: nowrap
}

.ellipsis, .ellipsisLineTwo {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.ellipsisLineTwo {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.Detail-box .smallBox:nth-child(2) {
    float: right
}

._1fppg {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.42;
    text-align: center
}

.Mcn84 {
    margin: 24px 0 32px
}

._2TURJ {
    position: relative;
    float: left;
    width: 132px;
    height: 92px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 16px
}

    ._2TURJ img {
        display: block;
        width: 100%;
        height: 100%
    }

._1VjuH {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 20px;
    line-height: 18px;
    background-color: #ff881e;
    background-image: -webkit-linear-gradient(296deg,#ff881e,#ffbd31);
    background-image: -moz-linear-gradient(296deg,#ff881e 0,#ffbd31 100%);
    background-image: -o-linear-gradient(296deg,#ff881e 0,#ffbd31 100%);
    background-image: linear-gradient(154deg,#ff881e,#ffbd31);
    -webkit-border-radius: 0 0 4px;
    -moz-border-radius: 0 0 4px;
    border-radius: 0 0 4px;
    text-align: center;
    font-size: 14px;
    color: #fff
}

._2gMe_ {
    overflow: hidden;
    height: 92px
}

._1HDWW {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    color: var(--textColor)
}

._4Fbt0 {
    display: block;
    padding-top: 5px;
    color: #999;
    color: var(--textColorTips);
    font-size: 14px
}

.DCuZb {
    padding-top: 3px;
    color: #ef3929;
    color: var(--secondColor);
    font-size: 14px
}

    .DCuZb strong {
        padding-right: 2px;
        font-size: 24px;
        font-weight: 700
    }

._1EQ_n {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._2ZyHm {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._1WQXb:after, ._1WQXb:before {
    content: "";
    display: table
}

._1WQXb:after {
    clear: both
}

._19Gno {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._2G79i, ._39-Qu {
    position: relative
}

._2G79i {
    overflow: hidden;
    height: 272px;
    padding: 4px;
    margin: -4px
}

._1vnZ2 {
    left: 4px;
    top: 4px
}

._1_W84 {
    float: left;
    width: 224px;
    height: 264px;
    padding: 24px 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 16px;
    text-align: center
}

    ._1_W84:last-child {
        margin-right: 0
    }

._3MrW1 {
    height: 62px;
    padding-top: 6px;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 700
}

.NQTXn {
    display: inline-block;
    padding-left: 10px
}

._24y5V {
    height: 56px;
    padding-top: 14px;
    font-size: 14px;
    color: #ef3929;
    color: var(--secondColor)
}

    ._24y5V strong {
        padding: 0 4px;
        font-size: 28px;
        font-weight: 700
    }

._2UYx6 {
    height: 21px;
    font-size: 16px;
    color: #666;
    color: var(--textColorGray)
}

._2m76L {
    width: 130px;
    height: 48px;
    line-height: 48px;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    margin: 24px auto 0;
    font-size: 20px
}

._2db5d {
    position: absolute;
    z-index: 20;
    top: 50%;
    width: 56px;
    height: 56px;
    line-height: 56px;
    margin-top: -28px;
    background: #fff;
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

    ._2db5d._1cvgo {
        left: -20px
    }

    ._2db5d._1KHZn {
        right: -20px
    }

    ._2db5d._1cvgo i {
        margin-right: 4px
    }

    ._2db5d._1KHZn i {
        margin-left: 4px
    }

    ._2db5d:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

._26TKc {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._29hVu {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._33DEB:after, ._33DEB:before {
    content: "";
    display: table
}

._33DEB:after {
    clear: both
}

._7QLhd {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._3KELF {
    font-size: 0;
    max-width: 1920px;
    margin: 0 auto
}

._39UWh {
    height: 100%
}

.S9RkO {
    position: relative;
    float: left;
    padding-top: 27.8195%
}

._39UWh._1fSDw .S9RkO {
    width: 22.181%;
    padding-top: 14.055%
}

._39UWh._1fSDw ._2MBrW {
    left: 1.325%
}

._39UWh._1fSDw .S9RkO:nth-child(2n-1) {
    float: right
}

._39UWh._1fSDw .S9RkO:first-child {
    float: left;
    width: 55.636%;
    padding-top: 27.8195%
}

    ._39UWh._1fSDw .S9RkO:first-child ._2MBrW {
        left: 0;
        bottom: 0
    }

._39UWh._4y4nB .S9RkO {
    width: 22.108%
}

    ._39UWh._4y4nB .S9RkO ._2MBrW {
        bottom: 1.045%
    }

    ._39UWh._4y4nB .S9RkO:nth-child(3), ._39UWh._4y4nB .S9RkO:nth-child(4) {
        float: right;
        padding-top: 14.055%
    }

        ._39UWh._4y4nB .S9RkO:nth-child(3) ._2MBrW, ._39UWh._4y4nB .S9RkO:nth-child(4) ._2MBrW {
            left: 1.327%;
            bottom: 2.09%
        }

    ._39UWh._4y4nB .S9RkO:nth-child(2) {
        width: 39.092%
    }

        ._39UWh._4y4nB .S9RkO:nth-child(2) ._2MBrW {
            left: .75%;
            bottom: 0
        }

    ._39UWh._4y4nB .S9RkO:first-child {
        width: 38.8%
    }

        ._39UWh._4y4nB .S9RkO:first-child ._2MBrW {
            bottom: 0
        }

._39UWh .S9RkO:first-child:nth-last-child(3) ~ .S9RkO {
    width: 33.43%
}

    ._39UWh .S9RkO:first-child:nth-last-child(3) ~ .S9RkO ._2MBrW {
        left: .88%;
        bottom: 0
    }

._39UWh .S9RkO:first-child:nth-last-child(3) {
    width: 33.14%
}

    ._39UWh .S9RkO:first-child:nth-last-child(3) ._2MBrW {
        left: 0;
        bottom: 0
    }

._39UWh .S9RkO:first-child:nth-last-child(2) ~ .S9RkO {
    width: 44.36%
}

    ._39UWh .S9RkO:first-child:nth-last-child(2) ~ .S9RkO ._2MBrW {
        left: .5%;
        bottom: 0
    }

._39UWh .S9RkO:first-child:nth-last-child(2) {
    width: 55.64%
}

    ._39UWh .S9RkO:first-child:nth-last-child(2) ._2MBrW {
        bottom: 0
    }

.S9RkO:only-child {
    width: 100%
}

    .S9RkO:only-child ._2MBrW {
        bottom: 0
    }

._2MBrW {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 2.088%;
    overflow: hidden;
    cursor: pointer;
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat;
    background: var(--bor-default) url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._3KELF img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.pcG4n img {
    left: 0;
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

._37pdl, .pcG4n img {
    position: absolute;
    top: 50%
}

._37pdl {
    z-index: 2;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: rgba(0,0,0,.7);
    padding: 7px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff
}

    ._37pdl i {
        font-size: 16px;
        margin-right: 8px
    }

.vscwM {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    font-size: 24px;
    color: #fff;
    text-align: center
}

    .vscwM span {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.U8HGU {
    position: relative;
    vertical-align: top;
    width: 55.636%;
    overflow: hidden
}

._3eUZ3, .U8HGU {
    display: inline-block;
    height: 100%
}

._3eUZ3 {
    width: 100%;
    cursor: pointer
}

._1MM8P {
    width: 44.364%;
    height: 100%
}

._1avNf, ._1MM8P {
    display: inline-block;
    vertical-align: top
}

._1avNf {
    width: 50%;
    height: 50%;
    padding-left: 4px;
    overflow: hidden;
    cursor: pointer
}

    ._1avNf:first-child, ._1avNf:nth-child(2) {
        padding-bottom: 4px
    }

._1VXuU {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._2z3HA {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._12pd4 {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._QLE_:after, ._QLE_:before {
    content: "";
    display: table
}

._QLE_:after {
    clear: both
}

.lNZ4Y {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._2GoNH {
    display: inline-block;
    vertical-align: top;
    width: 76.7%;
    padding-top: 7px
}

._3At6M {
    font-size: 14px;
    line-height: 1.57
}

._1ZiLd {
    color: #586c94;
    color: var(--b-link);
    cursor: pointer
}

._2S8oy {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._2Q4U1 {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._3k_BW:after, ._3k_BW:before {
    content: "";
    display: table
}

._3k_BW:after {
    clear: both
}

._1Mv66 {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._11rnE {
    padding: 32px 0
}

._16Mdx {
    padding-bottom: 20px
}

    ._16Mdx:last-child {
        padding-bottom: 0
    }

._1Tv8M {
    width: 23.3%;
    padding-top: 5px;
    font-size: 18px;
    font-weight: 700
}

._1Tv8M, ._3kj9B {
    display: inline-block;
    vertical-align: top
}

._3kj9B {
    width: 76.7%
}

._1Z_Ch {
    font-size: 14px;
    line-height: 1.57
}

._2yzeO {
    height: 36px;
    margin: 32px 0
}

._1pW_l, ._2yzeO {
    position: relative
}

._1pW_l {
    height: 100%;
    overflow: hidden
}

    ._1pW_l._3YjCx {
        margin: 0 24px
    }

._35CIE {
    display: block;
    height: 100%;
    width: 100%
}

._2CU57, .rptGJ {
    color: #666;
    font-size: 12px;
    height: 100%;
    line-height: 36px;
    position: absolute;
    top: 0;
    cursor: pointer
}

.rptGJ {
    left: 0
}

._2CU57 {
    right: 0
}

.eS4_2 {
    width: 128px;
    height: 100%;
    line-height: 36px;
    background: #f3f5f7;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin-right: 16px;
    font-size: 16px;
    text-align: center
}

    .eS4_2 a {
        color: #212121
    }

    .eS4_2._1YRvK {
        background-image: -webkit-gradient(linear,right top,left top,from(#ff7338),to(#f54732));
        background-image: -webkit-linear-gradient(right,#ff7338,#f54732);
        background-image: -moz-linear-gradient(right,#ff7338 0,#f54732 100%);
        background-image: -o-linear-gradient(right,#ff7338 0,#f54732 100%);
        background-image: linear-gradient(270deg,#ff7338,#f54732);
        background-color: #f54732
    }

        .eS4_2._1YRvK a {
            color: #fff
        }

    .eS4_2:last-child {
        margin-right: 0
    }

._1iWEd {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._12-4h {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._2a49N:after, ._2a49N:before {
    content: "";
    display: table
}

._2a49N:after {
    clear: both
}

._3_P4q {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._1yifn {
    font-size: 28px;
    font-weight: 600;
    color: #212121;
    line-height: 1.28
}

.vpSpY {
    font-size: 16px;
    color: #e82200;
    line-height: 1;
    margin-top: 16px
}

    .vpSpY strong {
        font-size: 36px;
        font-weight: 600;
        font-family: verdana;
        margin-right: 4px
    }

._2oEYl {
    height: 24px;
    overflow: hidden;
    margin-top: 14px
}

._1FXI4 {
    display: inline-block;
    margin-right: 8px;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    background: #f3f5f7;
    color: #586c94;
    font-size: 12px;
    text-align: center
}

._3ed_Z {
    height: 1px;
    background: #d8d8d8;
    margin: 32px 0
}

._2aOUU {
    font-size: 16px;
    font-weight: 600;
    color: #212121;
    margin-bottom: 16px;
    line-height: 1
}

._2NQk- {
    margin-top: 32px;
    border: 1px solid #d8d8d8;
    padding: 24px
}

._2UQUH {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

    ._2UQUH h1 {
        display: inline;
        font-weight: 600;
        text-decoration: underline
    }

._3ZwNL {
    margin-bottom: -2px
}

._1FuPS {
    width: 50%;
    display: inline-block;
    margin-top: 12px;
    line-height: 1.28
}

    ._1FuPS a {
        text-decoration: underline
    }

    ._1FuPS span:first-child {
        margin-right: 16px;
        color: #999
    }

    ._1FuPS span:last-child {
        color: #333
    }

.C9rrb {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.42;
    text-align: center
}

.FDbXB {
    height: 92px;
    margin: 24px 0 33px
}

._1y4Fn {
    float: left;
    margin-right: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    ._1y4Fn, ._1y4Fn img {
        width: 164px;
        height: 92px
    }

        ._1y4Fn img, ._33ypR {
            overflow: hidden
        }

._33ypR {
    height: 92px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

._3SMsV:not(:first-child) {
    color: #666;
    font-size: 16px
}

._3SMsV:first-child {
    color: #333;
    color: var(--textColor)
}

._3SMsV strong {
    font-size: 24px;
    color: #ff5121;
    color: var(--mainColor)
}

._3SMsV:nth-child(3) {
    font-size: 14px
}

._3SMsV._2Na46 {
    font-size: 20px
}

.dutLa {
    display: inline-block;
    position: absolute
}

    .dutLa, .dutLa img {
        width: 100%
    }

._2j6mB {
    margin-top: 20px
}

._1GoC5 {
    width: 120px
}

._1nBic {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 25px
}

    ._1nBic tr {
        margin-top: 32px
    }

    ._1nBic td {
        width: 16.7%;
        line-height: 1.39;
        padding-top: 32px;
        padding-right: 24px;
        color: #212121
    }

        ._1nBic td:last-child {
            padding-right: 0;
            color: #586c94;
            cursor: pointer
        }

    ._1nBic i {
        font-size: 10px;
        margin: auto 0 auto 6px;
        cursor: pointer
    }

.ns7l5 {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

.rzvEF {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._2EFt1:after, ._2EFt1:before {
    content: "";
    display: table
}

._2EFt1:after {
    clear: both
}

._3i1-N {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._1mcze {
    padding: 32px 0;
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid var(--bor-default);
    list-style-type: none
}

    ._1mcze:last-child {
        border-bottom: 0
    }

._2_1kr {
    position: relative;
    float: left;
    width: 240px;
    height: 135px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 24px;
    border: 1px solid #eee;
    border: 1px solid var(--bor-default);
    overflow: hidden
}

.ns7l5 {
    background: #eee url(https://static.esf.fangdd.com/esf/webcpwebsite/default-repeat-2tOLD.png) repeat
}

._2_1kr img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -o-object-fit: cover;
    object-fit: cover
}

    ._2_1kr img:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

._1BpQX {
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding: 0 12px;
    height: 24px;
    background: rgba(0,0,0,.6);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-size: 16px;
    color: #fff
}

.mgIDr {
    position: relative;
    overflow: hidden;
    min-height: 135px
}

._2-mIX {
    display: block;
    padding-right: 140px;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 700
}

    ._2-mIX:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

._1lpP- {
    padding-top: 22px;
    font-size: 16px;
    color: #666;
    color: var(--textColorGray);
    height: 46px
}

._2H-vj {
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 12px;
    background-color: #dedede
}

._3fqhF {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    line-height: 1.2;
    color: #ef3929;
    color: var(--secondColor)
}

    ._3fqhF strong {
        padding-right: 4px;
        font-size: 28px;
        font-weight: 700;
        font-family: verdana
    }

._3CunH {
    position: absolute;
    right: 0;
    top: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #586c94;
    color: var(--b-link)
}

    ._3CunH i {
        margin-left: 4px;
        font-size: 10px
    }

    ._3CunH:hover {
        color: #d43400;
        color: var(--hoverColor)
    }

.g2KRR {
    position: relative;
    overflow: hidden;
    height: 36px;
    line-height: 36px;
    margin-top: 18px
}

._2Q7Ko, ._2tTOE {
    display: inline-block
}

._2Q7Ko {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    line-height: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 4px;
    overflow: hidden
}

    ._2Q7Ko img {
        height: 100%;
        width: 100%;
        display: block
    }

    ._2Q7Ko._1Mj3B {
        background-color: #eee;
        text-align: center
    }

        ._2Q7Ko._1Mj3B i {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: 2px;
            height: 2px
        }

            ._2Q7Ko._1Mj3B i, ._2Q7Ko._1Mj3B i:after, ._2Q7Ko._1Mj3B i:before {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                background-color: #586c94
            }

                ._2Q7Ko._1Mj3B i:after, ._2Q7Ko._1Mj3B i:before {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    margin: 0 2px
                }

                ._2Q7Ko._1Mj3B i:before {
                    left: -6px
                }

                ._2Q7Ko._1Mj3B i:after {
                    right: -6px
                }

._3C8yr {
    vertical-align: middle;
    font-size: 16px;
    color: #666;
    color: var(--textColorGray)
}

._1-hxP {
    float: right;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 16px
}

:root {
    --baseFont: 14px;
    --baseLineHeight: 1.5;
    --baseFontFamily: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    --baseFontNum: Verdana,sans-serif;
    --textColor: #333;
    --textColorTitle: #121212;
    --textColorSecond: #333;
    --textColorLight: #4e4e4e;
    --textColorGray: #666;
    --textColorTips: #999;
    --mainColor: #ff5121;
    --secondColor: #ef3929;
    --hoverColor: #d43400;
    --disabledColor: #ccc;
    --link: #456a9c;
    --b-link: #586c94;
    --c-discount: #ef3e4a;
    --c-prefer: #ff5d51;
    --c-spec: #e0a02d;
    --c-scene: #70d152;
    --cup: #ef3929;
    --cdown: #0bb03d;
    --cupPrice: #f05858;
    --placeholder: #999;
    --colorWarn: #e64340;
    --colorError: #ff413c;
    --colorSuccess: #0bb03d;
    --btnGradientDark: #f54732;
    --btnGradientLight: #ff7338;
    --bg-default: #f8f8f8;
    --bg-second: #fafafa;
    --bg-light: #f2f2f2;
    --bg-whilte: #fff;
    --bg-input-wrap: #ebeced;
    --bg-orange: #f25824;
    --bg-active: #eee;
    --bor-default: #eee;
    --bor-orange: var(--mainColor);
    --bor-gray: #979797;
    --bor-dark: #dedede;
    --bor-radius: 4px;
    --btn-default: var(--mainColor);
    --btn-active: 0.8;
    --btn-disable: rgba(0,0,0,0.1);
    --gapTB: 20px;
    --gapLR: 30px;
    --w: 1184px;
    --zIndexHeader: 940;
    --zIndexFooter: 900;
    --zIndexOverlay: 980;
    --zIndexConfirm: 1000;
    --zIndexWarn: 10000
}

._2nSDP {
    background: #eee url("https://fs.esf.fangdd.com/efab/FvFMUhECZyr6xH142v-8bQIry5Oq.png") repeat
}

._31HRH {
    background: #eee url("https://fs.esf.fangdd.com/efab/FnC9SsdhrhkBWxIozaSz9mQGvSIc.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

._1-ytk:after, ._1-ytk:before {
    content: "";
    display: table
}

._1-ytk:after {
    clear: both
}

._1xnnW {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._1Ph1x, ._3zjzX {
    margin-bottom: 0
}

._3V-86 {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    padding: 48px 8px 0;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.4)));
    background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.4));
    background: -moz-linear-gradient(top,transparent 0,rgba(0,0,0,.4) 100%);
    background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.4) 100%);
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.4));
    color: #fff
}

._2HRJ8 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 70%;
    float: right;
    font-size: 14px
}

._3rZYb {
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    background: rgba(0,0,0,.65);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    color: #fff
}

    ._3rZYb i {
        margin: 0 2px
    }

    ._3rZYb ._3G0Jr {
        font-size: 11px
    }

    ._3rZYb ._2r0Kh {
        font-size: 12px;
        margin-left: 3px
    }

._2NZFJ {
    line-height: 1.2;
    margin-top: 11px;
    height: 24px;
    overflow: hidden
}

.b-u6- {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 40%;
    font-size: 20px;
    font-weight: 700
}

._1aDzF, .b-u6- {
    display: inline-block;
    vertical-align: middle
}

._1aDzF {
    padding-top: 2px;
    margin-left: 8px;
    font-size: 14px;
    font-size: var(--baseFont);
    color: #666;
    color: var(--textColorGray)
}

.xX4TJ {
    float: right;
    font-size: 12px;
    color: #ff5121;
    color: var(--mainColor)
}

    .xX4TJ strong {
        padding-right: 2px;
        font-size: 20px;
        font-weight: 700;
        font-family: Verdana
    }