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

input, input:focus, textarea {
    -webkit-appearance: none;
    outline: 0
}

body, html {
    -webkit-user-select: none
}

.dot-text, .footer .nav {
    text-overflow: ellipsis;
    white-space: nowrap
}

a, abbr, acronym, address, article, aside, audio, b, big, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

li, ol, ul {
    list-style: none
}

a {
    color: #000
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

input, textarea {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    text-indent: 0;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-rendering: auto;
    border: none;
    box-shadow: none
}

.filter_box .filter_item li.active .btn, .filter_box .filter_item li.active a, a, button {
    -webkit-tap-highlight-color: transparent
}

#search-bar.type-b, .filter_box .filter_item .cont li, .filter_box .filter_item .guide li, .filter_box .filter_item .nav li, .filter_box .tab_bar, .head {
    border-bottom: 1px solid #e5e5e5
}

input[disabled], textarea[disabled] {
    opacity: 1
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}

a, img {
    -webkit-touch-callout: none
}

img {
    max-width: 100%
}

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

.head, .head .left {
    display: -webkit-flex
}

body, html {
    font-size: .875rem
}

body {
    overflow-y: auto;
    font-family: PingFang-SC-Regular,"Microsoft YaHei",Helvetica,sans-serif;
    -webkit-overflow-scrolling: touch;
    color: #333;
    background-color: #f5f5f5;
    -webkit-text-size-adjust: none
}

    body.noswipe, html.noswipe {
        height: 100%;
        overflow: hidden
    }

