.confirm .icon_box {
    min-width: 5rem;
    min-height: 5rem;
    margin-bottom: -1.25rem
}

.confirm .icon_error, .confirm .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
}

    .confirm .icon_error:after, .confirm .icon_error:before {
        position: absolute;
        content: " ";
        width: .125rem;
        height: 70%;
        background-color: #000;
        left: 50%;
        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
    }

    .confirm .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)
    }

.confirm .icon_success {
    display: block;
    width: 3.6rem;
    height: 2rem;
    border-left: .125rem solid #000;
    border-bottom: .125rem solid #000;
    -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)
}

.confirm .icon_warn {
    width: 2.5rem;
    height: 2.5rem;
    border: .125rem solid #000;
    -webkit-transform: translateY(1.25rem);
    -moz-transform: translateY(1.25rem);
    -ms-transform: translateY(1.25rem);
    -o-transform: translateY(1.25rem);
    transform: translateY(1.25rem)
}

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

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

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

.confirm .left .text {
    text-align: left
}

.confirm .right .text {
    text-align: right
}

.download_full_box {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10002;
    background: rgba(0,0,0,.5);
    text-align: center
}

    .download_full_box .download_container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        width: 80.5%;
        max-width: 18.125rem
    }

    .download_full_box .download_content {
        background-color: #fff;
        padding-top: 3.4375rem;
        border-radius: .625rem
    }

    .download_full_box .download_logo {
        width: 4.375rem;
        margin: 0 auto 1.5625rem;
        font-size: 0
    }

    .download_full_box .download_title {
        color: #394043;
        font-size: 1.125rem;
        line-height: 1
    }

    .download_full_box .download_sub {
        color: #394043;
        font-size: .875rem;
        margin-top: .8125rem;
        margin-bottom: 3.125rem
    }

    .download_full_box .download_btn {
        width: 5.625rem;
        color: #fff;
        padding: 0 1.875rem;
        height: 2.5rem;
        margin: auto;
        line-height: 2.5rem;
        border-radius: .2rem;
        background: #00ae66
    }

        .download_full_box .download_btn:last-child {
            margin-bottom: 3.75rem;
            display: inline-block
        }

    .download_full_box .download_href {
        margin-top: 2.625rem;
        margin-bottom: 1.5625rem;
        display: inline-block;
        text-decoration: underline;
        color: #9c9fa1;
        font-size: .75rem
    }

    .download_full_box .download_close {
        width: 2.1875rem;
        height: 2.1875rem;
        margin: 2.8125rem auto 0;
        position: relative;
        border: 1px solid #fff;
        border-radius: 100%
    }

        .download_full_box .download_close:before {
            -webkit-transform: translate(-50%,-50%) rotate(45deg);
            transform: translateX(-50%,-50%) rotate(45deg)
        }

        .download_full_box .download_close:after, .download_full_box .download_close:before {
            content: "";
            display: block;
            position: absolute;
            width: .1rem;
            height: 50%;
            left: 50%;
            top: 50%;
            background: #fff
        }

        .download_full_box .download_close:after {
            -webkit-transform: translate(-50%,-50%) rotate(-45deg);
            transform: translateX(-50%,-50%) rotate(-45deg)
        }

    .download_full_box.full_screen {
        background: #fff
    }

        .download_full_box.full_screen .download_container {
            width: 100%;
            max-width: 100%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            left: 0
        }

        .download_full_box.full_screen .download_content {
            padding-top: 0
        }

        .download_full_box.full_screen .download_logo {
            width: 5.3125rem;
            margin-bottom: 2.5rem
        }

        .download_full_box.full_screen .download_title {
            font-size: 1.25rem;
            color: #333
        }

        .download_full_box.full_screen .download_sub {
            color: #999;
            margin-bottom: 3.75rem;
            margin-top: .2rem
        }

        .download_full_box.full_screen .download_btn {
            height: 2.75rem;
            line-height: 2.75rem;
            width: 12.5rem;
            padding: 0
        }

            .download_full_box.full_screen .download_btn:last-child {
                margin-bottom: 0
            }

        .download_full_box.full_screen .download_href {
            margin-top: 1.875rem;
            margin-bottom: 0;
            font-size: .875rem;
            color: #666
        }

        .download_full_box.full_screen .download_close {
            display: none
        }

    .download_full_box.has_house .header {
        border: 0;
        height: 5.625rem
    }

        .download_full_box.has_house .header .logo_wrap {
            font-size: 0;
            margin-left: .75rem
        }

            .download_full_box.has_house .header .logo_wrap .logo {
                width: 5.625rem;
                background-size: 5.625rem;
                background-position: 0 -13.359375rem
            }

    .download_full_box.has_house .footer {
        background: none;
        position: absolute;
        width: 100%;
        bottom: 1.6875rem;
        padding: 0
    }

        .download_full_box.has_house .footer .footer_container {
            padding: 0 2.5rem
        }

            .download_full_box.has_house .footer .footer_container .download_btn {
                width: 100%
            }

            .download_full_box.has_house .footer .footer_container .download_href {
                margin-top: 1.25rem
            }

            .download_full_box.has_house .footer .footer_container .download_slogan {
                text-align: left;
                font-size: 1.625rem;
                line-height: 2.25rem;
                color: #333;
                font-weight: 700
            }

            .download_full_box.has_house .footer .footer_container .download_house_img {
                margin-top: 1.875rem;
                position: relative;
                font-size: 0
            }

                .download_full_box.has_house .footer .footer_container .download_house_img img {
                    width: 100%
                }

            .download_full_box.has_house .footer .footer_container .download_img_desc {
                position: absolute;
                font-size: .875rem;
                right: 0;
                bottom: 1.25rem;
                background: #394043;
                height: 1.6875rem;
                line-height: 1.6875rem;
                padding: 0 .625rem;
                color: #fff;
                font-weight: 700
            }

            .download_full_box.has_house .footer .footer_container .download_house_title {
                text-align: left;
                font-size: .875rem;
                line-height: 1.25rem;
                color: #333;
                font-weight: 700;
                margin-top: .625rem;
                margin-bottom: 3.75rem
            }

    .download_full_box.has_house_new .logo {
        display: block;
        margin: 1.25rem 0 0 1.25rem;
        width: 2.875rem;
        height: 2.875rem
    }

    .download_full_box.has_house_new .download_slogan {
        font-size: 1.75rem;
        color: #333;
        line-height: 2rem;
        font-family: PingFangSC-Light;
        margin-top: .875rem
    }

    .download_full_box.has_house_new .download_slogan_desc {
        font-family: PingFangSC-Semibold;
        font-weight: 700;
        font-size: 1.75rem;
        color: #333;
        line-height: 2rem;
        margin-top: .5625rem
    }

    .download_full_box.has_house_new .download_btn {
        margin-top: 2.5rem;
        width: 15.75rem
    }

    .download_full_box.has_house_new .download_href {
        font-family: PingFangSC-Regular;
        font-size: .875rem;
        color: #666;
        margin-top: .9375rem
    }

    .download_full_box.has_house_new .download_house_img {
        position: relative;
        margin: 2.3215rem 1.25rem .9375rem
    }

        .download_full_box.has_house_new .download_house_img img {
            width: 100%
        }

        .download_full_box.has_house_new .download_house_img .download_img_desc {
            position: absolute;
            bottom: .625rem;
            right: .75rem;
            background: rgba(0,0,0,.4);
            font-family: PingFangSC-Regular;
            font-size: .75rem;
            color: #fff;
            letter-spacing: 0;
            padding: 0 .9375rem;
            line-height: 1.25rem;
            border-radius: 1.25rem;
            height: 1.25rem
        }

    .download_full_box.has_house_new .download_house_left {
        float: left;
        margin-left: 1.25rem;
        text-align: left
    }

        .download_full_box.has_house_new .download_house_left .download_house_name {
            font-family: PingFangSC-Medium;
            font-weight: 700;
            font-size: 1.25rem;
            color: #394043;
            line-height: 1.75rem;
            height: 1.75rem
        }

        .download_full_box.has_house_new .download_house_left .download_house_desc {
            font-family: PingFangSC-Regular;
            font-size: .8125rem;
            color: #9c9fa1;
            height: 1.375rem;
            line-height: 1.375rem
        }

    .download_full_box.has_house_new .download_house_right {
        float: right;
        margin-right: 1.25rem;
        text-align: right
    }

        .download_full_box.has_house_new .download_house_right .download_house_unit {
            font-family: PingFangSC-Regular;
            font-size: .8125rem;
            color: #9c9fa1;
            line-height: 1.75rem;
            height: 1.75rem
        }

        .download_full_box.has_house_new .download_house_right .download_house_price {
            font-family: PingFangSC-Medium;
            font-weight: 700;
            font-size: 1rem;
            color: #fa5741;
            height: 1.375rem;
            line-height: 1.375rem
        }

