@charset "UTF-8";
.detail-header-notice, .detail-header-other, .detail-header .info-wrap, .flagLink-container, .reportHouse-box + .rankBox, .reportHouse-box + .rankBox a, .typeDetail-header .info-wrap, .ui-border-t, .ui-pop-foot {
    border-top: 1px solid #eee
}

.arround-set-list li, .flagCompany-list-item:not(:last-child), .hsPrice-sale-list a, .key-list-item:nth-child(-n+2), .Lplist-item, .newest-box .newest-item, .pop-layer-content .contrast-list li, .search-list-block, .table-data td, .table-data th, .true-pop .ui-pop-head, .ui-border-b, .ui-bottom .ui-pop-head, .ui-head, .ui-pop-select li, .user-list-item {
    border-bottom: 1px solid #eee
}

.hsPrice-tab-hd-item, .region-data-list > li:not(:first-child), .region-header-list-item:not(:first-child), .sp-tab-item:not(:first-child), .ui-border-l, .ui-pop-foot .btn {
    border-left: 1px solid #eee
}

.filter-area .filter-dropdown:not(:first-child):not(:last-child) .filter-dropdown-list, .key-list-item:not(:only-child):nth-child(odd), .lp-header-content li, .table-data th, .ui-border-r, .ui-search .chose-city {
    border-right: 1px solid #eee
}

.arround-set-list .kilo, .column-list a, .customer-box-info .charge, .famous-list-tel, .filter-checkbox, .filter-result-text, .flow-box-tel, .list-house.type .list-house-hd, .list-lp.type .list-lp-hd, .Lplist.type .Lplist-item-media, .search-list-tag, .ui-border-radius, .ui-btn_line, .ui-btn_line-gray {
    border: none;
    position: relative
}

.arround-set-list .kilo:after, .column-list a:after, .customer-box-info .charge:after, .famous-list-tel:after, .filter-checkbox:after, .filter-result-text:after, .flow-box-tel:after, .list-house.type .list-house-hd:after, .list-lp.type .list-lp-hd:after, .Lplist.type .Lplist-item-media:after, .search-list-tag:after, .ui-border-radius:after, .ui-btn_line-gray:after, .ui-btn_line:after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 199.8%;
    height: 200%;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .arround-set-list .kilo, .arround-set-list li, .column-list a, .customer-box-info .charge, .detail-header-notice, .detail-header-other, .detail-header .info-wrap, .famous-list-tel, .filter-area .filter-dropdown:not(:first-child):not(:last-child) .filter-dropdown-list, .filter-checkbox, .filter-result-text, .flagCompany-list-item:not(:last-child), .flagLink-container, .flow-box-tel, .hsPrice-sale-list a, .hsPrice-tab-hd-item, .key-list-item:not(:only-child):nth-child(odd), .key-list-item:nth-child(-n+2), .list-house.type .list-house-hd, .list-lp.type .list-lp-hd, .lp-header-content li, .Lplist-item, .Lplist.type .Lplist-item-media, .newest-box .newest-item, .pop-layer-content .contrast-list li, .region-data-list > li:not(:first-child), .region-header-list-item:not(:first-child), .reportHouse-box + .rankBox, .reportHouse-box + .rankBox a, .search-list-block, .search-list-tag, .sp-tab-item:not(:first-child), .table-data td, .table-data th, .true-pop .ui-pop-head, .typeDetail-header .info-wrap, .ui-border-b, .ui-border-l, .ui-border-r, .ui-border-radius, .ui-border-t, .ui-border-t-style, .ui-border-tb, .ui-bottom .ui-pop-head, .ui-btn_line, .ui-btn_line-gray, .ui-head, .ui-pop-foot, .ui-pop-foot .btn, .ui-pop-select li, .ui-search .chose-city, .user-list-item {
        border: none;
        position: relative
    }

    .arround-set-list li:after, .detail-header-notice:after, .detail-header-other:after, .detail-header .info-wrap:after, .filter-area .filter-dropdown:not(:first-child):not(:last-child) .filter-dropdown-list:before, .flagCompany-list-item:not(:last-child):after, .flagLink-container:after, .hsPrice-sale-list a:after, .hsPrice-tab-hd-item:after, .key-list-item:nth-child(-n+2):after, .key-list-item:nth-child(odd):not(:only-child):before, .lp-header-content li:before, .Lplist-item:after, .newest-box .newest-item:after, .pop-layer-content .contrast-list li:after, .region-data-list > li:not(:first-child):after, .region-header-list-item:not(:first-child):after, .reportHouse-box + .rankBox:after, .reportHouse-box + .rankBox a:after, .search-list-block:after, .sp-tab-item:not(:first-child):after, .table-data td:after, .table-data th:after, .table-data th:before, .true-pop .ui-pop-head:after, .typeDetail-header .info-wrap:after, .ui-border-b:after, .ui-border-l:after, .ui-border-r:before, .ui-border-t-style:after, .ui-border-t:after, .ui-border-tb:after, .ui-border-tb:before, .ui-bottom .ui-pop-head:after, .ui-head:after, .ui-pop-foot .btn:after, .ui-pop-foot:after, .ui-pop-select li:after, .ui-search .chose-city:before, .user-list-item:after {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }

    .ui-border-t-style:after {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        border-top: 1px dashed #eee
    }

    .detail-header-notice:after, .detail-header-other:after, .detail-header .info-wrap:after, .flagLink-container:after, .reportHouse-box + .rankBox:after, .reportHouse-box + .rankBox a:after, .typeDetail-header .info-wrap:after, .ui-border-t:after, .ui-border-tb:after, .ui-pop-foot:after {
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    .arround-set-list li:after, .flagCompany-list-item:not(:last-child):after, .hsPrice-sale-list a:after, .key-list-item:nth-child(-n+2):after, .Lplist-item:after, .newest-box .newest-item:after, .pop-layer-content .contrast-list li:after, .search-list-block:after, .table-data td:after, .table-data th:after, .true-pop .ui-pop-head:after, .ui-border-b:after, .ui-border-tb:before, .ui-bottom .ui-pop-head:after, .ui-head:after, .ui-pop-select li:after, .user-list-item:after {
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        background: #eee
    }

    .hsPrice-tab-hd-item:after, .region-data-list > li:not(:first-child):after, .region-header-list-item:not(:first-child):after, .sp-tab-item:not(:first-child):after, .ui-border-l:after, .ui-pop-foot .btn:after {
        left: 0;
        top: 0;
        width: 1px;
        bottom: 0;
        -webkit-transform: scaleX(.5);
        -moz-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        -o-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    .filter-area .filter-dropdown:not(:first-child):not(:last-child) .filter-dropdown-list:before, .key-list-item:nth-child(odd):not(:only-child):before, .lp-header-content li:before, .table-data th:before, .ui-border-r:before, .ui-search .chose-city:before {
        right: 0;
        top: 0;
        width: 1px;
        bottom: 0;
        -webkit-transform: scaleX(.5);
        -moz-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        -o-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3) {
    .arround-set-list li:after, .detail-header-notice:after, .detail-header-other:after, .detail-header .info-wrap:after, .flagCompany-list-item:not(:last-child):after, .flagLink-container:after, .hsPrice-sale-list a:after, .key-list-item:nth-child(-n+2):after, .Lplist-item:after, .newest-box .newest-item:after, .pop-layer-content .contrast-list li:after, .reportHouse-box + .rankBox:after, .reportHouse-box + .rankBox a:after, .search-list-block:after, .table-data td:after, .table-data th:after, .true-pop .ui-pop-head:after, .typeDetail-header .info-wrap:after, .ui-border-b:after, .ui-border-t:after, .ui-border-tb:after, .ui-border-tb:before, .ui-bottom .ui-pop-head:after, .ui-head:after, .ui-pop-foot:after, .ui-pop-select li:after, .user-list-item:after {
        -webkit-transform: scaleY(.33);
        -moz-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        -o-transform: scaleY(.33);
        transform: scaleY(.33);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        background: #eee
    }

    .filter-area .filter-dropdown:not(:first-child):not(:last-child) .filter-dropdown-list:before, .hsPrice-tab-hd-item:after, .key-list-item:nth-child(odd):not(:only-child):before, .lp-header-content li:before, .region-data-list > li:not(:first-child):after, .region-header-list-item:not(:first-child):after, .sp-tab-item:not(:first-child):after, .table-data th:before, .ui-border-l:after, .ui-border-r:before, .ui-pop-foot .btn:after, .ui-search .chose-city:before {
        -webkit-transform: scaleX(.33);
        -moz-transform: scaleX(.33);
        -ms-transform: scaleX(.33);
        -o-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.album-swiper-cover-text, .app-lead h4, .app-leading, .arround-map .map-layer .addr, .arround-map .map-layer .list-lp-bd .house-name .addr, .contrast-item .addr-text, .contrast-item h2, .customer-container-item .c-info, .customer-container-item .list-lp-bd .house-name .c-info, .customer-container-item .list-lp-bd .house-name h4, .customer-container-item h4, .detail-header-area .text, .discount-text, .download-warp .list-lp-bd .house-name .text, .download-warp .list-lp-bd .house-name h2, .download-warp .text, .download-warp h2, .ellipsis, .f-all-list .list-lp-bd .house-name a, .f-all-list a, .f-link-box-list .list-lp-bd .house-name a, .f-link-box-list a, .famous-leads-text, .famous-list-dec-cont, .famous-list-info, .filter-dropdown-list > li, .filter-dropdown-list a, .filter-result-text, .flagCompany-list-name, .flagCompany-list-text, .flagLink-text, .flow-box-house .type, .flow-box-question, .hsPrice-area-list .list-lp-bd .house-name .name, .hsPrice-area-list .list-lp-bd .house-name .total-price, .hsPrice-area-list .name, .hsPrice-area-list .total-price, .hsPrice-info-list .list-lp-bd .house-name li, .hsPrice-info-list li, .info-list .list-lp-bd .house-name p, .info-list p, .key-list-text, .lead-btn, .list-house-bd .house-name, .list-house-bd .list-lp-bd .house-name .total, .list-house-bd .total, .list-house-bd .type, .list-house-hd-cont .house-name, .list-lp-bd .address, .list-lp-bd .house-name, .list-lp-bd .house-name .address, .list-lp-bd .house-name .app-leading, .list-lp-bd .house-name .arround-map .map-layer .addr, .list-lp-bd .house-name .customer-container-item .c-info, .list-lp-bd .house-name .customer-container-item h4, .list-lp-bd .house-name .download-warp .text, .list-lp-bd .house-name .download-warp h2, .list-lp-bd .house-name .ellipsis, .list-lp-bd .house-name .f-all-list a, .list-lp-bd .house-name .f-link-box-list a, .list-lp-bd .house-name .house-name, .list-lp-bd .house-name .hsPrice-area-list .name, .list-lp-bd .house-name .hsPrice-area-list .total-price, .list-lp-bd .house-name .hsPrice-info-list li, .list-lp-bd .house-name .info-list p, .list-lp-bd .house-name .list-house-bd .total, .list-lp-bd .house-name .list-sort-info, .list-lp-bd .house-name .Lplist-info, .list-lp-bd .house-name .news-list .info-item.source, .list-lp-bd .house-name .plan, .list-lp-bd .house-name .pop-subscribe-discount .sub-tit, .list-lp-bd .house-name .strategy-list-dec, .list-lp-bd .house-name .tab-1 .tab-nav i, .list-lp-bd .house-name .table-data .name, .list-lp-bd .house-name .time, .list-lp-bd .house-name .type, .list-lp-bd .house-name .type-info, .list-lp-bd .house-name .ui-nowrap, .list-lp-bd .plan, .list-lp-bd .time, .list-lp-bd .type, .list-lp-bd .type-info, .list-sort-info, .listXf-name, .listXf-news, .Lplist-dynamic-text, .Lplist-info, .Lplist-name, .news-list .info-item.source, .news-list .list-lp-bd .house-name .info-item.source, .pop-bargain-lp-name, .pop-focus .ui-pop-head h2, .pop-subscribe-discount .list-lp-bd .house-name .sub-tit, .pop-subscribe-discount .sub-tit, .question-list-tit, .rankBox-name, .region-data-bd-title .region-data-area, .region-data-bd-title h4, .region-header-chose-text, .region-header-list-sale, .sitemap-list a, .strategy-list-dec, .tab-1 .tab-nav .list-lp-bd .house-name i, .tab-1 .tab-nav i, .table-data .list-lp-bd .house-name .name, .table-data .name, .typeDetail-header-area .text, .ui-box-hd h2, .ui-foot-flagshipText, .ui-head .chose-city .city, .ui-head h1, .ui-list-link-title, .ui-list-link a {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.ellipsisTwo, .question-list-text, .reportHouse-item-title, .strategy-list-tit, .table-contrast td p {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.download-warp, .fixed, .map-ft, .pop-layer, .side-bar, .side-redbag, .tab-1.fixed, .tips-pop, .ui-foot, .ui-pop, .ui-toast {
    position: fixed !important;
    left: 0;
    right: 0;
    max-width: 750px;
    margin: 0 auto;
    z-index: 980;
    top: 0
}

.tips-pop {
    top: auto;
    bottom: 0
}

.clearfix:after, .clearfix:before, .column-list:after, .column-list:before, .f-link-box-list:after, .f-link-box-list:before, .info-list.grid-2:after, .info-list.grid-2:before, .key-list:after, .key-list:before, .sitemap-list:after, .sitemap-list:before {
    content: "";
    display: table
}

.clearfix:after, .column-list:after, .f-link-box-list:after, .info-list.grid-2:after, .key-list:after, .sitemap-list:after {
    clear: both
}

html {
    background-color: #f3f5f7;
    max-width: 750px
}

body, html {
    height: 100%
}

body {
    line-height: 1.5;
    font-size: 14px;
    color: #121212
}

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

a {
    color: #121212
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th {
    text-align: left
}

fieldset, img {
    width: 100%;
    max-width: 100%
}

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

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

button {
    font-size: 15px
}

input, select, textarea {
    font-family: PingFang SC, Pingfang, Helvetica Neue, Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #121212
}

.fl {
    float: left
}

.fr {
    float: right
}

.noscroll {
    overflow: hidden;
    height: 100% !important
}

.c6 {
    color: #666
}

.c9 {
    color: #999
}

.clink {
    color: #3d5688
}

.chigh {
    color: #ff5121
}

.cactive {
    color: #ef3929
}

.ui-tc {
    text-align: center !important
}

.ui-tl {
    text-align: left
}

.pbLead {
    padding-bottom: 65px
}

.bgcf {
    background-color: #fff
}

.appBody .cp-ui-head {
    padding-top: 22px;
    height: 66px
}

.appBody .cp-ui-head-l, .appBody .cp-ui-head-r {
    top: 22px
}

.appBody .index-wrap {
    padding-top: 22px
}

.appBody .filter-layer.fixed {
    top: 66px !important
}

.appBody .ui-wrap.fixed .ui-main {
    top: 66px
}

.appBody .login-header-close {
    top: 15px
}

.appBody .login-header-back {
    top: 20px
}

.appBody .cp-search-wrap .ui-main, .appBody .fyFixed {
    top: 66px
}

.appBodyHeader #component-m-header-v1 {
    background-color: #fff;
    height: 66px !important
}

.appBodyHeader #component-m-header-v1 + #root {
    height: -webkit-calc(100% - 66px) !important;
    height: -moz-calc(100% - 66px) !important;
    height: calc(100% - 66px) !important
}

@font-face {
    font-family: fdd;
    src: url(fdd-2NHpA.eot)/*tpa=https://static.esf.fangdd.com/esf/mcpfdd/fdd-2NHpA.eot*/
;
    src: url(fdd-2NHpA.eot#iefix) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/fdd-2NHpA.eot#iefix*/ format("embedded-opentype"), url(../font/fdd-27AtE.woff2) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/fdd-27AtE.woff2*/ format("woff2"), url(../font/fdd-1r-SS.woff) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/fdd-1r-SS.woff*/ format("woff"), url(fdd-32GF1.ttf) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/fdd-32GF1.ttf*/ format("truetype"), url(fdd-3LXIQ.svg#iconfont) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/fdd-3LXIQ.svg#iconfont*/ format("svg")
}

.dicon, .fdd, .list-sort-item:before, .price-information a .price:after, .table-data.table-price td:last-child a:before, .ui-check:checked + .checkbox-status:after, .ui-link:before, .ui-list-link a:before, .ui-radio-s:checked + .radiobox-s-status:after, [class*=" icon-"], [class^=icon-] {
    font-family: fdd !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.table-data.table-price td:last-child a:before, .ui-link:before, .ui-list-link a:before {
    position: absolute;
    right: 20px;
    top: 50%;
    color: #999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px
}

.icon-rank-down, .icon-rank-up {
    line-height: 1
}

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

.icon-subway:before {
    content: "\e773";
    font-size: 12px
}

.icon-search:before {
    content: "\e734";
    font-size: 15px
}

.icon-arrow-r:before, .table-data.table-price td:last-child a:before, .ui-link:before, .ui-list-link a:before {
    content: "\e77e"
}

.icon-address:before {
    content: "\e77f";
    font-size: 14px
}

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

.icon-logo:before {
    content: "\e787"
}

.icon-photo:before {
    content: "\e789"
}

.icon-house:before {
    content: "\e78a"
}

.icon-close-circle:before {
    content: "\e7a7";
    font-size: 30px
}

.icon-ask:before {
    content: "\e7a5"
}

.icon-filter:before {
    content: "\e7b5";
    font-size: 12px
}

.icon-top:before {
    content: "\e7b7";
    font-size: 15px
}

.icon-download:before {
    content: "\e7b8";
    font-size: 17px
}

.icon-return:before {
    content: "\e7bb";
    font-size: 20px
}

.icon-menu:before {
    content: "\e7bc";
    font-size: 20px
}

.icon-close:before {
    content: "\e7bd";
    font-size: 16px
}

.icon-bor-close:before {
    content: "\e7bf";
    font-size: 15px
}

.icon-delete:before {
    content: "\e7ce";
    font-size: 16px
}

.icon-arrow-up:before {
    content: "\e7cf";
    font-size: 10px
}

.icon-arrow-down:before {
    content: "\e7d0";
    font-size: 10px
}

.icon-depress:before {
    content: "\e69f";
    font-size: 15px
}

.icon-menu-home:before {
    content: "\e7d4";
    font-size: 19px
}

.icon-menu-xf:before {
    content: "\e7d5"
}

.icon-menu-esf:before {
    content: "\e7d6"
}

.icon-menu-search:before {
    content: "\e7d7";
    font-size: 18px
}

.icon-menu-news:before {
    content: "\e7d8"
}

.icon-menu-sale:before {
    content: "\e7d9"
}

.icon-menu-user:before {
    content: "\e7da"
}

.icon-menu-phone:before {
    content: "\e99d"
}

.icon-menu-rent:before {
    content: "\e99c"
}

.icon-eye:before {
    content: "\e7e4";
    font-size: 17px
}

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

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

.icon-client:before {
    content: "\e7ca"
}

.icon-analysis:before {
    content: "\e7c8"
}

.icon-shuttle:before {
    content: "\e7c9"
}

.icon-free:before {
    content: "\e78c"
}

.icon-arrow-t:before {
    content: "\e7ec"
}

.icon-arrow-b:before {
    content: "\e7ed"
}

.icon-note:before {
    content: "\e7fb";
    font-size: 14px
}

.icon-heart:before {
    content: "\e801";
    font-size: 13px
}

.icon-heart-active:before {
    content: "\e806";
    font-size: 13px
}

.icon-time:before {
    content: "\e808";
    font-size: 18px
}

.icon-notice:before {
    content: "\e78b";
    font-size: 18px
}

.icon-cut:before {
    content: "\e7a9";
    font-size: 18px
}

.icon-success:before {
    content: "\e814";
    font-size: 30px
}

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

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

.icon-map-edu:before {
    content: "\e81f"
}

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

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

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

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

.icon-user:before {
    content: "\e829";
    font-size: 19px
}

.icon-passward:before {
    content: "\e82a";
    font-size: 18px
}

.icon-weixin:before {
    content: "\e82b";
    color: #4ba74b;
    font-size: 16px
}

.icon-account:before {
    content: "\e82c";
    color: #86add5;
    font-size: 16px
}

.icon-pwd-hide:before {
    content: "\e835";
    font-size: 17px
}

.icon-pwd-show:before {
    content: "\e836";
    font-size: 17px
}

.icon-focus:before {
    content: "\e82f";
    font-size: 29px
}

.icon-voucher:before {
    content: "\e830";
    font-size: 23px
}

.icon-set-s:before {
    content: "\e763";
    font-size: 16px
}

.icon-set-way:before {
    content: "\e765";
    font-size: 16px
}

.icon-success-solid:before {
    content: "\e853";
    font-size: 14px
}

.icon-status-sold:before {
    content: "\e854";
    font-size: 37px
}

.icon-menu-feedback:before {
    content: "\e85b";
    font-size: 17px
}

.icon-refresh:before {
    content: "\e884";
    font-size: 15px
}

.icon-vs:before {
    content: "\e88d";
    font-size: 24px
}

.icon-vision:before {
    content: "\e894";
    font-size: 20px
}

.icon-phone-full:before {
    content: "\e85f"
}

.icon-question:before {
    content: "\e883";
    font-size: 16px
}

.icon-answer:before {
    content: "\e900";
    font-size: 16px
}

.icon-safe:before {
    content: "\e90a";
    font-size: 12px
}

.icon-dynamic:before {
    content: "\e8e3";
    font-size: 18px
}

.icon-check-active:before {
    content: "\e6c0";
    font-size: 16px
}

.icon-check:before {
    content: "\e6c1";
    font-size: 16px
}

.icon-pay-year:before {
    content: "\e7f0";
    font-size: 18px
}

.icon-pay-half:before {
    content: "\e7f1";
    font-size: 18px
}

.icon-pay-season:before {
    content: "\e7f2";
    font-size: 18px
}

.icon-pay-month:before {
    content: "\e7f3";
    font-size: 18px
}

.icon-chat:before {
    content: "\e860";
    font-size: 14px
}

.icon-view:before {
    content: "\e8a0"
}

.icon-r-location:before {
    content: "\e8ba";
    font-size: 14px
}

.icon-report:before {
    content: "\e8c0"
}

.icon-tips:before {
    content: "\e8d3";
    font-size: 14px
}

.icon-play:before {
    content: "\e7e2"
}

.icon-vr:before {
    content: "\e7e3"
}

.icon-r-bike:before {
    content: "\e8e8";
    font-size: 22px
}

.icon-r-walk:before {
    content: "\e8e9";
    font-size: 21px
}

.icon-r-car:before {
    content: "\e8ea";
    font-size: 20px
}

.icon-r-bus:before {
    content: "\e8eb";
    font-size: 22px
}

.icon-round-more:before {
    content: "\e8ec";
    font-size: 14px
}

.icon-h-fridge:before {
    content: "\e8ed";
    font-size: 30px
}

.icon-h-television:before {
    content: "\e8ee";
    font-size: 30px
}

.icon-h-supermarket:before {
    content: "\e8ef";
    font-size: 30px
}

.icon-h-bed:before {
    content: "\e8f0";
    font-size: 30px
}

.icon-h-cupboard:before {
    content: "\e8f1";
    font-size: 30px
}

.icon-h-elec-oven:before {
    content: "\e8f2";
    font-size: 30px
}

.icon-h-lift:before {
    content: "\e8f3";
    font-size: 30px
}

.icon-h-ind-balcony:before {
    content: "\e8f4";
    font-size: 30px
}

.icon-h-gym:before {
    content: "\e8f5";
    font-size: 30px
}

.icon-h-dryer:before {
    content: "\e8f6";
    font-size: 30px
}

.icon-h-air:before {
    content: "\e8f7";
    font-size: 30px
}

.icon-h-oven:before {
    content: "\e8f8";
    font-size: 30px
}

.icon-h-window:before {
    content: "\e8f9";
    font-size: 30px
}

.icon-h-sofa:before {
    content: "\e8fa";
    font-size: 30px
}

.icon-h-desk:before {
    content: "\e8fb";
    font-size: 30px
}

.icon-h-water:before {
    content: "\e8fc";
    font-size: 30px
}

.icon-h-heat:before {
    content: "\e8fd";
    font-size: 30px
}

.icon-h-gas:before {
    content: "\e8fe";
    font-size: 30px
}

.icon-h-microwave:before {
    content: "\e8ff";
    font-size: 30px
}

.icon-h-washroom:before {
    content: "\e901";
    font-size: 30px
}

.icon-h-wardrobe:before {
    content: "\e902";
    font-size: 30px
}

.icon-h-wash:before {
    content: "\e903";
    font-size: 30px
}

.icon-h-balcony:before {
    content: "\e904";
    font-size: 30px
}

.icon-h-machine:before {
    content: "\e905";
    font-size: 30px
}

.icon-h-cooker:before {
    content: "\e906";
    font-size: 30px
}

.icon-h-swim:before {
    content: "\e907";
    font-size: 30px
}

.icon-h-wifi:before {
    content: "\e908";
    font-size: 30px
}

.icon-h-parking:before {
    content: "\e909";
    font-size: 30px
}

.icon-r-rule:before {
    content: "\e62b"
}

.icon-r-ticket:before {
    content: "\e62c"
}

.icon-r-reject:before {
    content: "\e720"
}

.icon-pay:before {
    content: "\e90b"
}

.icon-r-close:before {
    content: "\e92b"
}

.icon-r-delete:before {
    content: "\e92c"
}

.icon-edit:before {
    content: "\e8b5"
}

.icon-year:before {
    content: "\e9f7"
}

.icon-category:before {
    content: "\e823"
}

.icon-floor:before {
    content: "\e824"
}

.icon-quotationLower:before {
    content: "\e845"
}

.icon-code:before {
    content: "\eb02";
    font-size: 19px
}

.icon-linePass:before {
    content: "\ebb9"
}

.icon-crown:before {
    content: "\ebcd"
}

.icon-checked:before {
    content: "\e94d"
}

.icon-xiaoxi:before {
    content: "\ec74"
}

.icon-bianjia:before {
    content: "\ec75"
}

.icon-youhuiquan:before {
    content: "\ec76"
}

.icon-fanxianquan:before {
    content: "\ec77"
}

.icon-tongzhi:before {
    content: "\ec78"
}

.icon-ershoufangyongjin:before {
    content: "\eb6c"
}

.empty-icon {
    display: inline-block;
    width: 156px;
    height: 132px;
    background: url(empty-1Ezn3.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/empty-1Ezn3.png*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

.empty-icon--discount {
    background-image: url(../images/default.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/empty-discount-1Pz4X.png*/
}

.album-swiper-item, .list-house-hd, .list-lp-hd, .listXf-hd, .Lplist-img, .news-list-img, .pop-bargain-lp-img {
    background: #eee url(../images/default.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/default-repeat-2tOLD.png*/ repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

.user-list-item-icon {
    background: url(user-center-2eFQe.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/user-center-2eFQe.png*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

.ui-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    line-height: 64px;
    background: #fff;
    padding: 0 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px
}

.ui-head:after {
    border-color: #dedede
}

.ui-head .icon-return {
    margin-left: -4px
}

.ui-head .logo {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 22px
}

.ui-head .logo img {
    display: block;
    width: 100%;
    height: 100%
}

.ui-head .icon-down {
    margin-left: 6px
}

.ui-head .icon-down:before {
    font-weight: 700
}

.ui-head h1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 46%;
    margin: 0 auto;
    font-size: 17px;
    font-weight: 500;
    text-align: center
}

.ui-head-l {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0
}

.ui-head-l a {
    display: inline-block
}

.ui-head-r {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0
}

.ui-head-r a {
    display: inline-block
}

.ui-head-r .icon-close {
    color: #ff5121
}

.ui-head .chose-city {
    position: relative;
    padding: 0 10px;
    font-size: 14px
}

.ui-head .chose-city + .ui-search {
    margin-left: 0
}

.ui-head .chose-city-pop {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    z-index: 940;
    background-color: #fff
}

.ui-head .chose-city .city {
    display: inline-block;
    vertical-align: middle;
    max-width: 58px
}

.ui-head .chose-city [class^=icon-arrow] {
    vertical-align: middle;
    margin: 0 -2px 0 2px
}

.ui-head .quit {
    color: #999
}

.ui-head .ui-back {
    display: block;
    font-size: 15px
}

.ui-head .icon-close-circle {
    color: #999;
    margin-right: 10px
}

.ui-head .icon-close-circle:before {
    font-size: 17px
}

.ui-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative !important;
    height: 34px;
    line-height: 34px;
    background: #f2f2f2;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    margin: 0 10px
}

.ui-search:first-child {
    margin-left: 0
}

.ui-search:last-child {
    margin-right: 0
}

.ui-search .icon-search {
    color: #999;
    margin-left: 10px
}

.ui-search .input-box {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.ui-search .inp-search {
    width: 100%;
    padding: 0 10px;
    background: none;
    line-height: 1.5;
    font-size: 14px
}

.ui-search form {
    width: 100%
}

.ui-search .chose-city:before {
    top: 9px;
    bottom: 9px;
    background-color: #666
}

.ui-search .city {
    max-width: 90px
}

.ui-search .icon-address {
    margin-left: 3px;
    color: #999
}

.ui-head.nofixed {
    position: relative !important
}

.ui-head-flagship {
    height: 44px;
    line-height: 44px
}

.ui-head-flagship .flagship-logo {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

.ui-head-flagship .flagship-logo img {
    display: block;
    width: 100%;
    height: 100%
}

.ui-btn, .ui-head-flagship .ui-search {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.ui-btn {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    text-align: center
}

.ui-btn i {
    margin-left: 4px
}

.ui-btn_default {
    -webkit-box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    -moz-box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    background-image: -webkit-linear-gradient(left, #f54732, #ff7338);
    background-image: -webkit-gradient(linear, left top, right top, from(#f54732), to(#ff7338));
    background-image: -moz-linear-gradient(left, #f54732, #ff7338);
    background-image: -o-linear-gradient(left, #f54732, #ff7338);
    background-image: linear-gradient(90deg, #f54732, #ff7338);
    color: #fff
}

.ui-btn_line {
    color: #ff5121
}

.ui-btn_line:after {
    border-color: #ff5121
}

.ui-btn_line-gray {
    color: #666
}

.ui-btn_line-gray:after {
    border-color: #dedede
}

.ui-btn_more {
    background-color: #fafafa;
    color: #3d5688
}

.ui-btn_more i {
    position: relative;
    top: -1px;
    margin-left: 6px
}

.ui-btn_more i:before {
    font-size: 12px;
    color: inherit
}

.ui-btn_more em {
    color: #ff5121;
    padding: 0 4px
}

.ui-btn_solid {
    width: 180px;
    background-image: -webkit-linear-gradient(top, #fff 50%, #ddc4c4);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#ddc4c4));
    background-image: -moz-linear-gradient(top, #fff 50%, #ddc4c4 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #ddc4c4 100%);
    background-image: linear-gradient(-180deg, #fff 50%, #ddc4c4);
    -webkit-box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7);
    -moz-box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7);
    box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7);
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px;
    margin: 0 auto;
    color: #f42032
}

.ui-btn_solid.disabled {
    color: #ccc
}

.ui-btn_solid i {
    font-size: 14px
}

.ui-btn_main {
    width: 160px;
    background: -webkit-linear-gradient(right, #ff7338, #f54732);
    background: -webkit-gradient(linear, right top, left top, from(#ff7338), to(#f54732));
    background: -moz-linear-gradient(right, #ff7338, #f54732);
    background: -o-linear-gradient(right, #ff7338, #f54732);
    background: linear-gradient(-90deg, #ff7338, #f54732);
    -webkit-box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    -moz-box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    margin: 0 auto;
    color: #fff
}

.ui-btn_main i {
    font-size: 14px
}

.ui-btn_spec {
    -webkit-box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    -moz-box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    background-color: #ffa14b;
    color: #fff
}

.ui-btn:not(.disabled):active {
    opacity: .8
}

.ui-btn.disabled {
    opacity: .5
}

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

.ui-btn_loading img {
    width: 11px;
    height: 11px;
    margin-right: 4px
}

.ui-btn .icon-logo {
    font-size: 15px
}

.btn-box {
    padding: 20px
}

.btn-link {
    display: block;
    height: 45px;
    line-height: 45px;
    background-color: #fff;
    font-size: 15px;
    text-align: center
}

.mt0 {
    margin-top: 0 !important
}

.mt20 {
    margin-top: 10px
}

.mt40 {
    margin-top: 20px
}

.mtd40 {
    margin-top: -20px !important
}

.mtd20 {
    margin-top: -10px !important
}

.mtd30 {
    margin-top: -15px !important
}

.ui-wrap {
    min-height: 100%;
    overflow: hidden
}

.ui-wrap.fixed .ui-main {
    position: absolute;
    left: 0;
    right: 0;
    top: 44px;
    bottom: 0;
    padding-top: 0;
    overflow-y: auto;
    max-width: 750px;
    margin: 0 auto
}

.ui-box {
    position: relative;
    margin-top: 10px
}

.ui-box:after {
    content: "";
    clear: both;
    display: table
}

.ui-box--rankList {
    margin-top: 0
}

.ui-box-hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    position: relative;
    padding: 19px 20px;
    font-size: 20px;
    line-height: normal
}

.ui-box-hd .ui-txt {
    font-size: 14px;
    color: #666
}

.ui-box-hd .ui-txt a {
    color: #666
}

.ui-box-hd .ui-txt i {
    position: relative;
    top: -1px;
    display: inline-block;
    margin: 0 -2px 0 2px;
    font-size: 11px
}

.ui-box-hd.ui-link:before {
    font-size: 11px
}

.ui-box-hd .txt {
    padding-left: 10px;
    font-size: 13px;
    color: #999
}

.ui-box-hd .ui-flex {
    padding-right: 25px
}

.ui-box-hd h2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 12px;
    font-weight: 500
}

.ui-box-hd h2 > a {
    display: block
}

.ui-box-hd .notice {
    font-size: 15px
}

.ui-box-hd .notice-icon {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: 8px;
    background: -webkit-linear-gradient(252.1deg, #fac86b, #fda331);
    background: -moz-linear-gradient(252.1deg, #fac86b, #fda331);
    background: -o-linear-gradient(252.1deg, #fac86b, #fda331);
    background: linear-gradient(-162.1deg, #fac86b, #fda331);
    text-align: center;
    color: #fff
}

.ui-box-hd .notice-icon i {
    vertical-align: middle
}

.ui-box-bd {
    background: #fff
}

.ui-link {
    position: relative
}

.ui-link > a {
    display: block;
    width: 100%
}

.house-list-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.house-list-page .ui-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-page .ui-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.line-title {
    padding: 12px 20px
}

.line-title h3 {
    position: relative;
    padding-left: 8px;
    line-height: 1;
    border-left: 3px solid #ff5121;
    font-size: 16px
}

.occupy {
    height: 40px
}

.tab-nav {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.tab-nav a {
    display: block;
    height: 100%;
    overflow: hidden
}

.tab-1.fixed {
    top: 43px
}

.tab-1.fixed, .tab-1.fixed.chioce-warp .tab-nav {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05)
}

.tab-1.fixed .tab-nav:after {
    display: none
}

.tab-1 li {
    line-height: 40px;
    height: 40px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: hidden
}

.tab-1 li:last-child:nth-child(2):before {
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: #dedede
}

.tab-1 .tab-nav i {
    position: relative;
    display: inline-block;
    padding-right: 15px
}

.tab-1 .tab-nav i:after {
    content: "";
    position: absolute;
    right: 2px;
    top: 50%;
    width: 0;
    height: 0;
    overflow: hidden;
    margin-top: -2px;
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.tab-1 .tab-nav .on {
    color: #ff5121
}

.tab-1 .tab-nav .on i:after {
    border-top-color: #ff5121;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tab-1 .tab-nav .on .ic-filter:after {
    color: inherit
}

.tab-1 .filter-item {
    width: 45px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 0
}

.tab-1 .filter-item i {
    padding-right: 0
}

.tab-1 .filter-item i:after {
    display: none
}

.tab-1 .filter-item:after {
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: #dedede
}

.tab-1 .filter-item-w i {
    padding-right: 0
}

.tab-1 .filter-item-w i:after {
    display: none
}

.tab-1 [class*=" icon-"], .tab-1 [class^=icon-] {
    margin-left: 4px
}

.filter-layer.fixed .tab-1 {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05)
}

.filter-layer.fixed .tab-1 .tab-nav:after {
    display: none
}

.lt-tab {
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #999;
    font-size: 0
}

.lt-tab--yellow {
    white-space: nowrap;
    overflow: auto;
    width: 100%;
    border: 0;
    padding: 0 0 0 20px
}

.lt-tab.full {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.lt-tab.full a {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.lt-tab.full .w {
    -webkit-box-flex: 1.5;
    -webkit-flex: 1.5;
    -moz-box-flex: 1.5;
    -ms-flex: 1.5;
    flex: 1.5
}

.lt-tab a {
    display: inline-block;
    font-size: 12px;
    padding: 3px 0;
    width: 45px;
    text-align: center;
    color: #999;
    border-left: 1px solid #999;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    -moz-transition: background-color .15s;
    transition: background-color .15s
}

.lt-tab a.on {
    background-color: #999;
    color: #fff
}

.lt-tab a:first-child {
    border-left: 0
}

.lt-tab--yellow a {
    border: 0;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    color: #121212;
    background: #f3f5f7;
    margin-right: 15px;
    padding: 3px 10px;
    width: auto;
    min-width: 45px
}

.lt-tab--yellow a.on {
    color: #fff;
    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)
}

.sp-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px
}

.sp-tab-item {
    display: block;
    padding: 0 20px;
    color: #666;
    font-weight: 500
}

.sp-tab-item.on {
    color: #ff5121
}

.sp-tab-item:last-child {
    padding-right: 0
}

.tab-2 {
    text-align: center;
    background: #fff;
    font-size: 15px
}

.tab-2 li {
    line-height: 44px;
    height: 44px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    overflow: initial
}

.tab-2 .on a {
    font-weight: 500;
    color: #ff5121
}

.tab-2 .on span {
    display: inline-block;
    height: 100%;
    position: relative
}

.tab-2 .on span:after {
    content: "";
    position: absolute;
    left: -5px;
    right: -5px;
    bottom: 0;
    height: 5px;
    background-image: -webkit-linear-gradient(right, #ffb244, #ff611b);
    background-image: -webkit-gradient(linear, right top, left top, from(#ffb244), to(#ff611b));
    background-image: -moz-linear-gradient(right, #ffb244, #ff611b);
    background-image: -o-linear-gradient(right, #ffb244, #ff611b);
    background-image: linear-gradient(-90deg, #ffb244, #ff611b)
}

.ui-labelbox-s {
    line-height: 1.1;
    height: 16px;
    margin-top: 4px;
    max-width: 100%;
    overflow: hidden;
    font-size: 0
}

.ui-labelbox-s .label {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    height: 16px;
    padding: 3px 4px 2px;
    margin-right: 5px;
    background-color: #f3f5f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #3d5688
}

.ui-labelbox-s .label.auth, .ui-labelbox-s .label.free, .ui-labelbox-s .label.ranking {
    background-color: #ffe6ec;
    color: #ef3e4a
}

.ui-labelbox-s .label.back {
    background-color: #ff5d51;
    color: #fff
}

.ui-labelbox-s .label.discount {
    background-color: #ffe6ec;
    color: #ef3e4a
}

.ui-labelbox-s .label.discount i {
    float: left;
    height: 16px;
    padding: 3px 3px 2px;
    margin: -3px 2px -2px -4px !important;
    background-color: #ef3e4a;
    color: #fff;
    -webkit-border-top-left-radius: 1px;
    -moz-border-radius-topleft: 1px;
    border-top-left-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    -moz-border-radius-bottomleft: 1px;
    border-bottom-left-radius: 1px
}

.label-new, .label-xf, .Lplist-mark {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-left: 5px;
    padding: 0 2px;
    height: 14px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.Lplist-mark--new {
    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)
}

.Lplist-mark--xf {
    background-color: #334de1;
    background-image: -webkit-linear-gradient(left, #334de1, #3c8aff);
    background-image: -webkit-gradient(linear, left top, right top, from(#334de1), to(#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)
}

.label-new {
    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)
}

.label-xf {
    background-color: #334de1;
    background-image: -webkit-linear-gradient(left, #334de1, #3c8aff);
    background-image: -webkit-gradient(linear, left top, right top, from(#334de1), to(#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)
}

.ui-video {
    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%);
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: 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
}

.ui-video i {
    margin: 1px 0 0 2px;
    font-size: 9px
}

.ui-video--m {
    width: 36px;
    height: 36px
}

.ui-video--m i {
    font-size: 12px
}

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

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInLeft {
    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: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    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: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInRight {
    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: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    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: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 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)
    }
}

@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)
    }
}

@-webkit-keyframes ai {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -220.5px 0
    }
}

@-moz-keyframes ai {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -220.5px 0
    }
}

@-o-keyframes ai {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -220.5px 0
    }
}

@keyframes ai {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -220.5px 0
    }
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    25% {
        -webkit-transform: translate3d(0, -2.5px, 0);
        transform: translate3d(0, -2.5px, 0)
    }
    50% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    75% {
        -webkit-transform: translate3d(0, 2.5px, 0);
        transform: translate3d(0, 2.5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes move {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
    25% {
        -webkit-transform: translate3d(0, -2.5px, 0);
        -moz-transform: translate3d(0, -2.5px, 0);
        transform: translate3d(0, -2.5px, 0)
    }
    50% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
    75% {
        -webkit-transform: translate3d(0, 2.5px, 0);
        -moz-transform: translate3d(0, 2.5px, 0);
        transform: translate3d(0, 2.5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-o-keyframes move {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    25% {
        -webkit-transform: translate3d(0, -2.5px, 0);
        transform: translate3d(0, -2.5px, 0)
    }
    50% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    75% {
        -webkit-transform: translate3d(0, 2.5px, 0);
        transform: translate3d(0, 2.5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes move {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
    25% {
        -webkit-transform: translate3d(0, -2.5px, 0);
        -moz-transform: translate3d(0, -2.5px, 0);
        transform: translate3d(0, -2.5px, 0)
    }
    50% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
    75% {
        -webkit-transform: translate3d(0, 2.5px, 0);
        -moz-transform: translate3d(0, 2.5px, 0);
        transform: translate3d(0, 2.5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.loading-animate {
    -webkit-animation: rotate 2s linear infinite;
    -moz-animation: rotate 2s linear infinite;
    -o-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite
}

.swiper-container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    transition-property: transform, -webkit-transform
}

.swiper-slide, .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.swiper-slide {
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.swiper-slide a {
    display: block;
    width: 100%;
    height: 100%
}

.swiper-lazy-preloader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12) infinite;
    -o-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-pagination {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 10px;
    font-size: 0;
    right: 0;
    z-index: 10
}

.swiper-pagination-bullet {
    background-color: hsla(0, 0%, 100%, .5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 3px;
    width: 7px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: background .15s;
    -o-transition: background .15s;
    -moz-transition: background .15s;
    transition: background .15s
}

.swiper-pagination-bullet-active {
    background-color: #ff5121
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.swiper-zoom-container > img, .swiper-zoom-container > video {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-o-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.home-banner .swiper-pagination {
    bottom: 24px
}

.home-banner .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.home-banner .swiper-pagination-bullet-active {
    width: 12px;
    background-color: #fff
}

.banner-list a {
    position: relative;
    padding-bottom: 24%
}

.banner-list img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%
}

.banner-list.xf a {
    padding-bottom: 45.067%
}

.banner-list.home-banner .swiper-slide {
    padding: 0 20px
}

.banner-list.home-banner img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.banner-list.home-banner a {
    padding-bottom: 24.93%
}

.list-lp-wrap:after {
    left: 20px !important;
    right: 20px !important
}

.list-lp.swiper li {
    border-bottom: none
}

.list-lp.swiper li:after {
    display: none
}

.list-lp-scroll {
    height: 105px;
    overflow: hidden
}

.list-lp-scroll .list-lp li {
    border-bottom: 0
}

.list-lp-scroll .list-lp li:after {
    display: none
}

.list-lp.type .list-lp-hd:after {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.list-lp.type .list-lp-bd {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-pack: justify
}

.list-lp li {
    background: #fff;
    position: relative
}

.list-lp li:after {
    left: 20px;
    right: 20px
}

.list-lp a {
    display: block;
    padding: 20px
}

.list-lp a:active {
    background: #eee
}

.list-lp-hd {
    position: relative;
    float: left;
    width: 100px;
    height: 80px;
    margin-right: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden
}

.list-lp-hd img {
    display: block;
    width: 100%;
    height: 100%
}

.list-lp-hd .sold {
    padding: 1px 4px;
    background-color: #ff5121;
    font-size: 10px
}

.list-lp-hd .on-sale, .list-lp-hd .sold {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff
}

.list-lp-hd .on-sale {
    background: #ffa45d;
    line-height: 1;
    padding: 4px;
    font-size: 12px
}

.list-lp-hd .tag {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 1px 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    font-size: 11px;
    color: #fff
}

.list-lp-hd .tag-prefer {
    background-image: -webkit-linear-gradient(right, #ff7338, #f54732);
    background-image: -webkit-gradient(linear, right top, left top, from(#ff7338), to(#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)
}

.list-lp-hd .tag-free, .list-lp-hd .tag-scene {
    background-image: -webkit-linear-gradient(right, #ff8c32, #ff3d26);
    background-image: -webkit-gradient(linear, right top, left top, from(#ff8c32), to(#ff3d26));
    background-image: -moz-linear-gradient(right, #ff8c32, #ff3d26);
    background-image: -o-linear-gradient(right, #ff8c32, #ff3d26);
    background-image: linear-gradient(-90deg, #ff8c32, #ff3d26)
}

.list-lp-hd .tag-spec {
    background-color: #e0a02d
}

.list-lp-hd .tag-discount {
    background-image: -webkit-linear-gradient(right, #ff7338, #f54732);
    background-image: -webkit-gradient(linear, right top, left top, from(#ff7338), to(#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)
}

.list-lp-hd .tag-true {
    background-image: -webkit-linear-gradient(right, #ffbb18, #ff9600);
    background-image: -webkit-gradient(linear, right top, left top, from(#ffbb18), to(#ff9600));
    background-image: -moz-linear-gradient(right, #ffbb18 0, #ff9600 100%);
    background-image: -o-linear-gradient(right, #ffbb18 0, #ff9600 100%);
    background-image: linear-gradient(270deg, #ffbb18, #ff9600)
}

.list-lp-hd .tag-relet {
    background-image: -webkit-linear-gradient(right, #32c8f7, #3894ff);
    background-image: -webkit-gradient(linear, right top, left top, from(#32c8f7), to(#3894ff));
    background-image: -moz-linear-gradient(right, #32c8f7 0, #3894ff 100%);
    background-image: -o-linear-gradient(right, #32c8f7 0, #3894ff 100%);
    background-image: linear-gradient(-90deg, #32c8f7, #3894ff)
}

.list-lp-hd .tag-rent {
    background-image: -webkit-linear-gradient(right, #1fde7b, #19c45f);
    background-image: -webkit-gradient(linear, right top, left top, from(#1fde7b), to(#19c45f));
    background-image: -moz-linear-gradient(right, #1fde7b 0, #19c45f 100%);
    background-image: -o-linear-gradient(right, #1fde7b 0, #19c45f 100%);
    background-image: linear-gradient(-90deg, #1fde7b, #19c45f)
}

.list-lp-hd .tag-stop {
    background-image: -webkit-linear-gradient(right, #575757, #3e3e3e);
    background-image: -webkit-gradient(linear, right top, left top, from(#575757), to(#3e3e3e));
    background-image: -moz-linear-gradient(right, #575757 0, #3e3e3e 100%);
    background-image: -o-linear-gradient(right, #575757 0, #3e3e3e 100%);
    background-image: linear-gradient(-90deg, #575757, #3e3e3e)
}

.listItem-sort {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    min-width: 48px;
    text-align: center;
    font-weight: 500
}

.listItem-sort-num {
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    background-color: #4a4a4a;
    color: #fff;
    font-size: 14px;
    -webkit-border-radius: 8px 0 8px 0;
    -moz-border-radius: 8px 0 8px 0;
    border-radius: 8px 0 8px 0;
    padding: 0 8px
}

.listItem-sort-num:before {
    content: "TOP "
}

.listItem-sort-num.top {
    background-color: #ff5121
}

.list-lp-bd {
    overflow: hidden;
    position: relative;
    min-height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.list-lp-bd:only-child {
    min-height: 65px
}

.arround-map .map-layer .list-lp-bd:only-child .house-name .addr, .customer-container-item .list-lp-bd:only-child .house-name .c-info, .customer-container-item .list-lp-bd:only-child .house-name h4, .download-warp .list-lp-bd:only-child .house-name .text, .download-warp .list-lp-bd:only-child .house-name h2, .f-all-list .list-lp-bd:only-child .house-name a, .f-link-box-list .list-lp-bd:only-child .house-name a, .hsPrice-area-list .list-lp-bd:only-child .house-name .name, .hsPrice-area-list .list-lp-bd:only-child .house-name .total-price, .hsPrice-info-list .list-lp-bd:only-child .house-name li, .info-list .list-lp-bd:only-child .house-name p, .list-house-bd .list-lp-bd:only-child .house-name .total, .list-lp-bd:only-child .house-name .address, .list-lp-bd:only-child .house-name .app-leading, .list-lp-bd:only-child .house-name .arround-map .map-layer .addr, .list-lp-bd:only-child .house-name .customer-container-item .c-info, .list-lp-bd:only-child .house-name .customer-container-item h4, .list-lp-bd:only-child .house-name .download-warp .text, .list-lp-bd:only-child .house-name .download-warp h2, .list-lp-bd:only-child .house-name .ellipsis, .list-lp-bd:only-child .house-name .f-all-list a, .list-lp-bd:only-child .house-name .f-link-box-list a, .list-lp-bd:only-child .house-name .house-name, .list-lp-bd:only-child .house-name .hsPrice-area-list .name, .list-lp-bd:only-child .house-name .hsPrice-area-list .total-price, .list-lp-bd:only-child .house-name .hsPrice-info-list li, .list-lp-bd:only-child .house-name .info-list p, .list-lp-bd:only-child .house-name .list-house-bd .total, .list-lp-bd:only-child .house-name .list-sort-info, .list-lp-bd:only-child .house-name .Lplist-info, .list-lp-bd:only-child .house-name .news-list .info-item.source, .list-lp-bd:only-child .house-name .plan, .list-lp-bd:only-child .house-name .pop-subscribe-discount .sub-tit, .list-lp-bd:only-child .house-name .strategy-list-dec, .list-lp-bd:only-child .house-name .tab-1 .tab-nav i, .list-lp-bd:only-child .house-name .table-data .name, .list-lp-bd:only-child .house-name .time, .list-lp-bd:only-child .house-name .type, .list-lp-bd:only-child .house-name .type-info, .list-lp-bd:only-child .house-name .ui-nowrap, .news-list .list-lp-bd:only-child .house-name .info-item.source, .pop-subscribe-discount .list-lp-bd:only-child .house-name .sub-tit, .tab-1 .tab-nav .list-lp-bd:only-child .house-name i, .table-data .list-lp-bd:only-child .house-name .name {
    max-width: 80%
}

.list-lp-bd .house-name {
    position: relative;
    line-height: 1;
    padding-bottom: 3px;
    font-size: 16px;
    font-weight: 500
}

.arround-map .map-layer .list-lp-bd .house-name .addr, .customer-container-item .list-lp-bd .house-name .c-info, .customer-container-item .list-lp-bd .house-name h4, .download-warp .list-lp-bd .house-name .text, .download-warp .list-lp-bd .house-name h2, .f-all-list .list-lp-bd .house-name a, .f-link-box-list .list-lp-bd .house-name a, .hsPrice-area-list .list-lp-bd .house-name .name, .hsPrice-area-list .list-lp-bd .house-name .total-price, .hsPrice-info-list .list-lp-bd .house-name li, .info-list .list-lp-bd .house-name p, .list-house-bd .list-lp-bd .house-name .total, .list-lp-bd .house-name .address, .list-lp-bd .house-name .app-leading, .list-lp-bd .house-name .arround-map .map-layer .addr, .list-lp-bd .house-name .customer-container-item .c-info, .list-lp-bd .house-name .customer-container-item h4, .list-lp-bd .house-name .download-warp .text, .list-lp-bd .house-name .download-warp h2, .list-lp-bd .house-name .ellipsis, .list-lp-bd .house-name .f-all-list a, .list-lp-bd .house-name .f-link-box-list a, .list-lp-bd .house-name .house-name, .list-lp-bd .house-name .hsPrice-area-list .name, .list-lp-bd .house-name .hsPrice-area-list .total-price, .list-lp-bd .house-name .hsPrice-info-list li, .list-lp-bd .house-name .info-list p, .list-lp-bd .house-name .list-house-bd .total, .list-lp-bd .house-name .list-sort-info, .list-lp-bd .house-name .Lplist-info, .list-lp-bd .house-name .news-list .info-item.source, .list-lp-bd .house-name .plan, .list-lp-bd .house-name .pop-subscribe-discount .sub-tit, .list-lp-bd .house-name .strategy-list-dec, .list-lp-bd .house-name .tab-1 .tab-nav i, .list-lp-bd .house-name .table-data .name, .list-lp-bd .house-name .time, .list-lp-bd .house-name .type, .list-lp-bd .house-name .type-info, .list-lp-bd .house-name .ui-nowrap, .news-list .list-lp-bd .house-name .info-item.source, .pop-subscribe-discount .list-lp-bd .house-name .sub-tit, .tab-1 .tab-nav .list-lp-bd .house-name i, .table-data .list-lp-bd .house-name .name {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    max-width: 50%
}

.list-lp-bd .plan-box {
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1px
}

.list-lp-bd .plan-box .price {
    position: relative;
    min-width: 75px;
    text-align: right
}

.list-lp-bd .plan-box .total {
    float: none
}

.list-lp-bd .name-box {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3px
}

.list-lp-bd .name-box h3 {
    max-width: 84%;
    line-height: 1;
    font-size: 16px;
    font-weight: 500
}

.list-lp-bd .name-box h3:only-child {
    max-width: 100%
}

.list-lp-bd .name-box i {
    margin: 0 0 0 4px
}

.list-lp-bd .plan {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    padding: 2px 5px 0 0;
    font-size: 12px
}

.list-lp-bd .plan.single {
    display: block;
    color: #666
}

.list-lp-bd .line {
    display: inline-block;
    width: 1px;
    background-color: #dedede;
    height: 8px;
    line-height: 1;
    margin: 0 4px
}

.list-lp-bd .price {
    line-height: 1.3;
    font-size: 16px;
    color: #ef0000;
    font-weight: 700
}

.list-lp-bd .price i {
    font-size: 12px;
    font-weight: 400
}

.list-lp-bd .price-single, .list-lp-bd .price .total-num {
    position: absolute;
    right: 0;
    top: 23px;
    color: #999;
    font-size: 12px;
    font-weight: 400
}

.list-lp-bd .address, .list-lp-bd .time, .list-lp-bd .type {
    font-size: 12px;
    color: #999;
    padding-top: 2px
}

.list-lp-bd .type {
    height: 20px
}

.list-lp-bd .type.c6 {
    color: #666 !important
}

.list-lp-bd .type-info {
    font-size: 12px;
    color: #999;
    padding-top: 2px
}

.list-lp-bd .type-info.c6 {
    color: #666 !important
}

.list-lp-bd .info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.45
}

.list-lp-bd .d-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px
}

.list-lp-bd .d-info em {
    padding-right: 3px;
    color: #ff5121
}

.list-lp-bd .avr-price {
    font-size: 12px;
    color: #999
}

.list-lp-bd .avr-price span {
    font-size: 14px
}

.list-lp-bd .single {
    display: inline-block
}

.list-lp-bd .total {
    float: right;
    line-height: 1;
    font-size: 12px;
    color: #ff5121
}

.list-lp-bd .total.c9 {
    color: #999 !important
}

.list-lp-bd .total em {
    padding-right: 2px;
    font-weight: 500;
    font-size: 17px
}

.list-lp-bd .total.up {
    color: #ef3929 !important
}

.list-lp-bd .total.down {
    color: #0bb03d !important
}

.list-lp-bd .total.equal {
    color: #666 !important
}

.list-lp-bd .tip {
    color: #3d5688;
    font-size: 12px
}

.list-lp-bd .price-box {
    height: 20px;
    line-height: 20px;
    padding-top: 1px
}

.list-lp-bd .major {
    color: #ef0000;
    font-size: 12px
}

.list-lp-bd .major strong {
    font-size: 15px
}

.list-lp-bd .major .num {
    font-size: 18px
}

.list-lp-bd .aid {
    padding-left: 5px;
    font-size: 12px;
    color: #999
}

.list-lp-bd .rate {
    padding-left: 7px;
    font-size: 12px
}

.list-lp-bd .rate.up {
    color: #ce3535
}

.list-lp-bd .rate.down {
    color: #0bb03d
}

.list-lp-bd .rate.equal {
    color: #666
}

.list-lp-bd .ui-labelbox-s + .rent-price {
    padding-top: 4px
}

.list-lp-bd .rent-price {
    line-height: 1;
    padding-top: 2px;
    font-size: 12px;
    color: #ef0000
}

.list-lp-bd .rent-price strong {
    font-size: 17px
}

.list-lp-bd .lp-discount {
    padding-top: 6px;
    font-size: 12px;
    color: #666
}

.list-lp-bd .lp-discount-label {
    display: inline-block;
    line-height: 1.4;
    padding: 0 2px;
    background-color: #ff5121;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin-right: 5px;
    font-size: 12px;
    color: #fff
}

.list-lp-bd .icon-rank-down {
    position: relative;
    top: -1px;
    margin-right: 1px
}

.list-lp-bd .icon-rank-down:before {
    font-size: 12px;
    color: #0bb03d
}

.list-lp-road {
    padding: 0 20px 20px
}

.list-lp-road-block {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    padding: 7px 27px 7px 11px !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    color: #666
}

.list-lp-road-block.ui-link:before {
    right: 5px;
    font-size: 18px;
    color: #ccc
}

.list-lp-road-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-right: 10px
}

.lp-header {
    background-color: #fdfdfd
}

.lp-header.ui-link:before {
    color: #666
}

.lp-header-inner, .lp-header.ui-link a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.lp-header-inner {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 20px
}

.lp-header-tit {
    width: 35.5%;
    font-size: 18px;
    font-weight: 500
}

.lp-header-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    line-height: 1
}

.lp-header-content li {
    float: left;
    width: 50%;
    padding-left: 20px
}

.lp-header-content li:last-child:before {
    display: none
}

.lp-header-content .label {
    display: block;
    padding-bottom: 9px;
    color: #666
}

.lp-header-content strong {
    font-size: 16px
}

.lp-header .price {
    padding-top: 11px
}

.lp-header .price strong {
    padding-right: 5px;
    font-size: 16px
}

.lp-header .line {
    color: #ccc;
    padding: 0 7px
}

.Lplist.type .Lplist-item-media:after {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.Lplist.type .Lplist-item-cont {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-pack: justify
}

.Lplist-item {
    background: #fff;
    position: relative
}

.Lplist-item:after {
    left: 20px;
    right: 20px
}

.Lplist-item-media {
    width: 100px;
    margin-right: 10px
}

.Lplist-item-cont {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Lplist-block, .Lplist-item-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.Lplist-block {
    padding: 20px
}

.Lplist-block:active {
    background: #eee
}

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

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

.Lplist-namebox {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px
}

.Lplist-pricebox {
    position: absolute;
    right: 0;
    top: 20px;
    text-align: right
}

.Lplist-price-main {
    line-height: 1.42;
    font-size: 12px;
    color: #ef0000
}

.Lplist-price-main strong {
    font-size: 16px;
    font-weight: 700
}

.Lplist-price-sub {
    font-size: 12px;
    color: #999
}

.Lplist-keybox {
    height: 20px;
    line-height: 20px;
    padding-top: 1px
}

.Lplist-price {
    color: #ef0000;
    font-size: 12px
}

.Lplist-price strong {
    font-size: 15px
}

.Lplist-name {
    max-width: 84%;
    line-height: 1;
    font-size: 16px;
    font-weight: 500
}

.Lplist-name:only-child {
    max-width: 100%
}

.Lplist-info {
    font-size: 12px;
    color: #999;
    padding: 2px 100px 0 0
}

.Lplist-info.c6 {
    color: #666
}

.Lplist-mark {
    margin-left: 4px
}

.Lplist-tag {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 1px 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    font-size: 11px;
    color: #fff
}

.Lplist-tag--prefer {
    background-image: -webkit-linear-gradient(right, #ff7338, #f54732);
    background-image: -webkit-gradient(linear, right top, left top, from(#ff7338), to(#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)
}

.Lplist-tag--free, .Lplist-tag--scene {
    background-image: -webkit-linear-gradient(right, #ff8c32, #ff3d26);
    background-image: -webkit-gradient(linear, right top, left top, from(#ff8c32), to(#ff3d26));
    background-image: -moz-linear-gradient(right, #ff8c32, #ff3d26);
    background-image: -o-linear-gradient(right, #ff8c32, #ff3d26);
    background-image: linear-gradient(-90deg, #ff8c32, #ff3d26)
}

.Lplist-tag--spec {
    background-color: #e0a02d
}

.Lplist-tag--discount {
    background-image: -webkit-linear-gradient(right, #ff7338, #f54732);
    background-image: -webkit-gradient(linear, right top, left top, from(#ff7338), to(#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)
}

.Lplist-tag--fanxian {
    background: -webkit-gradient(linear, right top, left top, from(#ff4a21), to(#ff005b));
    background: -webkit-linear-gradient(right, #ff4a21, #ff005b);
    background: -moz-linear-gradient(right, #ff4a21 0, #ff005b 100%);
    background: -o-linear-gradient(right, #ff4a21 0, #ff005b 100%);
    background: linear-gradient(270deg, #ff4a21, #ff005b)
}

.Lplist-tag--true {
    background-image: -webkit-linear-gradient(right, #ffbb18, #ff9600);
    background-image: -webkit-gradient(linear, right top, left top, from(#ffbb18), to(#ff9600));
    background-image: -moz-linear-gradient(right, #ffbb18 0, #ff9600 100%);
    background-image: -o-linear-gradient(right, #ffbb18 0, #ff9600 100%);
    background-image: linear-gradient(270deg, #ffbb18, #ff9600)
}

.Lplist-tag--relet {
    background-image: -webkit-linear-gradient(right, #32c8f7, #3894ff);
    background-image: -webkit-gradient(linear, right top, left top, from(#32c8f7), to(#3894ff));
    background-image: -moz-linear-gradient(right, #32c8f7 0, #3894ff 100%);
    background-image: -o-linear-gradient(right, #32c8f7 0, #3894ff 100%);
    background-image: linear-gradient(-90deg, #32c8f7, #3894ff)
}

.Lplist-tag--rent {
    background-image: -webkit-linear-gradient(right, #1fde7b, #19c45f);
    background-image: -webkit-gradient(linear, right top, left top, from(#1fde7b), to(#19c45f));
    background-image: -moz-linear-gradient(right, #1fde7b 0, #19c45f 100%);
    background-image: -o-linear-gradient(right, #1fde7b 0, #19c45f 100%);
    background-image: linear-gradient(-90deg, #1fde7b, #19c45f)
}

.Lplist-tag--stop {
    background-image: -webkit-linear-gradient(right, #575757, #3e3e3e);
    background-image: -webkit-gradient(linear, right top, left top, from(#575757), to(#3e3e3e));
    background-image: -moz-linear-gradient(right, #575757 0, #3e3e3e 100%);
    background-image: -o-linear-gradient(right, #575757 0, #3e3e3e 100%);
    background-image: linear-gradient(-90deg, #575757, #3e3e3e)
}

.Lplist-tag--owner {
    background-image: -webkit-linear-gradient(right, #0fd944, #09b532);
    background-image: -webkit-gradient(linear, right top, left top, from(#0fd944), to(#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)
}

.Lplist-line {
    display: inline-block;
    width: 1px;
    background-color: #dedede;
    height: 8px;
    line-height: 1;
    margin: 0 4px
}

.Lplist-support {
    padding-right: 31px;
    line-height: 1.1;
    margin-top: 10px;
    font-size: 12px;
    color: #666
}

.Lplist-support i {
    color: #3d5688;
    margin-right: 6px
}

.Lplist-support i:before {
    font-size: 12px
}

.ui-labelbox-s + .Lplist-support {
    margin-top: 12px
}

.Lplist-flag {
    line-height: 1.1;
    margin-top: 13px;
    font-size: 12px;
    color: #121212
}

.Lplist-flag-title {
    position: relative;
    top: -1px;
    display: inline-block;
    padding: 0 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 3px;
    color: #fff;
    background-image: -webkit-linear-gradient(right, #3e4061, #120e3f);
    background-image: -webkit-gradient(linear, right top, left top, from(#3e4061), to(#120e3f));
    background-image: -moz-linear-gradient(right, #3e4061 0, #120e3f 100%);
    background-image: -o-linear-gradient(right, #3e4061 0, #120e3f 100%);
    background-image: linear-gradient(270deg, #3e4061, #120e3f)
}

.Lplist-flag-tag, .Lplist-flag-title {
    height: 12px;
    line-height: 12px;
    font-size: 8px
}

.Lplist-flag-tag {
    position: absolute;
    right: 0;
    top: 113px;
    padding: 0 5px;
    background-color: #eee;
    color: #bbb
}

.Lplist .icon-rank-down {
    position: relative;
    top: -1px;
    margin-right: 1px
}

.Lplist .icon-rank-down:before {
    font-size: 12px;
    color: #0bb03d
}

.Lplist-label {
    font-size: 0;
    padding: 14px 20px
}

.Lplist-label-item {
    display: inline-block;
    vertical-align: middle;
    width: 25%
}

.Lplist-label-item:active i {
    background-color: #eee
}

.Lplist-label-item i {
    display: block;
    background-color: #f5f5f5;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    padding: 6px 0;
    font-size: 13px;
    text-align: center;
    margin: 6px 4px
}

.Lplist-label-item:nth-child(4n) i {
    margin-right: 0
}

.Lplist-label-item.on i {
    background-color: #ff5121;
    color: #fff
}

.Lplist-dynamic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 7px
}

.Lplist-dynamic-icon {
    display: block;
    width: 15px;
    height: 15px;
    background: -webkit-linear-gradient(225deg, #6eb2ff, #2a8cff);
    background: -moz-linear-gradient(225deg, #6eb2ff 0, #2a8cff 100%);
    background: -o-linear-gradient(225deg, #6eb2ff 0, #2a8cff 100%);
    background: linear-gradient(225deg, #6eb2ff, #2a8cff);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 5px;
    font-size: 10px;
    text-align: center;
    color: #fff
}

.Lplist-dynamic-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.2;
    font-size: 12px;
    color: #666
}

.Lplist + .style-title {
    margin-top: 20px
}

.list-house {
    padding-bottom: 11px
}

.list-house.type .type {
    color: #666
}

.list-house li {
    width: 155px;
    margin-right: 15px
}

.list-house li:last-child {
    margin-right: 20px
}

.list-house li:first-child {
    margin-left: 20px
}

.list-house-hd {
    position: relative;
    height: 100px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden
}

.list-house-hd img {
    display: block;
    width: 100%;
    height: 100%
}

.list-house-hd .tag {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 1px 4px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    font-size: 11px;
    color: #fff
}

.list-house-hd .tag-discount {
    background-color: #ef3e4a
}

.list-house-hd .tag-discount, .list-house-hd .tag-discount-fanxian {
    -webkit-border-radius: 8px 0 8px 0;
    -moz-border-radius: 8px 0 8px 0;
    border-radius: 8px 0 8px 0
}

.list-house-hd .tag-discount-fanxian {
    background: -webkit-gradient(linear, right top, left top, from(#ff4a21), to(#ff005b));
    background: -webkit-linear-gradient(right, #ff4a21, #ff005b);
    background: -moz-linear-gradient(right, #ff4a21 0, #ff005b 100%);
    background: -o-linear-gradient(right, #ff4a21 0, #ff005b 100%);
    background: linear-gradient(270deg, #ff4a21, #ff005b)
}

.list-house-hd-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 9px 8px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .28) 9%, rgba(0, 0, 0, .68) 95%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(9%, rgba(0, 0, 0, .28)), color-stop(95%, rgba(0, 0, 0, .68)));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .28) 9%, rgba(0, 0, 0, .68) 95%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .28) 9%, rgba(0, 0, 0, .68) 95%);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, .28) 9%, rgba(0, 0, 0, .68) 95%);
    color: #fff
}

.list-house-hd-cont .house-name {
    font-size: 14px;
    font-weight: 500
}

.list-house-hd-cont .price {
    font-size: 12px
}

.list-house-hd-cont .price strong {
    font-size: 14px;
    font-weight: 500
}

.list-house-hd .sort {
    position: absolute;
    top: 0;
    left: 8px;
    width: 18px;
    z-index: 10;
    text-align: center;
    font-weight: 500
}

.list-house-hd .sort .num {
    display: block;
    width: 100%;
    height: 19px;
    line-height: 21px;
    background: #ff5121;
    color: #fff;
    font-size: 12px
}

.list-house-hd .sort .num:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -3.5px;
    border-color: transparent #ff5121;
    border-style: solid;
    border-width: 0 9px 4px
}

.list-house-bd {
    overflow: hidden;
    position: relative;
    padding: 8px 0
}

.list-house-bd .house-name {
    position: relative;
    font-size: 14px;
    font-weight: 500
}

.list-house-bd .type {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    padding-top: 4px
}

.list-house-bd .plan-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.4
}

.list-house-bd .plan-box.ui-link {
    padding-right: 12px
}

.list-house-bd .plan-box.ui-link:before {
    right: 0
}

.list-house-bd .price {
    position: relative;
    font-size: 12px;
    color: #ef0000
}

.list-house-bd .price strong {
    font-weight: 600;
    font-size: 16px
}

.list-house-bd .total {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.deal-header {
    position: relative;
    background-color: #fff
}

.deal-header .lp-name {
    line-height: 1.3;
    padding: 20px 83px 20px 20px;
    font-size: 20px;
    font-weight: 700
}

.deal-header .status-sold {
    position: absolute;
    right: 20px;
    top: 2%;
    font-size: 0;
    color: #ef3929
}

.main-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px
}

.main-info:after {
    left: 20px !important;
    right: 20px !important
}

.main-info-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px 0
}

.main-info-label {
    font-size: 14px;
    color: #999
}

.main-info-cont {
    padding-top: 7px;
    font-size: 16px
}

.main-info-cont.tip {
    color: #3d5688
}

.main-info-cont.price, .main-info-cont.total {
    color: #ef0000;
    font-weight: 700
}

.main-info-cont.total {
    padding-top: 5px;
    font-size: 18px
}

.deal-header .info-list-wrap:after {
    left: 20px;
    right: 20px
}

.list-sort-item {
    position: relative;
    padding: 0 20px 30px 40px;
    line-height: 1.2
}

.list-sort-item:last-child:after {
    display: none
}

.list-sort-item:after {
    content: "";
    position: absolute;
    width: 1px;
    left: 22px;
    top: 20px;
    bottom: 0;
    -webkit-transform: scaleX(.5);
    -moz-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    -o-transform: scaleX(.5);
    transform: scaleX(.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    background: #eee
}

.list-sort-item:before {
    content: "\e853";
    position: absolute;
    left: 20px;
    top: 3px;
    color: #ff5121;
    font-size: 14px;
    height: 14px;
    line-height: 14px
}

.list-sort-hd {
    font-size: 14px
}

.list-sort-hd .total {
    padding-right: 5px;
    font-size: 16px;
    color: #ff5121
}

.list-sort-hd .tip {
    color: #3d5688
}

.list-sort-info {
    padding-top: 10px;
    color: #999;
    font-size: 14px
}

.deal-area .ui-box-bd {
    padding-bottom: 20px
}

.summary-sale {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 20px;
    background: #f3f5f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px
}

.summary-sale li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px 0
}

.summary-sale li:last-child a {
    border-right: 0
}

.summary-sale li.long {
    -webkit-box-flex: 1.4;
    -webkit-flex: 1.4;
    -moz-box-flex: 1.4;
    -ms-flex: 1.4;
    flex: 1.4
}

.summary-sale-item {
    display: block;
    padding-left: 14%;
    border-right: 1px solid #eee
}

.summary-sale .tit {
    color: #666;
    font-size: 12px
}

.summary-sale .cont {
    padding-top: 4px;
    font-size: 14px
}

.summary-sale .cont strong {
    font-size: 18px;
    font-weight: 500
}

.summary-sale .icon-arrow-r, .summary-sale .table-data.table-price td:last-child a:before, .summary-sale .ui-link:before, .summary-sale .ui-list-link a:before, .table-data.table-price td:last-child .summary-sale a:before, .ui-list-link .summary-sale a:before {
    padding-left: 7px
}

.summary-sale .icon-arrow-r:before, .summary-sale .table-data.table-price td:last-child a:before, .summary-sale .ui-link:before, .summary-sale .ui-list-link a:before, .table-data.table-price td:last-child .summary-sale a:before, .ui-list-link .summary-sale a:before {
    font-size: 14px
}

.ui-foot {
    top: auto;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #fff;
    padding: 10px 20px;
    -webkit-box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, .07);
    text-align: center
}

.ui-foot .ui-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 45px;
    line-height: 45px;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 500
}

.ui-foot .ui-btn:last-child {
    margin-right: 0
}

.ui-foot-link {
    display: block;
    height: 100%;
    width: 40px;
    line-height: 1.4;
    margin-right: 10px;
    padding-top: 2px;
    font-size: 12px;
    color: #999
}

.ui-foot-link:first-child {
    margin-left: -5px
}

.ui-foot-link i {
    display: block;
    height: 20px;
    line-height: 20px;
    margin-bottom: 1px;
    color: #ff5121;
    font-size: 19px
}

.ui-foot-link .icon-heart, .ui-foot-link .icon-heart-active {
    font-weight: 700
}

.ui-foot-link .icon-heart-active:before, .ui-foot-link .icon-heart:before {
    font-size: 16px
}

.ui-foot-flagship {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    max-width: 50%;
    margin: 0 20px 0 0 !important
}

.ui-foot-flagship img {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    margin-right: 10px;
    background-color: #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.ui-foot-flagshipText {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
    color: #121212
}

.ui-foot-bg {
    padding: 0 20px 18px;
    background: #121212;
    color: #999;
    font-size: 10px
}

.ui-foot-bg a {
    color: #999
}

.ui-foot-bg .f-bread {
    font-size: 12px;
    text-align: left;
    border-bottom-color: #666
}

.ui-foot-bg .f-bread:after {
    background: #666
}

.ui-foot-bg .f-bread a {
    color: #e3e3e3;
    line-height: 50px
}

.ui-foot-bg .f-bread i {
    padding: 0 3px
}

.f-link-box {
    position: relative;
    padding: 12px 0 2px
}

.f-link-box-hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.f-link-box-hd h4 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    color: #999;
    background: rgba(85, 85, 85, .4);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 20px
}

.f-link-box-hd h4:last-child {
    margin-right: 0
}

.f-link-box-hd h4.on {
    color: #fff;
    background: rgba(1, 1, 1, .4)
}

.f-link-box-list {
    padding-top: 10px;
    font-size: 14px;
    color: #999
}

.f-link-box-list li {
    float: left;
    width: 33.333%;
    padding: 3px 0
}

.f-link-box-list a {
    display: block;
    padding-right: 16%
}

.f-map {
    padding-top: 10.5px;
    font-size: 10px
}

.f-map-item {
    display: inline-block;
    padding: 0 10px
}

.f-map-item:first-child {
    padding-left: 0
}

.ui-foot-bg .copyright {
    padding-top: 5px
}

.f-all {
    background-color: #fff
}

.f-all-hd {
    padding: 13px 20px
}

.f-all-hd:before {
    -webkit-transform: rotate(90deg) translate(-50%);
    -moz-transform: rotate(90deg) translate(-50%);
    -ms-transform: rotate(90deg) translate(-50%);
    -o-transform: rotate(90deg) translate(-50%);
    transform: rotate(90deg) translate(-50%);
    -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;
    transition: transform .3s, -webkit-transform .3s
}

.f-all-hd.on {
    color: #ff5121
}

.f-all-hd.on:before {
    -webkit-transform: rotate(-90deg) translate(50%);
    -moz-transform: rotate(-90deg) translate(50%);
    -ms-transform: rotate(-90deg) translate(50%);
    -o-transform: rotate(-90deg) translate(50%);
    transform: rotate(-90deg) translate(50%)
}

.f-all-hd h5 {
    font-size: 13px
}

.f-all-list {
    overflow: hidden;
    padding: 10px 20px
}

.f-all-list li {
    float: left;
    width: 33.333%
}

.f-all-list.two li {
    width: 50%
}

.f-all-list a {
    display: block;
    padding: 5px 20px;
    font-size: 12px;
    color: #666
}

.c-summary {
    margin-top: 12px;
    background-color: #fff;
    padding: 15px;
    font-size: 13px;
    color: #999
}

.c-summary-handle {
    margin: 2px 0 -5px;
    text-align: center
}

.ui-form {
    font-size: 16px
}

.ui-form textarea {
    display: block;
    width: 100%;
    height: 150px;
    font-size: 14px !important;
    padding: 10px 0
}

.ui-form-box {
    margin-top: 10px
}

.ui-form .ui-unit {
    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%);
    color: #999
}

.ui-form-agreement {
    padding: 10px 0;
    line-height: 15px
}

.ui-form-agreement, .ui-form li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-form li {
    position: relative;
    padding: 0 20px;
    line-height: 50px;
    height: 50px;
    background: #fff
}

.ui-form .ui-form-info {
    display: block;
    line-height: 1.5;
    background: #f3f5f7;
    padding: 10px 20px;
    font-size: 13px;
    color: #999
}

.ui-form .ui-form-link {
    padding-right: 30px
}

.ui-form .ui-form-link select {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    height: 43px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    direction: rtl;
    max-width: 70%
}

.ui-form .ui-form-link select option {
    direction: ltr
}

.ui-label-icon {
    display: block;
    width: 24px;
    margin-right: 5px
}

.ui-label-icon i {
    vertical-align: middle
}

.ui-form-item {
    width: 100%;
    position: relative;
    overflow: hidden
}

.ui-form-item .input-text {
    width: 100%;
    font-size: 16px
}

.ui-form-item .img-code, .ui-form-item .phone-code {
    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%);
    height: 20px;
    line-height: 20px;
    text-align: center
}

.ui-form-item .img-code {
    width: 80px;
    height: 28px;
    background-color: #eee
}

.ui-form-item .img-code img {
    width: 100%;
    height: 100%
}

.ui-form-item-icon {
    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%);
    color: #999
}

.ui-form-item .icon-close-circle:before {
    font-size: 17px
}

.ui-form-item .icon-pwd-hide {
    margin-right: -7px
}

.ui-form-item .icon-pwd-show {
    margin-right: -3px;
    color: #ff5121
}

.ui-form-user li {
    padding: 0;
    height: 40px;
    line-height: 40px;
    margin-top: 12.5px
}

.ui-form-user li:first-child {
    margin-top: 0
}

.ui-form-user li.ui-border-radius {
    padding-left: 10px
}

.ui-form-user li.ui-border-radius:after {
    border-color: #dedede
}

.ui-form-user .ui-form-item.code {
    padding-right: 110px
}

.ui-form-user .ui-form-item.code .ui-form-item-icon {
    right: 90px
}

.ui-form-user .ui-form-item .phone-code {
    color: #456a9c
}

.ui-form-user .ui-form-item .phone-code.disabled {
    color: #999
}

.ui-form .photo-user {
    width: 36px;
    height: 36px
}

.ui-form .photo-user, .ui-form .photo-user img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.ui-form .photo-user img {
    display: block;
    width: 100%;
    height: 100%
}

.ui-form .photo-input {
    position: absolute;
    z-index: 10;
    left: 80px;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: transparent;
    opacity: 0;
    font-size: 0
}

.ui-form .tip-txt {
    line-height: 45px;
    color: #999
}

.ui-form .disabled {
    color: #666
}

.ui-checkbox {
    height: 15px;
    margin-right: 10px;
    position: relative;
    display: inline-block
}

.ui-checkbox .checkbox-status {
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    display: inline-block;
    background: #fff;
    border: none;
    position: relative
}

.ui-checkbox .checkbox-status:after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 199.8%;
    height: 200%;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.ui-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 15px;
    height: 15px;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    margin-right: 4px;
    vertical-align: middle;
    opacity: 0
}

.ui-check:checked + .checkbox-status:after {
    line-height: 1.4;
    padding-left: 2.5px;
    content: "\f053";
    color: #999
}

.ui-radiobox.disabled a {
    color: #999;
    cursor: default
}

.ui-radiobox a {
    display: block;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ui-radiobox .active {
    color: #f25824
}

.ui-radiobox h4 {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ui-radiobox .ui-radio {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.ui-radio:checked + .radiobox-status {
    color: #ff5121
}

.ui-radiobox-s {
    margin-left: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.ui-radiobox-s .ui-radio-s {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.ui-radiobox-s .radiobox-s-status {
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 4px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    border: .5px solid #d8d8d8
}

.ui-radiobox-s .radiobox-s-status:after {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.ui-radio-s:checked + .radiobox-s-status {
    background: #ff5121;
    border-color: #ff5121
}

.ui-radio-s:checked + .radiobox-s-status:after {
    font-size: 15px;
    position: absolute;
    line-height: 1.3;
    padding-left: 2px;
    content: "\f053";
    color: #fff
}

.ui-switch {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 52px;
    height: 32px
}

.ui-switch .ui-checkbox-l {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.ui-switch .checkbox-status {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: #dfdfdf;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    float: left
}

.ui-switch .checkbox-status:after {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    width: 30px
}

.ui-switch .checkbox-status:after, .ui-switch .checkbox-status:before {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    content: " ";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.ui-switch .checkbox-status:before {
    background-color: #fdfdfd;
    width: 50px
}

.ui-switch .text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    color: #fff
}

.ui-switch .text.up {
    right: 8px
}

.ui-switch .text.down {
    left: 8px
}

.ui-switch.simple {
    height: 27px
}

.ui-switch.simple .checkbox-status {
    background-color: #ef3929;
    border: 2px solid #ef3929
}

.ui-switch.simple .checkbox-status:before {
    height: 23px;
    background-color: #ef3929
}

.ui-switch.simple .checkbox-status:after {
    width: 23px;
    height: 23px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.ui-switch.simple .ui-checkbox-l:checked + .checkbox-status {
    background-color: #0bb03d;
    border-color: #0bb03d
}

.ui-switch.simple .ui-checkbox-l:checked + .checkbox-status:after {
    -webkit-transform: translateX(25px);
    -moz-transform: translateX(25px);
    -ms-transform: translateX(25px);
    -o-transform: translateX(25px);
    transform: translateX(25px)
}

.ui-checkbox-l:checked + .checkbox-status {
    background-color: #f25824;
    border-color: #f25824
}

.ui-checkbox-l:checked + .checkbox-status:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.ui-checkbox-l:checked + .checkbox-status:after {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px)
}

.ui-checkbox-2 {
    position: relative;
    text-align: center;
    width: 94px;
    height: 32px;
    line-height: 32px
}

.ui-checkbox-2 input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1
}

.ui-checkbox-2 .ui-checkbox-txt {
    padding: 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    display: block;
    z-index: 0
}

.ui-checkbox-2 .ui-checkbox-txt:after {
    border-color: #e5e5e5
}

.ui-checkbox-2 .sup {
    opacity: 0;
    position: absolute;
    bottom: 14px;
    right: 14px
}

.ui-checkbox-2 .sup:after {
    content: "";
    position: absolute;
    z-index: 1;
    border-color: transparent #ff5121 #ff5121 transparent;
    border-style: solid;
    border-width: 7px
}

.ui-checkbox-2 .sup:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 7px;
    z-index: 10;
    width: 6px;
    height: 3px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ui-checkbox-2 .sup, .ui-checkbox-2 .ui-checkbox-txt, .ui-checkbox-2 .ui-checkbox-txt:after {
    -webkit-transition: all .25s ease 0s;
    -o-transition: all .25s ease 0s;
    -moz-transition: all .25s ease 0s;
    transition: all .25s ease 0s
}

.ui-checkbox-2 input:checked + .ui-checkbox-txt {
    color: #ff5121
}

.ui-checkbox-2 input:checked + .ui-checkbox-txt:after {
    border: 2px solid #ff5121
}

.ui-checkbox-2 input:checked + .ui-checkbox-txt .sup {
    opacity: 1
}

.ui-checkbox-2 input:disabled + .ui-checkbox-txt {
    color: #999
}

.filter-layer.fixed {
    top: 43px
}

.filter-layer-pop {
    bottom: 0;
    padding-top: 40px;
    background: rgba(0, 0, 0, .6)
}

.filter-layer-pop .tab-1 {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1
}

.filter-dropdown {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}

.filter-dropdown-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow-y: auto;
    height: 310px;
    background: #fff;
    font-size: 14px
}

.filter-dropdown-list > li {
    height: 50px;
    line-height: 50px;
    padding: 0 20px
}

.filter-dropdown-list > li.disabled {
    color: #ccc
}

.filter-dropdown-list a {
    display: block
}

.filter-dropdown-list .disabled, .filter-dropdown-list .disabled a {
    color: #ccc
}

.filter-dropdown-list .on, .filter-dropdown-list .on a {
    color: #ff5121
}

.filter-dropdown-ft {
    font-size: 12px;
    background: #f8f8f8;
    padding: 9px 10px
}

.filter-dropdown-ft .ui-btn {
    height: 38px;
    line-height: 38px;
    font-size: 14px
}

.filter-dropdown-ft.delimit .inp-s {
    font-size: 12px !important;
    text-align: center;
    width: 65px;
    height: 35px;
    border: 1px solid #eee
}

.filter-dropdown-ft.delimit span {
    margin: 0 6px
}

.filter-dropdown-ft.delimit .ui-btn {
    width: 67px
}

.filter-area {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.filter-area .filter-dropdown:first-child {
    background: #f3f3f3
}

.filter-area .filter-dropdown:first-child .on {
    background-color: #fff;
    color: #121212
}

.filter-area .filter-dropdown:last-child {
    -webkit-box-flex: 2.5;
    -webkit-flex: 2.5;
    -moz-box-flex: 2.5;
    -ms-flex: 2.5;
    flex: 2.5
}

.filter-area .filter-dropdown:not(:first-child):not(:last-child) {
    -webkit-box-flex: 1.2;
    -webkit-flex: 1.2;
    -moz-box-flex: 1.2;
    -ms-flex: 1.2;
    flex: 1.2
}

.filter-delimit {
    padding-bottom: 56px
}

.filter-delimit .filter-dropdown-ft {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.filter-more {
    max-height: 100% !important;
}

.filter-more h4 {
    padding: 20px 0 0 20px;
    font-size: 17px
}

.filter-more-list {
    overflow: hidden;
    padding: 5px 0 10px 20px
}

.filter-more .filter-dropdown-ft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: #f8f8f8;
    padding: 7px 20px
}

.filter-more .filter-dropdown-ft .ui-btn {
    margin-left: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.filter-more .filter-dropdown-ft .ui-btn:first-child {
    margin-left: 0
}

.filter-more .filter-dropdown-ft .ui-btn_default {
    -webkit-box-flex: 2.8;
    -webkit-flex: 2.8;
    -moz-box-flex: 2.8;
    -ms-flex: 2.8;
    flex: 2.8
}

.filter-checkbox {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 15px calc((100% - 297px) / 2) 0 0;
    text-align: center;
    width: 94px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px
}

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

.filter-checkbox:after {
    border-color: #e5e5e5
}

.filter-checkbox .status-check {
    opacity: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    border-color: transparent #ff5121 #ff5121 transparent;
    border-style: solid;
    border-width: 7px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.filter-checkbox .status-check:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 6px;
    height: 3px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.filter-checkbox.on {
    color: #ff5121
}

.filter-checkbox.on:after {
    border: 2px solid #ff5121
}

.filter-checkbox.on .status-check {
    opacity: 1
}

.filter-checkbox.on a {
    color: inherit
}

.filter-checkbox.disabled {
    color: #ccc
}

.filter-checkbox.disabled:after {
    border-color: #ccc
}

.filter-result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 20px 20px 0;
    font-size: 12px;
    color: #666
}

.filter-result-label {
    display: block;
    min-width: 60px
}

.filter-result-text {
    position: relative;
    padding: 7px 18px 7px 7px;
    font-size: 14px;
    color: #121212
}

.filter-result-text-label {
    display: block;
    min-width: 60px
}

.filter-result-text:after {
    border-color: #dedede
}

.filter-result-text i {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px
}

.download-warp {
    z-index: 900;
    height: 50px;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.download-warp.fadeOut {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.download-warp.fadeIn {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.download-warp .download-cont {
    position: relative;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 0 95px 0 59px;
    color: #fff;
    overflow: hidden
}

.download-warp h2 {
    font-size: 14px
}

.download-warp .text {
    font-size: 12px;
    color: #dedede
}

.download-warp .download {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    right: 20px;
    width: 70px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-image: -webkit-linear-gradient(left, #f54732, #ff7338);
    background-image: -webkit-gradient(linear, left top, right top, from(#f54732), to(#ff7338));
    background-image: -moz-linear-gradient(left, #f54732, #ff7338);
    background-image: -o-linear-gradient(left, #f54732, #ff7338);
    background-image: linear-gradient(90deg, #f54732, #ff7338)
}

.download-warp .app-logo, .download-warp .download {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.download-warp .app-logo {
    width: 36px;
    height: 36px;
    left: 20px
}

.download-warp .app-logo img {
    display: block;
    width: 100%;
    height: 100%
}

.download-warp .icon-bor-close {
    position: relative;
    z-index: 10;
    display: block;
    padding-left: 15px;
    margin-right: -6px;
    color: #fff
}

.download-warp.appdown {
    top: auto;
    bottom: 0
}

.download-warp .download-sh {
    overflow: visible;
    padding: 0 95px 0 85px
}

.download-warp .sh-person {
    position: absolute;
    left: 20px;
    bottom: 0;
    width: 65px;
    height: 85px;
    background: url(sh-person-2zAo_.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/sh-person-2zAo_.png*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.loading-box {
    display: inline-block;
    padding: 20px;
    font-size: 13px;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    max-width: 270px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.loading-box .bg-loading {
    -webkit-animation: bg-loading 2s linear 0s infinite;
    -moz-animation: bg-loading 2s linear 0s infinite;
    -o-animation: bg-loading 2s linear 0s infinite;
    animation: bg-loading 2s linear 0s infinite
}

.loading-box p {
    padding-top: 10px
}

@-webkit-keyframes bg-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@-moz-keyframes bg-loading {
    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 bg-loading {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(2turn);
        -o-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@keyframes bg-loading {
    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)
    }
}

.loading {
    padding: 10px 0;
    font-size: 12px;
    text-align: center;
    color: #666
}

.loading-icon {
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    margin-left: 7px;
    background: url(loading-s-C4cB2.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/loading-s-C4cB2.png*/ no-repeat;
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    background-size: 11px 11px;
    -webkit-animation: bg-loading 1.5s linear infinite;
    -moz-animation: bg-loading 1.5s linear infinite;
    -o-animation: bg-loading 1.5s linear infinite;
    animation: bg-loading 1.5s linear infinite
}

.side-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 900;
    right: 20px;
    left: auto;
    top: auto;
    bottom: 75px
}

.side-bar a {
    display: block;
    margin-top: 15px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 0;
    color: transparent
}

.side-bar a i {
    vertical-align: middle;
    color: #fff
}

.side-bar .top {
    -webkit-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    transition: opacity .25s ease;
    background: rgba(0, 0, 0, .6)
}

.side-bar .download {
    background: #ff5121
}

.side-bar .ad-box {
    width: 80px;
    height: 80px;
    line-height: 1.5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align: right
}

.side-bar .ad-box-img {
    text-align: right;
    width: auto
}

.side-redbag {
    z-index: 900;
    right: 20px;
    left: auto;
    top: auto;
    bottom: 175px;
    font-size: 0;
    color: transparent;
    width: 50px;
    height: 60px;
    background: url(redbag-1KG5g.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/redbag-1KG5g.png*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-animation: move .8s linear infinite;
    -moz-animation: move .8s linear infinite;
    -o-animation: move .8s linear infinite;
    animation: move .8s linear infinite
}

.RightIn {
    -webkit-animation: fadeInRight .3s ease forwards;
    -moz-animation: fadeInRight .3s ease forwards;
    -o-animation: fadeInRight .3s ease forwards;
    animation: fadeInRight .3s ease forwards
}

.leftIn {
    -webkit-animation: fadeInLeft .3s ease forwards;
    -moz-animation: fadeInLeft .3s ease forwards;
    -o-animation: fadeInLeft .3s ease forwards;
    animation: fadeInLeft .3s ease forwards
}

.bottom-enter {
    -webkit-animation: fadeInUp .3s ease forwards;
    -moz-animation: fadeInUp .3s ease forwards;
    -o-animation: fadeInUp .3s ease forwards;
    animation: fadeInUp .3s ease forwards
}

.bottom-leave {
    -webkit-animation: fadeInDown .3s ease forwards;
    -moz-animation: fadeInDown .3s ease forwards;
    -o-animation: fadeInDown .3s ease forwards;
    animation: fadeInDown .3s ease forwards
}

.a-show {
    -webkit-animation: fadeIn .2s ease forwards;
    -moz-animation: fadeIn .2s ease forwards;
    -o-animation: fadeIn .2s ease forwards;
    animation: fadeIn .2s ease forwards
}

.a-hide {
    -webkit-animation: fadeOut .2s ease forwards;
    -moz-animation: fadeOut .2s ease forwards;
    -o-animation: fadeOut .2s ease forwards;
    animation: fadeOut .2s ease forwards
}

.ui-pop {
    -webkit-overflow-scrolling: touch
}

.ui-pop-warp {
    z-index: 1000
}

.ui-pop .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 48px;
    line-height: 45px;
    color: #dedede
}

.ui-pop .close-bottom {
    position: absolute;
    z-index: 1000;
    top: 105%;
    left: 50%;
    margin-left: -15px;
    color: #fff
}

.ui-pop .icon-bor-close:before {
    font-size: 31px;
    font-weight: 500
}

.ui-pop-body {
    padding: 20px;
    text-align: left
}

.ui-pop-body .app-logo {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin-top: -5px
}

.ui-pop-body .ui-btn {
    margin-top: 15px
}

.ui-pop-foot {
    height: 44px
}

.ui-pop-foot .btn {
    color: #121212;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    height: 100%
}

.ui-pop-foot .btn:first-child {
    border: 0
}

.ui-pop-foot .btn:first-child:after {
    display: none
}

.ui-pop-select {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #fff
}

.ui-pop-select li:last-child {
    border: 0
}

.ui-pop-select li:last-child:after {
    height: 0
}

.ui-pop-select li.on .ic-rank-down:after, .ui-pop-select li.on .ic-rank:after, .ui-pop-select li.on a {
    color: #ff5121
}

.ui-pop-select li a {
    display: block;
    padding: 12px 20px;
    font-size: 14px
}

.ui-pop-select li a:active {
    background-color: #eee
}

.ui-pop-select .ic-rank-down:after, .ui-pop-select .ic-rank:after {
    font-size: 13px;
    color: #666
}

.ui-pop .ui-list-banner {
    position: relative;
    width: 80%
}

.ui-pop .ui-list-banner img {
    display: block;
    width: 100%;
    height: 100%
}

.ui-pop .btn-wrap {
    padding-top: 10px
}

.ui-center .ui-pop-warp {
    width: 80%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.ui-center .ui-pop-warp .ic-fail, .ui-center .ui-pop-warp .ic-search-close {
    position: absolute;
    left: 50%;
    bottom: -55px;
    margin-left: -17.5px
}

.ui-center .ui-pop-warp .ic-fail:after, .ui-center .ui-pop-warp .ic-search-close:after {
    font-size: 33px;
    color: #fff
}

.ui-center .ui-pop-head {
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    text-align: center;
    padding: 16px 20px 0;
    font-size: 18px;
    line-height: 1.4
}

.ui-bottom .ui-pop-head {
    padding: 14px 0
}

.ui-bottom .ui-pop-head h2 {
    font-size: 16px
}

.ui-bottom .ui-pop-body {
    padding: 0;
    overflow-y: scroll
}

.ui-pop.download h2 {
    padding: 10px 0;
    font-size: 20px
}

.ui-pop.android-pop .ui-pop-head {
    padding-top: 35px
}

.ui-pop.android-pop .ui-pop-body {
    padding: 30px 25px 25px
}

.ui-pop.android-pop h2 {
    font-size: 22px;
    font-weight: 500
}

.ui-pop.android-pop .tel {
    font-weight: 500
}

.ui-pop.android-pop .tel b {
    font-size: 27px;
    font-weight: 500
}

.ui-pop.android-pop .tel .to {
    display: block;
    font-size: 22px
}

.ui-pop.android-pop .tel em {
    padding-left: 5px;
    color: #ff5121
}

.ui-pop.android-pop .ui-btn {
    margin-top: 30px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px
}

.ui-pop.android-pop .tip {
    padding-top: 26px;
    font-size: 14px;
    color: #999
}

.pop-login .ui-pop-head {
    padding: 26px 25px 0 !important
}

.pop-login .ui-pop-head h2 {
    font-size: 20px
}

.pop-login .ui-pop-head h3 {
    font-size: 20px;
    font-weight: 700
}

.pop-login .ui-pop-body {
    padding: 20px 25px
}

.pop-login .ui-form-user {
    margin-top: 7.5px
}

.pop-login .tips {
    padding-top: 10px;
    font-size: 10px;
    color: #999;
    text-align: center
}

.pop-login .tit {
    padding-bottom: 20px;
    font-size: 15px;
    color: #666
}

.pop-login .number {
    padding-top: 24px;
    font-size: 12px;
    color: #999
}

.pop-login .number em {
    color: #ff5121
}

.pop-login-discount .ui-pop-warp {
    width: 275px;
    background: -webkit-linear-gradient(top, #f86434, #d62a27);
    background: -webkit-gradient(linear, left top, left bottom, from(#f86434), to(#d62a27));
    background: -moz-linear-gradient(top, #f86434, #d62a27);
    background: -o-linear-gradient(top, #f86434, #d62a27);
    background: linear-gradient(180deg, #f86434, #d62a27);
    -webkit-box-shadow: 0 -1px 2px 0 rgba(51, 51, 51, .3);
    -moz-box-shadow: 0 -1px 2px 0 rgba(51, 51, 51, .3);
    box-shadow: 0 -1px 2px 0 rgba(51, 51, 51, .3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.pop-login-discount .ui-pop-head {
    min-height: 111px;
    padding: 40px 25px;
    background: -webkit-linear-gradient(top, #e23e25, #f0623d);
    background: -webkit-gradient(linear, left top, left bottom, from(#e23e25), to(#f0623d));
    background: -moz-linear-gradient(top, #e23e25, #f0623d);
    background: -o-linear-gradient(top, #e23e25, #f0623d);
    background: linear-gradient(180deg, #e23e25, #f0623d);
    -webkit-box-shadow: inset 0 7px 17.5px 0 rgba(149, 6, 7, .1), 0 7px 20px 0 rgba(149, 6, 7, .2), 0 5px 25px 0 rgba(230, 3, 4, .3);
    -moz-box-shadow: inset 0 7px 17.5px 0 rgba(149, 6, 7, .1), 0 7px 20px 0 rgba(149, 6, 7, .2), 0 5px 25px 0 rgba(230, 3, 4, .3);
    box-shadow: inset 0 7px 17.5px 0 rgba(149, 6, 7, .1), 0 7px 20px 0 rgba(149, 6, 7, .2), 0 5px 25px 0 rgba(230, 3, 4, .3);
    -webkit-border-radius: 10px 10px 80% 80%;
    -moz-border-radius: 10px 10px 80% 80%;
    border-radius: 10px 10px 80% 80%;
    color: #fff
}

.pop-login-discount .ui-pop-head h2 {
    position: relative;
    z-index: 3;
    font-size: 16px;
    line-height: 1.1;
    color: #fffcd9
}

.pop-login-discount .ui-pop-head .logo {
    position: absolute;
    z-index: 3;
    bottom: -32px;
    left: 50%;
    width: 64px;
    height: 64px;
    line-height: 64px;
    background-image: -webkit-linear-gradient(261.1deg, #ffef9a, #ffb577);
    background-image: -moz-linear-gradient(261.1deg, #ffef9a, #ffb577);
    background-image: -o-linear-gradient(261.1deg, #ffef9a, #ffb577);
    background-image: linear-gradient(-171.1deg, #ffef9a, #ffb577);
    -webkit-box-shadow: 0 1.5px 7.5px 0 #ca0101;
    -moz-box-shadow: 0 1.5px 7.5px 0 #ca0101;
    box-shadow: 0 1.5px 7.5px 0 #ca0101;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: -28px;
    text-align: center
}

.pop-login-discount .ui-pop-head .logo:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.pop-login-discount .ui-pop-head .logo i:before {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(285.6deg, #743115, #9e2213);
    background-image: -moz-linear-gradient(285.6deg, #743115, #9e2213);
    background-image: -o-linear-gradient(285.6deg, #743115, #9e2213);
    background-image: linear-gradient(164.4deg, #743115, #9e2213);
    font-size: 33px
}

.pop-login-discount .ui-pop-body {
    padding: 55px 25px 25px;
    text-align: center
}

.pop-login-discount .ui-form-user li {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.pop-login-discount .input-text {
    padding: 0 10px
}

.pop-login-discount .img-code {
    height: 100%;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.pop-login-discount .number {
    padding-top: 24px;
    font-size: 13px;
    color: #fff
}

.pop-login-discount .number em {
    color: #ffeebe
}

.pop-login-discount-txt {
    line-height: 1.35;
    font-size: 18px;
    color: #fff
}

.pop-login-discount-txt .total {
    display: block;
    font-size: 24px
}

.pop-login-discount-txt .total strong {
    padding-left: 4px;
    font-size: 50px
}

.pop-book .ui-pop-head {
    padding: 26px 15px 0 !important
}

.pop-book .ui-pop-head h2 {
    font-weight: 700
}

.pop-book .ui-pop-head h2 strong {
    color: #ff5121
}

.pop-book .number {
    padding-top: 10px;
    text-align: center
}

.pop-book-info {
    padding: 5px 0 20px
}

.pop-book-info_column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center
}

.pop-book-info_row {
    padding-bottom: 10px
}

.pop-book-info_row .pop-book-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px
}

.pop-book-info_row .pop-book-info-item:last-child {
    padding-bottom: 0
}

.pop-book-info_row .pop-book-info-pic {
    margin: 0 20px 0 0
}

.pop-book-info_row .pop-book-info-tit {
    padding-top: 0;
    font-size: 15px
}

.pop-book-info-pic {
    width: 40px;
    height: 40px;
    background: url(pop-book-ToYgq.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/pop-book-ToYgq.png*/ no-repeat;
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px;
    background-size: 40px;
    margin: 0 auto
}

.pop-book-info-pic_agent {
    background-position: 0 50%
}

.pop-book-info-pic_money {
    background-position: 0 100%
}

.pop-book-info-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pop-book-info-tit {
    padding-top: 7px;
    font-size: 14px;
    font-weight: 500
}

.pop-book-info-text {
    padding-top: 1px;
    font-size: 13px;
    color: #666
}

.pop-discount.ui-pop-warp {
    width: 300px !important;
    background-color: transparent
}

.pop-discount.ui-pop-warp:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 185.5px;
    background: url(pop-discount-2KLrW.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/pop-discount-2KLrW.png*/ no-repeat 0 100%;
    -webkit-background-size: 100% 185.5px;
    -moz-background-size: 100% 185.5px;
    background-size: 100% 185.5px
}

.pop-discount .ui-pop-head {
    width: 275px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    padding: 26px 0 !important
}

.pop-discount .ui-pop-head .title {
    height: 42px;
    line-height: 42px;
    font-weight: 500;
    font-size: 18px;
    color: #d39a3d
}

.pop-discount .ui-pop-head .icon-success {
    position: relative;
    top: 1px;
    margin-right: 10px;
    vertical-align: middle
}

.pop-discount .ui-pop-dot {
    display: block;
    width: 275px;
    height: 14px;
    margin: 0 auto;
    background: url(pop-dot-3TLi5.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/pop-dot-3TLi5.png*/ no-repeat;
    -webkit-background-size: 100% 14px;
    -moz-background-size: 100% 14px;
    background-size: 100% 14px
}

.pop-discount .ui-pop-body {
    background-color: #fff;
    margin: 0 12.5px 90px !important;
    padding: 0 !important
}

.pop-discount .ui-pop-body h4 {
    font-size: 16px
}

.pop-discount .ui-pop-body h4 + .customer-box {
    margin-top: 20px
}

.pop-discount .ui-pop-body .text {
    padding-top: 6px;
    font-size: 12px;
    line-height: 1.333;
    color: #666
}

.pop-discount-body {
    position: relative;
    z-index: 10;
    min-height: 100px;
    padding: 10px 15px 13.5px
}

.pop-discount .ui-pop-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 0 25px 23px
}

.pop-discount .ui-pop-footer .text {
    color: #fff;
    text-align: center;
    font-size: 12px
}

.pop-discount .ui-pop-footer .ui-btn {
    margin-top: 8px
}

.pop-discount .ui-pop-footer .slogan {
    padding-bottom: 6px;
    font-size: 16px;
    text-align: center;
    color: #fff
}

.pop-discount .ui-btn {
    margin-top: 20px
}

.pop-discount .style-title {
    padding: 0
}

.pop-discount .style-title:after {
    left: 0;
    right: 0
}

.pop-discount .style-title h3 {
    font-size: 14px
}

.pop-discount .discount-tiket {
    display: block;
    width: 240px;
    height: 120px;
    background: url(tiket-1a_eQ.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/tiket-1a_eQ.png*/ no-repeat;
    -webkit-background-size: 240px 120px;
    -moz-background-size: 240px 120px;
    background-size: 240px 120px;
    margin: 0 auto
}

.pop-discount .customer-box {
    overflow: visible;
    padding: 17px 0 30px
}

.customer-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.customer-box-pic {
    position: relative;
    width: 44px;
    height: 44px;
    background-color: #eee;
    margin-right: 15px
}

.customer-box-pic, .customer-box-pic img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.customer-box-pic img {
    display: block;
    width: 100%;
    height: 100%
}

.customer-box-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.customer-box-info .name {
    line-height: 1.1;
    font-weight: 500;
    font-size: 16px
}

.customer-box-info .name .tel {
    font-size: 14px
}

.customer-box-info .text {
    padding-top: 6px;
    font-size: 12px;
    line-height: 1.333;
    color: #999
}

.customer-box-info .charge {
    display: inline-block;
    padding-right: 4px;
    line-height: 1.4;
    margin-top: 6px;
    font-size: 11.5px;
    color: #ef3929
}

.customer-box-info .charge:after {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-color: #ef3929
}

.customer-box-info .charge-label {
    display: inline-block;
    padding: 0 4px;
    margin-right: 4px;
    background-color: #ef3929;
    color: #fff;
    font-size: 12px
}

.customer-box.simple {
    display: block;
    text-align: center
}

.customer-box.simple + .tit {
    padding: 2px 0 0
}

.customer-box.simple .customer-box-pic {
    margin: 0 auto
}

.customer-box.simple .name {
    padding-top: 15px;
    font-weight: 500
}

.pop-subscribe .ui-pop-warp {
    padding: 0 25px 25px;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important
}

.pop-subscribe .ui-pop-head {
    padding: 26px 0 !important
}

.pop-subscribe .ui-pop-head h2 {
    color: #ff5121;
    font-size: 23px
}

.pop-subscribe .icon-success {
    margin-right: 10px;
    vertical-align: middle
}

.pop-subscribe .ui-pop-body {
    padding: 0
}

.pop-subscribe .style-title {
    padding: 0;
    margin-bottom: 16px
}

.pop-subscribe .style-title:after {
    left: 0;
    right: 0;
    background-color: #999
}

.pop-subscribe .style-title h3 {
    padding: 0 10px;
    font-size: 14px
}

.pop-subscribe .tips {
    padding: 14px 0 9px;
    color: #666;
    font-size: 14px
}

.pop-subscribe-discount {
    position: relative;
    background-image: -webkit-linear-gradient(246deg, #ff7e24, #ed0246);
    background-image: -moz-linear-gradient(246deg, #ff7e24 0, #ed0246 100%);
    background-image: -o-linear-gradient(246deg, #ff7e24 0, #ed0246 100%);
    background-image: linear-gradient(204deg, #ff7e24, #ed0246);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 18px 20px !important;
    overflow: hidden;
    color: #fff
}

.pop-subscribe-discount:after {
    content: "";
    position: absolute;
    top: 20%;
    left: 22%;
    z-index: 1;
    width: 163px;
    height: 55px;
    background: url(fdd-mask-2-SHU.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/fdd-mask-2-SHU.png*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    opacity: .5
}

.pop-subscribe-discount .sub-tit {
    max-width: 36%;
    position: absolute;
    right: 20px;
    top: 27px;
    font-size: 11px
}

.pop-subscribe-discount .title {
    padding-top: 0;
    font-size: 18px;
    font-weight: 500
}

.pop-subscribe-discount .number {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    font-size: 12px;
    text-align: center
}

.pop-subscribe-discount .number:after, .pop-subscribe-discount .number:before {
    content: "";
    position: absolute;
    z-index: 5;
    top: 50%;
    width: 35%;
    height: 1px;
    border-top: 1px dashed hsla(0, 0%, 100%, .7)
}

.pop-subscribe-discount .number:before {
    right: 70%
}

.pop-subscribe-discount .number:after {
    left: 70%
}

.pop-subscribe-discount .number em {
    color: #ffdda5
}

.pop-subscribe-discount .value {
    font-size: 13px
}

.pop-subscribe-discount .num {
    padding-left: 5px;
    font-size: 15px
}

.pop-subscribe-discount .num strong {
    padding-left: 5px;
    font-weight: 400;
    font-size: 34px;
    font-family: HelveticaNeue
}

.pop-subscribe-discount .ui-btn {
    width: 150px;
    height: 30px;
    line-height: 30px;
    margin: 36px auto 0;
    font-size: 14px
}

.pop-subscribe-discount .round {
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px
}

.pop-subscribe-discount .round:after, .pop-subscribe-discount .round:before {
    content: "";
    position: absolute;
    z-index: 5;
    width: 20px;
    height: 20px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    bottom: 60px
}

.pop-subscribe-discount .round:before {
    left: -10px
}

.pop-subscribe-discount .round:after {
    right: -10px
}

.pop-focus .ui-pop-head {
    position: relative;
    background: url(pop-focus-3i2tm.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/pop-focus-3i2tm.png*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    padding: 0 15px 47.67% !important;
    color: #fff
}

.pop-focus .ui-pop-head h2 {
    max-width: 78%;
    position: absolute;
    left: 50%;
    top: 35%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    font-size: 24px
}

.pop-focus .ui-pop-body {
    padding: 15px 25px 25px
}

.pop-focus .ui-pop-body .ui-btn {
    margin-top: 9px
}

.pop-focus .agree {
    display: block;
    padding-bottom: 12px;
    font-size: 14px
}

.pop-focus .agree em {
    color: #ff5121
}

.pop-focus .safe {
    padding-top: 13px;
    font-size: 12px;
    color: #666;
    text-align: center
}

.pop-focus .safe i {
    margin-right: 2px
}

.pop-focus .checkbox-pop {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin-right: 5px;
    border: 1px solid #d8d8d8
}

.pop-focus .checkbox-pop-check {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.pop-focus .checkbox-pop-check:checked + .checkbox-pop-status:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 40%;
    width: 10px;
    height: 6px;
    border-left: 1.5px solid #ff5121;
    border-bottom: 1.5px solid #ff5121;
    background-color: transparent;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.pop-focus .checkbox-pop-status {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.consult-pop .ui-pop-body {
    max-height: 290px
}

.consult-pop .ui-pop-body .ui-btn {
    margin-top: 0
}

.ai-pop .ui-pop-head {
    padding: 19px 35px 0
}

.ai-pop .ui-pop-head h2 {
    padding-top: 14px;
    font-size: 22px;
    font-weight: 500
}

.ai-pop .ui-pop-body {
    padding: 20px 15px;
    font-size: 14px;
    color: #666
}

.ai-pop .ui-pop-body p {
    padding-bottom: 10px
}

.true-pop-head-more {
    font-size: 14px;
    color: #666
}

.true-pop .ui-pop-head {
    padding: 20px 0
}

.true-pop .ui-pop-head:after {
    left: 20px;
    right: 20px
}

.true-pop .ui-pop-head h2 {
    font-size: 22px;
    font-weight: 500
}

.true-pop .ui-pop-body {
    padding: 5px 20px
}

.true-pop-tips {
    padding: 25px 0
}

.true-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}

.true-list-icon {
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-right: 15px;
    text-align: center;
    font-size: 22px
}

.true-list .ui-list-info .ui-txt {
    padding-top: 2px;
    color: #121212
}

.pop-discount-app .ui-pop-head {
    position: relative;
    padding-bottom: 38% !important;
    background: #f5f5f5 url(pop-discount-head-3b9k9.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/pop-discount-head-3b9k9.png*/ no-repeat 0 bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

.pop-discount-app .ui-pop-head-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    text-align: center;
    color: #fff
}

.pop-discount-app .ui-pop-head .title {
    position: absolute;
    left: 6%;
    top: 15.8%;
    font-size: 7px
}

.pop-discount-app .ui-pop-head .sub-tit {
    padding-top: 15%;
    font-size: 9px
}

.pop-discount-app .ui-pop-head h2 {
    font-size: 31px
}

.pop-discount-app .ui-pop-head .tips {
    font-size: 9px
}

.pop-discount-app .ui-pop-head .value {
    position: absolute;
    right: 6.5%;
    top: 11%;
    font-size: 7px
}

.pop-discount-app .ui-pop-head .num {
    position: relative;
    top: 3px;
    font-size: 9px;
    padding-left: 3px
}

.pop-discount-app .ui-pop-head .num strong {
    padding-left: 1px;
    font-size: 14px;
    font-style: italic
}

.pop-discount-app .ui-pop-body {
    padding: 20px 25px
}

.pop-discount-app .ui-pop-body h4 {
    font-size: 16px
}

.pop-discount-app .ui-pop-body .text {
    padding-top: 4px;
    font-size: 12px;
    line-height: 1.333;
    color: #999
}

.pop-discount-app .ui-pop-body .link {
    padding-top: 12px;
    font-size: 12px;
    text-align: center
}

.pop-discount-app .customer-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.pop-discount-app .customer-box-pic {
    width: 40px;
    height: 40px
}

.pop-discount-app .customer-box-info .name {
    font-weight: 400
}

.pop-discount-app .customer-box-info .title {
    padding-top: 2px;
    font-size: 12px
}

.pop-discount-app .customer-box-info .text {
    color: #999
}

.pop-bargain .ui-pop-head {
    position: relative;
    padding: 0;
    height: 110px;
    overflow: hidden
}

.pop-bargain .ui-pop-head-inner {
    left: -30px;
    right: -30px;
    z-index: 2;
    overflow: hidden
}

.pop-bargain .ui-pop-head-inner, .pop-bargain .ui-pop-head-inner:before {
    position: absolute;
    bottom: 0;
    height: 150px;
    -webkit-border-radius: 0 0 50% 50%;
    -moz-border-radius: 0 0 50% 50%;
    border-radius: 0 0 50% 50%
}

.pop-bargain .ui-pop-head-inner:before {
    content: "";
    left: 0;
    right: 0;
    z-index: 12;
    -webkit-box-shadow: inset 0 -2px 15px 0 rgba(246, 78, 51, .2);
    -moz-box-shadow: inset 0 -2px 15px 0 rgba(246, 78, 51, .2);
    box-shadow: inset 0 -2px 15px 0 rgba(246, 78, 51, .2)
}

.pop-bargain .ui-pop-head-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    bottom: 0;
    z-index: 10;
    background-image: -webkit-linear-gradient(315.2deg, #df3a2a, #f76134);
    background-image: -moz-linear-gradient(315.2deg, #df3a2a, #f76134);
    background-image: -o-linear-gradient(315.2deg, #df3a2a, #f76134);
    background-image: linear-gradient(134.8deg, #df3a2a, #f76134);
    padding: 25px 70px 0
}

.pop-bargain .ui-pop-head-content:after, .pop-bargain .ui-pop-head-content:before {
    content: "";
    position: absolute;
    z-index: 10;
    background-image: -webkit-linear-gradient(340deg, rgba(253, 143, 80, .3), rgba(253, 174, 80, 0));
    background-image: -moz-linear-gradient(340deg, rgba(253, 143, 80, .3), rgba(253, 174, 80, 0));
    background-image: -o-linear-gradient(340deg, rgba(253, 143, 80, .3), rgba(253, 174, 80, 0));
    background-image: linear-gradient(-250deg, rgba(253, 143, 80, .3), rgba(253, 174, 80, 0))
}

.pop-bargain .ui-pop-head-content:before {
    right: -30px;
    top: -10px;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 26% 0 0 50%;
    -moz-border-radius: 26% 0 0 50%;
    border-radius: 26% 0 0 50%
}

.pop-bargain .ui-pop-head-content:after {
    top: -85px;
    right: -65px;
    z-index: 11;
    width: 130px;
    height: 150px;
    -webkit-border-radius: 50% 0 0 30%;
    -moz-border-radius: 50% 0 0 30%;
    border-radius: 50% 0 0 30%
}

.pop-bargain .bargain-left-bg {
    position: absolute;
    z-index: 2;
    left: -5px;
    top: -95px;
    width: 200px;
    height: 160px;
    -webkit-border-radius: 0 0 30% 50%;
    -moz-border-radius: 0 0 30% 50%;
    border-radius: 0 0 30% 50%;
    background: -webkit-linear-gradient(347deg, rgba(253, 143, 80, .4), rgba(158, 1, 44, 0));
    background: -moz-linear-gradient(347deg, rgba(253, 143, 80, .4), rgba(158, 1, 44, 0));
    background: -o-linear-gradient(347deg, rgba(253, 143, 80, .4), rgba(158, 1, 44, 0));
    background: linear-gradient(103deg, rgba(253, 143, 80, .4), rgba(158, 1, 44, 0))
}

.pop-bargain-lp {
    position: relative;
    z-index: 12;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 15px 15px 0;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: left
}

.pop-bargain-lp-img {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 12px
}

.pop-bargain-lp-img img {
    display: block;
    width: 100%;
    height: 100%
}

.pop-bargain-lp-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.pop-bargain-lp-name {
    padding-top: 1px;
    font-size: 16px;
    font-weight: 500
}

.pop-bargain-lp-price {
    padding-top: 7px;
    font-size: 14px;
    font-weight: 500
}

.bargain-slider-hd {
    font-size: 14px;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.bargain-slider-hd-price {
    color: #ff5121
}

.bargain-slider-hd-price strong {
    padding-right: 2px;
    font-size: 32px
}

.bargain-slider-bar {
    position: relative;
    height: 40px;
    margin: 16px 25px 0
}

.bargain-slider-bar:after {
    content: "";
    position: absolute;
    left: -25px;
    right: -25px;
    top: 0;
    height: 100%;
    border: 1px solid #dedede;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px
}

.bargain-slider-ft {
    padding-top: 15px;
    text-align: center;
    font-size: 12px;
    color: #666
}

.bargain-slider-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.bargain-slider-track-item {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 5px;
    font-size: 8px;
    color: #a6a6a6
}

.bargain-slider-track-item i {
    position: absolute;
    left: 0;
    top: 5px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

.bargain-slider-track-item:before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 1px;
    height: 16px;
    background-color: #dedede
}

.bargain-slider-track-item:not(:last-child):after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 1px;
    height: 8px;
    background-color: #dedede
}

.bargain-slider-track-item:last-child {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.bargain-slider-handle {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 50px;
    background-image: -webkit-linear-gradient(top, #ff7338, #f54732);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7338), to(#f54732));
    background-image: -moz-linear-gradient(top, #ff7338, #f54732);
    background-image: -o-linear-gradient(top, #ff7338, #f54732);
    background-image: linear-gradient(180deg, #ff7338, #f54732);
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pop-bargain .ui-btn {
    width: 180px;
    margin-top: 20px
}

.pop-bargain-tips {
    font-size: 14px;
    text-align: center
}

.pop-bargain-process {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6px 8%;
    font-size: 16px;
    line-height: 1.1
}

.pop-bargain-process:after {
    content: "\2192";
    position: absolute;
    left: 50%;
    top: -4px;
    color: #ff5121;
    font-size: 47px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

.pop-bargain-process-origin {
    color: #666
}

.pop-bargain-process-cut {
    color: #ff5121
}

.pop-bargain-process .label {
    display: block;
    font-size: 12px;
    text-align: left
}

.pop-bargain-process-price {
    font-size: 24px;
    font-weight: 700
}

.pop-bargain-process-arrow {
    position: absolute;
    left: 50%;
    top: 0;
    color: #ff5121;
    font-size: 47px
}

.pop-bargain .ui-form {
    margin: 10px 10px 0
}

.pop-discount-true {
    padding-bottom: 41px;
    text-align: center
}

.pop-discount-true-tit {
    padding-top: 3px;
    font-size: 14px;
    font-weight: 500
}

.pop-discount-true-list {
    display: inline-block;
    margin-top: 10px;
    font-size: 0
}

.pop-discount-true-list > li {
    display: inline-block;
    width: 50%;
    padding: 5px 0;
    font-size: 12px;
    text-align: left
}

.pop-discount-true-list > li:nth-child(2n) {
    width: 30%
}

.pop-discount-true-list i {
    display: inline-block;
    width: 14px;
    margin-right: 5px
}

.pop-discount-true-list i:before {
    font-size: 13px
}

.pop-discount-true-list .icon-vision:before {
    font-size: 12px
}

.detailInfo-pop .ui-pop-warp {
    height: 70%
}

.detailInfo-pop .ui-pop-body {
    height: -webkit-calc(100% - 52px);
    height: -moz-calc(100% - 52px);
    height: calc(100% - 52px)
}

.detailInfo-pop .info-list p {
    white-space: normal
}

.pop-codeTel {
    padding: 40px 0 48px
}

.pop-codeTel .ui-pop-body {
    overflow: visible
}

.pop-codeTel-text {
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.pop-codeTel-text strong {
    display: block;
    font-size: 30px
}

.pop-codeTel-img {
    width: 260px;
    height: 80px;
    background: url(Fh0JQazRMdrhg_7yrUB10OpSeatv.png) /*tpa=https://fs.esf.fangdd.com/efab/Fh0JQazRMdrhg_7yrUB10OpSeatv.png*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    margin: 10px auto 0
}

.pop-codeTel .ui-btn {
    width: 180px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    margin: 33px auto 0
}

.ui-pop-userlogoff .ui-pop-body {
    font-size: 14px
}

.ui-pop-userlogoff .corange {
    color: #ff5121
}

.layout {
    height: 100%;
    background: #000
}

.layout-hd {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;
    line-height: 44px;
    text-align: center;
    color: #fff
}

.layout-hd .icon-return {
    position: absolute;
    left: 10px;
    padding-right: 10px
}

.layout-hd .icon-return:before {
    color: #fff
}

.layout-hd .icon-close {
    position: absolute;
    right: 10px
}

.layout-hd .icon-close:before {
    font-size: 15px;
    color: #fff
}

.layout-hd-title {
    font-size: 17px
}

.layout-hd .swiper-page {
    font-size: 14px
}

.layout-bd {
    height: 100%;
    padding: 44px 0 50px
}

.layout-bd img {
    vertical-align: middle
}

.layout-ft {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    min-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff
}

.layout-ft li {
    line-height: 40px;
    width: 75px
}

.layout-ft .active {
    color: #ff5121;
    border-bottom: 2.5px solid #ff5121
}

.layout.photo-pop {
    display: none;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.layout.photo-pop.leftIn, .layout.photo-pop.leftOut {
    display: block
}

.layout-customer {
    padding: 15px 20px;
    background-color: rgba(51, 51, 51, .55)
}

.layout-customer .ui-avatar {
    width: 30px;
    height: 30px
}

.layout-customer .ui-list-info {
    text-align: left
}

.layout-customer .ui-list-info h4 {
    font-size: 14px
}

.layout-customer .ui-list-info .ui-txt {
    font-size: 10px
}

.layout-customer .ui-list-info .ui-btn {
    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%);
    width: 98px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 500
}

.layout-customer .ui-list-info .ui-btn i {
    vertical-align: middle
}

.layout-customer .ui-list-info .ui-btn i:before {
    font-size: 19px
}

.album-swiper {
    margin-top: 20px
}

.album-swiper-item {
    position: relative;
    padding-bottom: 32%;
    width: 42.667%;
    margin-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

.album-swiper-item:first-child {
    margin-left: 20px
}

.album-swiper-item:last-child {
    margin-right: 20px
}

.album-swiper-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%
}

.album-swiper-video {
    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%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: 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
}

.album-swiper-video i {
    margin-left: 2px
}

.album-swiper-cover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    padding: 7.5px 10px 0;
    background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0), rgba(51, 51, 51, .85));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0)), to(rgba(51, 51, 51, .85)));
    background: -moz-linear-gradient(top, rgba(51, 51, 51, 0), rgba(51, 51, 51, .85));
    background: -o-linear-gradient(top, rgba(51, 51, 51, 0), rgba(51, 51, 51, .85));
    background: linear-gradient(180deg, rgba(51, 51, 51, 0), rgba(51, 51, 51, .85));
    color: #fff;
    font-size: 12px
}

.album-swiper-cover-photo {
    display: block;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    overflow: hidden
}

.album-swiper-cover-photo img {
    display: block;
    width: 100%;
    height: 100%
}

.album-swiper-cover-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.map {
    height: -webkit-calc(100% - 44px);
    height: -moz-calc(100% - 44px);
    height: calc(100% - 44px);
    position: relative
}

.map-main {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 49px;
    background-color: #eee
}

.map-ft {
    top: auto;
    bottom: 0;
    font-size: 10px;
    color: #666;
    background: #fff;
    -webkit-box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .06)
}

.map-ft ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 49px
}

.map-ft li {
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.map-ft .active {
    color: #ff5121
}

.map-ft .active i:before {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(right, #ff7338, #f54732);
    background-image: -webkit-gradient(linear, right top, left top, from(#ff7338), to(#f54732));
    background-image: -moz-linear-gradient(right, #ff7338, #f54732);
    background-image: -o-linear-gradient(right, #ff7338, #f54732);
    background-image: linear-gradient(-90deg, #ff7338, #f54732)
}

.map-ft i {
    line-height: 1;
    display: block;
    margin-bottom: 1px
}

.map-tip {
    position: absolute;
    top: 70px;
    left: 50px;
    z-index: 1000;
    padding: 7px 10px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -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);
    white-space: nowrap
}

.map-tip:after, .map-tip:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -5px;
    border: 7px solid transparent
}

.map-tip:after {
    border-top-color: rgba(0, 0, 0, .02)
}

.map-tip:before {
    z-index: 1;
    bottom: -13px;
    border-top-color: #fff
}

.map-tip h2 {
    font-size: 14px;
    font-weight: 500
}

.map-tip p {
    font-size: 12px;
    color: #666
}

.map-tip strong {
    color: #fd8e5d;
    font-weight: 400
}

.map-icon-bg {
    position: absolute;
    top: 150px;
    left: 100px;
    z-index: 100;
    width: 32px;
    height: 32px;
    line-height: 31px;
    background-color: #f25824;
    background-image: -webkit-linear-gradient(right, #ff7338, #f54732);
    background-image: -webkit-gradient(linear, right top, left top, from(#ff7338), to(#f54732));
    background-image: -moz-linear-gradient(right, #ff7338, #f54732);
    background-image: -o-linear-gradient(right, #ff7338, #f54732);
    background-image: linear-gradient(-90deg, #ff7338, #f54732);
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #fff
}

.map-icon-bg i:before {
    font-size: 19px
}

.map-icon-default {
    position: absolute;
    width: 24px;
    height: 38px
}

.map-black-tip {
    position: absolute;
    bottom: 75px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    background: rgba(0, 0, 0, .6);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    padding: 5px 20px
}

.map-black-tip .icon-address {
    padding-right: 3px
}

.map-black-tip .icon-address:before {
    color: #fff
}

.anchorBL {
    display: none
}

.ui-toast {
    top: 30%;
    z-index: 10000;
    text-align: center
}

.ui-toast-content {
    display: inline-block;
    background: rgba(0, 0, 0, .7);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 8px 20px;
    max-width: 70%;
    min-width: 50%;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.ui-toast em {
    color: #ff5121
}

.ui-list a {
    display: block;
    width: 100%;
    padding: 10px 20px
}

.ui-list h4 {
    font-size: 15px
}

.ui-list > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.ui-list > li:after {
    left: 20px
}

.ui-list > li:last-child {
    border: none
}

.ui-list > li:last-child:after {
    height: 0
}

.ui-list > li.selected a {
    color: #ff5121
}

.ui-list-info {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.ui-list-info h4 {
    font-size: 16px;
    font-weight: 500
}

.ui-list-info .ui-txt {
    font-size: 12px;
    color: #999
}

.ui-avatar {
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.ui-avatar, .ui-avatar img {
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.ui-avatar img {
    width: 100%;
    height: 100%
}

.ui-grade {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    margin-left: 3px;
    font-size: 11px;
    text-align: center;
    color: #fff
}

.ui-grade i {
    position: relative;
    z-index: 2
}

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

.ui-grade.poor:after {
    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)
}

.ui-grade.average:after {
    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)
}

.ui-grade.nice:after {
    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)
}

.ui-grade.better:after {
    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)
}

.ui-grade.best:after {
    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)
}

.ui-grade.expert {
    font-size: 10px;
    background: url(expert-ixHrx.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/expert-ixHrx.png*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

.ui-list-link-wrap {
    padding-bottom: 8px
}

.ui-list-link-item {
    font-size: 15px
}

.ui-list-link a {
    position: relative;
    display: block;
    padding: 12px 30px 12px 20px
}

.ui-list-link a:before {
    font-size: 14px;
    color: #121212
}

.ui-list-link-title {
    font-weight: 500
}

.search-wrap {
    position: relative;
    min-height: 100%
}

.search-wrap .ui-main {
    position: absolute;
    left: 0;
    right: 0;
    top: 64px;
    bottom: 0;
    padding-top: 0;
    overflow-y: auto;
    max-width: 750px;
    margin: 0 auto
}

.search-list {
    background-color: #fff;
    font-size: 14px
}

.search-list-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 20px
}

.search-list-block:after {
    left: 20px;
    right: 20px
}

.search-list-block:active {
    background-color: #eee
}

.search-list-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.search-list-tag {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    padding: 0 3px;
    font-size: 11px
}

.search-list-tag_circle {
    color: #6ecd4e
}

.search-list-tag_circle:after {
    border-color: #6ecd4e
}

.search-list-tag_subway {
    color: #ffaa4d
}

.search-list-tag_subway:after {
    border-color: #ffaa4d
}

.search-list .mark {
    color: #ff5121
}

.search-box-hd {
    padding: 15px 20px 5px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-box-hd-tit {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    color: #999
}

.search-box-hd-delete {
    padding: 5px;
    color: #666
}

.search-empty {
    background-color: #fff;
    padding: 50px 20px;
    text-align: center
}

.search-empty h2 {
    padding-top: 20px;
    font-size: 14px
}

.search-result {
    padding: 30px 20px;
    text-align: center
}

.search-result.bg {
    background-color: #fff
}

.search-result .tips {
    font-size: 16px
}

.search-result-link {
    display: inline-block;
    margin-top: 13px;
    color: #3d5688;
    font-size: 16px
}

.search-result-link i {
    margin-right: 2px
}

.search-result .ui-btn {
    margin-top: 15px
}

.search-result .ui-btn i {
    margin-right: 8px
}

.discount-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 72px;
    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);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 1.2;
    color: #fff
}

.discount-box-wrap {
    background-color: #fff;
    padding: 20px
}

.discount-cont {
    position: relative;
    z-index: 10;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 3px 0 20px;
    overflow: hidden
}

.discount-info {
    position: relative;
    z-index: 10;
    width: 140px;
    padding: 5px 0;
    border-left: 1px dashed hsla(0, 0%, 100%, .7);
    text-align: center
}

.discount-info .btn {
    display: block;
    width: 100px;
    height: 38px;
    line-height: 38px;
    background-image: -webkit-linear-gradient(top, #fff 50%, #ddc4c4);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#ddc4c4));
    background-image: -moz-linear-gradient(top, #fff 50%, #ddc4c4 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #ddc4c4 100%);
    background-image: linear-gradient(-180deg, #fff 50%, #ddc4c4);
    -webkit-box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .24);
    -moz-box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .24);
    box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .24);
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    color: #f42032
}

.discount-sub {
    line-height: 1.1;
    font-size: 16px;
    font-weight: 500
}

.discount-text {
    padding-top: 9px;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .8)
}

.index-discount {
    margin-top: 10px
}

.hsPrice {
    padding-bottom: 65px
}

.hsPrice-header {
    position: relative;
    background-color: #fff
}

.hsPrice-header:after, .hsPrice-header:before {
    content: "";
    position: absolute;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.hsPrice-header:after {
    width: 90px;
    height: 90px;
    right: -40px;
    top: 50px;
    opacity: .2;
    background-image: -webkit-linear-gradient(308deg, rgba(32, 202, 255, .79) 14%, #8c07cc 66%);
    background-image: -moz-linear-gradient(308deg, rgba(32, 202, 255, .79) 14%, #8c07cc 66%);
    background-image: -o-linear-gradient(308deg, rgba(32, 202, 255, .79) 14%, #8c07cc 66%);
    background-image: linear-gradient(142deg, rgba(32, 202, 255, .79) 14%, #8c07cc 66%)
}

.hsPrice-header:before {
    width: 97px;
    height: 97px;
    right: 9px;
    top: 105px;
    opacity: .08;
    background-image: -webkit-linear-gradient(top, transparent 80%, #999 81%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(81%, #999));
    background-image: -moz-linear-gradient(top, transparent 80%, #999 81%);
    background-image: -o-linear-gradient(top, transparent 80%, #999 81%);
    background-image: linear-gradient(180deg, transparent 80%, #999 81%);
    -webkit-background-size: 100% 4px;
    -moz-background-size: 100% 4px;
    background-size: 100% 4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hsPrice-header-inner {
    padding: 23px 20px;
    background-image: -webkit-linear-gradient(124deg, #2e4c90, #060d20);
    background-image: -moz-linear-gradient(124deg, #2e4c90 0, #060d20 100%);
    background-image: -o-linear-gradient(124deg, #2e4c90 0, #060d20 100%);
    background-image: linear-gradient(-34deg, #2e4c90, #060d20);
    background-repeat: no-repeat
}

.hsPrice-header-name {
    line-height: 1.2;
    padding-right: 96px;
    font-size: 22px;
    font-weight: 500;
    color: #fff
}

.hsPrice-header-info {
    padding: 3px 96px 0 0;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .7)
}

.hsPrice-header-price {
    padding-top: 22px;
    font-size: 12px;
    color: #fff
}

.hsPrice-header-price strong {
    padding-right: 2px;
    font-size: 28px;
    font-weight: 700;
    font-family: Verdana
}

.hsPrice-header-price .rate.up {
    color: #ef3929
}

.hsPrice-header-price .rate.down {
    color: #0bb03d
}

.hsPrice-header-price .rate.equal {
    color: #666
}

.hsPrice-header-price .rate i {
    font-weight: 400
}

.hsPrice-header-btn {
    position: absolute;
    z-index: 10;
    right: 20px;
    top: 27px;
    width: 90px;
    height: 36px;
    line-height: 36px;
    background-color: #ff5121;
    -webkit-box-shadow: 0 0 12px 0 #ff4000;
    -moz-box-shadow: 0 0 12px 0 #ff4000;
    box-shadow: 0 0 12px 0 #ff4000;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

.hsPrice-header-btn i {
    margin-right: 2px
}

.hsPrice-header-evaluate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
    height: 80px;
    padding: 0 20px 0 91px;
    margin-top: 12px;
    background: url(ai-bg-29cLB.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/ai-bg-29cLB.png*/ no-repeat;
    -webkit-background-size: 100% 80px;
    -moz-background-size: 100% 80px;
    background-size: 100% 80px;
    color: #fff
}

.hsPrice-header-evaluate-cont {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.hsPrice-header-evaluate .tit {
    font-size: 16px;
    font-weight: 500
}

.hsPrice-header-evaluate .tit i {
    margin-left: 5px
}

.ai-robot {
    position: absolute;
    left: 13px;
    top: 50%;
    width: 63px;
    height: 52px;
    background: url(ai-robot-4ok5h.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/ai-robot-4ok5h.png*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ai-robot img {
    position: absolute;
    left: 14px;
    top: 18px;
    width: 34px;
    height: 10px
}

.hsPrice-header-evaluate .text {
    padding-top: 8px;
    font-size: 14px
}

.hsPrice-header-evaluate .price {
    padding-left: 5px
}

.hsPrice-header-evaluate .price.filter {
    filter: blur(3px);
    -webkit-filter: blur(3px)
}

.hsPrice-header-evaluate .rate.up {
    color: #ef3929
}

.hsPrice-header-evaluate .rate.down {
    color: #0bb03d
}

.hsPrice-header-evaluate .rate.equal {
    color: #666
}

.hsPrice-header-evaluate .rate i {
    padding-left: 5px;
    font-weight: 400
}

.hsPrice-header-evaluate .rate i:before {
    font-size: 12px
}

.hsPrice-header-evaluate .ui-btn {
    display: block;
    width: 80px;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500
}

.hsPrice-area {
    padding-top: 22px;
    padding-bottom: 42px
}

.hsPrice-area:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 40px;
    background-color: #fff
}

.hsPrice-area-hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #92c6ff
}

.hsPrice-area-hd h2 {
    font-size: 14px;
    font-weight: 500
}

.hsPrice-area-hd .icon-address {
    padding-right: 4px
}

.hsPrice-area-list {
    width: auto !important;
    position: relative;
    z-index: 2;
    margin: 13px -20px -72px;
    padding-bottom: 12px
}

.hsPrice-area-list li {
    width: 37.335%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .23);
    -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .23);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .23);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 20px
}

.hsPrice-area-list a {
    display: block;
    padding: 10px
}

.hsPrice-area-list .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hsPrice-area-list .name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: 500
}

.hsPrice-area-list .kilos {
    display: inline-block;
    padding: 1px 5px;
    background: rgba(115, 134, 166, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 2px;
    font-size: 10px;
    color: #7386a6
}

.hsPrice-area-list .price {
    padding-top: 5px;
    font-weight: 500;
    font-size: 12px
}

.hsPrice-area-list .price strong {
    font-size: 14px
}

.hsPrice-area-list .total {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 6px;
    line-height: 1.2;
    font-size: 12px
}

.hsPrice-area-list .total-price {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.hsPrice-area-list .total-rate.up {
    color: #ef3929
}

.hsPrice-area-list .total-rate.down {
    color: #0bb03d
}

.hsPrice-area-list .total-rate.equal {
    color: #666
}

.hsPrice-summary {
    padding-bottom: 20px
}

.hsPrice-summary-price {
    padding: 0 20px 15px;
    font-size: 14px
}

.hsPrice-summary-price .total {
    padding-right: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #ef3929
}

.hsPrice-summary-sale {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 20px;
    background: #f3f5f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px
}

.hsPrice-summary-sale li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px 0
}

.hsPrice-summary-sale li:last-child a {
    border-right: 0
}

.hsPrice-summary-sale a {
    display: block;
    padding-left: 15.6%;
    border-right: 1px solid #eee
}

.hsPrice-summary-sale .cont {
    padding-top: 4px;
    font-size: 18px;
    font-weight: 500
}

.hsPrice-summary-sale .icon-arrow-r, .hsPrice-summary-sale .table-data.table-price td:last-child a:before, .hsPrice-summary-sale .ui-link:before, .hsPrice-summary-sale .ui-list-link a:before, .table-data.table-price td:last-child .hsPrice-summary-sale a:before, .ui-list-link .hsPrice-summary-sale a:before {
    position: relative;
    top: -2px;
    padding-left: 7px
}

.hsPrice-summary-sale .icon-arrow-r:before, .hsPrice-summary-sale .table-data.table-price td:last-child a:before, .hsPrice-summary-sale .ui-link:before, .hsPrice-summary-sale .ui-list-link a:before, .table-data.table-price td:last-child .hsPrice-summary-sale a:before, .ui-list-link .hsPrice-summary-sale a:before {
    font-size: 14px
}

.hsPrice-info-list {
    padding-top: 5px;
    font-size: 0
}

.hsPrice-info-list li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 10px 20px 0;
    font-size: 14px
}

.hsPrice-tab:after {
    left: 20px !important;
    right: 20px !important
}

.hsPrice-tab-hd {
    padding: 20px 20px 0;
    font-size: 0
}

.hsPrice-tab-hd-item {
    padding: 0 10px;
    font-size: 14px;
    color: #666
}

.hsPrice-tab-hd-item:after {
    top: 3px;
    bottom: 3px;
    background-color: #dedede
}

.hsPrice-tab-hd-item.on {
    font-weight: 500;
    color: #ff5121
}

.hsPrice-tab-hd-item:first-child {
    padding-left: 0
}

.hsPrice-tab-hd-item:first-child:after {
    display: none
}

.hsPrice-sale-list a {
    display: block;
    padding: 20px
}

.hsPrice-sale-list a:after {
    left: 20px;
    right: 20px
}

.hsPrice-sale-list a:active {
    background-color: #eee
}

.hsPrice-sale-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px
}

.hsPrice-sale-info:last-child {
    padding-top: 7px
}

.hsPrice-sale-info .room, .hsPrice-sale-info .time {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.hsPrice-sale-info .price, .hsPrice-sale-info .time {
    color: #999
}

.hsPrice-sale-info .room {
    padding-right: 10px;
    font-size: 14px
}

.hsPrice-sale-info .total {
    color: #ff5121;
    font-size: 16px;
    font-weight: 500
}

.app-lead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 18px 20px
}

.app-lead:after {
    left: 20px !important;
    right: 20px !important
}

.app-lead-content {
    overflow: hidden
}

.app-lead-text {
    padding-top: 3px;
    font-size: 15px
}

.app-lead .logo {
    display: block;
    width: 34px;
    height: 34px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 12px
}

.app-lead h4 {
    line-height: 1.2;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 500
}

.app-lead .btn {
    display: block;
    min-width: 65px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    margin-left: 3px;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    background-image: -webkit-linear-gradient(right, #ff7338, #f54732);
    background-image: -webkit-gradient(linear, right top, left top, from(#ff7338), to(#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(-90deg, #ff7338, #f54732);
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500
}

.app-lead-mutil {
    padding-top: 19px;
    padding-bottom: 19px
}

.app-lead-mutil .btn {
    height: 38px;
    line-height: 38px;
    padding: 0 20px
}

.list-lp .app-lead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 20px
}

.strategy-list {
    padding-bottom: 20px
}

.strategy-list li {
    width: 69.87%;
    margin-left: 20px;
    background: #f5f5f5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.strategy-list a {
    display: block;
    padding: 15px 20px 19px
}

.strategy-list-tit {
    height: 48px;
    font-size: 16px;
    font-weight: 500
}

.strategy-list-dec {
    padding-top: 9px;
    font-size: 14px;
    color: #666
}

.strategy-list-info {
    padding-top: 12px;
    font-size: 12px;
    color: #999
}

.customer-list li {
    position: relative;
    padding: 20px
}

.customer-list li:after {
    left: 75px
}

.customer-list-photo {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-color: #f5f5f5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.customer-list-photo img {
    display: block;
    width: 100%;
    height: 100%
}

.customer-list-info {
    position: relative;
    padding-right: 85px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.customer-list-info h4 {
    font-size: 16px;
    font-weight: 500
}

.customer-list-info .txt {
    padding-top: 5px;
    font-size: 14px;
    color: #999
}

.customer-list-info .ui-btn {
    position: absolute;
    right: 0;
    top: 50%;
    width: 80px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 350px) {
    .hsPrice-header-evaluate {
        padding-left: 77px
    }

    .hsPrice-header-evaluate-cont .tit {
        font-size: 14px
    }

    .hsPrice-header-evaluate-cont .text {
        padding-top: 6px;
        font-size: 12px
    }

    .hsPrice-header-evaluate .ui-btn {
        width: 65px;
        height: 29px;
        line-height: 29px;
        font-size: 12px
    }

    .hsPrice-header-evaluate .ai-robot {
        width: 55px;
        height: 45.5px;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .hsPrice-header-evaluate .ai-robot img {
        width: 26px;
        height: 7.5px;
        top: 17px
    }
}

.table-data {
    width: 100%;
    font-size: 14px;
    text-align: center
}

.table-data-wrap:after {
    left: 20px !important;
    right: 20px !important
}

.table-data + .btn-box {
    padding-top: 10px
}

.table-data th {
    padding: 13px 4px;
    text-align: center;
    font-weight: 400
}

.table-data th:before {
    height: auto;
    top: 8px;
    bottom: 8px
}

.table-data th:last-child {
    border-right: 0
}

.table-data th:first-child {
    padding-left: 20px;
    text-align: left
}

.table-data td {
    padding: 15px 4px;
    max-width: 68px;
    word-wrap: break-word
}

.table-data td:first-child {
    padding-left: 20px
}

.table-data td.td-num {
    padding: 15px 20px;
    max-width: 25px;
    text-align: left
}

.table-data td.td-num + td {
    text-align: left
}

.table-data .up {
    color: #ef3929
}

.table-data .down {
    color: #0bb03d
}

.table-data .tit-number {
    display: inline-block;
    width: 13px;
    height: 13px;
    line-height: 14px;
    -webkit-border-radius: 1.5px;
    -moz-border-radius: 1.5px;
    border-radius: 1.5px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background-color: #c1c0c0
}

.table-data .name {
    display: block;
    text-align: left
}

.table-data tr:nth-child(-n+3) .tit-number {
    background-color: #ef3929
}

.table-data.table-price {
    font-size: 15px;
    text-align: left
}

.table-data.table-price th {
    padding: 17px 4px 4px;
    border: 0;
    font-size: 13px;
    text-align: left
}

.table-data.table-price th:after, .table-data.table-price th:before {
    display: none
}

.table-data.table-price td {
    padding: 0;
    border-bottom: 0
}

.table-data.table-price td:after {
    display: none
}

.table-data.table-price td:last-child {
    max-width: 70px
}

.table-data.table-price td:last-child a {
    padding-right: 10px
}

.table-data.table-price a {
    position: relative;
    display: block;
    padding: 11px 4px
}

.table-data.table-price .range-num {
    padding-left: 20px;
    font-size: 14px;
    font-weight: 500;
    max-width: 25px
}

.table-data.table-price .range-num a {
    padding: 0;
    max-width: 19px;
    text-align: center
}

.table-data.table-price tr:nth-child(-n+3) .range-num a {
    width: 16px;
    height: 16px;
    padding: 1px 0;
    background-color: #ef3929;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 10px
}

.table-data.table-price .icon-rank-down, .table-data.table-price .icon-rank-up {
    position: relative;
    top: -1px;
    margin: 0 3px 0 0
}

.table-data.table-price .icon-rank-down:before, .table-data.table-price .icon-rank-up:before {
    font-size: 10px
}

.table-data.table-price .unit {
    font-size: 12px
}

.news-list {
    background-color: #fff
}

.news-list li:after {
    left: 20px;
    right: 20px
}

.news-list li:active {
    background: #eee
}

.news-list li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #222
}

.news-list-img {
    position: relative;
    margin-left: 20px;
    width: 113px;
    height: 74px;
    overflow: hidden;
    font-size: 0
}

.news-list-img img {
    display: block;
    width: 100%;
    height: 100%
}

.news-list-bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.news-list-bd h3 {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 17px;
    line-height: 1.388
}

.news-list .info {
    padding: 12px 0 0;
    line-height: 13px;
    font-size: 12px;
    color: #999
}

.news-list .info-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px
}

.news-list .info-item.source {
    max-width: 36%
}

.news-list .info-item.anw {
    color: #456a9c
}

.news-list .info .icon-eye {
    display: inline-block;
    height: 13px;
    vertical-align: middle
}

.news-list .info .icon-eye:before {
    position: relative;
    margin-right: 4px
}

.news-list .info.ui-flex {
    padding-top: 9px;
    line-height: 1.5;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.news-list-item-2 a {
    display: block !important
}

.news-list-item-2 .list-img-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6px
}

.news-list-item-2 .list-img-wrap img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.news-list-item-2 .news-list-img {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 17.11%;
    margin: 0 3px 0 0;
    width: auto;
    height: auto
}

.news-list-item-2 .news-list-img:last-child {
    margin-right: 0
}

.news-list-item-2 .info {
    padding-top: 8px
}

.news-list-item-2 .info-item.source {
    max-width: 60%
}

.news-list-item-3 a {
    display: block !important
}

.news-list-item-3 .news-list-img {
    width: 100%;
    height: auto;
    padding-bottom: 50.145%;
    margin: 6px 0 0
}

.news-list-item-3 .news-list-img img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.news-list-item-3 .info {
    padding-top: 8px
}

.news-list-item-3 .info-item.source {
    max-width: 60%
}

.news-list-left .news-list-img {
    width: 107px;
    height: 70px;
    margin: 0 20px 0 0
}

.news-list-left .news-list-bd h3 {
    font-size: 16px;
    -webkit-line-clamp: 2
}

.news-list-left .info-item.source {
    max-width: 60%
}

.user-wrap {
    padding-bottom: 30px;
    background-color: #fff
}

.user-wrap .ui-btn_line {
    width: 200px;
    margin: 25px auto 0
}

.user-wrap .ui-btn_line:after {
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px
}

.user-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 20px;
    color: #fff;
    background-image: -webkit-linear-gradient(right, #ff7338, #f54732);
    background-image: -webkit-gradient(linear, right top, left top, from(#ff7338), to(#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)
}

.user-header-photo {
    width: 62px;
    height: 62px;
    padding: 1px;
    margin-right: 16px;
    background-color: #fff
}

.user-header-photo, .user-header-photo img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.user-header-photo img {
    display: block;
    width: 100%;
    height: 100%
}

.user-header-name {
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.user-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 5px 0
}

.user-list-item-block {
    position: relative;
    z-index: 2;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px
}

.user-list-item-icon {
    display: block;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 20px;
    text-align: center
}

.user-list-item-icon.voucher {
    background-position: 0 50%
}

.user-list-item-icon.about {
    background-position: 0 100%
}

.user-list-item-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 25px
}

.user-list-item-content .title {
    font-size: 16px
}

.user-list-item-content .text {
    padding-top: 4px;
    font-size: 12px;
    color: #999
}

.user-list-item:after {
    left: 20px !important;
    right: 20px !important
}

.user-list-item.ui-link:before {
    right: 18px;
    font-size: 18px;
    color: #666
}

.user-hotline {
    padding-top: 15px;
    text-align: center;
    font-size: 12px;
    color: #666
}

.user-hotline a {
    color: #666
}

.user-quit {
    display: block;
    width: 70px;
    font-size: 12px;
    color: #cdcdcd;
    margin: 50px auto 0
}

.login-wrap {
    background-color: #fff !important
}

.login-header {
    position: relative;
    padding: 55px 25px 0
}

.login-header-back {
    position: absolute;
    left: 25px;
    top: 16px;
    font-size: 14px
}

.login-header-back i {
    position: relative;
    top: -1px;
    vertical-align: middle
}

.login-header-back i:before {
    font-size: 17px
}

.login-header-close {
    position: absolute;
    right: 19px;
    top: 11px;
    width: 25px;
    height: 25px;
    text-align: center
}

.login-header-hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.login-header-link {
    font-size: 16px;
    color: #3d5688
}

.login-header-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 28px
}

.login-header-tips {
    padding-top: 10px;
    font-size: 16px;
    color: #999
}

.login-header-tel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px;
    font-size: 16px
}

.login-header-tel .tel {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.login-header-tel .code {
    color: #999
}

.login-header-tel .get {
    color: #3d5688
}

.login-box {
    padding: 38px 25px 0
}

.login-box .ui-form-item {
    padding-right: 30px;
    font-size: 16px
}

.login-box .ui-form li {
    height: 45px;
    line-height: 45px
}

.login-box .ui-form .input-text {
    height: 28px;
    line-height: 28px;
    font-size: 18px
}

.login-box .ui-form .input-text::-webkit-input-placeholder {
    font-size: 16px
}

.login-box .ui-form .input-text.code-num {
    font-size: 24px
}

.login-box .ui-btn {
    margin-top: 30px
}

.login-box .agree {
    display: block;
    padding-top: 50px;
    margin-bottom: -15px;
    font-size: 11px;
    color: #999
}

.login-box .agree a {
    color: #999;
    text-decoration: underline
}

.login-box .checkbox-agree {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.login-box .checkbox-agree-check {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.login-box .checkbox-agree-check:checked + .checkbox-agree-status {
    background-color: #ff5121
}

.login-box .checkbox-agree-status {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.login-box .checkbox-agree-status:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 45%;
    width: 7px;
    height: 4px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.login-form-tips {
    padding-top: 19px;
    font-size: 13px;
    text-align: center
}

.login-form-tips a {
    color: #3d5688
}

.login-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 14px
}

.login-links-item {
    position: relative;
    margin: 0 23px;
    color: #3d5688
}

.login-links-item [class^=icon-] {
    margin-right: 5px
}

.login-links-item:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -24px;
    width: 1px;
    height: 80%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #dedede
}

.login-links-item:first-child {
    margin-left: 0
}

.login-links-item:last-child {
    margin-right: 0
}

.login-links-item:last-child:after {
    width: 0
}

.login-other {
    padding: 50px 0 25px
}

.login-other .style-title:after {
    left: 25px;
    right: 25px;
    background-color: #eee
}

.login-other .style-title h3 {
    font-size: 14px;
    color: #999
}

.login-other .login-links {
    font-size: 16px
}

.login-other .login-links-item {
    color: #666
}

.info-list {
    padding: 12px 0;
    font-size: 16px
}

.info-list.grid-2 li {
    width: 50%;
    float: left
}

.info-list.grid-2 li:nth-child(odd) {
    padding-right: 0
}

.info-list .w100 {
    width: 100% !important
}

.info-list li {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    padding: 7px 20px
}

.info-list .info-list__label, .info-list label {
    min-width: 30px;
    margin-right: 10px;
    display: inline-block;
    color: #999
}

.info-list h2 {
    font-size: 17px;
    color: #121212
}

.info-list p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.info-list .ic-address:after {
    font-size: 17px;
    color: #121212
}

.info-list .ui-labelbox {
    padding-top: 0
}

.info-list.close {
    overflow: hidden;
    max-height: 164px
}

.info-wrap.ui-link:before {
    font-size: 18px;
    color: #ccc
}

.info-wrap.ui-link .info-list li:nth-child(2n) {
    padding: 7px 25px 7px 5px
}

.detail-container {
    position: relative;
    z-index: 1
}

.detail-container_next {
    margin-top: 24px
}

.detail-container_next.active {
    padding-bottom: 38px
}

.detail-container_next .album-swiper {
    height: 50px
}

.detail-header {
    background-color: #fff
}

.detail-header-name {
    padding: 20px 20px 0;
    line-height: 1.273;
    font-size: 22px;
    font-weight: 500
}

.detail-header-name-tag {
    vertical-align: middle;
    margin-right: 12px;
    padding: 1px 5px;
    background-image: -webkit-linear-gradient(right, #3e4061, #120e3f);
    background-image: -webkit-gradient(linear, right top, left top, from(#3e4061), to(#120e3f));
    background-image: -moz-linear-gradient(right, #3e4061 0, #120e3f 100%);
    background-image: -o-linear-gradient(right, #3e4061 0, #120e3f 100%);
    background-image: linear-gradient(270deg, #3e4061, #120e3f);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    color: #fff
}

.detail-header-name--xf {
    font-size: 24px
}

.detail-header-info {
    padding: 10px 20px 0;
    font-size: 12px;
    color: #999
}

.detail-header-text {
    padding: 8px 20px 0;
    font-size: 14px;
    color: #666
}

.detail-header-text a {
    display: inline-block;
    color: #666;
    text-decoration: underline
}

.detail-header-base {
    position: relative;
    padding: 15px 20px 20px;
    min-height: 70px
}

.detail-header-base.flag {
    padding-right: 28%
}

.detail-header-base .price {
    line-height: 1.3;
    font-size: 16px
}

.detail-header-base .price-total {
    padding-right: 5px;
    color: #ef3929
}

.detail-header-base .price-total strong {
    padding-right: 2px;
    font-size: 36px
}

.detail-header-base .price-single {
    display: inline-block;
    color: #666
}

.detail-header-base .type {
    font-size: 18px;
    font-weight: 500
}

.detail-header-base .ui-labelbox-s {
    margin-top: 10px
}

.detail-header-base .hs-timeline {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    text-align: center
}

.detail-header-base .hs-timeline-icon {
    display: block;
    width: 30.5px;
    height: 28px;
    margin: 0 auto 6px;
    background: url(timeline-U3wS6.svg) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/timeline-U3wS6.svg*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.detail-header-flag {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    max-width: 25%
}

.detail-header-flag-logo {
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)
}

.detail-header-flag-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2px;
    text-align: right;
    font-size: 14px;
    color: #121212;
    font-weight: 500
}

.detail-header-flag-info-text {
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.detail-header-flag-info i {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    background-color: #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 8px;
    margin-left: 2px;
    color: #666
}

.detail-header .info-wrap:after {
    left: 20px;
    right: 20px
}

.detail-header .discount-box {
    margin: 0 20px
}

.detail-header-other {
    display: block;
    position: relative
}

.detail-header-other:after {
    left: 20px;
    right: 20px
}

.detail-header-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 75px 13px 20px;
    font-size: 16px
}

.detail-header-area .text {
    display: inline-block;
    vertical-align: middle
}

.detail-header-area .icon-house {
    margin-right: 10px
}

.detail-header-area .icon-arrow-r, .detail-header-area .table-data.table-price td:last-child a:before, .detail-header-area .ui-link:before, .detail-header-area .ui-list-link a:before, .table-data.table-price td:last-child .detail-header-area a:before, .ui-list-link .detail-header-area a:before {
    margin-left: 5px;
    font-size: 14px
}

.detail-header-map {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 20px;
    font-size: 14px;
    color: #3d5688
}

.detail-header-map i {
    position: relative;
    top: -1px;
    margin-right: 2px;
    vertical-align: middle
}

.detail-header-map i:before {
    font-size: 15px
}

.detail-header-notice {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.detail-header-notice:after {
    left: 20px;
    right: 20px
}

.detail-header-notice-item {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

.detail-header-notice-item:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    width: 1px;
    height: 16px;
    background-color: #eee
}

.detail-header-notice-icon {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff
}

.detail-header-notice-icon.open {
    background: -webkit-linear-gradient(234deg, #ff7338, #ee573f);
    background: -moz-linear-gradient(234deg, #ff7338 0, #ee573f 100%);
    background: -o-linear-gradient(234deg, #ff7338 0, #ee573f 100%);
    background: linear-gradient(216deg, #ff7338, #ee573f)
}

.detail-header-notice-icon.cut {
    background: -webkit-linear-gradient(252deg, #fac86b, #fda331);
    background: -moz-linear-gradient(252deg, #fac86b 0, #fda331 100%);
    background: -o-linear-gradient(252deg, #fac86b 0, #fda331 100%);
    background: linear-gradient(198deg, #fac86b, #fda331)
}

.detail-header-notice-icon i {
    vertical-align: middle
}

.detail-village {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 120px 14px 0;
    min-height: 114px
}

.detail-village .info-list {
    padding-bottom: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.detail-village-img {
    position: absolute;
    right: 20px;
    bottom: 22px;
    width: 100px;
    height: 75px
}

.detail-village-img img {
    display: block;
    width: 100%;
    height: 100%
}

.detail-more {
    padding: 20px 0;
    font-size: 13px;
    text-align: center;
    color: #666
}

.detail-more .arrow {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: rgba(255, 97, 27, .2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    color: #ff5121
}

.detail-more .arrow i {
    display: block;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -o-transition: -o-transform .6s;
    -moz-transition: transform .6s, -moz-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    -webkit-transform: translate(3%);
    -moz-transform: translate(3%);
    -ms-transform: translate(3%);
    -o-transform: translate(3%);
    transform: translate(3%)
}

.detail-more_prev.animate i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.detail-more_prev .arrow {
    top: -1px;
    margin-right: 3px
}

.detail-more_next {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 10px;
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff 80%, #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(80%, #fff), to(#fff));
    background: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff 80%, #fff 100%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff 80%, #fff 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 80%, #fff)
}

.detail-more_next .arrow {
    margin-top: 6px
}

.detail-more_next.animate i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.discount-box + .info-wrap {
    border: 0
}

.discount-box + .info-wrap:after {
    display: none
}

.area.hsPrice {
    padding-bottom: 0
}

.area.hsPrice .bunner-lp {
    width: auto;
    margin: 0 -20px;
    padding-top: 13px;
    padding-bottom: 0;
    overflow: hidden
}

.area.hsPrice .bunner-lp > ul {
    position: relative;
    padding: 0 0 8px 20px
}

.area.hsPrice .bunner-lp li {
    width: 37.68%;
    margin-right: 15px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.area.hsPrice .bunner-lp li:last-child {
    margin-right: 20px
}

.area.hsPrice .bunner-lp-img {
    position: relative;
    padding-bottom: 53.846%;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

.area.hsPrice .bunner-lp-img img {
    position: absolute;
    left: 0;
    top: 0
}

.area.hsPrice .bunner-lp-text {
    position: relative;
    height: 35px;
    line-height: 35px;
    padding: 0 8px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.area.hsPrice .bunner-lp-text .num {
    position: absolute;
    top: 50%;
    right: 8px;
    min-width: 20px;
    padding: 0 3px;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #999;
    text-align: center;
    font-size: 12px;
    color: #fff
}

.area-header {
    background-color: #fff;
    padding: 19px 20px 0
}

.area-header .lp-name {
    font-size: 24px;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.area-header .heat {
    padding-left: 10px;
    font-size: 15px;
    font-weight: 400
}

.area-header .heat i {
    margin-left: 7px;
    color: #999
}

.area-header .addr {
    padding-top: 6px;
    font-size: 14px;
    color: #666
}

.area-header .addr i {
    margin-left: 4px;
    color: #86add5
}

.area-header .price-information:after {
    background-color: #d8d8d8
}

.area-header .price-information li {
    padding: 9px 0 20px
}

.area-header .price-information li:first-child {
    padding-left: 0
}

.area-header .handle-btn {
    display: block;
    padding: 12px 0;
    text-align: center;
    font-size: 16px;
    color: #3d5688
}

.area-header .handle-btn i {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 500
}

.area-evaluate {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 79px
}

.area-evaluate-wrap {
    padding: 20px 0
}

.area-evaluate-cont {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.area-evaluate-cont .tit {
    font-size: 16px;
    font-weight: 500
}

.area-evaluate-cont .icon-note {
    margin-left: 5px;
    color: #3d5688
}

.area-evaluate-cont .text {
    padding-top: 8px;
    font-size: 14px
}

.area-evaluate-cont .price {
    padding-left: 5px;
    color: #ef0000
}

.area-evaluate-cont .price.filter {
    filter: blur(3px);
    -webkit-filter: blur(3px)
}

.area-evaluate-cont .rate {
    padding-left: 5px;
    font-size: 12px
}

.area-evaluate-cont .rate.up {
    color: #ef3929
}

.area-evaluate-cont .rate.down {
    color: #0bb03d
}

.area-evaluate-cont .rate.equal {
    color: #666
}

.area-evaluate .ui-btn {
    width: 80px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    margin-left: 15px;
    font-weight: 500
}

.area-evaluate .ai-robot {
    left: 0
}

.area-evaluate-tips {
    padding-top: 10px;
    font-size: 12px;
    color: #999
}

.area-info-wrap .info-list {
    padding: 0 0 15px
}

.lead-nav {
    background-color: #fff;
    padding: 20px 0
}

.lead-nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-size: 13px
}

.lead-nav-list-pic {
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin: 0 auto
}

.lead-nav-list-pic [class^=esf-] {
    display: block;
    width: 26px;
    height: 26px;
    background: url(lead-nav-3jy6T.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/lead-nav-3jy6T.png*/ no-repeat;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px;
    background-size: 26px
}

.lead-nav-list-pic .esf-deal {
    background-position: 0 -32px
}

.lead-nav-list-pic .esf-new {
    background-position: 0 -64px
}

.lead-nav-list-pic .esf-area {
    background-position: 0 -96px
}

.lead-nav-list-text {
    padding-top: 8px
}

.lead-nav-list a {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.lead-btn {
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    margin: 15px 20px 0;
    border: 1px solid #ff5121;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #ff5121;
    text-align: center
}

.lead-btn-wrap {
    background-color: #fff;
    padding: 0 20px 20px
}

.lead-btn-wrap .lead-btn {
    margin: 0
}

.lead-btn i {
    position: relative;
    top: -2px;
    margin-right: 8px;
    vertical-align: middle
}

.lead-btn i:after {
    font-size: 18px
}

.app-leading {
    background-color: #fff;
    top: 0;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 500;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .15);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.app-leading span {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 40px 0 20px
}

.app-leading:before {
    margin-right: -3px;
    font-size: 18px
}

.app-leading i {
    position: relative;
    top: -2px;
    margin-right: 7.5px;
    vertical-align: middle
}

.app-leading i:before {
    color: #ff5121;
    font-size: 18px
}

.price-information {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.price-information li {
    padding: 20px 0 25px
}

.price-information .link:after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    overflow: hidden;
    border-color: transparent transparent transparent #121212;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    margin-left: 5px
}

.price-information li:not(:first-child) {
    text-align: center
}

.price-information li:first-child {
    padding-left: 20px
}

.price-information li:last-child:nth-child(2) {
    text-align: left;
    padding-left: 20px
}

.price-information .price {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.price-information .price strong {
    padding-right: 3px;
    font-weight: 600;
    font-size: 20px
}

.price-information .b-price {
    padding-top: 6px
}

.price-information .label {
    padding-top: 5px;
    font-size: 13px;
    color: #999
}

.price-information .rate.up {
    color: #f05858
}

.price-information .rate.down {
    color: #0bb03d
}

.price-information .ratio {
    font-size: 12px;
    color: #999
}

.support {
    padding-bottom: 15px
}

.support .arround-set-list {
    margin-bottom: -15px
}

.arround-map {
    position: relative;
    overflow: hidden;
    margin: 0 20px;
    padding-bottom: 36.8%;
    text-align: center
}

.arround-map, .arround-map img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.arround-map img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.arround-map .map-black-tip {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    bottom: 25px !important
}

.arround-map .map-layer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    text-align: center
}

.arround-map .map-layer-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 80%;
    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%)
}

.arround-map .map-layer .content {
    position: relative;
    z-index: 20;
    padding: 8px 12px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    text-align: left
}

.arround-map .map-layer .content:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 43px;
    z-index: 12;
    width: 0;
    height: 0;
    overflow: hidden;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 5px 6px 0
}

.arround-map .map-layer .name {
    font-size: 16px;
    font-weight: 500
}

.arround-map .map-layer .addr {
    padding-top: 2px;
    font-size: 14px
}

.arround-map .map-layer-tip {
    position: absolute;
    z-index: 12;
    left: 50%;
    bottom: 50%;
    padding: 7px 9px;
    max-width: 70%;
    margin-bottom: 10px;
    background: #fff;
    font-size: 14px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.arround-map .map-layer-tip:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -9px;
    z-index: 12;
    width: 0;
    height: 0;
    overflow: hidden;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 9px 9px 0
}

.arround-map .map-layer .circle {
    position: relative;
    display: block;
    z-index: 10;
    width: 70px;
    height: 70px;
    background: rgba(102, 138, 233, .08);
    border: 1px solid rgba(102, 138, 233, .32);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: -21px 0 0 14px
}

.arround-map .map-layer .circle:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    background: #668ae9;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 2px 6px 0 #9fa7b3;
    -moz-box-shadow: 0 2px 6px 0 #9fa7b3;
    box-shadow: 0 2px 6px 0 #9fa7b3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.arround-set-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 17px 15px;
    font-size: 16px;
    color: #666
}

.arround-set-list li:after {
    left: 15px;
    right: 15px
}

.arround-set-list li:last-child {
    border-bottom: 0
}

.arround-set-list li:last-child:after {
    display: none
}

.arround-set-list .label {
    display: block;
    width: 107px;
    margin-top: 1px
}

.arround-set-list .label i {
    position: relative;
    top: -1px;
    vertical-align: middle;
    margin-right: 10px
}

.arround-set-list .label i:before {
    color: #121212;
    font-size: 16px
}

.arround-set-list .cont {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.arround-map .map-layer .arround-set-list .addr, .arround-set-list .app-leading, .arround-set-list .arround-map .map-layer .addr, .arround-set-list .customer-container-item .c-info, .arround-set-list .customer-container-item h4, .arround-set-list .download-warp .text, .arround-set-list .download-warp h2, .arround-set-list .ellipsis, .arround-set-list .f-all-list a, .arround-set-list .f-link-box-list a, .arround-set-list .hsPrice-area-list .name, .arround-set-list .hsPrice-area-list .total-price, .arround-set-list .hsPrice-info-list li, .arround-set-list .info-list p, .arround-set-list .list-house-bd .house-name, .arround-set-list .list-house-bd .total, .arround-set-list .list-house-bd .type, .arround-set-list .list-house-hd-cont .house-name, .arround-set-list .list-lp-bd .address, .arround-set-list .list-lp-bd .house-name, .arround-set-list .list-lp-bd .plan, .arround-set-list .list-lp-bd .time, .arround-set-list .list-lp-bd .type, .arround-set-list .list-lp-bd .type-info, .arround-set-list .list-sort-info, .arround-set-list .Lplist-info, .arround-set-list .news-list .info-item.source, .arround-set-list .pop-subscribe-discount .sub-tit, .arround-set-list .strategy-list-dec, .arround-set-list .tab-1 .tab-nav i, .arround-set-list .table-data .name, .customer-container-item .arround-set-list .c-info, .customer-container-item .arround-set-list h4, .download-warp .arround-set-list .text, .download-warp .arround-set-list h2, .f-all-list .arround-set-list a, .f-link-box-list .arround-set-list a, .hsPrice-area-list .arround-set-list .name, .hsPrice-area-list .arround-set-list .total-price, .hsPrice-info-list .arround-set-list li, .info-list .arround-set-list p, .list-house-bd .arround-set-list .house-name, .list-house-bd .arround-set-list .total, .list-house-bd .arround-set-list .type, .list-house-hd-cont .arround-set-list .house-name, .list-lp-bd .arround-set-list .address, .list-lp-bd .arround-set-list .house-name, .list-lp-bd .arround-set-list .plan, .list-lp-bd .arround-set-list .time, .list-lp-bd .arround-set-list .type, .list-lp-bd .arround-set-list .type-info, .news-list .arround-set-list .info-item.source, .pop-subscribe-discount .arround-set-list .sub-tit, .tab-1 .tab-nav .arround-set-list i, .table-data .arround-set-list .name {
    display: inline-block;
    vertical-align: middle;
    max-width: 75%
}

.arround-set-list .kilo {
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px;
    margin-left: 5px;
    font-size: 10px;
    color: #ff5121
}

.arround-set-list .kilo:after {
    border-color: #ff5121
}

.column-list {
    padding: 0 10px 20px
}

.column-list li {
    float: left;
    width: 33.333%;
    padding: 0 10px;
    text-align: center
}

.column-list a {
    display: block;
    background: #fff;
    padding-top: 5px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14)
}

.column-list a:after {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.column-list img {
    display: block
}

.column-list h3 {
    padding: 4px 0 9px;
    font-size: 14px
}

.column-list .txt {
    font-size: 9px
}

.column-list .content {
    position: relative
}

.column-list .tip {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 0 5px;
    color: #fff;
    text-align: center;
    vertical-align: middle
}

@media (max-width: 350px) {
    .area-evaluate {
        padding-left: 68px
    }

    .area-evaluate-cont .tit {
        font-size: 14px
    }

    .area-evaluate-cont .text {
        padding-top: 6px;
        font-size: 12px
    }

    .area-evaluate .ui-btn {
        width: 65px;
        height: 29px;
        line-height: 29px;
        font-size: 12px
    }

    .area-evaluate .ai-robot {
        width: 55px;
        height: 45.5px;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .area-evaluate .ai-robot img {
        width: 26px;
        height: 7.5px;
        top: 17px
    }
}

.area-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
}

.area-nav:after {
    left: 20px;
    right: 20px
}

.area-nav a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 25px 0 19px;
    font-size: 12px;
    text-align: center
}

.area-nav-pic {
    position: relative;
    display: block;
    margin: 0 auto 5px;
    width: 44px;
    height: 44px;
    color: #fff
}

.area-nav-pic img {
    display: block;
    width: 100%;
    height: 100%
}

.area-nav-pic .tag {
    position: absolute;
    right: -20px;
    top: 0;
    background: #ef3929;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    line-height: 1.5;
    padding: 0 4px;
    font-size: 10px
}

.area-nav-pic .tag:after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    left: 8px;
    bottom: -3px;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #ef3929
}

.contrast-header {
    position: relative;
    padding: 18px 20px;
    background-color: #fff
}

.contrast-header h1 {
    font-size: 20px;
    font-weight: 500;
    color: #121212
}

.contrast-header.fixed {
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 20px;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2)
}

.contrast-header.fixed .contrast-item {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding: 0
}

.contrast-header.fixed .contrast-item-vs {
    position: relative;
    left: 0;
    top: 50%;
    margin: 0 20px;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

.contrast-header.fixed h2 {
    padding-top: 0;
    font-size: 15px
}

.contrast-header.fixed .price {
    padding-top: 2px;
    font-size: 12px
}

.contrast-header.fixed .price strong {
    padding-right: 0;
    font-size: 12px;
    font-weight: 400
}

.contrast-header.fixed .price i {
    vertical-align: middle;
    margin-left: 2px
}

.contrast-header.fixed .price i:before {
    color: #999
}

.contrast-item {
    width: 50%;
    padding-right: 20px
}

.contrast-item:last-child {
    padding: 0 0 0 20px
}

.contrast-item-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-top: 17px
}

.contrast-item_v .price {
    color: #ef0000
}

.contrast-item_s .price {
    color: #5a6ddc
}

.contrast-item-vs {
    position: absolute;
    left: 50%;
    top: 22%;
    z-index: 2;
    width: 65px;
    height: 28px;
    line-height: 28px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    color: #fff;
    text-align: center
}

.contrast-item-vs:after, .contrast-item-vs:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    width: 50%;
    height: 100%;
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    transform: skew(-15deg)
}

.contrast-item-vs:before {
    left: 0;
    background-color: #ff5121
}

.contrast-item-vs:after {
    right: 0;
    background-color: #5a6ddc
}

.contrast-item-vs .icon-vs {
    position: relative;
    z-index: 3
}

.contrast-item .img {
    display: block;
    position: relative;
    padding-bottom: 75%;
    background-color: #eee
}

.contrast-item .img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.contrast-item h2 {
    padding-top: 13px;
    font-size: 16px;
    font-weight: 500
}

.contrast-item .price {
    font-size: 13px
}

.contrast-item .price strong {
    padding-right: 5px;
    font-size: 22px
}

.contrast-item .addr {
    display: block;
    padding-top: 2px;
    font-size: 15px;
    color: #999
}

.contrast-item .addr-text {
    display: inline-block;
    vertical-align: middle;
    max-width: 84%
}

.contrast-item .addr i {
    margin-left: 4px;
    vertical-align: middle
}

.contrast-detail h3 {
    padding: 4px 20px 9px;
    font-size: 14px;
    font-weight: 500
}

.table-contrast {
    width: 100%;
    table-layout: fixed;
    border: 1px solid #f5f5f5
}

.table-contrast th {
    border: 1px solid #f5f5f5;
    padding-left: 20px;
    font-weight: 400;
    color: #666
}

.table-contrast td {
    border: 1px solid #f5f5f5;
    padding: 12px 20px;
    width: 39%;
    vertical-align: top
}

.table-contrast td img {
    width: 106px;
    height: 80px
}

.table-contrast .name {
    padding-top: 5px
}

.table-contrast .mark {
    color: #ff5121
}

.table-contrast .txt {
    -webkit-line-clamp: 1;
    margin-top: 8px;
    font-size: 13px;
    color: #999
}

.table-contrast .link {
    color: #3d5688
}

.pop-layer {
    z-index: 1000;
    bottom: 0;
    background-color: #fff
}

.pop-layer-inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px
}

.pop-layer-header {
    padding: 35px 0 10px
}

.pop-layer-header h2 {
    font-size: 20px;
    font-weight: 500
}

.pop-layer-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 100px;
    overflow-y: auto
}

.pop-layer-content .content {
    overflow-y: scroll;
    height: 100%
}

.pop-layer-content .contrast-list li {
    overflow: hidden;
    border-color: #ddd
}

.pop-layer-content .contrast-list li:after {
    background-color: #ddd
}

.pop-layer-content .contrast-list .item {
    width: 50%;
    float: left;
    padding: 15px 0
}

.pop-layer-content .contrast-list .item:nth-child(2n) {
    padding-left: 20px
}

.pop-layer-content .contrast-list .item:nth-child(odd) {
    padding-right: 20px
}

.pop-layer-content .contrast-list h3 {
    font-size: 16px;
    font-weight: 500
}

.pop-layer-content .contrast-list h5 {
    font-size: 16px
}

.pop-layer-content .contrast-list .dec {
    padding-top: 9px;
    font-size: 13px;
    color: #999
}

.pop-layer-foot .close {
    position: absolute;
    left: 50%;
    bottom: 40px;
    width: 25px;
    height: 25px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    text-align: center;
    color: #666
}

.contrast-list .ui-list {
    margin-top: -10px;
    padding-bottom: 10px
}

.contrast-list .ui-list a {
    padding-right: 30px
}

.sitemap-breadcrumbs {
    padding: 10px 20px;
    font-size: 13px;
    color: #999
}

.sitemap-breadcrumbs a {
    color: inherit
}

.sitemap-box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 10px
}

.sitemap-box-title {
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 500
}

.sitemap-tab {
    padding-top: 5px;
    font-size: 0
}

.sitemap-tab-item {
    display: inline-block;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 5px 20px 5px 0;
    padding: 2px 20px;
    text-align: center;
    font-size: 13px
}

.sitemap-tab-item.on {
    color: #ff5121;
    border-color: #ff5121
}

.sitemap-list > li {
    float: left;
    width: 33.333%
}

.sitemap-list a {
    display: block;
    width: 100%;
    padding: 9px 5px 9px 0
}

.sitemap-lp-item {
    display: inline-block;
    padding: 5px 10px 5px 0
}

.sitemap-news a {
    display: block;
    padding: 5px 0
}

.page-container {
    padding: 10px 0;
    text-align: center;
    font-size: 0
}

.page-container-item {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #eee;
    padding: 0 6px;
    margin: 0 4px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.page-container-item.on {
    color: #ff5121;
    border-color: #ff5121
}

.page-container-item.nomore {
    opacity: .5
}

.page-container-ellipsis {
    font-size: 12px;
    vertical-align: middle
}

.flow-wrap .flow-box {
    margin-top: 10px
}

.flow-wrap .flow-box:first-child {
    margin-top: 0
}

.flow-box {
    background-color: #fff;
    padding: 20px
}

.flow-box:after {
    left: 65px !important
}

.flow-box-tel {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    top: 4px;
    right: 0;
    text-align: center;
    color: #3d5688
}

.flow-box-tel, .flow-box-tel:after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.flow-box-tel:after {
    border-color: #ccc
}

.flow-box-text {
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.25
}

.flow-box-text.close {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    max-height: 120px
}

.flow-box-text-tag {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    height: 16px;
    padding: 1px 4px;
    line-height: 15px;
    overflow: hidden;
    margin-right: 2px;
    background: -webkit-linear-gradient(right, #ff7338, #f54732);
    background: -webkit-gradient(linear, right top, left top, from(#ff7338), to(#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: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: 400;
    color: #fff
}

.flow-box-more {
    font-size: 16px;
    color: #3d5688
}

.flow-box-time {
    padding-top: 12px;
    font-size: 12px;
    color: #666
}

.flow-box-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px
}

.flow-box-img-item {
    position: relative;
    width: 32.22%;
    padding-bottom: 25.425%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 1.72%;
    background-color: #eee
}

.flow-box-img-item:last-child {
    margin-right: 0
}

.flow-box-img-item:only-child {
    width: 66.12%
}

.flow-box-img-item_video .video-tag {
    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%);
    width: 24px;
    height: 24px;
    line-height: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, .5);
    font-size: 0;
    color: transparent;
    text-align: center
}

.flow-box-img-item_video .icon-video {
    margin-left: 2px;
    font-size: 9px;
    color: #fff
}

.flow-box-img-item img {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0
}

.flow-box-img-item .num {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 0 6px;
    min-width: 38px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: rgba(0, 0, 0, .6);
    font-size: 12px;
    color: #fff;
    text-align: center
}

.flow-box-comment {
    margin-top: 19px;
    padding-top: 19px;
    border-top: .5px solid #eee;
    font-size: 14px;
    line-height: 1.3
}

.flow-box-comment-list {
    padding-top: 10px
}

.flow-box-comment-list:first-child {
    padding-top: 0
}

.flow-box-comment-list .label {
    color: #999
}

.flow-box-question {
    display: block;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    background-color: #f8f8f8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500
}

.flow-box-question i {
    vertical-align: middle;
    margin-right: 8px
}

.flow-box-question i:before {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(311.8deg, #ff813a, #ff571b);
    background-image: -moz-linear-gradient(311.8deg, #ff813a, #ff571b);
    background-image: -o-linear-gradient(311.8deg, #ff813a, #ff571b);
    background-image: linear-gradient(138.2deg, #ff813a, #ff571b)
}

.flow-box-house {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    background-color: #f8f8f8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500
}

.flow-box-house .type {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 5px;
    font-weight: 500
}

.flow-box-house .price {
    color: #ef0000;
    font-size: 13px
}

.flow-box-house .price strong {
    font-size: 16px
}

.flow-box-house i {
    color: #ef0000;
    vertical-align: middle;
    margin-right: 6px
}

.flow-box-house i:before {
    font-size: 16px
}

.timeline-wrap {
    background-color: #fff
}

.timeline-wrap .data {
    margin-top: 15px
}

.timeline-wrap .timeline-list {
    padding: 15px 0
}

.timeline-box .data {
    margin-bottom: 15px
}

.timeline-list-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px
}

.timeline-list-item:after, .timeline-list-item:before {
    content: "";
    position: absolute;
    top: 16px
}

.timeline-list-item:after {
    left: 56px;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #3d5688
}

.timeline-list-item:before {
    left: 60px;
    top: 32px;
    bottom: -7px;
    width: 0;
    border-left: 2px dashed #c2c6da
}

.timeline-list-item:last-child:before {
    display: none
}

.timeline-list-item.year {
    background-color: #fff;
    padding: 10px 20px 10px 44px;
    margin: -10px auto;
    font-size: 14px
}

.timeline-list-item.year:after, .timeline-list-item.year:before {
    display: none
}

.timeline-list-label {
    display: block;
    width: 40px;
    padding-top: 3px;
    margin-right: 28px;
    font-size: 10px;
    color: #666
}

.timeline-list-cont {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px
}

.timeline-list-text em {
    font-weight: 500;
    color: #ff5121
}

.timeline-list-customer {
    margin-top: 12px
}

.timeline-list-customer .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.428
}

.timeline-list-customer .ui-avatar {
    width: 26px;
    height: 26px
}

.timeline-list-customer .ui-btn {
    width: 80px;
    height: 32px;
    line-height: 31px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    border: 1px solid #ff5121;
    font-size: 14px;
    color: #ff5121
}

.customer-container-item .vip, .customer-container-item:after {
    background: url(customer-sprites-3ny8p.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/customer-sprites-3ny8p.png*/ no-repeat;
    -webkit-background-size: 115px 115px;
    -moz-background-size: 115px;
    background-size: 115px
}

.customer-container {
    padding-bottom: 20px
}

.customer-container-rent .ui-txt {
    padding: 0
}

.customer-container-rent .customer-container {
    padding-bottom: 0
}

.customer-container-item {
    width: 115px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
    background-color: #fff;
    margin-left: 20px;
    padding: 12px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    text-align: center
}

.customer-container-item:last-child {
    margin-right: 20px
}

.customer-container-item:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0 !important;
    right: 0 !important;
    height: 40px
}

.customer-container-item_vip:after {
    background-position: 0 -44px
}

.customer-container-item .photo {
    position: relative;
    z-index: 2;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background-color: #f5f5f5
}

.customer-container-item .photo, .customer-container-item .photo img {
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.customer-container-item .photo img {
    width: 100%;
    height: 100%
}

.customer-container-item h4 {
    padding-top: 5px;
    font-size: 16px;
    font-weight: 500
}

.customer-container-item .c-info {
    height: 19px;
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.4;
    color: #666
}

.customer-container-item .c-info em {
    padding-left: 2px;
    color: #ef3929
}

.customer-container-item .line {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 10px;
    margin: 0 3px;
    background-color: hsla(0, 0%, 60%, .7)
}

.customer-container-item .ui-btn_line {
    display: inline-block;
    width: 70px;
    height: 28px;
    line-height: 27px;
    margin-top: 4px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    border: 1px solid #ff5121;
    font-size: 12px
}

.customer-container-item .ui-btn_line:after {
    display: none
}

.customer-container-item .ui-grade {
    position: absolute;
    left: -2px;
    right: -2px;
    top: auto;
    bottom: -2px;
    padding: 0;
    margin-left: 0
}

.customer-container-item .ui-grade.expert {
    left: 0;
    right: 0
}

.customer-container-item .vip {
    position: absolute;
    z-index: 2;
    right: 4px;
    top: 4px;
    font-size: 0;
    color: transparent;
    width: 19px;
    height: 16px;
    background-position: 0 -92px
}

.customer-container-item .link {
    padding: 0;
    margin-top: 2px;
    font-size: 12px;
    color: #3d5688
}

.famous-wrap {
    padding: 10px 0;
    background-color: #fff
}

.famous-leads {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px 30px 9px 10px;
    margin: 10px 20px;
    background: #f8f7f7;
    font-size: 15px
}

.famous-leads img {
    width: 32px;
    height: 32px;
    margin-right: 10px
}

.famous-leads-text {
    font-weight: 500
}

.famous-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    background-color: #fff
}

.famous-list-item:after {
    left: 80px !important;
    right: 20px !important
}

.famous-list .ui-avatar {
    width: 50px;
    height: 50px;
    margin-right: 15px
}

.famous-list .ui-list-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 50px
}

.famous-list .ui-list-info h4 {
    padding-bottom: 1px;
    line-height: 1.2857
}

.famous-list .ui-list-info h4 + p {
    padding-right: 42px
}

.famous-list .ui-list-info .ui-txt {
    padding-top: 6px
}

.famous-list .ui-grade.expert {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: -2px;
    padding: 0
}

.famous-list-text {
    padding-top: 4px;
    font-size: 12px;
    font-weight: 500
}

.famous-list-text em {
    color: #ff5121
}

.famous-list-dec {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 4px;
    font-size: 12px;
    color: #666
}

.famous-list-dec-cont {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 10px
}

.famous-list-dec-link {
    color: inherit
}

.famous-list-dec-link i {
    font-size: 11px
}

.famous-list-tel {
    position: absolute;
    z-index: 10;
    width: 32px;
    height: 32px;
    line-height: 32px;
    top: 9px;
    right: 0;
    text-align: center;
    color: #3d5688
}

.famous-list-tel, .famous-list-tel:after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.famous-list-tel:after {
    border-color: #ccc
}

.famous-list .ui-labelbox-s {
    margin-top: 6px
}

.famous-list-info {
    font-size: 12px;
    padding-top: 4px
}

.famous-list-label {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    padding: 3px 4px 2px;
    line-height: 1.1;
    margin-right: 5px;
    background-image: -webkit-linear-gradient(right, #3e4061, #120e3f);
    background-image: -webkit-gradient(linear, right top, left top, from(#3e4061), to(#120e3f));
    background-image: -moz-linear-gradient(right, #3e4061 0, #120e3f 100%);
    background-image: -o-linear-gradient(right, #3e4061 0, #120e3f 100%);
    background-image: linear-gradient(270deg, #3e4061, #120e3f);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 10px;
    color: #fff
}

.customer-service {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px 15px
}

.customer-service-item {
    line-height: 1.1;
    font-size: 13px
}

.customer-service-item i {
    position: relative;
    top: 1px;
    margin-right: 5px;
    font-size: 15px
}

.tips-pop {
    left: 20px;
    right: 63px;
    max-width: 670px;
    bottom: 85px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(34, 34, 34, .6);
    -webkit-border-radius: 22.5px;
    -moz-border-radius: 22.5px;
    border-radius: 22.5px;
    padding: 4px 10px 4px 4px;
    color: #fff;
    font-size: 12px
}

.tips-pop.bottom-enter {
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.tips-pop.bottom-leave {
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.tips-pop-inner {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.tips-pop-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tips-pop-photo {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px
}

.tips-pop-photo img {
    display: block;
    width: 100%;
    height: 100%
}

.tips-pop-text {
    white-space: nowrap
}

.tips-pop-text em {
    color: #ff9d2f
}

.tips-pop-link {
    margin-left: 10px
}

.region-header {
    background-color: #fff;
    overflow: hidden
}

.region-header-title {
    padding-right: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    font-size: 22px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.region-header-chose {
    padding: 2px 8px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid #121212;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    font-size: 13px
}

.region-header-chose-text {
    display: inline-block;
    vertical-align: middle;
    max-width: 60px
}

.region-header-chose i {
    vertical-align: middle;
    margin-left: 3px
}

.region-header-chose i:after {
    font-size: 10px
}

.region-header-hd {
    -webkit-box-align: top;
    -webkit-align-items: top;
    -moz-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    margin: 12px 20px 0;
    padding: 0 0 20px
}

.region-header-hd, .region-header-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.region-header-list {
    padding: 24px 0 15px
}

.region-header-list-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-left: 20px
}

.region-header-list-item:not(:first-child) .region-header-list-sale {
    margin: 18px 20px 0 -7px
}

.region-header-list-item:first-child .region-header-list-sale {
    margin-right: 7px
}

.region-header-list-item:only-child .region-header-list-sale {
    margin-right: 20px
}

.region-header-list-tit {
    padding-left: 13px;
    line-height: 1.25;
    border-left: 4px solid #ff5121;
    font-size: 16px;
    font-weight: 500
}

.region-header-list-tit.xf {
    border-color: #648dff
}

.region-header-list-tit i {
    margin-left: 4px;
    font-size: 14px;
    color: #666
}

.region-header-list-price {
    padding-top: 8px;
    font-size: 16px;
    font-weight: 500
}

.region-header-list-price strong {
    font-size: 29px
}

.region-header-list-price .region-header-list-num {
    padding-left: 20px;
    display: inline-block;
    position: relative;
    top: -1px
}

.region-header-list-num {
    font-size: 14px
}

.region-header-list-num .rate {
    padding-left: 8px
}

.region-header-list-num .rate.up {
    color: #ef3929
}

.region-header-list-num .rate.down {
    color: #0bb03d
}

.region-header-list-num .rate.equal {
    color: #666
}

.region-header-list-num .rate i {
    position: relative;
    top: -1px;
    margin-right: 2px
}

.region-header-list-sale {
    display: block;
    margin-top: 18px;
    padding: 14px 22px 14px 20px;
    background-color: #fafafa;
    font-size: 15px;
    font-weight: 500
}

.region-header-list-sale:before {
    right: 11px;
    color: #666;
    font-size: 14px
}

.region-header-list-sale em {
    padding-left: 3px;
    color: #ff5121
}

.region.rank .region-header-list-item:after {
    bottom: 68px
}

.region-data {
    padding: 14px 0 20px;
    margin: 0 20px 20px;
    background-color: #fafafa
}

.region-data-wrap {
    background-color: #fff;
    padding-top: 20px
}

.region-data-wrap .region-data {
    margin-bottom: 0
}

.region-data-hd {
    position: relative;
    padding: 0 10px;
    text-align: center
}

.region-data-hd:after, .region-data-hd:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 28%;
    height: 10px;
    background-image: -webkit-linear-gradient(left, transparent 86%, #e6e6e6 0);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(86%, transparent), color-stop(86%, #e6e6e6));
    background-image: -moz-linear-gradient(left, transparent 86%, #e6e6e6 86%);
    background-image: -o-linear-gradient(left, transparent 86%, #e6e6e6 86%);
    background-image: linear-gradient(90deg, transparent 86%, #e6e6e6 0);
    -webkit-background-size: 5px 100%;
    -moz-background-size: 5px 100%;
    background-size: 5px 100%;
    background-repeat: repeat;
    -webkit-transform: translateY(-50%) skew(45deg);
    -moz-transform: translateY(-50%) skew(45deg);
    -ms-transform: translateY(-50%) skew(45deg);
    -o-transform: translateY(-50%) skew(45deg);
    transform: translateY(-50%) skew(45deg)
}

.region-data-hd:before {
    left: 20px
}

.region-data-hd:after {
    right: 20px
}

.region-data-hd h3 {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 14px;
    background-color: #fafafa;
    font-size: 15px;
    font-weight: 500
}

.region-data-bd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
    line-height: 1.25
}

.region-data-bd-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-left: 20px
}

.region-data-bd-title h4 {
    font-size: 17px;
    font-weight: 500
}

.region-data-bd-title .region-data-area {
    padding-top: 7px;
    font-size: 12px;
    color: #666
}

.region-data-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-flex: 2.2;
    -webkit-flex: 2.2;
    -moz-box-flex: 2.2;
    -ms-flex: 2.2;
    flex: 2.2;
    font-size: 12px
}

.region-data-list > li {
    padding-left: 10px
}

.region-data-list a {
    display: block
}

.region-data-list-label {
    color: #666
}

.region-data-list-text {
    padding-top: 8px
}

.region-data-list-text strong {
    font-size: 17px
}

.region-data-list-text i {
    margin-left: 3px;
    color: #666
}

.region-empty {
    width: 100%;
    padding: 15px 0;
    font-size: 14px;
    text-align: center;
    color: #666
}

.key-list {
    padding-bottom: 20px
}

.key-list-item {
    float: left;
    width: 50%;
    padding: 11px 20px
}

.key-list-item > a {
    display: block
}

.key-list-item:nth-child(-n+2) {
    padding-top: 0
}

.key-list-item:nth-child(n+3):nth-last-child(-n+2) {
    padding-bottom: 0
}

.key-list-item:nth-child(-n+2):after {
    left: 20px;
    right: 20px
}

.key-list-item:first-child:nth-last-child(2), .key-list-item:first-child:nth-last-child(2) ~ li, .key-list-item:only-child {
    border-bottom: 0
}

.key-list-item:first-child:nth-last-child(2):after, .key-list-item:first-child:nth-last-child(2) ~ li:after, .key-list-item:only-child:after {
    display: none
}

.key-list-label {
    font-size: 12px;
    color: #666
}

.key-list-text {
    font-size: 16px
}

.key-list-text strong {
    padding-right: 2px;
    font-size: 28px;
    font-weight: 400
}

.key-list-text i {
    margin-left: 4px
}

.typeDetail-banner {
    position: relative
}

.typeDetail-banner a {
    position: relative;
    padding-bottom: 66.667%
}

.typeDetail-banner img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.typeDetail-banner-num {
    position: absolute;
    z-index: 10;
    right: 20px;
    bottom: 20px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    padding: 1px 6px;
    font-size: 13px;
    color: #fff
}

.typeDetail-header {
    padding: 20px 20px 0;
    background-color: #fff
}

.typeDetail-header-name {
    line-height: 1.2;
    font-size: 24px;
    font-weight: 500
}

.typeDetail-header-info {
    padding-top: 2px;
    font-size: 16px;
    color: #666
}

.typeDetail-header-info-price {
    padding-right: 10px;
    color: #ef0000
}

.typeDetail-header-info-price strong {
    font-size: 24px
}

.typeDetail-header .info-wrap {
    margin: -6px 0
}

.typeDetail-header .info-wrap:after {
    left: 20px;
    right: 20px
}

.typeDetail-header .discount-box-wrap {
    padding: 0 0 20px
}

.typeDetail-header-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 55px;
    font-size: 16px
}

.typeDetail-header-area:after {
    left: 20px;
    right: 20px
}

.typeDetail-header-area .text {
    display: inline-block;
    vertical-align: middle
}

.typeDetail-header-area .icon-house {
    margin-right: 10px
}

.table-data.table-price td:last-child .typeDetail-header-area a:before, .typeDetail-header-area .icon-arrow-r, .typeDetail-header-area .table-data.table-price td:last-child a:before, .typeDetail-header-area .ui-link:before, .typeDetail-header-area .ui-list-link a:before, .ui-list-link .typeDetail-header-area a:before {
    margin-left: 5px;
    font-size: 14px
}

.typeDetail-header-map {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 20px 0 5px;
    font-size: 14px;
    color: #3d5688
}

.typeDetail-header-map i {
    position: relative;
    top: -1px;
    margin-right: 2px;
    vertical-align: middle
}

.typeDetail-header-map i:before {
    font-size: 15px
}

.userComment-box {
    padding: 20px
}

.userComment-box:after {
    left: 20px !important;
    right: 20px !important
}

.userComment-box-dec {
    line-height: 1.375;
    font-size: 16px
}

.userComment-box-dec-tag {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 5px;
    margin-right: 4px;
    background-color: #edf5ff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    color: #4a90e2
}

.userComment-box-dec.close {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: 88px
}

.userComment-box-more {
    color: #3d5688
}

.userComment-box-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 9px;
    font-size: 12px;
    color: #999
}

.userComment-box-info-user {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.userComment-box-info-text {
    padding-left: 8px
}

.userComment-box-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px
}

.userComment-box-img-item {
    position: relative;
    width: 26.389%;
    padding-bottom: 20.834%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 5px;
    background-color: #eee
}

.userComment-box-img-item:last-child {
    margin-right: 20px
}

.userComment-box-img-item img {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0
}

.userComment-box-swiper {
    width: auto;
    margin-right: -20px
}

.question-list-hd {
    line-height: 1.4
}

.question-list i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.question-list i:before {
    font-size: 19px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.question-list .icon-question:before {
    background-image: -webkit-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: -moz-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: -o-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: linear-gradient(318.2deg, #ff813a, #ff571b)
}

.question-list .icon-answer:before {
    background-image: -webkit-linear-gradient(42.1deg, #18c1f5, #1974f9);
    background-image: -moz-linear-gradient(42.1deg, #18c1f5, #1974f9);
    background-image: -o-linear-gradient(42.1deg, #18c1f5, #1974f9);
    background-image: linear-gradient(-312.1deg, #18c1f5, #1974f9)
}

.question-list-tit {
    padding-right: 5px;
    font-size: 16px;
    font-weight: 500
}

.question-list-bd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2px
}

.question-list-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    padding-top: 3px
}

.question-list-review {
    font-size: 12px;
    color: #666;
    margin: 5px 0 0 30px
}

.newest-box .newest-item {
    padding: 16px 20px;
    background-color: #fff
}

.newest-box .newest-item:after {
    left: 20px;
    right: 20px
}

.newest-box .newest-item-text {
    color: #666
}

.newest-item {
    padding: 0 20px;
    font-size: 16px
}

.newest-item-tit {
    font-weight: 500
}

.newest-item-text {
    margin-top: 4px
}

.newest-item-text.close {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 71px
}

.newest-item-time {
    font-size: 12px;
    color: #999
}

.newest-item-more {
    color: #3d5688
}

.nothing-tips {
    padding: 0 20px 20px;
    text-align: center;
    font-size: 16px;
    color: #666
}

.nothing-tips + .btn-box {
    padding-top: 0
}

.listXf .banner-list li {
    padding-bottom: 52.174%
}

.listXf .swiper-pagination {
    bottom: 12px
}

.listXf .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    background-color: #eee
}

.listXf .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background-color: #fff
}

.listXf > li:after {
    left: 20px !important;
    right: 20px !important
}

.listXf-item:nth-child(-n+3) .list-sort-num {
    background-color: #ff5121
}

.listXf-item:nth-child(-n+3) .list-sort-num:after {
    border-color: transparent #ff5121
}

.listXf-item > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px
}

.listXf-hd {
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

.listXf-hd-cover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 41px;
    padding: 11px 10px 0;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .7));
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .7)));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, .7));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .7));
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7));
    color: #fff
}

.listXf-hd-icon {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0
}

.listXf-hd-icon i {
    font-size: 18px;
    margin-right: 5px
}

.listXf-hd-text {
    font-size: 12px
}

.listXf-hd-follow {
    position: absolute;
    z-index: 2;
    right: 5px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    top: 5px
}

.listXf-hd-follow [class^=follow-icon] {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 22px;
    background: url(../images/follow-1v8ir.png)  no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    font-size: 0;
    color: transparent;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s
}

.listXf-hd-follow .follow-icon-on {
    background-position: 0 100%
}

.listXf-bd {
    position: relative
}

.listXf-name {
    padding: 10px 75px 0 0;
    font-size: 16px;
    font-weight: 500
}

.listXf-area {
    padding-left: 10px;
    font-size: 12px;
    font-weight: 400
}

.listXf-price {
    padding-right: 75px
}

.listXf-price-main {
    color: #ef0000;
    font-size: 14px
}

.listXf-price-main strong {
    font-size: 20px
}

.listXf-price-info {
    padding-left: 4px;
    font-size: 12px;
    color: #999
}

.listXf-news {
    padding-top: 7px;
    font-size: 12px;
    color: #666
}

.listXf-news i {
    padding-right: 5px
}

.listXf-news i:before {
    font-size: 12px
}

.listXf-btn {
    right: 0;
    top: 15px;
    width: 70px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ff5121;
    font-size: 12px;
    color: #ff5121
}

.listXf-btn, .listXf-unique {
    position: absolute;
    text-align: center
}

.listXf-unique {
    z-index: 2;
    left: 13px;
    top: 0;
    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 24.5px 24.5px;
    -moz-border-radius: 0 0 24.5px 24.5px;
    border-radius: 0 0 24.5px 24.5px;
    min-width: 53px;
    height: 55px;
    padding: 8px 4px 0;
    line-height: 1.2;
    color: #fff;
    font-size: 10px
}

.listXf-unique-num {
    display: block
}

.listXf-unique-num strong {
    padding-right: 1px;
    font-size: 18px;
    font-weight: 500
}

.flagCompany-list-item {
    background-color: #fff
}

.flagCompany-list-item:not(:last-child):after {
    left: 20px;
    right: 20px;
    background-color: #dedede
}

.flagCompany-list-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

.flagCompany-list-hd {
    width: 74px;
    height: 74px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 12px;
    overflow: hidden;
    background-color: #eee;
    -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)
}

.flagCompany-list-hd img {
    display: block;
    width: 100%;
    height: 100%
}

.flagCompany-list-bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.flagCompany-list-name {
    line-height: 1.285;
    font-size: 16px;
    font-weight: 500
}

.flagCompany-list-text {
    padding-top: 8px;
    font-size: 12px;
    color: #666
}

.flagCompany-list-label {
    line-height: 1.1;
    height: 20px;
    margin-top: 8px;
    max-width: 100%;
    overflow: hidden;
    font-size: 0
}

.flagCompany-list-label-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin-right: 6px;
    background-color: #f6f8fb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #3d5688
}

.flagLink-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px
}

.flagLink-container:after {
    left: 20px
}

.flagLink-logo {
    display: block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 5px
}

.flagLink-logo img {
    display: block;
    width: 100%;
    height: 100%
}

.flagLink-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-right: 20px
}

.flagLink-text {
    font-size: 16px;
    color: #121212;
    font-weight: 500
}

.flagLink-tag {
    display: block;
    min-width: 46px;
    padding: 1px 3px;
    margin-left: 4px;
    background-image: -webkit-linear-gradient(right, #3e4061, #120e3f);
    background-image: -webkit-gradient(linear, right top, left top, from(#3e4061), to(#120e3f));
    background-image: -moz-linear-gradient(right, #3e4061 0, #120e3f 100%);
    background-image: -o-linear-gradient(right, #3e4061 0, #120e3f 100%);
    background-image: linear-gradient(270deg, #3e4061, #120e3f);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 10px;
    color: #fff
}

.flagLink-go {
    font-size: 14px;
    color: #666
}

.flagLink-go i {
    position: relative;
    display: inline-block;
    top: -1px;
    font-size: 11px;
    margin: 0 -2px 0 2px
}

.reportHouse-box + .rankBox {
    margin-top: 0
}

.reportHouse-box + .rankBox:after {
    left: 20px;
    right: 20px
}

.reportHouse-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

.reportHouse-item-img {
    position: relative;
    width: 28.986%;
    padding-bottom: 23.188%;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #eee url(default-repeat-2tOLD.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/default-repeat-2tOLD.png*/ repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    overflow: hidden
}

.reportHouse-item-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.reportHouse-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.reportHouse-item-title {
    line-height: 1.25;
    font-size: 16px;
    font-weight: 500;
    color: #121212
}

.reportHouse-item-info {
    height: 18px;
    overflow: hidden;
    margin-top: 10px;
    font-size: 0
}

.reportHouse-item-info-text {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4.26%;
    font-size: 12px;
    color: #999
}

.reportHouse-item-info-text:last-child {
    margin-right: 0
}

.reportHouse-item-info .icon-eye {
    position: relative;
    top: 1px;
    vertical-align: -1px;
    margin-right: 2px;
    line-height: 1
}

.reportHouse-item-tag {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 4px;
    margin-right: 4.26%;
    line-height: 1.2;
    height: 16px;
    line-height: 15px;
    overflow: hidden;
    background: #eff3fc;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size: 10px;
    color: #668ae9
}

.reportHouse-item-tag--hot {
    background-color: #ffe6ec;
    color: #ef3e4a
}

.rankBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 20px;
    background-color: #fff
}

.rankBox-title {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.rankBox-icon {
    height: 22px;
    width: 22px;
    display: block
}

.rankBox-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    top: -1px;
    font-size: 16px;
    line-height: 1.2
}

.rankBox-name strong {
    position: relative;
    top: 1px;
    padding: 0 3px;
    color: #ef3929;
    font-size: 22px;
    font-weight: 500
}

.rankBox-link {
    margin-left: 5px;
    font-size: 14px;
    color: #666
}

.rankBox-link i {
    position: relative;
    display: inline-block;
    top: -1px;
    font-size: 11px;
    margin: 0 -2px 0 2px
}

.buildingMap {
    position: relative;
    height: 200px;
    margin: 0 20px;
    overflow: hidden;
    background-color: #f3f5f7
}

.buildingMap-img {
    display: block
}

.buildingMap-img img {
    width: auto;
    max-width: none
}

.buildingMap-status {
    position: absolute;
    z-index: 10;
    background-color: #fff;
    height: 16px;
    line-height: 16px;
    padding-right: 3px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer
}

.buildingMap-status--sale .buildingMap-status-num {
    background-color: #37ac31
}

.buildingMap-status--sale .buildingMap-status-num:after {
    border-top-color: #37ac31
}

.buildingMap-status--wait .buildingMap-status-num {
    background-color: #ff9934
}

.buildingMap-status--wait .buildingMap-status-num:after {
    border-top-color: #ff9934
}

.buildingMap-status--done .buildingMap-status-num {
    background-color: #999
}

.buildingMap-status--done .buildingMap-status-num:after {
    border-top-color: #999
}

.buildingMap-status--active .buildingMap-status-num {
    background-color: #ff5121
}

.buildingMap-status--active .buildingMap-status-num:after {
    border-top-color: #ff5121
}

.buildingMap-status-num {
    position: relative;
    display: inline-block;
    padding: 0 3px;
    margin-right: 3px;
    color: #fff
}

.buildingMap-status-num:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    margin-left: -3px;
    width: 0;
    height: 0;
    overflow: hidden;
    border: solid transparent;
    border-width: 3px 3px 0
}

.company-container--estate .company-header-title:after {
    background-image: -webkit-linear-gradient(149deg, #ffc168, #ff5121);
    background-image: -moz-linear-gradient(149deg, #ffc168 0, #ff5121 100%);
    background-image: -o-linear-gradient(149deg, #ffc168 0, #ff5121 100%);
    background-image: linear-gradient(301deg, #ffc168, #ff5121)
}

.company-header {
    position: relative;
    padding: 0 20px 10px;
    background-color: #fff
}

.company-header:after {
    content: "";
    position: absolute;
    z-index: 2;
    right: -20px;
    top: -60px;
    width: 80px;
    height: 100px;
    -webkit-border-radius: 15px 0 30px 40px;
    -moz-border-radius: 15px 0 30px 40px;
    border-radius: 15px 0 30px 40px;
    background-image: -webkit-linear-gradient(93deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5));
    background-image: -moz-linear-gradient(93deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .5) 100%);
    background-image: -o-linear-gradient(93deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .5) 100%);
    background-image: linear-gradient(357deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5))
}

.company-header-title {
    position: relative;
    z-index: 1;
    padding: 25px 0 66px;
    font-size: 24px;
    font-weight: 500;
    color: #fff
}

.company-header-title:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: -50px;
    top: 0;
    width: 150px;
    height: 100%;
    -webkit-border-radius: 0 50% 50% 0;
    -moz-border-radius: 0 50% 50% 0;
    border-radius: 0 50% 50% 0;
    background-image: -webkit-linear-gradient(273deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2));
    background-image: -moz-linear-gradient(273deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .2) 100%);
    background-image: -o-linear-gradient(273deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .2) 100%);
    background-image: linear-gradient(177deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2))
}

.company-header-title:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -20px;
    right: -20px;
    top: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(331deg, #4d42ff, #56d4fe);
    background-image: -moz-linear-gradient(331deg, #4d42ff 0, #56d4fe 100%);
    background-image: -o-linear-gradient(331deg, #4d42ff 0, #56d4fe 100%);
    background-image: linear-gradient(119deg, #4d42ff, #56d4fe)
}

.company-header + .ui-box {
    margin-top: 0 !important
}

.company-info {
    position: relative;
    z-index: 2;
    margin-top: -41px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .16)
}

.company-info-list {
    padding: 12px 0
}

.company-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 20px;
    font-size: 16px
}

.company-info-label {
    display: block;
    width: 80px
}

.company-info-text {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.discountCard-wrap {
    padding-top: 5px;
    background-color: #fff
}

.discountCard-wrap .search-empty {
    padding: 100px 20px
}

.discountCard-container {
    position: relative;
    padding: 15px 20px 0;
    overflow: hidden
}

.discountCard-container:after {
    content: "";
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    -webkit-box-shadow: 0 -1px 2px 0 rgba(51, 51, 51, .45);
    -moz-box-shadow: 0 -1px 2px 0 rgba(51, 51, 51, .45);
    box-shadow: 0 -1px 2px 0 rgba(51, 51, 51, .45)
}

.discountCard-box {
    position: relative;
    overflow: hidden;
    height: 130px;
    background-image: -webkit-linear-gradient(246deg, #ff7e24, #ed0246);
    background-image: -moz-linear-gradient(246deg, #ff7e24 0, #ed0246 100%);
    background-image: -o-linear-gradient(246deg, #ff7e24 0, #ed0246 100%);
    background-image: linear-gradient(204deg, #ff7e24, #ed0246);
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    color: #fff
}

.discountCard-box:after, .discountCard-box:before {
    content: "";
    position: absolute
}

.discountCard-box:before {
    top: 22px;
    left: 0;
    width: 140px;
    height: 190px;
    background-image: -webkit-linear-gradient(330deg, #c6a86b, #ead4a2 50%, transparent 0);
    background-image: -moz-linear-gradient(330deg, #c6a86b 0, #ead4a2 50%, transparent 50%);
    background-image: -o-linear-gradient(330deg, #c6a86b 0, #ead4a2 50%, transparent 50%);
    background-image: linear-gradient(120deg, #c6a86b, #ead4a2 50%, transparent 0);
    opacity: .1
}

.discountCard-box:after {
    bottom: 0;
    left: 0;
    width: 190px;
    height: 40px;
    background-image: -webkit-linear-gradient(76deg, #fff, #fff 45%, transparent 0);
    background-image: -moz-linear-gradient(76deg, #fff 0, #fff 45%, transparent 45%);
    background-image: -o-linear-gradient(76deg, #fff 0, #fff 45%, transparent 45%);
    background-image: linear-gradient(14deg, #fff, #fff 45%, transparent 0);
    opacity: .06
}

.discountCard-block {
    position: relative;
    z-index: 2;
    display: block;
    height: 100%;
    padding-top: 53px;
    color: #fff
}

.discountCard-watermark {
    position: absolute;
    left: 50%;
    bottom: -18px;
    line-height: 1;
    font-size: 80px;
    font-weight: 500;
    text-shadow: 0 2px 0 rgba(47, 47, 47, .4), 0 1px 1px hsla(0, 0%, 100%, .4);
    color: #9e0002;
    opacity: .04;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

.discountCard-rightbg {
    position: absolute;
    right: -10px;
    top: -7px;
    width: 107px;
    height: 159px;
    background-image: -webkit-linear-gradient(323deg, #ead4a2, #c6a86b);
    background-image: -moz-linear-gradient(323deg, #ead4a2 0, #c6a86b 100%);
    background-image: -o-linear-gradient(323deg, #ead4a2 0, #c6a86b 100%);
    background-image: linear-gradient(127deg, #ead4a2, #c6a86b);
    opacity: .15
}

.discountCard-name {
    line-height: 1.2;
    font-size: 32px;
    text-align: center
}

.discountCard-link {
    padding-top: 1px;
    font-size: 10px;
    text-align: center;
    font-weight: 300
}

.discountCard-subtitle {
    left: 10px;
    top: 10px
}

.discountCard-price, .discountCard-subtitle {
    position: absolute;
    font-size: 8px;
    font-weight: 300
}

.discountCard-price {
    right: 10px;
    top: 2px;
    text-align: right
}

.discountCard-price-unit {
    padding-left: 4px;
    font-size: 10px;
    font-family: HelveticaNeue;
    font-style: italic
}

.discountCard-price-unit strong {
    padding-left: 2px;
    font-size: 16px;
    font-weight: 200
}

.discountCard--round {
    position: absolute;
    top: 0;
    left: -45px;
    right: -45px;
    -webkit-border-radius: 0 0 50% 50%;
    -moz-border-radius: 0 0 50% 50%;
    border-radius: 0 0 50% 50%;
    height: 100%;
    background-color: #f5f5f5
}

.discountCard--round-wrap {
    position: relative;
    height: 152px
}

.discountCard--round .discountCard-box {
    position: absolute;
    top: 15px;
    left: 60px;
    right: 60px;
    height: 137px;
    -webkit-box-shadow: 0 1px 11px 0 rgba(251, 95, 45, .6);
    -moz-box-shadow: 0 1px 11px 0 rgba(251, 95, 45, .6);
    box-shadow: 0 1px 11px 0 rgba(251, 95, 45, .6)
}

.discountCard--round .discountCard-name {
    padding-top: 5px;
    font-size: 38px
}

.discountRule-wrap {
    background-color: #fff
}

.discountRule-main {
    padding-top: 5px
}

.discountRule-section {
    padding: 20px 0;
    margin-left: 20px;
    border-bottom: 1px solid #eee
}

.discountRule-section h2 {
    padding-bottom: 16px;
    font-size: 16px;
    font-weight: 500
}

.discountRule-section h2 i {
    position: relative;
    top: -2px;
    vertical-align: middle;
    margin-right: 5px;
    font-weight: 400
}

.discountRule-section .icon-r-rule {
    font-size: 14px
}

.discountRule-dl {
    padding: 0 20px 20px 0
}

.discountRule-dl:last-child {
    padding-bottom: 0
}

.discountRule-dt {
    padding-bottom: 4px;
    font-size: 14px;
    font-weight: 500
}

.discountRule-dd {
    font-size: 14px;
    color: #666
}

.discountRule-tips {
    font-size: 14px
}

.discountRule-tips a {
    color: #3d5688
}

.discountRule-footer {
    padding: 20px 40px;
    text-align: center;
    font-size: 14px;
    color: #a6a6a6
}

#root {
    height: 100%
}

.online-ad-list {
    display: block;
    margin-top: 10px
}

.index-nav-item:first-of-type {
    position: relative
}

.index-nav-item:first-of-type:after {
    content: "特惠";
    width: 25px;
    height: 14px;
    line-height: 14px;
    font-size: 9px;
    color: #fff;
    background: -webkit-linear-gradient(62deg, #ffbb18, #ff8b00);
    background: -moz-linear-gradient(62deg, #ffbb18 0, #ff8b00 100%);
    background: -o-linear-gradient(62deg, #ffbb18 0, #ff8b00 100%);
    background: linear-gradient(28deg, #ffbb18, #ff8b00);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 8px;
    right: 50%;
    margin-right: -30px
}

.type-photo, .ui-border-radius {
    border: none;
    position: relative
}

.type-photo:after, .ui-border-radius:after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 199.8%;
    height: 200%;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .type-photo, .ui-border-b, .ui-border-l, .ui-border-r, .ui-border-radius, .ui-border-t, .ui-border-t-style, .ui-border-tb {
        border: none;
        position: relative
    }

    .ui-border-b:after, .ui-border-l:after, .ui-border-r:before, .ui-border-t-style:after, .ui-border-t:after, .ui-border-tb:after, .ui-border-tb:before {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }

    .ui-border-t-style:after {
        bottom: 0;
        border-top: 1px dashed #eee
    }

    .ui-border-t-style:after, .ui-border-t:after, .ui-border-tb:after {
        left: 0;
        right: 0;
        top: 0;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top
    }

    .ui-border-t:after, .ui-border-tb:after {
        height: 1px;
        background: #eee
    }

    .ui-border-b:after, .ui-border-tb:before {
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        background: #eee
    }

    .ui-border-l:after {
        left: 0
    }

    .ui-border-l:after, .ui-border-r:before {
        top: 0;
        width: 1px;
        bottom: 0;
        -webkit-transform: scaleX(.5);
        -moz-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        -o-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    .ui-border-r:before {
        right: 0
    }
}

.ellipsis, .house-brand .text, .house-brand .title, .show-list-text .dec, .show-list-text h3 {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.show-list {
    background-color: #fff;
    padding: 20px 0
}

.show-list-text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    text-align: center
}

.show-list-text h3 {
    font-size: 16px;
    font-weight: 500
}

.show-list-text .dec {
    padding-top: 2px;
    font-size: 12px
}

.show-list li {
    position: relative;
    width: 140px;
    height: 80px;
    margin-right: 12px
}

.show-list li:first-child {
    margin-left: 20px
}

.show-list li:last-child {
    margin-right: 20px
}

.show-list a {
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.house-brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    margin: 0 20px;
    padding: 10px 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.house-brand + .info-wrap {
    border: 0
}

.house-brand + .info-wrap:after {
    display: none
}

.house-brand:before {
    font-size: 17px;
    color: #ccc
}

.house-brand-info {
    padding-right: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.house-brand-pic {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: url(brand-sprites-rNffl.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/brand-sprites-rNffl.png*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

.house-brand-pic_scene {
    background-position: 0 100%
}

.house-brand-more {
    font-size: 12px;
    color: #666
}

.house-brand-more i {
    font-size: 11px
}

.house-brand .title {
    font-size: 16px;
    font-weight: 500
}

.house-brand .text {
    padding-top: 1px;
    font-size: 12px
}

.type-photo {
    margin: 0 20px;
    height: 210px;
    text-align: center
}

.type-photo:after {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.type-photo img {
    width: auto;
    height: 100%
}

.ui-border-t {
    border-top: 1px solid #eee
}

.ui-border-b {
    border-bottom: 1px solid #eee
}

.ui-border-l {
    border-left: 1px solid #eee
}

.ui-border-r {
    border-right: 1px solid #eee
}

.index-search-box, .ui-border-radius {
    border: none;
    position: relative
}

.index-search-box:after, .ui-border-radius:after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 199.8%;
    height: 200%;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .index-search-box, .ui-border-b, .ui-border-l, .ui-border-r, .ui-border-radius, .ui-border-t, .ui-border-t-style, .ui-border-tb {
        border: none;
        position: relative
    }

    .ui-border-b:after, .ui-border-l:after, .ui-border-r:before, .ui-border-t-style:after, .ui-border-t:after, .ui-border-tb:after, .ui-border-tb:before {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }

    .ui-border-t-style:after {
        bottom: 0;
        border-top: 1px dashed #eee
    }

    .ui-border-t-style:after, .ui-border-t:after, .ui-border-tb:after {
        left: 0;
        right: 0;
        top: 0;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top
    }

    .ui-border-t:after, .ui-border-tb:after {
        height: 1px;
        background: #eee
    }

    .ui-border-b:after, .ui-border-tb:before {
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        background: #eee
    }

    .ui-border-l:after {
        left: 0
    }

    .ui-border-l:after, .ui-border-r:before {
        top: 0;
        width: 1px;
        bottom: 0;
        -webkit-transform: scaleX(.5);
        -moz-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        -o-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    .ui-border-r:before {
        right: 0
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3) {
    .ui-border-b:after, .ui-border-t:after, .ui-border-tb:after, .ui-border-tb:before {
        -webkit-transform: scaleY(.33);
        -moz-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        -o-transform: scaleY(.33);
        transform: scaleY(.33);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        background: #eee
    }

    .ui-border-l:after, .ui-border-r:before {
        -webkit-transform: scaleX(.33);
        -moz-transform: scaleX(.33);
        -ms-transform: scaleX(.33);
        -o-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.ellipsis, .flagship-list-name, .flagship-list-text, .index-news-cont .roll-news-item a {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.clearfix:after, .clearfix:before, .index-nav:after, .index-nav:before {
    content: "";
    display: table
}

.clearfix:after, .index-nav:after {
    clear: both
}

.index-wrap {
    background-color: #fff
}

.index-wrap .ui-box {
    margin-top: 0
}

.index-wrap .ui-main {
    padding-top: 0
}

.index-header-top {
    background-color: #fff
}

.index-header-img {
    position: relative;
    padding-bottom: 19.734%
}

.index-header-img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%
}

.index-header-btn {
    padding-bottom: 15px;
    text-align: center;
    font-size: 0
}

.index-header-btn .btn {
    display: inline-block;
    vertical-align: middle;
    width: 132px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 10px;
    font-size: 14px;
    text-align: center
}

.index-header-btn .btn-line {
    border: 1px solid #ff5121;
    color: #ff5121
}

.index-header-btn .btn-default {
    background-color: #ff5121;
    color: #fff
}

.index-search {
    position: relative;
    z-index: 2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0 5px;
    padding: 0 20px
}

.index-search, .index-search-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.index-search-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 44px;
    line-height: 44px;
    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);
    font-size: 14px
}

.index-search-box, .index-search-box:after {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.index-search-box:after {
    border-color: #c6c6c6
}

.index-search-box:not(:only-child) {
    margin-right: 10px
}

.index-search-box .chose-city {
    position: relative;
    padding: 0 10px
}

.index-search-box .chose-city:after {
    content: "";
    position: absolute;
    top: 14px;
    bottom: 14px;
    right: 0;
    width: 1px;
    background-color: #999
}

.index-search-box .input-box {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.index-search-box .inp-search {
    width: 100%;
    padding: 0 10px;
    font-size: 14px;
    background-color: transparent
}

.index-search-box .icon-search {
    margin: 0 -5px 0 10px;
    color: #999
}

.index-search .icon-menu-user {
    font-weight: 700
}

.index-search .icon-menu-user:before {
    font-size: 19px
}

.index-nav {
    padding-top: 10px;
    background-color: #fff
}

.index-nav-item {
    float: left;
    width: 50%;
    height: 87px;
    padding: 10px 0;
    text-align: center;
    font-size: 12px
}

.index-nav-item:first-child:nth-last-child(5), .index-nav-item:first-child:nth-last-child(5) ~ li {
    width: 20%
}

.index-nav-item a {
    display: block
}

.index-nav-pic {
    position: relative;
    display: block;
    width: 46px;
    height: 46px;
    margin: 0 auto
}

.index-nav-pic img {
    display: block;
    width: 100%;
    height: 100%
}

.index-nav-pic .tag {
    position: absolute;
    right: -4px;
    top: -4px;
    background: #f5313d;
    -webkit-border-radius: 16px 16px 16px 0;
    -moz-border-radius: 16px 16px 16px 0;
    border-radius: 16px 16px 16px 0;
    line-height: 1.1;
    padding: 3px 3px 2px;
    font-size: 10px;
    color: #fff
}

.index-nav-txt {
    padding-top: 5px
}

.index-news {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 49px;
    padding: 0 20px;
    background-color: #fff
}

.index-news:after, .index-news:before {
    left: 20px !important;
    right: 20px !important
}

.index-news-title {
    position: relative;
    display: block;
    width: 57px;
    height: 14px;
    background: url(news-37WiZ.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/news-37WiZ.png*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    margin-right: 20px;
    font-size: 0;
    color: transparent
}

.index-news-title:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #eee
}

.index-news-cont {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    overflow: hidden
}

.index-news-cont .roll-news {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    font-size: 14px;
    line-height: normal
}

.index-news-cont .roll-news-item {
    position: relative;
    height: 49px
}

.index-news-cont .roll-news-item a {
    display: block;
    height: 100%;
    padding: 14px 10px 14px 0
}

.index-news-cont .roll-news-item .icon-arrow-r {
    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%)
}

.index-news-cont .roll-news-item .icon-arrow-r:before {
    font-size: 11px
}

.market {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 20px 30px;
    line-height: 1
}

.market-price {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    color: #121212
}

.market-price strong {
    padding-right: 4px;
    font-size: 30px;
    font-family: Verdana;
    font-weight: 700;
    color: #121212
}

.market-rank {
    min-width: 45%;
    font-size: 12px;
    color: #121212
}

.market-rank-item {
    padding-top: 6px
}

.market-rank-item:only-child {
    padding-bottom: 3px
}

.market-rank .rate {
    padding-left: 4px
}

.market-rank .rate.up {
    color: #ef3929
}

.market-rank .rate.down {
    color: #0bb03d
}

.market-rank .rate.equal {
    color: #666
}

.market-rank .rate i {
    position: relative;
    top: -1px;
    padding-left: 2px
}

.market-rank .rate i:before {
    font-size: 9px
}

.flagship-box {
    position: relative
}

.flagship-box:after, .flagship-box:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    height: 1px;
    background-color: #eee
}

.flagship-box:before {
    top: 0
}

.flagship-box:after {
    bottom: 0
}

.flagship-list {
    padding: 2px 0 20px
}

.flagship-list-item {
    width: 245px;
    margin-left: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.flagship-list-item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px
}

.flagship-list-hd {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 12px;
    overflow: hidden;
    background-color: #eee
}

.flagship-list-hd img {
    display: block;
    width: 100%;
    height: 100%
}

.flagship-list-bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.flagship-list-name {
    line-height: 1.285;
    font-size: 20px;
    font-weight: 500
}

.flagship-list-text {
    padding-top: 3px;
    font-size: 14px
}

.flagship-list-link {
    padding-top: 14px;
    font-size: 12px;
    color: #3d5688
}

.flagship-list-link i {
    font-size: 11px
}

.rmc-date-picker {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 10px 0
}

.rmc-date-picker-item {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    text-align: center
}

.rmc-multi-picker, .rmc-picker {
    height: 238px
}

.rmc-multi-picker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rmc-picker-item {
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #9b9b9b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rmc-picker, .rmc-picker-item {
    position: relative;
    overflow: hidden;
    width: 100%
}

.rmc-picker {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.rmc-picker-mask {
    height: 100%;
    margin: 0 auto;
    z-index: 3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .95)), to(hsla(0, 0%, 100%, .6))), -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, .95)), to(hsla(0, 0%, 100%, .6)));
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
    background-image: -moz-linear-gradient(top, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), -moz-linear-gradient(bottom, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
    background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), -o-linear-gradient(bottom, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), linear-gradient(0deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
    background-position: top, bottom;
    -webkit-background-size: 100% 204px;
    -moz-background-size: 100% 204px;
    background-size: 100% 204px;
    background-repeat: no-repeat
}

.rmc-picker-content, .rmc-picker-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.rmc-picker-content {
    z-index: 1
}

.rmc-picker-indicator {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    position: absolute;
    left: 0;
    top: 102px;
    z-index: 3;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.rmc-picker-popup {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    background-color: #fff
}

.rmc-picker-popup-close {
    display: none
}

.rmc-picker-popup-wrap {
    overflow: auto;
    overflow-scrolling: touch;
    outline: 0
}

.rmc-picker-popup-mask, .rmc-picker-popup-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050
}

.rmc-picker-popup-mask {
    background-color: #373737;
    background-color: rgba(55, 55, 55, .6);
    height: 100%;
    filter: alpha(opacity=50)
}

.rmc-picker-popup-mask-hidden {
    display: none
}

.rmc-picker-popup-header {
    background-image: -webkit-linear-gradient(top, #e7e7e7, #e7e7e7, transparent, transparent);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), color-stop(#e7e7e7), color-stop(transparent), to(transparent));
    background-image: -moz-linear-gradient(top, #e7e7e7, #e7e7e7, transparent, transparent);
    background-image: -o-linear-gradient(top, #e7e7e7, #e7e7e7, transparent, transparent);
    background-image: linear-gradient(180deg, #e7e7e7, #e7e7e7, transparent, transparent);
    background-position: bottom;
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.rmc-picker-popup-header-left, .rmc-picker-popup-header-right {
    padding-left: 15px;
    padding-right: 15px
}

.rmc-picker-popup-item {
    color: #0ae;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.rmc-picker-popup-item-active {
    background-color: #ddd
}

.rmc-picker-popup-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #666;
    cursor: default
}

.rmc-picker-popup-fade-appear, .rmc-picker-popup-fade-enter {
    opacity: 0
}

.rmc-picker-popup-fade-appear, .rmc-picker-popup-fade-enter, .rmc-picker-popup-fade-leave {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -moz-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -o-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.rmc-picker-popup-fade-appear.rmc-picker-popup-fade-appear-active, .rmc-picker-popup-fade-enter.rmc-picker-popup-fade-enter-active {
    -webkit-animation-name: rmcPopupPickerFadeIn;
    -moz-animation-name: rmcPopupPickerFadeIn;
    -o-animation-name: rmcPopupPickerFadeIn;
    animation-name: rmcPopupPickerFadeIn;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}

.rmc-picker-popup-fade-leave.rmc-picker-popup-fade-leave-active {
    -webkit-animation-name: rmcPopupPickerFadeOut;
    -moz-animation-name: rmcPopupPickerFadeOut;
    -o-animation-name: rmcPopupPickerFadeOut;
    animation-name: rmcPopupPickerFadeOut;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes rmcPopupPickerFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes rmcPopupPickerFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-o-keyframes rmcPopupPickerFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes rmcPopupPickerFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes rmcPopupPickerFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes rmcPopupPickerFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-o-keyframes rmcPopupPickerFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes rmcPopupPickerFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.rmc-picker-popup-slide-fade-appear, .rmc-picker-popup-slide-fade-enter {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.rmc-picker-popup-slide-fade-appear, .rmc-picker-popup-slide-fade-enter, .rmc-picker-popup-slide-fade-leave {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -moz-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -o-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.rmc-picker-popup-slide-fade-appear.rmc-picker-popup-slide-fade-appear-active, .rmc-picker-popup-slide-fade-enter.rmc-picker-popup-slide-fade-enter-active {
    -webkit-animation-name: rmcPopupPickerSlideFadeIn;
    -moz-animation-name: rmcPopupPickerSlideFadeIn;
    -o-animation-name: rmcPopupPickerSlideFadeIn;
    animation-name: rmcPopupPickerSlideFadeIn;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}

.rmc-picker-popup-slide-fade-leave.rmc-picker-popup-slide-fade-leave-active {
    -webkit-animation-name: rmcPopupPickerSlideFadeOut;
    -moz-animation-name: rmcPopupPickerSlideFadeOut;
    -o-animation-name: rmcPopupPickerSlideFadeOut;
    animation-name: rmcPopupPickerSlideFadeOut;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes rmcPopupPickerSlideFadeIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-moz-keyframes rmcPopupPickerSlideFadeIn {
    0% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0)
    }
}

@-o-keyframes rmcPopupPickerSlideFadeIn {
    0% {
        -webkit-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes rmcPopupPickerSlideFadeIn {
    0% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes rmcPopupPickerSlideFadeOut {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-moz-keyframes rmcPopupPickerSlideFadeOut {
    0% {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-o-keyframes rmcPopupPickerSlideFadeOut {
    0% {
        -webkit-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes rmcPopupPickerSlideFadeOut {
    0% {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.rmc-cascader {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    box-align: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 10px 0
}

.rmc-cascader-item {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    text-align: center
}

.rmc-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.rmc-dialog-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.rmc-dialog-title {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700
}

.rmc-dialog-content {
    position: relative;
    background-color: #fff;
    border: none;
    -webkit-border-radius: 6px 6px;
    -moz-border-radius: 6px 6px;
    border-radius: 6px 6px;
    background-clip: padding-box
}

.rmc-dialog-close {
    cursor: pointer;
    border: 0;
    background: transparent;
    font-size: 21px;
    position: absolute;
    right: 20px;
    top: 12px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    text-decoration: none
}

.rmc-dialog-close-x:after {
    content: "×"
}

.rmc-dialog-close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none
}

.rmc-dialog-header {
    padding: 13px 20px 14px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #fff;
    color: #666;
    border-bottom: 1px solid #e9e9e9
}

.rmc-dialog-body {
    padding: 20px
}

.rmc-dialog-footer {
    border-top: 1px solid #e9e9e9;
    padding: 10px 20px 10px 10px;
    text-align: right;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

.rmc-dialog-zoom-appear, .rmc-dialog-zoom-enter {
    opacity: 0;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    -moz-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    -o-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.rmc-dialog-zoom-leave {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    -moz-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    -o-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.rmc-dialog-zoom-appear.rmc-dialog-zoom-appear-active, .rmc-dialog-zoom-enter.rmc-dialog-zoom-enter-active {
    -webkit-animation-name: rcDialogZoomIn;
    -moz-animation-name: rcDialogZoomIn;
    -o-animation-name: rcDialogZoomIn;
    animation-name: rcDialogZoomIn;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}

.rmc-dialog-zoom-leave.rmc-dialog-zoom-leave-active {
    -webkit-animation-name: rcDialogZoomOut;
    -moz-animation-name: rcDialogZoomOut;
    -o-animation-name: rcDialogZoomOut;
    animation-name: rcDialogZoomOut;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes rcDialogZoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes rcDialogZoomIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes rcDialogZoomIn {
    0% {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes rcDialogZoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes rcDialogZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-moz-keyframes rcDialogZoomOut {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }
}

@-o-keyframes rcDialogZoomOut {
    0% {
        -o-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes rcDialogZoomOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
}

@media (min-width: 768px) {
    .rmc-dialog {
        width: 600px;
        margin: 30px auto
    }
}

.rmc-dialog-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #373737;
    background-color: rgba(55, 55, 55, .6);
    height: 100%;
    filter: alpha(opacity=50);
    z-index: 1050
}

.rmc-dialog-mask-hidden {
    display: none
}

.rmc-dialog-fade-appear, .rmc-dialog-fade-enter {
    opacity: 0
}

.rmc-dialog-fade-appear, .rmc-dialog-fade-enter, .rmc-dialog-fade-leave {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -moz-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -o-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.rmc-dialog-fade-appear.rmc-dialog-fade-appear-active, .rmc-dialog-fade-enter.rmc-dialog-fade-enter-active {
    -webkit-animation-name: rcDialogFadeIn;
    -moz-animation-name: rcDialogFadeIn;
    -o-animation-name: rcDialogFadeIn;
    animation-name: rcDialogFadeIn;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}

.rmc-dialog-fade-leave.rmc-dialog-fade-leave-active {
    -webkit-animation-name: rcDialogFadeOut;
    -moz-animation-name: rcDialogFadeOut;
    -o-animation-name: rcDialogFadeOut;
    animation-name: rcDialogFadeOut;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes rcDialogFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes rcDialogFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-o-keyframes rcDialogFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes rcDialogFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes rcDialogFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes rcDialogFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-o-keyframes rcDialogFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes rcDialogFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.rc-swipeout {
    overflow: hidden;
    position: relative
}

.rc-swipeout-content {
    position: relative;
    background-color: #fff
}

.rc-swipeout-cover {
    position: absolute;
    z-index: 2;
    background: transparent;
    height: 100%;
    width: 100%;
    top: 0;
    display: none
}

.rc-swipeout .rc-swipeout-actions, .rc-swipeout .rc-swipeout-content {
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s
}

.rc-swipeout-swiping .rc-swipeout-content {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

.rc-swipeout-actions {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    overflow: hidden;
    white-space: nowrap
}

.rc-swipeout-actions-left {
    left: 0
}

.rc-swipeout-actions-right {
    right: 0
}

.rc-swipeout-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.rc-swipeout-btn-text {
    padding: 0 12px
}

.ui-mtd20 {
    margin-top: -20px
}

.ui-mtd10 {
    margin-top: -10px
}

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

.imgDefault {
    background: #eee url(../images/default.png) repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

.fixed {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    max-width: 750px;
    margin: 0 auto;
    z-index: 980
}

.position-static {
    position: static !important
}

.uiBorderTop {
    border-top: 1px solid #eee
}

.uiBorderBottom {
    border-bottom: 1px solid #eee
}

.uiBorderLeft {
    border-left: 1px solid #eee
}

.uiBorderRight {
    border-right: 1px solid #eee
}

.uiBorderTB {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.uiBorderRadius, .uiBtnLine, .uiBtnLineGray {
    border: none;
    position: relative
}

.uiBorderRadius:after, .uiBtnLine:after, .uiBtnLineGray:after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 199.8%;
    height: 200%;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border: 1px solid #eee;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .duiBorderRight, .uiBorderBottom, .uiBorderLeft, .uiBorderTB, .uiBorderTop {
        border: none;
        position: relative
    }

    .duiBorderRight:before, .uiBorderBottom:after, .uiBorderLeft:after, .uiBorderTB:after, .uiBorderTB:before, .uiBorderTop:after {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }

    .uiBorderTB:after, .uiBorderTop:after {
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    .uiBorderBottom:after, .uiBorderTB:before {
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        background: #eee
    }

    .uiBorderLeft:after {
        left: 0
    }

    .uiBorderLeft:after, .uiBorderRight:before {
        top: 0;
        width: 1px;
        bottom: 0;
        -webkit-transform: scaleX(.5);
        -moz-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        -o-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    .uiBorderRight:before {
        right: 0
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3) {
    .uiBorderBottom:after, .uiBorderTB:after, .uiBorderTB:before, .uiBorderTop:after {
        -webkit-transform: scaleY(.33);
        -moz-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        -o-transform: scaleY(.33);
        transform: scaleY(.33);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        background: #eee
    }

    .uiBorderLeft:after, .uiBorderRight:before {
        -webkit-transform: scaleX(.33);
        -moz-transform: scaleX(.33);
        -ms-transform: scaleX(.33);
        -o-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.ui-btnBox {
    padding: 20px
}

.preload-img {
    width: 100%;
    height: 100%;
    z-index: 981;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.notch {
    height: env(safe-area-inset-bottom)
}

.tag-xangfangshi {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    background: -webkit-linear-gradient(301deg, #3d4156, #171927);
    background: -moz-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background: -o-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background: linear-gradient(149deg, #3d4156, #171927);
    -webkit-transform: skew(-16deg, 0deg);
    -moz-transform: skew(-16deg, 0deg);
    -ms-transform: skew(-16deg, 0deg);
    -o-transform: skew(-16deg, 0deg);
    transform: skew(-16deg, 0deg);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 4px;
    white-space: nowrap;
    vertical-align: middle;
    margin: 0 4px
}

.tag-xangfangshi:before {
    display: inline-block;
    content: "选房师";
    -webkit-transform: skew(16deg, 0);
    -moz-transform: skew(16deg, 0);
    -ms-transform: skew(16deg, 0);
    -o-transform: skew(16deg, 0);
    transform: skew(16deg, 0);
    text-align: center
}

._3pF61 {
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 110;
    text-align: center
}

._3Gson, ._3pF61 {
    position: absolute
}

._3Gson {
    top: 50%;
    left: 50%;
    max-width: 80%;
    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%)
}

._3hiSX {
    position: relative;
    z-index: 120;
    right: 80px;
    top: 19px;
    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: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 218px;
    height: 50px;
    white-space: nowrap
}

._3hiSX:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    z-index: 12;
    width: 0;
    height: 0;
    overflow: hidden;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 5px 6px 0
}

._1gedj {
    margin: 7px 10px;
    float: left
}

._3-IOs {
    font-size: 14px;
    font-weight: 500;
    color: #212121
}

._2IDJG, ._3-IOs {
    /*width: 118px;*/
    width:100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: left
}

._2IDJG {
    font-size: 12px;
    font-weight: 400;
    color: #757575
}

.HH45S {
    display: none;
    width: 70px;
    height: 34px;
    float: right;
    margin: 8px 10px 0 0;
    background: #f25824;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    line-height: 34px
}

.UmkHK {
    position: relative;
    display: block;
    z-index: 10;
    width: 70px;
    height: 70px;
    background: rgba(102, 138, 233, .08);
    border: 1px solid rgba(102, 138, 233, .32);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.UmkHK:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    background: #668ae9;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 2px 6px 0 #9fa7b3;
    -moz-box-shadow: 0 2px 6px 0 #9fa7b3;
    box-shadow: 0 2px 6px 0 #9fa7b3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.SQ_p5 {
    font-size: 12px
}

._2L1Fg {
    padding: 0 20px 20px
}

._3Uu-k {
    font-size: 22px;
    color: #121212;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    background: #fff
}

._3Uu-k h3 {
    font-weight: 500
}

.AGzQ7 {
    font-size: 14px
}

._1OAxa {
    border-bottom: 1px solid #eee;
    padding: 20px 0 5px
}

._292Pi {
    width: 50%;
    padding-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._292Pi:not(.QgktQ):nth-child(odd) {
    padding-right: 5px
}

._292Pi span {
    display: inline-block
}

._292Pi, ._292Pi span:first-child {
    color: #757575;
    width: 56px;
    font-weight: 400;
    margin-right: 16px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._292Pi span:last-child {
    color: #121212
}

._292Pi.QgktQ {
    width: 100%
}

._292Pi.QgktQ span:last-child {
    white-space: normal
}

._1hnRQ {
    padding-top: 20px
}

._1hnRQ h4 {
    font-size: 16px;
    font-weight: 500
}

._1hnRQ h4, .N0nVa div {
    color: #121212;
    padding-bottom: 15px
}

._1-kUN {
    margin-top: -20px
}

._2KUvf {
    margin-top: -10px
}

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

._1JJvN:after {
    clear: both
}

.fkWyL {
    max-width: 100%;
    white-space: nowrap
}

._2CZ4u, .fkWyL {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._2CZ4u {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.fpg6q {
    background: #eee url("../images/default.png")  repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

._2KmzW {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    max-width: 750px;
    margin: 0 auto;
    z-index: 980
}

._3BVBT {
    position: static !important
}

._3mRFs {
    display: none !important
}

._1YwLL {
    border-top: 1px solid #eee
}

._3gWds {
    border-bottom: 1px solid #eee
}

._3WaLO {
    border-left: 1px solid #eee
}

._2x_Bi {
    border-right: 1px solid #eee
}

._1Bq3W {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

._2gtnG, ._2IHQ7, ._2lOOJ {
    border: none;
    position: relative
}

._2gtnG:after, ._2IHQ7:after, ._2lOOJ:after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 199.8%;
    height: 200%;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border: 1px solid #eee;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    ._1Bq3W, ._1YwLL, ._3gWds, ._3WaLO, .d7NzV {
        border: none;
        position: relative
    }

    ._1Bq3W:after, ._1Bq3W:before, ._1YwLL:after, ._3gWds:after, ._3WaLO:after, .d7NzV:before {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }

    ._1Bq3W:after, ._1YwLL:after {
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    ._1Bq3W:before, ._3gWds:after {
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        background: #eee
    }

    ._3WaLO:after {
        left: 0
    }

    ._2x_Bi:before, ._3WaLO:after {
        top: 0;
        width: 1px;
        bottom: 0;
        -webkit-transform: scaleX(.5);
        -moz-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        -o-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    ._2x_Bi:before {
        right: 0
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3) {
    ._1Bq3W:after, ._1Bq3W:before, ._1YwLL:after, ._3gWds:after {
        -webkit-transform: scaleY(.33);
        -moz-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        -o-transform: scaleY(.33);
        transform: scaleY(.33);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        background: #eee
    }

    ._2x_Bi:before, ._3WaLO:after {
        -webkit-transform: scaleX(.33);
        -moz-transform: scaleX(.33);
        -ms-transform: scaleX(.33);
        -o-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.Hx9Il {
    padding: 20px
}

._145yK {
    width: 100%;
    height: 100%;
    z-index: 981;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

._1Nm0h {
    height: env(safe-area-inset-bottom)
}

.Mh1RG {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    background: -webkit-linear-gradient(301deg, #3d4156, #171927);
    background: -moz-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background: -o-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background: linear-gradient(149deg, #3d4156, #171927);
    -webkit-transform: skew(-16deg, 0deg);
    -moz-transform: skew(-16deg, 0deg);
    -ms-transform: skew(-16deg, 0deg);
    -o-transform: skew(-16deg, 0deg);
    transform: skew(-16deg, 0deg);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 4px;
    white-space: nowrap;
    vertical-align: middle;
    margin: 0 4px
}

.Mh1RG:before {
    display: inline-block;
    content: "选房师";
    -webkit-transform: skew(16deg, 0);
    -moz-transform: skew(16deg, 0);
    -ms-transform: skew(16deg, 0);
    -o-transform: skew(16deg, 0);
    transform: skew(16deg, 0);
    text-align: center
}

._16Jai {
    padding-top: 15px
}

._16Jai, .srjIZ {
    background-color: #fff
}

.srjIZ {
    height: 78px;
    position: fixed !important;
    left: 0;
    right: 0;
    top: 44px;
    max-width: 750px;
    margin: 0 auto;
    z-index: 940
}

.srjIZ:after {
    left: 20px
}

._1AiW2 {
    margin-left: 20px
}

._3dvNj {
    color: #fff;
    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)
}

._2sWbI, ._3dvNj {
    min-width: 84px;
    width: auto;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    margin: 20px 10px 20px 0;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    font-size: 16px;
    font-weight: 500
}

._2sWbI {
    background-color: #f3f5f7
}

._2m5YQ {
    background-color: #fff
}

._2m5YQ:last-child {
    border-bottom: 0
}

._2m5YQ:after {
    left: 20px;
    right: 20px
}

._2m5YQ:last-child:after {
    display: none
}

._3wt3a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

.YQWdI {
    position: relative;
    width: 40.3%;
    padding-bottom: 26.87%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 15px;
    overflow: hidden;
    background: #eee url("../images/default.png")  repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

.YQWdI img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.DO1cT {
    position: absolute;
    right: 5px;
    bottom: 5px;
    height: 18px;
    line-height: 18px;
    min-width: 38px;
    padding: 0 5px;
    background-color: rgba(0, 0, 0, .6);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    font-size: 12px
}

._2sQOm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

._2sQOm, ._237t3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._237t3 {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

._3-mXX {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.2;
    font-size: 14px;
    color: #ef0000
}

._3-mXX strong {
    margin-right: 2px;
    font-size: 28px;
    font-weight: 700
}

._1RNWh {
    font-size: 14px;
    font-weight: 500;
    color: #3d5688
}

._1RNWh._28Rnn {
    color: #999
}

._1RNWh i {
    font-size: 12px
}

._2-D7j {
    color: #999
}

._1HBa0 {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 500
}

.-o1Uo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 21px
}

._3tGA2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._1VW41 {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f5f5f5;
    margin-right: 2px
}

._1VW41._40gun {
    line-height: 14px;
    text-align: center
}

._1VW41._40gun i {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

._1VW41._40gun i, ._1VW41._40gun i:after, ._1VW41._40gun i:before {
    width: 2px;
    height: 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #3d5688;
    margin: 0 1px
}

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

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

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

.aRyJt {
    font-size: 12px;
    color: #757575
}

@media screen and (max-width: 350px) {
    .YQWdI {
        width: 38%
    }
}

._3tZpl {
    padding-top: 78px
}

._5tBG7 {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 44px;
    max-width: 750px;
    margin: 0 auto;
    z-index: 940;
    background-color: #fff
}

._5tBG7:after {
    left: 20px
}

._2Qi0v {
    padding: 20px 0
}

._2ZfW3 {
    display: block;
    min-width: 84px;
    width: auto;
    margin-left: 10px;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    background-color: #f3f5f7;
    font-size: 16px;
    text-align: center
}

._2ZfW3:first-child {
    margin-left: 20px
}

._2ZfW3:last-child {
    margin-right: 20px
}

._2ZfW3._3nk87 ._2KDca {
    color: #fff;
    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)
}

._2ZfW3 ._2KDca {
    padding: 7px 10px
}

._1UXJn {
    height: 78px
}

._1o9Jh {
    padding: 20px 0 65px;
    background-color: #fff
}

._2ZFv_ {
    padding: 0 20px;
    font-size: 20px;
    font-weight: 500
}

._32cjk {
    display: block;
    height: 45px;
    line-height: 45px;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, left top, right top, from(#f54732), to(#ff7338));
    background-image: -webkit-linear-gradient(left, #f54732, #ff7338);
    background-image: -moz-linear-gradient(left, #f54732, #ff7338);
    background-image: -o-linear-gradient(left, #f54732, #ff7338);
    background-image: linear-gradient(90deg, #f54732, #ff7338);
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 500
}

.pHpOB {
    background: #fff;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8
}

._30IOS {
    padding-right: 30px;
    -webkit-box-flex: 1
}

._30IOS a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 21px;
    font-size: 14px;
    margin: 12px 3px 11px 0;
    text-align: center;
    padding: 0 10px
}

._3NMw9 {
    height: 44px;
    overflow: hidden
}

._2ye7L {
    width: 48px;
    height: 44px;
    position: absolute;
    right: 0
}

.BjaI5 {
    top: 0
}

._3njqQ {
    bottom: 0
}

.y2O6c {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -11.5px
}

._267qd {
    font-size: 0;
    background: #fff
}

._267qd a {
    display: inline-block;
    width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #333;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

._267qd a:nth-child(odd) {
    border-right: 1px dashed #e8e8e8
}

._267qd a:nth-child(2n), ._267qd a:nth-child(odd) {
    border-bottom: 1px dashed #e8e8e8
}

._3Zgo_ {
    color: #ff5121
}

._3qVgf {
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    height: 44px;
    line-height: 44px;
    padding-left: 10px
}

._2idJS {
    margin: 0 20px 20px;
    padding: 0 0 20px
}

._1JJ5t {
    font-size: 14px;
    font-weight: 500;
    color: #121212;
    line-height: 18px
}

._32lmC {
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px 20px;
    padding: 0 0 20px
}

.VREhy {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #121212
}

._2s4z2 {
    min-width: 30px;
    margin-right: 10px;
    display: inline-block;
    color: #999
}

._1G4eQ {
    color: #3d5688;
    font-size: 14px
}

._1B6ts {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 54px
}

.q3iKJ {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 25px 40px 100px;
    color: #fff
}

._2Ymhg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

._1AQQz {
    text-align: right;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    position: relative;
    width: 100%
}

._1AQQz img {
    width: 92px;
    height: 189px
}

._1AQQz ._2ML-k {
    position: absolute;
    top: 27px
}

._1AQQz ._2VTNJ {
    position: absolute;
    width: 100%;
    right: 108px;
    top: 70px
}

.igxyU {
    position: relative
}

.igxyU img {
    width: 100%;
    height: 100px
}

.igxyU span {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 100px
}

._3tVKl {
    width: 150px;
    height: 62px
}

._3pIjd {
    font-size: 16px;
    font-weight: 500;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 44px;
    background: #fff;
    text-align: center
}

._3eIPz, ._3pIjd {
    color: #121212;
    line-height: 44px
}

._3eIPz {
    font-size: 24px;
    position: absolute;
    left: 15px
}

._1cT_t {
    background: -webkit-gradient(linear, left top, left bottom, from(#fe5038), to(#f3403f));
    background: -webkit-linear-gradient(top, #fe5038, #f3403f);
    background: -moz-linear-gradient(top, #fe5038 0, #f3403f 100%);
    background: -o-linear-gradient(top, #fe5038 0, #f3403f 100%);
    background: linear-gradient(180deg, #fe5038, #f3403f);
    padding: 58px 18px 100px
}

._2uwNn {
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 15px 20px 30px
}

._16tQL {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 17px 13px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .09);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

._1qATB, ._2azDh {
    margin-right: 10px
}

._1qATB {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.TTcO- {
    background: url(default-repeat-2tOLD.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/default-repeat-2tOLD.png*/ repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

.TTcO-, .Xo8K9 {
    width: 50px;
    height: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.Xo8K9 {
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

._255Dj {
    font-size: 16px;
    font-weight: 700;
    color: #ff5121
}

._3-isi {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

._1JT0A, ._3-isi {
    color: #212121;
    margin-top: 15px;
    text-align: center
}

._1JT0A {
    font-size: 22px;
    line-height: 26px
}

._1JT0A, .yIYpg {
    font-weight: 500
}

.yIYpg {
    display: block;
    background: -webkit-gradient(linear, right top, left top, from(#ff8438), to(#f54732));
    background: -webkit-linear-gradient(right, #ff8438, #f54732);
    background: -moz-linear-gradient(right, #ff8438 0, #f54732 100%);
    background: -o-linear-gradient(right, #ff8438 0, #f54732 100%);
    background: linear-gradient(270deg, #ff8438, #f54732);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding: 9px;
    text-align: center
}

._1pSNj {
    width: 268px;
    margin: 20px auto 0
}

._1s8Fs {
    width: 100%;
    padding: 12px;
    font-size: 16px
}

._3sfYw {
    font-size: 12px;
    font-weight: 400;
    color: #ff5121;
    line-height: 17px;
    text-align: center;
    margin-top: 10px
}

._19pOW {
    width: 100%;
    border-bottom: 1px dashed #fa5c35;
    margin-top: 20px
}

._2Xk3F {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    line-height: 20px;
    padding-left: 10px;
    margin-top: 15px
}

._2Xk3F:before {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 3px;
    content: "";
    width: 2px;
    height: 14px;
    background-color: #ff5121
}

._2KIrx {
    font-size: 15px;
    font-weight: 400;
    color: #121212;
    line-height: 23px;
    padding: 12px 0 0 10px
}

._34pI1 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff
}

._2uvRI {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px
}

._2eCk0 {
    text-align: center;
    margin-right: 10px
}

._3ZEOr {
    font-size: 11px;
    font-weight: 500;
    color: #121212;
    line-height: 1;
    margin-top: 3px
}

._3m9_l {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._3dvte {
    color: #f63f00;
    font-size: 28px;
    line-height: 1
}

._3zQGu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 25px 0 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._36ds9 {
    margin-right: 10px
}

._2PHy1 {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.bEbWw {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._1PUZ3 {
    font-size: 16px;
    font-weight: 500;
    color: #303030;
    line-height: 20px
}

._2UC_L {
    font-size: 12px;
    font-weight: 400;
    color: #121212;
    line-height: 16px;
    margin-top: 7px
}

._2S26b {
    font-size: 14px;
    font-weight: 500;
    color: #ff5121;
    line-height: 14px;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #ff5121;
    padding: 7px 20px;
    display: block
}

.a1bQu {
    color: #fff;
    font-size: 11px;
    display: inline-block;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    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: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    margin-left: 5px
}

._3ObM2 {
    position: relative;
    font-size: 17px;
    font-weight: 500;
    color: #212121;
    line-height: 20px;
    padding-left: 12px;
    margin-top: 15px
}

._3ObM2:before {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 3px;
    content: "";
    width: 4px;
    height: 16px;
    background: #ff5121;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.oJ-x5 {
    margin-top: 12px
}

.Ebqxt {
    font-size: 15px;
    font-weight: 500
}

._5ak0H, .Ebqxt {
    color: #121212;
    line-height: 23px
}

._5ak0H {
    font-size: 13px;
    font-weight: 400;
    margin-top: 3px
}

._2gqd1 {
    height: 44px
}

._1cknh {
    padding: 20px 15px 0
}

.ag5Pp {
    text-align: center
}

._29JgS {
    color: #121212;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    background: #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-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 15px
}

._1-6AU {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 12px;
    padding: 5px;
    display: inline-block;
    background-color: #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

._1r8uH {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.y3qeC {
    width: 50px
}

._3QDuR {
    width: 40px;
    margin-right: 10px
}

._1I1IS {
    width: 40px;
    margin-left: 10px
}

.NBQNt {
    display: block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

._13dHn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._12it5 {
    color: #121212;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e3e4e4
}

._1ae5v, ._12it5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px
}

._1ae5v {
    color: #212121;
    background: #ffe1c2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #f6d8ba
}

._3iarJ {
    font-size: 20px
}

._1-pQr {
    padding-bottom: 74px
}

._30vqZ {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 15px;
    background-color: #fff
}

.w5QQy {
    height: 34px;
    background: #fafafa;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    border: 1px solid #eee;
    display: block;
    width: 100%;
    padding: 0 10px
}

.ctj5s {
    padding-bottom: 53.33%;
    height: 0
}

._3xM5m {
    padding: 0 20px;
    text-align: center
}

._1cvjT {
    padding-top: 24px;
    font-size: 16px;
    line-height: 1.44
}

._1cvjT em {
    color: #ff5121
}

._2oUvj {
    width: 100%;
    height: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #0e1429;
    margin-top: 15px;
    text-align: center
}

._2oUvj::-webkit-input-placeholder {
    font-size: 17px;
    color: #0e1429
}

._GPXv {
    width: 100%;
    height: 50px;
    line-height: 50px;
    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-box-shadow: 0 2px 6px 0 rgba(246, 76, 50, .3);
    -moz-box-shadow: 0 2px 6px 0 rgba(246, 76, 50, .3);
    box-shadow: 0 2px 6px 0 rgba(246, 76, 50, .3);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin-top: 20px
}

._38ZMJ {
    -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);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 20px 0 15px;
    margin-top: 40px
}

._1G-20 {
    width: 100%;
    margin-bottom: 10px
}

._1eH5D {
    height: 82px;
    overflow: hidden;
    position: relative;
    padding: 0 15px
}

._3zcc5 {
    width: 100%;
    margin: 10px 0;
    position: absolute
}

._3zcc5, .LoI_3 {
    text-align: left
}

.LoI_3 {
    font-size: 14px
}

.LoI_3 td {
    padding: 10px 0
}

._3vtrg {
    margin-top: 40px
}

._3yzH6 {
    margin-top: 22px;
    -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)
}

._3Qrfq {
    padding-bottom: 165px
}

._34cCs {
    padding-bottom: 118.4%;
    height: 0
}

._2RVV2 {
    -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);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 20px;
    padding: 20px 0
}

.jP9aW {
    margin-bottom: 10px
}

._2yaF7 {
    height: 82px;
    overflow: hidden;
    position: relative;
    padding: 0 20px
}

._3n8bJ {
    width: 100%;
    margin: 10px 0;
    position: absolute
}

._3n8bJ, .Lmues {
    text-align: left
}

.Lmues {
    font-size: 14px
}

.Lmues td {
    padding: 10px 0
}

._3z6Q2 {
    height: 165px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 20px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

._2crNo {
    width: 100%;
    height: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #0e1429;
    text-align: center
}

._2crNo::-webkit-input-placeholder {
    font-size: 17px;
    color: #0e1429
}

._1ynjY {
    width: 100%;
    height: 50px;
    line-height: 50px;
    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-box-shadow: 0 2px 6px 0 rgba(246, 76, 50, .3);
    -moz-box-shadow: 0 2px 6px 0 rgba(246, 76, 50, .3);
    box-shadow: 0 2px 6px 0 rgba(246, 76, 50, .3);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin-top: 15px
}

._38k-u {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 980
}

._1Okic {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 80%
}

._2EoeL {
    border-bottom: 1px solid #e0e0e0;
    padding: 30px 20px
}

._7wDyp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.b95UG {
    border-right: 1px solid #e0e0e0
}

._3Dio-, .b95UG {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._3Dio- {
    color: #ff5121
}

._2WPNw {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 8px 0 8px;
    -moz-border-radius: 8px 0 8px;
    border-radius: 8px 0 8px;
    padding: 0 .4em;
    margin-right: .5em;
    color: #fff
}

._2WPNw._1cQ3N {
    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)
}

._2WPNw._2VxV7 {
    background: -webkit-gradient(linear, right top, left top, from(#ffbb18), to(#ff9600));
    background: -webkit-linear-gradient(right, #ffbb18, #ff9600);
    background: -moz-linear-gradient(right, #ffbb18 0, #ff9600 100%);
    background: -o-linear-gradient(right, #ffbb18 0, #ff9600 100%);
    background: linear-gradient(270deg, #ffbb18, #ff9600)
}

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

._2WPNw._1NmDh {
    font-size: 11px
}

._2qOEa {
    background-color: #fff
}

._2qOEa:after {
    left: 20px;
    right: 20px
}

.uG6_P {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

.uG6_P:active {
    background-color: #eee
}

.EZgb0 {
    width: 110px;
    height: 90px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    margin-left: 15px;
    position: relative
}

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

._1oo5V {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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
}

._1oo5V, .PSSh7 {
    overflow: hidden;
    -webkit-box-orient: vertical
}

.PSSh7 {
    line-height: 1.3;
    font-size: 17px;
    font-weight: 500;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3
}

._30v1v {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 14px;
    color: #757575;
    font-size: 11px
}

._1iGP5 {
    display: block;
    max-width: 68% !important
}

.eq9b8 {
    padding-left: 10px
}

._1pD-p {
    font-size: 20px;
    color: #ff5121;
    margin: 14% 6px auto;
    font-weight: bolder;
    font-style: italic
}

._2YIzv {
    text-align: center;
    width: 50%;
    overflow-x: hidden
}

._3s5PT {
    position: relative;
    height: 62%
}

@media screen and (min-width: 600px) {
    ._3s5PT {
        height: 75%
    }
}

._3s5PT img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    height: 100%
}

._2bodI {
    position: absolute;
    top: 0;
    left: 10px;
    height: 50px;
    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 49px 49px;
    -moz-border-radius: 0 0 49px 49px;
    border-radius: 0 0 49px 49px;
    font-size: 9px;
    color: #fff;
    padding: 5px
}

._2bodI .aVEo0 {
    margin: -5px 0;
    text-align: center
}

._2bodI strong {
    font-size: 18px;
    font-weight: 600;
    margin-right: 2px
}

._2YIzv h2 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px
}

.jwhF0 {
    font-size: 12px;
    font-weight: 400;
    color: #ef0000;
    margin-top: 8px
}

.jwhF0 strong {
    font-size: 16px
}

._3tTeS {
    z-index: 980;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 62px;
    max-width: 750px;
    margin: 0 auto;
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2)
}

.Wnvm9 {
    color: #ff5121;
    font-size: 20px;
    font-weight: bolder;
    font-style: italic;
    margin: auto 20px
}

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

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

._2NlgK {
    font-size: 12px;
    color: #ff5121
}

._2NlgK strong {
    font-size: 16px
}

._3yHcz {
    color: #ff5121
}

._3Zc9v {
    color: #586c94 !important;
    margin-right: 5px
}

td p:last-child {
    font-size: 13px;
    font-weight: 400px;
    color: #999;
    max-height: 19px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

._3ejKx {
    text-align: center
}

._1nlYE, ._1OrYq {
    font-size: 24px;
    font-weight: 400;
    color: #333
}

._1OrYq span {
    font-size: 18px
}

.-cygU {
    color: #666
}

.-cygU, .tL-4D {
    font-size: 14px
}

.tL-4D {
    color: #fff;
    background: #ff611b;
    height: 45px;
    line-height: 45px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 96px;
    display: block
}

._2pE_9 {
    margin-top: -20px
}

._13CHQ {
    margin-top: -10px
}

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

._3u3l8:after {
    clear: both
}

._3L4Yg {
    max-width: 100%;
    white-space: nowrap
}

._3L4Yg, ._248zE {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._248zE {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._2ej1i {
    background: #eee url("../images/default.png") repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

.ndgyA {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    max-width: 750px;
    margin: 0 auto;
    z-index: 980
}

._3wQ-8 {
    position: static !important
}

._3L6j9 {
    display: none !important
}

._2Oxnw {
    border-top: 1px solid #eee
}

._2qD45 {
    border-bottom: 1px solid #eee
}

._26Sh9 {
    border-left: 1px solid #eee
}

._2Q4ma {
    border-right: 1px solid #eee
}

._1exKE {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

._34u3n, ._381kh, .NwbRi {
    border: none;
    position: relative
}

._34u3n:after, ._381kh:after, .NwbRi:after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 199.8%;
    height: 200%;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border: 1px solid #eee;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    ._1exKE, ._2Oxnw, ._2qD45, ._2zjSe, ._26Sh9 {
        border: none;
        position: relative
    }

    ._1exKE:after, ._1exKE:before, ._2Oxnw:after, ._2qD45:after, ._2zjSe:before, ._26Sh9:after {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }

    ._1exKE:after, ._2Oxnw:after {
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    ._1exKE:before, ._2qD45:after {
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        background: #eee
    }

    ._26Sh9:after {
        left: 0
    }

    ._2Q4ma:before, ._26Sh9:after {
        top: 0;
        width: 1px;
        bottom: 0;
        -webkit-transform: scaleX(.5);
        -moz-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        -o-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    ._2Q4ma:before {
        right: 0
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3) {
    ._1exKE:after, ._1exKE:before, ._2Oxnw:after, ._2qD45:after {
        -webkit-transform: scaleY(.33);
        -moz-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        -o-transform: scaleY(.33);
        transform: scaleY(.33);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        background: #eee
    }

    ._2Q4ma:before, ._26Sh9:after {
        -webkit-transform: scaleX(.33);
        -moz-transform: scaleX(.33);
        -ms-transform: scaleX(.33);
        -o-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

._2CtuN {
    padding: 20px
}

._6tQzF {
    width: 100%;
    height: 100%;
    z-index: 981;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

._1bpnk {
    height: env(safe-area-inset-bottom)
}

._3oJsQ {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    background: -webkit-linear-gradient(301deg, #3d4156, #171927);
    background: -moz-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background: -o-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background: linear-gradient(149deg, #3d4156, #171927);
    -webkit-transform: skew(-16deg, 0deg);
    -moz-transform: skew(-16deg, 0deg);
    -ms-transform: skew(-16deg, 0deg);
    -o-transform: skew(-16deg, 0deg);
    transform: skew(-16deg, 0deg);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 4px;
    white-space: nowrap;
    vertical-align: middle;
    margin: 0 4px
}

._3oJsQ:before {
    display: inline-block;
    content: "选房师";
    -webkit-transform: skew(16deg, 0);
    -moz-transform: skew(16deg, 0);
    -ms-transform: skew(16deg, 0);
    -o-transform: skew(16deg, 0);
    transform: skew(16deg, 0);
    text-align: center
}

._3E4KP {
    text-align: center;
    background: #fff;
    font-size: 14px
}

._3E4KP.ndgyA {
    top: 44px;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05)
}

.UV-u1._2btBG {
    height: 44px
}

.Qt-F8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._3ceN1 {
    position: relative;
    width: auto !important;
    line-height: 44px;
    height: 44px
}

._3ceN1:first-child a {
    padding-left: 20px
}

._3ceN1:last-child a {
    padding-right: 20px
}

._3ceN1 a {
    display: block;
    height: 100%;
    padding: 0 16px
}

._3ceN1._2irLJ a {
    font-size: 16px;
    font-weight: 500;
    color: #ff5121
}

._3ceN1._2irLJ:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 24px;
    height: 4px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    background-image: -webkit-linear-gradient(right, #ffb244, #ff611b);
    background-image: -webkit-gradient(linear, right top, left top, from(#ffb244), to(#ff611b));
    background-image: -moz-linear-gradient(right, #ffb244, #ff611b);
    background-image: -o-linear-gradient(right, #ffb244, #ff611b);
    background-image: linear-gradient(-90deg, #ffb244, #ff611b)
}

._3EkwS {
    margin-top: -20px
}

._1Y_pY {
    margin-top: -10px
}

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

._1HhQ-:after {
    clear: both
}

._3fl7s {
    max-width: 100%;
    white-space: nowrap
}

._3fl7s, .mndqA {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.mndqA {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.O_3ls {
    background: #eee url("../images/default.png") repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

._2q9Di {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    max-width: 750px;
    margin: 0 auto;
    z-index: 980
}

._1FVgO {
    position: static !important
}

._3XJnR {
    display: none !important
}

._3hXzZ {
    border-top: 1px solid #eee
}

._3K901 {
    border-bottom: 1px solid #eee
}

.BM1dF {
    border-left: 1px solid #eee
}

._1_5a5 {
    border-right: 1px solid #eee
}

.u55CO {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

._1ZygF, ._3bnM8, .QQ7OX {
    border: none;
    position: relative
}

._1ZygF:after, ._3bnM8:after, .QQ7OX:after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 199.8%;
    height: 200%;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border: 1px solid #eee;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    ._2ejVY, ._3hXzZ, ._3K901, .BM1dF, .u55CO {
        border: none;
        position: relative
    }

    ._2ejVY:before, ._3hXzZ:after, ._3K901:after, .BM1dF:after, .u55CO:after, .u55CO:before {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }

    ._3hXzZ:after, .u55CO:after {
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    ._3K901:after, .u55CO:before {
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        background: #eee
    }

    .BM1dF:after {
        left: 0
    }

    ._1_5a5:before, .BM1dF:after {
        top: 0;
        width: 1px;
        bottom: 0;
        -webkit-transform: scaleX(.5);
        -moz-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        -o-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    ._1_5a5:before {
        right: 0
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3) {
    ._3hXzZ:after, ._3K901:after, .u55CO:after, .u55CO:before {
        -webkit-transform: scaleY(.33);
        -moz-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        -o-transform: scaleY(.33);
        transform: scaleY(.33);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        background: #eee
    }

    ._1_5a5:before, .BM1dF:after {
        -webkit-transform: scaleX(.33);
        -moz-transform: scaleX(.33);
        -ms-transform: scaleX(.33);
        -o-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

._1avLK {
    padding: 20px
}

._3e_Z9 {
    width: 100%;
    height: 100%;
    z-index: 981;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.ZlGrQ {
    height: env(safe-area-inset-bottom)
}

._1qmzQ {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    background: -webkit-linear-gradient(301deg, #3d4156, #171927);
    background: -moz-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background: -o-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background: linear-gradient(149deg, #3d4156, #171927);
    -webkit-transform: skew(-16deg, 0deg);
    -moz-transform: skew(-16deg, 0deg);
    -ms-transform: skew(-16deg, 0deg);
    -o-transform: skew(-16deg, 0deg);
    transform: skew(-16deg, 0deg);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 4px;
    white-space: nowrap;
    vertical-align: middle;
    margin: 0 4px
}

._1qmzQ:before {
    display: inline-block;
    content: "选房师";
    -webkit-transform: skew(16deg, 0);
    -moz-transform: skew(16deg, 0);
    -ms-transform: skew(16deg, 0);
    -o-transform: skew(16deg, 0);
    transform: skew(16deg, 0);
    text-align: center
}

.ptpOG {
    position: relative;
    min-height: 74px;
    margin-top: 10px;
    background-color: #fff;
    padding: 20px 127px 20px 20px
}

._3fcPy {
    line-height: 1.2;
    font-size: 17px;
    font-weight: 500
}

._3YNHh {
    padding-top: 5px
}

._3YNHh strong {
    font-size: 14px;
    font-weight: 500
}

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

._1U67n {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -22px;
    width: 102px;
    height: 44px;
    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-box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    -moz-box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

._1ZS7M {
    margin-top: -20px
}

._1kM2V {
    margin-top: -10px
}

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

.K4AUr:after {
    clear: both
}

._2To51 {
    max-width: 100%;
    white-space: nowrap
}

._2To51, .d-mEW {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.d-mEW {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._32dP_ {
    background: #eee url("../images/default.png")  repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

._26Zm0 {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    max-width: 750px;
    margin: 0 auto;
    z-index: 980
}

._2jcYD {
    position: static !important
}

._1173C {
    display: none !important
}

.Nqghl {
    border-top: 1px solid #eee
}

._3fc7T {
    border-bottom: 1px solid #eee
}

._3ULgB {
    border-left: 1px solid #eee
}

._38Z_S {
    border-right: 1px solid #eee
}

._3yIkR {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.bwH54, .JjEeQ, .nuA2e {
    border: none;
    position: relative
}

.bwH54:after, .JjEeQ:after, .nuA2e:after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 199.8%;
    height: 200%;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border: 1px solid #eee;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    ._1g-K_, ._3fc7T, ._3ULgB, ._3yIkR, .Nqghl {
        border: none;
        position: relative
    }

    ._1g-K_:before, ._3fc7T:after, ._3ULgB:after, ._3yIkR:after, ._3yIkR:before, .Nqghl:after {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }

    ._3yIkR:after, .Nqghl:after {
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    ._3fc7T:after, ._3yIkR:before {
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        background: #eee
    }

    ._3ULgB:after {
        left: 0
    }

    ._3ULgB:after, ._38Z_S:before {
        top: 0;
        width: 1px;
        bottom: 0;
        -webkit-transform: scaleX(.5);
        -moz-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        -o-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    ._38Z_S:before {
        right: 0
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3) {
    ._3fc7T:after, ._3yIkR:after, ._3yIkR:before, .Nqghl:after {
        -webkit-transform: scaleY(.33);
        -moz-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        -o-transform: scaleY(.33);
        transform: scaleY(.33);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        background: #eee
    }

    ._3ULgB:after, ._38Z_S:before {
        -webkit-transform: scaleX(.33);
        -moz-transform: scaleX(.33);
        -ms-transform: scaleX(.33);
        -o-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

._3w6cU {
    padding: 20px
}

._31Mue {
    width: 100%;
    height: 100%;
    z-index: 981;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.h4sjJ {
    height: env(safe-area-inset-bottom)
}

._2H4lG {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    background: -webkit-linear-gradient(301deg, #3d4156, #171927);
    background: -moz-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background: -o-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background: linear-gradient(149deg, #3d4156, #171927);
    -webkit-transform: skew(-16deg, 0deg);
    -moz-transform: skew(-16deg, 0deg);
    -ms-transform: skew(-16deg, 0deg);
    -o-transform: skew(-16deg, 0deg);
    transform: skew(-16deg, 0deg);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 4px;
    white-space: nowrap;
    vertical-align: middle;
    margin: 0 4px
}

._2H4lG:before {
    display: inline-block;
    content: "选房师";
    -webkit-transform: skew(16deg, 0);
    -moz-transform: skew(16deg, 0);
    -ms-transform: skew(16deg, 0);
    -o-transform: skew(16deg, 0);
    transform: skew(16deg, 0);
    text-align: center
}

._2rWfS {
    display: block;
    padding: 0 20px 15px
}

._2VCuF {
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 57.97%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden
}

._2VCuF img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

._104FO {
    position: absolute;
    z-index: 2;
    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%);
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    text-align: center
}

._104FO i {
    margin: 1px 0 0 2px;
    font-size: 12px
}

.rRoHi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._3A6Aw {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 22px;
    font-weight: 500
}

._1raeR {
    padding-top: 5px;
    font-size: 14px;
    color: #3d5688
}

._1raeR i {
    margin-left: 2px
}

.XbazL {
    padding-top: 4px;
    font-size: 14px;
    color: #757575
}

.i0sH2 {
    display: inline-block;
    width: 1px;
    background-color: #dedede;
    height: 10px;
    line-height: 1;
    margin: 0 8px
}

._3Yj9f {
    padding-top: 4px;
    line-height: 1.3
}

._3mrzL {
    display: inline-block;
    font-size: 16px
}

._13PE1 {
    margin-right: 10px;
    font-size: 16px;
    color: #ef0000
}

._13PE1 strong {
    font-weight: 700;
    font-size: 28px;
    padding-right: 3px
}

.Lj4X4 {
    padding: 0 20px 20px
}

._2XKj5 {
    font-size: 14px;
    color: #757575
}

._3I76j:after {
    left: 20px;
    right: 20px
}

._3I76j {
    padding: 20px;
    line-height: 1.286;
    font-size: 14px;
    font-weight: 500
}

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

._3kWps {
    margin-top: 2px;
    font-size: 14px;
    color: #3d5688
}

._1fRKQ {
    bottom: 70px;
    text-align: center;
    color: #fff;
    width: 100%
}

._1fRKQ, .GwUfo {
    position: absolute
}

.GwUfo {
    top: 15px;
    /*left: 25px;*/
    background-color: #fff;
    padding: 3px 10px;
    width: 100%;
    height: 24px;
    background: rgba(18, 18, 18, .8);
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    z-index: 10
}

._3QEKr {
    color: #121212;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    overflow: hidden
}

.qz892 {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: -o-transform 1s;
    -moz-transition: transform 1s, -moz-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
}

.eMFyy {
    color: #fff;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._1hm_f {
    color: #ff5121
}

._2SKO6 {
    padding-bottom: 20px
}

._27Tcv {
    position: relative;
    height: 0;
    width: 100%;
    padding: 0 20px 48%
}

._1GaVS {
    position: absolute;
    top: 2px;
    left: 20px;
    right: 20px;
    bottom: 2px;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0 0 14px;
    -moz-box-shadow: rgba(0, 0, 0, .1) 0 0 14px;
    box-shadow: rgba(0, 0, 0, .1) 0 0 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #eee url("../images/default.png")  repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    overflow: hidden
}

._27Tcv img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.gOSxT {
    position: absolute;
    z-index: 10;
    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%);
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    text-align: center
}

.gOSxT i {
    margin: 1px 0 0 2px;
    font-size: 12px
}

._3kQUw {
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: 10px;
    background: hsla(0, 0%, 100%, .8);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    font-size: 14px
}

.oxK9R {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 10px
}

.oxK9R._2K5X5 {
    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-box-shadow: 0 2px 4px 0 rgba(246, 76, 50, .3);
    -moz-box-shadow: 0 2px 4px 0 rgba(246, 76, 50, .3);
    box-shadow: 0 2px 4px 0 rgba(246, 76, 50, .3)
}

.oxK9R._2K5X5, .PqJ92 {
    color: #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.PqJ92 {
    position: absolute;
    right: 9.34%;
    bottom: 30px;
    left: auto !important;
    z-index: 10;
    padding: 2px 10px;
    background: rgba(0, 0, 0, .65);
    font-size: 14px
}

._1LxCy {
    padding-top: 20px;
    background-color: #fff
}

._3VsZ9 {
    position: relative;
    padding: 0 28% 0 20px;
    min-height: 70px
}

.RO7Yv {
    line-height: 1.2;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 22px;
    font-weight: 500
}

._2kMWc {
    vertical-align: middle;
    margin-right: 12px;
    padding: 1px 5px;
    background-image: -webkit-gradient(linear, right top, left top, from(#3e4061), to(#120e3f));
    background-image: -webkit-linear-gradient(right, #3e4061, #120e3f);
    background-image: -moz-linear-gradient(right, #3e4061 0, #120e3f 100%);
    background-image: -o-linear-gradient(right, #3e4061 0, #120e3f 100%);
    background-image: linear-gradient(270deg, #3e4061, #120e3f);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    color: #fff
}

.zoPW2 {
    margin-top: 8px
}

.Vavom {
    padding-top: 10px;
    line-height: 1.3
}

._2PQlQ {
    display: inline-block;
    font-size: 16px
}

._1zKf_ {
    margin-right: 10px;
    font-size: 16px;
    color: #ef0000
}

._1zKf_ strong {
    font-weight: 700;
    font-size: 28px;
    padding-right: 3px
}

._4P5H9 {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px;
    font-size: 12px;
    line-height: 1.1
}

._4P5H9:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 0;
    width: 1px;
    background-color: #eee
}

.AoXZX {
    display: block;
    margin-bottom: 5px;
    font-size: 16px
}

.AoXZX strong {
    font-size: 28px;
    font-weight: 700;
    padding-right: 2px
}

._2PWo_ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 20px
}

._1ljM4 {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-right: 10px
}

._1ljM4 ._3fj9c {
    font-size: 16px;
    margin-right: 5px
}

._1ljM4 ._1gmrU, ._1ljM4 ._3fj9c {
    vertical-align: middle;
    color: #757575
}

._1ljM4 ._1gmrU {
    font-size: 13px;
    margin-left: 5px
}

._1q-aa {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px
}

._1G9v4 {
    font-size: 14px;
    color: #3d5688
}

._1G9v4 i {
    position: relative;
    top: -1px;
    vertical-align: middle;
    font-size: 15px;
    margin-right: 2px
}

._1cazI {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 20px
}

._1cazI:after {
    left: 20px;
    right: 20px
}

._1cazI i {
    margin-right: 5px;
    color: #757575
}

._1cazI i:before {
    font-size: 15px
}

._3ztZW {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    font-size: 14px;
    color: #000
}

._3A4qB {
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    -moz-transition: transform .3s linear, -moz-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear;
    white-space: nowrap
}

._25gKP {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._25gKP:after {
    left: 20px;
    right: 20px
}

._1Dxcs {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 14px 0;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

._1Dxcs:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    width: 1px;
    height: 16px;
    background-color: #eee
}

._3q3PL {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff
}

._3q3PL._2zeja {
    background: -webkit-linear-gradient(234deg, #ff7338, #ee573f);
    background: -moz-linear-gradient(234deg, #ff7338 0, #ee573f 100%);
    background: -o-linear-gradient(234deg, #ff7338 0, #ee573f 100%);
    background: linear-gradient(216deg, #ff7338, #ee573f)
}

._3q3PL._20jU5 {
    background: -webkit-linear-gradient(252deg, #fac86b, #fda331);
    background: -moz-linear-gradient(252deg, #fac86b 0, #fda331 100%);
    background: -o-linear-gradient(252deg, #fac86b 0, #fda331 100%);
    background: linear-gradient(198deg, #fac86b, #fda331)
}

._3q3PL i {
    vertical-align: middle
}

._1OPL7 {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    max-width: 25%
}

._1JMKd {
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)
}

.xuLSn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2px;
    text-align: right;
    font-size: 14px;
    font-weight: 500
}

._2czlF {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._2czlF, .xuLSn i {
    display: inline-block
}

.xuLSn i {
    width: 12px;
    height: 12px;
    line-height: 12px;
    background-color: #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 8px;
    margin-left: 2px;
    color: #666
}

._15odk {
    padding-top: 20px;
    background-color: #fff
}

._15odk:after {
    content: "";
    clear: both;
    display: table
}

._2HLWJ {
    position: relative;
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

._1LLZa {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._2lgk3 {
    color: #fff;
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(#f54732), to(#ff7338));
    background: -webkit-linear-gradient(left, #f54732, #ff7338);
    background: -moz-linear-gradient(left, #f54732 0, #ff7338 100%);
    background: -o-linear-gradient(left, #f54732 0, #ff7338 100%);
    background: linear-gradient(90deg, #f54732, #ff7338);
    -webkit-box-shadow: 2px 0 8px 0 rgba(246, 76, 50, .3);
    -moz-box-shadow: 2px 0 8px 0 rgba(246, 76, 50, .3);
    box-shadow: 2px 0 8px 0 rgba(246, 76, 50, .3);
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    text-align: center;
    padding: 6px 12px 4px
}

._8_Nra {
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 2px
}

._8_Nra .icon-phone {
    margin-right: 2px
}

._1ofxa {
    font-size: 10px;
    font-weight: 300;
    line-height: 1
}

._3FubT {
    font-weight: 500
}

._1SYyd {
    line-height: 1;
    font-size: 19px
}

._1SYyd, ._3dPyk {
    vertical-align: middle
}

._3dPyk {
    margin-right: 12px;
    padding: 1px 5px;
    background-image: -webkit-gradient(linear, right top, left top, from(#3e4061), to(#120e3f));
    background-image: -webkit-linear-gradient(right, #3e4061, #120e3f);
    background-image: -moz-linear-gradient(right, #3e4061 0, #120e3f 100%);
    background-image: -o-linear-gradient(right, #3e4061 0, #120e3f 100%);
    background-image: linear-gradient(270deg, #3e4061, #120e3f);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    color: #fff
}

.agPHz {
    margin-top: 8px
}

._2ZR8J {
    color: #ef0000;
    font-size: 13px;
    font-weight: 400
}

._1XROt {
    padding: 0 20px;
    font-size: 17px;
    font-weight: 500;
    color: #121212;
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._18IyW {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._18IyW:first-child {
    margin-right: 10px
}

._1E6Fi {
    font-family: Verdana, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    color: #ef0000;
    font-size: 19px;
    font-weight: 500
}

._114h_ {
    color: #ef0000
}

._114h_, .KWSLs {
    font-size: 13px;
    font-weight: 400
}

.KWSLs {
    color: #757575
}

.DzwHR {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px;
    font-size: 12px;
    line-height: 1.1
}

.DzwHR:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 0;
    width: 1px;
    background-color: #eee
}

._1lMMg {
    display: block;
    margin-bottom: 5px;
    font-size: 16px
}

._1lMMg strong {
    font-size: 28px;
    font-weight: 700;
    padding-right: 2px
}

._3BV3R {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 20px
}

._1vGju {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-right: 10px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._1vGju i {
    font-size: 16px;
    margin-right: 5px;
    color: #3d5688
}

._2ntDZ {
    font-size: 15px;
    font-weight: 400;
    color: #121212
}

._1Aq6Q {
    font-size: 14px;
    color: #3d5688
}

._1Aq6Q i {
    position: relative;
    top: -1px;
    vertical-align: middle;
    font-size: 15px;
    margin-right: 2px
}

._6BM9f {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 20px
}

._6BM9f:after {
    left: 20px;
    right: 20px
}

._6BM9f i {
    margin-right: 5px;
    font-size: 16px;
    color: #757575
}

._6BM9f i:before {
    font-size: 15px
}

._9QV6b {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    font-size: 14px
}

._3UxPp {
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    -moz-transition: transform .3s linear, -moz-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear;
    white-space: nowrap;
    display: inline-block
}

._3UxPp, ._29PCZ {
    position: relative
}

._29PCZ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3d5688;
    padding: 0 20px 10px 20px;
}

._3zkNp {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px;
    font-size: 15px;
    text-align: center;
    background-color: #f6f6f6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

._3zkNp:first-child {
    margin-right: 20px
}

.NnaF5 {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff
}

.NnaF5._19jZc {
    background: -webkit-linear-gradient(234deg, #ff7338, #ee573f);
    background: -moz-linear-gradient(234deg, #ff7338 0, #ee573f 100%);
    background: -o-linear-gradient(234deg, #ff7338 0, #ee573f 100%);
    background: linear-gradient(216deg, #ff7338, #ee573f)
}

.NnaF5._2zB_z {
    background: -webkit-linear-gradient(252deg, #fac86b, #fda331);
    background: -moz-linear-gradient(252deg, #fac86b 0, #fda331 100%);
    background: -o-linear-gradient(252deg, #fac86b 0, #fda331 100%);
    background: linear-gradient(198deg, #fac86b, #fda331)
}

.NnaF5 i {
    vertical-align: middle
}

.l-DVh {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    max-width: 25%
}

._1uCbT {
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)
}

._3Mmps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2px;
    text-align: right;
    font-size: 14px;
    font-weight: 500
}

._2gskE {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._2gskE, ._3Mmps i {
    display: inline-block
}

._3Mmps i {
    width: 12px;
    height: 12px;
    line-height: 12px;
    background-color: #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 8px;
    margin-left: 2px;
    color: #666
}

.LKM-4 {
    padding: 0 20px 20px
}

.LKM-4:empty {
    padding: 0
}

.vgspA {
    position: relative;
    width: 310px
}

._1ENG- {
    height: 200px;
    width: 100%;
    padding: 90px 60px 0;
    background: url(../images/tchth.png)no-repeat;
    -webkit-background-size: 310px 200px;
    -moz-background-size: 310px 200px;
    background-size: 310px 200px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.oS41S {
    font-size: 15px;
    font-weight: 400;
    color: #d1302d;
    line-height: 21px;
    text-align: center
}

._3_uXF {
    font-size: 21px;
    margin-top: 20px
}

._3_uXF, .MMuKr {
    font-weight: 600;
    color: #d1302d;
    line-height: 36px;
    text-align: center
}

.MMuKr {
    font-size: 32px
}

.MMuKr, .ymk8m {
    margin-top: 10px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ymk8m {
    font-size: 19px;
    font-weight: 600;
    color: #d1302d;
    line-height: 36px;
    text-align: center
}

._1abhD {
    background: url(../images/tchbck.png)  no-repeat 1px bottom;
    -webkit-background-size: 310px 227px;
    -moz-background-size: 310px 227px;
    background-size: 310px 227px;
    padding: 20px 45px 54px
}

._2SfJz {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 21px
}

.wWuw_ {
    font-weight: 400;
    line-height: 24px;
    padding: 10px;
    background: #fff;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px
}

._11ecS, .wWuw_ {
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

._11ecS {
    display: block;
    font-weight: 600;
    color: #f42032;
    line-height: 16px;
    padding: 12px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddc4c4));
    background: -webkit-linear-gradient(top, #fff, #ddc4c4);
    background: -moz-linear-gradient(top, #fff 0, #ddc4c4 100%);
    background: -o-linear-gradient(top, #fff 0, #ddc4c4 100%);
    background: linear-gradient(180deg, #fff, #ddc4c4);
    -webkit-box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7);
    -moz-box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7);
    box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7);
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px
}

._2L0SR {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 21px;
    min-height: 80px
}

.AvmWG {
    margin: 0 15px;
    padding: 12px 0 15px;
    border-bottom: 1px solid hsla(0, 0%, 93.3%, .5)
}

.AvmWG:last-child {
    border-bottom: 0
}

._31T8o {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1px
}

.Rh1kG {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._3_sBK {
    text-align: center;
    width: 75px
}

._1Noi1 {
    font-size: 15px;
    font-weight: 500;
    color: #121212;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.Yg8r8 {
    font-size: 13px;
    font-weight: 400;
    color: #121212;
    line-height: 16px
}

._1-z36 {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    width: 75px;
    line-height: 20px;
    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: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    padding: 5px 0
}

._2aBfd {
    font-size: 11px;
    font-weight: 400;
    color: #ff5121;
    line-height: 14px
}

._81lt- {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0
}

._81lt- ._1Klge {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._81lt- i {
    color: #757575;
    font-size: 12px
}

.iE7Hy {
    position: fixed;
    z-index: 9000
}

._1Su31, .iE7Hy {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

._1Su31 {
    background: rgba(0, 0, 0, .7);
    z-index: 9001
}

._1Su31, .YEpNH {
    position: absolute
}

.YEpNH {
    left: 0;
    width: 100%;
    bottom: 0;
    background: #fff;
    z-index: 9002;
    padding: 25px 20px
}

.YEpNH:after {
    content: "";
    display: block;
    height: env(safe-area-inset-bottom)
}

._2jeMK ._1eHnA {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 5px
}

._2jeMK ._1vQ1C {
    margin-top: 20px
}

._2jeMK ._1vQ1C ._3SNPw {
    color: #757575
}

._2jeMK ._1vQ1C ._2KL5z {
    margin-top: 10px
}

._2jeMK ._1HWcE {
    height: 44px;
    line-height: 44px;
    text-align: center;
    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-box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    -moz-box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-top: 30px
}

._3r0o7 {
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #eee;
    overflow: hidden
}

._3eVcG {
    background-color: #ff3f22;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px
}

._2494L {
    background: -webkit-gradient(linear, left top, right top, from(#ff005b), to(#ff6400));
    background: -webkit-linear-gradient(left, #ff005b, #ff6400);
    background: -moz-linear-gradient(left, #ff005b, #ff6400);
    background: -o-linear-gradient(left, #ff005b, #ff6400);
    background: linear-gradient(90deg, #ff005b, #ff6400)
}

._3uh-u {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: url(../images/FrpFxqBRmfH7ElCVVzyce8R5J6XJ.png) no-repeat;
    -webkit-background-size: auto 40px;
    -moz-background-size: auto 40px;
    background-size: auto 40px
}

._1qjW_ {
    width: 113px;
    background: url(../images/FiDZBmye7JbH3cKUPr27hMnxvSbj.png)  no-repeat;
    -webkit-background-size: auto 40px;
    -moz-background-size: auto 40px;
    background-size: auto 40px
}

._3sCUV {
    font-size: 10px;
    font-weight: 400;
    color: #fe4b00;
    line-height: 14px;
    text-align: center;
    margin-top: 2px
}

._21FRO {
    background: -webkit-gradient(linear, left top, right top, from(#fe5700), to(#fea300));
    background: -webkit-linear-gradient(left, #fe5700, #fea300);
    background: -moz-linear-gradient(left, #fe5700, #fea300);
    background: -o-linear-gradient(left, #fe5700, #fea300);
    background: linear-gradient(90deg, #fe5700, #fea300)
}

._3r_EX {
    text-align: center;
    line-height: 17px;
    margin-top: 1px
}

.gIwcQ {
    font-weight: 700;
    color: #fff;
    width: 17px;
    height: 17px;
    background: #121212;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    white-space: nowrap;
    text-align: center
}

._32eWH, .gIwcQ {
    font-size: 12px;
    line-height: 17px;
    display: inline-block
}

._32eWH {
    font-weight: 600;
    color: #121212;
    margin: 0 2px
}

._10XzH {
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #eee;
    margin-bottom: 15px;
    overflow: hidden
}

._2Tt9U {
    background-color: #ff3f22;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px
}

._3d6s9 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: url(../images/butie.png) no-repeat;
    -webkit-background-size: auto 40px;
    -moz-background-size: auto 40px;
    background-size: auto 40px
}

._2ubgx {
    font-size: 10px;
    font-weight: 400;
    color: #fe4b00;
    line-height: 14px;
    text-align: center;
    margin-top: 2px
}

._2Lwgk {
    background: -webkit-gradient(linear, left top, right top, from(#fe5700), to(#fea300));
    background: -webkit-linear-gradient(left, #fe5700, #fea300);
    background: -moz-linear-gradient(left, #fe5700, #fea300);
    background: -o-linear-gradient(left, #fe5700, #fea300);
    background: linear-gradient(90deg, #fe5700, #fea300)
}

._1loIU {
    text-align: center;
    line-height: 17px;
    margin-top: 1px
}

._1FsfD {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 700;
    color: #fff;
    width: 17px;
    height: 17px;
    background: #121212;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    white-space: nowrap;
    text-align: center
}

._1FsfD, ._2pFmw {
    font-size: 12px;
    line-height: 17px;
    display: inline-block
}

._2pFmw {
    font-weight: 600;
    color: #121212;
    margin: 0 2px
}

._2Eiq- {
    padding: 12px 15px 15px
}

._3d4Xe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1px
}

._2Wuux {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.XxJon {
    text-align: center;
    width: 75px
}

._1SIFb {
    font-size: 15px;
    font-weight: 500;
    color: #121212;
    line-height: 18px
}

._3o-Er {
    font-size: 13px;
    font-weight: 400;
    color: #121212;
    line-height: 16px
}

._3m8aO {
    font-size: 15px;
    font-weight: 500;
    color: #ff5121
}

._2FJYC {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    width: 75px;
    line-height: 20px;
    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: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    padding: 5px 0
}

._1KOE9 {
    font-size: 11px;
    font-weight: 400;
    color: #ff5121;
    line-height: 14px
}

._1oZUP {
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #eee;
    margin-bottom: 15px;
    overflow: hidden
}

._3gZ4F {
    background-color: #ff3f22;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px
}

.APFaK {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: url(../images/butie.png) no-repeat;
    -webkit-background-size: auto 40px;
    -moz-background-size: auto 40px;
    background-size: auto 40px
}

._2pLfq {
    font-size: 10px;
    font-weight: 400;
    color: #fe4b00;
    line-height: 14px;
    text-align: center;
    margin-top: 2px
}

._1zdIm {
    background: -webkit-gradient(linear, left top, right top, from(#fe5700), to(#fea300));
    background: -webkit-linear-gradient(left, #fe5700, #fea300);
    background: -moz-linear-gradient(left, #fe5700, #fea300);
    background: -o-linear-gradient(left, #fe5700, #fea300);
    background: linear-gradient(90deg, #fe5700, #fea300)
}

._1z_4H {
    text-align: center;
    line-height: 17px;
    margin-top: 1px
}

._2-qYb {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 700;
    color: #fff;
    width: 17px;
    height: 17px;
    background: #121212;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    white-space: nowrap;
    text-align: center
}

._2-qYb, .eU1Gc {
    font-size: 12px;
    line-height: 17px;
    display: inline-block
}

.eU1Gc {
    font-weight: 600;
    color: #121212;
    margin: 0 2px
}

._2Wjsn {
    padding: 12px 15px 15px
}

._3SSCI {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1px
}

._2Em7S {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._3xm0x {
    text-align: center;
    width: 75px
}

._1UVSp {
    font-size: 15px;
    font-weight: 500;
    color: #121212;
    line-height: 18px
}

.pRY2Z {
    font-size: 13px;
    font-weight: 400;
    color: #121212;
    line-height: 16px
}

._29BeZ {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    width: 75px;
    line-height: 20px;
    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: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    padding: 5px 0
}

._3nA3R {
    font-size: 11px;
    font-weight: 400;
    color: #ff5121;
    line-height: 14px
}

._3VQ3E {
    margin: 0 20px 15px
}

._1Y5u5 {
    line-height: 1;
    height: 18px;
    width: 18px;
    display: inline-block;
    background: url(FgJyDzm0USYzx3iFuQwL93AiVTds.png) /*tpa=https://oss-public.fangdd.com/prod/static/FgJyDzm0USYzx3iFuQwL93AiVTds.png*/ no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    vertical-align: middle;
    margin-right: 5px
}

._8d-C6 {
    background-color: #fff
}

._15I59 {
    position: relative;
    padding: 0 20px
}

._2LJI3 {
    line-height: 1.2;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 22px;
    font-weight: 500
}

.zsKYt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px
}

._1QVZX {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-right: 5px
}

._3X0Ih {
    font-size: 14px;
    color: #ef0000
}

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

.EkOli {
    padding-left: 12px;
    color: #999
}

._2eRWl, .EkOli {
    font-size: 14px
}

._2eRWl i {
    padding-right: 2px;
    font-weight: 700;
    color: #0bb03d
}

._2eRWl i:before, .Y-5px {
    font-size: 18px
}

.Y-5px {
    padding-top: 8px;
    font-weight: 500
}

.jLPvP {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0 14px;
    line-height: 1.2
}

._1Ja57 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 16px
}

._1Ja57:first-child {
    padding-left: 0
}

._1Ja57:last-child {
    border-right: none
}

._1Ja57:last-child:before {
    display: none
}

._3bvHJ {
    font-size: 18px;
    font-weight: 500
}

._1qeW9 {
    display: block;
    padding-top: 8px;
    font-size: 12px;
    color: #999
}

._3zoQ1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 20px
}

._3zoQ1:after {
    left: 20px;
    right: 20px
}

._37IdS {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-right: 10px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._37IdS:nth-child(2) {
    text-align: center
}

._37IdS i {
    font-size: 16px;
    margin-right: 5px;
    color: #757575
}

._1Jo8R, ._139Ee {
    font-size: 14px
}

._139Ee {
    color: #3d5688
}

._139Ee i {
    position: relative;
    top: -1px;
    vertical-align: middle;
    font-size: 15px;
    margin-right: 2px
}

._3zoQ1:before {
    font-size: 16px;
    color: #999
}

._3q6Ax {
    padding: 20px
}

._3q6Ax:after {
    left: 20px;
    right: 20px
}

._3q6Ax:last-child {
    border-bottom: 0
}

._3q6Ax:last-child:after {
    display: none
}

._3q6Ax a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.qISjv {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    line-height: 1.4
}

._33vlC {
    font-size: 18px;
    font-weight: 500
}

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

._N7yq {
    font-size: 14px;
    color: #ff5121
}

._N7yq strong {
    padding: 0 2px;
    font-size: 20px;
    font-weight: 700
}

._3_9R6 {
    margin-left: 5px;
    font-size: 14px
}

._25LlU {
    float: right;
    color: #586c94;
    font-weight: 500
}

._3tui3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 20px
}

._3tui3:after {
    left: 20px;
    right: 20px
}

._3tui3:last-child {
    border: 0
}

._3tui3:last-child:after {
    display: none
}

._3pYAD {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 10px;
    font-size: 14px
}

._2Hpmm {
    font-size: 16px;
    font-weight: 500;
    color: #ef0000
}

._2Hpmm strong {
    font-weight: 700
}

._2h50i {
    position: relative;
    max-height: 200px;
    overflow: auto;
    margin: 20px 20px 0;
    background-color: #f3f5f7
}

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

._1evn3 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: #fff;
    height: 16px;
    line-height: 16px;
    padding: 0 3px;
    min-width: 30px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer;
    text-align: center
}

._1evn3:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    margin-left: -6px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0
}

._1evn3._32GQu {
    background-color: #ff5121;
    color: #fff
}

._1evn3._32GQu:after {
    border-top-color: #ff5121
}

._2c0dg {
    margin-top: -20px;
    padding-bottom: 20px
}

._2c0dg .QPHH7 {
    padding-bottom: 0
}

._3o0mv {
    padding: 20px 0 10px
}

._3Zrp5 {
    min-width: 84px;
    width: auto;
    margin-left: 10px;
    padding: 7px 10px;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    background-color: #f3f5f7;
    font-size: 16px;
    text-align: center
}

._3Zrp5:first-child {
    margin-left: 20px
}

._3Zrp5:last-child {
    margin-right: 20px
}

._3Zrp5._2zEuL {
    color: #fff;
    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)
}

._1_sDw {
    display: none
}

._1_sDw._2zEuL {
    display: block !important
}

._3wn7u {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0 0 20px
}

._3wn7u:last-child ._2hodw {
    padding-bottom: 0;
    border: 0
}

._3wn7u:last-child ._2hodw:after {
    display: none
}

._3wn7u a {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._3DAAM {
    height: 50px;
    width: 50px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

._2hodw {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px 15px 0;
    margin-left: 20px
}

._2hodw, ._3XNHb {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

._3XNHb {
    padding-right: 10px
}

._1XPgA {
    margin-bottom: 10px
}

._2zurD {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 16px
}

._2zurD h4 {
    max-width: 70%
}

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

._2zurD:last-child {
    margin-bottom: 0
}

._1-qgI {
    font-size: 16px;
    font-weight: 500
}

._3YAuI {
    background: -webkit-gradient(linear, right top, left top, from(#62bdee), to(#4e93f7));
    background: -webkit-linear-gradient(right, #62bdee, #4e93f7);
    background: -moz-linear-gradient(right, #62bdee 0, #4e93f7 100%);
    background: -o-linear-gradient(right, #62bdee 0, #4e93f7 100%);
    background: linear-gradient(270deg, #62bdee, #4e93f7)
}

._3qz68, ._3YAuI {
    display: inline-block;
    width: 52px;
    height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    margin-left: 5px
}

._3qz68 {
    background: -webkit-gradient(linear, right top, left top, from(#ff005b), to(#ff3f2b));
    background: -webkit-linear-gradient(right, #ff005b, #ff3f2b);
    background: -moz-linear-gradient(right, #ff005b 0, #ff3f2b 100%);
    background: -o-linear-gradient(right, #ff005b 0, #ff3f2b 100%);
    background: linear-gradient(270deg, #ff005b, #ff3f2b)
}

.wG11n {
    display: inline-block;
    padding: 0 5px;
    height: 16px;
    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: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    margin-left: 5px
}

._2Cied {
    font-size: 12px;
    font-weight: 500;
    color: #333;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._2qTYe {
    height: 13px;
    line-height: 13px;
    overflow: hidden
}

._9Jsgy {
    display: inline-block;
    height: 100%;
    font-size: 12px;
    color: #666;
    padding: 0 8px;
    overflow: hidden;
    border-left: 1px solid #eee
}

._9Jsgy:first-child {
    border-left: none;
    padding-left: 0
}

._2Tbub {
    width: 75px;
    height: 30px;
    color: #ff5121;
    border: 1px solid #ff5121;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._2Tbub i {
    margin-right: 3px
}

._3G51o {
    position: relative
}

._3G51o:after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    border-bottom: 1px solid #eee
}

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

._3ld_t {
    width: 24px;
    height: 24px;
    margin-right: 5px
}

._1xc3_ {
    font-size: 20px;
    font-weight: 500
}

._2spCF {
    padding-bottom: 20px
}

._2spCF + ._2l5d1 {
    padding-top: 6px
}

._1MssZ {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 0 0 20px
}

._3kJvv {
    display: inline-block;
    width: 75px;
    height: 30px;
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ff5121;
    color: #ff5121;
    position: absolute;
    top: 4px;
    right: 0;
    text-align: center;
    line-height: 30px
}

._3kJvv i {
    margin-right: 3px
}

.hNO0O {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._2btVr, .hNO0O {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._2btVr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 25px 25px;
    background: #fff;
    width: 80%;
    position: relative
}

._1YeFw {
    font-weight: 600;
    font-size: 23px;
    margin-bottom: 12px
}

._3eOF0 {
    font-size: 14px
}

._3eOF0, ._18Nuj {
    margin-bottom: 20px
}

._18Nuj {
    width: 100%
}

._2Uusm {
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    margin-bottom: 16px;
    padding-left: 10px
}

._2gfcG, ._2Uusm {
    height: 44px;
    font-size: 16px
}

._2gfcG {
    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: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff
}

._3gVGH {
    position: absolute;
    top: 105%;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    color: #fff
}

._3gVGH i:before {
    font-size: 31px
}

._2GdOL {
    color: #999 !important
}

._2HwkN {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._2HwkN, ._2Pm5Q {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._2Pm5Q {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 20px 20px;
    background: #fff;
    width: 80%;
    position: relative
}

._3jyzB {
    font-size: 23px;
    font-weight: 600;
    color: #333;
    text-align: center
}

._1mmgM, ._3jyzB {
    margin-bottom: 20px
}

._1mmgM {
    width: 100%;
    padding: 10px;
    background: #f5f5f5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._3ittL {
    width: 70px;
    height: 70px;
    margin-right: 10px;
    position: relative
}

._3ittL img {
    width: 100%;
    height: 100%
}

._2r4Yw {
    width: 42px;
    height: 18px;
    background: -webkit-linear-gradient(296deg, #ff881e, #ffbd31);
    background: -moz-linear-gradient(296deg, #ff881e 0, #ffbd31 100%);
    background: -o-linear-gradient(296deg, #ff881e 0, #ffbd31 100%);
    background: linear-gradient(154deg, #ff881e, #ffbd31);
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 12px;
    text-align: center
}

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

._1guvK {
    font-size: 16px;
    font-weight: 500
}

._2U_ob {
    font-size: 14px
}

.FQkM7 {
    font-size: 13px;
    color: #ef0000;
    margin-right: 6px
}

.FQkM7 strong {
    font-size: 20px
}

._3w5B5 {
    font-size: 13px;
    color: #9b9b9b
}

._1uHQv {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    padding-left: 10px;
    margin-bottom: 15px
}

._1uHQv, ._2QVaO {
    height: 44px;
    font-size: 16px
}

._2QVaO {
    width: 100%;
    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: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    margin-bottom: 8px
}

.-xhxI {
    font-size: 12px;
    font-weight: 500;
    text-align: center
}

.-xhxI em {
    color: #ff5121
}

._1F28q {
    position: absolute;
    top: 105%;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    color: #fff
}

._1F28q i:before {
    font-size: 31px
}

._2H9y8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px
}

._2H9y8:after {
    left: 20px;
    right: 20px
}

._2H9y8:last-child {
    border-bottom: 0
}

._2H9y8:last-child:after {
    display: none
}

.r3Agd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    line-height: 1.4
}

._2ZZFr {
    font-size: 18px;
    font-weight: 500
}

._1-hjM, ._2ZZFr {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._39igb {
    font-size: 14px;
    color: #ef0000
}

._39igb strong {
    padding: 0 2px;
    font-size: 20px;
    font-weight: 700
}

.yVyXx {
    margin-left: 5px;
    font-size: 14px
}

._36iEJ .YSgIr {
    width: 100px;
    height: 38px;
    line-height: 38px;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    font-size: 16px;
    font-weight: 500
}

._1SpzU {
    font-size: 14px
}

._1dSsg {
    font-weight: 500;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    max-height: 80px;
    overflow: hidden;
    margin: 0 20px 15px
}

._3vp07 {
    padding: 0 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -15px
}

._3vp07, .OOG5l {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.OOG5l {
    width: 50%;
    margin-bottom: 15px
}

.OOG5l:last-child {
    margin-bottom: 20px
}

.OOG5l a, .OOG5l span:first-child {
    color: #757575;
    margin-right: 16px;
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.OOG5l span:last-child {
    color: #121212;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.mwY1d {
    position: relative;
    overflow: hidden;
    margin: 0 20px;
    padding-bottom: 36.8%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center
}

.mwY1d img {
    width: 100%;
    height: 100%
}

._22vJZ, .mwY1d img {
    position: absolute;
    left: 0;
    top: 0
}

._22vJZ {
    right: 0;
    bottom: 0;
    z-index: 10;
    text-align: center
}

.HS7ja {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 80%;
    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%)
}

._2VHKD {
    position: relative;
    z-index: 20;
    padding: 8px 12px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    text-align: left
}

._2VHKD:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 43px;
    z-index: 12;
    width: 0;
    height: 0;
    overflow: hidden;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 5px 6px 0
}

._1sNJu {
    font-size: 16px;
    font-weight: 500
}

.tVrwm {
    padding-top: 2px;
    font-size: 14px
}

.VzAhz {
    position: relative;
    display: block;
    z-index: 10;
    width: 70px;
    height: 70px;
    background: rgba(102, 138, 233, .08);
    border: 1px solid rgba(102, 138, 233, .32);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: -21px 0 0 14px
}

.VzAhz:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    background: #668ae9;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 2px 6px 0 #9fa7b3;
    -moz-box-shadow: 0 2px 6px 0 #9fa7b3;
    box-shadow: 0 2px 6px 0 #9fa7b3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.xoF7A {
    padding: 20px
}

._2z_GA {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8f8f8;
    padding: 10px 20px
}

.xoF7A + ._3YnRP {
    padding-top: 0
}

._39xGf {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    padding-right: 20px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px
}

._39xGf, .m2H4_ {
    overflow: hidden
}

.m2H4_ {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    background-color: #eee;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: -6px
}

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

.m2H4_.W72jG {
    line-height: 30px;
    text-align: center
}

.m2H4_.W72jG i {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.m2H4_.W72jG i, .m2H4_.W72jG i:after, .m2H4_.W72jG i:before {
    width: 2px;
    height: 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #3d5688;
    margin: 0 1px
}

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

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

._31dXc {
    line-height: 1.4
}

._1JUbJ {
    display: block;
    font-size: 10px
}

._3U6AG {
    padding: 0 20px 20px
}

._3U6AG:last-child {
    padding-bottom: 20px
}

._34YXP {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    line-height: 44px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #eee;
    margin: 0 20px 20px
}

._2Pgtf {
    font-size: 15px;
    font-weight: 400;
    color: #757575;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 12px
}

._3OryW {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    width: 88px;
    text-align: center;
    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: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0
}

._3n7sF {
    background-color: #fff;
    padding: 0 20px 20px
}

._2eGph {
    position: relative;
    margin-top: 10px;
    padding-left: 25px
}

._2eGph:after, ._2eGph:before {
    content: "";
    position: absolute
}

._2eGph:before {
    z-index: 2;
    left: 0;
    top: 6px;
    width: 9px;
    height: 9px;
    background: #7386a6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

._2eGph:after {
    z-index: 1;
    left: 4px;
    top: 8px;
    bottom: 0;
    border-left: 2px dashed #c2c6da
}

.Oq1bQ {
    font-size: 16px;
    font-weight: 500
}

._1byGK {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.25
}

._1byGK._1dI50 {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 120px
}

.LxLhR {
    margin-top: 2px;
    font-size: 16px;
    color: #3d5688
}

._32U_6 {
    font-size: 12px;
    font-weight: 500;
    color: #3d5688
}

._1S_e4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 25px 0 0
}

.Xdmah {
    position: relative;
    width: 32.22%;
    padding-bottom: 25.425%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 1.72%
}

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

.Xdmah img {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0
}

.qOfTg {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 0 6px;
    min-width: 38px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: rgba(0, 0, 0, .6);
    font-size: 12px;
    color: #fff;
    text-align: center
}

._3u52q {
    margin-top: -20px
}

.CZHHx {
    margin-top: -10px
}

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

._1h7aR:after {
    clear: both
}

._2qPjH {
    max-width: 100%;
    white-space: nowrap
}

._2qPjH, .jAxKf {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.jAxKf {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._3FRS_ {
    background: #eee url("../images/default.png") repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

.FTCRP {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    max-width: 750px;
    margin: 0 auto;
    z-index: 980
}

._2UNjr {
    position: static !important
}

._9emOr {
    display: none !important
}

._35o9e {
    border-top: 1px solid #eee
}

._232C8 {
    border-bottom: 1px solid #eee
}

._1KqWR {
    border-left: 1px solid #eee
}

._1wiN- {
    border-right: 1px solid #eee
}

._3dGeK {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

._2iUoa, ._2u-ml, ._alCO {
    border: none;
    position: relative
}

._2iUoa:after, ._2u-ml:after, ._alCO:after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 199.8%;
    height: 200%;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border: 1px solid #eee;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    ._1KqWR, ._3dGeK, ._24g2a, ._35o9e, ._232C8 {
        border: none;
        position: relative
    }

    ._1KqWR:after, ._3dGeK:after, ._3dGeK:before, ._24g2a:before, ._35o9e:after, ._232C8:after {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }

    ._3dGeK:after, ._35o9e:after {
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    ._3dGeK:before, ._232C8:after {
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        background: #eee
    }

    ._1KqWR:after {
        left: 0
    }

    ._1KqWR:after, ._1wiN-:before {
        top: 0;
        width: 1px;
        bottom: 0;
        -webkit-transform: scaleX(.5);
        -moz-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        -o-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    ._1wiN-:before {
        right: 0
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3) {
    ._3dGeK:after, ._3dGeK:before, ._35o9e:after, ._232C8:after {
        -webkit-transform: scaleY(.33);
        -moz-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        -o-transform: scaleY(.33);
        transform: scaleY(.33);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        background: #eee
    }

    ._1KqWR:after, ._1wiN-:before {
        -webkit-transform: scaleX(.33);
        -moz-transform: scaleX(.33);
        -ms-transform: scaleX(.33);
        -o-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

._3mU2T {
    padding: 20px
}

.iFa5l {
    width: 100%;
    height: 100%;
    z-index: 981;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.sAvoX {
    height: env(safe-area-inset-bottom)
}

._2-159 {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    background: -webkit-linear-gradient(301deg, #3d4156, #171927);
    background: -moz-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background: -o-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background: linear-gradient(149deg, #3d4156, #171927);
    -webkit-transform: skew(-16deg, 0deg);
    -moz-transform: skew(-16deg, 0deg);
    -ms-transform: skew(-16deg, 0deg);
    -o-transform: skew(-16deg, 0deg);
    transform: skew(-16deg, 0deg);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 4px;
    white-space: nowrap;
    vertical-align: middle;
    margin: 0 4px
}

._2-159:before {
    display: inline-block;
    content: "选房师";
    -webkit-transform: skew(16deg, 0);
    -moz-transform: skew(16deg, 0);
    -ms-transform: skew(16deg, 0);
    -o-transform: skew(16deg, 0);
    transform: skew(16deg, 0);
    text-align: center
}

._3pWna {
    margin-top: -12px
}

.oPzOm:after {
    left: 20px;
    right: 20px
}

.oPzOm:last-child {
    border: 0
}

.oPzOm:last-child:after {
    display: none
}

._2FbUK {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 20px
}

._2FbUK i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

._2FbUK i:before {
    font-size: 19px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: -moz-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: -o-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: linear-gradient(318.2deg, #ff813a, #ff571b)
}

._1je5b {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 500
}

._2ttZ4 {
    font-family: fdd !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

._2FaYv {
    padding: 20px;
    background-color: #fff
}

._3nbbe {
    line-height: 1.3;
    font-size: 20px;
    font-weight: 500
}

.cnbij {
    padding-top: 10px;
    font-size: 12px;
    color: #757575
}

.o25Wh {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8f8f8;
    padding: 15px;
    margin-top: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

._3v5wQ {
    width: 44px;
    height: 44px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 10px
}

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

._3TigB {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-right: 80px;
    line-height: 1.25
}

._2UfV8 {
    font-size: 15px;
    font-weight: 500
}

._1YKDN {
    padding-top: 3px;
    font-size: 13px;
    color: #ef0000;
    font-weight: 500
}

._1YKDN strong {
    font-size: 19px;
    font-weight: 700;
    font-family: Verdana
}

._1WU82 {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: #757575
}

._2Rwvi {
    padding: 14px 20px 20px;
    background: #fff
}

._1NCc8 {
    height: 180px;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.EWMJn {
    width: 84%;
    -webkit-border-bottom-right-radius: 160px 180px;
    -moz-border-radius-bottomright: 160px 180px;
    border-bottom-right-radius: 160px 180px;
    background: rgba(19, 15, 32, .88);
    height: 100%
}

._34sSm {
    display: -webkit-box;
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    padding-top: 20px;
    margin: 0 30px 20px 15px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

._34sSm, .WwnwD {
    font-weight: 600
}

.WwnwD {
    font-size: 16px;
    line-height: 23px;
    margin-top: 20px
}

.WwnwD i {
    margin-right: 8px;
    font-weight: 400;
    vertical-align: middle
}

.WwnwD i:before {
    background-image: -webkit-linear-gradient(42.1deg, #18c1f5, #1974f9);
    background-image: -moz-linear-gradient(42.1deg, #18c1f5, #1974f9);
    background-image: -o-linear-gradient(42.1deg, #18c1f5, #1974f9);
    background-image: linear-gradient(-312.1deg, #18c1f5, #1974f9);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

._1v04t {
    font-size: 14px;
    color: #757575;
    margin-top: 12px
}

.Miytq {
    display: inline-block;
    width: 24px
}

.LcSDF i {
    line-height: 1
}

.LcSDF._1TPEw {
    color: #ef3929
}

.LcSDF._2ujZM {
    color: #0bb03d
}

.LcSDF._27QMK {
    color: #757575
}

._3eG8L {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}

._20zYG {
    position: relative;
    margin-right: 10px;
    width: 70px;
    height: 60px;
    background: url(FngEYX5A8x8xVWDZguKwaFXM0EXd.gif) /*tpa=https://fs.fangdd.com/static/FngEYX5A8x8xVWDZguKwaFXM0EXd.gif*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.lfQs7 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

._1ey6i {
    font-size: 16px;
    font-weight: 500
}

._3McEf {
    padding-left: 5px;
    color: #3d5688
}

._3MN0_ {
    padding-top: 8px;
    font-size: 14px
}

._1wreL {
    padding-left: 5px;
    color: #ef0000
}

._1wreL.thFqn {
    filter: blur(3px);
    -webkit-filter: blur(3px)
}

._3WDkK {
    font-size: 12px;
    padding-left: 5px
}

._6ceXz {
    display: block;
    width: 80px;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    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);
    text-align: center;
    font-size: 14px;
    color: #fff
}

._4qv-q {
    background-color: #fff;
    padding: 20px 20px 0
}

._3fofk {
    line-height: 1.3;
    font-size: 24px;
    font-weight: 500
}

._7Wsjy {
    padding-top: 6px;
    font-size: 12px
}

._9QaST {
    padding: 10px 0 20px;
    line-height: 1.3;
    font-size: 12px
}

._14r-y {
    color: #ef0000
}

._14r-y strong {
    font-size: 28px;
    padding-right: 6px;
    font-weight: 700;
    font-family: Verdana
}

._2ORgM {
    padding-bottom: 10px;
    margin-bottom: -10px;
    background-color: #fff
}

.h1wf- {
    position: relative;
    width: 100%;
    padding-bottom: 34.667%;
    background: url("FuTAofqYd11fgi8r6_QQLhSAFgGa.jpg") /*tpa=https://fs.fangdd.com/static/FuTAofqYd11fgi8r6_QQLhSAFgGa.jpg*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

.h1wf- img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

._2KsDa {
    position: relative;
    z-index: 2;
    padding: 20px;
    background-color: #fff;
    margin: -50px 20px 0;
    -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: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

._2SMJk {
    font-weight: 500;
    font-size: 22px
}

._1mKC2, ._2SMJk {
    text-align: center
}

._1mKC2 {
    padding-top: 6px;
    font-size: 13px;
    color: #757575
}

._1mKC2 i {
    margin-right: 5px;
    color: #3d5688
}

._1mKC2 i:before {
    font-size: 16px
}

._3aAqa {
    position: relative;
    margin-top: 16px;
    padding-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

._3aAqa:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background-image: -webkit-linear-gradient(left, #e0e0e0 1px, transparent 0);
    background-image: -moz-linear-gradient(left, #e0e0e0 1px, transparent 1px);
    background-image: -o-linear-gradient(left, #e0e0e0 1px, transparent 1px);
    background-image: linear-gradient(90deg, #e0e0e0 1px, transparent 0);
    -webkit-background-size: 6px 100%;
    -moz-background-size: 6px 100%;
    background-size: 6px 100%;
    background-repeat: repeat;
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    transform: skew(-45deg)
}

._3ry9v {
    line-height: 1.4;
    font-size: 11px;
    font-weight: 500
}

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

._2x_-O:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    margin-left: 6px
}

._3c6VU {
    background-color: #fff
}

._3c6VU:after {
    left: 20px;
    right: 20px
}

._5jQAq {
    display: block;
    padding: 20px
}

._5jQAq:active {
    background-color: #eee
}

._1z-Tj {
    margin-right: 10px
}

._1z-Tj:before {
    font-size: 19px;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.ewzbL:before {
    background-image: -webkit-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: -moz-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: -o-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: linear-gradient(318.2deg, #ff813a, #ff571b)
}

._3O03x:before {
    background-image: -webkit-linear-gradient(42.1deg, #18c1f5, #1974f9);
    background-image: -moz-linear-gradient(42.1deg, #18c1f5, #1974f9);
    background-image: -o-linear-gradient(42.1deg, #18c1f5, #1974f9);
    background-image: linear-gradient(-312.1deg, #18c1f5, #1974f9)
}

._3qYIB {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.25
}

.vwC0j {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1px 10px 0 0;
    font-size: 16px;
    font-weight: 500
}

._3B2KL {
    padding-top: 3px;
    font-size: 12px;
    color: #757575
}

._2JSqu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    line-height: 1.3
}

._1b9_4 {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    padding-top: 2px;
    font-size: 14px
}

._2-7mY {
    margin-top: 10px;
    position: relative;
    background-color: #fff
}

._2Y0Mm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    line-height: 1.3
}

.WdO5B {
    font-size: 20px;
    font-weight: 500
}

.NWbQh {
    font-size: 14px;
    color: #757575
}

.NWbQh i {
    top: -1px;
    display: inline-block;
    margin: 0 -2px 0 2px;
    font-size: 11px
}

._2DaqU {
    padding: 0 20px
}

.fKMy8 {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._27ccF {
    margin-right: 10px;
    font-weight: 400;
    font-size: 16px
}

._27ccF:before {
    background-image: -webkit-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: -moz-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: -o-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: linear-gradient(318.2deg, #ff813a, #ff571b);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

._1DwWt {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.DlHv6 {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._9-dHu, .DlHv6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._9-dHu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 25px 25px;
    background: #fff;
    width: 300px;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.nR7MN {
    color: #121212;
    font-weight: 600;
    font-size: 23px
}

._1Vg4D {
    font-size: 14px;
    font-weight: 400;
    color: #121212;
    line-height: 20px;
    margin-top: 12px
}

._3Ua10 {
    width: 250px;
    margin-top: 20px;
    display: block
}

._3rErI {
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    margin-top: 20px;
    padding-left: 10px
}

._1GmUi, ._3rErI {
    height: 44px;
    font-size: 16px
}

._1GmUi {
    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: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    margin-top: 16px
}

._2zQHx {
    position: absolute;
    bottom: -60px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    color: #fff
}

._2zQHx i:before {
    font-size: 31px
}

._1JSbC {
    background-color: #fff;
    padding: 20px 20px 0;
    margin-top: 10px
}

.MUkQb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}

._2dsmV {
    margin-right: 10px
}

._93h9A {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._3lDdp {
    height: 40px;
    width: 40px
}

._2yP-R {
    font-size: 19px;
    line-height: 22px
}

._1_PSm, ._2yP-R {
    font-weight: 500;
    color: #121212
}

._1_PSm {
    font-size: 15px
}

._1_PSm, .JN9S8 {
    line-height: 19px
}

.JN9S8 {
    font-size: 13px;
    font-weight: 400;
    color: #757575;
    margin-top: 2px
}

._1ZEqy {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    min-width: 75px;
    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-box-shadow: 0 3px 6px 0 rgba(255, 34, 0, .3);
    -moz-box-shadow: 0 3px 6px 0 rgba(255, 34, 0, .3);
    box-shadow: 0 3px 6px 0 rgba(255, 34, 0, .3);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 6px
}

._3cZ7Z {
    color: #ff5121
}

._3pzoA {
    background-color: #fff;
    margin-top: 10px
}

.loKez {
    overflow: hidden;
    padding: 0 20px
}

._1E9EL {
    padding: 0 0 20px;
    margin-top: 20px
}

._1E9EL:first-child {
    margin-top: 0
}

.s3UH5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._2fL0o {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._3IxLk {
    font-size: 17px;
    font-weight: 500;
    color: #121212;
    line-height: 21px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._3TJao {
    margin-top: 16px
}

._1v3K5 {
    font-size: 17px;
    font-weight: 500
}

._1daYX, ._1v3K5 {
    color: #121212;
    line-height: 20px
}

._1daYX {
    font-size: 15px;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.pre-text {
    overflow: hidden;
    height:38px;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
    color: #121212;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
._1daYX, .JMUvL {
    margin-top: 10px
}

._25g2E {
    font-size: 12px;
    font-weight: 500;
    color: #3d5688;
    padding: 1px 5px;
    margin-right: 15px;
    background-color: #f6f6f6;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

._1ZzWr, ._25g2E {
    line-height: 16px;
    vertical-align: middle
}

._1ZzWr {
    font-size: 13px;
    font-weight: 400;
    color: #757575
}

._11zWl {
    height: 28px;
    width: 28px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

._11zWl, .U6Qy- {
    margin-right: 10px
}

.U6Qy- {
    font-size: 13px;
    font-weight: 400;
    color: #121212;
    line-height: 16px
}

._2Egek {
    width: 110px;
    height: 90px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

._2TEJY {
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    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: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px
}

._2TEJY, ._2TEJY .icon-notice:before {
    font-size: 12px
}

._1PlJK {
    background-color: #fff;
    margin-top: 10px
}

._3fzmF {
    padding: 0;
    height: 160px;
    margin-top: 20px
}

._3MQvq {
    width: 120px;
    padding-left: 20px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

._3MQvq:last-child {
    margin-right: 0;
    padding-right: 20px
}

.Kt8-Q {
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #eee;
    overflow: hidden
}

._259M3, .Kt8-Q {
    width: 120px;
    height: 90px
}

._259M3 {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -o-object-fit: contain;
    object-fit: contain
}

.rApyC {
    margin-top: 13px
}

._3nwSL {
    color: #121212;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    height: 16px
}

._27Awa {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    color: #ff5121;
    border: 1px solid #ff5121;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 6px 10px;
    margin-top: 12px
}

._2XPmi {
    font-size: 15px;
    font-weight: 400;
    color: #ef0000;
    line-height: 16px;
    margin-top: 10px
}

._1QNKz {
    font-family: Verdana, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    color: #ef0000;
    font-size: 19px;
    font-weight: 500
}

._3s47A {
    margin: 0;
    padding: 0 20px;
    overflow-x: auto;
    white-space: nowrap
}

._3cvwI {
    display: inline;
    color: #757575;
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    margin-right: 8px
}

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

._230IG {
    color: #ff5121
}

._10RrB {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #121212;
    line-height: 22px;
    margin: 10px 0
}
.qjkflg{
    position: absolute;
    width: 50px;
    height: 53px;
    left: 50%;
    bottom: 50%;
    margin-left: -22px;
    margin-bottom: -25px;
    background: url(../images/icon_quanjing.png) no-repeat;
}

._3oYy8 {
    display: block;
    max-width: 100%;
    margin: 0 auto 10px
}

.CqxsV {
    padding: 0 20px 20px
}

._2RbH5 {
    display: block;
    background: #fff;
    /*height: 200px;*/
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.m6Atv {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

._3WRc- {
    height: 85px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    padding: 20px 15px 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff
}

.ZCprg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

._3VUMi {
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    padding-right: 10px
}

._1M_5Y {
    color: #ef0000;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap
}

._1M_5Y em {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px
}

._1-s5L {
    margin-top: 10px
}

._1-s5L span {
    font-size: 14px;
    line-height: 1.1;
    padding: 0 8px;
    position: relative
}

._1-s5L span:not(:last-child):after {
    content: "";
    width: 1px;
    background: #d8d8d8;
    position: absolute;
    right: 0;
    top: 2px;
    bottom: 2px
}

._1-s5L span:first-child {
    padding-left: 0
}

._1-s5L span:last-child {
    padding-right: 0
}

.rVB9e {
    margin-top: 20px;
    color: #757575;
    font-size: 14px;
    line-height: 21px
}

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

._3ZbT- {
    font-size: 14px;
    color: #3d5688
}

.wxBt9 {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    border-top: 1px solid #eee
}

._1OnN7 {
    padding: 0 20px
}

.MEhtf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px 0;
    border-bottom: 1px solid #eee
}

._3vEX3 {
    margin-right: 10px;
    font-weight: 400;
    font-size: 16px
}

._3vEX3:before {
    background-image: -webkit-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: -moz-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: -o-linear-gradient(131.8deg, #ff813a, #ff571b);
    background-image: linear-gradient(318.2deg, #ff813a, #ff571b);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

._28DCp {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

._2PY96 {
    position: relative;
    width: 52px;
    height: 32px
}

._3XoP_ {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

._1ARlV {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-color: #dfdfdf;
    border: 1px solid #dfdfdf;
    border-radius: 32px
}

._1ARlV, ._1ARlV:after, ._1ARlV:before {
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px
}

._1ARlV:after, ._1ARlV:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;
    border-radius: 32px
}

._1ARlV:after {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    width: 30px
}

._1ARlV:before {
    background-color: #fdfdfd;
    width: 50px
}

._3XoP_:checked + ._1ARlV {
    background-color: #ff5121;
    border-color: #ff5121
}

._3XoP_:checked + ._1ARlV:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

._3XoP_:checked + ._1ARlV:after {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px)
}

._2PY96 ._1Nfvf, ._2PY96 .PCRtq {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
    color: #fff
}

._2PY96._2kyTi {
    height: 27px
}

._2PY96._2kyTi ._1ARlV {
    border: 2px solid #ef3929;
    background-color: #ef3929
}

._2PY96._2kyTi ._1ARlV:before {
    height: 23px;
    background-color: #ef3929
}

._2PY96._2kyTi ._1ARlV:after {
    width: 23px;
    height: 23px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

._2PY96._2kyTi ._3XoP_:checked + ._1ARlV {
    background-color: #0bb03d;
    border-color: #0bb03d
}

._2PY96._2kyTi ._3XoP_:checked + ._1ARlV:after {
    -webkit-transform: translateX(25px);
    -moz-transform: translateX(25px);
    -ms-transform: translateX(25px);
    -o-transform: translateX(25px);
    transform: translateX(25px)
}

._2PY96 ._1Nfvf {
    left: 8px
}

._2PY96 .PCRtq {
    right: 8px
}

._1xMma:first-child ._2076a {
    padding-top: 0
}

._1xMma:last-child ._2076a {
    padding-bottom: 0
}

._1xMma:first-child ._1r3gM {
    top: 12px
}

._1xMma:last-child ._1r3gM {
    top: 24px
}

._2076a {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 12px 30px 12px 20px;
    font-size: 15px
}

._3LWiy {
    width: 16px;
    text-align: center
}

._1xMma:nth-child(-n+3) ._3LWiy i {
    display: block;
    width: 16px;
    height: 16px;
    padding: 1px 0;
    background-color: #ef3929;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 10px
}

._3Ef0g {
    display: table-cell;
    vertical-align: middle
}

.z2h-d {
    width: 40%;
    padding-left: 10px;
    font-weight: 500
}

._2U6de {
    width: 40%;
    padding: 0 6px
}

._27VRH {
    width: 27%
}

._1r3gM {
    position: absolute;
    right: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #757575;
    font-size: 14px
}

._2AIlS {
    display: block;
    text-align: center
}

._2AIlS:active {
    opacity: .8
}

._2mqmX {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

._2mqmX, .Bfegs {
    height: 44px;
    line-height: 44px;
    font-size: 16px
}

.Bfegs {
    width: 160px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px
}

._1TWAG {
    padding: 0 15px;
    font-size: 14px;
    height: 30px;
    line-height: 30px
}

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

._2vfbR, ._3h19a {
    color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(255, 34, 0, .3);
    -moz-box-shadow: 0 1px 3px 0 rgba(255, 34, 0, .3);
    box-shadow: 0 1px 3px 0 rgba(255, 34, 0, .3)
}

._3h19a {
    background-image: -webkit-gradient(linear, right top, left top, from(#ffbb18), to(#ff9600));
    background-image: -webkit-linear-gradient(right, #ffbb18, #ff9600);
    background-image: -moz-linear-gradient(right, #ffbb18 0, #ff9600 100%);
    background-image: -o-linear-gradient(right, #ffbb18 0, #ff9600 100%);
    background-image: linear-gradient(270deg, #ffbb18, #ff9600)
}

.zdi8h {
    color: #3d5688;
    background-color: #fafafa
}

.zdi8h i {
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-left: 4px
}

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

._2El5b {
    opacity: .5
}

._263_d {
    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%);
    width: 2.4em;
    height: 2.4em;
    line-height: 2.5em;
    background-color: rgba(42, 45, 55, .8);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #fff
}

._263_d i {
    margin-left: .2em
}

._263_d._1_WYW {
    font-size: 10px
}

._263_d.ckAJ2 {
    font-size: 14px
}

._2CKDl {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    margin-left: 3px;
    font-size: 11px;
    text-align: center;
    color: #fff
}

._2CKDl i {
    position: relative;
    z-index: 2
}

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

._2CKDl._3VDOS:after {
    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)
}

._2CKDl.k9t7p:after {
    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)
}

._2CKDl.BlJWe:after {
    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)
}

._2CKDl._3Ef23:after {
    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)
}

._2CKDl._2wbxl:after {
    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)
}

._2CKDl.h-j1_:after {
    background-image: -webkit-linear-gradient(301deg, #3d4156, #171927);
    background-image: -moz-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background-image: -o-linear-gradient(301deg, #3d4156 0, #171927 100%);
    background-image: linear-gradient(149deg, #3d4156, #171927)
}

._3JDaJ {
    padding: 20px 0
}

._3JDaJ:after {
    left: 20px;
    right: 20px
}

.p7rth {
    display: block;
    padding: 0 20px
}

._1S3Q5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

._1JQvy {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.Fa97B {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.25
}

._1L-by {
    max-width: 65%;
    font-size: 18px;
    font-weight: 500
}

._1L-by, .avzKC {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.avzKC {
    max-width: 35%;
    margin: 4px 0 0 6px;
    color: #757575;
    font-size: 12px
}

.wJE1u {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.1;
    padding-top: 2px
}

._2VzKC {
    display: inline-block;
    font-size: 12px;
    color: #ef0000
}

._2VzKC strong {
    margin-right: 2px;
    font-size: 28px;
    font-weight: 700
}

._2uonS {
    display: inline-block;
    margin-left: 8px;
    font-size: 12px
}

.RqEcm {
    padding-left: 20px;
    line-height: 1.1;
    font-size: 12px;
    text-align: center
}

.RqEcm:after {
    top: 6px
}

._3ZCPA {
    display: block;
    padding-bottom: 8px;
    font-size: 16px
}

._3ZCPA strong {
    font-size: 28px;
    margin-right: 2px;
    font-weight: 700
}

.RqWbJ {
    position: relative;
    margin-top: 15px;
    padding-bottom: 34.783%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    background: #eee url("../images/default.png") repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

.RqWbJ img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
}

.VgJo5 {
    padding-top: 15px
}

.brFxe {
    /*width: 49.333%*/
    width:160px;
}

.brFxe, .brFxe:first-child {
    margin-left: 20px
}

.brFxe:last-child {
    margin-right: 20px
}

.brFxe ._5e2ua {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._13hyF {
    width: 64px;
    height: 44px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
    overflow: hidden;
    background: #eee url("../images/default.png") repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

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

._21e5R {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    line-height: 1.1
}

._1fnI3 {
    padding-top: 1px;
    font-size: 16px;
    font-weight: 500;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._3se9V {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dZfhn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 4px;
    font-size: 13px;
    color: #ff5121;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.dZfhn strong {
    margin-right: 2px;
    font-weight: 700;
    font-size: 16px
}

._1GDWj {
    padding-top: 2px;
    font-size: 12px
}

._1GDWj i {
    color: #757575
}

.yAnKM {
    position: relative;
    color: #ff5121;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    max-width: 100%;
    overflow: hidden;
    display: inline-block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px 0 20px;
    border: 1px solid #ff5121;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    vertical-align: middle
}

.yAnKM:before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 16px;
    height: 16px;
    background: url(../images/hui.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.C8b7_ {
    background: #eee url(../images/default.png) repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    position: relative;
    width: 100%;
    height: 80px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden
}

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

._3DCYz {
    background: -webkit-gradient(linear, right top, left top, from(#ff4a21), to(#ff005b));
    background: -webkit-linear-gradient(right, #ff4a21, #ff005b);
    background: -moz-linear-gradient(right, #ff4a21 0, #ff005b 100%);
    background: -o-linear-gradient(right, #ff4a21 0, #ff005b 100%);
    background: linear-gradient(270deg, #ff4a21, #ff005b);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 1px 4px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
    font-size: 11px;
    color: #fff
}

._1ggyX {
    margin-top: 4px
}

.zFAH2 {
    position: relative;
    z-index: 1000;
    width: 310px;
    height: 355px;
    background: url(../images/FgXsGf7nvlCgFTi_-K5ahjJ1NZun.png)  no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.rZLyc .zFAH2 {
    background: url(Fsjo55bHAX32lVY3y8ne3GiOkA25.png) /*tpa=https://oss-public.fangdd.com/prod/static/Fsjo55bHAX32lVY3y8ne3GiOkA25.png*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

._3Otx- {
    min-height: 96px;
    padding: 44px 0 0
}

._2wVOh {
    font-size: 20px;
    font-weight: 400;
    color: #fffcd9;
    line-height: 22px
}

._2WQDf, ._2wVOh {
    text-align: center
}

._2WQDf {
    margin-top: 84px;
    padding: 0 45px 25px
}

.rZLyc ._2WQDf {
    margin-top: 160px
}

._1cnPU {
    color: #f42032;
    line-height: 1.2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#ddc4c4));
    background-image: -webkit-linear-gradient(top, #fff 50%, #ddc4c4);
    background-image: -moz-linear-gradient(top, #fff 50%, #ddc4c4 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #ddc4c4 100%);
    background-image: linear-gradient(-180deg, #fff 50%, #ddc4c4);
    -webkit-box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7);
    -moz-box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7);
    box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7);
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px;
    padding: 13px
}

._1cnPU, .ui-pop-body ._1cnPU {
    margin-top: 30px
}

.TEL6U {
    height: 44px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px;
    overflow: hidden;
    background-color: #fff
}

._17csw {
    margin-top: 10px;
    display: block;
    width: 100%;
    text-align: center
}

._1jw-p {
    margin-top: 16px;
    font-size: 13px;
    color: #fff
}

._3sbgR {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    background: -webkit-gradient(linear, right top, left top, from(#ff7600), to(#ff005b));
    background: -webkit-linear-gradient(right, #ff7600, #ff005b);
    background: -moz-linear-gradient(right, #ff7600 0, #ff005b 100%);
    background: -o-linear-gradient(right, #ff7600 0, #ff005b 100%);
    background: linear-gradient(270deg, #ff7600, #ff005b);
    -webkit-box-shadow: 2px 0 8px 0 rgba(254, 61, 76, .42);
    -moz-box-shadow: 2px 0 8px 0 rgba(254, 61, 76, .42);
    box-shadow: 2px 0 8px 0 rgba(254, 61, 76, .42);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    line-height: 1.2;
    color: #fff;
    overflow: hidden
}

._3shIy {
    padding: 20px 20px 10px
}

.BvQl3 {
    padding: 0 20px 20px;
    background: #fff
}

.c3PJ0 {
    width: 56px;
    height: 80px;
    background: url(Fk2mWrRfFVVRz-f3cc3lZgrNlRFC.png) /*tpa=https://oss-public.fangdd.com/prod/static/Fk2mWrRfFVVRz-f3cc3lZgrNlRFC.png*/ no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.YDzSE {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._2yL6t {
    width: 112px;
    height: 72px;
    background: url(FirG02CGovPu6RMdazz9aXWeJZbA.png) /*tpa=https://oss-public.fangdd.com/prod/static/FirG02CGovPu6RMdazz9aXWeJZbA.png*/ no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    margin-right: 4px;
    padding: 0 10px 0 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._2VJru, ._2yL6t {
    text-align: center
}

._2VJru {
    display: block;
    padding: 7px 16px;
    line-height: 20px;
    background: #ff2a3b;
    -webkit-box-shadow: 2px 0 8px 0 rgba(254, 61, 76, .42);
    -moz-box-shadow: 2px 0 8px 0 rgba(254, 61, 76, .42);
    box-shadow: 2px 0 8px 0 rgba(254, 61, 76, .42);
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 2px;
    min-width: 88px
}

._17bh4 {
    margin-bottom: 15px
}

._3GGvy {
    font-size: 12px;
    line-height: 16px
}

._2PX9j {
    font-size: 12px;
    color: #ff2a3b
}

._21iQs, ._32z3O {
    font-size: 30px;
    font-weight: 500
}

._1XS1- {
    z-index: 1000;
    width: 275px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f86434), to(#d62a27));
    background: -webkit-linear-gradient(top, #f86434, #d62a27);
    background: -moz-linear-gradient(top, #f86434 0, #d62a27 100%);
    background: -o-linear-gradient(top, #f86434 0, #d62a27 100%);
    background: linear-gradient(180deg, #f86434, #d62a27);
    -webkit-box-shadow: 0 -1px 2px 0 rgba(51, 51, 51, .3);
    -moz-box-shadow: 0 -1px 2px 0 rgba(51, 51, 51, .3);
    box-shadow: 0 -1px 2px 0 rgba(51, 51, 51, .3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

._1XS1-, ._3LeU0 {
    position: relative
}

._3LeU0 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    min-height: 96px;
    padding: 30px 25px;
    background: -webkit-gradient(linear, left top, left bottom, from(#e23e25), to(#f0623d));
    background: -webkit-linear-gradient(top, #e23e25, #f0623d);
    background: -moz-linear-gradient(top, #e23e25, #f0623d);
    background: -o-linear-gradient(top, #e23e25, #f0623d);
    background: linear-gradient(180deg, #e23e25, #f0623d);
    -webkit-box-shadow: inset 0 7px 17.5px 0 rgba(149, 6, 7, .1), 0 7px 20px 0 rgba(149, 6, 7, .2), 0 5px 25px 0 rgba(230, 3, 4, .3);
    -moz-box-shadow: inset 0 7px 17.5px 0 rgba(149, 6, 7, .1), 0 7px 20px 0 rgba(149, 6, 7, .2), 0 5px 25px 0 rgba(230, 3, 4, .3);
    box-shadow: inset 0 7px 17.5px 0 rgba(149, 6, 7, .1), 0 7px 20px 0 rgba(149, 6, 7, .2), 0 5px 25px 0 rgba(230, 3, 4, .3);
    -webkit-border-radius: 20px 20px 80% 80%;
    -moz-border-radius: 20px 20px 80% 80%;
    border-radius: 20px 20px 80% 80%
}

._3XQSI {
    font-size: 20px;
    font-weight: 400;
    color: #fffcd9;
    line-height: 22px;
    text-align: center
}

.XZt3x {
    position: absolute;
    z-index: 3;
    bottom: -32px;
    left: 50%;
    width: 64px;
    height: 64px;
    line-height: 64px;
    background-image: -webkit-linear-gradient(261.1deg, #ffef9a, #ffb577);
    background-image: -moz-linear-gradient(261.1deg, #ffef9a, #ffb577);
    background-image: -o-linear-gradient(261.1deg, #ffef9a, #ffb577);
    background-image: linear-gradient(-171.1deg, #ffef9a, #ffb577);
    -webkit-box-shadow: 0 1.5px 7.5px 0 #ca0101;
    -moz-box-shadow: 0 1.5px 7.5px 0 #ca0101;
    box-shadow: 0 1.5px 7.5px 0 #ca0101;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: -28px;
    text-align: center
}

.XZt3x:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.XZt3x i:before {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(285.6deg, #743115, #9e2213);
    background-image: -moz-linear-gradient(285.6deg, #743115, #9e2213);
    background-image: -o-linear-gradient(285.6deg, #743115, #9e2213);
    background-image: linear-gradient(164.4deg, #743115, #9e2213);
    font-size: 33px
}

._3wqQW {
    width: 315px;
    position: relative
}

._1tSd8 {
    width: 100%;
    height: 200px;
    background: url(FolUqTZyW1Wj3OzAK9gTDx2bkwM7.png) /*tpa=https://oss-public.fangdd.com/prod/static/FolUqTZyW1Wj3OzAK9gTDx2bkwM7.png*/ no-repeat top;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    padding-top: 91px;
    text-align: center
}

._3fVme {
    font-size: 16px;
    font-weight: 400;
    color: #d1302d;
    line-height: 18px
}

.do91U {
    color: #d1302d;
    font-weight: 500
}

._3NhRx {
    font-size: 30px
}

._1p_Q3 {
    font-size: 50px
}

.pBesv {
    text-align: center;
    background: url(Fvv5CEUJIwXCm3JnAjalqdhEE6tg.png) /*tpa=https://oss-public.fangdd.com/prod/static/Fvv5CEUJIwXCm3JnAjalqdhEE6tg.png*/ no-repeat bottom;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    padding: 0 45px 16px;
    overflow: hidden
}

._3fOOJ {
    font-size: 10px;
    color: #fba8a2
}

._3fOOJ, .J-Ixh {
    line-height: 13px;
    margin: 7px -5px 0
}

.J-Ixh {
    font-size: 11px;
    color: hsla(0, 0%, 100%, .8)
}

._1_Qyi {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #d1302d;
    padding: 8px;
    background: #fefaee;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-top: 21px
}

._1E8Xw {
    width: 105px;
    height: 105px
}

.G0Q_y {
    height: 72px;
    background: -webkit-linear-gradient(223deg, #24c5ff, #316dff);
    background: -moz-linear-gradient(223deg, #24c5ff 0, #316dff 100%);
    background: -o-linear-gradient(223deg, #24c5ff 0, #316dff 100%);
    background: linear-gradient(227deg, #24c5ff, #316dff);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.IMQhN {
    padding: 13px 0 13px 20px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

._17k9W {
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

._2DR6_ img {
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px
}

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

._3jADh:before {
    content: "";
    height: 48px;
    position: absolute;
    left: 0;
    top: -4px
}

._1mh_r, ._3jADh:before {
    border-left: 1px dashed #fff
}

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

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

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

._1buS3 i {
    position: relative
}

._1buS3 i, ._1buS3 i:after, ._1buS3 i:before {
    width: 2px;
    height: 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #3d5688;
    margin: 0 1px
}

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

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

._5j4e8 {
    display: inline-block;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 .4em;
    margin-right: .5em
}

._5j4e8._3KV4z {
    background-color: #f3f5f7;
    color: #3d5688
}

._5j4e8._3tGBZ {
    background-color: #ffe6ec;
    color: #ef3e4a
}

._5j4e8.GHkVb {
    background: -webkit-gradient(linear, right top, left top, from(#23287a), to(#2f539c));
    background: -webkit-linear-gradient(right, #23287a, #2f539c);
    background: -moz-linear-gradient(right, #23287a 0, #2f539c 100%);
    background: -o-linear-gradient(right, #23287a 0, #2f539c 100%);
    background: linear-gradient(270deg, #23287a, #2f539c);
    color: #fff
}

._5j4e8._3bqam {
    font-size: 10px
}

._2M3Zy {
    padding: 20px;
    background-color: #fff
}

._3elbF {
    line-height: 1.3;
    font-size: 22px;
    font-weight: 500
}

._2VAoi {
    padding-left: 10px;
    font-size: 18px
}

._3w5Dq {
    margin-top: 10px;
    height: 15px;
    overflow: hidden;
    font-size: 0
}

._1j_g8 {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 14px;
    line-height: 1.7
}

._1j_g8 strong {
    font-weight: 500
}

._2vief {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding: 0 20px 15px;
    line-height: 1.285
}

._3NVVK {
    display: block;
    width: 72px;
    color: #757575
}

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

._2nbwn {
    padding-left: 10px;
    color: #3d5688
}

._23F0M {
    background-color: #fff
}

._32dPa {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

._32dPa:active {
    background-color: #eee
}

._1ABGn {
    width: 110px;
    height: 90px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 15px;
    position: relative
}

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

.y_2NL {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -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
}

._3MRfO, .y_2NL {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._3MRfO {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.3;
    margin: -1px 0 1px
}

._2gJWw {
    max-width: 90%;
    font-size: 16px;
    font-weight: 500
}

._2gJWw:only-child {
    max-width: 100%
}

._1mmi4 {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 2px;
    line-height: 1.1;
    text-align: center;
    font-size: 10px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    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)
}

.odiJf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._23oAD {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

._q4Mk {
    line-height: 1.45;
    padding-top: 4px;
    text-align: right
}

._2STK- {
    color: #ef0000;
    font-size: 12px
}

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

._2McRZ, .msuIR {
    font-size: 12px
}

._2McRZ {
    line-height: 1.2;
    font-weight: 500;
    margin-top: 8px
}

._3Yd9d {
    display: inline-block;
    width: 1Px;
    height: 8px;
    background: #dedede;
    margin: 0 5px
}

._3ifqx {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 8px
}

.KJCTO {
    height: 16px;
    overflow: hidden;
    font-size: 0;
    margin-top: 10px
}

._1yIJ2 {
    background-color: #fff;
    padding: 20px
}

._1yIJ2:after {
    left: 20px;
    right: 20px
}

._1yIJ2:first-child {
    padding-top: 0
}

._159Ki {
    line-height: 1.2;
    font-size: 14px;
    font-weight: 500
}

._39vHc {
    padding-top: 2px;
    font-size: 12px;
    color: #757575
}

._3LaIn {
    margin-top: 12px;
    line-height: 1.375;
    font-size: 16px
}

._3LaIn.Xy_8e {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

._1Jgwx {
    color: #3d5688;
    font-size: 16px
}

.RSlmj {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 5px;
    margin-right: 4px;
    background-color: #edf5ff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    color: #3d5688
}

._1ItDq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px
}

._1K4zK {
    position: relative;
    width: 28.359%;
    padding-bottom: 22.389%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 5px
}

._1K4zK:last-child {
    margin-right: 20px
}

._34KcC {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0
}

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

._3iO4X {
    background-color: #fff
}

._3iO4X:after {
    left: 20px;
    right: 20px
}

._1iXZ6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

._1iXZ6:active {
    background-color: #eee
}

._1wTQd {
    width: 110px;
    height: 90px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 15px;
    position: relative
}

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

.q-Biy {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -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
}

._1Aj9_, .q-Biy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._1Aj9_ {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.3;
    margin: -1px 0 1px
}

.J3_nO {
    max-width: 90%;
    font-size: 16px;
    font-weight: 500
}

.J3_nO:only-child {
    max-width: 100%
}

._2OOYz {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 2px;
    line-height: 1.1;
    text-align: center;
    font-size: 10px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    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)
}

._2WL3I {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.mLJBR {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.sD9qs {
    line-height: 1.45;
    padding-top: 4px;
    text-align: right
}

._3GH0o {
    color: #ef0000;
    font-size: 12px
}

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

._2Nkiw, ._3VL4i {
    font-size: 12px
}

._3VL4i {
    line-height: 1.2;
    font-weight: 500;
    margin-top: 8px
}

._2g18V {
    display: inline-block;
    width: 1Px;
    height: 8px;
    background: #dedede;
    margin: 0 5px
}

._3J0jx {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 8px
}

._1RYqg {
    height: 16px;
    overflow: hidden;
    font-size: 0;
    margin-top: 10px
}

._244JA {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}

._3Fh-Q {
    display: block;
    width: 15px;
    height: 15px;
    background: -webkit-linear-gradient(225deg, #6eb2ff, #2a8cff);
    background: -moz-linear-gradient(225deg, #6eb2ff, #2a8cff);
    background: -o-linear-gradient(225deg, #6eb2ff, #2a8cff);
    background: linear-gradient(225deg, #6eb2ff, #2a8cff);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 5px;
    font-size: 10px;
    text-align: center;
    color: #fff
}

._2BrEa {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.2;
    font-size: 12px;
    color: #757575
}

._3Zzok {
    z-index: 10
}

._3ZRfz {
    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%)
}

._3pZSM {
    width: 73px;
    height: 32px
}

._2ycar, ._3j3sv {
    position: relative
}

._3j3sv {
    width: 100%;
    padding-bottom: 45.333%
}

._3j3sv img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.UnwbV ._14rCM {
    position: absolute;
    left: 20px;
    right: auto;
    bottom: 20px;
    text-align: left
}

.bannerPageItem {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: hsla(0, 0%, 100%, .45);
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s
}

.bannerPageItem.bannerPageItemActive {
    width: 16px;
    background-color: #fff
}

._3HEVO {
    -ms-flex-align: center;
    background: #fff;
    position: relative;
    padding: 10px 20px;
    line-height: normal
}

._3HEVO, ._3HEVO ._3SpHg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

._3HEVO ._3SpHg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    text-align: center
}

._3HEVO ._3SpHg h2 {
    font-weight: 500;
    font-size: 20px
}

._3HEVO .v8BMa {
    color: #121212
}

._3HEVO .v8BMa i {
    color: #121212;
    position: relative;
    font-size: 8px;
    top: -2px;
    margin-left: 4px
}

._3cDkw {
    padding-bottom: 11px !important
}

._12rGg {
    background-color: #fff
}

._12rGg:after {
    left: 20px;
    right: 20px
}

._3sWRB {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

._3sWRB:active {
    background-color: #eee
}

._3D4yE {
    width: 110px;
    height: 90px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 15px;
    position: relative;
    background: #eee url(FpulU70pJ2RIuO9IuvVat7SYMdHw.png) /*tpa=https://oss-public.fangdd.com/prod/static/FpulU70pJ2RIuO9IuvVat7SYMdHw.png*/ repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

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

._3kOk9 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -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
}

._3kOk9, ._3NB2j {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._3NB2j {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.3;
    margin: -1px 0 1px
}

.av3S1 {
    max-width: 90%;
    font-size: 16px;
    font-weight: 500
}

.av3S1:only-child {
    max-width: 100%
}

._3sarO {
    display: inline-block;
    margin-left: 5px;
    padding: 0 2px;
    height: 14px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    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)
}

._3tMNZ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._2fPN9 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-right: 4px
}

.vJMJ4 {
    line-height: 1.45;
    padding-top: 4px;
    text-align: right
}

._3uA60 {
    color: #ef0000;
    font-size: 12px
}

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

._3uA60 i {
    position: relative;
    top: -1px;
    margin-right: 1px;
    color: #0bb03d;
    font-weight: 700
}

._2IC1f, ._3srAA, ._3uA60 i {
    font-size: 12px
}

._2IC1f {
    line-height: 1.2;
    font-weight: 500;
    margin-top: 8px
}

._1LrsR {
    display: inline-block;
    width: 1px;
    height: 8px;
    background: #dedede;
    margin: 0 5px
}

._2KWnX {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 8px
}

._3wuzJ {
    height: 16px;
    overflow: hidden;
    font-size: 0
}

._3wuzJ, .yUp8L {
    margin-top: 10px
}

.yUp8L {
    line-height: 1.1;
    font-size: 12px;
    color: #757575
}

.yUp8L i {
    color: #3d5688;
    margin-right: 6px
}

.mKqVF {
    background-color: #fff
}

.mKqVF:after {
    left: 20px;
    right: 20px
}

._2NGFL {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

._2NGFL:active {
    background-color: #eee
}

._1Zik3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-right: 4px
}

._1r2SD {
    font-size: 17px;
    font-weight: 500;
    line-height: 21px
}

._3o0Zd {
    margin-top: 9px;
    font-size: 13px;
    line-height: 1.16
}

._3ZCpT {
    margin-right: 10px
}

._2jrpG {
    margin-top: 9px;
    height: 16px;
    font-size: 0;
    overflow: hidden
}

.UKuEZ {
    color: #ef0000;
    font-size: 13px;
    line-height: 1.1;
    white-space: nowrap;
    text-align: right
}

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

._3UyHa {
    line-height: 1.3;
    padding-top: 9px;
    text-align: right;
    white-space: nowrap
}

._1VHbu {
    margin-top: 9px;
    font-size: 13px;
    line-height: 1.3;
    color: #757575
}

._2CfHQ {
    background-color: #fff;
    margin-top: 10px
}

._3v1jX {
    padding: 20px 20px 0;
    font-size: 15px;
    font-weight: 500
}

._3v1jX em {
    color: #ef0000
}

.tsPRg {
    background: #fff;
    margin-top: 10px;
    padding: 20px
}

.LrVT4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.crAle {
    min-width: 0;
    display: block;
    margin-top: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 8px 0 0
}

.crAle:nth-child(2n) {
    padding: 0 0 0 8px
}

.MY3Te {
    height: 120px;
    position: relative
}

._3_wBs, .MY3Te {
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

._3_wBs {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.ylplO {
    background: -webkit-gradient(linear, right top, left top, from(#ff4a21), to(#ff005b));
    background: -webkit-linear-gradient(right, #ff4a21, #ff005b);
    background: -moz-linear-gradient(right, #ff4a21 0, #ff005b 100%);
    background: -o-linear-gradient(right, #ff4a21 0, #ff005b 100%);
    background: linear-gradient(270deg, #ff4a21, #ff005b);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 1px 4px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
    font-size: 11px;
    color: #fff
}

._2H8D9 {
    font-size: 15px;
    font-weight: 500;
    color: #121212;
    line-height: 19px;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._3-YY6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0
}

._35t8o {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._3kJ-a {
    font-size: 17px;
    font-weight: 700
}

._3kJ-a, ._15G79 {
    color: #ef0000;
    line-height: 17px
}

._15G79 {
    font-size: 13px;
    font-weight: 400
}

._2unn4, .WXjes {
    background: #fff;
    margin-top: 10px;
    padding: 20px
}

.uPgAF {
    font-size: 19px;
    font-weight: 500;
    color: #121212;
    line-height: 22px
}

.nn-ao {
    position: fixed;
    z-index: 15;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .07)
}

._3ke7C {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 54px;
    padding: 7px 3px 3px
}

.s90UM {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._1HLD6, .s90UM {
    text-align: center
}

._1HLD6 {
    position: relative;
    color: #121212;
    font-size: 22px;
    display: inline-block;
    line-height: 22px
}

.f2Y2I {
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: -2px;
    right: -10px;
    line-height: 14px;
    padding: 0 4px;
    background: #ef3929;
    border: 1px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.CnTQu {
    display: block;
    position: relative;
    top: -15px
}

._3qHH9 {
    color: #fff;
    font-size: 22px;
    text-align: center;
    width: 40px;
    height: 40px;
    background: -webkit-gradient(linear, left bottom, left top, from(#f40000), to(#ffa271));
    background: -webkit-linear-gradient(bottom, #f40000, #ffa271);
    background: -moz-linear-gradient(bottom, #f40000 0, #ffa271 100%);
    background: -o-linear-gradient(bottom, #f40000 0, #ffa271 100%);
    background: linear-gradient(1turn, #f40000, #ffa271);
    -webkit-box-shadow: 0 2px 6px 0 rgba(255, 81, 33, .4);
    -moz-box-shadow: 0 2px 6px 0 rgba(255, 81, 33, .4);
    box-shadow: 0 2px 6px 0 rgba(255, 81, 33, .4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 40px;
    display: inline-block
}

._1akEi {
    font-size: 11px;
    font-weight: 500;
    color: #121212;
    line-height: 15px;
    margin-top: 4px
}

._2218Y {
    position: absolute;
    width: 54px;
    height: 54px;
    background: #fff;
    -webkit-box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, .06);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
    top: -7px;
    left: -webkit-calc(50% - 27px);
    left: -moz-calc(50% - 27px);
    left: calc(50% - 27px)
}

._1fr5c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 1001;
    top: 44px;
    left: 0;
    right: 0;
    background-color: rgba(18, 18, 18, .8);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    padding: 20px
}

._2xN-D {
    position: relative;
    margin-right: 15px
}

._3G3w_ {
    width: 48px;
    height: 48px;
    display: block
}

._4_nig {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

._3zoGN {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 5px
}

._2mQmA {
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: -2px;
    right: -10px;
    line-height: 14px;
    padding: 0 4px;
    background: #ef3929;
    border: 1px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.oHwy5 {
    padding-bottom: 20px
}

.GnhRO {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 20px 20px;
    background: #f3f5f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px
}

._3DIa3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    position: relative
}

._3DIa3:after {
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
    bottom: 12px;
    width: 1px;
    background-color: #dedede;
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    transform: skew(-15deg)
}

._3DIa3:last-child:after {
    width: 0
}

._8ZHE6 {
    display: block;
    padding: 12px 0
}

._1MS8d {
    position: relative;
    font-size: 11px
}

._1MS8d:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    margin-left: 5px
}

._2_SXn {
    line-height: 1.3;
    font-size: 11px
}

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

.xbGoW {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

._2n-zM, .xbGoW {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._2n-zM {
    width: 50%;
    overflow: hidden;
    padding: 0 20px 14px
}

._2n-zM:nth-child(odd) {
    padding-right: 0
}

._2n-zM:nth-last-child(-n+2) {
    padding-bottom: 0
}

.n30iB {
    display: block;
    width: 70px;
    color: #757575
}

._2NUK6 {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

._2Iqa0 ul {
    margin-top: -20px;
    padding: 20px 0 0 20px
}

._3mJLd {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 160px;
    margin-left: 10px
}

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

._3mJLd:last-child {
    margin-right: 20px
}

._2DOxm {
    display: block;
    padding-bottom: 20px
}

._1wAUq {
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
    height: 120px;
    overflow: hidden
}

._13H1i {
    display: block;
    width: 100%;
    height: 100%
}

._3jUFy {
    position: absolute;
    top: 0;
    left: 8px;
    width: 18px;
    z-index: 10;
    text-align: center;
    font-weight: 500
}

._2lE9e {
    display: block;
    width: 100%;
    height: 19px;
    line-height: 21px;
    background: #ff5121;
    color: #fff;
    font-size: 12px
}

._2lE9e:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -4px;
    border-color: transparent #ff5121;
    border-style: solid;
    border-width: 0 9px 4px
}

._1WNEG {
    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%);
    max-width: 80%;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 8px 15px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

._2VlVs {
    display: block;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 500
}

._36Pi5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px
}

.yzVoc {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #ef0000
}

.yzVoc strong {
    font-size: 17px;
    font-weight: 700;
    font-family: Verdana
}

._3mBmp {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000
}

._3mBmp._3MDzj {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

._3mBmp._3MDzj .cP467 {
    width: 80%
}

._3mBmp.Su-d5 .FW3vN {
    padding: 14px 20px
}

._3mBmp.Su-d5 .cP467 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-animation: lv3lc .3s ease forwards;
    -moz-animation: lv3lc .3s ease forwards;
    -o-animation: lv3lc .3s ease forwards;
    animation: lv3lc .3s ease forwards
}

._2TEQm, ._3mBmp.Su-d5 .cP467 {
    position: absolute;
    bottom: 0;
    left: 0
}

._2TEQm {
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1
}

.cP467 {
    position: relative;
    z-index: 2;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden
}

.FW3vN {
    padding: 16px 20px 0;
    text-align: center
}

._1_gqP {
    font-size: 16px;
    font-weight: 500
}

._3WPLj {
    overflow: hidden
}

._1Mh-c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    text-align: center
}

._2mVNx {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    height: 100%
}

._2mVNx._3FHUK {
    color: #ff5121
}

@-webkit-keyframes lv3lc {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes lv3lc {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes lv3lc {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -o-transform: none;
        transform: none
    }
}

@keyframes lv3lc {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

._1kJYI {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0 0 20px
}

._1kJYI:last-child ._118Hv {
    padding-bottom: 0;
    border: 0
}

._1kJYI:last-child ._118Hv:after {
    display: none
}

._1kJYI a {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._3MEW- {
    height: 50px;
    width: 50px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

._118Hv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px 15px 0;
    margin-left: 20px
}

._118Hv, .qyMkU {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.qyMkU {
    padding-right: 10px
}

._3if-i {
    margin-bottom: 10px
}

._2ciAC {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 16px
}

._2ciAC h4 {
    max-width: 70%
}

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

._2ciAC:last-child {
    margin-bottom: 0
}

._1yhf0 {
    vertical-align: middle
}

.F1bDx {
    font-size: 16px;
    font-weight: 500
}

._1TUus {
    display: inline-block;
    width: 52px;
    height: 16px;
    background: -webkit-gradient(linear, right top, left top, from(#62bdee), to(#4e93f7));
    background: -webkit-linear-gradient(right, #62bdee, #4e93f7);
    background: -moz-linear-gradient(right, #62bdee 0, #4e93f7 100%);
    background: -o-linear-gradient(right, #62bdee 0, #4e93f7 100%);
    background: linear-gradient(270deg, #62bdee, #4e93f7);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    margin-left: 5px
}

._2mm59 {
    font-size: 12px;
    font-weight: 500;
    color: #333;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._1NFL5 {
    height: 13px;
    line-height: 13px;
    overflow: hidden;
    margin-top: 10px
}

._2D_1I {
    display: inline-block;
    height: 100%;
    font-size: 12px;
    color: #666;
    padding: 0 8px;
    overflow: hidden;
    border-left: 1px solid #eee
}

._2D_1I:first-child {
    border-left: none;
    padding-left: 0
}

._19tnU {
    width: 75px;
    height: 30px;
    color: #ff5121;
    border: 1px solid #ff5121;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._19tnU i {
    margin-right: 3px
}

._2H33Z {
    padding-bottom: 14px
}

._2H33Z + ._2ThYv {
    padding-top: 6px
}

._2I3k8 {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 0 0 20px
}

._2iGva {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._3beBR {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.v688t {
    width: 110px;
    height: 90px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden
}

._1-9Bl {
    position: relative
}

._1-9Bl, ._1wStb {
    display: block;
    height: 100%;
    width: 100%
}

._1wStb {
    -o-object-fit: cover;
    object-fit: cover
}

._32GLV {
    position: absolute;
    right: 10px;
    bottom: 10px;
    min-width: 20px;
    padding: 2px 10px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: rgba(0, 0, 0, .6);
    text-align: center;
    font-size: 12px;
    color: #fff
}

._1fyH6 {
    background-color: #fff
}

._1fyH6:after {
    left: 20px;
    right: 20px
}

._32du_ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

._32du_:active {
    background-color: #eee
}

._3QJy1 {
    width: 110px;
    height: 90px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 15px;
    position: relative
}

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

.sv6tQ {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -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
}

.ccMIT, .sv6tQ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.ccMIT {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.3;
    margin: -1px 0 1px
}

._1NuQk {
    max-width: 90%;
    font-size: 16px;
    font-weight: 500
}

._1NuQk:only-child {
    max-width: 100%
}

._3GfjX {
    display: inline-block;
    margin-left: 5px;
    padding: 0 2px;
    height: 14px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    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)
}

.lVyD9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._2sExV {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

._2glMe {
    line-height: 1.45;
    padding-top: 4px;
    text-align: right
}

._3Nst_ {
    color: #ef0000;
    font-size: 12px
}

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

._3Nst_ i {
    position: relative;
    top: -1px;
    margin-right: 1px;
    color: #0bb03d;
    font-weight: 700
}

._3Nst_ i, ._3tPgC, .Q4EzB {
    font-size: 12px
}

.Q4EzB {
    line-height: 1.2;
    font-weight: 500;
    margin-top: 8px
}

._1pBCg {
    display: inline-block;
    width: 1px;
    height: 8px;
    background: #dedede;
    margin: 0 5px
}

.cpL1h {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 8px
}

.oVX_J {
    height: 16px;
    overflow: hidden;
    font-size: 0
}

._1Dod5, .oVX_J {
    margin-top: 10px
}

._1Dod5 {
    line-height: 1.1;
    font-size: 12px;
    color: #757575
}

._1Dod5 i {
    color: #3d5688;
    margin-right: 6px
}

._39n4X {
    width: 100%
}

.gfXdB {
    text-align: center
}

._1dhE8, ._3rRqP {
    font-size: 24px;
    font-weight: 400;
    color: #333
}

._3rRqP span {
    font-size: 18px
}

._3FovO {
    font-size: 14px;
    color: #666
}

._3iJC1 {
    font-size: 14px;
    color: #fff;
    background: #ff611b;
    height: 45px;
    line-height: 45px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 96px;
    display: block
}

._3QzoF {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

._3QzoF:after {
    left: 70px;
    right: 20px
}

._3QzoF:last-child {
    border-bottom: 0
}

._3QzoF:last-child:after {
    width: 0
}

._3ERrC {
    display: block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden
}

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

._3Ej9Y {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

._1zqpp {
    line-height: 1.25;
    font-size: 16px;
    font-weight: 500
}

._2BYDf {
    margin-left: 4px
}

.WesP9 {
    padding-top: 2px;
    font-size: 12px;
    color: #757575
}

._3ix5s {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 2
}

._3ix5s ._1K40R {
    width: 75px;
    padding: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-weight: 500
}

._3ix5s ._1K40R i {
    margin-right: 4px
}

._1Rx2T {
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.25
}

._1Rx2T._2-X5- {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

.lLK3_ {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    height: 16px;
    padding: 1px 4px;
    line-height: 15px;
    overflow: hidden;
    margin-right: 2px;
    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, #f54732);
    background: -o-linear-gradient(right, #ff7338, #f54732);
    background: linear-gradient(270deg, #ff7338, #f54732);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff
}

._2rmti {
    font-size: 12px;
    color: #757575
}

._2rmti, ._3nMz7 {
    padding-top: 12px
}

._3nMz7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._1OZOZ {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32.285%;
    padding-bottom: 24.561%;
    margin-right: 1.72%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden
}

._1OZOZ:only-child {
    width: 66.12%
}

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

._1OZOZ img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

._1edts {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 0 6px;
    min-width: 38px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: rgba(0, 0, 0, .6);
    font-size: 12px;
    color: #fff;
    text-align: center
}

._28jPQ {
    font-size: 16px;
    color: #3d5688
}

.xaoAO {
    margin-top: 19px;
    padding-top: 19px;
    font-size: 14px;
    line-height: 1.3
}

._1guz8 {
    padding-top: 10px
}

._1guz8:first-child {
    padding-top: 0
}

._2g6ZQ {
    color: #999
}

._2YKdz {
    display: block;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    background-color: #f8f8f8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500
}

._2YKdz i {
    vertical-align: middle;
    margin-right: 8px
}

._2YKdz i:before {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(311.8deg, #ff813a, #ff571b);
    background-image: -moz-linear-gradient(311.8deg, #ff813a, #ff571b);
    background-image: -o-linear-gradient(311.8deg, #ff813a, #ff571b);
    background-image: linear-gradient(138.2deg, #ff813a, #ff571b)
}

.F9FmU {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    background-color: #f8f8f8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px
}

.F9FmU, .qOLIm {
    font-weight: 500
}

.qOLIm {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 5px
}

._2yOAL {
    font-size: 13px;
    color: #ef0000
}

._1nnRx, ._2yOAL strong {
    font-size: 16px
}

._1nnRx {
    color: #ef0000;
    vertical-align: middle;
    margin-right: 6px
}

._3mwtV {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px
}

._3mwtV:last-child:before {
    display: none
}

._3mwtV:after, ._3mwtV:before {
    content: "";
    position: absolute;
    top: 16px
}

._3mwtV:after {
    left: 56px;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #3d5688
}

._3mwtV:before {
    left: 60px;
    top: 32px;
    bottom: -7px;
    width: 0;
    border-left: 2px dashed #c2c6da
}

._2U5zu {
    display: block;
    width: 40px;
    padding-top: 3px;
    margin-right: 28px;
    font-size: 10px;
    color: #757575
}

._2kFEA {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px
}

._8DGgu em {
    padding-right: 4px;
    font-weight: 500
}

._3fdHU {
    margin-bottom: 10px
}

._3q4fr {
    position: relative;
    padding: 0 120px 20px 0;
    min-height: 110px
}

._1FWOh {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    padding: 7px 20px
}

._1FWOh:first-child {
    padding-top: 0
}

._1FWOh:last-child {
    padding-bottom: 0
}

._2o0p- {
    display: inline-block;
    width: 86px;
    color: #757575
}

._32utP {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 110px;
    height: 90px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden
}

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

._2QV_M {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._2QV_M a {
    color: #3d5688
}

._2QV_M._1IWEX {
    color: #ff5121
}

._2xZAn {
    padding-bottom: 15px
}

.fbOWL {
    position: relative;
    overflow: hidden;
    margin: 0 20px;
    padding-bottom: 36.8%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center
}

.fbOWL img {
    width: 100%;
    height: 100%
}

.fbOWL img, .xi7Sz {
    position: absolute;
    left: 0;
    top: 0
}

.xi7Sz {
    right: 0;
    bottom: 0;
    z-index: 10;
    text-align: center
}

.IPOQe {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 80%;
    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%)
}

._3CpJK {
    position: relative;
    z-index: 20;
    padding: 8px 12px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25);
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    text-align: left
}

._3CpJK:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 43px;
    z-index: 12;
    width: 0;
    height: 0;
    overflow: hidden;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 5px 6px 0
}

._3tBff {
    font-size: 16px;
    font-weight: 500
}

._10v89 {
    padding-top: 2px;
    font-size: 14px
}

._2Kean {
    position: relative;
    display: block;
    z-index: 10;
    width: 70px;
    height: 70px;
    background: rgba(102, 138, 233, .08);
    border: 1px solid rgba(102, 138, 233, .32);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: -21px 0 0 14px
}

._2Kean:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    background: #668ae9;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 2px 6px 0 #9fa7b3;
    -moz-box-shadow: 0 2px 6px 0 #9fa7b3;
    box-shadow: 0 2px 6px 0 #9fa7b3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

._1gM1o {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 17px 15px;
    font-size: 16px;
    color: #757575
}

._1gM1o:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

._1gM1o:last-child:after {
    display: none
}

._1gM1o:after {
    left: 15px;
    right: 15px
}

._1pAfw {
    display: block;
    width: 107px;
    margin-top: 1px
}

._1pAfw i {
    position: relative;
    top: -1px;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 16px;
    color: #121212
}

._2Iml_ {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._3h64n, .iFBNK {
    vertical-align: middle
}

._3h64n {
    display: inline-block;
    padding: 0 3px;
    margin-left: 5px;
    font-size: 10px;
    color: #ff5121
}

._3h64n:after {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #ff5121
}

._24oFR {
    background-color: #fff
}

._24oFR ._1zXPp {
    padding-top: 20px !important
}

._1rjLi {
    padding: 24px 20px 10px 44px;
    margin: 0 auto -10px;
    font-size: 14px
}

._3ql4x {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px 20px
}

._1LiGN {
    width: 40px;
    height: 40px;
    border: 2px solid #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);
    margin-right: 16px;
    border-radius: 50%
}

._1LiGN, ._1LiGN img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

._1LiGN img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

._1QWkN {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 10px;
    -webkit-border-radius: 8px 8px 8px 0;
    -moz-border-radius: 8px 8px 8px 0;
    border-radius: 8px 8px 8px 0;
    background: -webkit-gradient(linear, left top, right top, from(#10a4ff), to(#50b8f7));
    background: -webkit-linear-gradient(left, #10a4ff, #50b8f7);
    background: -moz-linear-gradient(left, #10a4ff 0, #50b8f7 100%);
    background: -o-linear-gradient(left, #10a4ff 0, #50b8f7 100%);
    background: linear-gradient(90deg, #10a4ff, #50b8f7);
    -webkit-box-shadow: 0 2px 8px 0 rgba(33, 143, 243, .45);
    -moz-box-shadow: 0 2px 8px 0 rgba(33, 143, 243, .45);
    box-shadow: 0 2px 8px 0 rgba(33, 143, 243, .45);
    color: #fff
}

._1QWkN:after {
    content: "";
    position: absolute;
    left: -8px;
    bottom: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    border-color: transparent transparent #10a4ff;
    border-style: solid;
    border-width: 0 0 9px 9px
}

._3hRw1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px
}

._1v8gr {
    width: 60px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(40, 125, 201, .4);
    -moz-box-shadow: 0 2px 8px 0 rgba(40, 125, 201, .4);
    box-shadow: 0 2px 8px 0 rgba(40, 125, 201, .4);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    color: #13a5fe;
    text-align: center
}

._3o31L {
    padding-bottom: 10px
}

._2XEpK, ._3BxHp {
    width: auto !important;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._3gjwo {
    position: absolute;
    bottom: 70px;
    text-align: center;
    color: #fff;
    width: 100%
}

._2dxNE {
    margin-top: 20px
}

.Fao4S {
    position: relative;
    padding-bottom: 32%;
    width: 42.667%;
    margin-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

.Fao4S:first-child {
    margin-left: 20px
}

.Fao4S:last-child {
    margin-right: 20px
}

.Fao4S img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.Y2cfE {
    width: 100%;
    height: 100%
}

._13mUm {
    background-color: #fff
}

.KPmcv {
    padding: 20px 20px 0;
    line-height: 1.273;
    font-size: 22px;
    font-weight: 500
}

._1nCjM {
    padding: 10px 20px 0;
    font-size: 12px;
    color: #757575
}

._1FNjv {
    position: relative;
    padding: 15px 78px 20px 20px;
    min-height: 70px
}

._3SljX {
    line-height: 1.3;
    font-size: 16px
}

._3mZJ7 {
    padding-right: 5px;
    color: #ef0000
}

._3mZJ7 strong {
    font-family: Verdana;
    padding-right: 2px;
    font-size: 36px
}

._1-Ly9 {
    display: inline-block;
    color: #757575
}

._3JhxC {
    font-size: 18px;
    font-weight: 500
}

._2GxEM {
    height: 16px;
    overflow: hidden;
    font-size: 0;
    margin-top: 10px
}

._2MDgR {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 13px;
    text-align: center
}

._1V2Mu {
    display: block;
    width: 34px;
    height: 32px;
    margin: 0 auto 6px;
    background: url(Ftk41yt5Y272W24qqCno8S-wlYdr.svg) /*tpa=https://oss-public.fangdd.com/prod/static/Ftk41yt5Y272W24qqCno8S-wlYdr.svg*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

._2PJel {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 12px;
    font-size: 16px
}

._2PJel, ._2T0Pr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._2T0Pr {
    width: 50%;
    overflow: hidden;
    padding: 7px 20px
}

._2T0Pr:nth-child(odd) {
    padding-right: 0
}

._2T0Pr:nth-child(-n+2) {
    padding-top: 0
}

._3Tnbj {
    display: block;
    width: 50px;
    color: #757575
}

._10W3O {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.pVByP {
    position: relative
}

.pVByP:after {
    left: 20px;
    right: 20px
}

._2rAz- {
    margin-right: 6px
}

.qaJGi {
    margin-left: 5px;
    line-height: 1.2
}

._1XgQB {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 75px 13px 20px;
    font-size: 16px
}

._3LJeY {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 20px 0 10px;
    font-size: 14px;
    color: #3d5688
}

._3p4gy {
    margin-right: 2px
}

.PKgHO {
    padding: 20px
}

._13vya {
    display: block;
    position: relative
}

._1IILo {
    line-height: 1.2;
    font-size: 20px;
    font-weight: 500
}

._1hdWS {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 20px;
    background: url("FpG465jJkGkjuIprdfttRtGV3M3U.svg") /*tpa=https://oss-public.fangdd.com/prod/static/FpG465jJkGkjuIprdfttRtGV3M3U.svg*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    margin-right: 5px;
    font-size: 0
}

._1kavc {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    color: #999
}

._2Mu8Y {
    padding-top: 4px;
    font-size: 14px
}

._3RFmI {
    margin-top: 20px;
    padding: 20px 15px;
    background: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

._1Zijf {
    font-size: 15px
}

.XY1Ex {
    display: inline-block;
    margin-right: 16px
}

.XY1Ex i {
    margin-right: 2px;
    font-size: 13px;
    color: #ef3929
}

._2TGtk {
    padding: 20px
}

.j5Zh4 {
    background: #fff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .12);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

._3mcRv {
    position: relative;
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    background: -webkit-gradient(linear, right top, left top, from(#edf0f8), to(#cdd2de));
    background: -webkit-linear-gradient(right, #edf0f8, #cdd2de);
    background: -moz-linear-gradient(right, #edf0f8 0, #cdd2de 100%);
    background: -o-linear-gradient(right, #edf0f8 0, #cdd2de 100%);
    background: linear-gradient(270deg, #edf0f8, #cdd2de);
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    font-size: 14px;
    color: #414452;
    font-weight: 500
}

._3mcRv._3902g {
    background: -webkit-gradient(linear, right top, left top, from(#434760), to(#171927));
    background: -webkit-linear-gradient(right, #434760, #171927);
    background: -moz-linear-gradient(right, #434760 0, #171927 100%);
    background: -o-linear-gradient(right, #434760 0, #171927 100%);
    background: linear-gradient(270deg, #434760, #171927);
    color: #fff
}

._3mcRv._3902g ._1ILxS {
    margin-right: 6px;
    font-size: 16px
}

._3mcRv._3902g ._1ILxS:before {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(293deg, #f1daaa, #cda86a);
    background-image: -moz-linear-gradient(293deg, #f1daaa 0, #cda86a 100%);
    background-image: -o-linear-gradient(293deg, #f1daaa 0, #cda86a 100%);
    background-image: linear-gradient(157deg, #f1daaa, #cda86a)
}

._2h6Kh {
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

._19j3- {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px
}

._2tP-o {
    width: 55px;
    height: 55px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px
}

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

.O5F-7 {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

._24VYp {
    line-height: 1.3;
    font-size: 18px;
    font-weight: 500
}

._3yuYr {
    padding-top: 8px;
    font-size: 14px;
    font-weight: 500
}

._3yuYr em {
    color: #ff5121
}

._1R-NN {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

._1R-NN ._1sIEl {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-weight: 500
}

._1R-NN ._1sIEl i {
    margin-right: 4px
}

.K7YYF {
    margin-top: 8px;
    height: 16px;
    line-height: 1.35;
    overflow: hidden;
    font-size: 0
}

._3uBZY {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    font-size: 12px
}

._3uBZY:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 1px;
    background-color: #eee
}

._3uBZY:first-child {
    padding-left: 0
}

._3uBZY:first-child:before {
    width: 0
}

._2n5zR {
    position: relative;
    line-height: 1.267;
    padding-top: 10px
}

._2n5zR._2m70O {
    height: 190px;
    overflow: hidden
}

.Lca30 {
    padding: 10px 0;
    font-size: 17px;
    font-weight: 500
}

.Lca30:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 10px;
    background-color: #3d5688;
    margin-right: 8px
}

._2MaGK {
    padding-bottom: 20px;
    font-size: 15px
}

._17-vQ {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 13px 0;
    background-color: #fff;
    font-size: 15px;
    color: #3d5688;
    text-align: center
}

._17-vQ i {
    margin-left: 4px
}

._17-vQ:before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    height: 40px;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(bottom, #fff, hsla(0, 0%, 100%, 0));
    background: -moz-linear-gradient(bottom, #fff 0, hsla(0, 0%, 100%, 0) 100%);
    background: -o-linear-gradient(bottom, #fff 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(1turn, #fff, hsla(0, 0%, 100%, 0))
}

._2PDcH {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 750px;
    margin: 0 auto;
    z-index: 900;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 10px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, .07)
}

.qPlgv {
    position: relative;
    z-index: 1
}

._2GAe3 button:not(:only-child) {
    margin-right: 10px
}

._2GAe3 button:last-child {
    margin-right: 0 !important
}

._2XXyZ {
    display: block;
    max-width: 40px;
    text-align: center
}

._2XXyZ img {
    display: block;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto
}

._1VwhO, ._2f2f2 {
    font-size: 12px
}

._1VwhO {
    padding: 0 20px;
    text-align: center
}

._2zv8f {
    display: block;
    line-height: 24px;
    color: #ff5121;
    font-size: 18px
}

._2OHCA {
    padding: 20px
}

.qvQzC {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

._3W1V8 {
    padding: 20px
}

._3hsWT {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

._274F8 {
    position: relative;
    z-index: 1;
    margin-top: 24px
}

._274F8._17iJv {
    padding-bottom: 38px
}

.BFzHe {
    background-color: #fff
}

._1-btG {
    padding: 20px 20px 0;
    line-height: 1.273;
    font-size: 22px;
    font-weight: 500
}

._1xaTN {
    padding: 10px 20px 0;
    font-size: 12px;
    color: #757575
}

._3GgEI {
    position: relative;
    padding: 15px 78px 20px 20px;
    min-height: 70px
}

.NyA7C {
    margin-top: 20px;
    height: 50px
}

._3CxZu {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(80%, #fff), to(#fff));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff 80%, #fff);
    background: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff 80%, #fff);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff 80%, #fff);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 80%, #fff);
    padding: 20px 0;
    font-size: 13px;
    color: #757575
}

._3AZ9d, ._3CxZu {
    text-align: center
}

._3AZ9d {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: rgba(255, 97, 27, .2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #ff5121
}

._3AZ9d i {
    display: block;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -o-transition: -o-transform .6s;
    -moz-transition: transform .6s, -moz-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s;
    -webkit-transform: translate(3%);
    -moz-transform: translate(3%);
    -ms-transform: translate(3%);
    -o-transform: translate(3%);
    transform: translate(3%)
}

._3CxZu._1sfz5 i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

._1d22y {
    position: relative;
    padding-bottom: 32%;
    width: 42.667%;
    margin-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

._1d22y:first-child {
    margin-left: 20px
}

._1d22y:last-child {
    margin-right: 20px
}

._1d22y img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

._3wYF9 {
    position: relative;
    z-index: 1;
    margin-top: 24px
}

._3wYF9._3fqds {
    padding-bottom: 38px
}

._2i6G8 {
    padding: 20px 0;
    font-size: 13px;
    color: #757575
}

._1cC4r, ._2i6G8 {
    text-align: center
}

._1cC4r {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: rgba(255, 97, 27, .2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    color: #ff5121;
    top: -1px;
    margin-right: 3px
}

._1cC4r i {
    display: block;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -o-transition: -o-transform .6s;
    -moz-transition: transform .6s, -moz-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s;
    -webkit-transform: translate(3%);
    -moz-transform: translate(3%);
    -ms-transform: translate(3%);
    -o-transform: translate(3%);
    transform: translate(3%)
}

._2i6G8._1fozw i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

._3S2XT {
    position: relative;
    padding-bottom: 32%;
    width: 42.667%;
    margin-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

._3S2XT:first-child {
    margin-left: 20px
}

._3S2XT:last-child {
    margin-right: 20px
}

._3S2XT img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.JwGVz {
    background: #fff
}

._1KcMB {
    padding-bottom: 10px !important
}

._2vRs9 {
    border-bottom: 1px solid #eee;
    margin: 0 20px
}

._3-Ygh {
    font-size: 14px;
    margin: 0 20px
}

._2im_3 {
    padding-bottom: 1px
}

.q2xiJ {
    padding: 15px 20px
}

._5lAwG {
    padding: 20px
}

._5lAwG:after {
    left: 20px;
    right: 20px
}

._5lAwG:first-child {
    padding-top: 0
}

._2qjt8 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._2nAmH {
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px
}

._2AVM5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    line-height: 1.25
}

.sxvkW {
    font-size: 14px;
    font-weight: 500
}

._1VR6L {
    font-size: 12px;
    color: #757575
}

._3F17M {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #ff5121;
    text-align: center;
    font-size: 14px;
    color: #ff5121
}

._3F17M i {
    margin-right: 3px
}

._353zB {
    margin-top: 16px;
    line-height: 1.25;
    font-size: 16px
}

._2yKH5 {
    position: relative;
    padding-right: 30px
}

._2pbWw {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ksEsW {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    font-size: 11px;
    padding: 0 3px
}

._309oT {
    color: #ffaa4d
}

._309oT:after {
    border-color: #ffaa4d !important
}

.JoBP9 {
    color: #6ecd4e
}

.JoBP9:after {
    border-color: #6ecd4e !important
}

._3aCI- {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 20px 0;
    background-color: #fff
}

._1pN4s {
    display: block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px
}

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

._3QB63 {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-bottom: 20px
}

._3VjpM {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 85px
}

._1cS2x {
    padding-right: 3px;
    max-width: 70%;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500
}

._1rlqL {
    display: block
}

._1PCR8 {
    padding: 8px 85px 0 0;
    font-size: 12px;
    font-weight: 500
}

._1NADE {
    height: 14px;
    overflow: hidden;
    margin-top: 8px;
    line-height: 1.2;
    font-size: 12px;
    color: #757575
}

.vjb-o {
    display: inline-block;
    padding: 0 8px;
    border-left: 1px solid #eee
}

.vjb-o:first-child {
    border-left: 0;
    padding-left: 0
}

._1lRhb {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 15px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ff5121;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-weight: 500;
    text-align: center;
    color: #ff5121
}

._1lRhb i {
    margin-right: 3px
}

._2qltq {
    display: inline-block;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0 8px;
    margin-left: 10px;
    font-size: 11px;
    color: #fff;
    background: -webkit-gradient(linear, right top, left top, from(#62bdee), to(#4e93f7));
    background: -webkit-linear-gradient(right, #62bdee, #4e93f7);
    background: -moz-linear-gradient(right, #62bdee 0, #4e93f7 100%);
    background: -o-linear-gradient(right, #62bdee 0, #4e93f7 100%);
    background: linear-gradient(270deg, #62bdee, #4e93f7)
}

.z5nPz {
    margin-top: -20px
}

._3K_bT {
    position: relative
}

._3K_bT:after {
    left: 20px;
    right: 20px
}

._3K_bT:last-child {
    border: 0
}

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

._234cN {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500
}

._234cN:active {
    background-color: #eee
}

._234cN:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #121212;
    margin-right: 10px
}

.MZ-al {
    display: block;
    max-width: 90%;
    padding-right: 5px;
    font-size: 16px
}

._2VJhL {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    background: #fff;
    padding: 15px 20px
}

._3Bc0H {
    overflow: hidden
}

._1nh8P {
    font-size: 16px;
    line-height: 1.25
}

._1nh8P em {
    color: #ff5121
}

._3m3SK {
    color: #757575
}

._3vBgv {
    display: inline-block;
    height: 16px;
    line-height: 15px;
    font-size: 10px;
    padding: 0 3px;
    margin-left: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #4e9bdf;
    color: #4e9bdf;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px)
}

._3cWsU {
    font-size: 14px;
    line-height: 1.28;
    margin-top: 8px;
    color: #757575
}

._1Iqfq {
    text-align: right
}

._1MahO {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    padding: 0 5px;
    color: #fff;
    background: #3d5688;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 8px
}

._30Js2 {
    font-size: 14px;
    line-height: 1.25;
    white-space: nowrap
}

.ui-border-t, .ui-pop-foot {
    border-top: 1px solid #eee
}

.cp-search-list a, .cp-ui-head, .cp-ui-head .chose-city-pop span, .ui-border-b {
    border-bottom: 1px solid #eee
}

.ui-border-l, .ui-pop-foot a {
    border-left: 1px solid #eee
}

.cp-ui-head .ui-search .chose-city, .ui-border-r {
    border-right: 1px solid #eee
}

.ui-border-tb {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.cp-city-search, .cp-search-hot .cp-search-tag a, .cp-search-list-name .area-tag, .ui-border-radius {
    border: none;
    position: relative
}

.cp-city-search:after, .cp-search-hot .cp-search-tag a:after, .cp-search-list-name .area-tag:after, .ui-border-radius:after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 199.8%;
    height: 200%;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.ui-border-t-style {
    border-top: 1px dashed #eee
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .cp-city-search, .cp-search-hot .cp-search-tag a, .cp-search-list-name .area-tag, .cp-search-list a, .cp-ui-head, .cp-ui-head .chose-city-pop span, .cp-ui-head .ui-search .chose-city, .ui-border-b, .ui-border-l, .ui-border-r, .ui-border-radius, .ui-border-t, .ui-border-t-style, .ui-border-tb, .ui-pop-foot, .ui-pop-foot a {
        border: none;
        position: relative
    }

    .cp-search-list a:after, .cp-ui-head .chose-city-pop span:after, .cp-ui-head .ui-search .chose-city:before, .cp-ui-head:after, .ui-border-b:after, .ui-border-l:after, .ui-border-r:before, .ui-border-t-style:after, .ui-border-t:after, .ui-border-tb:after, .ui-border-tb:before, .ui-pop-foot:after, .ui-pop-foot a:after {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }

    .ui-border-t-style:after {
        bottom: 0;
        border-top: 1px dashed #eee
    }

    .ui-border-t-style:after, .ui-border-t:after, .ui-border-tb:after, .ui-pop-foot:after {
        left: 0;
        right: 0;
        top: 0;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top
    }

    .ui-border-t:after, .ui-border-tb:after, .ui-pop-foot:after {
        height: 1px;
        background: #eee
    }

    .cp-search-list a:after, .cp-ui-head .chose-city-pop span:after, .cp-ui-head:after, .ui-border-b:after, .ui-border-tb:before {
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        background: #eee
    }

    .ui-border-l:after, .ui-pop-foot a:after {
        left: 0
    }

    .cp-ui-head .ui-search .chose-city:before, .ui-border-l:after, .ui-border-r:before, .ui-pop-foot a:after {
        top: 0;
        width: 1px;
        bottom: 0;
        -webkit-transform: scaleX(.5);
        -moz-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        -o-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        background: #eee
    }

    .cp-ui-head .ui-search .chose-city:before, .ui-border-r:before {
        right: 0
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3) {
    .cp-search-list a:after, .cp-ui-head .chose-city-pop span:after, .cp-ui-head:after, .ui-border-b:after, .ui-border-t:after, .ui-border-tb:after, .ui-border-tb:before, .ui-pop-foot:after {
        -webkit-transform: scaleY(.33);
        -moz-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        -o-transform: scaleY(.33);
        transform: scaleY(.33);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        background: #eee
    }

    .cp-ui-head .ui-search .chose-city:before, .ui-border-l:after, .ui-border-r:before, .ui-pop-foot a:after {
        -webkit-transform: scaleX(.33);
        -moz-transform: scaleX(.33);
        -ms-transform: scaleX(.33);
        -o-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.cp-city-box.location .address, .cp-ui-head-title, .cp-ui-head-title h1, .cp-ui-head .chose-city-pop span, .cp-ui-head .chose-city .city, .ellipsis {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

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

.cp-city-wrap, .cp-search-wrap, .cp-side-pop, .cp-ui-head, .fixed, .ui-pop {
    position: fixed !important;
    left: 0;
    right: 0;
    max-width: 750px;
    margin: 0 auto;
    z-index: 980;
    top: 0
}

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

.clearfix:after {
    clear: both
}

.ui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.ui-cell, .ui-flex > .cell {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ui-flex.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-bottom, .ui-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ui-bottom {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden !important
}

article, aside, blockquote, body, button, code, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

html {
    -webkit-overflow-scrolling: touch;
    margin: 0 auto;
    word-wrap: break-word
}

body {
    font-family: PingFang SC, Pingfang, Helvetica Neue, Microsoft YaHei, Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

a {
    -webkit-touch-callout: none;
    text-decoration: none
}

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

fieldset, img {
    border: none;
    vertical-align: middle
}

li {
    list-style: none
}

:focus {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .5)
}

em, i {
    font-style: normal
}

button {
    -webkit-appearance: none;
    border: 0;
    background: none
}

input, select, textarea {
    outline: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

textarea {
    word-wrap: break-word;
    resize: none
}

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

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: #121212
}

input[disabled=disabled] {
    cursor: not-allowed
}

input[type=search]:disabled {
    opacity: 1
}

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
}

.grecaptcha-badge, .hide {
    display: none !important
}

.nofixed {
    position: static !important
}

#component-m-header-v1 {
    line-height: 1.5;
    font-size: 14px;
    color: #121212
}

#component-m-header-v1, #component-m-header-v1 *, #component-m-header-v1 :after, #component-m-header-v1 :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#component-m-header-v1 img {
    width: 100%;
    max-width: 100%
}

#component-m-header-v1 button {
    font-size: 15px
}

#component-m-header-v1 input, #component-m-header-v1 select, #component-m-header-v1 textarea {
    font-family: PingFang SC, Pingfang, Helvetica Neue, Microsoft YaHei, Helvetica, Arial, sans-serif
}

#component-m-header-v1 a {
    color: #121212
}

.component-m-header-placeholder {
    height: 44px
}

@font-face {
    font-family: cp-fdd;
    src: url(fdd-2NHpA.eot)/*tpa=https://static.esf.fangdd.com/esf/mcpfdd/fdd-2NHpA.eot*/
;
    src: url(fdd-2NHpA.eot#iefix) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/fdd-2NHpA.eot#iefix*/ format("embedded-opentype"), url(../font/fdd-1r-SS.woff) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/fdd-1r-SS.woff*/ format("woff"), url(fdd-32GF1.ttf) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/fdd-32GF1.ttf*/ format("truetype"), url(fdd-3LXIQ.svg#iconfont) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/fdd-3LXIQ.svg#iconfont*/ format("svg")
}

[class*=" cp-icon-"], [class^=cp-icon-] {
    font-family: cp-fdd !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cp-icon-search:before {
    content: "\e734";
    font-size: 15px
}

.cp-icon-address:before {
    content: "\e77f";
    font-size: 14px
}

.cp-icon-close-circle:before {
    content: "\e7a7";
    font-size: 30px
}

.cp-icon-logo:before {
    content: "\e787"
}

.cp-icon-download:before {
    content: "\e7b8";
    font-size: 17px
}

.cp-icon-return:before {
    content: "\e7bb";
    font-size: 20px
}

.cp-icon-menu:before {
    content: "\e7bc";
    font-size: 20px
}

.cp-icon-close:before {
    content: "\e7bd";
    font-size: 16px
}

.cp-icon-delete:before {
    content: "\e7ce";
    font-size: 16px
}

.cp-icon-arrow-up:before {
    content: "\e7cf";
    font-size: 10px
}

.cp-icon-arrow-down:before {
    content: "\e7d0";
    font-size: 10px
}

.cp-icon-depress:before {
    content: "\e69f";
    font-size: 15px
}

.cp-icon-menu-home:before {
    content: "\e7d4"
}

.cp-icon-menu-xf:before {
    content: "\e7d5"
}

.cp-icon-menu-esf:before {
    content: "\e7d6"
}

.cp-icon-menu-search:before {
    content: "\e7d7"
}

.cp-icon-menu-news:before {
    content: "\e7d8"
}

.cp-icon-menu-sale:before {
    content: "\e7d9"
}

.cp-icon-menu-user:before {
    content: "\e7da"
}

.cp-icon-menu-feedback:before {
    content: "\e85b"
}

.cp-icon-menu-phone:before {
    content: "\e99d"
}

.cp-icon-menu-rent:before {
    content: "\e99c"
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.cp-ui-head {
    width: 100%;
    z-index: 940;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    line-height: 44px;
    background: #fff;
    padding: 0 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px
}

.cp-ui-head:after {
    border-color: #dedede
}

.cp-ui-head .cp-icon-return {
    margin-left: -4px
}

.cp-ui-head .cp-logo {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 22px;
    background: url(../images/logo.png) /*tpa=https://static.esf.fangdd.com/esf/mcpfdd/logo-2Jgwq.svg*/ no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    font-size: 0;
    color: transparent
}

.cp-ui-head .cp-icon-down {
    margin-left: 6px
}

.cp-ui-head .cp-icon-down:before {
    font-weight: 700
}

.cp-ui-head-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 46%;
    margin: 0 auto;
    font-size: 17px;
    font-weight: 500;
    text-align: center
}

.cp-ui-head-l {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 0;
    bottom: 0
}

.cp-ui-head-l a {
    display: inline-block
}

.cp-ui-head-r {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 0;
    bottom: 0
}

.cp-ui-head-r a {
    display: inline-block
}

.cp-ui-head-r .cp-icon-close {
    color: #ff5121
}

.cp-ui-head .chose-city {
    position: relative;
    padding: 0 10px;
    font-size: 14px
}

.cp-ui-head .chose-city + .ui-search {
    margin-left: 0
}

.cp-ui-head .chose-city-pop {
    position: absolute;
    left: 0;
    right: -10px;
    top: 46px;
    z-index: 940;
    background-color: #f2f2f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center
}

.cp-ui-head .chose-city-pop.show {
    -webkit-animation: scaleIn .2s forwards;
    -moz-animation: scaleIn .2s forwards;
    -o-animation: scaleIn .2s forwards;
    animation: scaleIn .2s forwards
}

.cp-ui-head .chose-city-pop:after {
    content: "";
    position: absolute;
    right: 24px;
    top: -5px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #f2f2f2
}

.cp-ui-head .chose-city-pop span {
    display: block;
    padding: 3px 10px
}

.cp-ui-head .chose-city-pop span:after {
    background-color: #dedede;
    left: 5px;
    right: 5px
}

.cp-ui-head .chose-city-pop span:last-child:after {
    display: none
}

.cp-ui-head .chose-city .city {
    display: inline-block;
    vertical-align: middle;
    max-width: 58px
}

.cp-ui-head .chose-city [class^=icon-arrow] {
    vertical-align: middle;
    margin: 0 -2px 0 2px
}

.cp-ui-head .quit {
    color: #999
}

.cp-ui-head .cp-icon-close-circle {
    color: #999;
    margin-right: 10px
}

.cp-ui-head .cp-icon-close-circle:before {
    font-size: 17px
}

.cp-ui-head .ui-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative !important;
    height: 34px;
    line-height: 34px;
    background: #f2f2f2;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0 10px
}

.cp-ui-head .ui-search:first-child {
    margin-left: 0
}

.cp-ui-head .ui-search:last-child {
    margin-right: 0
}

.cp-ui-head .ui-search .cp-icon-search:before {
    color: #666;
    margin: 0 5px
}

.cp-ui-head .ui-search .input-box {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cp-ui-head .ui-search .inp-search {
    width: 100%;
    padding: 0 10px;
    background: none;
    line-height: 1.5;
    font-size: 14px
}

.cp-ui-head .ui-search form {
    width: 100%
}

.cp-ui-head .ui-search .chose-city:before {
    top: 9px;
    bottom: 9px;
    background-color: #999
}

.cp-ui-head .ui-search .city {
    max-width: 90px
}

.cp-ui-head.nofixed {
    position: relative !important
}

.cp-city-wrap {
    z-index: 999;
    bottom: 0;
    min-height: 100%;
    background-color: #f3f5f7
}

.cp-city-wrap .ui-head {
    position: relative !important
}

.cp-city-wrap .ui-main {
    position: absolute;
    left: 0;
    right: 0;
    top: 44px;
    bottom: 0;
    padding-top: 0;
    overflow-y: auto;
    max-width: 750px;
    margin: 0 auto
}

.cp-city-search {
    position: relative;
    height: 33px;
    line-height: 33px;
    margin: 20px 20px 0;
    padding: 0 10px 0 35px;
    background-color: #fff
}

.cp-city-search, .cp-city-search:after {
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px
}

.cp-city-search:after {
    border-color: #ccc
}

.cp-city-search-input {
    width: 100%;
    font-size: 14px
}

.cp-city-search .cp-icon-search {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #999
}

.cp-city-box {
    padding-top: 20px
}

.cp-city-box.location .cp-city-list li {
    padding: 0 20px;
    width: 100%
}

.cp-city-box.location .address {
    max-width: 84%;
    float: left
}

.cp-city-box.location .address i {
    margin-right: 5px
}

.cp-city-box.location .cp-icon-address {
    color: #3d5688
}

.cp-city-box.location .cp-icon-depress {
    color: #999
}

.cp-city-box.location .refresh {
    float: right;
    color: #ff5121
}

.cp-city-title {
    padding: 0 20px 8px;
    font-size: 13px;
    color: #666
}

.cp-city-list {
    background-color: #fff;
    font-size: 0
}

.cp-city-list > li {
    display: inline-block;
    width: 33.333%;
    font-size: 16px
}

.cp-city-list a {
    display: block;
    padding: 10.5px 0;
    text-align: center
}

.cp-city-list a:active {
    background-color: #eee
}

.cp-city-letter {
    font-size: 0;
    background-color: #fff
}

.cp-city-letter > a {
    display: inline-block;
    width: 16.666%;
    padding: 10.5px 0;
    font-size: 16px;
    text-align: center
}

.cp-city-letter > a:active {
    background-color: #eee
}

.cp-city .location li {
    width: 100%;
    text-align: left;
    font-size: 16px
}

.cp-city .location li a {
    display: inline-block;
    text-align: center;
    width: 25%
}

.cp-city .location li a.address {
    text-align: left;
    width: 75%
}

.cp-city .location li a:first-child {
    width: 25%;
    text-align: center
}

.cp-search-wrap {
    z-index: 999;
    bottom: 0;
    min-height: 100%;
    background-color: #fff
}

.cp-search-wrap .cp-ui-head {
    position: relative !important
}

.cp-search-wrap .ui-main {
    position: absolute;
    left: 0;
    right: 0;
    top: 44px;
    bottom: 0;
    padding-top: 0;
    overflow-y: auto;
    max-width: 750px;
    margin: 0 auto
}

.cp-search-hot {
    position: relative;
    padding: 30px 20px 0
}

.cp-search-hot h3 {
    font-size: 14px;
    color: #666
}

.cp-search-hot .delete {
    position: absolute;
    right: 10px;
    top: 22px;
    padding: 5px
}

.cp-search-hot .cp-search-tag {
    margin-top: 15px;
    font-size: 0
}

.cp-search-hot .cp-search-tag a {
    display: inline-block;
    margin: 0 12px 12px 0;
    padding: 7px 8px;
    font-size: 14px
}

.cp-search-hot .cp-search-tag a:after {
    border-color: #dedede
}

.cp-search-list a {
    display: block;
    padding: 15px 20px
}

.cp-search-list a:after {
    left: 20px;
    right: 20px
}

.cp-search-list a:active {
    background-color: #eee
}

.cp-search-list-name {
    font-size: 16px;
    color: #000
}

.cp-search-list-name .area-tag {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    padding: 0 3px;
    font-size: 10px;
    color: #3d5688
}

.cp-search-list-name .area-tag:after {
    border-color: #3d5688
}

.cp-search-list-text {
    padding-top: 6px;
    font-size: 14px;
    color: #666
}

.cp-search-list-text.address {
    color: #999
}

.cp-search-list .mark {
    color: #ff5121
}

.cp-search-empty {
    padding: 70px 20px;
    text-align: center
}

.cp-search-empty h2 {
    padding-top: 30px;
    font-size: 14px;
    color: #666
}

.cp-search-result {
    padding: 30px 20px;
    text-align: center
}

.cp-search-result.bg {
    background-color: #fff
}

.cp-search-result .tips {
    font-size: 16px
}

.cp-search-result .ui-btn {
    margin-top: 15px
}

.cp-search-result .ui-btn i {
    margin-right: 8px
}

.style-title {
    position: relative;
    padding: 0 20px;
    background-color: #fff;
    text-align: center
}

.style-title:after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    top: 50%;
    height: 1px;
    margin-top: -1px;
    background-color: #dedede
}

.style-title h3 {
    position: relative;
    z-index: 10;
    display: inline-block;
    padding: 0 20px;
    background-color: #fff;
    font-size: 13px;
    color: #666
}

@-webkit-keyframes left {
    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 left {
    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 left {
    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 left {
    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 right {
    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 right {
    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 right {
    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 right {
    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)
    }
}

.enter {
    -webkit-animation: left .3s ease forwards;
    -moz-animation: left .3s ease forwards;
    -o-animation: left .3s ease forwards;
    animation: left .3s ease forwards
}

.leave {
    -webkit-animation: right .3s ease forwards;
    -moz-animation: right .3s ease forwards;
    -o-animation: right .3s ease forwards;
    animation: right .3s ease forwards
}

.cp-side-pop {
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .6)
}

.cp-side-inner {
    bottom: 0;
    background-color: #fff;
    width: 66.666%
}

.cp-side-inner, .cp-side-menu {
    position: absolute;
    right: 0;
    top: 0
}

.cp-side-menu {
    left: 0;
    bottom: 125px;
    overflow-y: auto
}

.cp-side-menu-list {
    padding-top: 18px;
    font-size: 16px
}

.cp-side-menu-list a {
    position: relative;
    display: block;
    padding: 11px 30px;
    color: #121212
}

.cp-side-menu-list a:nth-last-child(2) {
    margin-top: 18px;
    padding-top: 27px
}

.cp-side-menu-list a:nth-last-child(2):before {
    content: "";
    position: absolute;
    left: 30px;
    right: 30px;
    top: 0;
    height: 1px;
    background-color: #dedede
}

.cp-side-menu-list i {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 19px;
    line-height: 1.32;
    margin-right: 16px;
    font-size: 19px
}

.cp-side-download {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 18px 0 20px;
    margin: 0 30px;
    border-top: 1px solid #dedede
}

.cp-side-download-text {
    margin: 0 -10px;
    font-weight: 500;
    font-size: 14px;
    text-align: center
}

.cp-side-download-btn {
    display: block;
    border: 1px solid #ff5121;
    height: 40px;
    line-height: 39px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
    color: #ff5121
}

.cp-side-download-btn i {
    margin-right: 5px
}

.ui-pop {
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .6);
    overflow-y: auto;
    overflow-scrolling: touch;
    margin: 0 auto
}

.ui-pop-warp {
    position: relative;
    width: 100%;
    background-color: #fff
}

.ui-pop-head {
    position: relative;
    text-align: center
}

.ui-pop-body {
    position: relative;
    padding: 25px 10px;
    font-size: 16px
}

.ui-pop-body h2 {
    padding-top: 5px;
    font-size: 17px
}

.ui-pop-foot {
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.ui-pop-foot a {
    color: #121212;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block
}

.ui-pop-foot a:first-child {
    border: 0
}

.ui-pop-foot a:first-child:after {
    display: none
}

.ui-pop-foot .corange {
    color: #ff5121
}

.ui-pop.ui-center .ui-pop-warp {
    width: 80%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.chose-city._1WnJ4 {
    padding: 0 10px 0 0
}

.ofVB7 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 940;
    background: #fff;
    max-width: 750px;
    margin: 0 auto
}

._3NWxR {
    position: relative
}

._1XWSc, ._3NWxR {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    font-size: 15px;
    width: 100%
}

._1XWSc {
    background: #fff
}

._2seOD {
    width: 100%;
    height: 20px
}

.F5WwO {
    width: 100%;
    height: 44px
}

._1ZEj7 {
    width: 100%;
    height: 22px
}

._3zTT3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 10000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

._1pueJ {
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 280px
}

.IC1bD {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 20px 0 10px
}

._2wHad {
    color: #8a8a8a;
    padding: 0 20px
}

._3GNaa {
    color: #697695;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    border-top: 1px solid #f7f7f7;
    padding: 10px 0;
    margin-top: 20px
}

.CJ9d4 {
    position: relative;
    overflow: hidden;
    background: #fff;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    padding-top: 3px;
    min-height: 10px;
    z-index: 1
}

.xzGuk {
    width: 25px;
    height: 14px;
    line-height: 14px;
    font-size: 9px;
    color: #fff;
    background: #ef0000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: -3px;
    right: 50%;
    margin-right: -30px
}

.X4wm8 {
    -ms-flex-align: center;
    background: #fff;
    position: relative;
    padding: 15px 20px;
    line-height: normal
}

.X4wm8, .X4wm8 .msVA4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.X4wm8 .msVA4 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center
}

.X4wm8 .msVA4 h2 {
    font-weight: 500;
    font-size: 20px
}

.X4wm8 .msVA4 span {
    margin-left: 8px;
    font-size: 13px
}

.X4wm8 ._2eX8o {
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.X4wm8 ._2eX8o:after {
    font-family: fdd;
    content: "\e772";
    font-size: 8px;
    margin-left: 4px
}

._2Ii9_ {
    padding-bottom: 10px
}

._1lU11 {
    width: 160px;
    margin-right: 10px;
    overflow: hidden
}

._1lU11:first-child {
    margin-left: 20px
}

._1lU11 ._357MD {
    position: relative;
    height: 131px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    background: #eee url(../images/default.png)  repeat
}

._1lU11 ._357MD img {
    height: 100%
}

._1lU11 ._357MD ._3Xy-t {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 1px 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    font-size: 11px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#ff005b), to(#ff6400));
    background: -webkit-linear-gradient(left, #ff005b, #ff6400);
    background: -moz-linear-gradient(left, #ff005b, #ff6400);
    background: -o-linear-gradient(left, #ff005b, #ff6400);
    background: linear-gradient(90deg, #ff005b, #ff6400)
}

._1lU11 .bQTB9 {
    overflow: hidden;
    position: relative;
    padding: 5px 8px;
    border: 1px solid #eee;
    border-top-color: transparent;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

._1lU11 .bQTB9 ._1uvhh {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._1lU11 .bQTB9 .RKq2A {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden
}

._1lU11 .bQTB9 .RKq2A ._1-ddY {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px;
    color: #ef0000;
    font-weight: 500;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

._1lU11 .bQTB9 .RKq2A ._1-ddY strong {
    font-weight: 600;
    font-size: 16px
}

._1lU11 .bQTB9 .RKq2A ._2eBHN {
    font-size: 13px
}

.VncNm {
    -ms-flex-align: center;
    background: #fff;
    position: relative;
    padding: 15px 20px;
    line-height: normal
}

.VncNm, .VncNm ._3tgfG {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.VncNm ._3tgfG {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    text-align: center
}

.VncNm ._3tgfG h2 {
    font-weight: 500;
    font-size: 20px
}

.VncNm ._3tgfG .JlXbN {
    font-size: 13px;
    margin-left: 8px
}

.VncNm ._3tgfG ._27EWo {
    font-size: 13px
}

.VncNm ._2CLbV {
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.VncNm ._2CLbV:after {
    font-family: fdd;
    content: "\e772";
    font-size: 8px;
    margin-left: 4px
}

._3jOGY {
    font-size: 15px;
    color: #ef0000;
    font-weight: 600
}

._2xdmJ, ._3_t5s, .E9L-B {
    margin: 0 2px;
    font-size: 11px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: #121212;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff
}

.E9L-B {
    margin-left: 6px
}

.hZCek {
    font-size: 11px
}

._390ZO {
    padding-bottom: 10px
}

.JZH0Z {
    padding: 20px 20px 6px;
    background: #fff
}

._3R-v_ {
    padding: 20px;
    -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);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

._2YAzr {
    margin-bottom: 15px
}

.uUk5W {
    font-size: 18px;
    font-weight: 500;
    color: #121212
}

.uUk5W span:first-child {
    max-width: 60%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom
}

._256aA {
    font-size: 14px;
    font-weight: 400;
    color: #757575
}

.jwH98 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._27KX_ {
    font-size: 11px;
    font-weight: 400;
    color: #121212;
    height: 32px;
    line-height: 32px
}

._27KX_ em {
    font-size: 23px;
    font-weight: 700;
    color: #121212
}

._27KX_ ._2t5mp {
    font-size: 18px
}

._3x_jD {
    font-size: 11px;
    font-weight: 400;
    color: #121212;
    height: 15px;
    margin-top: 3px
}

._1LrvX {
    color: #0bb03d
}

._1LrvX:before {
    font-size: 18px
}

._2mmmo {
    color: #ce3535
}

._2mmmo:before {
    font-size: 18px
}

._1ezMl {
    padding-bottom: 65px
}

._3R0Xd {
    position: relative
}

._2Sucy {
    margin-top: 10px;
    display: block
}

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

._1O0_4 {
    width: 144px;
    height: 22px;
    margin: 40px auto 10px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px
}

._1gjtd {
    display: table;
    height: 40px;
    margin: 0 auto 20px;
    font-size: 28px;
    font-weight: 500;
    color: #121212;
    line-height: 40px
}

._3wBYE {
    font-size: 16px;
    font-weight: 400;
    color: #757575
}

._2LX0V {
    width: 260px;
    height: 80px;
    margin: 0 auto;
    background: url(FmUGdMLQt2WbAjq8iSQp-wr_JJxI.png) /*tpa=https://fs.esf.fangdd.com/efab/FmUGdMLQt2WbAjq8iSQp-wr_JJxI.png*/ no-repeat
}

._3a7ti {
    width: 180px;
    height: 44px;
    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: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    text-align: center;
    line-height: 44px;
    margin: 33px auto 48px
}

._3a7ti a {
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

._2w4VT {
    background-color: #fff
}

._1gx0B {
    width: 92%;
    margin: 0 auto
}

._1cISF {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px
}

.DQVDb {
    margin-left: 0;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    max-width: 65%
}

.P7jyr {
    position: absolute;
    right: 0;
    font-weight: 700;
    color: #ef0000;
    font-size: 16px
}

._3gcSf {
    width: 42px;
    height: 18px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-top: 7px;
    -webkit-border-radius: 8px 2px;
    -moz-border-radius: 8px 2px;
    border-radius: 8px 2px;
    background: -webkit-gradient(linear, left top, right top, from(#ff881e), to(#ffbd31));
    background: -webkit-linear-gradient(left, #ff881e, #ffbd31);
    background: -moz-linear-gradient(left, #ff881e, #ffbd31);
    background: -o-linear-gradient(left, #ff881e, #ffbd31);
    background: linear-gradient(90deg, #ff881e, #ffbd31)
}

._1zzEF, ._3gcSf {
    display: inline-block
}

._1zzEF {
    position: absolute;
    height: 20px;
    margin-top: 8px;
    right: 0;
    color: #757575;
    font-size: 14px
}

._2qRqu {
    display: inline-block;
    width: 38px;
    height: 16px;
    color: #586c94;
    font-size: 10px;
    text-align: center;
    background: #f3f5f7;
    margin-left: 9px
}

._3zUrK {
    background: #fff;
    height: 100%
}

._1MZSR {
    margin-top: 78px
}

.fnWjB {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 44px;
    line-height: 44px;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px
}

.fnWjB .QVCvf {
    color: #ff5121;
    position: relative
}

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

._3OM4d {
    background-color: #fff;
    padding-bottom: 20px
}

._1JfgU, ._3OM4d {
    position: relative
}

._1JfgU {
    padding: 20px 20px 136px;
    background: -webkit-linear-gradient(102deg, #fff, #6a97ff 44%, #416ffa);
    background: -moz-linear-gradient(102deg, #fff 0, #6a97ff 44%, #416ffa 100%);
    background: -o-linear-gradient(102deg, #fff 0, #6a97ff 44%, #416ffa 100%);
    background: linear-gradient(348deg, #fff, #6a97ff 44%, #416ffa)
}

._1JfgU:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("FmSzlVEM5XJeSUs-l5UNnVSyHhVB.png") /*tpa=https://fs.esf.fangdd.com/efab/FmSzlVEM5XJeSUs-l5UNnVSyHhVB.png*/ no-repeat 0 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

._3Y4e8 {
    display: inline-block;
    position: relative;
    padding: 2px 9px;
    background: -webkit-linear-gradient(43deg, #26beff, #3c93fd);
    background: -moz-linear-gradient(43deg, #26beff 0, #3c93fd 100%);
    background: -o-linear-gradient(43deg, #26beff 0, #3c93fd 100%);
    background: linear-gradient(47deg, #26beff, #3c93fd);
    -webkit-border-radius: 4px 4px 4px 0;
    -moz-border-radius: 4px 4px 4px 0;
    border-radius: 4px 4px 4px 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 1px 2px #1883ff
}

._3Y4e8:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-color: #26beff transparent transparent;
    border-style: solid;
    border-width: 8px 8px 0 0
}

._11jTX {
    padding: 20px 20% 0 0;
    line-height: 1.42;
    font-size: 24px;
    font-weight: 500;
    color: #fff
}

._1qjl5 {
    position: relative;
    z-index: 2;
    margin: -116px 20px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px
}

._2BPjF {
    position: absolute;
    right: 20px;
    bottom: 18px;
    font-size: 24px;
    color: #476dfc
}

._2a-Yt {
    position: relative;
    overflow: hidden;
    padding: 30px 25px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px
}

._2a-Yt:after, ._2a-Yt:before {
    content: "";
    position: absolute;
    z-index: -1
}

._2a-Yt:before {
    left: -16px;
    top: -20px;
    width: 50px;
    height: 50px;
    background: -webkit-linear-gradient(108deg, rgba(69, 100, 255, .6), rgba(255, 241, 192, 0) 45%);
    background: -moz-linear-gradient(108deg, rgba(69, 100, 255, .6) 0, rgba(255, 241, 192, 0) 45%);
    background: -o-linear-gradient(108deg, rgba(69, 100, 255, .6) 0, rgba(255, 241, 192, 0) 45%);
    background: linear-gradient(342deg, rgba(69, 100, 255, .6), rgba(255, 241, 192, 0) 45%)
}

._2a-Yt:after, ._2a-Yt:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

._2a-Yt:after {
    right: -30px;
    bottom: -22px;
    width: 100px;
    height: 100px;
    background: -webkit-linear-gradient(125deg, rgba(66, 117, 249, .7), rgba(74, 113, 252, 0) 86%);
    background: -moz-linear-gradient(125deg, rgba(66, 117, 249, .7) 0, rgba(74, 113, 252, 0) 86%);
    background: -o-linear-gradient(125deg, rgba(66, 117, 249, .7) 0, rgba(74, 113, 252, 0) 86%);
    background: linear-gradient(325deg, rgba(66, 117, 249, .7), rgba(74, 113, 252, 0) 86%)
}

._1ppzQ {
    line-height: 1.4;
    font-size: 20px;
    font-weight: 500
}

._18fhE {
    font-size: 14px;
    margin-top: 15px
}

.Hbqvt:after, .Hbqvt:before {
    content: "";
    position: absolute;
    z-index: 1
}

.Hbqvt:before {
    top: 15px;
    right: 21%;
    width: 18px;
    height: 18px;
    background: -webkit-linear-gradient(225deg, rgba(25, 119, 244, 0), #1691f8);
    background: -moz-linear-gradient(225deg, rgba(25, 119, 244, 0) 0, #1691f8 100%);
    background: -o-linear-gradient(225deg, rgba(25, 119, 244, 0) 0, #1691f8 100%);
    background: linear-gradient(225deg, rgba(25, 119, 244, 0), #1691f8);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.Hbqvt:after {
    right: 0;
    top: -57px;
    width: 57px;
    height: 81px;
    background: -webkit-linear-gradient(225deg, rgba(25, 119, 244, 0), rgba(22, 145, 248, .8));
    background: -moz-linear-gradient(225deg, rgba(25, 119, 244, 0) 0, rgba(22, 145, 248, .8) 100%);
    background: -o-linear-gradient(225deg, rgba(25, 119, 244, 0) 0, rgba(22, 145, 248, .8) 100%);
    background: linear-gradient(225deg, rgba(25, 119, 244, 0), rgba(22, 145, 248, .8));
    -webkit-border-radius: 0 0 20px 60px;
    -moz-border-radius: 0 0 20px 60px;
    border-radius: 0 0 20px 60px
}

._1Gq3M {
    background: #fff;
    font-size: 15px;
    padding: 20px 0;
    margin-bottom: 10px
}

._1Gq3M, ._4MBKa {
    text-align: center
}

._4MBKa {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px
}

._4MBKa li {
    line-height: 18px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    overflow: initial
}

._1Gq3M a {
    display: block
}

._1Gq3M ._2D7qW a {
    font-weight: 500;
    color: #fff
}

._1Gq3M span {
    display: inline-block;
    background: #f3f5f7;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    padding: 5px 12px
}

._1Gq3M ._2D7qW span {
    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)
}

._1IfJV {
    background: #fff;
    margin-bottom: 10px
}

._28wrg {
    text-align: center
}

._1Ovk0 {
    margin-left: 30px;
    margin-right: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._28wrg span {
    width: 25%
}

._3hx9e {
    overflow: hidden
}

._2g0h0 {
    float: left;
    margin-left: 10px;
    height: 40px;
    line-height: 40px
}

.H9vUW {
    color: #ff5121;
    position: relative
}

.H9vUW, .H9vUW:after {
    display: inline-block
}

.H9vUW:after {
    content: "";
    width: 36px;
    height: 3px;
    background: #ff5121;
    position: absolute;
    left: 50%;
    bottom: -5px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

._2AmE0 {
    max-height: 325px;
    overflow-y: scroll
}

._2wsEM {
    background: -webkit-linear-gradient(315deg, #100859, #4e0b70);
    background: -moz-linear-gradient(315deg, #100859 0, #4e0b70 100%);
    background: -o-linear-gradient(315deg, #100859 0, #4e0b70 100%);
    background: linear-gradient(135deg, #100859, #4e0b70)
}

._2h1NC {
    margin: 0 22px 15px;
    background: #fff;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

._2h1NC:last-child {
    margin-bottom: 0
}

.SID68 {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    padding: 22px 0 32px
}

.PR-it {
    color: #ce4dad;
    margin-bottom: 10px
}

._2EkHO {
    color: #fff
}

img._15ZRw {
    position: absolute;
    top: .88rem;
    right: .94rem;
    z-index: 1;
    width: 1.2rem;
    height: 1.2rem;
    font-size: .88rem;
    color: #fff;
    line-height: 1.13rem
}

._3ViAN {
    background: #fff;
    padding: 20px 0
}

._39LOR {
    text-align: center;
    margin-bottom: 30px
}

.JsNcD {
    display: inline-block;
    padding: 0 26px;
    width: inherit
}

._277FZ {
    font-size: 15px;
    font-weight: 400;
    color: #121212;
    line-height: 20px;
    margin: 0 0 10px;
    text-align: center
}

._1Obka {
    font-size: 17px;
    font-weight: 600;
    line-height: 25px
}

._1Obka, ._16x70 {
    color: #121212;
    margin-bottom: 20px;
    text-align: center
}

._16x70 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

._1SCEd {
    color: #0bb03d;
    font-size: 40px;
    margin: 20px 0;
    text-align: center
}

._224LA {
    position: fixed;
    top: 44px;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 980
}

._224LA.scrollable {
    overflow: auto
}

._2EY9E {
    position: relative;
    padding: 40px 20px 20px
}

.ckj4i {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2
}

._3hTX6 {
    color: #757575;
    font-size: 17px;
    line-height: 1.24;
    top: 20px;
    right: 20px
}

._3hTX6, .EMcga {
    position: absolute
}

.EMcga {
    top: 86px;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: env(safe-area-inset-bottom)
}

.WgD2- {
    padding: 0 20px 40px
}

._1mDJe {
    color: #ff5121;
    margin-right: 6px
}

._2LF2m {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

._1pRyQ {
    margin-top: 15px
}

._2PCZW {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 -1px 20px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 -1px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 -1px 20px 0 rgba(0, 0, 0, .1)
}

._3U5Lk {
    text-align: center
}

._3U5Lk, .gbRG0 {
    color: #121212
}

.gbRG0:after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    overflow: hidden;
    border-color: transparent transparent transparent #121212;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    margin-left: 5px
}

._11sqR {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    margin-bottom: 15px
}

._3SIkt, .pf5Jn {
    vertical-align: middle
}

._3SIkt {
    font-size: 20px;
    color: #ff5121;
    margin: 0 5px
}

.cZ2bY {
    font-size: 13px;
    color: #121212;
    margin-top: 10px;
    text-align: center
}

._2cLRB {
    margin-top: 15px
}

._3TyYh {
    padding: 20px
}

._7Wjq9 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    margin-right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

._7Wjq9 i {
    font-size: 15px;
    margin-left: 15px
}

._7Wjq9 input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    height: 40px;
    padding-left: 10px
}

._18Ptm {
    padding: 15px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.2;
    -webkit-box-shadow: 0 1px 0 0 #eee;
    -moz-box-shadow: 0 1px 0 0 #eee;
    box-shadow: 0 1px 0 0 #eee
}

._15JXk {
    font-size: 16px;
    font-weight: 500
}

._15JXk em {
    color: #ff5121
}

.U7X87 {
    color: #757575;
    line-height: 18px;
    margin-top: 8px
}

._1Qsxo, .U7X87 {
    font-size: 14px
}

._2AYT2 {
    padding: 20px
}

._3f6mx {
    margin-bottom: 20px
}

.mbkvn {
    position: relative;
    font-size: 26px;
    font-family: Verdana, sans-serif;
    color: #212121;
    line-height: 1;
    padding: 10px 0 0 3px
}

.mbkvn:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: .15;
    width: 32px;
    height: 32px;
    background: -webkit-linear-gradient(144deg, rgba(161, 169, 248, .18), #6870ee);
    background: -moz-linear-gradient(144deg, rgba(161, 169, 248, .18) 0, #6870ee 100%);
    background: -o-linear-gradient(144deg, rgba(161, 169, 248, .18) 0, #6870ee 100%);
    background: linear-gradient(-54deg, rgba(161, 169, 248, .18), #6870ee)
}

._2SNto {
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    margin-top: 6px
}

._2zU5r {
    width: 44px;
    height: 44px;
    margin: 0 auto
}

._3A50u {
    font-size: 16px;
    font-weight: 500;
    color: #121212;
    line-height: 21px;
    text-align: center;
    margin-bottom: 15px
}

._1Eu2R {
    padding-bottom: 80px
}

._1G9aE {
    padding-bottom: 162%;
    height: 0
}

._2ucxm {
    height: 80px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    background: #fff;
    padding: 15px 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

._3Dnsm {
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    height: 100% !important
}

._2gu_j {
    padding-bottom: 80px
}

.wK_8C {
    padding-bottom: 186.67%;
    height: 0
}

.NyyT- {
    height: 80px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    background: #fff;
    padding: 15px 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

._2iMfp {
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    height: 100% !important
}

.QmkX5 {
    position: relative
}

._3Qy29 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4
}

._3Qy29 em {
    color: #ff5121;
    margin-left: 15px
}

.Op0fz {
    position: relative;
    padding: 23px 0 15px
}

._1WfSl {
    height: 2px;
    background: #c6c6c6
}

._2r8be {
    padding: 13px;
    right: 0;
    top: 10px
}

._2r8be, ._3zFiD {
    position: absolute;
    left: 0
}

._3zFiD {
    height: 2px;
    background: #f54732
}

._3zFiD:after {
    content: "";
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    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: -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);
    -webkit-box-shadow: 0 2px 6px 0 rgba(246, 76, 50, .3);
    -moz-box-shadow: 0 2px 6px 0 rgba(246, 76, 50, .3);
    box-shadow: 0 2px 6px 0 rgba(246, 76, 50, .3);
    position: absolute;
    top: 1px;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

._1brxX {
    font-size: 12px;
    line-height: 1.4
}

._2WEN0 {
    float: right
}

._19OkW {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 980
}

.qu88F {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    height: 60px
}

._19uzE {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2
}

._3Lsal {
    font-size: 17px;
    line-height: 1.24
}

._1Pz4t {
    height: -webkit-calc(100vh - 60px);
    height: -moz-calc(100vh - 60px);
    height: calc(100vh - 60px)
}

._2zCtN {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._2ojgh {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 50px
}

.I9owy {
    background: #f7f7f7
}

._1A_IM {
    padding-left: 30px;
    height: 50px;
    line-height: 50px;
    font-size: 17px
}

._1A_IM._3wzOV {
    color: #ff5121
}

._1A_IM._3wzOV, .EiqKs {
    background: #fff
}

._3lU2V {
    top: 0;
    background: rgba(0, 0, 0, .6)
}

._2GViP, ._3lU2V {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0
}

._2GViP {
    top: 10%;
    background: #fff;
    overflow-y: auto
}

.M40VU {
    position: relative;
    padding-bottom: 155px
}

.e2dqL {
    padding: 30px 20px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.e2dqL ._3ApuZ {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.23
}

.e2dqL ._2p-YE {
    font-size: 17px
}

.n-KEG {
    padding: 0 20px
}

._1w08o {
    padding: 20px 0 15px
}

._1w08o ._3ApuZ {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.23;
    margin-bottom: 15px
}

._14pqW {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .14);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #c6c6c6;
    padding: 0 24px 0 18px;
    position: relative
}

._14pqW ._2ffrq {
    margin-right: 8px;
    color: #ff5121
}

._14pqW ._147Ai {
    font-size: 13px;
    position: absolute;
    right: 16px
}

._2EgWP {
    margin-right: -20px
}

._2ccqM {
    display: inline-block;
    margin: 10px 10px 0 0;
    height: 32px;
    min-width: 75px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    background: #f3f5f7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 4px;
    border: 1px solid #f3f5f7;
    position: relative
}

._2ccqM ._19ZSH {
    opacity: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    border-color: transparent #ff5121 #ff5121 transparent;
    border-style: solid;
    border-width: 7px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

._2ccqM ._19ZSH:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 6px;
    height: 3px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

._2ccqM._3DgNr {
    background: #fff;
    color: #ff5121;
    border-color: #ff5121
}

._2ccqM._3DgNr ._19ZSH {
    opacity: 1
}

._2M-8y {
    height: 155px;
    padding: 15px 20px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff
}

._1HKFW {
    width: 100%;
    height: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #121212;
    text-align: center
}

._1HKFW::-webkit-input-placeholder {
    color: #121212
}

._32PaS {
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    height: 50px !important
}

._1qLmQ {
    background: #fff;
    padding-bottom: 80px
}

._1N_Dx {
    height: 80px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    background: #fff;
    padding: 15px 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

._1JRub {
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    height: 100% !important
}

.xq8kv {
    background: #fff;
    padding-bottom: 80px
}

._1zEwr {
    -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: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #c6c6c6;
    margin: 20px;
    padding: 20px 18px
}

._1zEwr ._2a4xc {
    margin-top: 15px
}

._3JSTh {
    font-size: 20px;
    line-height: 1.2
}

._3mzRm {
    margin-top: 20px
}

._2ejsQ {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #c6c6c6;
    font-size: 15px;
    padding-right: 15px;
    position: relative
}

._2ejsQ ._1tkxl {
    position: absolute;
    right: 0
}

._2ejsQ ._1z8nu {
    color: #ff5121;
    margin-right: 5px
}

._225Pz {
    width: 100%;
    height: 44px;
    border: 1px solid #c6c6c6;
    text-align: center;
    margin-top: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

._225Pz::-webkit-input-placeholder {
    color: #0e1429;
    font-size: 15px
}

._1xdvl {
    padding-bottom: 76%;
    height: 0
}

._3JRIR {
    height: 33px;
    overflow: hidden;
    padding: 0 38px;
    color: #0e1429;
    font-size: 15px;
    line-height: 1.4;
    position: relative
}

._3wMbo {
    width: 100%;
    position: absolute
}

._1e9B- td {
    padding: 6px 0
}

._1GaGg {
    color: #757575
}

.dh64c {
    height: 80px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    background: #fff;
    padding: 15px 20px
}

.dh64c.eWuVW {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

._2a4xc {
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    height: 100% !important
}

._3z9TJ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

._31pmZ {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}

.VjbrX {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

._6vNwK {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}

/*修改*/
.map-nav{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 15px 20px 5px;
}
.map-nav li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: #3e4a59;
    font-weight: 700;
    text-align: center;
}
.map-nav li .ico-subway {
    background-position: -95px 5px;
}
.map-nav li .ico-bus {
    background-position: -138px 5px;
}
.map-nav li .ico-edu {
    background-position: 0 -35px;
}
.map-nav li .ico-shopping {
    background-position: -45px -30px;
}

.map-nav li .ico-medical {
    background-position: -95px -30px;
}
.map-nav li .ico {
    width: 35px;
    height: 35px;
    margin-bottom: 0;
}
.m-icon-bg1 {
    background-image: url(../images/m-icon-bg1.png);
    background-repeat: no-repeat;
}

.ico {
    display: inline-block;
    background-size: 550% 800%;
    overflow: hidden;
}
.map-nav-val{
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 15px 20px 5px;
}
.map-nav-val .ritcon{
    width:100%;
    padding: 10px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0,0,0,.4);
    border: 1px solid #1d9cd6;
    position: relative;
}

.map-nav-val .ritcon p{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
}

.map-nav-val .jt-subway:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-bottom-color: #1d9cd6;
    left: 10%;
    margin-left: -4px;
    top: -8px;
}
.map-nav-val .jt-subway:after {
    border-top-color: #fff;
    top: -7px;
}

.map-nav-val .jt-bus:before {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border: 4px solid transparent;
     border-bottom-color: #1d9cd6;
     left: 30%;
     margin-left: -4px;
     top: -8px;
 }
.map-nav-val .jt-bus:after {
    border-top-color: #fff;
    top: -7px;
}
.map-nav-val .jt-edu:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-bottom-color: #1d9cd6;
    left: 50%;
    margin-left: -4px;
    top: -8px;
}
.map-nav-val .jt-edu:after {
    border-top-color: #fff;
    top: -7px;
}

.map-nav-val .jt-shopping:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-bottom-color: #1d9cd6;
    left: 70%;
    margin-left: -4px;
    top: -8px;
}
.map-nav-val .jt-shopping:after {
    border-top-color: #fff;
    top: -7px;
}

.map-nav-val .jt-medical:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-bottom-color: #1d9cd6;
    left: 90%;
    margin-left: -4px;
    top: -8px;
}
.map-nav-val .jt-medical:after {
    border-top-color: #fff;
    top: -7px;
}

.map-nav .active{
    color:#ff5121;
}
.ranking-screen {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 99;
}
.ranking-screen .ranking-banner {
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: cover;
}
.ranking-screen .popularity .ranking-banner {
    background-image: url(../images/popularity-bg.jpg);
}
.ranking-screen .ranking-banner img {
    width: 45%;
    height: auto;
}
img {
    vertical-align: top;
    border: 0;
}
.ranking-screen .ranking-banner .txt {
    margin-bottom: 10px;
}
.ranking-screen .ranking-banner .txt p {
    font-size: 16px;
    color: #fff;
}
.ranking-screen .ranking-banner button {
    box-sizing: border-box;
    height: 40px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    padding: 5px;
    background: #ffbe36;
    border-radius: 5px;
    overflow: hidden;
}
.ranking-banner button .icon-dingweifux {
    float: left;
    margin-right: 5px;
}
.ranking-banner button .icon-unfold {
    float: right;
    margin-left: 5px;
}
.icon-dingweifux:before {
    content: "\e77f";
    font-size: 18px;
}
.ranking-banner button .cp-icon-arrow-down:before{
    font-size: 14px;
}
.ranking-banner button .cp-icon-arrow-up:before{
    font-size: 14px;
}
.ranking-screen .ranking-banner button span {
    display: block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media only screen and (min-width: 320px) {
    .ranking-screen .ranking-banner{
        padding: 15px 0 0 20px;
    }
}
@media only screen and (min-width: 360px) {
    .ranking-screen .ranking-banner{
        padding: 20px 0 0 20px;
    }
}
@media only screen and (min-width: 375px) {
    .ranking-screen .ranking-banner{
        padding: 25px 0 0 20px;
    }
}
@media only screen and (min-width: 414px) {
    .ranking-screen .ranking-banner{
        padding: 30px 0 0 20px;
    }
}

.ranking-screen .area-choice {
    position: relative;
    box-sizing: border-box;
    display: none;
    width: 100%;
    background: #fff;
    padding: 20px;
    overflow: auto;
}
.ranking-screen .choice-list {
    box-sizing: border-box;
    padding-bottom: 5px;
    overflow-y: auto;
    width: 100%;
}
.ranking-screen .choice-list li {
    display: inline-block;
    margin-top: 10px;
    width: 32%;
}
.ranking-screen .choice-list li.on a {
    color: #4db5e3;
    background: #e2f7fe;
}
.ranking-screen .choice-list li a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #77808a;
    text-align: center;
    line-height: 40px;
    background: #f4f6f9;
    border-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ranking-screen .choice-list li.on a {
    color: #4db5e3;
    background: #e2f7fe;
}
#prop {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 9;
}

.photo-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
    background-image: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
    background-image: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
    background-image: linear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
    z-index: 2;
}
.group-cur-text {
    font-size:12px;
    color: #fff;
    font-weight: 400;
    margin-top:20px;
}
.group-cur-text p {
    padding-left:30px;
}
.photo-footer .swiper-wrapper{
    padding-left:20px;
}
.append-buttons {
    text-align: center;
}
.photo-footer .swiper-slide {
    width: auto;
    background: 0 0;
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
}
.append-buttons a {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    padding: 5px 5px;
    margin: 20px 10px;
    border: none;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
}
.append-buttons .on a {
    color: #3e4a59;
    background: #fff;
}
.surroundings-wrap{
    padding: 15px 20px;
    width: 100%;
}
.pt-wrap{
    width:100%;
}
.pt-tit{
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    color: #031a1f;
}
.map-list {
    padding: 10px 0;
    position: fixed;
    bottom: 180px;
    right: 12px;
    width:65px;
    height: 350px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    border-radius: 5px;
}
.map-list ul>li {
    margin-bottom: 5px;
    text-align: center;
}
.map-list ul>li .icon {
    margin: 0 auto;
    font-size: 32px;
    width: 32px;
    height: 40px;
    line-height: 40px;
    display: block;
}
@font-face {
    font-family: iconfont;
    src: url(../font/iconfont.eot);
    src: url(../font/iconfont.eot) format('embedded-opentype'),url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAADQQAAsAAAAAXsQAADO+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCPMAqBl1T3AgE2AiQDgzALgVoABCAFhG0HiG8bz0wV45ilwMYB8Gbk46IoB6uOonRyfpf9/ylBjqOa3MJ7CXB0NwTZeSXvtgAFTcVO3QOUn/pv3pU34lJEQFDqq0CaMiNBgoZfOY7FfVZ+nuWQpGjCf9/a56161T29xApIodqzlsIskYVaGRcjouJzosgoIjX7Axpwhufd1vv/gxP4IAqCC1BBURNFbViKgm4UB+Yagbu2WS4cJWamlg2tTNPOS7NsTO20K9dJpTamZmPehdZdWV3JvDnzk+Jk+p4UJ+3bpCkSCDIzhYSLnIu9/ybv0ZBppjhAJfoALFmLcNsAIALk0AvIIiJLTx3W5Qky435abU/Tb7i4lWdZLvkYwdsiLmXTt70ryzIkfbQBXxG9v5t/nen/KX+1/MGQsG2dr0RTX5chBOBFWqVVbDqQ+IAMHGQ7uv2pfs09P+9uvsnD4vwy3lZqwyCMEoz4SKRFwPzrNFc5cIBxgab49bmwledrx44d1i7L/99Oou9vXfytkKy4jeLLvSg6kBL3ajmFwIFTAJyQRn35QHIObB/ZReeoyCPwRLDx1KnD1HnErcM6lah2nEe4mNvZzxEGLpFzOoRpA9MrQWrzYWzW0KtYtHMOCxELEKXU+d8WthnDAu05mjS3Qe1VtU3DgHbGsAfaetl7lEKwXJ0Bdi0vnqb4RCLCa5S5GbLWCFQHluJVrgK4d3j37asFVgBOElhu1sEL286xWlurSIrGilc5Ffgk4GltIGAeQIAfhSZs/6aTNg9C+8djD2MBOik4UW/ldH1nc1dLTVNbvVOf8zUtzUYnd0f496ocwGmEef/h4+dP794+Pb+5utisvXl9efPv9uro7v7h8fjk9Gz4/PDr0KuXLw4GB/7+6e973dvTvbO7t7/94+fGr8WHvCIFCm3//tbVudbR3tba0tzU2FBfp1aNautVNlbXNle2FhYrLVUotzw3PzszPTUyOjY+MVmmVIli3xWUOkc1lLy//4UF8EXYeC8cfBAuPgoPn4WPTyLAOxHirYjwJGI8iwRvRIorkeFC5IFVAXAtSlwKgBsB8U8g3AocHEUAjgTFnWC4FxwPQuBRSBwLhROhcSoMzkSFYVHjXDQ4FC2+ig5DoscrMSw7xhFVE8CBmDEoFgyIFX/Fhj9iR7840CfOgbcugF5xo0c86BYvdsSHXfFjTwLYlyC2JYQfEsZPiWBDovglscAaBygiCRSQJApJKmSaBvgtWXyTHLokj04pDBItAnRICe1SRptU0CpVtEgNzVJHkzTQKE00SAv10kYd6aCWdFFDeqgmfazLAFVkGJp1BLAq49SvE4BNmWJFZtiSORZkgUVZopKssCRrVJANyskWy3LAnBwxLyfMyhkzcsG0XDElN4zIHaPywJg8MS4vTMgbk/JBGfmilERzBxJs7oKAlszEIM4BcG03ziuAbQBGDjD2kmWLfzqImMGTDK20Dpw8mJAcbeKBebJISYQIomfkJ3oKQolhwG2up8KdOyIHHVCAGDrpHKYQXwUJCpk4KQRIhRdFCskYn7qdfjD0okUOPXtSsDSykQkItgusTOuhWqoCfs07w7xhO8CltMkirOU2rld0db7VNQyJDU/CDAx1SmszwBwFSI4+55jDN4hXCcpAnF/+SqlXYMvrvm9lsZx6VUj2fKd2RElTTqSBckNpilcl6jrvLxP6djaMAmamTs0RTqLjGRODz8a+QsCILc0MuYoJxkTaIQMiwW/3s6qAiE67XYGB79vt9KNiyVB/LMI3UU5jLY1yO/8eR3lnRwb0kDbG3WYMlO4dmmRLJ+zgUtD+1tLSGBs0J+OG9fm/TjEPJQ4LI7XbMpUWfAEctMQ7mPVYMMvOH0RcPzQulDLhrl9sQtC5Ca52uW9yoYluiPbS9I9XB+TbIU0vtf1dzYXJ/Oe3knw2HVV8O6TwE+JKdKhvswzvqR31AgKiPJBJ2rNwinTWU0NjxajgNaq04ku45JqBx6p5/T8e/pfJfxP1Hx6GTGuuFJWyhQeVUMKE+ZIvENonF9R/aAKYjOr/RWHiQIcRhlnqlXyJMrLlhCLjA3LBMzBxXavIeOAccQICXF8qWU49umz5GGmhGDGsBrvCGZ5jGmdclzL/bCTUM7a59jO8CQFnDk06ZnuW7JueiUldmkvzwLvlVc3jFp53u5dX4Vej7d2/4vX++pi4yk0pAX7Zux213qLgHFB9VyRuvezJnWGafxLCyhut0Tra5udqNM4KZZ1HPPKzwg4fpKuLWdU566ET7qiE8i/CPOWBzlH23qilZyD2pa7Q2y6ef/AMTw7n2ftPk1LWumaBy78zp6zwn8yw53mtHZUTPnArIKYeQcMOUa6OjfSRtmPH8yIkJqZwZ7j05c+jTTlINhl+ZnB3f2pQMeIug7274burYSikVBUeBbCgJ+y6Xg47Cq1OOyAMSATS9k+jM/d7Ai5A/MDMNcyyzyadQTpm9XMIWAoLbTUIE53dRJPZ44YgrwwlhGuJRW/vE8BvJuEFzvKEcqphQ8hidL1FEN46PlLN7AoEnK1LqZabVRYcvvT4oZqI1Sv6ZJSSZyosdu/wpVf37Q/lnnCXHvFZ1kq1oMx0u04px/qnBk+m09jt8ybz+TUzhuRU6qgTALd8KYSGHe2mG6LgsISFnaDEFQKHFQORFrpXSjdZPsfRmABB/b+sPeCTTi+9SzeTcPsQJ43EyX/9h4ZA7DelheKxRmhVKjNPegwlIop+Fdq6Xx3JoTb+Q3iqHL2w8Xo2IaUIi7nWlmJrcz7bXDPp3yNmNGG8tVN/h67WgHIYb0CokyC83f/nlHjDXBsEpPtFF9yuJyWgCAFxGchwY7Ah50XAkokwAAmr9/fZptksaC8PXmDcNTuTQdLbUTlov0f9DLXXVawD9Wb7LLDeLc4cpZ9nd1qHsnBvX+g+Rah7bp7HjSGsnXPbB4Wx55hDzufHKGDsgLAQEpAxX11IF+c9qHFkzgJ87+NfQmjYq79qnHQ+/KxAxBr9JNGF10P7F/GT9XP+mHmartu8wvqlrpCnXo0PMtUBsS+NnX7VppX+eOSdle/q5eny1YEXi7veTr4vV11KdX7V9yhWt+FEHyzO8x67pFT3ows14od09YXEZjI+9wovIFcRVA4DT5V1CLGjixpFEAcHCSG+C7kKsc5WDIpEPAbBBX/FLxNPvfdPue1BjQXP1sS3DZM4P1P5E3JX2IFAJJi2W/jgZO/8TUg9xyvCmG0Veuan+o+/enAvSczI3dGmxBfhBMOdmx48+fqhlaC8f2q5I7cWJ8ao2e6L++99sPGTu6s3UQcgaKfvHBxgA0xNFz/1gnb7/0+b+RiQJuXbrHE/9WjJhe4cQp3NmYlkVEh66ba3aw3+4utfg0xN1rzdptLbRa9+GTOoOjzrk2oi1Y8LfVfb4Qr/dtQg369XFvlol3tHdBNAYRSGX+bzng4H2RrO9f51XIwXfITqwoLTq1uxw4qz5wzUiIJMba2zKFyaEdbP4fC5I/u1simWLHybe/ZzNb79vbWW2vzlQKZH7f9YbvosZOGaoU/6YiSTsicYMSTF2NWTphOAsHwUF2FzFh9tFwpwS+VMR4eGraFDjlcULRepSOlsFNUj3RCHmCKxLsIGfLZubvHP7MG/Zq0HLplOxGIp1LhQSNYUfUIMq6qgICKsIoedc28rBoi7GZ6E5stXow/fY50rTPbMp474FkoIHx+q90qAB34lRIUkHdXDbTPdJl5zuz+XPnpnSP22FCaSVQlcG/Ne+iKkNVIsxgMkpBWRfi0yTqAJbkhJIm1B1vSitBGHjCmFUKTga5XqYQUaWmdhEpyyTKeu15Ns4/AFOUgz7jLElhzT5UDAl7TA28PQAVgICgjtb1zpjPBp6gu4pBOZQnQm6bwDUWI4Qb9YrDr8KK+ADHy48Wbp63sJ98XDV+zm6yWv7ia9l49eV/3iglIvq3Rb0ijccSYQrYqoC3oX55XBa4rSr9Ndt7CbShEpU70vckir5wq+UBTKBzs5D1imx8mmvTQdynw61Bc43mdCSL7L4bDj8YHmfBReg+aiOm6DCyBfhMSlE4tBQCIGzrm04KcMPSKtlFdZqRqUCAlOGiYipMzerfhgBZHxLaKG4P0Ydb8E90bkqy1I+InmNiaf/Infj89VU+riT5uv3vhHGa3RL41rAQbbNklSeYg8aVKnbqdZ881rv7+Uzfn3YqPTSkaEGZ/3+4RzMNayFMvorMLHUTXgTCeClYJU48ysR5hcRxq1x0etlpWzUA7AKWEjQViY8VIJamWsNm3GIqEc1I4iw1beWULJB0gJIsg+qEp274gbtsUzD9RQJ5drcGgfQ2HrbYzViU4gawWF+tKGFe4KkeBU2qSeCGZu2IYgbu0uCTSRELAyFbvoyY4Jol7Sm6RO65UrdWV08dfyr927alHBtjv3v8Ov9kuCG+2oMqiCSgQ+QKlwvruShLn24u2oaPnd4mR1DbHK+yVnkuFCVI4OjE2vUhPiecbCMUBq9bKbM2RujOYQQQzj5akIaH5BAdrAgAvCAMOSJCs+5VTAVA/L4rDDgomL5bROxL5fveyDPUW1ftknrPZ6eXwgbepdzB71NVEv6lpVQcFnbF1WQbi2C0+ejZYiabBgXXEGkhoi8E8FIu4eJAr1OOcl0MMEEb5Bc9oMT90nibsiExIDj4Y3mX/72GkeeIGJSe/jEYOeUsBVMRqvFHU2dl7M/HDOB+GkVMp94bB4o5rOBAG8HbNmeRRW+1jKreNbarHTwzJB5l21/uFoWa9EQroKVbsf2UrZZMapJ0ciZbznZh4yP+SsHNEqvsiqsuS8peIYYph2IkWlU00bLBpYVBELkEi5MYP1qkS8OvjX6uiMJo9muaher/An00AoIV61OWdu0AmhgPBIUuazKPNRwXTytG+derRHCfEexuzhaYBEn6U2xZ4s7Wp05lOMnoZqpZ1j3Z5bW2omSD1DOpulcp56i+7ZVo2PGfM8+hQLLPoU8yX8hOwA+MF0HUZJ5+Mfno3kzFSzBzznjRfO18Mp7eoZbT2hbQsvP5sCpuZaD20oqn5Puj27cIYvyU9q+tOwRvOukEjpMWKtswta6e1+sED+m4iYGYipEBl4gt+PT4luCIsz3IwTh3m57D0yR698l1MkyNRkN43Ns0I2V7WcTCVB/QarBWMuFV9zCxcK3/+cawgmoWbyoZK26d8rivW/OMwYlEesQI6YYR2zYOqNJEg3d0Ej7yGXwxcjrSSXKuxgF8+nql0Sy12z0ELL7XgLmtKNkMhMQg/lqOyLEQH17DYKKMXhEKA0h/hLPQLG4Y1Gp1WSzYOv85sbXAehvWDIy/fXkawGTff3YgMdx7WLorJJDx017rFLCI5U4OQkCSARwkE8NxN6DGJwNQ57PY4rAU9TzZAARatF1KKdIki5ldo39MFftaP2v/9zrkUHprmBAV1g4lQ8QULBJIT2YYDyct9PUoQHPviFY9AkIoQTqx6E4NSjG1fA2mskKeEsDm0NTQPxiBkZQEYNc9QjWx/W81N5FE7ADwkQhnvsQ0GNgkizha0olcMKi0LYPylCSo4Y9vwgrZsx+CJsHu5nk7Lmi6zHIeU224fSm4+ZN65rOnPnRcxuPtgZOMSr485e3KZa8xpp9+f8myzoIV9/PExKJjTq+zzma2ziG3E+GAafWVIuIpaC650HlLLz6rSHqa1zPBNkPtTQjmVMdq4Ashrfs9EYeuzt8HTAqi5L0DRNXrQ+XU6fiNe3z8VZ18DjboWRk/4S5r/UE++HWz6T4+6pi9Ycl4rTSmkeI1RVKlwmTspVkFnNM1guut/DDYJ6r+VPlP2aZ2ctAfWGAZwzjfixCZraPNf8+YKHhrFogEjRenrgRCPQjWgsjQzw3MOjjFbeZSOf8eHAarYHRdGiMA6h7EsjIMGPAgxNnsqm1IchLxcGFloyHMsQosZ2gN1nD2KCF+Lf8Q7CMc3hOm4nw/Xch3RkuCAYiY1EujESooBNaZ81fICl+qZn+umUB8vS71JcFLOtwPPAOzwmm3J31fCBkXh0F035phvuIAZRMMnNwcLDB2aO6E3B24OroTaBz9zgG8hlvKL90Chjw57/FyLwkvQBryDQ5eTTNonNeWByJCUSrnBnCTZhiO7OIAT11cDeJrwjDl5OrvHNdJF71Fi4tZli3trgg6mYJCfbRVapD8u2tKgWaN84SRfpGk7Ji9SDa13Xc+OUUbOXrfUM0pCVDfNJUWCNK8M3zHV0a20augHQ7foAq9VJQzHc5c2ptYkhNm7IncCY3c+dkonXQ99Pn6brd0P5zDFNrMvJdUdbWD928d2Ue9D3f572aA3/OfaMneznSDYMG4BkcssllLPgasAUBhkIyX290vgvDEkkIWKbsAyxEtYRevATlmc22gGWewgOA3vmdtxeb/2Ia3HdsWPGiRyIMV0fplsRtZI907AllxbgQV07tJjWRZ0rXm0yrgMGEdcNi3eBgvoX5wOi7d5NowPP5pRuqNkuNA0jQhfn9bj6ZX+SKMfMXMYjjESH3EdUj9Bq4HSucOnO3vl0595h5vXUZ+WIAR/mLRWafFTvnuxO3jftMTfeH+/fJH568Fi39dfDNeWlySCtiodJAr8Ku0g/pcZp/tmZU4WQx3Eopfpezyx11Trz4lzunUvxYtVMTC1VEgIplyyjqdWyqUovUq/srzRVlEjrKYVrRZUk34ILuW0cJactKKGC3u0KpNavVlah/UvQypjbDrDJFXz4Vr79JF6/GXvUsISPDOvHA8SPu34m7ob0iHnImS8MWuN0h/fKCiLa4ru2T8oOgsJag3AaeUNZNziqKhtnbU9oRmiYKQKmtmMKEThOMcljJmw842qlXxw608t9wlipF81B46qNBrW14Wqf8Fb8EsJsJiy0uXaosk5Rwpav6rdY+Dsif1ul2MbbqENWH03bB8NwgZSrSEzZfL8lu6Rg/K+esnC+p+jjZTYMfX8gEiGjsLFMqnTtN45Sctql3qfimxlX+mOt82N9+NUaeVN/6aDvam2YJ1T9tFIffCK6ENMkC3H6kLhGxyad8nDaW2op2l5JqucdpEvmAL2LV8/c7P6WK/3AUkbW46y+iJGjLhMpjliDGPFx0+P8JpOD/AMVZs1EvXGvRc5006aKWGPlQASc6q6obHb3uXo2mjTaeFbpOimUBhygKXmEYTAwj0gZjHAI68TnMZ8+YcCfP0I0kUURqrrZC/KZY6pxENUYQ8nsfcDv9wYMRNGHpfsZRWHhcHfag4s/CrrjqqEHZz8TXdBRggvDhTCKrh2vIQrnRmeEDOHM6JxQ89fLix+yT174UVCuGBoqTOsuKjh1sXBVd25Bqbjw4oPa8OGCHzCK96L8uYq5NjAy8/Uv5+QMR/Luf0EqYXh40cqhnNy07hausH5Vd84D+kvti4U5X1tt7xnzOcMj8XN81AwdHEaV4IOj9yBEw/vO0yAsYVEXNyjcXuxwIvYXT+MyYAVZklg/1mCrqASHLrugMLvc0ohE8CIw9/IRRq13ZaMew6w0o2ebbaEQc/Ld25MIgYKsrKf1Zv7q3lIzRqOed2Ut48jqK6cNVKvYxhXLg4hQ6toicusFWIHs+uNqLVwHI3941zKrDEK5Z856Hb13fk5y4brqVa6xHqKNu8Pvnd6bskSb8lOXHFo6s9k9z2O7e6V5pEVe72YLyCsqygtgn3QCJHAGS9J4lGRKG9rB/hpnM2R2P8GU0I62dG+8da/tY9e9OUpwRvvioOOF486EPnQQOe/EDMuMNRN1ESpPoMeIJQre8q5igGZpQJiamZkiGFDV2lZa6mSQrNay0lZTSce3pqVtLbcOIUcL3eIdKNjjRU2jIgvhzNMZoYUIfdIG8jRZBigdUKqbzJr27j1udlyt3LFDqe4069y7t9E8Voq0rPypVZPVzbKyZ7IBGkn3jg5JsaJLd36Vtx2fpI1vdbssFCQdpQ7L2IJcxa4i38a7D1IH3cGV77GeyO7r13cjyeBgvIP4WjRFYid27K48YhFYpzy7yCis6CQ7UFp8LwRvW463NN+K8wTEDYrPgiu2fV9En3mfv/n1rPz/ERr5MqvXZkp/NANYCRVfMH662JFL7V0zUexJ8A5nhmGrvAa98X5fMb66WiNaw756VBvGeMBD33cBMwtATf7lDJxSS/PH3uquXHuy9/0jC0fHfG+SiG6AUZY/Q2e6MHV3WJ1bP2ZhAQO+/wgxhL/sTuFIOAc8oAO8A45EniNKGZEMEcOnk66s0f9e0KLXYuXMqIFmbGpMdw7hwUEQNB9Uye3kHneveoL5+AAcbfduBwPGOmiLmbTHsEdq1iTZ3oZNhqB9Htai6kADFTYDOvr3gycY9yrucW7nWSbOp4dcEYiDD86b3EQGGrfLmPl5TPKXjxBD+CyI58aus7Co8lB6HPBoDLVoFGArVa/aEh5glZy7L8d7R45wf1lDaTkrqC72Qm000CxyP+m+TqOVdz0sIaiIRuvhcwYIiCKYLXFL4evTOaUe2ZfsglwYy1NFgObrRB+GiJjsDcVEQ8JkVPTZhywwFp91LNBkSBgT7Q0lE2HyISYzFqyqy2EjQlMg75gYb5AMPJeXgB+GzzWLeAPIkHfKjznFcoEBjlkSI7+KlTOrZy+xZBKRSCLjWGITZHJrkbV87md7yJmX1DuBHOPjE/+vnC2UyIhSCylR5gvFx0O+ciORKN6wKys52Km+xJQLIiIFmY+QDVzD3GMzfjMOuoH/jr8evPbYHRhW1gSgb2lsW8zlDjstto3CY3YwmSeYNNltKbQJ87ax3D1mJ2aMWYjtLtnlQVRiC7sTdtE+xi/AR+4VM+yyk5KFYu8Qb7FwOVCOfLFzqLOYD3RLpjDWDOwjgtKmME8x7HUGUCjzTGoy0dHAASi3qcv1ryvt2MCRuYhY98lkNPXlrVGbChxDaxxWQVNODJPdlZVfDVpHXnSDnJufXoYXCIFPy9+RE9Rm6lPJBco0thl7TSqLt9VaSyAGWeQ1rWatzKNInlKbKRNSqfWsIrPlI1Wtnxmqp6Z0u9AsfTX1Y0uWS1aLbk6Kiko3Ugs2R7nKZoEas6JJ+pkvsZZMsMR57KGWQ/KjusStWpVaytgtisfJ9pRHA1sPaXfpdBUf2rXl6//qU/NaWYgICbDTendS8+O7IjYRuw6bm5TQNdm+vnJ29A9AUpJAWFiBa+qRyvWx13HfcNdBQP3/RWs2+2aT1ZivDdv0eNTAwHX/lrao9qFvLq4E168Fq6++8HrlemvpLeu7YRPf9YAmegSjp4cBP3KEGMK6pd2YN28w4LsVookmsrcn4NJeEX/whGlF2yNz0nISe+zTICkjm+HA5y1tr128PPT2NV8V+Tjnd3aw48EyKAECm70GI3Jz5EUDsHbd0Nsef5VJh7Xb2WVjQ+7ZuSFOAUsBiijm1CgDVc+J84cCvQSwpKXMaKJb+KFmUVyWY1zRB2GO4Y8dBIagwfMn7BjhMdvpLN1JXRa9g9hm87d3A1aAbfCezm3E7GPMczYfSJiO55ER5pPm2fW8A0N6KvH06WTp4pumAtObBwMo6Tj3zJKyb/t9RM5SepKMntwdfYQHvpWZG+uskEZ4ZDLyivzJ9MiIjAhpANSb1Jgclm3PzsUlymNOs6P+G2j2a9bHPW8d8EtLTUz1qUe8MH5Li4GDappzgjOVsmaaPa14ilnTgmBgqLnfn2/QGTRIl/Qs3THdLh2VLldXpdNl/h5tyMRxz1LPcnEG+VabQeMi+XSdXLeDy3JoX3aMDXWQpKS2ZQwt/tppbXaxpDm5mK0Zu09g4bvQav1m/WpCY0zP0aM9irWdpE6dkk24tqM4hY5h3JM96D5YUhLmBcQ33O8zUBcXZ75HAF/fXaf+FR2OZp/0wwkknKmz3kqTnyZ+ejMVR8JrlgEBz/BsZWxudYf2k37HiqBzdrJidL7Wvgwd1NH1T44XAuqS4vX89cy8sKrAAB4vKAC8FyupRG3ltp1KvAgvSs3XJlKVheX2CfGcrxyD645pcFkZnFqAHGCMMw4gBRvc55kGr1wWXQi3t8MFBbjOgXGjpKkvRgWnz6q9vXIrJ41DP4W+bzZvfm/x7oj5kXcpqJ0F3CjqYzWyxpYsETRvzOT6AugHOrP5gO8GojEiyvathCQluhClJBZRuhGZy1g2ShsXHbmCVSfXMT41YiVnB4dtYCOxiVnqvPnYurWttTZg/hnp85/l/JRSC1ArU1PycXl4lKbBnYiOrgT5VEDdn5KixOXhNDQUnxUTDayv0xLtkuzrhEsqEtmzLKfIv1LE7BTehblAgf4Mt3vH9QjhrFtixZJa4e3kY8fucSyo9+5vvLCPOZ68rWHPHkx5W8W2ieQzkWvOx2bo6ODl1Q9TeCHsHulRmzwbNyf8UA49Z4hOvXuy7+gW0PHOt03nB69Qyu+1oGR4nlN199+AXTUPk9G61+BNClRSANLTi4t/X15Tc8X8yrlznYzOmprOuR5AjESRC0RazVwkU0q8SZQyI+cA7/n/WVXaPq4up6MCdAISxdSBcVOKRquk/TE55OpKKzgdFiwNuB4USJi5YzXgaeFV1RZzJtE0UwEiMeG6yab0Wydb6KYYuVka4J3+mbZD28uFd5QK/Gg+Cf5UHbbPY4qMekvSvyvcEsrgj67SST9H5u4Bo+uwPlKsPlVboxiepihmtalkVD3zfU7qdwKfQA7Y0ygfPVM2J2VIiXeJkTx3x6qMbJyzuGG3MGkBEdOHtGa7pvqgq1EfEisTbLK6YsU213ZayC26xMGargca0IT3VOmpDF+rQlKecQRrK47lUq0pKnsVxXqCO3mtgFM/1NQ2tQycEyRtLU3EEJRVEnDh41cJeo2YlKhfZdRLYaYtWuo85+xRMX6+Fom3TclFJ61sShyFS7PCxiEqhw3OXOevBQ9GlVEDttcorfX4DUYqh26nVU5gyHethqdZu55Y69ah70+Zn3qPrtfW89IGdim88sGWNS6Vt6By5MK/ny9gCASsPKHtNRMbnYtd3coDTJL1geaZ59TW5iQPC0Cvd3G/YiuBWGnqV1in4cpz5yphAIAcfLpkEYFkSiIooHkeaeG7kZ4ukPj7Y7EhSOQIM1ol0N0QMdCLm8T1DkwidcJssj4oiDZJy+Z6VVrqFJvnwmM7sLmvJ1iCJdisyYPD+FCd1eehRHjRs+trLvsfLPc3h3g4AoGCeWfrgeiNPOt49q0/mY6HnGmxjt6dGqPgo+c9VxQ7bzA27TCsOuiv1gpxIrDTRkO1s009IAMfccmO1SIJcB0/DOfHxMcvsBeSHXPgBTh9uuUj5aP+IX1bbQmi6U9pxieEmhp05HGSn/qi+tOnbBc6CT1cg1L01Xp39dT6kjcq1s+Wa3v0pinTepa6xuF0M/SmKFN6lvRUd+uTEyzxu3bhM9SfFKDX5tWcgNtWHOp/I7SwA6jMUobWnbLYVNP3+eyKE/1v+I4mgCiz3EQEhj2m9jJPjL9fZXhkSOipkGDjTV5lbbYJrGh+p+b2pJ9WXRPwYX+a4zcm4WyCYs29RjMKF9FeQPyqUpzu6k2DlPS8HY3n67bZfxjGi0NHgswsowdXroyOjpM0YsO1ooNqgabt4TmVdaO1qovt7avZ7e2N2Wfl4T2J7b6MKhqLfsDevpHeGFpb0qooFHDjcD7c2gI3b35rawxuaeXUlpb8xUlQSQkEPukYSYIJAAnyYCyaTyVRKzs6RCqo30+Ss+SkkyqSzinXnVEkGUtGegypiDyiCuJJ8ixz45/xeFBmL2Mzo5fJnBvrQ0GENtGF4UI8sQOJXSc0EnuBGo5BdYz5pAFWjs3SazEXL5avWOe1G52xXQEnrBrXbsiHvyIkS3NLplWWFTP6RmCticykPlAJPicutS0Txr3MNllsXGc9mykH3R891tcbhe8RlB/Ld8o/1iJ7wn8rvt7jYzfIlM9aG9ctNim4Ewe+nl+6tDHsXIipaZf1bOEWZf61EzTvtuBDsfRY8aE94dJxLV/5riIaa7Mu05BzJ5HtvlfbyOli2r6cTOl77r1X+4y8lY8dPSweC5X7zXH3HveRNCfTeJ94JflsN1BXhwSC/8szy9IdWxKcb6TV3Nv44jUzDuNkmWoRbLUxtfXsKFrhveLXst88DHtcwIr1/uy4XTtjOQnWt0GSTRx75y5OrHUCSOdE2jmUT+IElpg/NJr+5DFHiC3rB+AZJuE3H4F3vrGTcaOvf58kO6PJi5GTCDJgo1QtAa0ht8HM0Wxf7j7aTdtRW1Cmn+ge1aBnV4TZaa/tezHGMffjBscjQf3NMqbsW/CBaJtEowoZhRggZ8o/xZGKl0nbnSZK2qP2rjo2rIrDQbiB+2rPBqN2eTH+doc+eO5OLlsvUIcT5rX4nXAtpL8GcYoiCDDGwbTDYbuIUqYUHQ+w/wnDxiUv3FMQ3XR4YnkRE+b718+TYbJ20F5e/5N94oZzYVEHgrqj3K2ZNATcPOl8Nx/nmYFs2nvfJTMZPXWU1ZS6nqbxu1fC+0yapSQY9pu3oou84cUSrJcUwgolBImWtxRgvCSL/zX1I84jfqHBi0lIel+dYV1fehpW6gEFwh8Z/YyPlj2WUgerzGlCvrqxED74SvG85NnkctXzanGgOpwnkAjnVJwk2ANJSQo9fouiha+nEMQRpSrwJDwYYDQrTO/Zn9xKla6dyVIdgY5UIbCswYoyP3ZcTU0cO5Ez7qDra2rYcZzEcYyaY7F0zo8p+ahp23IO7AVQEXBl9RoljWl8YIP7rR8wNtBW5m3OwwM6hJeu9sDqvedczuDGyuOP1howpjIaTfg+1YaaIjwwAfiiVjxEB/hWV9o6PIlOxGO+7bSLS48Hwl7CH/Wl9dXvqu+PekXew6RN60Xub9j/Su94GX3l9YBuykPsDsI+9LGscM+UxUfFXjWTudzRj1i7NkJ/UoSUOGbvX/8vZ7/IrXVJdC3AHgbj3ZNipzsnCG/fNrzbezw0tGlib1OJxyc4J3onQn/tWv2IO4QTb99Sx/dmn28wM8MJmKctmrV+R7DapVLNWL1LacF6l7xpd/eSsJN5UAXwVgGapMrJcGwwdXHhnrzGgPyqmiZd8yaPMqgS2udBQC+Ptv++K6D6XRGXrBt8N3x7CfZ5BG+faPKZiIy02GzyRPYMD+9BAkpck5NdSwI8HTa1wDB2UIXdIJzMwWu2wq2t8FZXqyQ9Z0dMPsOQMKpJGBZoWaW6LbVLF0dlOyztD4DkyVAACEhLFkMMCMoqwAwIPHBAsAxAI6KPixcbAMt8sg7KB9WH7fOAF7L/5uhBpAm5NYrs93LIO52J0Ys6h8VcmP98GXMF8/Uz5gKQLK7lLJYuYPxlYDiAchuLE7ktW1x3IWg8PByPb8I4HEBIyfIVszazUjVXvWI5Yws2C//QGi3HCtyzDQPZ2XAYLClDGCSBcrJDPgwTKwk/j5lTI2dD3GqXWvMNGSLp+nn9EpTOJwe61YIQzNm5WbB49xWVPbmRvD5wD5VJ8JICHxVOVSx7WqcK2K0bms9IWNgjBQ8/03Xr8ABj/LdsaSZDCR/BsiTRYxJmMCvYIJhkXcFQsj1xsiINkMHExwQldheGTIcuQCt8vboTT15P+iTR9DYBArLw8tycdTmGUX7efgxFePSxyH8oD4bP4vEDUYtMzW8q21qwFPEQbSiEEid9YpIryzWNerJEaZsL+f+Lax+ZEO2PAINyETlO7EuuCCCydEhOpQP//zttkBdsH35iboIf77Xwn8EC38LbbDD+WeBF1sgaI7QZNTpj6dbsNnawJrHGcIuLnYuzrYut+Z7wQdlE5UIu2Cc3mhOac1z9O7Yk5eEX5v3UbiIvI4cCbVn5q8aVlqNK4CpRmLqkWG2ymt098iC3AGT1gNPzv+pqwS/iMPGuysU3YOMttE/433/oEPrypsiX7rO3Hq1rtL66UXjXAUMcYe8ytvALs44K/U6bKHO7XWd4w1Ax7lZ2lVhtsCGwpcMIzh9AX3Y65PMuNNNuo14c+y3+g+4n8aWrViHMZLzTgcK4HcXzJLQDJRtFG2vTWMpMsy3u7ssoWhT22Tn0BdpyI6aLI4v5uGX5Ui5F14BtaADyXqjxjeOZPDDeiH9KUM4ofUQqPa8RkhEUkBR/z3iooACOFyCmeGiPWWSjj1kV3URYmNlTs8QT/GmY+TRGmlnPCInFRi4umGJUStC1L8tHdXKl4FTDznHgME/N6vHj5oHmx8cv16k5XM6s9SzzSqdpcPPrl6BVj6jlsxsKhqwvd15mqmvvPNxuFQQJYQKnvhaIXlE9u77Xn1S2eN5AtMM61ax8t4uz3DaRTK0kpletiEv69dQitG1fy5e3YbfRWhj7ebEAvHCldHG77Hq5vYZeQCAA8HoBImSL9lwoPr8gFoqD6pBQ/LLMSznF2cWryvggJRjgj+ENCLdlPlIn7wSYDyfsehBat1kvUHdzXXFz1w00fNnnYShh93IMPXpfGh7Lar6tHDn7eTnnteH8wy158Gb4cEvLbTXqwhyZrmYFAp+EeB+o2OfhneITyKp+YucEhJej+Cm/AxlyeHKyGSGoJwU5DGWkdkQ6JTEbi52jYrBtXCo3xnvNk6IyUAIebfHOOTw/UVLLj9i3xViwFW5rQwqQrU3cCnPdVqSgKOD0xpUYaRFJXJYad3nCF9fZuvfyc/SJ6zSXm3cC1yB6oDzDJsykwiq6YYzNcNinlSenk7tpgfJDX86FHt7zl9vVBLq2yxtoLjx/2gc1ElWTj1t28sXnMZ8/IeeRCxU7j7nwKsfpAgjibS+oqEf+vAbXw7sRqUeou3YN2Y3UYykfU+sW/YlBEEx6/0SQJv6S9NAfmg5dvJ03i6SnBeRJ0h9+TscseL1bugr4tv7n3aKB9Fk32f9zkfad05Z3r79+//V3KDD7ELT0+611Hef/Z5FFZO4CVujO39psCffelHg+POMhjDZiiwFFpf83d4r7tH/HH1+gcwd+vl4BtGWGokiQHmA8WclONkl3ZfwIGUOyxDzFIl66JAUr9jJKEtMBWehlJSSxBahoXkRIuMoKmvs931kZRBKRrL3TEsSVHG2b5aq5C21tk1/oEldzFB4NtwCs/F+2ap1ZoMJMNj/mBWEeTxx2ERmXcF9nORVxS7LeFPEUfxXjFVG99CrflJyXJFKKuRtTw7Yano+zEh83T7CK6wgFtzd2mvmYdV68xgBN7MTjLtMu4OZ8TZDMMJi4qlIMKFRXJwwYLeMkExKBtVi2If+pjWBt0ha3VZb4ZPH/MHDwzMAMjGMA34OmRgwB4Ni5xv746Xl5hvG3uGXgBwikejMcEQ+PIziLfrxnK4xbMQVBeGJMxcGtnnhhgQCN/i1kYgI5TFAwHMK681XIxYsI+CqFaKKSjCsvQ3o3dd7rqgxVehNtdSqyCpi8XNmJPH+OgD+uEJD2wRzHdJZkc7wDB2hoT8eAhjYHnt41Nlb6EX0rOzvzffMRPcB6N4tZGSyexl/DA+6kKpGlp5J8Lzs9dTvikr97XVLsD6gs5T1YrMYRxWALy6SoKyuUQrypwac1uGh9qdcRvigRybEP4/5gJ31YJJhl+YO17POuDiFxm2o8hOISEItJ2BjvkGQ45BoMmvMCdU+XaJVBWdENAh+sXMlL6fh9peBP/IEPC9DhPrvsdT717vHVhGpzUZ2B2DgWe4wN9CMUN7lCe2YwLrRf1uK60n2la+f7/yPM4DepYKM2nkWvCpMQ3lPuW6dMTwdpowRvrJUKJ90qm5fHRlfPvt02KnMLrR0RgKcQowgVbPnRqHEP96vZ/+e5Zo6U7IYkANC0jSzwfQBAsfAzQ4qEefX0igCIAgBMT7Odpboeb1UPai/W3vDaIaXxA7KAMImaP6enEN8/akaIvu/ajSzy/aXNCMP3S6GIcefBiMYknRKGsLSqIh1EyoHvcdQibO1h0BAbf/Wor0OPkBhtnzqRDFJwBUGsBHMf5WCgXPi2NuMzCMPvpSBAHVETwgG+/3QBgbTfFYYIo7z+8Ig8qZckfCcDQZbL/6ojqfZJu+Avfm85/BXPk/Rs9J3QRiRy/8+qQfDe9fDn8HZa9YCSSXvXQ5e1Wn1C1rnefXCSdkcZ8JuDvBNxgGXbCqsBAG+FbzmyD/wIyBnwuzLL6xEc2L0eAfIxxMSVm5EM3tXCqgdSqvlJC+E7wH+7wNRtAZACoLYoA0l3hSJe+l7pEGLqK0RKkRI8UOeQAMwIaEongKhyCTIKfGWaQzbIO32E9r5tWo1s6avXC2RtVJZAkWIAQGdpJZcgeBTtmsoRL1hoEy3vFBSKRIvc7vXq8jVKgYjl4UwWrYXf/BeiI6LExY0L4IH/zmEPvkVNjyahy7/o6GPAcv7beI7XAdZfLsQBcYgXAP81bhj85w2KAxHcz6bPxmXyNQwA5M7NsQa4UY0G+39YAzirSvjxAUASe1Z6yPs1an6lm6sGIAmjz8Y9nH98B0P19qw+7i+anzwWS+UmddYLVI/otmz4z9IiGIJ2RjnaDgOu8diApepA++o88N9PTuxnmsfCUGK0w8UXfPI7FaN+UZjxRO28P9HBkj9TWPG3M4ffujsYYD3CQhfALNsWfqOXU36nm2d+0ctNT9RO+RPDfPRnek3+do4bOc8Ojjh2wfX0qEEJmH489KgpWG+T7rjkR5iyV+my8VD/FRLj/P56dXW96BkESDhceDvdiNjeJpr7p4vNA++pj4nWoGXlROL9y0sLK2OlaT7pEEqAIoDRGx12h0caCewViy7wzn8EJpmnpIgRPw7/FUgY3v3etZWrBJ5nJCQasSxmtjW5IY5k9ZtTJ2TWe+pIwK800ovwbGtAEysOQY3uu3TOyCYlK/LCLGMIrW/U5dqvFZyZLCxZtsqKtf25yd+EdVm39VgvAEIwgmI4QVI0o1JrtDq9wWgyW6w2u8Ppcnu8Pn8gGApHorF4IplKZzzw0COPPfHUM8+98NIrr73x1rt5i9w++uSzL7765rsfRmnb97c//vrnP2WkGcCaOGhtw5u3+k6EzZBjeyjS0C60PlmGmRJUMfQmxwLCn6ECtS9lMEzVIYNTVMb3xnKxP45c7P63t8Xuc+0qzGPMgsPYS22WCnsMpepEu4ZnpjnlppTH3OewSCVK4GmiIBfepj0Eh8GU/EQPBf9Uao+LiNDmNhsc3b5mn4qOhjLu6nAdx0Cx2o2wLrvmpTUwVzw8aKkOlV3G2lSYRGHrkOk0baUaDrQYhsKBKcrmCMEUPkbVjfchgRkEfMvXBBDskFpi/Y8KH7x/v+xwWQZHHFGUb30L2FFcnDYijzt1WEhElQbtiaGBxcfMobm1I/LlrlGg8LmBeqsMFM7TMapQghrK2DvXeo4poD0sfSmtBD+TZhVbXxfm6+o/E4bNedVwVzIlTOy+1HtMmRtrAEjGNVId21uIbJCZiLekOy2IjgI8BkpJi5HFBdx14ONgMZiBQSXtyixzJKhVC2oPnS5P056BQn1e6bkrOZ8WtnDLxaKFTlhs5SozcGEboIghrplDtBOZh/ysKcf94nYdsuQRFe0v9FQbFQxK3t/UvOkecd+1MOMO0Ob9BbQVISZZ1lT8/EB4kvfF2/O3/ZLFDaGhO28oRoPfWOQvpC6hmlMYhGLBVbaGquExh37U2AGm6rB9RYHLbzyX4Uu9R5+imjMlShXqRpbSil3tkoXSoTLDg8BCrJccEk5OGuakFTYTNNIFlT2UITmq/LLkTRH3zCcnAAA=') format('woff2'),url(../fonts/iconfont.woff?t=1597376066019) format('woff'),url(../font/iconfont.ttf?t=1597376066019) format('truetype'),url(../fonts/iconfont.svg?t=1597376066019#iconfont) format('svg')
}
.icon {
    font-family: iconfont!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-icon-bus:before {
    content: "\e66e";
}
.icon.icon-map-school:before {
    content: "\e66f";
    font-size: 24px;
}
.icon-icon-subway:before {
    content: "\e66c";
    font-size: 24px;
}
.icon.icon-map-bus:before{
    content: "\e66e";
    font-size: 24px;
}
.icon.icon-map-shopping:before{
    content: "\e66b";
    font-size: 24px;
}
.icon.icon-map-subway:before{
    content: "\e66c";
    font-size: 24px;
}
.icon.icon-map-hospital:before{
    content: "\e66a";
    font-size: 24px;
}
.map-list ul>li p {
    height: 20px;
    line-height:20px;
}
.icon-icon-school:before {
    content: "\e66f";
}
.icon-icon-shop:before {
    content: "\e66b";
}
.icon-icon-hospital:before {
    content: "\e66a";
}
.map-list .on{
    color: #ffa62a;
}
.swiper-locaton {
    position: fixed;
    bottom: 80px;
    width: 100%;
    height: 70px;
}
.swiper-map {
    width: 75%;
    height: 70px;
    margin: 0 auto;
    overflow: initial;
}
.mapLocationOn {
    color: #fff;
    background-color: #ff5121!important;
    z-index: 20
}
.TD1hk {
    position: absolute
}

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

.TD1hk._1oB_a {
    color: #fff;
    background-color: #ff5121;
    z-index: 20
}

.swiper-locaton .swiper-slide {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    border-radius: 8px;
}
.slide-cont {
    margin: 9px 19px;
}
.swiper-map .name {
    padding-left: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    color: #3e4a59;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.swiper-map .location p {
    font-size: 12px;
    color: #77808a;
    display: flex;
    line-height: 24px;
}
.icon-location1:before {
    content: "\e65e";
}
.swiper-map .icon {
    float: left;
    margin-right: 5px;
    font-size: 18px;
    color: #47b3e3;
}
.map-list .nothing {
    color: #a9bacf!important;
}