.head {
    position: relative;
    background-color: #fff;
    color: #222;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 1.1875rem;
    height: 4rem
}

    .head .logo {
        display: block;
        position: absolute;
        width: 6.25rem;
        height: 100%;
        background-size: 100%;
        background-position-y: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .head .left {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
        align-items: center
    }

    .head .right {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-align-items: center;
        align-items: center
    }

    .head .city_switch {
        margin-left: 1.3125rem
    }

        .head .city_switch .city-name {
            font-size: .8125rem;
            margin-right: .265rem
        }

.icon_city_switch, .icon_delete_history, .icon_drop_btn, .icon_go_back, .icon_history, .icon_info, .icon_search, .icon_triangle_down, .icon_up_btn {
    background-image: url("../Images/sprite.svg?version=fdzfgougml");
    background-repeat: no-repeat;
    background-size: 100%
}

.icon_triangle_down {
    width: .5625rem;
    height: .5rem;
    background-position-y: -8.25rem;
    display: inline-block
}

.icon_phone {
    height: 1rem;
    width: 1rem
}

.icon_delete_history {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    background-position-y: -9.5625rem;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.icon_history {
    display: inline-block;
    width: .875rem;
    height: .875rem;
    background-position-y: -9.4375rem;
    -webkit-transform: scale(1.5) translate(.15rem,0);
    transform: scale(1.5) translate(.15rem,0)
}

.icon_go_back, .icon_user {
    width: 1.0625rem;
    height: 1.0625rem
}

.icon_search {
    background-position-y: -6.75rem;
    -webkit-transform: scale(1.6);
    transform: scale(1.6)
}

.icon_user {
    background: url("../img/common/preson.svg?version=fdzfgougml") 100% 100% no-repeat;
    background-size: 100%;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.icon_drop_btn {
    background-position-y: -.8125rem
}

    .icon_drop_btn.active, .icon_up_btn {
        background-position-y: -1.75rem
    }

.icon_go_back {
    background-position-y: -16.8125rem;
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

.icon_city_switch {
    height: .5625rem;
    width: .5625rem;
    background-position-y: -.5rem;
    display: inline-block
}

section .section-head .more:after {
    display: block;
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: .6875rem;
    height: .6875rem;
    background: url("../Images/sprite.svg?version=fdzfgougml") no-repeat;
    background-size: 100%;
    background-position-y: -.6875rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#search-bar, #search-bar input {
    height: 1.875rem;
    position: relative
}

section .section-head .more {
    position: relative;
    padding-right: .8125rem
}

#search-bar {
    padding: .625rem .9375rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background: #fff
}

    #search-bar .search {
        display: block;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        position: relative
    }

    #search-bar input {
        width: 100%;
        background: #F5F5F5;
        border-radius: .25rem;
        box-shadow: none;
        text-shadow: none;
        padding-left: 1.5625rem;
        font-size: .75rem
    }

    #search-bar .icon_search {
        display: inline-block;
        height: .6875rem;
        width: .6875rem;
        z-index: 1;
        margin-right: .1875rem;
        background-position-y: -4.6875rem
    }

    #search-bar .search .indicator .placeholder {
        font-size: .75rem;
        color: #999
    }

    #search-bar .search .indicator {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    #search-bar .cancel-btn, #search-bar .delete-icon, #search-bar.type-b .cancel-btn {
        display: none
    }

    #search-bar.type-a {
        padding-bottom: 0
    }

        #search-bar.type-a input {
            text-align: center
        }

        #search-bar.type-a.active input {
            padding-left: 1.975rem;
            text-align: left
        }

        #search-bar.type-a.active .indicator {
            left: 1.0375rem;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    #search-bar.type-b input {
        padding-left: 1.975rem
    }

    #search-bar.type-b .delete-icon {
        position: absolute;
        height: 1.1rem;
        width: 1.1rem;
        background: #000;
        right: .5rem;
        bottom: 50%;
        transform: translateY(50%)
    }

    #search-bar.type-b .search .indicator {
        position: absolute;
        top: 50%;
        left: 1.0375rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

        #search-bar.type-b .search .indicator .placeholder {
            display: none
        }

    #search-bar .search .indicator .placeholder.keyword {
        color: #394043;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 20rem;
        max-width: calc(100vw - 4rem)
    }

    #search-bar.type-b.active .cancel-btn {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        font-size: .9375rem;
        color: #999;
        margin-left: .9375rem
    }

    #search-bar.type-c {
        height: 1.875rem;
        padding: .4375rem 1.25rem;
        background: #F9F9F9
    }

        #search-bar.type-c input {
            padding-left: 1.975rem;
            height: 1.875rem;
            background: #E8E8E9
        }

        #search-bar.type-c.active .cancel-btn {
            display: none
        }

        #search-bar.type-c .search .indicator {
            position: absolute;
            top: 50%;
            left: 1.0375rem;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center
        }

            #search-bar.type-c .search .indicator .placeholder {
                display: none
            }

.loading_box .loading, .loading_box .loading-text {
    display: inline-block;
    vertical-align: middle
}

.flex-row {
    -webkit-flex-direction: row;
    flex-direction: row
}

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

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

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