.shenzhen {
    font-size: 0;
    background-color: #00ae66
}

    .bottom, .shenzhen img {
        width: 100%
    }

.bottom {
    position: fixed;
    bottom: 0;
    text-align: center
}

.btn-group {
    color: #666;
    font-size: .75rem;
    background-color: #fff;
    padding: 1.875rem 0 1.5rem
}

.button {
    width: 90%;
    color: #fff;
    height: 3.125rem;
    font-weight: 600;
    font-size: 1.125rem;
    border-radius: .25rem;
    line-height: 3.125rem;
    margin: 0 auto 1.4375rem;
    background-color: #00ae66
}

.toast {
    text-align: center;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .toast .content {
        display: inline-block;
        margin: 0 auto;
        width: auto;
        min-width: 4.125rem;
        max-width: 69%;
        background-color: rgba(26,26,26,.95);
        -webkit-border-radius: .25rem;
        -moz-border-radius: .25rem;
        border-radius: .25rem;
        text-align: center;
        padding: .81rem 1.13rem;
        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;
        text-align: center;
        display: inline-block
    }

    .toast .icon_error, .toast .icon_warn {
        display: block;
        position: relative;
        width: 5rem;
        height: 5rem;
        margin: 0 auto;
        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 {
            position: absolute;
            content: " ";
            width: .125rem;
            height: 70%;
            background-color: #fff;
            left: 50%;
            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: translateY(1.25rem);
        -moz-transform: translateY(1.25rem);
        -ms-transform: translateY(1.25rem);
        -o-transform: translateY(1.25rem);
        transform: translateY(1.25rem)
    }

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

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

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

.imgview-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #0e0e0e;
    overflow: hidden;
    z-index: 99;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-animation: ani-fadeIn .5s ease forwards;
    -moz-animation: ani-fadeIn .5s ease forwards;
    -o-animation: ani-fadeIn .5s ease forwards;
    animation: ani-fadeIn .5s ease forwards
}

    .imgview-wrap .imgview-header {
        width: 100%;
        color: #999;
        z-index: 10
    }

    .imgview-wrap .imgview-back, .imgview-wrap .imgview-header {
        position: absolute;
        top: 0;
        left: 0;
        height: 2.5rem;
        line-height: 2.5rem
    }

    .imgview-wrap .imgview-back {
        width: 2.5rem;
        text-align: center
    }

    .imgview-wrap .imgview-tolist {
        height: 2.5rem;
        line-height: 2.5rem;
        right: 0;
        position: absolute;
        top: 0;
        width: 2.5rem;
        text-align: center;
        background-repeat: no-repeat;
        background-size: 1.1875rem .78125rem;
        background-position: 50%;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAZCAYAAABdEVzWAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAQklEQVRIx+3WsQ0AIAwDQcxM7D8BO5mW0ikQKf66SIn0ZWR7j4Ckdc+v72ay9ANhhBHWDWEAQuLtKSKMMMK6IazqAFfrF7kStXYHAAAAAElFTkSuQmCC)
    }

    .imgview-wrap .imgview-title {
        font-size: .875rem;
        font-weight: 700;
        height: 2.5rem;
        left: 2.5rem;
        overflow: hidden;
        position: absolute;
        right: 2.5rem;
        text-align: center;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        top: 0;
        white-space: nowrap;
        z-index: 2
    }

    .imgview-wrap .imgview-view {
        position: absolute;
        top: 2.5rem;
        bottom: 2.5rem;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        z-index: 1;
        -webkit-user-select: none
    }

    .imgview-wrap .imgview-imgbox, .imgview-wrap .imgview-view {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        overflow: hidden
    }

        .imgview-wrap .imgview-view .imgview-li .imgview-video {
            position: absolute;
            top: 0;
            bottom: 0;
            height: 16.125rem;
            margin: auto;
            width: 100%
        }

            .imgview-wrap .imgview-view .imgview-li .imgview-video video {
                height: 100%;
                width: 100%;
                position: absolute;
                left: 0;
                z-index: 1
            }

            .imgview-wrap .imgview-view .imgview-li .imgview-video .replay {
                position: absolute;
                background: rgba(0,0,0,.7);
                font-size: .8125rem;
                display: none;
                color: #fff;
                z-index: 6;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                pointer-events: none
            }

            .imgview-wrap .imgview-view .imgview-li .imgview-video .imgview-video-ratio {
                position: absolute;
                bottom: -3rem;
                line-height: 1.5rem;
                height: 1.5rem;
                right: 0;
                left: 0;
                width: 3rem;
                margin: 0 auto;
                background-color: #393d3e;
                color: #00ae66;
                font-size: .75rem;
                border-radius: .0625rem;
                z-index: 5
            }

                .imgview-wrap .imgview-view .imgview-li .imgview-video .imgview-video-ratio ul {
                    position: absolute;
                    top: 0;
                    background: #393d3e;
                    width: 3rem;
                    display: none;
                    border-radius: .0625rem
                }

                    .imgview-wrap .imgview-view .imgview-li .imgview-video .imgview-video-ratio ul li a {
                        display: block;
                        font-size: .75rem;
                        color: #fff
                    }

                    .imgview-wrap .imgview-view .imgview-li .imgview-video .imgview-video-ratio ul li:before {
                        content: none
                    }

                    .imgview-wrap .imgview-view .imgview-li .imgview-video .imgview-video-ratio ul li a.selected_ratio {
                        color: #00ae66
                    }

    .imgview-wrap .imgview-loading {
        display: none;
        background: url(../../statics/images/common/loading.gif?version=348f36487e) no-repeat 0 0;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        height: 1.5rem;
        left: 50%;
        margin: -12px 0 0 -12px;
        opacity: .3;
        position: absolute;
        top: 50%;
        width: 1.5rem;
        z-index: 1
    }

    .imgview-wrap .imgview-imgbox {
        z-index: 2
    }

        .imgview-wrap .imgview-imgbox .imgview-imglist {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            overflow: hidden;
            position: absolute;
            z-index: 1;
            margin: 0;
            padding: 0;
            list-style: none;
            -webkit-transition: translate3d(0,0,0);
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0)
        }

            .imgview-wrap .imgview-imgbox .imgview-imglist li {
                height: 100%;
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -moz-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                overflow: hidden;
                text-align: center;
                vertical-align: top;
                list-style: none;
                font-size: 0;
                position: relative
            }

                .imgview-wrap .imgview-imgbox .imgview-imglist li:before {
                    content: "";
                    display: inline-block;
                    height: 100%;
                    vertical-align: middle
                }

                .imgview-wrap .imgview-imgbox .imgview-imglist li img {
                    vertical-align: middle;
                    background: transparent;
                    width: 100%
                }

    .imgview-wrap .imgview-pages {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: .5rem;
        color: #999;
        z-index: 10;
        white-space: nowrap
    }

        .imgview-wrap .imgview-pages .imgview-tag {
            display: inline-block;
            padding: .3rem .5rem;
            -webkit-border-radius: .2rem;
            -moz-border-radius: .2rem;
            border-radius: .2rem
        }

            .imgview-wrap .imgview-pages .imgview-tag.focus {
                color: #fff
            }

    .imgview-wrap .imgview-pages-count {
        position: absolute;
        left: 0;
        bottom: 1.2rem;
        right: 0;
        text-align: center;
        color: #fff
    }

