.bg-default {
    background-color: #fcfdfe;
}

.bg-success {
    background-color: #19be6b;
}

.bg-warning {
    background-color: #ff9900;
}

.bg-secondary {
    background-color: #e4e7ea;
}

.bg-purple {
    background-color: #926dde;
}

.bg-cyan {
    background-color: #57c7d4;
}

.bg-brown {
    background-color: #8d6658;
}

.bg-primary {
    background-color: #33cabb;
}

.bg-info {
    background-color: #3394fe;
}

.bg-danger {
    background-color: #fa3534;
}

.bg-dark {
    background-color: #465161;
}

.bg-pink {
    background-color: #f96197;
}

.bg-yellow {
    background-color: #fcc525;
}

.bg-08a0ff {
    background-color: #0079fe;
}

.ZuColour {
    background-color: #25bfa7;
}

.ShouColour {
    background-color: #fe3971;
}

.ZuShouColour {
    background-color: #ff8704;
}

.NewColour {
    background-color: #f77373;
}

.layer_fixed, body.filter_show {
    top: 0;
    left: 0;
    overflow: hidden;
    bottom: 0;
    right: 0
}

    .flexbox, .layer_fixed .top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox
    }

.hero .page-title .subtitle, .hero .page-title p, .hero .page-title > h1 {
    text-shadow: 0 .125rem .25rem rgba(0,0,0,.15)
}

body.filter_show {
    position: absolute
}

.layer_fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 1000
}

.tab_bar.stick_fixed {
    z-index: 1
}

.tab_bar {
    background: #F9F9F9
}

    .tab_bar .order {
        width: 2.875rem;
        flex-shrink: 0;
        text-align: center;
        position: relative
    }

        .tab_bar .order:after {
            content: " ";
            position: absolute;
            left: 50%;
            top: 50%;
            height: 1rem;
            width: 1rem;
            background-image: url("../Images/sprite.svg?version=fdzfgougml");
            background-repeat: no-repeat;
            background-size: 100%;
            -webkit-transform: translate3D(-.5rem,-.5rem,0) scale(1.4);
            transform: translate3D(-.5rem,-.5rem,0) scale(1.4);
            background-position-y: -23.875rem
        }

        .tab_bar .order.active:after {
            background-position-y: -30.8125rem
        }