.flex-not-grow {
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.flex-not-shrink {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.stick_fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.dot-text {
    overflow: hidden
}

.loading_box {
    padding: .3125rem 0;
    text-align: center;
    color: #999
}

    .loading_box > * {
        vertical-align: middle
    }

    .loading_box .loading {
        width: 1rem;
        height: 1rem;
        margin-right: .3125rem;
        background: url("../img/common/loading.gif?version=fdzfgougml") center center no-repeat;
        -moz-background-size: 1rem 1rem;
        -o-background-size: 1rem 1rem;
        background-size: 1rem 1rem
    }

.animation {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.no-animation {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

body.filter_show {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.filter_box .tab_bar {
    position: relative;
    z-index: 10
}

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

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

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

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

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

.filter_box .filter_item .cont, .filter_box .filter_item .guide, .filter_box .filter_item .nav {
    overflow-y: auto;
    overflow-x: hidden
}

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

.filter_box .filter_item li {
    line-height: 3.125rem;
    overflow: hidden;
    white-space: nowrap
}

    .filter_box .filter_item li.active a {
        color: #00AE66
    }

    .filter_box .filter_item li.active .btn {
        color: #fff
    }

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

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

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

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

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

    .filter_box .filter_item .cont li.active, .filter_box .filter_item .guide li.active {
        color: #0DBEEC
    }

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

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

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

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

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

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

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

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

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

.footer {
    margin-top: .75rem;
    padding: 0 .9375rem;
    background: #2f3130;
    color: #727373
}

    .footer .nav {
        height: 2rem;
        line-height: 2rem;
        text-align: left;
        border-bottom: 1px solid #3e403f;
        font-size: .625rem;
        overflow: hidden;
        -o-text-overflow: ellipsis
    }

        .footer .nav h1 {
            display: inline
        }

    .footer .location, .footer .location a {
        color: #939494
    }

    .footer .cur a {
        color: #727373
    }

    .footer .info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 4.125rem
    }

    .footer .icon_box {
        width: 7.8125rem;
        padding-top: 1.375rem
    }

    .footer .icon_android, .footer .icon_iphone {
        display: inline-block;
        width: 3.75rem;
        height: 1.4375rem;
        background: url("../Images/foot_sprite.png?id=201709071919&version=espze226mk&version=fdzfgougml") no-repeat;
        font-size: 0;
        -moz-background-size: 3.75rem 2.875rem;
        -o-background-size: 3.75rem 2.875rem;
        background-size: 3.75rem 2.875rem;
        vertical-align: top;
        opacity: .32
    }

    .footer .icon_android {
        background-position: 0 -1.4375rem
    }

    .footer .copyright {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-top: .5rem;
        text-align: right;
        font-size: .5625rem;
        line-height: .9375rem
    }

        .footer .copyright .company {
            padding-bottom: .15rem
        }

.toast {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1000;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

    .toast .content {
        min-width: 8.125rem;
        max-width: 12.5rem;
        background-color: rgba(0,0,0,.7);
        -webkit-border-radius: .625rem;
        -moz-border-radius: .625rem;
        border-radius: .625rem;
        text-align: center;
        padding: 0 .625rem 1rem;
        color: #fff
    }

    .toast .content_without_icon {
        padding-top: 1rem
    }

    .toast .icon_box {
        min-width: 5rem;
        min-height: 5rem
    }

    .toast .info_box {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 400
    }

    .toast .icon_error, .toast .icon_warn {
        display: block;
        position: relative;
        width: 5rem;
        height: 5rem;
        margin: 1.875rem auto 0;
        border: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        font-size: 0;
        cursor: pointer
    }

        .toast .icon_error::after, .toast .icon_error::before, .toast .icon_warn::after, .toast .icon_warn::before {
            position: absolute;
            content: " ";
            background-color: #fff;
            left: 50%
        }

        .toast .icon_error::after, .toast .icon_error::before {
            width: .125rem;
            height: 70%;
            top: 50%;
            -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);
            -webkit-border-radius: .125rem;
            -moz-border-radius: .125rem;
            border-radius: .125rem
        }

        .toast .icon_error::after {
            -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)
        }

    .toast .icon_success {
        display: block;
        width: 3.6rem;
        height: 2rem;
        border-left: .125rem solid #fff;
        border-bottom: .125rem solid #fff;
        -webkit-transform: translate(2.25rem,.5rem) rotate(-45deg);
        -moz-transform: translate(2.25rem,.5rem) rotate(-45deg);
        -ms-transform: translate(2.25rem,.5rem) rotate(-45deg);
        -o-transform: translate(2.25rem,.5rem) rotate(-45deg);
        transform: translate(2.25rem,.5rem) rotate(-45deg)
    }

    .toast .icon_warn {
        width: 2.5rem;
        height: 2.5rem;
        border: .125rem solid #fff;
        -webkit-transform: translate(0,1.25rem);
        -moz-transform: translate(0,1.25rem);
        -ms-transform: translate(0,1.25rem);
        -o-transform: translate(0,1.25rem);
        transform: translate(0,1.25rem)
    }

        .toast .icon_warn::before {
            width: .125rem;
            height: 50%;
            top: .3125rem;
            margin-left: -.0625rem
        }

        .toast .icon_warn::after {
            width: .25rem;
            height: .25rem;
            -webkit-border-radius: .125rem;
            -moz-border-radius: .125rem;
            border-radius: .125rem;
            top: 72%;
            margin-left: -.125rem
        }

.crumb {
    width: .25rem;
    height: .75rem;
    padding: 0 .3125rem;
    background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAQAAAD1lzQWAAAAUElEQVR4AWNgYNgmwgAHYO62tG0225iQhbS2pWzz2saOLCS1LX5b+DZ+ZCH+bWFAQWlkITagttRtNrgEtvGBtchgN3SbJtBab6i1mA7DcDoAb/cmkayp5asAAAAASUVORK5CYII=) center center no-repeat;
    -moz-background-size: 50%;
    -o-background-size: 50%;
    background-size: 50%
}

.wrapper .page .content_area .mod_box:first-child {
    margin-top: 0;
    border-top: 0
}

.pictext .mod_media, .pictext .mod_media .media_main {
    position: relative;
    width: 5.0625rem;
    height: 5.0625rem;
    text-align: center;
    border-radius: 50%;
    overflow: hidden
}

.main_start .jingjiren_box {
    padding: 0 .75rem 1.5rem;
    margin-top: 0
}

.mod_box {
    margin-top: .75rem;
    padding: 0 0 0 1.25rem;
    background-color: #fff;
    border-top: 1px solid #e5e5e5
}

    .mod_box, .mod_box h3.mod_tit {
        border-bottom: 1px solid #e5e5e5
    }

.main_start .jingjiren_box .info_box {
    padding-top: 1px
}

.main_start .info_box > div:last-child {
    margin-top: .9375rem
}

.main_start .fixed_bar.fixed_opt {
    -webkit-box-shadow: 0 0 5px 0 rgba(200,200,200,.5);
    box-shadow: 0 0 5px 0 rgba(200,200,200,.5);
    background: #fff
}

.main_start .jingjiren_fixed {
    padding: .5rem;
    height: 2rem;
    line-height: 2rem
}

.download_fixed, .fixed_bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0
}

.fixed_bar {
    z-index: 90
}

    .fixed_bar .pictext {
        width: 100%;
        padding: 0 .5rem;
        overflow: hidden;
        box-sizing: border-box
    }

.main_start .jingjiren_fixed .mod_media {
    border-radius: 50%
}

.pictext .mod_media .media_main img, .pictext .mod_media img {
    -webkit-flex-shrink: 1;
    flex-shrink: 2
}

.pictext {
    position: relative
}

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

.layer_static {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999
}

.fixed_bar .mod_media {
    width: 2rem;
    height: 2rem;
    overflow: hidden
}

    .fixed_bar .mod_media img {
        width: 100%
    }

.pictext .mod_media img {
    display: block;
    vertical-align: top
}

.pictext .item_list {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .75rem;
    overflow: hidden
}

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

.fixed_bar .item_list {
    line-height: 1em;
    text-align: left
}

.jingjiren_fixed .item_main.text_cut {
    line-height: 2rem;
    font-size: .75rem;
    font-weight: 400;
    color: #666
}

.fixed_bar .plus {
    display: block;
    height: inherit;
    padding: 0 .64rem 0 .356rem;
    text-align: center;
    position: static;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.pictext .opt_t {
    position: absolute;
    right: 0
}

.pictext .item_main {
    margin-bottom: .45rem;
    font-weight: 700;
    line-height: 1.2em;
    overflow: hidden;
    font-size: 1rem;
    color: #333
}

.main_start .jingjiren_box .small6 {
    color: #666;
    padding-left: .5rem;
    font-size: .85rem;
    border-left: 2px solid #666;
    font-weight: 400;
    margin-left: .3rem
}

.main_start .jingjiren_box .item_minor {
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #999;
    margin-top: 1.5rem;
    padding: .5rem 0 .5rem .8rem;
    font-size: .85rem;
    position: relative
}

    .main_start .jingjiren_box .item_minor > img {
        position: absolute;
        top: .5rem;
        left: -.65rem;
        width: 1rem
    }

.download_fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3.125rem;
    background: rgba(0,0,0,.68);
    overflow: hidden;
    z-index: 99
}

    .download_fixed > a {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        height: 100%
    }

    .download_fixed .logo {
        margin-left: 1.25rem;
        margin-right: .375rem;
        width: 1.875rem;
        height: 100%;
        background: url("../img/common/logo300x300.png?version=fdzfgougml") center center no-repeat;
        background-size: 1.875rem 1.875rem;
        font-size: 0
    }

    .download_fixed .slog {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }

    .download_fixed .title {
        color: #fff;
        line-height: .875rem;
        font-size: .875rem;
        padding-top: .625rem
    }

    .download_fixed .sub-title {
        color: rgba(255,255,255,.7);
        font-size: .6875rem;
        margin-top: .1875rem
    }

    .download_fixed .btn {
        width: 6.875rem;
        height: 100%;
        line-height: 3.125rem;
        background: #00ae66;
        font-size: 1rem;
        color: #fff;
        text-align: center
    }

    .download_fixed .close {
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
        left: 0;
        font-size: 0;
        z-index: 1;
        border: .8rem solid;
        border-color: rgba(0,0,0,.3) transparent transparent rgba(0,0,0,.3)
    }

        .download_fixed .close:after, .download_fixed .close:before {
            content: "";
            display: block;
            position: absolute;
            height: .0625rem;
            width: .5625rem;
            background-color: #cdcfd0;
            opacity: .3;
            left: -.3rem;
            top: -.3rem;
            -webkit-transform: translate(-50%,-50%) rotate(45deg);
            -ms-transform: translate(-50%,-50%) rotate(45deg);
            transform: translate(-50%,-50%) rotate(45deg)
        }

        .download_fixed .close:after {
            -webkit-transform: translate(-50%,-50%) rotate(-45deg);
            -ms-transform: translate(-50%,-50%) rotate(-45deg);
            transform: translate(-50%,-50%) rotate(-45deg)
        }

.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vr-play-btn {
    position: absolute;
    bottom: .625rem;
    left: .625rem;
    border-radius: 1.5rem;
    background: rgba(0,0,0,.4)
}

    .vr-play-btn .left {
        height: 2.8125rem;
        width: 2.8125rem;
        padding: .25rem;
        box-sizing: border-box;
        border-radius: 50%;
        border: 1px solid;
        display: inline-block;
        vertical-align: middle;
        border: 1px solid rgba(255,255,255,.1)
    }

    .vr-play-btn .center, .vr-play-btn .right {
        display: inline-block;
        padding: .3125rem;
        vertical-align: middle
    }

    .vr-play-btn .left > * {
        border-radius: 50%;
        overflow: hidden;
        height: 100%;
        width: 100%
    }

    .vr-play-btn .center {
        font-size: .875rem;
        color: #FFF;
        letter-spacing: 0
    }

    .vr-play-btn .right {
        width: 2.8125rem;
        height: 2.8125rem;
        box-sizing: border-box
    }

        .vr-play-btn .right .play-btn-container {
            border: 1px solid rgba(255,255,255,.1);
            padding: .1875rem;
            border-radius: 50%;
            height: 100%;
            width: 100%
        }

            .vr-play-btn .right .play-btn-container .play-btn-border {
                border: 1px solid rgba(255,255,255,.1);
                border-radius: 50%;
                height: 100%;
                width: 100%;
                background-image: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uLeaSreaUvjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJpUGhvbmUtOCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMS4wMDAwMDAsIC0zMDcuMDAwMDAwKSI+CiAgICAgICAgPHBhdGggZD0iTTExMy44NDAxNzMsMzEzLjU5ODk5IEMxMTUuMDUzNjA0LDMxNC4zNzI3MzggMTE1LjA1Mjk0NywzMTUuNjI3NjUxIDExMy44NDAxNzMsMzE2LjQwMDk4IEwxMDcuMTk3MTEyLDMyMC42MzY5NDkgQzEwNS45ODM2ODEsMzIxLjQxMDY5NyAxMDUsMzIwLjkwNjg4NCAxMDUsMzE5LjUxMzMyOCBMMTA1LDMxMC40ODY2NDEgQzEwNSwzMDkuMDkyMzM0IDEwNS45ODQzMzcsMzA4LjU4OTY5MSAxMDcuMTk3MTEyLDMwOS4zNjMwMjEgTDExMy44NDAxNzMsMzEzLjU5ODk5IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
                background-repeat: no-repeat;
                background-size: auto;
                background-position: center
            }

@keyframes vr {
    to {
        background-position-y: 100%
    }
}

.vr-icon-static, .vr-list-page {
    position: absolute;
    z-index: 4;
    background-image: url("../img/common/vr_animation.png?version=f0a9fh6rb3&version=fdzfgougml");
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2)
}