.imgviewlist-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #0e0e0e;
    overflow: hidden;
    z-index: 100;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-animation: ani-fadeIn .5s ease forwards;
    -moz-animation: ani-fadeIn .5s ease forwards;
    -o-animation: ani-fadeIn .5s ease forwards;
    animation: ani-fadeIn .5s ease forwards
}

    .imgviewlist-wrap .imgviewlist-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2.5rem;
        line-height: 2.5rem;
        color: #999;
        z-index: 10
    }

    .imgviewlist-wrap .imgviewlist-back {
        height: 2.5rem;
        line-height: 2.5rem;
        left: 0;
        position: absolute;
        top: 0;
        width: 2.5rem;
        text-align: center
    }

    .imgviewlist-wrap .imgviewlist-title {
        font-size: .875rem;
        font-weight: 700;
        height: 2.5rem;
        left: 2.5rem;
        overflow: hidden;
        position: absolute;
        right: 2.5rem;
        text-align: center;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        top: 0;
        white-space: nowrap;
        z-index: 2
    }

    .imgviewlist-wrap .imgviewlist-imgbox {
        overflow-y: auto;
        position: absolute;
        top: 2.5rem;
        left: 0;
        right: 0;
        bottom: 0
    }

        .imgviewlist-wrap .imgviewlist-imgbox .imgviewlist-type {
            color: #fff;
            margin: 2.6% 0 0 2.6%
        }

        .imgviewlist-wrap .imgviewlist-imgbox .imgviewlist-li {
            width: 30%;
            overflow: hidden;
            float: left;
            position: relative;
            margin: 2.6% 0 0 2.6%
        }

            .imgviewlist-wrap .imgviewlist-imgbox .imgviewlist-li.video span {
                position: absolute;
                bottom: 0;
                right: 0;
                left: 0;
                display: block;
                text-align: right;
                padding-right: .3125rem;
                padding-bottom: .3125rem;
                background: #000;
                color: #fff;
                padding-top: 1rem;
                background: -webkit-gradient(linear,0 0,0 100%,from(transparent),to(rgba(0,0,0,.6)));
                background: linear-gradient(180deg,transparent,rgba(0,0,0,.6))
            }

                .imgviewlist-wrap .imgviewlist-imgbox .imgviewlist-li.video span:before {
                    content: "";
                    display: block;
                    position: absolute;
                    left: .3125rem;
                    bottom: .3125rem;
                    height: 1.15625rem;
                    width: 1.15625rem;
                    background-size: 100%;
                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAE40lEQVRYw82YX2hTVxzHv+e229TbWHLzsKS9ozqxYoMRE9NYOkrX7WEwnNOO3TlD2bIXh3WbFV8cIhsyUewkhXV/YG4rTjdQBKHCmEuKOELaElnZVZhbvZFrkpfcNL1m6zDpbw9LSsyU5iax7Au/l8P9/c7n/M7NzTlfBoMiouUAevLhANAKoDEf6Xz8BmAKQBDAT4yxv4zMwQzA2AEMAOjNZDKTqVTqqqqqN8Lh8PTU1NTsqVOndJ/PZ3I4HCs9Hs/ToiiuN5vNnTzPuwGcBzDIGLtutAkPg7ER0RkiyimKctDn860D0FRu+Hy+dYqivE9EuXwdW7VAO4koHY/HjwuCIBqBKQ1BEMR4PH6ciNJE9Lrh7SMiBmBQ1/XVkUhkpLu7O1yTtgMIBoPtLperz2QyKQD2M8ZoUag80FeapmH79u0fXLly5e9aARXU1dX1xIULFw4LgsABeJMxllsMalDTNIvFYjlYa5hSJZPJI4IgZBhje4vHuRKg13RdXyNJ0oePGggANmzYcFjXdZGIdj4QioiaAHx+7dq1kcuXL88tBVQsFstFIpERAJ8RUXNhfGH7iOjbRCKh2mw2/1IAFSsej79jtVqfYoztWoDKfxinLBZLi6Zp80sNJQgCl0wmowAcjDG5sH0D0Wj0kFGgEydO2Hp7e/lqoTRNm49Go4cA7EO+SyuIKO31eg19qQE0ZbPZ29lsVg0Ggy8bzS0NSZJaiWiWiFYwInoxk8nsa2ho6DO6wmw2O15XV9cMIJdIJPydnZ3+6enpbKUdu3v37jc8z/s5AD2pVOpqlTtQZ7VaB2RZPjc0NCRWWiSVSv0M4FkOgENV1RtVQgEAli1b5t6zZ8+Psiy/VEm+qqrXAWzkAKydmJi4VQsoAOA4bmVbW9unMzMzJ43+CMLh8C0AazkA5vHx8XStoApqbGx89ezZsz9cunRpY7k5oVAoDcDMiIgYY83lJhar6EV/qIgo09/f7x4eHi5r4UR0hwMw6/V6TbXuFADcu3fv99HR0R3lAkmS1ABA5wCk2tvbG2sNlE6nz2zbtu2FrVu3/lpuTkdHRyOAVD2Am263ezUAtRYw8/PzaVmWDzgcjlGjuR6PZzWAmxyAKVEU19cCaG5uLuT3+5+vBAgARFFsA/BLPYCg2Wx+F8AXVfBkE4nEoMvl+iQWi+UqLWI2mzsB+DkAAZ7nPfmXzKhyuVzudiAQ2GGz2YaqAZIkqYHneQ+AQOHo8mU0Gv1j1apVXxspdPTo0SdDoZB+8eLFPyuFKUhRlDdaWlrWMMbe+v+epxhjMoDvZFneW135yiTLcj+A7/Mc910cDlit1t1jY2OepQQaGxvzWK3WtwEcKIwtQDHGYgB2O53Ovi1btjy+FECbNm16zOl09gHYzRi7s8BS+iARndQ0zbxE976PBEGYYYy9VzzOPeDZAUEQWDKZPGK32+sfBYzdbq/PX0QZCufyIj3MS6gD8LGu6+Lk5ORIT0/PRK2AAoGAe/PmzX0mk0kFMFB6ZV9URLSLiGbj8fixGrkux/KXg11VrYyImor9KUmSWo3ASJLUqijKwSJ/qmmxOY06efsBvJLJZMIFJy8UCk1HIhH99OnTutfrNTmdTlNHR0fByXsm/9dxDv86eXI5c5UNVQS3HMBz+K/nuRLALO73PAOowPP8ByOLWbkh3q1DAAAAAElFTkSuQmCC)
                }

        .imgviewlist-wrap .imgviewlist-imgbox .imgviewlist-li-placeholder {
            width: 100%;
            pointer-events: none
        }

        .imgviewlist-wrap .imgviewlist-imgbox .imgviewlist-li-img {
            height: auto;
            width: auto;
            max-width: none;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

        .imgviewlist-wrap .imgviewlist-imgbox:after {
            height: .9375rem;
            content: "";
            display: block
        }

.lianjia_im_entry {
    background: #fff;
    box-shadow: 0 4px 17px 0 rgba(0,0,0,.15);
    width: 3.125rem;
    height: 3.125rem;
    position: fixed;
    right: .625rem;
    bottom: 9.4rem;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

    .lianjia_im_entry .lianjia_im_icon {
        width: 1.5rem;
        height: 1.5rem
    }

.has_new:after {
    content: "";
    display: block;
    position: absolute;
    top: .8125rem;
    right: .8125rem;
    background: #fe615a;
    width: .625rem;
    height: .625rem;
    transform: translate(2px,-2px);
    border-radius: 50%;
    z-index: 10
}

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-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

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

a {
    color: #000
}

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

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

input, textarea {
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

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

a, button {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: Helvetica,sans-serif
}

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

img {
    max-width: 100%
}

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

body, html {
    font-size: .875rem;
    -webkit-user-select: none
}

body {
    overflow-y: auto;
    font-family: PingFang-SC-Regular,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
    }

.num, .red, .spec {
    color: #db4c3f
}

.icon_arrow_right, .icon_download, .icon_fanhui, .icon_fanhui2, .icon_fanhui_b, .icon_pic, .icon_pull, .icon_search, .icon_search_b, .icon_search_gray, .icon_sort, .icon_triangle_down, .icon_triangle_up, .icon_triangle_up_b, .icon_user {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin: -.5rem;
    background-repeat: no-repeat;
    background-image: url(../../statics/images/common/sprite.svg?version=fff7459eb2);
    background-size: 2rem 75rem;
    vertical-align: middle;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    font-size: 0
}

.icon_arrow_right {
    background-position: 0 0
}

.icon_pic {
    background-position: 0 -2.625rem
}

.icon_triangle_down {
    background-position: 0 -5.25rem
}

.icon_triangle_down, .icon_triangle_up {
    -webkit-transform: scale(.35);
    transform: scale(.35)
}

.icon_triangle_up {
    background-position: 0 -7.875rem
}

.icon_pull {
    background-position: 0 -10.5rem;
    -webkit-transform: scale(.36,.42);
    transform: scale(.36,.42)
}

.icon_search_gray {
    margin: -.375rem;
    background-position: 0 -13.125rem;
    -webkit-transform: scale(.625);
    transform: scale(.625)
}

.icon_user {
    background-position: 0 -15.75rem
}

.icon_download {
    background-position: 0 -18.375rem
}

.icon_search {
    margin: -.375rem;
    background-position: 0 -34.125rem;
    -webkit-transform: scale(.625);
    transform: scale(.625)
}

.icon_fanhui {
    background-position: 0 -36.75rem
}

.icon_fanhui2 {
    background-position: 0 -10.5rem;
    -webkit-transform: rotate(90deg) scale(.5);
    transform: rotate(90deg) scale(.5)
}

.icon_sort {
    background-position: 0 -39.375rem;
    display: block;
    margin: auto;
    -webkit-transform: scale(.3125);
    transform: scale(.3125);
    margin-top: -.2rem;
    margin-bottom: -.2rem
}

.icon_delete {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAlUlEQVR4Ae2LxUEEURAF+88PCcKAJCoHVsNZu68b3HFJYW4TxG983G9IvVt1l8ThlGccGpvjmRMpghc0Zy/FgUOxCWNRXPJpgzbYTFg0CsbyCYqK4GEkBQbv+x4SikIoDrjhPrRX7KsDRZP2P/ilwZJNaKdMigKHYqQATDbwUc4LgzMUP6k6aMU6ycAyJCh8DhhgpR2vJ10vKhe91g8AAAAASUVORK5CYII=) 50% no-repeat;
    background-size: 100%
}

.icon_search_b {
    background-position: 0 -52.5rem
}

.icon_triangle_up_b {
    background-position: 0 -55.125rem
}

.icon_fanhui_b {
    background-position: 0 -57.75rem
}

.icon_im {
    width: 2rem;
    height: 2rem;
    background: url(../../statics/images/common/icon_im.svg?version=000e32815c) 50% no-repeat;
    background-size: 100%
}

.icon_im, .icon_vip {
    display: inline-block
}

.icon_vip {
    width: .9375rem;
    height: .9375rem;
    background: url(../../statics/images/common/vip_icon.png?version=ef344e8b99) 50% no-repeat;
    background-size: 100%;
    vertical-align: middle
}

.flexbox {
    display: flex
}

    .flexbox .box_col {
        display: block;
        flex: 1
    }

    .flexbox .box_row {
        flex-direction: column
    }

    .flexbox.box_center_h {
        justify-content: center
    }

    .flexbox.box_center_v {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-grid-row-align: center;
        align-items: center
    }

    .flexbox .plus {
        display: flex;
        align-items: center;
        justify-content: center
    }

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

.gridbox:after {
    clear: both
}

.gridbox .box_col {
    float: left;
    box-sizing: border-box;
    text-align: center
}

.gridbox.col_1 .box_col {
    width: 100%
}

.gridbox.col_2 .box_col {
    width: 50%
}

.gridbox.col_3 .box_col {
    width: 33.33333%
}

.gridbox.col_4 .box_col {
    width: 25%
}

.gridbox.col_5 .box_col {
    width: 20%
}

.gridbox.col_6 .box_col {
    width: 16.66667%
}

.gridbox.col_7 .box_col {
    width: 14.28571%
}

.gridbox.col_8 .box_col {
    width: 12.5%
}

.gridbox.col_9 .box_col {
    width: 11.11111%
}

.gridbox.col_10 .box_col {
    width: 10%
}

.text_cut {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text_ca {
    color: #333 !important
}

.text_cb {
    color: #666 !important
}

.text_cc {
    color: #999 !important
}

.text_fb {
    font-weight: 700
}

.text_ar {
    text-align: right
}

.text_al {
    text-align: left
}

.text_ac {
    text-align: center
}

.threeline {
    /*! autoprefixer: off */ -webkit-line-clamp: 3
}

.threeline, .twoline {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box
}

.twoline {
    /*! autoprefixer: off */ -webkit-line-clamp: 2
}

.only_oneline {
    -webkit-box-direction: normal;
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    width: 100%;
    height: 2.1875rem;
    line-height: 2.1875rem;
    padding: 0 .5rem;
    background-color: #fff;
    border: 1px solid #c5c5c5;
    font-size: .875rem;
    box-sizing: border-box;
    outline: none
}

textarea {
    height: auto;
    line-height: 1.125em
}

input[type=checkbox], input[type=radio] {
    margin: 0;
    vertical-align: middle
}

.checkbox span, .radio span {
    margin: 0 .5rem;
    vertical-align: middle
}

select.select {
    font-size: .875rem
}

select[multiple], select[size] {
    height: auto;
    font-size: .875rem
}

.btn {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 1px;
    height: 3.0625rem;
    line-height: 3.0625rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 700
}

    .btn > * {
        vertical-align: middle
    }

.btn_disable {
    background-color: #cbcbcb;
    border-color: #cbcbcb;
    color: #fff
}

.btn:focus {
    outline: 0
}

.btn:active {
    opacity: .8
}

.btn_default {
    border: 1px solid;
    border-color: #c5c5c5;
    background: #fff;
    color: #39ac6a
}

.btn_red {
    border-color: #c11515;
    background: #de2b2b
}

.btn_green {
    border-color: #00ae66;
    background: #00ae66
}

.btn_blue {
    border-color: #0c88ba;
    background: #009cdc
}

.btn_white {
    border-color: #e5e5e5;
    background: #fff;
    color: #333
}

.btn_gray {
    border-color: #c5c5c5;
    background: #f6f6f6;
    color: #9f9f9f
}

.btn_link {
    color: #00ae66;
    border: 0;
    background-color: none;
    color: #999
}

.btn_small {
    width: 7.2rem;
    height: 1.625rem;
    line-height: 1.625rem
}

.btn_mini, .btn_small {
    display: inline-block;
    font-size: .75rem
}

.btn_mini {
    width: auto;
    height: 1.2em;
    line-height: 1.2em;
    padding: 0 1rem;
    background-color: #ccc
}

.btn_box {
    margin-top: 1.5rem;
    padding: 0 1rem
}

    .btn_box .box_col:first-child {
        padding-right: .5rem
    }

    .btn_box .box_col:last-child {
        padding-left: .5rem
    }

ol.inline:after, ol.inline:before, ul.inline:after, ul.inline:before {
    display: table;
    height: 0;
    content: "";
    visibility: hidden
}

ol.inline:after, ul.inline:after {
    clear: both
}

ol.inline li, ul.inline li {
    float: left;
    width: auto;
    max-width: auto;
    min-width: auto;
    font-size: 1.4rem;
    margin: 0;
    padding: 0
}

ol.lists li, ul.lists li {
    background-color: #fff
}

.arrow {
    position: relative
}

    .arrow:before {
        position: absolute;
        content: " ";
        width: 1.5rem;
        height: 1.5rem;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNLTE3MS41LTI3Ni41YzAtMTQuMzU5LTExLjY0MS0yNi0yNi0yNnMtMjYgMTEuNjQxLTI2IDI2YzAgNi41ODQgMi40NTIgMTIuNTkyIDYuNDg3IDE3LjE3My0uNDgxIDEuNDE2LS40ODYgMi42MzMtLjQ4NiAyLjYzM3M5LjkyIDguMTk0IDIwLjI2MSA4LjE5NGM5LjYzNCAwIDE5LjczOS04LjE5NiAxOS43MzktOC4xOTYuMDA4LTEuMDA3LS4xNDMtMS45MDYtLjQyNS0yLjcwMSAzLjk5Ni00LjU3MyA2LjQyNC0xMC41NTMgNi40MjQtMTcuMTAzeiIgZmlsbD0ibm9uZSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYWFhIiBkPSJNMjMuNzUyIDE1Ljc0MmwtMTMuNzM4LTEzLjc0Mi0xLjc2NiAxLjc2NyAxMi4yMzEgMTIuMjMzLTEyLjIzMSAxMi4yMzQgMS43NjYgMS43NjYgMTMuNzM4LTEzLjc0MS0uMjU4LS4yNTl6Ii8+PC9zdmc+) 50% no-repeat;
        background-size: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: .5rem;
        top: 50%
    }

.bg_mask {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.3));
    pointer-events: none
}