.flex_grow {
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.flexbox {
    display: flex
}

    .flexbox .box_col {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.icon_triangle_down {
    -webkit-transform: translate3D(.3125rem,-.125rem,0);
    transform: translate3D(.3125rem,-.125rem,0)
}

.tab_bar {
    height: 4rem;
    line-height: 4rem;
    background-color: #fff;
    border-bottom: none
}

    .tab_bar .tab_tit {
        position: relative;
        text-align: center;
        font-size: .875rem;
        overflow: hidden
    }

        .tab_bar .tab_tit .iconfont {
            font-size: 1.3rem;
            color: #999;
        }

        .tab_bar .tab_tit.active .iconfont {
            color: #32dab9;
        }

        .tab_bar .tab_tit > .tit {
            display: inline-block;
            vertical-align: middle;
            overflow: hidden;
            font-size: 1.3rem;
        }

        .tab_bar .tab_tit .icon_triangle_down {
            color: gray;
            vertical-align: middle
        }

        .tab_bar .tab_tit.active, .tab_bar .tab_tit.active .icon_triangle_down {
            background-position-y: -7.725rem;
            color: #32dab9
        }

.layer_fixed .content {
    position: absolute;
    background: #fff;
    top: 4rem;
    width: 100%;
    color: #394043
}

    .layer_fixed .content a {
        color: #394043
    }

    .layer_fixed .content .li a {
        color: #394043;
        line-height: 4rem;
        display: block;
        border-bottom: 1px solid #e5e5e5
    }

.layer_fixed.b .content {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-animation: fixedIn .3s ease;
    -moz-animation: fixedIn .3s ease;
    -o-animation: fixedIn .3s ease;
    animation: fixedIn .3s ease
}

.layer_fixed .top {
    height: 2.5rem;
    line-height: 2.5rem;
    display: flex
}

.filter_box .area_list, .layer_fixed .pic_lists {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.layer_fixed .top .opt {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center
}

.layer_fixed .top .title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #999
}

.layer_fixed .lists {
    padding-left: 1.25rem
}

    .layer_fixed .lists li {
        line-height: 2.5;
        border-bottom: 1px solid #e5e5e5;
        font-size: .9375rem
    }

        .layer_fixed .lists li.active, .layer_fixed .lists li.active a {
            color: #00ae66
        }

.layer_fixed .pic_box {
    position: absolute;
    top: 2.5rem;
    left: 0;
    right: 0
}

.layer_fixed .pic_lists {
    height: 100%;
    display: flex
}

    .layer_fixed .pic_lists .pic {
        position: relative;
        height: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }

.layer_fixed .pic img {
    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%)
}

@-webkit-keyframes fixedIn {
    0% {
        -webkit-transform: translateY(110%)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fixedIn {
    0% {
        -moz-transform: translateY(110%);
        transform: translateY(110%)
    }

    100% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes fixedIn {
    0% {
        -o-transform: translateY(110%);
        transform: translateY(110%)
    }

    100% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fixedIn {
    0% {
        -webkit-transform: translateY(110%);
        -moz-transform: translateY(110%);
        -o-transform: translateY(110%);
        transform: translateY(110%)
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.filter_box .tab_bar {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    z-index: 10
}

.filter_box .filter_item {
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: transform .5s ease,-moz-transform .5s ease;
    -o-transition: transform .5s ease,-o-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease,-moz-transform .5s ease,-o-transform .5s ease;
    -webkit-transform: translate3d(0,-100%,0);
    -moz-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    opacity: 0;
    z-index: 1
}

.filter_box .area_list, .filter_box .model_list, .filter_box .more_list, .filter_box .price_list {
    width: 100%;
    max-height: 30rem;
    background: #fff;
    overflow: auto
}

.filter_box .more_list {
    max-height: 17.5rem
}

.filter_box .area_list {
    display: flex
}

.filter_box .filter_item.active {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    z-index: 2
}

.filter_box .filter_item .cont, .filter_box .filter_item .guide, .filter_box .filter_item .nav {
    overflow-y: auto;
    overflow-x: hidden;
    border-right: none !important
}

.filter_box .lists_area.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.filter_box .filter_item li {
    line-height: 3.125rem;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.3rem;
    padding-left: 2rem;
}

    .filter_box .filter_item li.active a {
        color: #32dab9;
        -webkit-tap-highlight-color: transparent;
        /*background: #D9F3E8;*/
    }

    .filter_box .filter_item li.active .btn {
        color: #fff;
        -webkit-tap-highlight-color: transparent
    }

.filter_box .filter_item .guide, .filter_box .filter_item .nav {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.1875rem;
    border-right: 1px solid #e5e5e5;
    background: #f9f9f9
}

.filter_box .filter_item .nav {
    background: #fff
}

    .filter_box .filter_item .nav li {
        /*border-bottom: none !important*/
    }

        .filter_box .filter_item .nav li.active {
            background: #fff;
            margin-right: -1px
        }

        .filter_box .filter_item .nav li:first-child {
            border-top: 0
        }

.filter_box .filter_item .cont {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.1875rem;
    background: #f9f9f9
}

    .filter_box .filter_item .cont li, .filter_box .filter_item .guide li {
        /*border-bottom: none !important;*/
        position: relative;
        background: #F9F9F9
    }

        .filter_box .filter_item .cont li.mult, .filter_box .filter_item .guide li.mult {
            border-bottom: none !important;
            position: relative;
            background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAAUklEQVR4Ae3VOQEAQQgDwEhACk4XgyESFgX3Obi/IqkHOoCMI2euFzs5ZGDkeq8MsHKV42Lkx3YcM3Ajh2vcuHHj/3Hj+0ef9ezdyBisy7AYsg2cbp3yKncnfQAAAABJRU5ErkJggg==) 80% center no-repeat;
            background-size: .9375rem .9375rem
        }

            .filter_box .filter_item .cont li.mult.active, .filter_box .filter_item .guide li.mult.active {
                border-bottom: none !important;
                position: relative;
                background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAPFBMVEUAAAAAr2AArmYAr2UArWYArWUArmUArmUArmUArWYArWUArmYArmUAr2gArWYAr2QArWYArmUArWUArmbHRGgfAAAAE3RSTlMAEKAw8GDPkO+Pn9CwIIBAcMDgP/MWjgAAAIJJREFUeF7N0zkWxDAIBNHGSJY861L3v+sERHgentSV/oSAlm2TormZBnUMNVxFzhSoDM7Hdsi2XixzVlgLDqVn9r7TxJ3pim6hia8w49wlNPO9wWqhPLRnPYFL6KJfVgdeSRNrAZJm1ju0YvuEFixvoQXLT/VMxzNo/0Zko1XYhn0BNtYUGVhIZlYAAAAASUVORK5CYII=) 80% center no-repeat;
                background-size: .9375rem .9375rem
            }

.filter_box .filter_item .guide {
    padding-left: 0 !important
}

    .filter_box .filter_item .guide li {
        padding-left: 1.1875rem
    }

        .filter_box .filter_item .guide li.disable:before {
            content: ' ';
            width: .125rem;
            background: #394043;
            height: 1rem;
            display: block;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -.5rem
        }

        .filter_box .filter_item .guide li.disable a {
            color: #9C9FA1
        }

        .filter_box .filter_item .cont li.active, .filter_box .filter_item .guide li.active {
            color: #00AE66
        }

.filter_box .filter_item .level2.active, .filter_box .filter_item .level3.active {
    display: block
}

.stick_fixed {
    width: 100%;
    position: fixed;
    top: 0
}

.lists_price .price_list {
    width: 100%;
    padding-left: 1.25rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lists_model .model_list, .lists_more .item_cont .val {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.lists_price .price_list li {
    height: 3.125rem;
    line-height: 3.125rem;
    border-bottom: 1px solid #e5e5e5
}

    .lists_price .price_list li:last-child {
        border-bottom: 0
    }

.lists_price li > * {
    vertical-align: middle
}

.lists_price li > span {
    margin-right: .9375rem
}

.lists_price .input {
    width: 2.1875rem;
    height: 1.125rem;
    line-height: 1.125rem;
    padding: 0 .125rem;
    font-size: .6875rem;
    border: 0;
    background: #f5f5f5;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    text-align: center
}

.lists_area .opt_box, .lists_model .opt_box, .lists_more .opt_box, .lists_price .opt_box, .opt_box + .lists_model .model_list {
    border-top: 1px solid #e5e5e5
}

.lists_price .connect {
    padding: 0 .3125rem;
    color: #c5c5c5
}

.lists_model .btn, .lists_price .btn {
    background-color: #00ae66;
    color: #fff
}

.lists_price .btn {
    display: inline-block;
    width: 2.0625rem;
    height: 1rem;
    line-height: 1rem;
    margin-left: .625rem;
    font-size: .625rem;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem
}

.lists_model .model_list input[type=checkbox] {
    margin-top: .8125rem;
    margin-right: 1.25rem
}

.lists_more .item {
    padding: 1.25rem .78125rem 0
}

    .lists_more .item:last-child, .lists_more .item:last-child .bottom {
        border-bottom: none
    }

    .lists_more .item .bottom {
        margin: 0 -.78125rem 0 .46875rem;
        height: 1.25rem;
        border-bottom: 1px solid #e5e5e5
    }

.lists_more .item_tit {
    font-size: 1.8rem;
    font-weight: 400;
    padding-left: .46875rem;
    line-height: 1;
    margin-bottom: .3125rem
}

.lists_more .item_cont .value_lists {
    overflow: hidden;
    padding-bottom: .125rem
}

.lists_more .item_cont .val {
    height: 1.5625rem;
    line-height: 1.5625rem;
    margin: .875rem 0 0;
    font-size: .8125rem;
    text-align: center;
    color: #34495e;
    box-sizing: border-box;
}

    .lists_more .item_cont .val input {
        width: 100%;
        background: #F5F5F5;
    }

@media only screen and (max-device-width :231px) {
    .lists_more .item_cont .val {
        width: 50%
    }
}

@media only screen and (min-device-width:231px) and (max-device-width :321px) {
    .lists_more .item_cont .val {
        width: 33.33%
    }

    .area_list, .model_list {
        height: 17.25rem
    }
}

.lists_more .item_cont .val a {
    display: block;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    overflow: hidden;
    white-space: nowrap;
    background: #F5F5F5;
    font-size: 1.4rem;
}

.lists_more .item_cont .val.active {
    color: #00AE66;
    background: #D9F3E8
}

.lists_model .model_list li, .lists_price .price_list li {
    background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAAUklEQVR4Ae3VOQEAQQgDwEhACk4XgyESFgX3Obi/IqkHOoCMI2euFzs5ZGDkeq8MsHKV42Lkx3YcM3Ajh2vcuHHj/3Hj+0ef9ezdyBisy7AYsg2cbp3yKncnfQAAAABJRU5ErkJggg==) 92% center no-repeat;
    -moz-background-size: .9375rem .9375rem;
    -o-background-size: .9375rem .9375rem;
    background-size: .9375rem .9375rem
}

    .lists_model .model_list li.active, .lists_price .price_list li.active {
        background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAPFBMVEUAAAAAr2AArmYAr2UArWYArWUArmUArmUArmUArWYArWUArmYArmUAr2gArWYAr2QArWYArmUArWUArmbHRGgfAAAAE3RSTlMAEKAw8GDPkO+Pn9CwIIBAcMDgP/MWjgAAAIJJREFUeF7N0zkWxDAIBNHGSJY861L3v+sERHgentSV/oSAlm2TormZBnUMNVxFzhSoDM7Hdsi2XixzVlgLDqVn9r7TxJ3pim6hia8w49wlNPO9wWqhPLRnPYFL6KJfVgdeSRNrAZJm1ju0YvuEFixvoQXLT/VMxzNo/0Zko1XYhn0BNtYUGVhIZlYAAAAASUVORK5CYII=) 92% center no-repeat;
        -moz-background-size: .9375rem .9375rem;
        -o-background-size: .9375rem .9375rem;
        background-size: .9375rem .9375rem
    }

    .lists_price .price_list li, .lists_price .price_list li.active {
        background: 0 0
    }

.lists_more .item_tip {
    color: #9c9fa1;
    font-size: .6875rem;
    line-height: 1.25rem;
    margin: .96875rem 0 -.28125rem
}

.lists_more .opt_box {
    display: -webkit-flex;
    display: flex;
    padding: 1rem
}

.opt_box .btn {
    display: block;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
    padding: 1rem;
    vertical-align: middle;
    line-height: 1;
    font-size: 1.3rem;
    margin: 0 .3125rem
}

.lists_price .opt_box .btn-confirm, .opt_box .input-box {
    font-size: 1.3rem;
    line-height: 3rem;
    height: 3rem
}

.opt_box .btn.btn-cancel {
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #6B7072 !important;
    border-radius: .125rem
}

.opt_box .btn.btn-confirm {
    background: #32dab9;
    border-radius: .125rem;
    color: #fff !important
}

.opt_box .input-box {
    flex-grow: 1;
    text-align: center;
    background: #F5F5F5;
    border-radius: .125rem;
    color: #9C9FA1 !important;
    max-width: 8rem
}

.lists_price .opt_box {
    padding: 1rem;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

    .lists_price .opt_box .btn-confirm {
        padding: 0;
        display: block;
        max-width: 7.625rem
    }

.lists_area .opt_box {
    padding: .6875rem .9375rem
}

.lists_model .opt_box {
    display: -webkit-flex;
    display: flex;
    padding: .75rem .9375rem
}

.lists_model .model_list {
    width: 100%;
    padding-left: 1.25rem;
    box-sizing: border-box
}

    .lists_model .model_list li {
        height: 4rem;
        line-height: 4rem;
        border-bottom: 1px solid #e5e5e5
    }

        .lists_model .model_list li:last-child {
            border-bottom: 0
        }

        .lists_model .model_list li label {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex
        }

    .lists_model .model_list .model {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .lists_model .model_list input[type=checkbox] {
        margin-top: .8125rem;
        margin-right: 1.25rem
    }

.lists_model .btn_link {
    background: 0 0;
    color: #00ae66
}

.selected-condition.invisable {
    height: 0;
    opacity: 0
}

.selected-condition.subscribe {
    height: 3.375rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.12)
}

.selected-condition .selected-subscribe-container {
    display: flex;
    padding: 0 1.5rem;
    height: 100%
}

    .selected-condition .selected-subscribe-container .condition-item {
        display: inline
    }

        .selected-condition .selected-subscribe-container .condition-item:after {
            content: "/"
        }

        .selected-condition .selected-subscribe-container .condition-item:last-child:after {
            display: none
        }

    .selected-condition .selected-subscribe-container .app-btn {
        font-size: .8125rem;
        color: #00AE66;
        letter-spacing: 0;
        padding: .4375rem 1rem;
        border: 2px solid #00AE66;
        border-radius: 1.75rem;
        line-height: 1
    }

.selected-condition.zoomout {
    padding-bottom: .9375rem
}

    .selected-condition.zoomout .condition-container {
        margin-left: 3.3rem;
        -webkit-transform: scale(1.25) translateY(12.5%);
        transform: scale(1.25) translateY(12.5%)
    }

.selected-condition {
    height: 2.625rem;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.12);
    background: #fff;
    overflow: hidden;
    overflow-x: auto
}

    .selected-condition .condition-container {
        height: 100%;
        margin: 0 .9375rem
    }

        .selected-condition .condition-container .condition-item {
            vertical-align: middle;
            display: block;
            height: 100%;
            position: relative;
            padding: 0 .3125rem
        }

            .selected-condition .condition-container .condition-item:after {
                vertical-align: middle;
                display: inline-block;
                height: .5625rem;
                width: .5625rem;
                right: .625rem;
                top: 50%;
                margin-top: -.3125rem;
                content: " ";
                position: absolute;
                background-image: url("../Images/sprite.svg?version=fdzfgougml");
                background-repeat: no-repeat;
                background-size: 100%;
                background-position-y: -5.5rem;
                transform: scale(1.5)
            }

            .selected-condition .condition-container .condition-item:before {
                vertical-align: middle;
                display: inline-block;
                height: 100%;
                content: " "
            }

            .selected-condition .condition-container .condition-item .condition-text {
                vertical-align: middle;
                display: inline-block;
                white-space: nowrap;
                background: #EBECEC;
                padding: .3125rem 1.25rem .3125rem .3125rem;
                line-height: 1;
                color: #6B7072;
                font-size: .8125rem
            }

.no-result {
    padding: .625rem 1.5rem 1.25rem
}

    .no-result > * {
        line-height: 1
    }

    .no-result .no-result-icon {
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        margin-bottom: .875rem;
        background-image: url("../Images/sprite.svg?version=fdzfgougml");
        background-repeat: no-repeat;
        background-size: 100%;
        -webkit-transform: translate3d(.6rem,0,0) scale(1.4);
        transform: translate3d(.6rem,0,0) scale(1.4);
        background-position-y: -57rem
    }

    .no-result .no-result-title {
        font-size: 1rem;
        color: #6B7072;
        padding-left: 1.4375rem;
        line-height: 1.375rem;
        background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAABGdBTUEAALGPC/xhBQAABLZJREFUWAnNWD1sFEcU3pnzGWxMgeKAQHGFLWHgjJ1QpI2SJpEixF8o6SgiKkiZYH5a6BBFOgqKBEgURQpV+hR2/HM2tmS7MnIMAiEFCyPOvuF9c/etxruzu3frFWIl+828ee+bb/7evLkgaH4T03P3JqfnLqGq8O/f6ccGkp+GBSuUWkzHWaH0urMxmKg+fsWKmqjO1Y0xqtRV7ttcry1rpU5rKGBxbGDgCaRYPNQoRD+xVlehJNdPhw4r6wolsVF2PziNVAaveWkCgWh00oL0Pytp0ovIobmOIcfJ6twpDM9tRBk0IENDVKrVhYMbZuMv0a7IAL6Ajp81xMRh1FS6koh2Il0j8XzkGnL0sWnwTo3WN7xL4yKiXK/Xf2rJEMYxQ25MNLqfbIBgzVWYwHzl1lEudXfus9PDkUUNWMcAbdecKzZQSm9P2WYR2UAp8zoqi3CVdZ8E5U7du//Ikb1bqIeAaavoA3R1KlD3R4YGv4POAmYx4nBamhtswKzhuWzSyuhQ292cZtVmm8bRaNMn1bylfZOK4DTK4szY/bWj1Lvb0ceKCBlcmFhjU4G9KCtdCbcN9BKif5UjcDbJKUn/8Z7d3X19feto3wLoOsiK3ZD6j66OZTu07vKXx/r7n1FHmQgIA5xsifbfBoE5HhiFxRvrUB1XKpWBJQJEZQxwdvZZz9v68/+MCXqixm6dkd/VobwFMOvExJyVMsNHD5UEPLwvQ8C8C4JOJMTjgrOgdtvgskhbXWwb6XlLNHfZTs7Mb7JuAX03Dw0gcQGPDB3+xtW55WakGoVON7eH256rzAADht69lgcVkcsOOY+zz0ci1/VCAaWT48UCqmB/sYCS6rUMmHRju3MpW/tPJSekKpv6qNuQt4yYqbWEoSyArJMCf6YWGjEN0TYNFCdFd5UvpNng0rfANMq6c2nnk24oCxcFYdxnnKWzWYNkxLQLwxcVkrOvSnDdx3qaRAo/XBn8zbWJAaJxanFxb/117e+k1deSW0pgveICsewFZGNUoiPzZuOiqZuTSZ1FfVjHxaa0+l3t7Ljtu9xoF5WZBJvB/E6r0xrtIKmOnSqkv48uQdTeS3B5ebnr+cu1u2m3TBRoO3VsvN49PeeZe7hYMYLtXswu2HbL7nEjVkiwmX4s5l1KRCO+dacWFj7BQ5idtCOx9BJk+vmysATtKVt/u5SVG6V1FM1Ftxe4gjXd1XkQh8kGLhsCMhK3NHJFt2GiwAm42qanBd1ORRJFGAM33cidi4QuDgvcZIklsf9gPyM5V+PV8WFSFG44JGNFsJtaXd1FHLdMXU45ppBc10xtMSdAxE3901CYzyMNuaplVe7XeEwim8iFEHMCsWLIgZPlhj6Q6uCaifXXhoI/HCBgo9yGa8wUXJh+hVcdrBqZS/AAr7+YV4ZCHB4xT66v136Wx+3XGS6xZiGGjs+4GU6MCMhNVud/eV+ZDFkioxmuHDoHktRBxgiy0RKdmUeWO5pnRomTJptkrslyXo8So18iQRpANjKdF5flAPywnYQCWI33lbrZqT+6xYwF+qSvJYI+Z4SnTbNxQtbjM1mHA4GRP2UOWFsEf/xmaIIV6WC8pDr+SPvpyYdP3Tt2kvcC8672CwAAAABJRU5ErkJggg==) 0 .0625rem no-repeat;
        background-size: 1.125rem 1.125rem
    }

.no-result-title a, .no-result-title span {
    color: #00AE66
}

.result-want {
    margin-top: .375rem;
    overflow: hidden;
    padding: 0 1.5625rem 0 1.4375rem
}

    .result-want li {
        float: left;
        margin-right: 1rem;
        line-height: 1.875rem
    }

        .result-want li a {
            font-size: 1rem;
            color: #00AE66;
            line-height: 1.875rem
        }

.toast-inline {
    background: #f5f5f5;
    color: #9c9fa1;
    line-height: 2.5rem;
    font-size: .75rem;
    text-align: center
}

.list-you-like-line, .list-you-like-line .text {
    background: #fff;
    font-size: .8125rem;
    position: relative;
    text-align: center
}

.toast-inline.active {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    margin-bottom: 0;
    margin-top: 0
}

.toast-inline.inactive {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    margin-bottom: -1.25rem;
    margin-top: -1.25rem
}

.res-body {
    padding: 0 1.25rem
}

.list-you-like-line {
    margin: -.375rem -1.25rem 0
}

    .list-you-like-line .text {
        padding: 0 .625rem;
        color: #9C9FA1
    }

    .list-you-like-line:before {
        content: ' ';
        background: #E5E5E5;
        position: absolute;
        height: 1px;
        left: 0;
        top: 50%;
        width: 100%
    }

.resblock-list .resblock-list-item.no-bottom-border {
    border-bottom: none
}

.resblock-list .resblock-list-item .resblock-info .features {
    position: absolute;
    left: 0;
    bottom: .3125rem;
    font-size: 0;
    color: #fff;
    overflow: hidden;
    height: 1.25rem;
    padding-left: .3125rem;
    padding-right: .3125rem;
    z-index: 1;
    max-width: 3rem
}

    .resblock-list .resblock-list-item .resblock-info .features .icon {
        display: inline-block;
        margin-right: .15625rem;
        width: 1.25rem;
        height: 1.25rem;
        background: url("../Images/sprite.svg?version=fdzfgougml") no-repeat;
        background-size: 140%
    }

        .resblock-list .resblock-list-item .resblock-info .features .icon.vr {
            background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uLXZyQDF4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTExLDIxLjI1IEM1LjMzOTA4MTMxLDIxLjI1IDAuNzUsMTYuNjYwOTE4NyAwLjc1LDExIEMwLjc1LDUuMzM5MDgxMzEgNS4zMzkwODEzMSwwLjc1IDExLDAuNzUgQzE2LjY2MDkxODcsMC43NSAyMS4yNSw1LjMzOTA4MTMxIDIxLjI1LDExIEMyMS4yNSwxNi42NjA5MTg3IDE2LjY2MDkxODcsMjEuMjUgMTEsMjEuMjUgWiBNMTEsMjAuNzUgQzE2LjM4NDc3NjMsMjAuNzUgMjAuNzUsMTYuMzg0Nzc2MyAyMC43NSwxMSBDMjAuNzUsNS42MTUyMjM2OSAxNi4zODQ3NzYzLDEuMjUgMTEsMS4yNSBDNS42MTUyMjM2OSwxLjI1IDEuMjUsNS42MTUyMjM2OSAxLjI1LDExIEMxLjI1LDE2LjM4NDc3NjMgNS42MTUyMjM2OSwyMC43NSAxMSwyMC43NSBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICAgICAgPGZpbHRlciB4PSItMjkuMyUiIHk9Ii0yOS4zJSIgd2lkdGg9IjE1OC41JSIgaGVpZ2h0PSIxNTguNSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0yIj4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSIwIiBkeT0iMCIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW49InNoYWRvd0JsdXJPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbXBvc2l0ZT4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgICAwIDAgMCAwIDAgICAwIDAgMCAwIDAgIDAgMCAwIDAuMiAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGZpbHRlciB4PSItNjAuMCUiIHk9Ii00Ni4yJSIgd2lkdGg9IjIyMC4wJSIgaGVpZ2h0PSIxOTIuMyUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0zIj4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSIwIiBkeT0iMCIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xNSAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiByZXN1bHQ9InNoYWRvd01hdHJpeE91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgICAgICA8ZmVNZXJnZT4KICAgICAgICAgICAgICAgIDxmZU1lcmdlTm9kZSBpbj0ic2hhZG93TWF0cml4T3V0ZXIxIj48L2ZlTWVyZ2VOb2RlPgogICAgICAgICAgICAgICAgPGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIj48L2ZlTWVyZ2VOb2RlPgogICAgICAgICAgICA8L2ZlTWVyZ2U+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPHBhdGggZD0iTTQuODE4MzY5NTIsMC41NjM0NDA0MDggTDQuODE4MzY5NTIsOC4wNTA1MDExMiBDNC44MTgzNjk1Miw4LjQzODY1MTE3IDQuNjAwNDY0NzYsOC43OTM0MTczMyA0LjI1NTM4Mjg2LDguOTY3MDEzNTggTDAuNzEyMDUzMzMzLDEwLjc0OTUxNDIgQzAuMzg0ODk5MDQ4LDEwLjkxNDE0MTcgMCwxMC42NzQ3NzQxIDAsMTAuMzA2NzU0MSBMMCwyLjgxOTY5MzM3IEMwLDIuNDMxNTQzMzIgMC4yMTgwMDM4MSwyLjA3NjY3NzUxIDAuNTYyOTg2NjY3LDEuOTAzMTgwOTIgTDQuMTA2MzE2MTksMC4xMjA2ODAyODUgQzQuMTc3MzQyNTYsMC4wODQ5MjgyNTQ0IDQuMjUxMTAxNjUsMC4wNjgyMjk2NDIgNC4zMjMwNTY3NywwLjA2Nzc2NDMyMjEgQzQuNTg2MTc3MTEsMC4wNjk0MjU1MzE5IDQuODE4MzY5NTIsMC4yNzc2Mzc3OCA0LjgxODM2OTUyLDAuNTYzNDQwNDA4IFoiIGlkPSJwYXRoLTQiPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNNy41NjE4MTIyNywxLjY5OTM0NTAyIEw0LjA4OTM0OTMzLDMuNDk4MjQ5NzEgQzMuNzUxMjY2MTMsMy42NzM1NTM5MSAzLjUzNzYyMjQsNC4wMzE2MDQ5NCAzLjUzNzYyMjQsNC40MjMzNDg5NyBMMy41Mzc2MjI0LDExLjk3OTczNDMgQzMuNTM3NjIyNCwxMi4zNTEwNjE0IDMuOTE0OTIwNTMsMTIuNTkyNjQ1MyA0LjIzNTQzNDY3LDEyLjQyNjU5NDEgTDcuNzA3ODk3NiwxMC42Mjc1ODg4IEM4LjA0MjI5MjI3LDEwLjQ1NDI5NjEgOC4yNTQ5NjUzMywxMC4xMDIxNzkxIDguMjU5NjI0NTMsOS43MTU1NjQ0NCBMOC4yNTk2MjQ1MywyLjEzNzA1MjM1IEM4LjI1NDc3MTIsMS44NTIyMjA3NCA4LjAyNzYzNTIsMS42NDU5MzkwOSA3Ljc3NzMwMDI3LDEuNjQ1OTM5MDkgQzcuNzA1NzYyMTMsMS42NDU5MzkwOSA3LjYzMjQ3NjgsMS42NjI3MzUzMSA3LjU2MTgxMjI3LDEuNjk5MzQ1MDIiIGlkPSJwYXRoLTYiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJpUGhvbmUtOCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYyLjAwMDAwMCwgLTIyOC4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaWNvbi12ciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjUuMDAwMDAwLCAyMzEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJPdmFsLTMiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPHVzZSBmaWxsLW9wYWNpdHk9IjAuODA0NTE3NjYzIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiBmaWx0ZXI9InVybCgjZmlsdGVyLTMpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTUiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTQiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPHVzZSBpZD0iaWNvbi1sZWZ0IiBmaWxsLW9wYWNpdHk9IjAuOCIgZmlsbD0iI0ZGRkZGRiIgeGxpbms6aHJlZj0iI3BhdGgtNCI+PC91c2U+CiAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay03IiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC02Ij48L3VzZT4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDx1c2UgaWQ9Imljb24tcmlnaHQiIGZpbGw9IiNGRkZGRkYiIHhsaW5rOmhyZWY9IiNwYXRoLTYiPjwvdXNlPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNDY2NjY3LCAxLjYxNzc3OCkiPjwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center no-repeat;
            background-size: 134%
        }

        .resblock-list .resblock-list-item .resblock-info .features .icon.video {
            background-position-y: -52.5rem
        }

        .resblock-list .resblock-list-item .resblock-info .features .icon.aerial {
            background-position-y: -61.25rem
        }

        .resblock-list .resblock-list-item .resblock-info .features .icon.evaluate {
            background-position-y: -59.5rem
        }

.resblock-list .resblock-list-item .resblock-article {
    display: block;
    font-size: .8125rem;
    color: #9C9FA1;
    line-height: 2.125rem;
    background: #F9F9F9;
    padding: 0 .625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 1.25rem
}

.quick-selector-container {
    height: 4rem;
    background-color: #fff
}

    .quick-selector-container .quick-selector-ul {
        height: 100%;
        background-color: #fff;
        padding: 0 .75rem
    }

        .quick-selector-container .quick-selector-ul > li {
            padding: 0 .5rem;
            width: 25%
        }

            .quick-selector-container .quick-selector-ul > li > .quick-selector-text {
                background: #F8F8F9;
                text-align: center;
                display: block;
                width: 100%;
                padding: .6875rem 0;
                border-radius: .125rem
            }

                .quick-selector-container .quick-selector-ul > li > .quick-selector-text.active {
                    background: #FFF;
                    font-weight: 600;
                    border: 2px solid #101D37
                }

.visit-history-text {
    display: none;
    margin-top: .625rem;
    font-size: .6875rem;
    color: #9C9FA1;
    line-height: 1
}

.resblock-list-ad-title {
    overflow: hidden
}

.resblock-list .resblock-list-item .resblock-list-ad-title h2 {
    float: left;
    font-size: 1rem;
    color: #394043;
    font-weight: 700;
    max-width: 15rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.resblock-list .resblock-list-ad-title .resblock-tags-line {
    margin-top: .1875rem;
    float: right;
    padding: 0;
    height: 1rem;
    overflow: hidden;
    font-size: 0
}

    .resblock-list .resblock-list-ad-title .resblock-tags-line .tag {
        font-size: .6875rem;
        line-height: .6875rem;
        padding: .15625rem .1875rem;
        color: rgba(68,87,126,.7);
        border-radius: .125rem;
        display: inline-block;
        background: rgba(68,87,126,.08)
    }

        .resblock-list .resblock-list-ad-title .resblock-tags-line .tag.sale-status {
            color: #fff
        }

.resblock-list .resblock-list-ad-title .resblock-location-line {
    margin-left: .3125rem;
    margin-top: .1875rem;
    float: right;
    font-size: .6875rem;
    color: #9C9FA1;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis
}

.resblock-list-ad-title .resblock-location-line .tag {
    display: inline-block;
    font-size: .6875rem;
    line-height: .6875rem;
    border-radius: .125rem;
    padding: .15625rem .1875rem
}

.resblock-list-ad-title .tag.active {
    color: #0DBEEC !important;
    background: rgba(13,190,236,.15) !important
}

.resblock-list-ad-title .tag.selling {
    color: #00AE66 !important;
    background: rgba(0,174,102,.15) !important
}

.resblock-list-ad-title .tag.to-selling {
    color: #FF7326 !important;
    background: rgba(255,115,38,.15) !important
}

.resblock-list-ad-title .tag.sold-out {
    color: #9C9FA1 !important;
    background: rgba(156,159,161,.15) !important
}

.resblock-list-ad-title .tag.basement-shop {
    color: #0DBEEC !important;
    background: rgba(13,190,236,.15) !important
}

.resblock-list-ad-title .tag.commercial {
    color: #4CC1EC !important;
    background: rgba(76,193,236,.15) !important
}

.resblock-list-ad-title .tag.house {
    color: #269CFF !important;
    background: rgba(38,156,255,.15) !important
}

.resblock-list-ad-title .tag.office, .resblock-list-ad-title .tag.store, .resblock-list-ad-title .tag.villa {
    color: #6BBE1A !important;
    background: rgba(107,190,26,.15) !important
}

.resblock-list-ad-img {
    position: relative;
    margin-top: .5625rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

    .resblock-list-ad-img .ad-img-box {
        flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        width: 33.333%
    }

        .resblock-list-ad-img .ad-img-box:nth-of-type(2) {
            margin: 0 .625rem
        }

        .resblock-list-ad-img .ad-img-box img {
            width: 100%;
            border-radius: .125rem
        }

    .resblock-list-ad-img .ad-word {
        position: absolute;
        bottom: .125rem;
        right: .25rem;
        color: #fff;
        font-size: .6875rem
    }

.resblock-list-ad-info {
    font-size: 0;
    height: 1.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .5rem;
    line-height: 1.375rem
}

    .resblock-list-ad-info .resblock-price {
        display: inline-block;
        color: #FE615A;
        font-weight: 700
    }

        .resblock-list-ad-info .resblock-price .price_num {
            font-size: .9375rem
        }

        .resblock-list-ad-info .resblock-price .price_bunch {
            font-size: .8125rem
        }

    .resblock-list-ad-info .area, .resblock-list-ad-info .resblock-list-ad-price {
        font-size: .75rem;
        color: #9C9FA1;
        margin-left: .625rem
    }

body {
    background: #f5f5f5
}

section {
    background: #fff
}

.hero {
    height: 10.375rem;
    position: relative;
    background-image: -webkit-linear-gradient(0deg,#00B75F 8%,#00A268 98%);
    background-image: linear-gradient(90deg,#00B75F 8%,#00A268 98%);
    padding-top: 0
}

    .hero .hero-img {
        width: 11.0625rem;
        position: absolute;
        right: 0;
        bottom: 1.25rem
    }

        .hero .hero-img img {
            width: 100%
        }

    .hero .page-title {
        position: absolute;
        left: 1.5626rem;
        top: 2.75rem
    }

        .hero .page-title > * {
            line-height: 1
        }

        .hero .page-title > h1 {
            font-weight: 600;
            font-size: 1.875rem;
            color: #FFF;
            letter-spacing: 0;
            line-height: 2.625rem;
            margin-bottom: .25rem
        }

        .hero .page-title .subtitle, .hero .page-title .subtitle > .split-line, .hero .page-title .subtitle > span, .hero .page-title p {
            font-size: .9375rem;
            color: #FFF;
            line-height: 1.3125rem;
            letter-spacing: 0
        }

            .hero .page-title .subtitle > span {
                text-shadow: 0 .125rem .25rem rgba(0,0,0,.05);
                font-weight: 100
            }

            .hero .page-title .subtitle > .split-line {
                text-shadow: 0 .125rem .25rem rgba(0,0,0,.15);
                opacity: .8
            }

.search-container {
    width: 100%;
    padding: .625rem 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: padding .5s;
    -moz-transition: padding .5s;
    -ms-transition: padding .5s;
    -o-transition: padding .5s;
    transition: padding .5s;
    background-color: #f5f5f5
}

    .search-container.stick_fixed {
        position: fixed;
        top: 0;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0;
        -webkit-transform: initial;
        -moz-transform: initial;
        -ms-transform: initial;
        -o-transform: initial;
        transform: initial;
        -webkit-transition: padding .5s;
        -moz-transition: padding .5s;
        -ms-transition: padding .5s;
        -o-transition: padding .5s;
        transition: padding .5s
    }

    .search-container .search {
        height: 2rem;
        background: #FFF;
        border-radius: 6.25rem;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
        display: -webkit-flex;
        display: flex;
        transform: translate3d(0,0,0)
    }

    .search-container.stick_fixed .search {
        height: 3.125rem;
        background: #FFF;
        border-radius: 0;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
        -webkit-transition: border-radius .5s;
        -moz-transition: border-radius .5s;
        -ms-transition: border-radius .5s;
        -o-transition: border-radius .5s;
        transition: border-radius .5s
    }

    .search-container .search .city-switch, .search-container .search .input-box {
        -webkit-transition: padding .5s,width .5s;
        -moz-transition: padding .5s,width .5s;
        -ms-transition: padding .5s,width .5s;
        -o-transition: padding .5s,width .5s
    }

    .search-container .search .city-switch {
        padding: 1.125rem 0 1.125rem 1.25rem;
        line-height: 1;
        transition: padding .5s,width .5s
    }

    .search-container.stick_fixed .search .city-switch {
        width: 0 !important;
        padding: 1.125rem 0;
        overflow: hidden;
        white-space: nowrap;
        color: transparent;
        -webkit-transition: padding-left .5s,padding-right .5s,width .5s,color .2s;
        -moz-transition: padding-left .5s,padding-right .5s,width .5s,color .2s;
        -ms-transition: padding-left .5s,padding-right .5s,width .5s,color .2s;
        -o-transition: padding-left .5s,padding-right .5s,width .5s,color .2s;
        transition: padding-left .5s,padding-right .5s,width .5s,color .2s
    }

    .search-container .search .input-box .placeholder {
        color: #9C9FA1;
        font-size: .8125rem;
        line-height: 1;
        white-space: nowrap;
        padding-left: .25rem
    }

    .search-container .search .input-box {
        padding: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        border-bottom-right-radius: .25rem;
        border-top-right-radius: .25rem;
        transition: padding .5s,width .5s;
        background-clip: content-box;
        position: relative
    }

    .search-container.stick_fixed .search .input-box {
        width: 100%;
        padding: .625rem 1.25rem;
        -webkit-transition: padding .5s,width .5s;
        -moz-transition: padding .5s,width .5s;
        -ms-transition: padding .5s,width .5s;
        -o-transition: padding .5s,width .5s;
        transition: padding .5s,width .5s;
        background-clip: content-box
    }

    .search-container .search .input-box .indicator {
        position: absolute;
        left: 95%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-transition: left .5s,transform .5s;
        -moz-transition: left .5s,transform .5s;
        -ms-transition: left .5s,transform .5s;
        -o-transition: left .5s,transform .5s;
        transition: left .5s,transform .5s;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        max-width: 100%
    }

    .search-container.stick_fixed .search .input-box .indicator {
        position: absolute;
        left: 2rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: left .5s,transform .5s;
        -moz-transition: left .5s,transform .5s;
        -ms-transition: left .5s,transform .5s;
        -o-transition: left .5s,transform .5s;
        transition: left .5s,transform .5s
    }

    .search-container .search .input-box input {
        text-align: center;
        height: 2rem;
        width: 100%;
        background: #fff;
        -webkit-transition: padding .5s,width .5s,height .5s;
        -moz-transition: padding .5s,width .5s,height .5s;
        -ms-transition: padding .5s,width .5s,height .5s;
        -o-transition: padding .5s,width .5s,height .5s;
        transition: padding .5s,width .5s,height .5s;
        border-radius: 6.25rem;
        font-size: .75rem
    }

    .search-container.stick_fixed .search .input-box input {
        padding-left: 1.5625rem;
        border-radius: .3125rem;
        text-align: left;
        height: 1.875rem;
        background: #F0F0F0;
        width: 100%;
        -webkit-transition: padding .5s,width .5s,height .5s,background .5s;
        -moz-transition: padding .5s,width .5s,height .5s,background .5s;
        -ms-transition: padding .5s,width .5s,height .5s,background .5s;
        -o-transition: padding .5s,width .5s,height .5s,background .5s;
        transition: padding .5s,width .5s,height .5s,background .5s
    }

    .search-container .search .city-switch:after {
        width: 5rem;
        padding: 1.25rem;
        line-height: 1
    }

    .search-container .input-box .indicator .icon_search {
        -webkit-transform: scale(1);
        transform: scale(1);
        width: .6875rem;
        height: .6875rem;
        background: url("../Images/search.svg?version=fdzfgougml") no-repeat;
        background-size: 100% 100%
    }

    .search-container .sug {
        position: absolute
    }

    .search-container.stick_fixed .sug {
        position: absolute;
        padding: 0 1.25rem
    }

.occupy {
    -webkit-transition: padding .5s;
    -moz-transition: padding .5s;
    -ms-transition: padding .5s;
    -o-transition: padding .5s;
    transition: padding .5s
}

.stick_fixed {
    z-index: 1001
}

.search-city-name {
    border-right: solid 1px #E5E5E5;
    padding-right: 1.6875rem;
    font-size: .875rem;
    color: #394043;
    line-height: 1;
    position: relative;
    white-space: nowrap;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

    .search-city-name:after {
        content: " ";
        height: 0;
        width: 0;
        display: block;
        position: absolute;
        right: .9375rem;
        top: 50%;
        -webkit-transform: scaleY(1.333);
        transform: scaleY(1.333);
        margin-top: -.09375rem;
        border: .1875rem solid #6B7072;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent
    }

.search-container.stick_fixed .search-city-name {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.icons {
    padding: 0 .9375rem 1.375rem;
    margin-bottom: .625rem;
    box-shadow: 0 .0625rem .125rem 0 rgba(0,0,0,.05)
}

    .icons .icon-container {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: .9375rem
    }

        .icons .icon-container:first-child {
            padding-top: 20px;
        }

        .icons .icon-container .icon-item {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            width: 20%;
            box-sizing: border-box
        }

    .icons .icon-item .icon-text {
        font-family: PingFangSC-Regular;
        font-size: .8125rem;
        color: #394043;
        letter-spacing: 0;
        line-height: 1;
        margin-top: .5rem
    }

.my-message {
    padding-top: 1.25rem;
    display: -webkit-flex;
    display: flex;
    margin-bottom: -.125rem
}

    .my-message .message-avatar {
        display: block;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        padding-right: .625rem;
        border-right: 1px solid #E5E5E5;
        margin-right: .625rem;
        height: 2.125rem;
        width: 2.125rem
    }

        .my-message .message-avatar img {
            display: block;
            height: 2.125rem;
            width: 2.125rem
        }

    .my-message .message-container {
        height: 2.5rem;
        overflow: hidden
    }

    .my-message li {
        display: block;
        height: 2.5rem
    }

    .my-message .message-text {
        height: 2.5rem;
        font-size: .875rem;
        color: #6B7072;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.35rem
    }

.carousel {
    position: relative
}

    .carousel .carousel-indicator-box {
        position: absolute;
        bottom: 2rem;
        height: .5rem;
        z-index: 1;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: -webkit-flex;
        display: flex
    }

        .carousel .carousel-indicator-box .carousel-dot {
            -webkit-border-radius: 50%;
            border-radius: 50%;
            width: .25rem;
            height: .25rem;
            background: rgba(255,255,255,.4);
            margin: 0 .1875rem
        }

            .carousel .carousel-indicator-box .carousel-dot.active {
                width: .5625rem;
                height: .25rem;
                -webkit-border-radius: .125rem;
                border-radius: .125rem;
                background: #fff
            }

.carousel-container {
    overflow: hidden;
    position: relative
}

.carousel-body {
    white-space: nowrap;
    font-size: 0;
    text-align: center
}

.carousel-item {
    display: inline-block;
    width: calc(100vw - 2.5rem);
    height: calc(.501492 * (100vw - 2.5rem));
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
    margin-right: .625rem;
    overflow: hidden;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    box-shadow: 0 .125rem .3125rem 0 rgba(0,0,0,.2)
}

    .carousel-item:last-child {
        margin-right: 0
    }

    .carousel-item .info {
        display: block;
        margin-right: 0
    }

        .carousel-item .info .title-line {
            -webkit-transform: none;
            transform: none;
            margin-top: 1rem;
            -webkit-transform: translateY(-.25rem);
            transform: translateY(-.25rem);
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

        .carousel-item .info .subtitle-line {
            -webkit-flex-direction: row;
            flex-direction: row;
            margin-top: .375rem;
            font-size: .8125rem;
            color: #9C9FA1;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

            .carousel-item .info .subtitle-line .date {
                margin-top: 0
            }

    .carousel-item .activity-img {
        display: block;
        position: relative
    }

.head-title-line {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 1.375rem;
    -webkit-align-items: baseline;
    align-items: baseline
}

.section-head {
    margin-bottom: .9375rem
}

    .section-head h2 {
        font-size: 1.375rem;
        color: #394043;
        letter-spacing: 0;
        line-height: 1
    }

.head-subtitle-line, .head-title-line .more {
    color: #9C9FA1;
    font-size: .8125rem;
    line-height: 1
}

.head-subtitle-line {
    margin-top: .625rem
}

.carousel-container.full-screen {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

    .carousel-container.full-screen .carousel-body {
        margin-left: 1.25rem
    }

        .carousel-container.full-screen .carousel-body .carousel-item {
            width: calc(100vw - 2.5rem);
            padding-right: .3125rem
        }

.hot-activities.regular .carousel-container {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

    .hot-activities.regular .carousel-container .carousel-body {
        margin-left: 1.25rem
    }

.hot-activities .carousel-indicator {
    -webkit-transform: translateY(.1875rem);
    transform: translateY(.1875rem)
}

    .hot-activities .carousel-indicator > * {
        line-height: 1
    }

    .hot-activities .carousel-indicator .current-id {
        font-size: 1.25rem;
        color: #394043
    }

    .hot-activities .carousel-indicator .slash {
        font-size: 1rem;
        color: #9c9fa1
    }

    .hot-activities .carousel-indicator .total-count {
        font-size: .875rem;
        color: #9c9fa1
    }

.hot-activities .carousel-item > a {
    display: block
}

.hot-activities .carousel-item img {
    width: 100%
}

.picked-house {
    padding-top: 2.375rem
}

    .picked-house .full-screen {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .picked-house .scroll-body {
        padding-bottom: .5rem;
        margin-bottom: -.5rem;
        overflow: auto
    }

    .picked-house ul {
        float: left;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        margin: 0
    }

    .picked-house li {
        flex-shrink: 0;
        flex-grow: 0;
        width: 7.5rem;
        height: 9.25rem;
        margin-left: .5rem;
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
        overflow: hidden
    }

        .picked-house li:first-child {
            margin-left: 0
        }

        .picked-house li img {
            display: block;
            width: 100%
        }

.articles > li:last-child > .article {
    border-bottom: none;
    padding-bottom: 0
}

.articles .article {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 1.125rem;
    border-bottom: 1px solid #E5E5E5;
    padding-top: 1.375rem
}

    .articles .article .img {
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        width: 5.625rem;
        height: 5.625rem;
        display: block
    }

    .articles .article .info {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        margin-right: 1.1875rem
    }

        .articles .article .info .title-line {
            font-size: 1rem;
            color: #394043;
            line-height: 1.5;
            -webkit-transform: translateY(-.25rem);
            transform: translateY(-.25rem)
        }

        .articles .article .info .subtitle-line {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-align-items: baseline;
            align-items: baseline
        }

            .articles .article .info .subtitle-line > * {
                font-size: .75rem;
                color: #9C9FA1;
                display: block;
                line-height: 1
            }

            .articles .article .info .subtitle-line .date {
                margin-top: .3125rem
            }

    .articles .article.head-article {
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-top: 0
    }

        .articles .article.head-article .img, .articles .article.head-article .img > img {
            width: 100%;
            height: initial
        }

        .articles .article.head-article .info {
            display: block;
            margin-right: 0
        }

            .articles .article.head-article .info .title-line {
                -webkit-transform: none;
                transform: none;
                margin-top: 1rem;
                -webkit-transform: translateY(-.25rem);
                transform: translateY(-.25rem)
            }

            .articles .article.head-article .info .subtitle-line {
                -webkit-flex-direction: row;
                flex-direction: row;
                margin-top: .375rem
            }

                .articles .article.head-article .info .subtitle-line .date {
                    margin-top: 0
                }

.sell-rank .carousel-container {
    margin: 0 -1.25rem
}

.sell-rank .text, .sell-rank .view-more {
    margin-right: .625rem;
    width: 1rem;
    display: inline-block
}

.sell-rank .carousel-container::-webkit-scrollbar {
    opacity: 0
}

.sell-rank .carousel-container .activity-img img {
    width: 100%
}

.sell-rank .carousel-body {
    margin-left: 1.25rem
}

.sell-rank .carousel-item .index-tag {
    position: absolute;
    background: #FA5741;
    width: 1rem;
    height: 1rem;
    color: #fff;
    text-align: center;
    line-height: 1.25rem;
    left: .3125rem;
    z-index: 1
}

    .sell-rank .carousel-item .index-tag:before {
        position: absolute;
        content: " ";
        border: .5rem solid #fa5741;
        border-right-color: transparent;
        border-bottom-color: transparent;
        top: .75rem;
        left: 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .sell-rank .carousel-item .index-tag:after {
        position: absolute;
        content: " ";
        border: .5rem solid #fa5741;
        border-left-color: transparent;
        border-bottom-color: transparent;
        top: .75rem;
        left: 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

.sell-rank .carousel-item {
    width: 10.3125rem;
    padding-right: .3125rem;
    height: initial
}

    .sell-rank .carousel-item .mask {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.3)
    }

    .sell-rank .carousel-item .info {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        z-index: 1;
        width: 100%;
        text-align: center
    }

        .sell-rank .carousel-item .info .title {
            color: #fff;
            font-size: .9375rem;
            font-weight: 700
        }

        .sell-rank .carousel-item .info .subtitle {
            color: #fff;
            font-size: .8125rem
        }

    .sell-rank .carousel-item.more {
        width: 2.5rem;
        position: relative
    }

.sell-rank .rank-title {
    font-size: 1rem;
    color: #394043;
    margin-bottom: 1rem;
    line-height: 1;
    margin-top: 1.125rem
}

.sell-rank .more-rank {
    font-size: 1rem;
    color: #394043;
    line-height: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.sell-rank .view-more {
    margin-left: .3125rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1rem;
    background: url("../Images/sprite.svg?version=fdzfgougml") no-repeat;
    background-size: 100%;
    background-position-y: -18.8125rem;
    -webkit-transform: scale(1.5) translateX(.25rem);
    transform: scale(1.5) translateX(.25rem)
}

.sell-rank .text {
    color: #9C9FA1;
    font-size: .6875rem;
    line-height: .875rem;
    padding-right: .625rem
}

.img-contaner {
    position: relative
}

    .img-contaner img {
        width: 100%
    }

    .img-contaner .icon {
        display: inline-block;
        width: 2.25rem;
        height: 2.25rem;
        position: absolute;
        top: 50%;
        left: 51%;
        -webkit-transform: translate3D(-50%,-50%,0) scale(1.5);
        transform: translate3D(-50%,-50%,0) scale(1.5);
        background: url("../Images/sprite.svg?version=fdzfgougml") no-repeat;
        background-size: 100%
    }

        .img-contaner .icon.vr {
            background-position-y: -17.625rem
        }

        .img-contaner .icon.video {
            background-position-y: -44.625rem
        }

        .img-contaner .icon.aerial {
            background-position-y: -78.375rem
        }

        .img-contaner .icon.evaluate {
            background-position-y: -59.5rem
        }

.resblock-list .resblock-list-item {
    padding: 1.25rem 0;
    border-bottom: 1px solid #E5E5E5
}

    .resblock-list .resblock-list-item:last-child {
        border-bottom: none
    }

    .resblock-list .resblock-list-item .resblock-info {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        position: relative
    }

        .resblock-list .resblock-list-item .resblock-info .activity > span {
            max-width: 7.7rem;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .resblock-list .resblock-list-item .resblock-info .activity {
            position: absolute;
            left: -.26rem;
            top: .3125rem;
            font-size: .625rem;
            color: #fff;
            background-color: #FA5741;
            line-height: 1.2rem;
            padding-left: .3125rem;
            padding-right: .3125rem;
            z-index: 1;
            max-width: 6.4rem
        }

            .resblock-list .resblock-list-item .resblock-info .activity .arrow {
                position: absolute;
                width: 0;
                height: 0;
                display: block;
                overflow: hidden;
                top: 1.18rem;
                left: 0;
                border: .13rem solid #d04e00;
                border-left-color: transparent;
                border-bottom-color: transparent
            }

        .resblock-list .resblock-list-item .resblock-info .avatar-wrapper {
            width: 7.5625rem;
            flex-shrink: 0
        }

        .resblock-list .resblock-list-item .resblock-info .avatar {
            display: block;
            position: relative;
            width: 7.5625rem;
            height: 6rem;
            -webkit-flex-shrink: 0;
            flex-shrink: 0
        }

            .resblock-list .resblock-list-item .resblock-info .avatar .tag {
                display: block;
                position: absolute
            }

        .resblock-list .resblock-list-item .resblock-info .main-info {
            overflow: hidden;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-flex-grow: 1;
            flex-grow: 1;
            padding-left: 1.125rem
        }

            .resblock-list .resblock-list-item .resblock-info .main-info .resblock-name-line {
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: flex-start;
                justify-content: flex-start
            }

                .resblock-list .resblock-list-item .resblock-info .main-info .resblock-name-line .name {
                    display: inline-block;
                    font-size: 1.4rem;
                    line-height: 1.4rem;
                    color: #394043;
                    margin-right: .25rem;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    height: 1.4rem;
                }

                .resblock-list .resblock-list-item .resblock-info .main-info .resblock-name-line .tag {
                    font-size: .6875rem;
                    color: #9C9FA1;
                    line-height: 1;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-align-items: center;
                    align-items: center;
                    padding: .125rem .3125rem;
                    background: rgba(156,159,161,.15);
                    border-radius: .125rem;
                    -webkit-flex-shrink: 0;
                    flex-shrink: 0;
                    margin-right: .3125rem
                }

            .resblock-list .resblock-list-item .resblock-info .main-info .resblock-location-line {
                font-size: .95rem;
                color: #6b7072;
                overflow: hidden;
                word-wrap: break-word;
                white-space: nowrap;
                text-overflow: ellipsis;
                -webkit-transform: translateY(.0625rem);
                transform: translateY(.0625rem);
                height: 1.2rem;
            }

            .resblock-list .resblock-list-item .resblock-info .main-info .resblock-tags-line {
                height: 1.25rem;
                overflow: hidden;
                font-size: 0;
                margin-top: .1875rem
            }

                .resblock-list .resblock-list-item .resblock-info .main-info .resblock-tags-line .tag {
                    font-size: .7875rem;
                    color: #9C9FA1;
                    border: 1px solid #E5E5E5;
                    line-height: 1;
                    border-radius: .125rem;
                    padding: .125rem .3125rem;
                    display: inline-block;
                    margin: 0 .25rem .25rem 0;
                }

.table-container .col4, .table-container .col6 {
    padding-left: .15625rem;
    padding-right: .15625rem
}

.resblock-list .resblock-list-item .resblock-info .main-info .resblock-price {
    margin-bottom: -.0625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9C9FA1
}

    .resblock-list .resblock-list-item .resblock-info .main-info .resblock-price .price_bunch {
        color: #FA5741;
        line-height: 1;
        font-weight: 700;
        font-size: .8125rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .resblock-list .resblock-list-item .resblock-info .main-info .resblock-price .price_num {
        color: #FA5741;
        line-height: 1.4rem;
        font-weight: 700;
        font-size: 1.4rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .resblock-list .resblock-list-item .resblock-info .main-info .resblock-price .area {
        font-size: 1rem;
        color: #9C9FA1;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

.multi-media .subtitle-line, .multi-media .title-line {
    line-height: 1
}

.table-container {
    margin-left: -.15625rem;
    margin-right: -.15625rem;
    display: -webkit-flex;
    display: flex;
    margin-bottom: .3125rem
}

    .table-container .col6 {
        width: 50%
    }

    .table-container .col4 {
        width: 33.33%
    }

        .table-container .col4 a, .table-container .col6 a {
            display: block
        }

        .table-container .col4 img, .table-container .col6 img {
            width: 100%
        }

.flex-main-center {
    -webkit-justify-content: center;
    justify-content: center
}

.flex-sub-center {
    -webkit-align-items: center;
    align-items: center
}

.section-line {
    margin: 0 1.25rem;
    border-top: dashed 1px #e5e5e5
}

    .section-line.in-section {
        margin: 0;
        border-top: solid 1px #e5e5e5;
        padding-bottom: 0
    }

.animation {
    -webkit-transition: all .5s;
    transition: all .5s
}

.recommend .more {
    display: block;
    background: #F9F9F9;
    border-radius: .125rem;
    height: 3.125rem;
    font-size: 1rem;
    color: #5680A6;
    line-height: 3.125rem;
    text-align: center
}

.recommend {
    padding: 0 1.25rem
}

.extra-padding-top {
    padding-top: 1.375rem
}

.icon-item .newhouse {
    font-size: 2rem;
}

.icon-container .icon-zuixinfangyuan {
    color: #30c5a7
}

.icon-container .icon-jisuanqi {
    color: #ff9200
}

.icon-container .icon-kehuguanli {
    color: #2ba7ff
}

.icon-container .icon-baobei {
    color: #ff7256
}

.icon-container .icon-hetong2 {
    color: #37e0be
}

/*************新房****************/
div, span, p, a, ul, li {
    box-sizing: border-box;
}

.NewHouse .new_house_item {
    padding: 0 1rem;
    margin-bottom: 1rem;
}

.NewHouse .new_house_item2 {
    background: #fff;
    border-top: solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
    padding: 2rem;
    margin-bottom: 1rem;
}

    .NewHouse .new_house_item2 .new_house_item_content {
        padding: 0;
    }

    .NewHouse .new_house_item2 .new_house_info {
        border-top: none;
        padding-top: 0rem;
    }

.NewHouse .new_house_item a {
    border-radius: 5px;
    background: #fe424d;
    width: 100%;
    padding: 0 0.5rem 0.5rem;
    display: block;
}

.NewHouse .new_house_item_top {
    height: 3.5rem;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #fff;
}

.NewHouse .new_house_tips {
    margin-left: 1.5rem;
    display: flex;
    align-items: center;
}

.NewHouse .house_tips_item {
    border-radius: 10px;
    color: #fe424d;
    background: #fff;
    padding: 0.2rem 0.5rem;
    margin-right: 0.5rem;
    font-size: 0.9rem;
}

.NewHouse .new_house_item_content {
    background: #fff;
    padding: 1.5rem 1rem;
}

.NewHouse .new_house_name {
    font-size: 1.5rem;
    color: #333;
    display: flex;
    align-items: center;
}

.NewHouse .new_house_zi {
    border-radius: 3px;
    color: #fff;
    background: #6897ff;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 2rem;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.NewHouse .new_house_other_name {
    font-size: 1.3rem;
    color: #333;
    margin: 0.5rem 0;
}

.NewHouse .new_house_time {
    font-size: 1rem;
    font-weight: bold;
    margin-top: 1rem;
}

.NewHouse .new_house_info {
    margin: 1rem 0;
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;
    padding: 1rem 0 0.5rem;
}

.NewHouse .new_house_types {
    display: flex;
    margin-bottom: 1rem;
}

.NewHouse .new_house_type_item {
    padding: 0.2rem 0.5rem;
    background: #f6f6f9;
    color: #999;
    font-size: 0.8rem;
    margin-right: 0.5rem;
}

    .NewHouse .new_house_type_item.green {
        background: rgba(85,196,21,0.1);
        color: #55c415;
    }

.NewHouse .new_house_info_li {
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    margin-top: 0.5rem;
}

    .NewHouse .new_house_info_li i {
        margin-right: 1rem;
        color: #312e3d;
        font-size: 2rem;
    }

.NewHouse .new_house_info_money {
    color: #de6843;
    display: flex;
    align-items: center;
}

    .NewHouse .new_house_info_money span {
        font-size: 2rem;
        font-weight: bold;
    }

.NewHouse .new_house_item_rule {
    display: flex;
}

.NewHouse .rule_left {
    border-radius: 5px;
    width: 2rem;
    height: 2rem;
    background: rgba(254,74,79,0.1);
    color: #fd484f;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}

.NewHouse .rule_content {
    width: calc(100% - 3rem);
    font-size: 1rem;
    color: #999;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/*.NewHouse .resblock-list {
    padding: 0 1rem;
}*/
.NewHouse .mescroll {
    height: auto;
    width: 100% !important;
    left: 0;
}

.appbar_icon {
    width: 2.5rem;
}

.fixed_pop {
    position: fixed;
    z-index: 99;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    right: 3rem;
    bottom: 10rem;
    background: #fff;
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
}

    .fixed_pop img {
        width: 100%;
    }

.table_list {
    padding-top: 9rem;
}

    .table_list .table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
    }
        /*.table_list .table .table_tbody tr {
        border: 1px dashed #d7d7d7;
    }*/
        .table_list .table th, .table_list .table td {
            width: 50%;
            padding: 10px;
            line-height: 1.42857143;
            text-align: left;
            color: #4d5259;
            font-size: 1.3rem;
        }

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table_list .table td {
    border-bottom: 1px dashed #d7d7d7;
}

    .table_list .table td span {
        color: #fff;
        border-radius: 3px;
        padding: 0 5px;
    }

.table_list .table th {
    padding: 10px 20px;
}

    .table_list .table th:last-child {
        padding-left: 10px;
    }

.table_list .table_header {
    position: fixed;
    top: 5rem;
    left: 0;
    background: #fff;
    z-index: 9;
}

/*日志*/
.log .table_list .table th {
    width: 25%;
}

.Logselect_time_type {
    width: 30px;
}

.logTime_type {
    position: absolute;
    width: 10rem;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    border-radius: 5px;
    z-index: 999;
    list-style: none;
    color: #333;
    right: 1rem;
    top: 4rem;
    display: none;
}

    .logTime_type li {
        padding: 1rem 1.5rem;
        font-size: 1.5rem;
        border-bottom: solid 1px #f2f2f2;
    }

    .logTime_type.active {
        display: block;
    }

    .logTime_type li:last-child {
        border: none;
    }

    .logTime_type li.active {
        color: #fff;
        background: rgba(52, 73, 94,0.9);
    }
/*end日志*/

/**** 报表start ****/
.BaoBei .biaobiao_item {
    margin-bottom: 1rem;
    background: #fff;
}

.BaoBei .baobiao_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999;
    font-size: 1.2rem;
    border-bottom: solid 1px #f5f5f5;
    padding: 1rem 1.5rem;
}

.BaoBei .biaobiao_top_data {
    font-size: 1.5rem;
    color: #000;
    font-weight: bold;
}

    .BaoBei .biaobiao_top_data span {
        font-size: 1.2rem;
        font-weight: normal;
        margin-left: 3px;
    }

.BaoBei .biaobiao_info {
    display: flex;
    align-items: center;
    padding: .5rem 1.5rem;
}

.BaoBei .biaobiao_info_img {
    width: 12rem;
    height: 8rem;
    overflow: hidden;
    background: gray;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .BaoBei .biaobiao_info_img img {
        width: 100%;
    }

.BaoBei .biaobiao_content {
    width: calc(100% - 13rem);
}

.BaoBei .biaobiao_name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5rem;
    color: #000;
    font-weight: bold;
}

.BaoBei .biaobiao_money {
    color: #fa3534;
    font-size: 1.6rem;
    font-weight: bold;
}

.BaoBei .biaobiao_tr {
    display: flex;
    align-items: center;
    color: #999;
    font-size: 1.2rem;
    margin-top: 5px;
}

.BaoBei .biaobiao_address {
    width: 1.5rem;
    margin-right: 5px;
}

.BaoBei .baobiao_label {
    margin-right: 5px;
    padding: 1px 5px;
    font-size: 1.2rem;
    color: #449C76;
    border-radius: 4px;
    background: rgba(68, 156, 118,0.2);
}

    .BaoBei .baobiao_label:nth-of-type(1) {
        color: #449C76;
        background: rgba(68, 156, 118,0.2);
    }

    .BaoBei .baobiao_label:nth-of-type(2) {
        color: orange;
        background: rgba(255, 165, 0,.2);
    }

    .BaoBei .baobiao_label:nth-of-type(3) {
        color: blue;
        background: rgba(0, 0, 255,.2);
    }

.BaoBei .baobiao_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .7rem 1.5rem;
    border-top: solid 1px #f5f5f5;
}

.BaoBei .biaobiao_user {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    color: #000;
}

.BaoBei .user_img {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px;
    background: gray;
    margin-right: 5px;
}

    .BaoBei .user_img img {
        width: 100%;
    }

.BaoBei .user_job {
    color: #fff;
    background: orange;
    font-size: 1.3rem;
    padding: 0 5px;
    margin-left: 10px;
}

.BaoBei .biaobiao_user_makes {
    display: flex;
}

.BaoBei .user_make_item {
    margin-left: 10px;
    display: flex;
    align-items: center;
    color: #999;
    font-size: 1.3rem;
}

    .BaoBei .user_make_item img {
        width: 1.5rem;
        margin-right: 5px;
    }

.BaoBei .JunJia {
    margin-top: 10px;
}

/**** 报表end ****/

/*租房*/
.ZuFangList {
    display: flex;
    height: 8.7rem;
}

.clear {
    padding: 1rem;
    background: #fff;
    margin-bottom: 1rem;
    box-shadow: 0 3px 10px 0 rgba(176,186,198,.22);
}

.ZuFangList .fm_img {
    width: 32%;
    height: 8.7rem;
}

    .ZuFangList .fm_img .bgImg {
        border-radius: 4px;
        height: 100%;
        width: 100%;
    }

.ZuFangList .info {
    margin-left: 1rem;
}

.ZuFangList .LouName {
    padding-bottom: .5rem;
    font-size: 1.4rem;
    font-weight: 700;
}

.ZuFangList .Shi {
    font-size: 1.2rem;
    font-weight: normal;
}

.ZuFangList .date {
    position: absolute;
    right: 25px;
    font-size: 1.2rem;
}

.ZuFangList .address {
    line-height: 2rem;
    font-size: 1.3rem;
}

.address span {
    padding: 0px 10px 0px 0px;
}

.ZuJia {
    color: #25bfa7;
}

.ZuFangList .Price .ZuJia {
    font-size: 1.8rem;
    font-weight: 700;
}

.ShouJia {
    color: #fa3534;
}

.ZuFangList .Price .ShouJia {
    font-size: 1.8rem;
    font-weight: 700;
}

.ZuFangList .Price .yuanyue {
    font-size: 1.3rem;
}

.ZuFangList .Price .state {
    font-size: 1.9rem;
}

.clear .Fang {
    border-top: solid 1px #ccc;
    height: 5rem;
    display: flex;
    margin-top: 1rem;
}

    .clear .Fang .Dong {
        width: calc(100% / 4);
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: 1.3rem;
        color: #666;
    }

        .clear .Fang .Dong .item {
            font-weight: 700;
            color: #25bfa7;
        }

        .clear .Fang .Dong div {
            line-height: 2rem;
        }
/*租房end*/
.HouseDictionary .header_title {
    font-size: 1.375rem;
    color: #ccc;
}

    .HouseDictionary .header_title .number {
        font-size: 1.475rem;
        color: #FFF;
        font-weight: 700
    }

/*出租合同*/
.contract02 .house_list_item {
    padding: 1rem;
    margin-bottom: 0rem;
    border-bottom: 1px solid #e5e5e5;
}

.contract02 .Agent {
}

    .contract02 .Agent .AgentImg {
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
    }

    .contract02 .Agent .AgentName {
        font-size: 1.3rem;
        color: #34495e;
        font-weight: 600;
        margin-top: .5rem;
    }

    .contract02 .Agent .AgentRole {
        font-size: 1.2rem;
        color: #999;
        margin-top: .1rem;
    }

.contract02 .house_list_item a {
    display: flex
}

.contract02 .house_list_item .HouseImg {
    width: 8rem;
    margin-top: .5rem;
}

    .contract02 .house_list_item .HouseImg img {
        border-radius: 5px;
    }

.contract02 .house_list_item .ContractItem {
    margin-left: 1rem;
    margin-top: .5rem;
}

    .contract02 .house_list_item .ContractItem .LouName {
        font-size: 1.4rem;
        font-weight: 700;
    }

    .contract02 .house_list_item .ContractItem .HouseHuXing {
        font-size: 1.3rem;
        font-weight: 700;
        margin-top: .5rem;
    }

    .contract02 .house_list_item .ContractItem .Price {
        font-size: 1.5rem;
        font-weight: 700;
        color: #fa3534
    }

    .contract02 .house_list_item .ContractItem .Yue {
        font-size: 1.1rem;
    }

    .contract02 .house_list_item .ContractItem .zuofei {
        background-color: #777;
        padding: .2em .6em .3em;
        font-size: 75%;
        color: #fff;
        border-radius: .25em;
    }

    .contract02 .house_list_item .ContractItem .wanjie {
        background-color: #fa3534;
        padding: .2em .6em .3em;
        font-size: 75%;
        color: #fff;
        border-radius: .25em;
    }

.contract02 .HouseImg .ApprovalType {
    text-align: center;
    margin-top: -3.5rem;
}

    .contract02 .HouseImg .ApprovalType span {
        background-color: #fa3534;
        padding: .2em .6em .3em;
        font-size: 75%;
        color: #fff;
        border-radius: .25em;
    }

/*END出租合同*/
.HouseIndex .HouseID {
    color: #0079fe;
    font-weight: initial;
    border-radius: 4px;
}

.HouseIndex .FengMian {
    position: absolute;
}

    .HouseIndex .FengMian .HouseType {
        position: absolute;
        left: 0px;
        top: 3px;
        color: #fff;
    }

        .HouseIndex .FengMian .HouseType span {
            background: #34495e;
            padding: 4px 6px;
        }

.HouseIndex .ZuFangList .FengMian .fm_img {
    width: 11rem;
}

.HouseIndex .ZuFangList .info {
    margin-left: 12rem;
}

.HouseIndex .ZuFangList .info {
    margin-left: 12rem;
}

.HouseIndex .HouseType .State {
    padding: 2px 6px;
}

.HouseIndex .HouseType .HouseJiaoYi {
    padding: 2px 6px;
    background: rgba(0,0,0,0.3);
}

/*打卡日志*/
.DaKaLog {
}

    .DaKaLog .filter_item_tab {
        font-size: 1rem;
    }

    .DaKaLog .filter_main {
        height: 3rem;
    }

    .DaKaLog .jingJiRen_list_main {
        margin-top: 4rem !important;
    }

    .DaKaLog .worker_img {
        width: 7rem !important;
        height: 7rem !important;
    }

    .DaKaLog .worker_main h3 {
        font-size: 1.4rem !important;
    }

    .DaKaLog .date {
        background: #f2f2f2;
        text-align: center;
    }

    .DaKaLog .DaKa ul {
        overflow: hidden
    }

    .DaKaLog .DaKa li {
        float: left;
        width: 25%;
        margin-bottom: 1rem;
        border-width: 1px;
        border-style: solid;
        border-color: #e6e6e6;
        margin-right: -1px;
    }

    .DaKaLog .worker_item_body {
        padding-bottom: 1rem !important;
    }