.vr-animation {
    animation: vr 3s steps(80)
}

.vr-animation-forever {
    animation: vr 3s steps(80) infinite
}

.vr-icon-static {
    width: 4.375rem;
    height: 4.375rem;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    border: 1px solid #fff;
    border: 1px solid rgba(255,255,255,.8)
}

.vr-list-page {
    transform: none;
    left: .3125rem;
    bottom: .3125rem;
    top: auto;
    height: 1.125rem;
    width: 1.125rem;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 50%
}

.agent-picture {
    display: none
}

    .agent-picture .agent-bg {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #000;
        z-index: 200
    }

        .agent-picture .agent-bg .back {
            position: absolute;
            left: 1.0625rem;
            top: 2.125rem;
            width: 1.6375rem;
            height: 1.6375rem;
            background-image: url("../img/common/back.png?version=fdzfgougml");
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            z-index: 1
        }

        .agent-picture .agent-bg .picture {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            width: 100%
        }

            .agent-picture .agent-bg .picture.small {
                width: 1.625rem;
                height: 1.625rem;
                left: 50%;
                transform: translateX(-50%)
            }

        .agent-picture .agent-bg .instruction {
            font-family: PingFangSC-Regular;
            position: absolute;
            left: 1.1875rem;
            bottom: 1.375rem;
            font-size: .875rem;
            color: #FFF;
            letter-spacing: -.009375rem
        }