.pictext {
    position: relative
}

    .pictext .a_mask {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1
    }

    .pictext .mod_media, .pictext .mod_media .media_main {
        position: relative;
        width: 5.0625rem;
        height: 5.0625rem;
        text-align: center
    }

        .pictext .mod_media .media_main img, .pictext .mod_media img {
            width: 100%;
            height: 100%
        }

        .pictext .mod_media.radius .media_main, .pictext .mod_media.radius .media_main img {
            border-radius: 50%
        }

        .pictext .mod_media .icon {
            position: absolute;
            right: -.5rem;
            bottom: -.5rem
        }

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

        .pictext .mod_media .media-txt {
            display: block;
            width: 3.4rem;
            height: 1.6rem;
            line-height: 1.6rem;
            margin-top: .5rem;
            font-size: 1rem;
            text-align: center
        }

    .pictext .item_list {
        display: block;
        flex: 1;
        padding-left: 1.25rem;
        overflow: hidden
    }

        .pictext .item_list > div:last-child {
            margin-bottom: 0
        }

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

        .pictext .item_main .btn {
            vertical-align: bottom;
            margin: 0 0 0 .6rem
        }

    .pictext .item_minor, .pictext .item_other {
        margin-bottom: .45rem;
        line-height: 1.2em;
        font-size: 1.2rem;
        color: #333;
        font-size: .75rem
    }

        .pictext .item_other, .pictext .item_other a {
            color: #8b8b8b
        }

            .pictext .item_main > *, .pictext .item_minor > *, .pictext .item_other > * {
                vertical-align: middle;
                margin-right: .3125rem
            }

            .pictext .item_main > div:last-child, .pictext .item_minor > div:last-child, .pictext .item_other > div:last-child {
                margin-right: 0;
                text-align: right
            }

    .pictext .tag_box > * {
        margin-right: .3rem;
        vertical-align: top
    }

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

    .pictext .opt_c {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .pictext .opt_b {
        position: absolute;
        bottom: 0;
        right: 0
    }

.search_box {
    display: block;
    position: relative;
    margin: .9375rem .9375rem 0;
    height: 2.1875rem;
    padding-left: 1.425rem;
    border-radius: .125rem;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    background: #fff
}

    .search_box .icon_search, .search_box .icon_search_gray {
        position: absolute;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        left: .4rem;
        top: .45rem
    }

    .search_box .input {
        margin-right: .125rem;
        border: 0;
        vertical-align: top
    }

        .search_box .input::-webkit-input-placeholder {
            color: #9c9fa1
        }

        .search_box .input:active, .search_box .input:focus {
            outline: 0
        }

    .search_box.search_a {
        height: 2.5625rem;
        line-height: 2.5625rem;
        padding-left: 0;
        padding-right: 3.5rem
    }

        .search_box.search_a .icon_search {
            right: 1.125rem;
            top: .625rem;
            left: auto
        }

        .search_box.search_a .input {
            height: 2.5625rem;
            line-height: 2.5625rem;
            color: #000
        }

        .search_box.search_a .divide {
            position: absolute;
            width: 0;
            height: 80%;
            padding: 0 .3125rem;
            border-right: 1px solid #e5e5e5;
            top: 50%;
            right: 3.3125rem;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .search_box.search_b {
        margin: .9375rem;
        border: 0;
        padding: 0;
        background: 0;
        overflow: visible
    }

        .search_box.search_b .inner {
            position: relative;
            height: 2.1875rem;
            margin-right: 3em;
            border-radius: .125rem;
            overflow: hidden;
            border: 1px solid #e5e5e5;
            box-sizing: border-box;
            background: #fff
        }

        .search_box.search_b .icon_clear {
            position: absolute;
            width: 2.5rem;
            top: 0;
            right: 0;
            bottom: 0
        }

            .search_box.search_b .icon_clear:before {
                content: " ";
                position: absolute;
                width: 1rem;
                height: 1rem;
                background-color: #eee;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                border-radius: 50%
            }

            .search_box.search_b .icon_clear:after {
                content: "X";
                position: absolute;
                font-family: Tahoma,Helvetica,sans-serif;
                color: #fff;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%,-50%) scale(1.1,.85);
                transform: translate(-50%,-50%) scale(1.1,.85);
                font-size: .75rem
            }

        .search_box.search_b .opt_btn {
            position: absolute;
            right: 0;
            top: 0;
            line-height: 2.1875rem;
            color: #858585
        }

    .search_box.search_c {
        height: 3.125rem;
        line-height: 3.125rem;
        margin: 0;
        background: #f9f9f9;
        padding: .625rem;
        border: none
    }

        .search_box.search_c input {
            padding-left: 1.6125rem;
            height: 1.875rem;
            line-height: 1.875rem;
            background: #e8e8e9;
            font-size: .75rem
        }

        .search_box.search_c .icon_search_gray {
            left: .9375rem;
            top: 1rem
        }

.banner {
    position: relative;
    max-height: 18.75rem;
    padding-top: 28.5%;
    margin-top: .75rem;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden
}

    .banner .ullists {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0
    }

        .banner .ullists .li {
            height: 100%;
            overflow: hidden;
            touch-action: none
        }

    .banner img {
        width: 100%;
        height: 100%;
        vertical-align: top
    }

    .banner .dotlists {
        position: absolute;
        bottom: .625rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .banner .dot {
        width: .375rem;
        height: .375rem;
        margin: 0 .3125rem;
        background-color: #cdcfd0;
        border-radius: 50%
    }

        .banner .dot.active {
            background-color: #00ae66
        }

.tab_bar {
    height: 2.75rem;
    line-height: 2.75rem;
    background-color: #fff
}

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

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

        .tab_bar .tab_tit .icon_triangle_down {
            margin-left: -.375rem;
            color: gray;
            vertical-align: middle
        }

        .tab_bar .tab_tit.active, .tab_bar .tab_tit.active .icon_triangle_down {
            color: #00ae66;
            background-position: 0 -7.875rem
        }

        .tab_bar .tab_tit:last-child:after {
            display: none
        }

.tab_bar_a {
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #f1f1f1;
    border-bottom: 1px solid #e5e5e5
}

    .tab_bar_a .tab_tit {
        margin-bottom: -1px;
        font-weight: 400;
        color: #626262
    }

        .tab_bar_a .tab_tit:after {
            display: none
        }

        .tab_bar_a .tab_tit .pointer {
            display: none;
            position: absolute;
            width: 0;
            height: 0;
            border: .4375rem solid;
            border-color: transparent;
            border-bottom-color: #e2e2e2;
            left: 50%;
            bottom: 0;
            -webkit-transform: translateX(-50%) rotate(0);
            transform: translateX(-50%) rotate(0)
        }

            .tab_bar_a .tab_tit .pointer:before {
                position: absolute;
                content: " ";
                top: -.375rem;
                left: -.4375rem;
                width: 0;
                height: 0;
                border: .4375rem solid;
                border-color: transparent;
                border-bottom-color: #fff
            }

        .tab_bar_a .tab_tit.active .pointer {
            display: block
        }

.tab_box {
    padding: 0
}

    .tab_box .tab_tit {
        display: flex;
        height: 3.4375rem;
        line-height: 3.4375rem;
        border-bottom: 1px solid #e5e5e5
    }

        .tab_box .tab_tit .tit {
            position: relative;
            flex: 1;
            text-align: center;
            font-size: 1rem;
            font-weight: 700
        }

            .tab_box .tab_tit .tit.active {
                color: #00ae66
            }

                .tab_box .tab_tit .tit.active:after {
                    position: absolute;
                    content: " ";
                    width: 100%;
                    height: .125rem;
                    left: 0;
                    bottom: 0;
                    background: #00ae66
                }

.tab_box_a .tab_tit {
    height: 2rem;
    line-height: 2rem;
    padding: .5rem 0;
    border-bottom: 0
}

    .tab_box_a .tab_tit .tit {
        font-size: .8125rem
    }

        .tab_box_a .tab_tit .tit.active {
            color: #00ae66;
            background-color: #e0f6ea;
            border-radius: .625rem
        }

            .tab_box_a .tab_tit .tit.active:after {
                display: none
            }

.tab_cont .sub_option {
    width: 40%
}

    .tab_cont .sub_option li {
        padding: 1.3rem 0 1.3rem 2.8rem;
        background-color: #f6f6f6
    }

        .tab_cont .option_cont, .tab_cont .sub_option li.active {
            background-color: #fff
        }

            .tab_cont .option_cont .li_cont {
                display: none
            }

                .tab_cont .option_cont .li_cont.active {
                    display: block
                }

                .tab_cont .option_cont .li_cont li {
                    padding: 1.3rem 0 1.3rem 4.5rem
                }

.tag, .tag_a, .tag_b, .tag_c, .tag_d, .tag_e {
    display: inline-block;
    line-height: 1em;
    padding: .125rem .25rem;
    font-size: .6875rem;
    border-radius: .125rem
}

.tag {
    background-color: #f4f7f9;
    color: #849aae
}

.tag_a, .tag_b, .tag_c, .tag_d, .tag_e {
    border-width: 1px;
    border-style: solid
}

.tag_a {
    border-color: #e26b46;
    color: #e26b46
}

.tag_b {
    border-color: #35aa7f;
    color: #35aa7f
}

.tag_c {
    border-color: #f2ab01;
    color: #f2ab01
}

.tag_d {
    border-color: #328fca;
    color: #328fca
}

.tag_e {
    border-color: #77ad28;
    color: #77ad28
}

.plus {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

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

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

        .mod_box h3.mod_tit {
            position: relative;
            height: 3.4375rem;
            line-height: 3.4375rem;
            color: #333;
            font-size: 1rem;
            font-weight: 700
        }

            .mod_box h3.mod_tit:last-child {
                border-bottom: 0
            }

            .mod_box h3.mod_tit > a {
                display: block;
                width: 100%;
                color: #333
            }

                .mod_box h3.mod_tit > a > strong, .mod_box h3.mod_tit > strong {
                    flex: 1
                }

                .mod_box h3.mod_tit > a > small, .mod_box h3.mod_tit > small {
                    position: absolute;
                    right: 1.25rem;
                    top: 50%;
                    color: #999;
                    font-size: .8125rem;
                    font-weight: 400;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%)
                }

                .mod_box h3.mod_tit > a.arrow > small {
                    right: 1.75rem
                }

        .mod_box h3.mod_sub_tit > a > small, .mod_box h3.mod_sub_tit > small {
            position: absolute;
            right: 1.25rem;
            top: 50%;
            color: #999;
            font-size: .8125rem;
            font-weight: 400;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .mod_box h3.mod_tit .auxiliary {
            font-size: .75rem;
            color: #999;
            padding-left: .9375rem;
            font-weight: 400
        }

        .mod_box h3.mod_sub_tit {
            font-size: 1rem;
            display: block;
            position: relative;
            height: 4.125rem;
            line-height: 4.125rem
        }

        .mod_box h4.mod_tit {
            margin-bottom: .75rem;
            font-size: .875rem;
            color: #333
        }

        .mod_box .mod_cont {
            padding: 0;
            line-height: 2
        }

            .mod_box .mod_cont.gap {
                padding: .9375rem 0;
                overflow: hidden
            }

            .mod_box .mod_cont .text, .mod_box .mod_cont p {
                padding-right: .9375rem;
                line-height: 1.5
            }

        .mod_box .detail_more {
            overflow: hidden
        }

            .mod_box .detail_more a {
                display: block;
                height: 3.125rem;
                line-height: 3.125rem;
                margin-left: -1.25rem;
                border-top: 1px solid #e5e5e5;
                text-align: center;
                color: #999
            }

.house_lists .tab_bar .tab_tit > .tit {
    max-width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 100
}

.house_lists .mod_media, .house_lists .mod_media .media_main {
    width: 6.75rem
}

    .house_lists .mod_media .media_main .tip {
        position: absolute;
        height: 1.25rem;
        line-height: 1.25rem;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: .625rem;
        background: rgba(57,64,67,.6);
        color: #fff
    }

.li_item {
    position: relative;
    display: flex;
    line-height: 2.75rem;
    border-bottom: 1px solid #e5e5e5;
    font-size: .9375rem
}

    .li_item:last-child {
        border-bottom: 0
    }

    .li_item > a, .li_item > div {
        display: block;
        width: 100%;
        color: #333
    }

        .li_item > a.flexbox, .li_item > div.flexbox {
            display: flex
        }

        .li_item > *, .li_item > a > * {
            vertical-align: middle
        }

        .li_item > a > i, .li_item > i {
            margin-right: .75rem
        }

        .li_item > a:active > .value, .li_item > a:focus > .value, .li_item > a > .value {
            color: #7e94a8 !important
        }

    .li_item .tit {
        width: auto;
        color: #999;
        font-size: .875rem
    }

    .li_item .value {
        line-height: 1.5;
        padding: .725rem .9375rem .625rem 0;
        color: #333;
        text-align: justify;
        font-size: .875rem
    }

    .li_item .box_col {
        flex: 1;
        width: 0
    }

        .li_item .box_col .value {
            padding: 0;
            line-height: 2.75rem
        }

    .li_item .arrow.flexbox {
        display: flex
    }

        .li_item .arrow.flexbox .value {
            padding-right: 3rem
        }

    .li_item .cont {
        margin-top: 1.5rem
    }

    .li_item .input {
        height: 2.3rem;
        line-height: 2.3rem;
        border: 0;
        padding: 0 .5rem
    }

    .li_item .plus {
        position: static;
        color: gray;
        font-size: 2rem;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .li_item.detail_more a {
        display: block;
        width: 100%;
        text-align: center;
        color: #999
    }

.lists.noborder .li_item {
    border-bottom: 0;
    line-height: 2
}

    .lists.noborder .li_item .value {
        padding: 0 2rem 0 0;
        line-height: 2
    }

.wrapper {
    height: 100%;
    overflow: hidden
}

    .wrapper .page {
        background: #f5f5f5
    }

        .wrapper .page .content_area {
            min-height: 32rem;
            min-height: 97.1875vh
        }

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

        .wrapper .page.has_fixbar {
            padding-bottom: 3.5rem
        }

.header .icon_fanhui2 {
    background-position: 0 -26.25rem
}

.footer, .header {
    text-align: center;
    z-index: 10
}

.header {
    display: flex;
    width: 100%;
    height: 3.125rem;
    line-height: 3.125rem;
    padding: 0 1.1875rem 0 1.25rem;
    text-align: left;
    box-sizing: border-box;
    justify-content: space-between;
    background-color: #32dab9;
    color: #222;
    border-bottom: 1px solid #e5e5e5
}

    .header > .box_col {
        flex: 1;
        color: #222
    }

    .header .logo_wrap {
        display: block;
        height: 100%;
        overflow: hidden
    }

    .header .city_wrap {
        display: block;
        padding: 0 .5rem;
        font-size: 0
    }

    .header .switch_city {
        display: inline-block;
        color: #222;
        vertical-align: top;
        line-height: 3.125rem
    }

        .header .switch_city .city {
            font-size: .8125rem;
            vertical-align: middle
        }

    .header .opt_box {
        height: 100%;
        text-align: right
    }

    .header .app, .header .my {
        display: inline-block;
        width: 2.5rem;
        height: 100%;
        line-height: 1em;
        padding-top: .5rem;
        font-size: .75rem;
        color: #00ae66;
        text-align: center;
        box-sizing: border-box
    }

        .header .app span, .header .my span {
            display: block;
            padding-top: .125rem;
            -webkit-transform: scale(.917);
            transform: scale(.917)
        }

    .header .header_back:after, .header .icon_pull, .header .icon_user, .header .logo, .home_header .icon_user {
        font-size: 0;
        display: inline-block;
        background-image: url(../../statics/images/common/sprite_new.svg?version=fbfaa12fa5);
        background-repeat: no-repeat;
        background-position: 0 0;
        -webkit-transform: none;
        transform: none
    }

    .header .header_back {
        display: block;
        height: 100%;
        font-size: 0;
        margin-right: .9375rem
    }

        .header .header_back:after {
            content: "";
            height: 1.25rem;
            width: 1.25rem;
            background-size: 1.25rem;
            margin: .9375rem 0 0 -.3125rem;
            background-position: 0 -1.484375rem
        }

    .header .logo {
        width: 4.2rem;
        height: 100%;
        background-size: 4.2rem;
        background-position: 0 -10.5125rem
    }

    .header .icon_user {
        width: 1.8rem;
        height: 1.8rem;
        background-size: 1.8rem;
        margin-top: .6625rem;
        margin-right: -.3rem
    }

    .header .icon_pull {
        width: .5625rem;
        height: .5625rem;
        background-size: .5625rem;
        background-position: 0 -4.0078125rem;
        margin: 0;
        margin-left: .18rem
    }

    .header .center, .header .left, .header .right {
        padding: 0;
        font-size: 0;
        flex: 1;
        text-align: center
    }

    .header .left {
        text-align: left
    }

    .header .right {
        text-align: right
    }


.header_haiwai .logo {
    width: 6.3rem;
    height: 100%;
    background-size: 6.3rem;
    background-position: 0 -38.99375rem
}

.header_haiwai .icon_user {
    background-position: 0 -6.4125rem
}

.header.header_haiwai {
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

    .header.header_haiwai .app, .header.header_haiwai .my, .header.header_haiwai .switch_city {
        color: #394043
    }

    .header.header_haiwai .switch_city {
        line-height: 3.125rem
    }

    .header.header_haiwai .header_back:after {
        background-position: 0 -5.9375rem
    }

.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;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .footer .nav h1 {
            display: inline
        }

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

    .footer .location_sp {
        display: inline-block;
        opacity: .5;
        border-left: 1px solid #999;
        height: .4375rem;
        margin: 0 .46875rem
    }

    .footer .cur a {
        color: #727373
    }

    .footer .info {
        display: flex;
        align-items: center;
        white-space: nowrap
    }

    .footer .icon_box {
        width: 7.8125rem;
        padding-top: .875rem;
        font-size: 0
    }

    .footer .icon_android, .footer .icon_iphone {
        display: inline-block;
        width: 3.75rem;
        height: 1.4375rem;
        background: url(../../statics/images/common/foot_sprite.png?version=314d7c6620) 0 0 no-repeat;
        font-size: 0;
        background-size: 3.75rem 2.875rem;
        vertical-align: top;
        opacity: .32
    }

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

    .footer .copyright {
        flex: 1;
        padding-top: .75rem;
        text-align: right;
        font-size: .5625rem;
        line-height: 1.5
    }

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

    .loading_box > * {
        vertical-align: middle
    }

    .loading_box .loading {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        margin-right: .3125rem;
        background: url(../../statics/images/common/loading.gif?version=348f36487e) 50% no-repeat;
        background-size: 1rem 1rem
    }

.house_lists {
    padding: 0 0 0 1.25rem
}

    .house_lists .tab_bar {
        margin-left: -1.25rem;
        border-bottom: 1px solid #ccc
    }

    .house_lists .sort_bar {
        position: fixed;
        right: .9375rem;
        bottom: 2.25rem;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 0;
        background-color: rgba(0,0,0,.6);
        color: #fff;
        font-size: .625rem;
        text-align: center;
        border-radius: 2.5rem;
        z-index: 10
    }

    .house_lists .mod_cont .pictext {
        padding: 1.25rem 1.25rem 1.25rem 0;
        border-bottom: 1px solid #e5e5e5
    }

        .house_lists .mod_cont .pictext:last-child {
            border-bottom: 0
        }

        .house_lists .mod_cont .pictext ~ .detail_more a {
            border-top: 0
        }

    .house_lists .item_minor, .house_lists .item_other {
        display: flex
    }

        .house_lists .item_minor.text_cut, .house_lists .item_other.text_cut {
            display: block
        }

        .house_lists .item_minor .info, .house_lists .item_other .deal_price, .house_lists .item_other .location {
            flex: 1
        }

        .house_lists .item_minor .price_total, .house_lists .item_other .price_total {
            color: #fa5741;
            font-size: .9375rem;
            font-weight: 600;
            white-space: nowrap
        }

            .house_lists .item_minor .price_total .unit, .house_lists .item_other .price_total .unit {
                font-size: .8125rem;
                margin-left: .125rem
            }

        .house_lists .item_minor .unit_price, .house_lists .item_other .unit_price {
            color: #9c9fa1;
            font-size: .6875rem
        }

    .house_lists .tag_box {
        line-height: .9375rem;
        margin-top: -.135rem;
        min-height: 1rem
    }

    .house_lists .item_poi {
        line-height: 1.1rem;
        margin-top: .3rem;
        color: #222;
        font-size: .6875rem;
        line-height: 1.15rem
    }

        .house_lists .item_poi i {
            background: url(../../statics/images/ershoufang/icon_poi.png?version=ffc811e85e);
            background-size: 100%;
            width: 1rem;
            height: 1rem;
            display: block;
            float: left
        }

    .house_lists .tag_box > .tag {
        margin: 0 .15rem 0 0;
        line-height: 1rem;
        vertical-align: top
    }

    .house_lists .detail_more {
        overflow: hidden
    }

        .house_lists .detail_more a {
            width: auto;
            margin-left: -1.25rem
        }

    .house_lists .item_date {
        font-size: .6875rem;
        line-height: .6875rem;
        margin-bottom: .56rem;
        color: #9c9fa1
    }

    .house_lists .bangdan_tips {
        font-size: .6875rem;
        line-height: 1.15rem;
        color: #222;
        margin-top: .45rem;
        overflow: hidden
    }

        .house_lists .bangdan_tips img {
            width: 1rem;
            float: left;
            margin-right: .375rem
        }

.page .agent_none, .page .house_none, .page .question_none {
    box-sizing: border-box;
    height: 32rem;
    padding: 17rem 0 0;
    background: #fff url(../../statics/images/common/house_none.png?version=28f36d2bed) center 8rem no-repeat;
    background-size: 8rem 9.4375rem;
    text-align: center
}

.page .agent_none {
    background: #fff url(../../statics/images/common/agent_none.png?version=4774a4de57) center 8rem no-repeat;
    background-size: 6.25rem 7.5rem
}

.page .question_none {
    background: #fff url(../../statics/images/common/question_none.png?version=19b461da35) center 8rem no-repeat;
    background-size: 5.125rem 6.375rem
}

    .page .agent_none .text1, .page .house_none .text1, .page .question_none .text1 {
        color: #6c6b6b;
        font-size: 1.0625rem;
        font-weight: 700;
        text-align: center
    }

    .page .agent_none .text2, .page .house_none .text2, .page .question_none .text2 {
        font-size: .875rem;
        color: #6c6b6b;
        line-height: 1.2
    }

.fixed_bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 90
}

.fixed_opt {
    padding: .5rem 0;
    box-shadow: 0 -.0625rem .125rem #ddd;
    background: #fff;
    text-align: center
}

    .fixed_opt .btn {
        color: #00ae66;
        line-height: 2.125rem;
        height: 2.125rem;
        border-right: 1px solid #e5e5e5
    }

    .fixed_opt .box_col:last-child .btn {
        border-right: 0
    }

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

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

    .download_fixed .logo {
        margin-left: 1.25rem;
        margin-right: .375rem;
        width: 1.875rem;
        height: 100%;
        background: url(../../statics/images/common/logo300x300.png?version=5aae3828d2) 50% no-repeat;
        background-size: 1.875rem 1.875rem;
        font-size: 0
    }

    .download_fixed .slog {
        flex: 1
    }

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

    .download_fixed .sub-title {
        color: hsla(0,0%,100%,.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);
            transform: translate(-50%,-50%) rotate(45deg)
        }

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

.download_bottom_btn {
    position: fixed;
    bottom: 2.25rem;
    left: 50%;
    font-size: .9375rem;
    text-align: center;
    border-radius: 2.5rem;
    z-index: 10;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #00a75b;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    color: #fff;
    padding: 0 .9375rem;
    box-shadow: 0 3px 10px rgba(0,0,0,.2)
}

.link_box {
    padding: 1rem 0 0
}

    .link_box .link_tit {
        display: flex;
        height: 2rem;
        line-height: 2rem
    }

        .link_box .link_tit > h3 {
            color: #6e6e6e;
            position: relative;
            flex: 1;
            text-align: center;
            font-size: .875rem;
            font-weight: 600;
            background-color: #212121;
            margin: 0 .5rem
        }

            .link_box .link_tit > h3.active {
                background-color: #3c3f3d;
                color: #fff
            }

            .link_box .link_tit > h3:first-child {
                margin-left: 0
            }

            .link_box .link_tit > h3:last-child {
                margin-right: 0
            }

    .link_box .link_cont {
        padding: .625rem 0
    }

        .link_box .link_cont .contlists {
            display: none
        }

            .link_box .link_cont .contlists.active {
                display: block
            }

            .link_box .link_cont .contlists > li {
                padding-left: .5rem;
                height: 1.875rem;
                line-height: 1.875rem;
                list-style-type: disc;
                list-style-position: inside;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                text-align: left
            }

                .link_box .link_cont .contlists > li > a {
                    color: #828383
                }

.layer_static {
    background-color: transparent;
    z-index: 999
}

.layer_fixed, .layer_static {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.layer_fixed {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 99;
    overflow: hidden
}

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

    .layer_fixed.b .content {
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
        left: 0
    }

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

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

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

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

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

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

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

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

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

    .layer_fixed .pic img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .layer_fixed.b .content {
        -webkit-animation: fixedIn .3s ease;
        animation: fixedIn .3s ease
    }

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

    to {
        -webkit-transform: translateY(0)
    }
}

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

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.layer {
    position: fixed;
    box-sizing: border-box;
    width: 19rem;
    padding: 0;
    left: 50%;
    top: 50%;
    background: #fff;
    border-radius: .1875rem;
    z-index: 999;
    margin-left: -9.5rem;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .layer .layer_tit {
        padding: 1.25rem 0 0;
        font-size: 1.0625rem;
        color: #333;
        font-weight: 700;
        text-align: center
    }

    .layer .layer_cont ~ .layer .layer_tit {
        padding-top: .625rem
    }

    .layer .layer_cont {
        padding: 1.25rem;
        text-align: center;
        font-size: .875rem
    }

        .layer .layer_cont strong {
            font-weight: 700;
            color: #333
        }

        .layer .layer_cont .text {
            line-height: 1.5;
            margin-top: .5rem;
            font-size: .875rem;
            color: #333;
            text-align: center;
            color: #666
        }

            .layer .layer_cont .text.has_title {
                text-align: left
            }

            .layer .layer_cont .text:first-child {
                margin-top: 0
            }

        .layer .layer_cont textarea {
            width: 100%;
            line-height: 1.25;
            padding: .3125rem;
            border: 1px solid #bbb;
            background-color: #d7d7d7;
            font-size: .875rem
        }

    .layer .layer_opt {
        display: flex;
        border-top: 1px solid #bcbcbc;
        text-align: center
    }

        .layer .layer_opt .btn_cancel, .layer .layer_opt .btn_ok {
            position: relative;
            display: block;
            flex: 1;
            height: 2.96875rem;
            line-height: 2.96875rem;
            font-size: .9375rem;
            font-weight: 700
        }

        .layer .layer_opt .btn_ok {
            color: #00ae66
        }

        .layer .layer_opt .btn_cancel {
            border-right: 1px solid #e5e5e5;
            color: #999
        }

.fadeIn {
    -webkit-animation: ani-fadeIn .5s ease forwards;
    animation: ani-fadeIn .5s ease forwards
}

@-webkit-keyframes ani-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ani-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.mod_download {
    margin: .9375rem;
    background-color: #fff;
    border-radius: .875rem;
    padding: 1rem;
    box-shadow: 0 5px 10px rgba(0,0,0,.15)
}

    .mod_download .download_logo {
        width: 3.125rem;
        height: 3.125rem
    }

    .mod_download .download_btn {
        width: 5.3125rem;
        height: 2rem;
        line-height: 2rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        right: 0;
        text-align: center;
        background-color: #00ae66;
        color: #fff;
        border-radius: .1rem;
        font-size: .875rem
    }

    .mod_download .download_desc {
        position: relative;
        padding: .3125rem 1rem
    }

        .mod_download .download_desc .download_title {
            font-size: 1rem;
            color: #394043;
            line-height: 1;
            margin-top: .125rem
        }

        .mod_download .download_desc .download_sub {
            font-size: .6875rem;
            color: #9c9fa1;
            line-height: 1;
            margin-top: .5625rem
        }

.download_topfixed {
    margin: 0;
    border-radius: 0;
    position: fixed;
    top: -3.875rem;
    left: 0;
    right: 0;
    padding: .5625rem 1.25rem;
    z-index: 10
}

    .download_topfixed .download_logo {
        width: 2.125rem;
        height: 2.125rem
    }

    .download_topfixed .download_desc {
        height: 2.125rem;
        padding: 0 1rem
    }

        .download_topfixed .download_desc .download_title {
            margin-top: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%)
        }

    .download_topfixed .download_close {
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
        right: 0;
        font-size: 0;
        z-index: 1;
        border: .5625rem solid;
        border-color: transparent
    }

        .download_topfixed .download_close:after, .download_topfixed .download_close:before {
            content: "";
            display: block;
            position: absolute;
            height: .0625rem;
            width: .5625rem;
            background-color: #9c9fa1;
            -webkit-transform: translate(-50%,-50%) rotate(45deg);
            transform: translate(-50%,-50%) rotate(45deg)
        }

        .download_topfixed .download_close:after {
            -webkit-transform: translate(-50%,-50%) rotate(-45deg);
            transform: translate(-50%,-50%) rotate(-45deg)
        }

.house_lists .mod_cont .pictext.mod_download {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 1.25rem 1.25rem 1.25rem .625rem
}

    .house_lists .mod_cont .pictext.mod_download .download_btn {
        right: 1.25rem
    }

.house_lists .mod_cont .pictext.mod_download_new {
    text-align: center;
    padding: 2.5rem 1.25rem 2.5rem 0
}

    .house_lists .mod_cont .pictext.mod_download_new .download_title {
        font-size: 1rem;
        color: #666;
        font-weight: 700;
        line-height: 1
    }

    .house_lists .mod_cont .pictext.mod_download_new .download_btn {
        display: inline-block;
        height: 1.625rem;
        line-height: 1.625rem;
        padding: 0 .75rem;
        border: 1px solid #00b068;
        color: #00b068;
        border-radius: .1rem;
        margin-top: 1.25rem
    }

.fadeDown {
    -webkit-animation: ani-fadeDown .5s ease forwards;
    animation: ani-fadeDown .5s ease forwards
}

@-webkit-keyframes ani-fadeDown {
    0% {
        top: -3.875rem
    }

    to {
        top: 0
    }
}

@keyframes ani-fadeDown {
    0% {
        top: -3.875rem
    }

    to {
        top: 0
    }
}

.fadeUp {
    -webkit-animation: ani-fadeUp .5s ease forwards;
    animation: ani-fadeUp .5s ease forwards
}

@-webkit-keyframes ani-fadeUp {
    0% {
        top: 0
    }

    to {
        top: -3.875rem
    }
}

@keyframes ani-fadeUp {
    0% {
        top: 0
    }

    to {
        top: -3.875rem
    }
}

.contact_agent {
    display: flex;
    padding: 0;
    background: #fff;
    color: #333;
    box-shadow: 0 0 1px #d9d9d9;
    padding: .5rem .5rem .5rem 0
}

    .contact_agent > .box_col {
        display: block;
        flex: 1;
        color: #fff
    }

    .contact_agent .follow {
        width: 4.75rem;
        height: 3.0625rem;
        line-height: 2.5rem;
        text-align: center;
        position: relative
    }

        .contact_agent .follow > * {
            vertical-align: middle
        }

        .contact_agent .follow > span {
            position: absolute;
            width: 100%;
            text-align: center;
            bottom: .125rem;
            font-size: .6875rem;
            height: .875rem;
            line-height: .875rem;
            left: 0;
            color: #6b7072
        }

    .contact_agent .btn {
        height: auto
    }

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