.agent-certify {
    display: inline-block;
    vertical-align: middle;
    width: 1.25rem;
    height: 1rem;
    margin-left: .375rem;
    background-image: url("../img/common/certify.png?version=fdzfgougml");
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.dial-layer-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 10000
}

    .dial-layer-container .dial-layer {
        width: 84%;
        padding: 3.75rem 2.5rem;
        background: #FCFCFC;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-border-radius: .3125rem;
        border-radius: .3125rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .dial-layer-container .dial-layer .icon-close {
            display: inline-block;
            width: 1.5rem;
            height: 1.5rem;
            position: absolute;
            top: .75rem;
            right: .75rem;
            background: url("../img/common/ic_close.png?version=fdzfgougml");
            background-size: 100% 100%
        }

        .dial-layer-container .dial-layer h2 {
            padding-bottom: 1.25rem;
            font-size: 1.5rem;
            color: #030303;
            line-height: 1.875rem;
            font-weight: 700;
            text-align: center
        }

            .dial-layer-container .dial-layer h2 .sub-phone-number {
                color: #00AE66
            }

        .dial-layer-container .dial-layer p {
            padding-bottom: 1.5rem;
            font-size: 1rem;
            color: #101D37;
            line-height: 1.375rem
        }

        .dial-layer-container .dial-layer .btn-dial {
            display: block;
            height: 3.125rem;
            background: #00AE66;
            -webkit-border-radius: .3125rem;
            border-radius: .3125rem;
            font-size: 1rem;
            color: #FFF;
            text-align: center;
            line-height: 3.125rem
        }

.bear-container {
    background: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px
}

.bear-main {
    -web-kit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: #fff
}